\n
\n );\n};\n\nexport default Container;\n","import React, { Component } from \"react\";\n\nconst Content = (props) => {\n return (\n {props.children}
\n \n
\n );\n};\n\nexport default Content;\n","import React, { Component } from \"react\";\n\nconst Footer = () => {\n let footer = window[\"app-config\"].ui.footer;\n\n return (\n \n
\n {props.children}
\n \n
\n \n );\n};\n\nexport default Footer;\n","/*\n * @Author: Mufaddal Jamali\n * @Date: 2020-02-24 15:49:21\n * @Last Modified by: Mufaddal Jamali\n * @Last Modified time: 2020-11-03 11:15:07\n */\n\nimport React, { Component } from \"react\";\nimport ReactHtmlParser from \"react-html-parser\";\nimport * as handler from \"../utils/handler\";\n\nclass Preparation extends Component {\n URL = window[\"app-config\"].URL.preparationLocationUrl;\n defaultLanguage = window[\"app-config\"].defaultLang;\n state = { lang: {} };\n componentDidMount() {\n this.setState({ lang: handler.setTranslations() });\n }\n\n render() {\n console.log(\"ARRAY: \", this.state.lang.Preparations);\n return (\n \n \n
\n \n
\n );\n }\n}\n\nexport default Preparation;\n","module.exports = \"data:image/png;base64,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\"","/*\n * @Author: Mufaddal Jamali\n * @Date: 2020-02-24 15:49:21\n * @Last Modified by: Mufaddal Jamali\n * @Last Modified time: 2020-10-20 11:22:02\n */\n\nimport React, { Component } from \"react\";\nimport Slot from \"../components/slot/slot\";\nimport \"antd/dist/antd.css\";\nimport { DatePicker } from \"antd\";\nimport $ from \"jquery\";\nimport moment from \"moment\";\nimport { DataService } from \"../services/data.service\";\nimport { Empty } from \"antd\";\n//import '../node_modules/bootstrap/dist/css/bootstrap.min.css';\nimport SlotModal from \"../components/slot-modal/slotModal\";\n\nimport \"moment/locale/es\";\nimport { ConfigProvider } from \"antd\";\nimport esES from \"antd/es/locale/es_ES\";\nimport enUS from \"antd/es/locale/en_US\";\nimport Loader from \"../components/loader/loader\";\nimport * as handler from \"../components/utils/handler\";\nconst queryString = require(\"query-string\");\n\nclass Slots extends Component {\n slotsToShowCount = window[\"app-config\"].slotsToShowCount;\n runApp = window[\"app-config\"].runApp;\n defaultAheadDays = window[\"app-config\"].defaultAheadDays;\n defaultLanguage = window[\"app-config\"].defaultLang;\n color = window[\"app-config\"].ui.slotScreen;\n slotColor = window[\"app-config\"].ui.slotScreen.fontColor;\n selectedSlotColor = window[\"app-config\"].ui.slotScreen.slotSelectionColor;\n defaultSlotColor = window[\"app-config\"].ui.slotScreen.defaultFontColor;\n defaultTheme = window[\"app-config\"].applicationProperties.defaultTheme;\n state = {\n selectedDate: moment(new Date()).format(\"YYYY-MM-DD\"),\n\n nextDates: [],\n appointmentSlots: [],\n dataLoaded: false,\n isCurrentDateSlots: false,\n futureAppointmentDays:\n this.props.branchDetails().length > 0 &&\n this.props.branchDetails()[0]?.FutureDaysForAppointment != \"\"\n ? this.props.branchDetails()[0]?.FutureDaysForAppointment\n : this.defaultAheadDays,\n lang: {},\n };\n\n dataService = new DataService();\n\n componentDidMount() {\n this.setState({ lang: handler.setTranslations() });\n this.props.setHeading(null);\n this.props.hideBtnNext();\n this.getDateTimeSlots(this.state.selectedDate);\n }\n\n onDateChange = (date, dateString) => {\n this.props.hideBtnNext();\n this.setState({ dataLoaded: false, selectedDate: date });\n let formattedDate = moment(date === null ? new Date() : date).format(\n \"YYYY-MM-DD\"\n );\n this.getDateTimeSlots(formattedDate);\n };\n\n getDateTimeSlots = async (date) => {\n var dateGiven = moment(date);\n var DAY = dateGiven.day();\n\n DAY = DAY == 0 ? 7 : DAY;\n\n var currContext = this;\n\n try {\n var response = await this.dataService.getDateTimeSlots(\n this.props.branchDetails()[0].BranchID,\n this.props.category(),\n // this.state.selectedDate,\n date,\n this.state.futureAppointmentDays\n );\n if (response.data.error !== undefined && response.data.error === true) {\n this.setState({ appointmentSlots: undefined, dataLoaded: true });\n } else if (response.data.appointmentSlots !== null) {\n var appointmentSlots = response.data.appointmentSlots.slice(\n 0,\n this.slotsToShowCount < 0 || this.slotsToShowCount > 7\n ? 7\n : this.slotsToShowCount\n );\n this.setState({\n appointmentSlots: appointmentSlots,\n dataLoaded: true,\n });\n } else {\n this.setState({ appointmentSlots: [], dataLoaded: true });\n }\n var slotValue = false;\n this.state.appointmentSlots.forEach(function (value, key) {\n if (value.DayID == DAY) {\n if (value.slotDetail.length == 0) {\n slotValue = true;\n }\n }\n });\n } catch (error) {\n console.log(error.message);\n if (\n error.message.includes(\"timeout\") ||\n error.message.includes(\"ERR_CONNECTION\")\n ) {\n this.setState({ appointmentSlots: undefined, dataLoaded: true });\n } else {\n this.setState({ appointmentSlots: [], dataLoaded: true });\n }\n }\n };\n\n render() {\n let theme =\n queryString.parse(window.location.search).theme == undefined\n ? this.defaultTheme\n : queryString.parse(window.location.search).theme;\n var currContext = this;\n\n $(document).ready(function () {\n $(\"body\").on(\"click\", \".time\", function () {\n $(\".time\").each((i, d) => {\n $(d).css(\"border-color\", \"#eee\");\n $(d).css(\"color\", currContext.defaultSlotColor);\n });\n\n theme == \"dark\"\n ? $(this).css(\"border-color\", \"#f4741d\")\n : $(this).css(\"border-color\", currContext.selectedSlotColor);\n // #f4741d\n theme == \"dark\"\n ? $(this).css(\"color\", \"#f4741d\")\n : $(this).css(\"color\", currContext.slotColor);\n // $(this).css(\"color\", currContext.slotColor);\n\n let slotDate = $(\n $(this).closest($(\".sl__modal_calendar-col\")).first()[0].innerHTML\n ).attr(\"date\");\n\n let slotId = $(this).attr(\"value\");\n let time = $(this).attr(\"time\");\n currContext.props.dateTimeSlot(slotId, slotDate, time);\n });\n });\n\n if (this.state.dataLoaded === false) {\n return (\n \n {this.state.lang.Preparation}\n
\n- \n {/*
- {ReactHtmlParser(this.state.lang.PrepOne)} \n
- {ReactHtmlParser(this.state.lang.PrepTwo)} \n
- {ReactHtmlParser(this.state.lang.PrepThree)} \n
- {ReactHtmlParser(this.state.lang.PrepFour)} \n
- {ReactHtmlParser(this.state.lang.PrepFive)} */}\n {this.state.lang.Preparations !== undefined &&\n this.state.lang.Preparations.map((data, index) => (\n
- {ReactHtmlParser(data.text)} \n ))}\n
\n \n {ReactHtmlParser(this.state.lang.SecondaryPrepHeading)}\n \n
\n- \n
- {ReactHtmlParser(this.state.lang.SecondaryPrepOne)} \n
- {ReactHtmlParser(this.state.lang.SecondaryPrepTwo)} \n
\n
\n );\n } else if (\n this.state.appointmentSlots.length > 0 &&\n this.state.appointmentSlots !== null\n ) {\n return (\n \n
\n \n {this.state.lang.WhenDoYouMakeAppointment}\n
\n\n\n
\n\n \n \n
\n \n \n {\n return (\n moment().add(-1, \"days\") >= current ||\n moment().add(\n this.state.futureAppointmentDays,\n \"days\"\n ) <= current\n );\n }}\n allowClear={false}\n />\n \n
\n \n
\n );\n } else if (this.state.appointmentSlots === undefined) {\n return (\n \n
\n \n {this.state.lang.WhenDoYouMakeAppointment}\n
\n\n {this.state.appointmentSlots &&\n
\n\n \n \n
\n \n \n {\n return (\n moment().add(-1, \"days\") >= current ||\n moment().add(\n this.state.futureAppointmentDays,\n \"days\"\n ) <= current\n );\n }}\n allowClear={false}\n />\n \n {this.state.isCurrentDateSlots === true ? (\n
\n \n {this.state.lang.NoSlotsAvailable}\n
\n ) : (\n \"\"\n )}\n\n {this.state.appointmentSlots !== null &&\n this.state.appointmentSlots.length > 0 ? (\n this.state.appointmentSlots.map((data, index) => {\n return (\n
\n \n
\n );\n } else {\n return (\n \n
\n \n {this.state.lang.WhenDoYouMakeAppointment}\n
\n\n\n
\n \n \n
\n \n \n {\n return (\n moment().add(-1, \"days\") >= current ||\n moment().add(\n this.state.futureAppointmentDays,\n \"days\"\n ) <= current\n );\n }}\n allowClear={false}\n />\n \n
\n \n
\n \n
\n );\n }\n }\n}\n\nexport default Slots;\n","/*\n * @Author: Mufaddal Jamali\n * @Date: 2020-02-24 15:49:21\n * @Last Modified by: Mufaddal Jamali\n * @Last Modified time: 2021-01-26 11:32:05\n */\n\nimport React, { Component } from \"react\";\nimport $ from \"jquery\";\nimport * as handler from \"../components/utils/handler\";\nimport ReactHtmlParser from \"react-html-parser\";\nimport { DataService } from \"../services/data.service\";\n\nconst queryString = require(\"query-string\");\n\nclass UserDetails extends Component {\n runApp = window[\"app-config\"].runApp;\n phoneNumberPrefix = window[\"app-config\"].phoneNumberPrefix;\n defaultLanguage = window[\"app-config\"].defaultLang;\n userDetailsConfig = window[\"app-config\"].userDetails;\n configCollections = window[\"app-config\"].collections;\n UI = window[\"app-config\"].ui.userDetailsScreen;\n additionalInfoLength = this.userDetailsConfig.additionalInfo.maxLength;\n estimatedWaitTime =\n window[\"app-config\"].applicationProperties.estimatedWaitTime;\n dataService = new DataService();\n\n state = {\n lang: {},\n phoneNumber: this.phoneNumberPrefix.defaultPhoneNumber,\n documentType: null,\n additionalInfo: undefined,\n estimatedWaitTime: null,\n emailAddress: null,\n confirmedEmailAddress: null,\n isValidConfirmedEmail: false,\n isValidEmail: undefined,\n };\n\n firstName;\n surName;\n emailAddress;\n confirmedEmailAddress;\n phoneNumber;\n additionalInfo;\n noOfPeople = this.configCollections.numericArray[0];\n isTermsConditonsChecked = false;\n isAssistanceChecked = false;\n\n isValidEmail = false;\n isValidConfirmEmail = true;\n isValidFirstName = false;\n isValidSurName = false;\n isValidPhoneNumber = false;\n isValidAdditionalInfo = false;\n\n phoneNumRef = React.createRef();\n\n componentDidMount() {\n handler.disableCopyPasteInTextField(\"#email-field\");\n handler.disableCopyPasteInTextField(\"#confirm-email-field\");\n this.props.setHeading(null);\n this.setPhoneNumberPrefix();\n this.setLanguage();\n\n if (this.runApp.toLowerCase() === \"samsung\") {\n $(\".validate-num\").on(\"keypress\", function (event) {\n var regex = new RegExp(\"^[0-9+]\");\n var key = String.fromCharCode(\n !event.charCode ? event.which : event.charCode\n );\n if (!regex.test(key)) {\n event.preventDefault();\n return false;\n }\n });\n }\n if (\n this.UI.showEstimatedWaitTime &&\n (this.props.mainState().issueQrTicket ||\n this.props.mainState().issueTicket)\n ) {\n this.getEstimatedWaitTime();\n }\n\n this.props.hideBtnNext();\n }\n\n componentDidUpdate(prevProps, prevState) {\n let stateEmail =\n this.state.emailAddress === null\n ? null\n : this.state.emailAddress.toLowerCase();\n let prevStateEmail =\n prevState.emailAddress === null\n ? null\n : prevState.emailAddress.toLowerCase();\n let stateConfirmEmail =\n this.state.confirmedEmailAddress === null\n ? null\n : this.state.confirmedEmailAddress.toLowerCase();\n let prevStateConfirmEmail =\n prevState.confirmedEmailAddress === null\n ? null\n : prevState.confirmedEmailAddress.toLowerCase();\n\n if (\n stateEmail !== prevStateEmail ||\n stateConfirmEmail !== prevStateConfirmEmail\n ) {\n if (\n stateEmail !== stateConfirmEmail &&\n this.userDetailsConfig.validateConfirmEmail === true\n ) {\n this.setState({ isValidEmail: false });\n } else if (this.isValidEmail === false) {\n this.setState({ isValidEmail: false });\n } else {\n this.setState({ isValidEmail: true });\n }\n }\n console.log(\"TST VALID: \", this.state.isValidEmail);\n if (\n this.state.isValidEmail === false ||\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n // (this.isValidConfirmEmail === false &&\n // this.userDetailsConfig.validateConfirmEmail === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.isValidAdditionalInfo === false &&\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory)\n ) {\n this.props.hideBtnNext();\n } else {\n this.props.showBtnNext();\n }\n }\n\n setPhoneNumberPrefix = () => {\n if (\n localStorage.getItem(\"lang\") === \"es\" &&\n this.phoneNumberPrefix.spain !== \"\"\n ) {\n this.setState({ phoneNumber: this.phoneNumberPrefix.spain });\n } else if (\n localStorage.getItem(\"lang\") === \"ar\" &&\n this.phoneNumberPrefix.uae !== \"\"\n ) {\n this.setState({ phoneNumber: this.phoneNumberPrefix.uae });\n } else if (\n localStorage.getItem(\"lang\") === \"en\" &&\n this.phoneNumberPrefix.uk !== \"\"\n ) {\n this.setState({ phoneNumber: this.phoneNumberPrefix.uk });\n } else if (\n localStorage.getItem(\"lang\") === \"ur\" &&\n this.phoneNumberPrefix.pakistan !== \"\"\n ) {\n this.setState({ phoneNumber: this.phoneNumberPrefix.pakistan });\n } else {\n this.setState({ phoneNumber: this.phoneNumberPrefix.defaultPhoneNumber });\n }\n };\n\n documentNumberValidation = (value) => {\n if (\n (this.additionalInfo !== undefined &&\n this.isValidAdditionalInfo === false) ||\n this.isValidAdditionalInfo === true\n ) {\n if (value === \"CE\") {\n if (\n !(\n handler.validation.isNumber(this.additionalInfo) &&\n this.additionalInfo.length ===\n this.userDetailsConfig.documentTypeDropdown.CE_LENGTH\n )\n ) {\n this.props.hideBtnNext();\n }\n } else if (value === \"DNI\") {\n if (\n !(\n handler.validation.isNumber(this.additionalInfo) &&\n this.additionalInfo.length ===\n this.userDetailsConfig.documentTypeDropdown.DNI_LENGTH\n )\n ) {\n this.props.hideBtnNext();\n }\n } else if (\n value === \"Passport\" &&\n this.additionalInfo.length !==\n this.userDetailsConfig.documentTypeDropdown.PASSPORT_LENGTH\n ) {\n this.props.hideBtnNext();\n }\n }\n };\n\n setLanguage = () => {\n this.setState({ lang: handler.setTranslations() });\n };\n\n /**\n * \n HANDLING CHANGE EVENTS FOR FIELDS\n */\n\n onFirstNameChange = (e) => {\n var regex = new RegExp(\"^[a-zA-ZÀ-ÿñáéíóúü ]+$\");\n if (\n ((e.target.value.length === 0 && e.target.value === \"\") ||\n !regex.test(e.target.value)) &&\n this.runApp.toLowerCase() === \"samsung\"\n ) {\n $(\"#firstname-field\").css(\"border-color\", \"red\");\n this.isValidFirstName = false;\n } else if (e.target.value.length === 0 && e.target.value === \"\") {\n $(\"#firstname-field\").css(\"border-color\", \"red\");\n this.isValidFirstName = false;\n } else {\n this.isValidFirstName = true;\n $(\"#firstname-field\").css(\"border-color\", \"#dadada\");\n this.firstName = e.target.value;\n this.sendDataToParent();\n }\n this.documentNumberValidation(this.state.documentType);\n if (\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.state.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n // (this.isValidConfirmEmail === false &&\n // this.userDetailsConfig.validateConfirmEmail === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.isValidAdditionalInfo === false &&\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory) ||\n (this.userDetailsConfig.validateConfirmEmail &&\n this.isValidConfirmEmail === false)\n ) {\n this.props.hideBtnNext();\n }\n };\n\n onSurNameChange = (e) => {\n var regex = new RegExp(\"^[a-zA-ZÀ-ÿñáéíóúü ]+$\");\n if (\n ((e.target.value.length === 0 && e.target.value === \"\") ||\n !regex.test(e.target.value)) &&\n this.runApp.toLowerCase() === \"samsung\"\n ) {\n $(\"#surname-field\").css(\"border-color\", \"red\");\n this.isValidSurName = false;\n } else if (e.target.value.length === 0 && e.target.value === \"\") {\n $(\"#surname-field\").css(\"border-color\", \"red\");\n this.isValidSurName = false;\n } else {\n this.isValidSurName = true;\n $(\"#surname-field\").css(\"border-color\", \"#dadada\");\n this.surName = e.target.value;\n this.sendDataToParent();\n }\n this.documentNumberValidation(this.state.documentType);\n if (\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.state.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n // (this.isValidConfirmEmail === false &&\n // this.userDetailsConfig.validateConfirmEmail === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.isValidAdditionalInfo === false &&\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory) ||\n (this.userDetailsConfig.validateConfirmEmail &&\n this.isValidConfirmEmail === false)\n ) {\n this.props.hideBtnNext();\n }\n };\n\n onEmailChange = (e) => {\n this.setState({ emailAddress: e.target.value });\n\n if (\n !handler.validateEmail(e.target.value) ||\n (e.target.value.length === 0 && e.target.value === \"\") ||\n /^([\\w-\\.]+([\\w-]+\\.)+[\\w-]{2,4})?$/.test(e.target.value)\n ) {\n $(\"#email-field\").css(\"border-color\", \"red\");\n this.isValidEmail = false;\n } else {\n $(\"#email-field\").css(\"border-color\", \"#dadada\");\n this.emailAddress = e.target.value;\n this.setState({ emailAddress: e.target.value });\n this.sendDataToParent();\n this.isValidEmail = true;\n }\n\n this.documentNumberValidation(this.state.documentType);\n if (\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n // (this.isValidConfirmEmail === false &&\n // this.userDetailsConfig.validateConfirmEmail === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.isValidAdditionalInfo === false &&\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory) ||\n (this.userDetailsConfig.validateConfirmEmail &&\n this.isValidConfirmEmail === false)\n ) {\n this.props.hideBtnNext();\n } else {\n this.props.showBtnNext();\n }\n };\n\n onConfirmEmailChange = (e) => {\n this.setState({ confirmedEmailAddress: e.target.value });\n\n if (\n !handler.validateEmail(e.target.value) ||\n (e.target.value.length === 0 && e.target.value === \"\") ||\n /^([\\w-\\.]+([\\w-]+\\.)+[\\w-]{2,4})?$/.test(e.target.value)\n ) {\n $(\"#confirm-email-field\").css(\"border-color\", \"red\");\n this.isValidConfirmEmail = false;\n console.log(this.isValidConfirmEmail);\n }\n else if(this.state.emailAddress!==e.target.value){\n $(\"#confirm-email-field\").css(\"border-color\", \"red\");\n this.isValidConfirmEmail = false;\n console.log(this.isValidConfirmEmail);\n }\n else {\n $(\"#confirm-email-field\").css(\"border-color\", \"#dadada\");\n this.confirmedEmailAddress = e.target.value;\n this.isValidConfirmEmail = true;\n }\n\n this.documentNumberValidation(this.state.documentType);\n if (\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n // (this.isValidConfirmEmail === false &&\n // this.userDetailsConfig.validateConfirmEmail === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.isValidAdditionalInfo === false &&\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory)\n ) {\n this.props.hideBtnNext();\n } else {\n this.props.showBtnNext();\n }\n };\n\n onPhoneChange = (e) => {\n if (\n (e.target.value.length === 0 && e.target.value === \"\") ||\n e.target.value.length <\n this.userDetailsConfig.phoneNumberField.minLength ||\n /\\s/.test(e.target.value) ||\n !e.target.value.charAt(0).includes(\"+\") ||\n !/^[0-9+]+$/.test(e.target.value)\n ) {\n $(\"#phone-field\").css(\"border-color\", \"red\");\n this.isValidPhoneNumber = false;\n } else {\n this.isValidPhoneNumber = true;\n $(\"#phone-field\").css(\"border-color\", \"#dadada\");\n this.phoneNumber = this.phoneNumRef.current.value;\n this.sendDataToParent();\n }\n this.setState({ phoneNumber: e.target.value });\n this.documentNumberValidation(this.state.documentType);\n if (\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.state.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n // (this.isValidConfirmEmail === false &&\n // this.userDetailsConfig.validateConfirmEmail === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.isValidAdditionalInfo === false &&\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory) ||\n (this.userDetailsConfig.validateConfirmEmail &&\n this.isValidConfirmEmail === false)\n ) {\n this.props.hideBtnNext();\n }\n };\n\n onAdditionalInfoChange = (e) => {\n console.log(e.target.value);\n this.additionalInfo = e.target.value;\n if (\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n !handler.validation.isNumber(e.target.value) &&\n (this.state.documentType === \"CE\" ||\n (this.state.documentType === \"DNI\" &&\n this.state.documentType !== \"Passport\"))\n ) {\n this.props.hideBtnNext();\n } else {\n if (\n e.target.value === \"\" &&\n e.target.value.length === 0 &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory\n ) {\n this.isValidAdditionalInfo = false;\n this.props.hideBtnNext();\n } else if (\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.state.documentType.toLowerCase() === \"dni\" &&\n e.target.value.length !==\n this.userDetailsConfig.documentTypeDropdown.DNI_LENGTH\n ) {\n this.isValidAdditionalInfo = false;\n this.props.hideBtnNext();\n } else if (\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.state.documentType.toLowerCase() === \"ce\" &&\n e.target.value.length !==\n this.userDetailsConfig.documentTypeDropdown.CE_LENGTH\n ) {\n this.isValidAdditionalInfo = false;\n this.props.hideBtnNext();\n } else if (\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.state.documentType.toLowerCase() === \"passport\" &&\n e.target.value.length !==\n this.userDetailsConfig.documentTypeDropdown.PASSPORT_LENGTH\n ) {\n this.isValidAdditionalInfo = false;\n this.props.hideBtnNext();\n } else {\n this.isValidAdditionalInfo = true;\n this.sendDataToParent();\n }\n }\n\n if (\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.state.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.additionalInfo === undefined &&\n this.isValidAdditionalInfo === false &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory) ||\n (this.userDetailsConfig.validateConfirmEmail &&\n this.isValidConfirmEmail === false)\n ) {\n this.props.hideBtnNext();\n }\n };\n\n onNoOfPeopleChange = (e) => {\n this.noOfPeople = e.target.value;\n\n this.sendDataToParent();\n this.documentNumberValidation(this.state.documentType);\n if (\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.state.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n // (this.isValidConfirmEmail === false &&\n // this.userDetailsConfig.validateConfirmEmail === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.isValidAdditionalInfo === false &&\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory) ||\n (this.userDetailsConfig.validateConfirmEmail &&\n this.isValidConfirmEmail === false)\n ) {\n this.props.hideBtnNext();\n }\n };\n\n onDocumentTypeChange = (e) => {\n this.setState({ documentType: e.target.value });\n this.sendDataToParent();\n\n this.documentNumberValidation(e.target.value);\n\n if (e.target.value === \"CE\") {\n this.additionalInfoLength = this.userDetailsConfig.documentTypeDropdown.CE_LENGTH;\n } else if (e.target.value === \"DNI\") {\n this.additionalInfoLength = this.userDetailsConfig.documentTypeDropdown.DNI_LENGTH;\n } else if (e.target.value === \"Passport\") {\n this.additionalInfoLength = this.userDetailsConfig.documentTypeDropdown.PASSPORT_LENGTH;\n }\n\n if (\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.state.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n // (this.isValidConfirmEmail === false &&\n // this.userDetailsConfig.validateConfirmEmail === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.isValidAdditionalInfo === false &&\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.userDetailsConfig.validateConfirmEmail &&\n this.isValidConfirmEmail === false)\n ) {\n this.props.hideBtnNext();\n }\n };\n\n onCheckBoxChange = (e) => {\n if (e.target.id === \"termsCondition\") {\n this.isTermsConditonsChecked = e.target.checked;\n this.sendDataToParent();\n\n this.documentNumberValidation(this.state.documentType);\n\n if (\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.state.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n (this.isValidConfirmEmail === false &&\n this.userDetailsConfig.validateConfirmEmail === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.isValidAdditionalInfo === false &&\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory) ||\n (this.userDetailsConfig.validateConfirmEmail &&\n this.isValidConfirmEmail === false)\n ) {\n this.props.hideBtnNext();\n }\n } else if (e.target.id === \"assistance\") {\n this.isAssistanceChecked = e.target.checked;\n this.sendDataToParent();\n this.documentNumberValidation(this.state.documentType);\n if (\n (this.isValidSurName === false &&\n this.userDetailsConfig.enableSurnameField === true) ||\n (this.isValidFirstName === false &&\n this.userDetailsConfig.enableFirstNameField === true) ||\n (this.isValidEmail === false &&\n this.userDetailsConfig.enableEmailField === true) ||\n (this.isValidPhoneNumber === false &&\n this.userDetailsConfig.phoneNumberField.enabled === true) ||\n (this.isTermsConditonsChecked === false &&\n this.userDetailsConfig.termsConditionCheckBox.enabled &&\n this.userDetailsConfig.termsConditionCheckBox.isMandatory) ||\n (this.documentType === null &&\n this.userDetailsConfig.documentTypeDropdown.enabled &&\n this.userDetailsConfig.documentTypeDropdown.isMandatory) ||\n (this.isValidAdditionalInfo === false &&\n (this.additionalInfo === undefined || this.additionalInfo === \"\") &&\n this.userDetailsConfig.additionalInfo.enabled &&\n this.userDetailsConfig.additionalInfo.isMandatory) ||\n (this.userDetailsConfig.validateConfirmEmail &&\n this.isValidConfirmEmail === false)\n ) {\n this.props.hideBtnNext();\n }\n }\n };\n\n /*\n SENDING DATA TO MAIN\n */\n\n sendDataToParent = () => {\n this.props.userDetails({\n firstName: this.firstName,\n surName: this.surName,\n emailAddress: this.emailAddress,\n phoneNumber:\n this.userDetailsConfig.phoneNumberField.enabled === true\n ? this.phoneNumRef.current.value\n : null,\n additionalInfo: this.additionalInfo,\n noOfPeople: this.noOfPeople,\n documentType: this.state.documentType,\n\n isTermsConditonsChecked: this.isTermsConditonsChecked,\n isAssistanceChecked: this.isAssistanceChecked,\n isUserDetailCmp: this.state.isUserDetailCmp,\n });\n };\n\n getEstimatedWaitTime = async () => {\n try {\n let branchId = this.props.mainState().issueQrTicket\n ? queryString.parse(window.location.search).branchid\n : this.props.branchDetails()[0].BranchID;\n let sqn = this.props.mainState().issueQrTicket\n ? queryString.parse(window.location.search).sqn\n : this.props.mainState().categoryId;\n\n let response = await this.dataService.getEstimatedWaitTime(\n branchId,\n !this.estimatedWaitTime.branchLevel ? sqn : null\n );\n\n if (response.data.error !== undefined && response.error === true) {\n this.setState({\n estimatedWaitTime: null,\n });\n } else if (response.data.response_status === 1) {\n this.setState({\n estimatedWaitTime: Math.floor(response.data.est_wait_time / 60),\n });\n } else {\n this.setState({\n estimatedWaitTime: null,\n });\n }\n } catch (error) {\n this.setState({\n estimatedWaitTime: null,\n });\n console.log(\"ERROR: \", error.message);\n }\n };\n\n render() {\n return (\n \n
\n \n {this.state.lang.WhenDoYouMakeAppointment}\n
\n\n\n
\n \n \n
\n \n \n {\n return (\n moment().add(-1, \"days\") >= current ||\n moment().add(\n this.state.futureAppointmentDays,\n \"days\"\n ) <= current\n );\n }}\n allowClear={false}\n />\n \n
\n \n
\n \n \n \n {this.state.lang.PhoneNumber}\n \n *\n \n \n
\n ) : null}\n \n \n \n \n {this.state.lang.ConfirmEmailLabel}\n \n *\n \n \n
\n ) : null}\n\n {this.userDetailsConfig.phoneNumberField.enabled === true ? (\n \n {this.props.mainState().issueQrTicket ||\n this.props.mainState().issueTicket\n ? this.state.lang.EnterYourDetailsToConfirmYourTicket\n : this.state.lang.EnterAppointmentDetails}\n
\n {this.state.estimatedWaitTime !== null &&\n this.UI.showEstimatedWaitTime ? (\n\n {this.state.lang.EstimatedWaitTimeMessage} \n {`${this.state.estimatedWaitTime} ${this.state.lang.Minutes}`}\n
\n
\n
\n
\n {this.userDetailsConfig.enableFirstNameField === true ? (\n
\n \n \n {this.state.lang.FirstName}\n \n *\n \n \n
\n ) : null}\n\n {this.userDetailsConfig.enableSurnameField === true ? (\n \n \n {this.state.lang.SurName}\n \n *\n \n \n
\n ) : null}\n\n {this.userDetailsConfig.enableNoOfPeopleField === true ? (\n \n \n {this.state.lang.NoOfPeople}\n \n \n \n\n {this.configCollections.numericArray.map((data, i) => {\n return (\n \n );\n })}\n \n
\n ) : null}\n \n {this.userDetailsConfig.enableEmailField === true ? (\n \n \n {this.state.lang.EmailAddress}\n \n *\n \n \n
\n ) : null}\n\n {this.userDetailsConfig.validateConfirmEmail ? (\n \n {this.userDetailsConfig.documentTypeDropdown.enabled ? (\n \n \n {this.state.lang.AdditionalInformation}\n {this.userDetailsConfig.additionalInfo.isMandatory ? (\n \n *\n \n ) : null}\n \n
\n ) : null}\n {this.userDetailsConfig.additionalInfo.breakColumn ? (\n \n ) : null}\n \n \n \n {this.state.lang.DocumentType}\n {this.userDetailsConfig.documentTypeDropdown.isMandatory ? (\n \n *\n \n ) : null}\n \n \n \n {this.configCollections.documentArray.map((data, i) => {\n return (\n \n );\n })}\n \n
\n ) : null}\n {this.userDetailsConfig.additionalInfo.enabled ? (\n \n {this.userDetailsConfig.termsConditionCheckBox.enabled ? (\n \n \n
\n ) : null}\n\n {this.userDetailsConfig.enableAssistanceCheckBox.enabled ? (\n \n
\n \n \n );\n }\n}\n\nexport default UserDetails;\n","/*\n * @Author: Mufaddal Jamali\n * @Date: 2020-03-16 15:48:31\n * @Last Modified by: Mufaddal Jamali\n * @Last Modified time: 2020-03-16 15:48:31\n */\n\nimport React, { Component } from \"react\";\nimport $ from \"jquery\";\n\nconst SecondaryButton = (props) => {\n $(document).ready(function () {\n $(\".secondaryBtn\").css(\"border-color\", props.bgColor);\n $(\".secondaryBtn a\").css(\"color\", props.bgColor);\n $(\".secondaryBtn\").mouseover(function () {\n $(\".secondaryBtn\").css(\"background-color\", props.bgColor);\n $(\".secondaryBtn\").css(\"color\", \"white\");\n $(\".secondaryBtn\").css(\"border-color\", props.bgColor);\n });\n $(\".secondaryBtn\").mouseout(function () {\n $(\".secondaryBtn\").css(\"background-color\", \"white\");\n $(\".secondaryBtn\").css(\"color\", props.bgColor);\n $(\".secondaryBtn\").css(\"border-color\", props.bgColor);\n });\n });\n\n return (\n \n
\n \n {this.runApp.toLowerCase() === \"samsung\"\n ? ReactHtmlParser(this.state.lang.AgreementText)\n : null}\n
\n\n {props.children}\n
\n );\n};\n\nexport default SecondaryButton;\n","/*\n * @Author: Mufaddal Jamali\n * @Date: 2020-02-24 15:49:21\n * @Last Modified by: Mufaddal Jamali\n * @Last Modified time: 2020-11-11 19:24:16\n */\n\nimport React, { Component } from \"react\";\nimport Preparation from \"../components/preparation/preparation\";\nimport { DataService } from \"../services/data.service\";\nimport { withRouter } from \"react-router-dom\";\n\nimport LocationImg from \"../assets/images/location.png\";\nimport LocationDarkImg from \"../assets/images/location-white.png\";\nimport CalendarImg from \"../assets/images/calender_org.png\";\nimport CalendarImgBlack from \"../assets/images/calender_gry.png\";\nimport Journey from \"../components/journey/journey\";\nimport swal from \"sweetalert\";\nimport moment from \"moment\";\nimport $ from \"jquery\";\n\nimport * as handler from \"../components/utils/handler\";\nimport RefreshButton from \"./../components/utils/refreshButton\";\nimport DangerButton from \"../components/utils/dangerButton\";\nimport IconButton from \"../components/utils/iconButton\";\n\nimport socketIoClient from \"socket.io-client\";\nconst ENDPOINT = \"localhost:4001\";\n\nconst queryString = require(\"query-string\");\n\nclass ConfirmedAppointment extends Component {\n constructor(props) {\n super(props);\n console.log(this.props.getData());\n\n this.state = {\n branchAddress:\n this.props.getData().response?.data?.previous_appointment_info !==\n undefined &&\n this.props.getData().response?.data?.previous_appointment_info !== null\n ? this.props.getData().response?.data?.previous_appointment_info\n .address\n : this.props.getData().singleBranchDetails.length > 0\n ? this.props.getData().singleBranchDetails[0].Address\n : this.props.getData().selectedBranchFromMap !== null\n ? this.props.getData().selectedBranchFromMap.Address\n : null,\n\n branchTitle:\n this.props.getData().response?.data.previous_appointment_info !==\n undefined &&\n this.props.getData().response?.data.previous_appointment_info !== null\n ? this.props.getData().response?.data.previous_appointment_info\n .branch_title\n : this.props.getData().singleBranchDetails.length > 0\n ? this.props.getData().singleBranchDetails[0].BranchTitle\n : this.props.getData().selectedBranchFromMap !== null\n ? this.props.getData().selectedBranchFromMap.BranchTitle\n : null,\n response: this.props.getData().response,\n whatsappUrl: window[\"app-config\"].whatsappUrl,\n isTicketCalled: false,\n randomNumber: \"\",\n };\n }\n URL = window[\"app-config\"].URL;\n runApp = window[\"app-config\"].runApp;\n enableCategorySelection = window[\"app-config\"].enableCategorySelection;\n userDetailsConfig = window[\"app-config\"].userDetails;\n showGreetings = window[\"app-config\"].ui.showGreetings;\n color = window[\"app-config\"].ui.confirmScreen;\n icons = window[\"app-config\"].ui.icons;\n defaultLanguage = window[\"app-config\"].defaultLang;\n refreshInterval = window[\"app-config\"].applicationProperties.refreshInterval;\n notificationSound = window[\"app-config\"].notificationSound;\n popupExpiry = window[\"app-config\"].ui.popupExpiry;\n dataService = new DataService();\n\n cancelButtonText = \"\";\n rescheduleButtonText = \"\";\n DoYouWantToRescheduleOrCancel = \"\";\n Attention = \"\";\n AppointmentAlreadyCanceled = \"\";\n AppointmentInfoNoValidToCancel = \"\";\n AlreadyServed = \"\";\n someThingWentWrong = \"\";\n error = \"\";\n For = \"\";\n Ok = \"\";\n CantCancelApptTcktIssued = \"\";\n AppointmentExpired = \"\";\n AppointmentCanceledAutomatically = \"\";\n Yes = \"\";\n No = \"\";\n TicketIssuedOn = \"\";\n WaitTime = \"\";\n Where = \"\";\n TotalWaitingTickets = \"\";\n CancelTicketConfirmation = \"\";\n UrlNotFound = \"\";\n InternetConnectionError = \"\";\n TicketNumber = \"\";\n BookingRef = \"\";\n Name = \"\";\n Email = \"\";\n PhoneNumber = \"\";\n NoOfPeople = \"\";\n WaitTimeMsg = \"\";\n Greetings = \"\";\n ServerNotResponding = \"\";\n TicketNotFound = \"\";\n\n componentDidMount() {\n this.generateUrl();\n handler.blinkText(\".blink\");\n\n if (\n this.props.getData().issueTicket ||\n this.props.getData().issueQrTicket\n ) {\n localStorage.setItem(\"confirmed\", true);\n localStorage.setItem(\"confirmedDate\", moment().toDate().toDateString());\n localStorage.setItem(\"prevState\", JSON.stringify(this.props.getData()));\n }\n\n let lang;\n if (localStorage.getItem(\"lang\") === \"es\") {\n lang = window[\"localization\"].es;\n } else if (localStorage.getItem(\"lang\") === \"ar\") {\n lang = window[\"localization\"].ar;\n } else if (localStorage.getItem(\"lang\") === \"en\") {\n lang = window[\"localization\"].en;\n } else if (localStorage.getItem(\"lang\") === \"ur\") {\n lang = window[\"localization\"].ur;\n } else {\n let defaultLang = this.defaultLanguage;\n lang = window[\"localization\"][defaultLang];\n }\n\n this.props.hideBtnBack();\n const AppointmentConfirmedText = () => {\n return (\n <>\n {lang.YourAppointmentIsBooked}\n {lang.AppointmentConfirmedSubText}
\n \n );\n };\n this.props.setHeading(\n this.props.getData().issueTicket === true ||\n this.props.getData().issueQrTicket === true\n ? lang.YourTicketHasBeenIssued\n : AppointmentConfirmedText()\n );\n\n if (\n this.props.getData().issueTicket === true ||\n this.props.getData().issueQrTicket === true\n ) {\n // const socket = socketIoClient(ENDPOINT);\n // socket.on(\"getTicketStatus\", (data) => {\n // console.log(\"SOCKET CALLED: \", data);\n // this.getTicketStatus();\n // });\n setInterval(() => {\n this.getTicketStatus();\n }, this.refreshInterval);\n\n handler.onBrowserReload(this.getTicketStatus);\n }\n }\n\n generateUrl = () => {\n if (\n this.props.getData().issueTicket &&\n this.state.response?.data?.ticket_info !== undefined &&\n this.state.response?.data?.ticket_info !== null\n ) {\n let branchCode =\n this.props.getData().singleBranchDetails.length > 0\n ? this.props.getData().singleBranchDetails[0].BranchCode\n : this.props.getData().selectedBranchFromMap.BranchCode;\n\n let ticketId = this.state.response?.data?.ticket_info.ticket_id;\n let whatsappUrl = `${this.URL.whatsappUrl}&text=${branchCode}%20${ticketId}`;\n this.setState({ whatsappUrl: whatsappUrl });\n } else if (this.props.getData().issueQrTicket) {\n let branchCode = queryString.parse(window.location.search).branchCode;\n let ticketId = this.state.response?.data?.ticket_id;\n let whatsappUrl = `${this.URL.whatsappUrl}&text=${branchCode}%20${ticketId}`;\n this.setState({ whatsappUrl: whatsappUrl });\n }\n };\n\n getGreetings = () => {\n if (\n this.props.getData().firstName !== null &&\n this.props.getData().firstName !== \"\"\n ) {\n return (\n\n \n {`${this.Greetings} ${\n this.props.getData().firstName !== undefined ||\n this.props.getData().firstName !== null\n ? this.props.getData().firstName\n : \"\"\n }`}\n \n
\n );\n }\n };\n\n getEstimatedWaitTimeMessage = () => {\n if (\n this.state.response?.data !== undefined &&\n this.state.response?.data !== null &&\n this.state.response?.data !== \"\" &&\n this.props.getData().issueQrTicket === true\n ) {\n return (\n \n
\n
\n );\n }\n };\n\n getUserDetails = () => {\n if (this.props.getData().issueQrTicket === true) {\n return (\n \n \n {`${this.state.response.MessageText}`}\n \n
\n \n
\n \n {this.userDetailsConfig.enableFirstNameField === true\n ? this.Name\n : null}\n \n
\n\n {this.userDetailsConfig.enableEmailField === true\n ? this.Email\n : null}\n \n
\n\n {this.userDetailsConfig.enablePhoneNumberField === true\n ? this.PhoneNumber\n : null}\n \n
\n\n {this.userDetailsConfig.enableNoOfPeopleField === true\n ? this.NoOfPeople\n : null}\n \n {this.userDetailsConfig.enableNoOfPeopleField === true ? (\n
\n
\n );\n }\n };\n\n getDateTime = () => {\n if (\n this.state.response?.data?.previous_appointment_info !== undefined &&\n this.state.response?.data?.previous_appointment_info !== null\n ) {\n return (\n {this.props.getData().firstName}
\n\n\n
{this.props.getData().emailAddress}
\n\n\n
{this.props.getData().phoneNumber}
\n\n
{this.props.getData().noOfPeople}
\n ) : null}\n\n\n
\n
\n );\n } else {\n return (\n \n {moment(\n this.state.response?.data?.previous_appointment_info\n .appointment_date,\n \"MM-DD-YYYY\"\n ).format(\"DD-MMM-YYYY\")}{\" \"}\n \n {this.props\n .getData()\n .response?.data?.previous_appointment_info.appointment_time.substring(\n 0,\n 5\n )}\n
\n\n
\n );\n }\n };\n\n getBranchAddress = () => {\n if (\n this.state.response?.data?.previous_appointment_info !== undefined &&\n this.state.response?.data?.previous_appointment_info !== null\n ) {\n return (\n \n {this.props.getData().date !== null\n ? this.props.getData().date\n : null}\n {\" \"}\n {this.props.getData().time !== null\n ? this.props.getData().time\n : null}\n
\n\n
\n );\n } else {\n return (\n \n \n {this.Where}\n \n
\n \n {`${this.state.response?.data?.previous_appointment_info.branch_title} | ${this.state.response?.data?.previous_appointment_info.address}`}\n
\n\n {this.props.getData().singleBranchDetails.length > 0\n ? this.props.getData().singleBranchDetails[0].ContactNo\n : this.props.getData().selectedBranchFromMap.ContactNo}\n
\n\n
\n );\n }\n };\n\n getAppointmentNumber = () => {\n if (\n this.state.response?.data?.previous_appointment_info !== undefined &&\n this.state.response?.data?.previous_appointment_info !== null\n ) {\n return (\n \n \n {this.Where}\n \n
\n\n \n {`${\n this.props.getData().singleBranchDetails.length > 0\n ? this.props.getData().singleBranchDetails[0].BranchTitle\n : this.props.getData().selectedBranchFromMap.BranchTitle\n } | ${\n this.props.getData().singleBranchDetails.length > 0\n ? this.props.getData().singleBranchDetails[0].Address\n : this.props.getData().selectedBranchFromMap.Address\n }`}\n
\n\n {this.props.getData().singleBranchDetails.length > 0\n ? this.props.getData().singleBranchDetails[0].ContactNo\n : this.props.getData().selectedBranchFromMap.ContactNo}\n
\n\n \n {\n this.state.response?.data?.previous_appointment_info\n .appointment_number\n }\n \n
\n );\n } else if (this.state.response?.data?.issueAppointment !== undefined) {\n return (\n \n \n {this.BookingRef}\n \n
\n \n \n {this.state.response?.data?.issueAppointment !== undefined\n ? this.state.response?.data?.issueAppointment.appointment_number\n : null}\n \n
\n );\n }\n };\n\n getTicketNumber = () => {\n if (\n this.state.response?.data?.ticket_info !== undefined &&\n this.state.response?.data?.ticket_info !== null\n ) {\n return (\n \n \n {this.BookingRef}\n \n
\n \n \n \n {this.state.response?.data?.ticket_info.ticket_no}\n \n \n
\n
\n
\n
\n
\n
\n );\n } else if (\n this.state.response?.data !== undefined &&\n this.state.response?.data !== null &&\n this.state.response?.data !== \"\" &&\n this.props.getData().issueQrTicket === true\n ) {\n return (\n \n \n {this.TicketNumber}\n \n
\n \n
\n
\n
\n
\n
\n \n \n {this.state.response?.data?.ticket_number_f}\n \n \n
\n
\n
\n
\n
\n
\n );\n } else {\n return null;\n }\n };\n\n getTotalWaitingTime = (lang) => {\n if (\n this.state.response?.data?.ticket_info !== undefined &&\n this.state.response?.data?.ticket_info !== null\n ) {\n return (\n \n \n {this.TicketNumber}\n \n
\n \n
\n
\n
\n
\n
\n
\n
\n );\n } else if (\n this.state.response?.data !== undefined &&\n this.state.response?.data !== null &&\n this.state.response?.data !== \"\" &&\n this.props.getData().issueQrTicket === true\n ) {\n let timestamp = this.state.response?.data?.category_approx_waittime;\n\n let waitTime = \"\";\n\n waitTime = handler.formatTimeStamp(timestamp, \"minutes\");\n return (\n \n {`${lang.EstimatedWaitTimeMessage} ${Math.floor(\n this.state.response?.data?.ticket_info.category_approx_waittime /\n 60\n )} ${lang.Minutes}`}\n
\n\n\n
\n {this.state.response.IsTicketCalled === false ? (\n
\n
\n );\n } else {\n return null;\n }\n };\n\n getTicketIssuedDateTime = () => {\n if (\n this.state.response?.data?.ticket_info !== undefined &&\n this.state.response?.data?.ticket_info !== null\n ) {\n return (\n \n \n {this.WaitTime}\n \n
\n ) : null}\n\n \n \n {`${\n this.state.response.IsTicketCalled === false\n ? this.WaitTimeMsg\n : \"\"\n } ${\n this.state.response.IsTicketCalled === false ? waitTime : \"\"\n }`}\n \n
\n \n
\n {/* \n {this.TicketIssuedOn}\n */}\n
\n
\n );\n } else if (\n this.state.response?.data !== undefined &&\n this.state.response?.data !== null &&\n this.state.response?.data !== \"\" &&\n this.props.getData().issueQrTicket === true\n ) {\n return (\n \n {moment(this.state.response?.data?.ticket_info.issued_on).format(\n \"DD-MMM-YYYY hh:mm A\"\n )}\n
\n\n
\n {/*
\n
\n );\n } else {\n return null;\n }\n };\n\n getTicketsWaiting = (lang) => {\n if (\n this.state.response?.data?.ticket_info !== undefined &&\n this.state.response?.data?.ticket_info !== null\n ) {\n return (\n \n \n {this.TicketIssuedOn}\n \n
*/}\n \n {/* {this.state.response?.data?.ticket_issue_time} */}\n {moment(this.state.response?.data?.ticket_issue_time).format(\n \"DD-MMM-YYYY hh:mm A\"\n )}\n
\n\n
\n {/* \n {this.TotalWaitingTickets}\n */}\n\n
\n
\n );\n } else if (\n this.state.response?.data !== undefined &&\n this.state.response?.data !== null &&\n this.state.response?.data !== \"\" &&\n this.props.getData().issueQrTicket === true\n ) {\n return (\n \n {/* {this.state.response?.data?.ticket_info.ticket_in_wait} */}\n {`${lang.ThereArePeople} ${this.state.response?.data?.ticket_info.ticket_in_wait} ${lang.TicketInWait} `}\n
\n\n\n
\n
\n
\n );\n } else {\n return null;\n }\n };\n\n getService = () => {\n if (\n this.state.response?.data?.previous_appointment_info !== undefined &&\n this.state.response?.data?.previous_appointment_info !== null\n ) {\n return (\n \n \n {this.state.response.IsTicketCalled === false\n ? this.TotalWaitingTickets\n : \"\"}\n \n
\n \n {this.state.response.IsTicketCalled === false\n ? this.state.response?.data?.category_waiting_tickets\n : \"\"}\n
\n\n
\n \n {this.state.response?.data?.previous_appointment_info\n .phone_service === \"\"\n ? null\n : this.For}{\" \"}\n \n
\n );\n } else {\n return (\n \n {this.state.response?.data?.previous_appointment_info\n .phone_service === \"\"\n ? null\n : this.state.response?.data?.previous_appointment_info\n .phone_service}\n
\n\n {/* For a: */}\n {this.props.getData().phoneServiceName !== null &&\n this.props.getData().phoneServiceName !== undefined &&\n this.props.getData().phoneServiceName !== \"\" ? (\n \n {this.For}{\" \"}\n \n ) : null}\n
\n );\n }\n };\n\n renderTranslations = () => {\n let lang;\n if (localStorage.getItem(\"lang\") === \"es\") {\n lang = window[\"localization\"].es;\n } else if (localStorage.getItem(\"lang\") === \"ar\") {\n lang = window[\"localization\"].ar;\n } else if (localStorage.getItem(\"lang\") === \"en\") {\n lang = window[\"localization\"].en;\n } else if (localStorage.getItem(\"lang\") === \"ur\") {\n lang = window[\"localization\"].ur;\n } else {\n let defaultLang = this.defaultLanguage;\n lang = window[\"localization\"][defaultLang];\n }\n\n this.cancelButtonText = lang.CancelAppointment;\n this.rescheduleButtonText = lang.Reschedule;\n this.Attention = lang.Attention;\n this.DoYouWantToRescheduleOrCancel = lang.DoYouWantToRescheduleOrCancel;\n this.For = lang.For;\n this.someThingWentWrong = lang.SomeThingWentWrong;\n this.error = lang.Error;\n this.AppointmentAlreadyCanceled = lang.AppointmentAlreadyCanceled;\n this.Ok = lang.Ok;\n this.AppointmentInfoNotValidToCancel = lang.AppointmentInfoNotValidToCancel;\n this.CantCancelApptTcktIssued = lang.CantCancelApptTcktIssued;\n this.AppointmentExpired = lang.AppointmentExpired;\n this.AlreadyServed = lang.AlreadyServed;\n this.AppointmentCanceledAutomatically = lang.ApptCanceledAutomatically;\n this.Yes = lang.Yes;\n this.No = lang.No;\n this.CancelTicketConfirmation = lang.CancelTicketConfirmation;\n this.TicketIssuedOn = lang.TicketIssuedTime;\n this.WaitTime = lang.WaitingTime;\n this.TotalWaitingTickets = lang.TicketInWait;\n this.UrlNotFound = lang.UrlNotFound;\n this.InternetConnectionError = lang.InternetConnectionError;\n this.Where = lang.AtThe;\n this.TicketNumber = lang.TicketNumber;\n this.BookingRef = lang.BookingRef;\n this.Name = lang.FirstNamePlaceholder;\n this.Email = lang.EmailAddressPlaceHolder;\n this.PhoneNumber = lang.PhoneNumberPlaceholder;\n this.NoOfPeople = lang.NoOfPeople;\n this.WaitTimeMsg = lang.EstimatedWaitTimeMessage;\n this.Greetings = lang.Greetings;\n this.ServerNotResponding = lang.ServerNotResponding;\n this.TicketNotFound = lang.TicketNotFound;\n };\n\n //API CALLS\n\n rescheduleOrCancelAppointment = async () => {\n swal(\n this.DoYouWantToRescheduleOrCancel,\n\n {\n icon: \"warning\",\n buttons: {\n reschedule: {\n text: this.rescheduleButtonText,\n value: \"reschedule\",\n },\n cancelAppointment: {\n text: this.cancelButtonText,\n value: \"cancelAppointment\",\n closeModal: false,\n },\n },\n }\n ).then(async (value) => {\n switch (value) {\n case \"cancelAppointment\":\n try {\n let response = await this.dataService.cancelAppointment(\n this.state.response?.data?.previous_appointment_info !== null\n ? this.state.response?.data?.previous_appointment_info\n .appointment_number\n : this.state.response?.data?.issueAppointment\n .appointment_number,\n this.state.response?.data?.previous_appointment_info !== null\n ? this.state.response?.data?.previous_appointment_info\n .category_id\n : this.props.getData().categoryId,\n (this.enableCategorySelection === true ||\n this.enableCategorySelection === false) &&\n this.props.getData().singleBranchDetails.length === 0\n ? this.props.getData().selectedBranchFromMap.BranchID\n : this.props.getData().singleBranchDetails[0].BranchID,\n this.state.response?.data?.previous_appointment_info !== null\n ? this.state.response?.data?.previous_appointment_info.email_id\n : this.props.getData().emailAddress !== undefined\n ? this.props.getData().emailAddress\n : this.props.getData().phoneNumber\n );\n swal.close();\n\n if (\n response?.data?.error !== undefined &&\n response?.data?.error === true\n ) {\n handler.showErrorMessage(\n this.error,\n this.ServerNotResponding,\n this.Ok\n );\n } else {\n if (response?.data?.response.resp_status === 1) {\n localStorage.removeItem(\"confirmed\");\n localStorage.removeItem(\"prevState\");\n handler.redirect(window.location.href);\n } else if (response?.data?.response.resp_status === 6) {\n handler.showErrorMessage(\n this.error,\n this.AppointmentAlreadyCanceled,\n this.Ok\n );\n } else if (response?.data?.response.resp_status === -5) {\n handler.showErrorMessage(\n this.error,\n this.AppointmentInfoNotValidToCancel,\n this.Ok\n );\n } else if (response?.data?.response.resp_status === 2) {\n handler.showErrorMessage(\n this.error,\n this.CantCancelApptTcktIssued,\n this.Ok\n );\n } else if (response?.data?.response.resp_status === 7) {\n handler.showErrorMessage(\n this.error,\n this.AppointmentExpired,\n this.Ok\n );\n } else if (response?.data?.response.resp_status === -2) {\n handler.showErrorMessage(\n this.error,\n this.AlreadyServed,\n this.Ok\n );\n } else if (response?.data?.response.resp_status === -3) {\n handler.showErrorMessage(\n this.error,\n this.AppointmentCanceledAutomatically,\n this.Ok\n );\n } else {\n handler.showErrorMessage(\n this.error,\n this.someThingWentWrong,\n this.Ok\n );\n }\n }\n } catch (error) {\n if (error.message.includes(\"timeout\")) {\n handler.showErrorMessage(\n this.error,\n this.ServerNotResponding,\n this.Ok\n );\n } else {\n handler.showErrorMessage(\n this.error,\n this.someThingWentWrong,\n this.Ok\n );\n }\n }\n break;\n\n case \"reschedule\":\n if (this.runApp.toLowerCase() === \"samsung\") {\n this.props.getStepCount(1, true, true);\n } else if (this.enableCategorySelection === false) {\n this.props.getStepCount(1, true, true);\n } else if (this.enableCategorySelection === true) {\n this.props.getStepCount(2, true, true);\n }\n\n break;\n\n default:\n }\n });\n };\n\n cancelTicket = async () => {\n swal(\n this.CancelTicketConfirmation,\n\n {\n icon: \"warning\",\n buttons: {\n yes: {\n text: this.Yes,\n value: \"yes\",\n closeModal: false,\n },\n no: {\n text: this.No,\n value: \"no\",\n },\n },\n }\n ).then(async (value) => {\n switch (value) {\n case \"yes\":\n let phoneNumber =\n this.props.getData().phoneNumber !== undefined\n ? this.props.getData().phoneNumber.replace(\"+\", \"%2b\")\n : \"-\";\n let email =\n this.props.getData().emailAddress !== undefined &&\n this.props.getData().emailAddress !== null\n ? this.props.getData().emailAddress\n : phoneNumber;\n\n let ticketId;\n let ticketNumber;\n let sqn;\n\n if (\n this.state.response?.data?.ticket_info !== undefined &&\n this.state.response?.data?.ticket_info !== null\n ) {\n ticketId = this.state.response?.data?.ticket_info.ticket_id;\n ticketNumber = this.state.response?.data?.ticket_info.ticket_no;\n sqn = this.state.response?.data?.ticket_info.categoryid;\n } else {\n ticketId = \"-\";\n ticketNumber = \"-\";\n sqn = \"-\";\n }\n let branchId =\n this.props.getData().singleBranchDetails.length > 0\n ? this.props.getData().singleBranchDetails[0].BranchID\n : this.props.getData().selectedBranchFromMap.BranchID;\n\n let language =\n localStorage.getItem(\"lang\") === \"es\"\n ? \"Sp\"\n : localStorage.getItem(\"lang\");\n\n try {\n let cancelTicketResponse = await this.dataService.cancelTicket(\n email,\n ticketId,\n branchId,\n language,\n ticketNumber,\n sqn,\n phoneNumber\n );\n\n if (\n cancelTicketResponse.data.error !== undefined &&\n cancelTicketResponse.data.error\n ) {\n handler.showErrorMessage(\n this.error,\n this.ServerNotResponding,\n this.Ok\n );\n } else {\n if (\n cancelTicketResponse.data.resp_message === \"Ticket cancelled\"\n ) {\n swal.close();\n localStorage.removeItem(\"confirmed\");\n localStorage.removeItem(\"prevState\");\n handler.redirect(window.location.href);\n } else if (\n cancelTicketResponse.data.resp_message === \"Ticket not found\" ||\n cancelTicketResponse.data.resp_message ===\n \"Operation not permitted\"\n ) {\n handler.showErrorMessage(\n this.error,\n this.TicketNotFound,\n this.Ok\n );\n localStorage.removeItem(\"confirmed\");\n localStorage.removeItem(\"prevState\");\n handler.redirect(window.location.href);\n } else {\n handler.showErrorMessage(\n this.error,\n this.someThingWentWrong,\n this.Ok\n );\n }\n }\n } catch (error) {\n if (error.message.includes(\"404\")) {\n handler.showErrorMessage(this.error, this.UrlNotFound, this.Ok);\n } else if (error.message.includes(\"Network Error\")) {\n handler.showErrorMessage(\n this.error,\n this.InternetConnectionError,\n this.Ok\n );\n } else if (error.message.includes(\"timeout\")) {\n handler.showErrorMessage(\n this.error,\n this.ServerNotResponding,\n this.Ok\n );\n }\n }\n\n break;\n\n case \"no\":\n break;\n\n default:\n }\n });\n };\n\n cancelQrTicket = async () => {\n swal(\n this.CancelTicketConfirmation,\n\n {\n icon: \"warning\",\n buttons: {\n yes: {\n text: this.Yes,\n value: \"yes\",\n closeModal: false,\n },\n no: {\n text: this.No,\n value: \"no\",\n },\n },\n }\n ).then(async (value) => {\n switch (value) {\n case \"yes\":\n let branchCode = queryString.parse(window.location.search).branchCode;\n let branchId = queryString.parse(window.location.search).branchid;\n let ticketId = this.state.response?.data?.ticket_id;\n try {\n let cancelTicketResponse = await this.dataService.cancelQrTicket(\n branchId,\n branchCode,\n ticketId\n );\n if (\n cancelTicketResponse.data.error !== undefined &&\n cancelTicketResponse.data.error\n ) {\n handler.showErrorMessage(\n this.error,\n this.ServerNotResponding,\n this.Ok\n );\n } else {\n let parsedResponse = JSON.parse(\n JSON.parse(JSON.stringify(cancelTicketResponse.data))\n );\n console.log(parsedResponse[0].status);\n if (parsedResponse[0].status === \"success\") {\n swal.close();\n localStorage.removeItem(\"confirmed\");\n localStorage.removeItem(\"prevState\");\n handler.redirect(window.location.href);\n }\n }\n } catch (error) {\n if (error.message.includes(\"404\")) {\n handler.showErrorMessage(this.error, this.UrlNotFound, this.Ok);\n } else if (error.message.includes(\"Network Error\")) {\n handler.showErrorMessage(\n this.error,\n this.InternetConnectionError,\n this.Ok\n );\n } else if (error.message.includes(\"timeout\")) {\n handler.showErrorMessage(\n this.error,\n this.ServerNotResponding,\n this.Ok\n );\n }\n console.log(error.message);\n }\n\n break;\n\n case \"no\":\n break;\n\n default:\n }\n });\n };\n\n getTicketStatus = async () => {\n let ticketId;\n let ticketNumber;\n let branchId;\n let categoryId = this.props.getData().categoryId;\n if (\n this.props.getData().issueQrTicket &&\n (this.state.response?.data !== undefined ||\n this.state.response?.data !== null)\n ) {\n ticketId = this.state.response?.data?.ticket_id;\n ticketNumber = this.state.response?.data?.ticket_number_f1;\n branchId = queryString.parse(window.location.search).branchid;\n } else if (\n this.props.getData().issueTicket &&\n this.state.response?.data?.ticket_info !== undefined &&\n this.state.response?.data?.ticket_info !== null\n ) {\n ticketId = this.state.response?.data?.ticket_info.ticket_id;\n ticketNumber = this.state.response?.data?.ticket_info.ticket_no;\n branchId =\n this.props.getData().singleBranchDetails.length > 0\n ? this.props.getData().singleBranchDetails[0].BranchID\n : this.props.getData().selectedBranchFromMap.BranchID;\n }\n try {\n let response = await this.dataService.getTicketStatus(\n branchId,\n ticketId,\n ticketNumber,\n categoryId\n );\n console.log(\"TICKET STATUS RESPONSE: \", response);\n if (response?.data?.error !== undefined && response?.data?.error) {\n handler.showErrorMessage(this.error, this.ServerNotResponding, this.Ok);\n } else {\n if (response?.data?.resp_status === 1) {\n if (\n this.props.getData().issueTicket &&\n this.state.response?.data?.ticket_info !== undefined &&\n this.state.response?.data?.ticket_info !== null\n ) {\n let stateResp = { ...this.state.response };\n stateResp[\"data\"][\"ticket_info\"][\"category_approx_waittime\"] =\n response?.data?.est_wait_time.toString();\n stateResp[\"data\"][\"ticket_info\"][\"ticket_in_wait\"] =\n response?.data?.position_in_queue <= 0\n ? 0\n : parseInt(response?.data?.position_in_queue);\n this.setState({ response: stateResp });\n let prevState = JSON.parse(localStorage.getItem(\"prevState\"));\n prevState[\"response\"] = stateResp;\n localStorage.setItem(\"prevState\", JSON.stringify(prevState));\n } else if (\n this.props.getData().issueQrTicket &&\n (this.state.response?.data !== undefined ||\n this.state.response?.data !== null)\n ) {\n let stateResp = { ...this.state.response };\n stateResp[\"data\"][\"category_approx_waittime\"] =\n response?.data?.actual_wait_time.toString();\n stateResp[\"data\"][\"category_waiting_tickets\"] =\n parseInt(response?.data?.position_in_queue) <= 0\n ? 0\n : parseInt(response?.data?.position_in_queue);\n this.setState({ response: stateResp });\n let prevState = JSON.parse(localStorage.getItem(\"prevState\"));\n prevState[\"response\"] = stateResp;\n localStorage.setItem(\"prevState\", JSON.stringify(prevState));\n }\n } else if (response?.data?.resp_status === 2) {\n this.setState({ isTicketCalled: true });\n handler.notify();\n } else if (response?.data?.resp_status === 3) {\n localStorage.clear();\n handler.showErrorMessage(this.error, this.TicketNotFound, this.Ok);\n setTimeout(() => {\n localStorage.clear();\n handler.redirect(window.location.href);\n }, this.popupExpiry);\n }\n }\n } catch (error) {\n if (error.message.includes(\"timeout\")) {\n handler.showErrorMessage(this.error, this.ServerNotResponding, this.Ok);\n } else {\n handler.showErrorMessage(this.error, this.someThingWentWrong, this.Ok);\n console.log(error.message);\n }\n }\n };\n\n render() {\n this.renderTranslations();\n const queryStringColor = queryString.parse(window.location.search);\n var theme = queryStringColor.theme;\n\n let emailAddress = this.props.getData().emailAddress;\n let appointmentNumber;\n let appointmentDate;\n\n if (\n this.state.response?.data?.previous_appointment_info !== undefined &&\n this.state.response?.data?.previous_appointment_info !== null\n ) {\n appointmentNumber =\n this.state.response?.data?.previous_appointment_info.appointment_number;\n\n appointmentDate = moment(\n this.state.response?.data?.previous_appointment_info.appointment_date,\n \"MM-DD-YYYY\"\n ).format(\"YYYY-MM-DD\");\n } else if (\n this.state.response?.data?.issueAppointment !== undefined &&\n this.state.response?.data?.issueAppointment !== null\n ) {\n {\n appointmentNumber =\n this.state.response?.data?.issueAppointment.appointment_number;\n\n appointmentDate = moment(\n this.props.getData().date,\n \"DD-MMM-YYYY\"\n ).format(\"YYYY-MM-DD\");\n }\n }\n\n let appointmentBranchId =\n this.state.response?.data?.previous_appointment_info !== undefined &&\n this.state.response?.data?.previous_appointment_info !== null\n ? this.state.response?.data?.previous_appointment_info.branch_id\n : this.props.getData().singleBranchDetails.length > 0\n ? this.props.getData().singleBranchDetails[0].BranchID\n : this.props.getData().selectedBranchFromMap !== null\n ? this.props.getData().selectedBranchFromMap.BranchID\n : null;\n let lang;\n if (localStorage.getItem(\"lang\") === \"es\") {\n lang = window[\"localization\"].es;\n } else if (localStorage.getItem(\"lang\") === \"ar\") {\n lang = window[\"localization\"].ar;\n } else if (localStorage.getItem(\"lang\") === \"en\") {\n lang = window[\"localization\"].en;\n } else if (localStorage.getItem(\"lang\") === \"ur\") {\n lang = window[\"localization\"].ur;\n } else {\n let defaultLang = this.defaultLanguage;\n lang = window[\"localization\"][defaultLang];\n }\n\n return (\n \n {this.props.getData().phoneServiceName == null &&\n this.props.getData().phoneServiceName == \"\"\n ? null\n : this.props.getData().phoneServiceName}\n
\n\n {/*
\n \n \n );\n }\n}\n\nexport default withRouter(ConfirmedAppointment);\n","import React, { Component } from \"react\";\n\nconst BookingSummary = ({ color, text, label, textSize }) => {\n return (\n {this.state.randomNumber}
*/}\n\n {this.props.getData().issueTicket ||\n this.props.getData().issueQrTicket ? (\n \n {this.props.getData().issueTicket === true ||\n this.props.getData().issueQrTicket === true\n ? lang.IssueTicketConfirmedMessage\n : lang.ThanksForAppointment}\n \n\n
\n {this.runApp.toLowerCase() === \"samsung\" ?
\n \n
\n ) : null}\n\n {(this.showGreetings === true &&\n this.props.getData().issueTicket === true) ||\n this.props.getData().issueQrTicket === true\n ? this.getGreetings()\n : null}\n \n {this.getTicketsWaiting(lang)}\n
\n\n \n {this.getEstimatedWaitTimeMessage()}\n
\n\n \n {this.getTotalWaitingTime(lang)}\n
\n\n \n
\n ) : null}\n\n {this.props.getData().issueQrTicket ||\n this.props.getData().issueTicket ? (\n \n {this.props.getData().date === null &&\n this.props.getData().time === null ? null : (\n \n \n {lang.SeeYouOn}\n \n \n )}\n {this.props.getData().issueTicket === true ||\n this.props.getData().issueQrTicket === true ? (\n \n \n 
\n \n {lang.ModifyOrCancel}\n \n
\n\n \n \n
\n ) : null}\n\n {/* DATE TIME FOR APPOINTMENT FLOW */}\n \n {this.getDateTime()}\n
\n\n \n {this.getTicketNumber()}\n
\n\n \n {this.getTicketIssuedDateTime()}\n
\n\n \n {this.props.getData().issueQrTicket === true\n ? this.getUserDetails()\n : null}\n
\n\n \n {this.runApp === \"samsung\" ? this.getService() : null}\n
\n\n {this.props.getData().issueTicket === false &&\n this.props.getData().issueQrTicket === false ? (\n \n {this.getBranchAddress()}\n
\n ) : null}\n\n {this.props.getData().issueQrTicket === false &&\n this.props.getData().issueTicket === false ? (\n \n \n \n \n
\n ) : null}\n\n \n {this.getAppointmentNumber()}\n
\n\n {this.props.getData().issueQrTicket === false &&\n this.props.getData().issueTicket === false ? (\n \n \n \n \n {lang.AddToCalendar}\n \n \n
\n \n {this.color.enableWhatsappButton ? (\n
\n ) : null}\n\n \n
\n
\n ) : null}\n\n \n
\n {this.runApp.toLowerCase() === \"samsung\" ?
\n \n {label}\n \n
\n );\n};\n\nexport default BookingSummary;\n","module.exports = __webpack_public_path__ + \"static/media/loader.b452dc69.gif\";","/*\n * @Author: Mufaddal Jamali\n * @Date: 2020-02-24 15:49:21\n * @Last Modified by: Mufaddal Jamali\n * @Last Modified time: 2020-11-11 19:24:16\n */\n\nimport React, { Component } from \"react\";\nimport Preparation from \"../components/preparation/preparation\";\nimport { DataService } from \"../services/data.service\";\nimport { withRouter } from \"react-router-dom\";\n\nimport LocationImg from \"../assets/images/location.png\";\nimport LocationDarkImg from \"../assets/images/location-white.png\";\nimport CalendarImg from \"../assets/images/calender_org.png\";\nimport CalendarImgBlack from \"../assets/images/calender_gry.png\";\nimport Journey from \"../components/journey/journey\";\nimport swal from \"sweetalert\";\nimport moment from \"moment\";\nimport $ from \"jquery\";\n\nimport * as handler from \"../components/utils/handler\";\nimport RefreshButton from \"./../components/utils/refreshButton\";\nimport DangerButton from \"../components/utils/dangerButton\";\nimport IconButton from \"../components/utils/iconButton\";\nimport Loader from \"../components/loader/loader\";\nimport ModalHead from \"../components/modal-head/modalHead\";\n\nconst queryString = require(\"query-string\");\nlet language = queryString.parse(window.location.search).lang;\nlet appointmentNumber = queryString.parse(\n window.location.search\n).appointmentnumber;\nclass UpdateAppointment extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n lang: {},\n\n // response: null,\n\n // singleBranchDetails: [],\n // isBranchPage: false,\n // selectedBranchFromMap: null,\n\n // dataLoaded: true,\n\n // heading: null,\n\n // isConfirmedReschedule: false,\n\n issueTicket: false, //from branch map\n issueQrTicket: false,\n isSingleBranchDetailsLoaded: false,\n\n // this.props.getData().response?.data?.previous_appointment_info !==\n // undefined &&\n // this.props.getData().response?.data?.previous_appointment_info !== null\n // ? this.props.getData().response?.data?.previous_appointment_info\n // .address\n // : this.props.getData().singleBranchDetails.length > 0\n // ? this.props.getData().singleBranchDetails[0].Address\n // : this.props.getData().selectedBranchFromMap !== null\n // ? this.props.getData().selectedBranchFromMap.Address\n // : null,\n\n // this.props.getData().response?.data.previous_appointment_info !==\n // undefined &&\n // this.props.getData().response?.data.previous_appointment_info !== null\n // ? this.props.getData().response?.data.previous_appointment_info\n // .branch_title\n // : this.props.getData().singleBranchDetails.length > 0\n // ? this.props.getData().singleBranchDetails[0].BranchTitle\n // : this.props.getData().selectedBranchFromMap !== null\n // ? this.props.getData().selectedBranchFromMap.BranchTitle\n // : null,\n response: null,\n };\n this.getAppointmentInfo();\n }\n\n getAppointmentInfo = async () => {\n this.setState({ dataLoaded: false });\n try {\n let response = await this.dataService.getAppointmentInfo(\n appointmentNumber\n );\n if (\n response.data.response_code === 100 ||\n response.data.response_code === 106 ||\n response.data.message === \"success\"\n ) {\n console.log(\"Get Appointment Info: \", response);\n this.setState({\n response: response?.data?.appointment_info,\n dataLoaded: true,\n });\n } else if (response.data.response_code === 102) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.AppointmentNotFound,\n this.state.lang.Ok,\n \"\"\n );\n } else {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SomeThingWentWrong,\n this.state.lang.Ok,\n \"\"\n );\n }\n } catch (error) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SomeThingWentWrong,\n this.state.lang.Ok,\n \"\"\n );\n // this.setState({ isInfoDataLoaded: false, dataLoaded: true });\n console.log(\"ERROR: \", error.message);\n }\n };\n URL = window[\"app-config\"].URL;\n runApp = window[\"app-config\"].runApp;\n enableCategorySelection = window[\"app-config\"].enableCategorySelection;\n userDetailsConfig = window[\"app-config\"].userDetails;\n showGreetings = window[\"app-config\"].ui.showGreetings;\n color = window[\"app-config\"].ui.confirmScreen;\n icons = window[\"app-config\"].ui.icons;\n defaultLanguage = window[\"app-config\"].defaultLang;\n refreshInterval = window[\"app-config\"].applicationProperties.refreshInterval;\n appRoute = window[\"app-config\"].applicationProperties.appRoute;\n notificationSound = window[\"app-config\"].notificationSound;\n popupExpiry = window[\"app-config\"].ui.popupExpiry;\n dataService = new DataService();\n\n cancelButtonText = \"\";\n rescheduleButtonText = \"\";\n DoYouWantToRescheduleOrCancel = \"\";\n Attention = \"\";\n AppointmentAlreadyCanceled = \"\";\n AppointmentInfoNoValidToCancel = \"\";\n AlreadyServed = \"\";\n someThingWentWrong = \"\";\n error = \"\";\n For = \"\";\n Ok = \"\";\n CantCancelApptTcktIssued = \"\";\n AppointmentExpired = \"\";\n AppointmentCanceledAutomatically = \"\";\n Yes = \"\";\n No = \"\";\n TicketIssuedOn = \"\";\n WaitTime = \"\";\n Where = \"\";\n TotalWaitingTickets = \"\";\n CancelTicketConfirmation = \"\";\n UrlNotFound = \"\";\n InternetConnectionError = \"\";\n TicketNumber = \"\";\n BookingRef = \"\";\n Name = \"\";\n Email = \"\";\n PhoneNumber = \"\";\n NoOfPeople = \"\";\n WaitTimeMsg = \"\";\n Greetings = \"\";\n ServerNotResponding = \"\";\n TicketNotFound = \"\";\n\n // getAppinfo = async () => {\n // const response = await this.getAppointmentInfo();\n\n // return response;\n // };\n componentDidMount() {\n // this.setState({ response: this.getAppinfo() });\n // this.getAppointmentInfo();\n // console.log(this.props.getData());\n // this.generateUrl();\n handler.blinkText(\".blink\");\n\n // if (\n // this.state.issueTicket ||\n // this.state.issueQrTicket\n // ) {\n // localStorage.setItem(\"confirmed\", true);\n // localStorage.setItem(\"confirmedDate\", moment().toDate().toDateString());\n // localStorage.setItem(\"prevState\", JSON.stringify(this.props.getData()));\n // }\n\n let lang;\n if (localStorage.getItem(\"lang\") === \"es\") {\n lang = window[\"localization\"].es;\n } else if (localStorage.getItem(\"lang\") === \"ar\") {\n lang = window[\"localization\"].ar;\n } else if (localStorage.getItem(\"lang\") === \"en\") {\n lang = window[\"localization\"].en;\n } else if (localStorage.getItem(\"lang\") === \"ur\") {\n lang = window[\"localization\"].ur;\n } else {\n let defaultLang = this.defaultLanguage;\n lang = window[\"localization\"][defaultLang];\n }\n this.setState({ lang: lang });\n }\n\n getDateTime = () => {\n return (\n \n {text}\n
\n\n
\n );\n };\n\n getBranchAddress = () => {\n if (\n this.state.response?.data?.previous_appointment_info !== undefined &&\n this.state.response?.data?.previous_appointment_info !== null\n ) {\n return (\n \n {this.state.response?.appointment_date !== null\n ? this.state.response?.appointment_date\n : null}\n {\" \"}\n {this.state.response?.start_time !== null\n ? this.state.response?.start_time\n : null}\n
\n\n
\n );\n } else {\n return (\n \n \n {this.Where}\n \n
\n \n {`${this.state.response?.branch_name} | ${this.state.response?.branch_address}`}\n
\n{this.state.response?.branch_contact}
\n\n
\n );\n }\n };\n\n getAppointmentNumber = () => {\n return (\n \n \n {this.Where}\n \n
\n\n \n {`${this.state.response?.branch_name} | ${this.state.response?.branch_address}`}\n
\n{this.state.response?.branch_contact}
\n\n \n {this.state.response?.appointment_number}\n \n
\n );\n };\n\n getTicketIssuedDateTime = () => {\n if (\n this.state.response?.data?.ticket_info !== undefined &&\n this.state.response?.data?.ticket_info !== null\n ) {\n return (\n \n \n {this.BookingRef}\n \n
\n \n {/* \n {this.TicketIssuedOn}\n */}\n
\n
\n );\n } else if (\n this.state.response?.data !== undefined &&\n this.state.response?.data !== null &&\n this.state.response?.data !== \"\" &&\n this.state.issueQrTicket === true\n ) {\n return (\n \n {moment(this.state.response?.data?.ticket_info.issued_on).format(\n \"DD-MMM-YYYY hh:mm A\"\n )}\n
\n\n
\n {/*
\n
\n );\n } else {\n return null;\n }\n };\n\n // getTicketsWaiting = (lang) => {\n // if (\n // this.state.response?.data?.ticket_info !== undefined &&\n // this.state.response?.data?.ticket_info !== null\n // ) {\n // return (\n // \n \n {this.TicketIssuedOn}\n \n
*/}\n \n {/* {this.state.response?.data?.ticket_issue_time} */}\n {moment(this.state.response?.data?.ticket_issue_time).format(\n \"DD-MMM-YYYY hh:mm A\"\n )}\n
\n\n
\n // {/* \n // {this.TotalWaitingTickets}\n // */}\n\n //
\n //
\n // );\n // } else if (\n // this.state.response?.data !== undefined &&\n // this.state.response?.data !== null &&\n // this.state.response?.data !== \"\" &&\n // this.state.issueQrTicket === true\n // ) {\n // return (\n // \n // {/* {this.state.response?.data?.ticket_info.ticket_in_wait} */}\n // {`${lang.ThereArePeople} ${this.state.response?.data?.ticket_info.ticket_in_wait} ${lang.TicketInWait} `}\n //
\n\n //\n //
\n //
\n //
\n // );\n // } else {\n // return null;\n // }\n // };\n\n // getService = () => {\n // // console.log(this.state);\n // // console.log(this.props.getData());\n // debugger;\n // if (\n // this.state.response?.data?.previous_appointment_info !== undefined &&\n // this.state.response?.data?.previous_appointment_info !== null\n // ) {\n // return (\n // \n // \n // {this.state.response.IsTicketCalled === false\n // ? this.TotalWaitingTickets\n // : \"\"}\n // \n //
\n // \n // {this.state.response.IsTicketCalled === false\n // ? this.state.response?.data?.category_waiting_tickets\n // : \"\"}\n //
\n //\n //
\n // \n // {this.state.response?.data?.previous_appointment_info\n // .phone_service === \"\"\n // ? null\n // : this.For}{\" \"}\n // \n //
\n // );\n // } else {\n // return (\n // \n // {this.state.response?.data?.previous_appointment_info\n // .phone_service === \"\"\n // ? null\n // : this.state.response?.data?.previous_appointment_info\n // .phone_service}\n //
\n //\n // {/* For a: */}\n // {this.props.getData().phoneServiceName !== null &&\n // this.props.getData().phoneServiceName !== undefined &&\n // this.props.getData().phoneServiceName !== \"\" ? (\n // \n // {this.For}{\" \"}\n // \n // ) : null}\n //
\n // );\n // }\n // };\n\n renderTranslations = () => {\n let lang;\n if (localStorage.getItem(\"lang\") === \"es\") {\n lang = window[\"localization\"].es;\n } else if (localStorage.getItem(\"lang\") === \"ar\") {\n lang = window[\"localization\"].ar;\n } else if (localStorage.getItem(\"lang\") === \"en\") {\n lang = window[\"localization\"].en;\n } else if (localStorage.getItem(\"lang\") === \"ur\") {\n lang = window[\"localization\"].ur;\n } else {\n let defaultLang = this.defaultLanguage;\n lang = window[\"localization\"][defaultLang];\n }\n\n this.cancelButtonText = lang.CancelAppointment;\n this.rescheduleButtonText = lang.Reschedule;\n this.Attention = lang.Attention;\n this.DoYouWantToRescheduleOrCancel = lang.DoYouWantToRescheduleOrCancel;\n this.For = lang.For;\n this.someThingWentWrong = lang.SomeThingWentWrong;\n this.error = lang.Error;\n this.AppointmentAlreadyCanceled = lang.AppointmentAlreadyCanceled;\n this.Ok = lang.Ok;\n this.AppointmentInfoNotValidToCancel = lang.AppointmentInfoNotValidToCancel;\n this.CantCancelApptTcktIssued = lang.CantCancelApptTcktIssued;\n this.AppointmentExpired = lang.AppointmentExpired;\n this.AlreadyServed = lang.AlreadyServed;\n this.AppointmentCanceledAutomatically = lang.ApptCanceledAutomatically;\n this.Yes = lang.Yes;\n this.No = lang.No;\n this.CancelTicketConfirmation = lang.CancelTicketConfirmation;\n this.TicketIssuedOn = lang.TicketIssuedTime;\n this.WaitTime = lang.WaitingTime;\n this.TotalWaitingTickets = lang.TicketInWait;\n this.UrlNotFound = lang.UrlNotFound;\n this.InternetConnectionError = lang.InternetConnectionError;\n this.Where = lang.AtThe;\n this.TicketNumber = lang.TicketNumber;\n this.BookingRef = lang.BookingRef;\n this.Name = lang.FirstNamePlaceholder;\n this.Email = lang.EmailAddressPlaceHolder;\n this.PhoneNumber = lang.PhoneNumberPlaceholder;\n this.NoOfPeople = lang.NoOfPeople;\n this.WaitTimeMsg = lang.EstimatedWaitTimeMessage;\n this.Greetings = lang.Greetings;\n this.ServerNotResponding = lang.ServerNotResponding;\n this.TicketNotFound = lang.TicketNotFound;\n };\n\n //API CALLS\n\n rescheduleOrCancelAppointment = async () => {\n swal(\n this.DoYouWantToRescheduleOrCancel,\n\n {\n icon: \"warning\",\n buttons: {\n reschedule: {\n text: this.rescheduleButtonText,\n value: \"reschedule\",\n },\n cancelAppointment: {\n text: this.cancelButtonText,\n value: \"cancelAppointment\",\n closeModal: false,\n },\n },\n }\n ).then(async (value) => {\n switch (value) {\n case \"cancelAppointment\":\n try {\n let response = await this.dataService.cancelAppointment(\n this.state.response?.appointment_number,\n this.state.response?.category_id,\n this.state.response?.branch_id,\n this.state.response?.user_id\n );\n swal.close();\n\n if (\n response?.data?.error !== undefined &&\n response?.data?.error === true\n ) {\n handler.showErrorMessage(\n this.error,\n this.ServerNotResponding,\n this.Ok,\n \"\"\n );\n } else {\n if (response?.data?.response.resp_status === 1) {\n localStorage.removeItem(\"confirmed\");\n localStorage.removeItem(\"prevState\");\n handler.redirect(`${window.location.origin}/${this.appRoute}`);\n } else if (response?.data?.response.resp_status === 6) {\n handler.showErrorMessage(\n this.error,\n this.AppointmentAlreadyCanceled,\n this.Ok,\n `${window.location.origin}/${this.appRoute}`\n );\n } else if (response?.data?.response.resp_status === -5) {\n handler.showErrorMessage(\n this.error,\n this.AppointmentInfoNotValidToCancel,\n this.Ok,\n `${window.location.origin}/${this.appRoute}`\n );\n } else if (response?.data?.response.resp_status === 2) {\n handler.showErrorMessage(\n this.error,\n this.CantCancelApptTcktIssued,\n this.Ok,\n `${window.location.origin}/${this.appRoute}`\n );\n } else if (response?.data?.response.resp_status === 7) {\n handler.showErrorMessage(\n this.error,\n this.AppointmentExpired,\n this.Ok,\n `${window.location.origin}/${this.appRoute}`\n );\n } else if (response?.data?.response.resp_status === -2) {\n handler.showErrorMessage(\n this.error,\n this.AlreadyServed,\n this.Ok,\n `${window.location.origin}/${this.appRoute}`\n );\n } else if (response?.data?.response.resp_status === -3) {\n handler.showErrorMessage(\n this.error,\n this.AppointmentCanceledAutomatically,\n this.Ok,\n `${window.location.origin}/${this.appRoute}`\n );\n } else {\n handler.showErrorMessage(\n this.error,\n this.someThingWentWrong,\n this.Ok,\n `${window.location.origin}/${this.appRoute}`\n );\n }\n }\n } catch (error) {\n if (error.message.includes(\"timeout\")) {\n handler.showErrorMessage(\n this.error,\n this.ServerNotResponding,\n this.Ok\n );\n } else {\n handler.showErrorMessage(\n this.error,\n this.someThingWentWrong,\n this.Ok\n );\n }\n }\n break;\n\n case \"reschedule\":\n console.log(\"reschedule Appointment\");\n window.open(\n `${window.location.origin}/rescheduleappointment?lang=${\n language === undefined\n ? this.defaultLanguage.split(\"_\")[0]\n : language\n }&appointmentnumber=${this.state.response?.appointment_number}`,\n \"_blank\"\n );\n\n break;\n\n default:\n }\n });\n };\n\n render() {\n this.renderTranslations();\n const queryStringColor = queryString.parse(window.location.search);\n var theme = queryStringColor.theme;\n\n let emailAddress = this.state.response?.user_id;\n let appointmentNumber;\n let appointmentDate;\n\n let appointmentBranchId = this.state.response?.branch_id;\n\n let lang;\n if (localStorage.getItem(\"lang\") === \"es\") {\n lang = window[\"localization\"].es;\n } else if (localStorage.getItem(\"lang\") === \"ar\") {\n lang = window[\"localization\"].ar;\n } else if (localStorage.getItem(\"lang\") === \"en\") {\n lang = window[\"localization\"].en;\n } else if (localStorage.getItem(\"lang\") === \"ur\") {\n lang = window[\"localization\"].ur;\n } else {\n let defaultLang = this.defaultLanguage;\n lang = window[\"localization\"][defaultLang];\n }\n\n return (\n \n // {this.props.getData().phoneServiceName == null &&\n // this.props.getData().phoneServiceName == \"\"\n // ? null\n // : this.props.getData().phoneServiceName}\n //
\n //\n
\n ) : (\n \n {this.state.dataLoaded ? (\n
\n \n
\n \n \n {this.state.issueTicket === true ||\n this.state.issueQrTicket === true\n ? lang.IssueTicketConfirmedMessage\n : lang.ThanksForAppointment}\n \n\n
\n {this.runApp.toLowerCase() === \"samsung\" ? (\n
\n \n
\n ) : null}\n\n \n \n \n {lang.SeeYouOn}\n \n \n\n {/* DATE TIME FOR APPOINTMENT FLOW */}\n \n \n \n \n {lang.ModifyOrCancel}\n \n
\n\n \n {this.getDateTime()}\n
\n\n \n {this.getTicketIssuedDateTime()}\n
\n\n {this.state.issueTicket === false &&\n this.state.issueQrTicket === false ? (\n \n {this.getBranchAddress()}\n
\n ) : null}\n\n {this.state.issueQrTicket === false &&\n this.state.issueTicket === false ? (\n \n \n \n \n
\n ) : null}\n\n \n {this.getAppointmentNumber()}\n
\n\n {this.state.issueQrTicket === false &&\n this.state.issueTicket === false ? (\n \n \n \n \n {lang.AddToCalendar}\n \n \n
\n \n {this.runApp.toLowerCase() === \"samsung\" ? (\n
setLanguageOnFlagClick(\"es\")} id=\"es\">\n
\n ) : null}\n \n {enabledLanguages.english === true ? (\n setLanguageOnFlagClick(\"en\")} id=\"en\">\n
\n ) : null}\n \n {enabledLanguages.urdu === true ? (\n setLanguageOnFlagClick(\"ur\")} id=\"ur\">\n
\n ) : null}\n \n {enabledLanguages.arabic === true ? (\n setLanguageOnFlagClick(\"ar\")} id=\"ar\">\n
\n ) : null}\n \n \n );\n};\n\nexport default Flags;\n","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","/*\n * @Author: Mufaddal Jamali\n * @Date: 2020-07-16 9:00:00\n * @Last Modified by: Mufaddal Jamali\n * @Last Modified time: 2020-09-04 19:58:26\n */\n\nimport React, { Component } from \"react\";\nimport $ from \"jquery\";\nclass Phase extends Component {\n state = {};\n defaultLanguage = window[\"app-config\"].defaultLang;\n phaseColor = window[\"app-config\"].ui.journey.phaseColor;\n phaseFillColor = window[\"app-config\"].ui.journey.phaseFillColor;\n\n onPhase = () => {\n return this.props.status ? (\n \n
,\n\n {\n icon: \"info\",\n buttons: {\n yes: {\n text: this.state.lang.MakeAnAppointment,\n value: \"Yes\",\n className: \"alert-btn\",\n },\n issueTicket: {\n text: this.state.lang.IssueTicket,\n value: \"IssueTicket\",\n className: \"alert-btn\",\n },\n },\n }\n ).then((value) => {\n switch (value) {\n case \"Yes\":\n this.props.setSelectedBranch(branch);\n this.props.getStepCount(1, true, false);\n break;\n\n case \"IssueTicket\":\n this.props.setSelectedBranch(branch);\n this.props.getStepCount(\n this.enableCategorySelection === false ? 2 : 1,\n true,\n true\n );\n break;\n default:\n }\n });\n } else if (\n this.issueTicketEnabled === true &&\n this.issueAppointmentEnabled === false\n ) {\n swal(\n {branch.BranchTitle}
\n {this.state.lang.Address}\n{branch.Address}
\n\n
,\n\n {\n icon: \"info\",\n buttons: {\n yes: {\n text: this.state.lang.IssueTicket,\n value: \"issueTicket\",\n },\n no: {\n text: this.cancel,\n value: \"No\",\n },\n },\n }\n ).then((value) => {\n switch (value) {\n case \"issueTicket\":\n this.props.setSelectedBranch(branch);\n this.props.getStepCount(\n this.enableCategorySelection === false ? 2 : 1,\n true,\n true\n );\n break;\n\n case \"No\":\n break;\n default:\n }\n });\n } else if (\n this.issueTicketEnabled === false &&\n this.issueAppointmentEnabled === true\n ) {\n swal(\n {branch.BranchTitle}
\n {this.state.lang.Address}\n{branch.Address}
\n\n
,\n\n {\n icon: \"info\",\n buttons: {\n yes: {\n text: this.state.lang.MakeAnAppointment,\n value: \"Yes\",\n },\n no: {\n text: this.cancel,\n value: \"No\",\n },\n },\n }\n ).then((value) => {\n switch (value) {\n case \"Yes\":\n this.props.setSelectedBranch(branch);\n this.props.getStepCount(1, true, false);\n break;\n\n case \"No\":\n break;\n default:\n }\n });\n }\n };\n\n render() {\n if (this.state.branches === undefined) {\n return (\n {branch.BranchTitle}
\n {this.state.lang.Address}\n{branch.Address}
\n\n
\n );\n } else if (this.state.allowedLocation === null) {\n return \n
\n \n
\n \n
\n );\n } else if (this.state.branches === null) {\n return (\n \n
\n \n
\n \n {this.state.lang.BranchMapHeading}\n
\n\n \n {this.state.branches.length > 0 ? (\n this.state.branches.map((branch, i) => {\n return (\n {\n this.onMarkerClick(branch);\n }}\n title={branch.BranchTitle}\n key={i}\n position={{\n lat: branch.Latitude,\n lng: branch.Longitude,\n }}\n icon={{\n url:\n process.env.PUBLIC_URL +\n `/images/${this.pinMarker.fileName}`,\n // anchor: new window.google.maps.Point(0, 0),\n scaledSize: new window.google.maps.Size(34, 34),\n }}\n />\n );\n })\n ) : (\n \n )}\n {/* \n \n */}\n \n
\n \n
\n Demo Place
\n\n
\n );\n } else {\n return \n
\n \n
\n \n {this.state.showBackBtn && this.state.current > 0 && (\n this.prev()}\n bgColor={this.nextAndBackBtnColor}\n >\n {this.state.lang.Back}\n \n )}\n {this.state.showNextBtn &&\n this.state.current < this.steps.length - 1 && (\n (this.state.dataLoaded ? this.next() : null)}\n bgColor={this.nextAndBackBtnColor}\n >\n {this.state.dataLoaded === false ? (\n \n ) : null}\n \n {this.state.issueQrTicket === true\n ? this.state.lang.TakeATicket\n : this.state.lang.Next}\n \n )}\n
\n );\n } else if (\n this.enableCategorySelection === false &&\n this.runApp.toLowerCase() !== \"samsung\"\n ) {\n return (\n \n {this.state.showBackBtn &&\n ((this.state.current > 1 &&\n queryBranchCode !== undefined &&\n this.issueTicketFlag !== \"true\" && // this cond is for hiding backbutton when issue tic in url is true cat selection = false\n this.state.issueQrTicket === false) ||\n (this.state.current > 0 &&\n queryBranchCode === undefined &&\n this.state.issueQrTicket === false)) && (\n this.prev()}\n bgColor={this.nextAndBackBtnColor}\n >\n {this.state.lang.Back}\n \n )}\n {this.state.showNextBtn &&\n this.state.current > 0 &&\n this.enableCategorySelection === false &&\n this.runApp.toLowerCase() !== \"samsung\" &&\n this.state.current < this.steps.length - 1 && (\n (this.state.dataLoaded ? this.next() : null)}\n bgColor={this.nextAndBackBtnColor}\n >\n {this.state.dataLoaded === false ? (\n \n ) : null}\n \n {this.state.issueQrTicket === true\n ? this.state.lang.TakeATicket\n : this.state.lang.Next}\n \n )}\n
\n );\n } else if (\n this.enableCategorySelection === true &&\n this.runApp.toLowerCase() !== \"samsung\"\n ) {\n return (\n \n {this.state.showBackBtn &&\n ((this.state.current > 1 &&\n queryBranchCode !== undefined &&\n this.state.issueQrTicket === false) ||\n (this.state.current > 0 &&\n queryBranchCode === undefined &&\n this.state.issueQrTicket === false)) && (\n this.prev()}\n bgColor={this.nextAndBackBtnColor}\n >\n {this.state.lang.Back}\n \n )}\n\n {this.state.showNextBtn &&\n this.state.current > 0 &&\n this.enableCategorySelection === true &&\n this.runApp.toLowerCase() !== \"samsung\" &&\n this.state.current < this.steps.length - 1 && (\n (this.state.dataLoaded ? this.next() : null)}\n bgColor={this.nextAndBackBtnColor}\n >\n {this.state.dataLoaded === false ? (\n \n ) : null}\n \n {this.state.issueQrTicket === true\n ? this.state.lang.TakeATicket\n : this.state.lang.Next}\n \n )}\n
\n );\n }\n };\n\n renderStepTranslations = () => {\n if (this.steps.length > 0) {\n if (this.runApp.toLowerCase() == \"samsung\") {\n this.steps[0][\"title\"] = this.state.lang.DeviceService;\n this.steps[1][\"title\"] = this.state.lang.StepSlots;\n this.steps[2][\"title\"] = this.state.lang.StepCustomerDetails;\n this.steps[3][\"title\"] = this.state.lang.StepComplete;\n } else if (this.enableCategorySelection === false) {\n this.steps[0][\"title\"] = this.state.lang.Branch;\n this.steps[1][\"title\"] = this.state.lang.StepSlots;\n this.steps[2][\"title\"] = this.state.lang.StepCustomerDetails;\n this.steps[3][\"title\"] = this.state.lang.StepComplete;\n } else if (this.enableCategorySelection === true) {\n this.steps[0][\"title\"] = this.state.lang.Branch;\n this.steps[1][\"title\"] = this.state.lang.Category;\n this.steps[2][\"title\"] = this.state.lang.StepSlots;\n this.steps[3][\"title\"] = this.state.lang.StepCustomerDetails;\n this.steps[4][\"title\"] = this.state.lang.StepComplete;\n }\n }\n };\n\n render() {\n this.renderStepTranslations();\n if (this.steps.length > 0) {\n if (this.state.singleBranchDetails === undefined) {\n return (\n \n
\n );\n } else if (\n this.queryBranchCode !== undefined &&\n this.runApp.toLowerCase() !== \"samsung\" &&\n this.state.singleBranchDetails.length >= 0\n ) {\n return (\n \n
\n \n
\n\n {this.showFooter === false ? null : }\n \n
\n \n
\n );\n } else if (\n this.queryBranchCode === undefined ||\n this.runApp === \"samsung\"\n ) {\n return (\n \n \n {this.steps.map((item, i) => (\n \n
\n \n {this.steps[this.state.current].content}\n
\n\n {this.renderStepsAction(this.state.lang)}\n\n {this.showFooter === false ? null : }\n \n
\n );\n } else {\n return (\n \n \n {this.steps.map((item, i) => (\n \n\n
\n \n {this.steps[this.state.current].content}\n
\n\n {this.renderStepsAction()}\n\n {this.showFooter === false ? null : }\n \n
\n );\n }\n } else {\n return \n
\n \n
\n );\n};\n\nexport default AppNotFound;\n","import React, { Component } from \"react\";\nimport { DataService } from \"../services/data.service\";\nimport { Empty } from \"antd\";\n\nimport Loader from \"../components/loader/loader\";\nimport * as handler from \"../components/utils/handler\";\n\nconst queryString = require(\"query-string\");\nclass CategorySelection extends Component {\n defaultLanguage = window[\"app-config\"].defaultLang;\n UI = window[\"app-config\"].ui.categorySelectionScreen;\n collections = window[\"app-config\"].collections;\n estimatedWaitTime =\n window[\"app-config\"].applicationProperties.estimatedWaitTime;\n\n dataService = new DataService();\n state = {\n lang: {},\n categories: [],\n estimatedWaitTime: null,\n dataLoaded: false,\n isRtl: false,\n };\n\n async componentDidMount() {\n this.setState({ lang: handler.setTranslations() });\n this.getCategories();\n if (\n this.estimatedWaitTime.branchLevel &&\n this.props.mainState().issueTicket &&\n this.UI.showEstimatedWaitTime\n ) {\n this.getEstimatedWaitTime(\n this.props.branchDetails()[0] !== null\n ? this.props.branchDetails()[0].BranchID\n : null,\n\n null\n );\n }\n\n this.props.hideBtnNext();\n }\n\n sendDataToParent = (categoryId) => {\n this.props.categoryDetails({ categoryId: categoryId });\n };\n\n setLanguage = () => {\n const language = queryString.parse(window.location.search).lang;\n\n if (language === \"es\" || language === \"sp\") {\n this.setState({\n lang: window[\"localization\"].es,\n });\n } else if (language === \"ar\") {\n this.setState({\n lang: window[\"localization\"].ar,\n });\n } else if (language === \"en\") {\n this.setState({\n lang: window[\"localization\"].en,\n });\n } else if (language === \"ur\") {\n this.setState({\n lang: window[\"localization\"].ur,\n });\n } else {\n let defaultLang = this.defaultLanguage;\n this.setState({\n lang: window[\"localization\"][defaultLang],\n });\n }\n };\n\n getCategories = async () => {\n try {\n let branchId = this.props.branchDetails()[0].BranchID;\n let response = await this.dataService.getCategoriesByBranchId(branchId);\n\n let filteredCategories = handler.compareArrayOfObject(\n response.data.categoryList,\n this.collections.categories\n );\n\n if (response.data.error !== undefined && response.error === true) {\n this.setState({\n categories: undefined,\n dataLoaded: true,\n });\n } else {\n this.setState({\n categories:\n filteredCategories.length > 0\n ? filteredCategories\n : response.data.categoryList,\n dataLoaded: true,\n });\n }\n } catch (error) {\n console.log(\"ERROR IN GET CATEGORIES\", error.message);\n if (error.message.includes(\"timeout\")) {\n this.setState({ categories: undefined, dataLoaded: true });\n } else {\n this.setState({ categories: [], dataLoaded: true });\n }\n }\n };\n\n getEstimatedWaitTime = async (branchId, sqn) => {\n try {\n let response = await this.dataService.getEstimatedWaitTime(branchId, sqn);\n\n console.log(response);\n\n if (response.data.error !== undefined && response.error === true) {\n this.setState({\n estimatedWaitTime: null,\n dataLoaded: true,\n });\n } else if (response.data.response_status === 1) {\n this.setState({\n estimatedWaitTime: Math.floor(response.data.est_wait_time / 60),\n dataLoaded: true,\n });\n } else {\n this.setState({\n estimatedWaitTime: null,\n dataLoaded: true,\n });\n }\n } catch (error) {\n this.setState({\n estimatedWaitTime: null,\n dataLoaded: true,\n });\n console.log(\"ERROR: \", error.message);\n }\n };\n\n onCategoryChange = (e) => {\n this.sendDataToParent(e.target.value);\n\n if (\n this.props.mainState().issueTicket &&\n this.UI.showEstimatedWaitTime &&\n !this.estimatedWaitTime.branchLevel\n ) {\n this.getEstimatedWaitTime(\n this.props.branchDetails()[0].BranchID,\n e.target.value\n );\n }\n };\n\n render() {\n if (this.state.dataLoaded === false) {\n return \n
\n \n
\n Oops!
\nThe Application not found
\n\n
\n );\n } else {\n return (\n \n
\n \n
\n );\n }\n }\n}\n\nexport default CategorySelection;\n","/*\n * @Author: Mufaddal Jamali\n * @Date: 2020-02-24 15:49:21\n * @Last Modified by: Mufaddal Jamali\n * @Last Modified time: 2021-01-28 13:52:04\n */\n\nimport React, { Component } from \"react\";\nimport { DataService } from \"../services/data.service\";\nimport { Select } from \"antd\";\n\nimport $ from \"jquery\";\n\nimport { Empty } from \"antd\";\nimport Loader from \"../components/loader/loader\";\nimport * as handler from \"../components/utils/handler\";\n\nimport dummyData from \"../data/deviceDetails.json\";\nconst queryString = require(\"query-string\");\n\nconst { Option } = Select;\n\nclass DeviceService extends Component {\n model = undefined;\n color = null;\n selectedProductType = null;\n selectedProductFamily = null;\n imei = null;\n service = new DataService();\n state = {\n phoneModels: [],\n phoneColors: [],\n productTypes: [],\n productFamily: [],\n\n selectedModel: undefined,\n\n dataLoaded: false,\n lang: {},\n categorybtn: false,\n categories: [],\n premiumCategories: [],\n dataLoaded: false,\n singleBranchDetails: [],\n phoneServices: [],\n symptomDetails: [],\n selectedCategory: null,\n selectedService: null,\n selectedSymptomDetail: null,\n dataLoaded: false,\n serverResponded: true,\n imei: null,\n isValidImei: undefined,\n lang: {},\n imeidrowpdown: false,\n };\n\n imeiRef = React.createRef();\n isValidIemiSerielNumber = false;\n categoryId = null;\n deviceHealth = null;\n phoneServiceName = null;\n symptomDetailName = null;\n imei = null;\n isRepairServiceSelected = false;\n\n defaultCategory = window[\"app-config\"].defaultCategory;\n defaultServices = window[\"app-config\"].defaultServices;\n defaultLanguage = window[\"app-config\"].defaultLang;\n isMandatoryImei = window[\"app-config\"].isMandatoryImei;\n\n //allSymptomDetails=window[\"app-config\"].SymptomDetails;\n allSymptomDetails = [];\n\n collections = window[\"app-config\"].collections;\n premiumAppointments = window[\"app-config\"].premiumAppointments;\n URL = window[\"app-config\"].URL;\n choosecategroyvalue =\n window[\"app-config\"].applicationProperties.choosecategroyvalue;\n defaultLanguage = window[\"app-config\"].defaultLang;\n URL = window[\"app-config\"].URL;\n queryStringBranchCode = queryString.parse(window.location.search);\n branchCode = this.queryStringBranchCode.branchCode;\n premiumAppointments = window[\"app-config\"].premiumAppointments;\n async componentDidMount() {\n this.getDeviceDetails();\n this.setState({ lang: handler.setTranslations() });\n this.getData();\n this.props.setHeading(null);\n this.props.hideBtnNext();\n this.setState({ lang: handler.setTranslations() });\n this.props.hideBtnNext();\n this.props.setHeading(null);\n // this.getUpdatedDeviceDetails();\n $(\".validate-text\").on(\"keypress\", function (event) {\n var regex = new RegExp(\"^[a-zA-Z0-9]+$\");\n var key = String.fromCharCode(\n !event.charCode ? event.which : event.charCode\n );\n if (!regex.test(key)) {\n event.preventDefault();\n return false;\n }\n });\n setInterval(() => {\n if (\n this.state.selectedService !== null &&\n this.state.imeidrowpdown == true &&\n this.state.imei == null &&\n this.isMandatoryImei !== false\n ) {\n this.props.hideBtnNext();\n }\n }, 10);\n }\n\n getDeviceDetails = async () => {\n try {\n let response = await this.service.getDeviceDetails();\n\n if (response.data.error !== undefined && response.data.error === true) {\n this.setState({\n productTypes: undefined,\n dataLoaded: true,\n });\n } else {\n let productTypes = response.data.productsInfo.productTypes;\n this.setState({\n productTypes: productTypes === \"\" ? [] : productTypes,\n dataLoaded: true,\n });\n }\n } catch (error) {\n if (error.message.includes(\"timeout\")) {\n this.setState({\n productTypes: undefined,\n phoneColors: [],\n productFamily: [],\n phoneModels: [],\n dataLoaded: true,\n });\n } else {\n this.setState({\n productTypes: [],\n productFamily: [],\n phoneModels: [],\n phoneColors: [],\n dataLoaded: true,\n });\n }\n }\n };\n\n getUpdatedDeviceDetails = () => {\n this.setState({ productTypes: dummyData.productTypes });\n };\n\n onModelSearch = (val) => {\n console.log(\"search:\", val);\n };\n\n _onProductTypeChange = (e) => {\n debugger;\n\n this.selectedProductType = e.target.value;\n this.sendDataToParentdevice();\n\n $(\"#family-selector\").val(\"-1\");\n $(\"#color-selector\").val(\"-1\");\n $(\"#model-selector\").val(\"-1\");\n $(\"#category-selector-sam\").val(\"-1\");\n this.props.hideBtnNext();\n\n let family = this.state.productTypes.filter(\n (f) => f.ProductName === e.target.value\n );\n\n this.setState({\n productFamily: family[0].ProductFamily,\n phoneModels: [],\n selectedModel: undefined,\n });\n };\n\n _onProductFamilyChange = (e) => {\n debugger;\n this.selectedProductFamily = e.target.value;\n this.sendDataToParentdevice();\n\n $(\"#model-selector\").val(\"-1\");\n $(\"#color-selector\").val(\"-1\");\n $(\"#category-selector-sam\").val(\"-1\");\n\n let models = this.state.productFamily.filter(\n (f) => f.FamilyName === e.target.value\n );\n\n this.setState({\n phoneModels: models[0].phoneModels,\n selectedModel: undefined,\n });\n };\n _onModelChange = (e) => {\n debugger;\n this.setState({ selectedModel: e.target.value });\n this.sendDataToParentdevice();\n\n $(\"#category-selector-sam\").val(\"-1\");\n };\n\n _onModelSearch = (val) => {\n console.log(\"search:\", val);\n };\n\n _onColorChange = (e) => {\n this.color = e.target.value;\n\n this.sendDataToParent();\n };\n\n sendDataToParentdevice = () => {\n this.props.deviceDetails({\n model: this.state.selectedModel,\n color: this.color,\n productType: this.selectedProductType,\n productFamily: this.selectedProductFamily,\n });\n };\n\n getData = async () => {\n try {\n var branchId = await (\n await this.service.getSingleBranchDetails()\n ).data.branchList[0].BranchID;\n\n let categoryListResp = await this.service.getCategoriesByBranchId(\n branchId\n );\n\n let filteredCategories = handler.compareArrayOfObject(\n categoryListResp.data.categoryList,\n this.collections.categories\n );\n let filteredPremiumCategories = handler.compareArrayOfObject(\n categoryListResp.data.categoryList,\n this.premiumAppointments.premiumCategories\n );\n console.log(filteredPremiumCategories);\n\n if (\n categoryListResp.data.error !== undefined &&\n categoryListResp.data.error === true\n ) {\n this.setState({\n categories: [],\n premiumCategories: [],\n dataLoaded: true,\n phoneServices: [],\n serverResponded: false,\n });\n } else {\n let categoryList = categoryListResp.data.categoryList;\n\n this.setState({\n categories:\n filteredCategories.length > 0 ? filteredCategories : categoryList,\n dataLoaded: true,\n premiumCategories:\n filteredPremiumCategories.length > 0\n ? filteredPremiumCategories\n : categoryList,\n // singleBranchDetails: branchID,\n });\n }\n } catch (error) {\n console.log(\"ERROR\", error.message);\n this.setState({\n categories: [],\n premiumCategories: [],\n phoneServices: [],\n dataLoaded: true,\n singleBranchDetails: [],\n serverResponded: error.message.includes(\"timeout\") ? false : true,\n });\n }\n };\n\n onCategoryChange = (e) => {\n this.props.showBtnNext();\n this.categoryId = e.target.value;\n console.log(\"this.categoryId:\", this.categoryId);\n this.setState({ selectedCategory: e.target.value });\n\n if (e.target.value !== this.defaultCategory) {\n this.phoneServiceName = null;\n this.imei = null;\n this.symptomDetailName = null;\n this.setState({\n selectedService: null,\n imei: null,\n selectedSymptomDetail: null,\n });\n }\n\n this.sendDataToParent();\n };\n\n onDeviceHealthChange = (e) => {\n if (this.state.isValidImei === false) {\n console.log(\"IN IF DH\");\n this.props.hideBtnNext();\n } else if (\n this.defaultServices.includes(this.state.selectedService) &&\n this.state.imei === null &&\n this.isMandatoryImei === true &&\n this.state.isValidImei === undefined\n ) {\n console.log(\"IN ELSEIF DH\");\n this.props.hideBtnNext();\n } else {\n console.log(\"IN ELSE DH\");\n this.deviceHealth = e.target.value;\n this.sendDataToParent();\n }\n };\n\n onPhoneServiceChange = (e) => {\n this.props.showBtnNext();\n this.phoneServiceName = e.target.value;\n console.log(\"this.phoneServiceName :\", this.phoneServiceName);\n this.setState({ selectedService: e.target.value });\n console.log(this.allSymptomDetails);\n this.state.symptomDetails = [];\n this.symptomDetailName = null;\n this.setState({ selectedSymptomDetail: null });\n\n for (let symptom in this.state.phoneServices) {\n if (\n this.state.phoneServices[symptom].ServiceName.toLowerCase() ==\n this.phoneServiceName.toLowerCase()\n ) {\n this.state.symptomDetails =\n this.state.phoneServices[symptom].SymptomDetail;\n break;\n }\n }\n\n if (this.state.symptomDetails == null) {\n this.state.symptomDetails = [];\n this.symptomDetailName = null;\n this.setState({ selectedSymptomDetail: null });\n }\n\n setTimeout(() => {\n this.sendDataToParent();\n }, 200);\n\n if (\n this.defaultServices.includes(e.target.value) &&\n this.state.imei === null &&\n (this.state.isValidImei === false || this.state.isValidImei === undefined)\n ) {\n this.props.hideBtnNext();\n this.setState({ imeidrowpdown: true });\n } else if (\n !this.defaultServices.includes(e.target.value) &&\n this.state.isValidImei === false &&\n this.state.imei !== \"\"\n ) {\n this.setState({ imeidrowpdown: false });\n this.props.hideBtnNext();\n } else if (this.state.imei !== null && this.state.isValidImei === false) {\n this.setState({ imeidrowpdown: false });\n this.props.hideBtnNext();\n } else if (this.symptomDetailName == null) {\n this.setState({ imeidrowpdown: false });\n this.props.hideBtnNext();\n } else {\n this.setState({ imeidrowpdown: false });\n this.props.showBtnNext();\n }\n };\n\n onSymptomDetailChange = (e) => {\n this.symptomDetailName = e.target.value;\n this.setState({ selectedSymptomDetail: e.target.value });\n setTimeout(() => {\n this.sendDataToParent();\n }, 200);\n };\n\n sendDataToParent = () => {\n this.props.serviceDetails({\n categoryId: this.categoryId,\n deviceHealth: this.deviceHealth,\n phoneServiceName:\n this.categoryId === this.defaultCategory &&\n this.phoneServiceName === null\n ? undefined\n : this.phoneServiceName,\n symptomDetailName:\n this.categoryId === this.defaultCategory &&\n (this.symptomDetailName == null || this.symptomDetailName == undefined)\n ? \"\"\n : this.state.selectedSymptomDetail,\n //symptomDetailName:this.phoneServiceName==this.defaultCategory?this.symptomDetailName:null,\n imei: this.state.imei,\n });\n\n console.log(this.state.selectedSymptomDetail);\n };\n render() {\n if (this.state.dataLoaded === false) {\n return (\n \n
\n \n
\n \n
\n \n \n {this.state.lang.WhatDoYouNeed}\n \n \n \n {this.state.lang.SelectCategory}\n \n {this.state.categories.length > 0\n ? this.state.categories.map((data, i) => {\n return (\n \n {data.CategoryTitle}\n \n );\n })\n : null}\n \n
\n
\n {this.state.estimatedWaitTime !== null &&\n this.UI.showEstimatedWaitTime ? (\n
\n \n
\n {this.state.estimatedWaitTime !== null &&\n this.UI.showEstimatedWaitTime ? (\n
\n {this.state.lang.EstimatedWaitTimeMessage} \n {`${this.state.estimatedWaitTime} ${this.state.lang.Minutes}`}\n
\n ) : null}\n\n
\n );\n } else if (!this.state.serverResponded) {\n return (\n \n
\n {this.state.lang.TellUsSomethingElse}
\n\n \n\n
\n );\n } else {\n return (\n \n
\n \n
\n \n
\n );\n }\n\n if (this.state.productTypes === undefined) {\n return (\n \n
\n {this.state.lang.TellUsSomethingElse}
\n\n
\n \n \n \n \n\n {this.state.productTypes !== null &&\n this.state.productTypes.length > 0\n ? this.state.productTypes.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n\n \n \n \n \n\n {this.state.productFamily.length > 0\n ? this.state.productFamily.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n {/*
\n\n {/* {this.state.selectedCategory === this.defaultCategory ? (\n \n \n \n \n \n \n \n
*/}\n {this.premiumAppointments?.branchCodes.includes(\n this.branchCode\n ) ? (\n \n \n {\n return (\n element.productFamily ===\n this.selectedProductFamily\n );\n }\n ).length === 0\n ? \"#e7e7e7\"\n : null,\n color:\n this.state.phoneModels?.length === 0 ||\n this.premiumAppointments?.premiumDevices.filter(\n (element) => {\n return (\n element.productFamily ===\n this.selectedProductFamily\n );\n }\n ).length === 0\n ? \"gray\"\n : null,\n }}\n disabled={\n this.state.phoneModels?.length === 0 ||\n this.premiumAppointments?.premiumDevices.filter(\n (element) => {\n return (\n element.productFamily === this.selectedProductFamily\n );\n }\n ).length === 0\n ? true\n : false\n }\n >\n \n {this.state.phoneModels !== null\n ? this.state.phoneModels.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n ) : null}\n \n \n {\n return (\n element.productFamily ===\n this.selectedProductFamily\n );\n }\n ).length !== 0\n ? this.state.selectedModel === undefined ||\n this.state.selectedModel === -1\n : false))\n ? \"#e7e7e7\"\n : null,\n color:\n this.state.phoneModels?.length === 0 ||\n (this.premiumAppointments.branchCodes.includes(\n this.branchCode\n ) &&\n (this.premiumAppointments?.premiumDevices.filter(\n (element) => {\n return (\n element.productFamily ===\n this.selectedProductFamily\n );\n }\n ).length !== 0\n ? this.state.selectedModel === undefined ||\n this.state.selectedModel === -1\n : false))\n ? \"gray\"\n : null,\n }}\n disabled={\n this.state.phoneModels?.length === 0 ||\n (this.premiumAppointments.branchCodes.includes(\n this.branchCode\n ) &&\n (this.premiumAppointments?.premiumDevices.filter(\n (element) => {\n return (\n element.productFamily === this.selectedProductFamily\n );\n }\n ).length !== 0\n ? this.state.selectedModel === undefined ||\n this.state.selectedModel === -1\n : false)\n ? true\n : false)\n }\n >\n \n {this.premiumAppointments?.premiumDevices?.filter(\n (element) => {\n return (\n element.productFamily === this.selectedProductFamily &&\n element.modelNames?.includes(this.state.selectedModel)\n );\n }\n ).length > 0\n ? this.state.premiumCategories.length > 0\n ? this.state.premiumCategories.map((data, i) => {\n return (\n \n );\n })\n : null\n : this.state.categories.length > 0\n ? this.state.categories.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n
\n ) : null} */}\n\n {/* {this.state.selectedService !== null && this.choosecategroyvalue !== false ? (\n \n \n \n \n\n {this.state.phoneServices.length > 0\n ? this.state.phoneServices.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n
\n ) : null} */}\n\n {/* {this.state.selectedService !== null && this.state.imeidrowpdown == true ? (\n \n \n \n \n\n {this.state.symptomDetails.length > 0\n ? this.state.symptomDetails.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n
\n ) : null} */}\n\n {/* \n
\n \n \n \n \n {this.state.lang.retrieveIMEI}\n \n
\n \n \n
*/}\n {this.state.lang.DeviceParagraph}
\n\n
\n );\n } else if (this.state.dataLoaded === false) {\n return (\n \n
\n \n
\n \n
\n );\n } else {\n return (\n \n
\n {this.state.lang.TellDeviceDetailsHeading}
\n\n
\n );\n }\n }\n}\n\nexport default DeviceService;\n","import React, { Component } from \"react\";\nimport ModalHead from \"./../components/modal-head/modalHead\";\nimport PrimaryButton from \"../components/utils/primaryButton\";\n\nimport $ from \"jquery\";\nimport swal from \"sweetalert\";\nimport Journey from \"../components/journey/journey\";\nimport CalendarImg from \"../assets/images/calender_org.png\";\n\nimport { DataService } from \"./../services/data.service\";\nimport moment from \"moment\";\n\nimport * as handler from \"../components/utils/handler\";\nimport RefreshButton from \"../components/utils/refreshButton\";\nimport DangerButton from \"../components/utils/dangerButton\";\n// import RefreshButton from \"./../components/utils/refreshButton\";\nimport IconButton from \"./../components/utils/iconButton\";\n\nconst queryString = require(\"query-string\");\n\nclass CheckIn extends Component {\n color = window[\"app-config\"].ui.checkInScreen;\n defaultLanguage = window[\"app-config\"].defaultLang;\n divideBy = window[\"app-config\"].divideBy;\n checkInIssueTicket = window[\"app-config\"].checkInIssueTicket;\n defaultPhoneNumberPrefix = window[\"app-config\"].defaultPhoneNumberPrefix;\n issueTicketEnabled = window[\"app-config\"].issueTicketEnabled;\n URL = window[\"app-config\"].URL;\n whatsappUrl = window[\"app-config\"].whatsappUrl;\n icons = window[\"app-config\"].ui.icons;\n refreshInterval = window[\"app-config\"].applicationProperties.refreshInterval;\n popupExpiry = window[\"app-config\"].ui.popupExpiry;\n userDetailsConfig = window[\"app-config\"].userDetails;\n enableSurnameField = window[\"app-config\"].enableSurnameField;\n\n state = {\n isSuccessfullyCheckedIn: false,\n lang: {},\n appointmentNumber: null,\n phoneNumber: this.defaultPhoneNumberPrefix,\n emailAddress: null,\n branchIp: null,\n dataLoaded: true,\n verifyAppointmentResponse: \"\",\n issueTicketResponse: null,\n enableCheckInButton: false,\n whatsappUrl: window[\"app-config\"].URL.whatsappUrl,\n redirectUrl: \"\",\n isTicketCalled: false,\n };\n\n isValidAppointmentNumber = false;\n isValidEmail = false;\n isValidPhoneNumber = false;\n\n service = new DataService();\n phoneNumRef = React.createRef();\n\n componentDidMount() {\n handler.blinkText(\".blink\");\n if (this.state.isTicketCalled) {\n handler.notify();\n }\n this.setState({\n redirectUrl: handler.removeKeyFromUrl(\"checkin\", \"appointmentnumber\"),\n });\n\n if (\n localStorage.getItem(\"checkedIn\") === \"true\" &&\n localStorage.getItem(\"checkedInDate\") == moment().toDate().toDateString()\n ) {\n this.setState(JSON.parse(localStorage.getItem(\"prevCheckedInData\")));\n setInterval(() => {\n this.getTicketStatus();\n }, this.refreshInterval);\n\n handler.onBrowserReload(this.getTicketStatus);\n } else {\n localStorage.removeItem(\"checkedIn\");\n localStorage.removeItem(\"checkedInDate\");\n localStorage.removeItem(\"prevCheckedInData\");\n this.setState({ lang: handler.setTranslations() });\n let appointmentNumber = queryString.parse(window.location.search)\n .appointmentnumber;\n let email = \"\";\n let phoneNumber = \"\";\n let branchIp = queryString.parse(window.location.search).branchip;\n\n if (branchIp !== undefined) {\n this.setState({ branchIp });\n }\n\n if (appointmentNumber !== undefined && appointmentNumber !== \"\") {\n this.verifyAppointmentInfo(\n email,\n phoneNumber,\n appointmentNumber,\n branchIp === undefined ? \"\" : branchIp\n );\n }\n }\n }\n\n generateUrl = (branchCode, ticketId) => {\n let whatsappUrl = `${this.URL.whatsappUrl}&text=${branchCode}%20${ticketId}`;\n this.setState({ whatsappUrl: whatsappUrl });\n };\n\n /* EVENTS*/\n validateEmail(email) {\n var emailReg = /^([\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4})?$/;\n return emailReg.test(email);\n }\n\n onCheckInClick = () => {\n $(document).ready(function () {\n $(\"button\").css(\"background-color\", \"#000\");\n });\n this.verifyAppointmentInfo(\n this.state.emailAddress === null ? \"\" : this.state.emailAddress,\n this.state.phoneNumber !== undefined && this.state.phoneNumber.length > 3\n ? this.state.phoneNumber.replace(\"+\", \"%2b\")\n : \"\",\n\n this.state.appointmentNumber === null ? \"\" : this.state.appointmentNumber,\n this.state.branchIp === null ? \"\" : this.state.branchIp\n );\n };\n\n onTextFieldsChange = (e) => {\n var appointmentNumber = null;\n var phoneNumber = null;\n var email = null;\n if (e.target.id === \"appointmentNumber\") {\n if (e.target.value.length > 0 && e.target.value !== \"\") {\n this.isValidAppointmentNumber = true;\n appointmentNumber = e.target.value;\n this.setState({\n appointmentNumber: e.target.value,\n });\n } else {\n this.isValidAppointmentNumber = false;\n }\n } else if (e.target.id === \"phoneNumber\") {\n if (\n (e.target.value.length === 0 && e.target.value === \"\") ||\n e.target.value.length <\n this.userDetailsConfig.phoneNumberField.minLength ||\n /\\s/.test(e.target.value) ||\n !e.target.value.charAt(0).includes(\"+\") ||\n !/^[0-9+]+$/.test(e.target.value)\n ) {\n $(\"#phoneNumber\").css(\"border-color\", \"red\");\n this.isValidPhoneNumber = false;\n } else {\n this.isValidPhoneNumber = true;\n\n $(\"#phoneNumber\").css(\"border-color\", \"#dadada\");\n this.phoneNumber = this.phoneNumRef.current.value;\n }\n phoneNumber = e.target.value;\n this.setState({ phoneNumber: e.target.value });\n } else if (e.target.id === \"emailAddress\") {\n if (\n !this.validateEmail(e.target.value) ||\n /^([\\w-\\.]+([\\w-]+\\.)+[\\w-]{2,4})?$/.test(e.target.value)\n ) {\n $(\"#emailAddress\").css(\"border-color\", \"red\");\n this.isValidEmail = false;\n } else {\n $(\"#emailAddress\").css(\"border-color\", \"#dadada\");\n this.isValidEmail = true;\n\n this.setState({\n emailAddress: e.target.value,\n });\n }\n }\n\n if (\n this.isValidEmail === false &&\n this.isValidAppointmentNumber === false &&\n this.isValidPhoneNumber === false\n ) {\n this.setState({\n enableCheckInButton: false,\n });\n } else {\n this.setState({\n enableCheckInButton: true,\n });\n }\n };\n\n /*API METHODS*/\n\n verifyAppointmentInfo = async (\n email,\n phoneNumber,\n appointmentNumber,\n branchIp\n ) => {\n this.setState({ dataLoaded: false });\n try {\n let verifyAppointmentResponse = await this.service.verifyAppointmentInfo(\n email,\n phoneNumber,\n appointmentNumber,\n branchIp\n );\n console.log(\"VERIFY APPOINTMENT RESPONSE: \", verifyAppointmentResponse);\n if (\n verifyAppointmentResponse.data.error !== undefined &&\n verifyAppointmentResponse.data.error === true\n ) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.ServerNotResponding,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else if (\n verifyAppointmentResponse.data.split(\"|\")[0] === \"100\" &&\n this.checkInIssueTicket === true &&\n verifyAppointmentResponse.data.split(\"|\")[14] === \"ON_TIME\"\n // verifyAppointmentResponse.data.split(\"|\")[14] === \"EARLY\"\n ) {\n this.setState({\n verifyAppointmentResponse,\n dataLoaded: true,\n });\n\n this.issueTicket();\n } else if (\n (verifyAppointmentResponse.data.split(\"|\")[0] === \"100\" || verifyAppointmentResponse.data.split(\"|\")[0] === \"106\") &&\n this.checkInIssueTicket === true &&\n verifyAppointmentResponse.data.split(\"|\")[14] === \"EARLY\"\n ) {\n this.setState({ dataLoaded: true });\n\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.EarlyIssueTicket,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else if (\n verifyAppointmentResponse.data.split(\"|\")[0] === \"100\" &&\n this.checkInIssueTicket === true &&\n verifyAppointmentResponse.data.split(\"|\")[14] === \"LATE\"\n ) {\n this.setState({ dataLoaded: true });\n\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.LateIssueTicket,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else if (\n verifyAppointmentResponse.data.split(\"|\")[0] === \"100\" &&\n this.checkInIssueTicket === false\n ) {\n this.setState({ dataLoaded: true });\n handler.showSuccessMessage(\n this.state.lang.AppointmentIsValid,\n this.state.lang.Ok\n );\n } else if (\n verifyAppointmentResponse.data.split(\"|\")[0] === \"103\" &&\n verifyAppointmentResponse.data.split(\"|\")[16] === \"TICKET_ISSUED\" &&\n this.checkInIssueTicket === true\n ) {\n this.setState({ dataLoaded: true });\n\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.TicketAlreadyIssued,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else if (verifyAppointmentResponse.data.split(\"|\")[0] === \"101\") {\n this.setState({ dataLoaded: true });\n\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.AppointmentNotFound,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n }\n } catch (error) {\n if (error.message.includes(\"timeout\")) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.ServerNotResponding,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SomeThingWentWrong,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n }\n this.setState({ dataLoaded: true });\n console.log(\"ERROR IN VERIFY APPOINTMENT\", error.message);\n }\n };\n\n issueTicket = async () => {\n this.setState({ dataLoaded: false });\n if (this.state.verifyAppointmentResponse.data.split(\"|\")[0] === \"100\") {\n try {\n let branchId = this.state.verifyAppointmentResponse.data.split(\"|\")[3];\n let branchCode = this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[29];\n let categoryId = this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[4];\n let priority = this.state.verifyAppointmentResponse.data.split(\"|\")[5];\n let emailAddress = this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[7];\n let phoneNumber = this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[18];\n let escapedPhoneNumber = phoneNumber.replace(\"+\", \"%2b\");\n let firstName =this.enableSurnameField == true ? this.state.verifyAppointmentResponse.data.split(\"|\")[26] : this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[33];\n let additionalInformation = this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[25];\n let surName = this.enableSurnameField ? this.state.verifyAppointmentResponse.data.split(\"|\")[27]:\"\" ;\n let status = this.state.verifyAppointmentResponse.data.split(\"|\")[14];\nconsole.log(\"data\",surName,firstName);\nconsole.log(\"data\",this.state.verifyAppointmentResponse.data);\n let issueTicketResponse = await this.service.issueTicket(\n branchId,\n categoryId,\n priority,\n emailAddress,\n 3,\n localStorage.getItem(\"lang\") === \"es\"\n ? \"Sp\"\n : localStorage.getItem(\"lang\"),\n firstName + \"%20\" + surName,\n escapedPhoneNumber,\n emailAddress,\n \"1\",\n additionalInformation\n );\n console.log(\"RESPONSE OF ISSUE TICKET : \", issueTicketResponse);\n\n if (\n issueTicketResponse.data.error !== undefined &&\n issueTicketResponse.data.error === true\n ) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.ServerNotResponding,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n this.setState({ dataLoaded: true });\n } else if (\n issueTicketResponse.data.ticket_info !== undefined &&\n issueTicketResponse.data.ticket_info !== null\n ) {\n let heading = this.state.lang.YourTicketHasBeenIssued;\n this.setState({\n issueTicketResponse: issueTicketResponse,\n isSuccessfullyCheckedIn: true,\n heading,\n dataLoaded: true,\n });\n localStorage.setItem(\"checkedIn\", true);\n localStorage.setItem(\"prevCheckedInData\", JSON.stringify(this.state));\n localStorage.setItem(\n \"checkedInDate\",\n moment().toDate().toDateString()\n );\n this.generateUrl(\n branchCode,\n issueTicketResponse.data.ticket_info.ticket_id\n );\n this.markAppointmentUsed();\n // setInterval(() => {\n // this.getTicketStatus();\n // }, this.refreshInterval);\n } else if (issueTicketResponse.data.resp_status === \"-1\") {\n this.setState({ isSuccessfullyCheckedIn: false, dataLoaded: true });\n\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.TicketNotIssued,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else if (\n issueTicketResponse.data.resp_message ===\n \"You already have an issued ticket for the category, in the branch.\"\n ) {\n this.setState({ isSuccessfullyCheckedIn: false, dataLoaded: true });\n\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.TicketAlreadyIssued,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n }\n } catch (error) {\n if (error.message.includes(\"timeout\")) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.ServerNotResponding,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n this.setState({ dataLoaded: true });\n } else if (error.message.includes(\"404\")) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.UrlNotFound,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n this.setState({ dataLoaded: true });\n } else if (error.message.includes(\"Network Error\")) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.InternetConnectionError,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n this.setState({ dataLoaded: true });\n } else {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SomeThingWentWrong,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n this.setState({ dataLoaded: true });\n }\n\n console.log(\"ERROR IN ISSUE TICKET \", error.message);\n }\n }\n };\n\n cancelTicket = async () => {\n swal(\n this.state.lang.CancelTicketConfirmation,\n\n {\n icon: \"warning\",\n buttons: {\n no: {\n text: this.state.lang.No === undefined ? \"No\" : this.state.lang.No,\n value: \"no\",\n },\n yes: {\n text:\n this.state.lang.Yes === undefined ? \"Yes\" : this.state.lang.Yes,\n value: \"yes\",\n closeModal: false,\n },\n },\n }\n ).then(async (value) => {\n switch (value) {\n case \"yes\":\n let branchId = this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[3];\n let ticketId = this.state.issueTicketResponse.data.ticket_info\n .ticket_id;\n let ticketNumber = this.state.issueTicketResponse.data.ticket_info\n .ticket_no;\n let sqn = this.state.issueTicketResponse.data.ticket_info.categoryid;\n let emailAddress = this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[7];\n let phoneNumber = this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[18];\n let language =\n localStorage.getItem(\"lang\") === \"es\"\n ? \"Sp\"\n : localStorage.getItem(\"lang\");\n try {\n let cancelTicketResponse = await this.service.cancelTicket(\n emailAddress,\n ticketId,\n branchId,\n language,\n ticketNumber,\n sqn,\n phoneNumber\n );\n console.log(\"CANCEL TICKET RESPONSE: \", cancelTicketResponse);\n if (cancelTicketResponse.data.resp_message === \"Ticket cancelled\") {\n swal.close();\n\n localStorage.removeItem(\"checkedIn\");\n localStorage.removeItem(\"checkedInDate\");\n localStorage.removeItem(\"prevCheckedInData\");\n\n handler.redirect(this.state.redirectUrl);\n } else if (\n cancelTicketResponse.data.resp_message === \"Ticket not found\" ||\n cancelTicketResponse.data.resp_message ===\n \"Operation not permitted\"\n ) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.TicketNotFound,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n localStorage.removeItem(\"checkedIn\");\n localStorage.removeItem(\"checkedInDate\");\n localStorage.removeItem(\"prevCheckedInData\");\n handler.redirect(this.state.redirectUrl);\n } else {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SomeThingWentWrong,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n }\n } catch (error) {\n if (error.message.includes(\"404\")) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.UrlNotFound,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else if (error.message.includes(\"Network Error\")) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.InternetConnectionError,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n }\n }\n\n break;\n case \"no\":\n break;\n\n default:\n }\n });\n };\n\n markAppointmentUsed = async () => {\n try {\n let appointmentNumber = this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[2];\n let emailAddress = this.state.verifyAppointmentResponse.data.split(\n \"|\"\n )[7];\n\n let ticketNumber = this.state.issueTicketResponse.data.ticket_info\n .ticket_no;\n let response = await this.service.markAppointmentUsedAfterTicketIssue(\n appointmentNumber,\n emailAddress,\n ticketNumber\n );\n if (response.data.error !== undefined && response.data.error === true) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.ServerNotResponding,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n }\n } catch (error) {\n if (error.message.includes(\"timeout\")) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.ServerNotResponding,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else if (error.message.includes(\"404\")) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.UrlNotFound,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else if (error.message.includes(\"Network Error\")) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.InternetConnectionError,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SomeThingWentWrong,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n }\n console.log(\"ERROR IN MARKING APPOINTMENT USED: \", error.message);\n }\n };\n\n getTicketStatus = async () => {\n let prevState = JSON.parse(localStorage.getItem(\"prevCheckedInData\"));\n let branchId = prevState.verifyAppointmentResponse.data.split(\"|\")[3];\n let categoryId = prevState.verifyAppointmentResponse.data.split(\"|\")[4];\n let ticketId = prevState.issueTicketResponse.data.ticket_info.ticket_id;\n let ticketNumber = prevState.issueTicketResponse.data.ticket_info.ticket_no;\n try {\n let response = await this.service.getTicketStatus(\n branchId,\n ticketId,\n ticketNumber,\n categoryId\n );\n if (response.data.error !== undefined && response.data.error) {\n handler.showErrMsg(\n prevState.lang.Error,\n prevState.lang.ServerNotResponding,\n prevState.lang.Ok,\n prevState.redirectUrl\n );\n } else {\n if (response.data.resp_status === 1) {\n let issueTicketResponse = {\n ...prevState.issueTicketResponse,\n };\n issueTicketResponse[\"data\"][\"ticket_info\"][\n \"category_approx_waittime\"\n ] = response.data.est_wait_time;\n issueTicketResponse[\"data\"][\"ticket_info\"][\"ticket_in_wait\"] =\n response.data.position_in_queue <= 0\n ? 0\n : parseInt(response.data.position_in_queue);\n this.setState({ issueTicketResponse: issueTicketResponse });\n localStorage.setItem(\"prevCheckedInData\", JSON.stringify(prevState));\n } else if (response.data.resp_status === 2) {\n handler.notify();\n this.setState({ isTicketCalled: true });\n } else if (response.data.resp_status === 3) {\n localStorage.clear();\n handler.showErrMsg(\n prevState.lang.Error,\n prevState.lang.TicketNotFound,\n prevState.lang.Ok,\n prevState.redirectUrl\n );\n setTimeout(() => {\n localStorage.clear();\n handler.redirect(prevState.redirectUrl);\n }, this.popupExpiry);\n }\n }\n } catch (error) {\n if (error.message.includes(\"timeout\")) {\n handler.showErrMsg(\n prevState.lang.Error,\n prevState.lang.ServerNotResponding,\n prevState.lang.Ok,\n prevState.redirectUrl\n );\n } else {\n handler.showErrMsg(\n prevState.lang.Error,\n prevState.lang.SomeThingWentWrong,\n prevState.lang.Ok,\n prevState.redirectUrl\n );\n console.log(error.message);\n }\n }\n };\n\n // START OF REDNERING JSX\n\n getTicketNumber = () => {\n if (\n this.state.issueTicketResponse.data.ticket_info !== undefined &&\n this.state.issueTicketResponse.data.ticket_info !== null\n ) {\n return (\n \n
\n {this.state.lang.TellDeviceDetailsHeading}
\n\n\n
\n \n \n\n \n {this.state.phoneModels !== null\n ? this.state.phoneModels.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n \n \n \n\n {this.state.phoneColors.length > 0 &&\n this.state.selectedModel !== undefined\n ? this.state.phoneColors.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n \n \n {this.state.issueTicketResponse.data.ticket_info.ticket_no}\n \n \n
\n
\n
\n
\n
\n );\n }\n };\n\n getTotalWaitingTime = () => {\n let waitTime = Math.floor(\n this.state.issueTicketResponse.data.ticket_info.category_approx_waittime /\n 60\n );\n\n if (\n this.state.issueTicketResponse.data.ticket_info !== undefined &&\n this.state.issueTicketResponse.data.ticket_info !== null\n ) {\n return (\n \n \n {this.state.lang.TicketNumber}\n \n
\n \n
\n
\n
\n
\n
\n );\n }\n };\n\n getTicketIssuedDateTime = () => {\n if (\n this.state.issueTicketResponse.data.ticket_info !== undefined &&\n this.state.issueTicketResponse.data.ticket_info !== null\n ) {\n return (\n \n {`${this.state.lang.EstimatedWaitTimeMessage} ${waitTime} ${this.state.lang.Minutes}`}\n
\n\n \n {this.state.lang.TicketIssuedTime}\n \n
\n );\n }\n };\n\n getTicketsWaiting = () => {\n if (\n this.state.issueTicketResponse.data.ticket_info !== undefined &&\n this.state.issueTicketResponse.data.ticket_info !== null\n ) {\n return (\n \n {/* {this.state.issueTicketResponse.data.ticket_info.issued_on} */}\n {moment(\n this.state.issueTicketResponse.data.ticket_info.issued_on\n ).format(\"DD-MMM-YYYY hh:mm A\")}\n
\n\n {/* \n {this.state.lang.TicketInWait}\n */}\n
\n );\n }\n };\n\n // END OF REDNERING JSX\n\n render() {\n return (\n \n {`${this.state.lang.ThereArePeople} ${this.state.issueTicketResponse.data.ticket_info.ticket_in_wait} ${this.state.lang.TicketInWait}`}\n
\n\n
\n \n );\n }\n}\n\nexport default CheckIn;\n","import React from \"react\";\nimport ModalHead from \"./../components/modal-head/modalHead\";\n\nimport moment from \"moment\";\nimport Container from \"../components/container/container\";\nimport Content from \"../components/container/content/content\";\n\nconst AppInfo = (props) => {\n let appVersion = window[\"app-config\"].applicationProperties.appVersion;\n let client = window[\"app-config\"].runApp;\n // console.log(\"NAVIGATE DATA: \", props.location.state.data)\n return (\n \n
\n ) : null}\n \n
\n ) : null}\n\n {this.state.isSuccessfullyCheckedIn === true ? (\n \n
\n \n \n {this.state.dataLoaded === false ? (\n \n ) : null}{\" \"}\n \n {this.state.lang.CheckIn}\n \n ) : null}\n
\n \n \n {this.state.lang.AppointmentNumber}\n \n
\n\n \n \n {this.state.lang.PhoneNumberPlaceholder}\n \n\n
\n\n \n \n {this.state.lang.EmailAddressPlaceHolder}\n {/* * */}\n \n
\n\n {this.state.enableCheckInButton === true ? (\n \n \n
\n \n \n
\n\n \n
\n \n {this.state.lang.IssueTicketConfirmedMessage}\n
\n\n\n {this.getTotalWaitingTime()}\n
\n\n \n {this.getTicketsWaiting()}\n
\n\n \n {this.getTicketNumber()}\n
\n\n \n
\n\n {this.color.enableWhatsappButton ? (\n \n {this.getTicketIssuedDateTime()}\n
\n \n
\n ) : null}\n \n
\n {`APP VERSION : ${appVersion}`}
\n\n
\n {`CLIENT : ${client.toUpperCase()}`}
\n\n
\n {`DATE TIME : ${moment(new Date()).format(\n \"DD-MMM-YYYY hh:mm A\"\n )}`}
\n\n
\n );\n } else {\n return (\n \n
\n \n
\n ) : null}\n\n {this.state.isInfoDataLoaded ? (\n \n \n this.getAppointmentInfo(this.state.appointmentNumber)\n }\n bgColor={this.UI.btnColor}\n >\n {this.state.dataLoaded === false ? (\n \n ) : null}{\" \"}\n \n {this.state.lang.Submit}\n \n ) : null}\n
\n \n
\n \n \n {this.state.lang.AppointmentNumber}\n \n
\n \n
\n\n \n \n {this.state.lang.EmailAddressPlaceHolder}\n \n
\n \n
\n\n {this.state.enableSubmitBtn ? (\n \n \n {this.state.lang.PhoneNumberPlaceholder}\n \n
\n \n
\n ) : null}\n \n \n
\n \n {this.state.lang.AppointmentInfo}\n
\n\n\n
\n \n {this.state.response !== null ? (\n <>\n
\n \n
\n );\n }\n }\n}\n\nexport default ModifyAppointment;\n","import React, { Component } from \"react\";\nimport Loader from \"../components/loader/loader\";\nimport ModalHead from \"../components/modal-head/modalHead\";\nimport * as handler from \"../components/utils/handler\";\nimport PrimaryButton from \"../components/utils/primaryButton\";\nimport Slot from \"../components/slot/slot\";\nimport \"antd/dist/antd.css\";\nimport { DatePicker } from \"antd\";\nimport $ from \"jquery\";\nimport moment from \"moment\";\nimport { DataService } from \"../services/data.service\";\nimport { Empty } from \"antd\";\n\n// import \"moment/locale/es\";\nimport { ConfigProvider } from \"antd\";\nimport esES from \"antd/es/locale/es_ES\";\nimport enUS from \"antd/es/locale/en_US\";\n\nconst queryString = require(\"query-string\");\n\nlet lang = queryString.parse(window.location.search).lang;\n\nconst {\n defaultTheme,\n defaultAheadDays,\n defaultLang,\n slotsToShowCount,\n applicationProperties: { isUserAuthenication },\n ui: {\n slotScreen: { defaultFontColor, slotSelectionColor },\n nextAndBackBtn: { backgroundColor },\n },\n} = window[\"app-config\"];\n\nconst appointmentNumber = queryString.parse(\n window.location.search\n).appointmentnumber;\n\nconst theme =\n queryString.parse(window.location.search).theme == undefined\n ? defaultTheme\n : queryString.parse(window.location.search).theme;\n\nconst httpService = new DataService();\n\nclass RescheduleAppointment extends Component {\n state = {\n lang: {},\n enableSubmitBtn: false,\n isSlotLoaded: false,\n isAppointmentInfoLoaded: false,\n isRescheduled: true,\n appointmentInfo: null,\n appointmentSlots: [],\n selectedSlot: null,\n isCurrentDateSlots: false,\n selectedDate: moment(new Date()).format(\"YYYY-MM-DD\"),\n appointmentNumber: null,\n redirectUrl: \"\",\n rescheduleResp: null,\n };\n\n selectedSlot = null;\n\n componentDidMount() {\n this.setState({ lang: handler.setTranslations() });\n\n if (\n isUserAuthenication === true &&\n !localStorage.getItem(\"isLoggedIn\") &&\n !localStorage.getItem(\"email\")\n ) {\n this.props.history.push(\n `/login-user?lang=${lang ? lang : defaultLang.split(\"_\")[0]}`\n );\n } else {\n this.getAppointmentInfo();\n }\n }\n\n getAppointmentInfo = async () => {\n try {\n let response = await httpService.getAppointmentInfo(\n appointmentNumber,\n \"\",\n \"\"\n );\n if (\n response.data.response_code === 100 ||\n response.data.response_code === 106\n ) {\n this.setState({\n appointmentInfo: response.data.appointment_info,\n isAppointmentInfoLoaded: true,\n });\n this.getDateTimeSlots(this.state.selectedDate);\n } else if (response.data.response_code === 102) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.AppointmentNotFound,\n this.state.lang.Ok,\n \"\"\n );\n\n this.setState({ isAppointmentInfoLoaded: true });\n } else if (response.data.response_code === 103) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.TicketAlreadyIssued,\n this.state.lang.Ok,\n \"\"\n );\n this.setState({ isAppointmentInfoLoaded: true });\n } else {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SomeThingWentWrong,\n this.state.lang.Ok,\n \"\"\n );\n this.setState({ isAppointmentInfoLoaded: true });\n }\n } catch (error) {\n this.setState({ isAppointmentInfoLoaded: true });\n console.log(\"ERROR: \", error.message);\n }\n };\n\n onDateChange = (date, dateString) => {\n if (\n isUserAuthenication === true &&\n !localStorage.getItem(\"isLoggedIn\") &&\n !localStorage.getItem(\"email\")\n ) {\n this.props.history.push(\n `/login-user?lang=${lang ? lang : defaultLang.split(\"_\")[0]}`\n );\n } else {\n this.setState({ isAppointmentInfoLoaded: false, selectedDate: date });\n let formattedDate = moment(date === null ? new Date() : date).format(\n \"YYYY-MM-DD\"\n );\n this.getDateTimeSlots(formattedDate);\n }\n };\n\n getDateTimeSlots = async (date) => {\n var dateGiven = moment(date);\n var DAY = dateGiven.day();\n\n DAY = DAY == 0 ? 7 : DAY;\n\n try {\n var response = await httpService.getDateTimeSlots(\n this.state?.appointmentInfo.branch_id,\n this.state?.appointmentInfo.category_id,\n date,\n this.state?.appointmentInfo?.FutureDaysForAppointment !== \"\"\n ? this.state?.appointmentInfo?.FutureDaysForAppointment\n : defaultAheadDays\n );\n if (response.data.error !== undefined && response.data.error === true) {\n this.setState({\n appointmentSlots: undefined,\n isSlotLoaded: true,\n isAppointmentInfoLoaded: true,\n });\n } else if (response.data.appointmentSlots !== null) {\n var appointmentSlots = response.data.appointmentSlots.slice(\n 0,\n slotsToShowCount < 0 || slotsToShowCount > 7 ? 7 : slotsToShowCount\n );\n this.setState({\n appointmentSlots: appointmentSlots,\n isSlotLoaded: true,\n isAppointmentInfoLoaded: true,\n });\n } else {\n this.setState({\n appointmentSlots: [],\n isSlotLoaded: true,\n isAppointmentInfoLoaded: true,\n });\n }\n var slotValue = false;\n this.state.appointmentSlots.forEach(function (value, key) {\n if (value.DayID == DAY) {\n if (value.slotDetail.length == 0) {\n slotValue = true;\n }\n }\n });\n } catch (error) {\n console.log(error.message);\n if (\n error.message.includes(\"timeout\") ||\n error.message.includes(\"ERR_CONNECTION\")\n ) {\n this.setState({\n appointmentSlots: undefined,\n isSlotLoaded: true,\n isAppointmentInfoLoaded: true,\n });\n } else {\n this.setState({\n appointmentSlots: [],\n isSlotLoaded: true,\n isAppointmentInfoLoaded: true,\n });\n }\n }\n };\n\n slotSelection = () => {\n var currContext = this;\n $(document).ready(function () {\n $(\".time\").click(function () {\n $(\".time\").each((i, d) => {\n $(d).css(\"border-color\", \"#eee\");\n $(d).css(\"color\", defaultFontColor);\n });\n\n theme == \"dark\"\n ? $(this).css(\"border-color\", \"#f4741d\")\n : $(this).css(\"border-color\", slotSelectionColor);\n // #f4741d\n theme == \"dark\"\n ? $(this).css(\"color\", \"#f4741d\")\n : $(this).css(\"color\", defaultFontColor);\n // $(this).css(\"color\", currContext.slotColor);\n\n let slotDate = $(\n $(this).closest($(\".sl__modal_calendar-col\")).first()[0].innerHTML\n ).attr(\"date\");\n\n let slotId = $(this).attr(\"value\");\n let time = $(this).attr(\"time\");\n currContext.selectedSlot = `${slotId}|${slotDate}|${time}`;\n\n // let date = moment(currContext.selectedSlot.split(\"|\")[1]).format(\n // \"YYYY-MM-DD\"\n // );\n let date = moment(\n currContext.selectedSlot.split(\"|\")[1],\n \"DD-MMM-YYYY\"\n ).format(\"YYYY-MM-DD\");\n currContext.setState({ selectedDate: date });\n });\n });\n };\n\n onRescheduleClick = async () => {\n if (this.selectedSlot === null) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SlotSelectionErrorMsg,\n this.state.lang.Ok,\n this.state.redirectUrl\n );\n } else {\n this.setState({ isRescheduled: false });\n var {\n appointment_number,\n category_id,\n branch_id,\n branch_name,\n branch_address,\n branch_contact,\n user_id,\n payloads,\n } = this.state.appointmentInfo;\n try {\n let response = await httpService.rescheduleAppointment(\n appointment_number,\n category_id,\n category_id,\n branch_id,\n branch_name,\n branch_address,\n branch_contact,\n this.selectedSlot.split(\"|\")[0],\n 2,\n this.state.selectedDate,\n user_id,\n 1,\n 0,\n payloads,\n localStorage.getItem(\"lang\") === \"es\"\n ? \"Sp\"\n : localStorage.getItem(\"lang\"),\n this.selectedSlot.split(\"|\")[2]\n );\n\n console.log(\"RESCHEDULE RESPONSE\", response);\n if (response.data.error !== undefined && response.data.error === true) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SomeThingWentWrong,\n this.state.lang.Ok,\n \"\"\n );\n } else {\n if (response.data.issueAppointment.resp_status == 1) {\n this.setState({\n rescheduleResp: response,\n isRescheduled: true,\n });\n handler.showSuccessMessage(\n `${this.state.lang.ApptRescheduledSuccessMsg} ${response.data.issueAppointment.appointment_number}`,\n this.state.lang.Ok,\n `${window.location.origin}/updateappointment?lang=${\n lang === undefined ? defaultLang.split(\"_\")[0] : lang\n }&appointmentnumber=${\n response.data.issueAppointment.appointment_number\n }`\n );\n } else if (\n response.data.issueAppointment.resp_message.toLowerCase() ===\n \"Appointment quota for this time slot has reached to its maximum value. Try selecting different time slot.\"\n ) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.TimeSlotQuotaExceed,\n this.state.lang.Ok,\n \"\"\n );\n } else if (response.data.issueAppointment.resp_status === 6) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.AppointmentAlreadyCanceled,\n this.state.lang.Ok,\n \"\"\n );\n } else if (response.data.issueAppointment.resp_status === 7) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.AppointmentExpired,\n this.state.lang.Ok,\n \"\"\n );\n } else if (response.data.issueAppointment.resp_status === 3) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.CantRescheduleApptTcktIssued,\n this.state.lang.Ok,\n \"\"\n );\n } else if (response.data.issueAppointment.resp_status === -2) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.AlreadyServed,\n this.state.lang.Ok,\n \"\"\n );\n } else if (response.data.issueAppointment.resp_status === -3) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.ApptCanceledAutomatically,\n this.state.lang.Ok,\n \"\"\n );\n } else if (response.data.issueAppointment.resp_status === -6) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.YouAlreadyHaveAnAppointment,\n this.state.lang.Ok,\n \"\"\n );\n } else if (response.data.issueAppointment.resp_status === 300) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.UserApptAgent,\n this.state.lang.Ok,\n \"\"\n );\n } else if (response.data.issueAppointment.resp_status === 301) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.UserAlreadyApptAgent,\n this.state.lang.Ok,\n \"\"\n );\n } else {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SomeThingWentWrong,\n this.state.lang.Ok,\n \"\"\n );\n }\n }\n } catch (error) {\n handler.showErrMsg(\n this.state.lang.Error,\n this.state.lang.SomeThingWentWrong,\n this.state.lang.Ok,\n \"\"\n );\n console.log(\"ERROR IN RESCHEDULE: \", error.message);\n }\n console.log(\"SELECTED SLOT: \", this.selectedSlot);\n }\n };\n\n render() {\n this.slotSelection();\n if (\n this.state.isAppointmentInfoLoaded === true &&\n this.state.isSlotLoaded === true\n ) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n );\n } else {\n return (\n \n
\n\n\n \n {this.state.isRescheduled === false ? (\n \n ) : null}\n {this.state.lang.Reschedule}\n \n
\n \n\n
\n
\n \n
\n \n {this.state.lang.WhenDoYouMakeAppointment}\n
\n\n\n
\n\n \n \n
\n \n \n {\n return (\n moment().add(-1, \"days\") >= current ||\n moment().add(\n this.state.appointmentInfo\n .FutureDaysForAppointment !== \"\"\n ? this.state.appointmentInfo\n ?.FutureDaysForAppointment\n : defaultAheadDays,\n \"days\"\n ) <= current\n );\n }}\n allowClear={false}\n />\n \n {this.state.isCurrentDateSlots === true ? (\n
\n \n {this.state.lang.NoSlotsAvailable}\n
\n ) : (\n \"\"\n )}\n\n {this.state.appointmentSlots !== null &&\n this.state.appointmentSlots.length > 0 ? (\n this.state.appointmentSlots.map((data, index) => {\n return (\n \n );\n })\n ) : (\n
\n \n
\n )}\n \n
\n );\n }\n }\n}\n\nexport default RescheduleAppointment;\n","import React, { Component } from \"react\";\n\nimport { Empty } from \"antd\";\n\nimport * as handler from \"../components/utils/handler\";\n\nimport Container from \"../components/container/container\";\nimport Content from \"../components/container/content/content\";\nimport ModalHead from \"../components/modal-head/modalHead\";\nimport Card from \"../components/utils/card\";\n\nclass TicketCalled extends Component {\n state = { lang: {} };\n UI = window[\"app-config\"].ui;\n componentDidMount() {\n this.setState({ lang: handler.setTranslations() });\n handler.blinkText(\"#blink\");\n }\n\n render() {\n let ticket_number = \"\";\n let branch = \"\";\n if (\n JSON.parse(localStorage.getItem(\"prevState\")) !== null ||\n JSON.parse(localStorage.getItem(\"prevCheckedInData\")) !== null\n ) {\n ticket_number =\n JSON.parse(localStorage.getItem(\"prevState\")) !== null\n ? JSON.parse(localStorage.getItem(\"prevState\")).response.data\n .ticket_info !== undefined\n ? JSON.parse(localStorage.getItem(\"prevState\")).response.data\n .ticket_info.ticket_no\n : JSON.parse(localStorage.getItem(\"prevState\")).response.data\n .ticket_number_f\n : JSON.parse(localStorage.getItem(\"prevCheckedInData\"))\n .issueTicketResponse.data.ticket_info.ticket_no;\n\n return (\n \n
\n \n \n \n {ticket_number}\n \n \n
\n \n
\n );\n } else if (this.state.dataLoaded === false) {\n return (\n \n
\n \n
\n \n
\n );\n } else {\n return (\n \n
\n {this.state.lang.TellDeviceDetailsHeading}
\n\n
\n );\n }\n }\n}\n\nexport default DeviceDetails;\n","/*\n * @Author: Mufaddal Jamali\n * @Date: 2020-02-24 15:49:21\n * @Last Modified by: Mufaddal Jamali\n * @Last Modified time: 2021-01-29 11:07:27\n */\n\nimport React, { Component } from \"react\";\nimport { DataService } from \"../services/data.service\";\nimport loader from \"../assets/images/loader.gif\";\nimport { Empty } from \"antd\";\nimport $ from \"jquery\";\nimport * as handler from \"../components/utils/handler\";\n\nclass ServiceDetails extends Component {\n defaultCategory = window[\"app-config\"].defaultCategory;\n defaultServices = window[\"app-config\"].defaultServices;\n defaultLanguage = window[\"app-config\"].defaultLang;\n isMandatoryImei = window[\"app-config\"].isMandatoryImei;\n \n //allSymptomDetails=window[\"app-config\"].SymptomDetails;\n allSymptomDetails=[];\n\n collections = window[\"app-config\"].collections;\n URL = window[\"app-config\"].URL;\n choosecategroyvalue = window[\"app-config\"].applicationProperties.choosecategroyvalue;\n\n categoryId = null;\n deviceHealth = null;\n phoneServiceName = null;\n symptomDetailName=null;\n imei = null;\n\n \n\n imeiRef = React.createRef();\n isValidIemiSerielNumber = false;\n\n isRepairServiceSelected = false;\n\n dataService = new DataService();\n\n state = {\n categorybtn:false,\n categories: [],\n dataLoaded: false,\n singleBranchDetails: [],\n phoneServices: [],\n symptomDetails:[],\n selectedCategory: null,\n selectedService: null,\n selectedSymptomDetail:null,\n dataLoaded: false,\n serverResponded: true,\n imei: null,\n isValidImei: undefined,\n lang: {},\n imeidrowpdown:false\n };\n\n async componentDidMount() {\n this.setState({ lang: handler.setTranslations() });\n this.getData();\n this.props.setHeading(null);\n this.props.hideBtnNext();\n setInterval(() => {\n if(this.state.selectedService !== null && this.state.imeidrowpdown == true && this.state.imei == null && this.isMandatoryImei !== false){\n this.props.hideBtnNext();\n }\n }, 10);\n }\n\n getData = async () => {\n try {\n var branchId = await (await this.dataService.getSingleBranchDetails())\n .data.branchList[0].BranchID;\n\n let phoneServiceResp = await this.dataService.getDeviceDetails();\n let categoryListResp = await this.dataService.getCategoriesByBranchId(\n branchId\n );\n\n let filteredCategories = handler.compareArrayOfObject(\n categoryListResp.data.categoryList,\n this.collections.categories\n );\n\n if (\n (phoneServiceResp.data.error !== undefined &&\n phoneServiceResp.data.error === true) ||\n (categoryListResp.data.error !== undefined &&\n categoryListResp.data.error === true)\n ) {\n this.setState({\n categories: [],\n dataLoaded: true,\n phoneServices: [],\n serverResponded: false,\n });\n } else {\n var phoneServices = phoneServiceResp.data.productsInfo.phoneService;\n let categoryList = categoryListResp.data.categoryList;\n\n this.setState({\n categories:\n filteredCategories.length > 0 ? filteredCategories : categoryList,\n dataLoaded: true,\n // singleBranchDetails: branchID,\n phoneServices: phoneServices,\n });\n }\n } catch (error) {\n console.log(\"ERROR\", error.message);\n this.setState({\n categories: [],\n phoneServices: [],\n dataLoaded: true,\n singleBranchDetails: [],\n serverResponded: error.message.includes(\"timeout\") ? false : true,\n });\n }\n };\n\n onCategoryChange = (e) => {\n this.categoryId = e.target.value;\n console.log(\"this.categoryId:\",this.categoryId)\n this.setState({ selectedCategory: e.target.value });\n\n if (e.target.value !== this.defaultCategory) {\n this.phoneServiceName = null;\n this.imei = null;\n this.symptomDetailName=null;\n this.setState({ selectedService: null, imei: null, selectedSymptomDetail:null});\n }\n\n\n this.sendDataToParent();\n };\n\n onDeviceHealthChange = (e) => {\n if (this.state.isValidImei === false) {\n console.log(\"IN IF DH\");\n this.props.hideBtnNext();\n } else if (\n this.defaultServices.includes(this.state.selectedService) &&\n this.state.imei === null &&\n this.isMandatoryImei === true &&\n this.state.isValidImei === undefined\n ) {\n console.log(\"IN ELSEIF DH\");\n this.props.hideBtnNext();\n } else {\n console.log(\"IN ELSE DH\");\n this.deviceHealth = e.target.value;\n this.sendDataToParent();\n }\n };\n\n onPhoneServiceChange = (e) => {\n\n \n this.phoneServiceName = e.target.value;\n console.log(\"this.phoneServiceName :\",this.phoneServiceName )\n this.setState({ selectedService: e.target.value });\n console.log(this.allSymptomDetails);\n this.state.symptomDetails=[];\n this.symptomDetailName = null;\n this.setState({ selectedSymptomDetail: null });\n \n for(let symptom in this.state.phoneServices){\n if((this.state.phoneServices[symptom].ServiceName).toLowerCase()==(this.phoneServiceName).toLowerCase()){\n this.state.symptomDetails=this.state.phoneServices[symptom].SymptomDetail;\n break;\n }\n }\n \n if(this.state.symptomDetails==null){\n this.state.symptomDetails=[];\n this.symptomDetailName = null;\n this.setState({ selectedSymptomDetail: null });\n }\n \n setTimeout(()=>{\n this.sendDataToParent();\n },200)\n\n if (\n this.defaultServices.includes(e.target.value) &&\n this.state.imei === null &&\n (this.state.isValidImei === false || this.state.isValidImei === undefined)\n ) {\n this.props.hideBtnNext();\n this.setState({imeidrowpdown :true})\n \n } else if (\n !this.defaultServices.includes(e.target.value) &&\n this.state.isValidImei === false &&\n this.state.imei !== \"\"\n ) {\n this.setState({imeidrowpdown :false})\n this.props.hideBtnNext();\n } else if (this.state.imei !== null && this.state.isValidImei === false ) {\n this.setState({imeidrowpdown :false})\n this.props.hideBtnNext();\n }\n else if (this.symptomDetailName==null) {\n this.setState({imeidrowpdown :false})\n this.props.hideBtnNext();\n } \n else {\n this.setState({imeidrowpdown :false})\n this.props.showBtnNext();\n }\n };\n\n onSymptomDetailChange = (e) => {\n \n this.symptomDetailName = e.target.value;\n this.setState({ selectedSymptomDetail: e.target.value });\n setTimeout(()=>{\n this.sendDataToParent();\n },200)\n \n }\n\n onImeiChange = (e) => {\n \n if (e.target.value.length === 0) {\n $(\"#imei-field\").css(\"border-color\", \"#dadada\");\n this.setState({ isValidImei: undefined, imei: null });\n if (\n this.defaultServices.includes(this.state.selectedService) &&\n e.target.value === \"\" &&\n this.isMandatoryImei === true\n ) {\n this.props.hideBtnNext();\n } else {\n this.props.showBtnNext();\n }\n } \n else if (\n (e.target.value.length !== 0 && e.target.value.length < 11) ||\n /\\s/.test(e.target.value) ||\n !/^[a-zA-ZÀ-ÿ0-9]+$/.test(e.target.value) ||\n (e.target.value.length > 11 && e.target.value.length < 15)\n ) {\n $(\"#imei-field\").css(\"border-color\", \"red\");\n // this.isValidIemiSerielNumber = false;\n this.setState({ isValidImei: false, imei: e.target.value });\n this.props.hideBtnNext();\n } else {\n $(\"#imei-field\").css(\"border-color\", \"#dadada\");\n // this.isValidIemiSerielNumber = true;\n //this.imei = e.target.value;\n this.setState({ imei: e.target.value, isValidImei: true });\n this.props.showBtnNext();\n if(this.state.imei === null) {\n this.state.imei=e.target.value;\n }\n console.log(this.state.imei);\n setTimeout(() => {\n this.sendDataToParent();\n },50)\n \n }\n };\n\n sendDataToParent = () => {\n this.props.serviceDetails({\n categoryId: this.categoryId,\n deviceHealth: this.deviceHealth,\n phoneServiceName:\n this.categoryId === this.defaultCategory &&\n this.phoneServiceName === null\n ? undefined\n : this.phoneServiceName,\n symptomDetailName: (this.categoryId === this.defaultCategory) && \n (this.symptomDetailName == null || this.symptomDetailName == undefined)? \"\": this.state.selectedSymptomDetail,\n //symptomDetailName:this.phoneServiceName==this.defaultCategory?this.symptomDetailName:null,\n imei: this.state.imei,\n });\n\n console.log(this.state.selectedSymptomDetail)\n \n };\n\n render() {\n \n if (this.state.dataLoaded === false) {\n return (\n \n
\n {this.state.lang.TellDeviceDetailsHeading}
\n\n\n
\n\n \n \n\n \n \n\n {this.state.productTypes !== null &&\n this.state.productTypes.length > 0\n ? this.state.productTypes.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n\n \n \n \n \n\n {this.state.productFamily.length > 0\n ? this.state.productFamily.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n
\n \n \n\n \n {this.state.phoneModels !== null\n ? this.state.phoneModels.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n \n \n \n\n {this.state.phoneColors.length > 0 &&\n this.state.selectedModel !== undefined\n ? this.state.phoneColors.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n
\n );\n } else if (!this.state.serverResponded) {\n return (\n \n
\n {this.state.lang.TellUsSomethingElse}
\n\n\n 
\n
\n \n
\n );\n } else {\n return (\n \n
\n \n
\n \n
\n );\n }\n }\n}\n\nexport default ServiceDetails;\n","module.exports = __webpack_public_path__ + \"static/media/spain-flag.31fce790.png\";","module.exports = __webpack_public_path__ + \"static/media/pakistan-flag.a6399c4c.png\";","module.exports = __webpack_public_path__ + \"static/media/uk-flag.bd640a98.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAD6CAIAAADYySIZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1REZBNERBMEQyQzExRTZCRkMzRjVBRjdCOTk2RTBGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1REZBNERCMEQyQzExRTZCRkMzRjVBRjdCOTk2RTBGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTVERkE0RDgwRDJDMTFFNkJGQzNGNUFGN0I5OTZFMEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTVERkE0RDkwRDJDMTFFNkJGQzNGNUFGN0I5OTZFMEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7HDMEPAAADXElEQVR42uzYwUnEQBiG4ZlNVDBZJCBeveVmCRbgzVY8Wo1t7FHwHrABK1gPC4KabDIWITML4XlK+A7v/Ewcuj5QUD2nz231+Hx72FZhTgYBctiYAEDcARB3AMQdAHEHQNwBxB0AcQdA3AEQdwDEHUDcARB3AMQdAHEHQNwBEHcAcQdA3AEQdwDEHQBxBxB3AMQdAHEHQNwBEHcAxB1A3AEQdwDEHQBxB0DcAcQdAHEHQNwBEHcAxB0AcQcQdwDEHQBxB0DcARB3AHEHQNwBEHcAxB0AcQdA3AHEHQBxB0DcARB3AMQdQNwBEHcAxB0AcQdA3AEQdwBxB0DcARB3AMQdAHEHEHcAxB0AcQdA3AEQdwDEHUDcARB3AMQdAHEHQNwBxB0AcQdA3AEQdwD+pzZBeSmkr+knTJswJ2sA4r4Gc1raunm5fzpeNSGJO5BFHLreCkXP9ul4dnN99/4W2nNrAJn4cz9F30Oap287AOIOgLgDiDsA4g6AuAMg7gCIOwDiDiDuAIg7AOIOgLgDIO4A4g6AuAMg7gCIOwDiDoC4A4g7AOIOgLgDIO4AiDuAuAMg7gCIOwDiDoC4AyDuAOIOgLgDIO4AiDsA4g4g7gCIOwDiDoC4AyDuAIg7gLgDIO4AiDsA4g6AuAOIOwDiDoC4AyDuAIg7AOIOIO4AiDsA4g6AuAMg7gDiDoC4AyDuAIg7AOIOgLgDiDsA4g6AuAMg7gCIO4C4AyDuAIg7AOIOgLgDIO4A4g6AuAMg7gCIOwDiDiDulBJjrJrGDkA+tQnKl30cx9fdbmkvrQHkSs3Q9VYo+5zG/TI9HD5+bQFk41vmNMf7heUBcV9l340AiDsA4g4g7gCIOwDiDoC4AyDuAIg7gLgDIO4AiDsA4g6AuAOIOwDiDoC4AyDuAIg7AOIOIO4AiDsA4g6AuAMg7gDiDoC4AyDuAIg7AOIOgLgDiDsA4g6AuAMg7gCIO4C4AyDuAIg7AOIOgLgDIO4A4g6AuAMg7gCIOwDiDiDuAIg7AOIOgLgDIO4AiDuAuAMg7gCIOwDiDoC4A4g7AOIOgLgDIO4AiDsA4g4g7gCIOwDiDoC4AyDuAOIOgLgDIO4AiDsA4g6AuAOIOwDiDoC4AyDuAIg7gLgDsBZ/AgwAEB8xfRfdu/EAAAAASUVORK5CYIIxNzcy\"","import React from \"react\";\nimport loader from \"../../assets/images/loader.gif\";\nconst Loader = () => {\n return (\n \n
\n {this.state.lang.TellUsSomethingElse}
\n\n
\n\n {this.state.selectedCategory === this.defaultCategory ? (\n \n \n \n \n \n \n \n
\n \n \n \n \n\n {this.state.categories.length > 0\n ? this.state.categories.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n
\n ) : null}\n\n\n \n {this.state.selectedService !== null && this.choosecategroyvalue !== false ? (\n \n \n \n \n\n {this.state.phoneServices.length > 0\n ? this.state.phoneServices.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n
\n ) : null} \n\n {this.state.selectedService !== null && this.state.imeidrowpdown == true ? (\n \n \n \n \n\n {this.state.symptomDetails.length > 0\n ? this.state.symptomDetails.map((data, i) => {\n return (\n \n );\n })\n : null}\n \n
\n \n
\n ) : null}\n\n {/* \n
\n \n \n \n \n {this.state.lang.retrieveIMEI}\n \n
\n \n \n
*/}\n {this.state.lang.DeviceParagraph}
\n\n
\n );\n};\n\nexport default Loader;\n","/*\n * @Author: Mufaddal Jamali\n * @Date: 2020-02-24 15:49:21\n * @Last Modified by: Mufaddal Jamali\n * @Last Modified time: 2020-11-09 13:25:09\n */\n\nimport React, { Component } from \"react\";\nimport { Spin } from \"antd\";\nimport Flags from \"../country-flags/Flags\";\nimport * as handler from \"../utils/handler\";\nconst queryString = require(\"query-string\");\n\nclass ModalHead extends Component {\n changeLocationUrl = window[\"app-config\"].URL.changeLocationUrl;\n defaultLanguage = window[\"app-config\"].defaultLang;\n runApp = window[\"app-config\"].runApp;\n logo = window[\"app-config\"].ui.logo;\n headerBackGround = window[\"app-config\"].ui.header.backGroundColor;\n headerFontColor = window[\"app-config\"].ui.header.fontColor;\n\n state = {\n lang: {},\n };\n\n componentDidMount() {\n this.setState({ lang: handler.setTranslations() });\n }\n\n render() {\n if (this.props.heading !== null) {\n return (\n \n
\n \n \n
\n \n
\n \n \n \n
\n {this.logo.showLogo === true ? (\n \n \n {this.props.heading}\n \n
\n\n
\n \n \n \n
\n {this.logo.showLogo === true ? (\n \n \n {/* {this.props.heading} */}\n {this.state.lang.StaticHeaderHeading}\n \n
\n\n
\n ) : null}\n \n \n \n {this.props.address !== undefined &&\n this.props.address.length > 0 &&\n this.props.address[0] !== null ? (\n this.props.address[0].BranchTitle + \" | \"\n ) : (\n
\n {this.runApp === \"samsung\" ? (\n \n {this.state.lang.ChangeLocation}\n \n ) : null}\n
\n {this.logo.showLogo === true ? (\n \n \n {this.props.address !== undefined &&\n this.props.address.length > 0 &&\n this.props.address[0] !== null ? (\n this.props.address[0].BranchTitle + \" | \"\n ) : (\n
\n {this.runApp === \"samsung\" ? (\n \n {props.children}\n
\n );\n};\n\nexport default PrimaryButton;\n","var map = {\n\t\"./\": [\n\t\t205,\n\t\t9\n\t],\n\t\"./App\": [\n\t\t222,\n\t\t9\n\t],\n\t\"./App.css\": [\n\t\t877,\n\t\t7,\n\t\t18\n\t],\n\t\"./App.js\": [\n\t\t222,\n\t\t9\n\t],\n\t\"./App.test\": [\n\t\t459,\n\t\t9,\n\t\t0,\n\t\t1,\n\t\t9\n\t],\n\t\"./App.test.js\": [\n\t\t459,\n\t\t9,\n\t\t0,\n\t\t1,\n\t\t9\n\t],\n\t\"./README.md\": [\n\t\t878,\n\t\t7,\n\t\t21\n\t],\n\t\"./assets/fonts/Montserrat-Bold.ttf\": [\n\t\t879,\n\t\t7,\n\t\t22\n\t],\n\t\"./assets/fonts/Montserrat-Light.ttf\": [\n\t\t880,\n\t\t7,\n\t\t23\n\t],\n\t\"./assets/fonts/Montserrat-Medium.ttf\": [\n\t\t881,\n\t\t7,\n\t\t24\n\t],\n\t\"./assets/fonts/Montserrat-Regular.ttf\": [\n\t\t882,\n\t\t7,\n\t\t25\n\t],\n\t\"./assets/fonts/Montserrat-SemiBold.ttf\": [\n\t\t883,\n\t\t7,\n\t\t26\n\t],\n\t\"./assets/fonts/SamsungSharpSans-Bold.ttf\": [\n\t\t884,\n\t\t7,\n\t\t27\n\t],\n\t\"./assets/fonts/SamsungSharpSans-Medium.ttf\": [\n\t\t885,\n\t\t7,\n\t\t28\n\t],\n\t\"./assets/fonts/SamsungSharpSans-Regular.ttf\": [\n\t\t886,\n\t\t7,\n\t\t29\n\t],\n\t\"./assets/images/calender_gry.png\": [\n\t\t191,\n\t\t7\n\t],\n\t\"./assets/images/calender_gry@2x.png\": [\n\t\t887,\n\t\t7,\n\t\t32\n\t],\n\t\"./assets/images/calender_org.png\": [\n\t\t152,\n\t\t7\n\t],\n\t\"./assets/images/calender_org@2x.png\": [\n\t\t888,\n\t\t7,\n\t\t33\n\t],\n\t\"./assets/images/loader.gif\": [\n\t\t185,\n\t\t7\n\t],\n\t\"./assets/images/location-white.png\": [\n\t\t190,\n\t\t7\n\t],\n\t\"./assets/images/location.png\": [\n\t\t189,\n\t\t7\n\t],\n\t\"./assets/images/location@2x.png\": [\n\t\t889,\n\t\t7,\n\t\t34\n\t],\n\t\"./assets/images/logo_green.svg\": [\n\t\t890,\n\t\t7,\n\t\t30\n\t],\n\t\"./assets/images/pakistan-flag.png\": [\n\t\t304,\n\t\t7\n\t],\n\t\"./assets/images/spain-flag.png\": [\n\t\t303,\n\t\t7\n\t],\n\t\"./assets/images/uae-flag.png\": [\n\t\t306,\n\t\t7\n\t],\n\t\"./assets/images/uk-flag.png\": [\n\t\t305,\n\t\t7\n\t],\n\t\"./assets/images/wavetec-title.png\": [\n\t\t891,\n\t\t7,\n\t\t35\n\t],\n\t\"./assets/images/wavetecFooter.jpeg\": [\n\t\t892,\n\t\t7,\n\t\t36\n\t],\n\t\"./assets/styles/AppNotFound.css\": [\n\t\t422,\n\t\t7\n\t],\n\t\"./assets/styles/Glovo.css\": [\n\t\t456,\n\t\t7,\n\t\t5\n\t],\n\t\"./assets/styles/Leroy.css\": [\n\t\t457,\n\t\t7,\n\t\t6\n\t],\n\t\"./assets/styles/Samsung.css\": [\n\t\t458,\n\t\t7,\n\t\t7\n\t],\n\t\"./components/app-not-found/notFound\": [\n\t\t233,\n\t\t9\n\t],\n\t\"./components/app-not-found/notFound.jsx\": [\n\t\t233,\n\t\t9\n\t],\n\t\"./components/booking-summary/Booking-Summary\": [\n\t\t163,\n\t\t9\n\t],\n\t\"./components/booking-summary/Booking-Summary.jsx\": [\n\t\t163,\n\t\t9\n\t],\n\t\"./components/container/container\": [\n\t\t131,\n\t\t9\n\t],\n\t\"./components/container/container.jsx\": [\n\t\t131,\n\t\t9\n\t],\n\t\"./components/container/content/content\": [\n\t\t132,\n\t\t9\n\t],\n\t\"./components/container/content/content.jsx\": [\n\t\t132,\n\t\t9\n\t],\n\t\"./components/country-flags/Flags\": [\n\t\t188,\n\t\t9\n\t],\n\t\"./components/country-flags/Flags.jsx\": [\n\t\t188,\n\t\t9\n\t],\n\t\"./components/footer/footer\": [\n\t\t134,\n\t\t9\n\t],\n\t\"./components/footer/footer.jsx\": [\n\t\t134,\n\t\t9\n\t],\n\t\"./components/journey/journey\": [\n\t\t128,\n\t\t9\n\t],\n\t\"./components/journey/journey.jsx\": [\n\t\t128,\n\t\t9\n\t],\n\t\"./components/loader/loader\": [\n\t\t40,\n\t\t9\n\t],\n\t\"./components/loader/loader.jsx\": [\n\t\t40,\n\t\t9\n\t],\n\t\"./components/map-branch-selection/branchSelection\": [\n\t\t460,\n\t\t9,\n\t\t4\n\t],\n\t\"./components/map-branch-selection/branchSelection.jsx\": [\n\t\t460,\n\t\t9,\n\t\t4\n\t],\n\t\"./components/map-marker/marker\": [\n\t\t446,\n\t\t9,\n\t\t10\n\t],\n\t\"./components/map-marker/marker.jsx\": [\n\t\t446,\n\t\t9,\n\t\t10\n\t],\n\t\"./components/modal-head/modalHead\": [\n\t\t43,\n\t\t9\n\t],\n\t\"./components/modal-head/modalHead.jsx\": [\n\t\t43,\n\t\t9\n\t],\n\t\"./components/phase/phase\": [\n\t\t192,\n\t\t9\n\t],\n\t\"./components/phase/phase.jsx\": [\n\t\t192,\n\t\t9\n\t],\n\t\"./components/preparation/preparation\": [\n\t\t151,\n\t\t9\n\t],\n\t\"./components/preparation/preparation.jsx\": [\n\t\t151,\n\t\t9\n\t],\n\t\"./components/slot-modal/slotModal\": [\n\t\t99,\n\t\t9\n\t],\n\t\"./components/slot-modal/slotModal.jsx\": [\n\t\t99,\n\t\t9\n\t],\n\t\"./components/slot/slot\": [\n\t\t113,\n\t\t9\n\t],\n\t\"./components/slot/slot.jsx\": [\n\t\t113,\n\t\t9\n\t],\n\t\"./components/utils/card\": [\n\t\t241,\n\t\t9\n\t],\n\t\"./components/utils/card.jsx\": [\n\t\t241,\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\t1,\n\t\t9\n\t],\n\t\"./components/utils/handler.js\": [\n\t\t1,\n\t\t9\n\t],\n\t\"./components/utils/iconButton\": [\n\t\t130,\n\t\t9\n\t],\n\t\"./components/utils/iconButton.jsx\": [\n\t\t130,\n\t\t9\n\t],\n\t\"./components/utils/primaryButton\": [\n\t\t59,\n\t\t9\n\t],\n\t\"./components/utils/primaryButton.jsx\": [\n\t\t59,\n\t\t9\n\t],\n\t\"./components/utils/refreshButton\": [\n\t\t129,\n\t\t9\n\t],\n\t\"./components/utils/refreshButton.jsx\": [\n\t\t129,\n\t\t9\n\t],\n\t\"./components/utils/secondaryButton\": [\n\t\t161,\n\t\t9\n\t],\n\t\"./components/utils/secondaryButton.jsx\": [\n\t\t161,\n\t\t9\n\t],\n\t\"./containers/DeviceService\": [\n\t\t235,\n\t\t9\n\t],\n\t\"./containers/DeviceService.jsx\": [\n\t\t235,\n\t\t9\n\t],\n\t\"./containers/appInfo\": [\n\t\t237,\n\t\t9\n\t],\n\t\"./containers/appInfo.jsx\": [\n\t\t237,\n\t\t9\n\t],\n\t\"./containers/branchSelection\": [\n\t\t193,\n\t\t9\n\t],\n\t\"./containers/branchSelection.jsx\": [\n\t\t193,\n\t\t9\n\t],\n\t\"./containers/categorySelection\": [\n\t\t234,\n\t\t9\n\t],\n\t\"./containers/categorySelection.jsx\": [\n\t\t234,\n\t\t9\n\t],\n\t\"./containers/checkIn\": [\n\t\t236,\n\t\t9\n\t],\n\t\"./containers/checkIn.jsx\": [\n\t\t236,\n\t\t9\n\t],\n\t\"./containers/confirmedAppointment\": [\n\t\t162,\n\t\t9\n\t],\n\t\"./containers/confirmedAppointment.jsx\": [\n\t\t162,\n\t\t9\n\t],\n\t\"./containers/deviceDetails\": [\n\t\t292,\n\t\t9\n\t],\n\t\"./containers/deviceDetails.jsx\": [\n\t\t292,\n\t\t9\n\t],\n\t\"./containers/main\": [\n\t\t232,\n\t\t9\n\t],\n\t\"./containers/main.jsx\": [\n\t\t232,\n\t\t9\n\t],\n\t\"./containers/modifyAppointment\": [\n\t\t238,\n\t\t9\n\t],\n\t\"./containers/modifyAppointment.jsx\": [\n\t\t238,\n\t\t9\n\t],\n\t\"./containers/rescheduleAppointment\": [\n\t\t239,\n\t\t9\n\t],\n\t\"./containers/rescheduleAppointment.jsx\": [\n\t\t239,\n\t\t9\n\t],\n\t\"./containers/serviceDetails\": [\n\t\t295,\n\t\t9\n\t],\n\t\"./containers/serviceDetails.jsx\": [\n\t\t295,\n\t\t9\n\t],\n\t\"./containers/slots\": [\n\t\t159,\n\t\t9\n\t],\n\t\"./containers/slots.jsx\": [\n\t\t159,\n\t\t9\n\t],\n\t\"./containers/ticketCalled\": [\n\t\t240,\n\t\t9\n\t],\n\t\"./containers/ticketCalled.jsx\": [\n\t\t240,\n\t\t9\n\t],\n\t\"./containers/updateAppointment\": [\n\t\t186,\n\t\t9\n\t],\n\t\"./containers/updateAppointment.jsx\": [\n\t\t186,\n\t\t9\n\t],\n\t\"./containers/userDetails\": [\n\t\t160,\n\t\t9\n\t],\n\t\"./containers/userDetails.jsx\": [\n\t\t160,\n\t\t9\n\t],\n\t\"./custom.module.css\": [\n\t\t893,\n\t\t7,\n\t\t20\n\t],\n\t\"./dark.css\": [\n\t\t455,\n\t\t7,\n\t\t8\n\t],\n\t\"./data/deviceDetails\": [\n\t\t149,\n\t\t3\n\t],\n\t\"./data/deviceDetails.json\": [\n\t\t149,\n\t\t3\n\t],\n\t\"./firebase\": [\n\t\t461,\n\t\t9,\n\t\t3,\n\t\t11\n\t],\n\t\"./firebase.js\": [\n\t\t461,\n\t\t9,\n\t\t3,\n\t\t11\n\t],\n\t\"./index\": [\n\t\t205,\n\t\t9\n\t],\n\t\"./index.css\": [\n\t\t894,\n\t\t7,\n\t\t19\n\t],\n\t\"./index.js\": [\n\t\t205,\n\t\t9\n\t],\n\t\"./logo.svg\": [\n\t\t895,\n\t\t7,\n\t\t31\n\t],\n\t\"./package\": [\n\t\t463,\n\t\t3,\n\t\t14\n\t],\n\t\"./package-lock\": [\n\t\t462,\n\t\t3,\n\t\t13\n\t],\n\t\"./package-lock.json\": [\n\t\t462,\n\t\t3,\n\t\t13\n\t],\n\t\"./package.json\": [\n\t\t463,\n\t\t3,\n\t\t14\n\t],\n\t\"./serviceWorker\": [\n\t\t242,\n\t\t9\n\t],\n\t\"./serviceWorker.js\": [\n\t\t242,\n\t\t9\n\t],\n\t\"./services/data.service\": [\n\t\t28,\n\t\t9\n\t],\n\t\"./services/data.service.js\": [\n\t\t28,\n\t\t9\n\t],\n\t\"./setupTests\": [\n\t\t464,\n\t\t9,\n\t\t0,\n\t\t2,\n\t\t12\n\t],\n\t\"./setupTests.js\": [\n\t\t464,\n\t\t9,\n\t\t0,\n\t\t2,\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 = 872;\nmodule.exports = webpackAsyncContext;","import React from \"react\";\n\nconst DangerButton = ({ color, text, onClick, disabled = false }) => {\n return (\n \n this.handleModalShowHide()}\n >\n {this.state.lang.UnableToFindYourDesiredSlot}\n \n\n \n this.handleModalShowHide()}>\n \n {this.state.lang.EnterYourDetailsToInformUs}\n \n \n \n
\n\n \n \n \n \n {this.state.lang.PhoneNumber}\n \n *\n \n \n
\n \n \n
\n\n \n \n {this.state.lang.Name}\n \n *\n \n \n
\n \n \n {this.state.lang.SelectAppointmentDate}:\n \n *\n \n \n \n \n {\n return moment().add(-1, \"days\") >= current;\n }}\n allowClear={false}\n />\n \n
\n \n\n \n {/* \n {this.state.lang.SelectSlotTime}:\n \n *\n \n */}\n \n {/* \n
\n \n \n \n \n \n
\n \n \n
\n \n {this?.state?.data !== null &&\n this?.state?.data?.length > 0 ? (\n this.state?.data?.map((data, index) => {\n return (\n
\n