\r\n {t(\"total\")}
\r\n \r\n {(Math.round(this.state.totalCost * 100) / 100).toFixed(\r\n 2\r\n )}\r\n {t(\"EGP\")}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {t(\"back\")}\r\n \r\n
\r\n
\r\n {this.state.submitOrderLoader ? (\r\n
\r\n
\r\n ) : (\r\n
\r\n {t(\"placeOrder\")}\r\n \r\n )}\r\n\r\n {/* Bank */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n\r\n {/* */}\r\n \r\n {/* Valu */}\r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n {/* */}\r\n {/* */}\r\n\r\n {/* */}\r\n \r\n \r\n
{t(\"thanks\")} 💙
\r\n \r\n \r\n
{t(\"orderPlacedSuccessfully\")}
\r\n
\r\n this.props.history.push(\"/orders\")}\r\n >\r\n {t(\"myOrders\")}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation()(CompleteOrder);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\nimport httpService from \"../../services/httpService\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst ForgetPassword = () => {\r\n const { t, i18n } = useTranslation();\r\n const [loader, setLoader] = useState(false);\r\n\r\n const history = useHistory();\r\n const [email, setEmail] = useState(\"\");\r\n const [forgetErrors, setForgetErrors] = useState(\"\");\r\n const [checkEmail, setCheckEmail] = useState(\"\");\r\n\r\n const handleForgetSubmit = () => {\r\n setLoader(true);\r\n if (email !== \"\") {\r\n if (\r\n email\r\n .toLowerCase()\r\n .match(\r\n /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\r\n )\r\n ) {\r\n httpService\r\n .get(\r\n `${process.env.REACT_APP_SERVER_URL}authentication/forgetpassword?email=${email}`\r\n )\r\n .then((res) => {\r\n setForgetErrors(\"\");\r\n setLoader(false);\r\n setCheckEmail(\r\n \"Verification email sent to your email successfully, please check your inbox and spam folder too\"\r\n );\r\n })\r\n .catch((err) => {\r\n setForgetErrors(\"Please enter a valid email!\");\r\n setLoader(false);\r\n });\r\n } else {\r\n setForgetErrors(i18n.t(\"emailValidation\"));\r\n setLoader(false);\r\n }\r\n } else {\r\n setForgetErrors(i18n.t(\"formValidation\"));\r\n setLoader(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default ForgetPassword;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\nimport httpService from \"../../services/httpService\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst ResetPassword = () => {\r\n const { t, i18n } = useTranslation();\r\n const { userId, token } = useParams();\r\n const [loader, setLoader] = useState(false);\r\n\r\n const history = useHistory();\r\n const [password, setPassword] = useState(\"\");\r\n const [confirmPassword, setConfirmPassword] = useState(\"\");\r\n const [forgetErrors, setForgetErrors] = useState(\"\");\r\n\r\n const handleResetPasswordSubmit = () => {\r\n setLoader(true);\r\n\r\n if (password !== \"\" && confirmPassword !== \"\") {\r\n if (password === confirmPassword) {\r\n httpService\r\n .post(\r\n `${process.env.REACT_APP_SERVER_URL}authentication/resetpassword`,\r\n {\r\n userId: userId,\r\n token: token,\r\n newPassword: password,\r\n }\r\n )\r\n .then((res) => {\r\n setLoader(false);\r\n history.push(\"/createaccount\");\r\n })\r\n .catch((err) => {\r\n setForgetErrors(\"Unhandled error occured, please try again\");\r\n setLoader(false);\r\n });\r\n } else {\r\n setForgetErrors(\"Password doesnot match!!\");\r\n setLoader(false);\r\n }\r\n } else {\r\n setForgetErrors(i18n.t(\"formValidation\"));\r\n setLoader(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n );\r\n};\r\nexport default ResetPassword;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport \"./serviceRequest.css\";\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport httpService from \"../../services/httpService\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\nconst ServiceRequest = () => {\r\n const { t, i18n } = useTranslation();\r\n const history = useHistory();\r\n const location = useLocation();\r\n\r\n const [mobile, setMobile] = useState(\"\");\r\n const [address, setAddress] = useState(\"\");\r\n const [selectedFile, setSelectedFile] = useState(null);\r\n\r\n const [loader, setLoader] = useState(false);\r\n\r\n const enterFormValues = () => toast(i18n.t(\"formValidation\"));\r\n const serviceRequestSubmitted = () => toast(i18n.t(\"serviceRequested\"));\r\n const serviceAlreadyRequested = () =>\r\n toast(i18n.t(\"serviceAlreadyRequested\"));\r\n\r\n let files = [];\r\n let formData = new FormData();\r\n\r\n useEffect(() => {\r\n AOS.init({\r\n duration: 2200,\r\n });\r\n }, []);\r\n\r\n const handleFileSelected = (e) => {\r\n files = Array.from(e.target.files);\r\n formData.append(\"file\", files[0]);\r\n setSelectedFile(files[0]);\r\n };\r\n\r\n const requestServiceSubmit = () => {\r\n setLoader(true);\r\n if (\r\n location.state.service.englishName === \"Maintenance\" &&\r\n selectedFile !== null &&\r\n mobile !== \"\" &&\r\n address !== \"\"\r\n ) {\r\n serviceRequest();\r\n } else if (\r\n location.state.service.englishName !== \"Maintenance\" &&\r\n mobile !== \"\" &&\r\n address !== \"\"\r\n ) {\r\n serviceRequest();\r\n } else {\r\n enterFormValues();\r\n setLoader(false);\r\n }\r\n };\r\n\r\n const serviceRequest = () => {\r\n let formObject = {\r\n serviceId: location.state.service.id,\r\n PhoneNumber: mobile,\r\n address: address,\r\n };\r\n formData.append(\"data\", JSON.stringify(formObject));\r\n httpService\r\n .post(`${process.env.REACT_APP_SERVER_URL}userservices/insert`, formData)\r\n .then((res) => {\r\n if (res.data.code === -4) {\r\n serviceAlreadyRequested();\r\n setLoader(false);\r\n } else {\r\n serviceRequestSubmitted();\r\n setLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setLoader(false);\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
{i18n.t(\"requestServiceTitle\")}
\r\n \r\n\r\n
\r\n
\r\n
\r\n {i18n.t(\"serviceName\")}\r\n
\r\n
\r\n {location.state !== undefined ? (\r\n
\r\n
{location.state.service.name}
\r\n
\r\n ) : (\r\n history.push(\"/servicelist\")\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n {i18n.t(\"serviceDesc\")}\r\n
\r\n
\r\n
\r\n {location.state !== undefined ? (\r\n
{location.state.service.description}
\r\n ) : (\r\n history.push(\"/servicelist\")\r\n )}\r\n
\r\n
\r\n {location.state.service.englishName === \"Maintenance\" ? (\r\n
\r\n
\r\n
\r\n {i18n.t(\"uploadInvoice\")}\r\n
\r\n
\r\n
\r\n handleFileSelected(e)}\r\n type='file'\r\n accept='image/png, image/gif, image/jpeg'\r\n multiple='multiple'\r\n />\r\n
\r\n
\r\n ) : null}\r\n\r\n
\r\n
\r\n
\r\n {i18n.t(\"mobile\")}\r\n
\r\n
\r\n
\r\n setMobile(e.target.value)}\r\n type='text'\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {i18n.t(\"address\")}\r\n
\r\n
\r\n
\r\n setAddress(e.target.value)}\r\n type='text'\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {loader ? (\r\n
\r\n
\r\n Loading...\r\n
\r\n
\r\n ) : (\r\n
\r\n {i18n.t(\"sendInvoice\")}\r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {i18n.t(\"previousOrders\")} ({totalCount})\r\n
\r\n \r\n {loader ? (\r\n
\r\n
\r\n Loading...\r\n
\r\n
\r\n ) : (\r\n <>\r\n {myOrders.length === 0 ? (\r\n
\r\n history.push(\"/\")}\r\n className='continue-action'\r\n >\r\n {i18n.t(\"emptyOrders\")}\r\n \r\n
\r\n ) : (\r\n myOrders.map((o, i) => (\r\n
\r\n \r\n
{i18n.t(\"creationDate\")}
\r\n {new Date(o.creationDate).toLocaleDateString()}
\r\n \r\n \r\n
{i18n.t(\"subtotal\")}
\r\n \r\n {o.subTotal} {i18n.t(\"EGP\")}\r\n
\r\n \r\n \r\n
{i18n.t(\"shippingFees\")}
\r\n \r\n {o.shippingFees} {i18n.t(\"EGP\")}\r\n
\r\n \r\n \r\n
{i18n.t(\"vat\")}
\r\n \r\n {o.vat} {i18n.t(\"EGP\")}\r\n
\r\n \r\n \r\n
{i18n.t(\"total\")}
\r\n \r\n {o.total} {i18n.t(\"EGP\")}\r\n
\r\n \r\n \r\n
{i18n.t(\"status\")}
\r\n {o.status === 0 ? (\r\n {i18n.t(\"new\")}
\r\n ) : o.status === 1 ? (\r\n {i18n.t(\"shipped\")}
\r\n ) : o.status === 2 ? (\r\n {i18n.t(\"delivered\")}
\r\n ) : o.status === 3 ? (\r\n {i18n.t(\"cancelled\")}
\r\n ) : o.status === 4 ? (\r\n {i18n.t(\"paid\")}
\r\n ) : o.status === 5 ? (\r\n {i18n.t(\"confirmed \")}
\r\n ) : null}\r\n \r\n\r\n \r\n {o.status === 0 ? (\r\n cancelOrder(o.id)}\r\n >\r\n {i18n.t(\"cancelOrder\")}\r\n \r\n ) : null}\r\n\r\n openOrderDetails(o)}\r\n >\r\n {i18n.t(\"viewDetails\")}\r\n \r\n
\r\n \r\n
\r\n
\r\n handlePaginationClick(e)}\r\n containerClassName={\"pagination\"}\r\n activeClassName={\"active\"}\r\n />\r\n
\r\n
\r\n
\r\n {i18n.t(\"previousServices\")} ({myServices.length})\r\n
\r\n \r\n {myServices.map((s, i) => (\r\n \r\n \r\n
{i18n.t(\"creationDate\")}
\r\n {new Date(s.creationDate).toLocaleDateString()}
\r\n \r\n \r\n
{i18n.t(\"serviceName\")}
\r\n {s.service.name}
\r\n \r\n \r\n
{i18n.t(\"serviceAddress\")}
\r\n {s.address}
\r\n \r\n \r\n
{i18n.t(\"mobile\")}
\r\n {s.phoneNumber}
\r\n \r\n {s.attachments.length > 0 ? (\r\n \r\n ) : null}\r\n\r\n \r\n
{i18n.t(\"status\")}
\r\n {s.serviceRequestEnum === 0 ? (\r\n {i18n.t(\"new\")}
\r\n ) : s.serviceRequestEnum === 1 ? (\r\n {i18n.t(\"inProgress\")}
\r\n ) : s.serviceRequestEnum === 2 ? (\r\n {i18n.t(\"closed\")}
\r\n ) : null}\r\n \r\n \r\n ))}\r\n \r\n ) : null}\r\n\r\n {myServices.length !== 0 ? (\r\n \r\n
\r\n
\r\n handlePaginationClickService(e)}\r\n containerClassName={\"pagination\"}\r\n activeClassName={\"active\"}\r\n />\r\n
\r\n
\r\n
\r\n {i18n.t(\"mayLike\")}\r\n
\r\n
\r\n \")}\r\n pageCount={Math.ceil(totalMoreCount / pageMoreSize)}\r\n onPageChange={(e) => handlePaginationMoreClick(e)}\r\n containerClassName={\"pagination\"}\r\n activeClassName={\"active\"}\r\n pageLinkClassName='hide-pagination'\r\n />\r\n
\r\n
\r\n
{i18n.t(\"teamDesc\")}
\r\n
\r\n
\r\n {newProducts.map((n, i) => (\r\n
openProductDetails(n.id)}\r\n >\r\n 
\r\n \r\n {n.name}
\r\n \r\n {n.price} {i18n.t(\"EGP\")}\r\n
\r\n \r\n
\r\n ))}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{i18n.t(\"orderDetails\")}
\r\n \r\n
\r\n
{i18n.t(\"shippedAddress\")}
\r\n
{location.state.data.userAdress.address}
\r\n
\r\n
\r\n
{i18n.t(\"mobile\")}
\r\n
{location.state.data.userAdress.phoneNumber}
\r\n
\r\n
\r\n
{i18n.t(\"paymentType\")}
\r\n {location.state.data.paymentMethodEnum === 0 ? (\r\n
{i18n.t(\"creditCard\")}
\r\n ) : location.state.data.paymentMethodEnum === 1 ? (\r\n
{i18n.t(\"cashOnDelivery\")}
\r\n ) : location.state.data.paymentMethodEnum === 2 ? (\r\n
{i18n.t(\"valuInstallment\")}
\r\n ) : null}\r\n
\r\n
\r\n\r\n {location.state.data.orderProducts.map((p, i) => (\r\n
\r\n \r\n
{i18n.t(\"name\")}
\r\n {p.product.name}
\r\n \r\n \r\n
{i18n.t(\"description\")}
\r\n {p.product.breif}
\r\n \r\n \r\n
{i18n.t(\"quantity\")}
\r\n {p.quantity}
\r\n \r\n \r\n
{i18n.t(\"color\")}
\r\n {p.product.productCurrentColor ? (\r\n {p.product.productCurrentColor.color.name}
\r\n ) : null}\r\n \r\n \r\n
{i18n.t(\"image\")}
\r\n {p.product.mainImage !== null ? (\r\n
\r\n ) : null}\r\n
\r\n
{i18n.t(\"price\")}
\r\n \r\n {p.product.price} {i18n.t(\"EGP\")}\r\n
\r\n \r\n \r\n {\r\n history.push(\"/orders\");\r\n window.scrollTo(0, 0);\r\n }}\r\n >\r\n {i18n.t(\"back\")}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default OrderDetails;\r\n","import React, { useEffect } from \"react\";\r\nimport httpService from \"../../services/httpService\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\n\r\nconst VerifyEmail = () => {\r\n const { userId, token } = useParams();\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n httpService\r\n .post(`${process.env.REACT_APP_SERVER_URL}authentication/confirmemail`, {\r\n userId: userId,\r\n token: token,\r\n })\r\n .then((res) => {\r\n history.push(\"/createaccount\");\r\n })\r\n .catch((err) => console.log(err));\r\n }, []);\r\n return (\r\n \r\n
\r\n
Loading...
\r\n
Loading...\r\n
\r\n
\r\n
\r\n
\r\n
{i18n.t(\"ourServices\")}
\r\n \r\n\r\n {loader ? (\r\n
\r\n
\r\n Loading...\r\n
\r\n
\r\n ) : (\r\n <>\r\n
\r\n {services.map((s, i) => (\r\n
\r\n \r\n \r\n {s.name}\r\n \r\n {s.description}
\r\n\r\n openServiceForm(s)}\r\n className='request-btn mt-3 mb-3 btnClick'\r\n >\r\n {i18n.t(\"requestService\")}\r\n \r\n \r\n
\r\n
\r\n
\r\n handlePaginationServicesClick(e)}\r\n containerClassName={\"pagination\"}\r\n activeClassName={\"active\"}\r\n />\r\n
\r\n
\r\n
{t(\"thanks\")} 💙
\r\n \r\n \r\n
{t(\"orderPlacedSuccessfully\")}
\r\n
\r\n history.push(\"/orders\")}\r\n >\r\n {t(\"myOrders\")}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default OrderSubmitted;\r\n","import jwtDecode from \"jwt-decode\";\r\n\r\nconst tokenKey = \"token\";\r\n\r\nexport const setUserJWT = (jwt) => {\r\n localStorage.setItem(tokenKey, jwt);\r\n};\r\n\r\nexport const getUserProperties = () => {\r\n try {\r\n const jwt = localStorage.getItem(tokenKey);\r\n return jwtDecode(jwt);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n};\r\n\r\nexport function getUserJwt() {\r\n return localStorage.getItem(tokenKey);\r\n}\r\n\r\nexport const logout = () => {\r\n localStorage.removeItem(tokenKey);\r\n};\r\n\r\nexport default {\r\n setUserJWT,\r\n logout,\r\n getUserProperties,\r\n getUserJwt,\r\n};\r\n","import React from \"react\";\r\nimport { Route, Redirect } from \"react-router-dom\";\r\nimport auth from \"../../services/authService\";\r\n\r\nconst ProtectedRoute = ({ path, component: Component, render, ...rest }) => {\r\n return (\r\n {\r\n if (!auth.getUserProperties())\r\n return (\r\n \r\n );\r\n return Component ? : render(props);\r\n }}\r\n />\r\n );\r\n};\r\n\r\nexport default ProtectedRoute;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\nimport httpService from \"../../services/httpService\";\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\nimport \"./QR.css\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\nconst QR = (props) => {\r\n const { id } = useParams();\r\n const history = useHistory();\r\n const { t, i18n } = useTranslation();\r\n const [fullName, setFullName] = useState(\"\");\r\n const [email, setEmail] = useState(\"\");\r\n const [mob, setMob] = useState(\"\");\r\n const [comment, setComment] = useState(\"\");\r\n const [formErrors, setFormErrors] = useState(\"\");\r\n const [deviceData, setDeviceData] = useState(null);\r\n const [loader, setLoader] = useState(false);\r\n const [pageLoader, setPageLoader] = useState(true);\r\n const [radioValue, setRadioValue] = useState(1);\r\n const [startDate, setStartDate] = useState(\"\");\r\n const [submitClicked, setSubmitClicked] = useState(false);\r\n const [contracts, setContracts] = useState([]);\r\n const [selectedContract, setSelectedContract] = useState(\"\");\r\n const [selectedFile, setSelectedFile] = useState(null);\r\n let formData = new FormData();\r\n let files = [];\r\n useEffect(() => {\r\n AOS.init({\r\n duration: 2200,\r\n });\r\n\r\n httpService\r\n .get(\r\n `${process.env.REACT_APP_SERVER_URL}MaintenanceProduct/details?id=${id}`\r\n )\r\n .then((res) => {\r\n setDeviceData(res.data);\r\n setPageLoader(false);\r\n })\r\n .catch((err) => console.log(err));\r\n httpService\r\n .get(`${process.env.REACT_APP_SERVER_URL}WarrantyContract/list`)\r\n .then((res) => {\r\n setContracts(res.data);\r\n })\r\n .catch((err) => console.log(err)); //get by id\r\n }, [pageLoader, loader, radioValue, submitClicked]);\r\n\r\n const handleRadioChange = (value) => {\r\n setRadioValue(value);\r\n };\r\n\r\n const handleFileSelected = (e) => {\r\n debugger;\r\n files = Array.from(e.target.files);\r\n setSelectedFile(files);\r\n };\r\n\r\n const complainForm = () => {\r\n return (\r\n \r\n );\r\n };\r\n\r\n const handleQRIssueSubmit = () => {\r\n setLoader(true);\r\n setSubmitClicked(true);\r\n if (fullName !== \"\" && mob !== \"\") {\r\n //send request\r\n if (radioValue == 0 || radioValue == 1) {\r\n let object = {\r\n maintenanceProductId: id,\r\n email: email,\r\n name: fullName,\r\n mobile: mob,\r\n comment: comment,\r\n requestTypeEnum: radioValue == 0 ? 2 : radioValue == 1 ? 0 : null,\r\n };\r\n debugger;\r\n formData.append(\"data\", JSON.stringify(object));\r\n if (selectedFile != null) {\r\n for (let index = 0; index < selectedFile.length; index++) {\r\n formData.append(\"file\", selectedFile[index]);\r\n }\r\n }\r\n httpService\r\n .post(\r\n `${process.env.REACT_APP_SERVER_URL}MaintenanceRequest/insert`,\r\n formData\r\n )\r\n .then((res) => {\r\n if (res.status === 200) {\r\n history.push(\"/qrsubmitted\");\r\n } else {\r\n alert(i18n.t(\"somethingWrong\"));\r\n }\r\n setLoader(false);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setLoader(false);\r\n });\r\n } else if (\r\n radioValue == 2 &&\r\n startDate !== \"\" &&\r\n startDate != null &&\r\n startDate != undefined &&\r\n selectedContract.id !== \"\" &&\r\n selectedContract.id != null &&\r\n selectedContract.id != undefined\r\n ) {\r\n httpService\r\n .post(\r\n `${process.env.REACT_APP_SERVER_URL}warrantyrequest/InsertAnonymous`,\r\n {\r\n warrantyContractTypeId: selectedContract.id,\r\n productIds: [],\r\n maintanceProductIds: [deviceData.id],\r\n startDate: startDate,\r\n email: email,\r\n phone: mob,\r\n name: fullName,\r\n }\r\n )\r\n .then((res) => {\r\n if (res.status === 200) {\r\n history.push(\"/qrsubmitted\");\r\n } else {\r\n alert(i18n.t(\"somethingWrong\"));\r\n }\r\n setLoader(false);\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setLoader(false);\r\n });\r\n }\r\n }\r\n setLoader(false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n {i18n.t(\"goldenPartner\")}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {pageLoader ? (\r\n
\r\n
\r\n Loading...\r\n
\r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n handleRadioChange(e.target.value)}\r\n defaultChecked\r\n />\r\n \r\n
\r\n
\r\n handleRadioChange(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n handleRadioChange(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n {radioValue == 1 ? (\r\n <>\r\n
\r\n {i18n.t(\"sendIssue\")}\r\n
\r\n {complainForm()}\r\n \r\n ) : radioValue == 0 ? (\r\n <>\r\n
\r\n {i18n.t(\"sendIssue\")}\r\n
\r\n {complainForm()}\r\n \r\n ) : radioValue == 2 ? (\r\n <>\r\n
\r\n {i18n.t(\"sendRequest\")}\r\n
\r\n {complainForm()}\r\n \r\n ) : null}\r\n
\r\n
\r\n )}\r\n
\r\n {loader ? (\r\n
\r\n
\r\n Loading...\r\n
\r\n
\r\n ) : (\r\n <>\r\n {userData !== null && userData !== undefined ? (\r\n <>\r\n
\r\n
\r\n
{i18n.t(\"fstName\")}
\r\n
\r\n
\r\n {userData.firstName !== null &&\r\n userData.firstName !== undefined\r\n ? userData.firstName\r\n : null}\r\n
\r\n
\r\n
\r\n
\r\n
{i18n.t(\"lstName\")}
\r\n
\r\n
\r\n {userData.lastName !== null && userData.lastName !== undefined\r\n ? userData.lastName\r\n : null}\r\n
\r\n
\r\n
\r\n
\r\n
{i18n.t(\"email\")}
\r\n
\r\n
\r\n {userData.userEmail !== null &&\r\n userData.userEmail !== undefined\r\n ? userData.userEmail\r\n : null}\r\n
\r\n
\r\n
\r\n
\r\n
{i18n.t(\"cart\")}
\r\n
\r\n
\r\n history.push(\"/cart\")}\r\n style={{ color: \"#2F5FA0\" }}\r\n className='btnHoverUnderLine'\r\n >\r\n {i18n.t(\"openCart\")}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{i18n.t(\"wish\")}
\r\n
\r\n
\r\n history.push(\"/wish\")}\r\n style={{ color: \"#2F5FA0\" }}\r\n className='btnHoverUnderLine'\r\n >\r\n {i18n.t(\"openWish\")}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{i18n.t(\"myOrders\")}
\r\n
\r\n
\r\n history.push(\"/orders\")}\r\n style={{ color: \"#2F5FA0\" }}\r\n className='btnHoverUnderLine'\r\n >\r\n {i18n.t(\"openRequests\")}\r\n \r\n
\r\n
\r\n
\r\n history.push(\"/\")}\r\n className='continue-action'\r\n >\r\n \r\n {i18n.t(\"continueShop\")}\r\n \r\n \r\n
\r\n \r\n ) : (\r\n
{i18n.t(\"somethingWrong\")}
\r\n )}\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {i18n.t(\"goldenPartner\")}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{t(\"thanksComplain\")} 💙
\r\n \r\n \r\n
{t(\"QRComplaint\")}
\r\n
\r\n history.push(\"/\")}\r\n className='edit-add-btn btnClickWhite'\r\n >\r\n {t(\"continueShop\")}\r\n \r\n
*/}\r\n \r\n );\r\n};\r\n\r\nexport default QRSubmitted;\r\n","import React from \"react\";\r\nimport \"./Terms.css\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst Terms = () => {\r\n const { t, i18n } = useTranslation();\r\n\r\n return (\r\n \r\n
\r\n
{i18n.t(\"termsOfUse\")}
\r\n \r\n
\r\n
{i18n.t(\"termsPar1\")}
\r\n
\r\n
\r\n
{i18n.t(\"termsPar2\")}
\r\n
\r\n
\r\n
{i18n.t(\"vatRefund\")}
\r\n \r\n
\r\n
{i18n.t(\"termsPar3\")}
\r\n
\r\n
\r\n
{i18n.t(\"personalInfo\")}
\r\n \r\n
\r\n
{i18n.t(\"termsPar4\")}
\r\n
\r\n
\r\n
{i18n.t(\"termsPar5\")}
\r\n
\r\n
\r\n
{i18n.t(\"termsPar6\")}
\r\n
\r\n
\r\n
{i18n.t(\"termsPar7\")}
\r\n
\r\n
\r\n
{i18n.t(\"generalProv\")}
\r\n \r\n
\r\n
{i18n.t(\"termsPar8\")}
\r\n
\r\n
\r\n
{i18n.t(\"termsPar9\")}
\r\n
\r\n
\r\n
{i18n.t(\"termsPar10\")}
\r\n
\r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import i18n from \"i18next\";\r\nimport { initReactI18next } from \"react-i18next\";\r\nimport en from \"./locales/en.json\";\r\nimport ar from \"./locales/ar.json\";\r\n\r\nconst resources = {\r\n en: {\r\n translation: en,\r\n },\r\n ar: {\r\n translation: ar,\r\n },\r\n};\r\n\r\ni18n.use(initReactI18next).init({\r\n resources,\r\n lng: localStorage.getItem(\"currentLan\"),\r\n\r\n interpolation: {\r\n escapeValue: false,\r\n },\r\n});\r\n\r\nexport default i18n;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport \"./index.css\";\r\nimport App from \"./App\";\r\nimport reportWebVitals from \"./reportWebVitals\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport \"bootstrap/dist/js/bootstrap.js\";\r\nimport \"jquery\";\r\nimport \"popper.js\";\r\n\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport \"./i18n\";\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById(\"root\")\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}
\r\n 
\r\n \r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n