\r\n {t(props.hint)}\r\n
\r\n );\r\n};\r\n\r\nexport default withTranslation()(Hint);\r\n","import React from 'react'\r\nimport { withTranslation } from \"react-i18next\";\r\nimport { Avatar } from 'antd';\r\n\r\nconst Image = (props) => {\r\n const { t } = props;\r\n\r\n return (\r\n 
\r\n\r\n
\r\n )\r\n};\r\n\r\nexport default withTranslation()(Image);\r\n\r\n","import React from \"react\";\r\n\r\nexport default () => (\r\n pageODB
\r\n \r\n\r\n pageProvider
\r\n \r\n pageCustomerDetails
\r\n \r\n pageDelieveryDetails
\r\n \r\n \r\n \r\n (window.location.href = \"/wps/portal/web/personal\")\r\n }\r\n className={\r\n lang === \"en\" ? \".back-to-home-btn\" : \".back-to-home-btn-a\"\r\n }\r\n id=\"thanks-BackBtn\"\r\n >\r\n {t(\"go_to_home_page\")}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(\r\n reduxForm({\r\n form: \"wizard\", // <------ same form name\r\n destroyOnUnmount: false, // <------ preserve form data\r\n forceUnregisterOnUnmount: true, // <------ unregister fields on unmount\r\n })(Thankyou)\r\n);\r\n","import axios from \"axios/index\";\r\n\r\nconst lang = window.lang;\r\nconst baseURL = window.storeBaseURL\r\n ? window.storeBaseURL\r\n : \"https://apidev.mobily.com.sa/apis/onpremise/eshop\";\r\n\r\nvar token = window.clientToken;\r\nvar reGenerateTokenUrl = window.reGenerateToken;\r\nvar storeServerURL = window.storeServerURL;\r\nconst cem_key = window[\"CEM_KEY\"];\r\n\r\nlet defaultHeaders = {\r\n params: {},\r\n};\r\n\r\nconst axiosApiInstance = axios.create();\r\n\r\naxiosApiInstance.interceptors.request.use(\r\n async (config) => {\r\n config.headers.Authorization = \"Bearer \" + token;\r\n config.headers[\"cem-key\"] = cem_key;\r\n return config;\r\n },\r\n (err) => {\r\n return err;\r\n }\r\n);\r\naxiosApiInstance.interceptors.response.use(\r\n async (response) => {\r\n return response;\r\n },\r\n (error) => {\r\n if (\r\n (error.response.data.code &&\r\n error.response.data.code === \"APIGEE-001\" &&\r\n error.response.data.details.includes(\"Invalid access token\")) ||\r\n (error.response.data.code &&\r\n error.response.data.code === \"APIGEE-002\" &&\r\n error.response.data.details.includes(\"Expired access token\"))\r\n ) {\r\n // token = reGenerateToken();\r\n console.log(\r\n \"in response error interceptors\",\r\n JSON.stringify(error.response.config)\r\n );\r\n const { config: oldRequest } = error.response;\r\n\r\n return axiosApiInstance.request({ ...oldRequest });\r\n }\r\n\r\n document.location.href = `/wps/portal/web/personal/store/error?errorSource=${\r\n window.lang === \"en\" ? \"Store\" : \"المتجر\"\r\n }`;\r\n return error;\r\n }\r\n);\r\n\r\nfunction reGenerateToken() {\r\n console.log(\"reGenerateToken :: Enter\");\r\n console.log(\"reGenerateTokenUrl => \" + reGenerateTokenUrl);\r\n\r\n return new Promise((resolve, reject) => {\r\n fetch(storeServerURL + \"\" + reGenerateTokenUrl, {\r\n method: \"GET\",\r\n headers: {\r\n \"Content-type\": \"text/html; charset=UTF-8\",\r\n \"cem-key\": cem_key,\r\n },\r\n })\r\n .then((res) => res.text())\r\n\r\n .then((result) => {\r\n //console.log(\"Token res -> \"+result);\r\n resolve(result);\r\n })\r\n .catch((err) => {\r\n //console.log(err);\r\n reject(err);\r\n });\r\n });\r\n}\r\n\r\n/**\r\n * Retrieves product details with sku_id given as parameter\r\n * @param sku_id\r\n * @returns {AxiosPromise\r\n \r\n {t(\"go_to_fiber_page\")}\r\n \r\n (window.location.href = \"/wps/portal/web/personal\")\r\n }\r\n className={\r\n lang === \"en\"\r\n ? \".back-to-home-btn mt-3\"\r\n : \".back-to-home-btn-a mt-3\"\r\n }\r\n >\r\n {t(\"go_to_home_page\")}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation()(\r\n reduxForm({\r\n form: \"wizard\", // <------ same form name\r\n destroyOnUnmount: false, // <------ preserve form data\r\n forceUnregisterOnUnmount: true, // <------ unregister fields on unmount\r\n })(WrongScreen)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { withTranslation } from \"react-i18next\";\r\nimport ODB from \"./ODB\";\r\nimport FiberProvider from \"./FiberProvider\";\r\nimport PersonalityVerification from \"./PersonalityVerification\";\r\nimport {\r\n addItemsToCart,\r\n createOrder,\r\n getProductDetailsBySKU,\r\n} from \"../../BackendServices/services\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { Spin } from \"antd\";\r\n\r\nimport { isSubmitting, hasSubmitSucceeded, hasSubmitFailed } from \"redux-form\";\r\nimport { connect } from \"react-redux\";\r\nimport ContactInfo from \"./ContactInfo\";\r\nimport { Row } from \"antd\";\r\nimport Thankyou from \"./Thankyou\";\r\nimport WrongScreen from \"./WrongScreen\";\r\n\r\nconst errorPage = window.errorPageURL;\r\n\r\nfunction isEmpty(val) {\r\n if (val === undefined) return true;\r\n\r\n if (\r\n typeof val == \"function\" ||\r\n typeof val == \"number\" ||\r\n typeof val == \"boolean\" ||\r\n Object.prototype.toString.call(val) === \"[object Date]\"\r\n )\r\n return false;\r\n\r\n if (val == null || val.length === 0)\r\n // null or 0 length array\r\n return true;\r\n\r\n if (typeof val == \"object\") {\r\n // empty object\r\n\r\n var r = true;\r\n\r\n for (var f in val) r = false;\r\n\r\n return r;\r\n }\r\n\r\n return false;\r\n}\r\n\r\nclass WizardForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.nextPage = this.nextPage.bind(this);\r\n this.previousPage = this.previousPage.bind(this);\r\n this.state = {\r\n page: 1,\r\n loading: false,\r\n latitude: \"24.7096\",\r\n longitude: \"46.6749\",\r\n productId: 0,\r\n address: \"\",\r\n variationId: 0,\r\n };\r\n }\r\n nextPage = () => {\r\n this.setState({ page: this.state.page + 1 });\r\n };\r\n\r\n wrongPage = () => {\r\n this.setState({ page: this.state.page + 2 });\r\n };\r\n previousPage = () => {\r\n this.setState({ page: this.state.page - 1 });\r\n };\r\n\r\n backToOne = () => {\r\n this.setState({ page: 1 });\r\n };\r\n\r\n getParameter(param) {\r\n const search = window.location.search;\r\n const params = new URLSearchParams(search);\r\n return params.get(param);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n loading: true,\r\n });\r\n\r\n let skuId = window.sessionStorage.sku;\r\n\r\n if (isEmpty(skuId)) {\r\n skuId = this.getParameter(\"sku\");\r\n }\r\n\r\n if (skuId) {\r\n getProductDetailsBySKU(skuId).then((response) => {\r\n if (response.data && response.data[0]) {\r\n this.setState({\r\n productId: response.data[0].parent_id,\r\n variationId: response.data[0].id,\r\n loading: false,\r\n });\r\n }\r\n });\r\n } else {\r\n document.location.href = errorPage;\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n if (navigator.geolocation) {\r\n navigator.geolocation.getCurrentPosition(\r\n (position) => {\r\n this.setState({\r\n latitude: position.coords.latitude,\r\n longitude: position.coords.longitude,\r\n });\r\n },\r\n (err) => console.log(err)\r\n );\r\n }\r\n }\r\n\r\n showResults = (values) => {\r\n let variationId = this.state.variationId;\r\n\r\n this.addItemsToCartFn(variationId, values);\r\n };\r\n\r\n addItemsToCartFn(variation_id, values) {\r\n this.setState({\r\n loading: true,\r\n });\r\n let cart_key = uuidv4();\r\n addItemsToCart(cart_key, this.state.productId, variation_id)\r\n .then((response) => {\r\n if (response.status !== 200 && response.status !== 201) {\r\n this.wrongPage();\r\n this.setState({\r\n loading: false,\r\n });\r\n return;\r\n }\r\n\r\n this.createOrder(cart_key, values);\r\n })\r\n .catch((error) => {\r\n this.wrongPage();\r\n this.setState({\r\n loading: false,\r\n });\r\n });\r\n }\r\n\r\n createOrder = (cart_key, values) => {\r\n const { t } = this.props;\r\n\r\n createOrder(\r\n cart_key,\r\n this.state.latitude,\r\n this.state.longitude,\r\n this.state.address,\r\n values\r\n )\r\n .then((response) => {\r\n if (response.status !== 200 && response.status !== 201) {\r\n this.wrongPage();\r\n this.setState({\r\n loading: false,\r\n });\r\n } else {\r\n /*window.sessionStorage.orderNumber = response.data.number;\r\n window.sessionStorage.cusotmerEmail = response.data.billing.email;\r\n window.location.href = process.env.REACT_APP_ORDER_STATUS_URL*/\r\n localStorage.setItem(\"orderNumber\", response.data.number);\r\n localStorage.setItem(\"cusotmerEmail\", values.email);\r\n window.sessionStorage.sku = \"\";\r\n window.sessionStorage.thanksMessage = t(\"thank_you_desc\");\r\n window.location.href = window.storeThankYouURL;\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"create Order response => catch error\");\r\n\r\n this.wrongPage();\r\n this.setState({\r\n loading: false,\r\n });\r\n });\r\n };\r\n\r\n render() {\r\n const { onSubmit } = this.props;\r\n const { page, submitSucceeded } = this.state;\r\n\r\n return (\r\n \r\n fiberprovider
\r\n personalityverification
\r\n contactinfo
\r\n thankyou
\r\n \r\n
\r\n