\r\n
\r\n );\r\n } else if (\r\n this.state.appointmentSlots.length > 0 &&\r\n this.state.appointmentSlots !== null\r\n ) {\r\n return (\r\n \r\n
\r\n \r\n {this.state.lang.WhenDoYouMakeAppointment}\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n return (\r\n moment().add(-1, \"days\") >= current ||\r\n moment().add(\r\n this.state.futureAppointmentDays,\r\n \"days\"\r\n ) <= current\r\n );\r\n }}\r\n allowClear={false}\r\n />\r\n \r\n
\r\n \r\n
\r\n );\r\n } else if (this.state.appointmentSlots === undefined) {\r\n return (\r\n \r\n
\r\n \r\n {this.state.lang.WhenDoYouMakeAppointment}\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n return (\r\n moment().add(-1, \"days\") >= current ||\r\n moment().add(\r\n this.state.futureAppointmentDays,\r\n \"days\"\r\n ) <= current\r\n );\r\n }}\r\n allowClear={false}\r\n />\r\n \r\n {this.state.isCurrentDateSlots === true ? (\r\n
\r\n {this.state.lang.NoSlotsAvailable}
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {this.state.appointmentSlots !== null &&\r\n this.state.appointmentSlots.length > 0 ? (\r\n this.state.appointmentSlots.map((data, index) => {\r\n return (\r\n \r\n );\r\n })\r\n ) : (\r\n
\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n \r\n {this.state.lang.WhenDoYouMakeAppointment}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n return (\r\n moment().add(-1, \"days\") >= current ||\r\n moment().add(\r\n this.state.futureAppointmentDays,\r\n \"days\"\r\n ) <= current\r\n );\r\n }}\r\n allowClear={false}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport default Slots;\r\n","/*\r\n * @Author: Mufaddal Jamali\r\n * @Date: 2020-02-24 15:49:21\r\n * @Last Modified by: Mufaddal Jamali\r\n * @Last Modified time: 2021-01-26 11:32:05\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport * as handler from \"../components/utils/handler\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport { DataService } from \"../services/data.service\";\r\n\r\nconst queryString = require(\"query-string\");\r\n\r\nclass UserDetails extends Component {\r\n runApp = window[\"app-config\"].runApp;\r\n phoneNumberPrefix = window[\"app-config\"].phoneNumberPrefix;\r\n defaultLanguage = window[\"app-config\"].defaultLang;\r\n userDetailsConfig = window[\"app-config\"].userDetails;\r\n configCollections = window[\"app-config\"].collections;\r\n UI = window[\"app-config\"].ui.userDetailsScreen;\r\n additionalInfoLength = this.userDetailsConfig.additionalInfo.maxLength;\r\n estimatedWaitTime =\r\n window[\"app-config\"].applicationProperties.estimatedWaitTime;\r\n dataService = new DataService();\r\n\r\n state = {\r\n lang: {},\r\n phoneNumber: this.phoneNumberPrefix.defaultPhoneNumber,\r\n documentType: null,\r\n additionalInfo: undefined,\r\n estimatedWaitTime: null,\r\n emailAddress: null,\r\n confirmedEmailAddress: null,\r\n isValidConfirmedEmail: false,\r\n isValidEmail: undefined,\r\n };\r\n\r\n firstName;\r\n surName;\r\n emailAddress;\r\n confirmedEmailAddress;\r\n phoneNumber;\r\n additionalInfo;\r\n noOfPeople = this.configCollections.numericArray[0];\r\n isTermsConditonsChecked = false;\r\n isAssistanceChecked = false;\r\n\r\n isValidEmail = false;\r\n isValidConfirmEmail = false;\r\n isValidFirstName = false;\r\n isValidSurName = false;\r\n isValidPhoneNumber = false;\r\n isValidAdditionalInfo = false;\r\n\r\n phoneNumRef = React.createRef();\r\n\r\n componentDidMount() {\r\n handler.disableCopyPasteInTextField(\"#email-field\");\r\n handler.disableCopyPasteInTextField(\"#confirm-email-field\");\r\n this.props.setHeading(null);\r\n this.setPhoneNumberPrefix();\r\n this.setLanguage();\r\n\r\n if (this.runApp.toLowerCase() === \"samsung\") {\r\n $(\".validate-num\").on(\"keypress\", function (event) {\r\n var regex = new RegExp(\"^[0-9+]\");\r\n var key = String.fromCharCode(\r\n !event.charCode ? event.which : event.charCode\r\n );\r\n if (!regex.test(key)) {\r\n event.preventDefault();\r\n return false;\r\n }\r\n });\r\n }\r\n if (\r\n this.UI.showEstimatedWaitTime &&\r\n (this.props.mainState().issueQrTicket ||\r\n this.props.mainState().issueTicket)\r\n ) {\r\n this.getEstimatedWaitTime();\r\n }\r\n\r\n this.props.hideBtnNext();\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n let stateEmail =\r\n this.state.emailAddress === null\r\n ? null\r\n : this.state.emailAddress.toLowerCase();\r\n let prevStateEmail =\r\n prevState.emailAddress === null\r\n ? null\r\n : prevState.emailAddress.toLowerCase();\r\n let stateConfirmEmail =\r\n this.state.confirmedEmailAddress === null\r\n ? null\r\n : this.state.confirmedEmailAddress.toLowerCase();\r\n let prevStateConfirmEmail =\r\n prevState.confirmedEmailAddress === null\r\n ? null\r\n : prevState.confirmedEmailAddress.toLowerCase();\r\n\r\n if (\r\n stateEmail !== prevStateEmail ||\r\n stateConfirmEmail !== prevStateConfirmEmail\r\n ) {\r\n if (\r\n stateEmail !== stateConfirmEmail &&\r\n this.userDetailsConfig.validateConfirmEmail === true\r\n ) {\r\n this.setState({ isValidEmail: false });\r\n } else if (this.isValidEmail === false) {\r\n this.setState({ isValidEmail: false });\r\n } else {\r\n this.setState({ isValidEmail: true });\r\n }\r\n }\r\n console.log(\"TST VALID: \", this.state.isValidEmail);\r\n if (\r\n this.state.isValidEmail === false ||\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n // (this.isValidConfirmEmail === false &&\r\n // this.userDetailsConfig.validateConfirmEmail === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.isValidAdditionalInfo === false &&\r\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory)\r\n ) {\r\n this.props.hideBtnNext();\r\n } else {\r\n this.props.showBtnNext();\r\n }\r\n }\r\n\r\n setPhoneNumberPrefix = () => {\r\n if (\r\n localStorage.getItem(\"lang\") === \"es\" &&\r\n this.phoneNumberPrefix.spain !== \"\"\r\n ) {\r\n this.setState({ phoneNumber: this.phoneNumberPrefix.spain });\r\n } else if (\r\n localStorage.getItem(\"lang\") === \"ar\" &&\r\n this.phoneNumberPrefix.uae !== \"\"\r\n ) {\r\n this.setState({ phoneNumber: this.phoneNumberPrefix.uae });\r\n } else if (\r\n localStorage.getItem(\"lang\") === \"en\" &&\r\n this.phoneNumberPrefix.uk !== \"\"\r\n ) {\r\n this.setState({ phoneNumber: this.phoneNumberPrefix.uk });\r\n } else if (\r\n localStorage.getItem(\"lang\") === \"ur\" &&\r\n this.phoneNumberPrefix.pakistan !== \"\"\r\n ) {\r\n this.setState({ phoneNumber: this.phoneNumberPrefix.pakistan });\r\n } else {\r\n this.setState({ phoneNumber: this.phoneNumberPrefix.defaultPhoneNumber });\r\n }\r\n };\r\n\r\n documentNumberValidation = (value) => {\r\n if (\r\n (this.additionalInfo !== undefined &&\r\n this.isValidAdditionalInfo === false) ||\r\n this.isValidAdditionalInfo === true\r\n ) {\r\n if (value === \"CE\") {\r\n if (\r\n !(\r\n handler.validation.isNumber(this.additionalInfo) &&\r\n this.additionalInfo.length ===\r\n this.userDetailsConfig.documentTypeDropdown.CE_LENGTH\r\n )\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n } else if (value === \"DNI\") {\r\n if (\r\n !(\r\n handler.validation.isNumber(this.additionalInfo) &&\r\n this.additionalInfo.length ===\r\n this.userDetailsConfig.documentTypeDropdown.DNI_LENGTH\r\n )\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n } else if (\r\n value === \"Passport\" &&\r\n this.additionalInfo.length !==\r\n this.userDetailsConfig.documentTypeDropdown.PASSPORT_LENGTH\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n }\r\n };\r\n\r\n setLanguage = () => {\r\n this.setState({ lang: handler.setTranslations() });\r\n };\r\n\r\n /**\r\n * \r\n HANDLING CHANGE EVENTS FOR FIELDS\r\n */\r\n\r\n onFirstNameChange = (e) => {\r\n var regex = new RegExp(\"^[a-zA-ZÀ-ÿñáéÃóúü ]+$\");\r\n if (\r\n ((e.target.value.length === 0 && e.target.value === \"\") ||\r\n !regex.test(e.target.value)) &&\r\n this.runApp.toLowerCase() === \"samsung\"\r\n ) {\r\n $(\"#firstname-field\").css(\"border-color\", \"red\");\r\n this.isValidFirstName = false;\r\n } else if (e.target.value.length === 0 && e.target.value === \"\") {\r\n $(\"#firstname-field\").css(\"border-color\", \"red\");\r\n this.isValidFirstName = false;\r\n } else {\r\n this.isValidFirstName = true;\r\n $(\"#firstname-field\").css(\"border-color\", \"#dadada\");\r\n this.firstName = e.target.value;\r\n this.sendDataToParent();\r\n }\r\n this.documentNumberValidation(this.state.documentType);\r\n if (\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.state.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n // (this.isValidConfirmEmail === false &&\r\n // this.userDetailsConfig.validateConfirmEmail === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.isValidAdditionalInfo === false &&\r\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory) ||\r\n (this.userDetailsConfig.validateConfirmEmail &&\r\n this.isValidConfirmEmail === false)\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n };\r\n\r\n onSurNameChange = (e) => {\r\n var regex = new RegExp(\"^[a-zA-ZÀ-ÿñáéÃóúü ]+$\");\r\n if (\r\n ((e.target.value.length === 0 && e.target.value === \"\") ||\r\n !regex.test(e.target.value)) &&\r\n this.runApp.toLowerCase() === \"samsung\"\r\n ) {\r\n $(\"#surname-field\").css(\"border-color\", \"red\");\r\n this.isValidSurName = false;\r\n } else if (e.target.value.length === 0 && e.target.value === \"\") {\r\n $(\"#surname-field\").css(\"border-color\", \"red\");\r\n this.isValidSurName = false;\r\n } else {\r\n this.isValidSurName = true;\r\n $(\"#surname-field\").css(\"border-color\", \"#dadada\");\r\n this.surName = e.target.value;\r\n this.sendDataToParent();\r\n }\r\n this.documentNumberValidation(this.state.documentType);\r\n if (\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.state.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n // (this.isValidConfirmEmail === false &&\r\n // this.userDetailsConfig.validateConfirmEmail === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.isValidAdditionalInfo === false &&\r\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory) ||\r\n (this.userDetailsConfig.validateConfirmEmail &&\r\n this.isValidConfirmEmail === false)\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n };\r\n\r\n onEmailChange = (e) => {\r\n this.setState({ emailAddress: e.target.value });\r\n\r\n if (\r\n !handler.validateEmail(e.target.value) ||\r\n (e.target.value.length === 0 && e.target.value === \"\") ||\r\n /^([\\w-\\.]+([\\w-]+\\.)+[\\w-]{2,4})?$/.test(e.target.value)\r\n ) {\r\n $(\"#email-field\").css(\"border-color\", \"red\");\r\n this.isValidEmail = false;\r\n } else {\r\n $(\"#email-field\").css(\"border-color\", \"#dadada\");\r\n this.emailAddress = e.target.value;\r\n this.setState({ emailAddress: e.target.value });\r\n this.sendDataToParent();\r\n this.isValidEmail = true;\r\n }\r\n\r\n this.documentNumberValidation(this.state.documentType);\r\n if (\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n // (this.isValidConfirmEmail === false &&\r\n // this.userDetailsConfig.validateConfirmEmail === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.isValidAdditionalInfo === false &&\r\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory) ||\r\n (this.userDetailsConfig.validateConfirmEmail &&\r\n this.isValidConfirmEmail === false)\r\n ) {\r\n this.props.hideBtnNext();\r\n } else {\r\n this.props.showBtnNext();\r\n }\r\n };\r\n\r\n onConfirmEmailChange = (e) => {\r\n this.setState({ confirmedEmailAddress: e.target.value });\r\n\r\n if (\r\n !handler.validateEmail(e.target.value) ||\r\n (e.target.value.length === 0 && e.target.value === \"\") ||\r\n /^([\\w-\\.]+([\\w-]+\\.)+[\\w-]{2,4})?$/.test(e.target.value)\r\n ) {\r\n $(\"#confirm-email-field\").css(\"border-color\", \"red\");\r\n this.isValidConfirmEmail = false;\r\n console.log(this.isValidConfirmEmail);\r\n } else {\r\n $(\"#confirm-email-field\").css(\"border-color\", \"#dadada\");\r\n this.confirmedEmailAddress = e.target.value;\r\n this.isValidConfirmEmail = true;\r\n }\r\n\r\n this.documentNumberValidation(this.state.documentType);\r\n if (\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n // (this.isValidConfirmEmail === false &&\r\n // this.userDetailsConfig.validateConfirmEmail === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.isValidAdditionalInfo === false &&\r\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory)\r\n ) {\r\n this.props.hideBtnNext();\r\n } else {\r\n this.props.showBtnNext();\r\n }\r\n };\r\n\r\n onPhoneChange = (e) => {\r\n if (\r\n (e.target.value.length === 0 && e.target.value === \"\") ||\r\n e.target.value.length <\r\n this.userDetailsConfig.phoneNumberField.minLength ||\r\n /\\s/.test(e.target.value) ||\r\n !e.target.value.charAt(0).includes(\"+\") ||\r\n !/^[0-9+]+$/.test(e.target.value)\r\n ) {\r\n $(\"#phone-field\").css(\"border-color\", \"red\");\r\n this.isValidPhoneNumber = false;\r\n } else {\r\n this.isValidPhoneNumber = true;\r\n $(\"#phone-field\").css(\"border-color\", \"#dadada\");\r\n this.phoneNumber = this.phoneNumRef.current.value;\r\n this.sendDataToParent();\r\n }\r\n this.setState({ phoneNumber: e.target.value });\r\n this.documentNumberValidation(this.state.documentType);\r\n if (\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.state.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n // (this.isValidConfirmEmail === false &&\r\n // this.userDetailsConfig.validateConfirmEmail === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.isValidAdditionalInfo === false &&\r\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory) ||\r\n (this.userDetailsConfig.validateConfirmEmail &&\r\n this.isValidConfirmEmail === false)\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n };\r\n\r\n onAdditionalInfoChange = (e) => {\r\n console.log(e.target.value);\r\n this.additionalInfo = e.target.value;\r\n if (\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n !handler.validation.isNumber(e.target.value) &&\r\n (this.state.documentType === \"CE\" ||\r\n (this.state.documentType === \"DNI\" &&\r\n this.state.documentType !== \"Passport\"))\r\n ) {\r\n this.props.hideBtnNext();\r\n } else {\r\n if (\r\n e.target.value === \"\" &&\r\n e.target.value.length === 0 &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory\r\n ) {\r\n this.isValidAdditionalInfo = false;\r\n this.props.hideBtnNext();\r\n } else if (\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.state.documentType.toLowerCase() === \"dni\" &&\r\n e.target.value.length !==\r\n this.userDetailsConfig.documentTypeDropdown.DNI_LENGTH\r\n ) {\r\n this.isValidAdditionalInfo = false;\r\n this.props.hideBtnNext();\r\n } else if (\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.state.documentType.toLowerCase() === \"ce\" &&\r\n e.target.value.length !==\r\n this.userDetailsConfig.documentTypeDropdown.CE_LENGTH\r\n ) {\r\n this.isValidAdditionalInfo = false;\r\n this.props.hideBtnNext();\r\n } else if (\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.state.documentType.toLowerCase() === \"passport\" &&\r\n e.target.value.length !==\r\n this.userDetailsConfig.documentTypeDropdown.PASSPORT_LENGTH\r\n ) {\r\n this.isValidAdditionalInfo = false;\r\n this.props.hideBtnNext();\r\n } else {\r\n this.isValidAdditionalInfo = true;\r\n this.sendDataToParent();\r\n }\r\n }\r\n\r\n if (\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.state.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.additionalInfo === undefined &&\r\n this.isValidAdditionalInfo === false &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory) ||\r\n (this.userDetailsConfig.validateConfirmEmail &&\r\n this.isValidConfirmEmail === false)\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n };\r\n\r\n onNoOfPeopleChange = (e) => {\r\n this.noOfPeople = e.target.value;\r\n\r\n this.sendDataToParent();\r\n this.documentNumberValidation(this.state.documentType);\r\n if (\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.state.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n // (this.isValidConfirmEmail === false &&\r\n // this.userDetailsConfig.validateConfirmEmail === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.isValidAdditionalInfo === false &&\r\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory) ||\r\n (this.userDetailsConfig.validateConfirmEmail &&\r\n this.isValidConfirmEmail === false)\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n };\r\n\r\n onDocumentTypeChange = (e) => {\r\n this.setState({ documentType: e.target.value });\r\n this.sendDataToParent();\r\n\r\n this.documentNumberValidation(e.target.value);\r\n\r\n if (e.target.value === \"CE\") {\r\n this.additionalInfoLength =\r\n this.userDetailsConfig.documentTypeDropdown.CE_LENGTH;\r\n } else if (e.target.value === \"DNI\") {\r\n this.additionalInfoLength =\r\n this.userDetailsConfig.documentTypeDropdown.DNI_LENGTH;\r\n } else if (e.target.value === \"Passport\") {\r\n this.additionalInfoLength =\r\n this.userDetailsConfig.documentTypeDropdown.PASSPORT_LENGTH;\r\n }\r\n\r\n if (\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.state.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n // (this.isValidConfirmEmail === false &&\r\n // this.userDetailsConfig.validateConfirmEmail === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.isValidAdditionalInfo === false &&\r\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.userDetailsConfig.validateConfirmEmail &&\r\n this.isValidConfirmEmail === false)\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n };\r\n\r\n onCheckBoxChange = (e) => {\r\n if (e.target.id === \"termsCondition\") {\r\n this.isTermsConditonsChecked = e.target.checked;\r\n this.sendDataToParent();\r\n\r\n this.documentNumberValidation(this.state.documentType);\r\n\r\n if (\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.state.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n (this.isValidConfirmEmail === false &&\r\n this.userDetailsConfig.validateConfirmEmail === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.isValidAdditionalInfo === false &&\r\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory) ||\r\n (this.userDetailsConfig.validateConfirmEmail &&\r\n this.isValidConfirmEmail === false)\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n } else if (e.target.id === \"assistance\") {\r\n this.isAssistanceChecked = e.target.checked;\r\n this.sendDataToParent();\r\n this.documentNumberValidation(this.state.documentType);\r\n if (\r\n (this.isValidSurName === false &&\r\n this.userDetailsConfig.enableSurnameField === true) ||\r\n (this.isValidFirstName === false &&\r\n this.userDetailsConfig.enableFirstNameField === true) ||\r\n (this.isValidEmail === false &&\r\n this.userDetailsConfig.enableEmailField === true) ||\r\n (this.isValidPhoneNumber === false &&\r\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\r\n (this.isTermsConditonsChecked === false &&\r\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\r\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\r\n (this.documentType === null &&\r\n this.userDetailsConfig.documentTypeDropdown.enabled &&\r\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\r\n (this.isValidAdditionalInfo === false &&\r\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\r\n this.userDetailsConfig.additionalInfo.enabled &&\r\n this.userDetailsConfig.additionalInfo.isMandatory) ||\r\n (this.userDetailsConfig.validateConfirmEmail &&\r\n this.isValidConfirmEmail === false)\r\n ) {\r\n this.props.hideBtnNext();\r\n }\r\n }\r\n };\r\n\r\n /*\r\n SENDING DATA TO MAIN\r\n */\r\n\r\n sendDataToParent = () => {\r\n this.props.userDetails({\r\n firstName: this.firstName,\r\n surName: this.surName,\r\n emailAddress: this.emailAddress,\r\n phoneNumber:\r\n this.userDetailsConfig.phoneNumberField.enabled === true\r\n ? this.phoneNumRef.current.value\r\n : null,\r\n additionalInfo: this.additionalInfo,\r\n noOfPeople: this.noOfPeople,\r\n documentType: this.state.documentType,\r\n\r\n isTermsConditonsChecked: this.isTermsConditonsChecked,\r\n isAssistanceChecked: this.isAssistanceChecked,\r\n isUserDetailCmp: this.state.isUserDetailCmp,\r\n });\r\n };\r\n\r\n getEstimatedWaitTime = async () => {\r\n try {\r\n let branchId = this.props.mainState().issueQrTicket\r\n ? queryString.parse(window.location.search).branchid\r\n : this.props.branchDetails()[0].BranchID;\r\n let sqn = this.props.mainState().issueQrTicket\r\n ? queryString.parse(window.location.search).sqn\r\n : this.props.mainState().categoryId;\r\n\r\n let response = await this.dataService.getEstimatedWaitTime(\r\n branchId,\r\n !this.estimatedWaitTime.branchLevel ? sqn : null\r\n );\r\n\r\n if (response.data.error !== undefined && response.error === true) {\r\n this.setState({\r\n estimatedWaitTime: null,\r\n });\r\n } else if (response.data.response_status === 1) {\r\n this.setState({\r\n estimatedWaitTime: Math.floor(response.data.est_wait_time / 60),\r\n });\r\n } else {\r\n this.setState({\r\n estimatedWaitTime: null,\r\n });\r\n }\r\n } catch (error) {\r\n this.setState({\r\n estimatedWaitTime: null,\r\n });\r\n console.log(\"ERROR: \", error.message);\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n {this.state.lang.WhenDoYouMakeAppointment}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n return (\r\n moment().add(-1, \"days\") >= current ||\r\n moment().add(\r\n this.state.futureAppointmentDays,\r\n \"days\"\r\n ) <= current\r\n );\r\n }}\r\n allowClear={false}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {this.state.lang.PhoneNumber}\r\n \r\n *\r\n \r\n \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n \r\n {this.state.lang.ConfirmEmailLabel}\r\n \r\n *\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {this.userDetailsConfig.phoneNumberField.enabled === true ? (\r\n \r\n {this.props.mainState().issueQrTicket ||\r\n this.props.mainState().issueTicket\r\n ? this.state.lang.EnterYourDetailsToConfirmYourTicket\r\n : this.state.lang.EnterAppointmentDetails}\r\n
\r\n {this.state.estimatedWaitTime !== null &&\r\n this.UI.showEstimatedWaitTime ? (\r\n\r\n {this.state.lang.EstimatedWaitTimeMessage} \r\n {`${this.state.estimatedWaitTime} ${this.state.lang.Minutes}`}\r\n
\r\n
\r\n
\r\n
\r\n {this.userDetailsConfig.enableFirstNameField === true ? (\r\n
\r\n \r\n \r\n {this.state.lang.FirstName}\r\n \r\n *\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {this.userDetailsConfig.enableSurnameField === true ? (\r\n \r\n \r\n {this.state.lang.SurName}\r\n \r\n *\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {this.userDetailsConfig.enableNoOfPeopleField === true ? (\r\n \r\n \r\n {this.state.lang.NoOfPeople}\r\n \r\n \r\n \r\n\r\n {this.configCollections.numericArray.map((data, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n ) : null}\r\n \r\n {this.userDetailsConfig.enableEmailField === true ? (\r\n \r\n \r\n {this.state.lang.EmailAddress}\r\n \r\n *\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {this.userDetailsConfig.validateConfirmEmail ? (\r\n \r\n {this.userDetailsConfig.documentTypeDropdown.enabled ? (\r\n \r\n \r\n {this.state.lang.AdditionalInformation}\r\n {this.userDetailsConfig.additionalInfo.isMandatory ? (\r\n \r\n *\r\n \r\n ) : null}\r\n \r\n
\r\n ) : null}\r\n {this.userDetailsConfig.additionalInfo.breakColumn ? (\r\n \r\n ) : null}\r\n \r\n \r\n \r\n {this.state.lang.DocumentType}\r\n {this.userDetailsConfig.documentTypeDropdown.isMandatory ? (\r\n \r\n *\r\n \r\n ) : null}\r\n \r\n \r\n \r\n {this.configCollections.documentArray.map((data, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n ) : null}\r\n {this.userDetailsConfig.additionalInfo.enabled ? (\r\n \r\n {this.userDetailsConfig.termsConditionCheckBox.enabled ? (\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {this.userDetailsConfig.enableAssistanceCheckBox.enabled ? (\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default UserDetails;\r\n","/*\r\n * @Author: Mufaddal Jamali\r\n * @Date: 2020-03-16 15:48:31\r\n * @Last Modified by: Mufaddal Jamali\r\n * @Last Modified time: 2020-03-16 15:48:31\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\n\r\nconst SecondaryButton = (props) => {\r\n $(document).ready(function () {\r\n $(\".secondaryBtn\").css(\"border-color\", props.bgColor);\r\n $(\".secondaryBtn a\").css(\"color\", props.bgColor);\r\n $(\".secondaryBtn\").mouseover(function () {\r\n $(\".secondaryBtn\").css(\"background-color\", props.bgColor);\r\n $(\".secondaryBtn\").css(\"color\", \"white\");\r\n $(\".secondaryBtn\").css(\"border-color\", props.bgColor);\r\n });\r\n $(\".secondaryBtn\").mouseout(function () {\r\n $(\".secondaryBtn\").css(\"background-color\", \"white\");\r\n $(\".secondaryBtn\").css(\"color\", props.bgColor);\r\n $(\".secondaryBtn\").css(\"border-color\", props.bgColor);\r\n });\r\n });\r\n\r\n return (\r\n \r\n
\r\n \r\n {this.runApp.toLowerCase() === \"samsung\" ||\r\n this.runApp.toLowerCase() === \"others\"\r\n ? ReactHtmlParser(this.state.lang.AgreementText)\r\n : null}\r\n {/* {ReactHtmlParser(this.state.lang.AgreementText)} */}\r\n
\r\n\r\n {props.children}\r\n
\r\n );\r\n};\r\n\r\nexport default SecondaryButton;\r\n","/*\r\n * @Author: Mufaddal Jamali\r\n * @Date: 2020-02-24 15:49:21\r\n * @Last Modified by: Mufaddal Jamali\r\n * @Last Modified time: 2020-11-11 19:24:16\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport Preparation from \"../components/preparation/preparation\";\r\nimport { DataService } from \"../services/data.service\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nimport LocationImg from \"../assets/images/location.png\";\r\nimport LocationDarkImg from \"../assets/images/location-white.png\";\r\nimport CalendarImg from \"../assets/images/calender_org.png\";\r\nimport CalendarImgBlack from \"../assets/images/calender_gry.png\";\r\nimport Journey from \"../components/journey/journey\";\r\nimport swal from \"sweetalert\";\r\nimport moment from \"moment\";\r\nimport $ from \"jquery\";\r\n\r\nimport * as handler from \"../components/utils/handler\";\r\nimport RefreshButton from \"./../components/utils/refreshButton\";\r\nimport DangerButton from \"../components/utils/dangerButton\";\r\nimport IconButton from \"../components/utils/iconButton\";\r\n\r\nimport socketIoClient from \"socket.io-client\";\r\nconst ENDPOINT = \"localhost:4001\";\r\n\r\nconst queryString = require(\"query-string\");\r\n\r\nclass ConfirmedAppointment extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n branchAddress:\r\n this.props.getData().response.data.previous_appointment_info !==\r\n undefined &&\r\n this.props.getData().response.data.previous_appointment_info !== null\r\n ? this.props.getData().response.data.previous_appointment_info.address\r\n : this.props.getData().singleBranchDetails.length > 0\r\n ? this.props.getData().singleBranchDetails[0].Address\r\n : this.props.getData().selectedBranchFromMap !== null\r\n ? this.props.getData().selectedBranchFromMap.Address\r\n : null,\r\n\r\n branchTitle:\r\n this.props.getData().response.data.previous_appointment_info !==\r\n undefined &&\r\n this.props.getData().response.data.previous_appointment_info !== null\r\n ? this.props.getData().response.data.previous_appointment_info\r\n .branch_title\r\n : this.props.getData().singleBranchDetails.length > 0\r\n ? this.props.getData().singleBranchDetails[0].BranchTitle\r\n : this.props.getData().selectedBranchFromMap !== null\r\n ? this.props.getData().selectedBranchFromMap.BranchTitle\r\n : null,\r\n response: this.props.getData().response,\r\n whatsappUrl: window[\"app-config\"].whatsappUrl,\r\n isTicketCalled: false,\r\n randomNumber: \"\",\r\n };\r\n }\r\n URL = window[\"app-config\"].URL;\r\n runApp = window[\"app-config\"].runApp;\r\n enableCategorySelection = window[\"app-config\"].enableCategorySelection;\r\n userDetailsConfig = window[\"app-config\"].userDetails;\r\n showGreetings = window[\"app-config\"].ui.showGreetings;\r\n color = window[\"app-config\"].ui.confirmScreen;\r\n icons = window[\"app-config\"].ui.icons;\r\n defaultLanguage = window[\"app-config\"].defaultLang;\r\n refreshInterval = window[\"app-config\"].applicationProperties.refreshInterval;\r\n notificationSound = window[\"app-config\"].notificationSound;\r\n popupExpiry = window[\"app-config\"].ui.popupExpiry;\r\n dataService = new DataService();\r\n\r\n cancelButtonText = \"\";\r\n rescheduleButtonText = \"\";\r\n DoYouWantToRescheduleOrCancel = \"\";\r\n Attention = \"\";\r\n AppointmentAlreadyCanceled = \"\";\r\n AppointmentInfoNoValidToCancel = \"\";\r\n AlreadyServed = \"\";\r\n someThingWentWrong = \"\";\r\n error = \"\";\r\n For = \"\";\r\n Ok = \"\";\r\n CantCancelApptTcktIssued = \"\";\r\n AppointmentExpired = \"\";\r\n AppointmentCanceledAutomatically = \"\";\r\n Yes = \"\";\r\n No = \"\";\r\n TicketIssuedOn = \"\";\r\n WaitTime = \"\";\r\n Where = \"\";\r\n TotalWaitingTickets = \"\";\r\n CancelTicketConfirmation = \"\";\r\n UrlNotFound = \"\";\r\n InternetConnectionError = \"\";\r\n TicketNumber = \"\";\r\n BookingRef = \"\";\r\n Name = \"\";\r\n Email = \"\";\r\n PhoneNumber = \"\";\r\n NoOfPeople = \"\";\r\n WaitTimeMsg = \"\";\r\n Greetings = \"\";\r\n ServerNotResponding = \"\";\r\n TicketNotFound = \"\";\r\n\r\n componentDidMount() {\r\n this.generateUrl();\r\n handler.blinkText(\".blink\");\r\n\r\n if (\r\n this.props.getData().issueTicket ||\r\n this.props.getData().issueQrTicket\r\n ) {\r\n localStorage.setItem(\"confirmed\", true);\r\n localStorage.setItem(\"confirmedDate\", moment().toDate().toDateString());\r\n localStorage.setItem(\"prevState\", JSON.stringify(this.props.getData()));\r\n }\r\n\r\n let lang;\r\n if (localStorage.getItem(\"lang\") === \"es\") {\r\n lang = window[\"localization\"].es;\r\n } else if (localStorage.getItem(\"lang\") === \"ar\") {\r\n lang = window[\"localization\"].ar;\r\n } else if (localStorage.getItem(\"lang\") === \"en\") {\r\n lang = window[\"localization\"].en;\r\n } else if (localStorage.getItem(\"lang\") === \"ur\") {\r\n lang = window[\"localization\"].ur;\r\n } else {\r\n let defaultLang = this.defaultLanguage;\r\n lang = window[\"localization\"][defaultLang];\r\n }\r\n\r\n this.props.hideBtnBack();\r\n\r\n this.props.setHeading(\r\n this.props.getData().issueTicket === true ||\r\n this.props.getData().issueQrTicket === true\r\n ? lang.YourTicketHasBeenIssued\r\n : lang.YourAppointmentIsBooked\r\n );\r\n\r\n if (\r\n this.props.getData().issueTicket === true ||\r\n this.props.getData().issueQrTicket === true\r\n ) {\r\n // const socket = socketIoClient(ENDPOINT);\r\n // socket.on(\"getTicketStatus\", (data) => {\r\n // console.log(\"SOCKET CALLED: \", data);\r\n // this.getTicketStatus();\r\n // });\r\n setInterval(() => {\r\n this.getTicketStatus();\r\n }, this.refreshInterval);\r\n\r\n handler.onBrowserReload(this.getTicketStatus);\r\n }\r\n }\r\n\r\n generateUrl = () => {\r\n if (\r\n this.props.getData().issueTicket &&\r\n this.state.response.data.ticket_info !== undefined &&\r\n this.state.response.data.ticket_info !== null\r\n ) {\r\n let branchCode =\r\n this.props.getData().singleBranchDetails.length > 0\r\n ? this.props.getData().singleBranchDetails[0].BranchCode\r\n : this.props.getData().selectedBranchFromMap.BranchCode;\r\n\r\n let ticketId = this.state.response.data.ticket_info.ticket_id;\r\n let whatsappUrl = `${this.URL.whatsappUrl}&text=${branchCode}%20${ticketId}`;\r\n this.setState({ whatsappUrl: whatsappUrl });\r\n } else if (this.props.getData().issueQrTicket) {\r\n let branchCode = queryString.parse(window.location.search).branchCode;\r\n let ticketId = this.state.response.data.ticket_id;\r\n let whatsappUrl = `${this.URL.whatsappUrl}&text=${branchCode}%20${ticketId}`;\r\n this.setState({ whatsappUrl: whatsappUrl });\r\n }\r\n };\r\n\r\n getGreetings = () => {\r\n if (\r\n this.props.getData().firstName !== null &&\r\n this.props.getData().firstName !== \"\"\r\n ) {\r\n return (\r\n \r\n \r\n {`${this.Greetings} ${\r\n this.props.getData().firstName !== undefined ||\r\n this.props.getData().firstName !== null\r\n ? this.props.getData().firstName\r\n : \"\"\r\n }`}\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n getEstimatedWaitTimeMessage = () => {\r\n if (\r\n this.state.response.data !== undefined &&\r\n this.state.response.data !== null &&\r\n this.state.response.data !== \"\" &&\r\n this.props.getData().issueQrTicket === true\r\n ) {\r\n return (\r\n \r\n
\r\n
\r\n );\r\n }\r\n };\r\n\r\n getUserDetails = () => {\r\n if (this.props.getData().issueQrTicket === true) {\r\n return (\r\n \r\n \r\n {`${this.state.response.MessageText}`}\r\n \r\n
\r\n \r\n
\r\n \r\n {this.userDetailsConfig.enableFirstNameField === true\r\n ? this.Name\r\n : null}\r\n \r\n
\r\n\r\n {this.userDetailsConfig.enableEmailField === true\r\n ? this.Email\r\n : null}\r\n \r\n
\r\n\r\n {this.userDetailsConfig.enablePhoneNumberField === true\r\n ? this.PhoneNumber\r\n : null}\r\n \r\n
\r\n\r\n {this.userDetailsConfig.enableNoOfPeopleField === true\r\n ? this.NoOfPeople\r\n : null}\r\n \r\n {this.userDetailsConfig.enableNoOfPeopleField === true ? (\r\n
\r\n
\r\n );\r\n }\r\n };\r\n\r\n getDateTime = () => {\r\n if (\r\n this.state.response.data.previous_appointment_info !== undefined &&\r\n this.state.response.data.previous_appointment_info !== null\r\n ) {\r\n return (\r\n {this.props.getData().firstName}
\r\n\r\n\r\n
{this.props.getData().emailAddress}
\r\n\r\n\r\n
{this.props.getData().phoneNumber}
\r\n\r\n
{this.props.getData().noOfPeople}
\r\n ) : null}\r\n\r\n\r\n
\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n {moment(\r\n this.state.response.data.previous_appointment_info\r\n .appointment_date,\r\n \"MM-DD-YYYY\"\r\n ).format(\"DD-MMM-YYYY\")}{\" \"}\r\n \r\n {this.props\r\n .getData()\r\n .response.data.previous_appointment_info.appointment_time.substring(\r\n 0,\r\n 5\r\n )}\r\n
\r\n\r\n
\r\n );\r\n }\r\n };\r\n\r\n getBranchAddress = () => {\r\n if (\r\n this.state.response.data.previous_appointment_info !== undefined &&\r\n this.state.response.data.previous_appointment_info !== null\r\n ) {\r\n return (\r\n \r\n {this.props.getData().date !== null\r\n ? this.props.getData().date\r\n : null}\r\n {\" \"}\r\n {this.props.getData().time !== null\r\n ? this.props.getData().time\r\n : null}\r\n
\r\n\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n {this.Where}\r\n \r\n
\r\n \r\n {`${this.state.response.data.previous_appointment_info.branch_title} | ${this.state.response.data.previous_appointment_info.address}`}\r\n
\r\n\r\n {this.props.getData().singleBranchDetails.length > 0\r\n ? this.props.getData().singleBranchDetails[0].ContactNo\r\n : this.props.getData().selectedBranchFromMap.ContactNo}\r\n
\r\n\r\n
\r\n );\r\n }\r\n };\r\n\r\n getAppointmentNumber = () => {\r\n if (\r\n this.state.response.data.previous_appointment_info !== undefined &&\r\n this.state.response.data.previous_appointment_info !== null\r\n ) {\r\n return (\r\n \r\n \r\n {this.Where}\r\n \r\n
\r\n\r\n \r\n {`${\r\n this.props.getData().singleBranchDetails.length > 0\r\n ? this.props.getData().singleBranchDetails[0].BranchTitle\r\n : this.props.getData().selectedBranchFromMap.BranchTitle\r\n } | ${\r\n this.props.getData().singleBranchDetails.length > 0\r\n ? this.props.getData().singleBranchDetails[0].Address\r\n : this.props.getData().selectedBranchFromMap.Address\r\n }`}\r\n
\r\n\r\n {this.props.getData().singleBranchDetails.length > 0\r\n ? this.props.getData().singleBranchDetails[0].ContactNo\r\n : this.props.getData().selectedBranchFromMap.ContactNo}\r\n
\r\n\r\n \r\n {\r\n this.state.response.data.previous_appointment_info\r\n .appointment_number\r\n }\r\n \r\n
\r\n );\r\n } else if (this.state.response.data.issueAppointment !== undefined) {\r\n return (\r\n \r\n \r\n {this.BookingRef}\r\n \r\n
\r\n \r\n \r\n {this.state.response.data.issueAppointment !== undefined\r\n ? this.state.response.data.issueAppointment.appointment_number\r\n : null}\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n getTicketNumber = () => {\r\n if (\r\n this.state.response.data.ticket_info !== undefined &&\r\n this.state.response.data.ticket_info !== null\r\n ) {\r\n return (\r\n \r\n \r\n {this.BookingRef}\r\n \r\n
\r\n \r\n \r\n \r\n {this.state.response.data.ticket_info.ticket_no}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n } else if (\r\n this.state.response.data !== undefined &&\r\n this.state.response.data !== null &&\r\n this.state.response.data !== \"\" &&\r\n this.props.getData().issueQrTicket === true\r\n ) {\r\n return (\r\n \r\n \r\n {this.TicketNumber}\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n {this.state.response.data.ticket_number_f}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n };\r\n\r\n getTotalWaitingTime = (lang) => {\r\n if (\r\n this.state.response.data.ticket_info !== undefined &&\r\n this.state.response.data.ticket_info !== null\r\n ) {\r\n return (\r\n \r\n \r\n {this.TicketNumber}\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n } else if (\r\n this.state.response.data !== undefined &&\r\n this.state.response.data !== null &&\r\n this.state.response.data !== \"\" &&\r\n this.props.getData().issueQrTicket === true\r\n ) {\r\n let timestamp = this.state.response.data.category_approx_waittime;\r\n\r\n let waitTime = \"\";\r\n\r\n waitTime = handler.formatTimeStamp(timestamp, \"minutes\");\r\n return (\r\n \r\n {`${lang.EstimatedWaitTimeMessage} ${Math.floor(\r\n this.state.response.data.ticket_info.category_approx_waittime / 60\r\n )} ${lang.Minutes}`}\r\n
\r\n\r\n\r\n
\r\n {this.state.response.IsTicketCalled === false ? (\r\n
\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n };\r\n\r\n getTicketIssuedDateTime = () => {\r\n if (\r\n this.state.response.data.ticket_info !== undefined &&\r\n this.state.response.data.ticket_info !== null\r\n ) {\r\n return (\r\n \r\n \r\n {this.WaitTime}\r\n \r\n
\r\n ) : null}\r\n\r\n \r\n \r\n {`${\r\n this.state.response.IsTicketCalled === false\r\n ? this.WaitTimeMsg\r\n : \"\"\r\n } ${\r\n this.state.response.IsTicketCalled === false ? waitTime : \"\"\r\n }`}\r\n \r\n
\r\n \r\n
\r\n {/* \r\n {this.TicketIssuedOn}\r\n */}\r\n
\r\n
\r\n );\r\n } else if (\r\n this.state.response.data !== undefined &&\r\n this.state.response.data !== null &&\r\n this.state.response.data !== \"\" &&\r\n this.props.getData().issueQrTicket === true\r\n ) {\r\n return (\r\n \r\n {moment(this.state.response.data.ticket_info.issued_on).format(\r\n \"DD-MMM-YYYY hh:mm A\"\r\n )}\r\n
\r\n\r\n
\r\n {/*
\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n };\r\n\r\n getTicketsWaiting = (lang) => {\r\n if (\r\n this.state.response.data.ticket_info !== undefined &&\r\n this.state.response.data.ticket_info !== null\r\n ) {\r\n return (\r\n \r\n \r\n {this.TicketIssuedOn}\r\n \r\n
*/}\r\n \r\n {/* {this.state.response.data.ticket_issue_time} */}\r\n {moment(this.state.response.data.ticket_issue_time).format(\r\n \"DD-MMM-YYYY hh:mm A\"\r\n )}\r\n
\r\n\r\n
\r\n {/* \r\n {this.TotalWaitingTickets}\r\n */}\r\n\r\n
\r\n
\r\n );\r\n } else if (\r\n this.state.response.data !== undefined &&\r\n this.state.response.data !== null &&\r\n this.state.response.data !== \"\" &&\r\n this.props.getData().issueQrTicket === true\r\n ) {\r\n return (\r\n \r\n {/* {this.state.response.data.ticket_info.ticket_in_wait} */}\r\n {`${lang.ThereArePeople} ${this.state.response.data.ticket_info.ticket_in_wait} ${lang.TicketInWait} `}\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n };\r\n\r\n getService = () => {\r\n if (\r\n this.state.response.data.previous_appointment_info !== undefined &&\r\n this.state.response.data.previous_appointment_info !== null\r\n ) {\r\n return (\r\n \r\n \r\n {this.state.response.IsTicketCalled === false\r\n ? this.TotalWaitingTickets\r\n : \"\"}\r\n \r\n
\r\n \r\n {this.state.response.IsTicketCalled === false\r\n ? this.state.response.data.category_waiting_tickets\r\n : \"\"}\r\n
\r\n\r\n
\r\n \r\n {this.state.response.data.previous_appointment_info\r\n .phone_service === \"\"\r\n ? null\r\n : this.For}{\" \"}\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n {this.state.response.data.previous_appointment_info\r\n .phone_service === \"\"\r\n ? null\r\n : this.state.response.data.previous_appointment_info\r\n .phone_service}\r\n
\r\n\r\n {/* For a: */}\r\n {this.props.getData().phoneServiceName !== null &&\r\n this.props.getData().phoneServiceName !== \"\" ? (\r\n \r\n {this.For}{\" \"}\r\n \r\n ) : null}\r\n
\r\n );\r\n }\r\n };\r\n\r\n renderTranslations = () => {\r\n let lang;\r\n if (localStorage.getItem(\"lang\") === \"es\") {\r\n lang = window[\"localization\"].es;\r\n } else if (localStorage.getItem(\"lang\") === \"ar\") {\r\n lang = window[\"localization\"].ar;\r\n } else if (localStorage.getItem(\"lang\") === \"en\") {\r\n lang = window[\"localization\"].en;\r\n } else if (localStorage.getItem(\"lang\") === \"ur\") {\r\n lang = window[\"localization\"].ur;\r\n } else {\r\n let defaultLang = this.defaultLanguage;\r\n lang = window[\"localization\"][defaultLang];\r\n }\r\n\r\n this.cancelButtonText = lang.CancelAppointment;\r\n this.rescheduleButtonText = lang.Reschedule;\r\n this.Attention = lang.Attention;\r\n this.DoYouWantToRescheduleOrCancel = lang.DoYouWantToRescheduleOrCancel;\r\n this.For = lang.For;\r\n this.someThingWentWrong = lang.SomeThingWentWrong;\r\n this.error = lang.Error;\r\n this.AppointmentAlreadyCanceled = lang.AppointmentAlreadyCanceled;\r\n this.Ok = lang.Ok;\r\n this.AppointmentInfoNotValidToCancel = lang.AppointmentInfoNotValidToCancel;\r\n this.CantCancelApptTcktIssued = lang.CantCancelApptTcktIssued;\r\n this.AppointmentExpired = lang.AppointmentExpired;\r\n this.AlreadyServed = lang.AlreadyServed;\r\n this.AppointmentCanceledAutomatically = lang.ApptCanceledAutomatically;\r\n this.Yes = lang.Yes;\r\n this.No = lang.No;\r\n this.CancelTicketConfirmation = lang.CancelTicketConfirmation;\r\n this.TicketIssuedOn = lang.TicketIssuedTime;\r\n this.WaitTime = lang.WaitingTime;\r\n this.TotalWaitingTickets = lang.TicketInWait;\r\n this.UrlNotFound = lang.UrlNotFound;\r\n this.InternetConnectionError = lang.InternetConnectionError;\r\n this.Where = lang.AtThe;\r\n this.TicketNumber = lang.TicketNumber;\r\n this.BookingRef = lang.BookingRef;\r\n this.Name = lang.FirstNamePlaceholder;\r\n this.Email = lang.EmailAddressPlaceHolder;\r\n this.PhoneNumber = lang.PhoneNumberPlaceholder;\r\n this.NoOfPeople = lang.NoOfPeople;\r\n this.WaitTimeMsg = lang.EstimatedWaitTimeMessage;\r\n this.Greetings = lang.Greetings;\r\n this.ServerNotResponding = lang.ServerNotResponding;\r\n this.TicketNotFound = lang.TicketNotFound;\r\n };\r\n\r\n //API CALLS\r\n\r\n rescheduleOrCancelAppointment = async () => {\r\n swal(\r\n this.DoYouWantToRescheduleOrCancel,\r\n\r\n {\r\n icon: \"warning\",\r\n buttons: {\r\n reschedule: {\r\n text: this.rescheduleButtonText,\r\n value: \"reschedule\",\r\n },\r\n cancelAppointment: {\r\n text: this.cancelButtonText,\r\n value: \"cancelAppointment\",\r\n closeModal: false,\r\n },\r\n },\r\n }\r\n ).then(async (value) => {\r\n switch (value) {\r\n case \"cancelAppointment\":\r\n try {\r\n let response = await this.dataService.cancelAppointment(\r\n this.state.response.data.previous_appointment_info !== null\r\n ? this.state.response.data.previous_appointment_info\r\n .appointment_number\r\n : this.state.response.data.issueAppointment.appointment_number,\r\n this.state.response.data.previous_appointment_info !== null\r\n ? this.state.response.data.previous_appointment_info.category_id\r\n : this.props.getData().categoryId,\r\n (this.enableCategorySelection === true ||\r\n this.enableCategorySelection === false) &&\r\n this.props.getData().singleBranchDetails.length === 0\r\n ? this.props.getData().selectedBranchFromMap.BranchID\r\n : this.props.getData().singleBranchDetails[0].BranchID,\r\n this.state.response.data.previous_appointment_info !== null\r\n ? this.state.response.data.previous_appointment_info.email_id\r\n : this.props.getData().emailAddress !== undefined\r\n ? this.props.getData().emailAddress\r\n : this.props.getData().phoneNumber\r\n );\r\n swal.close();\r\n\r\n if (\r\n response.data.error !== undefined &&\r\n response.data.error === true\r\n ) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.ServerNotResponding,\r\n this.Ok\r\n );\r\n } else {\r\n if (response.data.response.resp_status === 1) {\r\n localStorage.removeItem(\"confirmed\");\r\n localStorage.removeItem(\"prevState\");\r\n handler.redirect(window.location.href);\r\n } else if (response.data.response.resp_status === 6) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.AppointmentAlreadyCanceled,\r\n this.Ok\r\n );\r\n } else if (response.data.response.resp_status === -5) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.AppointmentInfoNotValidToCancel,\r\n this.Ok\r\n );\r\n } else if (response.data.response.resp_status === 2) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.CantCancelApptTcktIssued,\r\n this.Ok\r\n );\r\n } else if (response.data.response.resp_status === 7) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.AppointmentExpired,\r\n this.Ok\r\n );\r\n } else if (response.data.response.resp_status === -2) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.AlreadyServed,\r\n this.Ok\r\n );\r\n } else if (response.data.response.resp_status === -3) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.AppointmentCanceledAutomatically,\r\n this.Ok\r\n );\r\n } else {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.someThingWentWrong,\r\n this.Ok\r\n );\r\n }\r\n }\r\n } catch (error) {\r\n if (error.message.includes(\"timeout\")) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.ServerNotResponding,\r\n this.Ok\r\n );\r\n } else {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.someThingWentWrong,\r\n this.Ok\r\n );\r\n }\r\n }\r\n break;\r\n\r\n case \"reschedule\":\r\n if (this.runApp.toLowerCase() === \"samsung\") {\r\n this.props.getStepCount(2, true, true);\r\n } else if (this.enableCategorySelection === false) {\r\n this.props.getStepCount(1, true, true);\r\n } else if (this.enableCategorySelection === true) {\r\n this.props.getStepCount(2, true, true);\r\n }\r\n\r\n break;\r\n\r\n default:\r\n }\r\n });\r\n };\r\n\r\n cancelTicket = async () => {\r\n swal(\r\n this.CancelTicketConfirmation,\r\n\r\n {\r\n icon: \"warning\",\r\n buttons: {\r\n yes: {\r\n text: this.Yes,\r\n value: \"yes\",\r\n closeModal: false,\r\n },\r\n no: {\r\n text: this.No,\r\n value: \"no\",\r\n },\r\n },\r\n }\r\n ).then(async (value) => {\r\n switch (value) {\r\n case \"yes\":\r\n let phoneNumber =\r\n this.props.getData().phoneNumber !== undefined\r\n ? this.props.getData().phoneNumber.replace(\"+\", \"%2b\")\r\n : \"-\";\r\n let email =\r\n this.props.getData().emailAddress !== undefined &&\r\n this.props.getData().emailAddress !== null\r\n ? this.props.getData().emailAddress\r\n : phoneNumber;\r\n\r\n let ticketId;\r\n let ticketNumber;\r\n let sqn;\r\n\r\n if (\r\n this.state.response.data.ticket_info !== undefined &&\r\n this.state.response.data.ticket_info !== null\r\n ) {\r\n ticketId = this.state.response.data.ticket_info.ticket_id;\r\n ticketNumber = this.state.response.data.ticket_info.ticket_no;\r\n sqn = this.state.response.data.ticket_info.categoryid;\r\n } else {\r\n ticketId = \"-\";\r\n ticketNumber = \"-\";\r\n sqn = \"-\";\r\n }\r\n let branchId =\r\n this.props.getData().singleBranchDetails.length > 0\r\n ? this.props.getData().singleBranchDetails[0].BranchID\r\n : this.props.getData().selectedBranchFromMap.BranchID;\r\n\r\n let language =\r\n localStorage.getItem(\"lang\") === \"es\"\r\n ? \"Sp\"\r\n : localStorage.getItem(\"lang\");\r\n\r\n try {\r\n let cancelTicketResponse = await this.dataService.cancelTicket(\r\n email,\r\n ticketId,\r\n branchId,\r\n language,\r\n ticketNumber,\r\n sqn,\r\n phoneNumber\r\n );\r\n\r\n if (\r\n cancelTicketResponse.data.error !== undefined &&\r\n cancelTicketResponse.data.error\r\n ) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.ServerNotResponding,\r\n this.Ok\r\n );\r\n } else {\r\n if (\r\n cancelTicketResponse.data.resp_message === \"Ticket cancelled\"\r\n ) {\r\n swal.close();\r\n localStorage.removeItem(\"confirmed\");\r\n localStorage.removeItem(\"prevState\");\r\n handler.redirect(window.location.href);\r\n } else if (\r\n cancelTicketResponse.data.resp_message === \"Ticket not found\" ||\r\n cancelTicketResponse.data.resp_message ===\r\n \"Operation not permitted\"\r\n ) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.TicketNotFound,\r\n this.Ok\r\n );\r\n localStorage.removeItem(\"confirmed\");\r\n localStorage.removeItem(\"prevState\");\r\n handler.redirect(window.location.href);\r\n } else {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.someThingWentWrong,\r\n this.Ok\r\n );\r\n }\r\n }\r\n } catch (error) {\r\n if (error.message.includes(\"404\")) {\r\n handler.showErrorMessage(this.error, this.UrlNotFound, this.Ok);\r\n } else if (error.message.includes(\"Network Error\")) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.InternetConnectionError,\r\n this.Ok\r\n );\r\n } else if (error.message.includes(\"timeout\")) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.ServerNotResponding,\r\n this.Ok\r\n );\r\n }\r\n }\r\n\r\n break;\r\n\r\n case \"no\":\r\n break;\r\n\r\n default:\r\n }\r\n });\r\n };\r\n\r\n cancelQrTicket = async () => {\r\n swal(\r\n this.CancelTicketConfirmation,\r\n\r\n {\r\n icon: \"warning\",\r\n buttons: {\r\n yes: {\r\n text: this.Yes,\r\n value: \"yes\",\r\n closeModal: false,\r\n },\r\n no: {\r\n text: this.No,\r\n value: \"no\",\r\n },\r\n },\r\n }\r\n ).then(async (value) => {\r\n switch (value) {\r\n case \"yes\":\r\n let branchCode = queryString.parse(window.location.search).branchCode;\r\n let branchId = queryString.parse(window.location.search).branchid;\r\n let ticketId = this.state.response.data.ticket_id;\r\n try {\r\n let cancelTicketResponse = await this.dataService.cancelQrTicket(\r\n branchId,\r\n branchCode,\r\n ticketId\r\n );\r\n if (\r\n cancelTicketResponse.data.error !== undefined &&\r\n cancelTicketResponse.data.error\r\n ) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.ServerNotResponding,\r\n this.Ok\r\n );\r\n } else {\r\n let parsedResponse = JSON.parse(\r\n JSON.parse(JSON.stringify(cancelTicketResponse.data))\r\n );\r\n console.log(parsedResponse[0].status);\r\n if (parsedResponse[0].status === \"success\") {\r\n swal.close();\r\n localStorage.removeItem(\"confirmed\");\r\n localStorage.removeItem(\"prevState\");\r\n handler.redirect(window.location.href);\r\n }\r\n }\r\n } catch (error) {\r\n if (error.message.includes(\"404\")) {\r\n handler.showErrorMessage(this.error, this.UrlNotFound, this.Ok);\r\n } else if (error.message.includes(\"Network Error\")) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.InternetConnectionError,\r\n this.Ok\r\n );\r\n } else if (error.message.includes(\"timeout\")) {\r\n handler.showErrorMessage(\r\n this.error,\r\n this.ServerNotResponding,\r\n this.Ok\r\n );\r\n }\r\n console.log(error.message);\r\n }\r\n\r\n break;\r\n\r\n case \"no\":\r\n break;\r\n\r\n default:\r\n }\r\n });\r\n };\r\n\r\n getTicketStatus = async () => {\r\n let ticketId;\r\n let ticketNumber;\r\n let branchId;\r\n let categoryId = this.props.getData().categoryId;\r\n if (\r\n this.props.getData().issueQrTicket &&\r\n (this.state.response.data !== undefined ||\r\n this.state.response.data !== null)\r\n ) {\r\n ticketId = this.state.response.data.ticket_id;\r\n ticketNumber = this.state.response.data.ticket_number_f1;\r\n branchId = queryString.parse(window.location.search).branchid;\r\n } else if (\r\n this.props.getData().issueTicket &&\r\n this.state.response.data.ticket_info !== undefined &&\r\n this.state.response.data.ticket_info !== null\r\n ) {\r\n ticketId = this.state.response.data.ticket_info.ticket_id;\r\n ticketNumber = this.state.response.data.ticket_info.ticket_no;\r\n branchId =\r\n this.props.getData().singleBranchDetails.length > 0\r\n ? this.props.getData().singleBranchDetails[0].BranchID\r\n : this.props.getData().selectedBranchFromMap.BranchID;\r\n }\r\n try {\r\n let response = await this.dataService.getTicketStatus(\r\n branchId,\r\n ticketId,\r\n ticketNumber,\r\n categoryId\r\n );\r\n console.log(\"TICKET STATUS RESPONSE: \", response);\r\n if (response.data.error !== undefined && response.data.error) {\r\n handler.showErrorMessage(this.error, this.ServerNotResponding, this.Ok);\r\n } else {\r\n if (response.data.resp_status === 1) {\r\n if (\r\n this.props.getData().issueTicket &&\r\n this.state.response.data.ticket_info !== undefined &&\r\n this.state.response.data.ticket_info !== null\r\n ) {\r\n let stateResp = { ...this.state.response };\r\n stateResp[\"data\"][\"ticket_info\"][\r\n \"category_approx_waittime\"\r\n ] = response.data.est_wait_time.toString();\r\n stateResp[\"data\"][\"ticket_info\"][\"ticket_in_wait\"] =\r\n response.data.position_in_queue <= 0\r\n ? 0\r\n : parseInt(response.data.position_in_queue);\r\n this.setState({ response: stateResp });\r\n let prevState = JSON.parse(localStorage.getItem(\"prevState\"));\r\n prevState[\"response\"] = stateResp;\r\n localStorage.setItem(\"prevState\", JSON.stringify(prevState));\r\n } else if (\r\n this.props.getData().issueQrTicket &&\r\n (this.state.response.data !== undefined ||\r\n this.state.response.data !== null)\r\n ) {\r\n let stateResp = { ...this.state.response };\r\n stateResp[\"data\"][\r\n \"category_approx_waittime\"\r\n ] = response.data.actual_wait_time.toString();\r\n stateResp[\"data\"][\"category_waiting_tickets\"] =\r\n parseInt(response.data.position_in_queue) <= 0\r\n ? 0\r\n : parseInt(response.data.position_in_queue);\r\n this.setState({ response: stateResp });\r\n let prevState = JSON.parse(localStorage.getItem(\"prevState\"));\r\n prevState[\"response\"] = stateResp;\r\n localStorage.setItem(\"prevState\", JSON.stringify(prevState));\r\n }\r\n } else if (response.data.resp_status === 2) {\r\n this.setState({ isTicketCalled: true });\r\n handler.notify();\r\n } else if (response.data.resp_status === 3) {\r\n localStorage.clear();\r\n handler.showErrorMessage(this.error, this.TicketNotFound, this.Ok);\r\n setTimeout(() => {\r\n localStorage.clear();\r\n handler.redirect(window.location.href);\r\n }, this.popupExpiry);\r\n }\r\n }\r\n } catch (error) {\r\n if (error.message.includes(\"timeout\")) {\r\n handler.showErrorMessage(this.error, this.ServerNotResponding, this.Ok);\r\n } else {\r\n handler.showErrorMessage(this.error, this.someThingWentWrong, this.Ok);\r\n console.log(error.message);\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n this.renderTranslations();\r\n const queryStringColor = queryString.parse(window.location.search);\r\n var theme = queryStringColor.theme;\r\n\r\n let emailAddress = this.props.getData().emailAddress;\r\n let appointmentNumber;\r\n let appointmentDate;\r\n\r\n if (\r\n this.state.response.data.previous_appointment_info !== undefined &&\r\n this.state.response.data.previous_appointment_info !== null\r\n ) {\r\n appointmentNumber = this.state.response.data.previous_appointment_info\r\n .appointment_number;\r\n\r\n appointmentDate = moment(\r\n this.state.response.data.previous_appointment_info.appointment_date,\r\n \"MM-DD-YYYY\"\r\n ).format(\"YYYY-MM-DD\");\r\n } else if (\r\n this.state.response.data.issueAppointment !== undefined &&\r\n this.state.response.data.issueAppointment !== null\r\n ) {\r\n {\r\n appointmentNumber = this.state.response.data.issueAppointment\r\n .appointment_number;\r\n\r\n appointmentDate = moment(\r\n this.props.getData().date,\r\n \"DD-MMM-YYYY\"\r\n ).format(\"YYYY-MM-DD\");\r\n }\r\n }\r\n\r\n let appointmentBranchId =\r\n this.state.response.data.previous_appointment_info !== undefined &&\r\n this.state.response.data.previous_appointment_info !== null\r\n ? this.state.response.data.previous_appointment_info.branch_id\r\n : this.props.getData().singleBranchDetails.length > 0\r\n ? this.props.getData().singleBranchDetails[0].BranchID\r\n : this.props.getData().selectedBranchFromMap !== null\r\n ? this.props.getData().selectedBranchFromMap.BranchID\r\n : null;\r\n let lang;\r\n if (localStorage.getItem(\"lang\") === \"es\") {\r\n lang = window[\"localization\"].es;\r\n } else if (localStorage.getItem(\"lang\") === \"ar\") {\r\n lang = window[\"localization\"].ar;\r\n } else if (localStorage.getItem(\"lang\") === \"en\") {\r\n lang = window[\"localization\"].en;\r\n } else if (localStorage.getItem(\"lang\") === \"ur\") {\r\n lang = window[\"localization\"].ur;\r\n } else {\r\n let defaultLang = this.defaultLanguage;\r\n lang = window[\"localization\"][defaultLang];\r\n }\r\n\r\n return (\r\n \r\n {this.props.getData().phoneServiceName == null &&\r\n this.props.getData().phoneServiceName == \"\"\r\n ? null\r\n : this.props.getData().phoneServiceName}\r\n
\r\n\r\n {/*
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(ConfirmedAppointment);\r\n","import React, { Component } from \"react\";\r\n\r\nconst BookingSummary = ({ color, text, label, textSize }) => {\r\n return (\r\n {this.state.randomNumber}
*/}\r\n\r\n {this.props.getData().issueTicket ||\r\n this.props.getData().issueQrTicket ? (\r\n \r\n {this.props.getData().issueTicket === true ||\r\n this.props.getData().issueQrTicket === true\r\n ? lang.IssueTicketConfirmedMessage\r\n : lang.ThanksForAppointment}\r\n \r\n\r\n
\r\n {this.runApp.toLowerCase() === \"samsung\" ?
\r\n \r\n
\r\n ) : null}\r\n\r\n {(this.showGreetings === true &&\r\n this.props.getData().issueTicket === true) ||\r\n this.props.getData().issueQrTicket === true\r\n ? this.getGreetings()\r\n : null}\r\n \r\n {this.getTicketsWaiting(lang)}\r\n
\r\n\r\n \r\n {this.getEstimatedWaitTimeMessage()}\r\n
\r\n\r\n \r\n {this.getTotalWaitingTime(lang)}\r\n
\r\n\r\n \r\n
\r\n ) : null}\r\n\r\n {this.props.getData().issueQrTicket ||\r\n this.props.getData().issueTicket ? (\r\n \r\n {this.props.getData().date === null &&\r\n this.props.getData().time === null ? null : (\r\n \r\n \r\n {lang.SeeYouOn}\r\n \r\n \r\n )}\r\n {this.props.getData().issueTicket === true ||\r\n this.props.getData().issueQrTicket === true ? (\r\n \r\n \r\n 
\r\n \r\n {lang.ModifyOrCancel}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n {/* DATE TIME FOR APPOINTMENT FLOW */}\r\n \r\n {this.getDateTime()}\r\n
\r\n\r\n \r\n {this.getTicketNumber()}\r\n
\r\n\r\n \r\n {this.getTicketIssuedDateTime()}\r\n
\r\n\r\n \r\n {this.props.getData().issueQrTicket === true\r\n ? this.getUserDetails()\r\n : null}\r\n
\r\n\r\n \r\n {this.runApp === \"samsung\" ? this.getService() : null}\r\n
\r\n\r\n {this.props.getData().issueTicket === false &&\r\n this.props.getData().issueQrTicket === false ? (\r\n \r\n {this.getBranchAddress()}\r\n
\r\n ) : null}\r\n\r\n {this.props.getData().issueQrTicket === false &&\r\n this.props.getData().issueTicket === false ? (\r\n \r\n \r\n \r\n \r\n
\r\n ) : null}\r\n\r\n \r\n {this.getAppointmentNumber()}\r\n
\r\n\r\n {this.props.getData().issueQrTicket === false &&\r\n this.props.getData().issueTicket === false ? (\r\n \r\n \r\n \r\n \r\n {lang.AddToCalendar}\r\n \r\n \r\n
\r\n \r\n {this.color.enableWhatsappButton ? (\r\n
\r\n ) : null}\r\n\r\n \r\n
\r\n
\r\n ) : null}\r\n\r\n \r\n
\r\n {this.runApp.toLowerCase() === \"samsung\" ?
\r\n \r\n {label}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BookingSummary;\r\n","module.exports = __webpack_public_path__ + \"static/media/loader.b452dc69.gif\";","import React, { Component } from \"react\";\r\nimport spainFlag from \"../../assets/images/spain-flag.png\";\r\nimport pakistanFlag from \"../../assets/images/pakistan-flag.png\";\r\nimport ukFlag from \"../../assets/images/uk-flag.png\";\r\nimport uaeFlag from \"../../assets/images/uae-flag.png\";\r\n\r\nconst Flags = ({ heading }) => {\r\n let enabledLanguages = window[\"app-config\"].enabledLanguages;\r\n\r\n let setLanguageOnFlagClick = (language) => {\r\n let url = window.location.href;\r\n let index = url.indexOf(\"lang=\");\r\n let selectedLang = index !== -1 ? url.substring(index, index + 7) : \"\";\r\n if (url.includes(\"?lang=\")) {\r\n url = url.replace(`?${selectedLang}`, `?lang=${language}`);\r\n } else if (url.includes(\"&lang=\")) {\r\n url = url.replace(`&${selectedLang}`, `&lang=${language}`);\r\n } else {\r\n if (url.split(\"?\")[1] !== undefined) {\r\n url += `&lang=${language}`;\r\n } else {\r\n url += `?lang=${language}`;\r\n }\r\n }\r\n window.location.href = url;\r\n localStorage.setItem(\"lang\", language);\r\n };\r\n\r\n return (\r\n <>\r\n {enabledLanguages.english === true ||\r\n enabledLanguages.arabic === true ||\r\n enabledLanguages.urdu === true ||\r\n enabledLanguages.spanish === true ? (\r\n \r\n {text}\r\n
\r\n setLanguageOnFlagClick(\"es\")} id=\"es\">\r\n
\r\n ) : null}\r\n \r\n {enabledLanguages.english === true ? (\r\n setLanguageOnFlagClick(\"en\")} id=\"en\">\r\n
\r\n ) : null}\r\n \r\n {enabledLanguages.urdu === true ? (\r\n setLanguageOnFlagClick(\"ur\")} id=\"ur\">\r\n
\r\n ) : null}\r\n \r\n {enabledLanguages.arabic === true ? (\r\n setLanguageOnFlagClick(\"ar\")} id=\"ar\">\r\n
\r\n ) : null}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Flags;\r\n","/*\r\n * @Author: Mufaddal Jamali\r\n * @Date: 2020-07-16 9:00:00\r\n * @Last Modified by: Mufaddal Jamali\r\n * @Last Modified time: 2020-09-04 19:58:26\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nclass Phase extends Component {\r\n state = {};\r\n defaultLanguage = window[\"app-config\"].defaultLang;\r\n phaseColor = window[\"app-config\"].ui.journey.phaseColor;\r\n phaseFillColor = window[\"app-config\"].ui.journey.phaseFillColor;\r\n\r\n onPhase = () => {\r\n return this.props.status ? (\r\n \r\n
,\r\n\r\n {\r\n icon: \"info\",\r\n buttons: {\r\n yes: {\r\n text: this.state.lang.MakeAnAppointment,\r\n value: \"Yes\",\r\n className: \"alert-btn\",\r\n },\r\n issueTicket: {\r\n text: this.state.lang.IssueTicket,\r\n value: \"IssueTicket\",\r\n className: \"alert-btn\",\r\n },\r\n },\r\n }\r\n ).then((value) => {\r\n switch (value) {\r\n case \"Yes\":\r\n this.props.setSelectedBranch(branch);\r\n this.props.getStepCount(1, true, false);\r\n break;\r\n\r\n case \"IssueTicket\":\r\n this.props.setSelectedBranch(branch);\r\n this.props.getStepCount(\r\n this.enableCategorySelection === false ? 2 : 1,\r\n true,\r\n true\r\n );\r\n break;\r\n default:\r\n }\r\n });\r\n } else if (\r\n this.issueTicketEnabled === true &&\r\n this.issueAppointmentEnabled === false\r\n ) {\r\n swal(\r\n {branch.BranchTitle}
\r\n {this.state.lang.Address}\r\n{branch.Address}
\r\n\r\n
,\r\n\r\n {\r\n icon: \"info\",\r\n buttons: {\r\n yes: {\r\n text: this.state.lang.IssueTicket,\r\n value: \"issueTicket\",\r\n },\r\n no: {\r\n text: this.cancel,\r\n value: \"No\",\r\n },\r\n },\r\n }\r\n ).then((value) => {\r\n switch (value) {\r\n case \"issueTicket\":\r\n this.props.setSelectedBranch(branch);\r\n this.props.getStepCount(\r\n this.enableCategorySelection === false ? 2 : 1,\r\n true,\r\n true\r\n );\r\n break;\r\n\r\n case \"No\":\r\n break;\r\n default:\r\n }\r\n });\r\n } else if (\r\n this.issueTicketEnabled === false &&\r\n this.issueAppointmentEnabled === true\r\n ) {\r\n swal(\r\n {branch.BranchTitle}
\r\n {this.state.lang.Address}\r\n{branch.Address}
\r\n\r\n
,\r\n\r\n {\r\n icon: \"info\",\r\n buttons: {\r\n yes: {\r\n text: this.state.lang.MakeAnAppointment,\r\n value: \"Yes\",\r\n },\r\n no: {\r\n text: this.cancel,\r\n value: \"No\",\r\n },\r\n },\r\n }\r\n ).then((value) => {\r\n switch (value) {\r\n case \"Yes\":\r\n this.props.setSelectedBranch(branch);\r\n this.props.getStepCount(1, true, false);\r\n break;\r\n\r\n case \"No\":\r\n break;\r\n default:\r\n }\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n if (this.state.branches === undefined) {\r\n return (\r\n {branch.BranchTitle}
\r\n {this.state.lang.Address}\r\n{branch.Address}
\r\n\r\n
\r\n );\r\n } else if (this.state.allowedLocation === null) {\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n } else if (this.state.branches === null) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.lang.BranchMapHeading}\r\n
\r\n\r\n \r\n {this.state.branches.length > 0 ? (\r\n this.state.branches.map((branch, i) => {\r\n return (\r\n {\r\n this.onMarkerClick(branch);\r\n }}\r\n title={branch.BranchTitle}\r\n key={i}\r\n position={{\r\n lat: branch.Latitude,\r\n lng: branch.Longitude,\r\n }}\r\n icon={{\r\n url:\r\n process.env.PUBLIC_URL +\r\n `/images/${this.pinMarker.fileName}`,\r\n // anchor: new window.google.maps.Point(0, 0),\r\n scaledSize: new window.google.maps.Size(34, 34),\r\n }}\r\n />\r\n );\r\n })\r\n ) : (\r\n \r\n )}\r\n {/* \r\n \r\n */}\r\n \r\n
\r\n \r\n
\r\n Demo Place
\r\n\r\n
\r\n );\r\n } else {\r\n return \r\n
\r\n \r\n
\r\n \r\n {this.state.showBackBtn && this.state.current > 0 && (\r\n this.prev()}\r\n bgColor={this.nextAndBackBtnColor}\r\n >\r\n {this.state.lang.Back}\r\n \r\n )}\r\n {this.state.showNextBtn &&\r\n this.state.current < this.steps.length - 1 && (\r\n (this.state.dataLoaded ? this.next() : null)}\r\n bgColor={this.nextAndBackBtnColor}\r\n >\r\n {this.state.dataLoaded === false ? (\r\n \r\n ) : null}\r\n \r\n {this.state.issueQrTicket === true\r\n ? this.state.lang.TakeATicket\r\n : this.state.lang.Next}\r\n \r\n )}\r\n
\r\n );\r\n } else if (\r\n this.enableCategorySelection === false &&\r\n this.runApp.toLowerCase() !== \"samsung\"\r\n ) {\r\n return (\r\n \r\n {this.state.showBackBtn &&\r\n ((this.state.current > 1 &&\r\n queryBranchCode !== undefined &&\r\n this.issueTicketFlag !== \"true\" && // this cond is for hiding backbutton when issue tic in url is true cat selection = false\r\n this.state.issueQrTicket === false) ||\r\n (this.state.current > 0 &&\r\n queryBranchCode === undefined &&\r\n this.state.issueQrTicket === false)) && (\r\n this.prev()}\r\n bgColor={this.nextAndBackBtnColor}\r\n >\r\n {this.state.lang.Back}\r\n \r\n )}\r\n {this.state.showNextBtn &&\r\n this.state.current > 0 &&\r\n this.enableCategorySelection === false &&\r\n this.runApp.toLowerCase() !== \"samsung\" &&\r\n this.state.current < this.steps.length - 1 && (\r\n (this.state.dataLoaded ? this.next() : null)}\r\n bgColor={this.nextAndBackBtnColor}\r\n >\r\n {this.state.dataLoaded === false ? (\r\n \r\n ) : null}\r\n \r\n {this.state.issueQrTicket === true\r\n ? this.state.lang.TakeATicket\r\n : this.state.lang.Next}\r\n \r\n )}\r\n
\r\n );\r\n } else if (\r\n this.enableCategorySelection === true &&\r\n this.runApp.toLowerCase() !== \"samsung\"\r\n ) {\r\n return (\r\n \r\n {this.state.showBackBtn &&\r\n ((this.state.current > 1 &&\r\n queryBranchCode !== undefined &&\r\n this.state.issueQrTicket === false) ||\r\n (this.state.current > 0 &&\r\n queryBranchCode === undefined &&\r\n this.state.issueQrTicket === false)) && (\r\n this.prev()}\r\n bgColor={this.nextAndBackBtnColor}\r\n >\r\n {this.state.lang.Back}\r\n \r\n )}\r\n\r\n {this.state.showNextBtn &&\r\n this.state.current > 0 &&\r\n this.enableCategorySelection === true &&\r\n this.runApp.toLowerCase() !== \"samsung\" &&\r\n this.state.current < this.steps.length - 1 && (\r\n (this.state.dataLoaded ? this.next() : null)}\r\n bgColor={this.nextAndBackBtnColor}\r\n >\r\n {this.state.dataLoaded === false ? (\r\n \r\n ) : null}\r\n \r\n {this.state.issueQrTicket === true\r\n ? this.state.lang.TakeATicket\r\n : this.state.lang.Next}\r\n \r\n )}\r\n
\r\n );\r\n }\r\n };\r\n\r\n renderStepTranslations = () => {\r\n if (this.steps.length > 0) {\r\n if (this.runApp.toLowerCase() == \"samsung\") {\r\n this.steps[0][\"title\"] = this.state.lang.StepDevice;\r\n this.steps[1][\"title\"] = this.state.lang.StepService;\r\n this.steps[2][\"title\"] = this.state.lang.StepSlots;\r\n this.steps[3][\"title\"] = this.state.lang.StepCustomerDetails;\r\n this.steps[4][\"title\"] = this.state.lang.StepComplete;\r\n } else if (this.enableCategorySelection === false) {\r\n this.steps[0][\"title\"] = this.state.lang.Branch;\r\n this.steps[1][\"title\"] = this.state.lang.StepSlots;\r\n this.steps[2][\"title\"] = this.state.lang.StepCustomerDetails;\r\n this.steps[3][\"title\"] = this.state.lang.StepComplete;\r\n } else if (this.enableCategorySelection === true) {\r\n this.steps[0][\"title\"] = this.state.lang.Branch;\r\n this.steps[1][\"title\"] = this.state.lang.Category;\r\n this.steps[2][\"title\"] = this.state.lang.StepSlots;\r\n this.steps[3][\"title\"] = this.state.lang.StepCustomerDetails;\r\n this.steps[4][\"title\"] = this.state.lang.StepComplete;\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n this.renderStepTranslations();\r\n if (this.steps.length > 0) {\r\n if (this.state.singleBranchDetails === undefined) {\r\n return (\r\n \r\n
\r\n );\r\n } else if (\r\n this.queryBranchCode !== undefined &&\r\n this.runApp.toLowerCase() !== \"samsung\" &&\r\n this.state.singleBranchDetails.length >= 0\r\n ) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n {this.showFooter === false ? null : }\r\n \r\n
\r\n \r\n
\r\n );\r\n } else if (\r\n this.queryBranchCode === undefined ||\r\n this.runApp === \"samsung\"\r\n ) {\r\n return (\r\n \r\n \r\n {this.steps.map((item, i) => (\r\n \r\n
\r\n \r\n {this.steps[this.state.current].content}\r\n
\r\n\r\n {this.renderStepsAction(this.state.lang)}\r\n\r\n {this.showFooter === false ? null : }\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n {this.steps.map((item, i) => (\r\n \r\n\r\n
\r\n \r\n {this.steps[this.state.current].content}\r\n
\r\n\r\n {this.renderStepsAction()}\r\n\r\n {this.showFooter === false ? null : }\r\n \r\n
\r\n );\r\n }\r\n } else {\r\n return \r\n
\r\n \r\n
\r\n );\r\n } else if (this.state.dataLoaded === false) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n {this.state.lang.TellDeviceDetailsHeading}
\r\n\r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport default DeviceDetails;\r\n","/*\r\n * @Author: Mufaddal Jamali\r\n * @Date: 2020-02-24 15:49:21\r\n * @Last Modified by: Mufaddal Jamali\r\n * @Last Modified time: 2021-01-29 11:07:27\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport { DataService } from \"../services/data.service\";\r\nimport loader from \"../assets/images/loader.gif\";\r\nimport { Empty } from \"antd\";\r\nimport $ from \"jquery\";\r\nimport * as handler from \"../components/utils/handler\";\r\n\r\nclass ServiceDetails extends Component {\r\n defaultCategory = window[\"app-config\"].defaultCategory;\r\n defaultServices = window[\"app-config\"].defaultServices;\r\n defaultLanguage = window[\"app-config\"].defaultLang;\r\n isMandatoryImei = window[\"app-config\"].isMandatoryImei;\r\n collections = window[\"app-config\"].collections;\r\n URL = window[\"app-config\"].URL;\r\n\r\n categoryId = null;\r\n deviceHealth = null;\r\n phoneServiceName = null;\r\n imei = null;\r\n\r\n imeiRef = React.createRef();\r\n isValidIemiSerielNumber = false;\r\n\r\n isRepairServiceSelected = false;\r\n\r\n dataService = new DataService();\r\n\r\n state = {\r\n categories: [],\r\n dataLoaded: false,\r\n singleBranchDetails: [],\r\n phoneServices: [],\r\n selectedCategory: null,\r\n selectedService: null,\r\n dataLoaded: false,\r\n serverResponded: true,\r\n imei: null,\r\n isValidImei: undefined,\r\n lang: {},\r\n };\r\n\r\n async componentDidMount() {\r\n this.setState({ lang: handler.setTranslations() });\r\n this.getData();\r\n this.props.setHeading(null);\r\n this.props.hideBtnNext();\r\n }\r\n\r\n getData = async () => {\r\n try {\r\n var branchId = await (await this.dataService.getSingleBranchDetails())\r\n .data.branchList[0].BranchID;\r\n\r\n let phoneServiceResp = await this.dataService.getDeviceDetails();\r\n let categoryListResp = await this.dataService.getCategoriesByBranchId(\r\n branchId\r\n );\r\n\r\n let filteredCategories = handler.compareArrayOfObject(\r\n categoryListResp.data.categoryList,\r\n this.collections.categories\r\n );\r\n\r\n if (\r\n (phoneServiceResp.data.error !== undefined &&\r\n phoneServiceResp.data.error === true) ||\r\n (categoryListResp.data.error !== undefined &&\r\n categoryListResp.data.error === true)\r\n ) {\r\n this.setState({\r\n categories: [],\r\n dataLoaded: true,\r\n phoneServices: [],\r\n serverResponded: false,\r\n });\r\n } else {\r\n var phoneServices = phoneServiceResp.data.productsInfo.phoneService;\r\n let categoryList = categoryListResp.data.categoryList;\r\n\r\n this.setState({\r\n categories:\r\n filteredCategories.length > 0 ? filteredCategories : categoryList,\r\n dataLoaded: true,\r\n // singleBranchDetails: branchID,\r\n phoneServices: phoneServices,\r\n });\r\n }\r\n } catch (error) {\r\n console.log(\"ERROR\", error.message);\r\n this.setState({\r\n categories: [],\r\n phoneServices: [],\r\n dataLoaded: true,\r\n singleBranchDetails: [],\r\n serverResponded: error.message.includes(\"timeout\") ? false : true,\r\n });\r\n }\r\n };\r\n\r\n onCategoryChange = (e) => {\r\n this.categoryId = e.target.value;\r\n\r\n this.setState({ selectedCategory: e.target.value });\r\n\r\n if (e.target.value !== this.defaultCategory) {\r\n this.phoneServiceName = null;\r\n this.imei = null;\r\n this.setState({ selectedService: null, imei: null });\r\n }\r\n\r\n this.sendDataToParent();\r\n };\r\n\r\n onDeviceHealthChange = (e) => {\r\n if (this.state.isValidImei === false) {\r\n console.log(\"IN IF DH\");\r\n this.props.hideBtnNext();\r\n } else if (\r\n this.defaultServices.includes(this.state.selectedService) &&\r\n this.state.imei === null &&\r\n this.isMandatoryImei === true &&\r\n this.state.isValidImei === undefined\r\n ) {\r\n console.log(\"IN ELSEIF DH\");\r\n this.props.hideBtnNext();\r\n } else {\r\n console.log(\"IN ELSE DH\");\r\n this.deviceHealth = e.target.value;\r\n this.sendDataToParent();\r\n }\r\n };\r\n\r\n onPhoneServiceChange = (e) => {\r\n this.phoneServiceName = e.target.value;\r\n this.setState({ selectedService: e.target.value });\r\n\r\n // if (e.target.value !== this.defaultService) {\r\n // this.imei = null;\r\n // }\r\n\r\n this.sendDataToParent();\r\n\r\n if (\r\n this.defaultServices.includes(e.target.value) &&\r\n this.state.imei === null &&\r\n this.isMandatoryImei === true &&\r\n (this.state.isValidImei === false || this.state.isValidImei === undefined)\r\n ) {\r\n console.log(\"IN IF\");\r\n this.props.hideBtnNext();\r\n } else if (\r\n !this.defaultServices.includes(e.target.value) &&\r\n this.state.isValidImei === false &&\r\n this.state.imei !== \"\"\r\n ) {\r\n console.log(\"IN ELSE IF\");\r\n this.props.hideBtnNext();\r\n } else if (this.state.imei !== null && this.state.isValidImei === false) {\r\n this.props.hideBtnNext();\r\n } else {\r\n console.log(\"IN ELSE\", this.state.isValidImei);\r\n console.log(\"IN ELSE IMEIE: \", this.state.imei);\r\n this.props.showBtnNext();\r\n }\r\n };\r\n\r\n onImeiChange = (e) => {\r\n if (e.target.value.length === 0) {\r\n $(\"#imei-field\").css(\"border-color\", \"#dadada\");\r\n this.setState({ isValidImei: undefined, imei: null });\r\n // this.isValidIemiSerielNumber = true;\r\n // this.imei = e.target.value;\r\n if (\r\n this.defaultServices.includes(this.state.selectedService) &&\r\n e.target.value === \"\" &&\r\n this.isMandatoryImei === true\r\n ) {\r\n this.props.hideBtnNext();\r\n } else {\r\n this.props.showBtnNext();\r\n }\r\n } else if (\r\n (e.target.value.length !== 0 && e.target.value.length < 11) ||\r\n /\\s/.test(e.target.value) ||\r\n !/^[a-zA-ZÀ-ÿ0-9]+$/.test(e.target.value) ||\r\n (e.target.value.length > 11 && e.target.value.length < 15)\r\n ) {\r\n $(\"#imei-field\").css(\"border-color\", \"red\");\r\n // this.isValidIemiSerielNumber = false;\r\n this.setState({ isValidImei: false, imei: e.target.value });\r\n this.props.hideBtnNext();\r\n } else {\r\n $(\"#imei-field\").css(\"border-color\", \"#dadada\");\r\n // this.isValidIemiSerielNumber = true;\r\n // this.imei = e.target.value;\r\n this.setState({ imei: e.target.value, isValidImei: true });\r\n this.props.showBtnNext();\r\n this.sendDataToParent();\r\n }\r\n\r\n // if (this.state.isValidImei === false) {\r\n // console.log(\"IMEI IF\");\r\n // this.props.hideBtnNext();\r\n // } else {\r\n // console.log(\"IMEI ELSE\");\r\n // this.props.showBtnNext();\r\n // }\r\n };\r\n\r\n sendDataToParent = () => {\r\n this.props.serviceDetails({\r\n categoryId: this.categoryId,\r\n deviceHealth: this.deviceHealth,\r\n phoneServiceName:\r\n this.categoryId === this.defaultCategory &&\r\n this.phoneServiceName === null\r\n ? undefined\r\n : this.phoneServiceName,\r\n imei: this.state.imei === null ? null : this.state.imei,\r\n });\r\n };\r\n\r\n render() {\r\n if (this.state.dataLoaded === false) {\r\n return (\r\n \r\n
\r\n {this.state.lang.TellDeviceDetailsHeading}
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n {this.state.productTypes !== null &&\r\n this.state.productTypes.length > 0\r\n ? this.state.productTypes.map((data, i) => {\r\n return (\r\n \r\n );\r\n })\r\n : null}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n\r\n {this.state.productFamily.length > 0\r\n ? this.state.productFamily.map((data, i) => {\r\n return (\r\n \r\n );\r\n })\r\n : null}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n {this.state.phoneModels !== null\r\n ? this.state.phoneModels.map((data, i) => {\r\n return (\r\n \r\n );\r\n })\r\n : null}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n {this.state.phoneColors.length > 0 &&\r\n this.state.selectedModel !== undefined\r\n ? this.state.phoneColors.map((data, i) => {\r\n return (\r\n \r\n );\r\n })\r\n : null}\r\n \r\n
\r\n \r\n
\r\n );\r\n } else if (!this.state.serverResponded) {\r\n return (\r\n \r\n
\r\n {this.state.lang.TellUsSomethingElse}
\r\n\r\n\r\n 
\r\n
\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport default ServiceDetails;\r\n","/*\r\n * @Author: Mufaddal Jamali\r\n * @Date: 2020-02-24 15:49:21\r\n * @Last Modified by: Mufaddal Jamali\r\n * @Last Modified time: 2020-10-20 11:22:40\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport moment from \"moment\";\r\n\r\n\r\nclass Slot extends Component {\r\n \r\n defaultLanguage = window[\"app-config\"].defaultLang;\r\n color = window[\"app-config\"].ui.slotScreen;\r\n \r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {this.state.lang.TellUsSomethingElse}
\r\n\r\n
\r\n\r\n {this.state.selectedCategory === this.defaultCategory ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n {this.state.categories.length > 0\r\n ? this.state.categories.map((data, i) => {\r\n return (\r\n \r\n );\r\n })\r\n : null}\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n\r\n {this.state.selectedService !== null ? (\r\n \r\n \r\n \r\n \r\n\r\n {this.state.phoneServices.length > 0\r\n ? this.state.phoneServices.map((data, i) => {\r\n return (\r\n \r\n );\r\n })\r\n : null}\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n\r\n {/* \r\n
\r\n \r\n \r\n \r\n \r\n {this.state.lang.retrieveIMEI}\r\n \r\n
\r\n \r\n \r\n
*/}\r\n {this.state.lang.DeviceParagraph}
\r\n\r\n \r\n {moment(this.props.date, \"MM-DD-YYYY\").format(\"DD-MMM-YYYY\")}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Slot;\r\n","/*\r\n * @Author: Mufaddal Jamali\r\n * @Date: 2020-02-24 15:49:21\r\n * @Last Modified by: Mufaddal Jamali\r\n * @Last Modified time: 2020-11-03 11:15:07\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport * as handler from \"../utils/handler\";\r\n\r\nclass Preparation extends Component {\r\n URL = window[\"app-config\"].URL.preparationLocationUrl;\r\n defaultLanguage = window[\"app-config\"].defaultLang;\r\n state = { lang: {} };\r\n componentDidMount() {\r\n this.setState({ lang: handler.setTranslations() });\r\n }\r\n\r\n render() {\r\n console.log(\"ARRAY: \", this.state.lang.Preparations);\r\n return (\r\n \r\n \r\n {this.props.timeSlots.length === 0 ? (\r\n \r\n {data.StartTime}\r\n
\r\n );\r\n })\r\n )}\r\n \r\n {this.props.lang.NoSlot}\r\n
\r\n ) : (\r\n this.props.timeSlots.map((data, index) => {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Preparation;\r\n","module.exports = \"data:image/png;base64,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\"","import React, { Component } from \"react\";\r\nimport \"../../assets/styles/AppNotFound.css\";\r\n\r\nconst AppNotFound = () => {\r\n return (\r\n \r\n {this.state.lang.Preparation}\r\n
\r\n- \r\n {/*
- {ReactHtmlParser(this.state.lang.PrepOne)} \r\n
- {ReactHtmlParser(this.state.lang.PrepTwo)} \r\n
- {ReactHtmlParser(this.state.lang.PrepThree)} \r\n
- {ReactHtmlParser(this.state.lang.PrepFour)} \r\n
- {ReactHtmlParser(this.state.lang.PrepFive)} */}\r\n {this.state.lang.Preparations !== undefined &&\r\n this.state.lang.Preparations.map((data, index) => (\r\n
- {ReactHtmlParser(data.text)} \r\n ))}\r\n
\r\n \r\n {ReactHtmlParser(this.state.lang.SecondaryPrepHeading)}\r\n \r\n
\r\n- \r\n
- {ReactHtmlParser(this.state.lang.SecondaryPrepOne)} \r\n
- {ReactHtmlParser(this.state.lang.SecondaryPrepTwo)} \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AppNotFound;\r\n","import React, { Component } from \"react\";\r\nimport { DataService } from \"../services/data.service\";\r\nimport { Empty } from \"antd\";\r\n\r\nimport Loader from \"../components/loader/loader\";\r\nimport * as handler from \"../components/utils/handler\";\r\n\r\nconst queryString = require(\"query-string\");\r\nclass CategorySelection extends Component {\r\n defaultLanguage = window[\"app-config\"].defaultLang;\r\n UI = window[\"app-config\"].ui.categorySelectionScreen;\r\n collections = window[\"app-config\"].collections;\r\n estimatedWaitTime =\r\n window[\"app-config\"].applicationProperties.estimatedWaitTime;\r\n enableSubCategorySelection = window[\"app-config\"].enableSubCategorySelection;\r\n dataService = new DataService();\r\n state = {\r\n lang: {},\r\n categories: [],\r\n estimatedWaitTime: null,\r\n dataLoaded: false,\r\n isRtl: false,\r\n dropDownIndex: -1,\r\n subcategoryIndex: -1,\r\n };\r\n\r\n async componentDidMount() {\r\n this.setState({ lang: handler.setTranslations() });\r\n this.getCategories();\r\n if (\r\n this.estimatedWaitTime.branchLevel &&\r\n this.props.mainState().issueTicket &&\r\n this.UI.showEstimatedWaitTime\r\n ) {\r\n this.getEstimatedWaitTime(\r\n this.props.branchDetails()[0] !== null\r\n ? this.props.branchDetails()[0].BranchID\r\n : null,\r\n\r\n null\r\n );\r\n }\r\n\r\n this.props.hideBtnNext();\r\n }\r\n\r\n sendDataToParent = (categoryId) => {\r\n this.props.categoryDetails({ categoryId: categoryId });\r\n };\r\n\r\n setLanguage = () => {\r\n const language = queryString.parse(window.location.search).lang;\r\n\r\n if (language === \"es\" || language === \"sp\") {\r\n this.setState({\r\n lang: window[\"localization\"].es,\r\n });\r\n } else if (language === \"ar\") {\r\n this.setState({\r\n lang: window[\"localization\"].ar,\r\n });\r\n } else if (language === \"en\") {\r\n this.setState({\r\n lang: window[\"localization\"].en,\r\n });\r\n } else if (language === \"ur\") {\r\n this.setState({\r\n lang: window[\"localization\"].ur,\r\n });\r\n } else {\r\n let defaultLang = this.defaultLanguage;\r\n this.setState({\r\n lang: window[\"localization\"][defaultLang],\r\n });\r\n }\r\n };\r\n\r\n getCategories = async () => {\r\n try {\r\n let branchId = this.props.branchDetails()[0].BranchID;\r\n let response = {};\r\n let filteredCategories = [];\r\n if (this.enableSubCategorySelection) {\r\n response = await this.dataService.getGroupCategoriesListByBranchId(branchId);\r\n filteredCategories = handler.compareGroupArrayOfObject(\r\n response.data.groupCategories, this.collections.categories\r\n )\r\n this.setState({\r\n categories:\r\n filteredCategories,\r\n dataLoaded: true,\r\n });\r\n } else {\r\n response = await this.dataService.getCategoriesByBranchId(branchId);\r\n filteredCategories = handler.compareArrayOfObject(\r\n response.data.categoryList,\r\n this.collections.categories\r\n );\r\n\r\n if (response.data.error !== undefined && response.error === true) {\r\n this.setState({\r\n categories: undefined,\r\n dataLoaded: true,\r\n });\r\n } else {\r\n this.setState({\r\n categories:\r\n filteredCategories.length > 0\r\n ? filteredCategories\r\n : response.data.categoryList,\r\n dataLoaded: true,\r\n });\r\n }\r\n }\r\n } catch (error) {\r\n console.log(\"ERROR IN GET CATEGORIES\", error.message);\r\n if (error.message.includes(\"timeout\")) {\r\n this.setState({ categories: undefined, dataLoaded: true });\r\n } else {\r\n this.setState({ categories: [], dataLoaded: true });\r\n }\r\n }\r\n };\r\n\r\n getEstimatedWaitTime = async (branchId, sqn) => {\r\n try {\r\n let response = await this.dataService.getEstimatedWaitTime(branchId, sqn);\r\n\r\n console.log(response);\r\n\r\n if (response.data.error !== undefined && response.error === true) {\r\n this.setState({\r\n estimatedWaitTime: null,\r\n dataLoaded: true,\r\n });\r\n } else if (response.data.response_status === 1) {\r\n this.setState({\r\n estimatedWaitTime: Math.floor(response.data.est_wait_time / 60),\r\n dataLoaded: true,\r\n });\r\n } else {\r\n this.setState({\r\n estimatedWaitTime: null,\r\n dataLoaded: true,\r\n });\r\n }\r\n } catch (error) {\r\n this.setState({\r\n estimatedWaitTime: null,\r\n dataLoaded: true,\r\n });\r\n console.log(\"ERROR: \", error.message);\r\n }\r\n };\r\n\r\n onCategoryChangeMainCategory = (e) => {\r\n if (this.state.categories[e.target.value].Categories[0].CategoryTitle === this.state.categories[e.target.value].GroupName) {\r\n this.sendDataToParent(this.state.categories[e.target.value].Categories[0].CategoryID);\r\n if (\r\n this.props.mainState().issueTicket &&\r\n this.UI.showEstimatedWaitTime &&\r\n !this.estimatedWaitTime.branchLevel\r\n ) {\r\n this.getEstimatedWaitTime(\r\n this.props.branchDetails()[0].BranchID,\r\n this.state.categories[e.target.value].Categories[0].CategoryID\r\n );\r\n }\r\n } else {\r\n this.props.hideBtnNext();\r\n }\r\n this.setState({ dropDownIndex: e.target.value, subcategoryIndex: -1 });\r\n };\r\n handleOnchangeSubCatetoriesInner = (value, index) => {\r\n this.sendDataToParent(value);\r\n this.setState({ subcategoryIndex: index });\r\n\r\n if (\r\n this.props.mainState().issueTicket &&\r\n this.UI.showEstimatedWaitTime &&\r\n !this.estimatedWaitTime.branchLevel\r\n ) {\r\n this.getEstimatedWaitTime(\r\n this.props.branchDetails()[0].BranchID,\r\n value\r\n );\r\n }\r\n }\r\n\r\n onCategoryChange = (e) => {\r\n this.sendDataToParent(e.target.value);\r\n\r\n if (\r\n this.props.mainState().issueTicket &&\r\n this.UI.showEstimatedWaitTime &&\r\n !this.estimatedWaitTime.branchLevel\r\n ) {\r\n this.getEstimatedWaitTime(\r\n this.props.branchDetails()[0].BranchID,\r\n e.target.value\r\n );\r\n }\r\n };\r\n\r\n render() {\r\n if (this.state.dataLoaded === false) {\r\n return \r\n
\r\n \r\n
\r\n Oops!
\r\nThe Application not found
\r\n\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport default CategorySelection;\r\n","import React, { Component } from \"react\";\r\nimport ModalHead from \"./../components/modal-head/modalHead\";\r\nimport PrimaryButton from \"../components/utils/primaryButton\";\r\n\r\nimport $ from \"jquery\";\r\nimport swal from \"sweetalert\";\r\nimport Journey from \"../components/journey/journey\";\r\nimport CalendarImg from \"../assets/images/calender_org.png\";\r\n\r\nimport { DataService } from \"./../services/data.service\";\r\nimport moment from \"moment\";\r\n\r\nimport * as handler from \"../components/utils/handler\";\r\nimport RefreshButton from \"../components/utils/refreshButton\";\r\nimport DangerButton from \"../components/utils/dangerButton\";\r\n// import RefreshButton from \"./../components/utils/refreshButton\";\r\nimport IconButton from \"./../components/utils/iconButton\";\r\n\r\nconst queryString = require(\"query-string\");\r\n\r\nclass CheckIn extends Component {\r\n color = window[\"app-config\"].ui.checkInScreen;\r\n defaultLanguage = window[\"app-config\"].defaultLang;\r\n divideBy = window[\"app-config\"].divideBy;\r\n checkInIssueTicket = window[\"app-config\"].checkInIssueTicket;\r\n defaultPhoneNumberPrefix = window[\"app-config\"].defaultPhoneNumberPrefix;\r\n issueTicketEnabled = window[\"app-config\"].issueTicketEnabled;\r\n URL = window[\"app-config\"].URL;\r\n whatsappUrl = window[\"app-config\"].whatsappUrl;\r\n icons = window[\"app-config\"].ui.icons;\r\n refreshInterval = window[\"app-config\"].applicationProperties.refreshInterval;\r\n popupExpiry = window[\"app-config\"].ui.popupExpiry;\r\n userDetailsConfig = window[\"app-config\"].userDetails;\r\n enableSurnameField = window[\"app-config\"].enableSurnameField;\r\n\r\n state = {\r\n isSuccessfullyCheckedIn: false,\r\n lang: {},\r\n appointmentNumber: null,\r\n phoneNumber: this.defaultPhoneNumberPrefix,\r\n emailAddress: null,\r\n branchIp: null,\r\n dataLoaded: true,\r\n verifyAppointmentResponse: \"\",\r\n issueTicketResponse: null,\r\n enableCheckInButton: false,\r\n whatsappUrl: window[\"app-config\"].URL.whatsappUrl,\r\n redirectUrl: \"\",\r\n isTicketCalled: false,\r\n };\r\n\r\n isValidAppointmentNumber = false;\r\n isValidEmail = false;\r\n isValidPhoneNumber = false;\r\n\r\n service = new DataService();\r\n phoneNumRef = React.createRef();\r\n\r\n componentDidMount() {\r\n handler.blinkText(\".blink\");\r\n if (this.state.isTicketCalled) {\r\n handler.notify();\r\n }\r\n this.setState({\r\n redirectUrl: handler.removeKeyFromUrl(\"checkin\", \"appointmentnumber\"),\r\n });\r\n\r\n if (\r\n localStorage.getItem(\"checkedIn\") === \"true\" &&\r\n localStorage.getItem(\"checkedInDate\") == moment().toDate().toDateString()\r\n ) {\r\n this.setState(JSON.parse(localStorage.getItem(\"prevCheckedInData\")));\r\n setInterval(() => {\r\n this.getTicketStatus();\r\n }, this.refreshInterval);\r\n\r\n handler.onBrowserReload(this.getTicketStatus);\r\n } else {\r\n localStorage.removeItem(\"checkedIn\");\r\n localStorage.removeItem(\"checkedInDate\");\r\n localStorage.removeItem(\"prevCheckedInData\");\r\n this.setState({ lang: handler.setTranslations() });\r\n let appointmentNumber = queryString.parse(window.location.search)\r\n .appointmentnumber;\r\n let email = \"\";\r\n let phoneNumber = \"\";\r\n let branchIp = queryString.parse(window.location.search).branchip;\r\n\r\n if (branchIp !== undefined) {\r\n this.setState({ branchIp });\r\n }\r\n\r\n if (appointmentNumber !== undefined && appointmentNumber !== \"\") {\r\n this.verifyAppointmentInfo(\r\n email,\r\n phoneNumber,\r\n appointmentNumber,\r\n branchIp === undefined ? \"\" : branchIp\r\n );\r\n }\r\n }\r\n }\r\n\r\n generateUrl = (branchCode, ticketId) => {\r\n let whatsappUrl = `${this.URL.whatsappUrl}&text=${branchCode}%20${ticketId}`;\r\n this.setState({ whatsappUrl: whatsappUrl });\r\n };\r\n\r\n /* EVENTS*/\r\n validateEmail(email) {\r\n var emailReg = /^([\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4})?$/;\r\n return emailReg.test(email);\r\n }\r\n\r\n onCheckInClick = () => {\r\n $(document).ready(function () {\r\n $(\"button\").css(\"background-color\", \"#000\");\r\n });\r\n this.verifyAppointmentInfo(\r\n this.state.emailAddress === null ? \"\" : this.state.emailAddress,\r\n this.state.phoneNumber !== undefined && this.state.phoneNumber.length > 3\r\n ? this.state.phoneNumber.replace(\"+\", \"%2b\")\r\n : \"\",\r\n\r\n this.state.appointmentNumber === null ? \"\" : this.state.appointmentNumber,\r\n this.state.branchIp === null ? \"\" : this.state.branchIp\r\n );\r\n };\r\n\r\n onTextFieldsChange = (e) => {\r\n var appointmentNumber = null;\r\n var phoneNumber = null;\r\n var email = null;\r\n if (e.target.id === \"appointmentNumber\") {\r\n if (e.target.value.length > 0 && e.target.value !== \"\") {\r\n this.isValidAppointmentNumber = true;\r\n appointmentNumber = e.target.value;\r\n this.setState({\r\n appointmentNumber: e.target.value,\r\n });\r\n } else {\r\n this.isValidAppointmentNumber = false;\r\n }\r\n } else if (e.target.id === \"phoneNumber\") {\r\n if (\r\n (e.target.value.length === 0 && e.target.value === \"\") ||\r\n e.target.value.length <\r\n this.userDetailsConfig.phoneNumberField.minLength ||\r\n /\\s/.test(e.target.value) ||\r\n !e.target.value.charAt(0).includes(\"+\") ||\r\n !/^[0-9+]+$/.test(e.target.value)\r\n ) {\r\n $(\"#phoneNumber\").css(\"border-color\", \"red\");\r\n this.isValidPhoneNumber = false;\r\n } else {\r\n this.isValidPhoneNumber = true;\r\n\r\n $(\"#phoneNumber\").css(\"border-color\", \"#dadada\");\r\n this.phoneNumber = this.phoneNumRef.current.value;\r\n }\r\n phoneNumber = e.target.value;\r\n this.setState({ phoneNumber: e.target.value });\r\n } else if (e.target.id === \"emailAddress\") {\r\n if (\r\n !this.validateEmail(e.target.value) ||\r\n /^([\\w-\\.]+([\\w-]+\\.)+[\\w-]{2,4})?$/.test(e.target.value)\r\n ) {\r\n $(\"#emailAddress\").css(\"border-color\", \"red\");\r\n this.isValidEmail = false;\r\n } else {\r\n $(\"#emailAddress\").css(\"border-color\", \"#dadada\");\r\n this.isValidEmail = true;\r\n\r\n this.setState({\r\n emailAddress: e.target.value,\r\n });\r\n }\r\n }\r\n\r\n if (\r\n this.isValidEmail === false &&\r\n this.isValidAppointmentNumber === false &&\r\n this.isValidPhoneNumber === false\r\n ) {\r\n this.setState({\r\n enableCheckInButton: false,\r\n });\r\n } else {\r\n this.setState({\r\n enableCheckInButton: true,\r\n });\r\n }\r\n };\r\n\r\n /*API METHODS*/\r\n\r\n verifyAppointmentInfo = async (\r\n email,\r\n phoneNumber,\r\n appointmentNumber,\r\n branchIp\r\n ) => {\r\n this.setState({ dataLoaded: false });\r\n try {\r\n let verifyAppointmentResponse = await this.service.verifyAppointmentInfo(\r\n email,\r\n phoneNumber,\r\n appointmentNumber,\r\n branchIp\r\n );\r\n console.log(\"VERIFY APPOINTMENT RESPONSE: \", verifyAppointmentResponse);\r\n if (\r\n verifyAppointmentResponse.data.error !== undefined &&\r\n verifyAppointmentResponse.data.error === true\r\n ) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.ServerNotResponding,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n } else if (\r\n verifyAppointmentResponse.data.split(\"|\")[0] === \"100\" &&\r\n this.checkInIssueTicket === true &&\r\n verifyAppointmentResponse.data.split(\"|\")[14] === \"ON_TIME\"\r\n // verifyAppointmentResponse.data.split(\"|\")[14] === \"EARLY\"\r\n ) {\r\n this.setState({\r\n verifyAppointmentResponse,\r\n dataLoaded: true,\r\n });\r\n\r\n this.issueTicket();\r\n } else if (\r\n (verifyAppointmentResponse.data.split(\"|\")[0] === \"100\" || verifyAppointmentResponse.data.split(\"|\")[0] === \"106\") &&\r\n this.checkInIssueTicket === true &&\r\n verifyAppointmentResponse.data.split(\"|\")[14] === \"EARLY\"\r\n ) {\r\n this.setState({ dataLoaded: true });\r\n\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.EarlyIssueTicket,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n } else if (\r\n verifyAppointmentResponse.data.split(\"|\")[0] === \"100\" &&\r\n this.checkInIssueTicket === true &&\r\n verifyAppointmentResponse.data.split(\"|\")[14] === \"LATE\"\r\n ) {\r\n this.setState({ dataLoaded: true });\r\n\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.LateIssueTicket,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n } else if (\r\n verifyAppointmentResponse.data.split(\"|\")[0] === \"100\" &&\r\n this.checkInIssueTicket === false\r\n ) {\r\n this.setState({ dataLoaded: true });\r\n handler.showSuccessMessage(\r\n this.state.lang.AppointmentIsValid,\r\n this.state.lang.Ok\r\n );\r\n } else if (\r\n verifyAppointmentResponse.data.split(\"|\")[0] === \"103\" &&\r\n verifyAppointmentResponse.data.split(\"|\")[16] === \"TICKET_ISSUED\" &&\r\n this.checkInIssueTicket === true\r\n ) {\r\n this.setState({ dataLoaded: true });\r\n\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.TicketAlreadyIssued,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n } else if (verifyAppointmentResponse.data.split(\"|\")[0] === \"101\") {\r\n this.setState({ dataLoaded: true });\r\n\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.AppointmentNotFound,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n }\r\n } catch (error) {\r\n if (error.message.includes(\"timeout\")) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.ServerNotResponding,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n } else {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.SomeThingWentWrong,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n }\r\n this.setState({ dataLoaded: true });\r\n console.log(\"ERROR IN VERIFY APPOINTMENT\", error.message);\r\n }\r\n };\r\n\r\n issueTicket = async () => {\r\n this.setState({ dataLoaded: false });\r\n if (this.state.verifyAppointmentResponse.data.split(\"|\")[0] === \"100\") {\r\n try {\r\n let branchId = this.state.verifyAppointmentResponse.data.split(\"|\")[3];\r\n let branchCode = this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[36];\r\n let categoryId = this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[4];\r\n let priority = this.state.verifyAppointmentResponse.data.split(\"|\")[5];\r\n let emailAddress = this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[7];\r\n let phoneNumber = this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[18];\r\n let escapedPhoneNumber = phoneNumber.replace(\"+\", \"%2b\");\r\n let firstName =this.enableSurnameField == true ? this.state.verifyAppointmentResponse.data.split(\"|\")[26] : this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[33];\r\n let additionalInformation = this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[25];\r\n let surName = this.enableSurnameField ? this.state.verifyAppointmentResponse.data.split(\"|\")[27]:\"\" ;\r\n let status = this.state.verifyAppointmentResponse.data.split(\"|\")[14];\r\n console.log(\"branchCode\",branchCode)\r\n console.log(\"branchId\",branchId)\r\n console.log(\"categoryID\",categoryId)\r\n console.log(\"priority\",priority);\r\n console.log(\"email\",emailAddress)\r\n console.log(\"phoneNumber\", phoneNumber)\r\n console.log('escapedPhoneNumber',escapedPhoneNumber)\r\n console.log(\"firstName\",firstName)\r\n console.log(\"Additional Information\", additionalInformation)\r\n console.log(\"SurName\", surName);\r\n let issueTicketResponse = await this.service.issueTicket(\r\n branchId,\r\n categoryId,\r\n priority,\r\n emailAddress,\r\n 3,\r\n localStorage.getItem(\"lang\") === \"es\"\r\n ? \"Sp\"\r\n : localStorage.getItem(\"lang\"),\r\n firstName + \"%20\" + surName,\r\n escapedPhoneNumber,\r\n emailAddress,\r\n \"1\",\r\n additionalInformation\r\n );\r\n console.log(\"RESPONSE OF ISSUE TICKET : \", issueTicketResponse);\r\n\r\n if (\r\n issueTicketResponse.data.error !== undefined &&\r\n issueTicketResponse.data.error === true\r\n ) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.ServerNotResponding,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n this.setState({ dataLoaded: true });\r\n } else if (\r\n issueTicketResponse.data.ticket_info !== undefined &&\r\n issueTicketResponse.data.ticket_info !== null\r\n ) {\r\n let heading = this.state.lang.YourTicketHasBeenIssued;\r\n this.setState({\r\n issueTicketResponse: issueTicketResponse,\r\n isSuccessfullyCheckedIn: true,\r\n heading,\r\n dataLoaded: true,\r\n });\r\n localStorage.setItem(\"checkedIn\", true);\r\n localStorage.setItem(\"prevCheckedInData\", JSON.stringify(this.state));\r\n localStorage.setItem(\r\n \"checkedInDate\",\r\n moment().toDate().toDateString()\r\n );\r\n this.generateUrl(\r\n branchCode,\r\n issueTicketResponse.data.ticket_info.ticket_id\r\n );\r\n this.markAppointmentUsed();\r\n // setInterval(() => {\r\n // this.getTicketStatus();\r\n // }, this.refreshInterval);\r\n } else if (issueTicketResponse.data.resp_status === \"-1\") {\r\n this.setState({ isSuccessfullyCheckedIn: false, dataLoaded: true });\r\n\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.TicketNotIssued,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n } else if (\r\n issueTicketResponse.data.resp_message ===\r\n \"You already have an issued ticket for the category, in the branch.\"\r\n ) {\r\n this.setState({ isSuccessfullyCheckedIn: false, dataLoaded: true });\r\n\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.TicketAlreadyIssued,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n }\r\n } catch (error) {\r\n if (error.message.includes(\"timeout\")) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.ServerNotResponding,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n this.setState({ dataLoaded: true });\r\n } else if (error.message.includes(\"404\")) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.UrlNotFound,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n this.setState({ dataLoaded: true });\r\n } else if (error.message.includes(\"Network Error\")) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.InternetConnectionError,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n this.setState({ dataLoaded: true });\r\n } else {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.SomeThingWentWrong,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n this.setState({ dataLoaded: true });\r\n }\r\n\r\n console.log(\"ERROR IN ISSUE TICKET \", error.message);\r\n }\r\n }\r\n };\r\n\r\n cancelTicket = async () => {\r\n swal(\r\n this.state.lang.CancelTicketConfirmation,\r\n\r\n {\r\n icon: \"warning\",\r\n buttons: {\r\n no: {\r\n text: this.state.lang.No === undefined ? \"No\" : this.state.lang.No,\r\n value: \"no\",\r\n },\r\n yes: {\r\n text:\r\n this.state.lang.Yes === undefined ? \"Yes\" : this.state.lang.Yes,\r\n value: \"yes\",\r\n closeModal: false,\r\n },\r\n },\r\n }\r\n ).then(async (value) => {\r\n switch (value) {\r\n case \"yes\":\r\n let branchId = this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[3];\r\n let ticketId = this.state.issueTicketResponse.data.ticket_info\r\n .ticket_id;\r\n let ticketNumber = this.state.issueTicketResponse.data.ticket_info\r\n .ticket_no;\r\n let sqn = this.state.issueTicketResponse.data.ticket_info.categoryid;\r\n let emailAddress = this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[7];\r\n let phoneNumber = this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[18];\r\n let language =\r\n localStorage.getItem(\"lang\") === \"es\"\r\n ? \"Sp\"\r\n : localStorage.getItem(\"lang\");\r\n try {\r\n let cancelTicketResponse = await this.service.cancelTicket(\r\n emailAddress,\r\n ticketId,\r\n branchId,\r\n language,\r\n ticketNumber,\r\n sqn,\r\n phoneNumber\r\n );\r\n console.log(\"CANCEL TICKET RESPONSE: \", cancelTicketResponse);\r\n if (cancelTicketResponse.data.resp_message === \"Ticket cancelled\") {\r\n swal.close();\r\n\r\n localStorage.removeItem(\"checkedIn\");\r\n localStorage.removeItem(\"checkedInDate\");\r\n localStorage.removeItem(\"prevCheckedInData\");\r\n\r\n handler.redirect(this.state.redirectUrl);\r\n } else if (\r\n cancelTicketResponse.data.resp_message === \"Ticket not found\" ||\r\n cancelTicketResponse.data.resp_message ===\r\n \"Operation not permitted\"\r\n ) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.TicketNotFound,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n localStorage.removeItem(\"checkedIn\");\r\n localStorage.removeItem(\"checkedInDate\");\r\n localStorage.removeItem(\"prevCheckedInData\");\r\n handler.redirect(this.state.redirectUrl);\r\n } else {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.SomeThingWentWrong,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n }\r\n } catch (error) {\r\n if (error.message.includes(\"404\")) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.UrlNotFound,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n } else if (error.message.includes(\"Network Error\")) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.InternetConnectionError,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n }\r\n }\r\n\r\n break;\r\n case \"no\":\r\n break;\r\n\r\n default:\r\n }\r\n });\r\n };\r\n\r\n markAppointmentUsed = async () => {\r\n try {\r\n let appointmentNumber = this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[2];\r\n let emailAddress = this.state.verifyAppointmentResponse.data.split(\r\n \"|\"\r\n )[7];\r\n\r\n let ticketNumber = this.state.issueTicketResponse.data.ticket_info\r\n .ticket_no;\r\n let response = await this.service.markAppointmentUsedAfterTicketIssue(\r\n appointmentNumber,\r\n emailAddress,\r\n ticketNumber\r\n );\r\n if (response.data.error !== undefined && response.data.error === true) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.ServerNotResponding,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n }\r\n } catch (error) {\r\n if (error.message.includes(\"timeout\")) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.ServerNotResponding,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n } else if (error.message.includes(\"404\")) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.UrlNotFound,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n } else if (error.message.includes(\"Network Error\")) {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.InternetConnectionError,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n } else {\r\n handler.showErrMsg(\r\n this.state.lang.Error,\r\n this.state.lang.SomeThingWentWrong,\r\n this.state.lang.Ok,\r\n this.state.redirectUrl\r\n );\r\n }\r\n console.log(\"ERROR IN MARKING APPOINTMENT USED: \", error.message);\r\n }\r\n };\r\n\r\n getTicketStatus = async () => {\r\n let prevState = JSON.parse(localStorage.getItem(\"prevCheckedInData\"));\r\n let branchId = prevState.verifyAppointmentResponse.data.split(\"|\")[3];\r\n let categoryId = prevState.verifyAppointmentResponse.data.split(\"|\")[4];\r\n let ticketId = prevState.issueTicketResponse.data.ticket_info.ticket_id;\r\n let ticketNumber = prevState.issueTicketResponse.data.ticket_info.ticket_no;\r\n try {\r\n let response = await this.service.getTicketStatus(\r\n branchId,\r\n ticketId,\r\n ticketNumber,\r\n categoryId\r\n );\r\n if (response.data.error !== undefined && response.data.error) {\r\n handler.showErrMsg(\r\n prevState.lang.Error,\r\n prevState.lang.ServerNotResponding,\r\n prevState.lang.Ok,\r\n prevState.redirectUrl\r\n );\r\n } else {\r\n if (response.data.resp_status === 1) {\r\n let issueTicketResponse = {\r\n ...prevState.issueTicketResponse,\r\n };\r\n issueTicketResponse[\"data\"][\"ticket_info\"][\r\n \"category_approx_waittime\"\r\n ] = response.data.est_wait_time;\r\n issueTicketResponse[\"data\"][\"ticket_info\"][\"ticket_in_wait\"] =\r\n response.data.position_in_queue <= 0\r\n ? 0\r\n : parseInt(response.data.position_in_queue);\r\n this.setState({ issueTicketResponse: issueTicketResponse });\r\n localStorage.setItem(\"prevCheckedInData\", JSON.stringify(prevState));\r\n } else if (response.data.resp_status === 2) {\r\n handler.notify();\r\n this.setState({ isTicketCalled: true });\r\n } else if (response.data.resp_status === 3) {\r\n localStorage.clear();\r\n handler.showErrMsg(\r\n prevState.lang.Error,\r\n prevState.lang.TicketNotFound,\r\n prevState.lang.Ok,\r\n prevState.redirectUrl\r\n );\r\n setTimeout(() => {\r\n localStorage.clear();\r\n handler.redirect(prevState.redirectUrl);\r\n }, this.popupExpiry);\r\n }\r\n }\r\n } catch (error) {\r\n if (error.message.includes(\"timeout\")) {\r\n handler.showErrMsg(\r\n prevState.lang.Error,\r\n prevState.lang.ServerNotResponding,\r\n prevState.lang.Ok,\r\n prevState.redirectUrl\r\n );\r\n } else {\r\n handler.showErrMsg(\r\n prevState.lang.Error,\r\n prevState.lang.SomeThingWentWrong,\r\n prevState.lang.Ok,\r\n prevState.redirectUrl\r\n );\r\n console.log(error.message);\r\n }\r\n }\r\n };\r\n\r\n // START OF REDNERING JSX\r\n\r\n getTicketNumber = () => {\r\n if (\r\n this.state.issueTicketResponse.data.ticket_info !== undefined &&\r\n this.state.issueTicketResponse.data.ticket_info !== null\r\n ) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.state.lang.WhatDoYouNeed}\r\n \r\n {this.enableSubCategorySelection ?\r\n <>\r\n \r\n \r\n {this.state.lang.SelectCategory}\r\n \r\n {\r\n this.state.categories.length > 0\r\n ? this.state.categories.map((data, i) => {\r\n return (\r\n \r\n {data.GroupName}\r\n \r\n );\r\n })\r\n : null}\r\n \r\n
\r\n
\r\n {this.state.dropDownIndex >= 0 && (this.state.categories[this.state.dropDownIndex].Categories[0].CategoryTitle !== this.state.categories[this.state.dropDownIndex].GroupName) ?\r\n <>\r\n\r\n \r\n {this.state.lang.SelectCategory}\r\n \r\n {this.state.categories.length > 0\r\n ? this.state.categories.map((data, i) => {\r\n return (\r\n \r\n {data.CategoryTitle}\r\n \r\n );\r\n })\r\n : null}\r\n \r\n
\r\n
\r\n \r\n }\r\n {this.state.estimatedWaitTime !== null &&\r\n this.UI.showEstimatedWaitTime ? (\r\n
\r\n \r\n
\r\n {this.state.dropDownIndex >= 0 && (this.state.categories[this.state.dropDownIndex].Categories[0].CategoryTitle !== this.state.categories[this.state.dropDownIndex].GroupName) ?\r\n <>\r\n
\r\n
\r\n
\r\n \r\n : null}\r\n \r\n :\r\n <>\r\n {this.state.categories[this.state.dropDownIndex].GroupName}
\r\n\r\n\r\n
\r\n \r\n {this.state.categories[this.state.dropDownIndex].Categories.map((subCategory, index) => {\r\n return (\r\n \r\n )\r\n })}\r\n
\r\n \r\n
\r\n
\r\n \r\n }\r\n {this.state.estimatedWaitTime !== null &&\r\n this.UI.showEstimatedWaitTime ? (\r\n
\r\n {this.state.lang.EstimatedWaitTimeMessage} \r\n {`${this.state.estimatedWaitTime} ${this.state.lang.Minutes}`}\r\n
\r\n ) : null}\r\n\r\n \r\n \r\n {this.state.issueTicketResponse.data.ticket_info.ticket_no}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n };\r\n\r\n getTotalWaitingTime = () => {\r\n let waitTime = Math.floor(\r\n this.state.issueTicketResponse.data.ticket_info.category_approx_waittime /\r\n 60\r\n );\r\n\r\n if (\r\n this.state.issueTicketResponse.data.ticket_info !== undefined &&\r\n this.state.issueTicketResponse.data.ticket_info !== null\r\n ) {\r\n return (\r\n \r\n \r\n {this.state.lang.TicketNumber}\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n };\r\n\r\n getTicketIssuedDateTime = () => {\r\n if (\r\n this.state.issueTicketResponse.data.ticket_info !== undefined &&\r\n this.state.issueTicketResponse.data.ticket_info !== null\r\n ) {\r\n return (\r\n \r\n {`${this.state.lang.EstimatedWaitTimeMessage} ${waitTime} ${this.state.lang.Minutes}`}\r\n
\r\n\r\n \r\n {this.state.lang.TicketIssuedTime}\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n getTicketsWaiting = () => {\r\n if (\r\n this.state.issueTicketResponse.data.ticket_info !== undefined &&\r\n this.state.issueTicketResponse.data.ticket_info !== null\r\n ) {\r\n return (\r\n \r\n {/* {this.state.issueTicketResponse.data.ticket_info.issued_on} */}\r\n {moment(\r\n this.state.issueTicketResponse.data.ticket_info.issued_on\r\n ).format(\"DD-MMM-YYYY hh:mm A\")}\r\n
\r\n\r\n {/* \r\n {this.state.lang.TicketInWait}\r\n */}\r\n
\r\n );\r\n }\r\n };\r\n\r\n // END OF REDNERING JSX\r\n\r\n render() {\r\n return (\r\n \r\n {`${this.state.lang.ThereArePeople} ${this.state.issueTicketResponse.data.ticket_info.ticket_in_wait} ${this.state.lang.TicketInWait}`}\r\n
\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default CheckIn;\r\n","import React from \"react\";\r\nimport ModalHead from \"./../components/modal-head/modalHead\";\r\n\r\nimport moment from \"moment\";\r\nimport Container from \"../components/container/container\";\r\nimport Content from \"../components/container/content/content\";\r\n\r\nconst AppInfo = (props) => {\r\n let appVersion = window[\"app-config\"].applicationProperties.appVersion;\r\n let client = window[\"app-config\"].runApp;\r\n // console.log(\"NAVIGATE DATA: \", props.location.state.data)\r\n return (\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n ) : null}\r\n\r\n {this.state.isSuccessfullyCheckedIn === true ? (\r\n \r\n
\r\n \r\n \r\n {this.state.dataLoaded === false ? (\r\n \r\n ) : null}{\" \"}\r\n \r\n {this.state.lang.CheckIn}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n {this.state.lang.AppointmentNumber}\r\n \r\n
\r\n\r\n \r\n \r\n {this.state.lang.PhoneNumberPlaceholder}\r\n \r\n\r\n
\r\n\r\n \r\n \r\n {this.state.lang.EmailAddressPlaceHolder}\r\n {/* * */}\r\n \r\n
\r\n\r\n {this.state.enableCheckInButton === true ? (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {this.state.lang.IssueTicketConfirmedMessage}\r\n
\r\n\r\n\r\n {this.getTotalWaitingTime()}\r\n
\r\n\r\n \r\n {this.getTicketsWaiting()}\r\n
\r\n\r\n \r\n {this.getTicketNumber()}\r\n
\r\n\r\n \r\n
\r\n\r\n {this.color.enableWhatsappButton ? (\r\n \r\n {this.getTicketIssuedDateTime()}\r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n {`APP VERSION : ${appVersion}`}
\r\n\r\n
\r\n {`CLIENT : ${client.toUpperCase()}`}
\r\n\r\n
\r\n {`DATE TIME : ${moment(new Date()).format(\r\n \"DD-MMM-YYYY hh:mm A\"\r\n )}`}
\r\n\r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n\r\n {this.state.isInfoDataLoaded ? (\r\n \r\n \r\n this.getAppointmentInfo(this.state.appointmentNumber)\r\n }\r\n bgColor={this.UI.btnColor}\r\n >\r\n {this.state.dataLoaded === false ? (\r\n \r\n ) : null}{\" \"}\r\n \r\n {this.state.lang.Submit}\r\n \r\n ) : null}\r\n
\r\n \r\n
\r\n \r\n \r\n {this.state.lang.AppointmentNumber}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {this.state.lang.EmailAddressPlaceHolder}\r\n \r\n
\r\n \r\n
\r\n\r\n {this.state.enableSubmitBtn ? (\r\n \r\n \r\n {this.state.lang.PhoneNumberPlaceholder}\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n {this.state.lang.AppointmentInfo}\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n {this.state.response !== null ? (\r\n <>\r\n
\r\n \r\n
\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport default ModifyAppointment;\r\n","import React, { Component } from \"react\";\r\n\r\nimport { Empty } from \"antd\";\r\n\r\nimport * as handler from \"../components/utils/handler\";\r\n\r\nimport Container from \"../components/container/container\";\r\nimport Content from \"../components/container/content/content\";\r\nimport ModalHead from \"../components/modal-head/modalHead\";\r\nimport Card from \"../components/utils/card\";\r\n\r\nclass TicketCalled extends Component {\r\n state = { lang: {} };\r\n UI = window[\"app-config\"].ui;\r\n componentDidMount() {\r\n this.setState({ lang: handler.setTranslations() });\r\n handler.blinkText(\"#blink\");\r\n }\r\n\r\n render() {\r\n let ticket_number = \"\";\r\n let branch = \"\";\r\n if (\r\n JSON.parse(localStorage.getItem(\"prevState\")) !== null ||\r\n JSON.parse(localStorage.getItem(\"prevCheckedInData\")) !== null\r\n ) {\r\n ticket_number =\r\n JSON.parse(localStorage.getItem(\"prevState\")) !== null\r\n ? JSON.parse(localStorage.getItem(\"prevState\")).response.data\r\n .ticket_info !== undefined\r\n ? JSON.parse(localStorage.getItem(\"prevState\")).response.data\r\n .ticket_info.ticket_no\r\n : JSON.parse(localStorage.getItem(\"prevState\")).response.data\r\n .ticket_number_f\r\n : JSON.parse(localStorage.getItem(\"prevCheckedInData\"))\r\n .issueTicketResponse.data.ticket_info.ticket_no;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {ticket_number}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {this.logo.showLogo === true ? (\r\n \r\n \r\n {this.props.heading}\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n {this.logo.showLogo === true ? (\r\n \r\n \r\n {/* {this.props.heading} */}\r\n {this.state.lang.StaticHeaderHeading}\r\n \r\n
\r\n\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n {this.props.address !== undefined &&\r\n this.props.address.length > 0 &&\r\n this.props.address[0] !== null ? (\r\n this.props.address[0].BranchTitle + \" | \"\r\n ) : (\r\n
\r\n {this.runApp === \"samsung\" ? (\r\n \r\n {this.state.lang.ChangeLocation}\r\n \r\n ) : null}\r\n
\r\n {this.logo.showLogo === true ? (\r\n \r\n \r\n {this.props.address !== undefined &&\r\n this.props.address.length > 0 &&\r\n this.props.address[0] !== null ? (\r\n this.props.address[0].BranchTitle + \" | \"\r\n ) : (\r\n
\r\n {this.runApp === \"samsung\" ? (\r\n \n
\n );\n};\n\nexport default Loader;\n","/*\r\n * @Author: Mufaddal Jamali\r\n * @Date: 2020-03-16 15:48:27\r\n * @Last Modified by: Mufaddal Jamali\r\n * @Last Modified time: 2020-03-16 15:48:27\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\n\r\nconst PrimaryButton = (props) => {\r\n let nextAndBackBtn = window[\"app-config\"].ui.header.backGroundColor;\r\n $(document).ready(function () {\r\n $(\".primaryBtn\").css(\"background-color\", props.bgColor);\r\n $(\".primaryBtn\").css(\"border-color\", props.bgColor);\r\n });\r\n return (\r\n \n
\n \n \n
\n \r\n {props.children}\r\n
\r\n );\r\n};\r\n\r\nexport default PrimaryButton;\r\n","var map = {\n\t\"./\": [\n\t\t174,\n\t\t9\n\t],\n\t\"./App\": [\n\t\t191,\n\t\t9\n\t],\n\t\"./App.css\": [\n\t\t843,\n\t\t7,\n\t\t18\n\t],\n\t\"./App.js\": [\n\t\t191,\n\t\t9\n\t],\n\t\"./App.test\": [\n\t\t437,\n\t\t9,\n\t\t0,\n\t\t2,\n\t\t9\n\t],\n\t\"./App.test.js\": [\n\t\t437,\n\t\t9,\n\t\t0,\n\t\t2,\n\t\t9\n\t],\n\t\"./README.md\": [\n\t\t844,\n\t\t7,\n\t\t21\n\t],\n\t\"./assets/fonts/Montserrat-Bold.ttf\": [\n\t\t845,\n\t\t7,\n\t\t22\n\t],\n\t\"./assets/fonts/Montserrat-Light.ttf\": [\n\t\t846,\n\t\t7,\n\t\t23\n\t],\n\t\"./assets/fonts/Montserrat-Medium.ttf\": [\n\t\t847,\n\t\t7,\n\t\t24\n\t],\n\t\"./assets/fonts/Montserrat-Regular.ttf\": [\n\t\t848,\n\t\t7,\n\t\t25\n\t],\n\t\"./assets/fonts/Montserrat-SemiBold.ttf\": [\n\t\t849,\n\t\t7,\n\t\t26\n\t],\n\t\"./assets/fonts/SamsungSharpSans-Bold.ttf\": [\n\t\t850,\n\t\t7,\n\t\t27\n\t],\n\t\"./assets/fonts/SamsungSharpSans-Medium.ttf\": [\n\t\t851,\n\t\t7,\n\t\t28\n\t],\n\t\"./assets/fonts/SamsungSharpSans-Regular.ttf\": [\n\t\t852,\n\t\t7,\n\t\t29\n\t],\n\t\"./assets/images/calender_gry.png\": [\n\t\t281,\n\t\t7\n\t],\n\t\"./assets/images/calender_gry@2x.png\": [\n\t\t853,\n\t\t7,\n\t\t32\n\t],\n\t\"./assets/images/calender_org.png\": [\n\t\t208,\n\t\t7\n\t],\n\t\"./assets/images/calender_org@2x.png\": [\n\t\t854,\n\t\t7,\n\t\t33\n\t],\n\t\"./assets/images/loader.gif\": [\n\t\t159,\n\t\t7\n\t],\n\t\"./assets/images/location-white.png\": [\n\t\t280,\n\t\t7\n\t],\n\t\"./assets/images/location.png\": [\n\t\t279,\n\t\t7\n\t],\n\t\"./assets/images/location@2x.png\": [\n\t\t855,\n\t\t7,\n\t\t34\n\t],\n\t\"./assets/images/logo_green.svg\": [\n\t\t856,\n\t\t7,\n\t\t30\n\t],\n\t\"./assets/images/pakistan-flag.png\": [\n\t\t275,\n\t\t7\n\t],\n\t\"./assets/images/spain-flag.png\": [\n\t\t274,\n\t\t7\n\t],\n\t\"./assets/images/uae-flag.png\": [\n\t\t277,\n\t\t7\n\t],\n\t\"./assets/images/uk-flag.png\": [\n\t\t276,\n\t\t7\n\t],\n\t\"./assets/images/wavetec-title.png\": [\n\t\t857,\n\t\t7,\n\t\t35\n\t],\n\t\"./assets/images/wavetecFooter.jpeg\": [\n\t\t858,\n\t\t7,\n\t\t36\n\t],\n\t\"./assets/styles/AppNotFound.css\": [\n\t\t404,\n\t\t7\n\t],\n\t\"./assets/styles/Glovo.css\": [\n\t\t434,\n\t\t7,\n\t\t5\n\t],\n\t\"./assets/styles/Leroy.css\": [\n\t\t435,\n\t\t7,\n\t\t6\n\t],\n\t\"./assets/styles/Samsung.css\": [\n\t\t436,\n\t\t7,\n\t\t7\n\t],\n\t\"./components/app-not-found/notFound\": [\n\t\t209,\n\t\t9\n\t],\n\t\"./components/app-not-found/notFound.jsx\": [\n\t\t209,\n\t\t9\n\t],\n\t\"./components/booking-summary/Booking-Summary\": [\n\t\t139,\n\t\t9\n\t],\n\t\"./components/booking-summary/Booking-Summary.jsx\": [\n\t\t139,\n\t\t9\n\t],\n\t\"./components/container/container\": [\n\t\t108,\n\t\t9\n\t],\n\t\"./components/container/container.jsx\": [\n\t\t108,\n\t\t9\n\t],\n\t\"./components/container/content/content\": [\n\t\t109,\n\t\t9\n\t],\n\t\"./components/container/content/content.jsx\": [\n\t\t109,\n\t\t9\n\t],\n\t\"./components/country-flags/Flags\": [\n\t\t160,\n\t\t9\n\t],\n\t\"./components/country-flags/Flags.jsx\": [\n\t\t160,\n\t\t9\n\t],\n\t\"./components/footer/footer\": [\n\t\t112,\n\t\t9\n\t],\n\t\"./components/footer/footer.jsx\": [\n\t\t112,\n\t\t9\n\t],\n\t\"./components/journey/journey\": [\n\t\t129,\n\t\t9\n\t],\n\t\"./components/journey/journey.jsx\": [\n\t\t129,\n\t\t9\n\t],\n\t\"./components/loader/loader\": [\n\t\t45,\n\t\t9\n\t],\n\t\"./components/loader/loader.jsx\": [\n\t\t45,\n\t\t9\n\t],\n\t\"./components/map-branch-selection/branchSelection\": [\n\t\t438,\n\t\t9,\n\t\t4\n\t],\n\t\"./components/map-branch-selection/branchSelection.jsx\": [\n\t\t438,\n\t\t9,\n\t\t4\n\t],\n\t\"./components/map-marker/marker\": [\n\t\t428,\n\t\t9,\n\t\t10\n\t],\n\t\"./components/map-marker/marker.jsx\": [\n\t\t428,\n\t\t9,\n\t\t10\n\t],\n\t\"./components/modal-head/modalHead\": [\n\t\t42,\n\t\t9\n\t],\n\t\"./components/modal-head/modalHead.jsx\": [\n\t\t42,\n\t\t9\n\t],\n\t\"./components/phase/phase\": [\n\t\t163,\n\t\t9\n\t],\n\t\"./components/phase/phase.jsx\": [\n\t\t163,\n\t\t9\n\t],\n\t\"./components/preparation/preparation\": [\n\t\t207,\n\t\t9\n\t],\n\t\"./components/preparation/preparation.jsx\": [\n\t\t207,\n\t\t9\n\t],\n\t\"./components/slot/slot\": [\n\t\t206,\n\t\t9\n\t],\n\t\"./components/slot/slot.jsx\": [\n\t\t206,\n\t\t9\n\t],\n\t\"./components/utils/card\": [\n\t\t215,\n\t\t9\n\t],\n\t\"./components/utils/card.jsx\": [\n\t\t215,\n\t\t9\n\t],\n\t\"./components/utils/dangerButton\": [\n\t\t97,\n\t\t9\n\t],\n\t\"./components/utils/dangerButton.jsx\": [\n\t\t97,\n\t\t9\n\t],\n\t\"./components/utils/handler\": [\n\t\t2,\n\t\t9\n\t],\n\t\"./components/utils/handler.js\": [\n\t\t2,\n\t\t9\n\t],\n\t\"./components/utils/iconButton\": [\n\t\t131,\n\t\t9\n\t],\n\t\"./components/utils/iconButton.jsx\": [\n\t\t131,\n\t\t9\n\t],\n\t\"./components/utils/primaryButton\": [\n\t\t78,\n\t\t9\n\t],\n\t\"./components/utils/primaryButton.jsx\": [\n\t\t78,\n\t\t9\n\t],\n\t\"./components/utils/refreshButton\": [\n\t\t130,\n\t\t9\n\t],\n\t\"./components/utils/refreshButton.jsx\": [\n\t\t130,\n\t\t9\n\t],\n\t\"./components/utils/secondaryButton\": [\n\t\t137,\n\t\t9\n\t],\n\t\"./components/utils/secondaryButton.jsx\": [\n\t\t137,\n\t\t9\n\t],\n\t\"./containers/appInfo\": [\n\t\t212,\n\t\t9\n\t],\n\t\"./containers/appInfo.jsx\": [\n\t\t212,\n\t\t9\n\t],\n\t\"./containers/branchSelection\": [\n\t\t164,\n\t\t9\n\t],\n\t\"./containers/branchSelection.jsx\": [\n\t\t164,\n\t\t9\n\t],\n\t\"./containers/categorySelection\": [\n\t\t210,\n\t\t9\n\t],\n\t\"./containers/categorySelection.jsx\": [\n\t\t210,\n\t\t9\n\t],\n\t\"./containers/checkIn\": [\n\t\t211,\n\t\t9\n\t],\n\t\"./containers/checkIn.jsx\": [\n\t\t211,\n\t\t9\n\t],\n\t\"./containers/confirmedAppointment\": [\n\t\t138,\n\t\t9\n\t],\n\t\"./containers/confirmedAppointment.jsx\": [\n\t\t138,\n\t\t9\n\t],\n\t\"./containers/deviceDetails\": [\n\t\t202,\n\t\t9\n\t],\n\t\"./containers/deviceDetails.jsx\": [\n\t\t202,\n\t\t9\n\t],\n\t\"./containers/main\": [\n\t\t201,\n\t\t9\n\t],\n\t\"./containers/main.jsx\": [\n\t\t201,\n\t\t9\n\t],\n\t\"./containers/modifyAppointment\": [\n\t\t213,\n\t\t9\n\t],\n\t\"./containers/modifyAppointment.jsx\": [\n\t\t213,\n\t\t9\n\t],\n\t\"./containers/serviceDetails\": [\n\t\t205,\n\t\t9\n\t],\n\t\"./containers/serviceDetails.jsx\": [\n\t\t205,\n\t\t9\n\t],\n\t\"./containers/slots\": [\n\t\t135,\n\t\t9\n\t],\n\t\"./containers/slots.jsx\": [\n\t\t135,\n\t\t9\n\t],\n\t\"./containers/ticketCalled\": [\n\t\t214,\n\t\t9\n\t],\n\t\"./containers/ticketCalled.jsx\": [\n\t\t214,\n\t\t9\n\t],\n\t\"./containers/userDetails\": [\n\t\t136,\n\t\t9\n\t],\n\t\"./containers/userDetails.jsx\": [\n\t\t136,\n\t\t9\n\t],\n\t\"./custom.module.css\": [\n\t\t859,\n\t\t7,\n\t\t20\n\t],\n\t\"./dark.css\": [\n\t\t433,\n\t\t7,\n\t\t8\n\t],\n\t\"./data/deviceDetails\": [\n\t\t203,\n\t\t3\n\t],\n\t\"./data/deviceDetails.json\": [\n\t\t203,\n\t\t3\n\t],\n\t\"./firebase\": [\n\t\t439,\n\t\t9,\n\t\t3,\n\t\t11\n\t],\n\t\"./firebase.js\": [\n\t\t439,\n\t\t9,\n\t\t3,\n\t\t11\n\t],\n\t\"./index\": [\n\t\t174,\n\t\t9\n\t],\n\t\"./index.css\": [\n\t\t860,\n\t\t7,\n\t\t19\n\t],\n\t\"./index.js\": [\n\t\t174,\n\t\t9\n\t],\n\t\"./logo.svg\": [\n\t\t861,\n\t\t7,\n\t\t31\n\t],\n\t\"./package\": [\n\t\t441,\n\t\t3,\n\t\t14\n\t],\n\t\"./package-lock\": [\n\t\t440,\n\t\t3,\n\t\t13\n\t],\n\t\"./package-lock.json\": [\n\t\t440,\n\t\t3,\n\t\t13\n\t],\n\t\"./package.json\": [\n\t\t441,\n\t\t3,\n\t\t14\n\t],\n\t\"./serviceWorker\": [\n\t\t217,\n\t\t9\n\t],\n\t\"./serviceWorker.js\": [\n\t\t217,\n\t\t9\n\t],\n\t\"./services/data.service\": [\n\t\t38,\n\t\t9\n\t],\n\t\"./services/data.service.js\": [\n\t\t38,\n\t\t9\n\t],\n\t\"./setupTests\": [\n\t\t442,\n\t\t9,\n\t\t0,\n\t\t1,\n\t\t12\n\t],\n\t\"./setupTests.js\": [\n\t\t442,\n\t\t9,\n\t\t0,\n\t\t1,\n\t\t12\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn Promise.all(ids.slice(2).map(__webpack_require__.e)).then(function() {\n\t\treturn __webpack_require__.t(id, ids[1])\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 839;\nmodule.exports = webpackAsyncContext;","import React from \"react\";\r\n\r\nconst DangerButton = ({ color, text, onClick, disabled = false }) => {\r\n return (\r\n