\n
\n );\n};\n\nAddStoreModel.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n};\nexport default AddStoreModel;\n","import { useEffect, useState } from \"react\";\nimport { UTILS } from \"utils\";\n\nconst useUserType = () => {\n const [userType, setUserType] = useState(\"\");\n useEffect(() => {\n const CURRENT_USER_TYPE = UTILS.getCurrentUser()?.userType;\n setUserType(CURRENT_USER_TYPE);\n }, []);\n return userType;\n};\n\nexport default useUserType;\n","import { ACTIONS } from \"config\";\nexport const INITIAL_STATE = {\n toggle: false,\n};\n\nconst CatelogueReducer = (state, action) => {\n switch (action.type) {\n case ACTIONS.STORES_CHANGED:\n return {\n toggle: !state.toggle,\n };\n\n default:\n return state;\n }\n};\n\nexport default CatelogueReducer;\n","import React, { createContext, useReducer } from \"react\";\nimport CatelogueReducer from \"store/reducers/CatelogueReducer\";\n\nexport const CatelougeContext = createContext({\n state: null,\n dispatch: null,\n});\nconst Catelouge = (props) => {\n const [state, dispatch] = useReducer(CatelogueReducer, [], () => {\n return [];\n });\n\n return (\n \n
\n \n
\n {t(\"Add Store\")}
\n\n {t(\"Please Add Store to get the full user experiences\")}\n
\n\n \n {t(\"Ok\")}\n \n
\n \n setOpen(false)}\n >\n {\n setOpen(false);\n router.push(\"/app/dashboard/addstore\");\n }}\n />\n \n
\n );\n};\n\nDashboardBranchesTable.propTypes = {\n data: PropsTypes.array,\n};\n\nexport default DashboardBranchesTable;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst DashboardCard = (props) => {\n return (\n \n
\n \n
\n \n \n \n record._id}\n />\n \n \n
\n \n
\n );\n};\nDashboardCard.propTypes = {\n pClass: PropTypes.string,\n count: PropTypes.number,\n heading: PropTypes.string,\n};\nexport default DashboardCard;\n","import React, { useEffect, useState } from \"react\";\nimport PageHeading from \"components/PageHeading\";\nimport { API } from \"api\";\nimport { UTILS } from \"utils\";\nimport { Button } from \"antd\";\nimport DashboardBranchesTable from \"features/dashboard/components/DashboardBranchesTable\";\nimport DashboardCard from \"features/dashboard/components/DashboardCard\";\nimport { useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\nimport useUserType from \"hooks/useUserType\";\nimport useCatalogue from \"hooks/useCatalogue\";\nconst Dashboard = () => {\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const router = useHistory();\n const [stats, setStats] = useState({});\n const catelougeType = useCatalogue();\n const { t } = useTranslation();\n const userType = useUserType();\n const getStats = async () => {\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_STATS({\n token: userDetail.token,\n language: currentLanguage,\n });\n if (result && result.success === 1 && UTILS.isValidObject([\"data\"], result))\n setStats(result.data);\n else {\n }\n };\n\n const addStore = () => {\n router.push(\"/app/dashboard/addstore\");\n };\n\n useEffect(() => {\n getStats();\n }, []);\n\n const getCountFromOrders = (status) => {\n if (stats?.orders && Array.isArray(stats.orders)) {\n for (let index = 0; index < stats.orders.length; index++) {\n const element = stats.orders[index];\n if (element.orderStatus === status) {\n return element.count;\n }\n }\n return \"0\";\n } else {\n return \"0\";\n }\n };\n return (\n <>\n \n
\n \n
\n \n
\n \n {props.heading}\n
\n{props.count}
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n );\n};\nexport default Dashboard;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst SectionHeading = (props) => {\n return (\n \n
\n \n
\n \n
\n {t(\"Stores\")}
\n\n {catelougeType?.showStore &&\n !catelougeType?.isLoading &&\n userType === \"BRAND-ADMIN\" ? (\n addStore()}\n >\n {t(\"Add Store\")}\n \n ) : null}\n
\n \n
\n );\n};\nSectionHeading.propTypes = {\n title: PropTypes.string,\n};\nexport default SectionHeading;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst getMandatoryField = (man) => {\n if (man) {\n return *;\n }\n};\nconst getFieldError = (error) => {\n if (error) {\n return {error} ;\n }\n};\nconst TextInput = (props) => {\n const mandatoryField = getMandatoryField(props.mandatory);\n const fieldError = getFieldError(props.error);\n\n return (\n <>\n \n \n {props.title}\n
\n\n props.handleValues(props.keyVal, val)}\n placeholder={props.placeHolder}\n value={props.value}\n />\n
\n \n );\n};\n\nPhoneNumberInput.propTypes = {\n mandatory: PropTypes.bool,\n error: PropTypes.string,\n handleValues: PropTypes.func,\n placeHolder: PropTypes.string,\n label: PropTypes.string,\n keyVal: PropTypes.string,\n value: PropTypes.string,\n};\n\nexport default PhoneNumberInput;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nconst getLabel = (label) => {\n if (label !== \"\") {\n return (\n \n );\n }\n};\nconst SelectInput = (props) => {\n const { t } = useTranslation();\n const mandatoryLabel = getLabel(props.label);\n return (\n <>\n {mandatoryLabel}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n\n \n \n
\n\n \n
\n \n {t(\"Tax Settings for Ordering\")}\n
\n\n
\n \n {props.type === \"create\" ? (\n \n {t(\"Next\")}\n \n ) : null}\n
\n \n
\n \n \n \n ) : (\n \n \n
\n )}\n \n \n \n {({\n getInputProps,\n suggestions,\n getSuggestionItemProps,\n loading,\n }) => (\n
\n \n <>\n \n {loading && \n {suggestion?.description}\n
\n );\n })}\n \n
\n \n\n \n \n \n \n \n
\n Loading...
}\n {suggestions.map((suggestion, key) => {\n const className = suggestion.active\n ? \"suggestion-item--active\"\n : \"suggestion-item\";\n // inline style for demonstration purpose\n const style = suggestion.active\n ? { backgroundColor: \"#fafafa\", cursor: \"pointer\" }\n : { backgroundColor: \"#ffffff\", cursor: \"pointer\" };\n return (\n \n \n
\n loading...
\n )}\n \n );\n};\n\nMyMap.propTypes = {\n google: PropTypes.number,\n key: PropTypes.string,\n handleValues: PropTypes.func,\n width: PropTypes.string,\n height: PropTypes.string,\n state: PropTypes.object,\n store: PropTypes.object,\n};\n\nexport default MyMap;\n","import React, { useState } from \"react\";\nimport TextInput from \"../../../components/TextInput\";\nimport SectionHeading from \"../../../components/SectionHeading\";\nimport PropTypes from \"prop-types\";\nimport { Button, Spin } from \"antd\";\nimport { CONSTANTS as C } from \"config\";\nimport GoogleMap from \"components/GoogleMap\";\nimport { useTranslation } from \"react-i18next\";\nimport { STOTE_UTILS } from \"utils\";\n\nconst StoreMapSection = (props) => {\n const { t } = useTranslation();\n const [loading, setLoading] = useState(false);\n const handleSubmit = () => {\n let objValid = STOTE_UTILS.VALIDATE_INPUTS_STEP2(props.store.values);\n\n if (objValid.isFormValid) {\n props.setStep((step) => step + 1);\n }\n };\n\n return (\n \n
\n \n
\n \n \n {props.type === \"create\" ? (\n \n {t(\"Next\")}\n \n ) : null}\n
\n \n {\n if (val && isPaymentTypeOnline(key))\n checkOnlinePaymentEnabled(key, val);\n else props.handleValues(key, val);\n }}\n />\n
\n \n
\n \n );\n};\n\nStorePaymentMethodSection.propTypes = {\n store: PropTypes.object,\n handleValues: PropTypes.func,\n};\nexport default StorePaymentMethodSection;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst RadioButtonStoreTime = ({ id, handleValues, keyVal, label, value }) => {\n return (\n <>\n \n \n setOpen(false)}\n >\n \n
\n \n
\n \n \n {t(\"Online Payment\")}\n
\n\n {t(\"Online Payment Text\")}\n \n {process.env.REACT_APP_SUPPORT_EMAIL}\n \n
\n\n setOpen(false)}\n className=\"bg-white px-5 py-2 text-sm shadow-sm font-medium border text-gray-600 rounded-sm hover:shadow-lg hover:bg-gray-100 justify-center\"\n >\n {t(\"Ok\")}\n \n
\n \n {t(\n \"For receiving payments directly into your account please contact\",\n {\n email: process.env.REACT_APP_SUPPORT_EMAIL,\n }\n )}\n\n \n {t(\"Click Here\")}\n \n {t(\" to send an email\")}\n
\n \n
\n \n
\n \n {paymentTypes &&\n paymentTypes.map((item, index) => {\n if (item.serviceType === props.serviceType)\n return PaymentType(item, index);\n })}\n
\n \n \n
\n \n \n \n \n );\n};\n\nRadioButtonStoreTime.propTypes = {\n label: PropTypes.string,\n value: PropTypes.bool,\n keyVal: PropTypes.string,\n handleValues: PropTypes.func,\n};\n\nexport default RadioButtonStoreTime;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport RadioButtonStoreTime from \"components/RadioButtonStoreTime\";\nimport moment from \"moment\";\nimport { TimePicker } from \"antd\";\n\nconst DayRow = (props) => {\n const { t } = useTranslation();\n\n const getValue = (key) => {\n if (props?.workingHours) {\n return props.workingHours[key];\n } else return \"\";\n };\n\n return (\n {label}
\n \n {\n handleValues(keyVal, event.target.checked);\n }}\n checked={value}\n type=\"checkbox\"\n id={id}\n className=\"sr-only\"\n />\n
\n \n \n
\n \n
\n \n\n {props.showSlot2 && (\n <>\n \n \n \n
\n \n \n props.handleValues(props.keyStartTime, date)\n }\n status={props.s1Error ? \"error\" : \"success\"}\n value={\n props?.workingHours\n ? moment(props.workingHours[props.keyStartTime])\n : null\n }\n style={{\n width: 120,\n }}\n allowClear={false}\n format=\"hh:mm A\"\n showNow={false}\n minuteStep={5}\n inputReadOnly={true}\n autoFocus={true}\n placeholder={t(\"Select time\")}\n />\n
\n \n props.handleValues(props.keyEndTime, date)}\n value={\n props?.workingHours\n ? moment(props.workingHours[props.keyEndTime])\n : null\n }\n style={{\n width: 120,\n }}\n status={props.s1Error ? \"error\" : \"success\"}\n allowClear={false}\n format=\"hh:mm A\"\n use12Hours\n minuteStep={5}\n showNow={false}\n placeholder={t(\"Select time\")}\n />\n
\n\n \n \n {props.s1Error}\n
\n \n
\n \n \n )}\n \n \n \n
\n\n \n \n props.handleValues(props.keyStartTime2, date)\n }\n value={\n props?.workingHours[props.keyStartTime2]\n ? moment(props.workingHours[props.keyStartTime2])\n : null\n }\n style={{\n width: 120,\n }}\n allowClear={false}\n format=\"hh:mm A\"\n use12Hours\n minuteStep={5}\n showNow={false}\n placeholder={t(\"Select time\")}\n />\n
\n \n \n props.handleValues(props.keyEndTime2, date)\n }\n value={\n props?.workingHours[props.keyEndTime2]\n ? moment(props.workingHours[props.keyEndTime2])\n : null\n }\n style={{\n width: 120,\n }}\n allowClear={false}\n format=\"hh:mm A\"\n use12Hours\n minuteStep={5}\n showNow={false}\n placeholder={t(\"Select time\")}\n />\n
\n \n {props.s2Error}\n
\n \n {props.overLapError}\n
\n \n
\n \n \n
\n {t(\"Opening/Closing Hours\")}
\n\n {t(\"Set the hours your store is open for\", {\n serviceType: t(\"delivery\"),\n })}\n
\n\n \n addSlotInput(C.KEY_FRI_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_FRI_SLOT2_START_TIME,\n C.KEY_FRI_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"fridayStartTime\")}\n s2Error={isSlotError(\"fridayStartTimeSlot2\")}\n overLapError={isSlotError(\"fridayEndTime\")}\n />\n addSlotInput(C.KEY_SAT_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_SAT_SLOT2_START_TIME,\n C.KEY_SAT_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"saturdayStartTime\")}\n s2Error={isSlotError(\"saturdayStartTimeSlot2\")}\n overLapError={isSlotError(\"saturdayEndTime\")}\n />\n\n addSlotInput(C.KEY_SUN_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_SUN_SLOT2_START_TIME,\n C.KEY_SUN_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"sundayStartTime\")}\n s2Error={isSlotError(\"sundayStartTimeSlot2\")}\n overLapError={isSlotError(\"sundayEndTime\")}\n />\n\n addSlotInput(C.KEY_MON_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_MON_SLOT2_START_TIME,\n C.KEY_MON_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"mondayStartTime\")}\n s2Error={isSlotError(\"mondayStartTimeSlot2\")}\n overLapError={isSlotError(\"mondayEndTime\")}\n />\n\n addSlotInput(C.KEY_TUE_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_TUE_SLOT2_START_TIME,\n C.KEY_TUE_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"tuesdayStartTime\")}\n s2Error={isSlotError(\"tuesdayStartTimeSlot2\")}\n overLapError={isSlotError(\"tuesdayEndTime\")}\n />\n\n addSlotInput(C.KEY_WED_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_WED_SLOT2_START_TIME,\n C.KEY_WED_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"wednesdayStartTime\")}\n s2Error={isSlotError(\"wednesdayStartTimeSlot2\")}\n overLapError={isSlotError(\"wednesdayEndTime\")}\n />\n\n addSlotInput(C.KEY_THU_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_THU_SLOT2_START_TIME,\n C.KEY_THU_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"thursdayStartTime\")}\n s2Error={isSlotError(\"thursdayStartTimeSlot2\")}\n overLapError={isSlotError(\"thursdayEndTime\")}\n />\n
\n \n
\n \n
\n \n
\n {t(\"Day\")}
\n\n
\n {t(\"From\")}
\n\n
\n {t(\"To\")}
\n\n {props.type === \"create\" && catelougeType?.showStore ? (\n \n {t(\"Create Store\")}\n \n ) : null}\n
\n \n
\n );\n}\n\nexport default PreOrderingWidget;\n","import React from \"react\";\nimport PreOrder from \"./PreOrder\";\nfunction PreOrderingWidget({ store, setStore }) {\n const hndlepreOrderingState = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n\n const handlePreOrderingTiming = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n preOrderSettingsForDelivery: {\n ...prevState.values.preOrderSettingsForDelivery,\n [key]: val,\n },\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n\n return (\n \n
\n {isPreOrderEnabled?.value ? (\n <>\n \n
\n\n \n
\n \n \n {\n handlePreOrderingTiming(\"minTimeInAdvanceUnit\", e);\n handleInputValue(\"minTimeInAdvance\", \"\");\n }}\n // onSearch={onSearch}\n filterOption={(input, option) =>\n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n options={[\n {\n _id: \"1\",\n label: t(\"Hours\"),\n value: \"hours\",\n },\n {\n _id: \"2\",\n label: t(\"Minutes\"),\n value: \"minutes\",\n },\n ]}\n />\n
\n \n
\n \n
\n \n
\n \n \n handlePreOrderingTiming(\"maxDaysInAdvance\", e)\n }\n filterOption={(input, option) =>\n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n options={getThirdsDaysArrayWithDayLebel()}\n />\n
\n \n {t(\"Max Days In Advance\")}\n
\n\n \n
\n \n handlePreOrderingTiming(\"timeInterval\", e)}\n filterOption={(input, option) =>\n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n options={getHMinutSlotsTill8Hors()}\n />\n
\n \n {t(\"Slot Length\")}\n
\n \n
\n \n ) : null}\n \n
\n \n \n handlePreOrderingTiming(\"minDaysInAdvance\", e)\n }\n filterOption={(input, option) =>\n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n options={getNumOfDaysWithZero()}\n />\n
\n \n {t(\"Minimum Days In Advance\")}\n
\n\n \n
\n );\n}\n\nexport default OrderManagement;\n","import React, { useEffect } from \"react\";\nimport moment from \"moment\";\nfunction useDeliveryWaiveoff({ setStore, store }) {\n const handleOnOrderAmount = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n deliveryChargesWaiverInfo: {\n ...prevState.values.deliveryChargesWaiverInfo,\n onOrderAmount: {\n ...prevState.values.deliveryChargesWaiverInfo.onOrderAmount,\n [key]: val,\n },\n },\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n\n const handleDateRange = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n deliveryChargesWaiverInfo: {\n ...prevState.values.deliveryChargesWaiverInfo,\n onDateRange: {\n ...prevState.values.deliveryChargesWaiverInfo.onDateRange,\n [key]: val,\n },\n },\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n\n const handleSetDate = (date) => {\n const [startDateTime, endDateTime] = date?.map((date) => {\n return moment(date).locale(\"en\").format();\n });\n handleDateRange(\"startDateTime\", startDateTime);\n handleDateRange(\"endDateTime\", endDateTime);\n };\n\n const dataConversion = (unixTimestamp) => {\n if (unixTimestamp?.toString()?.length === 10) {\n const formattedDate = moment\n .unix(unixTimestamp)\n .format(\"YYYY-MM-DDTHH:mm:ssZ\");\n return moment(formattedDate);\n } else return moment(unixTimestamp);\n };\n useEffect(() => {\n console.log(\n \"asasa\",\n store?.values?.deliveryChargesWaiverInfo?.onDateRange?.startDateTime\n );\n if (\n store?.values?.deliveryChargesWaiverInfo?.onDateRange?.startDateTime?.toString()\n ?.length === 10\n ) {\n const startDate = moment\n .unix(\n store?.values?.deliveryChargesWaiverInfo?.onDateRange?.startDateTime\n )\n .format(\"YYYY-MM-DDTHH:mm:ssZ\");\n const endDate = moment\n .unix(\n store?.values?.deliveryChargesWaiverInfo?.onDateRange?.endDateTime\n )\n .format(\"YYYY-MM-DDTHH:mm:ssZ\");\n\n handleDateRange(\"startDateTime\", startDate);\n handleDateRange(\"endDateTime\", endDate);\n }\n }, []);\n return {\n handleOnOrderAmount,\n handleDateRange,\n handleSetDate,\n dataConversion,\n };\n}\n\nexport default useDeliveryWaiveoff;\n","import RadioButton from \"components/RadioButton\";\nimport SectionHeading from \"components/SectionHeading\";\nimport React from \"react\";\nimport TextInput from \"components/TextInput\";\nimport { useTranslation } from \"react-i18next\";\nimport { DatePicker } from \"antd\";\nimport moment from \"moment\";\nimport { CONSTANTS as C } from \"config\";\nimport \"moment-timezone\";\nimport useDeliveryFeeWaiveoff from \"../hooks/useDeliveryFeeWaiveoff\";\nimport { UTILS } from \"utils\";\nconst { RangePicker } = DatePicker;\n\nfunction DeliveryChargesWaveOff({ store, setStore }) {\n const { t } = useTranslation();\n moment.tz.setDefault(\"Asia/Dubai\");\n const {\n handleOnOrderAmount,\n handleDateRange,\n handleSetDate,\n dataConversion,\n } = useDeliveryFeeWaiveoff({ setStore, store });\n\n const getInitialValues = () => {\n const value = [\n store?.values?.deliveryChargesWaiverInfo?.onDateRange?.startDateTime\n ? dataConversion(\n store?.values?.deliveryChargesWaiverInfo?.onDateRange?.startDateTime\n )\n : null,\n store?.values?.deliveryChargesWaiverInfo?.onDateRange?.endDateTime\n ? dataConversion(\n store?.values?.deliveryChargesWaiverInfo?.onDateRange?.endDateTime,\n C.DATE_FORMAT\n )\n : null,\n ];\n return value;\n };\n const [error, setError] = React.useState(\"\");\n\n const handleInputValue = (key, val) => {\n const value = UTILS.NumberConversion(val);\n if (\n value <= 0 &&\n store?.values?.deliveryChargesWaiverInfo?.onOrderAmount?.isEnabled\n ) {\n handleOnOrderAmount(key, null);\n setError(t(\"Minimum Order Amount should be greater than 0\"));\n return;\n } else {\n setError(\"\");\n handleOnOrderAmount(key, value);\n }\n };\n\n return (\n \n
\n \n
\n );\n}\n\nexport default DeliveryChargesWaveOff;\n","import React, { useState, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nimport { CONSTANTS as C } from \"config\";\nimport PaymentTypes from \"./StorePaymentMethodSection\";\nimport WorkingHours from \"./StoreHoursSection\";\nimport RadioButton from \"../../../components/RadioButton\";\nimport PreOrderingWidgetForDelivery from \"./PreOrderingWidgetForDelivery\";\nimport OrderManagement from \"./OrderManagement\";\nimport DeliveryChargesWaveOff from \"./DeliveryChargesWaveOff\";\nfunction Delivery({ store, addStore, type, setStore, handleStoreInfo }) {\n const [serviceTypes, setServiceTypes] = useState([]);\n const { t } = useTranslation();\n const getServiceTypes = async () => {\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_SERVICE_TYPES({\n token: userDetail.token,\n });\n if (result && result.success === 1) {\n setServiceTypes(result.data);\n } else {\n }\n };\n useEffect(() => {\n getServiceTypes();\n }, []);\n const toggleDelivery = (isDeliveryEnabled, key) => {\n if (isDeliveryEnabled) {\n setStore((store) => ({\n ...store,\n values: {\n ...store.values,\n [C.ISDELIVERYENABLED]: !isDeliveryEnabled,\n [C.KEY_SERVICE_TYPES]: store.values[C.KEY_SERVICE_TYPES].filter(\n (item) => item !== key\n ),\n },\n }));\n } else {\n setStore((store) => ({\n ...store,\n values: {\n ...store.values,\n [C.ISDELIVERYENABLED]: !isDeliveryEnabled,\n serviceType: [...store.values.serviceType, key],\n },\n }));\n }\n };\n const isON = (item) => {\n const arr = store.values[C.KEY_SERVICE_TYPES];\n const found = arr?.find((obj) => obj === item);\n return found ? true : false;\n };\n const ServiceType = () => {\n return (\n \n
\n \n {store?.values?.deliveryChargesWaiverInfo?.onOrderAmount?.isEnabled && (\n
\n \n
\n )}\n \n
\n \n {store?.values?.deliveryChargesWaiverInfo?.onDateRange?.isEnabled && (\n
\n \n handleSetDate(date, dateString)}\n inputReadOnly={true}\n showTime={{ format: \"hh:mm A\", use12Hours: true }}\n format=\"YYYY-MM-DD HH:mm A\"\n value={getInitialValues()}\n className=\"h-11 w-full\"\n />\n
\n )}\n \n {\n toggleDelivery(\n store.values[C.ISDELIVERYENABLED],\n serviceTypes[0]?._id\n );\n }}\n />\n
\n );\n };\n const getValue = (key) => {\n if (store && store.values[key]) return store.values[key];\n else return \"\";\n };\n\n const handlePaymentTypes = (key, val) => {\n const v = key;\n let paymentArr = store.values[C.KEY_PAYMENT_TYPES];\n if (val) {\n paymentArr.push(v);\n } else {\n const index = paymentArr.indexOf(v);\n if (index > -1) paymentArr.splice(index, 1);\n }\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [C.KEY_PAYMENT_TYPES]: paymentArr,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n\n const handleTwentyFourHours = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n\n if (val) {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n workingHours: {\n saturdayStartTime: C.START_TIME_24_HOURS,\n saturdayEndTime: C.END_TIME_24_HOURS,\n saturdayStartTimeSlot2: null,\n saturdayEndTimeSlot2: null,\n\n sundayStartTime: C.START_TIME_24_HOURS,\n sundayEndTime: C.END_TIME_24_HOURS,\n sundayStartTimeSlot2: null,\n sundayEndTimeSlot2: null,\n\n mondayStartTime: C.START_TIME_24_HOURS,\n mondayEndTime: C.END_TIME_24_HOURS,\n mondayStartTimeSlot2: null,\n mondayEndTimeSlot2: null,\n\n tuesdayStartTime: C.START_TIME_24_HOURS,\n tuesdayEndTime: C.END_TIME_24_HOURS,\n tuesdayStartTimeSlot2: null,\n tuesdayEndTimeSlot2: null,\n\n wednesdayStartTime: C.START_TIME_24_HOURS,\n wednesdayEndTime: C.END_TIME_24_HOURS,\n wednesdayStartTimeSlot2: null,\n wednesdayEndTimeSlot2: null,\n\n thursdayStartTime: C.START_TIME_24_HOURS,\n thursdayEndTime: C.END_TIME_24_HOURS,\n thursdayStartTimeSlot2: null,\n thursdayEndTimeSlot2: null,\n\n fridayStartTime: C.START_TIME_24_HOURS,\n fridayEndTime: C.END_TIME_24_HOURS,\n fridayStartTimeSlot2: null,\n fridayEndTimeSlot2: null,\n\n sunday: true,\n saturday: true,\n friday: true,\n thursday: true,\n wednesday: true,\n tuesday: true,\n monday: true,\n },\n },\n errors: {\n ...prevState.errors,\n },\n }));\n }\n };\n\n const handleQuickOrder = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n return (\n <>\n \n
\n \n \n
\n {t(\"Opening/Closing Hours\")}
\n\n {t(\"Set the hours your store is open for\", {\n serviceType: t(\"Pickup\"),\n })}\n
\n\n \n addSlotInput(C.KEY_FRI_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_FRI_SLOT2_START_TIME,\n C.KEY_FRI_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"fridayStartTime\")}\n s2Error={isSlotError(\"fridayStartTimeSlot2\")}\n overLapError={isSlotError(\"fridayEndTime\")}\n />\n addSlotInput(C.KEY_SAT_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_SAT_SLOT2_START_TIME,\n C.KEY_SAT_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"saturdayStartTime\")}\n s2Error={isSlotError(\"saturdayStartTimeSlot2\")}\n overLapError={isSlotError(\"saturdayEndTime\")}\n />\n\n addSlotInput(C.KEY_SUN_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_SUN_SLOT2_START_TIME,\n C.KEY_SUN_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"sundayStartTime\")}\n s2Error={isSlotError(\"sundayStartTimeSlot2\")}\n overLapError={isSlotError(\"sundayEndTime\")}\n />\n\n addSlotInput(C.KEY_MON_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_MON_SLOT2_START_TIME,\n C.KEY_MON_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"mondayStartTime\")}\n s2Error={isSlotError(\"mondayStartTimeSlot2\")}\n overLapError={isSlotError(\"mondayEndTime\")}\n />\n\n addSlotInput(C.KEY_TUE_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_TUE_SLOT2_START_TIME,\n C.KEY_TUE_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"tuesdayStartTime\")}\n s2Error={isSlotError(\"tuesdayStartTimeSlot2\")}\n overLapError={isSlotError(\"tuesdayEndTime\")}\n />\n\n addSlotInput(C.KEY_WED_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_WED_SLOT2_START_TIME,\n C.KEY_WED_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"wednesdayStartTime\")}\n s2Error={isSlotError(\"wednesdayStartTimeSlot2\")}\n overLapError={isSlotError(\"wednesdayEndTime\")}\n />\n\n addSlotInput(C.KEY_THU_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_THU_SLOT2_START_TIME,\n C.KEY_THU_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"thursdayStartTime\")}\n s2Error={isSlotError(\"thursdayStartTimeSlot2\")}\n overLapError={isSlotError(\"thursdayEndTime\")}\n />\n
\n \n
\n \n
\n \n
\n {t(\"Day\")}
\n\n
\n {t(\"From\")}
\n\n
\n {t(\"To\")}
\n\n {props.type === \"create\" ? (\n \n {t(\"Create Store\")}\n \n ) : null}\n
\n {heading}
;\n }\n};\n\nconst SimpleRadioButton = ({\n label,\n heading,\n handleValues,\n value,\n keyVal,\n checked,\n disabled,\n me,\n}) => {\n const labelHeading = getLabelHeading(heading);\n return (\n\n
\n \n );\n};\n\nexport default SimpleRadioButton;\n","import React from \"react\";\nimport PreOrder from \"./PreOrder\";\nfunction PreOrderingWidgetForPickup({ store, setStore }) {\n const hndlepreOrderingState = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n\n const handlePreOrderingTiming = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n preOrderSettingsForPickup: {\n ...prevState.values.preOrderSettingsForPickup,\n [key]: val,\n },\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n\n return (\n {label}
\n {labelHeading}\n\n {\n toggleDelivery(\n store.values[C.ISPICKUPENABLED],\n serviceTypes[1]?._id\n );\n }}\n />\n
\n );\n };\n const getValue = (key) => {\n if (store && store.values[key]) return store.values[key];\n else return \"\";\n };\n\n const handlePaymentTypes = (key, val) => {\n const v = key;\n let paymentArr = store?.values[C.KEY_PICKUP_PAYMENT_TYPES];\n if (val) {\n paymentArr?.push(v);\n } else {\n const index = paymentArr.indexOf(v);\n if (index > -1) paymentArr.splice(index, 1);\n }\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [C.KEY_PICKUP_PAYMENT_TYPES]: paymentArr,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n\n const handleTwentyFourHours = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n\n if (val) {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n workingHoursForPickup: {\n saturdayStartTime: C.START_TIME_24_HOURS,\n saturdayEndTime: C.END_TIME_24_HOURS,\n saturdayStartTimeSlot2: null,\n saturdayEndTimeSlot2: null,\n\n sundayStartTime: C.START_TIME_24_HOURS,\n sundayEndTime: C.END_TIME_24_HOURS,\n sundayStartTimeSlot2: null,\n sundayEndTimeSlot2: null,\n\n mondayStartTime: C.START_TIME_24_HOURS,\n mondayEndTime: C.END_TIME_24_HOURS,\n mondayStartTimeSlot2: null,\n mondayEndTimeSlot2: null,\n\n tuesdayStartTime: C.START_TIME_24_HOURS,\n tuesdayEndTime: C.END_TIME_24_HOURS,\n tuesdayStartTimeSlot2: null,\n tuesdayEndTimeSlot2: null,\n\n wednesdayStartTime: C.START_TIME_24_HOURS,\n wednesdayEndTime: C.END_TIME_24_HOURS,\n wednesdayStartTimeSlot2: null,\n wednesdayEndTimeSlot2: null,\n\n thursdayStartTime: C.START_TIME_24_HOURS,\n thursdayEndTime: C.END_TIME_24_HOURS,\n thursdayStartTimeSlot2: null,\n thursdayEndTimeSlot2: null,\n\n fridayStartTime: C.START_TIME_24_HOURS,\n fridayEndTime: C.END_TIME_24_HOURS,\n fridayStartTimeSlot2: null,\n fridayEndTimeSlot2: null,\n\n sunday: true,\n saturday: true,\n friday: true,\n thursday: true,\n wednesday: true,\n tuesday: true,\n monday: true,\n },\n },\n errors: {\n ...prevState.errors,\n },\n }));\n }\n };\n\n const handlePickupVehicleInfo = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n const handleQuickOrders = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n\n return (\n <>\n \n
\n \n
\n \n
\n \n \n handlePickupVehicleInfo(key, {\n ...store.values?.vehicleInfoForPickup,\n isActive: val,\n })\n }\n />\n
\n {store.values?.vehicleInfoForPickup?.isActive && (\n \n \n handlePickupVehicleInfo(key, {\n ...store.values?.vehicleInfoForPickup,\n isRequired: val,\n })\n }\n />\n \n handlePickupVehicleInfo(key, {\n ...store.values?.vehicleInfoForPickup,\n isRequired: val,\n })\n }\n />\n
\n )}\n \n
\n \n \n
\n {t(\"Opening/Closing Hours\")}
\n\n {t(\"Set the hours your store is open for\", {\n serviceType: t(\"Contactless dining\"),\n })}\n
\n\n \n addSlotInput(C.KEY_FRI_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_FRI_SLOT2_START_TIME,\n C.KEY_FRI_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"fridayStartTime\")}\n s2Error={isSlotError(\"fridayStartTimeSlot2\")}\n overLapError={isSlotError(\"fridayEndTime\")}\n />\n addSlotInput(C.KEY_SAT_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_SAT_SLOT2_START_TIME,\n C.KEY_SAT_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"saturdayStartTime\")}\n s2Error={isSlotError(\"saturdayStartTimeSlot2\")}\n overLapError={isSlotError(\"saturdayEndTime\")}\n />\n\n addSlotInput(C.KEY_SUN_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_SUN_SLOT2_START_TIME,\n C.KEY_SUN_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"sundayStartTime\")}\n s2Error={isSlotError(\"sundayStartTimeSlot2\")}\n overLapError={isSlotError(\"sundayEndTime\")}\n />\n\n addSlotInput(C.KEY_MON_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_MON_SLOT2_START_TIME,\n C.KEY_MON_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"mondayStartTime\")}\n s2Error={isSlotError(\"mondayStartTimeSlot2\")}\n overLapError={isSlotError(\"mondayEndTime\")}\n />\n\n addSlotInput(C.KEY_TUE_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_TUE_SLOT2_START_TIME,\n C.KEY_TUE_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"tuesdayStartTime\")}\n s2Error={isSlotError(\"tuesdayStartTimeSlot2\")}\n overLapError={isSlotError(\"tuesdayEndTime\")}\n />\n\n addSlotInput(C.KEY_WED_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_WED_SLOT2_START_TIME,\n C.KEY_WED_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"wednesdayStartTime\")}\n s2Error={isSlotError(\"wednesdayStartTimeSlot2\")}\n overLapError={isSlotError(\"wednesdayEndTime\")}\n />\n\n addSlotInput(C.KEY_THU_SLOT2_START_TIME)}\n removeSlotInput={() =>\n removeSlotInput(\n C.KEY_THU_SLOT2_START_TIME,\n C.KEY_THU_SLOT2_END_TIME\n )\n }\n s1Error={isSlotError(\"thursdayStartTime\")}\n s2Error={isSlotError(\"thursdayStartTimeSlot2\")}\n overLapError={isSlotError(\"thursdayEndTime\")}\n />\n
\n \n
\n \n
\n \n
\n {t(\"Day\")}
\n\n
\n {t(\"From\")}
\n\n
\n {t(\"To\")}
\n\n {props.type === \"create\" ? (\n \n {t(\"Create Store\")}\n \n ) : null}\n
\n \n {\n toggleDelivery(\n store.values[C.ISDINEINENABLED],\n serviceTypes[2]?._id\n );\n }}\n />\n
\n );\n };\n const getValue = (key) => {\n if (store && store.values[key]) return store.values[key];\n else return \"\";\n };\n\n const handlePaymentTypes = (key, val) => {\n const v = key;\n let paymentArr = store?.values[C.KEY_DINEIN_PAYMENT_TYPES];\n if (val) {\n paymentArr?.push(v);\n } else {\n const index = paymentArr.indexOf(v);\n if (index > -1) paymentArr.splice(index, 1);\n }\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [C.KEY_DINEIN_PAYMENT_TYPES]: paymentArr,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n };\n\n const handleTwentyFourHours = (key, val) => {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n\n if (val) {\n setStore((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n workingHoursForDinein: {\n saturdayStartTime: C.START_TIME_24_HOURS,\n saturdayEndTime: C.END_TIME_24_HOURS,\n saturdayStartTimeSlot2: null,\n saturdayEndTimeSlot2: null,\n\n sundayStartTime: C.START_TIME_24_HOURS,\n sundayEndTime: C.END_TIME_24_HOURS,\n sundayStartTimeSlot2: null,\n sundayEndTimeSlot2: null,\n\n mondayStartTime: C.START_TIME_24_HOURS,\n mondayEndTime: C.END_TIME_24_HOURS,\n mondayStartTimeSlot2: null,\n mondayEndTimeSlot2: null,\n\n tuesdayStartTime: C.START_TIME_24_HOURS,\n tuesdayEndTime: C.END_TIME_24_HOURS,\n tuesdayStartTimeSlot2: null,\n tuesdayEndTimeSlot2: null,\n\n wednesdayStartTime: C.START_TIME_24_HOURS,\n wednesdayEndTime: C.END_TIME_24_HOURS,\n wednesdayStartTimeSlot2: null,\n wednesdayEndTimeSlot2: null,\n\n thursdayStartTime: C.START_TIME_24_HOURS,\n thursdayEndTime: C.END_TIME_24_HOURS,\n thursdayStartTimeSlot2: null,\n thursdayEndTimeSlot2: null,\n\n fridayStartTime: C.START_TIME_24_HOURS,\n fridayEndTime: C.END_TIME_24_HOURS,\n fridayStartTimeSlot2: null,\n fridayEndTimeSlot2: null,\n\n sunday: true,\n saturday: true,\n friday: true,\n thursday: true,\n wednesday: true,\n tuesday: true,\n monday: true,\n },\n },\n errors: {\n ...prevState.errors,\n },\n }));\n }\n };\n return (\n <>\n \n
\n \n \n \n
\n \n
\n \n
\n \n {t(\"Please fill the complete information to Update Store.\")}\n
\n\n updateStore()}\n >\n {t(\"Update Store\")}\n \n
\n \n \n
\n\n \n
\n \n {store.values ? store.values[C.BASE_LANGUAGE].name : \"\"}\n
\n- \n {sideMenu &&\n sideMenu.map((item) => {\n if (\n getBuisnessType() === \"BRAND_BASED_CATALOGUE\" &&\n item.id === 4\n ) {\n return null;\n }\n\n return getSideItem(t(item.name), item.id);\n })}\n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n {t(\n \"Please fill the complete information to Create Store. Once you finish setting up your store, Activate it to get orders.\"\n )}\n
\n\n {addStage >= 2 && catelougeType?.showStore && (\n addStore()}\n >\n {t(\"Create Store\")}\n \n )}\n
\n \n \n
\n\n \n
\n\n {t(\"Create Store\")}
\n- \n
\n \n
\n \n \n \n \n \n props.handleValues(props.keyVal, event.target.value)\n }\n value={props.value}\n type=\"text\"\n className=\"focus:outline-none flex-1 input px-2 text-16px block w-full rounded-none border border-gray-200\"\n placeholder={t(props.placeholder)}\n />\n
\n );\n}\n\nexport default SearchCity;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\n\nconst getMandatoryField = (man) => {\n if (man) {\n return *;\n }\n};\nconst getFieldError = (error) => {\n if (error) {\n return {error} ;\n }\n};\nconst PriceInput = (props) => {\n const {\n placeHolder,\n register,\n rules,\n disabled,\n name,\n value,\n label,\n mandatory,\n error,\n maxLength,\n handleValues,\n } = props;\n\n const mandatoryField = getMandatoryField(mandatory);\n const fieldError = getFieldError(error);\n\n const handleChangePrice = (event) => {\n let v = UTILS.ARtoENPrice(event.target.value);\n handleValues(props.keyVal, v);\n };\n\n return (\n <>\n \n {fieldError}
\n \n );\n};\n\nPriceInput.propTypes = {\n mandatory: PropTypes.bool,\n error: PropTypes.string,\n handleValues: PropTypes.func,\n placeHolder: PropTypes.string,\n label: PropTypes.string,\n keyVal: PropTypes.string,\n value: PropTypes.string,\n};\n\nexport default PriceInput;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nconst AreasList = ({ isChecked, Items, saveAreaIntoState }) => {\n const { t } = useTranslation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n\n return (\n \n {Items?.length > 0 &&\n Items?.map((area, index) => (\n
\n ))}\n \n \n \n
\n \n {area?.isAdded ? (\n \n \n ) : (\n saveAreaIntoState(area)}\n >\n
\n )}\n \n {area?.[`areaName${currentLanguage}`]}\n
\n {t(\"Already added\")}
\n {area?.[`areaName${currentLanguage}`]}
\n \n {isChecked(area) ? (\n \n ) : (\n \n )}\n
\n \n
\n );\n};\n\nexport default CitiesList;\n","import React from \"react\";\nimport { Button, Select } from \"antd\";\nimport i18n from \"../../../i18n\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ChooseTime = ({ time, setTime }) => {\n const { t } = useTranslation();\n\n const resetState = () => {\n setTime({ Days: 0, Hours: 0, Minutes: 0 });\n };\n const Days = [\n {\n value: 1,\n label: 1 + i18n.t(\"day\"),\n },\n ];\n\n Array.from({ length: 39 }, (_, x) =>\n Days.push({\n value: x + 2,\n label: x + 2 + i18n.t(\"days\"),\n })\n );\n\n const Hours = [\n {\n value: 1,\n label: 1 + i18n.t(\"hour\"),\n },\n ];\n Array.from({ length: 23 }, (_, x) =>\n Hours.push({\n value: x + 2,\n label: x + 2 + i18n.t(\"hours\"),\n })\n );\n const Minutes = [\n {\n value: 1,\n label: 1 + i18n.t(\"minute\"),\n },\n ];\n Array.from({ length: 59 }, (_, x) =>\n Minutes.push({\n value: x + 2,\n label: x + 2 + i18n.t(\"minutes\"),\n })\n );\n const selectDay = (value) => {\n setTime({ ...time, Days: value });\n };\n const selectHours = (value) => {\n setTime({ ...time, Hours: value });\n };\n const selectMinutes = (value) => {\n setTime({ ...time, Minutes: value });\n };\n\n const getSelectedTime = () => {\n let dd = 0,\n hh = 0;\n let button = \"\";\n\n if (time?.Days === 0 && time?.Hours === 0 && time?.Minutes === 0) {\n button = i18n.t(\"Select time\");\n }\n\n if (time?.Days > 0) {\n if (time?.Days === 1) {\n dd = time.Days;\n button += time.Days + i18n.t(\"day\");\n }\n if (time?.Days >= 2) {\n dd = time.Days;\n button += time.Days + i18n.t(\"days\");\n }\n }\n if (time?.Hours > 0) {\n button += dd >= 1 ? \", \" : \"\";\n if (time?.Hours === 1) {\n hh = time.Hours;\n button += time.Hours + i18n.t(\"hour\");\n }\n if (time?.Hours >= 2) {\n hh = time.Hours;\n button += time.Hours + i18n.t(\"hours\");\n }\n }\n if (time?.Minutes > 0) {\n button += hh >= 1 ? \", \" : \"\" || dd >= 1 ? \",\" : \"\";\n if (time?.Minutes === 1) {\n button += time.Minutes + i18n.t(\"minute\");\n }\n if (time?.Minutes >= 2) {\n button += time.Minutes + i18n.t(\"minutes\");\n }\n }\n\n return button;\n };\n return (\n <>\n \n
\n {open || openAreas ? (\n \n
\n {city?.[`cityName${currentLanguage}`]}
\n \n {/* */}\n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n 0 ? time?.Days : i18n.t(\"select days\")}\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n showSearch\n size=\"large\"\n placeholder={i18n.t(\"select days\")}\n optionFilterProp=\"children\"\n onChange={selectDay}\n // onSearch={onSearch}\n filterOption={(input, option) =>\n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n options={Days}\n />\n
\n \n
\n \n 0 ? time?.Hours : i18n.t(\"select hours\")}\n style={{ width: \"150px\" }}\n showSearch\n size=\"large\"\n placeholder={i18n.t(\"select hours\")}\n optionFilterProp=\"children\"\n onChange={selectHours}\n // onSearch={onSearch}\n filterOption={(input, option) =>\n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n options={Hours}\n />\n
\n \n
\n \n 0 ? time?.Minutes : i18n.t(\"select minutes\")\n }\n style={{ width: \"150px\" }}\n size=\"large\"\n showSearch\n placeholder={i18n.t(\"select minutes\")}\n optionFilterProp=\"children\"\n onChange={selectMinutes}\n // onSearch={onSearch}\n filterOption={(input, option) =>\n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n options={Minutes}\n />\n
\n \n
\n \n );\n};\n\nexport default ChooseTime;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button, Spin } from \"antd\";\nimport SearchArea from \"../common/Search\";\nimport PriceInput from \"components/useForm/PriceInput\";\nimport CitiesList from \"../areas/components/CitiesList\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { AreasAction } from \"redux/actions\";\nimport ChooseTime from \"../common/ChooseTime\";\nimport { LoaderAction } from \"redux/actions\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport TextInput from \"components/TextInput\";\nconst AddNewAreas = ({ onClose }) => {\n const dispatch = useDispatch();\n const [openAreas, setOpenAreas] = useState(false);\n const { selectedAreas, areaData, customAllAreas, selectedStore } =\n useSelector((state) => state.AreasReducer);\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const { t } = useTranslation();\n const [searchTerm, setSearch] = useState(\"\");\n const [state, setState] = useState({\n minOrder: \"\",\n deliveryFee: \"\",\n deliveryTime: \"\",\n });\n const [time, setTime] = useState({\n Hours: 0,\n Minutes: 0,\n Days: 0,\n });\n const handleValues = async (key, value) => {\n setState({ ...state, [key]: value });\n };\n\n const getUpdatedAreas = UTILS.withTryCatch(async (storeID) => {\n const userDetail = UTILS.getCurrentUser();\n const updateAreas = await UTILS.UpdatedAreas(\n storeID,\n userDetail.brandId,\n userDetail.token\n );\n const filteredAreasList = await UTILS.filteredAreasList(\n areaData,\n updateAreas\n );\n dispatch(AreasAction.setAddedAreas(updateAreas));\n dispatch(AreasAction.setcustomeAddedAreas(filteredAreasList));\n onClose();\n dispatch(LoaderAction.setLoading(false));\n });\n\n let isValid = () => {\n if (\n isLoading ||\n state.minOrder === \"\" ||\n state.deliveryFee === \"\" ||\n selectedAreas?.length <= 0 ||\n (time?.Days === 0 && time?.Hours === 0 && time?.Minutes === 0)\n )\n return false;\n return true;\n };\n\n const addAreas = UTILS.withTryCatch(async () => {\n dispatch(LoaderAction.setLoading(true));\n let delTime = time.Days * 1440 + time.Hours * 60 + time.Minutes;\n const storeID = selectedStore.value;\n const userDetail = UTILS.getCurrentUser();\n let objectArray = [];\n selectedAreas?.forEach((area) => {\n objectArray.push({\n cityID: area.cityID,\n areaID: area._id,\n countryID: area.countryID,\n storeId: storeID,\n brandId: userDetail.brandId,\n });\n });\n\n const result = await API.ADD_STORE_AREA({\n areas: objectArray,\n minOrder: Number(state.minOrder),\n deliveryFee: Number(state.deliveryFee),\n deliveryTime: Number(delTime),\n token: userDetail.token,\n language: currentLanguage,\n });\n if (result?.success === 1) {\n UTILS.successNotification(t(result.message));\n dispatch(AreasAction.updateSelectedArea([]));\n } else {\n dispatch(LoaderAction.setLoading(false));\n UTILS.errorNotification(t(errorHandler(result)));\n }\n getUpdatedAreas(storeID);\n });\n\n const handleSearch = (key, val) => {\n setSearch(val.toLowerCase());\n if (val !== \"\") {\n setOpenAreas(true);\n } else {\n setOpenAreas(false);\n }\n };\n\n const handleInputValue = (key, val) => {\n const value = UTILS.NumberConversion(val);\n handleValues(key, value);\n };\n\n return (\n \n \n
\n \n \n {getSelectedTime()}\n \n\n \n {t(\"Reset Time\")}\n \n
\n \n \n \n
\n );\n};\n\nAddNewAreas.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n};\nexport default AddNewAreas;\n","import React from \"react\";\nimport { Button, Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction DeleteAreasModal({ isLoading, selectedAreas, onClose, deleteAreas }) {\n const { t } = useTranslation();\n return (\n \n
\n \n
\n \n
\n\n \n
\n \n {t(\"Add delivery areas\")}\n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n \n
\n {areaData?.map((country) => {\n return country?.cities?.map((city, index) => {\n console.log(\"city\", city);\n return (\n
\n \n
\n \n {t(\"I can't find an area (please contact support)\")}\n
\n \n \n {t(\"Add Areas\")}\n \n
\n \n \n \n
\n );\n}\n\nexport default DeleteAreasModal;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { API } from \"api\";\nimport { UTILS } from \"utils\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { AreasAction, LoaderAction } from \"redux/actions\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport DeleteAreasModal from \"../common/DeleteAreasModal\";\nconst AddCategory = ({ onClose, selectedAreas, setSelectedRowsKeys }) => {\n const dispatch = useDispatch();\n const { areaData } = useSelector((state) => state.AreasReducer);\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const getUpdatedAreas = async () => {\n setSelectedRowsKeys([]);\n const userDetail = UTILS.getCurrentUser();\n const updateAreas = await UTILS.UpdatedAreas(\n selectedAreas[0].storeId,\n userDetail.brandId,\n userDetail.token\n );\n\n const filteredAreasList = await UTILS.filteredAreasList(\n areaData,\n updateAreas\n );\n dispatch(AreasAction.setcustomeAddedAreas(filteredAreasList));\n dispatch(AreasAction.setAddedAreas(updateAreas));\n dispatch(LoaderAction.setLoading(false));\n onClose();\n };\n const deleteAreas = async () => {\n dispatch(LoaderAction.setLoading(true));\n const userDetail = UTILS.getCurrentUser();\n let objectArray = [];\n selectedAreas.forEach((area) => {\n objectArray.push({\n cityID: area.cityID._id,\n areaID: area.areaID._id,\n countryID: area.countryID._id,\n storeId: area.storeId,\n brandId: area.brandId,\n });\n });\n\n const result = await API.DELETE_STORE_AREA({\n areas: objectArray,\n token: userDetail.token,\n language: currentLanguage,\n });\n if (result?.success === 1) {\n UTILS.successNotification(result.message);\n dispatch(AreasAction.updateSelectedArea([]));\n } else {\n dispatch(LoaderAction.setLoading(true));\n UTILS.errorNotification(errorHandler(result));\n }\n getUpdatedAreas();\n };\n\n return (\n \n
\n \n {selectedAreas && selectedAreas?.length === 1 ? (\n
\n \n {t(`Are you sure want to delete selected area`)}\n
\n ) : (\n\n {t(\"Are you sure want to delete selected areas\")}\n
\n )}\n\n {t(\"They will be removed from this outlet’s delivery reach.\")}\n
\n \n \n \n
\n \n \n \n
\n );\n}\n\nexport default UpdateAreaModal;\n","import { API } from \"api\";\nimport React, { useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { AreasAction } from \"redux/actions\";\nimport { LoaderAction } from \"redux/actions\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport UpdateAreaModal from \"../common/UpdateAreaModal\";\nimport { calculateDeliveryTimeInMins, isValidInputFields } from \"../helpers\";\nimport { errorNotification } from \"utils/Utils\";\n\nconst UpdateAreas = ({ onClose, selectedAreas, setSelectedRowsKeys }) => {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const [state, setState] = useState({\n minOrder: \"\",\n deliveryFee: \"\",\n deliveryTime: {\n Hours: 0,\n Minutes: 0,\n Days: 0,\n },\n });\n\n const handleValues = (key, val) => setState({ ...state, [key]: val });\n\n const getUpdatedAreas = UTILS.withTryCatch(async () => {\n setSelectedRowsKeys([]);\n const userDetail = UTILS.getCurrentUser();\n const updateAreas = await UTILS.UpdatedAreas(\n selectedAreas[0].storeId,\n userDetail.brandId,\n userDetail.token\n );\n dispatch(AreasAction.setAddedAreas(updateAreas));\n onClose();\n dispatch(LoaderAction.setLoading(false));\n });\n\n const editAreas = UTILS.withTryCatch(async () => {\n const { error, isValid } = isValidInputFields({\n isLoading,\n state,\n selectedAreas,\n });\n if (!isValid) {\n errorNotification(error);\n return;\n }\n\n dispatch(LoaderAction.setLoading(true));\n const deliveryTimeInMins = calculateDeliveryTimeInMins({\n deliveryTime: state.deliveryTime,\n });\n const userDetail = UTILS.getCurrentUser();\n let objectArray = [];\n selectedAreas.forEach((area) => {\n objectArray.push({\n cityID: area.cityID._id,\n areaID: area.areaID._id,\n countryID: area.countryID._id,\n storeId: area.storeId,\n brandId: area.brandId,\n });\n });\n\n const result = await API.UPDATE_STORE_AREA({\n areas: objectArray,\n minOrder: Number(state.minOrder),\n deliveryFee: Number(state.deliveryFee),\n deliveryTime: Number(deliveryTimeInMins),\n token: userDetail.token,\n language: currentLanguage,\n });\n if (result?.success === 1) {\n UTILS.successNotification(t(result.message));\n dispatch(AreasAction.updateSelectedArea([]));\n } else {\n UTILS.errorNotification(errorHandler(result));\n }\n getUpdatedAreas();\n });\n\n const handleInputValue = (key, val) => {\n const value = UTILS.NumberConversion(val);\n handleValues(key, value);\n };\n\n return (\n \n
\n \n
\n \n
\n\n \n
\n \n {t(\"Edit\")} {`${selectedAreas?.length ?? \"\"} `}\n {t(\"Areas\")}\n
\n\n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n router.goBack()}\n >\n \n \n \n {t(\"BACK\")}\n \n
\n );\n};\n\nexport default BackButton;\n","import React from \"react\";\n\nfunction PlusIcon() {\n return (\n \n );\n}\n\nexport default PlusIcon;\n","import moment from \"moment\";\nimport React from \"react\";\nimport i18n from \"../../../i18n\";\nconst RenderTime = ({ val, row, index }) => {\n var duration = moment.duration(val, \"minutes\");\n let days = Math.floor(duration.asDays());\n let hours = duration.hours();\n let minutes = duration.minutes();\n\n const SelectedTime = () => {\n let button = \"\";\n let dd = 0,\n hh = 0;\n if (days === 0 && hours === 0 && minutes === 0) {\n button = \"\";\n }\n\n if (days > 0) {\n if (days === 1) {\n dd = days;\n button += days + i18n.t(\"day\");\n }\n if (days >= 2) {\n dd = days;\n button += days + i18n.t(\"days\");\n }\n }\n if (hours > 0) {\n button += dd >= 1 ? \", \" : \"\";\n if (hours === 1) {\n hh = hours;\n button += hours + i18n.t(\"hour\");\n }\n if (hours >= 2) {\n hh = hours;\n button += hours + i18n.t(\"hours\");\n }\n }\n if (minutes > 0) {\n button += hh >= 1 ? \", \" : \"\" || dd >= 1 ? \", \" : \"\";\n if (minutes === 1) {\n button += minutes + i18n.t(\"minute\");\n }\n if (minutes >= 2) {\n button += minutes + i18n.t(\"minutes\");\n }\n }\n\n return button;\n };\n\n return (\n <>\n \n
\n \n \n setOpen(false)}\n responsiveClass=\"w-full lg:w-full xl:w-4/5 2xl:2/3\"\n >\n {renderModalContent()}\n \n \n
\n \n );\n}\n\nexport default AreasTable;\n","import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { apiSlice } from \"redux/Api.Slice\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport PageHeading from \"components/PageHeading\";\nimport AreasTable from \"../components/AeasTable\";\nimport { AreasAction } from \"redux/actions\";\nimport { LoaderAction } from \"redux/actions\";\n\nconst ManageAreas = () => {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const [trigger] = apiSlice.endpoints.getBuisnessAreas.useLazyQuery();\n const { selectedStore } = useSelector((state) => state.AreasReducer);\n const getBussinessAreas = UTILS.withTryCatch(async () => {\n dispatch(LoaderAction.setLoading(true));\n const { data } = await trigger();\n if (data?.success === 1 && data?.data) {\n getDeliveryAreas(data.data);\n dispatch(AreasAction.setFetchedAreas(data.data));\n } else {\n console.error(\"areas error\", data);\n }\n dispatch(LoaderAction.setLoading(false));\n });\n\n const getDeliveryAreas = UTILS.withTryCatch(async (areaData) => {\n dispatch(LoaderAction.setLoading(true));\n const userDetail = UTILS.getCurrentUser();\n if (userDetail?.brandId && selectedStore?.value) {\n const addedAreas = await UTILS.UpdatedAreas(\n selectedStore.value,\n userDetail.brandId\n );\n if (addedAreas) {\n dispatch(AreasAction.setAddedAreas(addedAreas));\n const filteredAreasList = UTILS.getFilteredAreasList(\n areaData,\n addedAreas\n );\n\n if (filteredAreasList) {\n dispatch(AreasAction.setcustomeAddedAreas(filteredAreasList));\n }\n }\n }\n dispatch(LoaderAction.setLoading(false));\n });\n\n useEffect(() => {\n getBussinessAreas();\n }, [selectedStore?.value]);\n\n return (\n \n
\n\n {selectedStore && (\n <>\n {t(\"Select store\")}
\n\n
\n \n \n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n options={stores}\n />\n
\n {selectedStore && (\n \n {/*
\n )}\n \n \n history.push(\"/app/dashboard/add-map-area\")\n }\n className=\"font-montserrat px-5 border border-transparent shadow-sm font-medium rounded-sm text-white h-10 focus:outline-none\"\n >\n \n
*/}\n\n \n addArea()}\n className=\"font-montserrat px-5 border border-transparent shadow-sm font-medium rounded-sm text-white h-10 focus:outline-none\"\n >\n \n
\n \n
{\" \"}\n \n
\n\n \n {areaText}\n
\n\n
\n \n {selectedRowKeys?.length > 0 && (\n <>\n \n {t(\"Edit\")} ({selectedRowKeys.length})\n \n\n \n {t(\"Delete\")} ({selectedRowKeys.length})\n \n \n )}\n
\n\n \n \n
\n \n
\n \n )}\n \n
\n );\n};\nManageAreas.propTypes = {\n store: PropTypes.object,\n};\nexport default ManageAreas;\n","import PageHeading from \"components/PageHeading\";\nimport DashboardBranchesTable from \"features/dashboard/components/DashboardBranchesTable\";\nimport React from \"react\";\nimport { useHistory } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button } from \"antd\";\nimport useUserType from \"hooks/useUserType\";\nimport useCatalogue from \"hooks/useCatalogue\";\nconst StoreList = () => {\n const router = useHistory();\n const userType = useUserType();\n const { t } = useTranslation();\n const catelougeType = useCatalogue();\n\n const addStore = () => {\n router.push(\"/app/dashboard/addstore\");\n };\n return (\n \n
\n \n
\n );\n};\nexport default StoreList;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nconst OrderTabs = (props) => {\n const [activeTab, setActiveTab] = useState(\"Pending\");\n const menus = [\n {\n id: \"Pending\",\n label: \"Pending\",\n },\n {\n id: \"Preparing\",\n label: \"Preparing\",\n },\n {\n id: \"On The Way\",\n label: \"On The Way / Ready\",\n },\n {\n id: \"Scheduled\",\n label: \"Scheduled\",\n },\n {\n id: \"Refunds\",\n label: \"Order Refunds\",\n },\n ];\n const { t } = useTranslation();\n const ORDER_STATUS = {\n PENDING: \"PENDING\",\n PREPARING: \"PREPARING\",\n ON_THE_WAY: \"ON_THE_WAY\",\n COMPLETE: \"COMPLETE\",\n CANCELED: \"CANCELLED\",\n REJECTED: \"REJECTED\",\n SCHEDULED: \"SCHEDULED\",\n REFUND: \"REFUND\",\n };\n\n const handleTabClick = (menu) => {\n setActiveTab(menu);\n if (menu === \"Pending\") props.handleTabStatus(ORDER_STATUS.PENDING);\n else if (menu === \"Preparing\")\n props.handleTabStatus(ORDER_STATUS.PREPARING);\n else if (menu === \"On The Way\")\n props.handleTabStatus(ORDER_STATUS.ON_THE_WAY);\n else if (menu === \"Scheduled\")\n props.handleTabStatus(ORDER_STATUS.SCHEDULED);\n else if (menu === \"Refunds\") props.handleTabStatus(ORDER_STATUS.REFUND);\n };\n\n const getStyleForSelectedTab = (activeTab) => {\n switch (activeTab) {\n case \"Pending\":\n return \"bg-white border-t-4 border-theme-red font-semibold \";\n case \"Preparing\":\n return \"bg-white border-t-4 border-green-600 font-semibold \";\n case \"On The Way\":\n return \"bg-white border-t-4 border-yellow-500 font-semibold \";\n case \"Scheduled\":\n return \"bg-white border-t-4 border-theme-red font-semibold \";\n case \"Refunds\":\n return \"bg-white border-t-4 border-theme-red font-semibold \";\n default:\n break;\n }\n };\n\n const getPendingOrders = (status) => {\n if (\n UTILS.isValidObject([\"pendingOrdersCount\"], props.orderCountData) &&\n Array.isArray(props.orderCountData.pendingOrdersCount)\n ) {\n for (\n let index = 0;\n index < props.orderCountData.pendingOrdersCount.length;\n index++\n ) {\n const element = props.orderCountData.pendingOrdersCount[index];\n if (\n UTILS.isValidObject([\"orderStatus\"], element) &&\n element.orderStatus === status\n ) {\n return element.count;\n }\n }\n return \"0\";\n }\n };\n\n const getRefundableOrders = () => {\n console.log(\n \"props.refundableOrdersCountData\",\n props.refundableOrdersCountData?.orders?.refundableOrdersCount\n );\n if (\n props.refundableOrdersCountData?.orders?.refundableOrdersCount &&\n Array.isArray(\n props.refundableOrdersCountData?.orders?.refundableOrdersCount\n )\n ) {\n return props.refundableOrdersCountData?.orders?.refundableOrdersCount?.reduce(\n (acc, statusCount) => {\n return statusCount.count + acc;\n },\n 0\n );\n }\n return \"0\";\n };\n\n const getOrderCountComponent = (menu) => {\n switch (menu) {\n case \"Pending\":\n return (\n \n {getPendingOrders(ORDER_STATUS.PENDING)}\n \n );\n case \"Preparing\":\n return (\n \n {getPendingOrders(ORDER_STATUS.PREPARING)}\n \n );\n case \"On The Way\":\n return (\n \n {getPendingOrders(ORDER_STATUS.ON_THE_WAY)}\n \n );\n case \"Scheduled\":\n return (\n \n {getPendingOrders(ORDER_STATUS.SCHEDULED)}\n \n );\n\n case \"Refunds\":\n const refundableCount = getRefundableOrders();\n return (\n \n {refundableCount}\n \n );\n default:\n break;\n }\n };\n const TabButtons = ({ activeTab }) => {\n return (\n \n );\n };\n\n TabButtons.propTypes = {\n activeTab: PropTypes.string,\n };\n return (\n \n
\n \n
\n \n
\n {t(\"Manage Stores\")}
\n\n {t(\n \"Add, Update Stores, You can also OFF store to not accept any online order\"\n )}\n
\n\n {catelougeType?.showStore &&\n !catelougeType?.isLoading &&\n userType === \"BRAND-ADMIN\" ? (\n addStore()}\n >\n {t(\"Add Store\")}\n \n ) : null}\n
\n \n
\n );\n};\n\nOrderTabs.propTypes = {\n orderCountData: PropTypes.object,\n handleTabStatus: PropTypes.func,\n};\n\nexport default OrderTabs;\n","import { apiSlice } from \"redux/Api.Slice\";\nimport * as URL from \"api/api/apiUrls\";\nimport { LoaderAction } from \"redux/actions\";\nimport { ErrorAction } from \"redux/actions\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { LogisticAction } from \"redux/actions\";\nimport { UTILS } from \"utils\";\nimport i18n from \"../../i18n\";\nimport { logToSentry } from \"utils/Utils\";\n\nconst postConfig = {\n query: (body) => ({\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n};\n\nconst LogisticService = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getOrderInfoById: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_ORDER_INFO_BY_ID,\n ...postConfig.query(body),\n }),\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(LoaderAction.setLoading(true));\n try {\n const { data } = await queryFulfilled;\n if (data?.success === 1 && data?.data?.fetchedOrder) {\n dispatch(LogisticAction.setOrderInfo(data.data.fetchedOrder));\n }\n if (data?.success === 0) {\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n UTILS.handleErrorNotification(errorHandler(err?.error));\n }\n dispatch(LoaderAction.setLoading(false));\n },\n }),\n getYandexPickupSlots: builder.mutation({\n query: (body) => ({\n url: URL.GET_TIME_SLOTS,\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n }),\n getYandexDeliveryMethods: builder.mutation({\n query: (body) => ({\n url: URL.GET_YANDEX_DELIVERY_METHODS,\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(LoaderAction.setLoading(true));\n dispatch(ErrorAction.setError(null));\n dispatch(LogisticAction.clearData());\n try {\n const { data } = await queryFulfilled;\n if (data?.success === 1) {\n let availableTariffs =\n data?.data?.express_delivery?.available_tariffs;\n let isArrayAndNotEmpty =\n Array.isArray(availableTariffs) && availableTariffs?.length >= 1;\n if (isArrayAndNotEmpty && data?.data?.express_delivery?.allowed) {\n dispatch(LogisticAction.setVehicleTypes(availableTariffs));\n const isCourierAvailable = availableTariffs?.find(\n (item) => item.name === \"courier\"\n );\n if (isCourierAvailable) {\n const selectedvehicleType =\n getState().LogisticReducer?.selectedvehicleType;\n if (!selectedvehicleType) {\n dispatch(LogisticAction.setSelectedVehicleType(\"COURIER\"));\n }\n }\n if (!isCourierAvailable) {\n logToSentry(\n \"yanex courier(Motor Bike) is not available in availableTariffs\"\n );\n }\n } else {\n dispatch(LogisticAction.setBtn(true));\n UTILS.handleErrorNotification(\n i18n.t(\n \"Sorry, YANGO isn’t serving at the moment, please try again after few minutes\"\n )\n );\n }\n } else {\n dispatch(LogisticAction.setBtn(true));\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n dispatch(LogisticAction.setBtn(true));\n UTILS.handleErrorNotification(errorHandler(err?.error));\n }\n dispatch(LoaderAction.setLoading(false));\n },\n }),\n createYandexClaim: builder.mutation({\n query: (body) => ({\n url: URL.CREATE_CLAIM,\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(ErrorAction.setError(null));\n try {\n dispatch(LoaderAction.setLoading(true));\n const { data } = await queryFulfilled;\n if (data?.success === 1) {\n UTILS.successNotification(data?.message);\n dispatch(LogisticAction.setSelectedVehicleType(null));\n } else {\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n UTILS.handleErrorNotification(errorHandler(err?.error));\n }\n dispatch(LoaderAction.setLoading(false));\n },\n }),\n confirmYandexClaim: builder.mutation({\n query: (body) => ({\n url: URL.CONFIRM_CLAIM,\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n try {\n dispatch(LoaderAction.setLoading(true));\n const { data } = await queryFulfilled;\n if (data?.success === 1) {\n UTILS.successNotification(data?.message);\n }\n if (data?.success === 0) {\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n UTILS.handleErrorNotification(errorHandler(err?.error));\n }\n dispatch(LoaderAction.setLoading(false));\n },\n }),\n getYandexClaimInfo: builder.mutation({\n query: (body) => ({\n url: URL.CLAIM_INFO,\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(ErrorAction.setError(null));\n\n try {\n dispatch(LoaderAction.setLoading(true));\n const { data } = await queryFulfilled;\n if (\n data?.success === 1 &&\n data?.data?.logisticPartnerMetadata?.YANDEX?.claimInformation\n ) {\n let claimInfo =\n data?.data?.logisticPartnerMetadata?.YANDEX?.claimInformation;\n dispatch(LogisticAction.setClaimInfo(claimInfo));\n } else {\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n UTILS.handleErrorNotification(errorHandler(err?.error));\n }\n setTimeout(() => {\n dispatch(LoaderAction.setLoading(false));\n }, 5000);\n },\n }),\n cancelYandexClaim: builder.mutation({\n query: (body) => ({\n url: URL.CANCEL_CLAIM,\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(ErrorAction.setError(null));\n try {\n dispatch(LoaderAction.setLoading(true));\n const { data } = await queryFulfilled;\n if (data?.success === 1) {\n UTILS.successNotification(data?.message);\n }\n if (data?.success === 0) {\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n UTILS.handleErrorNotification(errorHandler(err?.error));\n }\n dispatch(LoaderAction.setLoading(false));\n },\n }),\n getYandexExpressRiderInfo: builder.mutation({\n query: (body) => ({\n url: URL.GET_YANDEX_EXPRESS_RIDER_INFO,\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n try {\n dispatch(LoaderAction.setLoading(true));\n const { data } = await queryFulfilled;\n if (data?.success === 1) {\n } else {\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n UTILS.handleErrorNotification(errorHandler(err?.error));\n }\n dispatch(LoaderAction.setLoading(false));\n },\n }),\n }),\n});\nexport const {\n useGetOrderInfoByIdMutation,\n useGetYandexPickupSlotsMutation,\n useCreateYandexClaimMutation,\n useConfirmYandexClaimMutation,\n useCancelYandexClaimMutation,\n useGetYandexClaimInfoMutation,\n useGetYandexDeliveryMethodsMutation,\n useGetYandexExpressRiderInfoMutation,\n} = LogisticService;\nexport default LogisticService;\n","import { Button, Form, Input, InputNumber, Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { useSelector } from \"react-redux\";\nconst RefundForm = ({ closeModal, onSubmit, loading, order }) => {\n const { t } = useTranslation();\n const [form] = Form.useForm();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const handleSubmit = (values) => {\n const { reason, amount } = values;\n onSubmit({\n order,\n reason,\n amount,\n });\n };\n return (\n \n
\n \n
\n \n \n
\n\n
\n \n
\n {t(\"Refund Order\")}
\n| {t(\"Order\")} # | \n\n {order?.orderNumber}\n | \n
| {t(\"Status\")} | \n\n {order?.orderStatus}\n | \n
| \n {t(\"Max Allowed (Order Total Price)\")}\n | \n\n {new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(order?.totalOrderPrice || 0)}\n | \n
| {t(\"Store\")} | \n\n {order?.storeInfo.baseLanguage.name}\n | \n
| \n {t(\"Whatsapp Number\")}\n | \n\n {order?.userInfo?.phoneNumber}\n | \n
\n \n
\n \n
\n \n \n \n \n
\n \n \n
\n \n \n {t(\"Cancel\")}\n \n \n {t(\"Submit\")}\n \n
\n \n \n
\n );\n };\n\n const getModifiersInfo = (modifier, index) => {\n return (\n {item?.baseLanguage?.title}
\n\n {item?.sections &&\n Array.isArray(item.sections) &&\n item?.sections.map((m, index) => {\n return getModifiersInfo(m, index);\n })}\n
\n\n
\n );\n };\n\n const getOptions = (op, index) => {\n return (\n \n {modifier?.baseLanguage?.sectionName}\n
\n\n {modifier &&\n modifier?.options.map((op, index) => {\n return getOptions(op, index);\n })}\n
\n\n
\n );\n };\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n\n return (\n \n {`${op?.baseLanguage?.optionName} ${\"( \"}${op?.price?.toFixed(2)} \n ${t(\"AED\")} ${\")\"}`}\n \n {t(\"Quantity\")}: {op?.quantity ? op?.quantity : 1}\n \n
\n\n \n \n {props?.order &&\n props?.order?.orderedMenu?.map((item, index) => {\n return getItemRow(index, item);\n })}\n
\n
\n );\n};\n\nTableItemsDetail.propTypes = {\n order: PropTypes.object,\n};\nexport default TableItemsDetail;\n","import React, { useEffect, useState } from \"react\";\nimport { Button } from \"antd\";\nimport { API } from \"api\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nconst DeliveryPartner = ({ order, setLoading, getOrderInfoById }) => {\n const { t } = useTranslation();\n const [disabled, setDisabled] = useState();\n const sendOrder = async () => {\n if (!UTILS.validateTalabat(order)) {\n } else {\n setLoading(true);\n try {\n const result = await API.SEND_ORDER_TO_TALABAT({\n storeId: order.storeId,\n brandId: order.brandId,\n orderId: order._id,\n coldbagNeeded: false,\n serviceName: \"TALABAT\",\n });\n\n if (result?.success === 1) {\n UTILS.successNotification(result.message);\n } else {\n UTILS.errorNotification(result.message ?? \"something went wrong\");\n }\n } catch (error) {\n UTILS.errorNotification(error.message ?? \"something went wrong\");\n } finally {\n getOrderInfoById(order._id);\n setLoading(false);\n }\n }\n };\n useEffect(() => {\n if (UTILS.OdrAlrdySndToTalabat(order)) {\n setDisabled(true);\n } else setDisabled(false);\n }, [order]);\n\n return (\n <>\n \n \n {t(\"Send Order To TALABAT\")}\n \n
\n \n );\n};\n\nexport default DeliveryPartner;\n","import React, { useState } from \"react\";\nimport { Button } from \"antd\";\nimport moment from \"moment\";\nimport { useTranslation } from \"react-i18next\";\nimport { API } from \"api\";\nimport { UTILS } from \"utils\";\nconst CheckDeliveryFee = ({ order, opertation, setLoading }) => {\n const { t } = useTranslation();\n const [data, setData] = useState(null);\n const fetchData = async () => {\n if (!UTILS.validateTalabat(order)) {\n } else {\n setLoading(true);\n let result = \"\";\n try {\n if (opertation === \"fee\") {\n result = await API.CHECK_TALABAT_DELIVERY_FEE({\n storeId: order.storeId,\n brandId: order.brandId,\n restheroOrderId: order._id,\n });\n } else if (opertation === \"time\") {\n result = await API.CHECK_TALABAT_DELIVERY_TIME({\n storeId: order.storeId,\n brandId: order.brandId,\n restheroOrderId: order._id,\n });\n }\n\n if (result?.success === 1 && result?.data) {\n setData(result.data);\n UTILS.successNotification(\"Information fetched Sucessfully\");\n } else if (result?.success === 0) {\n UTILS.errorNotification(result.message ?? \"something went wrong\");\n }\n } catch (error) {\n UTILS.errorNotification(error.message ?? \"something went wrong\");\n }\n setLoading(false);\n }\n };\n\n let renderButton = {\n fee: {t(\"Check Estimated Delivery Fee From TALABAT\")},\n time: (\n {t(\"Check Estimated Pickup and Delivery Time From TALABAT\")}\n ),\n };\n return (\n \n {data && (\n \n
\n )}\n\n
\n );\n};\n\nexport default CheckDeliveryFee;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport moment from \"moment\";\nconst CheckDeliveryFee = ({ order, getOrderInfoById }) => {\n const { t } = useTranslation();\n return (\n | {t(\"Order\")} # | \n\n {data?.client_order_id}\n | \n
|---|---|
| \n {t(\"Estimated Delivery Fee\")}\n | \n\n {`${data?.estimated_delivery_fee} ${t(\"AED\")}`}\n | \n
| \n {t(\"Pickup Time\")}\n | \n\n {`${moment(data?.estimated_pickup_time).format(\n \"MMMM Do YYYY, h:mm:ss a\"\n )}`}\n | \n
| \n {t(\"Delivery Time\")}\n | \n\n {`${moment(data?.estimated_delivery_time).format(\n \"MMMM Do YYYY, h:mm:ss a\"\n )}`}\n | \n
\n \n
\n \n {order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse && (\n \n
\n )}\n
\n );\n};\n\nexport default CheckDeliveryFee;\n","import React, { useState, useEffect } from \"react\";\nimport { Button } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { API } from \"api\";\nimport { UTILS } from \"utils\";\nconst CancelOrder = ({ order, setLoading, getOrderInfoById }) => {\n const [reason, setReason] = useState();\n const [disabled, setDisabled] = useState();\n const { t } = useTranslation();\n const cancelOrder = async () => {\n if (!UTILS.validateTalabat(order)) {\n } else {\n setLoading(true);\n let result = \"\";\n try {\n result = await API.CANCEL_TALABAT_ORDER({\n storeId: order.storeId,\n brandId: order.brandId,\n orderId: order._id,\n cancelReason: reason,\n });\n if (result?.success === 1) {\n UTILS.successNotification(\n result?.message ?? t(\"Order was successfully cancelled\")\n );\n } else if (result?.success === 0) {\n UTILS.errorNotification(result.message ?? \"something went wrong\");\n }\n } catch (error) {\n UTILS.errorNotification(error.message ?? \"something went wrong\");\n }\n getOrderInfoById(order._id);\n setLoading(false);\n }\n };\n const check = () => {\n if (\n UTILS.ifNotNullAndUndfine(\n order?.logisticPartnerMetadata?.TALABAT?.orderPlaceResponse?.order_id\n ) &&\n UTILS.Undfined(\n order?.logisticPartnerMetadata?.TALABAT?.cancelOrderResponse\n )\n ) {\n return false;\n } else {\n return true;\n }\n };\n useEffect(() => {\n if (!reason || check()) {\n setDisabled(true);\n } else setDisabled(false);\n }, [reason, order]);\n return (\n | {t(\"Order\")} # | \n\n {\n order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse\n ?.order_id\n }\n | \n|
|---|---|---|
| \n {t(\"Client Order Id\")}\n | \n\n {`${order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse?.client_order_id}`}\n | \n|
| {t(\"Status\")} | \n\n {\n order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse\n ?.status\n }\n | \n|
| \n {t(\"Driver\")}\n | \n\n | \n {t(\"Name\")}:{\" \"}\n {\n order?.logisticPartnerMetadata?.TALABAT\n ?.orderCallbackResponse?.driver?.name\n }\n | \n \n
| \n {t(\"Phone\")}:{\" \"}\n {\n order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse\n ?.driver?.phone_number\n }\n | \n||
| \n {t(\"TimeLine\")}\n | \n {order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse\n ?.timeline?.estimated_delivery_time && (\n\n | \n {t(\"Delivery Time\")}:{\" \"}\n {moment(\n order?.logisticPartnerMetadata?.TALABAT\n ?.orderCallbackResponse?.timeline\n ?.estimated_delivery_time\n ).format(\"MMMM Do YYYY, h:mm:ss a\")}\n | \n \n )}\n
| \n {t(\"Pickup Time\")}:{\" \"}\n {moment(\n order?.logisticPartnerMetadata?.TALABAT\n ?.orderCallbackResponse?.timeline?.estimated_pickup_time\n ).format(\"MMMM Do YYYY, h:mm:ss a\")}\n | \n
\n \n
\n );\n};\n\nexport default CancelOrder;\n","import React, { useState } from \"react\";\nimport { Tabs, Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport DeliveryPartner from \"./DeliveryPartner\";\nimport CheckDeliveryFee from \"./CheckDeliveryFee\";\nimport Table from \"./Table\";\nimport CancelOrder from \"./CancelOrder\";\nconst { TabPane } = Tabs;\nconst DeliveryService = ({ order, getOrderInfoById, setOpen }) => {\n const { t } = useTranslation();\n const [loading, setLoading] = useState(false);\n const callback = (key) => {};\n return (\n \n \n {t(\"Cancel Order To TALABAT\")}\n \n
\n \n \n \n
\n );\n};\n\nexport default DeliveryService;\n","import React from \"react\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport Modal from \"components/Modal\";\nimport DeliveryService from \"./DeliveryService\";\nconst TalabatComponent = ({\n order,\n getOrderInfoById,\n orderShared,\n checkIfDeliverySelected,\n open,\n setOpen,\n}) => {\n const { t } = useTranslation();\n const isSelected = UTILS.getSelectedDelivery(order);\n return (\n <>\n \n setOpen(false)} className=\"cursor-pointer\">\n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n );\n };\n\n return (\n <>\n \n {` ${t(\"You are delivering using\")}\n ${deliveryType}\n ${t(\"service, are you sure to change the service?\")}`}\n
\n\n \n {t(\"YES\")}\n \n \n {t(\"NO\")}\n \n
\n \n onChangeVehicelType(e.target.value)}\n value={selectedvehicleType}\n >\n {options?.map((option) => (\n \n {t(option.label)}\n \n ))}\n \n
\n );\n };\n\n /* onchange for changing thermal bag Needed */\n const onChangeisThermalBagNeeded = (e) => {\n reduxDispatch(LogisticAction.setThermalBag(e.target.value));\n };\n\n const CreateClaim = () => {\n return (\n \n {t(\"select vehicle type\")}\n
\n\n {/* Show vehicle type picker and thermal bag option if there are vehicle types available */}\n <>\n {showButtons?.createClaim && options?.length >= 1 ? (\n <>\n \n {t(\"Fetch YANGO drivers\")}\n \n )}\n\n {/* Show create claim button if a vehicle type has been selected */}\n
\n );\n };\n return (\n \n \n \n {t(\"Yes\")}\n \n \n {t(\"No\")}\n \n \n
\n \n ) : null}\n {!props.loading && showBtn && (\n \n {t(\"Is a thermal bag needed\")}\n
\n\n <>\n {showButtons?.createClaim ? (\n \n {t(\"Send order request\")}\n \n ) : (\n {}}\n className=\"w-56 my-2 rounded-md font-semibold\"\n >\n {t(\"Send order request\")}\n \n )}\n \n
\n \n \n
\n \n \n {t(\n \"Order is NOT confirmed by YANGO, please retry order confirmation\"\n )}\n
\n\n
\n \n {\n setOpen(false);\n }}\n className=\"px-6 rounded-md font-semibold\"\n >\n {t(\"Cancel\")}\n \n
\n \n {claimInfo ? (\n \n
\n ) : null}\n
\n | {t(\"status\")} | \n\n {claimInfo?.status} \n | \n |
| \n {t(\"Rider Info\")}\n | \n )}\n{key} | \n\n {claimInfo?.performer_info[key]} \n | \n
| \n {t(\"Driver Phone Number\")}\n | \n\n {type === true ? null : (\n \n )}\n {riderInfo?.phone}\n | \n
\n
\n );\n } else if (order?.logisticPartnerMetadata?.YANDEX?.cancelClaimInfo) {\n return (\n \n \n
\n \n
\n );\n }\n\n return null;\n};\n\nexport default CancelOrder;\n","import React from \"react\";\nimport { Tabs, Spin } from \"antd\";\nimport { useSelector } from \"react-redux\";\nconst ModalTabs = ({ children, setOpen, handleTabChange, loading = false }) => {\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n return (\n {t(\"Order Has been Cancelled Already\")}
\n \n \n \n
\n );\n};\n\nexport default ModalTabs;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction YangoSupport() {\n const { t } = useTranslation();\n const { orderInfo } = useSelector((state) => state?.LogisticReducer);\n\n if (!orderInfo?.logisticPartnerMetadata?.YANDEX?.createClaimResponse?.id)\n return (\n \n setOpen()} className=\"cursor-pointer\">\n \n \n
\n \n \n {children}\n \n
\n \n {t(\"Order is not yet assigned to Yango\")}\n
\n );\n return (\n\n \n <>\n
\n
\n );\n}\n\nexport default YangoSupport;\n","import React from \"react\";\nimport { Tabs } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport CreateClaim from \"./CreateClaim\";\nimport ClaimInfo from \"./ClaimInfo\";\nimport CancelClaim from \"./CancelClaim\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n useGetYandexClaimInfoMutation,\n useCancelYandexClaimMutation,\n useGetOrderInfoByIdMutation,\n useGetYandexDeliveryMethodsMutation,\n} from \"redux/Logistic/LogisticService\";\nimport { UTILS } from \"utils\";\nimport { isValidValue } from \"utils/Utils\";\nimport { CONSTANTS as C } from \"config\";\nimport { LogisticAction } from \"redux/actions\";\nimport { ErrorAction } from \"redux/actions\";\nimport ModalTabs from \"logistic-integrations/components/Tabs\";\nimport YangoSupport from \"./YangoSupport\";\nconst { TabPane } = Tabs;\nconst DeliveryService = (props) => {\n const { setOpen, order, showButtons, fetchOrderDetails, setShowButtons } =\n props;\n const dispatch = useDispatch();\n const { t } = useTranslation();\n const [loading, setLoading] = React.useState(false);\n const { orderInfo } = useSelector((state) => state?.LogisticReducer);\n const [cancelYandexClaim] = useCancelYandexClaimMutation();\n const [getYandexClaimInfo] = useGetYandexClaimInfoMutation();\n const [getOrderInfoById] = useGetOrderInfoByIdMutation();\n const [getYandexDeliveryMethods] = useGetYandexDeliveryMethodsMutation();\n\n /*handle tab chnge */\n const handleTabChange = (key) => {\n fetchOrderDetails();\n if (\n key === \"3\" &&\n isValidValue(\n orderInfo?.logisticPartnerMetadata?.YANDEX?.createClaimResponse?.id\n )\n ) {\n getyandexOrderInfo();\n }\n if (key === \"1\") {\n getAllDeliveryMethods();\n }\n };\n\n /*It fetches the yandex claim info.*/\n const getyandexOrderInfo = async () => {\n const userDetail = UTILS.getCurrentUser();\n let obj = {\n brandId: userDetail.brandId,\n orderId: order._id,\n };\n const isValid = UTILS.ValidateParams(obj);\n if (isValid) {\n await getYandexClaimInfo(obj);\n } else {\n dispatch(LogisticAction.setClaimInfo(null));\n dispatch(\n ErrorAction.setError(\"Something went wrong while fetching claim info\")\n );\n }\n };\n\n /*It cancels the order.*/\n const cancelOrder = async () => {\n const userDetail = UTILS.getCurrentUser();\n let obj = {\n brandId: userDetail.brandId,\n orderId: order._id,\n deliveryType: C.YANDEX.EXPRESS_DELIVERY_TYPE,\n };\n const isValid = UTILS.ValidateParams(obj);\n if (isValid) {\n const { data } = await cancelYandexClaim(obj);\n if (data?.data?.logisticPartnerMetadata?.YANDEX) {\n let isCancelled = isValidValue(\n data?.data?.logisticPartnerMetadata?.YANDEX?.createClaimResponse?.id\n );\n dispatch(LogisticAction.setSyncData());\n setShowButtons((prevState) => ({\n ...prevState,\n cancelClaim: !isCancelled,\n sync: !showButtons.sync,\n }));\n }\n } else {\n UTILS.handleErrorNotification(t(\"Something went wrong\"));\n }\n fetchOrderDetails();\n };\n\n const getAllDeliveryMethods = async () => {\n const userDetail = UTILS.getCurrentUser();\n let obj = {\n brandId: userDetail.brandId,\n orderId: order?._id,\n };\n if (obj?.brandId && obj?.orderId) {\n await getYandexDeliveryMethods(obj);\n await getOrderInfoById(obj);\n }\n };\n\n return (\n | \n {t(\"Whatsapp Number\")}\n | \n\n | \n
| \n {t(\"Yango Order Number\")}\n | \n
\n {error}\n
\n )}\n \n <>\n
\n \n {allowSendOrderToCareem() ? (\n \n {t(\"Send order to Careem\")}\n \n ) : (\n
\n \n \n \n {t(\n \"Your order has been sent to Careem for delivery. Please check the ORDER DETAIL tab for Rider details\"\n )}\n \n
\n )}\n \n \n {careemOrder ? (\n <>\n
\n
\n );\n};\n\nexport default ClaimInfo;\n","import { Button } from \"antd\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport ClaimInfoTable from \"./ClaimInfoTable\";\nconst ClaimInfo = (props) => {\n let { careemOrder } = props;\n const { t } = useTranslation();\n\n return (\n | {t(\"status\")} | \n\n {careemOrder?.status} \n | \n
| \n {t(\"Tracking Url\")}\n | \n\n \n \n | \n
| \n Captain\n | \n\n \n Name:\n \n {careemOrder?.captain?.name} \n | \n
| \n | \n \n Phone:\n \n {careemOrder?.captain?.phone_number} \n | \n
\n
\n );\n};\n\nexport default ClaimInfo;\n","import React from \"react\";\nimport { Button } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport { isValidValue } from \"utils/Utils\";\nconst CancelOrder = ({ cancelCareemORder, careemOrder }) => {\n const { t } = useTranslation();\n const { orderInfo } = useSelector((state) => state?.LogisticReducer);\n\n if (\n isValidValue(\n orderInfo?.logisticPartnerMetadata?.CAREEM_NOW?.createDeliveryResponse?.id\n )\n ) {\n return (\n \n \n {t(\"Refresh for latest info\")}\n \n
\n \n
\n );\n } else if (careemOrder?.status === \"CANCELLED\") {\n return (\n \n \n
\n \n
\n );\n }\n\n return (\n {t(\"Order Has been Cancelled Already\")}
\n \n
\n );\n};\n\nexport default CancelOrder;\n","import React from \"react\";\nimport { UTILS } from \"utils\";\n\nimport { useTranslation } from \"react-i18next\";\n\nfunction Support({ orderNo, phone, heading, heading2 }) {\n const { t } = useTranslation();\n return (\n \n {t(\n \"You haven’t sent your order to Careem delivery yet, you can send it by clicking SEND ORDER tab\"\n )}\n
\n \n \n <>\n {phone && (\n
\n
\n );\n}\n\nexport default Support;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport Support from \"logistic-integrations/components/Support\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction CareemSupport() {\n const { orderInfo } = useSelector((state) => state?.LogisticReducer);\n const { t } = useTranslation();\n return (\n | {heading2} | \n
| {heading} | \n
\n {error}\n
\n )}\n {children}\n \n \n
\n \n {allowSendOrderToDZ() ? (\n \n {t(\"Send order to delivery zone\")}\n \n ) : (\n
\n \n \n {t(\n \"Your order has been sent to delivery zone for delivery. Please check the ORDER DETAIL tab for Rider details\"\n )}\n \n
\n )}\n \n \n {DZOrder && (\n <>\n {renderRow(\"Order Status\", DZOrder.status?.toUpperCase())}\n {DZOrder?.rider_name && (\n
\n
\n );\n};\n\nexport default ClaimInfo;\n","import { Button } from \"antd\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport ClaimInfoTable from \"./ClaimInfoTable\";\nconst ClaimInfo = ({ fetchLatestClaimInfo, DZOrder }) => {\n const { t } = useTranslation();\n\n return (\n | \n {t(\"Rider Phone Number\")}\n | \n\n {DZOrder.rider_phone_number}\n | \n
\n
\n );\n};\n\nexport default ClaimInfo;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport Support from \"logistic-integrations/components/Support\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction CareemSupport() {\n const { t } = useTranslation();\n const { orderInfo } = useSelector((state) => state?.LogisticReducer);\n return (\n \n \n
\n \n
\n \n {isAllowedToSend() ? (\n \n {t(\"Send order to LYVE GLOBAL\")}\n \n ) : (\n
\n \n \n {t(\n \"Your order has been sent to LYVE GLOBAL for delivery. Please check the ORDER DETAIL tab for Rider details\"\n )}\n \n
\n )}\n \n \n {lyveGlobalOrderInfo && (\n <>\n {lyveGlobalOrderInfo?.order_status &&\n renderRow(\"Order Status\", lyveGlobalOrderInfo?.order_status)}\n {lyveGlobalOrderInfo?.driver &&\n renderRow(\"Rider Name\", lyveGlobalOrderInfo?.driver)}\n {lyveGlobalOrderInfo?.driver_phone &&\n renderRow(\n \"Rider Phone Number\",\n lyveGlobalOrderInfo?.driver_phone\n )}\n {lyveGlobalOrderInfo?.driver_id &&\n renderRow(\"Rider Id\", lyveGlobalOrderInfo?.driver_id)}\n \n )}\n
\n
\n );\n};\n\nexport default ClaimInfo;\n","import { Button } from \"antd\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport ClaimInfoTable from \"../components/ClaimInfoTable\";\nconst ClaimInfo = ({ fetchLatestClaimInfo, lyveGlobalOrderInfo }) => {\n const { t } = useTranslation();\n\n return (\n \n
\n );\n};\n\nexport default ClaimInfo;\n","import React, { Fragment } from \"react\";\nimport { Button } from \"antd\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { LoaderAction } from \"redux/actions\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { logErrorOnSentry } from \"utils/Utils\";\nimport { useCancelLyveGlobalOrderMutation } from \"../service\";\n\nconst ORDER_STATUSES = [\n \"ASSIGN\",\n \"ASSIGNED\",\n \"UNASSIGNED\",\n \"PICK UP\",\n \"IN_PROGRESS\",\n]; //order cancelled in these cases\n\nconst canOrderBeCancelled = (order) => {\n const deliveryStatus =\n order?.logisticPartnerMetadata?.LYVE_GLOBAL?.deliveryStatus;\n if (!deliveryStatus) return false;\n // Order can be cancelled if the delivery status is in ORDER_STATUSES\n return ORDER_STATUSES.includes(deliveryStatus);\n};\n\nconst CancelORder = ({ fetchOrderDetailsByID }) => {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const [cancelLyveGlobalOrder] = useCancelLyveGlobalOrderMutation();\n const { orderInfo } = useSelector((state) => state?.LogisticReducer);\n\n const cancelOrder = async () => {\n try {\n if (!orderInfo?._id) {\n UTILS.errorNotification(t(\"Invalid Order ID. Please try again.\"));\n logErrorOnSentry(\n \"Invalid Order ID. Please try again--Lyve global create Order\",\n \"error\",\n JSON.stringify(orderInfo)\n );\n return;\n }\n dispatch(LoaderAction.setLoading(true));\n const result = await cancelLyveGlobalOrder({\n orderId: orderInfo._id,\n cancelReason: \"testing\",\n });\n console.log({ cancelLyveGlobalOrder: result });\n\n if (result?.data?.success === 1) {\n UTILS.successNotification(result?.data?.message);\n } else {\n UTILS.errorNotification(errorHandler(result?.data?.message));\n }\n } catch (error) {\n UTILS.handleErrorNotification(errorHandler(error?.error));\n } finally {\n await new Promise((resolve) => setTimeout(resolve, 100));\n dispatch(LoaderAction.setLoading(false));\n await fetchOrderDetailsByID();\n }\n };\n\n const isCancellable = canOrderBeCancelled(orderInfo);\n\n return (\n \n \n
\n \n
\n \n {isCancellable ? (\n \n {t(\"Cancel Order from LYVE GLOBAL\")}\n \n ) : (\n
\n \n \n {t(\n \"Your order is not cancellable at the moment. Please check the ORDER DETAIL tab for more details.\"\n )}\n \n
\n )}\n \n
\n );\n};\n\nexport default LogisticModalSelector;\n","import React, { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { LogisticAction } from \"redux/actions\";\nimport OrderButton from \"./components/Button\";\nimport Modal from \"components/Modal\";\nimport Yandex from \"./yandex/Yandex\";\nimport CareemNOW from \"./careem-now/CareemNow\";\nimport DeliveryZone from \"./delivery-zone/DeliveryZone\";\nimport LyveGlobal from \"./lyve-global/index\";\nimport { LoaderAction } from \"redux/actions\";\nimport { UTILS } from \"utils\";\nimport {\n useGetOrderInfoByIdMutation,\n useGetYandexDeliveryMethodsMutation,\n} from \"redux/Logistic/LogisticService\";\nimport { API } from \"api\";\nimport { logToSentry } from \"utils/Utils\";\nimport { ErrorAction } from \"redux/actions\";\nimport { INTEGRATION_NAMES } from \"./constants\";\nimport LogisticModalSelector from \"./LogisticModalSelector\";\nimport { useLogisticContext } from \"./context\";\nfunction SelectedLogistics() {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const { logisticState, updateState } = useLogisticContext();\n\n const [openType, setopenType] = useState(null);\n const [selectedDelivery, setSelectedDelivery] = useState(null);\n const [selectedIntegration, setSelectedIntegration] = useState(null);\n const { changeDeliveryModal, orderInfo: order } = useSelector(\n (state) => state.LogisticReducer\n );\n const [getOrderInfoById] = useGetOrderInfoByIdMutation();\n const [getYandexDeliveryMethods] = useGetYandexDeliveryMethodsMutation();\n\n /**\n * It checks if the order has an active integration with the name passed in the parameter.\n * @param name - The name of the integration.\n * @returns isIntegrationDialogOpen\n */\n\n const isInterated = (name) => {\n let isIntegrationDialogOpen = false;\n if (order && UTILS.isValidObject([\"activeIntegrations\"], order)) {\n if (Array.isArray(order.activeIntegrations)) {\n for (let index = 0; index < order?.activeIntegrations.length; index++) {\n const element = order?.activeIntegrations[index];\n if (\n element?.name === name &&\n element?.category === \"LOGISTIC\" &&\n element?.isActive === true\n ) {\n isIntegrationDialogOpen = true;\n }\n }\n }\n }\n return isIntegrationDialogOpen;\n };\n\n const isSelected = (odr) => {\n const selectedDelivery = UTILS.getSelectedDelivery(odr);\n setSelectedIntegration(selectedDelivery);\n return selectedDelivery;\n };\n useEffect(() => {\n setSelectedIntegration(isSelected(order));\n }, [order]);\n\n function shouldRenderYandexButton(order) {\n return order && isInterated(INTEGRATION_NAMES.YANDEX);\n }\n const getAllDeliveryMethods = async () => {\n const userDetail = UTILS.getCurrentUser();\n let obj = {\n brandId: userDetail.brandId,\n orderId: order?._id,\n };\n if (obj?.brandId && obj?.orderId) {\n await getYandexDeliveryMethods(obj);\n }\n };\n\n const checkIfDeliverySelected = (deliveryType) => {\n // Get the currently selected delivery type\n // If no delivery type has been selected\n if (selectedIntegration === INTEGRATION_NAMES.STORE) {\n // Check which delivery type the user wants to use\n if (deliveryType === INTEGRATION_NAMES.TALABAT) {\n // setTalabat(true);\n } else if (deliveryType === INTEGRATION_NAMES.MARSOOL) {\n sendToMursool();\n } else if (deliveryType === INTEGRATION_NAMES.YANDEX) {\n dispatch(LogisticAction.setSyncData());\n dispatch(LogisticAction.toggleYandexModal(true));\n getAllDeliveryMethods();\n } else if (deliveryType === INTEGRATION_NAMES.CAREEM_NOW) {\n dispatch(LogisticAction.toggleCareemModal(true));\n } else if (deliveryType === INTEGRATION_NAMES.DELIVERY_ZONE) {\n dispatch(LogisticAction.toggleDeliverZoneModal(true));\n } else if (deliveryType === INTEGRATION_NAMES.LYVE_GLOBAL) {\n updateState(\"islyveGlobalModalOpen\", true);\n } else {\n logToSentry(\"User wants to use an unknown logistic type.\");\n }\n }\n\n // If the user wants to check information about the selected delivery type\n if (\n selectedIntegration !== INTEGRATION_NAMES.STORE &&\n selectedIntegration === deliveryType\n ) {\n // Check which delivery type the user wants to view information about\n if (deliveryType === INTEGRATION_NAMES.TALABAT) {\n // setTalabat(true);\n } else if (deliveryType === INTEGRATION_NAMES.MARSOOL) {\n } else if (deliveryType === INTEGRATION_NAMES.YANDEX) {\n dispatch(LogisticAction.setSyncData());\n dispatch(LogisticAction.toggleYandexModal(true));\n getAllDeliveryMethods();\n } else if (deliveryType === INTEGRATION_NAMES.CAREEM_NOW) {\n dispatch(LogisticAction.toggleCareemModal(true));\n } else if (deliveryType === INTEGRATION_NAMES.DELIVERY_ZONE) {\n dispatch(LogisticAction.toggleDeliverZoneModal(true));\n } else if (deliveryType === INTEGRATION_NAMES.LYVE_GLOBAL) {\n updateState(\"islyveGlobalModalOpen\", true);\n } else {\n logToSentry(\n \"User wants to view information about an unknown logistic type.\"\n );\n }\n }\n\n // If the user wants to change the delivery type\n if (\n selectedIntegration !== INTEGRATION_NAMES.STORE &&\n selectedIntegration !== deliveryType\n ) {\n setSelectedDelivery(selectedDelivery);\n dispatch(LogisticAction.toggleDeliveryModal(true));\n if (deliveryType === INTEGRATION_NAMES.TALABAT) {\n setopenType(INTEGRATION_NAMES.TALABAT);\n } else if (deliveryType === INTEGRATION_NAMES.MARSOOL) {\n setopenType(INTEGRATION_NAMES.MARSOOL);\n } else if (deliveryType === INTEGRATION_NAMES.YANDEX) {\n dispatch(LogisticAction.setSyncData());\n setopenType(INTEGRATION_NAMES.YANDEX);\n getAllDeliveryMethods();\n } else if (deliveryType === INTEGRATION_NAMES.CAREEM_NOW) {\n setopenType(INTEGRATION_NAMES.CAREEM_NOW);\n } else if (deliveryType === INTEGRATION_NAMES.DELIVERY_ZONE) {\n setopenType(INTEGRATION_NAMES.DELIVERY_ZONE);\n } else if (deliveryType === INTEGRATION_NAMES.LYVE_GLOBAL) {\n setopenType(INTEGRATION_NAMES.LYVE_GLOBAL);\n } else {\n logToSentry(\"User wants to change to an unknown logistic type.\");\n }\n }\n };\n\n /**\n * A function that is called when the user presses the \"Yes\" or \"No\" button.\n */\n // const OrderDeliveryCheckModal = () => {\n // isSelected(order);\n\n // const pressYes = () => {\n // if (openType === INTEGRATION_NAMES.YANDEX) {\n // dispatch(LogisticAction.toggleYandexModal(true));\n // } else if (openType === INTEGRATION_NAMES.TALABAT) {\n // // setTalabat(true);\n // } else if (openType === INTEGRATION_NAMES.MARSOOL) {\n // sendToMursool();\n // } else if (openType === INTEGRATION_NAMES.CAREEM_NOW) {\n // dispatch(LogisticAction.toggleCareemModal(true));\n // } else if (openType === INTEGRATION_NAMES.DELIVERY_ZONE) {\n // dispatch(LogisticAction.toggleDeliverZoneModal(true));\n // } else {\n // logToSentry(\"User wants to change to an unknown logistic type. 166\");\n // }\n // dispatch(LogisticAction.toggleDeliveryModal(false));\n // };\n // const pressNo = () => {\n // dispatch(LogisticAction.toggleDeliveryModal(false));\n // };\n // return (\n // \n {`${t(\"You are delivering using\")} ${selectedIntegration} ${t(\n \"service, are you sure to change the service?\"\n )}`}\n
\n\n \n {t(\"YES\")}\n \n \n {t(\"NO\")}\n \n
\n \n //
\n // );\n // };\n\n const MarsoolComponent = () => {\n return (\n \n // {` ${t(\"You are delivering using\")}\n // ${selectedIntegration}\n // ${t(\"service, are you sure to change the service?\")}`}\n //
\n //\n // \n // {t(\"YES\")}\n // \n // \n // {t(\"NO\")}\n // \n //
\n // \n {\n setPaymentGatewayInfoModal(false);\n }}\n modalWidth=\"rounded-md border border-gray-300 top-0 w-full md:w-2/3\"\n >\n \n \n
\n
\n \n \n {\n setPaymentGatewayInfoModal(false);\n }}\n >\n \n \n \n
\n | \n {t(\"Payment Gateway Id\")}\n | \n\n {orderInfo?.orderCheckoutOnlinePaymentMetadata?.data\n ?.cartId ?? \"N/A\"}\n\n | \n
\n {\n setOpen(true);\n }}\n >\n {title}\n \n
\n \n );\n\n switch (status) {\n case REFUND_STATUS.COMPLETE:\n return {t(\"Refund Details\")}
\n \n \n {rowData?.refund?.amount >= 0 ? (\n
\n
\n \n\n \n setOpen(false)} className=\"cursor-pointer\">\n \n \n
\n | \n {t(\"Refunded Amount\")}\n | \n\n {rowData.refund?.amount} {t(\"AED\")}\n | \n
| \n {t(\"Refund Reason\")}\n | \n\n {rowData.refund?.reason}\n | \n
| \n {t(\"Refund Status\")}\n | \n\n {rowData?.refund?.status}\n | \n
| \n {t(\"Refund Request Date\")}\n | \n\n {moment\n .unix(rowData?.refund?.stripeResponse?.created)\n .format(\"DD/MM/yyyy hh:mm A\")}\n | \n
\n {order.orderNumber ? t(\"Order #\") + order?.orderNumber : \"...\"}\n
\n\n {order.orderPlacedTime\n ? moment.unix(order?.orderPlacedTime).fromNow()\n : \"...\"}\n
\n\n {\n getOrderInfoById(orderId);\n }}\n >\n handlePrint()}\n >\n
\n \n );\n };\n\n const isInterated = (name) => {\n let isIntegrationDialogOpen = false;\n if (order && UTILS.isValidObject([\"activeIntegrations\"], order)) {\n if (Array.isArray(order.activeIntegrations)) {\n for (let index = 0; index < order?.activeIntegrations.length; index++) {\n const element = order?.activeIntegrations[index];\n if (\n element?.name === name &&\n element?.category === \"LOGISTIC\" &&\n element?.isActive === true\n ) {\n isIntegrationDialogOpen = true;\n }\n }\n }\n }\n return isIntegrationDialogOpen;\n };\n\n const getDeliveryAddress = () => {\n let add = \"\";\n add += order?.deliveryAddress ? order?.deliveryAddress?.address : \"....\";\n add +=\n order?.deliveryAddress?.building ||\n order?.deliveryAddress?.floor ||\n order?.deliveryAddress?.appartmentNo\n ? \"(\"\n : \"\";\n\n add += order?.deliveryAddress?.building\n ? t(\"Building\") + order?.deliveryAddress?.building + \",\"\n : \"\";\n\n add += order?.deliveryAddress?.floor\n ? t(\"Floor\") + order?.deliveryAddress?.floor + \",\"\n : \"\";\n add += order?.deliveryAddress?.appartmentNo\n ? t(\"Apartment No\") + order?.deliveryAddress?.appartmentNo\n : \"\";\n add +=\n order?.deliveryAddress?.building ||\n order?.deliveryAddress?.floor ||\n order?.deliveryAddress?.appartmentNo\n ? \")\"\n : \"\";\n return add;\n };\n\n const getGoogleMapLink = () => {\n let gLink = \"https://maps.google.com/?q=\";\n gLink += order?.deliveryAddress?.street\n ? order?.deliveryAddress?.street\n : \"\";\n return gLink;\n };\n\n //delivery type can be TAblat,mursool,\n // if logistic partner is Store it means no logistic partner has not yet been selected\n //\n const checkIfDeliverySelected = (deliveryType, cb) => {\n const isSelected = UTILS.getSelectedDelivery(order); //get delivery type\n\n // Earlier logistic partner selected\n // selected is !== clicked\n // cliked is not talabat\n if (\n isSelected !== C.STORE &&\n isSelected !== deliveryType &&\n deliveryType !== C.TALABAT\n ) {\n setOpen(true); //open chnge delivery model\n setChanged({\n //call the cb function\n fun: cb,\n type: C.OTHER,\n });\n }\n\n // Earlier logistic partner selected\n // selected is !== clicked\n // cliked not talabat\n else if (\n isSelected !== C.STORE &&\n isSelected !== deliveryType &&\n deliveryType === C.TALABAT\n ) {\n setOpen(true); //open model and open talabat model\n setChanged({\n //open talabat model\n fun: cb,\n type: C.TALABAT,\n });\n }\n\n // logistic partner selected\n // open talabat for showing detail\n else if (isSelected !== C.STORE && deliveryType === C.TALABAT) {\n setTalabat(true); //open talabat\n }\n // No Logistic Partner is selected\n else {\n // clicked is Talabat open talabat model\n if (isSelected === C.STORE && deliveryType === C.TALABAT) {\n cb(true); //\n }\n // cicked is other than talabat ,call that function\n if (isSelected === C.STORE && deliveryType !== C.TALABAT) {\n cb();\n }\n }\n getOrderInfoById(order._id);\n };\n\n function shouldRenderTalabatComponent(order) {\n return order && isInterated(\"TALABAT\");\n }\n\n return (\n \n {t(order.orderStatus ? order?.orderStatus : \"...\")}\n
\n\n \n \n \n
\n\n \n {order?.userInfo?.name && (\n UTILS.openWhatsApp(order.userInfo.phoneNumber)}\n >\n
\n )}\n\n {order?.orderType?.type === C.SERVICE_TYPES.DINEIN ? (\n \n
\n )}\n {t(\"Customer Name\")}
\n\n {order?.userInfo?.name}
\n \n
\n {t(\"Preparation Type\")}
\n\n \n {order.isPreOrder ? t(\"PRE ORDER\") : t(\"ASAP\")}\n
\n \n
\n {t(\"Order Type\")}
\n\n \n {order.orderType\n ? currentLanguage === \"EN\"\n ? order.orderType.EN.name\n : order.orderType.AR.name\n : \"...\"}\n
\n \n
\n\n {/* {t(\"Store\")}
\n\n \n {order.storeInfo ? order.storeInfo.baseLanguage.name : \"...\"}\n
\n */}\n
\n\n \n
\n {t(\"Order Placed Time\")}
\n\n \n {order.orderPlacedTime\n ? moment\n .unix(order.orderPlacedTime)\n .format(\"DD-MM-Y hh:mm A\")\n : \"...\"}\n
\n \n
\n {/* {t(\"Order Id\")}
\n\n \n {order?.orderNumber ? order?.orderNumber : \"...\"}\n
\n */}\n {order?.orderType?.type === \"DELIVERY\" ? (\n
\n ) : null}\n\n {Boolean(\n order?.refund?.status === \"FAILED\" && tabStatus === \"REFUND\"\n ) && \n \n window.open(getGoogleMapLink(), \"_blank\").focus()\n }\n >\n {order?.deliveryAddress?.street\n ? order?.deliveryAddress?.street\n : \"\"}\n
\n {t(\"Street Address\")}
\n {t(\"Whatsapp Number\")}
\n \n \n {order.userInfo ? order.userInfo.phoneNumber : \"....\"}\n \n
\n \n
\n ) : null}\n {order?.orderType?.type === C.SERVICE_TYPES.PICKUP &&\n order?.pickup?.vehicleInfo && (\n {t(\"Selected Table\")}
\n \n \n {order?.dineIn?.tableNumber\n ? order?.dineIn?.tableNumber\n : \"....\"}\n \n
\n \n
\n )}\n {/* {t(\"Vehicle Info\")}
\n \n \n {order?.pickup?.vehicleInfo\n ? order?.pickup?.vehicleInfo\n : \"....\"}\n \n
\n */}\n {console.log(\"order?.selectedPaymentMethod?.EN?.name\", order)}\n
\n \n \n \n {order.selectedPaymentMethod\n ? currentLanguage === \"EN\"\n ? order.selectedPaymentMethod.EN.name\n : order.selectedPaymentMethod.AR.name\n : \"...\"}\n
\n \n {t(\"Payment\")}
\n\n \n
\n {/* \n\n {t(\"Order From\")}
\n \n {order.orderingPlatform ? order.orderingPlatform : \"....\"}\n
\n */}\n {order?.orderType?.type === \"DELIVERY\" ? (\n
\n\n \n
\n ) : null}\n\n {order?.userInfo?.lifetimeSpending ? (\n {t(\"Full Address\")}
\n \n {getDeliveryAddress()}\n
\n \n
\n ) : null}\n {/* display careem rider status */}\n {\n order.logisticPartner === \"CAREEM_NOW\" &&\n {t(\"Lifetime Spending\")}
\n \n AED \n {parseFloat(order?.userInfo?.lifetimeSpending)?.toFixed(2)}\n
\n \n
\n }\n\n {/* {t(\"Delivery Status\")}
\n \n
\n \n
*/}\n {/* {t(\"Selected Area\")}
\n \n {order.selectedArea\n ? language.current === \"en\"\n ? order.selectedArea.areaNameEN\n : order.selectedArea.areaNameAR\n : \"...\"}\n
\n */}\n\n {order?.isPreOrder ? (\n
\n\n {/* special request */}\n {order?.orderLevelSpecialRequest?.trim()?.length > 0 ? (\n \n
\n ) : null}\n\n {order && order?.discountApplied && (\n \n {order?.orderType?.type === C.SERVICE_TYPES.DELIVERY\n ? t(\"Pre Order Delivery Slot\")\n : t(\"Pre Order Pickup Slot\")}\n
\n \n
\n \n Date :{\" \"}\n {moment\n .unix(order?.preOrder?.preOrderSlotStartTime)\n .format(\"DD-MM-YYYY\")}\n
\n {t(\"Slot\")} :{\" \"}\n {moment\n .unix(order?.preOrder?.preOrderSlotStartTime)\n .format(\"hh:mm A\")}{\" \"}\n -{\" \"}\n {moment\n .unix(order?.preOrder?.preOrderSlotEndTime)\n .format(\"hh:mm A\")}\n \n
\n )}\n {t(\"Discount Info\")}
\n \n {t(\"Type\")} (\n {order?.discountApplied\n ? t(order?.discountApplied?.discountType)\n : \"\"}\n ) - {t(\"Code\")} (\n {order?.discountApplied\n ? order?.discountApplied?.discountCode\n : \"\"}\n )\n
\n \n
\n ) : null}\n\n \n
\n {t(\"Special Note\")}
\n \n {order?.orderLevelSpecialRequest\n ? order?.orderLevelSpecialRequest\n : \"\"}\n
\n \n {/* {shouldRenderMarsoolComponent(order) &&
\n \n
\n \n );\n};\nexport default Order;\nOrder.propTypes = {\n color: PropTypes.string,\n status: PropTypes.string,\n order: PropTypes.object,\n handoleOrderId: PropTypes.func,\n};\n","import React from \"react\";\nimport { Button, Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nconst RefundNotRequiredConfirmation = ({\n closeModal,\n onSubmit,\n loading,\n order,\n}) => {\n const { t } = useTranslation();\n return (\n {\"#: \" + props?.order?.orderNumber}
\n \n \n {props?.order?.orderingPlatform + \", \"}\n \n {moment.unix(props?.order?.orderPlacedTime).fromNow()}\n
\n \n
\n \n
\n \n
\n \n
\n {t(\"Confirmation\")}
\n\n {t(\"Order\")} #{order?.orderNumber}\n
\n\n {t(\"Are you sure you want to mark Order as nonrefundable\", {\n orderNumber: order?.orderNumber,\n })}\n
\n \n \n {t(\"No\")}\n \n \n {t(\"Yes\")}\n \n
\n \n
\n );\n };\n\n const setOrderNotRefundable = async () => {\n setRefundNotRequiredInfo({\n ...refundNotRequiredInfo,\n loading: true,\n });\n const obj = {\n orderId: currentOrderId,\n brandId: order?.brandId,\n };\n const result = await API.SET_ORDER_NOT_REFUNDABLE(obj);\n if (result?.success === 1) UTILS.successNotification(t(\"Order Updated!\"));\n else UTILS.errorNotification(t(\"Please try again later!\"));\n getOrdersByStatus();\n setRefundNotRequiredInfo({\n ...refundNotRequiredInfo,\n loading: false,\n visible: false,\n });\n refundableMutate(\"order/get-refundable-orders-count\", {\n revalidate: true,\n });\n };\n\n const submitRefundOrder = async ({ amount, reason }) => {\n setRefundForm({\n ...refundForm,\n loading: true,\n });\n const obj = {\n orderId: currentOrderId,\n amount,\n reason,\n brandId: order?.brandId,\n };\n const result = await API.REFUND_ORDER(obj);\n if (result?.success === 1)\n UTILS.successNotification(result?.message || t(\"Refund Requested\"));\n else\n UTILS.errorNotification(result?.message || t(\"Please try again Later\"));\n getOrdersByStatus();\n props.setLoading(false);\n setRefundForm({\n ...refundForm,\n loading: false,\n visible: false,\n });\n refundableMutate(\"order/get-refundable-orders-count\", {\n revalidate: true,\n });\n };\n\n const onSearch = (e) => setSearch(e?.target?.value);\n\n const PreparingFooter = () => {\n return (\n \n
\n {t(\"There are no Orders\")}
\n {props.tabStatus === \"PENDING\" ? (\n\n \n order?.isPreOrder\n ? onSubmit(\"SCHEDULED\", null)\n : onSubmit(\"PREPARING\", null)\n }\n >\n {order?.isPreOrder ? t(\"Schedule\") : t(\"Accept\")}\n \n {\n setRejectReason((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n Modal: true,\n type: \"REJECTED\",\n },\n }));\n }}\n >\n {t(\"Reject\")}\n \n
\n );\n };\n\n const OnTheWayFooter = () => {\n return (\n \n onSubmit(\"ON_THE_WAY\", null)}\n >\n {t(\"On The Way / Ready\")}\n \n {\n setRejectReason((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n Modal: true,\n type: \"CANCELLED\",\n },\n }));\n }}\n >\n {t(\"Cancel\")}\n \n
\n );\n };\n\n const CompleteOrderFooter = () => {\n return (\n \n onSubmit(\"COMPLETE\", null)}\n >\n {t(\"COMPLETE\")}\n \n {\n setRejectReason((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n Modal: true,\n type: \"CANCELLED\",\n },\n }));\n }}\n >\n {t(\"Cancel\")}\n \n
\n );\n };\n const RefundsFooter = () => {\n return (\n \n \n setRefundNotRequiredInfo({\n ...refundNotRequiredInfo,\n visible: true,\n })\n }\n >\n {t(\"No need for refund\")}\n \n {\n setRefundForm({\n visible: true,\n loading: false,\n });\n }}\n >\n {t(\"Refund\")}\n \n
\n );\n };\n\n const ScheduleFooter = () => {\n return (\n \n onSubmit(\"PREPARING\", null)}\n >\n {t(\"Start Preparing\")}\n \n {\n setRejectReason((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n Modal: true,\n type: \"REJECTED\",\n },\n }));\n }}\n >\n {t(\"Reject\")}\n \n
\n );\n };\n\n const getFooterComponent = () => {\n if (tabStatus === \"PENDING\") {\n return \n \n setCurrentOrderId(orderId)}\n />\n );\n })\n ) : (\n
\n \n {orders && orders?.length > 0 ? (\n
\n \n {orders && orders.length > 0 ? getFooterComponent() : \"\"}\n
\n \n
\n \n
\n \n
\n {rejectReason?.errors?.logisticPartner ? (\n \n
\n \n {rejectReason.values?.type === \"CANCELLED\"\n ? t(\"Cancel Order\")\n : t(\"Reject Order\")}\n
\n\n#{order?.orderNumber}
\n\n
\n {order?.orderCheckoutOnlinePaymentMetadata?.data?.paymentGateway ===\n \"STRIPE\" && (\n \n \n handleValues(\"isRefundRequired\", e.target.checked)\n }\n >\n {t(\"Is Refundable\")}\n \n
\n )}\n \n {rejectReason?.errors?.logisticPartner}\n
\n ) : null}\n \n \n {t(\"Close\")}\n \n onSubmit(\"CANCELLED\", \"REJECT\")}\n htmlType=\"button\"\n >\n {rejectReason.values?.type === \"REJECTED\" && t(\"Reject\")}\n {rejectReason.values?.type === \"CANCELLED\" && t(\"Cancel\")}\n \n
\n \n
\n );\n};\nLiveOrders.propTypes = {\n status: PropTypes.string,\n color: PropTypes.string,\n};\nexport default LiveOrders;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Input } from \"antd\";\n\nconst getMandatoryField = (man) => {\n if (man) {\n return *;\n }\n};\nconst getFieldError = (error) => {\n if (error) {\n return {error} ;\n }\n};\nconst TextPassword = (props) => {\n const mandatoryField = getMandatoryField(props.mandatory);\n const fieldError = getFieldError(props.error);\n return (\n <>\n \n \n \n {\n setTabStatus(status);\n }}\n loading={loading}\n />\n audio.pause()}\n {...{\n tabStatus,\n setLoading,\n loading,\n orders,\n getOrdersByStatus,\n currentOrderId,\n setCurrentOrderId,\n setRejectReason,\n order,\n setOrder,\n onSubmit,\n }}\n refundableMutate={refundableMutate}\n />\n\n setRejectReason}\n >\n {\n setRejectReason((prevState) => ({\n ...prevState,\n values: {\n Modal: false,\n reason: null,\n isRefundRequired: false,\n },\n errors: {\n reason: null,\n },\n }));\n }}\n handleValues={handleValues}\n {...{ rejectReason, onSubmit }}\n />\n \n \n
\n \n getOrdersByStatus(\"PENDING\")}\n >\n
\n \n
\n );\n};\n\nAddAdminUser.propTypes = {\n callback: PropTypes.func,\n};\nexport default AddAdminUser;\n","import { API } from \"api\";\nimport Card from \"components/Card\";\nimport RadioButton from \"components/RadioButton\";\nimport React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport { Spin } from \"antd\";\nconst StoreAccessRightsList = (props) => {\n const [stores, setStores] = useState([]);\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n const getStoreList = (result) => {\n let arr = [];\n if (\n result.success === 1 &&\n UTILS.isValidObject([\"data\", \"pulledStores\"], result)\n ) {\n arr = [...result.data.pulledStores];\n const modifiedArr = arr.map((obj) => (obj = { ...obj, isON: false }));\n arr = modifiedArr;\n return arr;\n } else {\n UTILS.HANDLE_ERROR_NOTIFICATION(\n \"topRight\",\n \"error\",\n t(\"There are not stores\")\n );\n return arr;\n }\n };\n const getUserStoresByUserId = (result) => {\n let tempArr = getStoreList(result[0]);\n if (result[1].success === 1 && UTILS.isValidObject([\"data\"], result[1])) {\n const arr = [...result[1].data];\n for (let index = 0; index < arr.length; index++) {\n const element = arr[index];\n tempArr = tempArr.map((el) =>\n el._id == element.storeId._id ? { ...el, isON: true } : el\n );\n }\n\n setStores(tempArr);\n } else {\n }\n };\n\n const addUserToStore = async (sId, val) => {\n const userDetail = UTILS.getCurrentUser();\n const result = await API.ADD_NEW_STORE_ADMIN({\n token: userDetail.token,\n userType: props.user.userType,\n adminId: props.user._id,\n storeId: sId,\n brandId: userDetail.brandId,\n });\n if (result.success == 1) {\n let arr = [...stores];\n var modifiedArr = arr.map((el) =>\n el._id == sId ? { ...el, isON: val } : el\n );\n setStores(modifiedArr);\n } else {\n }\n };\n\n const deleteUserFromStore = async (sId, val) => {\n const userDetail = UTILS.getCurrentUser();\n const result = await API.DELETE_STORE_ADMIN({\n token: userDetail.token,\n userType: props.user.userType,\n adminId: props.user._id,\n storeId: sId,\n brandId: userDetail.brandId,\n });\n if (result.success == 1) {\n let arr = [...stores];\n var modifiedArr = arr.map((el) =>\n el._id == sId ? { ...el, isON: val } : el\n );\n setStores(modifiedArr);\n } else {\n }\n };\n\n const handleValues = (key, val) => {\n if (val) addUserToStore(key, val);\n else deleteUserFromStore(key, val);\n };\n\n const Row = (item) => {\n return (\n \n \n \n
\n {t(\"User Information\")}
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n addUser()}\n >\n {t(\"Add User\")}\n \n
\n \n \n \n \n \n
\n \n \n
\n );\n};\n\nStoreAccessRightsList.propTypes = {\n user: PropTypes.object,\n onClose: PropTypes.func,\n};\nexport default StoreAccessRightsList;\n","import Card from \"components/Card\";\nimport React, { useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport PropTypes from \"prop-types\";\nimport { SVG_Delete } from \"svg/SVGs\";\nimport { SVG_Edit } from \"svg/SVGs\";\nimport Modal from \"components/Modal\";\nimport StoreAccessRightsList from \"./StoreAccessRightsList\";\nimport { CONSTANTS as C } from \"config\";\nimport { useTranslation } from \"react-i18next\";\nconst ManageAdminUsers = (props) => {\n const [open, setOpen] = useState(false);\n const [user, setUser] = useState({});\n const { t } = useTranslation();\n const deleteUser = (index, user) => {};\n\n const editUser = (index, user) => {\n setUser(user);\n if (user.userType === C.USER_TYPE_ADMIN)\n UTILS.HANDLE_ERROR_NOTIFICATION(\n \"topRight\",\n \"info\",\n t(\"BRAND-ADMIN rights can not be changed\")\n );\n else setOpen(true);\n };\n\n const UserRow = (user, index) => {\n return (\n {t(\"Grant Access to\")}
\n\n {\"[\" + props.user?.email + \"]\"}\n
\n {/*Allow User to Manage Live Orders, Order History and Items for Selected Stores
*/}\n\n {t(\n \"Allow User to Manage Live Orders, Order History and Items for Selected Stores\"\n )}\n
\n| \n {t(\"Store\")}\n | \n\n {t(\"Address\")}\n | \n\n {t(\"Access\")}\n | \n
\n \n {t(\"Close\")}\n \n
\n \n
\n );\n};\n\nManageAdminUsers.propTypes = {\n users: PropTypes.array,\n};\n\nexport default ManageAdminUsers;\n","import { API } from \"api\";\nimport React, { useEffect, useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport PageHeading from \"../../../components/PageHeading\";\nimport AddAdminUser from \"../component/AddAdminUser\";\nimport ManageAdminUsers from \"../component/ManageAdminUsers\";\nimport { CONSTANTS as C } from \"config\";\nimport { useTranslation } from \"react-i18next\";\nconst CreateAdmin = () => {\n const [users, setUsers] = useState([]);\n\n const { t } = useTranslation();\n const getAdminUsersByBrand = async () => {\n const userDetail = UTILS.getCurrentUser();\n\n const result = await API.GET_USERS_BY_BRAND({\n brandId: userDetail.brandId,\n token: userDetail.token,\n language: \"EN\",\n });\n\n if (UTILS.isValidObject([\"data\", \"users\"], result) && result.success === 1)\n setUsers(result.data.users);\n else {\n }\n };\n\n useEffect(() => {\n getAdminUsersByBrand();\n }, []);\n\n const handleValues = () => {\n getAdminUsersByBrand();\n };\n\n return (\n \n {t(\"Edit Access Levels for Users\")}\n
\n\n setOpen(false)}\n scroll={true}\n >\n setOpen(false)} />\n \n \n \n
\n \n \n \n
\n
\n | \n {t(\"User type\")}\n | \n\n {t(\"Email\")}\n | \n\n {t(\"Mobile number\")}\n | \n\n {t(\"Actions\")}\n | \n
\n
\n );\n};\nexport default CreateAdmin;\n","import React from \"react\";\nimport { SVG_DELETE_DIALOG } from \"svg/SVGs\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button, Spin } from \"antd\";\nconst DeleteComponent = (props) => {\n const { t } = useTranslation();\n const getTitle = () => {\n const arr = [null, undefined, \"\", \"null\", \"undefined\"];\n if (arr?.includes(props?.title)) return \"\";\n else return props.title;\n };\n return (\n \n {t(\n \"You can add new users and set their acccess level, which will decide the stores they can utilize.\"\n )}\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {t(\"Are you sure ?\")}\n
\n\n {getTitle()}\n {props?.Heading}\n
\n\n \n \n
\n \n \n
\n )}\n \n \n
\n \n 0\n ? rowData.itemImageURLs[0]\n : C.PLACEHOLDER_IMAGE\n }\n className=\"w-14 sm:w-20 h-14\"\n />\n
\n );\n };\n\n const renderDate = (value, rowData, index) => {\n return (\n \n
\n \n {UTILS.isValidObject([\"baseLanguage\", \"title\"], rowData)\n ? rowData.baseLanguage.title\n : \"\"}\n
\n {/*{t('Ingredients')}: {UTILS.isValidObject([\"baseLanguage\",\"ingredients\"],rowData) ? rowData.baseLanguage.ingredients : \"\"}
*/}\n\n {UTILS.isValidObject([\"baseLanguage\", \"description\"], rowData)\n ? rowData.baseLanguage.description\n : \"\"}\n
\n\n
\n );\n };\n const renderActions = (value, rowData, index) => {\n return (\n \n {rowData.createdAt ? new Date(rowData.createdAt).toDateString() : \"\"}\n
\n\n {rowData.createdAt\n ? new Date(rowData.createdAt).toLocaleTimeString()\n : \"\"}\n
\n\n updateItem(rowData._id)}\n >\n {t(\"View\")}\n \n onClickDeleteButton(rowData._id)}\n >\n {t(\"Delete\")}\n \n
\n );\n };\n\n const columns = [\n {\n key: \"baseLanguage\",\n title: t(\"Item\"),\n dataIndex: \"baseLanguage\",\n align: \"initial\",\n render: renderTitleWithImage,\n },\n {\n key: \"price\",\n title: t(\"Price\"),\n dataIndex: \"price\",\n align: \"initial\",\n sorter: {\n compare: (a, b) => a.price - b.price,\n multiple: 3,\n },\n render: (value, rowData, index) => {\n return {t(\"AED\") + \" \" + value}
;\n },\n },\n {\n key: \"createdAt\",\n title: t(\"Created At\"),\n dataIndex: \"createdAt\",\n align: \"initial\",\n width: \"10%\",\n render: renderDate,\n sorter: {\n compare: (a, b) => a.math - b.math,\n multiple: 2,\n },\n },\n {\n title: t(\"Actions\"),\n render: renderActions,\n align: \"initial\",\n width: \"10%\",\n },\n ];\n\n const getItemsByBrand = async () => {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_ITEMS_BY_BRAND({\n token: userDetail.token,\n brandId: userDetail.brandId,\n language: \"EN\",\n });\n if (result?.success === 1) setItems(result.data);\n else {\n }\n setLoading(false);\n };\n\n useEffect(() => {\n getItemsByBrand();\n }, [syncData]);\n\n const updateItem = (id) => {\n \n router.push(\"/app/dashboard/updateitem/\", {\n itemId: id,\n });\n };\n\n const createItem = () => {\n router.push(\"/app/dashboard/createitem\");\n };\n\n const onClickDeleteButton = (id) => {\n const index = items.findIndex((obj) => obj._id === id);\n if (index !== -1) {\n const item = items[index];\n setDeleteModal({ isOpen: true, deleteItemIndex: index, item: item });\n }\n };\n\n const handleCancel = () => {\n setDeleteModal({ isOpen: false, deleteItemIndex: -1, item: null });\n };\n const onDeleteItem = async (item) => {\n try {\n const item = items[deleteModal.deleteItemIndex];\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const response = await API.DELETE_ITEM({\n brandId: userDetail.brandId,\n itemId: item._id,\n token: userDetail.token,\n });\n if (response?.success === 1) {\n UTILS.handleSuccesNotification(response?.message ?? t(\"Item Deleted\"));\n let arr = [...items];\n arr.splice(deleteModal.deleteItemIndex, 1);\n setItems(arr);\n } else {\n UTILS.handleErrorNotification(errorHandler(response?.message));\n }\n setLoading(false);\n } catch (error) {\n UTILS.handleErrorNotification(errorHandler(error?.error?.message));\n } finally {\n handleCancel();\n }\n };\n\n const Items = useMemo(() => {\n if (searchTerm === \"\" || searchTerm === null) {\n return items;\n }\n return items.filter((item) =>\n item?.baseLanguage?.title?.toLowerCase().includes(searchTerm.trim())\n );\n }, [items, searchTerm]);\n const handSearch = (key, val) => {\n setSearch(val.toLowerCase());\n };\n return (\n \n \n \n \n
\n );\n};\n\nItemContainer.propTypes = {\n data: PropsTypes.array,\n};\n\nexport default ItemContainer;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\n\nconst getMandatoryField = (man) => {\n if (man) {\n return *;\n }\n};\nconst getFieldError = (error) => {\n if (error) {\n return {error} ;\n }\n};\nconst PriceInput = (props) => {\n const mandatoryField = getMandatoryField(props.mandatory);\n const fieldError = getFieldError(props.error);\n\n const handleChangePrice = (event) => {\n let v = UTILS.ARtoENPrice(event.target.value);\n props.handleValues(props.keyVal, v);\n };\n\n return (\n <>\n \n \n
\n \n \n \n
\n \n
\n \n
\n \n {\n setBulkMenuModal(true);\n }}\n >\n {t(\"Import\")}\n \n createItem()}\n >\n {t(\"Create\")}\n \n
\n \n \n \n
\n \n obj._id}\n />\n
\n \n \n {t(\"Upload\")}\n
\n \n );\n\n return (\n \n
\n );\n};\n\nexport default CreateItem;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nconst Context = React.createContext({});\n\nexport function Accordion(props) {\n const [selected, setSelected] = React.useState();\n\n const toggleItem = (id) => {\n setSelected((prevState) => (prevState !== id ? id : \"\"));\n };\n return (\n \n \n \n \n \n
\n \n {t(\"Create Item\")}\n
\n\n {t(\"Please enter complete details for better user experience\")}\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {t(\"Item image size\")}\n
\n\n handleChange(info, \"\")}\n onPreview={onPreview}\n beforeUpload={beforeUpload}\n onRemove={onRemove}\n >\n {fileList?.length <= 9 ? uploadButton : null}\n \n \n
\n \n addItem()}\n >\n {t(\"Save\")}\n \n router.goBack()}\n >\n {t(\"Back\")}\n \n
\n \n {selected === toggle ?
\n \n
\n \n \n {modiferGroup?.modifierGroupId?.baseLanguage?.name}\n\n | \n \n \n {t(\"Max\")}:{\" \"}\n {modiferGroup?.modifierGroupId?.maximumAllowedSelection}{\" \"}\n{\" \"}\n | \n \n \n {t(\"Type\")}:\n {modiferGroup?.modifierGroupId?.isSingleSelection\n ? t(\"Single\")\n : t(\"Multiple\")}\n\n | \n \n \n {modiferGroup?.modifierGroupId?.isRequired\n ? t(\"Required\")\n : t(\"Optional\")}\n\n | \n
\n updateGroup(item)}\n >\n {t(\"Edit\")}\n \n deleteModifierGrp(modiferGroup)}\n >\n {t(\"Delete\")}\n \n
\n \n );\n};\nexport default SingleGroup;\n\nSingleGroup.propTypes = {\n toggle: PropTypes.string,\n cat: PropTypes.object,\n editCat: PropTypes.func,\n deleteCat: PropTypes.func,\n keyVal: PropTypes.number,\n itemCount: PropTypes.number,\n};\n","import { useAccordion } from \"features/menu/components/AccordionN\";\nimport React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nconst SingleModifer = ({ modiferGroup }) => {\n const ref = useRef();\n const { t } = useTranslation();\n const { selected } = useAccordion();\n\n const style = {\n panel: `overflow-hidden md:overflow-x-hidden transition-height ease text-gray-600 text-16px`,\n };\n const inlineStyle =\n selected === modiferGroup._id\n ? { height: ref.current?.scrollHeight }\n : { height: 0 };\n\n return (\n \n
\n {modifer?.modifierId?.baseLanguage?.name}
\n\n {modifer?.modifierId?.price + \" \" + t(\"AED\")}\n
\n \n );\n })}\n \n );\n};\nexport default SingleModifer;\n\nSingleModifer.propTypes = {\n cat: PropTypes.object,\n handleCount: PropTypes.func,\n pushFrom: PropTypes.string,\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst TextInputReadOnly = ({ label, value }) => {\n return (\n <>\n \n \n {value}\n
\n \n );\n};\n\nTextInputReadOnly.propTypes = {\n mandatory: PropTypes.bool,\n error: PropTypes.string,\n handleValues: PropTypes.func,\n placeHolder: PropTypes.string,\n label: PropTypes.string,\n keyVal: PropTypes.string,\n value: PropTypes.string,\n};\n\nexport default TextInputReadOnly;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport Card from \"components/Card\";\nimport PageHeading from \"components/PageHeading\";\nimport RadioButton from \"components/RadioButton\";\nimport SectionHeading from \"components/SectionHeading\";\nimport TextInputReadOnly from \"components/TextInputReadOnly\";\nconst ViewGroup = ({ row, setViewGroup }) => {\n const { t } = useTranslation();\n\n return (\n \n
\n );\n};\n\nexport default ViewGroup;\n","import React from \"react\";\n\nfunction SearchInput({ searchTerm, setSearchTerm, placeholder }) {\n return (\n \n
\n \n \n \n
\n \n setViewGroup(false)}\n >\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {}}\n mandatory={true}\n error={null}\n />\n
\n \n \n \n \n setSearchTerm(e.target?.value)}\n />\n
\n );\n}\n\nexport default SearchInput;\n","import React, { useMemo, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\nimport { Card, Checkbox, Table } from \"antd\";\nimport { Button, Empty, Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\nimport { RemoveRedEyeOutlined } from \"@material-ui/icons\";\nimport ViewGroup from \"../ViewGroup\";\nimport Modal from \"components/Modal\";\nimport SearchInput from \"components/SearchInput\";\nimport { API } from \"api\";\nimport { errorHandler } from \"api/api/errorHandler\";\n\nconst AttachModifierGroupWithItem = ({\n onClose,\n item,\n MemizedModifiers,\n getItemDetail,\n}) => {\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n const router = useHistory();\n const [checkedRows, setCheckedRows] = useState([]);\n\n const linkModifierGroupsWithItems = async () => {\n try {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.linkModifierGroupWithItem({\n brandId: userDetail.brandId,\n itemId: item?.values?._id,\n modifierGroups: checkedRows,\n });\n if (result?.success === 1) {\n UTILS.successNotification(\n result?.message ?? t(\"Attached Successfully\")\n );\n getItemDetail(item?.values._id);\n onClose();\n } else {\n UTILS.errorNotification(errorHandler(result?.message));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.error?.message));\n } finally {\n setLoading(false);\n }\n };\n\n const handleRowClick = (modifierGroupId) => {\n setCheckedRows((prevCheckedRows) => {\n const updatedArray = [...prevCheckedRows];\n\n const existingIndex = updatedArray.findIndex(\n (item) => item.modifierGroupId === modifierGroupId\n );\n\n if (existingIndex !== -1) {\n // If already selected, remove\n updatedArray.splice(existingIndex, 1);\n } else {\n // If not selected, add\n updatedArray.push({ modifierGroupId });\n }\n\n return updatedArray;\n });\n };\n\n const Row = (value, modifier, index) => {\n return (\n {value?.name}
;\n },\n },\n {\n title: t(\"Maximum Allowed Selection\"),\n dataIndex: \"maximumAllowedSelection\",\n align: \"center\",\n width: \"10%\",\n },\n {\n title: t(\"Required\"),\n dataIndex: \"isRequired\",\n width: \"10%\",\n align: \"center\",\n render: (value) => {\n return <>{value ? t(\"Yes\") : t(\"No\")};\n },\n },\n {\n title: t(\"Action\"),\n dataIndex: \"price\",\n width: \"10%\",\n align: \"center\",\n render: (index, record) => (\n \n {\n setViewGroup(false);\n }}\n >\n \n \n \n \n\n
\n ) : (\n \n
\n\n {MemizedModifiers && MemizedModifiers?.length >= 1 ? (\n \n
\n \n {t(\"Add modifier groups to\")}{\" \"}\n \n {item?.values?.baseLanguage?.title}\n \n
\n\n
\n \n record._id}\n />\n
\n \n
\n \n \n {t(\"Close\")}\n \n
\n \n \n {t(\"Attach\")}\n \n
\n \n \n {t(\"Close\")}\n \n
\n \n
\n );\n };\n\n const sortModiferGrp = async (group) => {\n try {\n let selected = List[group.oldIndex];\n const userDetail = UTILS.getCurrentUser();\n setLoading(true);\n const result = await API.sortModifierGroup({\n brandId: userDetail.brandId,\n itemId: item.values?._id,\n modifierGroupId: selected?.modifierGroupId?._id,\n index: group.newIndex,\n });\n if (result?.success === 1) {\n // UTILS.successNotification(result?.message ?? t(\"sorted Successfully\"));\n } else {\n UTILS.errorNotification(errorHandler(result?.message));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.error?.message));\n } finally {\n setLoading(false);\n }\n };\n const MemizedModifiers = useMemo(() => {\n const attachedModifiersLookup = _.keyBy(\n attachedModifierGroups,\n (item) => item?.modifierGroupId?._id\n );\n\n const unattachedModifiers = brandModifiers?.filter(\n (item) => !attachedModifiersLookup[item?._id]\n );\n setList(attachedModifierGroups);\n return unattachedModifiers;\n }, [attachedModifierGroups, brandModifiers]);\n\n return (\n \n setopenGroupModal(false)}\n >\n setopenGroupModal(false)}\n getItemDetail={getItemDetail}\n />\n \n
\n );\n};\nexport default GroupWithModifer;\n","import PageHeading from \"components/PageHeading\";\nimport Card from \"components/Card\";\nimport React, { useEffect, useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport TextInput from \"components/TextInput\";\nimport TextArea from \"components/TextArea\";\nimport Modal from \"components/Modal\";\nimport { CONSTANTS as C } from \"config\";\nimport { API } from \"api\";\nimport { useHistory } from \"react-router-dom\";\nimport { Button, Spin, Upload } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { PlusOutlined } from \"@ant-design/icons\";\nimport PriceInput from \"components/PriceInput\";\nimport GroupWithModifer from \"features/Modifier/components/GroupWithModifer\";\nimport DeleteComponent from \"components/DeleteConfirm\";\nimport { Modal as AntdModal } from \"antd\";\nimport { errorHandler } from \"api/api/errorHandler\";\nconst UpdateItem = () => {\n // hooks\n const { t } = useTranslation();\n const router = useHistory();\n\n // states\n const [deleteModal, setDeleteModal] = useState({\n isOpen: false,\n item: null,\n });\n const [item, setItem] = useState(UTILS.getItemModel());\n const [error, setError] = useState(false);\n const [loading, setLoading] = useState(false);\n const [fileList, setFileList] = useState([]);\n const [previewOpen, setPreviewOpen] = useState(false);\n const [previewImage, setPreviewImage] = useState(\"\");\n\n const getItemDetail = async (id) => {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_ITEM_INFO({\n itemId: id,\n token: userDetail.token,\n brandId: userDetail.brandId,\n });\n if (result?.success === 1) {\n setItem((prevState) => ({\n values: result.data,\n errors: {\n ...prevState.errors,\n },\n }));\n let urls = [];\n result.data.itemImageURLs?.forEach((img, index) => {\n urls.push({\n url: img,\n });\n });\n setFileList(urls);\n } else {\n }\n setLoading(false);\n };\n\n useEffect(() => {\n if (router?.location?.state?.itemId)\n getItemDetail(router.location.state.itemId);\n }, [router?.location?.state?.itemId]);\n\n /* A function that is used to update the image url in the state. */\n const handleImage = (key, val) => {\n if (key === C.KEY_IMAGE_URL) {\n setItem((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n itemImageURLs: val,\n },\n errors: {\n ...prevState.errors,\n },\n }));\n }\n };\n\n /* A function that is used to update the basic info in the state. */\n const handleBasicInfo = (key, val) => {\n setItem((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n baseLanguage: {\n ...prevState.values.baseLanguage,\n [key]: val,\n },\n },\n errors: {\n ...prevState.errors,\n baseLanguage: {\n ...prevState.errors.baseLanguage,\n [key]: \"\",\n },\n },\n }));\n };\n\n /* A function that is used to update the basic info in the state. */\n const handleValues = (key, val) => {\n setItem((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n [key]: \"\",\n },\n }));\n };\n\n /* Validating the inputs. */\n const validateInputs = () => {\n let { objError, isValidForm } = UTILS.validateItemInfo(item);\n setItem((prevState) => ({\n values: {\n ...prevState.values,\n },\n errors: objError,\n }));\n return isValidForm;\n };\n\n /**\n * An async function that updates an item.\n */\n const updateItem = async () => {\n try {\n if (!validateInputs()) return;\n if (validateInputs()) {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.UPDATE_ITEM({\n itemId: item.values._id,\n ...item.values,\n price: +parseFloat(item.values.price)?.toFixed(2),\n brandId: userDetail.brandId,\n });\n\n if (result?.success === 1) {\n UTILS.successNotification(t(\"Item Updated\"));\n router.goBack();\n } else {\n UTILS.errorNotification(errorHandler(result?.message));\n }\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.error?.message));\n } finally {\n setLoading(false);\n }\n };\n\n /* Used to validate the image before uploading. */\n function beforeUpload(file) {\n setError(false);\n const isJpgOrPng = file.type === \"image/jpeg\" || file.type === \"image/png\";\n if (!isJpgOrPng) {\n setError(true);\n UTILS.errorNotification(t(\"You can only upload JPG/PNG file\"));\n }\n const F_Size = file.size / 1024;\n const isLt1M = F_Size <= C.MAX_IMAGE_SIZE;\n\n if (!isLt1M) {\n setError(true);\n UTILS.errorNotification(t(\"The image must be less than 2MB in size.\"));\n }\n\n return isJpgOrPng && isLt1M;\n }\n\n /**\n * This function is called when a user uploads a file. It takes the file and uploads it to the server.\n * @param info - the file object\n * @param type - the type of the file, which is the file extension.\n */\n const handleChange = async (info, type) => {\n const { file, fileList } = info;\n if (error) return;\n if (!error) {\n setFileList(fileList);\n }\n if (file.status === \"uploading\") {\n setLoading(true);\n return;\n }\n if (file.status === \"done\") {\n let list = [...item.values.itemImageURLs, info.file.response.data.url];\n handleImage(C.KEY_IMAGE_URL, list);\n setLoading(false);\n }\n };\n\n /**\n * It takes a file as an argument, and then it returns a function that takes an event as an argument\n * @param file - The file to be removed.\n */\n const onRemove = async (file) => {\n let List = fileList.filter((d) => d.url !== file.url);\n let List1 = item?.values.itemImageURLs.filter(\n (d) => d !== file.url && d !== file?.response?.data?.url\n );\n setFileList(List);\n handleImage(C.KEY_IMAGE_URL, List1);\n };\n\n /* Used to get the base64 of the image. */\n\n const getBase64 = (file) =>\n new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = (error) => reject(error);\n });\n\n /* A function that is used to close the preview modal. */\n const handleCancel = () => setPreviewOpen(false);\n\n /**\n * A function that takes in a file and returns a promise.\n * @param file - The file to be previewed.\n */\n const onPreview = async (file) => {\n if (!file.url && !file.preview) {\n file.preview = await getBase64(file.originFileObj);\n }\n setPreviewImage(file.url || file.preview);\n setPreviewOpen(true);\n };\n\n /* A function that returns a button that is used to upload images. */\n const uploadButton = (\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n {t(\"Attached Modifer Groups\")}\n
\n\n setopenGroupModal(true)}\n >\n {t(\"Attach New Modifer Group\")}\n \n
\n \n \n \n {List && List?.length >= 1 ? (\n isMobile ? (\n <>\n {List &&\n List?.map((cat, index) => {\n return getCategoryView(cat, index);\n })}\n \n ) : (\n {\n sortModiferGrp(order);\n }}\n >\n {List &&\n List?.map((cat, index) => {\n return getCategoryView(cat, index);\n })}\n \n )\n ) : (\n \n \n
\n \n
\n )}\n \n
\n {t(\"There is no modifier group attached\")}
\n\n \n {t(\"Upload\")}\n
\n \n );\n const onClickDeleteButton = (group) => {\n if (group?.modifierGroupId) {\n setDeleteModal({\n isOpen: true,\n item: group.modifierGroupId,\n });\n }\n };\n\n const UnlinkModiferGroupFromItem = async () => {\n try {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const response = await API.unLinkModifierGroupWithItem({\n brandId: userDetail.brandId,\n itemId: item?.values?._id,\n modifierGroupId: deleteModal.item._id,\n });\n if (response?.success === 1) {\n UTILS.successNotification(\n response?.message ?? t(\"Unlinked Successfully\")\n );\n } else {\n UTILS.errorNotification(errorHandler(response?.message));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.error?.message));\n } finally {\n await getItemDetail(item?.values._id);\n handleDeleteCancel();\n setLoading(false);\n }\n };\n\n const handleDeleteCancel = () => {\n setDeleteModal({ isOpen: false, item: null });\n };\n return (\n \n
\n );\n};\n\nexport default UpdateItem;\n","import React, { useEffect, useState } from \"react\";\nimport { Tabs } from \"antd\";\nconst PackageTabs = ({ subscribedPlan, children, selectedKey, callback }) => {\n // const [selectedKey, setSelectedKey] = useState(\"SEMI_ANNUALLY\");\n // const callback = (key) => {\n // setSelectedKey(key);\n // };\n // const getSelectedTab = () => {\n // if (subscribedPlan?.billingCycle) {\n // setSelectedKey(subscribedPlan.billingCycle);\n // return subscribedPlan.billingCycle;\n // }\n // };\n // useEffect(() => {\n // getSelectedTab();\n // }, [subscribedPlan]);\n\n return (\n \n
\n \n \n \n \n \n \n
\n \n {t(\"Update Item\")}\n
\n\n {t(\"Please enter complete details for better user experience\")}\n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n\n
\n \n {t(\"Item image size\")}\n
\n\n handleChange(info, \"\")}\n onPreview={onPreview}\n beforeUpload={beforeUpload}\n onRemove={onRemove}\n >\n {fileList?.length <= 9 ? uploadButton : null}\n \n \n
\n \n updateItem()}\n >\n {t(\"Update\")}\n \n router.goBack()}\n >\n {t(\"Back\")}\n \n
\n \n
\n \n \n {children}\n \n
\n );\n};\n\nexport default PackageTabs;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport { ifNotNullAndUndfine } from \"utils/Utils\";\n\nconst PackageInfoTwo = (props) => {\n const { t } = useTranslation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const getBgClass = currentLanguage === \"AR\" ? \"bgliar\" : \"bglien\";\n\n const isPackageSubscribed = () => {\n let billingCycle = props.billingCycle;\n let billingCycle2 = props.subscribedPlan.billingCycle;\n if (\n ifNotNullAndUndfine(billingCycle) &&\n ifNotNullAndUndfine(billingCycle2)\n ) {\n if (billingCycle2 === billingCycle && props?.subscribed) {\n return true;\n }\n return false;\n }\n };\n\n const Billing = {\n MONTHLY: 1,\n SEMI_ANNUALLY: 6,\n YEARLY: 12,\n };\n\n const subscribeNewPackage = () => {\n // let userDetail = UTILS.getCurrentUser();\n // let totalPrice = parseFloat(\n // props.originalPrice * Billing[props.billingCycle]\n // )?.toFixed(2);\n // TRACKING_EVENTS.subscribedUsers({\n // plan_name: props.billingCycle,\n // plan_price: totalPrice,\n // currency: C.AED,\n // transaction_id: userDetail?.userId,\n // });\n let id = props.packageId;\n let cycle = props.billingCycle;\n let isSubscribed = isPackageSubscribed();\n props.subscribePackage(id, cycle, isSubscribed);\n };\n\n return (\n \n
\n );\n};\n\nexport default PackageInfoTwo;\n","import React, { useState, useEffect } from \"react\";\nimport PageHeading from \"../../../components/PageHeading\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nimport { Spin } from \"antd\";\nimport { useLocation } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport PackageTabs from \"../components/PackageTabs\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { getPackagePrice } from \"utils/Utils\";\nimport PackageInfoTwo from \"../components/PackageInfoTwo\";\nimport TabPane from \"antd/lib/tabs/TabPane\";\nimport { CONSTANTS as C } from \"config\";\nimport { PkgActions } from \"redux/actions\";\nimport { PackageUtil } from \"utils\";\nimport { TRACKING_EVENTS } from \"utils\";\nconst Packages = (props) => {\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const [subscribedPlan, setSubscribedPlan] = useState({});\n const { selectedKey } = useSelector((state) => state.PackagesReducer);\n const [packages, setPackages] = useState([]);\n const [loading, setLoading] = useState(false);\n const location = useLocation();\n const params = new URLSearchParams(location.search);\n const { t } = useTranslation();\n const dispatch = useDispatch();\n\n const verifyPackagePayment = async () => {\n const userDetail = UTILS.getCurrentUser();\n const result = await API.VERIFY_PACKAGE_PAYMENT({\n token: userDetail.token,\n });\n if (result?.success === 1 && result?.data?.subscribedPackge) {\n sessionStorage.setItem(\"paymentVerified\", true);\n await getAllActivePackages();\n check_PackageValidity();\n const userDetail = UTILS.getCurrentUser();\n const totalPrice = result.data?.subscribedPackge?.amountPaid;\n TRACKING_EVENTS.subscribedUsers({\n plan_name: result.data?.subscribedPackge?.billingCycle,\n plan_price: totalPrice,\n currency: C.AED,\n transaction_id: userDetail?.userId,\n });\n }\n };\n\n const check_PackageValidity = async () => {\n const { text, notify, result } = await UTILS.checkPackageValidity(\n currentLanguage\n );\n dispatch(PkgActions.setNotifyVisible(notify));\n if (result?.data) {\n const diff = PackageUtil.getPackageExpiry(result.data.subscription);\n dispatch(PkgActions.setDays(diff));\n dispatch(PkgActions.setPackText(text));\n }\n };\n\n const getAllActivePackages = async () => {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_ALL_ACTIVE_PACKAGES({\n token: userDetail.token,\n });\n if (\n result.success === 1 &&\n UTILS.isValidObject([\"data\", \"packages\"], result)\n ) {\n const arr = result.data.packages;\n if (UTILS.isValidObject([\"data\", \"subscribedPackage\"], result)) {\n if (Array.isArray(arr)) {\n for (let index = 0; index < arr.length; index++) {\n const element = arr[index];\n if (\n element._id === result.data.subscribedPackage.packageId &&\n result.data.subscribedPackage.isValid\n ) {\n if (result?.data?.subscribedPackage?.billingCycle) {\n dispatch(\n PkgActions.setSelectedKey(\n result.data.subscribedPackage?.billingCycle\n )\n );\n }\n setSubscribedPlan(result.data.subscribedPackage);\n element[\"subscribed\"] = true;\n arr[index] = element;\n } else {\n element[\"subscribed\"] = false;\n }\n }\n }\n }\n\n setPackages(arr);\n }\n\n setLoading(false);\n };\n\n const handleSubscription = async (packageId, billingCycle, subscribed) => {\n if (subscribed) {\n return;\n }\n sessionStorage.removeItem(\"paymentVerified\");\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_HOSTED_PAYMENT_PAGE({\n token: userDetail.token,\n billingCycle: billingCycle,\n packageId: packageId,\n successRedirectURL:\n window.location.href.split(\"?\")[0] + \"?status=success\",\n failureRedirectURL:\n window.location.href.split(\"?\")[0] + \"?status=failure\",\n });\n if (\n result.success === 1 &&\n UTILS.isValidObject([\"data\", \"axiosRes\", \"gatewayData\", \"order\"], result)\n ) {\n window.location.href = result.data.axiosRes.gatewayData.order.url;\n } else {\n UTILS.errorNotification(\n t(\"Please contact help at\", {\n email: process.env.REACT_APP_SUPPORT_EMAIL,\n })\n );\n }\n setLoading(false);\n };\n\n const msgs = [\"You have purchased successfully\", \"لقد اشتريت بنجاح\"];\n const msg2 = [\n `\n Payment is delcined please contact ${process.env.REACT_APP_SUPPORT_EMAIL}`,\n `تم رفض الدفع يرجى التواصل مع ${process.env.REACT_APP_SUPPORT_EMAIL}`,\n ];\n\n useEffect(() => {\n async function verifyPackage() {\n const paymentVerified = sessionStorage.getItem(\"paymentVerified\");\n if (params?.get(\"status\") === \"success\" && !paymentVerified) {\n await verifyPackagePayment();\n UTILS.handleSuccesNotification(\n currentLanguage === \"AR\" ? msgs[1] : msgs[0]\n );\n } else if (params.get(\"status\") === \"failure\") {\n UTILS.handleErrorNotification(\n currentLanguage === \"AR\" ? msg2[1] : msg2[0]\n );\n\n await getAllActivePackages();\n } else {\n await getAllActivePackages();\n }\n }\n verifyPackage();\n }, []);\n\n function getTabDiscount(planTYpe) {\n let selectedPackage = packages?.[0];\n let discountPercent = selectedPackage?.[planTYpe];\n let locale = currentLanguage === \"AR\" ? \"ar-EG\" : \"en\";\n let discountText = `${t(\"save\")} ${discountPercent?.toLocaleString(\n locale\n )}%`;\n if (discountPercent > 0 && discountText) {\n return t(discountText);\n } else {\n return false;\n }\n }\n\n const callback = (key) => {\n dispatch(PkgActions.setSelectedKey(key));\n };\n\n return (\n <>\n \n
\n
\n \n {props?.name}\n {props?.packageIdentifier === \"growth\" && (\n \n {t(\"best to start\")}\n \n )}\n
\n\n \n {t(\"AED\")}\n {props?.price}\n /{t(\"month\")}\n \n
\n {props?.billedBy && (\n \n {t(props?.billedBy)}
\n {t(\"or AED month-to-month\", { price: props?.originalPrice })}\n
\n
\n
\n \n
- \n {Object?.keys(props?.text)?.map((value) => {\n return (\n value !== \"id\" && (\n
- \n {t(value)}\n \n )\n );\n })}\n
\n \n {isPackageSubscribed() ? (\n {t(\"Selected\")}\n ) : (\n {t(\"Choose Plan\")}\n )}\n \n
\n \n \n {packages && (\n <>\n \n {C.packageHeader?.map((pckg) => {\n return (\n \n {getTabDiscount(pckg.subscriptionDiscount) && (\n \n );\n })}\n \n \n )}\n \n
\n \n );\n};\nPackages.propTypes = {\n packages: PropTypes.object,\n subscribeTrailPackage: PropTypes.func,\n};\nexport default Packages;\n","import { errorHandler } from \"api/api/errorHandler\";\nimport React, { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { useTrackCareemOrderMutation } from \"redux/Logistic/CareemService\";\nimport { LoaderAction } from \"redux/actions\";\nimport ClaimInfoTable from \"logistic-integrations/careem-now/components/ClaimInfoTable\";\n\nimport { UTILS } from \"utils\";\nconst ClaimInfo = (props) => {\n const dispatch = useDispatch();\n const [careemOrder, setCareemOrder] = useState(null);\n const [trackCareemOrder] = useTrackCareemOrderMutation();\n\n useEffect(() => {\n const getCareemORderStatus = async (order) => {\n try {\n if (!order?._id) return;\n dispatch(LoaderAction.setLoading(true));\n const data = await trackCareemOrder({\n orderId: order._id,\n });\n if (data?.data?.success === 1 && data?.data?.data) {\n setCareemOrder(data?.data.data);\n } else {\n UTILS.errorNotification(errorHandler(data?.error));\n setCareemOrder(null);\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.error));\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n };\n if (props?.order?._id) getCareemORderStatus(props?.order);\n }, [props?.order?._id]);\n\n return (\n \n
\n\n \n {t(\"Plans that best suit your business requirements\")}\n
\n\n {getTabDiscount(pckg.subscriptionDiscount)}\n
\n )}\n \n {packages?.map((item, index) => {\n return (\n
\n \n
\n );\n};\n\nexport default ClaimInfo;\n","import React from \"react\";\nimport { Spin, Tabs } from \"antd\";\nimport Modal from \"components/Modal\";\nimport { useTranslation } from \"react-i18next\";\n\nimport CareemSupport from \"logistic-integrations/careem-now/components/CareemSupport\";\nimport { useSelector } from \"react-redux\";\nconst { TabPane } = Tabs;\n\nfunction YangoOrderInfo({ open, setOpen, children }) {\n const { t } = useTranslation();\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n return (\n \n
\n \n setOpen(false)} className=\"cursor-pointer\">\n \n \n
\n \n {}}>\n \n {children}\n \n \n \n \n
\n \n {order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse && (\n \n
\n )}\n
\n );\n};\n\nconst DeliveryService = ({ order, setOpen }) => {\n const { t } = useTranslation();\n const callback = (key) => {};\n return (\n | {t(\"Order\")} # | \n\n {\n order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse\n ?.order_id\n }\n | \n|
|---|---|---|
| \n {t(\"Client Order Id\")}\n | \n\n {`${order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse?.client_order_id}`}\n | \n|
| {t(\"Status\")} | \n\n {\n order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse\n ?.status\n }\n | \n|
| \n {t(\"Driver\")}\n | \n\n | \n {t(\"Name\")}:{\" \"}\n {\n order?.logisticPartnerMetadata?.TALABAT\n ?.orderCallbackResponse?.driver?.name\n }\n | \n \n
| \n {t(\"Phone\")}:{\" \"}\n {\n order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse\n ?.driver?.phone_number\n }\n | \n||
| \n {t(\"TimeLine\")}\n | \n {order?.logisticPartnerMetadata?.TALABAT?.orderCallbackResponse\n ?.timeline?.estimated_delivery_time && (\n\n | \n {t(\"Delivery Time\")}:{\" \"}\n {moment(\n order?.logisticPartnerMetadata?.TALABAT\n ?.orderCallbackResponse?.timeline\n ?.estimated_delivery_time\n ).format(\"MMMM Do YYYY, h:mm:ss a\")}\n | \n \n )}\n
| \n {t(\"Pickup Time\")}:{\" \"}\n {moment(\n order?.logisticPartnerMetadata?.TALABAT\n ?.orderCallbackResponse?.timeline?.estimated_pickup_time\n ).format(\"MMMM Do YYYY, h:mm:ss a\")}\n | \n
\n
\n );\n};\n\nconst TalabatComponent = ({ order, open, setOpen }) => {\n return (\n <>\n \n setOpen(false)} className=\"cursor-pointer\">\n \n \n
\n \n \n \n
\n \n \n
\n \n
\n \n setOpen(false)} className=\"cursor-pointer\">\n \n \n
\n \n {}}>\n \n {children}\n \n \n \n \n
\n \n
\n \n setOpen(false)} className=\"cursor-pointer\">\n \n \n
\n \n {}}>\n \n \n \n
\n \n
\n \n setOpen(false)} className=\"cursor-pointer\">\n \n \n
\n \n {}}>\n \n \n \n \n \n
\n \n
\n );\n};\n\nexport default Header;\n","import { apiSlice } from \"redux/Api.Slice\";\nimport * as URL from \"api/api/apiUrls\";\nconst orderService = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getOrderInfoByOrderId: builder.mutation({\n query: (body) => ({\n url: URL.GET_ORDER_INFO_BY_ID,\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n }),\n }),\n});\nexport const { useGetOrderInfoByOrderIdMutation } = orderService;\nexport default orderService;\n","import React, { useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useReactToPrint } from \"react-to-print\";\nimport { Button, Spin } from \"antd\";\nimport moment from \"moment\";\n\nimport Card from \"components/Card\";\nimport TableItemsDetail from \"../components/TableItemsDetail\";\nimport LogisticPartnerModalsContainer from \"./logistic-partner-order-info-modals/index\";\n\nimport PaymentInfo from \"features/order-payment-info/Index\";\nimport Header from \"./OrderDetail/components/Header\";\nimport RefundOrderInfo from \"./stripeRefund/RefundOrderInfo\";\n\nimport { CONSTANTS as C } from \"config\";\nimport { LogisticAction } from \"redux/actions\";\nimport { UTILS } from \"utils\";\n\nimport { useGetOrderInfoByOrderIdMutation } from \"redux/orders/orderService\";\nimport useGetORderInfo from \"logistic-integrations/delivery-zone/useGetORderInfo\";\nimport useLyveGlobalGetORderInfo from \"logistic-integrations/lyve-global/useLyveGlobalGetORderInfo\";\nimport { getOrderIsRefundable } from \"utils/Order\";\nimport CareemStatus from \"../components/CareemStatus\";\n\nconst ShowOrderDetail = ({\n rowData,\n setOpen,\n loading,\n setLoading,\n showRefundModal,\n}) => {\n const componentRef = useRef();\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const [courierModal, setCourierModal] = useState({\n TALABAT: false,\n YANDEX: false,\n CAREEM_NOW: false,\n DELIVERY_ZONE: false,\n LYVE_GLOBAL: false,\n });\n const [orderInfo, setOrderInfo] = useState({});\n const [careemOrder, setCareemOrder] = useState(null);\n const [getOrderInfoByOrderId] = useGetOrderInfoByOrderIdMutation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const handlePrint = useReactToPrint({\n content: () => componentRef.current,\n });\n\n const getDeliveryAddress = () => {\n let add = \"\";\n add += rowData?.deliveryAddress?.appartmentNo\n ? \"Apt# \" + rowData?.deliveryAddress?.appartmentNo\n : \"\";\n add += rowData?.deliveryAddress?.floor\n ? \", floor: \" + rowData?.deliveryAddress?.floor\n : \"\";\n add += rowData?.deliveryAddress?.building\n ? \", building \" + rowData?.deliveryAddress?.building\n : \"\";\n add += rowData.deliveryAddress ? rowData?.deliveryAddress?.address : \"....\";\n return add;\n };\n\n const fetchOrderInfo = async (modalTYpe) => {\n try {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const { data } = await getOrderInfoByOrderId({\n brandId: userDetail.brandId,\n token: userDetail.token,\n orderId: rowData._id,\n });\n if (data?.success === 1) {\n setOrderInfo(data.data.fetchedOrder);\n dispatch(LogisticAction.setOrderInfo(data.data.fetchedOrder));\n setCourierModal({\n ...courierModal,\n [modalTYpe]: true,\n });\n }\n } catch (error) {\n } finally {\n setLoading(false);\n }\n };\n const { getDZOrderStatus, DZOrder } = useGetORderInfo();\n const { lyveGlobalOrderInfo, getlyveGlobalOrderInfo } =\n useLyveGlobalGetORderInfo();\n const [paymentGatewayInfoModal, setPaymentGatewayInfoModal] = useState(false);\n return (\n \n {rowData?.orderNumber ? t(\"Order #\") + rowData?.orderNumber : \"...\"}\n
\n\n {rowData?.orderPlacedTime\n ? moment.unix(rowData?.orderPlacedTime).fromNow()\n : \"...\"}\n
\n\n handlePrint()}\n >\n
\n \n {t(rowData?.orderStatus ? rowData?.orderStatus : \"...\")}\n
\n {(rowData?.refund?.status === \"FAILED\" && (\n \n )) ||\n (Boolean(\n (!rowData?.refund ||\n !rowData?.refund?.status ||\n !rowData?.refund?.amount ||\n rowData?.refund?.amount === 0) &&\n getOrderIsRefundable(rowData)\n ) && (\n \n ))}\n\n\n \n \n
\n\n \n \n {\n setOpen(false);\n }}\n >\n \n
\n \n {rowData?.userInfo?.name && (\n
\n \n
\n )}\n {t(\"Customer name\")}
\n\n \n {rowData.userInfo?.name}\n
\n \n
\n {t(\"Preparation Type\")}
\n\n \n {rowData.isPreOrder ? t(\"PRE ORDER\") : t(\"ASAP\")}\n
\n \n
\n {t(\"Order Type\")}
\n\n \n {rowData?.orderType\n ? currentLanguage === \"EN\"\n ? rowData.orderType.EN.name\n : rowData.orderType.AR.name\n : \"...\"}\n
\n \n
\n\n {t(\"Store\")}
\n\n \n {rowData.storeInfo\n ? rowData?.storeInfo?.baseLanguage?.name\n : \"...\"}\n
\n \n
\n {t(\"Order Placed Time\")}
\n \n {rowData.orderPlacedTime\n ? moment\n .unix(rowData.orderPlacedTime)\n .format(\"DD-MM-Y hh:mm A\")\n : \"...\"}\n
\n \n
\n\n {C.logisticPartnerNames.includes(rowData?.logisticPartner) ? (\n {t(\"Order Id\")}
\n\n \n {rowData?.orderNumber ? rowData?.orderNumber : \"...\"}\n
\n \n
\n ) : null}\n {t(\"Logistic Partner\")}
\n \n {rowData?.logisticPartner === \"CAREEM_NOW\" &&\n {\n fetchOrderInfo(rowData?.logisticPartner);\n if (rowData?.logisticPartner === \"DELIVERY_ZONE\") {\n getDZOrderStatus(rowData);\n }\n if (rowData?.logisticPartner === \"LYVE_GLOBAL\") {\n getlyveGlobalOrderInfo(rowData);\n }\n }}\n >\n {t(rowData?.logisticPartner)}\n \n
\n {t(\"CAREEM_NOW\").replaceAll(\"_\",\" \")} : {\" \"}\n
\n
\n ) : null}\n\n {t(\"Location\")}
\n \n {rowData?.deliveryAddress?.street\n ? rowData?.deliveryAddress?.street\n : \"\"}\n
\n \n
\n {rowData?.orderType?.type === C.SERVICE_TYPES.DINEIN ? (\n {t(\"Whatsapp Number\")}
\n \n \n {rowData?.userInfo\n ? rowData?.userInfo?.phoneNumber\n : \"....\"}\n \n
\n \n
\n ) : null}\n {rowData?.orderType?.type === C.SERVICE_TYPES.PICKUP &&\n rowData?.pickup?.vehicleInfo && (\n {t(\"Selected Table\")}
\n \n \n {rowData?.dineIn?.tableNumber\n ? rowData?.dineIn?.tableNumber\n : \"....\"}\n \n
\n \n
\n )}\n\n {t(\"Vehicle Info\")}
\n \n \n {rowData?.pickup?.vehicleInfo\n ? rowData?.pickup?.vehicleInfo\n : \"....\"}\n \n
\n \n \n \n {rowData.selectedPaymentMethod\n ? currentLanguage === \"EN\"\n ? rowData?.selectedPaymentMethod?.EN?.name\n : rowData?.selectedPaymentMethod?.AR?.name\n : \"...\"}\n
\n \n {t(\"Payment\")}
\n\n \n
\n\n {rowData?.orderType?.type === \"DELIVERY\" ? (\n {t(\"Order From\")}
\n \n {rowData?.orderingPlatform\n ? rowData?.orderingPlatform\n : \"....\"}\n
\n \n
\n ) : null}\n\n {rowData?.orderLevelSpecialRequest?.trim()?.length >= 1 ? (\n <>\n {t(\"Deliver To\")}
\n {getDeliveryAddress()}
\n \n
\n \n ) : null}\n {rowData && rowData?.discountApplied && (\n <>\n {t(\"Special Note\")}
\n \n {rowData?.orderLevelSpecialRequest\n ? rowData?.orderLevelSpecialRequest\n : \"\"}\n
\n \n
\n \n {t(\"Discount Amount\")}\n
\n \n {rowData?.discountApplied\n ? rowData?.discountApplied?.discountValue\n : \"\"}\n
\n \n
\n \n )}\n\n {rowData?.userInfo?.lifetimeSpending ? (\n <>\n {t(\"Discount Info\")}
\n \n Type (\n {rowData?.discountApplied\n ? rowData?.discountApplied?.discountType\n : \"\"}\n ) - Code (\n {rowData?.discountApplied\n ? rowData?.discountApplied?.discountCode\n : \"\"}\n )\n
\n \n
\n \n ) : null}\n {rowData?.isPreOrder ? (\n \n {t(\"LifetimeSpending\")}\n
\n \n AED \n {parseFloat(\n rowData?.userInfo?.lifetimeSpending\n )?.toFixed(2)}\n
\n \n
\n ) : null}\n \n {rowData?.orderType?.type === C.SERVICE_TYPES.DELIVERY\n ? t(\"Pre Order Delivery Slot\")\n : t(\"Pre Order Pickup Slot\")}\n
\n \n
\n \n Date :{\" \"}\n {moment\n .unix(rowData?.preOrder?.preOrderSlotStartTime)\n .format(\"DD-MM-YYYY\")}\n
\n Slot :{\" \"}\n {moment\n .unix(rowData?.preOrder?.preOrderSlotStartTime)\n .format(\"hh:mm A\")}{\" \"}\n -{\" \"}\n {moment\n .unix(rowData?.preOrder?.preOrderSlotEndTime)\n .format(\"hh:mm A\")}\n \n {(rowData?.declineOrderReason &&\n rowData?.orderStatus === C.orderStatus.REJECTED) ||\n (rowData?.orderCancelReason &&\n rowData?.orderStatus === C.orderStatus.CANCELLED) ? (\n
\n\n \n
\n ) : null}\n \n {rowData?.orderStatus === C.orderStatus.REJECTED\n ? t(\"Reject Reason\")\n : t(\"Cancel Reason\")}\n
\n \n {rowData?.orderStatus === C.orderStatus.REJECTED\n ? rowData?.declineOrderReason\n : rowData?.orderCancelReason}\n
\n \n
\n );\n };\n\n const OrderDetail = (value, rowData, index) => {\n return (\n <>\n \n {rowData.orderPlacedTime\n ? moment.unix(rowData.orderPlacedTime).format(\"DD/MM/YYYY\")\n : \"\"}\n
\n\n {rowData.orderPlacedTime\n ? moment.unix(rowData.orderPlacedTime).format(\"HH:mm:ss\")\n : \"\"}\n
\n\n \n \n \n \n
\n \n );\n};\n\nexport default OrderHistory;\n","import React from \"react\";\n\nimport moment from \"moment\";\nimport { isItemPublished } from \"../utils\";\nimport { PauseCircleOutline, PlayArrow } from \"@material-ui/icons\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction PlayPause({ rowData, state, handlePlayPause }) {\n const { t } = useTranslation();\n\n const IsPublished = isItemPublished(rowData, state);\n const Icon = IsPublished?.isValid ? (\n \n {t(\n \"For more detailed report contact Suppport at with your registered email address\",\n {\n email: process.env.REACT_APP_SUPPORT_EMAIL,\n }\n )}\n
\n\n\n
\n\n \n {\n setSelectedSearchCondition(value);\n setSearchTerm(null);\n }}\n >\n {searchByKeys.map((option) => (\n \n ))}\n \n
\n \n {\n setSearchTerm(\"\");\n }}\n />\n ) : (\n {\n getOrderHistory(orders.currentPage);\n handleStateChange(\"currentPage\", 1);\n }}\n />\n )\n }\n onChange={(e) => setSearchTerm(e.target.value)}\n value={searchTerm}\n />\n
\n \n {\n getOrderHistory(1);\n handleStateChange(\"currentPage\", 1);\n }}\n >\n {t(\"Search\")}\n \n
\n \n {\n handleStateChange(\"currentPage\", pagination.current);\n\n getOrderHistory(pagination.current);\n }}\n size=\"small\"\n rowKey={(record) => record.orderNumber}\n />\n
\n \n \n \n
\n \n );\n};\nexport default Inventory;\n","import { apiSlice } from \"redux/Api.Slice\";\nimport * as URL from \"api/api/apiUrls\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { UTILS } from \"utils\";\nimport { LoaderAction } from \"redux/actions\";\nconst postConfig = {\n query: (body) => ({\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n};\n\nconst MenuService = apiSlice.injectEndpoints({\n tagTypes: [\"Post\", \"User\"],\n endpoints: (builder) => ({\n getBrandMenus: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_BRAND_MENUS,\n ...postConfig.query(body),\n }),\n }),\n addNewMenu: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.CREATE_NEW_MENU,\n ...postConfig.query(body),\n }),\n }),\n getMenuInfo: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_MENU_INFO,\n ...postConfig.query(body),\n }),\n }),\n getBrandItems: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_BRAND_ITEMS,\n ...postConfig.query(body),\n }),\n }),\n getMenuCatInfo: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_MENU_CAT_INFO,\n ...postConfig.query(body),\n }),\n }),\n linkStoreWithMenu: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.LINK_STORES_WITH_MENU,\n ...postConfig.query(body),\n }),\n }),\n linkCategoryWithMenu: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.LINK_CATEGORY_WITH_MENU,\n ...postConfig.query(body),\n }),\n }),\n\n sortCategoryInMenu: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.SORT_CATEGORY_IN_MENU,\n ...postConfig.query(body),\n }),\n }),\n\n toggLeStoreInMenuCategoryITem: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.TOGGLE_STORE_IN_MENU,\n ...postConfig.query(body),\n }),\n }),\n getStoreItems: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_STORE_ITEMS,\n ...postConfig.query(body),\n }),\n }),\n }),\n});\nexport const {\n useGetBrandMenusMutation,\n useAddNewMenuMutation,\n useLinkStoreWithMenuMutation,\n useLinkCategoryWithMenuMutation,\n useSortCategoryInMenuMutation,\n useToggLeStoreInMenuCategoryITemMutation,\n useGetMenuInfoMutation,\n useGetMenuCatInfoMutation,\n useGetBrandItemsMutation,\n useGetStoreItemsMutation,\n} = MenuService;\nexport default MenuService;\n","import { errorHandler } from \"api/api/errorHandler\";\nimport { useGetStoreItemsMutation } from \"redux/menu/service\";\nimport { UTILS } from \"utils\";\n\nfunction useGetItemsByStoreId(updateState) {\n const [getStoreItems] = useGetStoreItemsMutation();\n\n const getItemsByStoreId = async (storeId) => {\n if (!storeId) return;\n try {\n updateState(\"loading\", true);\n const userDetail = UTILS.getCurrentUser();\n const result = await getStoreItems({\n brandId: userDetail.brandId,\n storeId: storeId,\n });\n if (result?.data?.success === 1 && result?.data?.data) {\n // setItems(result?.data?.data);\n updateState(\"items\", result?.data?.data);\n } else UTILS.handleErrorNotification(errorHandler(result?.message));\n } catch (error) {\n UTILS.handleErrorNotification(errorHandler(error?.error));\n } finally {\n updateState(\"loading\", false);\n }\n };\n return getItemsByStoreId;\n}\n\nexport default useGetItemsByStoreId;\n","import { UTILS } from \"utils\";\nimport { findIndex } from \"lodash\";\nimport { API } from \"api\";\nimport { errorHandler } from \"api/api/errorHandler\";\n\nfunction usePauseItem({\n setPauseModalState,\n updateState,\n getItemsByStoreId,\n state,\n}) {\n const playPauseItem = async (row, duration) => {\n try {\n updateState(\"loading\", true);\n const userDetail = UTILS.getCurrentUser();\n\n const result = await API.blockUnblockItemInStore({\n brandId: userDetail.brandId,\n storeId: state?.currentStoreId,\n itemId: row?._id,\n ...(duration && { duration }),\n });\n if (result?.success === 1) {\n if (Array.isArray(row?.unavailableStores) && row?.unavailableStores) {\n let arr = [...row?.unavailableStores];\n if (!row) {\n //add\n const store = {\n storeId: state?.currentStoreId,\n };\n arr.push(store);\n const index = findIndex(\n state?.items,\n (item) => item._id === row._id\n );\n let newArr = [...state?.items];\n newArr[index] = { ...newArr[index], unavailableStores: arr };\n updateState(\"items\", newArr);\n } else {\n //remove\n arr.splice(\n arr.findIndex((id) => id === state?.currentStoreId),\n 1\n );\n const index = findIndex(\n state?.items,\n (item) => item._id === row._id\n );\n let newArr = [...state?.items];\n newArr[index] = { ...newArr[index], unavailableStores: arr };\n updateState(\"items\", newArr);\n }\n } else {\n await getItemsByStoreId(state?.currentStoreId);\n }\n } else {\n UTILS.handleErrorNotification(errorHandler(result?.data?.message));\n }\n await getItemsByStoreId(state?.currentStoreId);\n setPauseModalState(\"open\", false);\n setPauseModalState(\"modifier\", null);\n setPauseModalState(\"deafaultOption\", {\n value: 6,\n unit: \"hours\",\n duration: \"6_HOURS\",\n });\n } catch (error) {\n console.log({ 666: error });\n UTILS.handleErrorNotification(errorHandler(error?.error));\n } finally {\n updateState(\"loading\", false);\n }\n };\n\n const handlePlayPause = async (key, row) => {\n if (key === \"pause\") {\n setPauseModalState(\"open\", true);\n setPauseModalState(\"modifier\", row);\n return;\n } else if (!row._id || !state?.currentStoreId) return;\n playPauseItem(row);\n };\n\n return { playPauseItem, handlePlayPause };\n}\n\nexport default usePauseItem;\n","import { Button, Radio, Spin } from \"antd\";\nimport React from \"react\";\nimport { CONSTANTS as C } from \"config\";\nimport Modal from \"components/Modal\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction PauseModalContainer({\n PauseModel,\n closeModal,\n setPauseModalState,\n playPauseItem,\n isLoading,\n heading,\n title1,\n title2,\n}) {\n const { t } = useTranslation();\n\n return (\n <>\n \n \n \n \n \n
\n \n {t(\n \"Select store from the dropdown to play/pause inventory for particular store\"\n )}\n
\n\n{t(\"Select store\")}
\n\n
\n \n
\n \n \n
\n \n \n \n \n setSearchTerm(e.target.value)}\n />\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {t(heading)}{\" \"}\n {/* {title1} */}\n
\n\n \n
\n \n {t(title2, {\n item: title1,\n })}\n
\n\n <>\n {C.ITEM_MODIFIER_UNAVAILABLE_DURATIONS.map((op) => {\n return (\n
\n\n \n \n setPauseModalState(\"deafaultOption\", {\n value: op.value,\n unit: op.unit,\n duration: op.duration,\n })\n }\n style={{ fontSize: \"16px\", color: \"#3f51b5\" }}\n value={op.value}\n checked={\n PauseModel?.deafaultOption?.value === op.value &&\n op.unit === PauseModel?.deafaultOption?.unit\n }\n >\n {t(op.title)}\n \n
\n );\n })}\n \n \n \n {t(\"Cancel\")}\n \n \n playPauseItem(\n PauseModel.modifier,\n PauseModel?.deafaultOption?.duration\n )\n }\n >\n {t(\"Pause\")}\n \n
\n \n
\n );\n};\nexport default Facebook;\n","import React from \"react\";\nimport { SVG_INSTAGRAM } from \"svg/SVGs\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nconst Instagram = ({ shopUrl }) => {\n const { t } = useTranslation();\n const getUrl = () => {\n let platform = \"?platform=insta\";\n if (shopUrl) {\n return shopUrl + platform;\n } else {\n const userDetail = UTILS.getCurrentUser();\n const url =\n userDetail.storeFrontURL + userDetail.temporaryDomainName + platform;\n return url;\n }\n };\n return (\n \n
\n \n
\n {t(\"Facebook\")}
\n\n {\n navigator.clipboard.writeText(getUrl());\n UTILS.handleSuccesNotification(t(\"Copied to Clipboard\"));\n }}\n >\n {t(\"Copy Link\")}\n \n
\n \n {t(\n \"Now you can add a Shop now link on your business Facebook page that goes straight to your ordering menu!\"\n )}\n
\n\n
\n \n {\n navigator.clipboard.writeText(getUrl());\n UTILS.handleSuccesNotification(t(\"Copied to Clipboard\"));\n }}\n >\n {t(\"Copy Link\")}\n \n
\n \n
\n );\n};\nexport default Instagram;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nconst Jeebly = () => {\n const { t } = useTranslation();\n return (\n \n
\n \n
\n {t(\"Instagram\")}
\n\n {\n navigator.clipboard.writeText(getUrl());\n UTILS.handleSuccesNotification(t(\"Copied to Clipboard\"));\n }}\n >\n {t(\"Copy Link\")}\n \n
\n \n {t(\n \"Let customers quickly place their orders directly from your business Instagram profile and Stories.\"\n )}\n
\n\n
\n \n {\n navigator.clipboard.writeText(getUrl());\n UTILS.handleSuccesNotification(t(\"Copied to Clipboard\"));\n }}\n >\n {t(\"Copy Link\")}\n \n
\n \n
\n );\n};\nexport default Jeebly;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nconst Quiqup = () => {\n const { t } = useTranslation();\n return (\n \n
\n \n
\n {t(\"Jeebly\")}
\n\n \n
\n \n {t(\n \"Dont have delivery? We covered you by integrating Jeebly. While Accepting an order select Jeebly. Send Email to\"\n )}{\" \"}\n \n {\" \"}\n {process.env.REACT_APP_SUPPORT_EMAIL}\n \n
\n\n \n
\n \n
\n );\n};\nexport default Quiqup;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nconst Telr = () => {\n const { t } = useTranslation();\n return (\n \n
\n \n
\n {t(\"Quiqup\")}
\n\n {\n window.open(\n `mailto:${process.env.REACT_APP_SUPPORT_EMAIL}?subject=Quiqup%20Integration%20Required&body=Please%20enter%20your%20brand%20details`\n );\n }}\n >\n {t(\"Contact Support\")}\n \n
\n \n {t(\n \"Dont have delivery? We covered you by integrating Quiqup. While Accepting an order select Quiqup. Send Email to\"\n )}{\" \"}\n \n {process.env.REACT_APP_SUPPORT_EMAIL}\n \n
\n\n {\n window.open(\n `mailto:${process.env.REACT_APP_SUPPORT_EMAIL}?subject=Quiqup%20Integration%20Required&body=Please%20enter%20your%20brand%20details`\n );\n }}\n >\n {t(\"Contact Support\")}\n \n
\n \n
\n );\n};\nexport default Telr;\n","import React from \"react\";\nimport { SVG_WHATSAPP } from \"svg/SVGs\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nconst Whatsapp = ({ shopUrl }) => {\n const { t } = useTranslation();\n const getUrl = () => {\n let platform = \"?platform=whats-app\";\n if (shopUrl) {\n return shopUrl + platform;\n } else {\n const userDetail = UTILS.getCurrentUser();\n const url =\n userDetail.storeFrontURL + userDetail.temporaryDomainName + platform;\n return url;\n }\n };\n return (\n \n
\n \n
\n {t(\"Telr Secure Payment\")}
\n\n {\n window.open(\n `mailto:${process.env.REACT_APP_SUPPORT_EMAIL}?subject=Telr%20Integration%20Required&body=Please%20enter%20your%20brand%20details`\n );\n }}\n >\n {t(\"Contact Support\")}\n \n
\n \n {t(\n \"Now get payments directly into your account by integrating Telr. Send Email to\"\n )}{\" \"}\n \n {process.env.REACT_APP_SUPPORT_EMAIL}\n \n
\n\n {\n window.open(\n `mailto:${process.env.REACT_APP_SUPPORT_EMAIL}?subject=Telr%20Integration%20Required&body=Please%20enter%20your%20brand%20details`\n );\n }}\n >\n {t(\"Contact Support\")}\n \n
\n \n
\n );\n};\nexport default Whatsapp;\n","import React from \"react\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport { SVG_MESSENGER } from \"svg/SVGs\";\nconst Messenger = ({ shopUrl }) => {\n const getUrl = () => {\n let platform = \"?platform=fb-messenger\";\n if (shopUrl) {\n return shopUrl + platform;\n } else {\n const userDetail = UTILS.getCurrentUser();\n const url =\n userDetail.storeFrontURL + userDetail?.temporaryDomainName + platform;\n return url;\n }\n };\n const { t } = useTranslation();\n return (\n \n
\n \n
\n {t(\"Whatsapp\")}
\n\n {\n navigator.clipboard.writeText(getUrl());\n UTILS.handleSuccesNotification(t(\"Copied to Clipboard\"));\n }}\n >\n {t(\"Copy Link\")}\n \n
\n \n {t(\n \"Use WhatsApp Business to invite customers to check your menu on RestHero and place their orders with a few clicks.!\",\n {\n company: process.env.REACT_APP_COMPANY_NAME,\n }\n )}\n
\n\n
\n \n {\n navigator.clipboard.writeText(getUrl());\n UTILS.handleSuccesNotification(t(\"Copied to Clipboard\"));\n }}\n >\n {t(\"Copy Link\")}\n \n
\n \n
\n );\n};\nexport default Messenger;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nconst Talabat = () => {\n const { t } = useTranslation();\n return (\n \n
\n \n
\n {t(\"Messenger\")}
\n\n {\n navigator.clipboard.writeText(getUrl());\n UTILS.handleSuccesNotification(t(\"Copied to Clipboard\"));\n }}\n >\n {t(\"Copy Link\")}\n \n
\n \n {t(\n \"Use Messenger to invite customers to check your menu on RestHero and place their orders with a few clicks.!\",\n {\n company: process.env.REACT_APP_COMPANY_NAME,\n }\n )}\n
\n\n
\n \n {\n navigator.clipboard.writeText(getUrl());\n UTILS.handleSuccesNotification(t(\"Copied to Clipboard\"));\n }}\n >\n {t(\"Copy Link\")}\n \n
\n \n
\n );\n};\nexport default Talabat;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nconst Yandex = () => {\n const { t } = useTranslation();\n return (\n \n
\n \n
\n {t(\"Talabat\")}
\n\n {\n window.open(\n `mailto:${process.env.REACT_APP_SUPPORT_EMAIL}?subject=Talabat%20Integration%20Required&body=Please%20enter%20your%20brand%20details`\n );\n }}\n >\n {t(\"Contact Support\")}\n \n
\n \n {t(\"integrating Talabat\")}{\" \"}\n \n {process.env.REACT_APP_SUPPORT_EMAIL}\n \n
\n\n {\n window.open(\n `mailto:${process.env.REACT_APP_SUPPORT_EMAIL}?subject=talabat%20Integration%20Required&body=Please%20enter%20your%20brand%20details`\n );\n }}\n >\n {t(\"Contact Support\")}\n \n
\n \n
\n );\n};\nexport default Yandex;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nconst Checkout = () => {\n const { t } = useTranslation();\n return (\n \n
\n \n
\n {t(\"Yandex\")}
\n\n {\n window.open(\n `mailto:${process.env.REACT_APP_SUPPORT_EMAIL}?subject=Yandex%20Integration%20Required&body=Please%20enter%20your%20brand%20details`\n );\n }}\n >\n {t(\"Contact Support\")}\n \n
\n \n {t(\"integrating Yandex\")}{\" \"}\n \n {process.env.REACT_APP_SUPPORT_EMAIL}\n \n
\n\n {\n window.open(\n `mailto:${process.env.REACT_APP_SUPPORT_EMAIL}?subject=Yandex%20Integration%20Required&body=Please%20enter%20your%20brand%20details`\n );\n }}\n >\n {t(\"Contact Support\")}\n \n
\n \n
\n );\n};\nexport default Checkout;\n","import PageHeading from \"components/PageHeading\";\nimport React, { useState, useEffect } from \"react\";\nimport Facebook from \"../components/facebook\";\nimport Instagram from \"../components/instagram\";\nimport Jeebly from \"../components/jeebly\";\nimport Quiqup from \"../components/quiqup\";\nimport Telr from \"../components/telr\";\nimport Whatsapp from \"../components/whatsapp\";\nimport { useTranslation } from \"react-i18next\";\nimport Messenger from \"../components/messenger\";\nimport { UTILS } from \"utils\";\nimport { useGetSettingsMutation } from \"redux/settings/settingsSlice\";\nimport { Spin } from \"antd\";\nimport Talabat from \"../components/talabat\";\nimport Yandex from \"../components/yandex\";\nimport Checkout from \"../components/checkout\";\nconst Integrations = () => {\n const [getSettings, { isLoading }] = useGetSettingsMutation();\n\n const [shopUrl, setShopUrl] = useState(\"\");\n const { t } = useTranslation();\n const fetchSettings = async () => {\n const userDetail = UTILS.getCurrentUser();\n const obj = {\n brandId: userDetail.brandId,\n };\n const data = await getSettings(obj).unwrap();\n\n if (data?.success === 1 && data?.data?.setting) {\n const userDetail = await UTILS.getCurrentUser();\n let url = `${userDetail.storeFrontURL}${data?.data?.setting?.temporaryDomainName}`;\n setShopUrl(url);\n }\n };\n useEffect(() => {\n fetchSettings();\n }, []);\n\n return (\n \n
\n \n
\n \n {t(\"Checkout Online Payment\")}\n
\n\n {\n window.open(\n `mailto:${process.env.REACT_APP_SUPPORT_EMAIL}?subject=Checkout%20Integration%20Required&body=Please%20enter%20your%20brand%20details`\n );\n }}\n >\n {t(\"Contact Support\")}\n \n
\n \n {t(\"Integrating checkout\")}{\" \"}\n \n {process.env.REACT_APP_SUPPORT_EMAIL}\n \n
\n\n {\n window.open(\n `mailto:${process.env.REACT_APP_SUPPORT_EMAIL}?subject=Checkout%20Integration%20Required&body=Please%20enter%20your%20brand%20details`\n );\n }}\n >\n {t(\"Contact Support\")}\n \n
\n \n \n \n
\n );\n};\nexport default Integrations;\n","import { apiSlice } from \"redux/Api.Slice\";\nimport * as URL from \"api/api/apiUrls\";\nimport { UTILS } from \"utils\";\nimport { AreasAction } from \"redux/actions\";\nimport { postConfig } from \"redux/Api.Slice\";\nimport { LoaderAction } from \"redux/actions\";\nimport { errorHandler } from \"api/api/errorHandler\";\n\nconst loyaltyService = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n createLoyalty: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.CREATE_LOYALTY,\n ...postConfig.query(body),\n }),\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(LoaderAction.setLoading(true));\n try {\n const { data } = await queryFulfilled;\n if (data?.success === 1 && data?.data) {\n UTILS.successNotification(data.message);\n }\n if (data?.success === 0) {\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n UTILS.handleErrorNotification(errorHandler(err));\n }\n dispatch(LoaderAction.setLoading(false));\n },\n }),\n updateLoyalty: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.UPDATE_LOYALTY,\n ...postConfig.query(body),\n }),\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(LoaderAction.setLoading(true));\n try {\n const { data } = await queryFulfilled;\n if (data?.success === 1 && data?.data) {\n UTILS.successNotification(data.message);\n }\n if (data?.success === 0) {\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n UTILS.handleErrorNotification(errorHandler(err));\n }\n dispatch(LoaderAction.setLoading(false));\n },\n }),\n\n getLoyaltyDetailsByBrandName: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_LOYALTY_DETAILS_BY_BRAND_NAME,\n ...postConfig.query(body),\n }),\n\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(LoaderAction.setLoading(true));\n\n try {\n const { data } = await queryFulfilled;\n if (data?.success === 1 && data?.data?.areas) {\n dispatch(AreasAction.setAddedCountries(data.data.areas));\n } else {\n errorHandler(data);\n }\n } catch (err) {\n errorHandler(err);\n }\n dispatch(LoaderAction.setLoading(false));\n },\n }),\n getUserWalletBalance: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_USER_WALLET_BALANCE,\n ...postConfig.query(body),\n }),\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n try {\n dispatch(LoaderAction.setLoading(true));\n } catch (err) {\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n },\n }),\n getUserWalletTransactionHistory: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_USER_WALLET_TRANSACTION_HISTORY,\n ...postConfig.query(body),\n }),\n\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n try {\n dispatch(LoaderAction.setLoading(true));\n await queryFulfilled;\n } catch (err) {\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n },\n }),\n createUserWalletTransaction: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.CREATE_USER_WALLET_TRANSACTION,\n ...postConfig.query(body),\n }),\n\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n try {\n dispatch(LoaderAction.setLoading(true));\n const { data } = await queryFulfilled;\n if (data?.success === 1) {\n UTILS.successNotification(data.message);\n }\n if (data?.success === 0) {\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n UTILS.handleErrorNotification(errorHandler(err));\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n },\n }),\n getAllBrandCustomers: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_ALL_BRAND_CUSTOMERS,\n ...postConfig.query(body),\n }),\n\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n try {\n dispatch(LoaderAction.setLoading(true));\n const { data } = await queryFulfilled;\n\n if (data?.success === 0) {\n UTILS.handleErrorNotification(errorHandler(data));\n }\n } catch (err) {\n UTILS.handleErrorNotification(errorHandler(err));\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n },\n }),\n }),\n overrideExisting: true,\n});\nexport const {\n useCreateLoyaltyMutation,\n useUpdateLoyaltyMutation,\n useGetLoyaltyDetailsByBrandNameMutation,\n useGetUserWalletBalanceMutation,\n useGetUserWalletTransactionHistoryMutation,\n useCreateUserWalletTransactionMutation,\n useGetAllBrandCustomersMutation,\n} = loyaltyService;\nexport default loyaltyService;\n","import { Spin, Table } from \"antd\";\nimport Card from \"components/Card\";\nimport PageHeading from \"components/PageHeading\";\nimport React, { useEffect, useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nimport { useTranslation } from \"react-i18next\";\nimport { useGetAllBrandCustomersMutation } from \"redux/loyalty/loyalty-service\";\nconst Customers = () => {\n const [loading, setLoading] = useState(false);\n const [customers, setCustomers] = useState([]);\n const { t } = useTranslation();\n const [getAllBrandCustomers] = useGetAllBrandCustomersMutation();\n\n const columns = [\n {\n title: t(\"Mobile\"),\n dataIndex: \"phoneNumber\",\n align: \"initial\",\n key: \"phoneNumber\",\n render: (val, row, index) => {\n return {val};\n },\n },\n ];\n const getBrandCustomers = async () => {\n setLoading(true);\n const { data } = await getAllBrandCustomers();\n if (data?.success === 1 && data?.data?.users?.length > 0) {\n console.log({ getAllBrandCustomers: data.data.users });\n setCustomers(data.data.users);\n } else {\n UTILS.handleSuccesNotification(t(\"No Customer Report Found\"));\n setCustomers([]);\n }\n setLoading(false);\n };\n\n useEffect(() => {\n getBrandCustomers();\n }, []);\n\n return (\n \n
\n \n {t(\n \"Increase sales and get more exposure by connecting RestHero to your social media channels and other partners.\",\n {\n company: process.env.REACT_APP_COMPANY_NAME,\n }\n )}\n
\n\n {t(\"Social Integrations\")}\n
\n\n
\n \n
\n \n {t(\"Delivery Integrations\")}\n
\n\n
\n \n
\n\n \n {t(\"Payment Integrations\")}\n
\n\n
\n \n
\n );\n};\nexport default Customers;\n","import { useState, useEffect } from \"react\";\n\nfunction getWindowDimensions() {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height,\n };\n}\n\nconst useWindowDimensions = () => {\n const [windowDimensions, setWindowDimensions] = useState(\n getWindowDimensions()\n );\n\n useEffect(() => {\n function handleResize() {\n setWindowDimensions(getWindowDimensions());\n }\n\n window.addEventListener(\"resize\", handleResize);\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n\n return windowDimensions;\n};\nexport default useWindowDimensions;\n","import React from \"react\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport ReactDevicePreview from \"react-device-preview\";\n\nconst LoadPreviewWithDevice = ({ imgSrc, imgDes }) => {\n const { t } = useTranslation();\n return (\n \n \n \n \n \n
\n \n
\n \n \n
\n \n {UTILS.getCurrentUser().brandName}\n
\n \n\n 
\n
\n \n
\n\n \n
\n \n ![](\"/images/insta-heart.png\")
\n
\n \n \n ![](\"/images/insta-comment.png\")
\n
\n \n \n ![](\"/images/send.png\")
\n
\n \n \n ![](\"/images/insta-bookmark.png\")
\n
\n \n \n
\n 5 {t(\"Likes\")}
\n{imgDes}
\n\n
\n );\n};\nexport default LoadPreview;\n","import { API } from \"api\";\nimport PageHeading from \"components/PageHeading\";\nimport React, { useEffect, useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport { Button, Space, Spin, Table, Tooltip } from \"antd\";\nimport RadioButton from \"components/RadioButton\";\nimport { useTranslation } from \"react-i18next\";\nimport Card from \"components/Card\";\nimport Title from \"antd/lib/typography/Title\";\nimport useWindowDimensions from \"hooks/useWindowDimensions\";\nimport LoadPreviewWithDevice from \"../components/LoadPreviewWithDevice\";\nimport LoadPreview from \"../components/LoadPreview\";\nconst Marketing = () => {\n const [items, setItems] = useState([]);\n const [loading, setLoading] = useState(true);\n const [imgSrc, setImageSrc] = useState(\"\");\n const [imgDes, setDes] = useState(\"\");\n const { t } = useTranslation();\n const { height, width } = useWindowDimensions();\n // const [itemToDisplay, setItemToDisplay] = useState();\n\n const getItemsByBrand = async () => {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_ITEMS_BY_BRAND({\n token: userDetail.token,\n brandId: userDetail.brandId,\n language: \"EN\",\n });\n if (result && result.success == 1) {\n let arr = result.data;\n if (Array.isArray(arr) && arr.length > 0) {\n const modifiedArr = arr.map((obj) => (obj = { ...obj, isON: false }));\n modifiedArr[0].isON = true;\n setItems(modifiedArr);\n setImageSrc(result.data[0].itemImageURLs[0]);\n const userDetail = UTILS.getCurrentUser();\n const text =\n userDetail.storeFrontURL + userDetail.brandName + \"?platform=insta\";\n setDes(\n result.data[0]?.baseLanguage?.title +\n \", \" +\n result.data[0]?.baseLanguage?.description +\n \", only \" +\n result?.data[0]?.price +\n \" AED, Order Now: \" +\n text\n );\n }\n } else {\n }\n setLoading(false);\n };\n\n useEffect(() => {\n getItemsByBrand();\n }, []);\n\n const renderTitleWithImage = (value, rowData, index) => {\n return (\n \n ![](\"/images/logo.png\")
\n \n
\n \n \n {UTILS.getCurrentUser().brandName}\n
\n \n\n \n
\n \n
\n\n \n
\n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n
\n 5 {t(\"Likes\")}
\n{imgDes}
\n\n 0\n ? rowData.itemImageURLs[0]\n : \"/images/logo_gray.png\"\n }\n className=\"w-20 h-20\"\n />\n
\n );\n };\n\n const handleValues = (key, val) => {\n let arr = [...items];\n let modifiedArr = arr.map((obj) => (obj = { ...obj, isON: false }));\n modifiedArr[key].isON = val;\n setItems(modifiedArr);\n if (val) {\n setImageSrc(arr[key].itemImageURLs[0]);\n const userDetail = UTILS.getCurrentUser();\n const text =\n userDetail.storeFrontURL + userDetail.brandName + \"?platform=insta\";\n setDes(\n arr[key]?.baseLanguage?.title +\n \", \" +\n arr[key]?.baseLanguage?.description +\n \", only \" +\n arr[key]?.price +\n \" AED, Order Now: \" +\n text\n );\n }\n };\n\n const renderSelection = (value, rowData, index) => {\n return (\n \n
\n \n {UTILS.isValidObject([\"baseLanguage\", t(\"title\")], rowData)\n ? rowData.baseLanguage.title\n : \"\"}\n
\n {/*Ingredients: {UTILS.isValidObject([\"baseLanguage\",\"ingredients\"],rowData) ? rowData.baseLanguage.ingredients : \"\"}
*/}\n\n \n {UTILS.isValidObject([\"baseLanguage\", t(\"description\")], rowData)\n ? rowData.baseLanguage.description\n : \"\"}\n
\n\n
\n );\n };\n\n const columns = [\n {\n title: t(\"Select\"),\n width: \"20%\",\n render: renderSelection,\n },\n {\n title: t(\"Item\"),\n dataIndex: \"baseLanguage\",\n render: renderTitleWithImage,\n },\n {\n title: t(\"Price\"),\n dataIndex: \"price\",\n width: \"20%\",\n render: (val, rowData, index) => {\n return t(\"AED\") + \" \" + val;\n },\n },\n ];\n\n return (\n \n
\n );\n};\nexport default Marketing;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport { UTILS } from \"utils\";\nconst BubbleTopMessage = () => {\n const { t } = useTranslation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n\n return (\n \n
\n \n \n \n \n \n
\n \n {t(\"Items\")}\n
\n\n {t(\"Select Items from Left Pane to post on Social Media.\")}\n
\n\n \n \n
\n \n
\n \n
\n \n \n UTILS.HANDLE_SUCCESS_NOTIFICATION(\n \"topRight\",\n \"success\",\n t(\"Coming Soon!\")\n )\n }\n >\n {t(\"Post\")}\n \n
\n\n \n {t(\"Instagram Preview\")}\n
\n\n {width >= 768 ? (\n
\n \n
\n );\n};\nexport default BubbleTopMessage;\n","import { Button, Collapse, Tag } from \"antd\";\nimport React, { useRef } from \"react\";\nimport { getI18n, useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\nimport { CONSTANTS as C } from \"config\";\nimport Instagram from \"features/integrations/components/instagram\";\nimport Facebook from \"features/integrations/components/facebook\";\nimport Whatsapp from \"features/integrations/components/whatsapp\";\nimport Messenger from \"features/integrations/components/messenger\";\nimport useUserType from \"hooks/useUserType\";\n\nconst Step = (props) => {\n const userType = useUserType() || UTILS.getCurrentUser()?.userType;\n const { Panel } = Collapse;\n const { t } = useTranslation();\n const router = useHistory();\n let ref = useRef();\n const getExtra = (step) => {\n return (\n \n
\n \n
\n \n {t(\"Ali from RestHero\", {\n company:\n currentLanguage === \"EN\"\n ? process.env.REACT_APP_COMPANY_NAME_EN\n : process.env.REACT_APP_COMPANY_NAME_AR,\n owner:\n currentLanguage === \"EN\"\n ? process.env.REACT_APP_OWNER_NAME_EN\n : process.env.REACT_APP_OWNER_NAME_AR,\n })}\n
\n\n {t(\"Hi\")} {UTILS.getCurrentUser().name}!{\" \"}\n {t(\"Bubble_message\", {\n company:\n currentLanguage === \"EN\"\n ? process.env.REACT_APP_COMPANY_NAME_EN\n : process.env.REACT_APP_COMPANY_NAME_AR,\n owner:\n currentLanguage === \"EN\"\n ? process.env.REACT_APP_OWNER_NAME_EN\n : process.env.REACT_APP_OWNER_NAME_AR,\n })}\n
\n\n ![](\"/images/character.png\")
\n
\n \n {step?.isCompleted && {t(\"Done\")} }
\n );\n };\n const getDefaultActiveKey = () => {\n try {\n window.scrollTo({ behavior: \"smooth\", top: ref?.current?.offsetTop });\n } catch (error) {}\n return props.opened ? [\"1\"] : [\"0\"];\n };\n\n const getKeyAgainstLanguage = () => {\n const lang = getI18n();\n return lang.language == \"en\" ? \"en\" : \"ar\";\n };\n\n const playVideo = (url) => {\n const id = getVideoId(url);\n props.playVideo(id);\n };\n\n const previewStore = () => {\n const userDetail = UTILS.getCurrentUser();\n const url =\n userDetail?.storeFrontURL +\n userDetail?.temporaryDomainName +\n \"?platform=Web\";\n if (url) {\n window.open(url, \"_blank\").focus();\n }\n };\n\n const getActionButtonAgainstStep = () => {\n switch (props?.step?.taskType) {\n case \"GET_TO_KNOW\":\n return (\n \n {\n if (props?.step?.taskType == \"GET_TO_KNOW\")\n props.addTaskToDone(props?.step?._id);\n playVideo(\n props?.step?.translations[getKeyAgainstLanguage()]?.video_url\n );\n }}\n >\n ![](\"/images/youtube.png\")
\n \n
\n );\n };\n const DetailView = () => {\n return (\n \n \n \n \n
\n \n
\n \n {props?.step?.translations[getKeyAgainstLanguage()]?.caption}\n
\n\n {props?.step?.translations[getKeyAgainstLanguage()]?.description}\n
\n {getActionButtonAgainstStep()}\n\n {props?.step?.translations[getKeyAgainstLanguage()]?.video_url != \"\"\n ? getVideoContent()\n : \"\"}\n
\n \n
\n \n
\n \n \n );\n };\n return (\n \n \n \n
\n );\n};\nStep.propTypes = {\n step: PropTypes.object,\n enabled: PropTypes.string,\n index: PropTypes.number,\n opened: PropTypes.bool,\n openModal: PropTypes.func,\n playVideo: PropTypes.func,\n addTaskToDone: PropTypes.func,\n length: PropTypes.number,\n};\nexport default Step;\n","import { Spin, Table } from \"antd\";\nimport { API } from \"api\";\nimport React, { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { UTILS } from \"utils\";\nimport { CONSTANTS as C } from \"config\";\nimport { useHistory } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\n\nconst ModalSelectStore = (props) => {\n const [stores, setStores] = useState([]);\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n const router = useHistory();\n const getCurrentUserStores = async () => {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_CRRENT_USER_STORES({\n token: userDetail.token,\n language: \"EN\",\n });\n if (\n result &&\n result.success == 1 &&\n Array.isArray(result.data) &&\n result.data.length >= 1\n )\n setStores(result.data);\n else {\n }\n setLoading(false);\n };\n\n const renderActions = (value, rowData, index) => {\n return (\n \n \n \n
\n );\n};\nModalSelectStore.propTypes = {\n onClose: PropTypes.func,\n};\nexport default ModalSelectStore;\n","import { Spin } from \"antd\";\nimport PageHeading from \"components/PageHeading\";\nimport React, { useEffect, useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport BubbleTopMessage from \"../components/BubbleTopMessage\";\nimport { API } from \"api\";\nimport { UTILS } from \"utils\";\nimport { PackageUtil } from \"utils\";\nimport Step from \"../components/Step\";\nimport Modal from \"components/Modal\";\nimport useCatalogue from \"hooks/useCatalogue\";\nimport { useSelector } from \"react-redux\";\nimport ModalSelectStore from \"../components/ModalSelectStore\";\nconst GetStarted = () => {\n const history = useHistory();\n const [steps, setSteps] = useState([]);\n const [loading, setLoading] = useState(false);\n const [open, setOpen] = useState(false);\n const [videoId, setVideoId] = useState(\"\");\n const [modalVideoOpen, setModalVideoOpen] = useState(false);\n const { t } = useTranslation();\n const catelougeType = useCatalogue(\"getstarted\");\n const getGuidanceFlowSetupStatus = async () => {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_GUIDANCE_FLOW_SETUP_WITH_STATUS({\n token: userDetail.token,\n });\n if (result?.success === 1 && Array.isArray(result.result))\n setSteps(result?.result);\n else {\n }\n setLoading(false);\n };\n\n const playVideo = (id) => {\n setVideoId(id);\n setModalVideoOpen(true);\n };\n\n const addTaskToDone = async (id) => {\n const userDetail = UTILS.getCurrentUser();\n const result = await API.ADD_TASK_TO_DONE({\n token: userDetail.token,\n taskId: id,\n });\n getGuidanceFlowSetupStatus();\n };\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const check_PackageValidity = async () => {\n const { result } = await UTILS.checkPackageValidity(currentLanguage);\n if (result?.data) {\n const diff = PackageUtil.getPackageExpiry(result.data.subscription);\n if (diff > 5) {\n history.push(\"/app/dashboard/subscription\");\n }\n }\n };\n useEffect(() => {}, []);\n\n useEffect(() => {\n check_PackageValidity();\n getGuidanceFlowSetupStatus();\n }, []);\n\n const getEnabled = (s, index) => {\n if (s?.isCompleted) return \"enabled\";\n else if (index == 0) return \"enabled\";\n else if (steps[index - 1]?.isCompleted && !s?.isCompleted) return \"enabled\";\n else return \"disabled\";\n };\n\n const getOpened = (s, index) => {\n if (index === 0 && !s.isCompleted) return true;\n else if (steps[index - 1]?.isCompleted && !s?.isCompleted) return true;\n else return false;\n };\n return (\n \n {t(\"Add areas where your store can deliver\")}\n
\n\n \n {t(\"Cancel\")}\n \n
\n \n setOpen(false)}\n scroll={true}\n >\n setOpen(false)} />\n \n setModalVideoOpen(false)}\n >\n
\n );\n};\nexport default GetStarted;\n","import React from \"react\";\nimport { DatePicker, Space } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Form = ({ setState, getOrdersHistory }) => {\n const { t } = useTranslation();\n\n const { RangePicker } = DatePicker;\n const handleChange = (date, dateString) => {\n setState({\n startData: dateString[0],\n endData: dateString[1],\n });\n };\n return (\n \n \n
\n \n \n setModalVideoOpen(false)}\n className=\"bg-white px-5 py-2 text-sm shadow-sm font-medium border text-gray-600 rounded-sm hover:shadow-md hover:bg-gray-100 justify-center\"\n >\n {t(\"Ok\")}\n \n
\n \n \n \n
\n \n \n {t(\"Your Quick Start Guide\")}\n \n
\n \n
\n \n
\n \n {steps &&\n steps.map((s, index) => {\n return (\n setOpen(true)}\n playVideo={playVideo}\n addTaskToDone={addTaskToDone}\n />\n );\n })}\n
\n \n \n \n \n getOrdersHistory(null)}\n >\n {t(\"Submit\")}\n \n
\n );\n};\n\nexport default Form;\n","import React from \"react\";\nimport DashboardCard from \"features/dashboard/components/DashboardCard\";\nimport { useTranslation } from \"react-i18next\";\nconst Stats = ({ cardEarning, onlineEarning }) => {\n const { t } = useTranslation();\n return (\n \n
\n );\n};\n\nexport default Stats;\n","import React from \"react\";\nimport { Table } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport Card from \"components/Card\";\nimport \"moment-timezone\";\nimport moment from \"moment\";\n\nconst OnlineOrderTable = ({ orders, handlePageChange, setPage }) => {\n const { t } = useTranslation();\n const columns = [\n {\n title: t(\"Number\"),\n dataIndex: \"orderNumber\",\n align: \"initial\",\n key: \"orderNumber\",\n },\n {\n title: t(\"Price\"),\n dataIndex: \"totalOrderPrice\",\n align: \"initial\",\n key: \"totalOrderPrice\",\n },\n {\n title: t(\"Status\"),\n dataIndex: \"orderStatus\",\n align: \"initial\",\n key: \"orderStatus\",\n render: (val, row, index) => {\n return t(val);\n },\n },\n {\n title: t(\"Verified\"),\n dataIndex: \"orderCheckoutOnlinePaymentMetadata\",\n align: \"initial\",\n key: \"orderCheckoutOnlinePaymentMetadata\",\n render: (val, row, index) => {\n if (row?.paymentType !== \"CREDIT_CARD\") return t(\"N/a\");\n return row?.orderCheckoutOnlinePaymentMetadata?.data?.status ===\n \"VERIFIED\"\n ? t(\"yes\")\n : t(\"no\");\n },\n },\n {\n title: t(\"Order Placed Time\"),\n dataIndex: \"orderPlacedTime\",\n align: \"initial\",\n key: \"orderPlacedTime\",\n render: (val, row, index) => {\n return moment.unix(val).tz(\"UTC\").format(\"DD/MM/YYYY hh:mm A\");\n },\n },\n\n {\n title: t(\"Store\"),\n dataIndex: \"storeInfo\",\n width: \"25%\",\n render: (val, row, index) => {\n return val?.baseLanguage?.name;\n },\n key: \"storeInfo\",\n },\n {\n title: t(\"Payment Method\"),\n dataIndex: \"paymentType\",\n align: \"initial\",\n key: \"paymentType\",\n render: (val, row, index) => {\n return t(val);\n },\n },\n ];\n return (\n \n
\n \n
\n \n \n {\n setPage(pagination.current);\n handlePageChange(pagination.current);\n }}\n size=\"small\"\n rowKey={(record) => record._id}\n />\n \n
\n );\n};\n\nexport default OnlineOrderTable;\n","import React, { useState } from \"react\";\nimport { Button, Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport Form from \"../components/Form\";\nimport Stats from \"../components/Stats\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { downloadReports } from \"utils/Utils\";\nimport OnlineOderTable from \"../components/OnlineOrderTable\";\nimport { errorNotification } from \"utils/Utils\";\nconst Orders = () => {\n const { t } = useTranslation();\n\n const [state, setState] = useState({\n startData: \"\",\n endData: \"\",\n loading: false,\n orderHistory: {\n data: [],\n totalPages: 0,\n },\n codEarning: 0,\n onlineEarning: 0,\n });\n const [page, setPage] = useState(1);\n\n const setLocalStateData = (key, val) =>\n setState((prevState) => ({ ...prevState, [key]: val }));\n\n const resetstate = () => {\n setLocalStateData(\"orderHistory\", {\n data: [],\n totalPages: 0,\n });\n\n setLocalStateData(\"codEarning\", 0);\n setLocalStateData(\"onlineEarning\", 0);\n };\n\n const getOrdersHistory = async (pageNumber) => {\n try {\n if (!UTILS.validateSelectedDates(state.startData, state.endData)) return;\n setLocalStateData(\"loading\", true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_ORDER_HISTORY({\n startDate: state.startData,\n endDate: state.endData,\n brandId: userDetail.brandId,\n page: pageNumber ?? page,\n });\n\n if (result?.success === 1 && result?.data?.orders) {\n if (result?.data?.orders.length >= 1 && result?.data?.count) {\n setLocalStateData(\"orderHistory\", {\n data: result.data.orders,\n totalPages: result.data.count?.totalOrders,\n });\n const cardEarning = result.data.count.cardMachineOrdersEarning || 0;\n const codeEarning = result.data.count.cashOrdersEarning || 0;\n const totalCodEarning = Number(codeEarning + cardEarning).toFixed(2);\n setLocalStateData(\"codEarning\", totalCodEarning);\n setLocalStateData(\n \"onlineEarning\",\n result.data.count.onlineOrdersEarning\n );\n } else {\n UTILS.handleSuccesNotification(t(\"No Order History Found\"));\n resetstate();\n }\n } else {\n // reset\n resetstate();\n UTILS.handleErrorNotification(\n t(result?.error?.message || errorHandler(result?.error))\n );\n }\n } catch (error) {\n resetstate();\n UTILS.handleErrorNotification(\n t(error?.error?.message || errorHandler(error?.error))\n );\n } finally {\n setLocalStateData(\"loading\", false);\n }\n };\n\n const setDate = (date) => {\n setLocalStateData(\"startData\", date.startData);\n setLocalStateData(\"endData\", date.endData);\n };\n\n const downloadexcel = async () => {\n try {\n if (!UTILS.validateSelectedDates(state.startData, state.endData)) return;\n setLocalStateData(\"loading\", true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.downloadOrderHistoryExcelReport({\n startDate: state.startData,\n endDate: state.endData,\n brandId: userDetail.brandId,\n });\n console.log({ downloadOrderHistoryExcelReport: result });\n if (result?.success === 1 && result?.data) {\n UTILS.handleSuccesNotification(\n t(\"Order History Exported Successfully\")\n );\n const url = result?.data;\n downloadReports(url);\n } else {\n UTILS.handleErrorNotification(\n t(result?.error?.message || errorHandler(result?.error))\n );\n }\n } catch (error) {\n errorNotification(errorHandler(error?.error?.message || error?.error));\n } finally {\n setLocalStateData(\"loading\", false);\n }\n };\n return (\n \n \n \n
\n );\n};\n\nexport default Orders;\n","import React from \"react\";\n\nconst Heading = (props) => {\n return {t(\"Order History\")}
\n\n \n \n\n {state.orderHistory?.data?.length > 0 && (\n \n {t(\"Export\")}\n \n )}\n
\n \n
\n )}\n\n \n {t(\"Note\")}\n \n {t(\n \"The online orders income is shown without PAYMENT gateway fees\"\n )}\n \n
\n {props.title}
;\n};\n\nexport default Heading;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport DashboardCard from \"features/dashboard/components/DashboardCard\";\n\nconst PaymentLinkStats = ({ earning }) => {\n const { t } = useTranslation();\n return (\n \n
\n );\n};\n\nexport default PaymentLinkStats;\n","import React from \"react\";\nimport { Table } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport Card from \"components/Card\";\nimport moment from \"moment\";\nimport { useSelector } from \"react-redux\";\nconst PaymentLinkTable = ({ paymentLinks, handlePageChange, setPage }) => {\n const { t } = useTranslation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const PAID_STATUS = \"PAID\";\n const renderStatus = (val) => (\n \n
\n \n \n {\n setPage(pagination.current);\n handlePageChange(pagination.current);\n }}\n size=\"small\"\n locale={{ emptyText: t(\"No Data\") }}\n rowKey={(record) => record._id}\n />\n \n
\n );\n};\n\nexport default PaymentLinkTable;\n","import React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport Form from \"../components/Form\";\nimport Heading from \"../components/Heading\";\nimport PaymentLinkStats from \"../components/PaymentLinkStats\";\nimport PaymentLinkTable from \"../components/PaymentLinkTable\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\n\nimport { Button, Spin } from \"antd\";\n\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { downloadReports } from \"utils/Utils\";\nimport { errorNotification } from \"utils/Utils\";\nconst PaymentLinks = () => {\n const { t } = useTranslation();\n const [page, setPage] = useState(1);\n\n const [state, setState] = useState({\n startData: \"\",\n endData: \"\",\n });\n const [loading, setLoading] = useState(false);\n const [earning, setEarning] = useState(0);\n const [paymentLinkData, setPaymentData] = useState({\n data: [],\n totalPages: 1,\n });\n\n const resetstate = () => {\n setPaymentData((paymentLinkData) => ({\n data: [],\n totalPages: 1,\n }));\n setEarning(0);\n };\n\n const getPaymentLinksHistory = async (pageNumber) => {\n try {\n if (!UTILS.validateSelectedDates(state.startData, state.endData)) return;\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_PAYMENTLINK_HISTORY({\n startDate: state.startData,\n endDate: state.endData,\n brandId: userDetail.brandId,\n page: pageNumber ?? page,\n });\n if (result && result.success === 1 && result?.data?.fetchLinks) {\n if (result?.data?.fetchLinks?.length > 0) {\n setPaymentData((prevState) => {\n return {\n data: result?.data?.fetchLinks,\n totalPages: result.data.count,\n };\n });\n\n setEarning(UTILS.totalLinksEarning(result?.data?.fetchLinks));\n UTILS.handleSuccesNotification(t(result.message));\n } else {\n resetstate();\n UTILS.handleSuccesNotification(t(\"No Payment Links Found\"));\n }\n } else {\n resetstate();\n UTILS.handleErrorNotification(\n t(result?.error?.message || errorHandler(result?.error))\n );\n }\n } catch (error) {\n resetstate();\n UTILS.handleErrorNotification(\n t(error?.error?.message || errorHandler(error?.error))\n );\n } finally {\n setLoading(false);\n }\n };\n\n const downloadexcel = async () => {\n try {\n if (!UTILS.validateSelectedDates(state.startData, state.endData)) return;\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.downloadPaymentLinksExcelReport({\n startDate: state.startData,\n endDate: state.endData,\n brandId: userDetail.brandId,\n });\n if (result?.success === 1 && result?.data) {\n UTILS.handleSuccesNotification(\n t(\"Payment Links Exported Successfully\")\n );\n const url = result?.data;\n downloadReports(url);\n } else {\n UTILS.handleErrorNotification(\n t(result?.error?.message || errorHandler(result?.error))\n );\n }\n } catch (error) {\n errorNotification(errorHandler(error?.error?.message || error?.error));\n } finally {\n setLoading(false);\n }\n };\n return (\n \n \n \n
\n );\n};\n\nexport default PaymentLinks;\n","import React from \"react\";\nimport { Table } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport Card from \"components/Card\";\n\nconst CustomerTable = ({ customers, handlePageChange = () => {}, setPage }) => {\n const { t } = useTranslation();\n const columns = [\n {\n title: t(\"Customer Name\"),\n dataIndex: \"name\",\n align: \"initial\",\n key: \"customerName\",\n render: (val, row, index) => {\n return (\n \n \n {paymentLinkData?.data?.length > 0 && (\n \n {t(\"Export\")}\n \n )}\n
\n\n \n {val || t(\"N/A\")}\n
\n );\n },\n },\n {\n title: t(\"Phone Number\"),\n dataIndex: \"customerPhone\",\n align: \"initial\",\n key: \"customerPhone\",\n render: (val, row, index) => {\n return (\n \n {val}\n
\n );\n },\n },\n {\n title: t(\"CASH Spending\"),\n dataIndex: \"codEarning\",\n align: \"initial\",\n key: \"codEarning\",\n },\n {\n title: t(\"ONLINE Spending\"),\n dataIndex: \"onlineEarning\",\n align: \"initial\",\n key: \"onlineEarning\",\n },\n ];\n\n return (\n \n \n record?.customerId}\n size=\"small\"\n onChange={(pagination, filters, sorter) => {\n setPage(pagination.current);\n handlePageChange(pagination.current);\n }}\n />\n \n
\n );\n};\n\nexport default CustomerTable;\n","import React, { useState } from \"react\";\nimport { Button, Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { API } from \"api\";\nimport { UTILS } from \"utils\";\nimport CustomerTable from \"../components/CustomerTable\";\nimport Form from \"../components/Form\";\nimport Heading from \"../components/Heading\";\n\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { downloadReports } from \"utils/Utils\";\nimport { errorNotification } from \"utils/Utils\";\nconst CustomersReport = () => {\n const { t } = useTranslation();\n const [page, setPage] = useState(1);\n\n const [state, setState] = useState({\n startData: \"\",\n endData: \"\",\n });\n const [loading, setLoading] = useState(false);\n const [customers, setCustomers] = useState({\n data: [],\n totalPages: 1,\n });\n const resetstate = () => {\n setCustomers((customers) => ({\n data: [],\n totalPages: 1,\n }));\n };\n\n const getCustomerReport = async (pageNumber) => {\n try {\n if (!UTILS.validateSelectedDates(state.startData, state.endData)) return;\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_CUSTOMER_REPORT({\n startDate: state.startData,\n endDate: state.endData,\n brandId: userDetail.brandId,\n page: pageNumber ?? page,\n });\n if (result?.success === 1) {\n if (result?.data?.customers && result?.data?.customers.length > 0) {\n const customerReport = await UTILS.getEachCustomeData(\n result?.data?.customers\n );\n\n setCustomers((customers) => ({\n data: customerReport,\n totalPages: result?.data?.count,\n }));\n } else {\n UTILS.handleSuccesNotification(t(\"No Customer Report Found\"));\n resetstate();\n }\n }\n } catch (error) {\n resetstate();\n UTILS.handleErrorNotification(\n t(error?.error?.message || errorHandler(error?.error))\n );\n } finally {\n setLoading(false);\n }\n };\n\n const downloadexcel = async () => {\n try {\n if (!UTILS.validateSelectedDates(state.startData, state.endData)) return;\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.downloadCustomerExcelReport({\n startDate: state.startData,\n endDate: state.endData,\n brandId: userDetail.brandId,\n });\n if (result?.success === 1 && result?.data) {\n UTILS.handleSuccesNotification(\n t(\"Customer Report Fetched Successfully\")\n );\n const url = result?.data;\n downloadReports(url);\n } else {\n UTILS.handleErrorNotification(\n t(result?.error?.message || errorHandler(result?.error))\n );\n }\n } catch (error) {\n errorNotification(errorHandler(error?.error?.message || error?.error));\n } finally {\n setLoading(false);\n }\n };\n\n return (\n \n \n \n
\n );\n};\n\nexport default CustomersReport;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst RadioButton = (props) => {\n return (\n <>\n \n \n\n {customers?.data?.length > 0 && (\n \n {t(\"Export\")}\n \n )}\n
\n \n \n
\n \n \n \n props.handleValues(\n props.keyVal,\n event.target.checked,\n props.row\n )\n }\n checked={props.value}\n type=\"checkbox\"\n id={props.keyVal}\n className=\"sr-only\"\n />\n
\n {props.label}
\n \n \n \n );\n};\n\nRadioButton.propTypes = {\n label: PropTypes.string,\n value: PropTypes.bool,\n keyVal: PropTypes.string,\n handleValues: PropTypes.func,\n};\n\nexport default RadioButton;\n","import React, { useEffect, useState } from \"react\";\nimport { Spin, Table } from \"antd\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nimport moment from \"moment\";\nimport { useHistory } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport Card from \"components/Card\";\nimport RadioButton from \"components/RadioButtonWithRow\";\n\nconst Discount = () => {\n const zone = moment.tz.guess();\n moment.tz.setDefault(zone);\n const [loading, setLoading] = useState(false);\n const [discounts, setDiscounts] = useState([]);\n\n const history = useHistory();\n const { t } = useTranslation();\n const [searchTerm, setSearch] = useState(\"\");\n const addDiscount = () => {\n history.push(\"/app/dashboard/adddiscount\");\n };\n const fetchAllDiscounts = async () => {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_ALL_COUPONS({\n token: userDetail.token,\n brandId: userDetail.brandId,\n });\n if (result?.success == 1) {\n setDiscounts(result.discount);\n } else UTILS.errorNotification(\"Please try again later\");\n setLoading(false);\n };\n\n useEffect(() => {\n fetchAllDiscounts();\n }, []);\n const formatTime = (time) => {\n return moment.unix(time).locale(\"en\").tz(moment.tz.guess()).format();\n };\n const handlePlayPause = async (key, val, row) => {\n setLoading(true);\n row[\"isActive\"] = val;\n row[\"startDate\"] = formatTime(row[\"startDate\"]);\n row[\"endDate\"] = formatTime(row[\"endDate\"]);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.UPDATE_COUPONS({\n token: userDetail.token,\n data: row,\n });\n if (result?.success == 1) {\n UTILS.successNotification(t(\"Discount Updated successfully\"));\n fetchAllDiscounts();\n }\n };\n const renderPlayPauseComponent = (value, rowData, index) => {\n return (\n \n
\n );\n };\n const editCouponPage = (row) => {\n history.push({\n pathname: \"/app/dashboard/updatediscount\",\n state: {\n discount: row,\n },\n });\n };\n const reanderTtile = (value, row, index) => {\n return (\n \n \n {row?.discountCode}\n {/* editCouponPage(row)}\n >\n \n \n
\n );\n };\n const editCoupon = (value, row, index) => {\n return (\n {value}
\n\n \n editCouponPage(row)}\n >\n \n \n
\n );\n };\n const renderType = (value, row) => {\n return (\n \n {t(value)}\n {row.isApplicableOnAllItems ? (\n
\n );\n };\n const reanderAvailablity = (value, row) => {\n return (\n {t(\"Applies to all items\")}
\n ) : (\n{t(\"Applies to selected items\")}
\n )}\n\n {moment.unix(row.startDate).format(\"DD-MM-YYYY\")} -{\" \"}\n {moment.unix(row.endDate).format(\"DD-MM-YYYY\")}\n
\n );\n };\n const deleteButton = () => {\n return (\n \n \n \n \n \n \n
\n );\n };\n const columns = [\n {\n title: \"\",\n dataIndex: \"isActive\",\n align: \"center\",\n\n render: renderPlayPauseComponent,\n },\n {\n title: t(\"Discount\"),\n dataIndex: \"discountName\",\n align: \"center\",\n key: \"discountName\",\n render: reanderTtile,\n },\n {\n title: t(\"Application\"),\n dataIndex: \"discountApplication\",\n align: \"center\",\n key: \"discountApplication\",\n render: (value) => {\n return (\n {t(value)}
\n );\n },\n },\n {\n title: t(\"Type\"),\n dataIndex: \"discountType\",\n key: \"discountType\",\n align: \"center\",\n render: renderType,\n },\n {\n title: t(\"Amount\"),\n dataIndex: \"discountAmount\",\n key: \"discountAmount\",\n align: \"center\",\n render: (value) => {\n return {value}
;\n },\n },\n {\n title: t(\"Min. Basket\"),\n dataIndex: \"minOrderValue\",\n key: \"minOrderValue\",\n align: \"center\",\n render: (value) => {\n return {value}
;\n },\n },\n {\n title: t(\"Max. Discount\"),\n dataIndex: \"maximumDiscountValue\",\n key: \"maximumDiscountValue\",\n align: \"center\",\n render: (value) => {\n return {value}
;\n },\n },\n {\n title: t(\"Availability\"),\n dataIndex: \"startDate\",\n key: \"startDate\",\n align: \"center\",\n render: reanderAvailablity,\n },\n\n {\n title: t(\"Allowed Usage\"),\n dataIndex: \"maxUsage\",\n key: \"maxUsage\",\n align: \"center\",\n render: (value) => {\n return {value}
;\n },\n },\n {\n title: t(\"Detail\"),\n dataIndex: \"action\",\n key: \"action\",\n align: \"center\",\n render: editCoupon,\n },\n ];\n const Items = React.useMemo(() => {\n if (searchTerm === \"\" || searchTerm === null) {\n return discounts;\n }\n\n let searchTermLower = searchTerm.toLowerCase().trim();\n let d = discounts.filter((item) => {\n return (\n item.discountName?.toLowerCase().includes(searchTermLower) ||\n item.discountCode?.toLowerCase().includes(searchTermLower)\n );\n });\n return d;\n }, [discounts, searchTerm]);\n\n const handSearch = (e) => {\n setSearch(e.target.value);\n };\n return (\n \n \n \n \n \n
\n );\n};\n\nexport default Discount;\n","import { useState, useEffect } from \"react\";\nimport { API } from \"api\";\nimport { UTILS } from \"utils\";\n\nconst useAllItems = () => {\n const [items, setItems] = useState([]);\n const [Itemloader, setLoading] = useState(true);\n const getItemsByBrand = async () => {\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_ITEMS_BY_BRAND({\n token: userDetail.token,\n brandId: userDetail.brandId,\n language: \"EN\",\n });\n\n if (result && result?.success === 1) setItems(result?.data);\n else {\n }\n setLoading(false);\n };\n\n useEffect(() => {\n setLoading(true);\n getItemsByBrand();\n return () => {\n setItems([]);\n };\n }, []);\n\n return { items, Itemloader };\n};\n\nexport default useAllItems;\n","import React, { useState } from \"react\";\nimport { DatePicker, Space, Spin, Checkbox } from \"antd\";\nimport SimpleRadioButton from \"components/SimpleRadioButton\";\nimport TextInput from \"components/TextInput\";\nimport { useTranslation } from \"react-i18next\";\nimport useAllStores from \"hooks/useCurrentUserStores\";\nimport useAllItems from \"hooks/useCurrentUserItems\";\nimport moment from \"moment\";\nimport \"moment-timezone\";\nimport { CONSTANTS as C } from \"config\";\nimport { UTILS } from \"utils\";\nconst DiscountForm = (props) => {\n const { t } = useTranslation();\n const { stores, loading } = useAllStores();\n const [searchTerm, setSearch] = useState(\"\");\n const zone = moment.tz.guess();\n moment.tz.setDefault(zone);\n const { items, Itemloader } = useAllItems();\n const { RangePicker } = DatePicker;\n\n const addStore = (store) => {\n if (props?.state?.values?.selectedOutlets?.includes(store)) {\n const newSelectedOutlets = props?.state?.values?.selectedOutlets?.filter(\n (item) => item !== store\n );\n props?.setState({\n ...props.state,\n values: {\n ...props.state.values,\n selectedOutlets: newSelectedOutlets,\n },\n });\n } else {\n props.setState({\n ...props.state,\n values: {\n ...props.state.values,\n selectedOutlets: [...props.state.values.selectedOutlets, store],\n },\n });\n }\n };\n const addItem = (sitem) => {\n if (props.state.values.selectedItems.includes(sitem)) {\n const newSelectedItems = props.state?.values?.selectedItems?.filter(\n (item) => item !== sitem\n );\n props.setState({\n ...props.state,\n values: {\n ...props.state.values,\n selectedItems: newSelectedItems,\n },\n });\n } else {\n props.setState({\n ...props.state,\n values: {\n ...props.state.values,\n selectedItems: [...props.state.values.selectedItems, sitem],\n },\n });\n }\n };\n const handleSetDate = (date, dateString) => {\n const momentTimezone = moment.tz.guess();\n const date1 = moment(date[0]).locale(\"en\").tz(momentTimezone).format();\n const date2 = moment(date[1]).locale(\"en\").tz(momentTimezone).format();\n\n props.setState({\n ...props.state,\n values: {\n ...props.state.values,\n startDate: dateString[0],\n endDate: dateString[1],\n isoDate: date1,\n isoEndDate: date2,\n },\n });\n };\n\n const handleChange = (key, val) => {\n props.setState((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n [key]: \"\",\n },\n }));\n };\n \n const handleDiscountCode = (key, val) => {\n if (val.match(/[a-z]/i)) {\n val = val.toLowerCase();\n }\n props.setState((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n [key]: \"\",\n },\n }));\n };\n\n const getValue = (key) => {\n if (props?.state && UTILS.ifNotNullAndUndfine(props.state.values[key])) {\n return props.state.values[key];\n }\n if (key === \"startDate\") {\n return moment().format(\"YYYY-MM-DD, HH:mm\");\n }\n if (key === \"endDate\") {\n return moment().add(1, \"year\").format(\"YYYY-MM-DD, HH:mm\");\n }\n\n return \"\";\n };\n const Items = React.useMemo(() => {\n if (searchTerm === \"\" || searchTerm === null) {\n return items;\n }\n let searchTermLower = searchTerm.toLowerCase().trim();\n\n return items.filter((item) =>\n item?.baseLanguage?.title?.toLowerCase()?.includes(searchTermLower)\n );\n }, [items, searchTerm]);\n\n const handSearch = (e) => {\n setSearch(e.target.value);\n };\n const updatePrice = (key, val) => {\n const value = UTILS.NumberConversion(val);\n handleChange(key, value);\n };\n\n const handleServiceTypes = (key, val) => {\n const isAdded = props?.state?.values?.serviceType?.some(\n (value) => value?.serviceName === val?.serviceName\n );\n const newSelectedItems = isAdded\n ? props?.state?.values?.serviceType?.filter(\n (item) => item?.serviceName !== val.serviceName\n )\n : [...props?.state?.values?.serviceType, val];\n\n props.setState({\n ...props.state,\n values: {\n ...props?.state?.values,\n serviceType: newSelectedItems,\n },\n errors: {\n ...props?.state.errors,\n [key]: \"\",\n },\n });\n };\n\n const getBuisnessType = () => {\n const userDetail = UTILS.getCurrentUser();\n return userDetail?.catalogueType;\n };\n\n return (\n \n
\n\n \n
\n \n {t(\"Add a discount\")}\n
\n\n
\n \n \n \n \n
\n \n \n {t(\"Add discount\")} \n \n
\n \n record._id}\n />\n
\n \n \n
\n\n \n {props?.text === \"Add\" ? t(\"Add a discount\") : t(\"Update Discount\")}\n
\n\n
\n \n
\n\n \n
\n\n \n
\n\n {t(\"Application\")}
\n\n
\n \n
\n \n
\n \n
\n {t(\"Manual\")}
\n\n {t(\n \"Will be displayed on the store front, and customers will have to select it if they wish to use it\"\n )}\n
\n\n
\n \n
\n \n
\n {t(\"Hidden Code\")}
\n\n {t(\n \"Won’t be displayed on the store front, and customers will type the code at the checkout\"\n )}\n
\n\n
\n\n {t(\"Order type\")}
\n {\n\n {[\n {\n label: t(\"DELIVERY\"),\n serviceName: \"DELIVERY\",\n },\n {\n label: t(\"PICKUP\"),\n serviceName: \"PICKUP\",\n },\n ...(getBuisnessType() !== C.BRAND_BASED\n ? [\n {\n label: t(\"DINEIN\"),\n serviceName: \"DINE IN\",\n },\n ]\n : []),\n ].map((item, index) => (\n {\n handleServiceTypes(\"orderType\", {\n serviceName: item?.serviceName,\n });\n }}\n checked={props?.state?.values.serviceType.some(\n (service) => service.serviceName === item?.serviceName\n )}\n >\n {item?.label}\n \n ))}\n
\n }\n \n
\n )}\n {t(\"Applicable outlets\")}
\n\n
\n {props?.state?.values?.outletSelectionType === C.SELECTED && (\n \n {stores?.map((store, index) => (\n {\n addStore(store?.value);\n }}\n >\n {props?.state?.values?.selectedOutlets?.includes(\n store?.value\n ) ? (\n
\n ))}\n \n \n
\n ) : (\n {store?.label}
\n \n \n
\n )}\n {store?.label}
\n \n
\n\n {t(\"Discount type\")}
\n\n
\n\n \n
\n \n
\n \n
\n \n
\n {props?.state?.values?.discountType === C.PERCENTAGE && (\n \n
\n )}\n \n
\n \n )}\n {t(\"Discount items\")}
\n\n
\n {props?.state?.values?.itemSelectionType === C.SELECTED && (\n <>\n \n
\n\n \n {t(\"Discount applies to\")}\n
\n \n \n
\n \n \n \n \n
\n \n {Items?.map((item, index) => (\n addItem(item._id)}\n key={index}\n >\n
\n ))}\n \n
\n \n {item?.baseLanguage?.title}\n \n AED {item?.price}\n \n
\n {props?.state?.values?.selectedItems?.includes(\n item._id\n ) ? (\n \n ) : (\n \n )}\n \n
\n\n \n {t(\"Customer segmentation\")}\n
\n\n
\n {props?.state?.values?.customerSegmentationType === \"all\" ? (\n \n
\n ) : null}\n \n
\n {t(\"Availability\")}
\n\n \n \n handleSetDate(date, dateString)\n }\n inputReadOnly={true}\n showTime={{ format: \"HH:mm\" }}\n format={C.DATE_FORMAT}\n value={[\n props?.state?.values?.startDate\n ? moment(props?.state?.values?.startDate, C.DATE_FORMAT)\n : null,\n props?.state?.values?.endDate\n ? moment(props.state.values.endDate, C.DATE_FORMAT)\n : null,\n ]}\n className=\"h-11\"\n />\n \n
\n \n
\n \n {\n props?.addDiscount();\n }}\n >\n {props?.text === \"Add\" ? t(\"Add\") : t(\"Update\")}\n \n
\n \n \n \n );\n};\n\nexport default DiscountForm;\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { UTILS } from \"utils\";\nimport { CONSTANTS as C } from \"config\";\nimport { API } from \"api\";\nimport AddForm from \"../components/DiscountForm\";\nimport moment from \"moment\";\nimport useAllStores from \"hooks/useCurrentUserStores\";\nimport useAllItems from \"hooks/useCurrentUserItems\";\n\nconst AddDiscount = () => {\n const { t } = useTranslation();\n const { stores, loading } = useAllStores();\n const { items, Itemloader } = useAllItems();\n const history = useHistory();\n const [isLoading, setLoading] = useState(false);\n const zone = moment.tz.guess();\n moment.tz.setDefault(zone);\n const [state, setState] = useState({\n values: {\n discountName: \"\",\n discountCode: \"\",\n discountAmount: 0,\n minOrderValue: 0,\n maximumDiscountValue: 50,\n startDate: \"\",\n endDate: \"\",\n isoDate: \"\",\n isoEndDate: \"\",\n perCustomerUse: 10,\n maxUsage: 100,\n serviceType: [\n {\n label: t(\"DELIVERY\"),\n serviceName: \"DELIVERY\",\n },\n {\n label: t(\"PICKUP\"),\n serviceName: \"PICKUP\",\n },\n {\n label: t(\"DINEIN\"),\n serviceName: \"DINE IN\",\n },\n ],\n applicationType: C.COUPUN_APPLICATION_TYPE.MANUAL,\n discountType: C.PERCENTAGE,\n itemSelectionType: C.ALL,\n customerSegmentationType: \"all\",\n outletSelectionType: C.ALL,\n selectedOutlets: [],\n selectedItems: [],\n },\n errors: {\n discountName: \"\",\n discountCode: \"\",\n discountAmount: \"\",\n minOrderValue: \"\",\n maximumDiscountValue: \"\",\n perCustomerUse: \"\",\n maxUsage: \"\",\n startDate: \"\",\n endDate: \"\",\n items: [],\n },\n });\n\n const addDiscount = async () => {\n const { isFormValid } = UTILS.validateCouponsInputs(state);\n if (!isFormValid) return;\n setLoading(true);\n let discountObj = UTILS.getDiscountObj(state);\n const result = await API.CREATE_DISCOUNT_COUPON({\n data: discountObj,\n });\n if (result?.success === 1) {\n UTILS.successNotification(t(\"Discount created successfully\"));\n history.push(\"/app/dashboard/discount\");\n } else {\n UTILS.errorNotification(\n result?.message || result?.error || t(\"Please try again later\")\n );\n }\n setLoading(false);\n };\n\n const numExecutions = useRef(0);\n const NoStoreCreatedToast = () => {\n numExecutions.current += 1;\n if (numExecutions.current <= 1)\n UTILS.errorNotification(\n t(\"It appears you have not created your store yet, so please do so\")\n );\n };\n const NoItemCreatedToast = () => {\n numExecutions.current += 1;\n if (numExecutions.current <= 1)\n UTILS.errorNotification(\n t(\"It appears you have not created any product yet, please do so\")\n );\n };\n\n useEffect(() => {\n if (!Itemloader && !loading) {\n if (stores?.length <= 0) {\n NoStoreCreatedToast();\n return;\n }\n if (items?.length <= 0) {\n NoItemCreatedToast();\n return;\n }\n }\n }, [stores, items, loading, Itemloader]);\n\n return (\n \n \n \n
\n );\n};\n\nexport default AddDiscount;\n","import React, { useEffect, useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { Spin } from \"antd\";\nimport moment from \"moment\";\nimport { useTranslation } from \"react-i18next\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nimport { CONSTANTS as C } from \"config\";\nimport UpdateForm from \"../components/DiscountForm\";\nimport DiscountPreview from \"../components/DiscountPreview\";\nimport usePushBack from \"hooks/usePushBack\";\nimport BackButton from \"components/BackButton\";\n\nconst UpdateDiscount = () => {\n const zone = moment.tz.guess();\n moment.tz.setDefault(zone);\n const { t } = useTranslation();\n const history = useHistory();\n const [loading, setLoading] = useState(false);\n const [discountId, setDiscountId] = useState(null);\n const [state, setState] = useState({\n values: {\n discountName: \"\",\n discountCode: \"\",\n discountAmount: 0,\n minOrderValue: 0,\n maximumDiscountValue: 0,\n startDate: \"\",\n perCustomerUse: 0,\n maxUsage: 0,\n endDate: \"\",\n isoDate: \"\",\n isoEndDate: \"\",\n applicationType: C.HIDDEN,\n discountType: C.PERCENTAGE,\n itemSelectionType: C.ALL,\n customerSegmentationType: \"all\",\n outletSelectionType: C.ALL,\n selectedOutlets: [],\n selectedItems: [],\n isActive: true,\n serviceType: [],\n },\n errors: {\n discountName: \"\",\n discountCode: \"\",\n discountAmount: \"\",\n minOrderValue: \"\",\n maximumDiscountValue: \"\",\n perCustomerUse: \"\",\n maxUsage: \"\",\n startDate: \"\",\n endDate: \"\",\n items: [],\n },\n });\n useEffect(() => {\n setLoading(true);\n if (history.location.state) {\n setInputFields(history.location.state.discount);\n setDiscountId(history.location.state.discount._id);\n }\n setLoading(false);\n }, []);\n\n const setInputFields = (values) => {\n moment.locale(\"en\");\n setLoading(true);\n setState((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n discountName: values?.discountName,\n discountCode: values?.discountCode,\n discountAmount: values?.discountAmount,\n minOrderValue: values?.minOrderValue,\n isActive: values?.isActive,\n maximumDiscountValue: values?.maximumDiscountValue,\n outletSelectionType: values?.isApplicableOnAllStores\n ? C.ALL\n : C.SELECTED,\n itemSelectionType: values?.isApplicableOnAllItems ? C.ALL : C.SELECTED,\n applicationType: values?.discountApplication,\n discountType: values?.discountType,\n customerSegmentationType: values?.customerSegment,\n\n startDate: moment.unix(values?.startDate).format(C.DATE_FORMAT),\n endDate: moment.unix(values?.endDate).format(C.DATE_FORMAT),\n isoDate: moment.unix(values?.startDate).tz(moment.tz.guess()).format(),\n isoEndDate: moment.unix(values?.endDate).tz(moment.tz.guess()).format(),\n perCustomerUse: values?.perCustomerUse,\n maxUsage: values.maxUsage,\n\n selectedOutlets: values?.discountAppliedOnSpecificStores?.map(\n (store) => store.storeId\n ),\n\n selectedItems: values?.discountAppliedOnSpecificItems?.map(\n (item) => item.itemId\n ),\n serviceType: values?.serviceType?.map((service) => {\n return {\n serviceName: service.serviceName,\n label: service.serviceName,\n };\n }),\n },\n }));\n\n setLoading(false);\n };\n\n const updateDiscount = async () => {\n const { isFormValid } = UTILS.validateCouponsInputs(state);\n if (!isFormValid) return;\n setLoading(true);\n let discountObj = UTILS.getDiscountObj(state);\n const result = await API.UPDATE_COUPONS({\n data: {\n ...discountObj,\n _id: discountId,\n },\n });\n if (result?.success === 1) {\n UTILS.successNotification(t(\"Discount Updated successfully\"));\n history.push(\"/app/dashboard/discount\");\n } else {\n UTILS.errorNotification(\n result?.message || result?.error || t(\"Please try again later\")\n );\n }\n setLoading(false);\n };\n return (\n \n
\n \n \n \n
\n );\n};\n\nfunction UpdateDiscountContainer() {\n const router = useHistory();\n usePushBack(\"/app/dashboard/discount\", router?.location?.state?.discount);\n\n return \n
\n \n
\n \n \n \n \n
\n \n
\n \n
\n \n {t(\"Ordering menu preview\")}\n
\n\n
\n \n
\n \n
\n \n {settings?.taglineEN}
\n \n\n
\n \n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n
\n \n \n \n {t(\"Delivery\")}\n
\n \n \n {t(\"Category\")}\n
\n \n {t(\"Category\")}{\" \"}\n
\n \n {\" \"}\n {t(\"Category\")}{\" \"}\n
\n \n {\" \"}\n {t(\"Category\")}{\" \"}\n
\n \n \n
\n \n
\n \n \n \n \n \n
\n \n \n
\n \n \n \n \n \n
\n \n \n
\n \n \n \n \n \n
\n \n \n
\n \n \n \n \n \n
\n \n \n
\n \n \n \n \n \n
\n \n \n
\n \n \n \n \n \n
\n \n \n \n {t(\"Add to basket\")}\n
\n \n
\n \n \n \n );\n};\n\nexport default BrandingPreviewMenuWidget;\n","import React, { useEffect, useRef, useState } from \"react\";\nimport reactCSS from \"reactcss\";\nimport { SketchPicker } from \"react-color\";\n\nexport default function ColorPicker(props) {\n const wrapperRef = useRef(null);\n let { show, notShow } = useOutsideAlerter(wrapperRef);\n\n const handleClick = () => {\n notShow(!show);\n };\n\n const handleClose = () => {\n notShow(false);\n };\n\n const handleChange = (e) => {\n props.onChange(props.pkey, e.hex);\n };\n const styles = reactCSS({\n default: {\n color: {\n width: \"36px\",\n height: \"14px\",\n borderRadius: \"2px\",\n background: `${props?.colorValue}`,\n },\n swatch: {\n padding: \"5px\",\n background: \"#fff\",\n borderRadius: \"1px\",\n boxShadow: \"0 0 0 1px rgba(0,0,0,.1)\",\n display: \"inline-block\",\n cursor: \"pointer\",\n },\n popover: {\n position: \"absolute\",\n zIndex: \"2\",\n },\n cover: {\n position: \"fixed\",\n top: \"0px\",\n right: \"0px\",\n bottom: \"0px\",\n left: \"0px\",\n },\n },\n });\n\n return props?.colorValue ? (\n \n {t(\"Ordering widget preview\")}\n
\n\n
\n \n \n \n \n \n {orderNowPopupConfig?.message\n ? orderNowPopupConfig?.message\n : t(\"Order online now!\")}\n \n
\n {/* \n {orderNowPopupConfig?.title\n ? orderNowPopupConfig?.title\n : t(\"Hey there\")}\n
\n\n
\n \n {}}\n >\n {orderNowPopupConfig?.buttonText\n ? orderNowPopupConfig?.buttonText\n : t(\"Order now!\")}\n \n
\n \n \n {t(\"Powered by\")}{\" \"}\n \n {t(\"company name\", {\n company:\n currentLanguage === \"EN\"\n ? process.env.REACT_APP_COMPANY_NAME_EN\n : process.env.REACT_APP_COMPANY_NAME_AR,\n })}\n \n \n
\n \n {orderNowPopupConfig?.iconUrl && (\n
*/}\n \n
\n ) : (\n <>\n );\n}\n\nfunction useOutsideAlerter(ref) {\n const [show, notShow] = useState(false);\n useEffect(() => {\n function handleClickOutside(event) {\n if (ref.current && !ref.current.contains(event.target)) {\n notShow(false);\n }\n }\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [ref]);\n return { show, notShow };\n}\n","import { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport { Upload } from \"antd\";\nimport ImgCrop from \"antd-img-crop\";\nimport { CONSTANTS as C } from \"config\";\nimport \"antd/es/slider/style\";\nfunction FaviconUpload({\n onPreview,\n handleChange,\n beforeUpload,\n settings,\n uploadButton,\n name,\n title,\n description,\n}) {\n const { t } = useTranslation();\n\n return (\n \n \n
\n {show ? (\n \n \n
\n ) : null}\n \n \n \n handleChange(info, name)}\n onPreview={onPreview}\n beforeUpload={beforeUpload}\n >\n {settings?.[name] ? (\n
\n );\n}\n\nexport default FaviconUpload;\n","import { Input } from \"antd\";\nimport React from \"react\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport ImgCrop from \"antd-img-crop\";\nimport { CONSTANTS as C } from \"config\";\nimport Dragger from \"antd/lib/upload/Dragger\";\nimport s from \"./branding.module.css\";\nimport ColorPicker from \"components/ColorPicker\";\nimport FaviconUpload from \"./FaviconUpload\";\n\nconst BrandingPlatformCustomizeAndWidget = ({\n setSettings,\n settings,\n orderNowPopupConfig,\n setOrderNowPopupConfig,\n handleChange,\n onPreview,\n uploadButton,\n beforeUpload,\n}) => {\n const { t } = useTranslation();\n\n const handleValues = (key, val) => {\n setSettings((prev) => ({\n ...prev,\n [key]: val,\n }));\n };\n const handleConfig = (key, val) => {\n setOrderNowPopupConfig((prev) => ({\n ...prev,\n [key]: val,\n }));\n };\n\n return (\n {description}
\n\n
\n {t(\"Platform customization\")}
\n\n {t(\n \"Change the appearance of your ordering platform and make it look like your business.\"\n )}\n
\n\n \n \n handleChange(info, \"brandImageHomeBG\")}\n onPreview={onPreview}\n beforeUpload={beforeUpload}\n >\n {settings?.brandImageHomeBG ? (\n <>\n \n \n \n \n
\n )}\n \n \n \n {t(\n \"2 MB is the maximum size allowed. In order to get the best results, keep the width (620 px) and height (350 px). Only JPEGs and PNGs are allowed.\"\n )}\n
\n\n {\"Drag and drop cover image or\"}
\n {\"browse\"}{\" \"}\n {\"to upload\"}\n
\n \n {\"browse\"}{\" \"}\n {\"to upload\"}\n
\n
\n \n \n
\n \n
\n \n
\n \n {settings?.textColor}\n
\n \n \n
\n \n
\n \n
\n \n {settings?.color}\n
\n \n {\n const inputValue = event.target.value;\n if (inputValue.length <= 65) {\n handleValues(\"taglineEN\", inputValue);\n } else {\n handleValues(\"taglineEN\", inputValue.substring(0, 65));\n }\n }}\n />\n
\n\n \n \n \n
\n \n {t(\"Ordering widget\")}\n
\n \n {\n const inputValue = event.target.value;\n if (inputValue?.length <= 10) {\n handleConfig(\"title\", inputValue);\n } else {\n handleConfig(\"title\", inputValue.substring(0, 10));\n }\n }}\n />\n
\n \n \n \n
\n\n \n {\n const inputValue = event.target.value;\n if (inputValue?.length <= 38) {\n handleConfig(\"message\", inputValue);\n } else {\n handleConfig(\"message\", inputValue.substring(0, 38));\n }\n }}\n />\n
\n\n \n \n \n
\n\n \n {\n const inputValue = event.target.value;\n if (inputValue?.length <= 10) {\n handleConfig(\"buttonText\", inputValue);\n } else {\n handleConfig(\"buttonText\", inputValue.substring(0, 10));\n }\n }}\n />\n
\n \n );\n};\n\nexport default BrandingPlatformCustomizeAndWidget;\n","import React, { useEffect, useState } from \"react\";\nimport { Spin, Button } from \"antd\";\nimport { CONSTANTS as C } from \"config\";\nimport BrandingPreviewMenuWidget from \"../components/BrandingPreviewMenuWidget\";\nimport BrandingPlatformCustomizeAndWidget from \"../components/BrandingPlatformCustomizeAndWidget\";\nimport s from \"../components/branding.module.css\";\nimport { LoadingOutlined, PlusOutlined } from \"@ant-design/icons\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n useGetSettingsMutation,\n useUpdateBrandSettingsMutation,\n} from \"redux/settings/settingsSlice\";\nimport { useSelector } from \"react-redux\";\nconst Branding = () => {\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n const { t } = useTranslation();\n const [updateBrandSettings] = useUpdateBrandSettingsMutation();\n const [getSettings] = useGetSettingsMutation();\n const [imgLoading, setImgLoading] = useState(false);\n const [settings, setSettings] = useState({\n brandImageHomeBG: \"\",\n brandLogoFirst: \"\",\n taglineEN: \"\",\n titleEN: \"\",\n sloganEN: \"\",\n color: \"\",\n textColor: \"\",\n });\n const [orderNowPopupConfig, setOrderNowPopupConfig] = useState({\n iconUrl: \"\",\n message: \"\",\n buttonText: \"\",\n title: \"\",\n });\n const fetchSettings = async () => {\n const userDetail = UTILS.getCurrentUser();\n const obj = {\n brandId: userDetail.brandId,\n };\n const data = await getSettings(obj).unwrap();\n if (data?.success === 1) {\n if (data?.data?.setting?.orderNowPopupConfig) {\n setOrderNowPopupConfig(data?.data?.setting?.orderNowPopupConfig);\n }\n if (data?.data?.setting?.color) {\n let obj = { ...data.data.setting };\n obj.color = \"#\" + data.data.setting.color;\n if (data?.data?.setting?.textColor) {\n obj.textColor = \"#\" + data.data.setting.textColor;\n }\n setSettings(obj);\n } else {\n let obj = { ...data?.data?.setting };\n obj.color = C.SETTINGS_DEFAULT_COLOUR;\n obj.textColor = C.DEFAULT_TEXT_COLOUR;\n setSettings(obj);\n }\n }\n };\n useEffect(() => {\n fetchSettings();\n }, []);\n\n function beforeUpload(file) {\n const isJpgOrPng = file.type === \"image/jpeg\" || file.type === \"image/png\";\n if (!isJpgOrPng) {\n UTILS.errorNotification(t(\"You can only upload JPG/PNG file\"));\n }\n const F_Size = file.size / 1024;\n const isLt1M = F_Size <= C.MAX_IMAGE_SIZE;\n console.info(\"Image Size After Crop=\", Math.floor(F_Size), \"Kb\");\n if (!isLt1M) {\n UTILS.errorNotification(t(\"Image must be smaller than 2MB\"));\n }\n return isJpgOrPng && isLt1M;\n }\n const uploadButton = (\n \n \n \n
\n\n \n {setImgLoading ?
\n );\n\n const onPreview = async (file) => {\n let src = file.url;\n if (!src) {\n src = await new Promise((resolve) => {\n const reader = new FileReader();\n reader.readAsDataURL(file.originFileObj);\n reader.onload = () => resolve(reader.result);\n });\n }\n const image = new Image();\n image.src = src;\n const imgWindow = window.open(src);\n imgWindow.document.write(image.outerHTML);\n };\n\n const handleChange = async (info, type) => {\n settings.color = settings.color.replace(\"#\", \"\");\n settings.textColor = settings.textColor.replace(\"#\", \"\");\n if (info.file.status === \"uploading\") {\n setImgLoading(true);\n return;\n }\n if (info.file.status === \"done\") {\n setImgLoading(false);\n let obj = { ...settings };\n let obj2 = { ...orderNowPopupConfig };\n if (type === \"iconUrl\") {\n obj2[type] = info?.file?.response?.data?.url;\n } else {\n obj[type] = info?.file?.response?.data?.url;\n }\n setOrderNowPopupConfig(obj2);\n setSettings(obj);\n const userDetail = UTILS.getCurrentUser();\n obj.brandId = userDetail.brandId;\n obj.orderNowPopupConfig = obj2;\n await updateBrandSettings(obj).unwrap();\n await fetchSettings();\n }\n };\n const saveSettings = async () => {\n const isValid = UTILS.validateAdminSetting(orderNowPopupConfig);\n if (isValid) {\n settings.color = settings.color.replace(\"#\", \"\");\n settings.textColor = settings.textColor.replace(\"#\", \"\");\n const userDetail = UTILS.getCurrentUser();\n let obj = { ...settings };\n obj.orderNowPopupConfig = orderNowPopupConfig;\n obj.brandId = userDetail.brandId;\n await updateBrandSettings(obj).unwrap();\n await fetchSettings();\n } else {\n return;\n }\n };\n return (\n {t(\"Upload\")}
\n \n
\n \n
\n \n \n {t(\"Save Setting\")}\n \n
\n \n {t(\"Change phone number\")}\n
\n\n
\n\n \n \n
\n \n {state?.errors?.mobileNumber && state?.errors?.mobileNumber}\n
\n \n {\n handleChange(\n UTILS.NumberConversion(event.target.value),\n \"mobileNumber\"\n );\n }}\n />\n
\n \n
\n \n \n
\n \n {state?.errors?.oldPassword && state?.errors?.oldPassword}\n
\n \n {\n handleChange(event.target.value, \"password\");\n }}\n />\n
\n \n \n {t(\"Update\")}\n \n
\n {passwordError}
\n )}\n {t(\"Security\")}
\n\n
\n \n \n
\n \n {state?.errors?.oldPassword && state?.errors?.oldPassword}\n
\n \n {\n handleChange(event);\n }}\n />\n
\n \n
\n\n \n \n
\n \n {state?.errors?.newPassword && state?.errors?.newPassword}\n
\n \n {\n handleChange(event);\n }}\n />\n
\n \n
\n \n \n
\n \n {state?.errors?.confirmPassword && state?.errors?.confirmPassword}\n
\n \n {\n handleChange(event);\n }}\n />\n
\n \n \n {t(\"Update\")}\n \n
\n \n
\n );\n};\n\nexport default Profile;\n","import React, { useState, useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { UTILS } from \"utils\";\nimport { Button, Input, Spin } from \"antd\";\nimport {\n useUpdateBrandNameMutation,\n useUpdateDomainNameMutation,\n useGetSettingsMutation,\n} from \"redux/settings/settingsSlice\";\nimport Modal from \"components/Modal\";\nconst GeneralSettings = () => {\n const { t } = useTranslation();\n const [orderPageLink, setOrderPageLink] = useState();\n const [Error, setError] = useState();\n const [open, setOpen] = useState(false);\n const { settings } = useSelector((state) => state?.SettingsReducer);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n const [getSettings] = useGetSettingsMutation();\n const [updateBrandName] = useUpdateBrandNameMutation();\n const { isError, domainError, brandError } = useSelector(\n (state) => state?.SettingErrorReducer\n );\n const [updateDomainName, { reset }] = useUpdateDomainNameMutation();\n const [state, setState] = useState({\n brandName: \"\",\n domainName: \"\",\n });\n\n const updateState = (e) => {\n const { name, value } = e.target;\n setState((prevState) => ({\n ...prevState,\n [name]: value,\n }));\n //clear error if input is empty\n if (!value) {\n setError(null);\n }\n };\n const updateMyBrand = async () => {\n const userDetail = UTILS.getCurrentUser();\n const obj = {\n brandId: userDetail.brandId,\n brandName: state.brandName,\n };\n const { data } = await updateBrandName(obj);\n\n if (data?.success === 1) {\n await getSettings(obj);\n UTILS.saveCurrentUser({\n ...userDetail,\n brandName: state.brandName,\n });\n setState((prevState) => ({\n ...prevState,\n brandName: \"\",\n }));\n }\n };\n const updateMyDomain = async () => {\n setOpen(true);\n };\n useEffect(() => {\n const userDetail = UTILS.getCurrentUser();\n const text = userDetail.storeFrontURL + userDetail?.temporaryDomainName;\n setOrderPageLink(text);\n }, [state.domainName]);\n\n const pressYes = async () => {\n reset();\n setError(null);\n let isValid = UTILS.isDomainNameValid(state.domainName);\n setOpen(true);\n if (!isValid) {\n setError(t(\"Please enter a valid domain name\"));\n setOpen(false);\n return;\n }\n const userDetail = UTILS.getCurrentUser();\n const obj = {\n brandId: userDetail.brandId,\n temporaryDomainName: state.domainName,\n };\n const { data } = await updateDomainName(obj);\n if (data?.success === 1) {\n await getSettings(obj);\n UTILS.saveCurrentUser({\n ...userDetail,\n temporaryDomainName: state.domainName,\n });\n\n setState((prevState) => ({\n ...prevState,\n domainName: \"\",\n }));\n }\n setOpen(false);\n };\n const pressNo = () => {\n setOpen(false);\n };\n const DomainUpdateModal = () => {\n return (\n {t(\"My profile\")}
\n\n {t(\"Manage your personal information and security of your account\", {\n company:\n currentLanguage === \"EN\"\n ? process.env.REACT_APP_COMPANY_NAME_EN\n : process.env.REACT_APP_COMPANY_NAME_AR,\n })}\n
\n\n
\n \n
\n {t(\"Email\")}
\n\n \n {t(\"Your current email address is\")}{\" \"}\n {user?.email}\n \n
\n\n
\n \n {t(\"If you change your domain name\")}\n
\n\n {t(\"Do not change the domain name\")}\n
\n\n \n {t(\"Update domain name\")}\n \n \n {t(\"Cancel\")}\n \n
\n \n
\n );\n};\n\nexport default GeneralSettings;\n","import React from \"react\";\nimport { Tabs } from \"antd\";\nimport GeneralSettings from \"./GeneralSettings\";\nimport BankAccountSettings from \"./BankAccountSettings\";\nimport { useTranslation } from \"react-i18next\";\n\nconst { TabPane } = Tabs;\nconst callback = (key) => {};\nconst BusinessTabSettings = () => {\n const { t } = useTranslation();\n return (\n \n {(isError || brandError) && (\n
\n\n {brandError}
\n )}\n \n \n
\n \n {\n updateState(e);\n }}\n />\n \n {t(\"Update\")}\n \n
\n \n {(isError || Error || domainError) && (\n setOpen(false)}\n >\n
\n {domainError || Error}
\n )}\n \n \n
\n \n {\n updateState(e);\n }}\n />\n \n {t(\"Update\")}\n \n
\n \n {t(\"Note:\")}\n \n {t(\"Lower case alphabets, numeric and '-' are allowed only\")}\n \n
\n \n
\n \n \n
\n \n {\n navigator.clipboard.writeText(orderPageLink);\n UTILS.successNotification(t(\"Copied to Clipboard\"));\n }}\n >\n \n \n \n \n \n
\n \n
\n \n {t(\"Business settings\")}\n
\n\n {t(\"View and manage your business details.\")}\n
\n\n
\n \n \n );\n};\n\nexport default WhatsAppButton;\n","import React from \"react\";\nimport WhatsAppButton from \"components/WhatsAppButton\";\nimport { CONSTANTS as C } from \"config\";\n\nconst Help = () => {\n return (\n <>\n {process.env.REACT_APP_COMPANY_NAME !== C.COMPANY_NAMES.CUSINETTE ? (\n \n \n
\n \n \n \n \n \n
\n \n \n \n \n {t(\"Need\")}\n
\n {t(\"Help?\")}\n \n \n \n
*/\n );\n};\nexport default Help;\n","export const ADD_AREA = \"/app/dashboard/area-based-method\";\nexport const ADD_CITY = \"/app/dashboard/city-based-method\";\nexport const ADD_COUNTRY = \"/app/dashboard/country-based-method\";\n","import Dashboard from \"features/dashboard/container/dashboard\";\nimport UpdateStore from \"features/store/containers/updateStore\";\nimport AddStore from \"features/store/containers/addStore\";\nimport ManageAreas from \"features/shipping_methods/areas/containers/ManageAreas\";\nimport Menu from \"features/menu/containers/menu\";\nimport StoreList from \"features/store/containers/storeList\";\nimport LiveOrders from \"features/orders/containers/liveOrders\";\nimport CreateAdmin from \"features/admin/containers/CreateAdmin\";\nimport ItemContainer from \"features/menu/containers/ItemContainer\";\nimport CreateItem from \"features/menu/components/CreateItem\";\nimport UpdateItem from \"features/menu/components/UpdateItem\";\nimport CreateModifier from \"features/menu/components/CreateModifier\";\nimport Modifiers from \"features/menu/containers/Modifiers\";\nimport UpdateModifier from \"features/menu/components/UpdateModifier\";\nimport Packages from \"features/packages/containers/Packages\";\nimport OrderHistory from \"features/orders/containers/OrderHistory\";\nimport Inventory from \"features/inventory/containers/inventory\";\nimport Integrations from \"features/integrations/containers/integrations\";\nimport Customers from \"features/customers/containers/customers\";\nimport Marketing from \"features/marketing/containers/marketing\";\nimport GetStarted from \"features/onboarding/containers/GetStarted\";\nimport Orders from \"features/reporting/containers/Orders\";\nimport PaymentLinks from \"features/reporting/containers/PaymentLinks\";\nimport Payouts from \"features/reporting/containers/Payouts\";\nimport CustomersReport from \"features/reporting/containers/CustomersReport\";\nimport Discount from \"features/discount/containers/Discount\";\nimport AddDiscount from \"features/discount/containers/AddDiscount\";\nimport UpdateDiscount from \"features/discount/containers/UpdateDiscount\";\nimport Branding from \"features/settings/containers/Branding\";\nimport Profile from \"features/settings/containers/Profile\";\nimport BusinessSettings from \"features/settings/containers/BusinessSettings\";\nimport Help from \"features/help/containers/help\";\nimport * as R_CONST from \"routes/Constants\";\n\nconst publicRoutes = [\n {\n path: \"/app/dashboard\",\n component: Dashboard,\n },\n\n {\n path: \"/app/dashboard/help\",\n component: Help,\n },\n {\n path: \"/app/dashboard/onboarding\",\n component: GetStarted,\n },\n {\n path: \"/app/dashboard/updatestore\",\n component: UpdateStore,\n },\n {\n path: \"/app/dashboard/stores\",\n component: StoreList,\n },\n {\n path: R_CONST.ADD_AREA,\n component: ManageAreas,\n },\n {\n path: \"/app/dashboard/orderhistory\",\n component: OrderHistory,\n },\n {\n path: \"/app/dashboard/liveorders\",\n component: LiveOrders,\n },\n {\n path: \"/app/dashboard/subscription\",\n component: Packages,\n },\n {\n path: \"/app/dashboard/inventory\",\n component: Inventory,\n },\n {\n path: \"/app/dashboard/integrations\",\n component: Integrations,\n },\n {\n path: \"/app/dashboard/customers\",\n component: Customers,\n },\n\n {\n path: \"/app/dashboard/marketing\",\n component: Marketing,\n },\n\n {\n path: \"/app/dashboard/settings/profile\",\n component: Profile,\n },\n];\nconst adminRoutes = [\n {\n path: \"/app/dashboard/addstore\",\n component: AddStore,\n },\n {\n path: \"/app/dashboard/settings/branding\",\n component: Branding,\n },\n {\n path: \"/app/dashboard/settings/business\",\n component: BusinessSettings,\n },\n // {\n // path: \"/app/dashboard/reporting/payouts\",\n // component: Payouts,\n // },\n {\n path: \"/app/dashboard/userroles\",\n component: CreateAdmin,\n },\n {\n path: \"/app/dashboard/menu\",\n component: Menu,\n },\n {\n path: \"/app/dashboard/items\",\n component: ItemContainer,\n },\n {\n path: \"/app/dashboard/reporting/orders\",\n component: Orders,\n },\n {\n path: \"/app/dashboard/reporting/customers\",\n component: CustomersReport,\n },\n {\n path: \"/app/dashboard/reporting/payments\",\n component: PaymentLinks,\n },\n {\n path: \"/app/dashboard/createitem\",\n component: CreateItem,\n },\n {\n path: \"/app/dashboard/updateitem\",\n component: UpdateItem,\n },\n {\n path: \"/app/dashboard/modifiers\",\n component: Modifiers,\n },\n {\n path: \"/app/dashboard/createmodifier\",\n component: CreateModifier,\n },\n {\n path: \"/app/dashboard/updatemodifier\",\n component: UpdateModifier,\n },\n {\n path: \"/app/dashboard/discount\",\n component: Discount,\n },\n {\n path: \"/app/dashboard/adddiscount\",\n component: AddDiscount,\n },\n {\n path: \"/app/dashboard/updatediscount\",\n component: UpdateDiscount,\n },\n];\n\nconst Routes = [...publicRoutes, ...adminRoutes];\nexport default Routes;\n","import React, { createContext, useReducer, useContext } from \"react\";\nimport { ACTIONS } from \"config\";\nimport { UTILS } from \"utils\";\nimport PropTypes from \"prop-types\";\n\nconst initialState = { user: UTILS.getCurrentUser() };\nconst Store = createContext(initialState);\nconst { Provider } = Store;\n\nexport const useStore = () => useContext(Store);\nconst StateProvider = ({ children }) => {\n const [state, dispatch] = useReducer((state, action) => {\n switch (action.type) {\n case ACTIONS.UPDATE_CURRENT_USER:\n return { ...state, ...getCurrentUser() };\n case ACTIONS.UPDATE_COUNTER:\n return { ...state, ...icrementCounter(state) };\n default:\n throw new Error();\n }\n }, initialState);\n\n return \n {t(\"Help?\")}\n \n \n \n
\n {/* \n \n );\n};\n\nexport default TextSlider;\n","import React from \"react\";\nconst LanguageToggle = ({ onClick, selected, authenticated }) => {\n return (\n \n
\n );\n};\n\nexport default LanguageToggle;\n","import { useEffect, useState } from \"react\";\nimport moment from \"moment\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport { useDispatch } from \"react-redux\";\nimport { Language } from \"redux/actions\";\n\nconst useToggleLanguage = () => {\n const dispatch = useDispatch();\n const [lang, setlang] = useState(\"en\");\n const { i18n } = useTranslation();\n const getDir = (lng) => {\n return lng === \"ar\" ? \"rtl\" : \"ltr\";\n };\n const switchLanguage = (evt) => {\n i18n.changeLanguage(evt);\n document.getElementsByTagName(\"html\")[0].setAttribute(\"dir\", getDir(evt));\n setlang(evt);\n UTILS.saveLanguageInformation({\n direction: getDir(evt),\n lang: evt,\n });\n let clang = evt.toUpperCase();\n dispatch(Language.updateLanguage(clang));\n moment.locale(evt);\n };\n useEffect(() => {\n const obj = UTILS?.getLanguageInformation();\n if (obj?.lang && obj?.direction) {\n i18n.changeLanguage(obj?.lang);\n document\n ?.getElementsByTagName(\"html\")[0]\n .setAttribute(\"dir\", obj.direction);\n moment.locale(obj.lang);\n setlang(obj.lang);\n let clang = obj?.lang?.toUpperCase();\n dispatch(Language.updateLanguage(clang));\n }\n }, []);\n return {\n lang,\n switchLanguage,\n };\n};\nexport default useToggleLanguage;\n","import React, { useState } from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { API } from \"api/\";\nimport { UTILS } from \"utils\";\nimport BgPasswordInput from \"../../../components/BgPasswordInput\";\nimport TextSlider from \"../components/TextSlider\";\nimport PhoneNumberInput from \"components/PhoneNumberInput\";\nimport { useTranslation } from \"react-i18next\";\nimport Modal from \"components/Modal\";\nimport { Spin } from \"antd\";\nimport { useDispatch } from \"react-redux\";\nimport { LoginAction, SettingsAction, Language } from \"redux/actions\";\nimport LanguageToggle from \"components/LanguageToggle\";\nimport useToggleLanguage from \"hooks/useToggleLanguage\";\nimport { CONSTANTS as C } from \"config\";\n\nconst SignIn = () => {\n const dispatch = useDispatch();\n let history = useHistory();\n const { t } = useTranslation();\n const { lang, switchLanguage } = useToggleLanguage();\n const [invalidLogin, setInvalidLogin] = useState(\"\");\n const [open, setOpen] = useState(false);\n const [loading, setLoading] = useState(false);\n\n const [stateLogin, setState] = useState({\n values: {\n phoneNumber: \"\",\n password: \"\",\n },\n errors: {\n phoneNumber: \"\",\n password: \"\",\n },\n });\n\n const handleValues = (key, value) => {\n setState((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: value,\n },\n errors: {\n ...prevState.errors,\n [key]: \"\",\n },\n }));\n };\n\n const checkIfValidUser = (USER) => {\n if (USER === \"BRAND-ADMIN\" || USER === \"MANAGER\") {\n return true;\n } else return false;\n };\n const verifyAccount = (success) => {\n stateLogin.values.email = success.data.user.email;\n stateLogin.values.baseLanguage = success.data.user.brandId.baseLanguage;\n stateLogin.values.name = success.data.user.userName;\n history.push(\"/verify/validate-otp\", {\n stateRegister: stateLogin,\n });\n };\n const loginUser = (success) => {\n const userDetail = UTILS.getCurrentUser();\n dispatch(LoginAction.toogleLogin(true));\n localStorage.setItem(\"loginEvent\", Date.now().toString());\n if (\n UTILS.isValidObject([\"data\", \"user\", \"brandId\", \"baseLanguage\"], success)\n ) {\n let obj = {\n direction:\n success?.data?.user?.brandId?.baseLanguage === \"en\" ? \"ltr\" : \"rtl\",\n lang: success?.data?.user?.brandId?.baseLanguage,\n };\n UTILS.saveLanguageInformation(obj);\n document\n .getElementsByTagName(\"html\")[0]\n .setAttribute(\"dir\", obj.direction);\n let clang = success?.data?.user?.brandId?.baseLanguage?.toUpperCase();\n dispatch(Language.updateLanguage(clang));\n }\n if (checkIfValidUser(success?.data?.user?.userType)) {\n UTILS.saveCurrentUser({\n ...userDetail,\n token: success.data.token,\n });\n process.env.REACT_APP_COMPANY_NAME === C.COMPANY_NAMES.RESTHERO\n ? history.push(\"/app/dashboard/onboarding\")\n : history.push(\"/app/dashboard\");\n } else {\n setInvalidLogin(t(\"invalid username or password\"));\n }\n };\n const handleSubmit = async (event) => {\n event.preventDefault();\n if (!loginValidation()) return;\n setLoading(true);\n if (stateLogin.values.phoneNumber.charAt(4) === \"0\") {\n stateLogin.values.phoneNumber = UTILS.formatPhoneNumber(\n stateLogin.values.phoneNumber\n );\n }\n const success = await API.SIGN_IN({\n phoneNumber: stateLogin.values.phoneNumber,\n password: stateLogin.values.password,\n userType: \"BRAND-ADMIN\",\n deviceType: \"web\",\n language: \"EN\",\n });\n if (success?.response === 200 && success?.success === 1 && success?.data) {\n UTILS.saveCurrentUser({\n name: success?.data?.user?.name,\n email: success?.data?.user?.email,\n phoneNumber: success.data.user?.phoneNumber,\n token: null,\n storeFrontURL: success.data?.storeFrontURL,\n storePreviewURL: success?.data?.storePreviewURL,\n brandId: success.data?.user?.brandId?._id,\n userId: success.data?.user?.userId,\n userType: success?.data?.user?.userType,\n brandName: success.data?.user.brandId?.brandName,\n subscribedPackage: success?.data?.user.subscribedPackage?.packageId\n ? success.data?.user?.subscribedPackage?.packageId\n : \"\",\n catalogueType: success?.data?.user?.brandId?.catalogueType,\n temporaryDomainName: success?.data?.brandSettings?.temporaryDomainName,\n });\n dispatch(\n SettingsAction.updateCatalogueType(\n success?.data?.user?.brandId?.catalogueType\n )\n );\n let obj = {\n direction:\n success?.data?.user?.brandId?.baseLanguage === \"en\" ? \"ltr\" : \"rtl\",\n lang: success?.data?.user?.brandId?.baseLanguage,\n };\n UTILS.saveLanguageInformation(obj);\n if (\n success?.response === 200 &&\n success?.success === 1 &&\n success?.data?.user?.isVerified\n ) {\n loginUser(success);\n } else if (\n success?.response === 200 &&\n success?.success === 1 &&\n !success?.data?.user?.isVerified\n ) {\n verifyAccount(success);\n }\n } else {\n setInvalidLogin(success.message);\n }\n setLoading(false);\n };\n\n const loginValidation = () => {\n let errors = {};\n let formIsValid = true;\n if (\n (stateLogin?.values?.phoneNumber?.charAt(4) == 0 &&\n stateLogin?.values?.phoneNumber?.length !== 14) ||\n (stateLogin?.values?.phoneNumber?.charAt(4) != 0 &&\n stateLogin?.values?.phoneNumber?.length !== 13)\n ) {\n errors[\"phoneNumber\"] = t(\"Please enter a valid number\");\n formIsValid = false;\n }\n if (stateLogin.values.password === \"\") {\n errors[\"password\"] = t(\"Field is required\");\n }\n\n if (\n Object.keys(errors).filter((itemFilter) => errors[itemFilter]).length > 0\n ) {\n try {\n formIsValid = false;\n window.scrollTo(0, 200);\n setState((prevState) => ({\n ...prevState,\n errors: {\n ...prevState.errors,\n ...errors,\n },\n }));\n } catch (error) {}\n }\n return formIsValid;\n };\n\n return (\n <>\n */}\n \n
\n );\n};\n\nBgPasswordInput.propTypes = {\n mandatory: PropTypes.bool,\n error: PropTypes.bool,\n handleValues: PropTypes.func,\n placeHolder: PropTypes.string,\n label: PropTypes.string,\n keyVal: PropTypes.string,\n value: PropTypes.string,\n type: PropTypes.string,\n styleClasses: PropTypes.string,\n};\n\nexport default BgPasswordInput;\n","import React from \"react\";\nimport Slider from \"react-slick\";\nimport { useTranslation } from \"react-i18next\";\nimport { Line } from \"svg/SVGs\";\nimport { useSelector } from \"react-redux\";\nconst TextSlider = (props) => {\n const { t } = useTranslation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n\n var settings = {\n dots: true,\n arrows: false,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplay: true,\n autoplaySpeed: 6000,\n };\n return (\n \n \n props.handleValues(props.keyVal, event.target.value)\n }\n value={props.value}\n type={isVisible ? \"text\" : \"password\"}\n placeholder={props.placeHolder}\n className=\"w-full px-2 py-2.5 outline-none text-16px\"\n />\n {\n event.preventDefault();\n setIsVisible(!isVisible);\n }}\n type=\"button\"\n >\n
\n \n \n \n \n \n
\n\n \n \n \n \n
\n \n \n
\n \n {t(\n \"We can keep track of all of our inventory. At all our locations with just a few taps. We have moved to auto generated orders. They have reduced the steps we have in our existing system. Rest hero has indeed organized our business well.\",\n {\n company:\n currentLanguage === \"EN\"\n ? process.env.REACT_APP_COMPANY_NAME_EN\n : process.env.REACT_APP_COMPANY_NAME_AR,\n }\n )}\n
\n\n
{t(\"Manager Debenhams Dubai Mall\")}
\n\n
\n \n {t(\n \"I can say before moving to Resthero, we weren’t able to quantify our sales and profit margins. Now they have pushed our business to a newer level where I can focus on growth and they take care of my business.\",\n {\n company:\n currentLanguage === \"EN\"\n ? process.env.REACT_APP_COMPANY_NAME_EN\n : process.env.REACT_APP_COMPANY_NAME_AR,\n }\n )}\n
\n\n
{t(\"Manager Tammim Allahdadi\")}
\n\n
\n \n {t(\n \"Rest Hero team rocks. A small note to the team You guys made my business fully automated. your efforts have increased my daily sales.I am your happy customer and I highly recommend your services.\",\n {\n company:\n currentLanguage === \"EN\"\n ? process.env.REACT_APP_COMPANY_NAME_EN\n : process.env.REACT_APP_COMPANY_NAME_AR,\n }\n )}\n
\n\n
{t(\"Owner Ice Parlor\")}
\n\n onClick(\"en\")}\n className={`border-0 ${\n selected === \"en\" ? \"bg-blue-900\" : \"\"\n } text-white rounded-full px-4 py-1`}\n >\n English\n \n onClick(\"ar\")}\n className={`border-0 ${\n selected === \"ar\" ? \"bg-blue-900\" : \"\"\n } text-white rounded-full px-4 py-1`}\n >\n العربية\n \n
\n \n \n
\n \n \n setOpen(false)}\n className=\"bg-white px-5 py-2 text-sm shadow-sm font-medium border text-gray-600 rounded-sm hover:shadow-lg hover:bg-gray-100 justify-center\"\n >\n {t(\"Ok\")}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {\" \"}\n {t(\"company name\", {\n company: process.env.REACT_APP_COMPANY_NAME,\n })}\n
\n\n {t(\"Sign In to Dashboard\")}\n
\n\n {invalidLogin ? invalidLogin : \"\"}\n
\n\n
\n \n \n {t(\"Login to dashboard\")}\n
\n \n \n {t(\"Forgot Password\")}\n
\n \n \n {t(\"Do not have an account? Register\")}\n \n
\n {process.env.REACT_APP_COMPANY_NAME ===\n C.COMPANY_NAMES.RESTHERO ? (\n \n {t(\n \"By registering with us, you agreed to terms and conditions\"\n )}\n
\n ) : null}\n \n {process.env.REACT_APP_COMPANY_NAME ===\n C.COMPANY_NAMES.RESTHERO ? (\n <>\n \n window.open(\"https://www.resthero.io/privacy\", \"_blank\")\n }\n >\n {t(\"Privacy Policy\")}\n \n \n window.open(\"https://www.resthero.io/terms\", \"_blank\")\n }\n >\n {t(\"Terms and Conditions\")}\n \n \n window.open(\"https://www.resthero.io/\", \"_blank\")\n }\n >\n {t(\"About Us\")}\n \n \n window.open(\n \"https://www.resthero.io/contact-us\",\n \"_blank\"\n )\n }\n >\n {t(\"Contact Us\")}\n \n \n ) : null}\n
\n \n ©{\" \"}\n {t(\"COPYRIGHT\", {\n year: new Date().getFullYear(),\n company: process.env.REACT_APP_COMPANY_NAME,\n })}\n
\n\n
\n \n \n
\n \n
\n \n {\n // let obj = { ...objLang };\n // obj.lang = value;\n // obj.direction = value === \"en\" ? \"ltr\" : \"rtl\";\n // document\n // .getElementsByTagName(\"html\")[0]\n // .setAttribute(\"dir\", obj.direction);\n // changeLanguage(value);\n props.handleValues(\"baseLanguage\", value);\n }}\n >\n \n \n \n
\n );\n};\nexport default LanguageSelector;\n\nLanguageSelector.propTypes = {\n handleValues: PropTypes.func,\n};\n","import React, { useEffect, useState } from \"react\";\nimport ServiceTypeItem from \"./ServiceTypeItem\";\nimport PropTypes from \"prop-types\";\nimport { CONSTANTS as C } from \"config\";\nimport { Skeleton } from \"antd\";\nimport { API } from \"api\";\nimport { useTranslation, getI18n } from \"react-i18next\";\nimport LanguageSelector from \"features/multilingual/containers/languageSelector\";\nimport { SVG_FOOD_AND_BEVARAGES } from \"svg/SVGs\";\nimport { SVG_RETAIL } from \"svg/SVGs\";\nimport useToggleLanguage from \"hooks/useToggleLanguage\";\nimport LanguageToggle from \"components/LanguageToggle\";\nimport { useSelector } from \"react-redux\";\nconst RegisterStep4 = (props) => {\n const { lang, switchLanguage } = useToggleLanguage();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const [superCategories, setSuperCategories] = useState([]);\n const [loading, setLoading] = useState(true);\n const { t } = useTranslation();\n\n const getSuperCategories = async () => {\n const result = await API.getSuperCategories();\n if (result.success === 1) setSuperCategories(result.data);\n else return [];\n setLoading(false);\n };\n\n useEffect(() => {\n getSuperCategories();\n }, []);\n\n const getKeyAgainstLanguage = () => {\n const lang = getI18n();\n return lang.language == \"en\" ? C.KEY_CAT_INFO_EN : C.KEY_CAT_INFO_AR;\n };\n return (\n \n {t(\"Select language of your ordering website\")}\n
\n\n
\n );\n};\nRegisterStep4.propTypes = {\n onSubmitRegisterStep: PropTypes.func,\n handleValues: PropTypes.func,\n stateRegister: PropTypes.object,\n switchStep: PropTypes.func,\n};\nexport default RegisterStep4;\n","import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst getMandatoryField = (man) => {\n if (man) {\n return *;\n }\n};\n\nconst getFieldError = (error) => {\n if (error) {\n return {error} ;\n }\n};\n\nconst BgTextInput = (props) => {\n const mandatoryField = getMandatoryField(props?.mandatory || false);\n\n const fieldError = getFieldError(props?.error || false);\n\n useEffect(() => {}, [props.value]);\n\n return (\n <>\n \n
\n \n
\n \n
\n \n {t(\"Hi, I am Abdullah.\", {\n owner:\n currentLanguage === \"EN\"\n ? process.env.REACT_APP_OWNER_NAME_EN\n : process.env.REACT_APP_OWNER_NAME_AR,\n })}\n
\n\n {t(\n \"I will help you set up your online ordering in 3 - 4 minutes.\"\n )}\n
\n\n
\n \n {t(\"What Service Type of website should this be?\")}\n
\n\n
\n \n
\n \n
\n \n {t(\"Food & Bevarages\")}\n
\n\n
\n \n
\n\n \n
\n \n {t(\"Retail\")}\n
\n\n
\n \n \n \n props.handleValues(props.keyVal, event.target.value)\n }\n value={props.value}\n type={props.type}\n placeholder={props.placeHolder}\n className={props.styleClasses}\n />\n
\n \n );\n};\n\nBgTextInput.propTypes = {\n mandatory: PropTypes.bool,\n error: PropTypes.bool,\n handleValues: PropTypes.func,\n placeHolder: PropTypes.string,\n label: PropTypes.string,\n keyVal: PropTypes.string,\n value: PropTypes.string,\n type: PropTypes.string,\n styleClasses: PropTypes.string,\n};\n\nexport default BgTextInput;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nconst Footer = () => {\n const { t } = useTranslation();\n return (\n \n
\n );\n};\nexport default Footer;\n","import React from \"react\";\nimport BgTextInput from \"components/BgTextInput\";\nimport Footer from \"components/Footer\";\nimport PropTypes from \"prop-types\";\nimport PhoneNumberInput from \"components/PhoneNumberInput\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button, Popover } from \"antd\";\nimport BgPasswordInput from \"components/BgPasswordInput\";\nimport useToggleLanguage from \"hooks/useToggleLanguage\";\nimport LanguageToggle from \"components/LanguageToggle\";\n\nconst RegisterStep1 = (props) => {\n const { lang, switchLanguage } = useToggleLanguage();\n\n const { t } = useTranslation();\n const handleSubmit = (e) => {\n e.preventDefault();\n props.onSubmitRegisterStep(2);\n };\n\n return (\n \n {\" \"}\n ©{\" \"}\n {t(\"COPYRIGHT\", {\n year: new Date().getFullYear(),\n company: process.env.REACT_APP_COMPANY_NAME,\n })}\n
\n\n
\n \n \n );\n};\n\nRegisterStep1.propTypes = {\n onSubmitRegisterStep: PropTypes.func,\n handleValues: PropTypes.func,\n stateRegister: PropTypes.object,\n};\n\nexport default RegisterStep1;\n","import React, { useState } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport { Spin } from \"antd\";\nimport \"antd/dist/antd.css\";\nimport RegisterStep1 from \"../components/RegisterStep1\";\nimport RegisterStep2 from \"../components/RegisterStep2\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api/\";\nimport { useHistory } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { TRACKING_EVENTS } from \"utils\";\nimport { SettingsAction } from \"redux/actions\";\nimport { useDispatch } from \"react-redux\";\nconst Register = () => {\n const [state, setS] = useState({});\n const dispatch = useDispatch();\n const [step, setStep] = useState(1);\n const [loading, setLoading] = useState(false);\n const [invalidLogin, setInvalidLogin] = useState(\"\");\n const { t } = useTranslation();\n let history = useHistory();\n const location = useLocation();\n\n const startDate = new Date().setHours(7, 0, 0);\n const endDate = new Date().setHours(20, 0, 0);\n const [stateRegister, setState] = useState({\n values: {\n name: \"\",\n email: \"\",\n phoneNumber: \"\",\n password: \"\",\n baseLanguage: \"en\",\n verificationCode: \"\",\n brandName: \"\",\n serviceType: \"\",\n storeName: \"\",\n storeNameAr: \"\",\n description: \"\",\n descriptionAr: \"\",\n storeEmail: \"\",\n storePhone: \"\",\n latitudeLongitude: {},\n PaymentOptionCOD: \"\",\n PaymentOptionCreditCard: \"\",\n workingHours: {\n saturdayStartTime: startDate,\n saturdayEndTime: endDate,\n saturday: false,\n sundayStartTime: startDate,\n sundayEndTime: endDate,\n sunday: true,\n mondayStartTime: startDate,\n mondayEndTime: endDate,\n monday: true,\n tuesdayStartTime: startDate,\n tuesdayEndTime: endDate,\n tuesday: true,\n wednesdayStartTime: startDate,\n wednesdayEndTime: endDate,\n wednesday: true,\n thursdayStartTime: startDate,\n thursdayEndTime: endDate,\n thursday: true,\n fridayStartTime: startDate,\n fridayEndTime: endDate,\n friday: true,\n },\n },\n errors: {\n name: \"\",\n email: \"\",\n phoneNumber: \"\",\n password: \"\",\n baseLanguage: \"\",\n verificationCode: \"\",\n brandName: \"\",\n serviceType: \"\",\n storeName: \"\",\n storeNameAr: \"\",\n description: \"\",\n descriptionAr: \"\",\n storeEmail: \"\",\n storePhone: \"\",\n PaymentOptionCOD: \"\",\n PaymentOptionCreditCard: \"\",\n latitudeLongitude: \"\",\n workingHours: {\n saturdayStartTime: \"\",\n saturdayEndTime: \"\",\n saturday: \"\",\n sundayStartTime: \"\",\n sundayEndTime: \"\",\n sunday: \"\",\n mondayStartTime: \"\",\n mondayEndTime: \"\",\n monday: \"\",\n tuesdayStartTime: \"\",\n tuesdayEndTime: \"\",\n tuesday: \"\",\n wednesdayStartTime: \"\",\n wednesdayEndTime: \"\",\n wednesday: \"\",\n thursdayStartTime: \"\",\n thursdayEndTime: \"\",\n thursday: \"\",\n fridayStartTime: \"\",\n fridayEndTime: \"\",\n friday: \"\",\n },\n },\n });\n\n // handle input change values\n const handleValues = (key, value) => {\n setState((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: value,\n },\n errors: {\n ...prevState.errors,\n [key]: \"\",\n },\n }));\n };\n\n // user register input validation\n const registerValidation = () => {\n let errors = {};\n let formIsValid = true;\n if (stateRegister?.values.email !== \"\") {\n if (!UTILS.emailValidation().test(stateRegister.values[\"email\"].trim())) {\n formIsValid = false;\n errors[\"email\"] = t(\"Please enter valid email-ID.\");\n }\n } else if (stateRegister?.values?.email === \"\") {\n formIsValid = false;\n errors[\"email\"] = t(\"Field is required\");\n }\n if (stateRegister?.values?.password === \"\") {\n errors[\"password\"] = t(\"Field is required\");\n }\n if (stateRegister?.values?.name === \"\") {\n errors[\"name\"] = t(\"Field is required\");\n }\n if (stateRegister.values.phoneNumber === \"\") {\n errors[\"phoneNumber\"] = t(\"Field is required\");\n }\n\n if (\n (stateRegister?.values?.phoneNumber?.charAt(4) == 0 &&\n stateRegister?.values?.phoneNumber?.length !== 14) ||\n (stateRegister?.values?.phoneNumber?.charAt(4) != 0 &&\n stateRegister?.values?.phoneNumber?.length !== 13)\n ) {\n errors[\"phoneNumber\"] = t(\"Please enter a valid Mobile Number\");\n }\n\n if (\n Object.keys(errors).filter((itemFilter) => errors[itemFilter]).length > 0\n ) {\n try {\n formIsValid = false;\n window?.scrollTo(0, 200);\n setState((prevState) => ({\n ...prevState,\n errors: {\n ...prevState.errors,\n ...errors,\n },\n }));\n } catch (error) {}\n }\n\n return formIsValid;\n };\n\n // register store input validation\n const registerStoreValidation = () => {\n let errors = {};\n\n let formIsValid = true;\n if (stateRegister.values.storeEmail !== \"\") {\n if (!UTILS.emailValidation().test(stateRegister.values[\"storeEmail\"])) {\n formIsValid = false;\n errors[\"storeEmail\"] = t(\"Please enter valid email-ID.\");\n }\n } else if (stateRegister.values.storeEmail == \"\") {\n formIsValid = false;\n errors[\"storeEmail\"] = t(\"Field is required\");\n }\n if (stateRegister.values.phoneNumber == \"\") {\n errors[\"phoneNumber\"] = t(\"Field is required\");\n }\n\n if (stateRegister.values.phoneNumber.length != 12) {\n errors[\"phoneNumber\"] = t(\"Please enter a valid Mobile Number\");\n }\n\n if (\n Object.keys(errors).filter((itemFilter) => errors[itemFilter]).length > 0\n ) {\n try {\n formIsValid = false;\n window?.scrollTo(0, 200);\n setState((prevState) => ({\n ...prevState,\n errors: {\n ...prevState.errors,\n ...errors,\n },\n }));\n } catch (error) {}\n }\n return formIsValid;\n };\n\n const switchStep = (step) => {\n const backStep = step - 1;\n setStep(backStep);\n renderRegisterStep(step);\n sessionStorage.setItem(\"registrationStep\", step);\n sessionStorage.setItem(\n \"stateRegister\",\n JSON.stringify(stateRegister.values)\n );\n };\n\n // submit steps for registration\n const submitRegisterStep = async (step, data) => {\n if (step === 1) {\n handleValues(\"serviceType\", data);\n const nextStep = step + 1;\n setStep(nextStep);\n renderRegisterStep(nextStep);\n sessionStorage.setItem(\"registrationStep\", step);\n sessionStorage.setItem(\n \"stateRegister\",\n JSON.stringify(stateRegister.values)\n );\n }\n\n if (step === 2) {\n if (!registerValidation()) return;\n registerStepOne();\n return;\n }\n\n if (step === 4) {\n if (!registerStoreValidation()) return;\n const nextStep = step + 1;\n setStep(nextStep);\n renderRegisterStep(nextStep);\n sessionStorage.setItem(\"registrationStep\", step);\n sessionStorage.setItem(\n \"stateRegister\",\n JSON.stringify(stateRegister.values)\n );\n }\n\n if (step === 6) {\n if (!stateRegister.values.latitudeLongitude) return;\n const nextStep = step + 1;\n setStep(nextStep);\n renderRegisterStep(nextStep);\n sessionStorage.setItem(\"registrationStep\", step);\n sessionStorage.setItem(\n \"stateRegister\",\n JSON.stringify(stateRegister.values)\n );\n }\n\n if (step === 7) {\n const nextStep = step + 1;\n setStep(nextStep);\n renderRegisterStep(nextStep);\n sessionStorage.setItem(\"registrationStep\", step);\n sessionStorage.setItem(\n \"stateRegister\",\n JSON.stringify(stateRegister.values)\n );\n }\n\n if (step === 8) {\n createBrandStore();\n return;\n }\n\n if (step === 9) {\n goToDashboard();\n }\n };\n\n const createBrandStore = async () => {\n const result = await API.CREATE_BRAND_STORE({\n ...stateRegister,\n userId: state.user.userId,\n brandId: state.user.brandId,\n language: stateRegister.values.baseLanguage == \"en\" ? \"EN\" : \"AR\",\n });\n if (result?.response === 200 && result.success) {\n UTILS.successNotification(result.message);\n const nextStep = step + 1;\n setStep(nextStep);\n renderRegisterStep(nextStep);\n sessionStorage.setItem(\"registrationStep\", step);\n sessionStorage.setItem(\n \"stateRegister\",\n JSON.stringify(stateRegister.values)\n );\n } else {\n UTILS.errorNotification(result.message);\n }\n };\n\n const goToDashboard = async () => {\n history.push(\"/verify/validate-otp\", {\n stateRegister,\n });\n };\n\n const checkUTMTags = () => {\n const urlParams = new URLSearchParams(window.location.search);\n const utmTagsFromQuery = {};\n\n if (urlParams.has(\"utm_source\")) {\n utmTagsFromQuery.utm_source = urlParams.get(\"utm_source\");\n }\n if (urlParams.has(\"utm_medium\")) {\n utmTagsFromQuery.utm_medium = urlParams.get(\"utm_medium\");\n }\n if (urlParams.has(\"utm_campaign\")) {\n utmTagsFromQuery.utm_campaign = urlParams.get(\"utm_campaign\");\n }\n\n if (Object.keys(utmTagsFromQuery)?.length === 0) {\n const cookies = document.cookie?.split(\";\");\n cookies?.forEach((cookie) => {\n const [name, value] = cookie?.trim()?.split(\"=\");\n if (\n name === \"utm_source\" ||\n name === \"utm_medium\" ||\n name === \"utm_campaign\"\n ) {\n utmTagsFromQuery[name] = value || \"\";\n }\n });\n }\n\n return utmTagsFromQuery;\n };\n\n const registerStepOne = async () => {\n setLoading(true);\n if (stateRegister.values.phoneNumber.charAt(4) === \"0\") {\n stateRegister.values.phoneNumber =\n stateRegister.values.phoneNumber.slice(0, 4) +\n stateRegister.values.phoneNumber.slice(5);\n }\n\n const utmTags = checkUTMTags();\n const utmSource = utmTags.utm_source;\n const utmMedium = utmTags.utm_medium;\n const utmCampaign = utmTags.utmCampaign;\n\n const result = await API.REGISTER({\n brandName: stateRegister.values.brandName,\n name: stateRegister.values.name,\n email: stateRegister.values.email.trim(),\n phoneNumber: stateRegister.values.phoneNumber,\n password: stateRegister.values.password,\n superCategoryId: stateRegister.values.serviceType,\n baseLanguage: stateRegister.values.baseLanguage,\n language: stateRegister.values.baseLanguage === \"en\" ? \"EN\" : \"AR\",\n utmSource,\n utmMedium,\n utmCampaign,\n });\n if (result?.response === 200 && result?.success) {\n UTILS.saveCurrentUser({\n name: result.data.user.userName,\n email: result.data.user.email,\n phoneNumber: result.data.user.phoneNumber,\n token: null,\n storeFrontURL: result.data.storeFrontURL,\n storePreviewURL: result.data.storePreviewURL,\n brandId: result.data.user.brandId._id,\n userId: result.data.user.userId,\n userType: result?.data?.user?.userType,\n brandName: result.data.user.brandId.brandName,\n subscribedPackage: result.data.subscribedPackage?.packageId\n ? result.data.subscribedPackage?.packageId\n : \"\",\n catalogueType: result?.data?.user?.brandId?.catalogueType,\n temporaryDomainName: result?.data?.brandSettings?.temporaryDomainName,\n });\n TRACKING_EVENTS.nonVerifiedRegistrations({\n userId: result.data.user.userId,\n brandName: stateRegister.values.brandName,\n phoneNumber: stateRegister.values.phoneNumber,\n });\n dispatch(\n SettingsAction.updateCatalogueType(\n result?.data?.user?.brandId?.catalogueType\n )\n );\n const obj = {\n direction: UTILS.getLayoutDirection(stateRegister.values.baseLanguage),\n lang: stateRegister.values.baseLanguage,\n };\n UTILS.saveLanguageInformation(obj);\n goToDashboard();\n sessionStorage.setItem(\"registrationStep\", step);\n sessionStorage.setItem(\n \"stateRegister\",\n JSON.stringify(stateRegister.values)\n );\n UTILS.checkPackageValidity();\n } else {\n UTILS.handleErrorNotification(result?.message);\n setInvalidLogin(result.message);\n }\n setLoading(false);\n };\n\n const renderRegisterStep = (step) => {\n switch (step) {\n case 1:\n return (\n \n
\n \n
\n \n \n
\n \n {t(\"Please fill the form?\")}\n
\n\n {renderRegisterStep(step)} \n
\n );\n};\nexport default Register;\n","//\nimport React, { useState } from \"react\";\nimport { Layout } from \"antd\";\nimport { Link } from \"react-router-dom\";\n\nconst SideBar = ({ menu }) => {\n const [collapsed, setCollapsed] = useState(false);\n const Header = () => {\n const onCollapse = () => {\n setCollapsed(!collapsed);\n };\n\n return (\n \n {/* RESTHERO */}\n {process.env.REACT_APP_COMPANY_NAME}\n
\n \n {/* */}\n \n );\n };\n return (\n\n goToPackages()}\n >\n {t(\"Subscribe now\")}\n \n
\n \n {t(text)}\n
\n\n \n
\n );\n};\nexport default DashboardMenu;\n","import React, { useEffect, useState } from \"react\";\nimport { Menu } from \"antd\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n DashboardOutlined,\n HistoryOutlined,\n FormatPainterOutlined,\n MenuUnfoldOutlined,\n FileTextOutlined,\n EditOutlined,\n EyeOutlined,\n InstagramOutlined,\n BorderOuterOutlined,\n AimOutlined,\n DollarCircleOutlined,\n SubnodeOutlined,\n SettingOutlined,\n LogoutOutlined,\n InfoCircleOutlined,\n UserOutlined,\n AliwangwangOutlined,\n DatabaseOutlined,\n RocketOutlined,\n MoneyCollectOutlined,\n FileDoneOutlined,\n TrophyOutlined,\n ShopOutlined,\n SoundOutlined,\n ScanOutlined,\n InteractionOutlined,\n UngroupOutlined,\n CompressOutlined,\n PicRightOutlined,\n} from \"@ant-design/icons\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport { SVG_LIVE_ORDER } from \"svg/SVGs\";\nimport { UTILS } from \"utils\";\nimport { PackageUtil } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport useUserType from \"hooks/useUserType\";\nimport useInterval from \"use-interval\";\nimport \"moment-timezone\";\nimport { CONSTANTS as C } from \"config\";\nimport { useGetSettingsMutation } from \"redux/settings/settingsSlice\";\nimport { LogoutAction } from \"redux/actions\";\nimport { PkgActions } from \"redux/actions\";\nimport { Feedback } from \"@material-ui/icons\";\nimport { MenuBook } from \"@material-ui/icons\";\nconst { SubMenu } = Menu;\nconst DashboardMenu = ({ setVisible }) => {\n const dispatch = useDispatch();\n const [getSettings] = useGetSettingsMutation();\n const { expDays } = useSelector((state) => state.PackagesReducer);\n const [isEnableMenu, setIsEnableMenu] = useState(false);\n const userType = useUserType();\n const { t } = useTranslation();\n const { isLoggedIn } = useSelector((state) => state.LoginReducer);\n\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const logout = () => {\n // Notify other tabs about the logout\n localStorage.setItem(\"logoutEvent\", Date.now().toString());\n localStorage.clear();\n UTILS.removeCurrentUser();\n UTILS.removeLanguageInformation();\n window.location.href = \"/login\";\n dispatch(LogoutAction.logout());\n };\n const check_PackageValidity = async () => {\n const { result } = await UTILS.checkPackageValidity(currentLanguage);\n if (result?.data) {\n const diff = PackageUtil.getPackageExpiry(result.data.subscription);\n dispatch(PkgActions.setDays(diff));\n }\n };\n useEffect(() => {\n check_PackageValidity();\n }, [isLoggedIn]);\n\n useInterval(() => {\n check_PackageValidity();\n }, C.SIXHOURS);\n let location = useLocation();\n const [current, setCurrent] = useState(\n location.pathname === \"/\" || location.pathname === \"\"\n ? \"/\"\n : location.pathname\n );\n useEffect(() => {\n if (location) {\n if (current !== location.pathname) {\n setCurrent(location.pathname);\n }\n }\n }, [location, current]);\n const onMenuClick = (key) => {\n setVisible(false);\n setCurrent(key);\n };\n\n const openShop = async () => {\n const userDetail = UTILS.getCurrentUser();\n const obj = {\n brandId: userDetail.brandId,\n };\n const data = await getSettings(obj).unwrap();\n\n if (data?.success === 1 && data?.data?.setting) {\n const userDetail = await UTILS.getCurrentUser();\n let url = `${userDetail.storeFrontURL}${data?.data?.setting?.temporaryDomainName}`;\n window.open(url, \"_blank\");\n }\n };\n\n if (expDays <= 5) {\n return (\n \n
\n );\n } else {\n return (\n \n \n {process.env.REACT_APP_COMPANY_NAME !==\n C.COMPANY_NAMES.CUSINETTE && (\n \n {t(\"Modifier Availability\")}\n \n \n \n {t(\"Loyalty\")}\n \n \n \n {t(\"Customers\")}\n \n \n \n )}\n \n {t(\"Modifiers\")}\n \n \n \n {t(\"Modifier Groups\")}\n \n \n {/* \n {t(\"Order History\")}\n \n \n \n {t(\"Customer Report\")}\n \n \n \n {t(\"Payment Links History\")}\n \n \n {/* \n {t(\"Payouts History\")}\n \n */}\n \n {t(\"Order Feedbacks\")}\n \n \n \n )}\n\n
\n \n \n {process.env.REACT_APP_COMPANY_NAME !==\n C.COMPANY_NAMES.CUSINETTE && (\n \n {t(\"Branding\")}\n \n \n )}\n {userType === C.USER_TYPE_ADMIN && (\n \n {t(\"Business settings\")}\n \n \n )}\n\n \n {t(\"My Profile\")}\n \n \n \n\n {/* \n {t(\"Need help\")}\n \n \n )}\n
\n \n
\n );\n};\nexport default Index;\n","import { Spin } from \"antd\";\nimport { API } from \"api\";\nimport { useTranslation } from \"react-i18next\";\nimport React, { useState } from \"react\";\nimport { useHistory } from \"react-router\";\nimport { UTILS } from \"utils\";\nimport { CONSTANTS as C } from \"config\";\nimport TextInput from \"../../../components/TextInput\";\nimport useToggleLanguage from \"hooks/useToggleLanguage\";\nimport LanguageToggle from \"components/LanguageToggle\";\n\nconst ResetPasswordStep2 = (props) => {\n const { lang, switchLanguage } = useToggleLanguage();\n const [code, setCode] = useState(\"\");\n\n const [Error, setError] = useState({\n codeError: \"\",\n passwordError: \"\",\n });\n const [password, setPassword] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n const router = useHistory();\n\n const submitNewPassword = async () => {\n setLoading(true);\n const result = await API.NEW_PASSWORD({\n phoneNumber: router.location.state.phoneNumber,\n verificationCode: code,\n password: password,\n });\n if (result && result.success === 1) {\n UTILS.handleSuccesNotification(\n result?.message ?? t(\"Your Passsword has been changed, please login\")\n );\n router.push(\"/login\");\n } else {\n UTILS.HANDLE_ERROR_NOTIFICATION(\"topRight\", \"error\", result?.message);\n }\n setLoading(false);\n };\n return (\n <>\n \n
\n \n );\n};\n\nexport default ResetPasswordStep2;\n","import React, { useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { Spin } from \"antd\";\nimport { API } from \"api\";\nimport { UTILS } from \"utils\";\nimport PhoneNumberInput from \"components/PhoneNumberInput\";\nimport LanguageToggle from \"components/LanguageToggle\";\nimport useToggleLanguage from \"hooks/useToggleLanguage\";\nconst ResetPasswordStep1 = () => {\n const { t } = useTranslation();\n const router = useHistory();\n const { lang, switchLanguage } = useToggleLanguage();\n let [phone, setPhone] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const submitForgotPassword = async () => {\n setLoading(true);\n if (!UTILS.isValidMobileNumber(phone)) {\n setError(t(\"Please enter correct mobile number\"));\n setLoading(false);\n return;\n }\n if (phone?.length >= 0 && phone?.charAt(4) === \"0\") {\n phone = phone?.slice(0, 4) + phone?.slice(5);\n }\n const result = await API.FORGOT_PASSWORD({\n phoneNumber: phone,\n });\n if (result?.success === 1) {\n UTILS.handleSuccesNotification(\n t(result?.message ?? \"Code Sent to your email, Please check your email\")\n );\n\n router.push({\n pathname: \"/newpassword\",\n state: {\n phoneNumber: phone,\n },\n });\n } else {\n setError(t(result.error));\n UTILS.handleErrorNotification(t(result.error));\n }\n setLoading(false);\n };\n\n const handleValues = (key, val) => {\n setPhone(val);\n };\n\n return (\n <>\n \n
\n \n \n \n
\n \n
\n \n {t(\"Reset Password\")}\n
\n\n
\n\n \n \n setCode(UTILS.NumberConversion(val))\n }\n />\n
\n \n setPassword(val)}\n />\n
\n \n submitNewPassword()}\n disabled={!password || !code}\n >\n {t(\"Submit\")}\n \n
\n \n
\n \n );\n};\n\nexport default ResetPasswordStep1;\n","import React from \"react\";\nimport ResetPasswordStep2 from \"../components/ResetPasswordStep2\";\nimport ResetPasswordStep1 from \"../components/ResetPasswordStep1\";\nconst ForgotPassword = (props) => {\n return \n
\n \n \n \n
\n \n
\n \n {t(\"Forgot Password\")}\n
\n\n
\n\n \n
\n \n submitForgotPassword()}\n >\n {t(\"Submit\")}\n \n
\n \n {t(\"You cannot Access this page\")}\n
\n );\n }\n return\n
\n \n
\n \n
\n );\n };\n const actionButton = (value, row, index) => {\n return (\n \n {` +${row.countryCode}${value}`}\n
\n\n viewDetail(row)}\n >\n {t(\"View details\")}\n \n
\n );\n };\n const columns = [\n {\n title: t(\"Customer Name\"),\n dataIndex: \"name\",\n key: \"name\",\n render: (value, row, index) => {\n return (\n \n
\n );\n },\n },\n {\n title: t(\"Whatsapp Number\"),\n dataIndex: \"phoneNumber\",\n key: \"mobileNumber\",\n render: renderMobileNumber,\n },\n\n {\n title: t(\"Lifetime Spending\"),\n dataIndex: \"lifetimeSpending\",\n key: \"lifetimeSpending\",\n render: (value, row, index) => {\n return (\n {value || t(\"N/A\")}
\n\n {value ? (\n
\n );\n },\n },\n\n {\n title: t(\"Actions\"),\n dataIndex: \"action\",\n key: \"action\",\n render: actionButton,\n },\n ];\n\n return (\n \n {t(\"AED\")} {parseFloat(value)?.toFixed(2) || 0}\n
\n ) : (\n\n {t(\"AED\")} 0\n
\n )}\n\n \n \n
\n );\n};\n\nexport default CustomersTable;\n","import React, { useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Spin } from \"antd\";\nimport CustomersTable from \"../components/CustomersTable\";\nimport { useGetAllBrandCustomersMutation } from \"redux/loyalty/loyalty-service\";\n\nconst LoyaltyCustomers = () => {\n const [searchTerm, setSearch] = useState(null);\n const [customers, setCustomers] = useState({\n data: [],\n totalrecords: 0,\n currentPage: 1,\n });\n const [getAllBrandCustomers] = useGetAllBrandCustomersMutation();\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n async function fetchData(page, term) {\n const { data } = await getAllBrandCustomers({\n page: page,\n ...(term && {\n phoneNumber: term,\n }),\n });\n if (data?.success === 1 && data?.data?.users?.users?.length > 0) {\n handleCustomerState(\"data\", data?.data?.users?.users);\n handleCustomerState(\"totalrecords\", data?.data?.users?.count);\n }\n }\n\n const handSearch = (e) => setSearch(e.target.value);\n\n const handlePageChange = (page) => {\n handleCustomerState(\"currentPage\", page);\n fetchData(page, searchTerm);\n };\n\n useEffect(() => {\n if (\n searchTerm === null ||\n searchTerm?.length === 0 ||\n searchTerm?.length > 2\n ) {\n handleCustomerState(\"currentPage\", 1);\n fetchData(1, searchTerm);\n }\n }, [searchTerm]);\n\n const handleCustomerState = (key, val) => {\n setCustomers((prevState) => ({\n ...prevState,\n [key]: val,\n }));\n };\n\n return (\n \n
\n\n \n
\n \n {t(\"My customers\")}\n
\n\n
\n \n \n \n \n
\n \n record._id}\n onChange={(pagination, filters, sorter) => {\n handlePageChange(pagination.current);\n }}\n />\n
\n \n
\n );\n};\n\nexport default UserLoyaltyPoints;\n","import React from \"react\";\nimport { Table } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport moment from \"moment\";\nimport Card from \"components/Card\";\nimport { useSelector } from \"react-redux\";\nconst UserLoyaltyTableData = ({\n userWalletHistory,\n fetchUserWalletTransactionHistory,\n}) => {\n const { t } = useTranslation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n\n const renderName = (value, row, index) => {\n return (\n \n {t(\"Loyalty Points\")}\n
\n\n \n {t(\"Customer current loyalty points balance\", {\n amount: new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(userWalletBalance?.balance || 0),\n })}\n\n {/* \n {new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(userWalletBalance?.balance || 0)}\n */}\n \n
\n\n\n {\n setOpen(true);\n }}\n >\n {t(\"Add Loyalty Points\")}\n \n
\n \n
\n );\n };\n\n const columns = [\n {\n title: t(\"Type\"),\n dataIndex: \"type\",\n key: \"name\",\n render: renderName,\n },\n {\n title: t(\"Amount\"),\n dataIndex: \"amount\",\n key: \"amount\",\n // render: renderName,\n render: (val) => {\n return new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(val);\n },\n },\n {\n title: t(\"Balance before\"),\n dataIndex: \"walletBalanceBefore\",\n key: \"walletBalanceBefore\",\n render: (val) => {\n return new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(val);\n },\n },\n {\n title: t(\"Balance after\"),\n dataIndex: \"walletBalanceAfter\",\n key: \"walletBalanceAfter\",\n render: (val) => {\n return new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(val);\n },\n },\n {\n title: t(\"Created at\"),\n dataIndex: \"createdAt\",\n key: \"createdAt\",\n render: (val, row, index) => {\n return {moment(val).format(\"DD-MM-YYYY\")};\n },\n },\n ];\n\n return (\n {t(value)}
\n\n \n \n
\n );\n};\n\nexport default UserLoyaltyTableData;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst getMandatoryField = (man) => {\n if (man) {\n return *;\n }\n};\nconst getFieldError = (error) => {\n if (error) {\n return * {error} ;\n }\n};\nconst TextInput = (props) => {\n const {\n label,\n mandatory,\n error,\n placeholder,\n register,\n rules,\n type,\n disabled,\n name,\n value,\n maxLength,\n } = props;\n\n const mandatoryField = getMandatoryField(mandatory);\n const fieldError = getFieldError(error);\n\n return (\n <>\n \n \n
\n \n {t(\"Loyalty transaction history\")}\n
\n\n fetchUserWalletTransactionHistory(e.current * 10)}\n dataSource={userWalletHistory}\n pagination={{\n position: [\"bottomCenter\"],\n defaultPageSize: 10,\n }}\n size=\"small\"\n rowKey={(record) => record._id}\n />\n
\n {fieldError}
\n \n );\n};\n\nTextInput.propTypes = {\n mandatory: PropTypes.bool,\n error: PropTypes.string,\n handleValues: PropTypes.func,\n placeHolder: PropTypes.string,\n label: PropTypes.string,\n keyVal: PropTypes.string,\n value: PropTypes.string,\n type: PropTypes.string,\n disabled: PropTypes.bool,\n register: PropTypes.func,\n rules: PropTypes.object,\n name: PropTypes.string,\n};\n\nexport default TextInput;\n","import React from \"react\";\nimport { Button, Spin } from \"antd\";\nimport TextInput from \"components/useForm/FormInput\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nconst AddPoints = ({ onClose, onSubmit, register, errors }) => {\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const { t } = useTranslation();\n return (\n \n
\n \n history.goBack()}\n >\n \n history.goBack()} />\n \n \n {t(\"Customers\")}\n \n
\n \n {t(\"User loyalty details\")}\n
\n{t(\"Manage user loyalty.\")}
\n\n setOpen(false)}\n >\n setOpen(false)}\n register={register}\n handleSubmit={handleSubmit}\n errors={errors}\n onSubmit={handleSubmit(handleAddPoints)}\n />\n \n
\n\n \n
\n \n {t(\"Customer details\")}\n
\n\n {\" \"}\n {history?.location?.state?.name}\n
\n\n \n {t(\"Customer current whatsapp number is\")}\n \n {` +${history?.location?.state?.countryCode}${history?.location?.state?.phoneNumber} `}\n \n \n
\n\n \n {t(\"Customer lifetime spending value is\")}\n \n {\" \"}\n {t(\"AED\")}{\" \"}\n {parseFloat(userWalletBalance?.lifetimeSpending)?.toFixed(\n 2\n ) || 0}\n \n \n
\n{props.icon}
\n \n
\n \n {t(C.SHIPPING_METHODS[props.methodName])}\n
\n{props?.description}
\n\n \n
\n \n );\n};\n\nexport default AreaBox;\n","import React from \"react\";\nimport AreaBox from \"../common/AreaBox\";\nimport BackButton from \"components/BackButton\";\nimport { useSelector } from \"react-redux\";\nimport { CONSTANTS as C } from \"config\";\nimport { useTranslation } from \"react-i18next\";\nimport * as R_CONST from \"routes/Constants\";\nimport { AREA, CITY, FLAG } from \"svg/SVGs\";\nimport { isAllowedToShowShippingMethod } from \"../helpers\";\n\nconst ManageDelivery = () => {\n const { CatalogueType } = useSelector((state) => state?.SettingsReducer);\n const { t } = useTranslation();\n const boxes = [\n {\n footerText: t(\"Add Areas\"),\n url: R_CONST.ADD_AREA,\n methodName: C.SHIPPING_METHODS.AREA_BASED,\n icon: ,\n description: t(\"Preferable if you deliver to certain local areas\"),\n },\n {\n footerText: t(\"Add Mapped Areas\"),\n url: \"/app/dashboard/mapped-area-method\",\n methodName: C.SHIPPING_METHODS.MAPPED_AREA_BASED,\n icon: ,\n description: t(\n \"Users will only be allowed to order from your defined areas. Choose delivery areas based on your coverage and convenience. The delivery fee can be customized for each area\"\n ),\n },\n {\n footerText: t(\"Add Cities\"),\n url: R_CONST.ADD_CITY,\n methodName: C.SHIPPING_METHODS.CITY_BASED,\n icon: \n
\n );\n};\n\nexport default ManageDelivery;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nconst CountryCityList = ({ CITIES, isChecked, saveArea }) => {\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const { t } = useTranslation();\n return (\n {t(\"Delivery Methods\")}
\n\n {boxes?.map((box, index) => {\n let show = !isAllowedToShowShippingMethod(\n box.methodName,\n CatalogueType\n );\n return show ? (\n
\n \n {CITIES?.length > 0 &&\n CITIES?.map((city) => (\n
\n ))}\n \n \n \n
\n \n {city?.isAdded ? (\n \n \n ) : (\n saveArea(city)}\n >\n
\n )}\n \n {city?.[`cityName${currentLanguage}`]}\n
\n {t(\"Already added\")}
\n {city?.[`cityName${currentLanguage}`]}
\n \n {isChecked(city) ? (\n \n ) : (\n \n )}\n
\n \n \n \n
\n );\n};\n\nAddNewCity.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n};\nexport default AddNewCity;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button, Spin } from \"antd\";\nimport { AreasAction } from \"redux/actions\";\nimport {\n useDeleteCitiesMutation,\n useGetAddedCitiesMutation,\n} from \"redux/shipping-methods/shipping-service\";\nconst DeleteCity = ({ selectedRow, onClose, selectedCities }) => {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const [deleteCities] = useDeleteCitiesMutation();\n const [getAddedCities] = useGetAddedCitiesMutation();\n const { selectedStore } = useSelector((state) => state.AreasReducer);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const delete_Cities = UTILS.withTryCatch(async () => {\n const userDetail = UTILS.getCurrentUser();\n let objectArray = [];\n selectedCities.forEach((city) => {\n objectArray.push(city._id);\n });\n\n const obj = {\n areas: objectArray,\n brandId: userDetail.brandId,\n storeId: selectedStore.value,\n };\n\n await deleteCities(obj).unwrap();\n await getAddedCities(obj);\n onClose();\n dispatch(AreasAction.setSync());\n });\n\n return (\n \n
\n \n
\n \n
\n\n \n
\n \n {t(\"Add delivery cities\")}\n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n \n
\n
\n \n
\n \n {t(\"I can't find city\")}\n
\n \n \n {t(\"Add Cities\")}\n \n
\n \n \n \n
\n );\n};\n\nDeleteCity.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n};\nexport default DeleteCity;\n","import TextInput from \"components/TextInput\";\nimport React, { useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport { Button, Spin } from \"antd\";\nimport {\n useEditCitiesMutation,\n useGetAddedCitiesMutation,\n} from \"redux/shipping-methods/shipping-service\";\nimport ChooseTime from \"../common/ChooseTime\";\nimport PriceInput from \"components/useForm/PriceInput\";\n\nconst UpdateCity = ({ onClose, selectedCities }) => {\n const { selectedStore } = useSelector((state) => state.AreasReducer);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const { t } = useTranslation();\n const [editCities] = useEditCitiesMutation();\n const [getAddedCities] = useGetAddedCitiesMutation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n\n const [state, setState] = useState({\n minOrder: \"\",\n deliveryFee: \"\",\n deliveryTime: \"\",\n });\n const handleValues = (key, val) => {\n setState({ ...state, [key]: val });\n };\n const [time, setTime] = useState({\n Hours: 0,\n Minutes: 0,\n Days: 0,\n });\n\n const edit_cities = UTILS.withTryCatch(async () => {\n let delTime = time.Days * 1440 + time.Hours * 60 + time.Minutes;\n const userDetail = UTILS.getCurrentUser();\n let objectArray = [];\n selectedCities.forEach((city) => {\n objectArray.push({\n cityID: city.cityID._id,\n countryID: city.countryID._id,\n deliveryFee: +Number(state.deliveryFee),\n deliveryTime: +Number(delTime),\n minOrder: +Number(state.minOrder),\n _id: city._id,\n });\n });\n\n const obj = {\n brandId: userDetail.brandId,\n storeId: selectedStore.value,\n language: currentLanguage,\n areas: objectArray,\n };\n const getObj = {\n brandId: userDetail.brandId,\n storeId: selectedStore.value,\n language: currentLanguage,\n };\n await editCities(obj).unwrap();\n await getAddedCities(getObj).unwrap();\n onClose();\n });\n\n let isValid = () => {\n if (\n isLoading ||\n state.minOrder === \"\" ||\n state.deliveryFee === \"\" ||\n selectedCities?.length <= 0 ||\n (time?.Days === 0 && time?.Hours === 0 && time?.Minutes === 0)\n )\n return false;\n return true;\n };\n const handleInputValue = (key, val) => {\n const value = UTILS.NumberConversion(val);\n handleValues(key, value);\n };\n return (\n \n
\n \n {selectedRow && selectedRow.length === 1 ? (\n
\n \n {t(\n `Are you sure want to delete ${selectedRow[0].areaID?.areaNameEN}`\n )}\n
\n ) : (\n\n {t(\"Are you sure you want to delete the selected cities\")}\n
\n )}\n\n {t(\"They will be removed from this outlet’s delivery reach.\")}\n
\n \n \n \n
\n \n \n \n
\n );\n};\n\nexport default UpdateCity;\n","import { useEffect, useRef } from \"react\";\nimport moment from \"moment\";\n\nconst useCurrentLang = () => {\n let language = useRef(\"\");\n useEffect(() => {\n const locale = JSON.parse(localStorage.getItem(\"__DIRECTION___\"));\n const selected = locale ? locale.lang : moment.locale();\n language.current = selected;\n }, []);\n return language?.current;\n};\nexport default useCurrentLang;\n","import React, { useState, useMemo } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { Table, Button, Select } from \"antd\";\nimport Modal from \"components/Modal\";\nimport AddNewCity from \"../../modals/AddNewCity\";\nimport DeleteCity from \"../../modals/DeleteCity\";\nimport UpdateCity from \"../../modals/UpdateCity\";\nimport { useTranslation } from \"react-i18next\";\nimport { UTILS } from \"utils\";\nimport useCurrentLang from \"hooks/useCurrentLang\";\nimport useUserType from \"hooks/useUserType\";\nimport useAllStores from \"hooks/useCurrentUserStores\";\nimport { AreasAction } from \"redux/actions\";\nimport PlusIcon from \"features/icons/PlusIcon\";\nimport BackButton from \"components/BackButton\";\nimport RenderTime from \"features/shipping_methods/common/RenderTime\";\nfunction CitiesTable() {\n const { stores } = useAllStores();\n const dispatch = useDispatch();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n\n const { selectedStore, addedCities } = useSelector(\n (state) => state.AreasReducer\n );\n\n const userType = useUserType() || UTILS.getCurrentUser()?.userType;\n const [searchTerm, setSearch] = useState(\"\");\n const [open, setOpen] = useState(false);\n const [dialogContentId, setDialogContentId] = useState(-1);\n const [selectedRowKeys, setSelectedRowsKeys] = useState([]);\n const [selectedDataRows, setSelectedDataRows] = useState({});\n const { t } = useTranslation();\n const language = useCurrentLang();\n\n const columns = [\n {\n key: \"cityID\",\n title: t(\"City Name\"),\n sorter: (a, b) =>\n a?.cityID?.cityNameEN?.localeCompare(b?.cityID?.cityNameEN),\n dataIndex: \"cityName\",\n render: (val, row, index) => {\n return language === \"en\"\n ? row?.cityID?.cityNameEN\n : row?.cityID?.cityNameAR;\n },\n },\n {\n key: \"minOrder\",\n title: t(\"Min. Basket Value\"),\n dataIndex: \"minOrder\",\n sorter: {\n compare: (a, b) => a.minOrder - b.minOrder,\n multiple: 3,\n },\n render: (val) => {\n return new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(val);\n },\n },\n {\n key: \"deliveryFee\",\n title: t(\"Delivery Fee\"),\n dataIndex: \"deliveryFee\",\n sorter: {\n compare: (a, b) => a.deliveryFee - b.deliveryFee,\n multiple: 3,\n },\n render: (val) => {\n return new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(val);\n },\n },\n\n {\n key: \"deliveryTime\",\n title: t(\"Delivery Time\"),\n dataIndex: \"deliveryTime\",\n sorter: {\n compare: (a, b) => a.deliveryTime - b.deliveryTime,\n multiple: 3,\n },\n render: (val, row, index) => {\n return \n
\n \n
\n \n
\n\n \n
\n \n {t(\"Edit\")} {`${selectedCities?.length ?? \"\"} `}\n {t(\"Countries\")}\n
\n\n
\n \n
\n \n
\n \n
\n \n \n \n {t(\"Update Cities\")}\n \n
\n \n
\n \n setOpen(false)}\n responsiveClass=\"w-full lg:w-full xl:w-4/5 2xl:2/3\"\n >\n {renderModalContent()}\n \n
\n \n );\n}\n\nexport default CitiesTable;\n","import React, { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport PageHeading from \"components/PageHeading\";\nimport CitiesTable from \"../components/CitiesTable\";\nimport { apiSlice } from \"redux/Api.Slice\";\nimport { AreasAction } from \"redux/actions\";\nimport { useGetAddedCitiesMutation } from \"redux/shipping-methods/shipping-service\";\nimport { Spin } from \"antd\";\nimport { LoaderAction } from \"redux/actions\";\nconst ManageCities = () => {\n const dispatch = useDispatch();\n const { t } = useTranslation();\n const [getAddedCities] = useGetAddedCitiesMutation();\n const { selectedStore, syncData } = useSelector(\n (state) => state.AreasReducer\n );\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const [trigger] = apiSlice.endpoints.getBuisnessAreas.useLazyQuery();\n\n const getBussinessAreas = UTILS.withTryCatch(async () => {\n dispatch(LoaderAction.setLoading(true));\n const { data } = await trigger();\n if (data?.success === 1 && data?.data) {\n await getCities(data.data);\n dispatch(AreasAction.setFetchedAreas(data.data));\n } else {\n console.error(\"cities error\", data);\n }\n dispatch(LoaderAction.setLoading(false));\n });\n\n const getCities = UTILS.withTryCatch(async (shippingData) => {\n dispatch(LoaderAction.setLoading(true));\n const userDetail = UTILS.getCurrentUser();\n if (selectedStore?.value && userDetail?.brandId) {\n const obj = {\n brandId: userDetail.brandId,\n storeId: selectedStore.value,\n language: \"EN\",\n };\n const data = await getAddedCities(obj).unwrap();\n\n if (data?.success === 1) {\n dispatch(AreasAction.setAddedCities(data.data.areas));\n const listCities = await UTILS.getCustomizedCitiesList(\n shippingData,\n data.data.areas\n );\n\n if (listCities) {\n dispatch(AreasAction.setcustomizedCityList(listCities));\n }\n }\n }\n dispatch(LoaderAction.setLoading(false));\n });\n\n useEffect(() => {\n getBussinessAreas();\n }, [selectedStore?.value, syncData]);\n\n return (\n \n
\n {selectedStore && (\n <>\n {t(\"Select store\")}
\n\n
\n \n \n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n options={stores}\n />\n
\n {selectedStore && (\n \n addCities()}\n className=\"font-montserrat px-5 border border-transparent shadow-sm font-medium rounded-sm text-white h-10 focus:outline-none\"\n >\n \n
\n )}\n \n
{\" \"}\n \n
\n\n \n {cityText}\n
\n\n
\n \n {selectedRowKeys?.length > 0 && (\n \n {t(\"Edit\")}\n {`${\n selectedRowKeys?.length > 0\n ? `(${selectedRowKeys.length})`\n : \" \"\n } `}\n \n )}\n\n {selectedRowKeys?.length > 0 && (\n deleteArea()}\n >\n {t(\"Delete\")}\n {`${\n selectedRowKeys?.length > 0\n ? `(${selectedRowKeys.length})`\n : \" \"\n } `}\n \n )}\n
\n \n \n
\n \n record.cityID._id}\n pagination={{ position: [\"bottomCenter\"], pageSize: 50 }}\n />\n
\n \n )}\n \n \n \n
\n );\n};\nexport default ManageCities;\n","import { useMemo } from \"react\";\nconst useUserType = (searchTerm, list, language) => {\n const Items = useMemo(() => {\n if (searchTerm === \"\" || searchTerm === null) {\n return list;\n }\n\n return list?.filter((item) =>\n language === \"en\"\n ? item?.label?.toLowerCase()?.includes(searchTerm?.trim())\n : item?.label?.toLowerCase()?.includes(searchTerm?.trim())\n );\n }, [list, searchTerm, language]);\n return Items;\n};\n\nexport default useUserType;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nconst CountryCityList = ({ COUNTRIES, isChecked, saveArea }) => {\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const { t } = useTranslation();\n return (\n \n
\n \n {COUNTRIES?.length > 0 &&\n COUNTRIES?.map((country) => (\n
\n ))}\n \n \n \n
\n \n {country?.isAdded ? (\n \n \n ) : (\n saveArea(country)}\n >\n
\n )}\n \n {currentLanguage === \"EN\"\n ? country?.countryNameEN\n : country?.countryNameAR}\n
\n {t(\"Already added\")}
\n {country?.[`countryName${currentLanguage}`]}
\n {isChecked(country) ? (\n \n ) : (\n \n )}\n \n \n \n
\n );\n};\n\nAddNewCountry.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n};\nexport default AddNewCountry;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button, Spin } from \"antd\";\nimport {\n useDeleteCountryMutation,\n useGetAddedCountriesMutation,\n} from \"redux/shipping-methods/shipping-service\";\nimport { AreasAction } from \"redux/actions\";\nconst DeleteCity = ({ selectedRow, onClose, selectedAreas, language }) => {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const [deleteCountry] = useDeleteCountryMutation();\n const [getAddedCountries] = useGetAddedCountriesMutation();\n const { selectedStore } = useSelector((state) => state.AreasReducer);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const delete_countries = UTILS.withTryCatch(async () => {\n const userDetail = UTILS.getCurrentUser();\n let objectArray = [];\n selectedAreas.forEach((country) => {\n objectArray.push(country._id);\n });\n\n const obj = {\n areas: objectArray,\n brandId: userDetail.brandId,\n storeId: selectedStore.value,\n };\n\n await deleteCountry(obj).unwrap();\n await getAddedCountries(obj);\n onClose();\n dispatch(AreasAction.setSync());\n });\n\n return (\n \n
\n \n
\n \n
\n\n \n
\n \n {t(\"Add delivery countries\")}\n
\n onClose()}>\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {t(\"I can't find country\")}\n
\n \n \n {t(\"Add Countries\")}\n \n
\n \n \n \n
\n );\n};\n\nDeleteCity.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n};\nexport default DeleteCity;\n","import TextInput from \"components/TextInput\";\nimport React, { useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport { Button, Spin } from \"antd\";\nimport {\n useEditCountryMutation,\n useGetAddedCountriesMutation,\n} from \"redux/shipping-methods/shipping-service\";\nimport ChooseTime from \"../common/ChooseTime\";\nimport PriceInput from \"components/useForm/PriceInput\";\n\nconst UpdateCity = ({ onClose, selectedCountries }) => {\n const { selectedStore } = useSelector((state) => state.AreasReducer);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const { t } = useTranslation();\n const [editCountry] = useEditCountryMutation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const [getAddedCountries] = useGetAddedCountriesMutation();\n const [state, setState] = useState({\n minOrder: \"\",\n deliveryFee: \"\",\n deliveryTime: \"\",\n });\n const handleValues = (key, val) => {\n setState({ ...state, [key]: val });\n };\n const [time, setTime] = useState({\n Hours: 0,\n Minutes: 0,\n Days: 0,\n });\n\n const edit_country = UTILS.withTryCatch(async () => {\n let delTime = time.Days * 1440 + time.Hours * 60 + time.Minutes;\n const userDetail = UTILS.getCurrentUser();\n let objectArray = [];\n selectedCountries.forEach((country) => {\n objectArray.push({\n countryID: country.countryID._id,\n deliveryFee: +Number(state.deliveryFee),\n deliveryTime: +Number(delTime),\n minOrder: +Number(state.minOrder),\n _id: country._id,\n });\n });\n\n const obj = {\n brandId: userDetail.brandId,\n storeId: selectedStore.value,\n language: currentLanguage,\n areas: objectArray,\n };\n const getObj = {\n brandId: userDetail.brandId,\n storeId: selectedStore.value,\n language: currentLanguage,\n };\n await editCountry(obj).unwrap();\n await getAddedCountries(getObj);\n onClose();\n });\n\n let isValid = () => {\n if (\n isLoading ||\n state.minOrder === \"\" ||\n state.deliveryFee === \"\" ||\n selectedCountries.length <= 0 ||\n (time?.Days === 0 && time?.Hours === 0 && time?.Minutes === 0)\n )\n return false;\n return true;\n };\n const handleInputValue = (key, val) => {\n const value = UTILS.NumberConversion(val);\n handleValues(key, value);\n };\n return (\n \n
\n \n {selectedRow && selectedRow.length === 1 ? (\n
\n \n {t(\n `Are you sure want to delete ${selectedRow[0].areaID?.areaNameEN}`\n )}\n
\n ) : (\n\n {t(\"Are you sure you want to delete the selected countries\")}\n
\n )}\n\n {t(\"They will be removed from this outlet’s delivery reach.\")}\n
\n \n {/* */}\n \n
\n \n \n \n
\n );\n};\n\nexport default UpdateCity;\n","import React, { useState, useMemo } from \"react\";\nimport { Table, Button, Spin, Select } from \"antd\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport Modal from \"components/Modal\";\nimport AddNewCountry from \"../../modals/AddNewCountry\";\nimport DeleteCountry from \"../../modals/DeleteCountry\";\nimport UpdateCountry from \"../../modals/UpdateCountry\";\nimport { useTranslation } from \"react-i18next\";\nimport { UTILS } from \"utils\";\nimport useUserType from \"hooks/useUserType\";\nimport useAllStores from \"hooks/useCurrentUserStores\";\nimport { AreasAction } from \"redux/actions\";\nimport PlusIcon from \"features/icons/PlusIcon\";\nimport BackButton from \"components/BackButton\";\nimport RenderTime from \"features/shipping_methods/common/RenderTime\";\nfunction CountriesTable() {\n const dispatch = useDispatch();\n const userType = useUserType() || UTILS.getCurrentUser()?.userType;\n const { stores } = useAllStores();\n const [searchTerm, setSearch] = useState(\"\");\n const [open, setOpen] = useState(false);\n const [dialogContentId, setDialogContentId] = useState(-1);\n const [selectedRowKeys, setSelectedRowsKeys] = useState([]);\n const [selectedDataRows, setSelectedDataRows] = useState({});\n const { t } = useTranslation();\n const { selectedStore, addedCountries } = useSelector(\n (state) => state.AreasReducer\n );\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const columns = [\n {\n key: \"countryID\",\n title: t(\"country name\"),\n sorter: (a, b) =>\n a?.countryID?.countryNameEN?.localeCompare(b?.countryID?.countryNameEN),\n dataIndex: \"cityName\",\n render: (val, row, index) => {\n return currentLanguage === \"EN\"\n ? row?.countryID?.countryNameEN\n : row?.countryID?.countryNameAR;\n },\n },\n {\n key: \"minOrder\",\n title: t(\"Min. Basket Value\"),\n dataIndex: \"minOrder\",\n sorter: {\n compare: (a, b) => a.minOrder - b.minOrder,\n multiple: 3,\n },\n render: (val) => {\n return new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(val);\n },\n },\n {\n key: \"deliveryFee\",\n title: t(\"Delivery Fee\"),\n dataIndex: \"deliveryFee\",\n sorter: {\n compare: (a, b) => a.deliveryFee - b.deliveryFee,\n multiple: 3,\n },\n render: (val) => {\n return new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(val);\n },\n },\n\n {\n key: \"deliveryTime\",\n title: t(\"Delivery Time\"),\n dataIndex: \"deliveryTime\",\n sorter: {\n compare: (a, b) => a.deliveryTime - b.deliveryTime,\n multiple: 3,\n },\n render: (val, row, index) => {\n return \n
\n \n
\n \n
\n\n \n
\n \n {t(\"Edit\")} {`${selectedCountries?.length ?? \"\"} `}\n {t(\"Countries\")}\n
\n\n
\n \n
\n \n
\n \n
\n \n \n \n {t(\"Update Countries\")}\n \n
\n \n
\n \n \n \n {renderModalContent()}\n \n \n
\n \n );\n}\n\nexport default CountriesTable;\n","import React, { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport PageHeading from \"components/PageHeading\";\nimport CountriesTable from \"../components/CountriesTable\";\nimport { apiSlice } from \"redux/Api.Slice\";\nimport { AreasAction } from \"redux/actions\";\nimport { useGetAddedCountriesMutation } from \"redux/shipping-methods/shipping-service\";\nimport { UTILS } from \"utils\";\nimport { LoaderAction } from \"redux/actions\";\nconst ManageCountries = () => {\n const [trigger] = apiSlice.endpoints.getBuisnessAreas.useLazyQuery();\n const dispatch = useDispatch();\n const { t } = useTranslation();\n const [getAddedCountries] = useGetAddedCountriesMutation();\n const { selectedStore, syncData } = useSelector(\n (state) => state.AreasReducer\n );\n\n const getBussinessAreas = UTILS.withTryCatch(async () => {\n dispatch(LoaderAction.setLoading(true));\n\n const { data } = await trigger();\n if (data?.success === 1 && data.data) {\n dispatch(AreasAction.setFetchedAreas(data.data));\n getCountries(data.data);\n } else {\n console.error(\"countries error\");\n }\n dispatch(LoaderAction.setLoading(false));\n });\n\n useEffect(() => {\n getBussinessAreas();\n }, [selectedStore?.value, syncData]);\n\n const getCountries = UTILS.withTryCatch(async (shippingData) => {\n dispatch(LoaderAction.setLoading(true));\n\n const userDetail = UTILS.getCurrentUser();\n if (selectedStore?.value && userDetail) {\n const obj = {\n brandId: userDetail.brandId,\n storeId: selectedStore.value,\n language: \"EN\",\n };\n const data = await getAddedCountries(obj).unwrap();\n\n if (data?.success === 1) {\n const listOfCountries = UTILS.getCustomizedCountryList(\n shippingData,\n data.data.areas\n );\n if (listOfCountries) {\n dispatch(AreasAction.setcustomizedCountryList(listOfCountries));\n }\n }\n }\n dispatch(LoaderAction.setLoading(false));\n });\n\n return (\n \n
\n {selectedStore && (\n <>\n {t(\"Select store\")}
\n\n
\n \n \n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n options={stores}\n />\n
\n {selectedStore && (\n \n AddCountry()}\n className=\"font-montserrat px-5 border border-transparent shadow-sm font-medium rounded-sm text-white h-10 focus:outline-none\"\n >\n \n
\n )}\n \n
{\" \"}\n \n
\n\n \n {countryText}\n
\n\n
\n \n {selectedRowKeys?.length > 0 && (\n \n {t(\"Edit\")}\n {`${\n selectedRowKeys?.length > 0\n ? `(${selectedRowKeys?.length})`\n : \" \"\n } `}\n \n )}\n\n {selectedRowKeys?.length > 0 && (\n deleteCountry()}\n >\n {t(\"Delete\")}\n {`${\n selectedRowKeys?.length > 0\n ? `(${selectedRowKeys.length})`\n : \" \"\n } `}\n \n )}\n
\n \n \n
\n \n
\n \n )}\n \n
\n );\n};\nexport default ManageCountries;\n","import { Spin } from \"antd\";\nimport Modal from \"components/Modal\";\nimport React from \"react\";\nconst AlertBox = (props) => {\n return (\n \n
\n \n
\n \n {props?.modal?.description}\n
\n\n\n \n {props?.modal?.successBtnText}\n \n\n {props?.modal?.cancelBtnText && (\n \n {props?.modal?.cancelBtnText}\n \n )}\n
\n \n {}}\n >\n
\n );\n}\n\nexport default ModalBox;\n","import RadioButton from \"components/RadioButton\";\nimport React from \"react\";\nimport { CITY } from \"svg/SVGs\";\nimport { FLAG } from \"svg/SVGs\";\nimport { AREA } from \"svg/SVGs\";\nimport { Button } from \"antd\";\nimport { CONSTANTS as C } from \"config\";\nimport { MAP } from \"svg/SVGs\";\nimport { useTranslation } from \"react-i18next\";\nimport * as R_CONST from \"routes/Constants\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\n\nfunction ShippingMethodsList({ method, toggleShippingMethod, CatalogueType }) {\n const { t } = useTranslation();\n const router = useHistory();\n const goToAreas = (shippingMethodName) => {\n console.log(\"goToAreas\", shippingMethodName);\n if (shippingMethodName) {\n let routeUrl = {\n AREA_BASED_DELIVERY_METHOD: R_CONST.ADD_AREA,\n CITY_BASED_DELIVERY_METHOD: R_CONST.ADD_CITY,\n COUNTRY_BASED_DELIVERY_METHOD: R_CONST.ADD_COUNTRY,\n MAPPED_AREA_BASED_DELIVERY_METHOD: \"/app/dashboard/mapped-area-method\",\n };\n router.push(routeUrl[shippingMethodName]);\n }\n };\n\n const isAllowed = (method) => {\n console.log(\"isAllowed\", CatalogueType, method);\n //case 1: if outlet based and method is not area based\n //case Not disable if if any type of catalouge and method name is mapped area based\n if (CatalogueType === C.OUTLET_BASED) {\n if (\n method === C.SHIPPING_METHODS.CITY_BASED ||\n method === C.SHIPPING_METHODS.COUNTRY_BASED\n )\n return true;\n else return false;\n } else return false;\n };\n\n return (\n \n
\n \n {method?.methodName === C.SHIPPING_METHODS.AREA_BASED && }\n {method?.methodName === C.SHIPPING_METHODS.COUNTRY_BASED &&
\n\n \n {t(C.SHIPPING_METHODS[method?.methodName])}\n
\n \n goToAreas(method?.methodName)}\n >\n {t(\"Edit\")}\n \n
\n \n );\n}\n\nexport default ShippingMethodsList;\n","import React from \"react\";\nimport { SVG_TICK, SVG_PLUS } from \"svg/SVGs\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction AreaBusinessIcon() {\n const { t } = useTranslation();\n return (\n \n
\n \n
\n );\n}\n\nexport default AreaBusinessIcon;\n","import React, { useEffect, useState } from \"react\";\nimport { Button, Spin } from \"antd\";\nimport { SVG_PLUS } from \"svg/SVGs\";\nimport { useHistory } from \"react-router\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n useGetBrandInfoWithIDMutation,\n useUpdateShippingMethodStatusMutation,\n} from \"redux/shipping-methods/shipping-service\";\nimport { UTILS } from \"utils\";\nimport { CONSTANTS as C } from \"config\";\nimport { SettingsAction } from \"redux/actions\";\nimport AlertBox from \"components/AlertBox\";\nimport useUserType from \"hooks/useUserType\";\nimport ShippingMethodsList from \"../common/ShippingMethodsList\";\nimport AreaBusinessIcon from \"../common/AreaBusinessIcon\";\n\nconst ManageDelivery = () => {\n const router = useHistory();\n const userType = useUserType();\n const { t } = useTranslation();\n const [modal, setModal] = useState({\n switchModal: false,\n disableModal: false,\n title: \"\",\n description: \"\",\n switch: false,\n data: {},\n successBtnText: \"\",\n cancelBtnText: \"\",\n });\n const dispatch = useDispatch();\n const { CatalogueType } = useSelector((state) => state?.SettingsReducer);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n const [getBrandInfoWithID] = useGetBrandInfoWithIDMutation();\n const [updateShippingMethodStatus] = useUpdateShippingMethodStatusMutation();\n const [shippingInfo, setshippingInfo] = useState({\n activeMethod: {},\n brandInfo: {},\n });\n\n /**\n * It fetches the brand information from the backend.\n */\n const getBrandInfowithId = async () => {\n const userDetail = UTILS.getCurrentUser();\n const { data } = await getBrandInfoWithID({\n brandId: userDetail.brandId,\n });\n if (\n data?.success === 1 &&\n data?.data?.brand &&\n data?.data?.brand?.catalogueType\n ) {\n setshippingInfo((prevState) => ({\n ...prevState,\n brandInfo: data?.data?.brand,\n }));\n dispatch(\n SettingsAction.updateCatalogueType(data.data.brand.catalogueType)\n );\n handleMethodState(data.data);\n }\n };\n useEffect(() => {\n getBrandInfowithId();\n }, []);\n\n /* toggling the shipping method. */\n const toggleShippingMethod = UTILS.withTryCatch(async (key, val) => {\n if (returnButtonStatus(key, val)) return;\n const userDetail = UTILS.getCurrentUser();\n let obj = {\n brandId: userDetail.brandId,\n deliveryMethod: key,\n deliveryMethodStatus: val,\n };\n setModal((prevState) => ({\n ...prevState,\n data: obj,\n }));\n\n // disabing active method\n if (shippingInfo?.activeMethod?.methodName && !val) {\n setModal((prevState) => ({\n ...prevState,\n disableModal: true,\n switchModal: false,\n description: t(\"Do you want to disable the active delivery method\"),\n successBtnText: t(\"yes\"),\n cancelBtnText: t(\"no\"),\n }));\n }\n\n if (val) {\n // switch to other method\n if (shippingInfo?.activeMethod?.methodName) {\n let des = t(\"It is possible to enable only one delivery method\");\n setModal((prevState) => ({\n ...prevState,\n switchModal: true,\n disableModal: false,\n description: des,\n successBtnText: t(\"okay\"),\n cancelBtnText: false,\n }));\n }\n //activating new method\n else {\n await updateShippingMethodStatus(obj);\n }\n }\n getBrandInfowithId();\n });\n\n const disableMethod = async () => {\n await updateShippingMethodStatus(modal.data);\n await getBrandInfowithId();\n closeModal();\n };\n\n const closeModal = () => {\n setModal((prevState) => ({\n ...prevState,\n switchModal: false,\n disableModal: false,\n }));\n };\n\n // setting the active shipping method in state\n const handleMethodState = (data) => {\n setshippingInfo((prevState) => ({\n ...prevState,\n activeMethod:\n data?.brand?.deliveryMethods?.find((method) => method?.status) ?? {},\n }));\n };\n\n const returnButtonStatus = (shippingMethodName, toggleSwitchValue) => {\n if (userType === C.USER_TYPE.MANAGER) return true;\n return !!isAllowed(shippingMethodName) && toggleSwitchValue;\n };\n\n const isAllowed = (method) => {\n if (CatalogueType === C.OUTLET_BASED) {\n if (\n method === C.SHIPPING_METHODS.CITY_BASED ||\n method === C.SHIPPING_METHODS.COUNTRY_BASED\n )\n return true;\n else return false;\n } else return false;\n };\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n - \n
- \n
\n {t(\"Delivery limited by zones\")}\n \n - \n
\n {t(\"Delivery limited by order subtotal\")}\n \n - \n
{t(\"Custom rates\")}\n \n
\n
\n {t(\"Delivery Methods\")}
\n\n
\n \n
\n \n {t(\"Add a new delivery method\")}\n
\n\n {t(\n \"Select how you’ll be getting your products to customers. Add your preferred local delivery method.\"\n )}\n
\n\n {shippingInfo?.brandInfo?.deliveryMethods?.length >= 1 && (\n
\n \n
\n )}\n\n \n
\n \n {shippingInfo?.brandInfo?.deliveryMethods?.map((obj, i) => (\n
\n \n
\n \n \n router.push(\"/app/dashboard/local-delivery-methods\")\n }\n >\n
\n \n {t(\"Local Delivery\")}\n
\n\n {t(\n \"Deliver orders yourself in city and suburbs or outsource delivery to the services you trust. Set when, where, and under which conditions you deliver.\"\n )}\n
\n\n
\n );\n};\n\nexport default ManagePaymentLinkHeader;\n","import React from \"react\";\nimport { Table } from \"antd\";\nimport { useHistory } from \"react-router-dom\";\nimport Card from \"components/Card\";\nimport moment from \"moment\";\nimport { UTILS } from \"utils\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nconst AllPaymentLinksTable = ({ LINKS }) => {\n const history = useHistory();\n const { t } = useTranslation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n\n const PAID_STATUS = \"PAID\";\n const renderStatus = (val) => (\n \n
\n\n \n {t(\"Payment Links\")}\n
\n\n {t(\"Manage all your payment links here.\")}\n
\n\n \n \n \n \n \n \n \n \n \n \n \n {t(\"Create Payment Link\")}\n \n \n
\n \n {\n redirectToPaymentLink(row);\n }}\n data-v-1826c20e=\"\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"w-5 h-5 inline-block cursor-pointer hover:text-blue-600\"\n >\n \n \n \n\n {\n getPaymentLinkUrl(val, row);\n }}\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"w-5 h-5 inline-block mx-2 cursor-pointer hover:text-blue-500\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n
\n );\n };\n const columns = [\n {\n width: \"25%\",\n title: t(\"Store name\"),\n dataIndex: \"storeName\",\n align: \"initial\",\n key: \"storeName\",\n },\n {\n title: t(\"Payment link id\"),\n dataIndex: \"cartId\",\n key: \"cartId\",\n sorter: {\n compare: (a, b) => a.cartId - b.cartId,\n multiple: 3,\n },\n },\n {\n key: t(\"Amount\"),\n title: t(\"Amount\"),\n dataIndex: \"amount\",\n sorter: {\n compare: (a, b) => a.amount - b.amount,\n multiple: 3,\n },\n render: (val) => {\n return new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(val);\n },\n },\n {\n title: t(\"Creation date\"),\n dataIndex: \"linkCreationDate\",\n key: \"linkCreationDate\",\n render: (val, row, index) => {\n return moment.unix(row.linkCreationDate).format(\"DD/MM/YYYY\");\n },\n sorter: {\n compare: (a, b) => a.linkCreationDate - b.linkCreationDate,\n multiple: 3,\n },\n },\n\n {\n title: t(\"Created by\"),\n dataIndex: \"createdBy\",\n key: \"createdBy\",\n },\n {\n title: t(\"Status\"),\n dataIndex: \"linkStatus\",\n key: \"status\",\n render: renderStatus,\n },\n\n {\n title: t(\"Action\"),\n dataIndex: \"action\",\n key: \"action\",\n render: renderActions,\n },\n ];\n\n return (\n \n
\n );\n};\nexport default AllPaymentLinksTable;\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nimport ManagePaymentLinkHeader from \"../components/ManagePaymentLinkHeader\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport AllPaymentLinksTable from \"../components/AllPaymentLinksTable\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { LoaderAction } from \"redux/actions\";\nconst ViewAllPaymentLinks = () => {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const [paymentLinks, setPaymentLinks] = useState([]);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n const [searchTerm, setSearch] = useState(\"\");\n\n const getAllPaymentLinks = useCallback(async () => {\n try {\n dispatch(LoaderAction.setLoading(true));\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_ALL_PAYMENT_LINKS({\n brandId: userDetail.brandId,\n });\n if (result?.success === 1 && result?.data) {\n setPaymentLinks(result.data);\n } else {\n UTILS.errorNotification(errorHandler(result));\n }\n } catch (e) {\n UTILS.errorNotification(errorHandler(e));\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n }, []);\n\n useEffect(() => {\n getAllPaymentLinks();\n\n return () => {\n setPaymentLinks([]);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const LINKS = useMemo(() => {\n if (searchTerm === \"\" || searchTerm === null) {\n return paymentLinks;\n }\n return paymentLinks.filter((link) => {\n const cartIdString = link.cartId.toString();\n return cartIdString.includes(searchTerm);\n });\n }, [paymentLinks, searchTerm]);\n\n /**\n * sets the value of `e` to the `search` variable.\n */\n const handSearch = (e) => {\n setSearch(e);\n };\n\n return (\n \n \n \n
\n \n
\n \n
\n );\n};\nexport default ViewAllPaymentLinks;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst getLabel = (label) => {\n if (label !== \"\") {\n return (\n \n );\n }\n};\n\nconst SelectInput = ({\n name,\n options,\n label,\n register,\n value,\n error,\n defaultSelection,\n ...rest\n}) => {\n const { t } = useTranslation();\n const mandatoryLabel = getLabel(label);\n return (\n <>\n {mandatoryLabel}\n \n \n
\n \n \n \n \n handSearch(e.target.value)}\n />\n
\n \n \n \n
\n \n \n \n
\n \n );\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst getMandatoryField = (man) => {\n if (man) {\n return *;\n }\n};\n\nconst getFieldError = (error) => {\n if (error) {\n return {error} ;\n }\n};\nconst TextArea = (props) => {\n const mandatoryField = getMandatoryField(props.mandatory);\n const fieldError = getFieldError(props.error);\n return (\n <>\n \n {fieldError}
\n \n );\n};\n\nTextArea.propTypes = {\n mandatory: PropTypes.bool,\n error: PropTypes.string,\n handleValues: PropTypes.func,\n placeHolder: PropTypes.string,\n label: PropTypes.string,\n keyVal: PropTypes.string,\n value: PropTypes.string,\n};\n\nexport default TextArea;\n","import React from \"react\";\nimport SelectInput from \"./SelectInput\";\nimport { Button } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { BackButton } from \"./BackButton\";\nimport TextArea from \"components/useForm/TextArea\";\nimport PriceInput from \"components/useForm/PriceInput\";\n\nexport const AddPaymentLink = ({\n stores,\n handleSubmit,\n register,\n Controller,\n errors,\n control,\n watch,\n setValue,\n trigger,\n}) => {\n const { t } = useTranslation();\n\n let purposeOfPayment = watch(\"purposeOfPayment\");\n let message = watch(\"message\");\n\n const handleValues = (key, value) => {\n setValue(key, value);\n trigger(key);\n };\n return (\n \n
\n );\n};\n","import { useState, useEffect } from \"react\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nconst useAllStores = () => {\n const [loading, setLoading] = useState(false);\n const [stores, setStores] = useState([]);\n\n const getCurrentUserStores = async () => {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.GET_CRRENT_USER_STORES({\n token: userDetail.token,\n language: \"EN\",\n });\n if (result.success === 1) {\n if (result.data.length > 0) convertStoresToArray(result.data);\n } else {\n }\n setLoading(false);\n };\n\n const convertStoresToArray = (data) => {\n let s = [];\n if (data) {\n data.map((item, index) => {\n return s.push({\n value: item.baseLanguage ? item._id : item?.storeId._id,\n label: item.baseLanguage\n ? item.baseLanguage.name\n : item?.storeId?.baseLanguage?.name,\n key: index,\n });\n });\n }\n setStores(s);\n setLoading(false);\n };\n\n useEffect(() => {\n getCurrentUserStores();\n }, []);\n\n return { stores, loading };\n};\n\nexport default useAllStores;\n","import React, { useEffect } from \"react\";\nimport { AddPaymentLink } from \"../components/AddPaymentLink\";\nimport useAllStores from \"../hooks/useAllStores\";\nimport { Spin } from \"antd\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { useForm, Controller } from \"react-hook-form\";\nimport { LoaderAction } from \"redux/actions\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nimport { errorHandler } from \"api/api/errorHandler\";\nconst CreatePaymentLinks = () => {\n const { stores, loading } = useAllStores();\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n const history = useHistory();\n const { t } = useTranslation();\n const dispatch = useDispatch();\n\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const {\n register,\n handleSubmit,\n control,\n getValues,\n watch,\n setValue,\n trigger,\n formState: { errors, isSubmitting },\n } = useForm({}, []);\n\n useEffect(() => {\n if (isSubmitting) {\n const fields = [\"amount\", \"purposeOfPayment\", \"message\"];\n fields.forEach((field) => {\n setValue(field, getValues(field).trim());\n });\n }\n }, [isSubmitting]);\n\n const onSubmit = handleSubmit(async (data) => {\n dispatch(LoaderAction.setLoading(true));\n const { label, value } = JSON.parse(data.storeSelection);\n let obj = {\n storeId: value,\n storeName: label,\n amount: Number(Number(data.amount)?.toFixed(2)),\n currency: \"AED\",\n purposeOfPayment: data.purposeOfPayment,\n message: data.message,\n };\n try {\n const userDetail = UTILS.getCurrentUser();\n const result = await API.CREATE_PAYMENT_LINK({\n brandId: userDetail.brandId,\n language: currentLanguage,\n data: obj,\n });\n if (result?.success === 1 && result?.data) {\n UTILS.handleSuccesNotification(t(errorHandler(result?.message)));\n redirectToPaymentLink(result.data);\n } else {\n UTILS.errorNotification(errorHandler(errorHandler(result?.message)));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(errorHandler(error?.error)));\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n });\n const redirectToPaymentLink = (paymentLink) => {\n history.push(\"/app/dashboard/payment-link-detail\", {\n paymentLink: paymentLink,\n });\n };\n return (\n \n
\n \n \n {t(\"Create payment link\")}\n
\n\n {t(\n \"Specify the amount to be paid and the purpose of payment to generate a link for your customers. Be as clear as possible, so they understand what they're paying for.\"\n )}\n
\n\n \n \n
\n );\n};\n\nexport default CreatePaymentLinks;\n","import React from \"react\";\nimport { Table } from \"antd\";\nimport Card from \"components/Card\";\nimport moment from \"moment\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nconst ViewPaymentTable = ({ paymentLink }) => {\n const { t } = useTranslation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const PAID_STATUS = t(\"PAID\");\n const renderStatus = (val) => (\n \n \n \n
\n );\n};\n\nexport default ViewPaymentTable;\n","import React, { useEffect, useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button, Spin } from \"antd\";\nimport { BackButton } from \"./BackButton\";\nimport moment from \"moment\";\nimport ViewPaymentTable from \"./ViewPaymentTable\";\nimport { UTILS } from \"utils\";\nimport { useSelector } from \"react-redux\";\nconst ViewPaymentLink = () => {\n const history = useHistory();\n const { t } = useTranslation();\n const [paymentLink, setPaymentLink] = useState({});\n const [loading, setLoading] = useState(false);\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n\n useEffect(() => {\n setLoading(true);\n if (history?.location?.state) {\n setPaymentLink(history.location.state.paymentLink);\n }\n setLoading(false);\n }, [history.location.state, paymentLink]);\n\n const getPaymentLinkUrl = (cartId) => {\n const userDetail = UTILS.getCurrentUser();\n const storeFrontURL = userDetail?.storeFrontURL;\n if (storeFrontURL && cartId && userDetail?.temporaryDomainName) {\n const link = `${storeFrontURL}${userDetail.temporaryDomainName}/payment-link/${cartId}`;\n return link;\n }\n };\n\n const shareonWhatsapp = (link) => {\n const url = getPaymentLinkUrl(paymentLink?.cartId);\n const webWhastsappLinkUrl = `https://wa.me/?text=${url}`;\n window.open(webWhastsappLinkUrl, \"_blank\");\n };\n const copyLink = (link) => {\n const linkurl = getPaymentLinkUrl(paymentLink?.cartId);\n navigator.clipboard.writeText(linkurl);\n UTILS.successNotification(t(\"Copied to Clipboard\"));\n };\n\n const PaymentLinkUrl = ({ cartId }) => {\n if (getPaymentLinkUrl(cartId)) {\n const url = getPaymentLinkUrl(cartId);\n return (\n \n {paymentLink && (\n
\n \n {t(\"Link\")} : \n \n {url}\n \n
\n );\n } else {\n return null;\n }\n };\n\n return (\n \n
\n );\n};\n\nexport default ViewPaymentLink;\n","import React from \"react\";\nimport ViewPaymentLink from \"../components/ViewPaymentLink\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\nimport usePushBack from \"hooks/usePushBack\";\n\nconst ViewPaymentLinkInfo = () => {\n const router = useHistory();\n usePushBack(\n \"/app/dashboard/payment-links\",\n router?.location?.state?.paymentLink\n );\n return (\n \n \n \n
\n \n
\n \n
\n \n {t(\"Payment link id\")} #{paymentLink?.cartId}\n
\n\n
\n \n
\n \n {moment\n .unix(paymentLink?.linkCreationDate)\n .format(\"DD/MM/YYYY\")}\n
\n\n {new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(paymentLink?.amount || 0)}\n
\n\n
\n {t(\"Purpose of payment\")}
\n{paymentLink?.purposeOfPayment}
\n\n
\n {t(\"Message\")}
\n{paymentLink?.message}
\n\n
\n \n
\n {t(\"Store name\")}
\n\n {paymentLink?.storeName}\n
\n\n
\n \n {t(\"Created by\")}\n
\n{paymentLink?.createdBy}
\n\n
\n \n copyLink(paymentLink)}\n >\n {t(\"Copy Link\")}\n \n {/* */}\n shareonWhatsapp(paymentLink)}\n >\n {t(\"Share link via whatsapp\")}\n \n
\n \n
\n );\n};\n\nexport default ViewPaymentLinkInfo;\n","import React, { useMemo, useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport PropTypes from \"prop-types\";\nimport { Button, Card, Table } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport SearchInput from \"components/SearchInput\";\n\nconst ModifiersList = ({ modifiers, deleteModifier }) => {\n const router = useHistory();\n const { t } = useTranslation();\n\n const updateM = (rowData) => {\n router.push({\n pathname: \"/app/dashboard/update-modifier\",\n state: {\n modifier: rowData,\n },\n });\n };\n\n const renderActions = (value, rowData, index) => {\n return (\n \n updateM(rowData)}\n >\n {t(\"View\")}\n \n deleteModifier(rowData)}\n >\n {t(\"Delete\")}\n \n
\n );\n };\n\n const columns = [\n {\n title: t(\"Name\"),\n dataIndex: \"baseLanguage\",\n align: \"initial\",\n render: (value, rowData, index) => {\n return (\n \n {value?.name}\n
\n );\n },\n },\n {\n title: t(\"Minimum Order Quantity\"),\n width: \"10%\",\n dataIndex: \"minimumOrderQuantity\",\n align: \"initial\",\n },\n {\n title: t(\"Maximum Order Quantity\"),\n dataIndex: \"maximumOrderQuantity\",\n width: \"10%\",\n align: \"initial\",\n },\n\n {\n title: t(\"Actions\"),\n dataIndex: \"actions\",\n align: \"initial\",\n width: \"10%\",\n render: renderActions,\n },\n ];\n\n const createModifier = () => {\n router.push({\n pathname: \"/app/dashboard/add-new-modifier\",\n });\n };\n\n const [searchTerm, setSearch] = useState(null);\n\n const FilteredData = useMemo(() => {\n let searchTermLower = searchTerm?.toLowerCase()?.trim();\n\n if (searchTerm === \"\" || searchTerm === null) {\n return modifiers;\n }\n return modifiers?.filter((group) =>\n group.baseLanguage?.name?.toLowerCase()?.includes(searchTermLower)\n );\n }, [modifiers, searchTerm]);\n\n return (\n\n \n \n
\n );\n};\nexport default ModifiersList;\nModifiersList.propTypes = {\n item: PropTypes.object,\n};\n","import React, { useEffect, useState } from \"react\";\nimport PageHeading from \"components/PageHeading\";\nimport ModifiersList from \"./components/ModifierList\";\nimport { Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { UTILS } from \"utils\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { useDeleteModifierMutation } from \"redux/modifiers/service\";\nimport { useGetModifierListMutation } from \"redux/modifiers/service\";\nimport DeleteComponent from \"components/DeleteConfirm\";\nimport Modal from \"components/Modal\";\nconst Modifiers = () => {\n const { t } = useTranslation();\n const [getModifierList] = useGetModifierListMutation();\n const [deleteModifier] = useDeleteModifierMutation();\n const [modifiers, setmodifiers] = useState([]);\n const [loading, setLoading] = useState(false);\n const [deleteModal, setDeleteModal] = useState({\n isOpen: false,\n deleteItemIndex: null,\n item: null,\n });\n const getAllModifers = async () => {\n setLoading(true);\n try {\n const userDetail = UTILS.getCurrentUser();\n const { data } = await getModifierList({\n brandId: userDetail.brandId,\n });\n if (data?.success === 1 && data?.data) {\n setmodifiers(data.data);\n }\n } catch (error) {\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n getAllModifers();\n }, []);\n\n const deleteSingleModifier = async (rowData) => {\n try {\n const item = modifiers[deleteModal.deleteItemIndex];\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const data = await deleteModifier({\n brandId: userDetail.brandId,\n modifierId: item._id,\n });\n if (data?.data?.success === 1) {\n UTILS.successNotification(\n data?.data?.message ?? t(\"Modifier Deleted Successfully\")\n );\n let arr = [...modifiers];\n arr.splice(deleteModal.deleteItemIndex, 1);\n setmodifiers(arr);\n } else {\n UTILS.errorNotification(errorHandler(data?.error?.data));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.message));\n } finally {\n handleCancel();\n setLoading(false);\n }\n };\n\n const onClickDeleteButton = (row) => {\n const index = modifiers?.findIndex((obj) => obj?._id === row?._id);\n if (index !== -1) {\n const item = modifiers[index];\n setDeleteModal({ isOpen: true, deleteItemIndex: index, item: item });\n }\n };\n\n const handleCancel = () => {\n setDeleteModal({ isOpen: false, deleteItemIndex: -1, item: null });\n };\n\n return (\n \n
\n \n
\n \n {t(\"Modifiers\")}\n
\n\n
\n \n
\n \n createModifier()}\n >\n {t(\"Create Modifier\")}\n \n
\n \n
\n \n \n
\n \n
\n \n updateM(rowData)}\n >\n {t(\"View\")}\n \n deleteModifierGroup(rowData)}\n >\n {t(\"Delete\")}\n \n
\n );\n };\n\n const columns = [\n {\n title: t(\"Name\"),\n dataIndex: \"baseLanguage\",\n align: \"initial\",\n render: (value, rowData, index) => {\n return (\n \n {value?.name}\n
\n );\n },\n },\n {\n title: t(\"Selection Type\"),\n dataIndex: \"isSingleSelection\",\n align: \"initial\",\n width: \"10%\",\n render: (value, rowData, index) => {\n return value ? t(\"Single\") : t(\"Multiple\");\n },\n },\n {\n title: t(\"Max Allowed Options\"),\n width: \"10%\",\n dataIndex: \"maximumAllowedSelection\",\n align: \"initial\",\n },\n {\n title: t(\"Required\"),\n dataIndex: \"isRequired\",\n width: \"10%\",\n align: \"initial\",\n render: (value, rowData, index) => {\n return value ? t(\"Yes\") : t(\"No\");\n },\n },\n {\n title: t(\"Actions\"),\n dataIndex: \"actions\",\n width: \"10%\",\n align: \"initial\",\n render: renderActions,\n },\n ];\n\n const createModifier = () => {\n router.push({\n pathname: \"/app/dashboard/create-modifier-group\",\n });\n };\n\n const [searchTerm, setSearch] = useState(null);\n\n const FilteredData = useMemo(() => {\n let searchTermLower = searchTerm?.toLowerCase()?.trim();\n if (searchTerm === \"\" || searchTerm === null) {\n return groups;\n }\n return groups?.filter((group) =>\n group?.baseLanguage?.name?.toLowerCase()?.includes(searchTermLower)\n );\n }, [groups, searchTerm]);\n\n return (\n\n \n \n
\n );\n};\nexport default ModifierGroupList;\nModifierGroupList.propTypes = {\n item: PropTypes.object,\n};\n","import React, { useEffect, useState } from \"react\";\nimport PageHeading from \"components/PageHeading\";\nimport { Spin } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { useGetModifierGroupsMutation } from \"redux/modifiers/service\";\nimport ModifierGroupList from \"./components/ModifierGroupList\";\nimport { UTILS } from \"utils\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { useDeleteModifierGroupMutation } from \"redux/modifiers/service\";\nimport DeleteComponent from \"components/DeleteConfirm\";\nimport Modal from \"components/Modal\";\nconst ModifierGroup = () => {\n const { t } = useTranslation();\n const [groups, setGroups] = useState([]);\n const [loading, setLoading] = useState(false);\n\n const [getModifierGroups] = useGetModifierGroupsMutation();\n const [deleteModifierGroup] = useDeleteModifierGroupMutation();\n const [deleteModal, setDeleteModal] = useState({\n isOpen: false,\n deleteItemIndex: null,\n item: null,\n });\n\n const getAllModiferGroups = async () => {\n setLoading(true);\n try {\n const userDetail = UTILS.getCurrentUser();\n const { data } = await getModifierGroups({\n brandId: userDetail.brandId,\n });\n if (data?.success === 1) {\n setGroups(data.data);\n }\n } catch (error) {\n } finally {\n setLoading(false);\n handleCancel();\n }\n };\n\n useEffect(() => {\n getAllModiferGroups();\n }, []);\n\n const deleteModifierGrp = async () => {\n try {\n setLoading(true);\n const item = groups[deleteModal.deleteItemIndex];\n const userDetail = UTILS.getCurrentUser();\n const data = await deleteModifierGroup({\n brandId: userDetail.brandId,\n modifierGroupId: item._id,\n });\n if (data?.data?.success === 1) {\n let arr = [...groups];\n arr.splice(deleteModal.deleteItemIndex, 1);\n setGroups(arr);\n UTILS.successNotification(\n data?.data?.message ?? t(\"Modifier Group Deleted Successfully\")\n );\n } else {\n UTILS.errorNotification(errorHandler(data?.error?.data));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.message));\n } finally {\n await getAllModiferGroups();\n setLoading(false);\n }\n };\n\n const onClickDeleteButton = (row) => {\n const index = groups.findIndex((obj) => obj?._id === row?._id);\n if (index !== -1) {\n const item = groups[index];\n setDeleteModal({ isOpen: true, deleteItemIndex: index, item: item });\n }\n };\n\n const handleCancel = () => {\n setDeleteModal({ isOpen: false, deleteItemIndex: -1, item: null });\n };\n\n return (\n \n
\n \n
\n \n {t(\"Modifier Groups\")}\n
\n\n
\n \n
\n \n createModifier()}\n >\n {t(\"Create Modifier Group\")}\n \n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n );\n};\n\nexport default CreateModifierGroup;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport Card from \"components/Card\";\nimport PageHeading from \"components/PageHeading\";\nimport TextInputReadOnly from \"components/TextInputReadOnly\";\nconst ViewModifier = ({ row, setViewGroup }) => {\n const { t } = useTranslation();\n\n return (\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n history.goBack()}\n >\n {t(\"Back\")}\n \n addNewModifierGroup()}\n >\n {t(\"Create\")}\n \n
\n \n
\n );\n};\n\nexport default ViewModifier;\n","import React, { useMemo, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\nimport { Checkbox } from \"antd\";\nimport { Button, Empty, Spin, Table } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\nimport Card from \"components/Card\";\nimport { RemoveRedEyeOutlined } from \"@material-ui/icons\";\nimport SearchInput from \"components/SearchInput\";\nimport Modal from \"components/Modal\";\nimport ViewModifier from \"../ViewModifier\";\nimport { API } from \"api\";\nimport { errorHandler } from \"api/api/errorHandler\";\nconst AttacModifierWithGroup = ({\n MemizedModifiers,\n item,\n onClose,\n getAttachedModifers,\n}) => {\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n const router = useHistory();\n const [checkedRows, setCheckedRows] = useState([]);\n\n const linkModifierGroupsWithItems = async () => {\n try {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.LinkModifierWithGroup({\n brandId: userDetail.brandId,\n modifierGroupId: item?.values?._id,\n modifiers: checkedRows,\n });\n if (result?.success === 1) {\n UTILS.successNotification(\n result?.message ?? t(\"Attached Successfully\")\n );\n getAttachedModifers();\n onClose();\n } else {\n UTILS.errorNotification(errorHandler(result?.message));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.error?.message));\n } finally {\n setLoading(false);\n }\n };\n\n const handleRowClick = (modifier) => {\n setCheckedRows((prevCheckedRows) => {\n const updatedArray = [...prevCheckedRows];\n\n const existingIndex = updatedArray.findIndex(\n (item) => item.modifierId === modifier?._id\n );\n\n if (existingIndex !== -1) {\n // If already selected, remove\n updatedArray.splice(existingIndex, 1);\n } else {\n // If not selected, add\n updatedArray.push({\n modifierId: modifier?._id,\n price: modifier?.price,\n });\n }\n\n return updatedArray;\n });\n };\n const Row = (value, modifier, index) => {\n return (\n \n \n \n
\n \n setViewGroup(false)}\n >\n \n
\n \n {t(\"Modifier Detail\")}\n
\n\n {t(\"Please enter complete details for better user experience\")}\n
\n\n
\n \n
\n \n
\n \n
\n\n \n
\n \n {row?.imageURL ? (\n
\n {value?.name}
;\n },\n },\n {\n title: t(\"Maximum Order Quantity\"),\n dataIndex: \"maximumOrderQuantity\",\n align: \"center\",\n width: \"10%\",\n },\n {\n title: t(\"Price\"),\n dataIndex: \"price\",\n width: \"10%\",\n align: \"center\",\n render: (value, row, i) => {\n return AED {value}
;\n },\n },\n {\n title: t(\"Action\"),\n dataIndex: \"price\",\n width: \"10%\",\n align: \"center\",\n render: (index, record) => (\n \n \n setViewGroup(false)}\n >\n \n \n \n\n
\n ) : (\n \n
\n\n {MemizedModifiers && MemizedModifiers?.length >= 1 ? (\n \n
\n \n {t(\"Add modifiers to\")}{\" \"}\n \n {item?.values?.baseLanguage?.name}\n \n
\n\n
\n \n record._id}\n />\n
\n \n
\n \n \n {t(\"Close\")}\n \n
\n \n \n {t(\"Attach\")}\n \n
\n \n \n {t(\"Close\")}\n \n
\n \n
\n );\n};\n\nfunction ModifierDragger({\n modifiers,\n reOrderCategory,\n unlinkModFromGroup,\n setopenGroupModal,\n}) {\n const { t } = useTranslation();\n\n return (\n <>\n {modifiers && modifiers?.length >= 1 ? (\n isMobile ? (\n <>\n {modifiers &&\n modifiers?.map((cat, index) => {\n return (\n \n
\n \n {mod?.modifierId?.baseLanguage?.name}\n
\n\n Max Order Quantity:\n {mod?.modifierId?.maximumOrderQuantity}\n
\n\n\n AED:\n {mod?.modifierId?.price}\n
\n\n\n \n history.push(\"/app/dashboard/update-modifier\", {\n modifier: {\n _id: mod?.modifierId?._id,\n },\n })\n }\n >\n {t(\"Edit\")}\n \n unlinkModFromGroup(mod?.modifierId)}\n >\n {t(\"Delete\")}\n \n
\n \n
\n )}\n \n );\n}\n\nexport default ModifierDragger;\n","import React, { useEffect, useMemo, useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button, Spin } from \"antd\";\nimport Card from \"components/Card\";\nimport PageHeading from \"components/PageHeading\";\nimport SectionHeading from \"components/SectionHeading\";\nimport SelectInput from \"components/SelectInput\";\nimport TextInput from \"components/TextInput\";\nimport { UTILS } from \"utils\";\nimport { useUpdateModifierGroupMutation } from \"redux/modifiers/service\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { useUnLinkModifierFromGroupMutation } from \"redux/modifiers/service\";\nimport { useGetModifierGroupMutation } from \"redux/modifiers/service\";\nimport Modal from \"components/Modal\";\nimport AttacModifierWithGroup from \"./components/AttacModifierWithGroup\";\nimport { useGetModifierListMutation } from \"redux/modifiers/service\";\nimport ModifierRowWithDrag from \"./components/ModifierRowWithDrag\";\nimport BackButton from \"components/BackButton\";\nimport DeleteComponent from \"components/DeleteConfirm\";\nimport usePushBack from \"hooks/usePushBack\";\nimport { API } from \"api\";\nconst UpdateModiferGroup = () => {\n const _ = require(\"lodash\");\n\n const { t } = useTranslation();\n const history = useHistory();\n const [loading, setLoading] = useState(false);\n const [modifiers, setmodifiers] = useState([]);\n const [brandModifiers, setbrandModifiers] = useState([]);\n\n const [openGroupModal, setopenGroupModal] = useState(false);\n const [getModifierGroup] = useGetModifierGroupMutation();\n const [updateModifierGroup] = useUpdateModifierGroupMutation();\n const [unLinkModifierFromGroup] = useUnLinkModifierFromGroupMutation();\n const [getModifierList] = useGetModifierListMutation();\n const [deleteModal, setDeleteModal] = useState({\n isOpen: false,\n item: null,\n });\n const [m, setM] = useState({\n values: {\n isSingleSelection: false,\n maximumAllowedSelection: 0,\n minimumAllowedSelection: 0,\n baseLanguage: {\n name: \"\",\n },\n },\n errors: {\n minimumAllowedSelection: \"\",\n maximumAllowedSelection: \"\",\n baseLanguage: {\n name: \"\",\n },\n isSingleSelection: \"\",\n },\n });\n\n const handleValues = (key, val) => {\n setM((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n [key]: \"\",\n },\n }));\n };\n\n const handleText = (key, val) => {\n setM((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n baseLanguage: {\n [key]: val,\n },\n translations: {\n en: {\n name: val,\n },\n ar: {\n name: val,\n },\n },\n },\n errors: {\n ...prevState.errors,\n baseLanguage: {\n [key]: \"\",\n },\n },\n }));\n };\n\n const handleSelection = (key, val) => {\n m.values.maximumAllowedSelection = 1;\n\n setM((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val === \"single\" ? true : false,\n },\n errors: {\n ...prevState.errors,\n [key]: \"\",\n },\n }));\n };\n\n const seterrors = (obj) => {\n setM((prevState) => ({\n ...prevState,\n errors: obj,\n }));\n };\n\n const validateInputs = () => {\n let isValid = true;\n let obj = {\n baseLanguage: {\n name: \"\",\n },\n isSingleSelection: \"\",\n };\n\n if (\n !m?.values?.baseLanguage?.name ||\n UTILS.hasWhiteSpace(m.values.baseLanguage.name)\n ) {\n isValid = false;\n obj.baseLanguage.name = t(\"Enter Section Name\");\n seterrors(obj);\n return { isValid, obj };\n }\n\n if (\n !m.values?.maximumAllowedSelection ||\n UTILS.hasWhiteSpace(m.values.maximumAllowedSelection)\n ) {\n isValid = false;\n obj.maximumAllowedSelection = t(\"Enter Maximum Allowed Sections\");\n seterrors(obj);\n return { isValid, obj };\n }\n if (m?.values?.maximumAllowedSelection <= 0) {\n isValid = false;\n obj.maximumAllowedSelection = t(\"Maximum selection value cannot be zero\");\n seterrors(obj);\n return { isValid, obj };\n }\n if (\n m?.values?.minimumAllowedSelection > m?.values?.maximumAllowedSelection\n ) {\n isValid = false;\n obj.minimumAllowedSelection = t(\n \"Minimum selection value must be than less or equal to maximum selection value\"\n );\n seterrors(obj);\n return { isValid, obj };\n }\n if (m.errors.isSingleSelection) {\n if (m.values.minimumAllowedSelection > 1) {\n isValid = false;\n obj.minimumAllowedSelection = t(\n \"For single selection, minimum allowed selection cannot be greater than 1\"\n );\n seterrors(obj);\n return { isValid, obj };\n }\n seterrors(obj);\n return { isValid, obj };\n }\n\n return {\n isValid,\n obj,\n };\n };\n\n const addNewModifierGroup = async () => {\n const { isValid } = validateInputs();\n if (!isValid) return;\n try {\n const userDetail = UTILS.getCurrentUser();\n const data = await updateModifierGroup({\n brandId: userDetail.brandId,\n modifierGroupId: history?.location?.state?.modifier?._id,\n ...m.values,\n });\n if (data?.data?.success === 1) {\n UTILS.successNotification(\n data?.data?.message ?? t(\"Added Successfully\")\n );\n history.push(\"/app/dashboard/modifier-group\");\n } else {\n UTILS.errorNotification(errorHandler(data?.error?.data));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.message));\n }\n };\n\n const updatePrice = (key, val) => {\n const value = UTILS.NumberConversion(val);\n let Num = Number(value);\n handleValues(key, Num);\n };\n\n //attached modifiers\n const getAttachedModifers = async () => {\n setLoading(true);\n try {\n const userDetail = UTILS.getCurrentUser();\n const { data } = await getModifierGroup({\n brandId: userDetail.brandId,\n modifierGroupId: history?.location?.state?.modifier?._id,\n });\n if (data?.success === 1) {\n setmodifiers(data?.data?.modifiers);\n setM((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n ...data.data,\n },\n }));\n }\n } catch (error) {\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n async function fetchData() {\n if (history?.location.state?.modifier?._id) {\n const attachedModifiersPromise = getAttachedModifers();\n const allBrandModifiersPromise = getAllBrandModifers();\n await Promise.all([attachedModifiersPromise, allBrandModifiersPromise]);\n }\n }\n\n fetchData();\n }, [history?.location?.state?.modifier?._id]);\n\n const getAllBrandModifers = async () => {\n setLoading(true);\n try {\n const userDetail = UTILS.getCurrentUser();\n const { data } = await getModifierList({\n brandId: userDetail?.brandId,\n });\n if (data?.success === 1) {\n setbrandModifiers(data.data);\n }\n } catch (error) {\n } finally {\n setLoading(false);\n }\n };\n\n const unlinkModFromGroup = async () => {\n setLoading(true);\n try {\n const userDetail = UTILS.getCurrentUser();\n const data = await unLinkModifierFromGroup({\n brandId: userDetail.brandId,\n modifierId: deleteModal.item._id,\n modifierGroupId: history.location?.state?.modifier?._id,\n });\n if (data?.data?.success === 1) {\n UTILS.successNotification(\n data?.data?.message ?? t(\"Unlinked Successfully\")\n );\n getAttachedModifers();\n } else {\n UTILS.errorNotification(errorHandler(data?.error?.data));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.message));\n } finally {\n handleCancel();\n setLoading(false);\n }\n };\n\n const MemizedModifiers = useMemo(() => {\n const attachedModifiersLookup = _.keyBy(\n modifiers,\n (item) => item?.modifierId?._id\n );\n\n const unattachedModifiers = brandModifiers?.filter(\n (item) => !attachedModifiersLookup[item?._id]\n );\n return unattachedModifiers;\n }, [modifiers, brandModifiers, history.location?.state?.modifier?._id]);\n\n const sortModiferGroup = async (group) => {\n try {\n let selected = modifiers[group.oldIndex];\n const userDetail = UTILS.getCurrentUser();\n setLoading(true);\n const result = await API.sortModifierOption({\n brandId: userDetail.brandId,\n modifierGroupId: history?.location?.state?.modifier?._id,\n modifierId: selected?.modifierId?._id,\n index: group.newIndex,\n });\n if (result?.success === 1) {\n UTILS.successNotification(result?.message);\n } else {\n UTILS.errorNotification(errorHandler(result?.message));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.error?.message));\n } finally {\n getAttachedModifers();\n setLoading(false);\n }\n };\n\n const onClickDeleteButton = (row) => {\n if (row) {\n setDeleteModal({ isOpen: true, item: row });\n }\n };\n\n const handleCancel = () => setDeleteModal({ isOpen: false, item: null });\n\n return (\n \n
\n {t(\"There is no modifier attached\")}
\n\n \n setopenGroupModal(false)}\n >\n setopenGroupModal(false)}\n getAttachedModifers={getAttachedModifers}\n />\n \n\n \n \n
\n );\n};\n\nfunction UpdateModifiersGroupContainer() {\n const router = useHistory();\n usePushBack(\n \"/app/dashboard/modifier-group\",\n router?.location?.state?.modifier?._id\n );\n return \n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n history.goBack()}\n >\n {t(\"Back\")}\n \n addNewModifierGroup()}\n >\n {t(\"Update\")}\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n {t(\"Attached Modifiers\")}\n
\n\n setopenGroupModal(true)}\n >\n {t(\"Attach New Modifier\")}\n \n
\n \n
\n \n
\n );\n};\n\nAddModifierOption.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n addModifierOption: PropTypes.func,\n};\nexport default AddModifierOption;\n","import TextInput from \"components/TextInput\";\nimport React, { useEffect, useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button, Spin } from \"antd\";\nimport PriceInput from \"components/PriceInput\";\nimport PageHeading from \"components/PageHeading\";\nimport Card from \"components/Card\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\nimport {\n useUpDateModifierMutation,\n useGetModifierOptionInfoMutation,\n} from \"redux/modifiers/service\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { isValidValue } from \"utils/Utils\";\nimport usePushBack from \"hooks/usePushBack\";\n\nconst UpdateModifier = () => {\n // Hooks\n const router = useHistory();\n const { t } = useTranslation();\n const history = useHistory();\n\n const [upDateModifier] = useUpDateModifierMutation();\n const [getModifierOptionInfo] = useGetModifierOptionInfoMutation();\n // States\n const [loading, setLoading] = useState(false);\n\n const [modifier, setModifier] = useState({\n values: {\n baseLanguage: {\n name: \"\",\n },\n price: 0,\n imageURL: null,\n sku: \"\",\n minimumOrderQuantity: 1,\n maximumOrderQuantity: 1,\n },\n errors: {\n baseLanguage: {\n name: \"\",\n },\n price: \"\",\n minimumOrderQuantity: \"\",\n maximumOrderQuantity: \"\",\n },\n });\n\n /* A function that is used to set the basic info in the state. */\n const handleBasicInfo = (key, val) => {\n setModifier((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n baseLanguage: {\n ...prevState.values.baseLanguage,\n [key]: val,\n },\n translations: {\n en: {\n name: val,\n },\n ar: {\n name: val,\n },\n },\n },\n errors: {\n ...prevState.errors,\n baseLanguage: {\n ...prevState.errors.baseLanguage,\n [key]: \"\",\n },\n },\n }));\n };\n\n /* A function that is used to set the basic info in the state. */\n const handleValues = (key, val) => {\n setModifier((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: val,\n },\n errors: {\n ...prevState.errors,\n [key]: \"\",\n },\n }));\n };\n\n const validateInputs = () => {\n let isValid = true;\n let obj = {\n baseLanguage: {\n name: \"\",\n },\n price: \"\",\n minimumOrderQuantity: null,\n maximumOrderQuantity: \"\",\n };\n\n if (\n !modifier?.values?.baseLanguage?.name ||\n UTILS.hasWhiteSpace(modifier.values.baseLanguage.name)\n ) {\n isValid = false;\n obj.baseLanguage.name = t(\"Enter modifier Name\");\n }\n\n if (!isValidValue(modifier?.values?.price)) {\n isValid = false;\n obj.price = t(\"Price is a required field\");\n }\n\n if (!isValidValue(modifier?.values?.maximumOrderQuantity)) {\n isValid = false;\n obj.maximumOrderQuantity = t(\"Maximum Order Quantity is a requird field\");\n }\n if (modifier?.values?.maximumOrderQuantity <= 0) {\n isValid = false;\n obj.maximumOrderQuantity = t(\n \"Maximum Order Quantity must be greater zero\"\n );\n }\n\n setModifier((prevState) => ({\n ...prevState,\n errors: obj,\n }));\n return isValid;\n };\n\n const updatedSingleModifier = async () => {\n const isValid = validateInputs();\n if (!isValid) return;\n setLoading(true);\n try {\n const userDetail = UTILS.getCurrentUser();\n const data = await upDateModifier({\n brandId: userDetail.brandId,\n modifierId: history.location.state.modifier._id,\n ...modifier?.values,\n price: +parseFloat(modifier?.values?.price).toFixed(2),\n });\n if (data?.data?.success === 1) {\n UTILS.successNotification(\n data?.data?.message ?? t(\"Modifier Updated Successfully\")\n );\n history.push(\"/app/dashboard/modifiers-list\");\n } else {\n UTILS.errorNotification(errorHandler(data?.error?.data));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.message));\n } finally {\n setLoading(false);\n }\n };\n\n const getSingleModifierInfo = async (modifierId) => {\n setLoading(true);\n try {\n const userDetail = UTILS.getCurrentUser();\n const data = await getModifierOptionInfo({\n brandId: userDetail?.brandId,\n modifierId,\n });\n if (data?.data?.success === 1 && data.data?.data?.length >= 1) {\n setModifier((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n ...data.data?.data[0],\n },\n }));\n } else {\n UTILS.errorNotification(errorHandler(data?.error?.data));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.message));\n } finally {\n setLoading(false);\n }\n };\n\n const updatePrice = (key, val) => {\n const value = UTILS.NumberConversion(val);\n let Num = Number(value);\n handleValues(key, Num);\n };\n\n useEffect(() => {\n if (history.location?.state?.modifier?._id)\n getSingleModifierInfo(history?.location?.state?.modifier?._id);\n }, [history?.location?.state?.modifier?._id]);\n\n return (\n \n \n \n \n \n
\n \n {t(\"Create Modifier\")}\n
\n\n
\n \n
\n \n\n \n
\n \n
\n\n \n
\n \n
\n \n \n {t(\"Save\")}\n \n router.goBack()}\n >\n {t(\"Back\")}\n \n
\n \n
\n \n \n \n
\n \n {t(\"Update Modifier\")}\n
\n\n {t(\"Please enter complete details for better user experience\")}\n
\n\n
\n \n
\n \n \n
\n \n
\n\n \n
\n \n
\n \n \n {t(\"Update\")}\n \n router.goBack()}\n >\n {t(\"Back\")}\n \n
\n \n {val?.name}\n
\n );\n },\n },\n\n {\n title: t(\"Availability\"),\n width: \"25%\",\n align: \"initial\",\n dataIndex: \"_id\",\n render: (val, row, index) => {\n return (\n\n \n \n
\n \n );\n};\nexport default PauseModifiers;\n","import { errorHandler } from \"api/api/errorHandler\";\nimport { useGetStoreModifiersMutation } from \"redux/modifiers/service\";\nimport { UTILS } from \"utils\";\n\nfunction useGetModifiersByStoreId(updateState) {\n const [getStoreModifiers] = useGetStoreModifiersMutation();\n\n const getModifiersByStore = async (storeId) => {\n try {\n updateState(\"loading\", true);\n const userDetail = UTILS.getCurrentUser();\n const result = await getStoreModifiers({\n brandId: userDetail.brandId,\n storeId: storeId,\n });\n console.log({ getModifiersByStore: result?.data?.data });\n if (result?.data?.success === 1 && result?.data?.data) {\n updateState(\"modifiers\", result.data.data);\n } else UTILS.handleErrorNotification(errorHandler(result?.data?.message));\n } catch (error) {\n UTILS.handleErrorNotification(errorHandler(error?.error));\n } finally {\n updateState(\"loading\", false);\n }\n };\n return getModifiersByStore;\n}\n\nexport default useGetModifiersByStoreId;\n","import { API } from \"api\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { useToggleModifierInventoryMutation } from \"redux/modifiers/service\";\nimport { UTILS } from \"utils\";\n\nfunction usePlayPauseModifier({\n setPauseModalState,\n updateState,\n getModifiersByStore,\n state,\n}) {\n const handleplayPauseModifier = async (modifierId, duration) => {\n try {\n updateState(\"loading\", true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.toggleModifierInventory({\n brandId: userDetail.brandId,\n storeId: state?.currentStoreId,\n modifierId: modifierId?._id,\n ...(duration && { duration }),\n });\n\n if (result?.success === 1) {\n getModifiersByStore(state?.currentStoreId);\n } else {\n console.log({ error: result });\n UTILS.handleErrorNotification(errorHandler(result?.message));\n }\n } catch (error) {\n console.log({ error });\n UTILS.handleErrorNotification(errorHandler(error?.error));\n } finally {\n updateState(\"loading\", false);\n setPauseModalState(\"open\", false);\n setPauseModalState(\"modifier\", null);\n setPauseModalState(\"deafaultOption\", {\n value: 6,\n unit: \"hours\",\n duration: \"6_HOURS\",\n });\n }\n };\n\n const handlePlayPause = async (key, row) => {\n if (key === \"pause\") {\n setPauseModalState(\"open\", true);\n setPauseModalState(\"modifier\", row);\n return;\n } else if (!row._id || !state?.currentStoreId) return;\n handleplayPauseModifier(row);\n };\n return {\n handlePlayPause,\n handleplayPauseModifier,\n };\n}\n\nexport default usePlayPauseModifier;\n","import PageHeading from \"components/PageHeading\";\nimport React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport useAllStores from \"hooks/useCurrentUserStores\";\nimport StoreModifierList from \"../Components/StoreModifierList\";\nimport useGetModifiersByStoreId from \"../useGetModifiersByStoreId\";\nimport usePlayPauseModifier from \"../usePlayPasuseModifier\";\nimport PauseModalContainer from \"../Components/PauseModal\";\nconst PauseModifiers = () => {\n const { t } = useTranslation();\n const { stores, loading } = useAllStores();\n\n const [state, setState] = useState({\n currentStoreId: null,\n modifiers: [],\n loading: false,\n });\n\n const updateState = (key, val) =>\n setState((state) => ({ ...state, [key]: val }));\n\n const [PauseModel, setPauseModel] = useState({\n open: false,\n modifier: null,\n deafaultOption: {\n value: 6,\n unit: \"hours\",\n duration: \"6_HOURS\",\n },\n });\n\n const setPauseModalState = (key, val) => {\n setPauseModel((prevState) => ({\n ...prevState,\n [key]: val,\n }));\n };\n\n const getModifiersByStore = useGetModifiersByStoreId(updateState);\n\n const { handlePlayPause, handleplayPauseModifier } = usePlayPauseModifier({\n setPauseModalState,\n updateState,\n getModifiersByStore,\n state,\n });\n\n const handleChange = (key, val) => {\n if (val !== \"null\" && val) {\n getModifiersByStore(val);\n updateState(\"currentStoreId\", val);\n }\n };\n const isLoading = state.loading || loading;\n const closeModal = () => {\n setPauseModalState(\"modifier\", null);\n setPauseModalState(\"deafaultOption\", {\n value: 6,\n unit: \"hours\",\n duration: \"6_HOURS\",\n });\n setPauseModalState(\"open\", false);\n };\n console.log(\"PauseModifiers\", PauseModel);\n return (\n <>\n \n \n \n \n \n
\n \n {t(\n \"Select store from the dropdown to play/pause inventory for particular store\"\n )}\n
\n{t(\"Select store\")}
\n\n
\n \n
\n \n
\n {starElements}
;\n};\n\nexport default HorizontalStarRating;\n","import React from \"react\";\nimport { Progress } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport StarRating from \"components/StarRating\";\nimport { getStarRatingClasses } from \"utils/Utils\";\n\nconst AverageRatingDisplay = ({\n averageRating,\n feedbackRatingCount,\n totalCount,\n}) => {\n const { t } = useTranslation();\n if (!averageRating) return null;\n\n return (\n \n
\n \n );\n};\n\nexport default AverageRatingDisplay;\n","import React from \"react\";\nimport moment from \"moment\";\nimport { useTranslation } from \"react-i18next\";\n\nimport StarRating from \"components/StarRating\";\nimport AverageFeedbackRating from \"./AverageFeedbackRating\";\nimport { getStarRatingClasses } from \"utils/Utils\";\nconst UserFeedbacksTable = ({\n feedbacks,\n avgOrderRating,\n feedbackRatingCount,\n totalCount,\n}) => {\n console.log(\"==\", feedbacks);\n const { t } = useTranslation();\n return (\n <>\n {t(\"Average Rating\")}
\n \n {totalCount === 1\n ? t(\"Based on last 1 rating\")\n : t(\"Based on last x ratings\", {\n count: totalCount,\n })}\n
\n \n
\n \n {feedbackRatingCount?.map((item, index) => (\n \n {}}\n starContainerClassName=\"text-yellow-500\" // Customize star color if needed\n />\n \n {item.count} {item?.count === 1 ? t(\"User\") : t(\"Users\")}\n \n
\n ))}\n \n (\n
\n \n {averageRating}\n
\n )}\n strokeColor=\"#008000\"\n />\n \n {t(\"out of 5\")}\n
\n \n
\n \n {feedbacks?.map((feedback, index) => (\n \n
\n ))}\n \n
\n \n
\n \n
\n \n {feedback?.customerInfo?.phoneNumber}\n
\n\n {t(\"Order #\")} {feedback?.orderInfo?.orderNumber}\n
\n\n \n
\n \n {}}\n />\n \n {moment(feedback?.createdAt).format(\"DD MMM YYYY\")}\n \n
\n {feedback?.comments}
\n \n
\n \n \n );\n};\n\nexport default UserFeedbacksTable;\n","import React from \"react\";\nimport { Select } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\n\nconst { Option } = Select;\nfunction SelectBox({ placeholder, options, value, onChange, className }) {\n const { t } = useTranslation();\n return (\n \n \n \n
\n );\n};\n\nexport default UserFeedbacks;\n","import Orders from \"features/reporting/containers/Orders\";\nimport PaymentLinks from \"features/reporting/containers/PaymentLinks\";\nimport UserFeedbacks from \"features/reporting/containers/UserFeedbacks\";\nimport CustomersReport from \"features/reporting/containers/CustomersReport\";\nconst routes = [\n {\n path: \"/app/dashboard/reporting/user-feedbacks\",\n component: UserFeedbacks,\n },\n {\n path: \"/app/dashboard/reporting/orders\",\n component: Orders,\n },\n {\n path: \"/app/dashboard/reporting/customers\",\n component: CustomersReport,\n },\n {\n path: \"/app/dashboard/reporting/payments\",\n component: PaymentLinks,\n },\n // {\n // path: \"/app/dashboard/reporting/payouts\",\n // component: Payouts,\n // },\n];\n\nexport default routes;\n","import { API } from \"api\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { handleAddIsAddedPropToBuisnessAreas } from \"features/shipping_methods/helpers\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { LoaderAction } from \"redux/actions\";\nimport { AreasAction } from \"redux/actions\";\nimport { UTILS } from \"utils\";\n\nfunction useGetStoreAddedMappedAreas() {\n const dispatch = useDispatch();\n const { areaData } = useSelector((state) => state.AreasReducer);\n\n const getStoreMappedAddedAreas = async ({ storeId, isPolygonRequired }) => {\n try {\n dispatch(LoaderAction.setLoading(true));\n const userDetail = UTILS.getCurrentUser();\n const response = await API.getStoreMappedAreas({\n storeId,\n brandId: userDetail.brandId,\n isPolygonRequired: isPolygonRequired ? isPolygonRequired : false,\n });\n if (response?.success === 1 && response?.data) {\n const filteredAreasList = await handleAddIsAddedPropToBuisnessAreas(\n areaData,\n response?.data\n );\n dispatch(AreasAction.setMapCustomBuisnessAreas(filteredAreasList));\n dispatch(AreasAction.setMapAddedAreas(response?.data));\n } else {\n console.log(\"error\", response);\n UTILS.errorNotification(errorHandler(response?.message));\n }\n } catch (error) {\n console.log(\"error\", error);\n UTILS.errorNotification(errorHandler(error?.error?.message));\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n };\n return getStoreMappedAddedAreas;\n}\n\nexport default useGetStoreAddedMappedAreas;\n","import React, { useCallback, useRef, useState } from \"react\";\nimport PlacesAutocomplete, {\n geocodeByAddress,\n getLatLng,\n} from \"react-places-autocomplete\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n GoogleMap,\n useJsApiLoader,\n InfoWindow,\n DrawingManager,\n Polygon,\n} from \"@react-google-maps/api\";\nimport { libraries } from \"features/shipping_methods/helpers\";\nimport { logErrorOnSentry } from \"utils/Utils\";\n\nfunction MyMapComponent({\n setPolygons,\n plottedPolygons,\n operationType,\n drawingEnabled,\n setDrawingEnabled,\n mapRef,\n}) {\n const { t } = useTranslation();\n const [zoom, setZoom] = useState(6);\n const [shape, setShape] = useState(null);\n const [center, setCenter] = useState({\n lat: 25.2048,\n lng: 55.2708,\n });\n const [address, setAddress] = useState(\"\");\n const handleChange = (address) => setAddress(address);\n\n const handleSelect = (address) => {\n setAddress(address);\n geocodeByAddress(address)\n .then((results) => getLatLng(results[0]))\n .then((latLng) => {\n mapRef?.current?.setCenter(\n new window.google.maps.LatLng(latLng.lat, latLng.lng)\n );\n setCenter(latLng);\n setZoom(18);\n })\n .catch((error) => console.error(\"Error\", error));\n };\n\n const { isLoaded } = useJsApiLoader({\n id: \"script-loader\",\n googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,\n language: \"en\",\n region: \"us\",\n libraries: libraries,\n });\n\n const onPolygonComplete = (polygon) => {\n setDrawingEnabled(false);\n const paths = polygon\n ?.getPath()\n ?.getArray()\n ?.map((point) => ({\n lat: point.lat(),\n lng: point.lng(),\n }));\n\n polygon?.setOptions({\n draggable: false,\n editable: true,\n });\n\n // Listen for polygon edits\n window.google.maps.event.addListener(polygon?.getPath(), \"set_at\", () => {\n handlePolygonEdit(polygon.getPath().getArray());\n });\n window.google.maps.event.addListener(\n polygon?.getPath(),\n \"insert_at\",\n () => {\n handlePolygonEdit(polygon.getPath().getArray());\n }\n );\n window.google.maps.event.addListener(\n polygon?.getPath(),\n \"remove_at\",\n () => {\n handlePolygonEdit(polygon?.getPath()?.getArray());\n }\n );\n\n setPolygons((prev) => ({\n ...prev,\n coordinates: paths,\n }));\n //center map on polygon\n const bounds = new window.google.maps.LatLngBounds();\n polygon?.getPath()?.forEach((element) => {\n bounds?.extend(element);\n });\n mapRef?.current?.fitBounds(bounds);\n setZoom(mapRef?.current?.getZoom());\n };\n\n const handlePolygonEdit = (updatedPaths) => {\n const paths = updatedPaths?.map((point) => ({\n lat: point.lat(),\n lng: point.lng(),\n }));\n setPolygons((prev) => ({\n ...prev,\n coordinates: paths,\n }));\n };\n\n const onUnmount = useCallback(() => {\n mapRef.current = null;\n listenersRef?.current?.forEach((lis) => lis.remove());\n polygonRef.current = null;\n }, []);\n\n const handleOnLoad = (map) => (mapRef.current = map);\n\n const drawingManagerRef = useRef(null);\n\n const removeDrawing = () => {\n setDrawingEnabled(true);\n setPolygons({\n coordinates: [],\n areaInfo: {},\n });\n shape?.setMap(null);\n };\n const polygonRef = useRef(null);\n const listenersRef = useRef([]);\n\n const onEdit = useCallback(() => {\n if (polygonRef?.current) {\n const nextPath = polygonRef.current\n ?.getPath()\n ?.getArray()\n ?.map((latLng) => {\n return { lat: latLng?.lat(), lng: latLng?.lng() };\n });\n setPolygons((prev) => ({\n ...prev,\n coordinates: nextPath,\n }));\n }\n }, [setPolygons]);\n\n // Bind refs to current Polygon and listeners\n const onLoad = useCallback(\n (polygon) => {\n try {\n if (polygon) polygonRef.current = polygon;\n\n const path = polygon?.getPath();\n\n if (path) {\n listenersRef?.current?.push(\n path.addListener(\"set_at\", onEdit),\n path.addListener(\"insert_at\", onEdit),\n path.addListener(\"remove_at\", onEdit)\n );\n }\n } catch (error) {\n logErrorOnSentry(\"Error in onLoad\", error);\n }\n },\n [onEdit]\n );\n\n const [infoWindows, setInfoWindows] = useState(null);\n\n const handlePolygonClick = (index) => setInfoWindows(index);\n\n return (\n \n {t(\"Order Feedbacks\")}\n
\n \n
\n \n
\n \n \n handleChangeOptions(\"selectedStore\", value)\n }\n >\n {/* Populate with store options */}\n \n {stores?.map((store) => (\n \n ))}\n \n \n handleChangeOptions(\"selectedOrderType\", value)\n }\n options={OrderTypes}\n />\n \n handleChangeOptions(\"selectedRatingType\", value)\n }\n options={RatingTypes}\n />\n
\n \n
\n \n {\n handleChangeOptions(\"isCommentsOnly\", !value);\n }}\n />\n
\n \n {t(\"Only With Notes\")}\n
\n \n \n
\n )}\n \n \n {\n setShape(e.overlay);\n }}\n options={{\n drawingMode: drawingEnabled ? \"polygon\" : null,\n drawingControl: drawingEnabled ? true : false,\n drawingControlOptions: {\n position:\n window.google.maps.ControlPosition.LEFT_CENTER,\n drawingModes: [\"polygon\"],\n },\n markerOptions: {\n draggable: false,\n },\n\n polylineOptions: {\n editable: true,\n draggable: false,\n },\n rectangleOptions: {\n editable: true,\n draggable: false,\n },\n circleOptions: {\n editable: true,\n draggable: false,\n },\n\n polygonOptions: {\n editable: true, // Set to true only in edit mode\n draggable: false,\n fillOpacity: 0.5,\n strokeWeight: 2,\n strokeColor: \"#0000FF\",\n zIndex: 999,\n paths:\n plottedPolygons?.length > 0\n ? plottedPolygons[0]\n : [],\n },\n }}\n />\n\n <>\n {plottedPolygons &&\n plottedPolygons?.length >= 1 &&\n plottedPolygons?.map((polygon, key) => (\n \n {\n handlePolygonClick(key);\n }}\n onMouseOut={() => setInfoWindows(null)}\n />\n {infoWindows === key && (\n setInfoWindows(null)}\n >\n
\n \n \n \n \n ) : (\n \n \n
\n )}\n \n \n \n {({\n getInputProps,\n suggestions,\n getSuggestionItemProps,\n loading,\n }) => (\n
\n \n <>\n \n {loading && \n {suggestion?.description}\n
\n );\n })}\n \n
\n \n\n Loading...
}\n {suggestions.map((suggestion, key) => {\n const className = suggestion.active\n ? \"suggestion-item--active\"\n : \"suggestion-item\";\n const style = suggestion.active\n ? { backgroundColor: \"#fafafa\", cursor: \"pointer\" }\n : { backgroundColor: \"#ffffff\", cursor: \"pointer\" };\n return (\n \n {operationType === \"add\" && (\n \n \n Clear Polygon\n \n
\n )}\n \n
\n \n )}\n \n ))}\n \n \n \n {polygon?.areaInfo?.translations?.en?.name}\n
\nloading
\n )}\n \n
\n \n
\n {/* {t(heading)}
\n\n \n
*/}\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n handleInputValue(\"deliveryTime\", val),\n }}\n />\n
\n \n );\n}\n\nexport default CustomMapAreaHeader;\n","import { API } from \"api\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { LoaderAction } from \"redux/actions\";\n\nfunction useGetCustomBuisnessAres() {\n const dispatch = useDispatch();\n const [customBuisnessAreas, setCustomBuisnessAreas] = useState([]); // [\n const { selectedStore } = useSelector((state) => state.AreasReducer);\n\n const getAllCustomBuisnessAreas = async () => {\n try {\n dispatch(LoaderAction.setLoading(true));\n const response = await API.getAllCustomBuisnessAreas();\n if (response?.success === 1 && response?.data) {\n setCustomBuisnessAreas(response?.data);\n }\n } catch (error) {\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n };\n\n useEffect(() => {\n getAllCustomBuisnessAreas();\n }, [selectedStore?.value]);\n return customBuisnessAreas;\n}\n\nexport default useGetCustomBuisnessAres;\n","import React from \"react\";\nimport { Button, Spin, Select } from \"antd\";\nimport BackButton from \"components/BackButton\";\nimport GoogleMap from \"../../components/GoogleMap\";\nimport CustomMapAreaHeader from \"features/shipping_methods/common/CustomMapAreaHeader\";\nimport { useTranslation } from \"react-i18next\";\nimport useAllStores from \"hooks/useCurrentUserStores\";\nimport useGetCustomBuisnessAres from \"../hooks/useGetCustomBuisnessAres\";\nimport { getStoreInfo } from \"utils/Utils\";\nimport { useSelector } from \"react-redux\";\n\nconst { Option } = Select;\n\nfunction DrawAreaContainer({\n selectedStore,\n onStoreChange,\n areaState,\n handleInputValue,\n handledeliveryFee,\n selectedCountry,\n selectedCity,\n handleCountryChange,\n handleCityChange,\n addAreafromMap,\n polygons,\n setPolygons,\n drawingEnabled,\n setDrawingEnabled,\n plottedPolygons,\n operationType,\n mapRef,\n}) {\n const { t } = useTranslation();\n const { stores } = useAllStores();\n const countriesData = useGetCustomBuisnessAres();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const countryOptions = countriesData?.countries?.map((country) => (\n \n ));\n\n const cityOptions = () => {\n if (selectedCountry) {\n return countriesData?.countries\n ?.find((country) => country?.name?.en === selectedCountry?.name?.en)\n ?.cities.map((city) => (\n \n ));\n }\n return null;\n };\n\n return (\n \n \n (option?.label ?? \"\").toLowerCase().includes(input.toLowerCase())\n }\n options={stores}\n />\n
\n\n {selectedStore && (\n <>\n \n
\n \n )}\n \n
\n \n {},\n state: areaState,\n handleInputValue,\n handledeliveryFee,\n }}\n />\n\n
\n \n
\n\n \n \n option.children\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n >\n {countryOptions}\n \n \n option.children\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n disabled={!selectedCountry}\n >\n {cityOptions()}\n \n
\n \n \n {operationType === \"add\" ? t(\"Add\") : t(\"Update\")}\n \n
\n \n
\n \n
\n {selectedStore && (\n \n
\n\n \n \n (option?.label ?? \"\").toLowerCase().includes(input.toLowerCase())\n }\n options={stores}\n />\n
\n \n \n {selectedStore && (\n <>\n \n
\n \n );\n}\n\nexport default AreasTable;\n","import React, { createContext, useContext, useReducer } from \"react\";\n\n// Create a context\nconst ShippingMethodContext = createContext();\n\n// Define action types\nconst SET_STATE = \"SET_STATE\";\n\n// Reducer function\nconst appReducer = (state, action) => {\n switch (action.type) {\n case SET_STATE:\n return {\n ...state,\n [action.payload.key]: action.payload.value,\n };\n default:\n return state;\n }\n};\n\n// Create a provider component\nexport const ShippingMethodContextProvider = ({ children }) => {\n const [shippingState, dispatch] = useReducer(appReducer, {\n distanceBasedAreas: [],\n selectedStore: {},\n });\n\n const updateShippingState = (key, value) => {\n dispatch({\n type: SET_STATE,\n payload: { key, value },\n });\n };\n\n return (\n \n
{\" \"}\n \n
\n\n \n {areaText}\n
\n\n
\n \n {selectedRowKeys?.length > 0 && (\n <>\n \n {t(\"Edit\")} ({selectedRowKeys.length})\n \n\n \n {t(\"Delete\")} ({selectedRowKeys.length})\n \n \n )}\n
\n\n \n \n
\n \n {\n // exclude action column\n\n return {\n onClick: (event) => {\n if (\n selectedRowKeys.length === Items.length ||\n selectedRowKeys.length >= 1\n )\n return;\n\n if (record?.isCustom) {\n history.push({\n pathname: `/app/dashboard/edit-map-area/${record._id}`,\n state: {\n record,\n selectedStore,\n },\n });\n } else {\n setSelectedDataRows([record]);\n setSelectedRowsKeys([record._id]);\n setDialogContentId(MAPPED_AREA_MODAL_ID.UPDATE_AREA);\n setOpen(true);\n }\n }, // click row\n };\n }}\n pagination={{ position: [\"bottomCenter\"], pageSize: 50 }}\n locale={{ emptyText: t(\"No Data\") }}\n rowKey={(record) => record._id}\n />\n
\n \n )}\n \n {\n setOpen(true);\n setDialogContentId(MAPPED_AREA_MODAL_ID.EDIT_DISTANCE_MODAL);\n setSelectedDataRows(row);\n }}\n >\n {t(\"Edit\")}\n \n\n onClickDeleteButton(row?._id)}\n danger\n className=\"mx-2 h-10\"\n >\n {t(\"Delete\")}\n \n
\n );\n };\n const columns = [\n {\n key: \"Status\",\n title: t(\"Status\"),\n dataIndex: \"isActive\",\n align: \"center\",\n width: \"10%\",\n render: RenderStatus,\n },\n {\n key: \"name\",\n title: t(\"Zone Name\"),\n dataIndex: \"name\",\n },\n\n {\n key: \"Distance\",\n title: t(\"Distance\"),\n dataIndex: \"distance\",\n },\n\n {\n key: \"minOrder\",\n title: t(\"Min. Basket Value\"),\n dataIndex: \"minOrder\",\n sorter: {\n compare: (a, b) => a.minOrder - b.minOrder,\n multiple: 3,\n },\n render: (val) => {\n return new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(val);\n },\n },\n\n {\n key: \"deliveryFee\",\n title: t(\"Delivery Fee\"),\n dataIndex: \"deliveryFee\",\n sorter: {\n compare: (a, b) => a.deliveryFee - b.deliveryFee,\n multiple: 3,\n },\n render: (val) => {\n return new Intl.NumberFormat(currentLanguage, {\n style: \"currency\",\n currency: \"AED\",\n }).format(val);\n },\n },\n {\n key: \"deliveryTime\",\n title: t(\"Delivery Time\"),\n dataIndex: \"deliveryTime\",\n sorter: {\n compare: (a, b) => a.deliveryTime - b.deliveryTime,\n multiple: 3,\n },\n render: (val, row, index) => {\n return \n \n \n deleteZone(deleteModal.item?._id)}\n Heading={t(\"Are you sure you want to delete this zone?\")}\n title={deleteModal.item?.baseLanguage?.title}\n />\n \n {selectedStore && (\n <>\n \n
\n );\n}\n\nexport default ZoneListing;\n","import React from \"react\";\nimport { Button, Select } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\nimport PlusIcon from \"features/icons/PlusIcon\";\nimport { CONSTANTS as C } from \"config\";\n\nfunction ButtonsDropDown({ addArea, userType, openDistanceModal }) {\n const { t } = useTranslation();\n const history = useHistory();\n const viewOptions = [\n {\n label: addArea()}>{t(\"Add delivery areas\")},\n key: \"add\",\n },\n {\n label: (\n openDistanceModal()}>\n {t(\"Add distance zone\")}\n \n ),\n value: \"zones\",\n },\n ];\n return (\n \n
{\" \"}\n \n
\n\n \n {zoneText}\n
\n\n
\n \n \n
\n \n record._id}\n />\n
\n \n )}\n \n
\n );\n}\n\nexport default ButtonsDropDown;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nconst AreasList = ({ isChecked, Items, saveAreaIntoState, city }) => {\n const { t } = useTranslation();\n const { currentLanguage } = useSelector((state) => state.LanguageSlice);\n return (\n \n {}}\n >\n {viewOptions.map((store) => (\n \n {store.label}\n \n ))}\n \n\n history.push(\"/app/dashboard/store-map-areas-listing\")}\n className=\"font-montserrat px-5 border border-transparent shadow-sm font-medium rounded-sm text-white h-10 focus:outline-none\"\n >\n \n
\n \n {Items?.length > 0 &&\n Items?.map((area) => (\n
\n ))}\n \n \n \n
\n \n {area?.isAdded ? (\n \n \n ) : (\n saveAreaIntoState(area, city)}\n >\n
\n )}\n \n {area?.translations[currentLanguage?.toLowerCase()]?.name}\n
\n {t(\"Already added\")}
\n \n \n {\n area?.translations[currentLanguage?.toLowerCase()]\n ?.name\n }\n \n \n {area?.isCustom ? t(\"Custom\") : null}\n \n
\n \n {isChecked(area) ? (\n \n ) : (\n \n )}\n
\n \n
\n );\n};\n\nexport default CitiesList;\n","import { useSelector, useDispatch } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Button, Spin } from \"antd\";\n\nimport SearchArea from \"../../common/Search\";\nimport PriceInput from \"components/useForm/PriceInput\";\nimport CitiesList from \"../components/CitiesList\";\n\nimport { AreasAction, LoaderAction } from \"redux/actions\";\nimport ChooseTime from \"../../common/ChooseTime\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport TextInput from \"components/TextInput\";\n\nimport { isValidInputFields } from \"features/shipping_methods/helpers\";\n\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\nimport useGetStoreAddedMappedAreas from \"./hooks/useGetStoreAddedMapAreas\";\nimport { errorNotification } from \"utils/Utils\";\nimport { calculateDeliveryTimeInMins } from \"../../helpers\";\nconst AddNewMapAreas = ({ onClose }) => {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const getStoreMappedAddedAreas = useGetStoreAddedMappedAreas();\n\n const [searchTerm, setSearch] = useState(\"\");\n const [openAreas, setOpenAreas] = useState(false);\n\n const { newSelectedMappedAreas, mapCustomBusinessAreas, selectedStore } =\n useSelector((state) => state.AreasReducer);\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const [selectedAreaState, setState] = useState({\n minOrder: \"\",\n deliveryFee: \"\",\n deliveryTime: {\n Hours: 0,\n Minutes: 0,\n Days: 0,\n },\n });\n\n const handleValues = async (key, value) =>\n setState({ ...selectedAreaState, [key]: value });\n\n const fetchAddedAreas = async (storeID) => {\n try {\n await getStoreMappedAddedAreas({ storeId: storeID });\n onClose();\n dispatch(LoaderAction.setLoading(false));\n } catch (error) {\n UTILS.errorNotification(t(errorHandler(error)));\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n };\n\n const selectedAreasArray = newSelectedMappedAreas?.map((area) => ({\n mappedAreaId: area?.area?._id,\n translations: {\n en: { name: area?.area?.translations?.en?.name },\n ar: { name: area?.area?.translations?.ar?.name },\n },\n city: {\n en: area?.city?.en,\n ar: area?.city?.ar,\n },\n country: {\n en: area?.country?.en,\n ar: area?.country?.ar,\n },\n }));\n\n const addNewMappedAreas = async () => {\n try {\n const { error, isValid } = isValidInputFields({\n isLoading,\n state: selectedAreaState,\n selectedAreas: newSelectedMappedAreas,\n });\n if (!isValid) {\n errorNotification(error);\n return;\n }\n\n dispatch(LoaderAction.setLoading(true));\n const deliveryTimeInMins = calculateDeliveryTimeInMins({\n deliveryTime: selectedAreaState.deliveryTime,\n });\n const storeID = selectedStore.value;\n const userDetail = UTILS.getCurrentUser();\n const result = await API.addStoreMappedArea({\n mappedAreasInfo: selectedAreasArray,\n minOrder: Number(selectedAreaState.minOrder),\n deliveryFee: Number(selectedAreaState.deliveryFee),\n deliveryTime: Number(deliveryTimeInMins),\n storeId: storeID,\n brandId: userDetail.brandId,\n });\n if (result?.success === 1) {\n UTILS.successNotification(t(result.message));\n dispatch(AreasAction.setNewMappedAreas([]));\n } else {\n UTILS.errorNotification(t(errorHandler(result)));\n }\n await fetchAddedAreas(selectedStore.value);\n } catch (error) {\n UTILS.errorNotification(t(errorHandler(error)));\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n };\n\n const handleSearch = (key, val) => {\n setSearch(val.toLowerCase());\n if (val !== \"\") setOpenAreas(true);\n else setOpenAreas(false);\n };\n\n const handleInputValue = (key, val) =>\n handleValues(key, UTILS.NumberConversion(val));\n\n useEffect(() => {\n if (selectedStore?.value)\n getStoreMappedAddedAreas({\n storeId: selectedStore.value,\n });\n }, [selectedStore?.value]);\n\n return (\n \n
\n {open || openAreas ? (\n \n
\n {city?.[currentLanguage?.toLowerCase()]}
\n \n \n \n
\n );\n};\n\nAddNewMapAreas.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n};\nexport default AddNewMapAreas;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { API } from \"api\";\nimport { UTILS } from \"utils\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { AreasAction } from \"redux/actions\";\nimport { LoaderAction } from \"redux/actions\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport useGetStoreAddedMappedAreas from \"./hooks/useGetStoreAddedMapAreas\";\nimport DeleteAreasModal from \"features/shipping_methods/common/DeleteAreasModal\";\nconst DeleteMapAreas = ({ onClose, selectedAreas, setSelectedRowsKeys }) => {\n const dispatch = useDispatch();\n const getStoreMappedAddedAreas = useGetStoreAddedMappedAreas();\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const deleteSelectedAreas = async () => {\n try {\n dispatch(LoaderAction.setLoading(true));\n const userDetail = UTILS.getCurrentUser();\n let objectArray = [];\n selectedAreas.forEach((area) => {\n objectArray.push(area._id);\n });\n\n const result = await API.deleteStoreMappedArea({\n brandId: userDetail.brandId,\n storeId: selectedAreas[0].storeId,\n mappedAreaBaseDeliveryMethodIds: objectArray,\n });\n if (result?.success === 1) {\n UTILS.successNotification(result.message);\n dispatch(AreasAction.updateSelectedArea([]));\n } else {\n UTILS.errorNotification(errorHandler(result));\n }\n setSelectedRowsKeys([]);\n\n await getStoreMappedAddedAreas({\n storeId: selectedAreas[0].storeId,\n });\n onClose();\n } catch (error) {\n UTILS.errorNotification(errorHandler(error));\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n };\n return (\n \n
\n \n
\n \n
\n\n \n
\n \n {t(\"Add delivery areas\")}\n
\n\n \n
\n \n
\n \n
\n \n
\n \n handleValues(\"deliveryTime\", val),\n }}\n />\n
\n \n
\n
\n \n
\n {mapCustomBusinessAreas?.map((country) => {\n return country?.cities?.map((city, index) => {\n return (\n
\n \n
\n \n {t(\"I can't find an area (please contact support)\")}\n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n 0 ? time?.Days : i18n.t(\"select days\")}\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n showSearch\n size=\"large\"\n placeholder={i18n.t(\"select days\")}\n optionFilterProp=\"children\"\n onChange={selectDay}\n // onSearch={onSearch}\n filterOption={(input, option) =>\n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n options={Days}\n />\n
\n \n
\n \n 0 ? time?.Hours : i18n.t(\"select hours\")}\n style={{ width: \"150px\" }}\n showSearch\n size=\"large\"\n placeholder={i18n.t(\"select hours\")}\n optionFilterProp=\"children\"\n onChange={selectHours}\n // onSearch={onSearch}\n filterOption={(input, option) =>\n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n options={Hours}\n />\n
\n \n
\n \n 0 ? time?.Minutes : i18n.t(\"select minutes\")\n }\n style={{ width: \"150px\" }}\n size=\"large\"\n showSearch\n placeholder={i18n.t(\"select minutes\")}\n optionFilterProp=\"children\"\n onChange={selectMinutes}\n // onSearch={onSearch}\n filterOption={(input, option) =>\n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n options={Minutes}\n />\n
\n \n
\n \n );\n};\n\nexport default ChooseTime;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Spin, Button } from \"antd\";\nimport PriceInput from \"components/useForm/PriceInput\";\nimport ChooseTime from \"./ChooseTime\";\nimport TextInput from \"components/TextInput\";\nimport { useTranslation } from \"react-i18next\";\n\nfunction ZoneForm({\n onClose,\n selectedAreaState,\n handleValues,\n handleInputValue,\n handleSubmit,\n heading,\n resetState,\n}) {\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n const { t } = useTranslation();\n\n return (\n \n \n
\n \n \n
\n \n \n \n
\n );\n}\n\nexport default ZoneForm;\n","import { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { UTILS } from \"utils\";\nimport { errorNotification } from \"utils/Utils\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { API } from \"api\";\nimport { calculateDeliveryTimeInMins } from \"features/shipping_methods/helpers\";\nimport { LoaderAction } from \"redux/actions\";\nimport useGetAllZones from \"../hooks/useGetAllZones\";\nimport { successNotification } from \"utils/Utils\";\nimport ZoneForm from \"../components/ZoneForm\";\nconst AddZone = ({ onClose }) => {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const { getAddedDeliveryZones } = useGetAllZones();\n\n const { selectedStore } = useSelector((state) => state.AreasReducer);\n const [selectedAreaState, setState] = useState({\n minOrder: \"\",\n deliveryFee: \"\",\n distance: \"\",\n name: \"\",\n deliveryTime: {\n Hours: 0,\n Minutes: 0,\n Days: 0,\n },\n });\n\n const handleValues = async (key, value) =>\n setState((prevState) => ({ ...prevState, [key]: value }));\n\n const handleInputValue = (key, val) =>\n handleValues(key, UTILS.NumberConversion(val));\n const resetState = () => {\n setState((prevState) => ({\n ...prevState,\n\n deliveryTime: {\n Hours: 0,\n Minutes: 0,\n Days: 0,\n },\n }));\n };\n\n const validateForm = () => {\n let isValid = true;\n if (!selectedAreaState?.name) {\n errorNotification(t(\"Zone Name is required\"));\n isValid = false;\n }\n if (!selectedAreaState?.distance) {\n errorNotification(t(\"Distance is required\"));\n isValid = false;\n }\n if (selectedAreaState?.distance < 0) {\n errorNotification(t(\"Distance should be greater than 0\"));\n isValid = false;\n }\n\n if (!selectedAreaState?.minOrder) {\n errorNotification(t(\"Min. Basket Value is required\"));\n isValid = false;\n }\n if (!selectedAreaState?.deliveryFee) {\n errorNotification(t(\"Delivery Fee is required\"));\n isValid = false;\n }\n if (\n !selectedAreaState?.deliveryTime?.Days &&\n !selectedAreaState?.deliveryTime?.Hours &&\n !selectedAreaState?.deliveryTime?.Minutes\n ) {\n errorNotification(t(\"Delivery Time is required\"));\n isValid = false;\n }\n return isValid;\n };\n\n const addZone = async () => {\n try {\n if (!validateForm()) {\n return;\n }\n dispatch(LoaderAction.setLoading(true));\n\n const userDetail = UTILS.getCurrentUser();\n const deliveryTime = calculateDeliveryTimeInMins({\n deliveryTime: selectedAreaState.deliveryTime,\n });\n const payload = {\n brandId: userDetail.brandId,\n storeId: selectedStore.value,\n name: selectedAreaState?.name,\n distance: +selectedAreaState?.distance,\n deliveryFee: +selectedAreaState?.deliveryFee,\n deliveryTime: +deliveryTime,\n minOrder: +selectedAreaState?.minOrder,\n };\n const response = await API.addDistanceBaseDeliveryZone(payload);\n if (response?.success === 1 && response?.data) {\n successNotification(response?.message);\n await getAddedDeliveryZones(selectedStore?.value);\n onClose();\n } else {\n errorNotification(errorHandler(response?.message));\n }\n } catch (error) {\n errorNotification(errorHandler(error?.error?.message));\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n {heading}\n
\n\n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n handleValues(\"deliveryTime\", val),\n }}\n />\n
\n \n \n {t(\"Reset Time\")}\n \n \n
\n \n setOpen(false)}\n responsiveClass=\"w-full lg:w-full xl:w-4/5 2xl:2/3\"\n >\n {renderModalContent()}\n \n {}}>\n \n \n \n \n \n )}\n
\n );\n}\n\nexport default Index;\n","import { API } from \"api\";\nimport { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { AreasAction } from \"redux/actions\";\nimport { LoaderAction } from \"redux/actions\";\n\nfunction useGetAllBusinessAreas(getDeliveryAreas) {\n const { selectedStore } = useSelector((state) => state.AreasReducer);\n const dispatch = useDispatch();\n\n const getAllBuisnessAreas = async () => {\n try {\n dispatch(LoaderAction.setLoading(true));\n const response = await API.getMappedCountriesCitiesAreas();\n if (response?.success === 1 && response?.data) {\n getDeliveryAreas(response.data?.countries);\n dispatch(AreasAction.setFetchedAreas(response.data?.countries));\n }\n } catch (error) {\n } finally {\n dispatch(LoaderAction.setLoading(false));\n }\n };\n\n useEffect(() => {\n getAllBuisnessAreas();\n }, [selectedStore?.value]);\n}\n\nexport default useGetAllBusinessAreas;\n","import EditMapArea from \"features/shipping_methods/mapped-areas/PolygonBased/areas-drawing/EditDrawnArea\";\nimport AddcustomMapArea from \"features/shipping_methods/mapped-areas/PolygonBased/areas-drawing/DrawAreaOnMap\";\nimport StoreMapAreasListing from \"features/shipping_methods/mapped-areas/PolygonBased/StoreMapAreasListing\";\nimport ManageMappedAreas from \"features/shipping_methods/mapped-areas/ManageMappedAreas\";\n\nconst routes = [\n {\n path: \"/app/dashboard/mapped-area-method\",\n component: ManageMappedAreas,\n },\n\n {\n path: \"/app/dashboard/edit-map-area/:mappedAreaId\",\n component: EditMapArea,\n },\n {\n path: \"/app/dashboard/add-custom-map-area\",\n component: AddcustomMapArea,\n },\n {\n path: \"/app/dashboard/store-map-areas-listing\",\n component: StoreMapAreasListing,\n },\n];\n\nexport default routes;\n","import React from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { UTILS } from \"utils\";\nimport PageHeading from \"components/PageHeading\";\nimport AreasListingContainer from \"./AreasListingContainer\";\nimport { LoaderAction } from \"redux/actions\";\nimport useGetAllBusinessAreas from \"./PolygonBased/hooks/useGetAllBusinessAreas\";\nimport useGetStoreAddedMappedAreas from \"./PolygonBased/hooks/useGetStoreAddedMapAreas\";\n\nconst ManageAreas = () => {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const { selectedStore } = useSelector((state) => state.AreasReducer);\n const getStoreMappedAddedAreas = useGetStoreAddedMappedAreas();\n\n const handleAddedMapAreas = async () => {\n try {\n dispatch(LoaderAction.setLoading(true));\n const userDetail = UTILS.getCurrentUser();\n if (userDetail?.brandId && selectedStore?.value) {\n await getStoreMappedAddedAreas({\n storeId: selectedStore.value,\n });\n }\n dispatch(LoaderAction.setLoading(false));\n } catch (error) {}\n };\n\n useGetAllBusinessAreas(handleAddedMapAreas);\n\n return (\n \n
\n \n
\n\n {selectedStore && (\n {t(\"Select store\")}
\n\n
\n \n \n (option?.label ?? \"\")\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n options={stores}\n />\n
\n\n {selectedStore && (\n \n
\n );\n};\n\nexport default ManageAreas;\n","import React, { createContext, useContext, useReducer } from \"react\";\n\n// Create a context\nconst MenuContext = createContext();\n\n// Define action types\nconst SET_STATE = \"SET_STATE\";\n\n// Reducer function\nconst appReducer = (state, action) => {\n switch (action.type) {\n case SET_STATE:\n return { ...state, [action.payload.key]: action.payload.value };\n case \"RESET_STATE\":\n return {\n ...state,\n items: [],\n categories: [],\n itemLinkedStores: [{}],\n open: false,\n dialogContentId: -1,\n categoryToUpdateDelete: \"\",\n indexToUpdateDelete: -1,\n random: 0,\n newMenuName: null,\n menuId: null,\n isLinkMenuWithStoresModalOpen: false,\n linkedStores: [],\n isCreateNewMenuModalOpen: false,\n newSelectedStores: [],\n };\n default:\n return state;\n }\n};\n\n// Create a provider component\nexport const MenuContextProvider = ({ children }) => {\n const [menuState, dispatch] = useReducer(appReducer, {\n items: [],\n categories: [],\n itemLinkedStores: [{}],\n open: false,\n dialogContentId: -1,\n categoryToUpdateDelete: \"\",\n indexToUpdateDelete: -1,\n random: 0,\n newMenuName: null,\n menuId: null,\n isLinkMenuWithStoresModalOpen: false,\n linkedStores: [],\n isCreateNewMenuModalOpen: false,\n addedMenus: [],\n newSelectedStores: [],\n menuInfo: {},\n cloneMenuModal: false,\n editMenumodal: false,\n });\n\n const updateState = (key, value) => {\n dispatch({\n type: SET_STATE,\n payload: { key, value },\n });\n };\n const resetState = () => {\n dispatch({\n type: \"RESET_STATE\",\n });\n };\n\n return (\n \n
\n \n {\n resetState();\n router.push({\n pathname: `/app/dashboard/menu-editor/${rowData?._id}`,\n state: {\n menu: rowData,\n },\n });\n }}\n >\n {value?.name}\n \n\n {rowData?.isDefault ? (\n {t(\"Default\")} \n ) : (\n \"\"\n )}\n
\n );\n },\n },\n {\n title: t(\"Used By\"),\n dataIndex: \"stores\",\n align: \"initial\",\n render: (value, rowData, index) => {\n return (\n \n \n \n\n \n {\n deleteMenu({\n menuId: deleteModal.item?._id,\n }).then(() => handleCancel());\n }}\n title={deleteModal.item?.baseLanguage?.name}\n Heading={t(\"will be permanently deleted\")}\n />\n \n
\n );\n};\nexport default MenuListing;\nMenuListing.propTypes = {\n item: PropTypes.object,\n};\n","import React from \"react\";\nimport { Checkbox, Spin } from \"antd\";\nimport { useSelector } from \"react-redux\";\n\nfunction LinkUnLinkMenuWithStoresModal({\n stores,\n selectedStores,\n setselectedStores,\n loading,\n}) {\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const handleCheckboxChange = (store) => {\n const storeExists = isSelected(store);\n const storeId = store?.value;\n\n if (storeExists && storeId) {\n const filtered = selectedStores.filter(\n (item) => item?.storeId?._id !== storeId\n );\n setselectedStores(filtered);\n } else {\n const obj = {\n label: store?.label,\n storeId: {\n _id: storeId,\n },\n };\n setselectedStores([...selectedStores, obj]);\n }\n };\n\n const isSelected = (store) => {\n const storeId = store?.value;\n if (!storeId) return false;\n return (\n Array.isArray(selectedStores) &&\n selectedStores.some((item) => item?.storeId?._id === storeId)\n );\n };\n\n const getStore = (id) => {\n if (!id) return;\n if (\n !selectedStores ||\n !Array.isArray(selectedStores) ||\n selectedStores?.length <= 0\n )\n return;\n return selectedStores?.find((item) => item?.storeId?._id === id);\n };\n\n const toggleOption = (store, type) => {\n const storeExists = isSelected(store);\n const storeId = store?.value;\n\n if (!storeExists) {\n const obj = {\n label: store?.label,\n storeId: {\n _id: storeId,\n },\n serviceType: [type.toUpperCase()],\n };\n setselectedStores([...selectedStores, obj]);\n return;\n }\n\n const storeObj = getStore(storeId);\n\n if (storeObj?.serviceType?.includes(type)) {\n if (storeObj?.serviceType?.length === 1) {\n const filteredStores = selectedStores?.filter(\n (item) => item?.storeId?._id !== storeId\n );\n setselectedStores(filteredStores);\n } else {\n const filtered = storeObj?.serviceType?.filter(\n (item) => item !== type.toUpperCase()\n );\n const updatedStore = { ...storeObj, serviceType: filtered };\n setselectedStores([\n ...selectedStores.filter((item) => item?.storeId?._id !== storeId),\n updatedStore,\n ]);\n }\n } else {\n const updatedServiceType = storeObj.serviceType\n ? [...storeObj.serviceType, type.toUpperCase()]\n : [type.toUpperCase()];\n const updatedStore = { ...storeObj, serviceType: updatedServiceType };\n setselectedStores([\n ...selectedStores.filter((item) => item?.storeId?._id !== storeId),\n updatedStore,\n ]);\n }\n };\n\n return (\n \n
\n \n
\n \n {t(\"Manage Menus\")}\n
\n\n
\n \n
\n \n \n {t(\"Create Menu\")}\n \n
\n \n record._id}\n />\n
\n \n {stores?.map((store, index) => {\n const storeObj = getStore(store?.value);\n return (\n
\n \n handleCheckboxChange(store)}\n >\n {store.label}\n\n
\n );\n })}\n \n
\n \n \n toggleOption(store, \"PICKUP\")}\n >\n Pickup\n \n
\n \n toggleOption(store, \"DELIVERY\")}\n >\n Delivery\n \n
\n \n toggleOption(store, \"DINE IN\")}\n >\n Dine In\n \n
\n \n
\n \n \n {t(\"Menu Name\")}\n \n
\n \n \n {t(\"Menu Description\")}\n \n
\n \n \n \n
,\n ]}\n width={500}\n bodyStyle={{ overflowY: \"auto\", maxHeight: \"calc(100vh - 500px)\" }}\n >\n \n \n {t(\"Save\")}\n \n {\n updateState(\"linkedStores\", []);\n updateState(\"isLinkMenuWithStoresModalOpen\", false);\n }}\n >\n {t(\"Cancel\")}\n \n
,\n ]}\n title={t(\"Connections\")}\n width={500}\n bodyStyle={{ overflowY: \"auto\", maxHeight: \"calc(100vh - 500px)\" }}\n className=\"link-modalpopup\"\n >\n \n {\n updateState(\"cloneMenuModal\", false);\n resetState();\n }}\n footer={[\n \n \n \n
\n );\n}\n\nexport default CloneMenu;\n","import React, { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSelector } from \"react-redux\";\nimport { Spin, Button, Modal } from \"antd\";\n\nimport TextInput from \"components/TextInput\";\nimport useUpdateMenu from \"features/menus/hooks/useUpdateMenu\";\nimport { errorNotification } from \"utils/Utils\";\n\nfunction EditMenu({ menuState, updateState }) {\n const { t } = useTranslation();\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n\n const menuUpdate = useUpdateMenu();\n const [editMenu, setEditMenu] = useState({\n values: {\n name: \"\",\n description: \"\",\n _id: \"\",\n },\n errors: {\n name: \"\",\n description: \"\",\n },\n });\n\n const handleChange = (key, value) => {\n setEditMenu((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n [key]: value,\n },\n errors: {\n ...prevState.errors,\n [key]: \"\",\n },\n }));\n };\n const handleSetErrors = (key, value) => {\n setEditMenu((prevState) => ({\n ...prevState,\n errors: {\n ...prevState.errors,\n [key]: value,\n },\n }));\n };\n\n const EditSelectedMenu = async () => {\n if (!editMenu?.values?.name) {\n handleSetErrors(\"name\", \"Please enter menu name\");\n return;\n }\n\n if (\n editMenu?.values?.description &&\n editMenu?.values?.description?.length < 5\n ) {\n handleSetErrors(\"description\", \"Please enter minimum 5 characters\");\n return;\n }\n try {\n await menuUpdate({\n rowData: {\n baseLanguage: {\n name: editMenu?.values?.name,\n },\n ...(EditMenu?.values?.description?.trim() && {\n description: editMenu?.values?.description,\n }),\n _id: editMenu?.values?._id,\n },\n event: menuState.isActive,\n });\n } catch (error) {\n errorNotification(error.message);\n } finally {\n }\n };\n const resetState = () => {\n setEditMenu({\n values: {\n name: \"\",\n description: \"\",\n },\n errors: {\n name: \"\",\n description: \"\",\n },\n });\n };\n\n useEffect(() => {\n if (menuState?.menuInfo) {\n setEditMenu({\n values: {\n name: menuState?.menuInfo?.baseLanguage?.name,\n description: menuState?.menuInfo?.description,\n _id: menuState?.menuInfo?._id,\n },\n errors: {\n name: \"\",\n description: \"\",\n },\n });\n }\n }, [menuState.editMenumodal, menuState?.menuInfo]);\n\n return (\n \n \n {\n updateState(\"cloneMenuModal\", false);\n }}\n >\n {t(\"Cancel\")}\n \n
,\n ]}\n title={t(\"Clone Menu\")}\n width={500}\n open={menuState.cloneMenuModal}\n >\n \n
\n \n
\n \n {\n updateState(\"editMenumodal\", false);\n resetState();\n }}\n footer={[\n \n \n \n
\n );\n}\n\nexport default EditMenu;\n","import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Spin } from \"antd\";\nimport { useSelector } from \"react-redux\";\n\nimport PageHeading from \"components/PageHeading\";\nimport MenuListing from \"../components/MenuListing\";\n\nimport useAllStores from \"hooks/useCurrentUserStores\";\nimport CreateNewMenuModal from \"../components/modals/CreateNewMenuModal\";\nimport useLinkUnlinkStoreWithMenu from \"../hooks/useLinkUnlinkStoreWithMenu\";\nimport useGetMenus from \"../hooks/useGetMenus\";\nimport LinkStoresWithMenu from \"../components/modals/LinkStoresWithMenu\";\nimport { useMenuContext } from \"store/contexts/Menus\";\nimport useGetMenuInfo from \"../hooks/useGetMenuInfo\";\nimport CloneMenu from \"../components/modals/CloneMenu\";\nimport EditMenu from \"../components/modals/EditMenu\";\n\nconst Menus = () => {\n const { t } = useTranslation();\n const { menuState, updateState } = useMenuContext();\n const { stores, setLoading, loading } = useAllStores();\n const { isLoading } = useSelector((state) => state.LoaderReducer);\n const [cloneMenuId, setCloneMenuId] = React.useState(null);\n\n const getAllMenus = useGetMenus({ setLoading, updateState });\n const { linkMenu } = useLinkUnlinkStoreWithMenu({\n setLoading,\n updateState,\n selectedStores: menuState?.linkedStores,\n getAllMenus: getAllMenus,\n menuId: menuState?.menuInfo?._id,\n });\n const getMenuById = useGetMenuInfo();\n React.useEffect(() => {\n getAllMenus();\n }, []);\n\n return (\n \n \n {\n updateState(\"editMenumodal\", false);\n }}\n >\n {t(\"Cancel\")}\n \n
,\n ]}\n title={t(\"Edit Menu\")}\n width={500}\n open={menuState.editMenumodal}\n >\n \n
\n \n
\n \n
\n \n {\n updateState(\"isCreateNewMenuModalOpen\", true);\n }}\n setOpen={(val, menuId) => {\n getMenuById(menuId);\n updateState(\"isLinkMenuWithStoresModalOpen\", true);\n }}\n setCloneMenuId={setCloneMenuId}\n />\n
\n \n
\n );\n};\n\nDeleteCategory.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n cat: PropTypes.object,\n index: PropTypes.number,\n};\nexport default DeleteCategory;\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { useAccordion } from \"features/menu/components/AccordionN\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n AngleUpIcon,\n AngleDownIcon,\n SVG_THREE_DOT_VERTICAL,\n SVG_DRAGDROP,\n} from \"svg/SVGs\";\n\nconst SingleCategory = ({\n toggle,\n cat,\n editCat,\n keyVal,\n unLinkMenuCat,\n getCategoryInfo,\n}) => {\n const { t } = useTranslation();\n const { selected, toggleItem } = useAccordion();\n const [hidden, setHidden] = useState(true);\n\n const classToggle = (event) => {\n setHidden(!hidden);\n event.stopPropagation();\n };\n\n const myRef = useRef();\n const outside = (e) => {\n if (!myRef?.current?.contains(e.target)) {\n setHidden(true);\n }\n };\n useEffect(() => {\n document.addEventListener(\"mousedown\", outside);\n return () => document.removeEventListener(\"mousedown\", outside);\n });\n\n return (\n \n \n \n
\n \n
\n {t(\"Delete Category\")}
\n\n {cat?.categoryId?.baseLanguage?.name}\n
\n\n {t(\"Do you really want to delete? This process cannot be undone\")}\n
\n\n \n \n
\n \n
\n {cat?.baseLanguage?.name}
\n\n \n {t(\"link items\")}\n \n
\n \n );\n};\nexport default SingleCategory;\n\nSingleCategory.propTypes = {\n toggle: PropTypes.string,\n cat: PropTypes.object,\n editCat: PropTypes.func,\n deleteCat: PropTypes.func,\n keyVal: PropTypes.number,\n itemCount: PropTypes.number,\n};\n","import { API } from \"api\";\nimport TextInput from \"components/TextInput\";\nimport React, { useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport PropTypes from \"prop-types\";\nimport { SVG_Business } from \"svg/SVGs\";\nimport { useTranslation } from \"react-i18next\";\nimport { Button, Spin } from \"antd\";\nimport { errorHandler } from \"api/api/errorHandler\";\n\nconst AddCategory = ({ menuId, handleValues, onClose }) => {\n const { t } = useTranslation();\n const [category, setCategory] = useState(UTILS.getCategoryModel());\n const [loading, setLoading] = useState(false);\n\n const handleChange = (key, val) => {\n setCategory((prevState) => ({\n ...prevState,\n values: {\n baseLanguage: {\n [key]: val,\n },\n },\n errors: {\n baseLanguage: {\n [key]: \"\",\n },\n },\n }));\n };\n const validateInput = () => {\n const baseLanguageName = category?.values?.baseLanguage?.name;\n if (!baseLanguageName || UTILS.hasWhiteSpace(baseLanguageName)) {\n setCategory((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n },\n errors: {\n baseLanguage: {\n name: t(\"Enter category name\"),\n },\n },\n }));\n return false;\n }\n return true;\n };\n\n const saveCategory = async () => {\n try {\n const {\n baseLanguage: { name },\n } = category.values;\n const trimmedName = name.trim();\n\n if (!validateInput()) {\n return;\n }\n\n const userDetail = UTILS.getCurrentUser();\n setLoading(true);\n\n const result = await API.ADD_CATEGORY({\n ...category.values,\n brandId: userDetail.brandId,\n menuId: menuId,\n baseLanguage: { name: trimmedName },\n });\n\n if (result?.success === 1) {\n const categoryId = result.data?.category?._id;\n const obj = {\n categoryId: {\n _id: categoryId,\n baseLanguage: { name: trimmedName },\n ...category.values,\n },\n items: [],\n };\n handleValues(obj);\n UTILS.successNotification(result?.message || t(\"Category added\"));\n } else {\n UTILS.errorNotification(errorHandler(result?.message));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.error?.message));\n } finally {\n setLoading(false);\n }\n };\n\n return (\n \n \n {\n editCat(keyVal);\n event.stopPropagation();\n }}\n className=\"z-10 w-full flex py-1 px-3 text-14px text-black hover:text-indigo-600 border-b border-gray-200\"\n >\n {t(\"Edit\")}\n \n {\n unLinkMenuCat(keyVal);\n event.stopPropagation();\n }}\n className=\"z-10 flex py-1 px-3 text-14px text-theme-red hover:text-indigo-600 font-semibold\"\n >\n {t(\"Delete\")}\n \n \n
\n \n
\n \n \n \n
\n );\n};\n\nAddCategory.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n};\nexport default AddCategory;\n","import React, { useEffect, useState } from \"react\";\nimport { Button, Spin } from \"antd\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport TextInput from \"components/TextInput\";\nimport { SVG_Business } from \"svg/SVGs\";\nimport { errorHandler } from \"api/api/errorHandler\";\nimport { UTILS } from \"utils\";\nimport { API } from \"api\";\n\nconst UpdateCategory = (props) => {\n const [category, setCategory] = useState(UTILS.getCategoryModel());\n const [loading, setLoading] = useState(false);\n const { t } = useTranslation();\n const handleValues = (key, val) => {\n setCategory((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n baseLanguage: {\n [key]: val,\n },\n },\n errors: {\n baseLanguage: {\n [key]: \"\",\n },\n },\n }));\n };\n\n useEffect(() => {\n setCategory((prevState) => ({\n ...prevState,\n values: props.cat,\n errors: prevState.errors,\n }));\n }, []);\n const validateInput = () => {\n if (\n !category.values.baseLanguage.name ||\n UTILS.hasWhiteSpace(category.values.baseLanguage.name)\n ) {\n setCategory((prevState) => ({\n ...prevState,\n values: {\n ...prevState.values,\n },\n errors: {\n baseLanguage: {\n [\"name\"]: t(\"Enter category name\"),\n },\n },\n }));\n return false;\n } else {\n return true;\n }\n };\n const updateCategory = async () => {\n try {\n if (validateInput()) {\n const userDetaill = UTILS.getCurrentUser();\n setLoading(true);\n\n const {\n baseLanguage: { name },\n } = category.values;\n const trimmedName = name?.trim();\n const result = await API.UPDATE_CATEGORY({\n categoryId: category?.values?._id,\n ...category.values,\n brandId: userDetaill?.brandId,\n baseLanguage: { name: trimmedName },\n });\n if (result?.success === 1) {\n UTILS.handleSuccesNotification(result?.message);\n props.handleValues(category.values);\n } else {\n UTILS.errorNotification(errorHandler(result?.message));\n }\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.error?.message));\n } finally {\n setLoading(false);\n }\n };\n return (\n \n
\n \n
\n \n {t(\"Add New Category\")}\n
\n\n
\n \n \n \n
\n \n
\n );\n};\n\nUpdateCategory.propTypes = {\n handleValues: PropTypes.func,\n onClose: PropTypes.func,\n cat: PropTypes.object,\n index: PropTypes.number,\n};\nexport default UpdateCategory;\n","import { Button, Empty } from \"antd\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\n\nfunction EmptyFooter({ url, heading, heading2, handleClick }) {\n const router = useHistory();\n const { t } = useTranslation();\n return (\n \n \n \n
\n \n
\n {t(\"Update Category\")}
\n\n
\n \n \n \n
\n \n \n {t(\"Close\")}\n \n
\n {value?.title}
;\n },\n },\n {\n title: t(\"Description\"),\n dataIndex: \"baseLanguage\",\n align: \"center\",\n render: (value, row, i) => {\n return {value?.description}
;\n },\n },\n {\n title: t(\"Price\"),\n dataIndex: \"price\",\n width: \"10%\",\n align: \"center\",\n render: (value, row, i) => {\n return AED {value}
;\n },\n },\n ];\n\n const [searchTerm, setSearch] = useState(\"\");\n\n const getUnattachedItems = (linkedItems) => {\n const attachedItemsLookup = _.keyBy(\n linkedItems,\n (item) => item?.itemId?._id\n );\n\n const unattachedModifiers = brandItems?.filter(\n (item) => !attachedItemsLookup[item?._id]\n );\n return unattachedModifiers;\n };\n\n const unlinkedITes = useMemo(() => {\n const unlinkedItems = getUnattachedItems(items);\n if (!searchTerm) return unlinkedItems;\n\n return unlinkedItems?.filter((item) =>\n item?.baseLanguage?.title\n ?.toLowerCase()\n ?.includes(searchTerm?.toLowerCase())\n );\n }, [\n items,\n searchTerm,\n cat?._id,\n menuId,\n items?.length,\n open,\n brandItems?.length,\n ]);\n\n const linkItemWithMenuCategory = async () => {\n try {\n setLoading(true);\n const userDetail = UTILS.getCurrentUser();\n const result = await API.linkItemWithCategory({\n brandId: userDetail.brandId,\n categoryId: cat?._id,\n menuId,\n items: checkedRows,\n });\n if (result?.success === 1) {\n await getCategoryInfo(cat?._id);\n UTILS.successNotification(result?.message);\n onClose();\n } else {\n UTILS.errorNotification(errorHandler(result?.message));\n }\n } catch (error) {\n UTILS.errorNotification(errorHandler(error?.error?.message));\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n getItemsByBrand();\n }, []);\n return (\n \n \n \n \n \n\n
\n ) : (\n \n
\n\n {unlinkedITes?.length >= 1 ? (\n \n
\n \n {t(\"Add Items to\")}{\" \"}\n {cat?.baseLanguage?.name}\n
\n\n
\n \n record._id}\n />\n
\n \n
\n \n \n {t(\"Close\")}\n \n
\n \n \n {t(\"Attach\")}\n \n
\n \n {connectedStores?.map((store, index) => (\n \n
\n
\n {\n handleValues(\n store?.storeId._id,\n item.itemId._id,\n event,\n cat\n );\n }}\n className={`mb-1 ${\n isChecked(store?.storeId._id)\n ? \"bg-theme-green\"\n : \"bg-gray-300\"\n } relative inline-flex items-center h-8 rounded-full w-16`}\n >\n