\n
\n )\n}\n\nexport default InputCustom;\n","import ReCAPTCHA from 'react-google-recaptcha';\n\nconst CaptchaCustom = ({rtl, onChange}) => {\n const dir = rtl ? \"right\" : \"left\";\n\n return (\n \n
\n \n \n \n {hint ? : }\n
\n \n
\n \n
\n {headingleft !== '' ? headingleft : ''}
\n {headingright !== '' ? headingright : ''}
\n \n \n
\n \n
\n {labelleft !== '' ? labelleft : ''}
\n {labelright !== '' ? labelright : ''}
\n \n
\n );\n};\n\nexport default CaptchaCustom;\n","import { useContext,useState } from \"react\"; \nimport IconButton from \"mobily-ui-library/lib/components/composite/iconButton/IconButton\";\nimport { useTranslation } from \"react-i18next\";\nimport { GlobalContext } from \"../../../../context/GlobalContext\";\nimport { getAccountDetails } from \"../../../../api/apigeeApi\";\nimport { Error, prefixSelector } from \"../../../Util/Util\";\nimport { RandomStringID } from \"../../../Util/RandomStringID\";\nimport { v4 as uuid } from \"uuid\";\nimport './ExistingCustomer.scss';\nimport InputCustom from \"../../../Common/InputCustom/InputCustom\";\nimport { Form } from \"antd\";\nimport CaptchaCustom from \"../../../Common/CaptchaCustom/CaptchaCustom\";\n\ninterface Props {\n rtl: boolean;\n dir?: string;\n page: string;\n}\n\nconst alphaNumeric = /^[0-9]{10}$/;\nconst mobilePattern = /^((5)([0-9]{8})){0,9}$/;\n\nconst ExistingCustomer = ({ rtl, page }: Props) => {\n const [state, dispatch]: any = useContext(GlobalContext);\n const [count, setCount] = useState(0);\n const [captchaChecked, setCaptchaChecked] = useState(false);\n const [form] = Form.useForm();\n const { t } = useTranslation();\n const dir = rtl ? \"right\" : \"left\";\n\n const initialValues = {\n crNumber: state.existingCustomerData.crNumber,\n mobileNumber: state.existingCustomerData.mobileNumber,\n prefix: state.existingCustomerData.prefix || '966',\n accept: false\n }\n const time = new Date();\n const ds = time.toISOString().replace(/[^0-9]/g, \"\").slice(0, 14);\n const randomID = RandomStringID(32, \"aA#\");\n\n const handleNext = (values: any) => {\n setCount(prevCount => prevCount + 1);\n if (count >= 3 && !captchaChecked) {\n Error('Captcha is Required');\n return;\n }\n const {crNumber, mobileNumber, prefix} = values;\n dispatch({ type: \"LOADER\", payload: { loading: true } });\n const obj = {\n crNumber,\n mobileNumber,\n prefix\n }\n getAccountDetails(crNumber).then((res: any) => {\n if (res.status === 200) { \n dispatch({ type: \"LOADER\", payload: { loading: false } });\n if (res.data.ListOfBusinessCustomer.length > 0) {\n const response = res.data.ListOfBusinessCustomer[0];\n const numToCompare = `+${prefix}${mobileNumber}`;\n const matchNumber = response.ListOfAPs.map((item: any) => item.Mobile);\n\n if (matchNumber.includes(numToCompare)) {\n const existData = response.ListOfAPs.filter((item: any) => item.Mobile === numToCompare)[0];\n const name = `${existData.FirstName} ${existData.LastName}`;\n const email = existData.EmailAddress;\n const accNum = response.AccountNumber;\n const existingCustomerAPIRes = {\n ID: \"A306\",\n ProcessingTypeCode: \"\",\n Name: `Portal_${response.CompanyName}`,\n OriginTypeCode: \"Z17\",\n Status: {\n LifeCycleStatusCode: \"\",\n UserStatusCode: \"\",\n },\n ProspectParty: {\n ProspectPartyID: response.AccountNumber,\n ContactParty: {\n PartyID: existData.RowId,\n RecipientPartyID: \"\"\n }\n },\n EmployeeResponsible: {\n RecipientPartyID: \"\",\n },\n Item: state.productInfoAPIData,\n ZDocumentType: \"Z108\",\n ZKUT_VATRegistrationNumber: '',\n ZKUT_CompanyIdentificationNumber: '',\n ZKUT_OTPReceivednumber: mobileNumber\n };\n dispatch({\n type: \"EXISTING_CUSTOMER_DATA\",\n payload: {\n existingCustomerAPIRes,\n values: { ...obj, apName: name, accountNumber: accNum, email },\n page,\n result: response,\n customerType: \"exisitingcustomer\",\n createdTime: time.toISOString(),\n uniqueId: uuid(),\n dateString: ds,\n randomID,\n },\n });\n } else {\n form.setFields([\n {\n name: 'mobileNumber',\n value: mobileNumber,\n errors: [t('MSDN_NotExist')],\n },\n ]);\n }\n } else {\n form.setFields([\n {\n name: 'crNumber',\n value: crNumber,\n errors: [t('Verify_entered_data')],\n },\n ]);\n }\n } else {\n dispatch({ type: \"LOADER\", payload: { loading: false } });\n Error(t(\"Unexpected_error\"));\n }\n });\n }\n\n const validateMobileNumber = (_: any, value: string) => {\n if (value && !mobilePattern.test(value)) {\n return Promise.reject(t(\"Verify_entered_info\"));\n }\n return Promise.resolve();\n }\n\n const validateCRNumber = (_: any, value: string) => {\n if (value && !alphaNumeric.test(value)) {\n return Promise.reject(t(\"Verify_entered_data\"));\n }\n return Promise.resolve();\n }\n\n const handleCaptcha = () => {\n setCaptchaChecked(!captchaChecked)\n }\n return (\n \n \n
\n );\n}\n\nexport default ExistingCustomer;","export default __webpack_public_path__ + \"static/media/CaretDownBlue.0466bae9.svg\";","import React, { useRef, useState } from \"react\";\nimport CaretDownBlue from \"../../../assets/CaretDownBlue.svg\";\nimport \"./Accordion.scss\";\n\nconst AccordionItem: React.FC\n \n \n
\n \n );\n};\n\nconst Accordion: React.FC\n
\n {title}
\n {subtitle}
\n \n
\n \n\n {children}
\n \n {data.map((item: any, index: any) => (\n handleItemClick(index)}\n />\n ))}\n
\n );\n}\n\nexport default Accordion;\n","import { ConfigProvider, Select } from \"antd\";\nimport './Select.scss';\n\nconst { Option } = Select;\n\nexport interface Props {\n id?:string;\n placeholder?: string;\n options: string[] | any;\n showSearch?: boolean;\n onChange?: any;\n onSearch?: any;\n className?: string;\n rtl?: boolean;\n width?: string;\n helperText?: string;\n defaultValue?: string;\n value?: string;\n headingLeft?: string;\n headingRight?: string;\n disabled?: boolean;\n}\n\nconst SelectComponent = ({id, onSearch, disabled, value, defaultValue, placeholder, onChange, className = '', headingLeft, headingRight, rtl = false, showSearch = false, width, options, helperText, ...props }: Props) => {\n const textAlign = rtl ? 'right' : 'left';\n const dir = rtl ? 'rtl' : 'ltr';\n\n const dropdownOption = options.map((item: any, i: any) => {\n return (\n \n )\n })\n\n return (\n \n \n {dropdownOption}\n \n {helperText && (\n
\n \n
\n {headingLeft !== '' ? headingLeft : ''}
\n {headingRight !== '' ? headingRight : ''}
\n \n \n
\n )}\n 0 ? \"error\" : \"normal\"} mb-3`}>\n
\n )\n}\n\nexport default SelectCustom;\n","import React from \"react\";\nimport \"./RadioCustom.scss\";\nimport { Form, Radio } from \"antd\";\n\nconst RadioCustom: React.FC\n
\n \n \n
\n \n
\n )\n}\n\nexport default RadioCustom;\n","import { Calendar } from \"mobily-ui-library/lib/components/composite/calendar/Calendar\";\nimport React from \"react\";\nimport \"./CustomCalendar.scss\";\nimport { Form } from \"antd\";\nimport { useTranslation } from 'react-i18next';\n\nconst CustomCalendar: React.FC\n
\n \n
\n \n \n \n {options.map((op: any, index: any)=>{\n return {op.label} \n })}\n \n \n
\n {hint ? : }\n 0 ? \"error\" : \"normal\"} mb-3`}>\n \n
\n )\n}\n\nexport default CustomCalendar;\n","import IconButton from \"mobily-ui-library/lib/components/composite/iconButton/IconButton\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport { useContext, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GlobalContext } from \"../../../../context/GlobalContext\";\nimport { v4 as uuid } from \"uuid\";\nimport { RandomStringID } from \"../../../Util/RandomStringID\";\n\nimport { getAccountDetails } from \"../../../../api/apigeeApi\";\nimport { convertCalendarDate, Error, prefixSelector } from \"../../../Util/Util\";\nimport Accordion from \"../../../Common/Accordion/Accordion\";\n\nimport './NewCustomer.scss';\nimport InputCustom from \"../../../Common/InputCustom/InputCustom\";\nimport { Form } from \"antd\";\nimport SelectCustom from \"../../../Common/SelectCustom/SelectCustom\";\nimport RadioCustom from \"../../../Common/RadioCustom/RadioCustom\";\nimport CustomCalendar from \"../../../Common/CustomCalendar/CustomCalendar\";\nimport CaptchaCustom from \"../../../Common/CaptchaCustom/CaptchaCustom\";\nimport { DateObject } from \"react-multi-date-picker\";\ninterface Props {\n rtl: boolean;\n dir?: string;\n page: string;\n}\n\nfunction NewCustomer({ rtl, page }: Props) {\n const [state, dispatch]: any = useContext(GlobalContext);\n const [count, setCount] = useState(0);\n const [captchaChecked, setCaptchaChecked] = useState(false);\n const [isFormValid, setIsFormValid] = useState(false);\n const [form] = Form.useForm();\n const formRef = useRef(null);\n const { t } = useTranslation();\n const { newCustomerFieldsTouched, newCustomerData, lang, cities, nationalities } = state;\n const initialValues = {\n crNumber: newCustomerData.crNumber,\n vatNumber: newCustomerData.vatNumber,\n ciNumber: newCustomerData.ciNumber,\n companyName: newCustomerData.companyName,\n caBuildingNo: newCustomerData.caBuildingNo,\n caStreetName: newCustomerData.caStreetName,\n caDistrictName: newCustomerData.caDistrictName,\n caAdditionalNo: newCustomerData.caAdditionalNo,\n caPostal: newCustomerData.caPostal,\n caCity: newCustomerData.caCity,\n address: newCustomerData.address,\n title: newCustomerData.title,\n firstName: newCustomerData.firstName,\n lastName: newCustomerData.lastName,\n email: newCustomerData.email,\n mobileNumber: newCustomerData.mobileNumber,\n idNumber: newCustomerData.idNumber,\n idType: newCustomerData.idType,\n gender: newCustomerData.gender,\n idIssueDate: newCustomerData.idIssueDate,\n idExpiryDate: newCustomerData.idExpiryDate,\n Z_KUTDateofBirth: newCustomerData.Z_KUTDateofBirth,\n nationality: newCustomerData.nationality,\n prefix: newCustomerData.prefix ? newCustomerData.prefix : '966',\n additionalPrefix: newCustomerData.additionalPrefix ? newCustomerData.additionalPrefix : '966'\n };\n const dir = rtl ? 'right' : 'left';\n const time = new Date();\n const ds = time.toISOString().replace(/[^0-9]/g, \"\").slice(0, 14);\n const randomID = RandomStringID(32, \"aA#\");\n\n const titleOptions = [\n {\n text: t(\"Mr\"),\n value: 'Mr'\n },\n {\n text: t(\"Mrs\"),\n value: 'Mrs'\n },\n {\n text: t(\"Miss\"),\n value: 'Miss'\n }\n ];\n const IDTypeOptions = [\n {\n text: t(\"Saudi_National_ID\"),\n value: 'Z128'\n },\n {\n text: t(\"Iqama_Number\"),\n value: 'Z120'\n }\n ];\n const onValuesChange = () => {\n setTimeout(() => {\n setIsFormValid((newCustomerFieldsTouched || form.isFieldsTouched(['crNumber', 'vatNumber', 'ciNumber', 'companyName', 'caBuildingNo', 'caStreetName', 'caDistrictName', 'caAdditionalNo', 'caPostal', 'caCity', 'title', 'firstName', 'lastName', 'email', 'mobileNumber', 'idNumber'], true)) && form.getFieldsError().every(({ errors }) => errors.length === 0))\n }, 0);\n };\n const updateCustomerData = (formData: any) => {\n const { crNumber, mobileNumber, address, firstName, middleName, lastName, email, companyName, idNumber, gender, Z_KUTDateofBirth, nationality, vatNumber, ciNumber, caBuildingNo, caStreetName, caDistrictName, caAdditionalNo, caPostal, caCity, title, idType, idIssueDate, idExpiryDate, prefix, additionalPrefix } = formData;\n const newCustomerAPIRes = {\n ID: \"\",\n ProcessingTypeCode: \"\",\n Name: companyName,\n OriginTypeCode: \"Z17\",\n GroupCode: \"\",\n Status: {\n LifeCycleStatusCode: \"\",\n UserStatusCode: \"\",\n },\n ProspectParty: {\n ProspectPartyID: idNumber,\n RoleCode: \"\",\n LifeCycleStatusCode: \"\",\n ContactParty: {\n LifeCycleStatusCode: \"\",\n ContactDetails: {\n PersonFirstName: firstName,\n PersonMiddleName: middleName,\n PersonLastName: lastName,\n PersonGenderCode: gender,\n PersonFormOfAddressCode: title,\n },\n },\n ProspectDetails: {\n CompanyName: companyName,\n IndividualCustomerBirthDate: convertCalendarDate(Z_KUTDateofBirth),\n },\n Address: {\n CountryCode: \"\",\n StreetPostalCode: caPostal,\n TelephoneFormattedNumberDescription: mobileNumber,\n MobileFormattedNumberDescription: mobileNumber,\n EmailURI: email,\n },\n },\n EmployeeResponsible: {\n RecipientPartyID: \"\",\n },\n Item: state.productInfoAPIData,\n ZDocumentType: \"Z108\",\n ZKUT_BuildingNumber: caBuildingNo,\n ZKUTStreetName: caStreetName,\n ZKUTDistrictDSV2: caDistrictName,\n ZKUTAdditionalNumber: caAdditionalNo,\n ZAccountDoc_Type: \"\",\n ZCity1: caCity,\n ZAccountId_Number: crNumber,\n ZNationality: nationality,\n ZDate_ofBirth_Format: 'MELADI',\n ZContactPreference: \"\",\n ZNo_Of_Offices: \"\",\n ZNo_Of_Employees: \"\",\n ZCustomerType: \"\",\n ZKUT_VATRegistrationNumber: vatNumber,\n ZKUT_CompanyIdentificationNumber: ciNumber,\n ZKUT_OTPReceivednumber: mobileNumber,\n ZDoc_Type: idType,\n ZIssueDate: convertCalendarDate(idIssueDate),\n ZExpiryDate: convertCalendarDate(idExpiryDate),\n Z_KUTDateofBirth: convertCalendarDate(Z_KUTDateofBirth)\n };\n const values = {\n crNumber,\n vatNumber,\n ciNumber,\n companyName,\n caBuildingNo,\n caStreetName,\n caDistrictName,\n caAdditionalNo,\n caPostal,\n caCity,\n address,\n title,\n firstName,\n lastName,\n email,\n mobileNumber,\n idNumber,\n idType,\n gender,\n idIssueDate,\n idExpiryDate,\n Z_KUTDateofBirth,\n nationality,\n prefix,\n additionalPrefix\n }\n dispatch({\n type: \"NEW_CUSTOMER_DATA\",\n payload: {\n newCustomerAPIRes,\n values,\n page,\n customerType: \"newcustomer\",\n createdTime: time.toISOString(),\n uniqueId: uuid(),\n dateString: ds,\n randomID,\n },\n });\n dispatch({ type: \"LOADER\", payload: { loading: false } });\n }\n\n const getCompanyInfo = () => {\n return (\n \n
\n \n \n \n \n {hint ? : }\n
\n \n
\n )\n }\n\n const getCompanyAddress = () => {\n return (\n \n
\n )\n }\n\n const getAuthorizedPerson = () => {\n return (\n \n {t('Personal_info')} \n {t('Contact_info')} \n {t('ID_information')} \n { form.validateFields(['idNumber']) }}\n placeholder={t(\"Choose_ID_Type\")}\n name=\"idType\"\n />\n ({\n validator(rule: any, value: any) {\n if (value === null) {\n return Promise.resolve();\n }\n const IDType = formInstance.getFieldValue('idType');\n if (IDType === 'Z128') {\n if (!/^1\\d{9}$/.test(value)) {\n return Promise.reject(`${t(\"IDNumberStartsWith\")} 1`);\n }\n } else {\n if (!/^2\\d{9}$/.test(value)) {\n return Promise.reject(`${t(\"IDNumberStartsWith\")} 2`);\n }\n }\n return Promise.resolve();\n },\n }),\n ]}\n />\n
\n )\n }\n\n const onFinish = (values: any) => {\n setCount(prevCount => prevCount + 1);\n if (count >= 3 && !captchaChecked) {\n Error('Captcha is Required');\n return;\n }\n dispatch({ type: \"LOADER\", payload: { loading: true } });\n getAccountDetails(values.ciNumber && values.crNumber)\n .then((res: any) => {\n if (res.status === 200) {\n if (res.data.ListOfBusinessCustomer.length > 0) {\n dispatch({ type: \"LOADER\", payload: { loading: false } });\n window.scroll({ top: 0, left: 0, behavior: \"smooth\" });\n form.setFields([\n {\n name: 'crNumber',\n value: values.crNumber,\n errors: [t(\"Process_existing_customer\")]\n }\n ]);\n } else {\n updateCustomerData(values);\n }\n } else {\n const errorMsg = res.status === 401 ? res.data.fault.faultstring : '';\n Error(errorMsg || t(\"Unexpected_error\"))\n dispatch({ type: 'LOADER', payload: { loading: false } });\n }\n });\n };\n const handleCaptcha = () => {\n setCaptchaChecked(!captchaChecked)\n }\n const onFinishFailed = (errorInfo: any) => {\n const { errorFields } = errorInfo;\n if (errorFields.length > 0 && formRef.current) {\n const firstErrorField = errorFields[0].name[0]; // Get the name of the first error field\n const firstErrorFieldElement = document.getElementById(`${firstErrorField}`);\n if (firstErrorFieldElement) {\n firstErrorFieldElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n }\n };\n return (\n \n
,\n subtitle: t('Information_should_match_the_CR_Copy'),\n children: getCompanyInfo()\n },\n {\n title: {t('Company_Address')}
,\n subtitle: {t('Business_Wasel_address_details_for_your_company')}
,\n children: getCompanyAddress()\n },\n {\n title: {t('Authorized_Person_Details')}
,\n subtitle: {t('Information_must_match_the_AP_letter_stamped_from_chamber_of_commerce')}
,\n children: getAuthorizedPerson()\n }\n ]} />\n {\n count >= 3 && \n
\n )\n }\n\n const ProgressLeft = () => {\n return (\n \n
\n )\n }\n\n const dir = rtl ? 'right' : 'left'\n\n return (\n \n {rtl ?
\n );\n}\n\nexport default Progress;\n","/* eslint-disable no-template-curly-in-string */\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport { useTranslation } from \"react-i18next\";\n\nimport './HelpSection.scss'\n\nfunction HelpSection({ rtl, className }: any) {\n const dir = rtl ? 'right' : 'left';\n const { t } = useTranslation();\n\n return (\n \n )\n}\n\nexport default HelpSection\n","export default __webpack_public_path__ + \"static/media/CardButtonLeftArrow.299ec036.svg\";","export default __webpack_public_path__ + \"static/media/Customer.4cdb69aa.svg\";","import React from 'react';\nimport Customer from '../../../assets/Customer.svg';\nimport './ExistingCustomerNote.scss';\nimport { useTranslation } from 'react-i18next';\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\n\nconst ExistingCustomerNote: React.FC\n
\n )\n}\n\nexport default ExistingCustomerNote;","import React from 'react';\nimport Customer from '../../../assets/Customer.svg';\nimport './NewCustomerNote.scss';\nimport { useTranslation } from 'react-i18next';\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\n\nconst NewCustomerNote: React.FC\n 
\n {t(\"Existing_Customer\")} \n
\n \n {t(\"Existing_Customer_Note1\")} \n {t(\"Existing_Customer_Note2\")} \n {t(\"Existing_Customer_Note3\")} \n {t(\"Existing_Customer_Note4\")} \n {t(\"Existing_Customer_Note5_1\")} \n {t(\"Existing_Customer_Note5_2\")} \n {t(\"Existing_Customer_Note5_3\")} \n 901@mobily.com.sa \n {t(\"Existing_Customer_Note5_4\")}\n \n
\n \n
\n )\n}\n\nexport default NewCustomerNote;","import { useContext, useEffect } from \"react\";\nimport \"./AccountInformation.scss\";\nimport ExistingCustomer from \"./ExistingCustomer/ExistingCustomer\";\nimport NewCustomer from \"./NewCustomer/NewCustomer\";\nimport Progress from \"../Progress/Progress\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport { useTranslation } from \"react-i18next\";\nimport { GlobalContext } from \"../../../context/GlobalContext\";\nimport HelpSection from '../../Common/HelpSection/HelpSection';\nimport CardButtonLeftArrow from \"../../../assets/CardButtonLeftArrow.svg\";\nimport ExistingCustomerNote from \"../ExistingCustomerNote/ExistingCustomerNote\";\nimport NewCustomerNote from \"../NewCustomerNote/NewCustomerNote\";\n\nfunction AccountInformation({ rtl }: any) {\n const [state, dispatch]: any = useContext(GlobalContext);\n const { t } = useTranslation();\n const win: any = window;\n\n const handleBack = () => {\n window.location = win[\"home_page_url\"];\n }\n\n useEffect(() => {\n dispatch({ type: 'RESET_DATA' })\n }, [])\n\n const dir = rtl ? 'right' : 'left';\n return (\n <>\n \n \n {t(\"New_Customer\")} \n
\n \n {t(\"New_Customer_Note1\")} \n {t(\"New_Customer_Note2\")} \n {t(\"Existing_Customer_Note5_1\")} {t(\"Existing_Customer_Note5_2\")} {t(\"Existing_Customer_Note5_3\")} 901@mobily.com.sa {t(\"Existing_Customer_Note5_4\")} \n
\n \n {t(\"New_Customer_Bullet1\")} \n {t(\"New_Customer_Bullet2\")} \n {t(\"New_Customer_Bullet3\")} \n
\n \n
\n \n );\n}\n\nexport default AccountInformation;\n","import axios from \"axios\";\n\nconst win: any = window;\nvar token = window.location.href.includes(\"localhost\") ? \"c0c55007-0336-471c-a0fc-b0242831add4\" : win[\"clientToken\"];\nvar errorPage = win[\"errorPageURL\"];\nconst cem_key = window.location.href.includes(\"localhost\") ? 'liCENcCCGpHUsEPHNhySYGXCnmhwzZ' : win[\"CEM_KEY\"];\n\nconst apiBaseURL = window.location.href.includes(\"localhost\") ? \"https://apisit.mobily.com.sa/api\" : win[\"base_api_url\"];\n\nlet config = {\n api: {\n baseURL: apiBaseURL,\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n Authorization: \"\",\n transactionId: \"SR_123hg87asfafF32\",\n channel: \"PORTAL\",\n \"cem-key\": cem_key\n },\n },\n};\n\nexport const api = axios.create({ ...config.api });\nexport const simpleApi = axios.create();\n\napi.defaults.validateStatus = function () {\n return true;\n};\n\napi.interceptors.request.use(\n async (conf: any) => {\n console.log(\"token : \" + token);\n conf.headers.Authorization = \"Bearer \" + token;\n return conf;\n },\n (err) => {\n console.log(\"error in getting \", err);\n }\n);\n\napi.interceptors.response.use(\n async (response: any) => {\n return response;\n },\n async (error: any) => {\n if (!!errorPage) {\n document.location.href = errorPage;\n }\n return error;\n }\n);\n\n// get method\n\nconst getOrderType = async () => {\n return api.get(\n `${apiBaseURL}/digital/v1/data/mappings?contextId=CTX_B2B_ESALES&catalogKey=DIG_ESALES_ORDER_TYPES`\n );\n};\n\nconst getNationalities = async () => {\n return api.get(\n `${apiBaseURL}/digital/v1/data/mappings?contextId=CTX_B2B_ESALES&catalogKey=SFA_NATIONALITIES`\n );\n};\n\nconst getCities = async () => {\n return api.get(\n `${apiBaseURL}/digital/v1/data/mappings?contextId=CTX_B2B_ESALES&catalogKey=SFA_CITIES`\n );\n};\n\nconst getProductType = async (catalogKey = 'DIG_ESALES_CAT') => {\n return api.get(\n `${apiBaseURL}/digital/v1/data/mappings?contextId=CTX_B2B_ESALES&catalogKey=${catalogKey}`\n );\n};\n\n// post method\n\nconst sendOTP = (data: any) => {\n return api.post(`${apiBaseURL}/utility/v1/otp/send`, data);\n};\n\n\n// put method\n\nconst validateOTP = (data: any) => {\n return api.put(`${apiBaseURL}/utility/v1/otp/validate`, data);\n};\n\nconst resendOTP = (data: any) => {\n return api.put(`${apiBaseURL}/utility/v1/otp/resend`, data);\n};\n\nconst sendEmail = (data: any) => {\n const url = `${apiBaseURL}/utility/v1/notification`;\n\n return fetch(url, {\n method: 'PUT',\n headers: {\n \"Authorization\": `Bearer ${token}`,\n \"cem-key\": cem_key,\n \"Content-Type\": \"application/json\",\n channel: \"PORTAL\",\n referenceId: \"SR_123hg87asfafF32\"\n },\n body: JSON.stringify(data)\n });\n};\n\nconst auditOTP = (hashKey: any) => {\n return api.get(`${apiBaseURL}/utility/v1/otp/status?referenceCode=${hashKey}`);\n};\n\nconst salesAudit = (data: any) => {\n return api.put(`${apiBaseURL}/utility/v1/sales-audit`, data);\n};\n\nexport { getOrderType, getProductType, sendOTP, validateOTP, resendOTP, sendEmail, auditOTP, salesAudit, getCities, getNationalities };\n","export default __webpack_public_path__ + \"static/media/AddIcon.5657a6b2.svg\";","export default __webpack_public_path__ + \"static/media/DisableAddIcon.f3c73efa.svg\";","export default __webpack_public_path__ + \"static/media/x-icon.14717a3b.svg\";","import { Form } from \"antd\";\nimport SelectCustom from \"../../../Common/SelectCustom/SelectCustom\";\nimport React, { useState, useEffect, useContext } from \"react\";\nimport { GlobalContext } from \"../../../../context/GlobalContext\";\nimport { getProductType } from \"../../../../api/api\";\nimport { useTranslation } from \"react-i18next\";\nimport IconButton from \"mobily-ui-library/lib/components/composite/iconButton/IconButton\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport AddIcon from \"../../../../assets/AddIcon.svg\";\nimport DisableAddIcon from \"../../../../assets/DisableAddIcon.svg\";\nimport xIcon from \"../../../../assets/x-icon.svg\";\nimport { sendEmail } from '../../../../api/api';\nimport RadioCustom from \"../../../Common/RadioCustom/RadioCustom\";\n\nconst win: any = window;\n\nconst Mobile: React.FC\n
\n \n
\n \n 
\n
\n \n \n
\n \n {t('Account_Information')} \n
\n \n {state.userType === \"newcustomer\" ? (\n
\n \n {state.userType === \"newcustomer\" ? (\n \n ) : (\n \n )}\n
\n \n \n {t(\"Next\")}\n \n \n
\n \n
\n \n \n {isProductListFull ? t(\"Not_Allowed_More\") : \"\"}\n \n
\n \n
\n \n \n )\n}\n\nexport default Mobile;\n","export default __webpack_public_path__ + \"static/media/MobilyLogo.9e44ed79.svg\";","import React from \"react\";\nimport \"./CheckboxCustom.scss\";\nimport { Form, Checkbox } from \"antd\";\n\nconst CheckboxCustom: React.FC\n {console.log(productList, 'productList')}\n {productList.map((item: any, index: number) => {\n const product = item?.productInformation;\n return (\n \n
\n )\n })}\n \n \n {product?.packageName?.value} /\n \n {product?.quantity?.value} \n {product?.quantity?.value === 1\n ? t(\"Line\")\n : t(\"Lines\")}\n \n
\n \n handleDeleteProductItem(index)}\n className=\"product-item-delete-btn\"\n src={xIcon}\n alt=\"\"\n >\n
\n \n \n {headingleft} \n \n
\n )\n}\n\nexport default CheckboxCustom;\n","export default __webpack_public_path__ + \"static/media/mobily-sample.67529807.svg\";","import { Form } from \"antd\";\nimport SelectCustom from \"../../../Common/SelectCustom/SelectCustom\";\nimport React, { useCallback, useContext, useEffect, useState } from \"react\";\nimport { GlobalContext } from \"../../../../context/GlobalContext\";\nimport { useTranslation } from \"react-i18next\";\nimport IconButton from \"mobily-ui-library/lib/components/composite/iconButton/IconButton\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport MobilyLogo from \"../../../../assets/MobilyLogo.svg\";\nimport RadioCustom from \"../../../Common/RadioCustom/RadioCustom\";\nimport InputCustom from \"../../../Common/InputCustom/InputCustom\";\nimport CheckboxCustom from \"../../../Common/CheckboxCustom/CheckboxCustom\";\nimport { getProductType } from \"../../../../api/api\";\nimport { prefixSelector } from \"../../../Util/Util\";\nimport mobilyODBSample from \"../../../../assets/mobily-sample.svg\";\n\nconst SIP: React.FC\n
\n )\n}\n\nexport default SIP;\n","export default __webpack_public_path__ + \"static/media/salam-odb-logo.f60ca5ba.svg\";","export default __webpack_public_path__ + \"static/media/dawiyat-odb-logo.767cb4ad.svg\";","export default __webpack_public_path__ + \"static/media/stc-odb-logo.9e9cb944.svg\";","export default __webpack_public_path__ + \"static/media/mobily-odb-logo.c6612c45.svg\";","export default __webpack_public_path__ + \"static/media/salam-sample.5f5bb90e.svg\";","export default __webpack_public_path__ + \"static/media/dawiyat-sample.a0d2c9c9.svg\";","export default __webpack_public_path__ + \"static/media/stc-sample.8fa9cf4f.svg\";","import { Form } from \"antd\";\nimport SelectCustom from \"../../../Common/SelectCustom/SelectCustom\";\nimport React, { useContext, useEffect, useState } from \"react\";\nimport { GlobalContext } from \"../../../../context/GlobalContext\";\nimport { useTranslation } from \"react-i18next\";\nimport IconButton from \"mobily-ui-library/lib/components/composite/iconButton/IconButton\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport InputCustom from \"../../../Common/InputCustom/InputCustom\";\nimport { prefixSelector } from \"../../../Util/Util\";\nimport salamODB from \"../../../../assets/salam-odb-logo.svg\";\nimport dawiyatODB from \"../../../../assets/dawiyat-odb-logo.svg\";\nimport stcODB from \"../../../../assets/stc-odb-logo.svg\";\nimport mobilyODB from \"../../../../assets/mobily-odb-logo.svg\";\nimport salamODBSample from \"../../../../assets/salam-sample.svg\";\nimport dawiyatODBSample from \"../../../../assets/dawiyat-sample.svg\";\nimport stcODBSample from \"../../../../assets/stc-sample.svg\";\nimport mobilyODBSample from \"../../../../assets/mobily-sample.svg\";\nimport { getProductType } from \"../../../../api/api\";\n\nconst Fiber: React.FC\n \n
\n {hasMobilyODB && \n 
\n
}\n \n
\n )\n}\n\nexport default Fiber;\n","/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/anchor-has-content */\nimport Progress from \"../Progress/Progress\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport \"./ProductInformation.scss\";\nimport { useTranslation } from \"react-i18next\";\nimport { GlobalContext } from \"../../../context/GlobalContext\";\nimport { useContext } from \"react\";\nimport HelpSection from \"../../Common/HelpSection/HelpSection\";\nimport CardButtonLeftArrow from \"../../../assets/CardButtonLeftArrow.svg\";\nimport Mobile from \"./Mobile/Mobile\";\nimport SIP from \"./SIP/SIP\";\nimport Fiber from \"./Fiber/Fiber\";\ninterface Props {\n rtl?: boolean;\n dir?: string;\n}\n\nfunction ProductInformation({ rtl, }: Props) {\n const [state, dispatch]: any = useContext(GlobalContext);\n const { t } = useTranslation();\n const dir = rtl ? \"right\" : \"left\";\n \n const handleBack = () => {\n dispatch({ type: 'SET_BACK_BUTTON', payload: { page: t(\"Account_Information\") } })\n }\n let productForm = \n \n
\n {selectedODB && \n 
\n
}\n \n
\n );\n}\n\nexport default ProductInformation;\n","/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/anchor-has-content */\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport './DownloadAttachment.scss';\nimport Dragger from 'antd/lib/upload/Dragger';\nimport { Form } from 'antd';\nimport { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nexport interface Props {\n rtl: boolean;\n downloadForm: boolean;\n title: string;\n subTitle: string;\n uploadFileText: string;\n toolTipText: string;\n downloadFileSrc?: string;\n fileType?: string[] | any[];\n sizeErrorText?: string;\n fileTypeErrorText?: string;\n selectFileHandler?: any;\n errorMessageHandler?: any;\n userType: string[];\n name: string;\n rules?: any;\n selectFileErrorText?: string;\n sizeError?: string;\n fileFormatError?: string;\n selectFileError: boolean;\n fileSupportPlaceholder?: string;\n}\n\nfunction UploadDocument({\n rtl,\n title,\n subTitle,\n name,\n rules,\n errorMessageHandler,\n selectFileHandler,\n fileSupportPlaceholder = `Supports: JPG, PNG, PDF, EXCEL, email, WORD, TXT and MSG`,\n selectFileErrorText,\n sizeErrorText = \"The attached file shouldn’t exceed 2 MB\",\n fileFormatError = \"Please upload a file with the format of bmp, gif, jpe, ipeg, png, jpg, tiff, tif, jfif, doc, docx, pdf, xlsx, msg, xls, txt, csv, rtf only\",\n fileType = [\n \"image/bmp\",\n \"image/gif\",\n \"image/jpeg\",\n \"image/tiff\",\n \"image/png\",\n \"application/msword\",\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n \"application/pdf\",\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"application/vnd.ms-excel\",\n \"application/vnd.ms-outlook\",\n \".msg\",\n \"text/plain\",\n \"text/csv\",\n \"application/rtf\",\n ],\n}: Props) {\n const [file, setFile] = useState\n
\n \n
\n \n \n
\n \n \n
\n \n
\n {productForm}\n \n {t(\"Product_Information\")} \n {productDescription} \n
\n \n \n \n \n \n
\n )\n}\n\nexport default UploadDocument\n","export const fileToBase64 = (file: HTMLInputElement | any): Promise\n {title} \n {subTitle} \n
\n {t(\"Drag_your_file_here_or\")}{' ' + t(\"browse\")}
\n\n {t('Supports')}: {fileSupportPlaceholder}\n
\n\n {t(\"Max_Allowed_file_size_is\")}\n
\n\n {getAuthFormSubtitle(str)}\n
;\n case 1:\n return {str};\n default:\n return {str};\n }\n }),\n uploadFileText: t(\"Upload_Authorization_form\"),\n toolTipText: t(\"Authorization_TooltipText\"),\n downloadFileSrc: AuthorizationForm,\n sizeErrorText: t(\"SizeLimit_Text\"),\n fileTypeErrorText: t(\"FileType_Others_Error\"),\n selectFileError: false,\n file: {},\n value: \"\",\n fileSelected: false,\n isInvalid: false,\n userType: [\"newcustomer\"],\n productType: [\"Voice\", \"Data\", \"Fiber\", \"SIP\"],\n typeCode: \"Z68\",\n fileType: [\n \"image/jpeg\",\n \"image/png\",\n \"application/pdf\",\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"application/vnd.ms-outlook\",\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n \"text/plain\",\n \".jpg\",\n \".png\",\n \".pdf\",\n \".xlsx\",\n \".docx\",\n \".txt\",\n \".msg\",\n \"message/rfc822\",\n ]\n },\n {\n rtl: rtl,\n downloadForm: true,\n title: t(\"Enduser_title\"),\n subTitle: \n {endUserSub[0]}\n \n {t('This_form')}\n \n {endUserSub[1]}\n ,\n uploadFileText: t(\"Upload_EndUser\"),\n toolTipText: t(\"EndUser_subtitle\"),\n downloadFileSrc: EndUserInfoForm,\n sizeErrorText: t(\"SizeLimit_Text\"),\n fileTypeErrorText: t(\"File_XlsType_Text\"),\n selectFileError: false,\n file: {},\n value: \"\",\n fileSelected: false,\n isInvalid: false,\n userType: [\"newcustomer\", \"exisitingcustomer\"],\n productType: [\"Voice\", \"Data\"],\n typeCode: \"Z115\",\n fileType: [\n \"image/jpeg\",\n \"image/png\",\n \"application/pdf\",\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"application/vnd.ms-outlook\",\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n \"text/plain\",\n \".jpg\",\n \".png\",\n \".pdf\",\n \".xlsx\",\n \".docx\",\n \".txt\",\n \".msg\",\n \"message/rfc822\",\n ]\n },\n {\n rtl: rtl,\n downloadForm: true,\n title: t(\"Transfer_Mobily_Document\"),\n subTitle: \n {TransferMobilySub[0]}\n \n {t('This_form')}\n \n {TransferMobilySub[1]}\n ,\n uploadFileText: t(\"Upload_MNP_form\"),\n toolTipText: t(\"Upload_MNP_form\"),\n downloadFileSrc: MNPFormDownload,\n sizeErrorText: t(\"SizeLimit_Text\"),\n fileTypeErrorText: t(\"File_XlsType_Text\"),\n selectFileError: false,\n file: {},\n value: \"\",\n fileSelected: false,\n isInvalid: false,\n userType: [\"newcustomer\", \"exisitingcustomer\"],\n productType: [\"Voice\", \"Data\"],\n typeCode: \"Z78\",\n fileType: [\n \"image/jpeg\",\n \"image/png\",\n \"application/pdf\",\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"application/vnd.ms-outlook\",\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n \"text/plain\",\n \".jpg\",\n \".png\",\n \".pdf\",\n \".xlsx\",\n \".docx\",\n \".txt\",\n \".msg\",\n \"message/rfc822\",\n ]\n },\n {\n rtl: rtl,\n downloadForm: true,\n title: t(\"CST_Consent_form_title\"),\n subTitle: \n {CSTConsentSub[0]}\n \n {t('This_form')}\n \n {CSTConsentSub[1]}\n ,\n uploadFileText: t(\"Upload_EndUser\"),\n toolTipText: t(\"EndUser_subtitle\"),\n downloadFileSrc: EndUserInfoForm,\n sizeErrorText: t(\"SizeLimit_Text\"),\n fileTypeErrorText: t(\"File_XlsType_Text\"),\n selectFileError: false,\n file: {},\n value: \"\",\n fileSelected: false,\n isInvalid: false,\n userType: [\"newcustomer\", \"exisitingcustomer\"],\n productType: [\"Voice\", \"Data\"],\n typeCode: \"Z115\",\n fileType: [\n \"image/jpeg\",\n \"image/png\",\n \"application/pdf\",\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"application/vnd.ms-outlook\",\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n \"text/plain\",\n \".jpg\",\n \".png\",\n \".pdf\",\n \".xlsx\",\n \".docx\",\n \".txt\",\n \".msg\",\n \"message/rfc822\",\n ]\n },\n {\n rtl: rtl,\n downloadForm: true,\n title: t(\"MNP_Form\"),\n subTitle: t(\"MNP_Portability_Text\"),\n uploadFileText: t(\"Upload_MNP_form\"),\n toolTipText: t(\"Authorization_TooltipText\"),\n downloadFileSrc: MNPFormDownload,\n sizeErrorText: t(\"SizeLimit_Text\"),\n fileTypeErrorText: t(\"FileType_Others_Error\"),\n selectFileError: false,\n file: {},\n value: \"\",\n fileSelected: false,\n isInvalid: false,\n userType: [\"newcustomer\", \"exisitingcustomer\"],\n productType: [''],\n fileType: [\n \"application/pdf\",\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n \"application/vnd.ms-outlook\",\n \"text/plain\",\n \"image/jpeg\",\n \"image/png\",\n \".png\",\n \".jpg\",\n \".msg\",\n \".pdf\",\n \".xlsx\",\n \".pptx\",\n \".docx\",\n \".txt\",\n \"message/rfc822\",\n ],\n typeCode: \"Z78\",\n },\n {\n rtl: rtl,\n downloadForm: true,\n title: t(\"CITC_Form\"),\n subTitle: t(\"CITC_text\"),\n uploadFileText: t(\"Upload_CITC_form\"),\n toolTipText: \"Commercial Registration\",\n downloadFileSrc: `${win[\"download_form_url\"]}/CITC-Form.pdf`,\n sizeErrorText: t(\"SizeLimit_Text\"),\n fileTypeErrorText: t(\"FileType_Others_Error\"),\n selectFileError: false,\n file: {},\n value: \"\",\n fileSelected: false,\n isInvalid: false,\n userType: [\"newcustomer\", \"exisitingcustomer\"],\n productType: [''],\n typeCode: \"Z79\",\n fileType: [\n \"image/jpeg\",\n \"image/png\",\n \"application/pdf\",\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"application/vnd.ms-outlook\",\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n \"text/plain\",\n \".jpg\",\n \".png\",\n \".pdf\",\n \".xlsx\",\n \".docx\",\n \".txt\",\n \".msg\",\n \"message/rfc822\",\n ]\n },\n {\n rtl: rtl,\n downloadForm: false,\n title: t(\"GOSI_Certificate\"),\n subTitle: t(\"GOSI_text\"),\n uploadFileText: t(\"Upload_GOSI_Certificate\"),\n toolTipText: t(\"GOSI_text\"),\n downloadFileSrc: \"\",\n sizeErrorText: t(\"SizeLimit_Text\"),\n fileTypeErrorText: t(\"FileType_Others_Error\"),\n selectFileError: false,\n file: {},\n value: \"\",\n fileSelected: false,\n isInvalid: false,\n userType: [\"newcustomer\", \"exisitingcustomer\"],\n productType: [''],\n typeCode: \"Z80\",\n fileType: [\n \"image/jpeg\",\n \"image/png\",\n \"application/pdf\",\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"application/vnd.ms-outlook\",\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n \"text/plain\",\n \".jpg\",\n \".png\",\n \".pdf\",\n \".xlsx\",\n \".docx\",\n \".txt\",\n \".msg\",\n \"message/rfc822\",\n ]\n },\n // {\n // rtl: rtl,\n // downloadForm: false,\n // title: t(\"Vat_title\"),\n // subTitle: t(\"Vat_subtitle\"),\n // uploadFileText: t(\"Upload_Vat\"),\n // toolTipText: t(\"VAT_TooltipText\"),\n // downloadFileSrc: '',\n // sizeErrorText: t(\"SizeLimit_Text\"),\n // fileTypeErrorText: t(\"FileType_Others_Error\"),\n // selectFileError: false,\n // file: {},\n // value: \"\",\n // fileSelected: false,\n // isInvalid: false,\n // userType: [\"newcustomer\"],\n // productType: [\"Voice\", \"Data\"],\n // typeCode: \"Z116\",\n // fileType: [\n // \"application/pdf\",\n // \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n // \"image/jpeg\",\n // \".jpg\",\n // \".msg\",\n // \"message/rfc822\",\n // ]\n // },\n ];\n const foundMNP = productInformationData.some(\n (item: any) => (item.productInformation?.orderType?.value === \"Transfer your lines [MNP]\" || item.productInformation?.orderType?.value === \"Transfer Line lines MNP\" || item.productInformation?.orderType?.value === \"transferToMobily\")\n );\n const emptyNew = state.productType !== 'Voice' || productInformationData.some(\n (item: any) => (item.productInformation?.orderType?.value === \"New Activation\")\n )\n let filterData = uploadJson.filter((item: any) =>\n item.userType.includes(state.userType) && item.productType.includes(state.productType)\n );\n\n if (!foundMNP) {\n filterData = filterData.filter(\n (item: any) =>\n item.title !== t(\"Transfer_Mobily_Document\") && item.title !== t(\"CST_Consent_form_title\")\n );\n }\n console.log(emptyNew, 'emptyNew', productInformationData)\n if (!emptyNew) {\n filterData = filterData.filter(\n (item: any) =>\n item.title !== t(\"Enduser_title\")\n );\n }\n const initialValues = {\n\n }\n const [downloadDetails, setDownloadDetails] = useState\n
\n \n );\n}\n\nexport default DownloadAttachment;\n","import Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport { useTranslation } from \"react-i18next\";\n\nexport interface Props {\n rtl: boolean;\n OrderDetailsProduct:any;\n}\n\nfunction OrderCard({ rtl, OrderDetailsProduct }: Props) {\n const dir = rtl ? \"right\" : \"left\";\n const { t } = useTranslation();\n const SimLines= OrderDetailsProduct?.productInformation?.quantity.value > 1 ? `${t('Lines')} ${OrderDetailsProduct?.productInformation?.quantity.value} ` : `${t('Line')} ${OrderDetailsProduct?.productInformation.quantity.value} `;\n\n const priceWithoutVat = OrderDetailsProduct?.productInformation.quantity.value * OrderDetailsProduct.productInformation.packageName.price;\n const vatPrice = priceWithoutVat * 0.15;\n const totalAmountWithVat = priceWithoutVat + vatPrice;\n\n return (\n \n
\n \n
\n \n \n
\n \n \n
\n \n {OrderDetailsProduct.productInformation.packageName.value} \n
\n )\n}\n\nexport default OrderCard","import Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport { useTranslation } from \"react-i18next\";\n\nexport interface Props {\n rtl: boolean;\n OrderDetailsProduct:any;\n}\n\nfunction FiberOrderCard({ rtl, OrderDetailsProduct }: Props) {\n const { t } = useTranslation();\n\n const priceWithoutVat = parseFloat(OrderDetailsProduct.productInformation.packageName.price);\n const installationFee = parseFloat(OrderDetailsProduct.productInformation.packageName.nrc);\n const vatPrice = (installationFee + priceWithoutVat) * 0.15;\n const totalAmountWithVat = priceWithoutVat + installationFee + vatPrice;\n\n return (\n \n
\n \n {!rtl ? t('Number_of_lines') : SimLines } \n {!rtl ? SimLines : t('Number_of_lines')} \n
\n \n {!rtl ? t('SIM_Type') : OrderDetailsProduct.productInformation.simType.text} \n {!rtl ? OrderDetailsProduct.productInformation.simType.text : t('SIM_Type')} \n
\n \n {!rtl ? `${t('PriceWithoutVat')}` : `${priceWithoutVat} ${t('SAR')}`} \n {!rtl ? `${priceWithoutVat} ${t('SAR')}` : `${t('PriceWithoutVat')}`} \n
\n\n \n {!rtl ? `${t('VAT')}` : `${vatPrice} ${t('SAR')}`} \n {!rtl ? `${vatPrice} ${t('SAR')}` : `${t('VAT')}`} \n
\n\n \n {!rtl ? `${t('TotalAmount')}` : `${totalAmountWithVat} ${t('SAR')}`} \n {!rtl ? `${totalAmountWithVat} ${t('SAR')}` : `${t('TotalAmount')}`} \n
\n \n {OrderDetailsProduct.productInformation.packageName.value} \n
\n )\n}\n\nexport default FiberOrderCard","export const FIBERNET_TC_EN = 'https://www.mobily.com.sa/wps/wcm/connect/19c7d1b4-b676-423a-9a47-1278c190354a/FiberNet_T%26C_New_Eng.pdf?MOD=AJPERES&CACHEID=ROOTWORKSPACE-19c7d1b4-b676-423a-9a47-1278c190354a-orAs6MN';\nexport const FIBERNET_TC_AR = 'https://www.mobily.com.sa/wps/wcm/connect/657ec014-cc8c-493e-890a-20be03172bc9/FiberNet_T%26C_New_Ar.pdf?MOD=AJPERES&CACHEID=ROOTWORKSPACE-657ec014-cc8c-493e-890a-20be03172bc9-orAs2wN';\nexport const SIP_TC_EN = 'https://www.mobily.com.sa/wps/wcm/connect/43f8c243-551b-4a5f-a591-159c23a263a2/SIP+Trunk+TC+-+EN.pdf?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-43f8c243-551b-4a5f-a591-159c23a263a2-nPvQQmH';\nexport const SIP_TC_AR = 'https://www.mobily.com.sa/wps/wcm/connect/d16673b9-2e82-4636-b5f4-0ef5a80c6287/SIP+Trunk+TC+-+AR.pdf?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-d16673b9-2e82-4636-b5f4-0ef5a80c6287-nPvQQPz';\nexport const VOICEDATA_TC_AR = 'https://www.mobily.com.sa/wps/wcm/connect/d2c917a7-f22e-4020-982b-4a0864954f78/Mobily+Business+Voice+%26+Data+Subscription+Contract+%28Arabic%29+BU-M-.pdf?MOD=AJPERES&CACHEID=ROOTWORKSPACE-d2c917a7-f22e-4020-982b-4a0864954f78-nPvQAFa';\nexport const VOICEDATA_TC_EN = 'https://www.mobily.com.sa/wps/wcm/connect/26e52779-ca6b-4655-a0c5-da4d74d9590a/Mobily+Business+Voice+%26+Data+Subscription+Contract+%28English%29+BU-M-.pdf?MOD=AJPERES&CACHEID=ROOTWORKSPACE-26e52779-ca6b-4655-a0c5-da4d74d9590a-nPvQA0M';","import Button from \"mobily-ui-library/lib/components/composite/button/Button\";\nimport IconButton from \"mobily-ui-library/lib/components/composite/iconButton/IconButton\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport { useContext } from \"react\";\nimport { useTranslation } from 'react-i18next';\nimport { JSEncrypt } from 'jsencrypt';\nimport { GlobalContext } from \"../../../context/GlobalContext\";\nimport OrderCard from './OrderCard';\n\nimport { sendOTP } from '../../../api/api';\nimport { isEmpty, CheckResponse, Error } from '../../Util/Util';\n\nimport './OrderDetails.scss';\nimport FiberOrderCard from \"./FiberOrderCard\";\nimport { FIBERNET_TC_AR, FIBERNET_TC_EN, SIP_TC_AR, SIP_TC_EN, VOICEDATA_TC_AR, VOICEDATA_TC_EN } from \"../../../constants\";\n\nexport interface Props {\n rtl: boolean;\n handleHashValue: (value: string) => void;\n handleStatus: (value: string) => void;\n}\n\nconst win: any = window;\n\nfunction OrderDetails({ rtl, handleHashValue, handleStatus }: Props) {\n const { t } = useTranslation();\n const [state, dispatch]: any = useContext(GlobalContext);\n const { userType, existingCustomerData, newCustomerData, lang, productInformationData, productType } = state;\n\n const dir = rtl ? \"right\" : \"left\";\n let downloadFile = lang === 'ar'\n ? VOICEDATA_TC_AR\n : VOICEDATA_TC_EN;\n if (productType === 'Fiber') {\n downloadFile = lang === 'ar'\n ? FIBERNET_TC_AR\n : FIBERNET_TC_EN;\n } else if (productType === 'SIP') {\n downloadFile = lang === 'ar'\n ? SIP_TC_AR\n : SIP_TC_EN;\n }\n let existingMobileNumber: string = !isEmpty(existingCustomerData) && existingCustomerData.prefix + existingCustomerData.mobileNumber;\n let newCustMobileNumber: string = !isEmpty(newCustomerData) && newCustomerData.prefix + newCustomerData.mobileNumber;\n\n\n const mobileNumber = userType === 'newcustomer' ? newCustMobileNumber : existingMobileNumber;\n\n const publicKey = win['BM_PUBLIC_KEY'];\n const jsEncrypt = new JSEncrypt();\n jsEncrypt.setPublicKey(publicKey);\n\n const handleSubmit = () => {\n if (!isEmpty(existingCustomerData) || !isEmpty(newCustomerData)) {\n dispatch({ type: 'LOADER', payload: { loading: true } })\n\n let data = {\n msisdn: jsEncrypt.encrypt(mobileNumber),\n language: jsEncrypt.encrypt(lang.toUpperCase()),\n moduleId: jsEncrypt.encrypt('112'),\n otpLength: jsEncrypt.encrypt('4'),\n isNumeric: jsEncrypt.encrypt('Y')\n };\n sendOTP(data)\n .then((res: any) => {\n if (res.status === 204) {\n handleStatus(res.status)\n handleHashValue(res.headers.hashcode)\n dispatch({ type: 'LOADER', payload: { loading: false } })\n } else {\n // const { errorMsg } = CheckResponse(res.data.status, lang);\n const objCheck = typeof (res.data);\n const { errorMsg } = objCheck === 'object' ? CheckResponse(res.data.status, lang) : CheckResponse(res, lang);\n Error(errorMsg)\n dispatch({ type: 'LOADER', payload: { loading: false } })\n }\n });\n }\n\n dispatch({ type: 'ORDER_DETAILS_DATA', payload: { values: '', page: userType === 'newcustomer' || ['Data', 'Voice'].includes(productType) ? t(\"Download_Attach\") : t(\"Product_Information\"), prevModalOpen: true, modalOpen: true } })\n }\n\n const handleCancel = () => {\n dispatch({ type: 'ORDER_DETAILS_DATA', payload: { values: '', page: userType === 'newcustomer' || ['Data', 'Voice'].includes(productType) ? t(\"Download_Attach\") : t(\"Product_Information\"), prevModalOpen: false, modalOpen: false } })\n }\n\n const getTermsAndCondition = () => {\n if (['SIP', 'Fiber'].includes(productType)) {\n const termsSentence: any = productType==='SIP' ? t('Accept_statement_SIP') : t('Accept_statement_Fiber');\n const parts = termsSentence.split(t(\"Terms_Conditions_Link\"))\n return (\n \n
\n \n {t(\"Monthly_Subscription_without_VAT\")} \n {`${priceWithoutVat} ${t(\"SAR_Month\")}`} \n
\n \n {t(\"Installation_Fee_without_VAT\")} \n {`${installationFee} ${t('SAR')}`} \n
\n \n {t(\"VAT_amount\")} \n {`${vatPrice} ${t('SAR')}`} \n
\n\n \n {t(\"Total_Amount_of_first_Bill\")} \n {`${totalAmountWithVat} ${t('SAR')}`} \n
\n \n {t('Your_order_details')} \n <>\n {productInformationData.map((OrderDetailsProduct: any, index: any) => {\n if (['Fiber', 'SIP'].includes(productType)) {\n return \n } else {\n return {t('Review_statement')} \n {getTermsAndCondition()}\n \n {t('Submit')} \n \n
\n \n )\n}\n\nexport default OrderDetails\n","import Button from 'mobily-ui-library/lib/components/composite/button/Button';\nimport IconButton from \"mobily-ui-library/lib/components/composite/iconButton/IconButton\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport Input from 'mobily-ui-library/lib/components/primitive/input/Input';\nimport { useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { GlobalContext } from '../../../context/GlobalContext';\nimport { Error, isEmpty, CheckResponse } from '../../Util/Util';\nimport { ExisitingCustomerFinalResponse } from '../../Util/ExistingCustomerFinalResponse';\nimport { NewCustomerFinalResponse } from '../../Util/NewCustomerFinalResponse';\n\nimport { createOpportunityCombined } from '../../../api/apigeeApi';\nimport { auditOTP, resendOTP, salesAudit, validateOTP } from '../../../api/api';\nimport './OTPVerification.scss';\n\nexport interface Props {\n rtl: boolean;\n hashValue: string;\n}\n\nconst win: any = window;\n\nfunction OTPVerification({ rtl, hashValue }: Props) {\n const { t } = useTranslation();\n const [otpValue, setOtpValue] = useState('');\n const [error, setError] = useState\n {t('One_more_step')} \n \n {t('Verificationcode_sent')} {phoneNumber} {t('Enter_code_below')}\n \n 0 ? 'error' : 'normal'}`} rtl={false} onChange={handleChange} />\n {error.length > 0 && {error} }\n
\n \n )\n}\n\nexport default OTPVerification","export const ExisitingCustomerFinalResponse = (state) => {\n const { uniqueId, existingCustomerAPIRes, productType, productFormData } = state;\n \n // Map values from productFormData to existingCustomerAPIRes\n existingCustomerAPIRes['T_FullName'] = productFormData?.fullName ? productFormData.fullName : '';\n existingCustomerAPIRes['T_MSISDN'] = productFormData?.prefix && productFormData?.mobileNumber ? productFormData.prefix + productFormData.mobileNumber: '';\n\n let seq = 0;\n const productInformationData = state.productInformationData.length > 0 && state.productInformationData.map((item) => {\n seq = seq + 10;\n const mrc = item.productInformation.packageName?.mrc ? item.productInformation.packageName.mrc : '0'\n const nrc = item.productInformation.packageName?.nrc ? item.productInformation.packageName.nrc : '0'\n const quantity = item?.productInformation?.quantity?.value ? String(item.productInformation.quantity.value) : '1'\n const product = {\n ID: seq,\n ItemProduct: {\n ProductID: item.productInformation.packageName.product_Id,\n ProductTypeCode: \"1\",\n },\n Quantity: quantity,\n ZOrderType: item.productInformation.orderType?.value === \"New Activation\" ? \"101\" : \"111\",\n ZPackageMode: item.productInformation.packageName.mode_sfaId,\n ZPackageType: item.productInformation.packageName.packageType_sfaId,\n ZSIMType: item.productInformation.packageName.simType_sfa,\n GeoLatitude: item.productInformation.latitude?.value,\n GeoLongitude: item.productInformation.longitude?.value,\n NRC: nrc,\n MRC: mrc,\n TVC: String((parseFloat(mrc) * parseFloat(quantity)) + parseFloat(nrc)),\n ZProductDescription:item?.productInformation?.packageName?.name\n };\n\n return product;\n });\n\n existingCustomerAPIRes['Item'] = productInformationData;\n existingCustomerAPIRes['ID'] = state.randomID;\n if (['Fiber', 'SIP'].includes(productType)) {\n existingCustomerAPIRes['Z_ODBOperator'] = state.productInformationData[0].productInformation?.ODBOperator?.value\n existingCustomerAPIRes['ZODBNumber'] = state.productInformationData[0].productInformation?.ODBNumber?.value\n existingCustomerAPIRes['ZZExisitng_Flag'] = \"1\"\n }\n const topProductInfo = state.productInformationData[0].productInformation;\n if (productType === 'SIP' && (topProductInfo.installed !== 'yes' || topProductInfo.IPPBX !== 'yes' || topProductInfo.telephoneDevice !== 'yes' || topProductInfo.telecomEquipment !== 'yes')) {\n existingCustomerAPIRes['OriginTypeCode'] = 'Z07'\n existingCustomerAPIRes['ZDocumentType'] = 'Z104'\n }\n\n const ID = uniqueId.replaceAll(/-/g, \"\").toUpperCase();\n const UUID = uniqueId;\n\n const finalResponse = {\n \"MOBILY_BSL_SR\": {\n \"SR_HEADER\": {\n \"FuncId\": \"CreateOpportunitySFA\",\n \"MsgVersion\": \"0001\",\n \"RequestorUserId\": \"ePortal\",\n \"RequestorChannelId\": \"ePortalUser\",\n \"ChannelTransactionId\": `SR_${state.dateString}`,\n \"SrDate\": state.dateString\n },\n \"OpportunityReq\": {\n \"Envelope\": {\n \"Body\": {\n \"LeanLeadReplicationBulkReplicateRequest\": {\n \"MessageHeader\": {\n \"ID\": ID,\n \"UUID\": UUID,\n \"CreationDateTime\": state.createdTime, // system date\n \"ExistingCustomer\": \"Y\", //This Flag is created for EAI identify between the existing and new customer as the input parameters are different in both cases.\n \"SenderBusinessSystemID\": \"\", //Static\n \"RecipientBusinessSystemID\": \"\", //Static\n \"SenderParty\": {\n \"InternalID\": \"\" //Static\n },\n \"RecipientParty\": {\n \"InternalID\": \"\" //Static\n }\n },\n \"LeanLeadReplicateRequestMessage\": {\n \"MessageHeader\": {\n \"UUID\": UUID\n },\n \"LeanLead\": existingCustomerAPIRes,\n }\n }\n }\n }\n },\n \"AttachmentReq\": {\n \"Envelope\": {\n \"Header\": \"\",\n \"Body\": {\n \"AttachmentFolderBulkReplicateRequest\": {\n \"MessageHeader\": {\n \"ID\": ID,\n \"UUID\": UUID,\n \"CreationDateTime\": state.createdTime,\n \"SenderBusinessSystemID\": \"\", //Static\n \"RecipientBusinessSystemID\": \"\", //Static\n \"SenderParty\": {\n \"InternalID\": \"\" //Static\n },\n \"RecipientParty\": {\n \"InternalID\": \"\" //Static\n }\n },\n \"AttachmentFolderReplicateRequestMessage\": {\n \"BasicMessageHeader\": {\n \"UUID\": UUID\n },\n \"AttachmentFolder\": {\n \"HostObjectReference\": {\n \"ObjectTypeCode\": \"\", //Static\n \"ObjectID\": state.randomID //lead ID\n },\n \"Document\": state.downloadAttachmentData\n }\n }\n }\n }\n }\n }\n }\n }\n return finalResponse;\n}","import { v4 as uuid } from \"uuid\";\n\nexport const NewCustomerFinalResponse = (state) => {\n const { newCustomerAPIRes, productType, newCustomerData,productFormData} = state;\n\n // Map values from productFormData to newCustomerAPIRes\n newCustomerAPIRes['T_FullName'] = productFormData?.fullName ? productFormData.fullName : '';\n newCustomerAPIRes['T_MSISDN'] = productFormData?.prefix && productFormData?.mobileNumber ? productFormData.prefix + productFormData.mobileNumber: '';\n newCustomerAPIRes['AP_ID'] = newCustomerData?.idNumber;\n\n let seq = 0;\n const productInformationData = state.productInformationData.length > 0 && state.productInformationData.map((item) => {\n seq = seq + 10;\n const mrc = item.productInformation.packageName?.mrc ? item.productInformation.packageName.mrc : '0'\n const nrc = item.productInformation.packageName?.nrc ? item.productInformation.packageName.nrc : '0'\n const quantity = item?.productInformation?.quantity?.value ? String(item.productInformation.quantity.value) : '1'\n const product = {\n ID: seq,\n ItemProduct: {\n ProductID: item.productInformation.packageName?.product_Id,\n ProductTypeCode: \"1\",\n },\n Quantity: quantity,\n ZOrderType: item.productInformation.orderType?.value === \"New Activation\" ? \"101\" : \"111\",\n ZPackageMode: item.productInformation.packageName?.mode_sfaId,\n ZPackageType: item.productInformation.packageName?.packageType_sfaId,\n ZSIMType: item.productInformation.packageName?.simType_sfa,\n GeoLatitude: item.productInformation.latitude?.value,\n GeoLongitude: item.productInformation.longitude?.value,\n NRC: nrc,\n MRC: mrc,\n TVC: String((parseFloat(mrc) * parseFloat(quantity)) + parseFloat(nrc)),\n ZProductDescription:item?.productInformation?.packageName?.name\n };\n\n return product;\n })\n const topProductInfo = state.productInformationData[0].productInformation;\n newCustomerAPIRes['Item'] = productInformationData\n newCustomerAPIRes['ID'] = state.randomID\n if (['Fiber', 'SIP'].includes(productType)) {\n newCustomerAPIRes['Z_ODBOperator'] = topProductInfo.ODBOperator?.value\n newCustomerAPIRes['ZODBNumber'] = topProductInfo.ODBNumber?.value\n newCustomerAPIRes['ZZExisitng_Flag'] = \"2\"\n }\n if (productType === 'SIP' && (topProductInfo.installed !== 'yes' || topProductInfo.IPPBX !== 'yes' || topProductInfo.telephoneDevice !== 'yes' || topProductInfo.telecomEquipment !== 'yes')){\n newCustomerAPIRes['OriginTypeCode'] = 'Z07'\n newCustomerAPIRes['ZDocumentType'] = 'Z104'\n }\n\n const createId = uuid()\n const ID = createId.replaceAll(/-/g, \"\").toUpperCase();\n const UUID = createId;\n\n const finalResponse = {\n \"MOBILY_BSL_SR\": {\n \"SR_HEADER\": {\n \"FuncId\": \"CreateOpportunitySFA\",\n \"MsgVersion\": \"0001\",\n \"RequestorUserId\": \"ePortal\",\n \"RequestorChannelId\": \"ePortalUser\",\n \"ChannelTransactionId\": `SR_${state.dateString}`,\n \"SrDate\": state.dateString\n },\n \"OpportunityReq\": {\n \"Envelope\": {\n \"Body\": {\n \"LeanLeadReplicationBulkReplicateRequest\": {\n \"MessageHeader\": {\n \"ID\": ID,\n \"UUID\": UUID,\n \"CreationDateTime\": state.createdTime,\n \"ExistingCustomer\": \"N\", //This Flag is created for EAI identify between the existing and new customer as the input parameters are different in both cases. \n \"SenderBusinessSystemID\": \"\", //Static\n \"RecipientBusinessSystemID\": \"\", //Static\n \"SenderParty\": {\n \"InternalID\": \"\" //Static\n },\n \"RecipientParty\": {\n \"InternalID\": \"\" //Static\n }\n },\n \"LeanLeadReplicateRequestMessage\": {\n \"MessageHeader\": {\n \"UUID\": UUID\n },\n \"LeanLead\": newCustomerAPIRes,\n }\n }\n }\n }\n },\n \"AttachmentReq\": {\n \"Envelope\": {\n \"Header\": \"\",\n \"Body\": {\n \"AttachmentFolderBulkReplicateRequest\": {\n \"MessageHeader\": {\n \"ID\": ID,\n \"UUID\": UUID,\n \"CreationDateTime\": state.createdTime,\n \"SenderBusinessSystemID\": \"\",\n \"RecipientBusinessSystemID\": \"\",\n \"SenderParty\": {\n \"InternalID\": \"\"\n },\n \"RecipientParty\": {\n \"InternalID\": \"\"\n }\n },\n \"AttachmentFolderReplicateRequestMessage\": {\n \"BasicMessageHeader\": {\n \"UUID\": UUID\n },\n \"AttachmentFolder\": {\n \"HostObjectReference\": {\n \"ObjectTypeCode\": \"\",\n \"ObjectID\": state.randomID\n },\n \"Document\": state.downloadAttachmentData\n }\n }\n }\n }\n }\n }\n }\n }\n return finalResponse;\n}","import { useTranslation } from 'react-i18next';\nimport IconButton from \"mobily-ui-library/lib/components/composite/iconButton/IconButton\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport './Error.scss';\n\nexport interface Props {\n rtl: boolean;\n}\n\nfunction Error({ rtl }: Props) {\n const { t } = useTranslation();\n const dir = rtl ? 'right': 'left';\n\n const win: any = window;\n\n const handleGoBackHome = () => {\n window.location = win['home_page_url'];\n }\n\n const handleGoBackAccountInfo = () => {\n window.location = win['submit_order_page_url'];\n }\n\n return (\n \n {rtl ? (\n <>\n {t('Resend_code')} \n {t('Didn’t_receive_code')} \n \n ) : (\n <>\n {t('Didn’t_receive_code')} \n {t('Resend_code')} \n \n )}\n
\n\n \n {t('Submit')} \n \n
\n \n
\n )\n}\n\nexport default Error\n","export default __webpack_public_path__ + \"static/media/Spinner.c1a9ba6f.svg\";","import { useContext } from 'react'\r\nimport { GlobalContext } from '../../context/GlobalContext';\r\nimport Spinner from '../../assets/Spinner.svg';\r\nimport './Loader.scss';\r\n\r\nfunction Loader() {\r\n const [state]: any = useContext(GlobalContext);\r\n const {loading} = state\r\n\r\n if(!loading) return null;\r\n return (\r\n \n
\n \n \n {t('Failed_to_submit')}\n \n {t('GoBack_Homepage')} \n
\n \n {t('GoBack_Account_Information')} \n
\n \r\n
\r\n )\r\n}\r\n\r\nexport default Loader\r\n","import { useEffect, useContext, useState } from 'react'\nimport AccountInformation from './AccountInformation/AccountInformation';\nimport ProductInformation from './ProductInformation/ProductInformation';\nimport DownloadAttachment from './DowloadAttachment/DownloadAttachment';\nimport OrderDetails from \"./OrderDetails/OrderDetails\";\nimport OTPVerification from './OTPVerification/OTPVerification';\nimport Error from '../Common/Error/Error';\nimport { GlobalContext } from '../../context/GlobalContext';\nimport { useTranslation } from 'react-i18next';\nimport Loader from '../Loader/Loader';\nimport { getCities, getNationalities } from '../../api/api';\n\nfunction FastTrackOrder() {\n const { t } = useTranslation();\n const [state, dispatch]: any = useContext(GlobalContext);\n const { rtl, currentPage, modalOpenOtpPage, modalOpenOrderDetails } = state;\n const fixScroll = modalOpenOtpPage || modalOpenOrderDetails ? 'fixScroll' : '';\n const [hashValue, setHashValue] = useState('');\n const [, setStatus] = useState(null);\n\n useEffect(() => {\n if(document.getElementById('mobily_cart_id') !== null) {\n document.getElementById('mobily_cart_id').style.display = 'none';\n document.getElementById('mobily_track_order_id').style.display = 'none';\n }\n dispatch({ type: 'INITIAL_ONLOAD', payload: { page: t(\"Account_Information\") } })\n }, [dispatch, t]);\n\n useEffect(() => {\n if (modalOpenOrderDetails) {\n window.scrollTo({\n top: 0,\n behavior: 'smooth',\n });\n }\n }, [modalOpenOrderDetails])\n useEffect(() => {\n window.scrollTo({\n top: 0,\n behavior: 'smooth',\n });\n }, [currentPage])\n\n useEffect(() => {\n fetchDropdownLists()\n }, [])\n\n const fetchDropdownLists = async () => {\n try {\n const cities: any = await getCities()\n const nationalities: any = await getNationalities()\n const citiesList = JSON.parse(cities.data.data.cities).map((c: any) => {\n return {text: rtl ? c.city_desc_ar : c.city_desc_en, value: c['city code']}\n })\n const nationalitiesList = JSON.parse(nationalities.data.data.nationalities).map((n: any) => {\n return {text: rtl ? n.item_desc_ar : n.item_desc_en, value: n['sfa code']}\n })\n dispatch({ type: 'UPDATE_CITIES', payload: citiesList})\n dispatch({ type: 'UPDATE_NATIONALITIES', payload: nationalitiesList})\n } catch (err) {\n dispatch({ type: 'UPDATE_CITIES', payload: []})\n dispatch({ type: 'UPDATE_NATIONALITIES', payload: []})\n }\n }\n return (\n \r\n 
\r\n
\r\n \n
\n )\n}\n\nexport default FastTrackOrder\n","export default __webpack_public_path__ + \"static/media/BackButton.838e5c0a.svg\";","export default __webpack_public_path__ + \"static/media/ForwardButton.cf37f1f7.svg\";","import { useTranslation } from \"react-i18next\";\nimport { useContext, useState } from \"react\";\nimport IconButton from \"mobily-ui-library/lib/components/composite/iconButton/IconButton\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport Input from 'mobily-ui-library/lib/components/primitive/input/Input';\n\nimport { GlobalContext } from \"../../context/GlobalContext\";\nimport { getLeadOrderDetails, getCRNOrderDetails } from \"../../api/apigeeApi\";\n\nimport BackButton from \"../../assets/BackButton.svg\";\nimport ForwardButton from \"../../assets/ForwardButton.svg\";\nimport SelectCustom from \"../Common/SelectCustom/SelectCustom\";\n\nexport interface Props {\n rtl: boolean;\n}\n\nconst win: any = window;\nconst sfaPhase = ['Credit Check', 'Rejected Credit Check', 'Lost'];\nconst oppPhase = ['Reassigned to Sales', 'OMT Control', 'Order Completed', 'Order Creation', 'Finger Print'];\n\nfunction CheckOrders({ rtl }: Props) {\n const [state, dispatch]: any = useContext(GlobalContext);\n const { t } = useTranslation();\n const options = [{text: t(\"I_OrderNo\"), value: t(\"I_OrderNo\")}, {text: t(\"I_CRNo\"), value: t(\"I_CRNo\")}];\n const [selectValue, setSelectValue] = useState\n
\n \n \n \n );\n}\n\nexport default CheckOrders;\n","export default __webpack_public_path__ + \"static/media/CaretRight.35c17fc5.svg\";","export default __webpack_public_path__ + \"static/media/CaretLeft.7cb8227d.svg\";","import { useContext } from \"react\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { GlobalContext } from \"../../../context/GlobalContext\";\n\nimport CaretRight from \"../../../assets/CaretRight.svg\";\nimport CaretLeft from \"../../../assets/CaretLeft.svg\";\n\nexport interface Props {\n rtl: boolean;\n selectedOrder: any;\n}\n\nconst win: any = window;\n\nfunction OrderListCard({ rtl, selectedOrder }: Props) {\n const sideCaret = rtl ? CaretLeft : CaretRight;\n const [, dispatch]: any = useContext(GlobalContext);\n const { t } = useTranslation();\n const dir = rtl ? \"right\" : \"left\";\n\n const handleClick = (values: any) => {\n dispatch({\n type: \"TRACK_ORDER_NUMBER_DATA\",\n // payload: { values, page: \"Status\" }\n payload: { values }\n });\n window.location = win['track_order_thanku_url']\n };\n\n const orderDate = selectedOrder.CDOC_CREATEDATE_LOCAL.split(\"/\")[0];\n return (\n \n
\n \n (window.location = win[\"home_page_url\"])}\n className={`myOrders-backButton group-${dir}`}\n alt=\"backbutton\"\n />\n 0 ? \"error\" : \"normal\"\n }`}\n >\n 0 ? ErrorIcon : \"\"}\n />\n {crError.length > 0 && (\n \n {crError}\n \n )}\n
\n )}\n\n \n \n {t(\"Track_my_order\")}\n \n
\n \n \n {t(\"OrderNo_CRNo_statement\")}\n \n
\n\n \n {/* 0 ? \"error\" : \"normal\"\n }`}\n >\n 0 ? ErrorIcon : \"\"}\n />\n {orderError.length > 0 && (\n \n {orderError}\n \n )}\n
\n ) : (\n \n \n {t(\"Next\")}\n \n\n
\n handleClick(selectedOrder)}>\n
\n );\n}\n\nexport default OrderListCard;","import Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport { useContext } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport BackButton from \"../../../assets/BackButton.svg\";\nimport ForwardButton from \"../../../assets/ForwardButton.svg\";\nimport { GlobalContext } from \"../../../context/GlobalContext\";\nimport OrderListCard from \"./OrderListCard\";\n\nexport interface Props {\n rtl: boolean;\n}\n\nfunction OrderList({ rtl }: Props) {\n const [state, dispatch]: any = useContext(GlobalContext);\n const { trackCrNumberData } = state;\n\n const { t } = useTranslation();\n const backButton = rtl ? ForwardButton : BackButton;\n const dir = rtl ? \"right\" : \"left\";\n\n const handleBack = () => {\n dispatch({\n type: \"INITIAL_ONLOAD_TRACK_ORDER\",\n payload: { page: t(\"Track_my_order\") },\n });\n };\n\n return (\n \n <>\n 
\n \n
\n \n \n {t('Order')} {selectedOrder.CDOC_ID}\n \n \n {orderDate}\n \n
\n \n
\n );\n}\n\nexport default OrderList;","import './StepProgress.scss';\r\n\r\ninterface Props {\r\n steps: any[];\r\n rtl: boolean;\r\n width?: string;\r\n}\r\n\r\nfunction StepProgress({ rtl, steps }: Props) {\r\n\r\n return (\r\n \n
\n \n
\n \n \n {t(\"Latest_order_status\")}\n \n
\n \n\n {trackCrNumberData.map((selectedOrder: any, index: any) => (\n
\n \r\n {steps.map((step: any, index: number) => {\r\n\r\n return (\r\n
\r\n )\r\n}\r\n\r\nexport default StepProgress;","export default __webpack_public_path__ + \"static/media/Hold.36edd710.svg\";","export default __webpack_public_path__ + \"static/media/Empty.5d4a0c07.svg\";","export default __webpack_public_path__ + \"static/media/HoldWhite.9c3ff34a.svg\";","export default __webpack_public_path__ + \"static/media/Rejected.62ad82ba.svg\";","export default __webpack_public_path__ + \"static/media/CircularCheck.de18b7da.svg\";","import Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport StepProgress from '../Common/StepProgress/StepProgress';\nimport { convertDateTime } from '../Util/DateTime';\n\nimport Hold from '../../assets/Hold.svg';\nimport Empty from '../../assets/Empty.svg';\nimport HoldWhite from '../../assets/HoldWhite.svg';\nimport Rejected from '../../assets/Rejected.svg';\nimport CircularCheck from '../../assets/CircularCheck.svg';\n\nexport interface Props {\n rtl: boolean;\n}\n\nfunction OrderStatus({ rtl }: Props) {\n const [orderData, setOrderData] = useState(null);\n const [level, setLevel] = useState(0);\n const [srcType, setSrcType] = useState(Empty);\n const [status, setStatus] = useState('');\n const [statusClass, setStatusClass] = useState('');\n const [leadDate, setLeadDate] = useState('');\n const [opportunityDate, setOpportunityDate] = useState('');\n const [completedDate, setCompletedDate] = useState('');\n\n const { t } = useTranslation();\n const dir = rtl ? \"right\" : \"left\";\n\n useEffect(() => {\n const data: any = JSON.parse(sessionStorage.getItem('OrderStatusValue'));\n setOrderData(data);\n\n if (data.TUSER_STATUS_CODE === 'Credit Check') {\n setStatus(t('InProgress'));\n setStatusClass('In Progress');\n setSrcType(HoldWhite);\n setLeadDate(data.Cs1ANsAF3C964C2847919);\n setLevel(0);\n }\n\n if (data.TUSER_STATUS_CODE === 'Rejected Credit Check') {\n setStatus(t('Hold'));\n setStatusClass('On Hold');\n setSrcType(Hold);\n setLeadDate(data.Cs1ANsAF3C964C2847919);\n setLevel(0);\n }\n\n if (data.TUSER_STATUS_CODE === 'Lost') {\n setStatus(t('Rejected'));\n setStatusClass('Rejected');\n setSrcType(Rejected);\n setLeadDate(data.Cs1ANsAF3C964C2847919);\n setLevel(0);\n }\n\n if (data.TUSER_STATUS_CODE === 'Converted') {\n // level = 1\n if (data.TDSC_SALPHASE === 'Reassigned to Sales') {\n setStatus(t('Hold'));\n setStatusClass('On Hold');\n setSrcType(Hold);\n setLeadDate(data.Cs1ANsAF3C964C2847919);\n setOpportunityDate(data.Cs1ANs13D05C39131DB8A);\n setLevel(1);\n }\n if (data.TDSC_SALPHASE === 'OMT Control') {\n setStatus(t('InProgress'));\n setStatusClass('In Progress');\n setSrcType(HoldWhite);\n setLeadDate(data.Cs1ANsAF3C964C2847919);\n setOpportunityDate(data.Cs1ANs13D05C39131DB8A);\n setLevel(1);\n }\n\n // level = 2\n if (data.TDSC_SALPHASE === 'Order Completed') {\n setStatus(t('Completed'));\n setStatusClass('Completed');\n setSrcType(CircularCheck);\n setLeadDate(data.Cs1ANsAF3C964C2847919);\n const oppDate = convertDateTime(data.Cs1ANs13D05C39131DB8A);\n setOpportunityDate(oppDate);\n setCompletedDate(data.Cs1ANs13D05C39131DB8A);\n setLevel(2);\n }\n if (data.TDSC_SALPHASE === 'Finger Print') {\n setStatus(t('Completed'));\n setStatusClass('Completed');\n setSrcType(CircularCheck);\n setLeadDate(data.Cs1ANsAF3C964C2847919);\n setOpportunityDate(data.Cs1ANs13D05C39131DB8A);\n setCompletedDate(data.Cs1ANs13D05C39131DB8A);\n setLevel(2);\n }\n if (data.TDSC_SALPHASE === 'Order Creation') {\n setStatus(t('InProgress'));\n setStatusClass('In Progress');\n setSrcType(HoldWhite);\n setLeadDate(data.Cs1ANsAF3C964C2847919);\n setOpportunityDate(data.Cs1ANs13D05C39131DB8A);\n setCompletedDate(data.Cs1ANs13D05C39131DB8A);\n setLevel(2);\n }\n }\n }, [t]);\n\n const steps = [\n {\n label: t(\"Credit_Check\"),\n date: leadDate,\n srcImg: level === 1 || level === 2 ? CircularCheck : srcType,\n completed: level === 1 || level === 2 ? true : false,\n type: 'not-empty'\n },\n {\n label: t(\"Info_Verify\"),\n date: opportunityDate,\n srcImg: level === 0 ? Empty : level === 2 ? CircularCheck : srcType,\n completed: level === 2 ? true : false,\n type: level === 1 || level === 2 ? 'not-empty' : 'empty'\n },\n {\n label: t(\"Order_Creation\"),\n date: completedDate,\n srcImg: level === 0 || level === 1 ? Empty : srcType,\n completed: false,\n type: level === 2 ? 'not-empty' : 'empty'\n }\n ]\n\n const subClass = statusClass.split(' ').join('').toLowerCase();\n\n return (\n \r\n 
\r\n
\r\n )\r\n })}\r\n \r\n {step.label}\r\n
\r\n {step.date}
\r\n\n
\n );\n}\n\nexport default OrderStatus;","export function convertDateTime(dateTime) {\r\n if (dateTime !== \"\") {\r\n const [dateStr, timeStr] = dateTime.split(\"/\");\r\n const [day, month, year] = dateStr.split(\".\").map((part) => parseInt(part));\r\n const [time, ampm] = timeStr.split(\" \");\r\n const [hours, minutes] = time.split(\":\").map((part) => parseInt(part));\r\n const currentYear = new Date().getFullYear();\r\n const fullYear = currentYear - (currentYear % 100) + year;\r\n const newDatetime = new Date(fullYear, month - 1, day, hours, minutes);\r\n\r\n if (ampm === \"PM\" && hours !== 12) {\r\n newDatetime.setHours(newDatetime.getHours() + 12);\r\n }\r\n\r\n newDatetime.setHours(newDatetime.getHours() - 4);\r\n\r\n const adjustedAMPM = newDatetime.getHours() >= 12 ? \"PM\" : \"AM\";\r\n\r\n const formattedDate = `${newDatetime\r\n .getDate()\r\n .toString()\r\n .padStart(2, \"0\")}.${(newDatetime.getMonth() + 1)\r\n .toString()\r\n .padStart(2, \"0\")}.${newDatetime.getFullYear().toString().substr(-2)}`;\r\n\r\n const formattedTime = `${(newDatetime.getHours() % 12)\r\n .toString()\r\n .padStart(2, \"0\")}:${newDatetime.getMinutes()} ${adjustedAMPM}`;\r\n\r\n return `${formattedDate}/${formattedTime}`;\r\n } else {\r\n return '';\r\n }\r\n}\r\n","import { useTranslation } from 'react-i18next';\nimport IconButton from \"mobily-ui-library/lib/components/composite/iconButton/IconButton\";\nimport Typography from \"mobily-ui-library/lib/components/primitive/Typography/Typography\";\nimport './Error.scss';\n\nexport interface Props {\n rtl: boolean;\n}\n\nfunction TrackOrderError({ rtl }: Props) {\n const { t } = useTranslation();\n const dir = rtl ? 'right': 'left';\n\n const win: any = window;\n\n const handleGoBackHome = () => {\n window.location = win['home_page_url'];\n }\n\n const handleGoBackAccountInfo = () => {\n window.location = win['track_order_page_url'];\n }\n\n return (\n \n {orderData && (\n
\n \n \n {t(\"Order\")}\n #{orderData?.CDOC_ID} \n {t(\"Status\")}:{status}\n \n\n
\n )}\n \n
\n \n
\n )\n}\n\nexport default TrackOrderError\n","import { useContext, useEffect } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { GlobalContext } from \"../../context/GlobalContext\";\r\nimport Loader from \"../Loader/Loader\";\r\nimport CheckOrders from \"./CheckOrders\";\r\nimport OrderList from \"./OrderList/OrderList\";\r\nimport OrderStatus from \"./OrderStatus\";\r\nimport TrackOrderError from '../Common/Error/TrackOrderError';\r\nimport \"./TrackOrders.scss\";\r\n\r\nfunction TrackOrders() {\r\n const [state, dispatch]: any = useContext(GlobalContext);\r\n const { rtl, currentPage } = state;\r\n\r\n const { t } = useTranslation();\r\n\r\n useEffect(() => {\r\n if (document.getElementById('mobily_cart_id') !== null) {\r\n document.getElementById('mobily_cart_id').style.display = 'none';\r\n document.getElementById('mobily_track_order_id').style.display = 'none';\r\n }\r\n dispatch({\r\n type: \"INITIAL_ONLOAD_TRACK_ORDER\",\r\n payload: { page: t(\"Track_my_order\") },\r\n });\r\n }, [dispatch, t]);\r\n\r\n return (\r\n <>\r\n \n
\n \n \n {t('Trackorder_Error')}\n \n \n {t('Tryagain_with_tracknumber')}\n \n {t('GoBack_Homepage')} \n
\n \n {t('Try_again')} \n
\n \n
\n );\n}\n\nexport default Thanks;\n","import { useContext } from 'react';\r\nimport FastTrackOrders from '../components/FastTrackOrders/FastTrackOrder';\r\nimport TrackOrders from \"../components/TrackOrders/TrackOrders\";\r\nimport Thanks from '../components/Common/FinalResponse/Thanks';\r\nimport { GlobalContext } from '../context/GlobalContext';\r\nimport OrderStatus from \"../components/TrackOrders/OrderStatus\";\r\n\r\nconst RouteComponent = () => {\r\n const [state]: any = useContext(GlobalContext);\r\n const {sourcePage} = state;\r\n\r\n return (\r\n <>\r\n {sourcePage === 'createOrder' && \n {/*
\n \n \n {t(\"Your_Order\")}\n \n
*/}\n \n {thanksCardData.length > 0 &&\n thanksCardData.map(\n (OrderDetailsProductThanks: any, index: any) => (\n
\n