\n
\n );\n};\n\nexport default ErrorModal;\n","import React from \"react\";\n\nfunction TextareaInput(props) {\n const { styleClasses, placeholder, value, onChange, id } = props;\n return (\n \n \n
\n \n
\n );\n } else if (error === null || error === undefined) {\n return null;\n } else {\n return (\n \n {t(\"Something was incorrect.\")}\n
\n \n
\n );\n }\n};\n\nexport default ErrorComponent;\n","import React from \"react\";\nimport { t } from \"i18next\";\nimport { useLang } from \"../hooks\";\nfunction PageHeaderWithButton(props) {\n const { currentLang } = useLang();\n const { title, pageHeaderClasses, redirectToStorePage } = props;\n const url = props.url ? props.url : null;\n\n return (\n \n {typeof error === \"string\" ? error : t(\"Something was incorrect.\")}\n
\n \n
\n );\n}\n\nexport default PageHeaderWithButton;\n","import React from \"react\";\n\nconst OrderStarRating = ({ totalStars, handleStarClick, rating }) => {\n const starElements = [...Array(totalStars)].map((_, index) => (\n \n
\n \n {url ? (\n \n ) : (\n
\n \n \n
\n )}\n \n {title}\n
\n \n \n {t(\"Add more items\")}\n \n
\n {starElements}
\n );\n};\n\nexport default OrderStarRating;\n","import { logErrorOnSentry } from \"utils/Utils\";\nimport i18next from \"i18next\";\n\nexport const errorHandler = (error) => {\n if (!error) return i18next.t(\"Something was incorrect.\");\n if (typeof error === \"string\") {\n logErrorOnSentry(error, \"info\");\n return error;\n }\n if (typeof error?.data === \"string\") {\n logErrorOnSentry(error.data, \"info\");\n return error.data;\n }\n if (typeof error?.message === \"string\") {\n logErrorOnSentry(error.message, \"info\");\n return error.message;\n }\n if (typeof error?.response?.data === \"string\") {\n logErrorOnSentry(error?.response?.data, \"info\");\n return error?.response?.data;\n }\n if (typeof error?.error?.message === \"string\") {\n logErrorOnSentry(error?.error?.message, \"info\");\n return error?.error?.message;\n }\n if (typeof error?.error?.data?.message === \"string\") {\n logErrorOnSentry(error?.error?.data?.message, \"info\");\n return error?.error?.data?.message;\n } else return i18next.t(\"Something was incorrect.\");\n};\n","import { createSlice } from \"@reduxjs/toolkit\";\nimport CONSTANTS from \"Constants\";\nconst initialState = {\n error: null,\n areasError: null,\n storesError: null,\n activeServices: [],\n deliveryAreas: [],\n stores: [],\n notFound: null,\n brandMenuError: null,\n brandMenu: null,\n loading: false,\n discounts: [],\n isLoadingDiscounts: false,\n};\n\nconst brandSlice = createSlice({\n name: \"brand\",\n initialState,\n reducers: {\n getBrandInfo: (state, action) => {\n state.error = null;\n state.notFound = null;\n },\n\n getbrandInfoSuccess: (state, action) => {\n state.error = null;\n state.notFound = null;\n state.brandMenuError = null;\n },\n getbrandInfoFailure: (state, action) => {\n state.notFound = action.payload;\n state.error = action.payload;\n state.loading = false;\n },\n getBrandMenu: (state) => {\n state.brandMenuError = null;\n state.brandMenu = [];\n state.loading = true;\n },\n getBrandMenuSuccess: (state, action) => {\n state.brandMenu = action.payload;\n state.loading = false;\n },\n getBrandMenuFailure: (state, action) => {\n state.brandMenuError = action.payload;\n state.brandMenu = null;\n state.loading = false;\n },\n getBrandDeliveryAreas: (state) => {\n state.areasError = null;\n state.deliveryAreas = null;\n },\n getBrandDeliveryAreasSuccess: (state, action) => {\n state.deliveryAreas = action.payload;\n state.areasError = null;\n },\n getBrandDeliveryAreasFailure: (state, action) => {\n state.areasError = action.payload;\n },\n getBrandStores: (state) => {\n state.storesError = null;\n state.stores = null;\n },\n getBrandStoresSuccess: (state, action) => {\n state.stores = action.payload;\n state.storesError = null;\n },\n getBrandStoresFailure: (state, action) => {\n state.storesError = action.payload;\n },\n getDiscounts: (state, action) => {\n state.isLoadingDiscounts = true;\n state.error = null;\n if (action.payload?.page !== CONSTANTS.COUPONS_POPUP)\n state.discounts = [];\n },\n getDiscountsSuccess: (state, action) => {\n state.isLoadingDiscounts = false;\n state.error = null;\n state.discounts = action.payload;\n },\n getDiscountsFailure: (state, action) => {\n state.isLoadingDiscounts = false;\n state.error = action.payload?.error;\n state.loading = false;\n if (action.payload?.page !== CONSTANTS.COUPONS_POPUP)\n state.discounts = [];\n },\n },\n});\n\nexport const {\n getDiscounts,\n getDiscountsSuccess,\n getDiscountsFailure,\n getBrandInfo,\n getbrandInfoSuccess,\n getbrandInfoFailure,\n getBrandDeliveryAreas,\n getBrandDeliveryAreasSuccess,\n getBrandDeliveryAreasFailure,\n getBrandStores,\n getBrandStoresSuccess,\n getBrandStoresFailure,\n getBrandMenu,\n getBrandMenuFailure,\n getBrandMenuSuccess,\n} = brandSlice.actions;\nexport default brandSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\nimport C from \"Constants\";\nconst initialState = {\n catalogueType: \"OUTLET_BASED_CATALOGUE\",\n DomainType: C.TEMPORARAY_DOMAIN,\n shippingMethod: null,\n shippingMethodTemp: null,\n orderType: null,\n language: \"en\",\n welcomeCouponModal: true,\n triggerStoreApiAfterAddressSaveOnAppStrt: {\n status: false,\n page: null,\n },\n};\nconst AppReducer = createSlice({\n name: \"AppReducer\",\n initialState,\n reducers: {\n setcatalogueType: (state, action) => {\n state.catalogueType = action.payload;\n },\n setTriggerStoreApiAfterAddressSaveOnAppStrt: (state, action) => {\n state.triggerStoreApiAfterAddressSaveOnAppStrt = action.payload;\n },\n setDomainType: (state, action) => {\n state.DomainType = action.payload;\n },\n setOrderType: (state, action) => {\n state.orderType = action.payload;\n },\n setLocale: (state, action) => {\n state.language = action.payload;\n },\n setWelcomeCouponModal: (state, action) => {\n state.welcomeCouponModal = action.payload;\n },\n setShippingMethod: (state, action) => {\n state.shippingMethod = action.payload;\n },\n setShippingMethodTemp: (state, action) => {\n state.shippingMethodTemp = action.payload;\n },\n },\n});\n\nexport const {\n setTriggerStoreApiAfterAddressSaveOnAppStrt,\n setShippingMethodTemp,\n setcatalogueType,\n setDomainType,\n setOrderType,\n setLocale,\n setWelcomeCouponModal,\n setShippingMethod,\n} = AppReducer.actions;\nexport default AppReducer.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n error: null,\n selectedPayment: null,\n outletBasedSelectedStoreArea: null,\n selectedStore: null,\n storeMenu: null,\n selectedCategory: null,\n menuParams: null,\n};\n\nconst storeSlice = createSlice({\n name: \"store\",\n initialState,\n reducers: {\n getStoreInfo: (state) => {\n state.selectedStore = null;\n state.selectedCategory = null;\n state.error = null;\n state.selectedPayment = null;\n state.outletBasedSelectedStoreArea = null;\n state.storeMenu = null;\n },\n setMenuParams: (state, action) => {\n state.menuParams = action.payload;\n },\n setSelectedPaymentMethod: (state, action) => {\n state.selectedPayment = action.payload;\n },\n\n setSelectedArea: (state, action) => {\n state.outletBasedSelectedStoreArea = action.payload;\n },\n setDistanceBasedAreaName: (state, action) => {\n state.outletBasedSelectedStoreArea.areaName = action.payload;\n },\n setSelectedStore: (state, action) => {\n state.selectedStore = action.payload;\n },\n setMenu: (state, action) => {\n state.storeMenu = action.payload;\n },\n setSelectedCategory: (state, action) => {\n state.selectedCategory = action.payload;\n },\n },\n});\n\nexport const {\n setMenuParams,\n setDistanceBasedAreaName,\n getAreaStores,\n getStoreInfo,\n setSelectedArea,\n setSelectedStore,\n setMenu,\n setSelectedPaymentMethod,\n setSelectedCategory,\n} = storeSlice.actions;\n\nexport default storeSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\nimport C from \"Constants\";\nconst initialState = {\n selectedItem: null,\n selectedCategory: null,\n error: null,\n app_loaded_through: C.APP_LOADED_THROUGH.normalFlow,\n loading: false,\n ismenuDisabled: false,\n};\n\nconst itemSlice = createSlice({\n name: \"item\",\n initialState,\n reducers: {\n getItemInfobyIdStart: (state, action) => {\n state.error = null;\n state.ismenuDisabled = false;\n state.selectedItem = null;\n state.selectedCategory = null;\n state.loading = true;\n },\n setMenuActiveStatus: (state, action) => {\n state.ismenuDisabled = action.payload;\n },\n getItemInfobyIdSuccess: (state, action) => {\n state.selectedItem = action.payload;\n state.error = null;\n state.loading = false;\n },\n getItemInfobyIdFailed: (state, action) => {\n state.error = action.payload;\n state.loading = false;\n },\n\n updateAppLoadedThrough: (state, action) => {\n state.app_loaded_through = action.payload;\n },\n setCategory: (state, action) => {\n state.selectedCategory = action.payload;\n },\n clearItem: (state) => {\n state.app_loaded_through = C.APP_LOADED_THROUGH.normalFlow;\n state.selectedItem = null;\n state.error = null;\n state.selectedCategory = null;\n },\n },\n});\n\nexport const {\n setMenuActiveStatus,\n getItemInfobyIdStart,\n getItemInfobyIdSuccess,\n getItemInfobyIdFailed,\n\n updateAppLoadedThrough,\n clearItem,\n setCategory,\n} = itemSlice.actions;\n\nexport default itemSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n cart: [],\n cartTotal: 0, //this is original amount of items in cart\n amountAfterDiscount: 0, //this is amount after discount applied on itemsor loyalty points\n discountAmount: 0,\n itemsGrossAmount: 0, //this is amount after discount applied on items\n orderGrossAmount: 0, //this is amount after discount applied on items + delivery fee\n deliveryFee: 0,\n orderSplReq: \"\",\n pickupVehicleInfo: \"\",\n pullAddress: true,\n deliveryChargesWaiverInfo: {\n isWaiver: false,\n waiverAmount: 0,\n },\n tipAmount:0,\n taxAmount:0,\n};\n\nconst cartSlice = createSlice({\n name: \"cart\",\n initialState,\n reducers: {\n addItemToCart: (state, action) => {\n state.cart = [...state.cart, action.payload];\n },\n setPickupVehicleInfo: (state, action) => {\n state.pickupVehicleInfo = action.payload;\n },\n\n setDiscountAmount: (state, action) => {\n state.discountAmount = action.payload;\n },\n removeItemFromCart: (state, action) => {\n state.cart = state.cart.filter((item) => item.id !== action.payload);\n },\n increaseItemQuantity: (state, action) => {\n const item = state.cart[action.payload.index];\n item.quantity += 1;\n },\n decreaseItemQuantity: (state, action) => {\n const item = state.cart[action.payload.index];\n if (item.quantity > 1) {\n item.quantity -= 1;\n } else {\n state.cart.splice(action.payload.index, 1);\n }\n },\n clearCart: (state) => {\n state.cart = [];\n state.cartTotal = 0;\n state.amountAfterDiscount = 0;\n state.discountAmount = 0;\n state.tipAmount = 0;\n state.taxAmount = 0;\n },\n updateCartPrice: (state, action) => {\n state.cartTotal = action.payload.originalPrice;\n state.amountAfterDiscount = action.payload.amountAfterDiscount;\n state.itemsGrossAmount = action.payload.itemsGrossAmount;\n state.orderGrossAmount = action.payload.orderGrossAmount;\n if(action.payload.discountAmount){\n state.discountAmount = action.payload.discountAmount;\n }\n if(action.payload.tipAmount){\n state.tipAmount = action.payload.tipAmount;\n }\n if(action.payload.taxAmount){\n state.taxAmount = action.payload.taxAmount;\n }\n },\n\n setDeliveryFee: (state, action) => {\n state.deliveryFee = action.payload;\n },\n setdeliveryChargesWaiverInfo: (state, action) => {\n state.deliveryChargesWaiverInfo = action.payload;\n },\n setOrderSplreq: (state, action) => {\n state.orderSplReq = action.payload;\n },\n togglePullAddress: (state, action) => {\n state.pullAddress = action.payload;\n },\n },\n});\n\nexport const {\n setdeliveryChargesWaiverInfo,\n togglePullAddress,\n setPickupVehicleInfo,\n setOrderSplreq,\n setDeliveryFee,\n addItemToCart,\n removeItemFromCart,\n increaseItemQuantity,\n decreaseItemQuantity,\n clearCart,\n updateCartPrice,\n setDiscountAmount,\n} = cartSlice.actions;\nexport default cartSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n storeModal: false,\n areaModal: false,\n outOfStockModal: false,\n discountModal: false,\n orderSuccess: false,\n requiredMissingSections: [],\n pageLoaded: true,\n refreshApp: false,\n isInternetConnected: true,\n orderFailureModal: false,\n storeListModal: false,\n pickupStoreModal: false,\n applicableItemsDiscountListModal: {\n isOpen: false,\n data: [],\n },\n};\n\nconst notPersited = createSlice({\n name: \"notPersited\",\n initialState,\n reducers: {\n setModalOpen: (state) => {\n state.storeModal = true;\n },\n setModalClose: (state) => {\n state.storeModal = false;\n },\n togglePickupStoreModal: (state, action) => {\n state.pickupStoreModal = action.payload;\n },\n toggleAreaModal: (state, action) => {\n state.areaModal = action.payload;\n },\n\n setorderFailure: (state, action) => {\n state.orderFailureModal = action.payload;\n },\n setPageLoaded: (state, action) => {\n state.pageLoaded = action.payload;\n },\n\n //\n toggleDiscountModal: (state, action) => {\n state.discountModal = action.payload;\n },\n toggleLoyaltyPoints: (state) => {\n state.loyaltyPoints = !state.loyaltyPoints;\n },\n toggleOrderPlaceModel: (state, action) => {\n state.orderSuccess = action.payload;\n },\n\n setRequiredMissingSections: (state, action) => {\n state.requiredMissingSections = action.payload;\n },\n\n refreshApp: (state, action) => {\n state.refreshApp = true;\n },\n setInternetOnline: (state, action) => {\n state.isInternetConnected = true;\n },\n setInternetOffline: (state, action) => {\n state.isInternetConnected = false;\n },\n setapplicableItemsDiscountListModal: (state, action) => {\n state.applicableItemsDiscountListModal = action.payload;\n },\n },\n});\n\nexport const {\n setapplicableItemsDiscountListModal,\n toggleAreaModal,\n setorderFailure,\n setInternetOffline,\n setInternetOnline,\n setPageLoaded,\n setModalClose,\n setModalOpen,\n toggleDiscountModal,\n toggleOrderPlaceModel,\n setRequiredMissingSections,\n refreshApp,\n togglePickupStoreModal,\n} = notPersited.actions;\n\nexport default notPersited.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\nconst initialState = {\n loading: false,\n discountLoader: false,\n error: null,\n message: null,\n discountInfo: null,\n isDiscountApplied: false,\n};\n\nconst discountsSlice = createSlice({\n name: \"discounts\",\n initialState,\n reducers: {\n validateDiscount: (state) => {\n state.discountLoader = true;\n state.error = false;\n },\n validateDiscountSuccess: (state, action) => {\n state.discountLoader = false;\n state.error = false;\n state.message = action.payload;\n },\n validateDiscountFailure: (state, action) => {\n state.discountLoader = false;\n state.error = action.payload;\n },\n setDiscountCode: (state, action) => {\n state.error = null;\n state.discountInfo = action.payload;\n },\n removeDiscountCode: (state) => {\n state.discountInfo = null;\n state.error = null;\n },\n setCoponValidation: (state, action) => {\n state.isDiscountApplied = action.payload;\n },\n },\n});\n\nexport const {\n setCoponValidation,\n\n validateDiscount,\n validateDiscountFailure,\n validateDiscountSuccess,\n setDiscountCode,\n removeDiscountCode,\n} = discountsSlice.actions;\nexport default discountsSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\nconst initialState = {\n loyaltyApplied: false,\n loyaltyAmount: 0,\n reedemAmount: 0\n};\n\nconst loyaltySlice = createSlice({\n name: \"loyalty\",\n initialState,\n reducers: {\n applyLoyalty: (state, action) => {\n state.loyaltyApplied = true;\n },\n removeLoyalty: (state) => {\n state.loyaltyApplied = false;\n },\n updateloyaltyAmount: (state, action) => {\n state.loyaltyAmount = action.payload\n }\n },\n});\n\nexport const {\n updateloyaltyAmount,\n applyLoyalty,\n removeLoyalty\n} = loyaltySlice.actions;\nexport default loyaltySlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\nconst initialState = {\n isLoading: false,\n modalLoader: false,\n checkoutLoader: false,\n walletLoader: false,\n};\n\nconst loadingSlice = createSlice({\n name: \"loader\",\n initialState,\n reducers: {\n enableLoader: (state) => {\n state.isLoading = true;\n },\n disableLoader: (state, action) => {\n state.isLoading = false;\n },\n setLoading: (state, action) => {\n state.isLoading = action.payload;\n },\n setModalLoader: (state, action) => {\n state.modalLoader = action.payload;\n },\n togggleCheckoutLoader: (state, action) => {\n state.checkoutLoader = action.payload;\n },\n togglewalletLoader: (state, action) => {\n state.walletLoader = action.payload;\n },\n },\n});\n\nexport const {\n togglewalletLoader,\n enableLoader,\n disableLoader,\n setLoading,\n setModalLoader,\n togggleCheckoutLoader,\n} = loadingSlice.actions;\nexport default loadingSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n loading: false,\n error: null,\n message: null,\n currentUser: null,\n brandInfo: {\n id: null,\n domainName: null,\n },\n};\n\nconst registerSlice = createSlice({\n name: \"register\",\n initialState,\n reducers: {\n optSuccess: (state, action) => {\n state.loading = false;\n state.currentUser = action.payload;\n state.error = null;\n },\n setBrandInfo: (state, action) => {\n state.brandInfo = action.payload;\n },\n optFailure: (state, action) => {\n state.loading = false;\n state.error = action.payload;\n },\n sendVerificationCode: (state) => {\n state.loading = true;\n state.error = null;\n state.message = null;\n },\n\n sendVerificationCodeSuccess: (state, action) => {\n state.loading = false;\n state.message = action.payload;\n state.error = null;\n },\n sendVerificationCodeFailure: (state, action) => {\n state.loading = false;\n state.error = action.payload;\n state.message = null;\n },\n\n reSendVerificationCodeSuccess: (state, action) => {\n state.loading = false;\n state.message = action.payload;\n state.error = null;\n },\n reSendVerificationCodeFailure: (state, action) => {\n state.loading = false;\n state.error = action.payload;\n state.message = action.payload;\n },\n },\n});\n\nexport const {\n setBrandInfo,\n sendVerificationCode,\n sendVerificationCodeFailure,\n sendVerificationCodeSuccess,\n reSendVerificationCodeFailure,\n reSendVerificationCodeSuccess,\n optSuccess,\n optFailure,\n} = registerSlice.actions;\nexport default registerSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n isGeoLocationAdded: false,\n userdeliveryAdress: null, //Main obj for delivery address rest help to create this\n mapAddress: {\n streetAddress: null,\n city: null,\n country: null,\n area: null,\n },\n userLocation: {\n type: \"Point\",\n coordinates: {\n lat: 23,\n lng: 54,\n },\n },\n zoom: 7,\n\n /*Temporary: the purpose of this is to store the temporary\n address (on home-page) and location when user is changing the address\n and when (checkout MAnual address screen) user click on the confirm button then we will\n update the main address and location*/\n\n temporarymapAddress: {\n streetAddress: null,\n city: null,\n country: null,\n area: null,\n },\n temporaryuserLocation: {\n type: \"Point\",\n coordinates: {\n lat: 23,\n lng: 54,\n },\n },\n temporaryzoom: 7,\n\n // temporary address for adding address on Home page\n temporarymapAddressHome: {\n streetAddress: null,\n city: null,\n country: null,\n area: null,\n },\n temporaryuserLocationHome: {\n type: \"Point\",\n coordinates: {\n lat: 23,\n lng: 54,\n },\n },\n temporaryzoomHome: 7,\n};\n\nconst DeliveryAddress = createSlice({\n name: \"DeliveryAddress\",\n initialState,\n reducers: {\n setMapAddress: (state, action) => {\n state.mapAddress = action.payload;\n },\n setUserLocation: (state, action) => {\n state.userLocation.coordinates = action.payload;\n },\n updateStreetAddress: (state, action) => {\n state.mapAddress.streetAddress = action.payload;\n },\n setZoom: (state, action) => {\n state.zoom = action.payload;\n },\n //----------temporary: the purpose of this is to store the temporary address and location when user is changing the address\n setTempMapAddress: (state, action) => {\n state.temporarymapAddress = action.payload;\n },\n setTempUserLocation: (state, action) => {\n state.temporaryuserLocation.coordinates = action.payload;\n },\n\n updateTempStreetAddress: (state, action) => {\n state.temporarymapAddress.streetAddress = action.payload;\n },\n\n setTempZoom: (state, action) => {\n state.temporaryzoom = action.payload;\n },\n resetTempDeliveryAddress: (state, action) => {\n state.temporarymapAddress = {\n streetAddress: null,\n city: null,\n country: null,\n area: null,\n };\n state.temporaryuserLocation = {\n type: \"Point\",\n coordinates: {\n lat: 23,\n lng: 54,\n },\n };\n state.isGeoLocationAdded = false;\n state.temporaryzoom = 7;\n },\n\n // Home-------------------\n\n setTempMapAddressHome: (state, action) => {\n state.temporarymapAddressHome = action.payload;\n },\n setTempUserLocationHome: (state, action) => {\n state.temporaryuserLocationHome.coordinates = action.payload;\n },\n\n updateTempStreetAddressHome: (state, action) => {\n state.temporarymapAddressHome.streetAddress = action.payload;\n },\n\n setTempZoomHome: (state, action) => {\n state.temporaryzoomHome = action.payload;\n },\n resetTempDeliveryAddressHome: (state, action) => {\n state.temporarymapAddressHome = {\n streetAddress: null,\n city: null,\n country: null,\n area: null,\n };\n state.temporaryuserLocationHome = {\n type: \"Point\",\n coordinates: {\n lat: 23,\n lng: 54,\n },\n };\n state.temporaryzoomHome = 7;\n },\n\n /// ------\n\n setDeliveryAddress: (state, action) => {\n state.userdeliveryAdress = action.payload;\n state.error = null;\n },\n setisGeoLocationAdded: (state, action) => {\n state.isGeoLocationAdded = action.payload;\n },\n\n // set to intial state\n resetDeliveryAddress: (state, action) => {\n state.userdeliveryAdress = null;\n state.mapAddress = {\n streetAddress: null,\n city: null,\n country: null,\n area: null,\n };\n state.userLocation = {\n type: \"Point\",\n coordinates: {\n lat: 23,\n lng: 54,\n },\n };\n\n state.zoom = 7;\n },\n\n // reset to intial state\n resetReducer: (state, action) => {\n state = initialState;\n },\n },\n});\n\nexport const {\n setTempZoomHome,\n setTempMapAddressHome,\n setTempUserLocationHome,\n updateTempStreetAddressHome,\n resetTempDeliveryAddressHome,\n resetReducer,\n updateTempStreetAddress,\n resetTempDeliveryAddress,\n setTempMapAddress,\n setTempUserLocation,\n setTempZoom,\n updateStreetAddress,\n resetDeliveryAddress,\n setMapAddress,\n setUserLocation,\n setDeliveryAddress,\n setisGeoLocationAdded,\n setZoom,\n} = DeliveryAddress.actions;\nexport default DeliveryAddress.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n error: null,\n registerError: null,\n isError: false,\n storeError: null,\n errorModaL: false,\n};\n\nconst errorSlice = createSlice({\n name: \"errorSlice\",\n initialState,\n reducers: {\n setRegisterError: (state, action) => {\n state.registerError = action.payload;\n },\n setError: (state, action) => {\n state.errorModaL = action.payload?.modal;\n state.isError = action.payload?.error ? true : false;\n state.error = action.payload?.error;\n },\n setErrorModal: (state, action) => {\n state.errorModaL = action.payload;\n },\n\n resetRegisterError: (state) => {\n state.isError = false;\n state.registerError = null;\n },\n setStoreError: (state, action) => {\n state.isError = true;\n state.storeError = action.payload;\n },\n resetErrorReducer: (state, action) => {\n state.error = null;\n state.registerError = null;\n state.isError = false;\n state.storeError = null;\n state.errorModaL = false;\n },\n },\n});\n\nexport const {\n resetErrorReducer,\n setErrorModal,\n setError,\n setRegisterError,\n resetRegisterError,\n setStoreError,\n} = errorSlice.actions;\nexport default errorSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n singleStoreAreas: [],\n selectedArea: {},\n};\n\nconst singleStoreReducer = createSlice({\n name: \"singleStoreReducer\",\n initialState,\n reducers: {\n setsingleStoreAreas: (state, action) => {\n state.singleStoreAreas = action.payload;\n },\n setSeletedArea: (state, action) => {\n state.selectedArea = action.payload;\n },\n },\n});\n\nexport const { setsingleStoreAreas, setSeletedArea } =\n singleStoreReducer.actions;\n\nexport default singleStoreReducer.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\nconst initialState = {\n brandInfo: null,\n loyaltyPolicy: null,\n isLoading: false,\n stripeKey: null,\n};\n\nconst brandStorageReducer = createSlice({\n name: \"brand\",\n initialState,\n reducers: {\n getbrandInfoSuccess: (state, action) => {\n state.brandInfo = action.payload;\n },\n getBrandLoyaltyPolicy: (state, action) => {\n state.error = null;\n state.loyaltyPolicy = action.payload;\n },\n setStripeKey: (state, action) => {\n state.stripeKey = action.payload;\n },\n },\n});\n\nexport const { getbrandInfoSuccess, getBrandLoyaltyPolicy, setStripeKey } =\n brandStorageReducer.actions;\nexport default brandStorageReducer.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n cartId: null,\n paymentLinkInfo: null,\n isLoading: false,\n selectedPaymentType: \"new_card\",\n};\n\nconst paymentLinks = createSlice({\n name: \"paymentLinks\",\n initialState,\n reducers: {\n setCartId: (state, action) => {\n state.cartId = action.payload;\n },\n setpaymentLinkInfo: (state, action) => {\n state.paymentLinkInfo = action.payload;\n },\n toggleLoader: (state, action) => {\n state.isLoading = action.payload;\n },\n setSelectedPaymentType: (state, action) => {\n state.selectedPaymentType = action.payload;\n },\n },\n});\n\nexport const {\n setCartId,\n setpaymentLinkInfo,\n toggleLoader,\n setSelectedPaymentType,\n} = paymentLinks.actions;\nexport default paymentLinks.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n savedPaymentCards: [],\n selectedCard: {\n cardInfo: {},\n isStoredCard: false,\n },\n stripeSavedPaymentCards: [],\n stripeSelectedCard: {\n cardInfo: {},\n isStoredCard: false,\n },\n};\n\nconst userSlice = createSlice({\n name: \"register\",\n initialState,\n reducers: {\n setSavedPaymentCards: (state, action) => {\n state.savedPaymentCards = action.payload;\n },\n setSelectedCard: (state, action) => {\n state.selectedCard = action.payload;\n },\n setstripePaymentCards: (state, action) => {\n state.stripeSavedPaymentCards = action.payload;\n },\n setstripeSelectedCard: (state, action) => {\n state.stripeSelectedCard = action.payload;\n },\n resetSelectedCards: (state, action) => {\n state.selectedCard = {\n cardInfo: {},\n isStoredCard: false,\n };\n state.stripeSelectedCard = {\n cardInfo: {},\n isStoredCard: false,\n };\n },\n },\n});\n\nexport const {\n resetSelectedCards,\n setstripePaymentCards,\n setstripeSelectedCard,\n setSelectedCard,\n setSavedPaymentCards,\n setSelectedTab,\n} = userSlice.actions;\nexport default userSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n selectedPaymentType: null,\n};\n\nconst PaymentMethod = createSlice({\n name: \"payment_methods\",\n initialState,\n reducers: {\n setSelectedPaymentType: (state, action) => {\n state.selectedPaymentType = action.payload;\n },\n },\n});\n\nexport const { setSelectedPaymentType } = PaymentMethod.actions;\n\nexport default PaymentMethod.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n selectedArea: null,\n selectedCountry: null,\n selectedCity: null,\n};\n\nconst selectedArea = createSlice({\n name: \"selectedArea\",\n initialState,\n reducers: {\n setSelectedArea: (state, action) => {\n state.selectedArea = action.payload;\n },\n setSelectedCountry: (state, action) => {\n state.selectedCountry = action.payload;\n },\n setSelectedCity: (state, action) => {\n state.selectedCity = action.payload;\n },\n },\n});\n\nexport const { setSelectedCity, setSelectedCountry, setSelectedArea } =\n selectedArea.actions;\nexport default selectedArea.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\nconst initialState = {\n error: null,\n lifetimeSpending: null,\n loading: false,\n};\n\nconst userSlice = createSlice({\n name: \"user\",\n initialState,\n reducers: {\n setLifetimeSpending: (state, action) => {\n state.lifetimeSpending = action.payload;\n },\n },\n});\n\nexport const {\n setLifetimeSpending,\n} = userSlice.actions;\n\nexport default userSlice.reducer;\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nconst initialState = {\n orderTiming: {\n TimingType: null,\n isPreOrderAvailable: false,\n preOrderSlot: {\n date: null,\n time: null,\n slotIndex: null,\n },\n },\n};\n\nconst orderTiming = createSlice({\n name: \"orderTiming\",\n initialState,\n reducers: {\n setOrderTiming: (state, action) => {\n state.orderTiming = action.payload;\n },\n resetOrderTiming: (state) => {\n state.orderTiming = {\n TimingType: null,\n isPreOrderAvailable: false,\n preOrderSlot: {\n date: null,\n time: null,\n slotIndex: null,\n },\n };\n },\n },\n});\n\nexport const { setOrderTiming, resetOrderTiming } = orderTiming.actions;\n\nexport default orderTiming.reducer;\n","import { combineReducers } from \"@reduxjs/toolkit\";\nimport brand from \"./home/brand/brandSlice\"; //don't remove\nimport AppReducer from \"./app/AppReducer\"; //don't remove\nimport store from \"./outlet-based-store/storeSlice\";\nimport item from \"./item/itemSlice\";\nimport cart from \"./checkout/cart/cartSlice\";\nimport order from \"./checkout/order/orderSlice\";\nimport NotPersist from \"./NotPersited/NotPersist\";\nimport Discounts from \"./checkout/discounts/discountSlice\";\nimport Loyalty from \"./checkout/loyalty/loyaltySlice\";\nimport loader from \"./Loader/loader\";\nimport register from \"./auth/register/registerSlice\";\nimport { apiSlice } from \"apiHelpers/ApiSlice\";\nimport orderService from \"./checkout/order/orderService\";\nimport DeliveryAddressReducer from \"./deliveryAddress/delivery-address-reducer\";\nimport storeApi from \"./brand-based-store/single-store-service\";\nimport errorSlice from \"./Errors/errorSlice\";\nimport singleStoreReducer from \"./brand-based-store/single-store-reducer\";\nimport registerApi from \"./auth/register/registerService\";\nimport brandStorageReducer from \"./home/brand/brandStorage\";\nimport PaymentLinkReducer from \"../modules/payment-links/reducers/reducer\";\nimport PaymentCardsReducer from \"./payment-cards/paymentCards-reducer\";\nimport PaymentMethodReducer from \"./paymentMethods/slice\";\nimport TipMethodsReducer from \"./tipMethods/slice\";\nimport storage from \"redux-persist/lib/storage/session\";\nimport UserReducer from \"./user/slice\";\nimport orderTimingReducer from \"./order-timing/reducer\";\nimport DeliveryAreaReducer from \"./delivery-area/reducer\";\n\nconst appReducer = combineReducers({\n brandStorageReducer, //dont\n brand, //don't\n store,\n item,\n cart,\n order,\n NotPersist,\n Discounts,\n Loyalty,\n loader,\n register,\n DeliveryAddressReducer,\n errorSlice,\n singleStoreReducer,\n AppReducer,\n PaymentLinkReducer,\n PaymentCardsReducer,\n PaymentMethodReducer,\n TipMethodsReducer,\n orderTimingReducer,\n user: UserReducer,\n DeliveryAreaReducer,\n [apiSlice.reducerPath]: apiSlice.reducer,\n [orderService.reducerPath]: orderService.reducer,\n [storeApi.reducerPath]: storeApi.reducer,\n [registerApi.reducerPath]: registerApi.reducer,\n});\n\nconst rootReducer = (state, action) => {\n let reduxStore = state;\n if (action?.type === \"logout\") {\n window?.sessionStorage?.clear();\n storage.removeItem(\"persist:root\");\n state = undefined;\n }\n if (action?.type === \"removeBrandData\") {\n storage.removeItem(\"persist:root\");\n state = undefined;\n sessionStorage.clear();\n //remove everything except brandStorageReducer and AppReducer\n }\n\n if (action?.type === \"order/placeOrderSuccess\") {\n state.item = undefined;\n state.orderTimingReducer = undefined;\n state.DeliveryAddressReducer = undefined;\n state.cart = undefined;\n state.PaymentCardsReducer = undefined;\n state.DeliveryAreaReducer = undefined;\n if (\n reduxStore?.AppReducer?.catalogueType === \"OUTLET_BASED_CATALOGUE\" &&\n reduxStore?.AppReducer?.orderType?.EN.name !== \"DINE IN\"\n ) {\n state.store = undefined;\n }\n }\n if (action?.type === \"newAddress/resetNewAddressReducer\") {\n // state.AddNewAddress = undefined;\n }\n if (action.type === \"removeOrderData\") {\n state.item = undefined;\n state.DeliveryAddressReducer = undefined;\n state.DeliveryAreaReducer = undefined;\n state.cart = undefined;\n // state.AddNewAddress = undefined;\n state.store = undefined;\n state.Discounts = undefined;\n state.Loyalty = undefined;\n state.PaymentMethodReducer = undefined;\n state.PaymentCardsReducer = undefined;\n }\n if (action.type === \"resetAreaData\") {\n // state.DeliveryAddressReducer = undefined;\n state.DeliveryAreaReducer = undefined;\n state.cart = undefined;\n state.store = undefined;\n state.Discounts = undefined;\n state.Loyalty = undefined;\n state.orderTimingReducer = undefined;\n }\n if (action.type === \"resetStoreData\") {\n state.cart = undefined;\n state.store = undefined;\n state.Discounts = undefined;\n state.Loyalty = undefined;\n state.orderTimingReducer = undefined;\n state.PaymentMethodReducer = undefined;\n state.PaymentCardsReducer = undefined;\n }\n\n if (action.type === \"resetCartWithStoreData\") {\n state.cart = undefined;\n state.Discounts = undefined;\n state.Loyalty = undefined;\n state.PaymentMethodReducer = undefined;\n state.PaymentCardsReducer = undefined;\n state.orderTimingReducer = undefined;\n state.store = undefined;\n state.item = undefined;\n state.TipMethodsReducer = undefined;\n }\n\n return appReducer(state, action);\n};\nexport default rootReducer;\n","import { takeEvery, put, call } from \"redux-saga/effects\";\nimport API from \"apiHelpers\";\nimport i18next from \"i18next\";\nimport { BrandAction, Loader } from \"store/actions\";\nimport { UTILS } from \"utils\";\nimport { createAction } from \"@reduxjs/toolkit\";\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\nimport { logErrorOnSentry } from \"utils/Utils\";\nimport C from \"Constants\";\nimport { AppAction } from \"store/actions\";\nconst resetAreaData = createAction(\"resetAreaData\");\n\nfunction* getBrandDeliveryAreas({ payload }) {\n yield put(Loader.setModalLoader(true));\n try {\n const response = yield call(API.getBrandMappedDeliveryAreas, {\n brandId: payload.brandId,\n });\n if (response?.success === 1 && response?.data?.deliveryAreas?.length >= 1) {\n yield put(BrandAction.getBrandDeliveryAreasSuccess(response?.data));\n if (response?.data?.deliveryMethod && payload?.updateMethod) {\n // yield put(AppAction.setShippingMethod(response?.data?.deliveryMethod));\n yield put(\n AppAction.setShippingMethodTemp(response?.data?.deliveryMethod)\n );\n }\n } else {\n yield put(\n BrandAction.getBrandDeliveryAreasFailure(errorHandler(response?.error))\n );\n }\n } catch (error) {\n yield put(\n BrandAction.getBrandDeliveryAreasFailure(errorHandler(error?.message))\n );\n } finally {\n yield put(Loader.disableLoader());\n yield put(Loader.setModalLoader(false));\n }\n}\n\nfunction* getBrandPickupStores(payload) {\n yield put(Loader.setModalLoader(true));\n try {\n const response = yield call(API.getBrandPickupStores, {\n brandId: payload.payload,\n });\n if (response?.success === 1 && response?.stores?.length >= 1) {\n yield put(BrandAction.getBrandStoresSuccess(response.stores));\n } else if (response?.success === 1 && response?.stores?.length === 0) {\n yield put(resetAreaData());\n UTILS.errorNotification(\n i18next?.t(\n \"Unfortunately, the store has paused pickup service for a short time. Please try again after some time\"\n )\n );\n } else {\n yield put(resetAreaData());\n yield put(\n BrandAction.getBrandStoresFailure(errorHandler(response?.error))\n );\n }\n } catch (error) {\n yield put(resetAreaData());\n yield put(BrandAction.getBrandStoresFailure(errorHandler(error?.message)));\n } finally {\n yield put(Loader.disableLoader());\n yield put(Loader.setModalLoader(false));\n }\n}\n\nfunction* getAllDiscounts({ payload }) {\n try {\n const user = UTILS.getCurrentUser(payload);\n const apiPayload = {\n brandId: payload?.brandId,\n ...(user?.user?.userId && { userId: user.user.userId }),\n };\n const response = yield call(API.getAllDiscounts, apiPayload);\n if (response?.success === 1 && response?.discount) {\n yield put(BrandAction.getDiscountsSuccess(response.discount));\n } else {\n if (payload?.page === C.COUPONS_POPUP) {\n yield put(\n BrandAction.getDiscountsFailure({\n page: C.COUPONS_POPUP,\n error: null,\n })\n );\n logErrorOnSentry(\n `critical issue ->coupons not fetching on checkout Page coupons popup modal ${response?.message}`\n );\n } else {\n yield put(\n BrandAction.getDiscountsFailure({\n error: errorHandler(response?.message),\n })\n );\n }\n yield put(Loader.disableLoader());\n }\n } catch (error) {\n if (payload?.page === C.COUPONS_POPUP) {\n yield put(\n BrandAction.getDiscountsFailure({\n page: C.COUPONS_POPUP,\n error: null,\n })\n );\n logErrorOnSentry(\n `critical issue ->coupons not fetching on checkout Page coupons popup modal ${error}`\n );\n } else {\n yield put(\n BrandAction.getDiscountsFailure({\n error: errorHandler(error?.message),\n })\n );\n }\n yield put(Loader.disableLoader());\n }\n}\nfunction* userSaga() {\n yield takeEvery(BrandAction.getDiscounts.type, getAllDiscounts);\n yield takeEvery(BrandAction.getBrandStores.type, getBrandPickupStores);\n yield takeEvery(\n BrandAction.getBrandDeliveryAreas.type,\n getBrandDeliveryAreas\n );\n}\n\nexport default userSaga;\n","import { put, call, takeLatest, delay } from \"redux-saga/effects\";\nimport API from \"apiHelpers\";\nimport { DiscountAction, CartAction, NotPersistAction } from \"store/actions\";\nimport { UTILS } from \"utils\";\nimport i18next from \"i18next\";\nimport { calculateCartGrossAmount } from \"utils/Utils\";\n\nlet message = i18next?.t(\n \"We're sorry, but something went wrong. Please try again\"\n);\n\nfunction* validateDiscount({\n payload: { payload, cart, discount, selectedStore },\n}) {\n try {\n const response = yield call(API.validateDiscount, payload);\n if (response.success === 1) {\n yield delay(300);\n yield put(DiscountAction.validateDiscountSuccess(response.data));\n yield call(handleDiscount, cart, discount, selectedStore);\n } else {\n yield put(\n DiscountAction.validateDiscountFailure(response?.message ?? message)\n );\n yield put(DiscountAction.setCoponValidation(false));\n }\n } catch (error) {\n yield put(DiscountAction.setCoponValidation(false));\n yield put(\n DiscountAction.validateDiscountFailure(error?.message ?? message)\n );\n }\n}\n\n//\nfunction* handleDiscount(cart, discount, selectedStore) {\n const { message, success } = yield UTILS.handleDiscount(\n cart,\n discount,\n selectedStore\n );\n if (success === 1) {\n yield put(NotPersistAction.toggleDiscountModal(false));\n yield put(DiscountAction.setDiscountCode(discount));\n yield put(DiscountAction.setCoponValidation(true));\n } else {\n yield put(DiscountAction.validateDiscountFailure(message));\n yield put(DiscountAction.setCoponValidation(false));\n }\n const { itemsGrossAmount, itemsNetPrice, orderGrossAmount } =\n calculateCartGrossAmount(cart, discount);\n yield put(\n CartAction.updateCartPrice({\n originalPrice: itemsNetPrice,\n amountAfterDiscount: itemsGrossAmount,\n itemsGrossAmount,\n orderGrossAmount,\n })\n );\n}\n\nfunction* discountSaga() {\n yield takeLatest(DiscountAction.validateDiscount.type, validateDiscount);\n}\n\nexport default discountSaga;\n","import { takeEvery, put, call, delay } from \"redux-saga/effects\";\nimport API from \"apiHelpers\";\nimport i18next from \"i18next\";\nimport { OrderAction, Loader } from \"store/actions\";\nlet message = i18next.t(\n \"We're sorry, but something went wrong. Please try again\"\n);\n\nfunction* getMyOrders() {\n yield put(Loader.enableLoader());\n yield delay(100);\n try {\n const response = yield call(API.getMyOrders);\n if (response.success === 1) {\n yield put(OrderAction.getMyOrdersSuccess(response.data));\n } else {\n yield put(OrderAction.getMyOrdersFailure(response?.message ?? message));\n }\n } catch (error) {\n yield put(OrderAction.getMyOrdersFailure(error?.message ?? message));\n } finally {\n yield put(Loader.disableLoader());\n }\n}\nfunction* getOrderStatus({ payload: { orderId } }) {\n yield put(Loader.enableLoader());\n yield delay(100);\n try {\n const response = yield call(API.getOrderStatus, orderId);\n if (response.success === 1 && response.orders) {\n yield put(OrderAction.getOrderStatusSuccess(response.orders));\n } else {\n yield put(\n OrderAction.getOrderStatusFailure(response?.message ?? message)\n );\n }\n } catch (error) {\n yield put(OrderAction.getOrderStatusFailure(error?.message ?? message));\n } finally {\n yield put(Loader.disableLoader());\n }\n}\n\nfunction* orderSaga() {\n yield takeEvery(OrderAction.getMyOrders.type, getMyOrders);\n yield takeEvery(OrderAction.getOrderStatus.type, getOrderStatus);\n}\n\nexport default orderSaga;\n","import { call, put, takeLatest } from \"redux-saga/effects\";\nimport API from \"apiHelpers\";\nimport C from \"Constants\";\nimport { ItemAction } from \"store/actions\";\nimport { Loader } from \"store/actions\";\nimport i18next from \"i18next\";\n\n//This is for Outlet Based\nlet message = i18next?.t(\n \"We're sorry, but something went wrong. Please try again\"\n);\nfunction* getItemInfoById({ payload }) {\n yield put(Loader.setLoading(true));\n\n const { type } = payload;\n try {\n const response =\n type === C.WITH_OUT_STORE_ID\n ? yield call(API.getItemDetailWithOutStoreId, payload)\n : yield call(API.getItemDetailWithStoreId, payload);\n if (response?.success === 1 && response?.data?.itemInfo) {\n if (response?.data?.isMenuActive === false) {\n yield put(ItemAction.setMenuActiveStatus(true));\n }\n\n yield put(ItemAction.getItemInfobyIdSuccess(response.data));\n yield put(ItemAction.setCategory(payload.categoryId));\n } else {\n yield put(\n ItemAction.getItemInfobyIdFailed({\n message: response?.message || response?.data?.message || message,\n type: \"error\",\n })\n );\n }\n } catch (error) {\n yield put(\n ItemAction.getItemInfobyIdFailed({\n message: error?.error?.message || message,\n type: \"error\",\n })\n );\n } finally {\n yield put(Loader.setLoading(false));\n }\n}\n\nfunction* itemSaga() {\n yield takeLatest(ItemAction.getItemInfobyIdStart.type, getItemInfoById);\n}\n\nexport default itemSaga;\n","import { all } from \"redux-saga/effects\";\nimport brandSaga from \"./home/brand/brandSaga\";\n// import storeSaga from \"./outlet-based-store/storeSaga\";\nimport discounts from \"./checkout/discounts/saga\";\nimport orderSaga from \"./checkout/order/orderSaga\";\nimport itemSaga from \"./item/itemSaga\";\nexport default function* rootSaga() {\n yield all([\n brandSaga(),\n // storeSaga(),\n orderSaga(),\n discounts(),\n itemSaga(),\n ]);\n}\n","import * as Sentry from \"@sentry/browser\";\nexport const ERROR = \"ERROR\";\nexport const CLEAR_ERROR = \"CLEAR_ERROR\";\nconst doError = (error) => {\n Sentry.captureException(error);\n return { type: ERROR, error };\n};\n\nconst doClearError = () => ({ type: CLEAR_ERROR });\n\nexport { doError, doClearError };\n\nconst crashReporter = (store) => (next) => (action) => {\n // we got a thunk, prep it to be handled by redux-thunk middleware\n if (typeof action === \"function\") {\n // wrap it in a function to try/catch the downstream invocation\n const wrapAction = (fn) => (dispatch, getState, extraArgument) => {\n try {\n fn(dispatch, getState, extraArgument);\n } catch (e) {\n dispatch(doError(e));\n }\n };\n // send wrapped function to the next middleware\n // this should be upstrem from redux-thunk middleware\n return next(wrapAction(action));\n }\n\n try {\n return next(action);\n } catch (e) {\n store.dispatch(doError(e));\n }\n};\n\nexport default crashReporter;\n","import { configureStore } from \"@reduxjs/toolkit\";\nimport createSagaMiddleware from \"redux-saga\";\nimport { persistStore, persistReducer, createTransform } from \"redux-persist\";\nimport rootReducer from \"./reducers\";\nimport { setupListeners } from \"@reduxjs/toolkit/dist/query\";\nimport rootSaga from \"./sagas\";\nimport { parse, stringify } from \"flatted\";\nimport { apiSlice } from \"apiHelpers/ApiSlice\";\nimport * as Sentry from \"@sentry/react\";\nimport crashReporter from \"utils/crash_reporter\";\nimport sessionStorage from \"redux-persist/lib/storage/session\";\nimport createSentryMiddleware from \"redux-sentry-middleware\";\nimport LogRocket from \"logrocket\";\n\nexport const transformCircular = createTransform(\n (inboundState, key) => stringify(inboundState),\n (outboundState, key) => parse(outboundState)\n);\nconst sentryReduxEnhancer = Sentry.createReduxEnhancer();\n\nconst persistConfig = {\n key: \"root\",\n transforms: [transformCircular],\n storage: sessionStorage,\n blacklist: [\n \"logout\",\n \"brand\",\n \"basket\",\n \"selectedItem\",\n \"NotPersist\",\n \"discounts\",\n \"payment\",\n \"loader\",\n \"userAddresses\",\n // \"AddNewAddress\",\n \"errorSlice\",\n ],\n};\n\nconst sagaMiddleware = createSagaMiddleware();\n\nconst persistedReducer = persistReducer(persistConfig, rootReducer);\n\nconst middlewares = [\n apiSlice.middleware,\n sagaMiddleware,\n crashReporter,\n createSentryMiddleware(Sentry, {}),\n];\n\nconst shouldTrack = ![\"beta\", \"development\"].includes(\n process.env.REACT_APP_ENV\n);\n\nif (shouldTrack) {\n middlewares.push(LogRocket.reduxMiddleware());\n}\n\nconst store = configureStore({\n reducer: persistedReducer,\n middleware: (getDefaultMiddleware) =>\n getDefaultMiddleware({\n serializableCheck: false,\n }).concat(middlewares),\n devTools:\n process.env.REACT_APP_ENV === \"production\" ||\n process.env.REACT_APP_ENV === \"prelive\"\n ? false\n : true,\n enhancers: [sentryReduxEnhancer],\n});\n\nif (\n process.env.REACT_APP_ENV === \"production\" ||\n process.env.REACT_APP_ENV === \"prelive\"\n) {\n console.log = console.error = console.assert = console.warn = () => {};\n}\n\nsagaMiddleware.run(rootSaga);\nsetupListeners(store.dispatch);\nexport const persistor = persistStore(store);\nexport default store;\n","import { useHistory } from \"react-router-dom\";\nimport C from \"Constants\";\nimport { logErrorOnSentry } from \"utils/Utils\";\n\nfunction useCustomHistory() {\n const history = useHistory();\n\n const redirectPage = (\n customDomainPath,\n temporaryDomainPath,\n DomainType,\n state,\n search = \"\"\n ) => {\n const validatePath = (path) => {\n if (\n path === null ||\n path === \"null\" ||\n path === undefined ||\n path === \"undefined\" ||\n path === \"\"\n ) {\n logErrorOnSentry(`route Path is not valid ${path}`);\n return false;\n } else return true;\n };\n\n if (DomainType === C.CUSTOM_DOMAIN && validatePath(customDomainPath)) {\n const path = validatePath(customDomainPath) ? customDomainPath : \"/\";\n const location = {\n pathname: path,\n state: state,\n search: search,\n };\n if (state) {\n history.push(location);\n } else {\n history.push({ ...location, state: undefined });\n }\n } else if (validatePath(temporaryDomainPath)) {\n const path = validatePath(temporaryDomainPath)\n ? temporaryDomainPath\n : \"/\";\n const location = {\n pathname: path,\n state: state,\n search: search,\n };\n if (state) {\n history.push(location);\n } else {\n history.push({ ...location, state: undefined });\n }\n } else {\n window.location.reload();\n }\n };\n\n return redirectPage;\n}\n\nexport default useCustomHistory;\n","import API from \"apiHelpers\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { UserAction } from 'store/actions';\nimport { UTILS } from \"utils\";\nimport { logErrorOnSentry } from \"utils/Utils\";\n\nfunction useUserWallet() {\n const dispatch = useDispatch();\n const [userWallet, setUserWallet] = useState(0);\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n\n useEffect(() => {\n let isMounted = true; // Set a flag to track whether the component is mounted\n const currentUser = UTILS.getCurrentUser(brandInfo?.brand?._id);\n if (!currentUser) {\n return;\n }\n\n async function getUserWallet() {\n try {\n const userWallet = await API.getUserWallet({\n userId: currentUser?.user?.userId,\n brandId: currentUser?.user?.brandId,\n });\n\n if (isMounted) {\n // Check if the component is still mounted before updating state\n if (userWallet.success === 1) {\n setUserWallet(userWallet?.data?.balance || 0);\n dispatch(UserAction.setLifetimeSpending(userWallet?.data?.lifetimeSpending || 0));\n }\n }\n } catch (err) {\n if (isMounted) {\n logErrorOnSentry(\n `user wallet api error ${err?.message}`,\n \"error\",\n `user-info:${JSON.stringify(currentUser)}`\n );\n }\n }\n }\n\n if (\n currentUser?.token &&\n currentUser?.user?.userId &&\n currentUser?.user?.brandId\n ) {\n getUserWallet();\n }\n\n return () => {\n isMounted = false; // Set the flag to false when the component is unmounted\n setUserWallet(0);\n };\n }, [brandInfo]);\n\n return userWallet;\n}\n\nexport default useUserWallet;\n","import { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { CartAction } from \"store/actions\";\nimport { calculateCartGrossAmount } from \"utils/Utils\";\nimport useUserWallet from \"./useUserWallet\";\nimport C from \"Constants\";\n\nfunction useUpdateCart() {\n const dispatch = useDispatch();\n const userWallet = useUserWallet();\n const { cart } = useSelector((state) => state.cart);\n const { orderType } = useSelector((state) => state.AppReducer);\n const { discountInfo } = useSelector((state) => state.Discounts);\n const { outletBasedSelectedStoreArea } = useSelector((state) => state?.store);\n\n useEffect(() => {\n updateCart();\n if (orderType?.serviceType === C.SERVICE_TYPE.DELIVERY) {\n dispatch(\n CartAction.setDeliveryFee(outletBasedSelectedStoreArea?.deliveryFee)\n );\n } else {\n dispatch(CartAction.setDeliveryFee(0));\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cart, discountInfo, outletBasedSelectedStoreArea, orderType]);\n\n const updateCart = () => {\n const { itemsGrossAmount, itemsNetPrice, orderGrossAmount } =\n calculateCartGrossAmount(cart, discountInfo, userWallet);\n dispatch(\n CartAction.updateCartPrice({\n originalPrice: itemsNetPrice,\n amountAfterDiscount: itemsGrossAmount,\n itemsGrossAmount,\n orderGrossAmount,\n })\n );\n };\n return updateCart;\n}\n\nexport default useUpdateCart;\n","import React, { useState, useEffect } from \"react\";\nimport Spinner from \"./Spinner\";\nimport { UTILS } from \"utils\";\nimport i18n from \"i18n/i18n\";\n\nconst NotFound = ({\n message = \"Please, check the link and try again!\",\n location,\n sentryError,\n}) => {\n const [timer, setTimer] = useState(true);\n\n useEffect(() => {\n setTimeout(() => {\n setTimer(false);\n }, 1000);\n return () => {\n setTimer(false);\n };\n }, []);\n\n let msg = message || `No match for ${location?.pathname}`;\n\n UTILS.logErrorOnSentry(sentryError || msg, \"info\");\n return (\n \n
\n );\n};\n\nexport default NotFound;\n","import React, { useMemo, useState } from \"react\";\nimport { t } from \"i18next\";\nimport { useSelector } from \"react-redux\";\nimport { TickIcon, LocationIcon } from \"icons\";\nimport { UTILS } from \"utils\";\nimport { Delete } from \"icons\";\nimport ConfirmModal from \"./Modals/ConfirmModal\";\nimport CustomModal from \"./CustomModal\";\nimport { logErrorOnSentry } from \"utils/Utils\";\nconst SaveAddressesList = ({\n savedAddresses,\n deleteSlectedAddress,\n setAddress,\n showTick,\n}) => {\n const { userdeliveryAdress } = useSelector(\n (state) => state.DeliveryAddressReducer\n );\n\n const [openDeleteModal, setOpenDeleteModal] = React.useState(false);\n const [confirmationCallback, setConfirmationCallback] = useState(\n () => () => {}\n );\n const handleDelete = (id) => {\n setOpenDeleteModal(true);\n setConfirmationCallback(() => () => {\n deleteSlectedAddress(id);\n setOpenDeleteModal(false);\n });\n };\n\n // log error on sentry if selected address not found in the list\n const addlogOnSentry = (selectedAddress, index) => {\n if (selectedAddress && index === -1) {\n logErrorOnSentry(\n `Saved address not found in the list `,\n \"error\",\n `selected address=${JSON.stringify(\n selectedAddress\n )} saved addresses=${JSON.stringify(savedAddresses)}`\n );\n }\n };\n\n const shipftedAddreses = useMemo(() => {\n if (userdeliveryAdress?._id && savedAddresses?.length > 0) {\n const index = savedAddresses.findIndex(\n (address) => address?._id === userdeliveryAdress?._id\n );\n\n addlogOnSentry(userdeliveryAdress, index);\n if (index > -1) {\n const temp = savedAddresses[index];\n const updatedAddresses = [...savedAddresses];\n updatedAddresses?.splice(index, 1);\n updatedAddresses?.unshift(temp);\n return updatedAddresses;\n } else return savedAddresses;\n } else return savedAddresses;\n }, [userdeliveryAdress?._id, savedAddresses?.length]);\n\n return (\n <>\n {shipftedAddreses?.length >= 1\n ? shipftedAddreses?.map((address) => (\n \n {timer ? (\n \n {typeof message === \"string\" ? (\n message\n ) : (\n
\n\n
\n \n {typeof message === \"string\" ? (\n message\n ) : (\n \n No match for {location?.pathname}\n \n )}\n
\n\n {location?.pathname}\n \n window.location.reload()}\n className=\"bg-brand-base-primary w-full py-3 rounded px-6 text-white text-17x font-bold cursor-pointer\"\n >\n {i18n.t(\"Refresh\")}\n \n
\n \n )}\n \n
\n \n \n ))\n : null}\n\n \n
\n \n \n {t(address?.addressType)}\n \n\n \n {UTILS.getFormattedAddress(address)}\n \n
\n \n {userdeliveryAdress?._id === address?._id &&\n showTick !== false ? (\n {\n e.stopPropagation();\n handleDelete(address?._id);\n }}\n >\n
\n )}\n \n
\n ) : (\n \n
\n );\n};\n\nfunction DeliveryWaveOffWidget() {\n const { orderType } = useSelector((state) => state?.AppReducer);\n const { selectedStore } = useSelector((state) => state?.store);\n\n if (orderType?.EN?.name === C.SERVICE_TYPE.DELIVERY) {\n if (selectedStore?.deliveryChargesWaiverInfo?.onOrderAmount?.isEnabled) {\n return (\n \n
\n \n \n \n \n
\n {children}
\n \n {t(\"Special offer: we are offering free delivery on orders over\")}{\" \"}\n \n {selectedStore?.deliveryChargesWaiverInfo?.onOrderAmount?.amount}\n {t(\"AED\")}\n \n
\n{message}
}\n {t(\n \"We regret to inform you that the happy hour free delivery offer has expired.\"\n )}\n
\n\n \n {t(\"Discount\")} \n \n {`( \n ${\n currentLang === \"AR\"\n ? `%${showDiscountValue(\n discount?.dicount?.discountAmount\n )}`\n : `${showDiscountValue(\n discount?.dicount?.discountAmount\n )}% `\n }\n \n \n \n ${t(\"AED\")} ${\n discount?.dicount?.isApplicableOnAllItems\n ? t(\"all Items\")\n : t(\"Selected Items\")\n }\n \n ${\n discount?.dicount?.maximumDiscountValue !== 0\n ? `${t(\"Up to\")} \n ${discount?.dicount?.maximumDiscountValue} \n ${t(\"AED\")} `\n : \"\"\n }\n )`}\n \n \n
\n \n \n - \n {currentLang === \"AR\"\n ? getPercentAmount(discountAmount) + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + getPercentAmount(discountAmount)}\n \n \n \n {t(\"Discount\")} \n \n {`( ${discount?.dicount?.discountAmount} ${t(\"AED\")} ${\n discount?.dicount?.isApplicableOnAllItems\n ? t(\"all Items\")\n : t(\"Selected Items\")\n }\n )\n `}\n \n \n
\n \n \n - \n\n {currentLang === \"AR\"\n ? discountAmount + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + discountAmount}\n \n {children}
: null}\n \n {t(\"Payment summary\")}\n
\n- \n {((discountInfo && isDiscountApplied) ||\n (loyaltyApplied && userWallet > 0)) && (\n
- \n \n \n \n {t(\"Original Basket Total\")}\n \n\n \n {original && (\n \n {currentLang === \"AR\"\n ? original + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + original}\n \n )}\n \n )}\n {discountInfo &&\n isDiscountApplied &&\n (discountInfo?.discountType === \"percentage\" ? (\n
- \n \n \n {t(\"Loyalty points\")} \n\n \n \n - \n {currentLang === \"AR\"\n ? loyaltyAmount.toFixed(2) + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + loyaltyAmount.toFixed(2)}\n \n \n )}\n\n {cart.length > 0 && (\n
- \n \n \n {t(\"Basket Total\")} \n\n \n {discountInfo && isDiscountApplied && amountAfterDiscount ? (\n \n {currentLang === \"AR\"\n ? amountAfterDiscount + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + amountAfterDiscount}\n \n ) : (\n \n {currentLang === \"AR\"\n ? amountAfterDiscount + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + amountAfterDiscount}\n \n )}\n \n )}\n\n {orderType?.EN?.name === C.SERVICE_TYPE.DELIVERY ? (\n
- \n \n \n {t(\"Delivery Fee\")} \n\n \n {deliveryFee && (\n \n {currentLang === \"AR\"\n ? deliveryFee + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + deliveryFee}\n \n )}\n \n ) : null}\n\n {ordered.allOrders && ordered.allOrders.length > 0 &&
- \n \n \n {t(\"Previous-Added Tax\")}{` (${taxRate}%)`}\n\n \n \n {`AED ${(\n ordered.ordersTotalTax || 0.00\n ).toFixed(2)} `}\n \n }\n\n {ordered.allOrders && ordered.allOrders.length > 0 && ordered.totalTipAmount &&
- \n \n \n {t(\"Previous-Added Tip\")}\n\n \n \n {`AED ${(\n ordered.totalTipAmount || 0.00\n ).toFixed(2)} `}\n \n }\n\n {cart && cart.length > 0 &&
- \n \n \n {t(\"Value-Added Tax\")}{` (${taxRate}%)`} \n\n \n {`AED ${(\n itemsGrossAmount *\n (taxRate / 100)\n ).toFixed(2)} `}\n }\n \n \n\n {selectedTip && (\n
- \n \n \n {t(\"Tip\")} {selectedTip.type === \"default\"\n ? `(${(selectedTip.value * 100).toFixed(0)}%)`\n : ''}\n\n \n \n {`AED ${\n selectedTip.type === \"custom\"\n ? (selectedTip.value).toFixed(2)\n : (itemsGrossAmount * selectedTip.value).toFixed(2)\n }`}\n \n )}\n
\n
\n \n \n );\n};\n\nexport default ItemsPaymentTotalDetail;","import { createAction } from \"@reduxjs/toolkit\";\nexport const logout = createAction(\"logout\");\nexport const removeBrandData = createAction(\"removeBrandData\");\n","import { createAction } from \"@reduxjs/toolkit\";\nexport const resetOnChangeArea = createAction(\"resetAreaData\");\nexport const resetOnChangeStore = createAction(\"resetStoreData\");\nexport const resetOnChangeCartWithStore = createAction(\n \"resetCartWithStoreData\"\n);\nexport const removeOrderData = createAction(\"removeOrderData\");\n","//auth urls\nexport const LOGIN_USER = \"user/password-less-login-v2\";\nexport const VERRIFY_VERIFICATION_CODE = \"user/verify-account-v2\";\nexport const RESEND_VERIFICATION_CODE = \"user/send-otp-code\";\nexport const REGISTER_USER = \"auth/register\";\n\n//brand urls\nexport const GET_BRANDS_FROM_SLUG = \"get-user-brands-by-slug\"\nexport const GET_BRAND_SETTINGS = \"branding/getBrandSettings\";\nexport const GET_BRAND_MENU = \"menus/get-brand-menu\";\nexport const GET_BRAND_ACTIVE_SERVICES = \"brands/get-brand-active-services\";\nexport const GET_BRAND_SETTINGS_BYID =\n \"branding/get-brand-settings-by-brand-id-for-store-front\";\n\nexport const GET_BRAND_ACTIVE_SHIPPING_METHOD =\n \"brands/get-brand-active-delivery-method\";\n\n//store urls\nexport const GET_BRAND_PICKUP_STORES = \"/store/get-stores-for-pickup\";\nexport const GET_STORES_BY_AREA_ID = \"store/getStoresByDeliveryArea\";\nexport const GET_STORE_INFO_POPULATED = \"store/getStoreInfoPopulated\";\n\n//store menu urls\nexport const GET_DELIVERY_STORE_MENU = \"menus/get-delivery-store-menu-v2\";\nexport const GET_STORE_MENU_FOR_PICKUP = \"menus/get-pickup-store-menu\";\nexport const GET_STORE_MENU_FOR_DINE_IN = \"menus/get-dine-in-store-menu\";\n\n//brand based urls\nexport const GET_STORE_DELIVERY_AREAS =\n \"delivery-method/get-delivery-areas-of-single-store-business\";\n\n//user urls\nexport const GET_USER_ADDRESSES_WITH_AREAID =\n \"user/getCurrentUserAddressesWithAreaId\";\nexport const ADD_USER_ADDRESSES = \"user/addUserAddress\";\nexport const GET_USER_SAVED_PAYMENT_CARDS = \"user/get-user-payment-cards\";\n\n//order urls\nexport const PLACE_ORDER = \"order/place-order-v2\";\nexport const GET_MY_ORDERS = \"order/getCustomerOrders\";\nexport const GET_ORDER_INFO_POPULATED = \"order/get-order-tracking-info/\";\n\n//discount urls\nexport const GET_DISCOUNTS = \"discounts/get-all-active-discounts-v2\";\nexport const VALIDATE_DISCOUNT = \"discounts/validate-discount-V2\";\n\n//payments\nexport const GET_HOSTED_PAYMENT_PAGE =\n \"ordersCheckoutPayment/getHostedPaymentPage\";\n\nexport const VERIFY_PAYMENT = \"ordersCheckoutPayment/verifyPayment\";\n\n//checkout.com payments\nexport const GET_CHECKOUT_DOT_COM_PAYMENT =\n \"orders-checkout-payment/checkout-dot-com/initiate-frames-payment-request/\";\nexport const VERIFY_CHECKOUT_DOT_COM_PAYMENT =\n \"orders-checkout-payment/checkout-dot-com/verify-payment-request\";\n\n//items\nexport const GET_DIRECT_ITEM_DETAIL = \"items/get-item-detail\";\nexport const GET_MENU_ITEM_DETAIL = \"menus/get-menu-item-detail\";\n//user delivery Address\n\nexport const UPDATE_USER_DELIVERY_ADDRESS = \"user/updateUserAddress\";\nexport const GET_USER_DELIVERY_ADDRESS = \"user/get-current-user-addresses-v2\";\n\n//payment Links\n\n//1-checkout.com\nexport const GET_PAYMENT_LINK_INFO =\n \"payment-links/get-payment-link-info-by-cart-id\";\nexport const INITIATE_PAYMENT_LINK_REQUEST =\n \"payment-links/checkout-dot-com/initiate-payment-request\";\nexport const VERIFY_PAYMENT_LINK =\n \"payment-links/checkout-dot-com/verify-payment-request\";\n\n//2-stripe\nexport const CREATE_STRIPE_PL_INTENT =\n \"payment-links/stripe/create-payment-intent\";\nexport const VERIFY_STRIPE_PL_INTENT =\n \"payment-links/stripe/verify-payment-intent\";\n// loyalty policy\n\nexport const GET_BRAND_LOYALTY_POLICY = \"loyalty/get-by-brand\";\nexport const GET_USER_WALLET = \"wallet/get-user-wallet\";\n\n// Stripe\nexport const CREATE_STRIPE_PAYMENT_INTENT =\n \"orders-checkout-payment/stripe/create-payment-intent-v2\";\nexport const VERIFY_STRIPE_PAYMENT_INTENT =\n \"orders-checkout-payment/stripe/verify-payment-intent\";\nexport const GET_STRPE_SAVED_CARDS =\n \"orders-checkout-payment/stripe/get-customer-cards\";\n\n//user addresses\nexport const GET_USER_ADDRESSES = \"user/get-user-addresses-v2\";\nexport const ADD_USER_ADDRESS = \"user/add-user-address\";\nexport const DELETE_USER_ADDRESS = \"user/remove-user-address\";\nexport const GET_SINGLE_STORE_DELIVERY_AREA =\n \"delivery-method/get-delivery-area-info\";\n\n//user feedback\nexport const SUBMIT_USER_FEEDBACK = \"feedbacks/create\";\nexport const GET_ORDER_DETAIL_BY_ID = \"order/get-order-info/\";\n\nexport const GET_STORES_BY_LAT_LNG = \"store/get-stores-by-coordinates\";\n//MAP areas\nexport const GET_MAP_DELIVERY_AREAS =\n \"delivery-method/get-brand-delivery-areas\";\nexport const GET_STORES_BY_MAP_AREA = \"store/get-stores-by-mapped-area\";\n\nexport const CHECK_POLYGON_CONTAIN =\n \"store/check-coordinates-in-store-delivery-range\";\n\nexport const GET_MENU_BY_ID = \"menus/get-menu-by-id\";\nexport const GET_RECOMMENDED_ITEMS = \"menus/get-recommend-items\";\n\nexport const CHECK_STORE_AVAILABILITY = \"store/check-store-availability\";\n\nexport const UPDATE_USER_PROFILE = \"user/update-user-profile\";\n","import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport Backend from \"i18next-http-backend\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport { handleSessionStorage } from \"utils/storage\";\n\ni18n\n // load translation using http -> see /public/locales (i.e. https://github.com/i18next/react-i18next/tree/master/example/react/public/locales)\n // learn more: https://github.com/i18next/i18next-http-backend\n .use(Backend)\n // detect user language\n // learn more: https://github.com/i18next/i18next-browser-languageDetector\n .use(LanguageDetector)\n // pass the i18n instance to react-i18next.\n .use(initReactI18next)\n\n // init i18next\n // for all options read: https://www.i18next.com/overview/configuration-options\n .init({\n lng: \"en\", // Load the language from session storage if it's set, otherwise default to 'en'\n compatibilityJSON: \"v3\",\n\n backend: {\n /* translation file path */\n loadPath: \"/assets/i18n/{{ns}}/{{lng}}.json\",\n },\n fallbackLng: \"en\",\n debug: false,\n\n /* can have multiple namespace, in case you want to divide a huge translation into smaller pieces and load them on demand */\n ns: [\"translations\"],\n defaultNS: \"translations\",\n keySeparator: false,\n\n interpolation: {\n escapeValue: false,\n formatSeparator: \",\",\n },\n react: {\n useSuspense: true,\n },\n });\ni18n.on(\"languageChanged\", (lng) => {\n handleSessionStorage.removeItem(\"i18nextLng\");\n handleSessionStorage.setItem(\"i18nextLng\", lng);\n});\nexport default i18n;\n","import React from \"react\";\n\nfunction Whatsapp(props) {\n \n return (\n \n
\n \n \n \n {t(\"Total\")}\n \n \n\n \n \n {currentLang === \"AR\"\n ? orderGrossAmount.toFixed('2') + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + orderGrossAmount.toFixed('2')}\n \n \n
\n \n
\n\n \n {order?.storeInfo?.baseLanguage?.name}\n
\n {t(order?.orderStatus)}
\n \n \n {currentLang === \"AR\"\n ? order?.totalOrderPrice + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + order?.totalOrderPrice}\n \n - \n \n {moment.unix(order?.orderPlacedTime).format(\"DD/MM/YYYY\")}\n \n
\n \n \n \n \n
\n \n ))}\n \n {error?.message ?? \"Error in Fetching orders\"}\n
\n );\n return (\n\n
\n \n {t(\"You don't Have any order yet.\")}\n
\n )}\n \n
\n // \n \n
\n \n {title}\n
\n \n //
\n );\n};\n\nexport default PopupHeader;\n","import React, { useEffect } from \"react\";\n\nconst Search = (props) => {\n const { label } = props;\n const checkAtrFocus = props?.setInputFocus ? true : false;\n useEffect(() => {\n const el = document.getElementById(\"company-website\");\n el?.addEventListener(\"focusin\", (event) => {\n if (checkAtrFocus) {\n props?.setInputFocus(true);\n }\n });\n\n el.addEventListener(\"focusout\", (event) => {\n if (checkAtrFocus) {\n props?.setInputFocus(false);\n }\n });\n }, []);\n return (\n {heading}
\n // \n // \n // \n //\n \n \n \n
\n );\n};\n\nexport default Search;\n","import React from \"react\";\nimport { useLang } from \"hooks\";\nfunction RadioCheck({ color }) {\n return (\n \n \n {\n \n {lang === \"EN\"\n ? city?.cityInfo?.cityNameEN\n : city?.cityInfo?.cityNameAR}\n \n }\n\n
\n\n
\n );\n};\n\nexport default CityList;\n","import { useEffect, useState } from \"react\";\n\nfunction useTouchMoveBlur({ inputRef }) {\n const [isInputFocused, setIsInputFocused] = useState(false);\n\n useEffect(() => {\n const handleFocus = () => {\n setIsInputFocused(true);\n };\n\n const handleBlur = () => {\n setIsInputFocused(false);\n };\n\n const handleTouchMove = () => {\n if (isInputFocused) {\n inputRef?.current?.blur(); // Close the keyboard\n }\n };\n\n // Attach focus and blur event listeners to the input\n inputRef?.current?.addEventListener(\"focus\", handleFocus);\n inputRef?.current?.addEventListener(\"blur\", handleBlur);\n\n // Check if the window object is available before adding the event listener\n if (typeof window !== \"undefined\") {\n window.addEventListener(\"touchmove\", handleTouchMove);\n\n // Clean up the event listener when the component is unmounted\n return () => {\n window.removeEventListener(\"touchmove\", handleTouchMove);\n };\n }\n\n // Return a dummy cleanup function if the window object is not available\n return () => {};\n }, [isInputFocused, inputRef]);\n\n return null;\n}\n\nexport default useTouchMoveBlur;\n","import React from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { SVGICONS } from \"config\";\nimport useGetStoresByAreaId from \"service-hooks/useGetStoresByAreaId\";\nimport * as Actions from \"store/actions\";\n\nconst MapAreaList = ({ area, lang, page }) => {\n const dispatch = useDispatch();\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n const getStoresByArea = useGetStoresByAreaId();\n const getStoresByAreaId = async (area) => {\n area && dispatch(Actions.DeliverAreaAction.setSelectedArea(area));\n if (brandInfo && area?.mappedAreaId) {\n await getStoresByArea(area.mappedAreaId, \"map-area-list\", page);\n dispatch(Actions.NotPersistAction.toggleAreaModal(false));\n }\n };\n\n return (\n <>\n {area?.areas?.map((area, key) => (\n \n {\n \n {lang === \"EN\"\n ? city?.cityInfo?.cityNameEN\n : city?.cityInfo?.cityNameAR}\n \n }\n\n \n \n \n
\n\n - \n {(open || opened) &&
\n \n {\n \n {lang === \"EN\" ? city?.city?.en : city?.city?.ar}\n \n }\n\n
\n\n
\n );\n};\n\nexport default MapCityList;\n","import React, { useRef, useMemo, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport PopupHeader from \"components/PopupHeader\";\nimport Search from \"components/Search\";\nimport { useLang } from \"hooks\";\nimport CityList from \"./CityList\";\nimport { t } from \"i18next\";\nimport ErrorComponent from \"../ErrorComponent\";\nimport useTouchMoveBlur from \"hooks/useTouchMoveBlur\";\nimport MapAreaCityList from \"../map-areas/MapCityList\";\nimport C from \"Constants\";\nconst getHeader = (header, headerLabel) => {\n if (header) {\n return \n {\n \n {lang === \"EN\" ? city?.city?.en : city?.city?.ar}\n \n }\n\n \n \n \n
\n\n - \n {open || opened ? (\n
\n
\n );\n}\n\nexport default SelectDeliveryArea;\n","import React, { useEffect, useState } from \"react\";\nimport { t } from \"i18next\";\nimport { SVGICONS } from \"config\";\nimport { useSelector } from \"react-redux\";\nimport { useLang } from \"hooks\";\nimport { calculateItemsNetAmount } from \"utils/Utils\";\nfunction ViewBasket({ viewBasketPage }) {\n const { cart } = useSelector((state) => state?.cart);\n const [total, setTotal] = useState(0);\n const { currentLang } = useLang();\n const { discountInfo } = useSelector((state) => state?.Discounts);\n useEffect(() => {\n let itemNetPrice = calculateItemsNetAmount(cart);\n setTotal(itemNetPrice.itemsNetAmount);\n }, [cart, discountInfo]);\n return (\n \n {getHeader(header, headerLabel)}\n
\n \n
\n\n {t(\"Loading\")}
}\n\n {areasError &&
\n \n {deliveryAreas?.deliveryMethod ===\n C.SHIPPING_METHODS?.MAPPED_AREA_BASED\n ? MappedAreas?.map((city, index) => {\n return (\n
\n \n \n \n \n \n \n \n
\n )}\n \n \n
\n \n \n \n
\n {/* {avgPrepTime ? (\n {name}
\n \n {manualAddress}\n \n \n {store?.isOpened || store?.isPreOrderEnabledForDelivery ? (\n <>\n {t(\"Available for\")}\n {store?.isOpened && (\n \n {t(\"Quick Orders\")}\n \n )}\n {store?.isPreOrderEnabledForDelivery && (\n \n {t(\"Pre Orders\")}\n \n )}\n \n ) : isStoreClosed(store) ? (\n \n {t(\" Store is closed\")}\n \n ) : null}\n
\n \n {avgPrepTime}\n
\n ) : null} */}\n \n );\n}\n\nexport default StoreRow;\n","import React from \"react\";\nimport { t } from \"i18next\";\n\nconst isStoreClosed = (store) => {\n return (\n store?.isOpened === false && store?.isPreOrderEnabledForPickup === false\n );\n};\n\nfunction StoreRowForPickup({\n name,\n manualAddress,\n avgPrepTime,\n store,\n redirectToStorePage,\n}) {\n return (\n \n
\n {/* {avgPrepTime ? (\n {name}
\n \n {manualAddress}\n \n\n \n {store?.isOpened || store?.isPreOrderEnabledForPickup ? (\n <>\n {t(\"Available for\")}\n {store?.isOpened && (\n \n {t(\"Quick Orders\")}\n \n )}\n {store?.isPreOrderEnabledForPickup && (\n \n {t(\"Pre Orders\")}\n \n )}\n \n ) : isStoreClosed(store) ? (\n \n {t(\"Store is closed\")}\n \n ) : null}\n
\n \n {avgPrepTime}\n
\n ) : null} */}\n \n );\n}\n\nexport default StoreRowForPickup;\n","import React, { useState, useMemo, useRef } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\nimport { t } from \"i18next\";\n\nimport PopupHeader from \"components/PopupHeader\";\nimport ErrorComponent from \"components/ErrorComponent\";\nimport Search from \"components/Search\";\n\nimport useGetStoreInfo from \"service-hooks/useGetStoreInfo\";\nimport useTouchMoveBlur from \"hooks/useTouchMoveBlur\";\nimport useEventTracker from \"hooks/useEventTracker\";\nimport { useWindowLocation } from \"hooks\";\n\nimport { logErrorOnSentry, errorNotification } from \"utils/Utils\";\nimport { useMapContext } from \"contexts/googleMap\";\nimport { getAreaCityAndCountry } from \"utils/googleGeoCode\";\nimport C from \"Constants\";\nimport { useLang } from \"hooks\";\nimport ModalCloseButton from \"components/ModalCloseButton\";\n\nimport { Loader } from \"store/actions\";\nimport StoreRow from \"./StoreRow\";\nimport StoreRowForPickup from \"./StoreRowForPickup\";\nimport { NotPersistAction } from \"store/actions\";\n//HEADER\nconst getHeader = (header, headerLabel) => {\n if (header) return \n
\n \n );\n}\n\nfunction StoreListForDelivery({\n styleClasses,\n header,\n headerLabel,\n stores,\n updateTemporaryLocation,\n}) {\n const { shippingMethod, DomainType } = useSelector(\n (state) => state?.AppReducer\n );\n const params = useParams();\n const { currentLang } = useLang();\n const windowRouter = useWindowLocation();\n const getStoreInfoWithMenu = useGetStoreInfo();\n const { googlemapState } = useMapContext();\n const dispatch = useDispatch();\n\n const getAreaId = (store) => {\n if (\n shippingMethod === C.SHIPPING_METHODS.MAPPED_AREA_BASED &&\n store?.mappedAreaInfo\n ) {\n return store?._id;\n } else if (\n shippingMethod === C.SHIPPING_METHODS.AREA_BASED &&\n store?.areaID\n ) {\n return store?.areaID?._id;\n }\n return null;\n };\n\n const redirectToHome = (store) => {\n logErrorOnSentry(\n `On Store List Delivery AreaList No areaId or no shipping-method found for store ${shippingMethod} ${store}}`,\n \"error\",\n store\n );\n errorNotification(\n \"We're sorry, but something went wrong. Please try again\"\n );\n windowRouter(`/`, `/${params.domainName}`, DomainType);\n return null;\n };\n\n const redirectToStorePage = async (store) => {\n try {\n dispatch(Loader.setLoading(true));\n updateTemporaryLocation();\n if (store?.storeId?._id) {\n const areaId = getAreaId(store);\n if (\n googlemapState?.userLocation?.coordinates?.lat &&\n googlemapState?.userLocation?.coordinates?.lng &&\n store?.mappedAreaType === C.DISTANCE\n ) {\n const lat = googlemapState?.userLocation?.coordinates?.lat;\n const lng = googlemapState?.userLocation?.coordinates?.lng;\n const storeAreaName = await getAreaCityAndCountry(\n lat,\n lng,\n currentLang\n );\n const storearea = {\n ...store,\n areaName: storeAreaName,\n };\n await getStoreInfoWithMenu(store.storeId?._id, null, storearea);\n } else if (areaId) {\n await getStoreInfoWithMenu(store.storeId?._id, areaId, null);\n } else redirectToHome(store);\n } else redirectToHome(store);\n } catch (error) {\n } finally {\n dispatch(Loader.setLoading(false));\n }\n };\n\n // Filter stores based on search term\n const filterStores = (stores, searchTerm) => {\n if (!searchTerm) return stores;\n\n return stores?.filter((store) =>\n store?.storeId?.baseLanguage?.name\n ?.toLowerCase()\n ?.includes(searchTerm?.trim())\n );\n };\n\n const searchKeyExtractor = (store, redirectToStorePage) => {\n return (\n \n {getHeader(header, headerLabel)}\n\n
\n \n
\n {t(\"Loading\")}
}\n {storeError?.error && \n {filteredStores?.map((store, index) => {\n return (\n redirectToStorePage(store)}\n className=\"cursor-pointer\"\n >\n {searchKeyExtractor(store, redirectToStorePage)}\n
\n );\n })}\n {brandInfo?.brand?.brandName}
\n{brandInfo?.setting?.taglineEN}
\n\n - \n {selectedStore?.averagePrepTime && (\n
- \n \n
\n \n {t(\"Delivery happens within\")} {selectedStore?.averagePrepTime}\n \n )}\n {selectedStore?.mobileNumber && (\n - \n \n
\n \n {selectedStore?.mobileNumber}\n \n )}\n {selectedStore?.manualAddress && (\n - \n \n
\n \n {selectedStore?.manualAddress}\n \n )}\n
{t(\"Links\")}
\n - \n {pages &&\n Object.entries(pages)\n .filter((key) => key[1]?.isActive)\n .map((key) => (\n
- gotoMyPage(key)}>\n \n {currentLang === \"EN\"\n ? key[1]?.linkTitle?.en\n : key[1]?.linkTitle?.ar}\n \n \n ))}\n
{t(\"Accepted Cards\")}
\n - \n {paymentOptions?.map((pay) => (\n
- \n
\n
\n {menu?.length === 0 && inputFocus ? (\n \n {searchTerm?.length > 0 && (\n
\n ) : (\n children\n )}\n\n \n \n {t(\"We didn’t find any results for\", {\n searchTerm: searchTerm,\n })}\n
\n )}\n\n \n
\n {\n openAddressListModal(\"fetch-all\");\n // handleChangeOrderStore();\n setContainerModalopen(false);\n }}\n >\n
\n \n setContainerModalopen(false)} />\n
\n \n
\n \n
\n \n {t(\"Delivering to\")}\n
\n\n {getStoreAreaName(\n currentLang,\n shippingMethod,\n outletBasedSelectedStoreArea\n )}\n
\n\n
\n \n {t(\"Change\")}\n
\n\n {\n setPreOrderingSlotWidget(true);\n setContainerModalopen(false);\n }}\n >\n
\n ) : null}\n \n \n \n \n \n \n );\n}\n\nexport default ChangeDeliveringToModalContainer;\n","import React, { useRef } from \"react\";\nimport moment from \"moment\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport CustomModal from \"components/CustomModal\";\nimport C from \"Constants\";\nimport { t } from \"i18next\";\nimport { UTILS } from \"utils\";\nimport Close from \"icons/Close\";\nimport { orderTimingAction } from \"store/actions\";\nimport { FormatPreOrderingTime } from \"utils/OrderUtils\";\n\nconst SlotList = ({ availableSlots }) => {\n const dispatch = useDispatch();\n const { orderTiming } = useSelector((state) => state?.orderTimingReducer);\n\n const changeSlotDay = (day, slotIndex) => {\n //if same day is selected then do nothing\n if (orderTiming?.preOrderSlot?.day === day) return;\n const slot = {\n day,\n time: availableSlots[slotIndex]?.slots[0],\n slotIndex,\n };\n\n const orderTimingObj = {\n TimingType: C.ORDER_TIMING_TYPE.PREORDER,\n isPreOrderAvailable: true,\n preOrderSlot: slot,\n };\n\n dispatch(orderTimingAction.setOrderTiming(orderTimingObj));\n };\n const changeSlotTiming = (time, day, slotIndex) => {\n if (orderTiming?.preOrderSlot?.time === time) return;\n const orderTimingObj = {\n TimingType: C.ORDER_TIMING_TYPE.PREORDER,\n isPreOrderAvailable: true,\n preOrderSlot: {\n day,\n time,\n slotIndex,\n },\n };\n\n dispatch(orderTimingAction.setOrderTiming(orderTimingObj));\n };\n\n return (\n <>\n \n
\n {isPreORderEnabled && preORderSlots?.length > 0 ? (\n \n {t(\"Delivery Time\")}\n
\n\n {orderTiming?.TimingType === C.ORDER_TIMING_TYPE.PREORDER &&\n orderTiming?.preOrderSlot?.day &&\n orderTiming?.preOrderSlot?.time ? (\n \n {orderTiming?.preOrderSlot?.day === C.TODAY\n ? t(orderTiming?.preOrderSlot?.day)\n : moment(orderTiming?.preOrderSlot?.day).format(\n \"dddd, DD MMM YYYY\"\n )}\n {\", \"}\n {FormatPreOrderingTime(orderTiming?.preOrderSlot?.time)}\n \n ) : (\n \n {t(\"ASAP\")}\n \n )}\n\n {t(\"Change\")}\n
\n\n {/* Left side - Day List */}\n \n
\n\n {/* Right side - Slots */}\n - \n {availableSlots.map((daySlot, index) => (\n
\n {orderTiming?.TimingType !== null && (\n
\n \n \n );\n};\n\nfunction PreOrderingSlotWidget({\n isPreOrderingSlotWidget,\n setPreOrderingSlotWidget,\n selectedStore,\n}) {\n const elementRef = useRef(null);\n const dispatch = useDispatch();\n const { orderType } = useSelector((state) => state.AppReducer);\n const { orderTiming } = useSelector((state) => state?.orderTimingReducer);\n\n const validatePreOrdering = () => {\n if (\n orderTiming?.TimingType === C.ORDER_TIMING_TYPE.PREORDER &&\n orderTiming?.preOrderSlot?.day &&\n orderTiming?.preOrderSlot?.time &&\n orderTiming?.preOrderSlot?.slotIndex !== null\n ) {\n setPreOrderingSlotWidget(false);\n return true;\n } else if (\n orderTiming?.TimingType === C.ORDER_TIMING_TYPE.ASAP &&\n selectedStore?.isOpened\n ) {\n setPreOrderingSlotWidget(false);\n return true;\n } else {\n UTILS.errorNotification(\"Please select a slot\", \"top-center\");\n return false;\n }\n };\n\n const handleAsapOrders = (e) => {\n if (!e.target.checked) return;\n const obj = {\n TimingType: e.target.checked ? C.ORDER_TIMING_TYPE.ASAP : null,\n isPreOrderAvailable: false,\n preOrderSlot: {\n day: null,\n time: null,\n slotIndex: null,\n },\n };\n dispatch(orderTimingAction.setOrderTiming(obj));\n };\n const handlePreOrders = (e) => {\n if (!e.target.checked) return;\n if (orderType?.serviceType === C.SERVICE_TYPE.DELIVERY) {\n const obj = {\n TimingType: e.target.checked ? C.ORDER_TIMING_TYPE.PREORDER : null,\n isPreOrderAvailable: true,\n preOrderSlot: {\n day: e.target.checked\n ? selectedStore?.availablePreOrderSlotsForDelivery[0]?.day\n : null,\n time: e.target.checked\n ? selectedStore?.availablePreOrderSlotsForDelivery[0]?.slots[0]\n : null,\n slotIndex: e.target.checked ? 0 : null,\n },\n };\n dispatch(orderTimingAction.setOrderTiming(obj));\n }\n if (orderType?.serviceType === C.SERVICE_TYPE.PICKUP) {\n const obj = {\n TimingType: e.target.checked ? C.ORDER_TIMING_TYPE.PREORDER : null,\n isPreOrderAvailable: true,\n preOrderSlot: {\n day: e.target.checked\n ? selectedStore?.availablePreOrderSlotsForPickup[0]?.day\n : null,\n time: e.target.checked\n ? selectedStore?.availablePreOrderSlotsForPickup[0]?.slots[0]\n : null,\n slotIndex: e.target.checked ? 0 : null,\n },\n };\n dispatch(orderTimingAction.setOrderTiming(obj));\n }\n };\n return (\n <>\n - \n
\n {availableSlots[\n orderTiming?.preOrderSlot?.slotIndex || 0\n ]?.slots?.map((time, slotIndex) => (\n \n changeSlotTiming(\n time,\n availableSlots[orderTiming?.preOrderSlot?.slotIndex]\n ?.day,\n orderTiming?.preOrderSlot?.slotIndex\n )\n }\n key={slotIndex}\n className={`scroll-x font-normal cursor-pointer mb-2 p-2 text-center rounded-md transition-all ${\n orderTiming?.preOrderSlot?.time === time\n ? \"bg-brand-base-primary text-brand-text-primary\"\n : \"bg-gray-100 text-gray-600\"\n }`}\n >\n {FormatPreOrderingTime(time)}\n \n ))}\n
\n \n \n
\n
\n \n \n \n );\n}\n\nexport default PreOrderingSlotWidget;\n","import { apiSlice, postConfig, getConfig } from \"../../apiHelpers/ApiSlice\";\nimport * as URL from \"../../apiHelpers/api/ApiUrls\";\nimport { ErrorAction, Loader } from \"../actions\";\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\n\nconst apiWithTag = apiSlice.enhanceEndpoints({\n addTagTypes: [\"partialdeliveryAddress\"],\n});\n\nconst storeApi = apiWithTag.injectEndpoints({\n endpoints: (builder) => ({\n updateUserDeliveryAddress: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.UPDATE_USER_DELIVERY_ADDRESS,\n ...postConfig.query(body),\n }),\n invalidatesTags: [\"partialdeliveryAddress\", \"updateAddress\"],\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(\n ErrorAction.setError({\n error: null,\n modal: false,\n })\n );\n dispatch(Loader.togggleCheckoutLoader(true));\n\n try {\n const { data } = await queryFulfilled;\n if (data) {\n } else {\n dispatch(\n ErrorAction.setError({ error: errorHandler(data), modal: false })\n );\n }\n } catch (err) {\n dispatch(\n ErrorAction.setError({ error: errorHandler(err), modal: false })\n );\n }\n dispatch(Loader.togggleCheckoutLoader(false));\n },\n }),\n getUserDeliveryAddress: builder.query({\n ...getConfig,\n query: (body) => ({\n url: URL.GET_USER_DELIVERY_ADDRESS,\n ...getConfig.query(body),\n }),\n providesTags: [\"partialdeliveryAddress\"],\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(Loader.togggleCheckoutLoader(true));\n\n try {\n const { data } = await queryFulfilled;\n if (data?.success === 1 && data?.data?.fetchedUser) {\n if (data?.data?.fetchedUser?.userAddress) {\n }\n } else {\n dispatch(\n ErrorAction.setError({ error: errorHandler(data), modal: false })\n );\n }\n } catch (err) {\n dispatch(\n ErrorAction.setError({ error: errorHandler(err), modal: false })\n );\n }\n\n dispatch(Loader.togggleCheckoutLoader(false));\n },\n }),\n getUserAddressList: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_USER_ADDRESSES,\n ...postConfig.query(body),\n }),\n providesTags: [\"partialdeliveryAddress\", \"userAddressList\"],\n }),\n addNewUserAddress: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.ADD_USER_ADDRESS,\n ...postConfig.query(body),\n }),\n providesTags: [\"partialdeliveryAddress\"],\n }),\n deleteAddress: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.DELETE_USER_ADDRESS,\n ...postConfig.query(body),\n }),\n providesTags: [\"partialdeliveryAddress\", \"updateAddress\"],\n }),\n getDeliveryFeeOfSingleStore: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_SINGLE_STORE_DELIVERY_AREA,\n ...postConfig.query(body),\n }),\n invalidatesTags: [\"partialdeliveryAddress\"],\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n try {\n const { data } = await queryFulfilled;\n\n if (data) {\n } else {\n dispatch(\n ErrorAction.setError({ error: errorHandler(data), modal: true })\n );\n }\n } catch (err) {\n dispatch(\n ErrorAction.setError({\n error: errorHandler(err?.error?.data),\n modal: true,\n })\n );\n }\n },\n }),\n }),\n overrideExisting: true,\n});\n\nexport default storeApi;\nexport const {\n useGetUserDeliveryAddressQuery,\n useUpdateUserDeliveryAddressMutation,\n useGetUserAddressListMutation,\n useAddNewUserAddressMutation,\n useDeleteAddressMutation,\n useGetDeliveryFeeOfSingleStoreMutation,\n} = storeApi;\n","import { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { t } from \"i18next\";\n\nimport { logPopupError } from \"utils/Utils\";\nimport { handleLocalStorage } from \"utils/storage\";\nimport { DeliveryAddressAction } from \"store/actions\";\nimport { useDeliveryAddressContext } from \"contexts/userAddressess\";\nimport { useGetUserAddressListMutation } from \"store/deliveryAddress/delivery-address-service\";\n\nimport C from \"Constants\";\nimport { UTILS } from \"utils\";\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\n\nfunction useGetSavedAddressList({ fetch, autoSelectAddress = false }) {\n const dispatch = useDispatch();\n\n const { setAddresses } = useDeliveryAddressContext();\n const { brandInfo } = useSelector((state) => state.brandStorageReducer);\n const { orderType, shippingMethod } = useSelector(\n (state) => state.AppReducer\n );\n const { userdeliveryAdress } = useSelector(\n (state) => state.DeliveryAddressReducer\n );\n const [getUserAddressList] = useGetUserAddressListMutation();\n const { outletBasedSelectedStoreArea, selectedStore } = useSelector(\n (state) => state.store\n );\n\n // Get saved Address List\n async function getAddresses(addedAddressId, type) {\n try {\n // dispatch(Loader.togggleCheckoutLoader(true));\n const currentUser = UTILS.getCurrentUser(brandInfo?.brand?._id);\n if (!currentUser?.token) return null;\n let params = getParams();\n if (!params) return null;\n if (type === \"all\") {\n params = {\n deliveryMethod: shippingMethod,\n };\n }\n\n // Construct payload for address request\n const payload = {\n ...params,\n ...((addedAddressId || userdeliveryAdress?._id) && {\n selectedUserAddressId: addedAddressId ?? userdeliveryAdress._id,\n }),\n };\n const response = await getUserAddressList(payload);\n const success_response = handleAddressResponse(response);\n return success_response;\n } catch (error) {\n handleAddressError(error);\n return null;\n } finally {\n // dispatch(Loader.togggleCheckoutLoader(false));\n }\n }\n\n // Function to handle address fetching response\n const handleAddressResponse = (response) => {\n if (response?.data?.success === 1 && response?.data?.data?.userAddresses) {\n setAddresses(response?.data?.data?.userAddresses);\n if (\n !userdeliveryAdress &&\n response?.data?.data?.userAddresses?.length >= 1 &&\n autoSelectAddress\n ) {\n setAddress(response?.data?.data?.userAddresses[0]);\n return response?.data?.data?.userAddresses;\n } else return response?.data?.data?.userAddresses?.length >= 1;\n } else {\n handleAddressError(response);\n return null;\n }\n };\n\n // Function to handle address fetching error\n const handleAddressError = (error) => {\n dispatch(DeliveryAddressAction.setDeliveryAddress(null));\n logPopupError(errorHandler(error?.error), true);\n };\n\n const getParams = () => {\n if (!shippingMethod) {\n logPopupError(\n t(\n \"There is no delivery method available in store, please contact the business\"\n ),\n true\n );\n return false;\n }\n\n if (shippingMethod === C.SHIPPING_METHODS.MAPPED_AREA_BASED) {\n const objectParams = {\n deliveryMethod: shippingMethod,\n ...(outletBasedSelectedStoreArea?.mappedAreaType === C.DISTANCE && {\n distance: outletBasedSelectedStoreArea?.distance,\n }),\n\n ...(selectedStore?.storeLocation?.coordinates?.[0] && {\n storeLocation: {\n lat: selectedStore?.storeLocation?.coordinates?.[0],\n lng: selectedStore?.storeLocation?.coordinates?.[1],\n },\n }),\n ...(outletBasedSelectedStoreArea?.mappedAreaInfo?.mappedAreaId?._id && {\n mappedAreaId:\n outletBasedSelectedStoreArea?.mappedAreaInfo?.mappedAreaId?._id,\n }),\n };\n return objectParams;\n } else if (\n shippingMethod === C.SHIPPING_METHODS.AREA_BASED &&\n outletBasedSelectedStoreArea?.areaID?._id\n ) {\n const objectParams = {\n deliveryMethod: shippingMethod,\n areaId: outletBasedSelectedStoreArea?.areaID?._id,\n };\n\n return objectParams;\n } else return null;\n };\n\n useEffect(() => {\n const currentUser = UTILS.getCurrentUser(brandInfo?.brand?._id);\n const delserviceType = orderType?.serviceType === C.SERVICE_TYPE.DELIVERY;\n if (!fetch || !currentUser?.token || !delserviceType) return;\n\n const params = getParams();\n if (params) getAddresses();\n }, [\n outletBasedSelectedStoreArea?.areaID?._id,\n outletBasedSelectedStoreArea?.mappedAreaInfo?.mappedAreaId?._id,\n ]);\n\n // Set selected address as delivery address from saved Address List\n const setAddress = (address) => {\n dispatch(DeliveryAddressAction.setDeliveryAddress(address));\n handleLocalStorage.setItem(\"deliveryAddress\", userdeliveryAdress);\n // setAddressState(\"savedAddressListModal\", false);\n };\n useEffect(() => {\n if (userdeliveryAdress?.street) {\n handleLocalStorage.setItem(\"deliveryAddress\", userdeliveryAdress);\n }\n }, [\n userdeliveryAdress?.coordinates?.lat,\n userdeliveryAdress?.coordinates?.lng,\n userdeliveryAdress?.street,\n ]);\n\n return {\n getAddresses,\n setAddress,\n };\n}\n\nexport default useGetSavedAddressList;\n","import React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useParams } from \"react-router-dom\";\nimport { useDispatch, useSelector } from \"react-redux\";\n\nimport SelectDeliveryArea from \"components/outlet-based-areas/SelectDeliveryArea\";\nimport CustomModal from \"components/CustomModal\";\nimport { BrandAction } from \"store/actions\";\nimport ChangeDeliveringToModalContainer from \"./ChangeDeliveringToModalContainer\";\nimport PreOrderingSlotWidget from \"components/Pre-ordering/PreOrderingSlotWidget\";\n\nimport C from \"Constants\";\nimport moment from \"moment\";\nimport { FormatPreOrderingTime } from \"utils/OrderUtils\";\nimport { useCustomHistory } from \"hooks\";\nimport { getStoreAreaName } from \"utils/storeUtils\";\nimport useGetSavedAddressList from \"service-hooks/useGetSavedAddressList\";\n\nfunction DeliveringTo({ selectedArea, lang }) {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const params = useParams();\n const router = useCustomHistory();\n\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n const [isChngeAreaModalopen, setChngeAreaModalopen] = useState(false);\n const [isContainerModalopen, setContainerModalopen] = useState(false);\n const { shippingMethod, DomainType } = useSelector(\n (state) => state?.AppReducer\n );\n const { selectedStore } = useSelector((state) => state?.store);\n const { orderTiming } = useSelector((state) => state?.orderTimingReducer);\n\n const [isPreOrderingSlotWidget, setPreOrderingSlotWidget] = useState(false);\n\n const handleChangeOrderStore = () => {\n if (shippingMethod === C.SHIPPING_METHODS.MAPPED_AREA_BASED) {\n router(\n \"/address/select-delivery-area\",\n `/${params.domainName}/address/select-delivery-area`,\n DomainType\n );\n return;\n }\n dispatch(\n BrandAction.getBrandDeliveryAreas({\n brandId: brandInfo?.brand?._id,\n updateMethod: true,\n })\n );\n setChngeAreaModalopen(true);\n };\n\n const { getAddresses } = useGetSavedAddressList({\n fetch: false,\n type: \"filtered\",\n });\n const fetchUserAddresses = () => {\n getAddresses(null, \"all\");\n setContainerModalopen(true);\n };\n\n return (\n <>\n \n {\n setPreOrderingSlotWidget(false);\n }}\n />\n
\n \n
\n {selectedStore?.isOpened && (\n \n {\" \"}\n {orderType?.serviceType === C.SERVICE_TYPE.DELIVERY\n ? t(\"Delivery Timing\")\n : t(\"Pickup Timing\")}{\" \"}\n
\n {orderType?.serviceType === C.SERVICE_TYPE.DELIVERY ? (\n{t(\"Schedule when you want to receive the order\")}
\n ) : (\n{t(\"Schedule when you want to pickup the order\")}
\n )}\n\n <>\n
\n )}\n\n {orderTiming?.TimingType === C.ORDER_TIMING_TYPE.PREORDER && (\n <>\n \n \n
\n {((orderType?.serviceType === C.SERVICE_TYPE.DELIVERY &&\n selectedStore?.availablePreOrderSlotsForDelivery?.length >\n 0) ||\n (orderType?.serviceType === C.SERVICE_TYPE.PICKUP &&\n selectedStore?.availablePreOrderSlotsForPickup?.length >\n 0)) && (\n \n \n
\n )}\n \n \n {orderType?.serviceType === C.SERVICE_TYPE.DELIVERY &&\n selectedStore?.isPreOrderEnabledForDelivery && (\n
\n \n {selectedStore?.availablePreOrderSlotsForDelivery\n ?.length > 0 ? (\n
\n )}\n \n {orderType?.serviceType === C.SERVICE_TYPE.PICKUP &&\n selectedStore?.isPreOrderEnabledForPickup && (\n
\n \n )}\n\n \n {selectedStore?.availablePreOrderSlotsForPickup\n ?.length > 0 ? (\n
\n )}\n \n \n {t(\"Confirm\")}\n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n {t(\"Delivering to\")}
\n\n {getStoreAreaName(lang, shippingMethod, selectedArea)} (\n {orderTiming?.TimingType === C.ORDER_TIMING_TYPE.PREORDER &&\n orderTiming?.preOrderSlot?.day &&\n orderTiming?.preOrderSlot?.time ? (\n \n {orderTiming?.preOrderSlot?.day === C.TODAY\n ? t(orderTiming?.preOrderSlot?.day)\n : moment(orderTiming?.preOrderSlot?.day).format(\n \"dddd, DD MMM\"\n )}\n {\", \"}\n {FormatPreOrderingTime(orderTiming?.preOrderSlot?.time)}\n \n ) : (\n \n {t(\"ASAP\")}\n \n )}\n )\n
\n \n \n
\n {\n handleChangeOrderStore();\n setContainerModalopen(false);\n }}\n >\n
\n \n setContainerModalopen(false)} />\n
\n \n
\n \n
\n \n {t(\"Selected Store\")}\n
\n\n {selectedStore?.baseLanguage?.name\n ? selectedStore?.baseLanguage?.name\n : t(\"Select Store\")}{\" \"}\n
\n\n
\n \n {t(\"Change\")}\n
\n\n {\n if (isPreORderEnabled && preORderSlots?.length > 0) {\n setPreOrderingSlotWidget(true);\n setContainerModalopen(false);\n }\n }}\n >\n
\n \n \n \n \n \n );\n}\n\nexport default ChangePickupStoreModalContainer;\n","import React from \"react\";\nimport moment from \"moment\";\nimport C from \"Constants\";\nimport { t } from \"i18next\";\nimport { useSelector } from \"react-redux\";\nimport { FormatPreOrderingTime } from \"utils/OrderUtils\";\n\nfunction PreOrderingDisplayTimingWidget({\n setPreOrderingSlotWidget = () => {},\n route,\n}) {\n const { orderTiming } = useSelector((state) => state?.orderTimingReducer);\n\n return (\n \n
\n {isPreORderEnabled && preORderSlots?.length > 0 ? (\n \n {t(\"Pickup Time\")}\n
\n\n {orderTiming?.TimingType === C.ORDER_TIMING_TYPE.PREORDER &&\n orderTiming?.preOrderSlot?.day &&\n orderTiming?.preOrderSlot?.time ? (\n \n {orderTiming?.preOrderSlot?.day}{\" \"}\n {FormatPreOrderingTime(orderTiming?.preOrderSlot?.time)}\n \n ) : (\n \n {t(\"ASAP\")}\n \n )}\n\n
\n ) : null}\n \n {t(\"Change\")}\n
\n\n {t(\"You are ordering for\")}\n \n {orderTiming?.preOrderSlot?.day === C.TODAY\n ? t(orderTiming?.preOrderSlot?.day)\n : moment(orderTiming?.preOrderSlot?.day).format(\n \"dddd, DD MMM\"\n )}\n {\", \"}\n\n {FormatPreOrderingTime(orderTiming?.preOrderSlot?.time)}\n \n
\n )\n : null}\n \n );\n}\n\nexport default PreOrderingDisplayTimingWidget;\n","import React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { StoreListForPickup } from \"components/store/StoreList\";\nimport CustomModal from \"components/CustomModal\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { BrandAction } from \"store/actions\";\nimport ChangePickupStoreModalContainer from \"./ChangePickupStoreModalContainer\";\nimport { PreOrderingSlotWidget } from \"components/Pre-ordering\";\nimport moment from \"moment\";\nimport { FormatPreOrderingTime } from \"utils/OrderUtils\";\nimport C from \"Constants\";\nimport { NotPersistAction } from \"store/actions\";\n\nfunction PickupChangeStoreTo({ lang }) {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const { stores } = useSelector((state) => state?.brand);\n const { selectedStore } = useSelector((state) => state?.store);\n const { orderTiming } = useSelector((state) => state?.orderTimingReducer);\n\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n const { pickupStoreModal } = useSelector((state) => state?.NotPersist);\n const [isContainerModalopen, setContainerModalopen] = useState(false);\n const [isPreOrderingSlotWidget, setPreOrderingSlotWidget] = useState(false);\n //change store\n const handleChnagePickupStore = () => {\n dispatch(BrandAction.getBrandStores(brandInfo?.brand._id));\n dispatch(NotPersistAction.togglePickupStoreModal(true));\n };\n\n return (\n <>\n \n
\n \n \n
\n \n setContainerModalopen(true)}\n >\n \n \n \n
\n {t(\"Select Store\")}
\n\n\n {lang === \"EN\"\n ? selectedStore?.baseLanguage?.name\n : selectedStore?.baseLanguage?.name ?? \"Select your store\"}\n (\n {orderTiming?.TimingType === C.ORDER_TIMING_TYPE.PREORDER &&\n orderTiming?.preOrderSlot?.day &&\n orderTiming?.preOrderSlot?.time ? (\n \n {orderTiming?.preOrderSlot?.day === C.TODAY\n ? orderTiming?.preOrderSlot?.day\n : moment(\n orderTiming?.preOrderSlot?.day,\n \"dddd, DD MMM YYYY HH:mm\"\n ).format(\"DD MMM\")}\n {\", \"}\n {FormatPreOrderingTime(orderTiming?.preOrderSlot?.time)}\n \n ) : (\n {t(\"ASAP\")}\n )}\n )\n
\n \n
\n );\n}\n\nexport default StoreHeaderDetail;\n","import React, { Fragment } from \"react\";\nimport { Button } from \"antd\";\nimport { useLang } from \"hooks\";\nimport C from \"Constants\";\nimport { t } from \"i18next\";\nconst DeliveryPickupButton = ({\n activeServices,\n handleServiceType,\n orderType,\n}) => {\n const { currentLang } = useLang();\n return (\n \n \n
\n \n {selectedStore?.baseLanguage?.name}\n
\n {selectedStore?.whatsAppContact && (\n{selectedStore?.manualAddress}
\n\n \n \n \n {orderType?.EN?.name === C.SERVICE_TYPE.DELIVERY ? (\n \n \n \n ) : null}\n
\n \n {selectedStore?.baseLanguage?.description}\n
\n \n {activeServices &&\n activeServices.map((service, index) => {\n const isSelected = orderType?.[\"EN\"]?.name === service?.[\"EN\"]?.name;\n const length = activeServices.length;\n return (\n \n {service?.[\"EN\"]?.name === C.SERVICE_TYPE.DELIVERY && (\n handleServiceType(service)}\n className={`border border-brand-base-primary \n ${length <= 1 ? \"rounded-lg \" : `${currentLang === \"EN\" ? `rounded-l-lg` : \"rounded-r-lg\"}`} \n ${isSelected ? \"text-white bg-brand-base-primary \" : \"\"\n } py-1 px-2`}\n >\n {t(\"DELIVERY\")}\n \n )}\n {service?.[\"EN\"]?.name === C.SERVICE_TYPE.PICKUP && (\n handleServiceType(service)}\n className={`border border-brand-base-primary ${length > 1 ? `${currentLang === \"EN\" ? `rounded-r-lg` : \"rounded-l-lg\"}` : \" rounded-lg\"\n } ${isSelected ? \"text-white bg-brand-base-primary \" : \"\"\n } py-1 px-2`}\n >\n {t(\"PICKUP\")}\n \n )}\n \n );\n })}\n
\n );\n};\n\nexport default DeliveryPickupButton;\n","import { t } from \"i18next\";\nconst { useLang } = require(\"hooks\");\nconst { useMemo } = require(\"react\");\nconst { useSelector } = require(\"react-redux\");\nconst PriceRender = ({price = 0, className=\"text-16x mt-2\"})=>{\n const { currentLang } = useLang()\n return \n {currentLang === \"AR\"\n ? `${price?.toFixed(2)} ` + t(\"AED\")\n : t(\"AED\") + ` ${price?.toFixed(2)}`}\n
\n}\nconst DisplayPrice = ({ item, className=\"\" }) => {\n const { selectedStore:store } = useSelector((state) => state.store);\n const { discounts } = useSelector((state) => state?.brand);\n const getDiscountedAmount = (discount, itemPrice) => {\n let discountedAmount = itemPrice;\n if (discount?.discountType?.toLowerCase() === \"percentage\") {\n discountedAmount = (itemPrice * (100 - discount?.discountAmount)) / 100;\n } else {\n discountedAmount = itemPrice - discount?.discountAmount;\n }\n return discountedAmount;\n };\n const calculateItemDiscount = (discount, actualPrice) => {\n const isDiscountApplicable = discount?.discountAppliedOnSpecificItems?.find(\n (disc) => disc?.itemId === item?._id\n );\n if (isDiscountApplicable) {\n return getDiscountedAmount(discount, actualPrice);\n }\n return actualPrice;\n };\n const getDiscount = () => {\n if (!discounts?.length) return null;\n const discount = discounts?.find((disc) => {\n return (\n (disc?.discountAppliedOnSpecificItems?.find(\n (d) => d.itemId === item?._id\n ) ||\n disc?.discountAppliedOnSpecificStores?.find(\n (disc) => disc?.storeId === store?._id\n )) &&\n disc.discountApplication?.toLowerCase() === \"manual\" &&\n disc?.isActive\n );\n });\n return discount;\n };\n const price = useMemo(() => {\n const actualPrice = item?.price;\n let discountedPrice = 0;\n const discount = getDiscount();\n if (!discount)\n return { actualPrice, discountedPrice };\n if (discount?.discountAppliedOnSpecificItems?.length > 0) {\n discountedPrice = calculateItemDiscount(discount, actualPrice);\n } else if (discount?.discountAppliedOnSpecificStores?.length > 0 && store) {\n const isDiscountApplicable =\n discount?.discountAppliedOnSpecificStores?.find(\n (disc) => disc?.storeId === store?._id\n );\n if (isDiscountApplicable) {\n discountedPrice = calculateItemDiscount(discount, actualPrice);\n }\n }else {\n discountedPrice = calculateItemDiscount(discount, actualPrice);\n }\n return {\n actualPrice,\n discountedPrice,\n ...{\n discountAmount: discount?.discountAmount,\n discountType: discount?.discountType,\n },\n };\n }, [item, discounts]);\n return (\n\n {item?.itemId?.baseLanguage?.title}\n
\n\n
\n {page !== \"home\" && isItemOutOfStock(item?.itemId, selectedStore) ? (\n \n {item?.itemId?.baseLanguage?.description}\n
\n\n
\n ) : item?.itemId?.price <= 0 ? (\n \n \n {t(\"Out of stock\")}{\" \"}\n \n
\n\n
\n ) : (\n \n \n {t(\"Price On Selection\")}{\" \"}\n \n
\n\n {/* \n
\n )}\n \n \n {currentLang === \"AR\"\n ? `${item?.itemId?.price?.toFixed(2)} ` + t(\"AED\")\n : t(\"AED\") + ` ${item?.itemId?.price?.toFixed(2)}`}\n
*/}\n\n
\n ))}\n\n \n \n {categoryId?.baseLanguage?.name}\n \n
\n - \n {items?.map((item, key) => (\n
\n
\n \n );\n }\n);\n\nexport default Coupons;\n","import Confetti from \"react-confetti\";\nimport React from \"react\";\nimport { useWindowDimensions } from \"hooks\";\n\nfunction ConfettiC({ modalHeight }) {\n const { height, width } = useWindowDimensions();\n\n return (\n \n {filteredDiscounts?.length > 0 ? (\n filteredDiscounts?.map((discount) => (\n {\n openDiscountModal(discount, true);\n }}\n >\n
\n ))\n ) : (\n <>\n )}\n \n
\n \n {discount?.discountType === \"percentage\"\n ? discount?.discountAmount + \"%\"\n : discount?.discountAmount + t(\"AED\")}\n
\n {t(\"Off\")}
\n \n {discount?.discountCode}\n
\n \n \n
\n\n
\n\n \n setOpen(false)} />\n
\n\n \n {\n copyToClipboard(\n discount.discountCode,\n t(\"The COUPON code has been successfully copied\")\n );\n setOpen(false);\n }}\n >\n \n {t(\"Copy code\")}\n \n
\n \n \n {discount?.discountType === \"percentage\"\n ? t(\"x% off\", {\n percentage: discount?.discountAmount,\n })\n : t(\"x AED off\", {\n amount: discount?.discountAmount,\n })}\n \n
\n\n
\n \n \n \n )}\n \n );\n}\n\nexport default DiscountInfoPopup;\n","import React, { useMemo, useState } from \"react\";\nimport Coupons from \"../home/Coupons\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport DiscountInfoPopup from \"../home/DiscountInfoPopup\";\nimport { AppAction } from \"store/actions\";\nimport { UTILS } from \"utils\";\n\nfunction DiscountContainer({ discounts, selectedStore }) {\n const dispatch = useDispatch();\n const { orderType } = useSelector((state) => state.AppReducer);\n const { welcomeCouponModal } = useSelector((state) => state.AppReducer);\n const [discountPopup, setdiscountPopup] = useState({\n open: false,\n discount: null,\n });\n\n const openDiscountModal = (dis, value) => {\n setdiscountPopup({\n open: value,\n discount: dis,\n });\n };\n\n const filteredDiscounts = useMemo(\n () => UTILS.getFilteredCoupons(discounts, selectedStore, orderType),\n [discounts, selectedStore, orderType]\n );\n\n return (\n <>\n \n
\n \n {t(\"Code\")}:{\" \"}\n \n {discount?.discountCode}\n \n
\n - \n {discount?.minOrderValue > 0 ? (\n
- \n {t(\"valid on orders of at least AED\", {\n amount: discount?.minOrderValue,\n })}{\" \"}\n \n ) : null}\n
- \n {discount?.isApplicableOnAllStores\n ? t(\"Available on all outlets\")\n : t(\"Available on selected outlets only\")}\n \n
- \n {discount?.isApplicableOnAllItems\n ? t(\"Applicable to all items\")\n : t(\"Applicable to selected items\")}\n \n {discount?.discountType === \"percentage\" ? (\n
- \n {t(\"Discount value up to AED\", {\n amount: discount?.maximumDiscountValue,\n })}\n \n ) : null}\n\n {discount?.perCustomerUse > 0 &&\n discount?.perCustomerUse <= 10 ? (\n discount?.perCustomerUse === 1 ? (\n
- \n {t(\"Applicable x time per user\", {\n usageLimit: discount?.perCustomerUse,\n })}\n \n ) : (\n
- \n {t(\"Applicable x time(s) per user\", {\n usageLimit: discount?.perCustomerUse,\n })}\n \n )\n ) : null}\n
\n {t(\n \"Put items in your cart, then apply the coupon code at checkout page\"\n )}\n
\n \n
\n \n setOpen(false)}\n className=\"cursor-pointer\"\n >\n \n
\n \n
\n \n );\n }\n);\n\nexport default LoyaltyPolicyPopup;\n","import React, { useState } from \"react\";\nimport LoyaltyPolicyPopup from \"./LoyaltyPolicyPopup\";\nimport { DiamondIcon } from \"icons\";\nimport { t } from \"i18next\";\n\nconst LoyaltyPolicyWidget = React.memo(({ loyaltyPolicy, goToLogin }) => {\n const [open, setOpen] = useState(false);\n return (\n <>\n \n
\n {!currentUser && (\n 🎉
\n \n {t(\"Loyalty program\")}\n
\n\n {t(\n \"Collect points on every order you complete. Use them to get discounts on your next orders.\"\n )}\n
\n {currentUser && Number(userWallet) > 0 && (\n\n {t(\"You have in your wallet\", {\n balance: Number(userWallet).toFixed(2),\n })}\n
\n )}\n \n {t(\"How it works\")}\n
\n\n- \n
- \n
\n \n {t(\"Get back as loyalty credits.\", {\n balance:\n loyaltyPolicy?.specificToDelivery?.cashbackPercentage,\n })}\n\n \n - \n
\n \n {t(\"Redeem your credits get up to off on your next order.\", {\n percentage: loyaltyPolicy?.redeemablePercentagePerOrder,\n })}\n\n \n - \n
\n \n \n {t(\"Limited to maximum per order.\", {\n amount: loyaltyPolicy?.maxRedeemableValuePerOrder,\n })}\n \n\n \n
\n goToLogin()}\n >\n {t(\"Login\")}\n \n
\n )}\n \n
\n \n );\n});\n\nexport default LoyaltyPolicyWidget;\n","import React from \"react\";\nimport { t } from \"i18next\";\nimport { useLang } from \"hooks\";\nimport { useSelector } from \"react-redux\";\nimport useEventTracker from \"hooks/useEventTracker\";\n\nfunction SelectDeliveryAddress({ children, handleAddressClick }) {\n const { currentLang } = useLang();\n const { orderType } = useSelector((state) => state?.AppReducer);\n\n useEventTracker({ name: \"CHANGE_ADDRESS\", shouldLog: true, orderType });\n return (\n <>\n \n {\n setOpen(true);\n }}\n >\n
\n \n
\n \n
\n \n \n {t(\"Loyalty program\")}\n
\n\n {t(\"Earn cashback to spend in your next orders\", {\n cashback:\n loyaltyPolicy?.specificToDelivery?.cashbackPercentage,\n })}\n
\n\n
\n \n \n );\n}\n\nexport default SelectDeliveryAddress;\n","import { useDispatch, useSelector } from \"react-redux\";\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\nimport { Loader } from \"store/actions\";\nimport { logPopupError } from \"utils/Utils\";\nimport { useDeleteAddressMutation } from \"store/deliveryAddress/delivery-address-service\";\nimport { DeliveryAddressAction } from \"store/actions\";\nimport useGetSavedAddressList from \"service-hooks/useGetSavedAddressList\";\nimport { useDeliveryAddressContext } from \"contexts/userAddressess\";\n\nfunction useDeleteDelAddress() {\n const dispatch = useDispatch();\n const [deleteAddress] = useDeleteAddressMutation();\n const { getAddresses } = useGetSavedAddressList({\n fetch: false,\n type: \"filterd\",\n });\n\n const { userdeliveryAdress } = useSelector(\n (state) => state.DeliveryAddressReducer\n );\n const { setAddressState } = useDeliveryAddressContext();\n\n const deleteSlectedAddress = async (userAddressId) => {\n try {\n if (!userAddressId) return;\n dispatch(Loader.togggleCheckoutLoader(true));\n if (userAddressId === userdeliveryAdress?._id) {\n dispatch(DeliveryAddressAction.setDeliveryAddress(null));\n }\n const data = await deleteAddress({ userAddressId });\n if (data?.data?.success === 1) {\n await getAddresses();\n setAddressState(\"savedAddressListModal\", false);\n } else logPopupError(errorHandler(data?.error?.data), true);\n } catch (error) {\n logPopupError(errorHandler(error?.error), true);\n } finally {\n dispatch(Loader.togggleCheckoutLoader(false));\n }\n };\n\n return deleteSlectedAddress;\n}\n\nexport default useDeleteDelAddress;\n","import Button from \"components/Button\";\nimport React from \"react\";\nimport { t } from \"i18next\";\n\nfunction ChangeActionPopup({\n handleClickYes,\n handleClickNo,\n title,\n dynamicText,\n}) {\n return (\n - \n {children && children}\n
\n {t(\"Add new address\")}\n
\n \n \n \n \n
\n \n \n
\n );\n}\n\nexport default ChangeActionPopup;\n","import { useSelector } from \"react-redux\";\nimport C from \"Constants\";\n\nfunction useIsStoreSelected() {\n const { orderType } = useSelector((state) => state.AppReducer);\n const { selectedStore, outletBasedSelectedStoreArea } = useSelector(\n (state) => state.store\n );\n\n const isDeliveryStoreSelected = () => {\n return (\n orderType?.serviceType === C.SERVICE_TYPE.DELIVERY &&\n (!outletBasedSelectedStoreArea || !selectedStore)\n );\n };\n\n const isPickupStoreSelected = () => {\n return orderType?.serviceType === C.SERVICE_TYPE.PICKUP && !selectedStore;\n };\n\n const isStoreSelected = () => {\n if (isDeliveryStoreSelected() || isPickupStoreSelected()) {\n return false;\n }\n return true;\n };\n return isStoreSelected;\n}\n\nexport default useIsStoreSelected;\n","import React, { useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { t } from \"i18next\";\n\nimport { SaveAddressesList, CustomModal } from \"components\";\nimport SelectDeliveryAddress from \"components/checkout/SelectDeliveryAddress\";\n\nimport { useDeliveryAddressContext } from \"contexts/userAddressess\";\nimport useDeleteDelAddress from \"service-hooks/useDeleteDelAddress\";\nimport useOpenSavedAddressListModal from \"service-hooks/useOpenSavedAddressListModal\";\n\nimport ChangeActionPopup from \"components/Modals/ChangeActionPopup\";\nimport useIsStoreSelected from \"../../hooks/useIsStoreSelected\";\nimport { ResetAction, DeliveryAddressAction } from \"store/actions\";\nimport ModalCloseButton from \"components/ModalCloseButton\";\nimport { useCustomHistory } from \"hooks\";\nimport C from \"Constants\";\nimport { useMapContext } from \"contexts/googleMap\";\nimport { useEventTracker } from \"hooks\";\n\nfunction AddressList({ page }) {\n const params = useParams();\n const dispatch = useDispatch();\n const router = useCustomHistory();\n const deleteAddress = useDeleteDelAddress();\n const [actionModal, setActionModal] = useState(false);\n const [selectedAddress, setSelectedAddress] = useState({});\n\n const { userAddressState, setAddressState } = useDeliveryAddressContext();\n const { fetchStoresBySelectedAddressLatLng } = useOpenSavedAddressListModal();\n\n const { userdeliveryAdress } = useSelector(\n (state) => state.DeliveryAddressReducer\n );\n const { orderType, DomainType } = useSelector((state) => state.AppReducer);\n const { selectedStore, outletBasedSelectedStoreArea } = useSelector(\n (state) => state.store\n );\n\n const isStoreSelected = useIsStoreSelected();\n\n const handleUserAddress = (address) => {\n if (\n orderType?.serviceType === C.SERVICE_TYPE.DELIVERY &&\n selectedStore &&\n outletBasedSelectedStoreArea\n ) {\n if (userdeliveryAdress?._id !== address?._id) setActionModal(true);\n } else {\n updateDeliveryAddress(address);\n setSelectedAddress(null);\n }\n };\n\n // if cart has items and user changes the address\n const confirmLocation = () => {\n // change address on store-page\n if (selectedAddress) {\n dispatch(ResetAction.resetOnChangeCartWithStore());\n updateDeliveryAddress(selectedAddress);\n }\n };\n\n const { setUserLocation } = useMapContext();\n\n const updateDeliveryAddress = (address) => {\n setUserLocation(address?.coordinates);\n fetchStoresBySelectedAddressLatLng(address);\n dispatch(DeliveryAddressAction.setDeliveryAddress(address));\n dispatch(DeliveryAddressAction.resetTempDeliveryAddressHome());\n };\n\n const redirectToNewMapAddressPage = () => {\n const NEW_MAP_ADD_URL = \"/address/add-new-map-address\";\n router(\n NEW_MAP_ADD_URL,\n `/${params.domainName}${NEW_MAP_ADD_URL}`,\n DomainType,\n { page }\n );\n };\n\n const logEvent = useEventTracker({\n name: \"ADD_NEW_ADDRESS_ON_APP_START\",\n orderType,\n shouldLog: false,\n });\n\n return (\n <>\n \n {\n e.preventDefault();\n }}\n >\n
\n \n
\n {dynamicText && (\n {t(title)}
\n{dynamicText}
\n )}\n \n
\n \n \n
\n \n
\n \n \n
\n \n {activeServices &&\n activeServices?.length > 1 &&\n activeServices?.map((service, index) => {\n const isSelected = orderType?.[\"EN\"]?.name === service?.[\"EN\"]?.name;\n const length = activeServices?.length;\n return (\n \n {service?.[\"EN\"]?.name === C.SERVICE_TYPE.DELIVERY && (\n {\n handleServiceType(service, \"del-pic232k1\");\n }}\n className={`\n border border-brand-base-primary inline-flex justify-center items-center w-1/2 py-2 px-2\n ${\n isSelected\n ? \"text-brand-text-primary bg-brand-base-primary\"\n : \"\"\n }\n\n ${\n length <= 1\n ? \"rounded-lg w-full\"\n : `${\n currentLang === \"EN\"\n ? `rounded-l-lg`\n : \"rounded-r-lg\"\n }`\n } \n \n `}\n >\n \n \n \n {t(\"DELIVERY\")}\n \n )}\n {service?.[\"EN\"]?.name === C.SERVICE_TYPE.PICKUP && (\n handleServiceType(service, \"del-pick11\")}\n className={` border border-brand-base-primary inline-flex justify-center items-center py-2 px-2 ${\n isSelected\n ? \"text-brand-text-primary bg-brand-base-primary\"\n : \"\"\n } \n ${\n length > 1\n ? ` w-1/2 ${\n currentLang === \"EN\" ? `rounded-r-lg` : \"rounded-l-lg\"\n }`\n : \" rounded-lg w-full\"\n } \n `}\n >\n \n \n \n {t(\"PICKUP\")}\n \n )}\n \n );\n })}\n
\n );\n};\n\nexport default DeliveryButtonBar;\n","import CustomModal from \"components/CustomModal\";\nimport ErrorModal from \"components/ErrorModel\";\nimport React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { ErrorAction } from \"store/actions\";\n\nfunction ErrorModalPopup() {\n const { error, errorModaL } = useSelector((rstate) => rstate.errorSlice);\n\n return (\n <>\n \n
\n \n );\n}\nexport default RecommendedITemList;\n","import React, { useEffect, useState } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\n//components\nimport { CustomModal } from \"components\";\nimport UserLogo from \"components/UserLogo\";\nimport { ErrorComponent } from \"components\";\nimport ImageHeader from \"components/ImageHeader\";\nimport Menu from \"features/menu/containers/Menu\";\nimport WithLoading from \"components/Hoc/WithLoading\";\nimport DeliveringTo from \"../components/DeliveringTo\";\nimport PickupChangeStoreTo from \"../components/PickupChangeStoreTo\";\nimport ConfirmModal from \"components/Modals/ConfirmModal\";\nimport LoginSignupButton from \"components/LoginSignupButton\";\nimport StoreHeaderDetail from \"../components/StoreHeaderDetail\";\nimport DeliveryPickupButton from \"components/DeliveryPickupButton\";\nimport StoreCategoryWithMenu from \"components/menu/StoreCategoryWithMenu\";\nimport DiscountHomeContainer from \"components/discounts/DiscountHomeContainer\";\nimport LoyaltyPolicyWidget from \"components/brand-loyalty/LoyaltyPolicyWidget\";\nimport AddressList from \"features/delivery-address/modals/AddressList\";\n//actions\nimport { CartAction } from \"store/actions\";\n//hooks\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport useChangeOrderType from \"./useChangeOrderType\";\nimport {\n useLang,\n useCustomHistory,\n useMenuSearch,\n useUpdateDeliveryFee,\n} from \"hooks\";\n//utils\nimport { calculateCartGrossAmount, createServiceTypeArray } from \"utils/Utils\";\n//constants\nimport C from \"Constants\";\nimport * as ROUTE_CONSTANTS from \"routes/constants\";\nimport useOpenStoreITem from \"./useOpenStoreITem\";\nimport { PreOrderingDisplayTimingWidget } from \"components/Pre-ordering/index\";\nimport DeliveryButtonBar from \"components/DeliveryButtonBar\";\nimport AddressErrorModalPopup from \"components/Modals/AddressErrorModalPopup\";\nimport DeliveryStoreListModal from \"components/Modals/DeliveryStoreList\";\nimport LatLatNotFallInCurrentStore from \"components/Modals/LatLatNotFallInCurrentStore\";\nimport useGetRecommendedItems from \"service-hooks/useGetRecommendedItems\";\nimport RecommendedITemList from \"../../../components/recommended-item/RecommendedITemList\";\n\nconst StoreContainer = () => {\n const params = useParams();\n const dispatch = useDispatch();\n const router = useCustomHistory();\n const { currentLang } = useLang();\n const [open, setOpen] = useState(false);\n const [searchTerm, setSearch] = useState(\"\");\n const { cart } = useSelector((state) => state?.cart);\n const { currentUser } = useCurrentUser();\n const openStoreItem = useOpenStoreITem();\n useUpdateDeliveryFee();\n const { itemList } = useGetRecommendedItems();\n\n const { storeError } = useSelector((state) => state?.errorSlice);\n const { discountInfo } = useSelector((state) => state?.Discounts);\n const { DomainType, orderType } = useSelector((state) => state.AppReducer);\n const { discounts } = useSelector((state) => state?.brand);\n const { selectedStore, outletBasedSelectedStoreArea, storeMenu } =\n useSelector((state) => state?.store);\n const { loyaltyPolicy, brandInfo } = useSelector(\n (state) => state?.brandStorageReducer\n );\n const { orderTiming } = useSelector((state) => state?.orderTimingReducer);\n const { filteredMenu } = useMenuSearch(searchTerm, storeMenu);\n\n useEffect(() => {\n if (\n ((orderType?.serviceType === C.SERVICE_TYPE.DELIVERY &&\n !outletBasedSelectedStoreArea) ||\n !selectedStore) &&\n !storeError?.error\n ) {\n router(`/`, `/${params?.domainName}`, DomainType);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [outletBasedSelectedStoreArea, selectedStore]);\n\n //update cart price\n const updateCart = () => {\n const { itemsGrossAmount, itemsNetPrice, orderGrossAmount } =\n calculateCartGrossAmount(cart, discountInfo);\n dispatch(\n CartAction.updateCartPrice({\n originalPrice: itemsNetPrice,\n amountAfterDiscount: itemsGrossAmount,\n itemsGrossAmount,\n orderGrossAmount,\n })\n );\n };\n\n useEffect(() => {\n updateCart();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cart, discountInfo, outletBasedSelectedStoreArea, orderType]);\n\n //go to settings page\n const goToSettings = () => {\n let url = ROUTE_CONSTANTS.OUTLET_SETTINGS[1];\n if (params) {\n router(url, `/${params?.domainName}${url}`, DomainType);\n }\n };\n\n //go to login page\n const goToLogin = () => {\n let url = ROUTE_CONSTANTS.OUTLET_LOGIN[1];\n router(url, `/${params?.domainName}${url}`, DomainType);\n };\n\n const [confirmModal, setConfirmModal] = useState(false);\n const [confirmModalTitle, setConfirmModalTitle] = useState({\n title: \"\",\n message: \"\",\n });\n const [confirmationCallback, setConfirmationCallback] = useState(\n () => () => {}\n );\n const handleConfirmModal = () => {\n setConfirmModal(false);\n confirmationCallback();\n };\n\n const handleCancelModal = () => {\n setConfirmModal(false);\n };\n\n const openModal = useChangeOrderType({\n setConfirmModal,\n setConfirmModalTitle,\n setConfirmationCallback,\n setOpen,\n });\n const openITemDetailPage = (item, category) => {\n openStoreItem(item, category, setOpen, params);\n };\n\n return (\n \n {t(\"Recommended Items\")}\n
\n\n {filteredItems?.map((item) => (\n openITemDetailPage(item, item?.categoryId)}\n key={item.itemId._id}\n className=\"bg-white border border-gray-200 shadow-lg cursor-pointer\"\n >\n
\n ))}\n \n 0\n ? item.itemId.itemImageURLs[0]\n : \"\"\n }\n alt={item?.itemId?.baseLanguage?.title}\n className=\" object-cover p-s2\"\n />\n
\n \n
\n \n {item?.itemId?.baseLanguage?.title}\n
\n\n\n {item?.itemId?.price} {t(\"AED\")}\n
\n\n \n
\n \n
\n\n \n
\n \n {currentUser?.token ? (\n
\n \n
\n );\n};\n\nexport default Quantity;\n","import React from \"react\";\nconst CloseButton = (props) => {\n return (\n {t(\"Quantity\")}
\n\n
\n \n \n \n \n \n \n \n {singleItem?.quantity}\n \n \n \n\n \n \n \n
\n \n \n
\n );\n};\n\nexport default CloseButton;\n","import React from \"react\";\nimport { t } from \"i18next\";\nimport { useParams } from \"react-router-dom\";\nimport CloseButton from \"components/CloseButton\";\nimport { Carousel } from \"antd\";\nimport { useLang, useWindowDimensions, useCustomHistory } from \"hooks\";\nimport C from \"Constants\";\nimport { UTILS } from \"utils\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport * as ROUTE_CONST from \"routes/constants\";\nimport useQueryParam from \"modules/dine-in/useQueryParam\";\nimport { ItemAction } from \"store/actions\";\nimport DisplayPrice from \"components/DisplayPrice\";\n\nfunction ItemHeader({ selectedItem, menuType, stripText, closeItemDetail }) {\n const params = useParams();\n const { currentLang } = useLang();\n const queryParam = useQueryParam();\n const dispatch = useDispatch();\n\n const { DomainType } = useSelector((state) => state.AppReducer);\n const router = useCustomHistory();\n const { width } = useWindowDimensions();\n let currentWidth = width >= 460 ? 458 : width;\n const onChange = (currentSlide) => {};\n const brandItemImage = (val, index, url, q = \"\") => {\n let state = {\n urls: selectedItem?.itemInfo?.itemImageURLs,\n val,\n index,\n };\n router(url, `/${params.domainName}${url}`, DomainType, state, q);\n };\n\n const showItem = (val, index) => {\n switch (menuType) {\n case C.OUTLET_BASED_CATALOGUE:\n brandItemImage(val, index, ROUTE_CONST.OUTLET_ITEM_IMAGE[1]);\n break;\n case C.BRAND_BASED_CATALOGUE:\n brandItemImage(val, index, ROUTE_CONST.ECOMMERCE_ITEM_IMAGE[1]);\n break;\n case C.PREVIEW:\n brandItemImage(val, index, \"/preview/item-image\");\n break;\n case \"DINE_IN\":\n brandItemImage(val, index, \"/dine-in/item-image\", queryParam);\n break;\n default:\n break;\n }\n };\n\n // const DisplayPrice = () => {\n // const price = selectedItem?.itemInfo?.price;\n // const currency = t(\"AED\");\n // const formattedPrice = !UTILS.ifNullOrUndefined(price)\n // ? `${\n // currentLang === C.AR ? `${price} ${currency}` : `${currency}${price}`\n // }`\n // : \"\";\n // return (\n // \n // {formattedPrice}\n //
\n // );\n // };\n\n return (\n <>\n \n \n
\n \n );\n}\n\nexport default ItemHeader;\n","import { apiSlice } from \"apiHelpers/ApiSlice\";\nimport * as URL from \"apiHelpers/api/ApiUrls\";\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\nimport { StoreAction } from \"store/actions\";\nimport { Loader } from \"store/actions\";\nimport { errorNotification } from \"utils/Utils\";\nimport { logErrorOnSentry } from \"utils/Utils\";\n\nconst menuService = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n getGetMenuById: builder.mutation({\n query: (body) => ({\n url: URL.GET_MENU_BY_ID,\n method: \"POST\",\n body: body,\n }),\n transformResponse: (response) => {\n return response;\n },\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(Loader.enableLoader());\n try {\n const { data } = await queryFulfilled;\n if (data?.success && data?.data) {\n dispatch(StoreAction.setMenu(data?.data));\n if (data?.data?.categories?.length >= 1) {\n const firstCategory = data?.data?.categories[0]?.categoryId?._id;\n dispatch(StoreAction.setSelectedCategory(firstCategory));\n }\n } else {\n errorNotification(errorHandler(data?.message));\n logErrorOnSentry(\n \"re-oulling menu failed\",\n \"error\",\n JSON.stringify(data)\n );\n dispatch(StoreAction.setMenu(null));\n }\n } catch (err) {\n errorNotification(errorHandler(err?.error?.message));\n logErrorOnSentry(\n \"re-oulling menu failed\",\n \"error\",\n JSON.stringify(err)\n );\n } finally {\n dispatch(Loader.disableLoader());\n }\n },\n }),\n }),\n});\n\nexport default menuService;\nexport const { useGetGetMenuByIdMutation, useLazyGetGetMenu } = menuService;\n","import CloseButton from \"components/CloseButton\";\nimport { t } from \"i18next\";\nimport { logErrorOnSentry } from \"utils/Utils\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { ItemAction } from \"store/actions\";\nimport { useGetGetMenuByIdMutation } from \"store/menu/service\";\n\nconst ItemNotFoundError = ({ error, handleClick }) => {\n logErrorOnSentry(error, \"info\");\n const dispatch = useDispatch();\n const [getGetMenuById] = useGetGetMenuByIdMutation();\n const { brandInfo } = useSelector((state) => state.brandStorageReducer);\n const { storeMenu } = useSelector((state) => state.store);\n\n const handleClicked = () => {\n dispatch(ItemAction.clearItem());\n handleClick();\n const menuObj = {\n brandId: brandInfo?.brand._id,\n menuId: storeMenu?._id,\n };\n if (menuObj?.brandId && menuObj?.menuId) getGetMenuById(menuObj);\n };\n return (\n \n \n {selectedItem?.itemInfo?.itemImageURLs?.length > 0 ? (\n selectedItem?.itemInfo?.itemImageURLs?.map((val, index) => {\n return (\n
\n\n \n {\n closeItemDetail();\n dispatch(ItemAction.clearItem());\n }}\n />\n
\n showItem(val, index)}>\n
\n );\n })\n ) : (\n \n 
\n
\n \n
\n )}\n \n \n 
\n
\n \n {stripText && (\n
\n \n
\n )}\n \n {stripText}\n
\n \n {selectedItem?.itemInfo?.baseLanguage?.title}\n
\n\n {selectedItem?.itemInfo?.baseLanguage?.description}\n
\n\n
\n );\n};\n\nexport default ItemNotFoundError;\n","import React from \"react\";\nimport { useLang } from \"hooks\";\n\nimport { SVGICONS } from \"config\";\nimport { UNCHECKED } from \"icons\";\nimport { t } from \"i18next\";\nimport C from \"Constants\";\nimport useOpenSavedAddressListModal from \"service-hooks/useOpenSavedAddressListModal\";\n\nfunction OutOfStockModifer({\n modifer,\n isSingleSelection,\n isStoreSelected,\n isModifierOutOFStock,\n}) {\n const { currentLang } = useLang();\n const { openAddressListModal } = useOpenSavedAddressListModal();\n\n return (\n \n
\n \n
\n \n
\n \n {typeof error?.message === \"string\"\n ? error?.message\n : t(\n \"We apologize, but the restaurant owner has removed this item from the menu. Please click the button below to view the current store menu\"\n )}\n
\n \n {t(\"Go to menu\")}\n \n \n \n
\n \n \n );\n}\n\nexport default OutOfStockModifer;\n","import React from \"react\";\nimport { t } from \"i18next\";\nimport { SVGICONS } from \"config\";\nimport { CHECKED, UNCHECKED, PlusSquare, MinusSquare } from \"icons\";\nimport { useLang } from \"hooks\";\nimport { UTILS } from \"utils\";\nimport C from \"Constants\";\nimport { errorNotification } from \"utils/Utils\";\nimport { useSelector } from \"react-redux\";\nimport OutOfStockModifer from \"./OutOfStockModifer\";\nimport { isModifierOutOfStock } from \"utils/Utils\";\n\nconst SingleModifer = ({\n modifer,\n selectedModifierGroups,\n radioButtonClick,\n checkboxClick,\n modifierGroup,\n QuantityChange,\n updateRadioQuantity,\n isStoreSelected,\n}) => {\n const { isSingleSelection } = modifierGroup;\n const { currentLang } = useLang();\n const addedQunatity = UTILS.checkedBox(\n modifer,\n selectedModifierGroups,\n modifierGroup\n );\n const RenderRadioBoxes = ({ modifer }) => {\n return (\n \n \n {addedQunatity ? \n
\n \n \n \n
\n \n \n );\n};\n\nexport default React.memo(SingleModifer);\n","import React from \"react\";\nimport SingleModifer from \"./SingleModifer\";\nfunction ModifiersList({\n modifierGroup,\n selectedModifierGroups,\n radioButtonClick,\n checkboxClick,\n QuantityChange,\n updateRadioQuantity,\n isStoreSelected,\n}) {\n return (\n \n checkboxClick(modifer, modifierGroup?._id)\n : () => radioButtonClick(modifer, modifierGroup?._id)\n }\n >\n
\n\n \n
\n \n {isSingleSelection === false ? (\n
\n \n
\n \n
\n \n {modifer?.baseLanguage?.name}\n
\n\n +\n {currentLang === C.AR\n ? modifer?.price?.toFixed(2) + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + modifer?.price?.toFixed(2)}\n
\n\n {modifer?.maximumOrderQuantity >= 2 ? (\n \n
\n \n \n QuantityChange(\n modifer,\n modifierGroup?._id,\n \"decrement\"\n )\n : () =>\n updateRadioQuantity(\n modifer,\n modifierGroup?._id,\n \"decrement\"\n )\n }\n >\n \n \n \n \n {addedQunatity ? addedQunatity : 0}\n \n \n\n \n IncremntCheckBoxQuntity(\n addedQunatity,\n modifer,\n modifierGroup?._id,\n modifer?.maximumOrderQuantity\n )\n : () =>\n IncremntRadioBoxQuntity(\n addedQunatity,\n modifer,\n modifierGroup?._id,\n modifer?.maximumOrderQuantity\n )\n }\n >\n \n
\n \n ) : null}\n \n \n
\n \n \n \n {modifierGroup?.modifiers.map((modifier, index) => {\n return (\n
\n );\n}\n\nexport default ModifiersList;\n","import React, { useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { t } from \"i18next\";\nimport Modifiers from \"./ModifiersList\";\nimport { getModifierDumbObj } from \"utils/Utils\";\n\nconst SingleModifierGroup = ({\n modifierGroup,\n setModifierGroups,\n selectedModifierGroups,\n setSingleItem,\n isStoreSelected,\n}) => {\n const { requiredMissingSections } = useSelector((state) => state?.NotPersist);\n const {\n maximumAllowedSelection,\n baseLanguage,\n minimumAllowedSelection,\n isSingleSelection,\n } = modifierGroup;\n\n useEffect(() => {\n if (requiredMissingSections?.length > 0) {\n const section = requiredMissingSections?.[0]?.modifierGroupId;\n if (section?._id) {\n const optionId = document.getElementById(section._id);\n optionId?.scrollIntoView({ behavior: \"smooth\" });\n }\n }\n }, [requiredMissingSections, modifierGroup]);\n\n // Adding And removing section options on checkBox click\n const checkboxClick = (item, secId) => {\n const newItems = [...selectedModifierGroups];\n // check if clicked option section is already added\n const check = !!selectedModifierGroups?.find((i) => i?._id === secId);\n if (check) {\n // find section\n const section = selectedModifierGroups?.find((i) => i?._id === secId);\n // find index of option seclected\n const index = section?.options?.findIndex((i) => i?._id === item?._id);\n // if option already added then remove it\n if (index !== -1) {\n //get clicked option\n const selectedOption = section?.options[index];\n //remove clicked option\n section?.options?.splice(index, 1);\n //if this was last option-- remove the section as well\n if (section?.options?.length === 0) {\n const index = newItems?.findIndex((i) => i?._id === section?._id);\n newItems?.splice(index, 1);\n }\n\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState?.price - item.price * selectedOption?.quantity,\n }));\n }\n // else add the option in section\n else if (\n index === -1 &&\n section?.options?.length < maximumAllowedSelection\n ) {\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState?.price + item.price,\n }));\n\n let Option = { ...item, quantity: 1 };\n const dumbOptObj = getModifierDumbObj(Option);\n section?.options.push({\n ...dumbOptObj,\n });\n }\n }\n\n // if this is the first option to be added update single item price and add new section in the cart\n else {\n let Option = { ...item, quantity: 1 };\n const dumbOptObj = getModifierDumbObj(Option);\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState.price + item?.price,\n }));\n newItems.push({\n baseLanguage: {\n sectionName: baseLanguage?.name,\n },\n _id: secId,\n options: [dumbOptObj],\n isSingleSelection: isSingleSelection,\n minimumAllowedSelection: minimumAllowedSelection,\n maximumAllowedSelection: maximumAllowedSelection,\n numOfSelectedOptions: 1,\n });\n }\n setModifierGroups(newItems);\n };\n\n //Check-Box Quantity change\n const QuantityChange = (item, secId, action) => {\n const newItems = [...selectedModifierGroups];\n // Check if the clicked option section is already added\n const sectionIndex = newItems?.findIndex((i) => i?._id === secId);\n\n if (sectionIndex !== -1) {\n // The section is already added\n const section = newItems[sectionIndex];\n const optionIndex = section?.options?.findIndex(\n (i) => i?._id === item?._id\n );\n\n if (optionIndex !== -1) {\n // The option is already added to the section\n if (action === \"increment\") {\n // Increment the quantity\n section.options[optionIndex].quantity += 1;\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState?.price + item.price,\n }));\n } else if (action === \"decrement\") {\n // Decrement the quantity\n if (section.options[optionIndex]?.quantity > 1) {\n section.options[optionIndex].quantity -= 1;\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState.price - item?.price,\n }));\n }\n }\n } else if (\n section?.options?.length < maximumAllowedSelection &&\n action === \"increment\"\n ) {\n const option = {\n ...item,\n quantity: 1,\n };\n const dumbOptObj = getModifierDumbObj(option);\n // Add the option to the section with quantity 1\n section.options.push(dumbOptObj);\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState.price + item?.price,\n }));\n }\n }\n //New section\n else {\n // The section is not added yet\n if (action === \"increment\") {\n // Create a new section with the option and quantity 1\n let option = { ...item, quantity: 1 };\n const dumbOptObj = getModifierDumbObj(option);\n newItems.push({\n baseLanguage: {\n sectionName: baseLanguage.name,\n },\n _id: secId,\n options: [dumbOptObj],\n isSingleSelection: isSingleSelection,\n minimumAllowedSelection: minimumAllowedSelection,\n maximumAllowedSelection: maximumAllowedSelection,\n });\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState.price + item?.price,\n }));\n }\n }\n\n setModifierGroups(newItems);\n };\n\n //Radio Button\n const radioButtonClick = (item, secId) => {\n const dumbOptObj = getModifierDumbObj({ ...item, quantity: 1 });\n const obj = {\n baseLanguage: {\n sectionName: baseLanguage.name,\n },\n _id: secId,\n options: [dumbOptObj],\n isSingleSelection: isSingleSelection,\n minimumAllowedSelection: minimumAllowedSelection,\n maximumAllowedSelection: maximumAllowedSelection,\n };\n var newItemss = [...selectedModifierGroups];\n\n //check if same section is added already\n const check = !!selectedModifierGroups?.find((i) => i?._id === secId);\n if (check) {\n //find the selected section\n const deleted = selectedModifierGroups?.find((i) => i?._id === secId);\n //find the index of section\n const index = newItemss?.findIndex((i) => i?._id === deleted?._id);\n\n //find the option at zero loc Price (single selection can have only one selected option)\n const deletedItemPrice =\n deleted?.options?.length > 0 ? deleted?.options[0]?.price : 0;\n\n const addedOption = deleted?.options[0];\n //remove price of selected option\n\n //if its same option --> then un-uncheck and subtract price\n if (item?._id === addedOption?._id) {\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState?.price - deletedItemPrice * addedOption?.quantity,\n }));\n\n newItemss.splice(index, 1);\n } else {\n //if its differnt option subtract selected Price with quantity and update new price\n setSingleItem((prevState) => ({\n ...prevState,\n price:\n prevState?.price +\n item?.price -\n deletedItemPrice * addedOption.quantity,\n }));\n //remove the section with Price\n newItemss?.splice(index, 1);\n //add same section entry with new option\n newItemss?.push(obj);\n }\n }\n //if section is not there\n else {\n newItemss.push(obj);\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState.price + item.price,\n }));\n }\n setModifierGroups(newItemss);\n };\n\n const updateRadioQuantity = (item, secId, action) => {\n const newItems = [...selectedModifierGroups];\n\n // Check if the clicked option section is already added\n const sectionIndex = newItems?.findIndex((i) => i?._id === secId);\n\n if (sectionIndex !== -1) {\n // The section is already added\n const section = newItems[sectionIndex];\n const selectedOption = section?.options[0];\n\n //check if differnt option action is fired\n if (selectedOption?._id !== item?._id) {\n if (action === \"increment\") {\n // Remove the previously selected option and add the new one\n setSingleItem((prevState) => ({\n ...prevState,\n price:\n prevState.price -\n selectedOption.price * selectedOption?.quantity +\n item?.price,\n }));\n section?.options?.pop(); // Remove the previously selected option\n\n // Create a new section with the new option and quantity 1\n const newOption = { ...item, quantity: 1 };\n const dumbOptObj = getModifierDumbObj(newOption);\n section?.options?.push(dumbOptObj);\n } else {\n }\n } else {\n if (action === \"increment\") {\n // Check if the action is \"increment\" or \"decrement\"\n\n // Increment the quantity\n selectedOption.quantity += 1;\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState.price + item.price,\n }));\n } else if (action === \"decrement\") {\n // Decrement the quantity if it's greater than 1\n if (selectedOption.quantity > 1) {\n selectedOption.quantity -= 1;\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState.price - item?.price,\n }));\n }\n }\n }\n } else {\n // The section is not added yet\n if (action === \"increment\") {\n // Create a new section with the option and quantity 1\n let newOption = { ...item, quantity: 1 };\n const dumbOptObj = getModifierDumbObj(newOption);\n newItems.push({\n baseLanguage: {\n sectionName: baseLanguage.name,\n },\n _id: secId,\n options: [dumbOptObj],\n isSingleSelection: isSingleSelection,\n minimumAllowedSelection: minimumAllowedSelection,\n maximumAllowedSelection: 1, // Set maximumAllowedSelection to 1 for radio buttons\n });\n setSingleItem((prevState) => ({\n ...prevState,\n price: prevState?.price + item?.price,\n }));\n }\n }\n\n setModifierGroups(newItems);\n };\n\n const requiredMissing = () => {\n return requiredMissingSections?.find(\n (option) => option?.modifierGroupId?._id === modifierGroup?._id\n );\n };\n\n //increase decrease\n\n return (\n \n
\n );\n};\n\nexport default SingleModifierGroup;\n","import React from \"react\";\nimport SingleGroup from \"./SingleGroup\";\nfunction ModiferGroups({\n selectedItem,\n setItemSection,\n itemSection,\n singleItem,\n setSingleItem,\n isStoreSelected,\n}) {\n return (\n <>\n {selectedItem?.itemInfo?.modifierGroups?.map((modifierGroup) => (\n \n
\n \n
\n \n
\n \n {baseLanguage?.name}\n
\n {requiredMissing() ? (\n\n {t(\"choose upto\")} {`${maximumAllowedSelection}`}\n
\n ) : (\n\n {t(\"choose upto\")} {`${maximumAllowedSelection}`}\n
\n )}\n\n {requiredMissing()\n ? minimumAllowedSelection > 0 && (\n
\n \n {t(\"Required\")}\n
\n )\n : minimumAllowedSelection > 0 && (\n\n {t(\"Required\")}\n
\n )}\n\n onButtonClick(selectedItem)}\n className=\"py-4 border border-transparent rounded text-white bg-brand-base-primary font-bold text-16x focus:outline-none\"\n >\n
\n \n
\n \n {btnText1}
\n {btnText2}
\n \n
\n\n \n {}} />\n
\n \n
\n \n {images?.length >= 1 && (\n closeZoom()}\n onMovePrevRequest={() => gotoPrev()}\n onMoveNextRequest={() => gotoNext()}\n imageLoadErrorMessage={\"Image not found\"}\n />\n )}\n
\n );\n}\n\nexport default Zoom;\n","import React from \"react\";\nimport { t } from \"i18next\";\n\nconst EmptyBasket = ({ backToHome }) => {\n return (\n \n \n
\n {t(\"Your basket is empty\")}
\n\n \n {t(\"Discount code is valid only for the following items\", {\n couponCode: code,\n })}\n \n
\n );\n};\n\nfunction DiscounteditemsList({ couponCode }) {\n const dispatch = useDispatch();\n const { applicableItemsDiscountListModal } = useSelector(\n (rstate) => rstate.NotPersist\n );\n const obj = {\n isOpen: false,\n data: applicableItemsDiscountListModal.data,\n };\n const closemodal = () => {\n dispatch(NotPersistAction.setapplicableItemsDiscountListModal(obj));\n };\n\n return (\n <>\n - \n {data.map((item) => (\n
\n
\n \n
\n \n \n \n \n );\n}\n\nfunction ViewApplicableDiscountedItemsList() {\n const dispatch = useDispatch();\n const { applicableItemsDiscountListModal } = useSelector(\n (rstate) => rstate.NotPersist\n );\n\n const openmodal = () => {\n const obj = {\n ...applicableItemsDiscountListModal,\n isOpen: true,\n };\n dispatch(NotPersistAction.setapplicableItemsDiscountListModal(obj));\n };\n return (\n <>\n {applicableItemsDiscountListModal?.data?.length > 0 && (\n \n
\n \n {/* \n \n
\n \n {isLoadingDiscounts ? (\n
\n )\n )}\n \n {\n closeModal();\n }}\n className=\"text-black\"\n />\n
\n \n {isLoadingDiscounts ? (\n \n
\n ) : (\n filteredDiscounts?.length > 0 && (\n \n {filteredDiscounts?.map((copon, index) => {\n return (\n \n
\n );\n })}\n \n
\n \n \n {copon?.discountCode}\n \n
\n \n {\n setCoupon(copon?.discountCode);\n applyCoupon(null, copon?.discountCode);\n }}\n className=\"bg-brand-base-primary roundded text-white mx-1 text-brand-text-primary px-4 py-1\"\n >\n {t(\"Apply\")}\n \n
\n \n {copon?.discountType === \"percentage\" ? (\n <>\n \n {copon?.discountAmount}\n \n {t(\"x% off. Up to x AED\", {\n percentage: null,\n amount: null,\n })}{\" \"}\n \n {copon?.maximumDiscountValue}\n \n ,{\" \"}\n \n ) : (\n \n {t(\"x AED off\", {\n amount: copon?.discountAmount,\n })}\n {\", \"}\n \n )}\n {copon?.minOrderValue > 0 ? (\n <>\n {t(\"Min order: AED\")} {\"\"}\n \n {copon?.minOrderValue}\n \n ,{\" \"}\n \n ) : null}\n\n {copon?.perCustomerUse > 0 &&\n copon?.perCustomerUse <= 10 ? (\n <>\n {t(\"Applicable\")}\n \n {copon?.perCustomerUse}\n \n {copon?.perCustomerUse === 1\n ? t(\"time per user.\")\n : t(\"time(s) per user.\")}\n \n ) : null}\n
\n \n \n {t(\"Remove\")}\n \n
\n ) : (\n \n {discountInfo?.discountCode}\n
\n \n \n
\n \n {t(buttonText)}\n
\n \n )}\n \n
\n \n {t(\"You will earn\", {\n amount: UTILS.calculateLoyaltyPoint(loyaltyPolicy, orderGrossAmount),\n })}\n \n \n );\n});\n\nexport default LoyaltyCreditWidget;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { t } from \"i18next\";\n\nconst LoyaltyRedeemSwitch = ({ switchLoyaltyStatus, redeemAmount }) => {\n const { loyaltyApplied } = useSelector((state) => state?.Loyalty);\n return (\n <>\n {Number(redeemAmount) > 0 && (\n \n
\n \n
\n \n \n
\n \n \n \n
\n \n {t(\"Use your loyalty balance to get\", {\n amount: Number(redeemAmount).toFixed(2),\n })}\n
\n \n )}\n \n );\n};\n\nexport default LoyaltyRedeemSwitch;\n","import React from \"react\";\nimport { t } from \"i18next\";\n\nfunction AddMoreITemsButton({ handleRedirect }) {\n return (\n \n \n \n
\n );\n}\n\nexport default AddMoreITemsButton;\n","import React, { useEffect, useState } from \"react\";\nimport { t } from \"i18next\";\nimport { useParams } from \"react-router-dom\";\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport { MinusIconSmall, PlusIconSmall } from \"icons\";\nimport TextareaInput from \"components/TextareaInput\";\nimport EmptyBasket from \"components/basket/EmptyBasket\";\nimport ConfirmModal from \"components/Modals/ConfirmModal\";\nimport DiscountButton from \"components/basket/DiscountButton\";\nimport { Spinner, ErrorComponent, CustomModal } from \"components\";\nimport ItemsPaymentTotalDetail from \"components/ItemsPaymentTotalDetail\";\nimport LoyaltyCreditWidget from \"components/brand-loyalty/LoyaltyCreditWidget\";\nimport LoyaltyRedeemSwitch from \"components/brand-loyalty/LoyaltyRedeemSwitch\";\nimport { min } from \"lodash\";\nimport { useCustomHistory, useLang, useUserWallet } from \"hooks\";\n\nimport {\n CartAction,\n LoyaltyAction,\n DiscountAction,\n NotPersistAction,\n} from \"store/actions\";\n\nimport C from \"Constants\";\nimport * as ROUTE_CONSTANTS from \"routes/constants\";\nimport { calculateCartGrossAmount } from \"utils/Utils\";\nimport DiscounteditemsList from \"components/DiscounteditemsList\";\nimport AddMoreITemsButton from \"components/AddMoreITemsButton\";\nimport { ViewApplicableDiscountedItemsList } from \"components/DiscounteditemsList\";\n\nconst STORE_PAGE_URL = ROUTE_CONSTANTS.OUTLET_STORE[1];\n\nfunction BasketBody() {\n //hooks\n const dispatch = useDispatch();\n const params = useParams();\n const { currentLang } = useLang();\n const router = useCustomHistory();\n const userWallet = useUserWallet();\n\n //redux state\n const { error } = useSelector((state) => state?.Discounts);\n const { discountModal } = useSelector((state) => state?.NotPersist);\n const { selectedStore } = useSelector((state) => state?.store);\n const { loyaltyPolicy } = useSelector((state) => state?.brandStorageReducer);\n const { isLoading } = useSelector((state) => state?.loader);\n const { discountInfo, isDiscountApplied } = useSelector(\n (state) => state?.Discounts\n );\n const { cart, cartTotal, amountAfterDiscount, orderSplReq, deliveryFee } =\n useSelector((state) => state?.cart);\n\n const { loyaltyApplied, loyaltyAmount } = useSelector(\n (state) => state?.Loyalty\n );\n\n //local state\n const [confirmationCallback, setConfirmationCallback] = useState(\n () => () => {}\n );\n const [confirmModalTitle, setConfirmModalTitle] = useState({\n title: \"\",\n message: \"\",\n });\n const [confirmModal, setConfirmModal] = useState(false);\n const [redeemAmount, setRedeemAmount] = useState(0);\n const { DomainType } = useSelector((state) => state.AppReducer);\n useEffect(() => {\n updateCart();\n //eslint-disable-next-line\n }, [\n cart,\n discountInfo,\n loyaltyAmount,\n loyaltyApplied,\n userWallet,\n deliveryFee,\n ]);\n\n //updating cart info\n const updateCart = () => {\n const { itemsGrossAmount, itemsNetPrice, orderGrossAmount } =\n calculateCartGrossAmount(cart, discountInfo, userWallet);\n dispatch(\n CartAction.updateCartPrice({\n originalPrice: itemsNetPrice,\n amountAfterDiscount: itemsGrossAmount,\n itemsGrossAmount,\n orderGrossAmount,\n })\n );\n };\n\n //increase and decrease item quantity\n const increaseItemQuantity = (id, index) => {\n const payload = { id, index };\n dispatch(CartAction.increaseItemQuantity(payload));\n updateCart();\n };\n const decreaseItemQuantity = (id, index) => {\n const payload = { id, index };\n dispatch(CartAction.decreaseItemQuantity(payload));\n updateCart();\n };\n\n const emptyBasket = () => {\n router(\n `${STORE_PAGE_URL}`,\n `/${params?.domainName}${STORE_PAGE_URL}`,\n DomainType\n );\n };\n\n const switchLoyaltyStatus = () => {\n if (loyaltyApplied) {\n dispatch(LoyaltyAction.removeLoyalty());\n updateCart();\n } else {\n dispatch(LoyaltyAction.applyLoyalty(Number(redeemAmount)));\n updateCart();\n }\n };\n const calculateRedeemAmount = () => {\n const maxRedeemableValuePerOrder =\n loyaltyPolicy?.maxRedeemableValuePerOrder || 0;\n const redeemablePercentagePerOrder =\n loyaltyPolicy?.redeemablePercentagePerOrder || 0;\n const redeemableAmount = Number(\n (cartTotal / 100) * redeemablePercentagePerOrder\n );\n let minimum = min([\n maxRedeemableValuePerOrder,\n redeemableAmount,\n userWallet,\n ])?.toFixed(2);\n setRedeemAmount(Number(minimum));\n dispatch(LoyaltyAction.updateloyaltyAmount(Number(minimum)));\n };\n\n useEffect(() => {\n calculateRedeemAmount();\n //eslint-disable-next-line\n }, [cartTotal, loyaltyPolicy, cart, userWallet]);\n\n //\n const openModal = () => {\n dispatch(NotPersistAction.toggleDiscountModal(true));\n };\n\n const handleConfirmDiscountLoyalty = (wantsToApply) => {\n if (loyaltyApplied && wantsToApply === C.DISCOUNT) {\n setConfirmModal(true);\n setConfirmModalTitle({\n title: t(\"Use discount code\"),\n message: t(\n \"To use discount code, the loyalty points will be removed. Do you want to continue\"\n ),\n });\n setConfirmationCallback(() => () => {\n dispatch(LoyaltyAction.removeLoyalty());\n openModal();\n updateCart();\n });\n } else if (\n (isDiscountApplied || discountInfo) &&\n wantsToApply === C.LOYALTY\n ) {\n setConfirmModal(true);\n setConfirmModalTitle({\n title: t(\"Use loyalty credits\"),\n message: t(\n \"To use loyalty points, the discount code will be removed. Do you want to continue\"\n ),\n });\n setConfirmationCallback(() => () => {\n dispatch(DiscountAction.setCoponValidation(false));\n dispatch(DiscountAction.removeDiscountCode());\n switchLoyaltyStatus();\n updateCart();\n });\n } else if (wantsToApply === C.LOYALTY) {\n switchLoyaltyStatus();\n } else if (wantsToApply === C.DISCOUNT) {\n openModal();\n }\n };\n\n const handleConfirmModal = () => {\n setConfirmModal(false);\n confirmationCallback();\n };\n\n const handleCancelModal = () => setConfirmModal(false);\n\n const redirectToStorePage = () => {\n const STORE_PAGE_URL = \"/store/store-detail\";\n router(\n STORE_PAGE_URL,\n `/${params?.domainName}${STORE_PAGE_URL}`,\n DomainType\n );\n };\n\n if (isLoading) return \n {t(\"Add more items\")}\n
\n \n \n \n \n
\n );\n } else {\n return (\n \n
\n - \n {cart?.map((item, index) => {\n return (\n
\n
\n \n \n \n {item?.baseLanguage?.title}\n
\n \n {currentLang === \"AR\"\n ? item?.price?.toFixed(2) + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + item?.price?.toFixed(2)}\n
\n {item?.sections?.map((section, index) => {\n return (\n \n \n {section?.baseLanguage?.sectionName}\n \n\n {section?.options?.map((option, index) => {\n return (\n
\n );\n })}\n \n \n \n {option?.quantity ? option?.quantity : 1}{\" \"}\n x\n \n {option?.baseLanguage?.optionName}\n \n {`(${option?.price?.toFixed(2)} AED)`}\n \n \n
\n );\n })}\n \n decreaseItemQuantity(item?._id, index)}\n >\n \n \n \n {item?.quantity}\n \n\n increaseItemQuantity(item?._id, index)}\n >\n \n
\n \n \n );\n })}\n \n \n
\n \n \n \n handleConfirmDiscountLoyalty(C.DISCOUNT)}\n />\n {!discountModal && error && cart?.length >= 1 && (\n \n {loyaltyPolicy?.isLoyaltyActive && userWallet > 0 && (\n \n handleConfirmDiscountLoyalty(C.LOYALTY)\n }\n redeemAmount={redeemAmount}\n />\n )}\n \n
\n \n \n \n dispatch(CartAction.setOrderSplreq(e.target.value))\n }\n value={orderSplReq}\n placeholder={t(\"Add a note or any instructions.\")}\n styleClasses=\"mt-1 block w-full text-16x text-outer-space mt-2 p-1 bg-gray-100 border border-gray-300 rounded focus:outline-none\"\n />\n
\n \n
\n );\n }\n}\n\nexport default BasketBody;\n","import React, { useEffect } from \"react\";\nimport { t } from \"i18next\";\nimport { useParams } from \"react-router\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { CartAction } from \"store/actions\";\nimport * as ROUTE_CONSTANTS from \"routes/constants\";\nimport { useCustomHistory } from \"hooks\";\nimport { calculateCartGrossAmount } from \"utils/Utils\";\nimport C from \"Constants\";\nimport useCurrentUser from \"hooks/useCurrentUser\";\nfunction BasketFooterOverview() {\n //hooks\n const params = useParams();\n const dispatch = useDispatch();\n const router = useCustomHistory();\n //global state\n const { outletBasedSelectedStoreArea } = useSelector((state) => state?.store);\n const { currentUser } = useCurrentUser();\n\n const { cart, cartTotal } = useSelector((state) => state?.cart);\n const { discountInfo } = useSelector((state) => state?.Discounts);\n const { DomainType, orderType } = useSelector((state) => state.AppReducer);\n\n //redirect to login page\n const redirectToPage = () => {\n let url = ROUTE_CONSTANTS.OUTLET_CHECKOUT[1];\n let url2 = ROUTE_CONSTANTS.OUTLET_LOGIN[1];\n if (currentUser?.token) {\n router(url, `/${params.domainName}${url}`, DomainType);\n } else {\n router(url2, `/${params.domainName}${url2}`, DomainType);\n }\n };\n\n useEffect(() => {\n const { itemsGrossAmount, itemsNetPrice, orderGrossAmount } =\n calculateCartGrossAmount(cart, discountInfo);\n dispatch(\n CartAction.updateCartPrice({\n originalPrice: itemsNetPrice,\n amountAfterDiscount: itemsGrossAmount,\n itemsGrossAmount,\n orderGrossAmount,\n })\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cart]);\n\n //get value\n const getValue = () => {\n const orderValue = outletBasedSelectedStoreArea?.minOrder - cartTotal;\n return orderValue >= 0 ? orderValue?.toFixed(2) : 0;\n };\n\n const gotoStorePage = () =>\n router(\n `/store/store-detail`,\n `/${params?.domainName}/store/store-detail`,\n DomainType\n );\n\n return (\n \n {cart?.length > 0 && (\n \n {outletBasedSelectedStoreArea?.minOrder > cartTotal &&\n orderType?.EN?.name === C.SERVICE_TYPE.DELIVERY ? (\n \n \n \n \n \n )}\n
\n );\n}\n\nexport default BasketFooterOverview;\n","import React, { useEffect } from \"react\";\nimport API from \"apiHelpers\";\nimport { t } from \"i18next\";\n\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { RegisterAction } from \"store/actions\";\nimport { UTILS } from \"utils\";\nimport { handleLocalStorage } from \"utils/storage\";\n\nfunction useUpdateUserProfile({ setUserInfoModal, isOpenUserInfoModal }) {\n const dispatch = useDispatch();\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n\n const [formstate, setFormState] = React.useState({\n values: {\n email: \"\",\n name: \"\",\n loading: false,\n error: \"\",\n },\n errors: {\n email: \"\",\n name: \"\",\n },\n });\n\n const onFinish = async () => {\n if (!validateForm()) return;\n const obj = {\n brandId: brandInfo?.brand?._id,\n name: formstate?.values?.name,\n email: formstate?.values?.email,\n };\n await updateUserProfile(\n obj,\n updateFormState,\n setUserInfoModal,\n updateFormError\n );\n };\n\n const updateFormState = (key, val) => {\n setFormState((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 updateFormError = (key, val) => {\n setFormState((prevState) => ({\n ...prevState,\n errors: {\n ...prevState.errors,\n [key]: val,\n },\n }));\n };\n const validateEmail = (email) => {\n return String(email)\n .toLowerCase()\n .match(\n /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|.(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n );\n };\n\n // const validateForm = () => {\n // if (!brandInfo?.brand?._id) {\n // updateFormError(\"name\", t(\"Please login to continue\"));\n // return false;\n // }\n\n // if (!formstate?.values?.name) {\n // updateFormError(\"name\", t(\"Please enter your name\"));\n // return false;\n // }\n // if (\n // formstate?.values?.name &&\n // formstate?.values?.name?.trim()?.length < 1\n // ) {\n // updateFormError(\"name\", t(\"Name must be at least 1 character\"));\n // return false;\n // }\n // if (formstate?.values?.email && !validateEmail(formstate?.values?.email)) {\n // updateFormError(\"email\", t(\"Please enter a valid email address\"));\n // return false;\n // }\n // return true;\n // };\n\n const validateForm = () => {\n const errors = {};\n \n if (!brandInfo?.brand?._id) errors.name = t(\"Please login to continue\");\n if (!formstate.values.name) errors.name = t(\"Please enter your name\");\n if (formstate.values.name?.trim().length < 1) errors.name = t(\"Name must be at least 1 character\");\n if (formstate.values.email && !validateEmail(formstate.values.email)) errors.email = t(\"Please enter a valid email address\");\n \n if (Object.keys(errors).length) {\n Object.entries(errors).forEach(([key, msg]) => updateFormError(key, msg));\n return false;\n }\n return true;\n };\n\n //load the values from the store\n useEffect(() => {\n if (isOpenUserInfoModal) {\n const userdata = UTILS.getCurrentUser(brandInfo?.brand?._id);\n if (userdata?.user) {\n updateFormState(\"name\", userdata?.user?.name || \"\");\n updateFormState(\"email\", userdata?.user?.email || \"\");\n }\n }\n }, [isOpenUserInfoModal]);\n\n async function updateUserProfile() {\n try {\n updateFormState(\"loading\", true);\n const data = {\n brandId: brandInfo?.brand?._id,\n name: formstate?.values?.name,\n email: formstate?.values?.email,\n };\n const response = await API.updateUserProfile(data);\n if (response?.success === 1) {\n const user = UTILS.getCurrentUser(data.brandId);\n const name = response.data.name;\n const email = response.data.email;\n const updatedUser = {\n ...user,\n user: {\n ...user?.user,\n name,\n email,\n },\n };\n handleLocalStorage.setItem(data.brandId, updatedUser);\n dispatch(RegisterAction.optSuccess(updatedUser));\n\n updateFormState(\"name\", \"\");\n updateFormState(\"email\", \"\");\n return response.data;\n } else {\n const errorMsg = response?.message || response.data;\n updateFormState(\"error\", errorHandler(errorMsg));\n }\n } catch (error) {\n const errorMsg = error?.error?.message || error?.message;\n updateFormState(\"error\", errorHandler(errorMsg));\n } finally {\n setUserInfoModal(false);\n updateFormState(\"loading\", false);\n }\n }\n return {\n formstate,\n setFormState,\n onFinish,\n updateFormState,\n };\n}\n\nexport default useUpdateUserProfile;\n","import React from \"react\";\nconst getMandatoryField = (man) => {\n if (man) {\n return *;\n }\n};\nconst TextInput = (props) => {\n const {\n mandatory,\n labelClasses,\n inputClasses,\n label,\n placeHolder,\n value,\n readOnly,\n onChange,\n name,\n error,\n id,\n } = props;\n const mandatoryField = getMandatoryField(mandatory);\n return (\n <>\n \n {error && \n \n {t(\"Add\")}\n {getValue()}\n {t(\"AED\")}\n {t(\"more\")}\n \n
\n \n \n ) : (\n \n {t(\"Review Order\")}\n
\n \n \n )}\n {error}
}\n\n \n {buttonText}\n
\n \n \n );\n };\n \n\n return (\n \n updateFormState(\"name\", e.target.value)}\n name=\"mapAddress\"\n mandatory={true}\n labelClasses=\"text-14x text-black\"\n inputClasses=\"focus:outline-none mb-4 flex-1 text-16x block w-full rounded border shadow-input px-2 py-3 border-gray-200\"\n placeHolder={t(\"Your Name\")}\n readOnly={false}\n error={errors.name}\n />\n\n updateFormState(\"email\", e.target.value)}\n name=\"mapAddress\"\n mandatory={false}\n labelClasses=\"text-14x text-black\"\n inputClasses=\"focus:outline-none mb-4 flex-1 text-16x block w-full rounded border shadow-input px-2 py-3 border-gray-200 \"\n placeHolder={t(\"Email Address\")}\n readOnly={false}\n error={errors?.email}\n />\n {renderButton()}\n
\n \n \n \n );\n};\n\nexport default AddUserInfoForm;\n","import { useState, useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { UTILS } from \"utils\";\nfunction useShowUserInfoModal() {\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n const { currentUser: reduxUser } = useSelector((state) => state?.register);\n const [currentUser, setUser] = useState({});\n const [isOpenUserInfoModal, setUserInfoModal] = useState(false);\n\n const setUserInfo = () => {\n const user = UTILS.getCurrentUser(brandInfo?.brand?._id);\n if (!user?.user?.name) {\n setUser(user);\n setUserInfoModal(true);\n } else {\n setUser({});\n setUserInfoModal(false);\n }\n };\n useEffect(() => {\n if (brandInfo?.brand?._id) {\n setUserInfo();\n }\n }, [brandInfo?.brand?._id, reduxUser?.user?.name]);\n return {\n currentUser,\n setUserInfo,\n isOpenUserInfoModal,\n setUserInfoModal,\n };\n}\n\nexport default useShowUserInfoModal;\n","import React from \"react\";\nimport { t } from \"i18next\";\nimport { useSelector } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\nimport BasketBody from \"../components/BasketBody\";\nimport BasketFooterOverview from \"../components/BasketFooterOverview\";\n\nimport { Spinner } from \"components\";\nimport PageHeader from \"components/PageHeader\";\nimport FixedFooter from \"components/FixedFooter\";\nimport AddUserInfoForm from \"components/Modals/AddUserInfoForm\";\n\nimport { useCustomHistory, useUpdateDeliveryFee } from \"hooks\";\nimport * as ROUTE_CONSTANTS from \"routes/constants\";\nimport useShowUserInfoModal from \"../useShowUserInfoModal\";\n\nconst Basket = () => {\n const params = useParams();\n const router = useCustomHistory();\n const { DomainType } = useSelector((state) => state.AppReducer);\n let url = ROUTE_CONSTANTS.OUTLET_STORE[1];\n const { isOpenUserInfoModal, setUserInfoModal } = useShowUserInfoModal();\n\n const goBack = () => router(url, `/${params?.domainName}${url}`, DomainType);\n useUpdateDeliveryFee();\n\n return (\n \n {t(\"Update your profile\")}\n
\n\n {error && (\n\n {error}\n
\n )}\n\n \n
\n );\n};\n\nconst BasketContainer = () => {\n const { isLoading } = useSelector((state) => state?.loader);\n const { loading } = useSelector((state) => state?.brand);\n if (isLoading || loading) return \n {}}\n />\n\n \n \n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n \n {t(\"Thanks, Friend!\")}\n
\n
\n {shopUrl && (\n \n {t(\"Thanks, Friend!\")}\n
\n {t(\"Your order has been sent\")}\n
\n \n \n \n
\n )}\n {t(\"Share\")}
\n \n {t(\"Share with your friends!\")}
\n\n {t(\"Track Order\")}\n
\n \n \n \n \n setActionModal(true)}\n >\n {t(\"Change\")}\n
\n \n \n \n {t(\"Pickup from\")}\n
\n \n\n
\n \n
\n\n \n \n {selectedStore?.baseLanguage?.name}\n \n \n {selectedStore?.manualAddress}\n \n
\n \n
\n );\n else return children;\n}\n\nexport default Overlay;\n","export const libraries = [\"geometry\", \"places\"];\nexport const circleOptions = {\n strokeColor: \"#3d85c6\",\n strokeOpacity: 0.8,\n strokeWeight: 2,\n fillColor: \"#66666\",\n fillOpacity: 0.35,\n clickable: false,\n draggable: false,\n editable: false,\n visible: true,\n radius: 5,\n zIndex: 12,\n};\n","import React, { useCallback, useRef, useState, useEffect } from \"react\";\nimport PlacesAutocomplete, {\n geocodeByAddress,\n getLatLng,\n} from \"react-places-autocomplete\";\nimport { useTranslation } from \"react-i18next\";\nimport { LocationIcon, InputClose } from \"icons\";\nimport {\n GoogleMap,\n Circle,\n Marker,\n useJsApiLoader,\n} from \"@react-google-maps/api\";\nimport Overlay from \"../Overlay\";\nimport ErrorModal from \"../ErrorModel\";\nimport { logErrorOnSentry } from \"utils/Utils\";\nimport { getCityAndCountry, validateMapAddress } from \"utils/googleGeoCode\";\nimport { libraries, circleOptions } from \"config/googleMapLibs\";\nimport { useMapContext } from \"contexts/googleMap\";\nimport CustomModal from \"components/CustomModal\";\nfunction WithMap({\n width,\n height,\n showInput,\n mapref,\n setMapRef,\n zoomChanging,\n googlemapState,\n class: mapClasss,\n zoomerror,\n isZoomModalOpen,\n setZoomErrorModal,\n}) {\n const {\n setMapAddress,\n setUserLocation,\n setZoom,\n setStreetAddress,\n googlemapState: mapContext,\n } = useMapContext();\n const { t } = useTranslation();\n const inputRef = useRef(null);\n\n const [open, setOpen] = useState({\n open: false,\n Error: \"\",\n });\n\n const getCenter = () => {\n if (googlemapState?.userLocation?.lat) {\n const mapCenter = {\n lat: googlemapState?.userLocation?.lat,\n lng: googlemapState?.userLocation?.lng,\n };\n return mapCenter;\n }\n return {\n lat: 23,\n lng: 54,\n };\n };\n\n const [center, setCenter] = useState(getCenter());\n\n useEffect(() => {\n setCenter(getCenter());\n }, [mapContext.addressUpdated]);\n\n const handleChange = (address) => {\n let m = { ...googlemapState?.mapAddress };\n m.streetAddress = address;\n setStreetAddress(address);\n };\n\n const formatCompleteMapAddess = (result, latLng, streetAddress) => {\n const updatedResult = validateMapAddress(result, latLng, streetAddress);\n setMapAddress(updatedResult);\n };\n\n const handleSelect = (address) => {\n geocodeByAddress(address)\n .then((results) => getLatLng(results[0]))\n .then((latLng) => {\n mapref.setCenter(new window.google.maps.LatLng(latLng.lat, latLng.lng));\n getCityAndCountry(latLng.lat, latLng.lng, function (result) {\n formatCompleteMapAddess(result, latLng, address);\n });\n\n setUserLocation(latLng);\n setZoom(16);\n inputRef.current.blur();\n })\n .catch((error) => {\n logErrorOnSentry(\"Eror in Google Places \", \"error\");\n });\n };\n\n const handleMapIdle = () => {\n if (mapref) {\n const lat = mapref?.center?.lat();\n const lng = mapref?.center?.lng();\n const mapCenter = {\n lat: lat,\n lng: lng,\n };\n\n if (mapCenter.lat !== center.lat || mapCenter.lng !== center.lng) {\n setCenter(mapCenter);\n setUserLocation(mapCenter);\n }\n }\n };\n\n const zoomChanged = () => {\n if (mapref) {\n const newLat = mapref?.getCenter()?.lat();\n const newLng = mapref?.getCenter()?.lng();\n const zoom = mapref.zoom;\n setCenter({ lat: newLat, lng: newLng });\n setZoom(zoom);\n setUserLocation({ lat: newLat, lng: newLng });\n }\n };\n\n function locateMe() {\n setLoading(true);\n if (navigator?.geolocation) {\n navigator.geolocation.getCurrentPosition(showPosition, errorFn, {\n timeout: 10000,\n enableHighAccuracy: true,\n maximumAge: 0,\n });\n } else {\n handleMapError(t(\"This browser does not support live location\"));\n logErrorOnSentry(\"This browser does not support live location\", \"info\");\n }\n }\n\n function showPosition(position) {\n setLoading(false);\n const { latitude: lat, longitude: lng } = position?.coords || {};\n if (!lat || !lng) return;\n mapref.setCenter(new window.google.maps.LatLng(lat, lng));\n const mapCenter = {\n lat,\n lng,\n };\n setCenter(mapCenter);\n setZoom(16);\n setUserLocation(mapCenter);\n updateStreetAddress(mapCenter);\n }\n\n const handleMapError = (errorMessage) => {\n setOpen({\n open: true,\n Error: errorMessage,\n });\n logErrorOnSentry(errorMessage, \"info\");\n };\n function errorFn(error) {\n setLoading(false);\n switch (error.code) {\n case error.PERMISSION_DENIED:\n handleMapError(\n t(\n \"Location permissions are currently disabled on your device. Please enable them in order for us to automatically determine your current delivery location\"\n )\n );\n break;\n case error.POSITION_UNAVAILABLE:\n handleMapError(\n t(\n \"Location permissions are currently disabled on your device. Please enable them in order for us to automatically determine your current delivery location\"\n )\n );\n break;\n case error.TIMEOUT:\n handleMapError(\n t(\n \"Your current location detection is taking time. Please try again or enter your location manually if you prefer.\"\n )\n );\n break;\n case error.UNKNOWN_ERROR:\n handleMapError(\n t(\n \"Your current location detection is taking time. Please try again or enter your location manually if you prefer.\"\n )\n );\n break;\n default:\n handleMapError(\n t(\n \"Your current location detection is taking time. Please try again or enter your location manually if you prefer.\"\n )\n );\n }\n }\n\n const onDragEnd = () => {\n const lat = mapref?.center?.lat();\n const lng = mapref?.center?.lng();\n setUserLocation({ lat, lng });\n };\n\n const updateStreetAddress = (mapCenter) => {\n // if (mapCenter.lat !== 23 && mapCenter?.lng !== 54)\n if (zoomChanging) {\n var geocoder = new window.google.maps.Geocoder();\n geocoder.geocode({ latLng: mapCenter }, function (results, status) {\n if (status === window.google.maps.GeocoderStatus.OK) {\n if (results[0]) {\n getCityAndCountry(mapCenter.lat, mapCenter.lng, function (result) {\n formatCompleteMapAddess(\n result,\n mapCenter,\n results[0].formatted_address\n );\n });\n\n setStreetAddress(results[0]?.formatted_address);\n }\n }\n });\n }\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 [loading, setLoading] = useState(false);\n const onUnmount = useCallback(() => {\n setMapRef(null);\n }, []);\n\n const handleOnLoad = (map) => {\n setMapRef(map);\n };\n\n const handleError = () => {};\n const handleIncreaseZoom = () => {\n setZoom(16);\n setZoomErrorModal(false);\n // update the street address\n updateStreetAddress(center);\n };\n const [placeholder, setPlaceholder] = useState(\n t(\"Enter your delivery location\")\n );\n useEffect(() => {\n const blinker = () => {\n setPlaceholder((prev) => (prev ? \"\" : t(\"Enter your delivery location\")));\n };\n\n const intervalId = setInterval(blinker, 1000);\n\n return () => clearInterval(intervalId); // Clean up the interval on component unmount\n }, []);\n\n const handleClear = () => {\n setCenter({ lat: 23, lng: 54 });\n setZoom(7);\n setStreetAddress(\"\");\n setUserLocation({ lat: 23, lng: 54 });\n };\n\n const getStreetAddressLength = () => {\n if (!googlemapState?.mapAddress?.streetAddress) return false;\n if (googlemapState?.mapAddress?.streetAddress?.length > 0) return true;\n };\n\n return (\n \n \n \n \n \n \n \n \n \n
\n {children}
\n \n \n {!getStreetAddressLength() ? (\n \"\"\n ) : (\n \n
\n \n ) : (\n \"\"\n )}\n {t(\"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 \n
\n ) : null}\n \n \n {\n goBacktomapscreen(true);\n }}\n />\n \n \n {t(\"Change Location\")}\n \n
\n\n \n {}}\n />\n
\n \n handleFormChange(e)}\n name=\"address\"\n mandatory={true}\n labelClasses=\"text-14x text-black\"\n inputClasses=\"focus:outline-none mb-4 flex-1 text-16x block w-full rounded border shadow-input px-2 py-3 border-gray-200\"\n placeHolder={t(\"Enter your complete address\")}\n error={formState.errors?.address}\n />\n {/* handleFormChange(e)}\n name=\"appartmentNo\"\n mandatory={false}\n labelClasses=\"text-14x text-black\"\n inputClasses=\"focus:outline-none mb-4 flex-1 text-16x block w-full rounded border shadow-input px-2 py-3 border-gray-200\"\n placeHolder={t(\"Enter your apartment no.\")}\n error={formState.errors?.appartmentNo}\n />\n handleFormChange(e)}\n name=\"building\"\n mandatory={false}\n labelClasses=\"text-14x text-black\"\n inputClasses=\"focus:outline-none mb-4 flex-1 text-16x block w-full rounded border shadow-input px-2 py-3 border-gray-200\"\n placeHolder={t(\"Enter your building name\")}\n error={formState.errors?.building}\n />\n handleFormChange(e)}\n name=\"floor\"\n mandatory={false}\n labelClasses=\"text-14x text-black\"\n inputClasses=\"focus:outline-none mb-4 flex-1 text-16x block w-full rounded border shadow-input px-2 py-3 border-gray-200\"\n placeHolder={t(\"Enter your floor number\")}\n error={formState.errors?.floor}\n />\n \n {\n setIsOpenChangeStreetAddressModal(false);\n }}\n />\n \n \n {\n goBacktomapscreen(false);\n addnewaddress(e);\n }}\n handleClickNo={() => {\n goBacktomapscreen(false);\n history.goBack();\n }}\n />\n \n
\n {!showAreaPoup && (\n setIsOpenChangeStreetAddressModal(true)}>\n {}}\n name=\"mapAddress\"\n mandatory={true}\n labelClasses=\"text-14x text-black\"\n inputClasses=\"focus:outline-none mb-4 flex-1 text-16x block w-full rounded border shadow-input px-2 py-3 border-gray-200 cursor-pointer\"\n placeHolder={t(\"Google Map Address\")}\n readOnly={true}\n error={errors?.streetAddress}\n />\n
*/}\n\n {children &&\n children?.map((child, index) => {\n return {child}
;\n })}\n \n \n
\n \n {formState.errors?.addressType}
\n\n \n {AddressTypeObj.map((type, index) => {\n const isSelected = formState?.values?.addressType === type.value;\n return (\n \n \n {type.icon}\n {t(type.label)}\n \n \n );\n })}\n
\n \n \n {t(\"Save Address\")}\n \n
\n \n \n \n
\n );\n}\n","import React from \"react\";\nimport { Frames, CardFrame } from \"frames-react\";\nimport { t } from \"i18next\";\n\nconst REACT_APP_CHECKOUT_PUBLIC_KEY = process.env.REACT_APP_CHECKOUT_PUBLIC_KEY;\nconst CheckoutContainer = ({ capturePayment }) => {\n return (\n \n
\n \n
\n \n {t(\"Powered by\")}\n\n \n {/* */}\n \n \n \n
\n \n \n
\n \n \n
\n );\n};\n\nconst CheckoutDotCom = ({ capturePayment }) => {\n return (\n <>\n \n
\n \n {t(\"Powered by\")}\n
\n \n \n
\n \n
\n );\n } else if (integrationsByName[C.CHECKOUT_DOT_COM]) {\n return (\n \n \n captureCheckoutDotComPayment(token, redirectLink)\n }\n redirectLink={redirectLink}\n />\n
\n );\n }\n\n return null;\n}\n\nexport default CardWidgets;\n","import React from \"react\";\nimport { t } from \"i18next\";\nimport { SVGICONS } from \"config\";\nimport { UTILS } from \"utils\";\n\nconst CheckoutDeliveryArea = ({\n userdeliveryAdress,\n setChangeAddressModal,\n}) => {\n return (\n <>\n \n
\n \n \n );\n};\n\nexport default CheckoutDeliveryArea;\n","import React from \"react\";\nimport { SVGICONS } from \"config\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { PaymentCardsAction } from \"store/actions\";\nimport { StoreAction } from \"store/actions\";\nimport { PaymentMethodAction } from \"store/actions\";\nimport { CreditcardIcon } from \"icons\";\nimport { getCreditCardObjByOrderType } from \"utils/Utils\";\n\nconst SaveCardComponent = ({ last4, children, id, onClick }) => {\n return (\n \n {t(\"Delivering to\")}\n
\n\n setChangeAddressModal(true)}\n className=\"ws-14 flex-none flex items-center justify-center cursor-pointer text-brand-base-primary border border-brand-base-primary px-1 rounded text-13x\"\n >\n {t(\"Change\")}\n
\n \n
\n \n {UTILS.getFormattedAddress(userdeliveryAdress) ? (\n <>\n setChangeAddressModal(true)}\n >\n {t(userdeliveryAdress?.addressType)}\n \n \n {UTILS.getFormattedAddress(userdeliveryAdress)}\n \n \n ) : (\n setChangeAddressModal(true)}\n >\n {t(\"SELECT LOCATION\")}\n \n )}\n
\n \n
\n \n );\n};\n\nconst StripeRadio = ({ card, selectedCardId }) => {\n const { selectedPayment } = useSelector((state) => state.store);\n const { selectedPaymentType } = useSelector(\n (state) => state.PaymentMethodReducer\n );\n\n const isCheked =\n !!selectedCardId &&\n card?.id &&\n selectedCardId === card?.id &&\n selectedPayment?.paymentType === \"CREDIT_CARD\" &&\n selectedPaymentType === \"saved_card\";\n return (\n \n \n \n
\n {children}
\n \n handleSripeTabSelection(1)}\n >\n {t(\"Add new card\")}\n \n handleSripeTabSelection(2)}\n className=\"flex-grow border-b-2 py-2 cursor-pointer px-1\n border-brand-base-primary text-brand-base-primary\"\n >\n {t(\"Saved cards\")}\n \n
\n \n
\n \n );\n } else {\n return \n handleTabSelection(1)}\n >\n {t(\"Add new card\")}\n \n handleTabSelection(2)}\n className=\"flex-grow border-b-2 py-2 cursor-pointer px-1\n border-brand-base-primary text-brand-base-primary\n \"\n >\n {t(\"Saved cards\")}\n \n
\n \n
\n \n );\n } else {\n return (\n \n \n
\n );\n}\n\nexport default CheckoutHeader;\n","import React from \"react\";\n\nfunction CardMachine() {\n return (\n \n \n
\n \n Your order\n \n {\n setPaymentMEthod(\n getCreditCardObjByOrderType(orderType, selectedStore),\n C.WALLET.APPLE_PAY\n );\n }}\n >\n
\n )}\n {supportedBrowserWallets?.googlePay && (\n \n {t(\"Pay with\")}\n
\n {IsONlinePaymentEnabled(paymentOptions) &&\n integrationsByName[C.STRIPE] && (\n <>\n {supportedBrowserWallets?.applePay && (\n\n
\n \n \n
\n \n \n
\n \n
\n \n )}\n \n )}\n {IsONlinePaymentEnabled(paymentOptions) &&\n children &&\n children?.length >= 1 &&\n children[0]}\n\n {SortPaymentOptions(paymentOptions)?.map((paymentMethod, i) => {\n if ((paymentMethod?.paymentType === C.CREDIT_CARD && !GetcardText()) || paymentMethod?.paymentType === C.PAY_LATER)\n return null;\n return (\n \n \n
\n \n \n
\n \n
\n \n );\n })}\n {children && children?.length >= 2 && children[1]}\n \n \n \n );\n};\n\nexport default CheckoutPaymentMethod;\n","import React from \"react\";\nimport { t } from \"i18next\";\nimport C from \"Constants\";\nimport { useSelector } from \"react-redux\";\nimport { FormatPreOrderingTime } from \"utils/OrderUtils\";\nimport { SVGICONS } from \"config\";\nimport { PreOrderingDisplayTimingWidget } from \"components/Pre-ordering\";\nimport moment from \"moment\";\n\nconst DeliveryTime = ({ setPreOrderingSlotWidget }) => {\n const { orderTiming } = useSelector((state) => state?.orderTimingReducer);\n const { orderType } = useSelector((state) => state?.AppReducer);\n\n return (\n <>\n \n \n {paymentMethod?.paymentType === C.CREDIT_CARD && (\n
\n \n \n \n \n {selectedPaymentType === C.WALLET.CASH &&\n paymentMethod?.paymentType !== C.CREDIT_CARD &&\n selectedPayment?._id === paymentMethod?._id ? (\n
\n \n
\n \n {orderType?.serviceType === C.SERVICE_TYPE.DELIVERY\n ? t(\"Delivery Time\")\n : orderType?.serviceType === C.SERVICE_TYPE.PICKUP\n ? t(\"Pickup Time\")\n : null}\n
\n\n setPreOrderingSlotWidget(true)}\n className=\"ws-14 flex-none flex items-center justify-center cursor-pointer text-13x rounded text-brand-base-primary border border-brand-base-primary px-1\"\n >\n {t(\"Change\")}\n
\n \n
\n \n <>\n \n \n {orderTiming?.TimingType === C.ORDER_TIMING_TYPE.PREORDER ? (\n orderTiming?.isPreOrderAvailable &&\n orderTiming?.preOrderSlot && (\n <>\n {orderTiming?.preOrderSlot?.day === C.TODAY\n ? t(orderTiming?.preOrderSlot?.day)\n : moment(orderTiming?.preOrderSlot?.day).format(\n \"dddd, DD MMM YYYY\"\n )}\n {\", \"}\n {FormatPreOrderingTime(orderTiming?.preOrderSlot?.time)}\n \n )\n ) : (\n <> {t(\"ASAP\")}\n )}\n \n \n
\n \n
\n \n \n );\n};\n\nexport default DeliveryTime;\n","import API from \"apiHelpers\";\nimport { errorNotification } from \"utils/Utils\";\nimport { t } from \"i18next\";\nimport { Loader } from \"store/actions\";\nimport { useDispatch } from \"react-redux\";\n\nfunction useCheckStoreAvailability() {\n const dispatch = useDispatch();\n async function checkStoreAvailability(payload) {\n try {\n dispatch(Loader.togggleCheckoutLoader(true));\n const response = await API.checkStoreAvailability(payload);\n if (response.success === 1 && response?.data === true) {\n return true;\n } else {\n errorNotification(\n t(\n \"We apologize, but our store is closed right now. We hope to see you soon!\"\n )\n );\n return false;\n }\n } catch (error) {\n errorNotification(\n t(\n \"We apologize, but our store is closed right now. We hope to see you soon!\"\n )\n );\n return false;\n } finally {\n dispatch(Loader.togggleCheckoutLoader(false));\n }\n }\n return { checkStoreAvailability };\n}\n\nexport default useCheckStoreAvailability;\n","import React, { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\nimport { t } from \"i18next\";\n\nimport ButtonSpinner from \"components/ButtonSpinner\";\nimport { CartAction } from \"store/actions\";\nimport { useCustomHistory } from \"hooks\";\nimport { useMapContext } from \"contexts/googleMap\";\nimport useCheckStoreAvailability from \"service-hooks/useCheckStoreAvailability\";\nimport { calculateCartGrossAmount } from \"utils/Utils\";\nimport C from \"Constants\";\n\nfunction PlaceOrderButton({ placeOrder, loading }) {\n const dispatch = useDispatch();\n const { reset } = useMapContext();\n const { checkStoreAvailability } = useCheckStoreAvailability();\n\n //global state\n const { cart } = useSelector((state) => state?.cart);\n const { ordered } = useSelector((state) => state?.order);\n const {allOrders} = ordered;\n const { discountInfo } = useSelector((state) => state?.Discounts);\n const { selectedStore } = useSelector((state) => state?.store);\n const { orderTiming } = useSelector((state) => state?.orderTimingReducer);\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n const { orderType } = useSelector((state) => state?.AppReducer);\n const { selectedPaymentType } = useSelector(\n (state) => state.PaymentMethodReducer\n );\n\n useEffect(() => {\n const { itemsGrossAmount, itemsNetPrice, orderGrossAmount } =\n calculateCartGrossAmount(cart, discountInfo , 0 , ordered);\n dispatch(\n CartAction.updateCartPrice({\n originalPrice: itemsNetPrice,\n amountAfterDiscount: itemsGrossAmount,\n itemsGrossAmount,\n orderGrossAmount,\n })\n );\n }, [cart, discountInfo, dispatch, selectedStore]);\n\n const placeMyOrder = async () => {\n if (orderTiming?.TimingType === C.ORDER_TIMING_TYPE.PREORDER) {\n placeOrder();\n reset();\n } else {\n const orderDetails = {\n brandId: brandInfo?.brand?._id,\n storeId: selectedStore?._id,\n serviceType: orderType?.serviceType,\n };\n const isOpenStore = await checkStoreAvailability(orderDetails);\n if (!isOpenStore) return;\n placeOrder();\n reset();\n }\n };\n\n return (\n \n \n {loading && (\n
\n )}\n \n \n {t(\"Add\")}\n {getValue()}\n {t(\"AED\")}\n {t(\"more\")}\n \n
\n \n \n );\n}\nexport { MinOrder };\n","import { logPopupError } from \"utils/Utils\";\nimport { t } from \"i18next\";\nimport API from \"apiHelpers\";\nimport { Loader } from \"store/actions\";\nimport reduxstore from \"store/store\";\n\nlet fallBackMessage = t(\"Bank declined payment, please try again\");\n\nexport const stripeCreatePaymentMethod = async (obj) => {\n try {\n const createStripePaymentIntent = await API.createStripePaymentIntent({\n amount: obj?.amount,\n storeId: obj?.storeId,\n isStoredCard: obj?.isStoredCard,\n ...(obj?.stripeSelectedCard?.isStoredCard && {\n cardId: obj?.cardId,\n }),\n ...(obj.currency && {\n currency: obj?.currency,\n }),\n paymentMethod: obj?.paymentMethod,\n });\n return createStripePaymentIntent;\n } catch (error) {\n logPopupError(error.message || fallBackMessage, true);\n return error;\n }\n};\n\nexport const verifyStripePaymentIntent = async (confirmpayload, placeOrder) => {\n try {\n reduxstore.dispatch(Loader.togggleCheckoutLoader(true));\n const verifyStripePaymentIntent = await API.verifyStripePaymentIntent({\n paymentIntentId: confirmpayload,\n });\n if (\n verifyStripePaymentIntent?.success === 1 &&\n verifyStripePaymentIntent?.gatewayData?.isVerified\n ) {\n await placeOrder({\n paymentIntent: verifyStripePaymentIntent?.gatewayData,\n });\n }\n //verify payment failed\n else {\n logPopupError(\n verifyStripePaymentIntent?.error?.message || fallBackMessage,\n true\n );\n reduxstore.dispatch(Loader.togggleCheckoutLoader(false));\n }\n } catch (error) {\n logPopupError(error.message || fallBackMessage, true);\n reduxstore.dispatch(Loader.togggleCheckoutLoader(false));\n return error;\n }\n};\n","import React, { useEffect, useState } from \"react\";\nimport {\n PaymentRequestButtonElement,\n useStripe,\n useElements,\n} from \"@stripe/react-stripe-js\";\nimport { t } from \"i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { FixedFooter } from \"components\";\nimport C from \"Constants\";\nimport { stripeCreatePaymentMethod, verifyStripePaymentIntent } from \"./utils\";\nimport { showErrors, logError } from \"utils/Utils\";\nimport { Loader } from \"store/actions\";\nimport { logErrorOnSentry } from \"utils/Utils\";\nconst WalletPay = ({ selectedStore, children, placeOrder, payUsingWallet }) => {\n const { selectedPayment } = useSelector((state) => state.store);\n const { orderGrossAmount } = useSelector((state) => state.cart);\n const { selectedPaymentType } = useSelector(\n (state) => state.PaymentMethodReducer\n );\n\n const stripe = useStripe();\n const elements = useElements();\n const dispatch = useDispatch();\n\n const [paymentRequest, setPaymentRequest] = useState(null);\n let fallBackMessage = t(\"Bank declined payment, please try again\");\n\n const requestObj = {\n country: \"AE\",\n currency: \"aed\",\n total: {\n label: \"Total\",\n amount: Math.round(orderGrossAmount * 100),\n },\n // disableWallets: [\"link\", \"browserCard\"],\n };\n\n // updating the request\n useEffect(() => {\n if (paymentRequest && orderGrossAmount && !paymentRequest?.isShowing()) {\n paymentRequest.update({\n total: {\n label: \"Total\",\n amount: Math.round(orderGrossAmount * 100),\n },\n });\n } else if (paymentRequest && paymentRequest?.isShowing()) {\n logError(t(\"You have already an order ,complete that first\"), true);\n }\n }, [paymentRequest, orderGrossAmount]);\n\n const validatePaymentRequest = (e) => {\n const orderDetail = payUsingWallet();\n if (orderDetail?.isValid === false) {\n e.preventDefault();\n showErrors(orderDetail?.errors);\n return;\n }\n if (+parseFloat(orderGrossAmount) <= 2) {\n e.preventDefault();\n logError(t(\"addMoreThanTwoAED\"), true);\n return;\n }\n if (paymentRequest) {\n const isSheetOpen = paymentRequest.isShowing();\n if (isSheetOpen) {\n e.preventDefault();\n logError(\n t(\n \"Online payment is underway; please go back to the checkout screen to complete the payment\"\n ),\n true\n );\n logErrorOnSentry(\n \"user tries to update the cart while the stripe sheet is already open\",\n \"error\"\n );\n return;\n }\n }\n };\n\n useEffect(() => {\n let isMounted = true;\n try {\n async function createPaymentRequest() {\n if (!stripe || !elements) return;\n const PaymentRequestRes = stripe.paymentRequest(requestObj);\n const result = await PaymentRequestRes.canMakePayment();\n if (isMounted && result) {\n setPaymentRequest(PaymentRequestRes);\n }\n PaymentRequestRes.on(\"cancel\", () => {\n logErrorOnSentry(\n \"google/apple pay customer cancelled the payment\",\n \"info\"\n );\n window.location.reload(false);\n });\n\n PaymentRequestRes.on(\"paymentmethod\", async (event) => {\n dispatch(Loader.togggleCheckoutLoader(true));\n const createObj = {\n amount: orderGrossAmount,\n storeId: selectedStore?._id,\n isStoredCard: false,\n cardId: null,\n stripeSelectedCard: null,\n paymentMethodType: \"card\",\n currency: \"aed\",\n paymentMethod: \"WALLET\",\n };\n const createStripePaymentIntent = await stripeCreatePaymentMethod(\n createObj\n );\n if (\n createStripePaymentIntent?.success === 1 &&\n createStripePaymentIntent?.gatewayData?.data?.client_secret &&\n createStripePaymentIntent?.gatewayData?.isVerified === false\n ) {\n event.complete(\"success\");\n\n const confirmpayload = await stripe.confirmCardPayment(\n createStripePaymentIntent?.gatewayData?.data?.client_secret,\n {\n payment_method: event.paymentMethod.id,\n },\n { handleActions: false }\n );\n\n if (\n confirmpayload?.paymentIntent?.status === \"succeeded\" &&\n confirmpayload?.paymentIntent?.id\n ) {\n verifyStripePaymentIntent(\n confirmpayload?.paymentIntent?.id,\n placeOrder\n );\n }\n //confirm payment failed\n else {\n dispatch(Loader.togggleCheckoutLoader(false));\n logError(confirmpayload?.error?.message || fallBackMessage, true);\n }\n } else {\n dispatch(Loader.togggleCheckoutLoader(false));\n logError(\n createStripePaymentIntent?.error?.message || fallBackMessage,\n true\n );\n event.complete(\"fail\");\n return;\n }\n });\n }\n createPaymentRequest();\n } catch (error) {\n dispatch(Loader.togggleCheckoutLoader(false));\n logError(error?.message || fallBackMessage, true);\n } finally {\n dispatch(Loader.togggleCheckoutLoader(false));\n }\n\n return () => {\n isMounted = false;\n setPaymentRequest(null);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [stripe, elements, selectedStore?._id, orderGrossAmount]);\n\n const shouldShowPaymentButton =\n paymentRequest &&\n selectedPayment?.paymentType === C.CREDIT_CARD &&\n (selectedPaymentType === C.WALLET.APPLE_PAY ||\n selectedPaymentType === C.WALLET.GOOGLE_PAY);\n return shouldShowPaymentButton ? (\n \n \n {\n validatePaymentRequest(e);\n }}\n />\n \n
\n ) : (\n <>{children}\n );\n};\n\nexport default WalletPay;\n","import FixedFooter from \"components/FixedFooter\";\nimport React from \"react\";\nimport PlaceOrderButton, { MinOrder } from \"./PlaceOrderButton\";\nimport WalletPay from \"helpers/payment_helpers/stripe/WalletPay\";\nimport { useSelector } from \"react-redux\";\nimport C from \"Constants\";\nfunction FooterWithWallet({\n cartTotal,\n integrationsByName,\n selectedStore,\n placeORder,\n Place_Order,\n cardProcessing,\n validateOrderShipping,\n minOrder,\n storePageUrl,\n}) {\n const { orderType } = useSelector((state) => state.AppReducer);\n\n if (minOrder > cartTotal && orderType?.EN?.name === C.SERVICE_TYPE.DELIVERY)\n return (\n \n
\n );\n } else return null;\n } else if (integrationsByName[C.CHECKOUT_DOT_COM]) {\n if (savedPaymentCards?.length > 0) {\n return (\n \n
\n );\n } else return null;\n }\n\n return null;\n}\n\nexport default SavedCardsList;\n","import React from \"react\";\nimport { t } from \"i18next\";\nimport { useSelector } from \"react-redux\";\nimport PageHeader from \"components/PageHeader\";\nimport FixedFooter from \"components/FixedFooter\";\nimport WithMap from \"components/Hoc/WithMap\";\nimport { ErrorModal, CustomModal } from \"components\";\nimport { useParams } from \"react-router-dom\";\nimport { useCustomHistory } from \"hooks\";\n\nfunction SelectMapLocation({\n checkoutPageUrl,\n handleConfirmLocation,\n error,\n open,\n setOpen,\n mapref,\n setMapRef,\n screenName,\n}) {\n const params = useParams();\n const router = useCustomHistory();\n const { temporarymapAddress, temporaryuserLocation, temporaryzoom } =\n useSelector((state) => state.DeliveryAddressReducer);\n\n const { DomainType } = useSelector((state) => state.AppReducer);\n\n const goToCheckoutPage = () => {\n router(\n checkoutPageUrl,\n `/${params?.domainName}${checkoutPageUrl}`,\n DomainType\n );\n };\n\n return (\n \n
\n \n {t(\"Mark the exact location to help our driver deliver faster\")}\n
\n\n \n \n \n \n \n \n
\n \n {}}\n />\n
\n\n \n {t(\"Confirm Location\")}\n
\n \n \n \n
\n \n )}\n {supportedBrowserWallets?.googlePay && (\n \n \n
\n \n \n \n \n {selectedPayment?.paymentType === C.CREDIT_CARD &&\n selectedPaymentType === C.WALLET.APPLE_PAY ? (\n
\n \n
\n \n )}\n \n );\n}\n\nexport default SupportedWalletLis;\n","import React from \"react\";\nimport TextareaInput from \"./TextareaInput\";\nimport { CartAction } from \"store/actions\";\nimport { t } from \"i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport C from \"Constants\";\n\nfunction PickupVehicleInfo({ className }) {\n const dispatch = useDispatch();\n const { pickupVehicleInfo } = useSelector((state) => state.cart);\n const { selectedStore } = useSelector((state) => state.store);\n const { orderType } = useSelector((state) => state.AppReducer);\n\n if (!selectedStore?.vehicleInfoForPickup?.isActive) return null;\n if (orderType?.EN?.name !== C.SERVICE_TYPE.PICKUP) return null;\n return (\n \n \n
\n \n \n \n \n {selectedPayment?.paymentType === C.CREDIT_CARD &&\n selectedPaymentType === C.WALLET.GOOGLE_PAY ? (\n
\n \n \n \n dispatch(CartAction.setPickupVehicleInfo(e.target.value))\n }\n value={pickupVehicleInfo}\n placeholder={t(\"E.g plate 18692, color black, brand lexus\")}\n styleClasses=\"mt-1 block w-full text-16x text-outer-space mt-2 p-1 bg-gray-100 border border-gray-300 rounded focus:outline-none\"\n />\n
\n );\n}\n\nexport default PickupVehicleInfo;\n","import React from \"react\";\nimport Spinner from \"components/Spinner\";\nimport { useSelector } from \"react-redux\";\n\nfunction WithLoading(props) {\n const { checkoutLoader } = useSelector((state) => state.loader);\n\n if (props?.loading || checkoutLoader)\n return (\n \n
\n );\n return null;\n}\n\nexport default WithLoading;\n","import { useCustomHistory } from \"hooks\";\nimport { useSelector } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\n\nfunction useSuccesOrder() {\n const router = useCustomHistory();\n const params = useParams();\n const { DomainType } = useSelector((state) => state.AppReducer);\n\n const successPlaceOrder = (orderNumber) => {\n const url = \"/order/order-success/\";\n router(\n `${url}${orderNumber}`,\n `/${params.domainName}${url}${orderNumber}`,\n DomainType\n );\n };\n return successPlaceOrder;\n}\n\nexport default useSuccesOrder;\n","import { apiSlice, postConfig } from \"apiHelpers/ApiSlice\";\nimport * as URL from \"apiHelpers/api/ApiUrls\";\nimport { Loader, ErrorAction } from \"store/actions\";\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\n\nconst onlinePaymentService = apiSlice.injectEndpoints({\n endpoints: (builder) => ({\n initiateCheckoutRequest: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.GET_CHECKOUT_DOT_COM_PAYMENT,\n ...postConfig.query(body),\n }),\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(Loader.enableLoader());\n try {\n const { data } = await queryFulfilled;\n if (data) {\n } else {\n let error = {\n error: errorHandler(data),\n modal: true,\n };\n dispatch(ErrorAction.setError(error));\n }\n } catch (err) {\n let error = {\n error: errorHandler(err.error),\n modal: true,\n };\n dispatch(ErrorAction.setError(error));\n }\n setTimeout(() => {\n dispatch(Loader.disableLoader());\n }, 4000);\n },\n }),\n verifyCheckoutDotComPayment: builder.mutation({\n ...postConfig,\n query: (body) => ({\n url: URL.VERIFY_CHECKOUT_DOT_COM_PAYMENT + \"/\" + body,\n ...postConfig.query(),\n }),\n async onQueryStarted(body, { dispatch, queryFulfilled, getState }) {\n dispatch(Loader.enableLoader());\n try {\n const { data } = await queryFulfilled;\n if (data) {\n } else {\n let error = {\n error: errorHandler(data),\n modal: true,\n };\n dispatch(ErrorAction.setError(error));\n }\n } catch (err) {\n let error = {\n error: errorHandler(err.error),\n modal: true,\n };\n dispatch(ErrorAction.setError(error));\n }\n dispatch(Loader.disableLoader());\n },\n }),\n }),\n overrideExisting: true,\n});\n\nexport default onlinePaymentService;\nexport const {\n useInitiateCheckoutRequestMutation,\n useVerifyCheckoutDotComPaymentMutation,\n} = onlinePaymentService;\n","import { useDispatch } from \"react-redux\";\nimport { t } from \"i18next\";\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\n\n//actions\nimport { LoyaltyAction } from \"store/actions\";\nimport { ErrorAction } from \"store/actions\";\nimport { NotPersistAction } from \"store/actions\";\n\nimport { usePlaceMyOrderMutation } from \"store/checkout/order/orderService\";\nimport { logErrorOnSentry } from \"utils/Utils\";\n\nimport C from \"Constants\";\nimport { UTILS } from \"utils\";\nimport {\n validateBrandOrderObject,\n getBrandBasedOrderObject,\n} from \"utils/OrderUtils\";\n\nfunction usePlaceOrderHelper(handleSuceessOrderRoute) {\n const dispatch = useDispatch();\n const [placeMyOrder] = usePlaceMyOrderMutation();\n\n const PLACE_order = async (obj) => {\n try {\n const { data } = await placeMyOrder(obj);\n if (data?.success === 1 && data?.data?.savedOrder?.orderNumber) {\n dispatch(LoyaltyAction.removeLoyalty());\n const orderNumber = data?.data?.savedOrder?.orderNumber;\n handleSuceessOrderRoute(orderNumber);\n } else {\n dispatch(NotPersistAction.toggleOrderPlaceModel(false));\n logError(data?.message || t(C.DEFAULT_ERROR_MSG), true, \"error\");\n return;\n }\n } catch (error) {\n logError(error?.error?.message || t(C.DEFAULT_ERROR_MSG), true, \"error\");\n }\n };\n\n const outlet_based_place_order = async (paymentObj = null) => {\n const { orderObject, isValid, errors } = UTILS.validateOutletOrderObject();\n if (!isValid) {\n showErrors(errors);\n return;\n }\n orderObject.transactionInfo = paymentObj?.paymentIntent;\n const orderobj = UTILS.getOutletOrderObject(orderObject);\n PLACE_order(orderobj);\n };\n\n const showErrors = (errors) => {\n const error = Object.values(errors).find((value) => value !== null);\n if (error) {\n logError(errorHandler(error), true, \"error\");\n }\n };\n\n const logError = (msg, modal, level) => {\n dispatch(\n ErrorAction.setError({\n error: msg,\n modal: modal,\n })\n );\n if (msg && msg !== C.DEFAULT_ERROR_MSG) {\n logErrorOnSentry(msg, level);\n }\n };\n\n // const validateSavedCard = (cardType, selectedCard) => {\n // if (\n // selectedCard?.cardInfo?._id &&\n // selectedCard?.cardInfo?.paymentGateway === cardType\n // ) {\n // return true;\n // }\n // return false;\n // };\n const brand_based_place_order = async (paymentObj = null) => {\n const { errors, isValid, obj } = await validateBrandOrderObject();\n if (!isValid) {\n showErrors(errors);\n return;\n }\n obj.transactionInfo = paymentObj?.paymentIntent;\n const orderObject = getBrandBasedOrderObject(obj);\n PLACE_order(orderObject);\n };\n return {\n PLACE_order,\n outlet_based_place_order,\n brand_based_place_order,\n logError,\n };\n}\n\nexport default usePlaceOrderHelper;\n","export const getStripeWalletCreateIntentObj = ({\n amount,\n storeId,\n stripeSelectedCard,\n}) => {\n return {\n amount: amount,\n storeId: storeId,\n paymentMethodType: null,\n currency: \"aed\",\n paymentMethod: \"CARD\",\n isStoredCard: stripeSelectedCard ? true : false,\n cardId: stripeSelectedCard?.cardInfo?.id\n ? stripeSelectedCard?.cardInfo?.id\n : null,\n stripeSelectedCard: stripeSelectedCard,\n };\n};\n","import { t } from \"i18next\";\nimport { useSelector } from \"react-redux\";\nimport { CardElement, useElements, useStripe } from \"@stripe/react-stripe-js\";\nimport usePlaceOrderHelper from \"../../../usePlaceOrderHelper\";\n\nimport {\n stripeCreatePaymentMethod,\n verifyStripePaymentIntent,\n} from \"helpers/payment_helpers/stripe/utils\";\n\nimport { getStripeWalletCreateIntentObj } from \"utils/payments\";\nimport useScrollToBottomPaymentWidget from \"hooks/useScrollToBottomPaymentWidget\";\nimport { logErrorOnSentry } from \"utils/Utils\";\n\nfunction StripeHelper(setcardProcessing, handleSuceessOrderRoute) {\n const { logError, brand_based_place_order, outlet_based_place_order } =\n usePlaceOrderHelper(handleSuceessOrderRoute);\n let fallBackMessage = t(\"Bank declined payment, please try again\");\n const { stripeSelectedCard } = useSelector(\n (state) => state.PaymentCardsReducer\n );\n //services\n // stripe\n const stripe = useStripe();\n const elements = useElements();\n const { selectedPaymentType } = useSelector(\n (state) => state.PaymentMethodReducer\n );\n const scrollToBottom = useScrollToBottomPaymentWidget(selectedPaymentType);\n\n const process_stripe_payment = async ({ amount, storeId, placeMyOrder }) => {\n try {\n if (!stripe || !elements) {\n logError(\n t(\n \"Online payment is facing some issues, please use other payment method\"\n ),\n true,\n \"error\"\n );\n logErrorOnSentry(\n \"stripe or elements are not available\",\n \"error\",\n JSON.stringify({ stripe, elements })\n );\n return;\n }\n\n const cardElement = elements?.getElement(CardElement);\n setcardProcessing(true);\n if (\n !stripeSelectedCard?.isStoredCard &&\n !stripeSelectedCard?.cardInfo?.id\n ) {\n const { error } = await stripe.createPaymentMethod({\n type: \"card\",\n card: cardElement,\n });\n if (error) {\n logError(error.message, true, \"error\");\n setcardProcessing(false);\n scrollToBottom();\n return;\n } else {\n //create payment intent with new card\n const createStripePaymentIntent = await stripeCreatePaymentMethod(\n getStripeWalletCreateIntentObj({\n amount,\n storeId,\n stripeSelectedCard: null,\n })\n );\n //create payment intent\n if (\n createStripePaymentIntent?.success === 1 &&\n createStripePaymentIntent?.gatewayData?.data?.client_secret &&\n createStripePaymentIntent?.gatewayData?.isVerified === false\n ) {\n const clientSecret =\n createStripePaymentIntent?.gatewayData?.data?.client_secret;\n //confirm payment\n const confirmpayload = await stripe.confirmCardPayment(\n clientSecret,\n {\n payment_method: {\n card: elements.getElement(CardElement),\n },\n }\n );\n if (\n confirmpayload?.paymentIntent?.status === \"succeeded\" &&\n confirmpayload?.paymentIntent?.id\n ) {\n verifyStripePaymentIntent(\n confirmpayload?.paymentIntent?.id,\n placeMyOrder\n );\n }\n //confirm payment failed\n else {\n logError(\n confirmpayload?.error?.message || fallBackMessage,\n true,\n \"error\"\n );\n }\n }\n //create payment intent failed\n else {\n logError(\n createStripePaymentIntent?.error?.message || fallBackMessage,\n true,\n \"error\"\n );\n }\n }\n } else if (\n stripeSelectedCard?.isStoredCard &&\n stripeSelectedCard?.cardInfo?.id\n ) {\n //create payment intent with stored card\n\n const createStripePaymentIntent = await stripeCreatePaymentMethod(\n getStripeWalletCreateIntentObj({\n amount,\n storeId,\n stripeSelectedCard,\n })\n );\n if (\n createStripePaymentIntent?.success === 1 &&\n createStripePaymentIntent?.gatewayData?.data?.id &&\n createStripePaymentIntent?.gatewayData?.isVerified === true\n ) {\n verifyStripePaymentIntent(\n createStripePaymentIntent?.gatewayData?.data?.id,\n placeMyOrder\n );\n }\n //create payment intent failed\n else {\n logError(\n createStripePaymentIntent?.error?.message || fallBackMessage,\n true,\n \"error\"\n );\n }\n } else {\n logError(\n t(\n \"If you have chosen an online payment method, you can select an existing card or add a new one\"\n ),\n true,\n \"error\"\n );\n }\n } catch (error) {\n logError(error?.message || fallBackMessage, true, \"error\");\n } finally {\n setcardProcessing(false);\n }\n };\n\n const process_stripe_payment_brand_based = async ({ amount, storeId }) => {\n process_stripe_payment({\n amount,\n storeId,\n placeMyOrder: brand_based_place_order,\n });\n };\n\n const process_stripe_payment_outlet_based = async ({ amount, storeId }) => {\n process_stripe_payment({\n amount,\n storeId,\n placeMyOrder: outlet_based_place_order,\n });\n };\n\n return {\n process_stripe_payment,\n process_stripe_payment_brand_based,\n process_stripe_payment_outlet_based,\n };\n}\n\nexport default StripeHelper;\n","import { useEffect, useState } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { Frames } from \"frames-react\";\nimport { useParams, useLocation } from \"react-router-dom\";\nimport queryString from \"query-string\";\nimport { t } from \"i18next\";\n//services\nimport {\n useGetHostedPageMutation,\n useVerifyPaymentMutation,\n} from \"store/checkout/order/orderService\";\nimport {\n useInitiateCheckoutRequestMutation,\n useVerifyCheckoutDotComPaymentMutation,\n} from \"store/checkout/payments/service\";\n//custom hooks\nimport { useLang } from \"hooks\";\n//actions\nimport { ErrorAction, OrderAction } from \"store/actions\";\n//helper functions\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\nimport { isValidValue, logErrorOnSentry } from \"utils/Utils\";\n//constants\nimport C from \"Constants\";\nimport { UTILS } from \"utils\";\nimport useBrandLosgisticIntegrations from \"hooks/useBrandLosgisticIntegrations\";\nimport StripeHelper from \"./helpers/payment_helpers/stripe/StripeCardPay\";\nimport usePlaceOrderHelper from \"./usePlaceOrderHelper\";\nimport { useSetDefaultPaymentType } from \"hooks\";\nimport useScrollToBottomPaymentWidget from \"hooks/useScrollToBottomPaymentWidget\";\n\nfunction usePaymentHelper(redirectLink, handleSuceessOrderRoute) {\n //hooks\n\n const params = useParams();\n const dispatch = useDispatch();\n const { search } = useLocation();\n const { currentLang } = useLang();\n\n const { selectedPaymentType } = useSelector(\n (state) => state.PaymentMethodReducer\n );\n const scrollToBottom = useScrollToBottomPaymentWidget(selectedPaymentType);\n\n const { integrationsByName } = useBrandLosgisticIntegrations();\n useSetDefaultPaymentType();\n const { outlet_based_place_order, logError } = usePlaceOrderHelper(\n handleSuceessOrderRoute\n );\n //state\n const [cardProcessing, setcardProcessing] = useState(false);\n //selectors\n const { orderGrossAmount } = useSelector((state) => state?.cart);\n const { DomainType } = useSelector((state) => state?.AppReducer);\n const { transactionInfo, orderRef } = useSelector((state) => state?.order);\n const { selectedPayment, selectedStore } = useSelector(\n (state) => state?.store\n );\n const { selectedCard } = useSelector((state) => state.PaymentCardsReducer);\n //services\n\n const { process_stripe_payment_outlet_based } = StripeHelper(\n setcardProcessing,\n handleSuceessOrderRoute\n );\n const [getHostedPage] = useGetHostedPageMutation();\n const [verifyPayment] = useVerifyPaymentMutation();\n const [initiateCheckoutRequest, { isLoading: initiateRequestLoader }] =\n useInitiateCheckoutRequestMutation();\n const [verifyCheckoutDotComPayment, { isLoading: verifyCheckoutDotLoader }] =\n useVerifyCheckoutDotComPaymentMutation();\n const validateSavedCard = (cardType) => {\n if (\n selectedCard?.cardInfo?._id &&\n selectedCard?.cardInfo?.paymentGateway === cardType\n ) {\n return true;\n }\n return false;\n };\n const process_checkout_dotCom_payment = async () => {\n const isSavedCard = validateSavedCard(\"CHECKOUTDOTCOM\");\n if (isSavedCard) {\n captureCheckoutDotComPayment(null, redirectLink);\n } else {\n const isCardValid = Frames.isCardValid();\n if (isCardValid) {\n setcardProcessing(true);\n await Frames.submitCard()\n .then(() => {\n setcardProcessing(false);\n })\n .catch((e) => {\n setcardProcessing(false);\n logError(errorHandler(e.error), true, \"error\");\n });\n } else {\n scrollToBottom();\n logError(t(\"pleaseEnterValidCardDetails\"), true, \"info\");\n }\n }\n };\n\n const process_telr_payment = async () => {\n const hostedObj = {\n domainName: params.domainName,\n amountPaid: orderGrossAmount,\n storeId: selectedStore._id,\n DomainType,\n successRedirectUrl: redirectLink.success,\n failureRedirectUrl: redirectLink.failure,\n };\n const paymentObj = UTILS.getHostedPaymentPageObj(hostedObj);\n if (!paymentObj?.isValid) {\n dispatch(\n ErrorAction.setError({\n error: t(C.DEFAULT_ERROR_MSG),\n modal: true,\n })\n );\n return;\n }\n if (paymentObj?.isValid) {\n const { data } = await getHostedPage(paymentObj.value);\n if (data?.success === 0) {\n return;\n }\n }\n };\n\n const placeOrder = async () => {\n logError(null, false, \"info\");\n try {\n sessionStorage.removeItem(\"paymentVerified\");\n const { isValid, errors } = UTILS.validateOutletOrderObject();\n if (!isValid) {\n showErrors(errors);\n return;\n } else {\n if (selectedPayment?.paymentType === C.CREDIT_CARD) {\n if (+parseFloat(orderGrossAmount) <= 2) {\n logError(t(\"addMoreThanTwoAED\"), true, \"info\");\n return;\n } else {\n if (integrationsByName[C.STRIPE])\n process_stripe_payment_outlet_based({\n amount: orderGrossAmount,\n storeId: selectedStore._id,\n });\n else if (integrationsByName[C.CHECKOUT_DOT_COM]) {\n process_checkout_dotCom_payment();\n } else if (integrationsByName[C.TELR]) {\n process_telr_payment(redirectLink);\n }\n }\n } else {\n await outlet_based_place_order();\n }\n }\n } catch (err) {\n logError(errorHandler(err), true, \"error\");\n }\n };\n\n async function verifyPaymentStatus(paymentId) {\n try {\n if (integrationsByName[C.CHECKOUT_DOT_COM]) {\n const { data: paymentStatus } = await verifyCheckoutDotComPayment(\n paymentId\n );\n if (\n paymentStatus?.success === 1 &&\n paymentStatus?.gatewayData?.isVerified &&\n paymentStatus?.gatewayData\n ) {\n sessionStorage.setItem(\"paymentVerified\", true);\n await outlet_based_place_order({\n paymentIntent: paymentStatus?.gatewayData,\n });\n }\n // Payment verfication Error\n else if (paymentStatus?.success === 0) {\n dispatch(\n ErrorAction.setError({\n error: errorHandler(paymentStatus.message),\n modal: true,\n })\n );\n }\n }\n // Telr Payment\n else if (integrationsByName[C.TELR]) {\n const info = {\n storeId: transactionInfo.storeId,\n cartId: transactionInfo.cartId,\n language: currentLang || C.EN,\n // orderObject,\n };\n const paymentStatusData = await verifyPayment(info).unwrap();\n if (paymentStatusData?.success === 1 && paymentStatusData?.data) {\n await outlet_based_place_order({\n paymentIntent: paymentStatusData?.data,\n });\n }\n // Telr Payment verfication Error\n else if (paymentStatusData?.success === 0) {\n dispatch(\n ErrorAction.setError({\n error: t(\"Payment failed or cancelled\"),\n modal: true,\n })\n );\n }\n }\n } catch (error) {\n logError(errorHandler(error), true, \"error\");\n }\n }\n\n const captureCheckoutDotComPayment = async (token) => {\n if (!isValidValue(token) && !validateSavedCard(C.CHECKOUT_DOT_COM)) {\n logError(t(\"cardProccesingError\"), true, \"error\");\n return;\n }\n\n try {\n const { errors, isValid, orderObject } =\n await UTILS.validateOutletOrderObject();\n if (!isValid) {\n showErrors(errors);\n return;\n }\n const { totalOrderPrice } = orderObject;\n const hostedObj = {\n domainName: params.domainName,\n amountPaid: totalOrderPrice,\n storeId: selectedStore._id,\n DomainType,\n successRedirectUrl: redirectLink.success,\n failureRedirectUrl: redirectLink.failure,\n };\n const paymentObj = UTILS.getHostedPaymentPageObj(hostedObj);\n if (!paymentObj?.isValid) {\n logError(t(C.DEFAULT_ERROR_MSG), true, \"error\");\n return;\n }\n\n const { data: response } = await initiateCheckoutRequest({\n isStoredCard: selectedCard?.isStoredCard,\n ...(selectedCard?.cardInfo?._id\n ? {\n storeCardId: selectedCard?.cardInfo?._id,\n }\n : {\n token: token,\n }),\n currency: C.AED,\n amount: paymentObj.value.amountPaid,\n storeId: paymentObj.value.storeId,\n language: paymentObj.value.language,\n successUrl: paymentObj.value.successRedirectUrl,\n failureUrl: paymentObj.value.failureRedirectUrl,\n });\n if (\n response?.success === 1 &&\n response?.gatewayData?.axiosResData?.framesResponse?.id\n ) {\n let paymentId = response.gatewayData.axiosResData.framesResponse.id;\n await dispatch(OrderAction.setOrderRef(paymentId));\n if (response?.gatewayData?.three_d_secure_redirection_required) {\n window.location.replace(\n response?.gatewayData?.axiosResData?.framesResponse?.redirectLink\n );\n } else if (\n response?.gatewayData?.three_d_secure_redirection_required === false\n ) {\n verifyPaymentStatus(paymentId);\n } else {\n logErrorOnSentry(\n `3Dsecure_redirection_required is undefined+ ${response.message}`,\n \"error\"\n );\n logError(errorHandler(response.message), true, \"error\");\n return;\n }\n } else {\n logError(errorHandler(response.error), true, \"error\");\n return;\n }\n } catch (e) {\n logError(errorHandler(e), true, \"error\");\n }\n };\n\n const queryParams = queryString.parse(search);\n useEffect(() => {\n const paymentVerified = sessionStorage.getItem(\"paymentVerified\");\n const sessionId = queryParams[\"cko-session-id\"];\n if (paymentVerified) {\n return;\n }\n\n // Checkout.com Payment\n if (\n integrationsByName[C.CHECKOUT_DOT_COM] &&\n orderRef &&\n [\"success\", \"failure\"].includes(queryParams.payment) &&\n sessionId\n ) {\n verifyPaymentStatus(orderRef);\n }\n\n // Telr Payment\n else if (\n integrationsByName[C.TELR] &&\n selectedPayment?.paymentType === C.CREDIT_CARD\n ) {\n if (queryParams.payment === \"failure\") {\n dispatch(\n ErrorAction.setError({\n error: t(\"Payment failed or cancelled\"),\n modal: true,\n })\n );\n } else if (queryParams.payment === \"success\") {\n verifyPaymentStatus();\n sessionStorage.setItem(\"paymentVerified\", true);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [orderRef, queryParams.payment]);\n\n const showErrors = (errors) => {\n const error = Object.values(errors).find((value) => value !== null);\n if (error) {\n logError(errorHandler(error), true, \"info\");\n }\n };\n\n const isLoading = initiateRequestLoader || verifyCheckoutDotLoader;\n return {\n showErrors,\n captureCheckoutDotComPayment,\n placeOrder,\n verifyPaymentStatus,\n isLoading,\n cardProcessing,\n process_stripe_payment_outlet_based,\n };\n}\n\nexport default usePaymentHelper;\n","import { useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport useCustomHistory from \"./useCustomHistory\";\nimport { useParams } from \"react-router-dom/cjs/react-router-dom.min\";\n\nfunction useCheckIfStoreAndCart() {\n const params = useParams();\n const router = useCustomHistory();\n const { cart } = useSelector((state) => state.cart);\n const { selectedStore } = useSelector((state) => state.store);\n const { DomainType } = useSelector((state) => state.AppReducer);\n\n useEffect(() => {\n if (!selectedStore || !cart?.length) {\n router(\"/\", `/${params.domainName}/`, DomainType);\n }\n }, [selectedStore, cart]);\n}\n\nexport default useCheckIfStoreAndCart;\n","import React, { useEffect, useState } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\nimport { t } from \"i18next\";\nimport * as CommonUI from \"components\";\nimport CheckoutModals from \"../components/Modals\";\nimport WithLoading from \"components/Hoc/WithLoading\";\nimport PickupFrom from \"../components/PickupFrom\";\nimport * as CommonCheckoutUI from \"components/checkout/index\";\nimport PickupVehicleInfo from \"components/PickupVehicleInfo\";\nimport { PreOrderingSlotWidget } from \"components/Pre-ordering/index\";\nimport LoyaltyCreditWidget from \"components/brand-loyalty/LoyaltyCreditWidget\";\nimport WithTransparentSpinner from \"components/Hoc/WithTransparentSpinner\";\nimport useUpdateCart from \"hooks/useUpdateCart\";\nimport useSuccesOrder from \"features/hooks/useSuccesOrder\";\nimport { useDeliveryAddressContext } from \"contexts/userAddressess\";\nimport useDeleteDelAddress from \"service-hooks/useDeleteDelAddress\";\nimport usePaymentHelper from \"features/payment-helpers/usePaymentHelper\";\nimport useGetSavedAddressList from \"service-hooks/useGetSavedAddressList\";\nimport usePlaceOrderHelper from \"features/payment-helpers/usePlaceOrderHelper\";\n\nimport * as Actions from \"store/actions\";\n\nimport C from \"Constants\";\nimport { UTILS } from \"utils\";\nimport * as commonHooks from \"hooks\";\nimport useCheckIfStoreAndCart from \"hooks/useCheckIfStoreAndCart\";\nimport { Spinner } from \"components\";\n\nfunction Checkout() {\n const redirectLink = C.PAYMENT_RDX_LINKS.OUTLET_BASE;\n const params = useParams();\n const dispatch = useDispatch();\n\n useUpdateCart();\n useCheckIfStoreAndCart();\n\n commonHooks.useUpdateCart();\n const deleteAddress = useDeleteDelAddress();\n const router = commonHooks.useCustomHistory();\n const userWallet = commonHooks.useUserWallet();\n const handleSuceessOrderRoute = useSuccesOrder();\n const { integrationsByName } = commonHooks.useBrandLosgisticIntegrations();\n\n const {\n placeOrder,\n captureCheckoutDotComPayment,\n cardProcessing,\n isLoading,\n } = usePaymentHelper(redirectLink, handleSuceessOrderRoute);\n const { outlet_based_place_order } = usePlaceOrderHelper(\n handleSuceessOrderRoute\n );\n\n commonHooks.useUpdateDeliveryFee();\n\n const { loyaltyPolicy } = useSelector((state) => state?.brandStorageReducer);\n const { orderType, DomainType } = useSelector((state) => state.AppReducer);\n const { selectedPaymentType } = useSelector(\n (state) => state.PaymentMethodReducer\n );\n\n const { cart, cartTotal, amountAfterDiscount, deliveryFee } = useSelector(\n (state) => state.cart\n );\n const { discountInfo } = useSelector((state) => state.Discounts);\n const { outletBasedSelectedStoreArea, selectedStore, selectedPayment } =\n useSelector((state) => state.store);\n const { userdeliveryAdress } = useSelector(\n (state) => state.DeliveryAddressReducer\n );\n\n const { userAddressState } = useDeliveryAddressContext();\n useGetSavedAddressList({\n fetch: true,\n type: \"filtered\",\n autoSelectAddress: true,\n });\n const [changeAddressModal, setChangeAddressModal] = useState(false);\n const [isPreOrderingSlotWidgetOpen, setPreOrderingSlotWidget] =\n useState(false);\n\n const updateCart = () => {\n const { itemsGrossAmount, itemsNetPrice, orderGrossAmount } =\n UTILS.calculateCartGrossAmount(cart, discountInfo, userWallet);\n dispatch(\n Actions.CartAction.updateCartPrice({\n originalPrice: itemsNetPrice,\n amountAfterDiscount: itemsGrossAmount,\n itemsGrossAmount,\n orderGrossAmount,\n })\n );\n };\n\n // Updating Cart\n useEffect(() => {\n updateCart();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cart, discountInfo]);\n\n const validateOrderShipping = () => {\n const { errors, isValid, obj } = UTILS.validateOutletOrderObject();\n return {\n errors,\n isValid,\n obj,\n };\n };\n\n const goBack = () => {\n const url = \"/store/basket\";\n router(url, `/${params?.domainName}${url}`, DomainType);\n };\n const redirectToStorePage = () => {\n const STORE_PAGE_URL = \"/store/store-detail\";\n router(\n STORE_PAGE_URL,\n `/${params?.domainName}${STORE_PAGE_URL}`,\n DomainType\n );\n };\n\n const OrderPaymentInfo = () => {\n let rate = selectedStore?.taxRate || 0;\n return (\n \n \n
\n \n
\n );\n};\n\nexport default ItemsPaymentTotalDetail;\n","import React from \"react\";\nimport moment from \"moment\";\nimport { t } from \"i18next\";\nimport { useLang } from \"hooks\";\nimport C from \"Constants\";\n\nconst OrderGeneralDetail = ({ order }) => {\n const { currentLang } = useLang();\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?.appartmentNo\n ? t(\"Apartment\") + order?.deliveryAddress?.appartmentNo\n : \"\";\n\n add +=\n order?.deliveryAddress?.appartmentNo && order?.deliveryAddress?.building\n ? \", \"\n : \"\";\n\n add += order?.deliveryAddress?.building\n ? t(\"Building\") + order?.deliveryAddress?.building\n : \"\";\n add +=\n order?.deliveryAddress?.building && order?.deliveryAddress?.floor\n ? \", \"\n : \"\";\n\n add += order?.deliveryAddress?.floor\n ? t(\"Floor\") + order?.deliveryAddress?.floor\n : \"\";\n\n add +=\n order?.deliveryAddress?.building ||\n order?.deliveryAddress?.floor ||\n order?.deliveryAddress?.appartmentNo\n ? \")\"\n : \"\";\n\n return add;\n };\n\n return (\n <>\n - \n
- \n \n \n {t(\"Basket Total\")} \n\n \n\n \n {currentLang === \"AR\"\n ? basketSubTotal() + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + basketSubTotal()}\n \n \n {discountAmount ? (\n
- \n \n \n {t(\"Discount Amount\")} \n\n \n\n {/* \n {currentLang === \"AR\"\n ? discountAmount?.toFixed(2) + \" \" + t(\"-AED\")\n : t(\"-AED\") + \" \" + discountAmount?.toFixed(2)}\n */}\n \n - \n {currentLang === \"AR\"\n ? discountAmount?.toFixed(2) + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + discountAmount?.toFixed(2)}\n \n \n ) : null}\n {loyaltyAmount ? (\n
- \n \n \n {t(\"Loyalty points\")} \n\n \n\n {/* \n {currentLang === \"AR\"\n ? loyaltyAmount?.toFixed(2) + \" \" + t(\"-AED\")\n : t(\"-AED\") + \" \" + loyaltyAmount?.toFixed(2)}\n */}\n \n - \n {currentLang === \"AR\"\n ? loyaltyAmount?.toFixed(2) + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + loyaltyAmount?.toFixed(2)}\n \n \n ) : null}\n {orderType === C.SERVICE_TYPE.DELIVERY ? (\n
- \n \n \n {t(\"Delivery Fee\")}\n\n \n \n {currentLang === \"AR\"\n ? deliveryFee + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + deliveryFee}\n \n \n ) : null}\n
- \n \n \n {t(\"Value-Added Tax\")}\n\n \n {`${taxRate}%`}\n \n
\n
\n \n
\n \n \n \n {t(\"Total\")}\n \n \n\n \n \n {currentLang === \"AR\"\n ? totalOrderPrice + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + totalOrderPrice}\n \n \n
\n \n
\n \n {t(order?.orderStatus)}\n
\n \n {moment.unix(order?.orderPlacedTime).format(\"DD-MM-YYYY\")}\n
\n \n
\n \n
\n {t(\"Submitted on\")}
\n\n\n {moment.unix(order?.orderPlacedTime).format(\"DD-MM-YYYY\")}\n
{moment.unix(order?.orderPlacedTime).format(\"hh:mm A\")}\n
\n
\n {t(order?.orderStatus)}
\n\n {moment.unix(order?.orderPlacedTime).format(\"DD-MM-YYYY\")}\n
{moment.unix(order?.orderPlacedTime).format(\"hh:mm A\")}\n
\n
\n {t(\"From\")}
\n \n {order?.storeInfo?.baseLanguage?.name}\n
\n {order?.storeInfo?.manualAddress}
\n {order?.storeInfo?.city}
\n \n {order?.storeInfo?.mobileNumber}\n
\n \n
\n {t(\"To\")}
\n {/* Muhammad Hassan
*/}\n {order?.orderType?.type === C.SERVICE_TYPE.DELIVERY ? (\n {getDeliveryAddress()}
\n ) : null}\n \n {order?.selectedArea?.[`areaName${currentLang}`]}\n
\n\n \n {order?.userInfo?.phoneNumber}\n
\n \n \n );\n};\n\nexport default OrderGeneralDetail;\n","import React from \"react\";\nimport { t } from \"i18next\";\nimport { useLang } from \"../../hooks\";\nconst ProductsDetail = ({ order }) => {\n const { currentLang } = useLang();\n return (\n <>\n
\n
\n \n {t(\"Order\")} #{order?.orderNumber}\n
\n- \n {order?.orderedMenu?.map((item, key) => (\n
\n \n \n {item?.quantity} x \n \n \n
\n \n \n \n \n {item?.baseLanguage?.title}\n \n {item?.sections?.map((section, index) => {\n return (\n
\n \n \n {currentLang === \"AR\"\n ? item?.price?.toFixed(2) + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + item?.price?.toFixed(2)}\n \n \n ))}\n \n \n {section?.baseLanguage?.sectionName}\n \n {section?.options?.map((option, index) => {\n return (\n
\n );\n })}\n \n \n \n {option?.quantity ? option?.quantity : 1} x\n \n {option?.baseLanguage?.optionName}\n \n \n {option?.price?.toFixed(2)}\n \n {t(\"AED\")}\n \n \n
\n );\n })}\n \n \n );\n};\n\nexport default ProductsDetail;\n","import React, { useState, useEffect } from \"react\";\nimport { t } from \"i18next\";\nimport { useHistory, useParams } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\nimport PageHeader from \"components/PageHeader\";\nimport ItemsPaymentTotalDetail from \"components/OrderHistoryPaymentDetail\";\nimport OrderGeneralDetail from \"components/order-detail/OrderGeneralDetails\";\nimport ProductsDetail from \"components/order-detail/ProductsDetail\";\nimport { Spinner } from \"components\";\nimport { useCustomHistory } from \"hooks\";\nimport * as ROUTE_CONSTANTS from \"routes/constants\";\nfunction OrderDetail(props) {\n const params = useParams();\n const history = useHistory();\n const [order, setOrder] = useState({});\n const { isLoading } = useSelector((state) => state?.loader);\n const router = useCustomHistory();\n const { DomainType } = useSelector((state) => state.AppReducer);\n\n let url = ROUTE_CONSTANTS.OUTLET_MY_ORDERS[1];\n const goBack = () => {\n router(url, `/${params?.domainName}${url}`, DomainType);\n };\n useEffect(() => {\n if (history?.location?.state?.order) {\n const { order } = history?.location?.state;\n setOrder(order);\n } else {\n history.push(`/${params?.domainName}${url}`);\n }\n }, []);\n if (isLoading) return
\n
\n );\n}\n\nexport default OrderDetail;\n","import OrderDetail from \"features/order-detail/containers/OrderDetails\";\nimport React from \"react\";\n\nconst OrderDetailComponent = () => {\n return \n
\n \n );\n};\n\nexport default ProfilePageHeader;\n","import React, { useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { t } from \"i18next\";\nimport { useParams } from \"react-router-dom\";\nimport { useLang, useUserWallet } from \"hooks\";\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport AddUserInfoForm from \"components/Modals/AddUserInfoForm\";\nconst SettingLinks = ({ handleAllOrders, handleLogout }) => {\n const params = useParams();\n const userWallet = useUserWallet();\n\n const { currentLang } = useLang();\n const { currentUser } = useCurrentUser();\n const { brandInfo } = useSelector((state) => state.brandStorageReducer);\n const [isOpenUserInfoModal, setUserInfoModal] = useState(false);\n const openUserProfileModal = () => {\n setUserInfoModal(!isOpenUserInfoModal);\n };\n\n return (\n \n
\n ) : null}\n \n \n
\n {image ? (\n \n
\n \n
\n
\n\n
\n \n \n
\n \n {t(\"Hey\")}, {currentUser?.user?.phoneNumber}\n
\n\n {params && t(\"This is your account for\")}\n \n {brandInfo?.brand?.brandName\n ? brandInfo?.brand?.brandName\n : params?.domainName}\n \n
\n\n{t(\"Order history\")}
\n \n \n \n \n
\n \n
\n
\n \n {t(\"Wallet balance\", { walletBalance: userWallet.toFixed(2) })}\n
\n \n
{t(\"Update profile\")}
\n \n
\n
\n \n \n {t(\"Logout\")}\n
\n \n {params && (\n \n \n )}\n
\n \n
\n {orderInfo?.storeId?.whatsAppContact && (\n \n
\n \n
\n \n \n {orderInfo?.storeInfo?.baseLanguage?.name}\n \n )}\n
\n \n {brandInfo ? brandInfo?.brand?.brandName : params?.domainName}\n
\n {orderStatus && orderInfo && (\n\n \n \n \n \n {t(\"Contact us on Whatsapp\")}\n \n
\n )}\n {orderInfo?.storeInfo?.mobileNumber && (\n \n \n {t(\"Call us\")}\n \n
\n )}\n \n );\n};\n\nexport default TrackOrderFooter;\n","import React, { useState, useEffect } from \"react\";\nimport { t } from \"i18next\";\nconst Step1 = ({ step }) => {\n return (\n 1 ? \"status-line\" : \"\"}`}>\n = 1 ? \"bg-brand-base-primary\" : \"uncheck\"\n } w-5 h-5 border border-brand-base-primary `}\n >\n
\n );\n};\nconst Step2 = ({ step }) => {\n return (\n \n
\n {t(\"New\")}
\n \n {t(\"Your order has been sent\")}\n
\n 2 ? \"status-line\" : \"\"}`}>\n = 2 ? \"bg-brand-base-primary\" : \"uncheck\"\n } w-5 h-5 border border-brand-base-primary `}\n >\n
\n );\n};\n\nconst Step4 = ({ step, orderInfo }) => {\n return (\n \n
\n {t(\"In Progress\")}
\n \n {t(\"Your order is being prepared!\")}\n
\n 3 ? \"status-line\" : \"\"}`}>\n = 3 ? \"bg-brand-base-primary\" : \"uncheck\"\n } w-5 h-5 border border-brand-base-primary `}\n >\n
\n );\n};\nconst StepTracking = ({ orderStatus, orderInfo }) => {\n const [step, setSteps] = useState(0);\n useEffect(() => {\n if (orderInfo?.orderStatus === \"PENDING\") setSteps(1);\n if (\n orderInfo?.orderStatus === \"PREPARING\" ||\n orderInfo?.orderStatus === \"SCHEDULED\"\n )\n setSteps(2);\n if (orderInfo?.orderStatus === \"ON_THE_WAY\") setSteps(3);\n }, [orderInfo]);\n return (\n \n {orderInfo?.orderType?.type !== \"DELIVERY\" ? (\n <>\n
\n {t(\"Ready\")}
\n \n {t(\"Your order is ready for the X service\", {\n serviceType: t(orderInfo?.orderType?.type),\n })}\n
\n \n ) : (\n <>\n {t(\"In route\")}
\n \n {t(\"Your order is on its way!\")}\n
\n \n )}\n \n {orderInfo && orderStatus && (\n
\n );\n};\n\nexport default StepTracking;\n","import moment from \"moment\";\nimport React from \"react\";\nimport ShowDeliveryTime from \"components/ShowDeliveryTime\";\nconst RenderTime = ({ deliveryTime, orderPlacedtime }) => {\n const nowCopy = moment(moment().valueOf());\n const ordertime = moment.unix(orderPlacedtime);\n var minutesDiff = nowCopy.diff(ordertime, \"minutes\");\n const diff = parseInt(deliveryTime) - minutesDiff;\n\n return \n
\n )}\n \n
\n );\n } else {\n return ;\n }\n};\n\nexport default TrackOrderHeader;\n","import React from \"react\";\nimport { OrderSuccessTick, OrderFailedTick } from \"icons\";\nimport { t } from \"i18next\";\nconst TrackOrderStatus = ({ orderStatus, orderInfo }) => {\n if (orderStatus && orderInfo) {\n return (\n \n \n # {orderInfo?.orderNumber}\n \n
\n {getOrderStatus(orderInfo) && orderInfo?.deliveryTime && (\n \n {\" \"}\n {t(\"Order ID\")}\n
\n\n
\n )}\n \n {t(\"Est. delivery\")}\n
\n\n
\n {orderInfo.orderStatus === \"COMPLETE\" ? (\n
\n );\n } else {\n return \n {t(\"Your order has been delivered\")}\n
\n ) : (\n\n {t(\"Your order has been Rejected\")}\n
\n )}\n{t(\"Sorry, we couldn't find the order.\")}
;\n }\n};\n\nexport default TrackOrderStatus;\n","import React, { useEffect, useState } from \"react\";\nimport { t } from \"i18next\";\nimport { useParams, useHistory } from \"react-router-dom\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport FixedFooter from \"components/FixedFooter\";\nimport PageHeader from \"components/PageHeader\";\nimport TrackOrderFooter from \"components/track-order/TrackOrderFooter\";\nimport StepTracking from \"components/track-order/StepTracking\";\nimport TrackOrderHeader from \"components/track-order/TrackOrderHeader\";\nimport TrackOrderStatus from \"components/track-order/TrackOrderStatus\";\nimport { OrderAction } from \"store/actions\";\nimport { UTILS } from \"utils\";\nimport { Spinner } from \"components\";\nimport { ErrorComponent } from \"components\";\nimport C from \"Constants\";\nimport { useCustomHistory } from \"hooks\";\nfunction TrackOrder(props) {\n const dispatch = useDispatch();\n const [status, setStatus] = useState(1);\n const params = useParams();\n const history = useHistory();\n const { isLoading } = useSelector((state) => state?.loader);\n const { loading } = useSelector((state) => state?.brand);\n const { orderStatus, orderInfo, error } = useSelector((state) => state.order);\n const { DomainType } = useSelector((state) => state.AppReducer);\n const router = useCustomHistory();\n useEffect(() => {\n if (params?.orderId) {\n if (params?.domainName && DomainType === C.TEMPORARAY_DOMAIN) {\n const orderId = params.orderId;\n const obj = {\n orderId,\n history,\n };\n dispatch(OrderAction.getOrderStatus(obj));\n } else {\n const orderId = params.orderId;\n const obj = {\n orderId,\n history,\n };\n dispatch(OrderAction.getOrderStatus(obj));\n }\n }\n }, []);\n\n const getOrderStatus = (orderInfo) => {\n if (orderInfo) {\n const status = UTILS.getOrderStatus(orderInfo);\n if (status)\n return \n
\n );\n}\n\nexport default TrackOrder;\n","import React from \"react\";\nimport { SVGICONS } from \"config\";\nimport { t } from \"i18next\";\nconst LoginHeader = ({ goBack }) => {\n return (\n \n
\n \n
\n {error && \n
\n {getOrderStatus(orderInfo)}\n
\n \n {getOrderStatus(orderInfo)}\n
\n \n
\n\n \n {t(\"Enter your\")}\n \n {t(\"WhatsApp\")}\n {\" \"}\n
\n\n {t(\n \"We will send you a WhatsApp message with a one-time verification code\"\n )}\n
\n\n \n
\n \n \n
\n );\n};\n\nexport default Header;\n","import React, { useEffect, useState } from \"react\";\nimport { useHistory, useParams } from \"react-router-dom\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { Spinner } from \"components\";\nimport { t } from \"i18next\";\nimport Form from \"../components/Form\";\nimport Header from \"../components/Header\";\nimport { useIsLoggedIn, useFocus } from \"hooks\";\nimport { UTILS } from \"utils\";\nimport {\n useVerifyPinMutation,\n useResendOtpMutation,\n} from \"store/auth/register/registerService\";\nimport C from \"Constants\";\nimport { RegisterAction } from \"store/actions\";\nimport { BrandAction } from \"store/actions\";\nconst Verification = ({ goToLogin, goToBasket, goToHomePage }) => {\n useIsLoggedIn();\n useFocus(\"verificationInput\");\n\n const params = useParams();\n const history = useHistory();\n const dispatch = useDispatch();\n const [verifyPin] = useVerifyPinMutation();\n const [resendOtp] = useResendOtpMutation();\n const [isMounted, setIsMounted] = useState(false);\n const [phoneCountryObj, setPhoneCountryObj] = useState(null);\n const [phoneNumber, setPhoneNumber] = useState(\"\");\n const [seconds, setSeconds] = useState(30);\n const [verificationCode, setVerificationCode] = useState(\"\");\n const {\n loader: { isLoading },\n NotPersist: { pageLoaded },\n cart,\n register: { error },\n } = useSelector((state) => ({\n loader: state.loader,\n NotPersist: state.NotPersist,\n AppReducer: state.AppReducer,\n cart: state?.cart,\n register: state.register,\n }));\n\n useEffect(() => {\n if (pageLoaded) {\n if (params?.domainName) {\n goToLogin();\n } else {\n window.history.back();\n }\n }\n }, [pageLoaded]);\n\n const handleChange = (e) => {\n e.preventDefault();\n let d = UTILS.NumberConversion(e.target.value);\n setVerificationCode(d);\n };\n const { brandInfo: brand } = useSelector(\n (state) => state?.brandStorageReducer\n );\n\n const verifyOtp = async () => {\n const phoneNumberZeroLess = phoneNumber.replace(/^0+/, \"\");\n const brandId = brand?.brand?._id;\n if (verificationCode?.length === 4 && isMounted) {\n const obj = {\n brandId: brandId,\n phoneNumber: phoneNumberZeroLess,\n countryObj: phoneCountryObj,\n verificationCode,\n };\n const { data } = await verifyPin(obj);\n if (data?.success === 1 && data?.data?.token) {\n dispatch(BrandAction.getDiscounts({ brandId }));\n if (cart?.cart?.length > 0) {\n goToBasket();\n } else {\n goToHomePage();\n }\n localStorage.setItem(\"loginEvent\", Date.now().toString());\n }\n }\n };\n useEffect(() => {\n verifyOtp();\n }, [verificationCode]);\n\n useEffect(() => {\n if (isMounted) {\n const state = history?.location?.state;\n if (state?.phoneNumber && state?.countryObj) {\n setPhoneNumber(state.phoneNumber);\n setPhoneCountryObj(state.countryObj);\n const element = document.getElementById(\"verificationInput\");\n element?.focus();\n } else {\n history.goBack();\n }\n } else {\n setIsMounted(true);\n }\n }, [isMounted]);\n\n // Resend verification code\n const resendCode = async () => {\n const phoneNumberZeroLess = phoneNumber.replace(/^0+/, \"\");\n if (brand?.brand?._id) {\n const obj = {\n brandId: brand?.brand?._id,\n phoneNumber: phoneNumberZeroLess,\n countryObj: phoneCountryObj,\n userType: C.CUSTOMER,\n };\n const { data } = await resendOtp(obj);\n let d = data?.success === 1 ? setSeconds(30) : \"\";\n } else {\n dispatch(\n RegisterAction.reSendVerificationCodeFailure(\n t(\"Something was incorrect.\")\n )\n );\n }\n };\n useEffect(() => {\n let myInterval = setInterval(() => {\n if (seconds > 0) {\n setSeconds(seconds - 1);\n }\n }, 1000);\n return () => {\n clearInterval(myInterval);\n };\n });\n\n if (isLoading) return \n
\n \n );\n};\n\nexport default Verification;\n","import React from \"react\";\nimport Verification from \"components/verification/containers/Verification\";\nimport { useParams } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\nimport { useCustomHistory } from \"hooks\";\nimport * as ROUTE_CONSTANTS from \"routes/constants\";\nimport C from \"Constants\";\n\nlet url = ROUTE_CONSTANTS.OUTLET_LOGIN[1];\nlet url2 = ROUTE_CONSTANTS.OUTLET_BASKET[1];\nfunction VerificationC() {\n const params = useParams();\n const router = useCustomHistory();\n const { DomainType, orderType } = useSelector((state) => state.AppReducer);\n const { selectedStore, outletBasedSelectedStoreArea } = useSelector(\n (state) => state?.store\n );\n const goToLogin = () => {\n router(url, `/${params?.domainName}${url}`, DomainType);\n };\n\n const goToBasket = () => {\n router(url2, `/${params?.domainName}${url2}`, DomainType);\n };\n\n const goToHomePage = () => {\n if (\n orderType?.serviceType === C.SERVICE_TYPE.DELIVERY &&\n outletBasedSelectedStoreArea &&\n selectedStore\n ) {\n router(\n \"/store/store-detail\",\n `/${params?.domainName}/store/store-detail`,\n DomainType\n );\n } else if (\n orderType?.serviceType === C.SERVICE_TYPE.PICKUP &&\n selectedStore\n ) {\n router(url, `/${params?.domainName}/store/store-detail`, DomainType);\n } else router(\"/\", `/${params?.domainName}/`, DomainType);\n };\n\n return (\n \n
\n\n {brandInfo?.setting?.taglineAR?.trim() &&\n language?.currentLang === C.AR && (\n \n {brandInfo ? brandInfo?.brand?.brandName : params?.domainName}\n
\n\n {brandInfo?.setting?.taglineAR}\n
\n )}\n {brandInfo?.setting?.taglineEN?.trim() &&\n language?.currentLang === C.EN && (\n \n {brandInfo?.setting?.taglineEN}\n
\n )}\n \n );\n}\n\nexport default StoreHeaderDetail;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useTranslation } from \"react-i18next\";\nimport { useLang } from \"hooks\";\n\nfunction OrderType(props) {\n const { currentLang } = useLang();\n const { t } = useTranslation();\n const { orderType } = useSelector((state) => state?.AppReducer);\n return (\n \n
\n );\n}\n\nexport default OrderType;\n","import { createAction } from \"@reduxjs/toolkit\";\nimport { useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { BrandAction } from \"store/actions\";\nimport { AppAction } from \"store/actions\";\nimport C from \"Constants\";\nimport { useTranslation } from \"react-i18next\";\nimport { PaymentCardsAction } from \"store/actions\";\nimport { StoreAction } from \"store/actions\";\nimport { PaymentMethodAction } from \"store/actions\";\nfunction useServiceType() {\n const dispatch = useDispatch();\n const { t } = useTranslation();\n const [open, setOpen] = useState(false);\n const { orderType } = useSelector((state) => state?.AppReducer);\n const [confirmModal, setConfirmModal] = useState(false);\n const [confirmModalTitle, setConfirmModalTitle] = useState({\n title: \"\",\n message: \"\",\n });\n const [confirmationCallback, setConfirmationCallback] = useState(\n () => () => {}\n );\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n const handleConfirmModal = () => {\n setConfirmModal(false);\n confirmationCallback();\n };\n\n const handleCancelModal = () => {\n setConfirmModal(false);\n };\n\n const resetPaymentType = () => {\n dispatch(\n PaymentCardsAction.setstripeSelectedCard({\n cardInfo: {},\n isStoredCard: false,\n })\n );\n dispatch(PaymentCardsAction.setstripePaymentCards([]));\n dispatch(StoreAction.setSelectedPaymentMethod(null));\n dispatch(PaymentMethodAction.setSelectedPaymentType(null));\n };\n\n const removeData = createAction(\"removeOrderData\");\n const setServiceType = (type) => {\n if (orderType?.EN?.name === type?.serviceType || !type) {\n setOpen(false);\n return;\n }\n if (\n orderType?.EN?.name === C.SERVICE_TYPE.DELIVERY &&\n type?.serviceType === C.SERVICE_TYPE.PICKUP\n ) {\n setConfirmModal(true);\n setConfirmModalTitle({\n title: t(\"Use X service\", {\n serviceType: t(\"PICKUP\"),\n }),\n message: t(\"Are you sure you want to choose the service\", {\n serviceType: t(\"PICKUP\"),\n }),\n });\n\n setConfirmationCallback(() => () => {\n dispatch(removeData());\n resetPaymentType();\n dispatch(BrandAction.getBrandStores(brandInfo?.brand?._id));\n dispatch(AppAction.setOrderType(type));\n dispatch(BrandAction.getDiscounts({ brandId: brandInfo.brand?._id }));\n });\n } else if (\n orderType?.EN?.name === C.SERVICE_TYPE.PICKUP &&\n type?.serviceType === C.SERVICE_TYPE.DELIVERY\n ) {\n setConfirmModal(true);\n setConfirmModalTitle({\n title: t(\"Use X service\", {\n serviceType: t(\"DELIVERY\"),\n }),\n message: t(\"Are you sure you want to choose the service\", {\n serviceType: t(\"DELIVERY\"),\n }),\n });\n setConfirmationCallback(() => () => {\n dispatch(removeData());\n resetPaymentType();\n dispatch(\n BrandAction.getBrandDeliveryAreas({\n brandId: brandInfo?.brand?._id,\n updateMethod: true,\n })\n );\n dispatch(AppAction.setOrderType(type));\n dispatch(BrandAction.getDiscounts({ brandId: brandInfo.brand?._id }));\n });\n } else {\n dispatch(AppAction.setOrderType(type));\n }\n setOpen(false);\n };\n return {\n setServiceType,\n confirmModal,\n setConfirmModal,\n confirmModalTitle,\n handleConfirmModal,\n handleCancelModal,\n open,\n setOpen,\n };\n}\n\nexport default useServiceType;\n","import React, { useState } from \"react\";\nimport { useSelector } from \"react-redux\";\n\nimport OrderType from \"components/OrderType\";\nimport CustomModal from \"components/CustomModal\";\nimport ConfirmModal from \"components/Modals/ConfirmModal\";\nimport SelectDeliveryArea from \"components/outlet-based-areas/SelectDeliveryArea\";\nimport { StoreListForPickup } from \"components/store/StoreList\";\nimport DeliveryPickupButton from \"components/DeliveryPickupButton\";\n\nimport useChangeOrderType from \"../useChangeOrderType\";\nimport { useLang } from \"hooks\";\n\nconst LocationBar = (props) => {\n const { currentLang } = useLang();\n const {\n setServiceType,\n confirmModal,\n setConfirmModal,\n confirmModalTitle,\n handleConfirmModal,\n open,\n setOpen,\n handleCancelModal,\n } = useChangeOrderType();\n const [mapOpen, setMapOpen] = useState(false);\n const { stores } = useSelector((state) => state?.brand);\n const [storeOptionOpen, setStoreOptionOpen] = useState(false);\n const { orderType } = useSelector((state) => state?.AppReducer);\n\n return (\n <>\n \n
\n\n \n
\n \n {t(\"Order Type\")}\n
\n- \n {props?.services.map((item, index) => {\n return (\n
\n
\n \n );\n })}\n \n \n \n \n
\n \n \n {item?.[currentLang ?? \"EN\"]?.name}\n \n
\n\n {orderType?._id === item._id && (\n \n \n \n \n
\n )}\n \n
\n \n
\n \n \n \n \n
\n );\n};\n\nexport default HomeContainer;\n","import React from \"react\";\nimport HomeC from \"features/home/containers/Home\";\nfunction Home() {\n return {brandMenuError &&
\n {error &&
\n \n \n \n
\n \n \n );\n};\nexport default Login;\n","import { useMapContext } from \"contexts/googleMap\";\nimport { useEffect } from \"react\";\nimport { handleLocalStorage } from \"utils/storage\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { DeliveryAddressAction } from \"store/actions\";\n\nfunction usePreFillLocalStorageAddress() {\n const {\n setUserLocation,\n setStreetAddress,\n setZoom,\n googlemapState,\n updateMapContext,\n } = useMapContext();\n\n const dispatch = useDispatch();\n const { temporarymapAddress } = useSelector(\n (state) => state.DeliveryAddressReducer\n );\n const ifAddressStoredOnLocalStorage = (storedAddress) => {\n if (\n storedAddress?.coordinates?.lat &&\n storedAddress?.coordinates?.lng &&\n storedAddress?.street &&\n storedAddress?.street !== \"\" &&\n storedAddress?.coordinates?.lat !== 23 &&\n storedAddress?.coordinates?.lng !== 54\n )\n return true;\n };\n useEffect(() => {\n const storedAddress = handleLocalStorage.getItem(\"deliveryAddress\");\n if (\n ifAddressStoredOnLocalStorage(storedAddress) &&\n !temporarymapAddress?.streetAddress\n ) {\n updateMapContext(\"addressUpdated\", !googlemapState?.addressUpdated);\n const latlng = {\n lat: storedAddress.coordinates.lat,\n lng: storedAddress.coordinates.lng,\n };\n dispatch(\n DeliveryAddressAction.updateTempStreetAddress(storedAddress.street)\n );\n dispatch(DeliveryAddressAction.setTempZoom(16));\n dispatch(DeliveryAddressAction.setTempUserLocation(latlng));\n }\n if (\n ifAddressStoredOnLocalStorage(storedAddress) &&\n !googlemapState?.mapAddress?.streetAddress\n ) {\n // updating the map context\n updateMapContext(\"addressUpdated\", !googlemapState?.addressUpdated);\n setStreetAddress(storedAddress.street);\n const latlng = {\n lat: storedAddress.coordinates.lat,\n lng: storedAddress.coordinates.lng,\n };\n setUserLocation(latlng);\n setZoom(16);\n }\n }, []);\n\n // You can remove the return statement since it's not necessary\n}\n\nexport default usePreFillLocalStorageAddress;\n","import { useEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useDispatch } from \"react-redux\";\nimport C from \"Constants\";\nimport { BrandAction } from \"store/actions\";\nimport { NotPersistAction } from \"store/actions\";\nimport { logErrorOnSentry } from \"utils/Utils\";\nimport { errorNotification } from \"utils/Utils\";\nimport { useParams } from \"react-router-dom/cjs/react-router-dom.min\";\nimport { t } from \"i18next\";\nimport { useWindowLocation } from \"hooks\";\n\nfunction useGetBrandAres() {\n const dispatch = useDispatch();\n const params = useParams();\n const windowRouter = useWindowLocation();\n\n const { orderType, DomainType } = useSelector((state) => state.AppReducer);\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n\n const fetchBrandAreas = () => {\n if (orderType?.serviceType === C.SERVICE_TYPE.DELIVERY) {\n dispatch(NotPersistAction.toggleAreaModal(true));\n } else if (orderType?.serviceType === C.SERVICE_TYPE.PICKUP) {\n dispatch(BrandAction.getBrandStores(brandInfo?.brand._id));\n dispatch(NotPersistAction.togglePickupStoreModal(true));\n } else {\n logErrorOnSentry(\n \"invalid service type--on add address on home page\",\n \"error\",\n JSON.stringify(orderType)\n );\n errorNotification(\n t(\"We're sorry, but something went wrong. Please try again\")\n );\n windowRouter(`/`, `/${params.domainName}/`, DomainType);\n }\n };\n\n useEffect(() => {\n if (orderType?.serviceType === C.SERVICE_TYPE.DELIVERY) {\n dispatch(\n BrandAction.getBrandDeliveryAreas({\n brandId: brandInfo?.brand?._id,\n updateMethod: true,\n })\n );\n }\n }, [brandInfo?.brand?._id, orderType?.serviceType]);\n\n return { fetchBrandAreas };\n}\n\nexport default useGetBrandAres;\n","import { useMapContext } from \"contexts/googleMap\";\nimport { useState } from \"react\";\nimport { UTILS } from \"utils\";\nimport { logErrorOnSentry } from \"utils/Utils\";\nimport { getAreaCityAndCountry } from \"utils/googleGeoCode\";\nimport { useDispatch } from \"react-redux\";\nimport { DeliveryAddressAction } from \"store/actions\";\n\nfunction useConfirmGeoLocation() {\n const [error, setError] = useState({\n open: false,\n message: \"\",\n });\n const setState = (key, value) => {\n setError((prev) => ({ ...prev, [key]: value }));\n };\n const dispatch = useDispatch();\n const { googlemapState, updateMapContext } = useMapContext();\n const updateMapStreetAddress = async () => {\n try {\n if (!googlemapState?.userLocation?.coordinates) return false;\n const fomattedAddress = await getAreaCityAndCountry(\n googlemapState?.userLocation?.coordinates.lat,\n googlemapState?.userLocation?.coordinates.lng,\n \"en\"\n );\n if (fomattedAddress?.streetAddress) {\n updateMapContext(\"mapAddress\", fomattedAddress);\n return fomattedAddress;\n } else return false;\n } catch (error) {\n logErrorOnSentry(\n `Add address on home-page---error in updateMapStreetAddress ${error?.message}`,\n \"error\",\n JSON.stringify(error)\n );\n setState(\"open\", true);\n setState(\"message\", error);\n return false;\n }\n };\n\n const confirmGeoLocation = async () => {\n try {\n const isValidateZoom = UTILS.validateZoom(googlemapState);\n if (!isValidateZoom?.isValid) {\n setState(\"open\", true);\n setState(\"message\", isValidateZoom?.error);\n return {\n isValid: false,\n message: isValidateZoom?.error,\n };\n }\n const geocodeByAddress = await updateMapStreetAddress();\n const isValidStreetAddress = UTILS.isValidStreetAddress(\n googlemapState?.mapAddress?.streetAddress,\n googlemapState\n );\n\n if (!isValidStreetAddress?.isValid || !geocodeByAddress?.streetAddress) {\n setState(\"open\", true);\n setState(\"message\", isValidStreetAddress?.error);\n return {\n isValid: false,\n message: isValidStreetAddress?.error,\n };\n }\n const { zoom, userLocation } = googlemapState;\n\n dispatch(DeliveryAddressAction.setTempZoomHome(zoom));\n dispatch(\n DeliveryAddressAction.setTempUserLocationHome(userLocation.coordinates)\n );\n dispatch(DeliveryAddressAction.setTempMapAddressHome(geocodeByAddress));\n return {\n isValid: true,\n zoom,\n userLocation: userLocation?.coordinates,\n mapAddress: geocodeByAddress,\n };\n } catch (error) {\n setState(\"open\", true);\n setState(\"message\", error);\n return {\n isValid: false,\n message: error,\n };\n } finally {\n }\n };\n return {\n geoLocation: error,\n setGeoLocationError: setState,\n confirmGeoLocation,\n };\n}\n\nexport default useConfirmGeoLocation;\n","import { useDispatch, useSelector } from \"react-redux\";\n\nimport { useMapContext } from \"contexts/googleMap\";\nimport { useDeliveryAddressContext } from \"contexts/userAddressess\";\nimport useConfirmGeoLocation from \"service-hooks/useConfirmGeoLocation\";\nimport useGetStoresByLatLng from \"service-hooks/useGetStoresByLatLng\";\nimport { useEventTracker } from \"hooks\";\nimport { Loader, DeliveryAddressAction } from \"store/actions\";\n\nfunction useFetchBrandStoresByLatLng() {\n const dispatch = useDispatch();\n const { googlemapState } = useMapContext();\n const { orderType } = useSelector((state) => state.AppReducer);\n\n const { confirmGeoLocation } = useConfirmGeoLocation();\n const getStoresByLatLong = useGetStoresByLatLng();\n\n const { setAddressState } = useDeliveryAddressContext();\n\n const logEvent = useEventTracker({\n name: \"AddGeoLocationOnHomePage\",\n orderType,\n shouldLog: false,\n });\n\n const updateTemporaryLocation = () => {\n dispatch(\n DeliveryAddressAction.setTempMapAddress(googlemapState?.mapAddress)\n );\n dispatch(DeliveryAddressAction.setTempZoom(googlemapState?.zoom || 16));\n dispatch(\n DeliveryAddressAction.setTempUserLocation(\n googlemapState?.userLocation?.coordinates\n )\n );\n dispatch(DeliveryAddressAction.setisGeoLocationAdded(true));\n };\n\n async function fetchBrandStoresByLatLng() {\n dispatch(Loader.setLoading(true));\n logEvent(\"CONFIRM_LOCATION_APP_START\");\n const res = await confirmGeoLocation();\n if (res?.isValid) {\n await getStoresByLatLong(\n googlemapState?.userLocation?.coordinates,\n updateTemporaryLocation\n );\n } else {\n setAddressState(\"zoomErrorModal\", {\n open: true,\n message: res.message,\n });\n }\n dispatch(Loader.setLoading(false));\n }\n return fetchBrandStoresByLatLng;\n}\n\nexport default useFetchBrandStoresByLatLng;\n","import React, { useState } from \"react\";\nimport { t } from \"i18next\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\n\nimport WithMap from \"components/Hoc/WithMap\";\nimport PageHeader from \"components/PageHeader\";\nimport FixedFooter from \"components/FixedFooter\";\n\nimport { ErrorModal, CustomModal } from \"components\";\nimport WithLoading from \"components/Hoc/WithLoading\";\nimport { useMapContext } from \"contexts/googleMap\";\n\nimport { useCustomHistory } from \"hooks\";\nimport usePreFillLocalStorageAddress from \"../../hooks/usePreFillLocalStorageAddress\";\n\nimport C from \"Constants\";\nimport * as AC from \"store/actions\";\nimport DeliveryAreaModal from \"components/Modals/DeliveryAreaModal\";\nimport DeliveryStoreList from \"components/Modals/DeliveryStoreList\";\nimport PickupStoresModal from \"components/Modals/PickupStoresModal\";\nimport { DeliveryAddressAction } from \"store/actions\";\n\nimport { useDeliveryAddressContext } from \"contexts/userAddressess\";\nimport useGetBrandAres from \"service-hooks/useGetBrandAres\";\nimport useFetchBrandStoresByLatLng from \"service-hooks/useFetchBrandStoresByLatLng\";\n\nfunction AddGeoLocationOnHomePage() {\n const params = useParams();\n const dispatch = useDispatch();\n const router = useCustomHistory();\n const fetchBrandStoresByLatLng = useFetchBrandStoresByLatLng();\n const [mapref, setMapRef] = useState(null);\n const { deliveryAreas } = useSelector((state) => state.brand);\n const { error, errorModaL } = useSelector((rstate) => rstate.errorSlice);\n const { orderType, DomainType } = useSelector((state) => state.AppReducer);\n const { zoom } = useSelector((state) => state.DeliveryAddressReducer);\n\n const { selectedStore, outletBasedSelectedStoreArea } = useSelector(\n (state) => state.store\n );\n\n const { googlemapState } = useMapContext();\n usePreFillLocalStorageAddress();\n\n const updateTemporaryLocation = () => {\n dispatch(\n DeliveryAddressAction.setTempMapAddress(googlemapState?.mapAddress)\n );\n dispatch(DeliveryAddressAction.setTempZoom(googlemapState?.zoom || 16));\n dispatch(\n DeliveryAddressAction.setTempUserLocation(\n googlemapState?.userLocation?.coordinates\n )\n );\n dispatch(DeliveryAddressAction.setisGeoLocationAdded(true));\n };\n\n const { fetchBrandAreas } = useGetBrandAres();\n const gotoStorePage = () => {\n const storePageUrl = \"/store/store-detail\";\n router(storePageUrl, `/${params?.domainName}${storePageUrl}`, DomainType);\n };\n\n const goBack = () => {\n if (\n orderType?.serviceType === C.SERVICE_TYPE.DELIVERY &&\n selectedStore &&\n outletBasedSelectedStoreArea\n )\n gotoStorePage();\n else if (orderType?.serviceType === C.SERVICE_TYPE.PICKUP && selectedStore)\n gotoStorePage();\n else router(\"/\", `/${params?.domainName}`, DomainType);\n };\n\n const getAreasLength = () => deliveryAreas?.deliveryAreas?.length || 0;\n const { setAddressState, userAddressState } = useDeliveryAddressContext();\n\n return (\n \n \n
\n \n {currentLang === C.EN\n ? pageContent?.linkTitle?.en\n : pageContent?.linkTitle?.ar}\n
\n\n
\n \n \n {getAreasLength() > 0 && (\n \n \n \n\n \n \n
\n \n = 1 ? \"map-height\" : \"map-height1\"}\n width=\"100%\"\n height=\"100%\"\n showInput={true}\n zoomChanging={true}\n zoom={zoom}\n setMapRef={setMapRef}\n mapref={mapref}\n googlemapState={{\n userLocation: {\n lat: googlemapState?.userLocation?.coordinates?.lat,\n lng: googlemapState?.userLocation?.coordinates?.lng,\n },\n zoom: googlemapState?.zoom,\n mapAddress: googlemapState?.mapAddress,\n }}\n zoomerror={userAddressState?.zoomErrorModal?.message?.msg}\n isZoomModalOpen={userAddressState?.zoomErrorModal?.open}\n setZoomErrorModal={() =>\n setAddressState(\"zoomErrorModal\", { open: false, message: \"\" })\n }\n />\n
\n\n \n \n {t(\"Select location\")}\n \n
\n )}\n \n {t(\"Having trouble searching\")}
\n\n {t(\"Confirm Location\")}\n
\n \n \n \n \n
\n );\n};\n\nexport default PowerBy;\n","import React, { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport PowerBy from \"components/PowerBy\";\nimport { Spinner } from \"components\";\nconst MenuContainer = (props) => {\n const { isLoading } = useSelector((state) => state?.loader);\n if (isLoading) return \n {description === C.SERVICE_TYPE.DINE_IN ?
\n\n \n {headerTitle ? headerTitle : params?.domainName}\n
:\n\n {brandInfo ? brandInfo?.brand?.brandName : params?.domainName}\n
\n }\n\n {getDesc ? getDesc : params?.domainName}\n
\n \n );\n}\n\nexport default StoreHeaderDetail;\n","import React, { useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport Menu from \"../menu/index\";\nimport { Spinner, NotFound, ErrorComponent } from \"components\";\nimport CategoriesList from \"components/menu/CategoriesList\";\nimport StoreCategoryWithMenu from \"components/menu/StoreCategoryWithMenu\";\nimport ImageHeader from \"components/ImageHeader\";\nimport StoreHeaderDetail from \"components/StoreHeaderDetail\";\nimport C from \"Constants\";\nimport { useMenuSearch } from \"hooks\";\nimport { useHistory, useParams } from \"react-router-dom\";\nimport { ItemAction } from \"store/actions\";\nimport { t } from \"i18next\";\nimport Search from \"components/Search\";\nconst PreviewHome = () => {\n const dispatch = useDispatch();\n const params = useParams();\n const history = useHistory();\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n const { error, notFound, brandMenu } = useSelector((state) => state?.brand);\n const [searchTerm, setSearch] = useState(\"\");\n const { filteredMenu } = useMenuSearch(searchTerm, brandMenu);\n const { isLoading } = useSelector((state) => state?.loader);\n\n const openItem = (item) => {\n history.push(`/${params?.domainName}/preview/item-detail`);\n dispatch(ItemAction.getItemInfobyIdSuccess(item));\n };\n\n const [inputFocus, setInputFocus] = useState(false);\n const handleSearch = (e) => {\n let term = e.target.value?.toLowerCase();\n setSearch(term);\n };\n if (isLoading) return \n
\n );\n};\n\nexport default PreviewHome;\n","import React, { useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { t } from \"i18next\";\nimport ItemHeader from \"components/item/ItemHeader\";\nimport { Spinner } from \"components\";\nimport { useLang } from \"hooks\";\nimport ModiferGroups from \"components/Modifier/ModiferGroups\";\nimport Quantity from \"components/item/Quantity\";\nimport C from \"Constants\";\nimport ItemFooter from \"components/item/ItemFooter\";\nimport { useHistory, useParams } from \"react-router-dom\";\nconst Item = () => {\n const { currentLang } = useLang();\n const history = useHistory();\n const params = useParams();\n const { isLoading } = useSelector((state) => state.loader);\n const { selectedItem } = useSelector((state) => state?.item);\n const [itemSection, setItemSection] = useState([]);\n const [singleItem, setSingleItem] = useState({\n quantity: 1,\n itemSection: [],\n price: selectedItem?.itemInfo?.price?.toFixed(2) ?? 0,\n });\n\n const addToBasket = () => {};\n const getBasketValue = () => singleItem?.price;\n const decreaseQuantity = () => {};\n const increaseQuantity = () => {};\n\n const closeItemDetail = () => {\n history.push(`/${params.domainName}/preview`);\n };\n\n if (isLoading) return {error &&
\n \n \n
\n );\n};\n\nexport default Item;\n","import React, { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport Footer from \"components/Footer\";\nimport { Spinner } from \"components\";\nimport { FixedFooter } from \"components\";\nimport ViewBasket from \"components/basket/ViewBasket\";\nimport { useParams } from \"react-router-dom\";\nimport { useCustomHistory } from \"hooks\";\nimport * as ROUTE_CONSTANTS from \"routes/constants\";\nconst MenuContainer = (props) => {\n const { DomainType } = useSelector((state) => state.AppReducer);\n const router = useCustomHistory();\n const params = useParams();\n const { isLoading } = useSelector((state) => state?.loader);\n const viewBasketPage = () => {\n let url = ROUTE_CONSTANTS.ECOMMERCE_CHECKOUT[1];\n router(url, `/${params?.domainName}${url}`, DomainType);\n };\n if (isLoading) return \n
\n \n {selectedItem?.itemInfo?.sections?.map((section) => (\n
\n \n \n
\n )}\n \n
\n \n
\n \n {currentUser?.token ? (\n
\n \n {brandMenuError &&
\n \n \n <>{renderHeader()}\n
\n \n
\n \n
\n \n
\n \n );\n};\n\nexport default Verification;\n","import React from \"react\";\nimport { MinusIconSmall, PlusIconSmall } from \"icons\";\nimport { useSelector } from \"react-redux\";\nimport { useLang } from \"hooks\";\nimport { t } from \"i18next\";\nimport { UTILS } from \"utils\";\n\nfunction BasketItemList({ decreaseItemQuantity, increaseItemQuantity }) {\n const { currentLang } = useLang();\n\n const { cart } = useSelector((state) => state?.cart);\n\n return (\n \n
\n );\n}\n\nexport default BasketItemList;\n","import React from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\nimport ConfirmModal from \"components/Modals/ConfirmModal\";\nimport { useLang, useCustomHistory } from \"hooks\";\nimport { NotPersistAction } from \"store/actions\";\nimport { ErrorModal, CustomModal } from \"components\";\nimport SelectDeliveryAddress from \"components/checkout/SelectDeliveryAddress\";\nimport SaveAddressesList from \"components/SaveAddressesList\";\nimport OrderPlaced from \"components/checkout/OrderPlaced\";\nimport { ErrorAction } from \"store/actions\";\nimport * as ROUTE_CONSTANTS from \"routes/constants\";\nfunction CheckoutModals(props) {\n let { changeAddressModal, setChangeAddressModal, setDeliveryAddress } = props;\n // Hooks\n const params = useParams();\n const dispatch = useDispatch();\n const router = useCustomHistory();\n const { currentLang } = useLang();\n // Redux States\n const { placedOrder } = useSelector((state) => state.order);\n const { DomainType } = useSelector((state) => state.AppReducer);\n const { orderSuccess } = useSelector((state) => state.NotPersist);\n const { error, errorModaL } = useSelector((state) => state.errorSlice);\n\n // Functions\n const trackOrder = () => {\n let url = \"/track-order/\";\n document.body.removeAttribute(\"style\");\n dispatch(NotPersistAction.toggleOrderPlaceModel(false));\n if (placedOrder?.savedOrder) {\n const { savedOrder } = placedOrder;\n router(\n `${url}${savedOrder?.orderNumber}`,\n `/${params.domainName}${url}${savedOrder?.orderNumber}`,\n DomainType\n );\n }\n };\n\n const goToMapScreen = () => {\n let url = ROUTE_CONSTANTS.ECOMMERCE_MAP_DELIVERY_ADDRESS[1];\n router(url, `/${params?.domainName}${url}`, DomainType);\n };\n\n return (\n <>\n \n {t(\"Basket Items\")}\n
\n- \n
- \n Item\n Qty\n \n {cart?.map((item, index) => {\n return (\n
\n
\n \n \n \n {item?.baseLanguage?.title}\n
\n \n {currentLang === \"AR\"\n ? UTILS.toFixedNumber(item?.price) + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + UTILS.toFixedNumber(item?.price)}\n
\n {item?.sections?.map((section, index) => {\n return (\n \n \n {section?.baseLanguage?.sectionName}\n \n\n {section?.options?.map((option, index) => {\n return (\n
\n );\n })}\n \n \n \n {option?.quantity ? option?.quantity : 1} x\n \n {option?.baseLanguage?.optionName}\n \n {`(${UTILS.toFixedNumber(\n option?.price\n )} AED)`}\n \n \n
\n );\n })}\n \n decreaseItemQuantity(item?._id, index)}\n >\n \n \n \n {item?.quantity}\n \n\n increaseItemQuantity(item?._id, index)}\n >\n \n
\n \n \n );\n })}\n \n \n
\n \n \n \n \n
\n )}\n \n \n \n dispatch(CartAction.setOrderSplreq(e.target.value))\n }\n value={orderSplReq}\n placeholder={t(\"Add a note or any instructions.\")}\n styleClasses=\"mt-1 block w-full text-16x text-outer-space mt-2 p-1 bg-gray-100 border border-gray-300 rounded focus:outline-none\"\n />\n
\n\n \n handleConfirmDiscountLoyalty(C.DISCOUNT)}\n />\n
\n\n {!discountModal && discountError && cart?.length >= 1 && (\n \n
\n );\n};\n\nexport default RestheroSmallFooter;\n","import React from \"react\";\nconst Card = (props) => {\n return (\n \n
\n
\n );\n};\nexport default Card;\n","import React from \"react\";\nimport moment from \"moment\";\nimport { t } from \"i18next\";\n\nimport { useLang } from \"hooks\";\nimport Card from \"components/Card\";\nfunction PaymentLinkVerified({ paymentLinkInfo }) {\n const language = useLang();\n\n return (\n <>\n \n
\n \n
\n {props.children}
\n \n
\n \n );\n}\n\nexport default PaymentLinkVerified;\n","import React from \"react\";\nconst SmallBrandHeader = ({ logoLink, text }) => {\n return (\n \n \n \n
\n \n \n
\n \n
\n \n {t(\"Payment completed\")}\n
\n\n
\n {t(\"Your Receipt\")}
\n\n\n
\n {t(\"Receipt number\")}
\n#{paymentLinkInfo?.cartId}
\n\n
\n {t(\"Payment date\")}
\n{moment(paymentLinkInfo?.updatedAt).format(\"DD-MM-YYYY\")}
\n\n
\n {t(\"Total\")}
\n\n {paymentLinkInfo?.amount?.toLocaleString(language?.currentLang, {\n style: \"currency\",\n currency: \"AED\",\n })}\n
\n\n
\n {t(\"Message\")}
\n{paymentLinkInfo?.message}
\n{t(\"Purpose of payment\")}
\n {/*Jhon doe
*/}\n{paymentLinkInfo?.purposeOfPayment}
\n\n
\n \n
\n \n {text}\n
\n \n );\n};\n\nexport default SmallBrandHeader;\n","import React from \"react\";\nimport SmallBrandHeader from \"components/layouts/SmallBrandHeader\";\nimport { useSelector } from \"react-redux\";\nfunction Error({ error }) {\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n\n return (\n <>\n \n
\n \n );\n}\n\nexport default Error;\n","import API from \"apiHelpers\";\nimport { t } from \"i18next\";\nimport { logPopupError } from \"utils/Utils\";\n\nlet fallBackMessage = t(\"Bank declined payment, please try again\");\n\n//create payment intent\nexport const stripeCreatePaymentLinkIntent = async (brandId, cartId) => {\n try {\n const createStripePaymentIntent = await API.createStripePaymentLink({\n brandId,\n cartId,\n });\n return createStripePaymentIntent;\n } catch (error) {\n logPopupError(error.message || fallBackMessage);\n return error;\n }\n};\n\n//verify payment intent\nexport const stripeVerifyPaymentLinkIntent = async (obj) => {\n try {\n const verifyStripePaymentIntent = await API.verifyStripePaymentLink(obj);\n return verifyStripePaymentIntent;\n } catch (error) {\n logPopupError(error.message || fallBackMessage);\n return error;\n }\n};\n","import { CardElement, useElements, useStripe } from \"@stripe/react-stripe-js\";\nimport { logPopupError } from \"utils/Utils\";\nimport C from \"Constants\";\nimport {\n stripeCreatePaymentLinkIntent,\n stripeVerifyPaymentLinkIntent,\n} from \"./utils\";\nimport { useSelector } from \"react-redux\";\nimport { t } from \"i18next\";\nfunction StripeHandler() {\n const stripe = useStripe();\n const elements = useElements();\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n\n const initiateStripePayment = async (\n setcardProcessing,\n paymentLinkInfo,\n fetchPaymentLinkInfo\n ) => {\n try {\n setcardProcessing(true);\n const cardElement = elements?.getElement(CardElement);\n const { error } = await stripe.createPaymentMethod({\n type: \"card\",\n card: cardElement,\n });\n if (error) {\n logPopupError(error.message);\n setcardProcessing(false);\n return;\n } else {\n const createStripePaymentIntent = await stripeCreatePaymentLinkIntent(\n brandInfo?.brand?._id,\n paymentLinkInfo?.cartId\n );\n\n //create payment intent\n if (\n createStripePaymentIntent?.success === 1 &&\n createStripePaymentIntent?.gatewayData?.fetchedLink?.transactionDetail\n ?.client_secret &&\n createStripePaymentIntent?.gatewayData?.isVerified === false\n ) {\n const clientSecret =\n createStripePaymentIntent?.gatewayData?.fetchedLink\n ?.transactionDetail?.client_secret;\n //confirm payment\n const confirmpayload = await stripe.confirmCardPayment(clientSecret, {\n payment_method: {\n card: elements.getElement(CardElement),\n },\n });\n if (\n confirmpayload?.paymentIntent?.status === \"succeeded\" &&\n confirmpayload?.paymentIntent?.id\n ) {\n const verifyStripePaymentIntent =\n await stripeVerifyPaymentLinkIntent({\n brandId: brandInfo?.brand?._id,\n cartId: paymentLinkInfo?.cartId,\n paymentIntentId: confirmpayload?.paymentIntent?.id,\n });\n if (\n verifyStripePaymentIntent?.success === 1 &&\n verifyStripePaymentIntent?.gatewayData?.isVerified === true\n ) {\n await fetchPaymentLinkInfo();\n }\n }\n //confirm payment failed\n else {\n logPopupError(confirmpayload?.error?.message);\n }\n } else {\n logPopupError(\"Invalid Payment Intent\", true);\n }\n }\n setcardProcessing(false);\n } catch (error) {\n setcardProcessing(false);\n logPopupError(error.message || t(C.DEFAULT_ERROR_MSG), true);\n }\n };\n return {\n initiateStripePayment,\n };\n}\n\nexport default StripeHandler;\n","import React, { useEffect, useState } from \"react\";\nimport {\n PaymentRequestButtonElement,\n useStripe,\n useElements,\n} from \"@stripe/react-stripe-js\";\nimport { t } from \"i18next\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { logError } from \"utils/Utils\";\nimport { logErrorOnSentry } from \"utils/Utils\";\nimport {\n stripeCreatePaymentLinkIntent,\n stripeVerifyPaymentLinkIntent,\n} from \"./utils\";\nimport { PaymentLinkAction } from \"store/actions\";\nimport C from \"Constants\";\nconst WalletPay = ({ children, paymentLinkInfo, fetchPaymentLinkInfo }) => {\n const stripe = useStripe();\n const dispatch = useDispatch();\n const elements = useElements();\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n const { selectedPaymentType } = useSelector(\n (state) => state.PaymentLinkReducer\n );\n const [paymentRequest, setPaymentRequest] = useState(null);\n let fallBackMessage = t(\"Bank declined payment, please try again\");\n\n const requestObj = {\n country: \"AE\",\n currency: \"aed\",\n total: {\n label: \"Total\",\n amount: Math.round(paymentLinkInfo?.amount * 100),\n },\n // disableWallets: [\"link\", \"browserCard\"],\n };\n\n const validatePaymentRequest = (e) => {\n if (!paymentLinkInfo?.amount && paymentLinkInfo?.amount < 0) {\n dispatch(PaymentLinkAction.toggleLoader(false));\n e.preventDefault();\n logError(t(\"Invalid Amount\"), true);\n return;\n }\n };\n\n useEffect(() => {\n let isMounted = true;\n try {\n async function createPaymentRequest() {\n if (!stripe || !elements) return;\n const PaymentRequestRes = stripe.paymentRequest(requestObj);\n const result = await PaymentRequestRes.canMakePayment();\n if (isMounted && result) setPaymentRequest(PaymentRequestRes);\n\n PaymentRequestRes.on(\"cancel\", () => {\n logErrorOnSentry(\n \"google/apple pay customer cancelled the payment\",\n \"info\"\n );\n dispatch(PaymentLinkAction.toggleLoader(false));\n window.location.reload(false);\n });\n\n PaymentRequestRes.on(\"paymentmethod\", async (event) => {\n dispatch(PaymentLinkAction.toggleLoader(true));\n const createStripePaymentIntent = await stripeCreatePaymentLinkIntent(\n brandInfo?.brand?._id,\n paymentLinkInfo?.cartId\n );\n\n if (\n createStripePaymentIntent?.success === 1 &&\n createStripePaymentIntent?.gatewayData?.fetchedLink\n ?.transactionDetail?.client_secret &&\n createStripePaymentIntent?.gatewayData?.isVerified === false\n ) {\n event.complete(\"success\");\n dispatch(PaymentLinkAction.toggleLoader(true));\n const confirmpayload = await stripe.confirmCardPayment(\n createStripePaymentIntent?.gatewayData?.fetchedLink\n ?.transactionDetail?.client_secret,\n {\n payment_method: event.paymentMethod.id,\n },\n { handleActions: false }\n );\n if (\n confirmpayload?.paymentIntent?.status === \"succeeded\" &&\n confirmpayload?.paymentIntent?.id\n ) {\n dispatch(PaymentLinkAction.toggleLoader(true));\n const verifyStripePaymentIntent =\n await stripeVerifyPaymentLinkIntent({\n brandId: brandInfo?.brand?._id,\n cartId: paymentLinkInfo?.cartId,\n paymentIntentId: confirmpayload?.paymentIntent?.id,\n });\n if (\n verifyStripePaymentIntent?.success === 1 &&\n verifyStripePaymentIntent?.gatewayData?.isVerified === true\n ) {\n await fetchPaymentLinkInfo();\n dispatch(PaymentLinkAction.toggleLoader(false));\n } else {\n dispatch(PaymentLinkAction.toggleLoader(false));\n logError(\n verifyStripePaymentIntent?.error?.message || fallBackMessage,\n true\n );\n event.complete(\"fail\");\n return;\n }\n }\n //confirm payment failed\n else {\n dispatch(PaymentLinkAction.toggleLoader(false));\n logError(confirmpayload?.error?.message || fallBackMessage, true);\n }\n } else {\n dispatch(PaymentLinkAction.toggleLoader(false));\n logError(\n createStripePaymentIntent?.error?.message || fallBackMessage,\n true\n );\n event.complete(\"fail\");\n return;\n }\n });\n }\n createPaymentRequest();\n } catch (error) {\n dispatch(PaymentLinkAction.toggleLoader(false));\n logError(error?.message || fallBackMessage, true);\n } finally {\n dispatch(PaymentLinkAction.toggleLoader(false));\n }\n\n return () => {\n isMounted = false;\n setPaymentRequest(null);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [stripe, elements]);\n\n const shouldShowPaymentButton =\n paymentRequest &&\n (selectedPaymentType === C.WALLET.APPLE_PAY ||\n selectedPaymentType === C.WALLET.GOOGLE_PAY);\n return shouldShowPaymentButton ? (\n \n
\n \n \n
\n {error}
\n\n {\n validatePaymentRequest(e);\n dispatch(PaymentLinkAction.toggleLoader(true));\n }}\n />\n
\n ) : (\n <>{children}\n );\n};\n\nexport default WalletPay;\n","import React from \"react\";\nimport moment from \"moment\";\nimport { t } from \"i18next\";\nimport SmallBrandHeader from \"components/layouts/SmallBrandHeader\";\nimport CheckoutDotCom from \"components/payment-gateway/CheckoutDotCom\";\nimport Card from \"components/Card\";\nimport ButtonSpinner from \"components/ButtonSpinner\";\nimport { useLang } from \"hooks\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport StripeForm from \"components/payment-gateway/stripe/StripeForm\";\nimport { logPopupError } from \"utils/Utils\";\nimport C from \"Constants\";\nimport StripeHandler from \"../../StripeHandler\";\nimport { useDetectBrowserWallets } from \"hooks\";\nimport SupportedWalletList from \"components/checkout/SupportedWalletList\";\nimport { PaymentLinkAction } from \"store/actions\";\nimport { SVGICONS } from \"config\";\nimport { PlusIconn } from \"icons\";\nimport WalletPay from \"modules/payment-links/WalletPay\";\nimport useScrollToBottomPaymentWidget from \"hooks/useScrollToBottomPaymentWidget\";\nfunction VerfiedLinkUi({\n paymentLinkInfo,\n captureCheckoutDotComPayment,\n payNow,\n cardProcessing,\n setcardProcessing,\n fetchPaymentLinkInfo,\n}) {\n const dispatch = useDispatch();\n const language = useLang();\n const { selectedPaymentType } = useSelector(\n (state) => state.PaymentLinkReducer\n );\n const scrollToBottom = useScrollToBottomPaymentWidget(selectedPaymentType);\n const { initiateStripePayment } = StripeHandler(\n setcardProcessing,\n paymentLinkInfo,\n fetchPaymentLinkInfo\n );\n\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n\n const supportedBrowserWallets = useDetectBrowserWallets();\n const initiatePayment = async () => {\n if (!selectedPaymentType)\n return logPopupError(\"Please select payment method\", true);\n try {\n setcardProcessing(true);\n if (paymentLinkInfo?.paymentGateway === C.STRIPE) {\n await initiateStripePayment(\n setcardProcessing,\n paymentLinkInfo,\n fetchPaymentLinkInfo\n );\n } else if (paymentLinkInfo?.paymentGateway === C.CHECKOUT_DOT_COM) {\n payNow();\n } else {\n logPopupError(\"Invalid Payment Gateway\", true);\n }\n } catch (error) {\n setcardProcessing(false);\n logPopupError(error.message || t(C.DEFAULT_ERROR_MSG), true);\n }\n };\n\n const handleClick = (a, type) =>\n dispatch(PaymentLinkAction.setSelectedPaymentType(type));\n\n return (\n \n \n \n
\n \n \n );\n}\n\nexport default VerfiedLinkUi;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Elements } from \"@stripe/react-stripe-js\";\nimport { loadStripe } from \"@stripe/stripe-js\";\n\nfunction WithStripe({ children }) {\n const { stripeKey } = useSelector((state) => state?.brandStorageReducer);\n let promise = null;\n if (stripeKey) {\n promise = loadStripe(stripeKey);\n }\n const { language } = useSelector((state) => state?.AppReducer);\n return (\n \n
\n #{paymentLinkInfo?.cartId}
\n \n {moment\n .unix(paymentLinkInfo?.linkCreationDate)\n .format(\"DD-MM-YYYY\")}\n
\n \n captureCheckoutDotComPayment(token)}\n />\n ) : (\n <>\n <>\n {\n handleClick(null, C.WALLET.NEW_CARD);\n scrollToBottom();\n }}\n >\n
\n \n {selectedPaymentType === \"new_card\" && \n
\n {paymentLinkInfo?.paymentGateway === \"CHECKOUTDOTCOM\" ? (\n \n {paymentLinkInfo?.amount.toLocaleString(language?.currentLang, {\n style: \"currency\",\n currency: \"AED\",\n })}\n
\n{t(\"Tax included\")}
\n\n
\n\n \n {t(\"Purpose of payment\")}\n
\n{paymentLinkInfo?.purposeOfPayment}
\n{t(\"Message\")}
\n{paymentLinkInfo?.message}
\n\n
\n \n \n
\n \n \n
\n \n \n {cardProcessing && (\n
\n \n \n <>\n {(isError || error) && !errorModaL && !paymentLinkInfo && (\n \n {\n history.replace(`/${params.domainName}`);\n }}\n type=\"submit\"\n className=\"mb-6 mx-4 bg-brand-base-primary text-brand-text-primary py-3 rounded px-6 text-17x font-medium cursor-pointer\"\n >\n {t(\"Explore other products\")}\n \n ) : null}\n \n {!errorModaL ?
\n \n
\n \n );\n}\n\nexport default CityList;\n","import React, { useMemo, useState, useRef } from \"react\";\nimport PopupHeader from \"components/PopupHeader\";\nimport Search from \"components/Search\";\nimport { useLang } from \"hooks\";\nimport { t } from \"i18next\";\nimport useTouchMoveBlur from \"hooks/useTouchMoveBlur\";\n\nconst getHeader = (header, headerLabel) => {\n if (header) {\n return \n {getHeader(header, headerLabel)}\n
\n \n
\n <>\n \n {Cities?.map((city) => {\n return (\n handleSelectedArea(city, \"city\")}\n >\n
\n );\n })}\n \n {\n \n {city?.cityID?.[`cityName${currentLang}`]}\n \n }\n
\n\n
\n \n );\n}\n\nexport default SelectCountry;\n","import React, { useMemo, useState } from \"react\";\nimport PopupHeader from \"components/PopupHeader\";\nimport Search from \"components/Search\";\nimport { useLang } from \"hooks\";\nimport { t } from \"i18next\";\nimport { SVGICONS } from \"config\";\nimport useTouchMoveBlur from \"hooks/useTouchMoveBlur\";\n\nconst getHeader = (header, headerLabel) => {\n if (header) {\n return \n {getHeader(header, headerLabel)}\n
\n \n
\n <>\n \n {Countries?.map((country) => {\n return (\n handleSelectedArea(country, \"country\")}\n >\n
\n );\n })}\n \n {\n \n {country?.countryID?.[`countryName${currentLang}`]}\n \n }\n
\n\n \n {\n \n {currentLang === \"EN\"\n ? city?.cityInfo?.cityNameEN\n : city?.cityInfo?.cityNameAR}\n \n }\n\n
\n\n
\n );\n};\n\n// Area component\nconst AreaList = ({ city, handleSelectedArea, currentLang }) => {\n return city?.cityAreas?.map((area, key) => (\n \n {\n \n {currentLang === \"EN\"\n ? city?.cityInfo?.cityNameEN\n : city?.cityInfo?.cityNameAR}\n \n }\n\n \n \n \n
\n\n - \n {(open || opened) && (\n
\n
\n );\n}\n\nexport default SelectDeliveryArea;\n","import React, { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { t } from \"i18next\";\nimport CityList from \"components/address/CityList\";\nimport CountryList from \"components/address/ContryList\";\nimport SelectDeliveryArea from \"components/address/SelectDeliveryArea\";\nimport { SHIPPING_METHODS } from \"Constants/constants\";\nimport WithLoading from \"components/Hoc/WithLoading\";\nimport { useGetStoreAreasMutation } from \"store/brand-based-store/single-store-service\";\nimport { CustomModal } from \"components\";\nimport { ErrorAction, DeliveryAddressAction, Loader } from \"store/actions\";\nimport { ErrorModal } from \"components\";\nimport AddDeliveryAddress from \"components/checkout/AddDeliveryAddress\";\nimport { useParams } from \"react-router-dom\";\nimport { useLang, useCustomHistory } from \"hooks\";\nimport { UTILS } from \"utils\";\nimport * as ROUTE_CONSTANTS from \"routes/constants\";\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\nimport { useAddNewUserAddressMutation } from \"store/deliveryAddress/delivery-address-service\";\nimport TextInput from \"components/TextInput\";\nimport { DeliverAreaAction } from \"store/actions\";\nimport { handleLocalStorage } from \"utils/storage\";\n\nfunction ShippingAreaHandLing({\n selectedValue,\n textLabel,\n errors,\n children,\n showAreaPoup,\n setshowAreaModal,\n}) {\n return (\n \n {getHeader(header, headerLabel)}\n
\n \n
\n \n {Menu?.map((city, index) => {\n return (\n
\n setshowAreaModal(true)}>\n {}}\n name=\"shippingArea\"\n type=\"text\"\n mandatory={true}\n labelClasses=\"text-14x text-black\"\n inputClasses=\"focus:outline-none mb-4 flex-1 text-16x block w-full rounded border shadow-input px-2 py-3 border-gray-200\"\n placeHolder={t(textLabel)}\n readOnly={true}\n error={errors?.selectedArea}\n />\n
\n \n \n updateLocalState(\"errors\", val)}\n clearAddressInputFields={clearAddressInputFields}\n showAreaPoup={localState.showAreaPoup}\n handleRefineLocation={handleRefineLocation}\n isEnabled={shippingMethod ? true : false}\n >\n {shippingMethod === SHIPPING_METHODS.COUNTRY_BASED && (\n \n \n \n \n \n
\n );\n}\n\nexport default ManualAddressWithShippingModal;\n","import React from \"react\";\nimport { t } from \"i18next\";\nimport { useSelector } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\n\nimport PageHeader from \"components/PageHeader\";\nimport FixedFooter from \"components/FixedFooter\";\nimport WithMap from \"components/Hoc/WithMap\";\nimport { ErrorModal, CustomModal } from \"components\";\nimport { useCustomHistory } from \"hooks\";\nimport { useMapContext } from \"contexts/googleMap\";\n\nfunction AddGoogleMapLocation({\n checkoutPageUrl,\n handleConfirmLocation,\n error,\n open,\n setOpen,\n mapref,\n setMapRef,\n googlemapState,\n}) {\n const params = useParams();\n const router = useCustomHistory();\n const { DomainType } = useSelector((state) => state.AppReducer);\n const { setZoom } = useMapContext();\n\n const goToCheckoutPage = () => {\n router(\n checkoutPageUrl,\n `/${params?.domainName}${checkoutPageUrl}`,\n DomainType\n );\n };\n const handleClik = () => {\n setOpen(false);\n if (error?.type === \"zoom\") {\n setZoom(16);\n }\n };\n\n return (\n \n
\n \n {t(\"Mark the exact location to help our driver deliver faster\")}\n
\n\n \n \n \n \n \n \n
\n \n
\n\n \n {t(\"Confirm Location\")}\n
\n \n \n \n \n {}}\n gotoCheckoutPage={gotoCheckoutPage}\n isEnabled={true}\n setState={setState}\n openModals={openModals}\n onSubmit={addUserDeliveryAddress}\n handleRefineLocation={handleRefineLocation}\n />\n\n \n \n
\n );\n}\n\nexport default AddDeliveryManualaddress;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport OrderSuccess from \"components/checkout/OrderPlaced\";\nimport { useCustomHistory } from \"hooks\";\nimport { useParams } from \"react-router-dom\";\nimport { errorNotification } from \"utils/Utils\";\n\nfunction Index() {\n const params = useParams();\n const router = useCustomHistory();\n const { placedOrder } = useSelector((rstate) => rstate.order);\n const { DomainType } = useSelector((rstate) => rstate.AppReducer);\n\n const trackOrder = () => {\n let url = \"/track-order/\";\n document.body.removeAttribute(\"style\");\n if (placedOrder?.savedOrder) {\n const { savedOrder } = placedOrder;\n router(\n `${url}${savedOrder?.orderNumber}`,\n `/${params.domainName}${url}${savedOrder?.orderNumber}`,\n DomainType\n );\n } else if (params?.orderId) {\n router(\n `/track-order/${params?.orderId}`,\n `/${params?.domainName}/track-order/${params?.orderId}`,\n DomainType\n );\n } else {\n errorNotification(\"Order not found\");\n }\n };\n\n return \n
\n \n \n \n \n \n \n \n
\n \n \n setAddressState(\"zoomErrorModal\", { open: false, message: \"\" })\n }\n />\n
\n\n \n {t(\"Confirm Location\")}\n
\n \n \n \n \n {}} />\n \n
\n );\n}\n\nexport default AddDeliveryManualaddress;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport Footer from \"components/Footer\";\nimport { FixedFooter } from \"components\";\nimport ViewBasket from \"components/basket/ViewBasket\";\nimport { useParams } from \"react-router-dom\";\nimport { useCustomHistory } from \"hooks\";\nimport WithLoading from \"components/Hoc/WithLoading\";\nimport useQueryParam from \"modules/dine-in/useQueryParam\";\n\nconst MenuContainer = (props) => {\n const { DomainType } = useSelector((state) => state.AppReducer);\n const params = useParams();\n const router = useCustomHistory();\n const queryParam = useQueryParam();\n\n const viewBasketPage = () => {\n router(\n `/dine-in/checkout`,\n `/${params.domainName}/dine-in/checkout`,\n DomainType,\n undefined,\n `?${queryParam}`\n );\n };\n return (\n \n
\n \n
\n \n {}}\n className={`border border-brand-base-primary rounded-lg text-white bg-brand-base-primary py-1 px-2`}\n >\n {t(\"Dine In\")}\n \n
\n \n {currentUser?.token ? (\n
\n {brandMenuError &&
\n\n \n
\n\n \n
\n \n
\n \n \n \n \n \n
\n \n {t(\"Selected Table Number is\")}\n {tabelNo}\n
\n \n );\n};\nexport default StoreTable;\n","import React, { Fragment } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\nimport { ErrorModal, CustomModal } from \"components\";\nimport OrderPlaced from \"components/checkout/OrderPlaced\";\nimport { NotPersistAction, ErrorAction } from \"store/actions\";\nimport { useCustomHistory } from \"hooks\";\nimport ConfirmModal from \"components/Modals/ConfirmModal\";\nimport useQueryParam from \"modules/dine-in/useQueryParam\";\n\nfunction Checkout(props) {\n const params = useParams();\n const router = useCustomHistory();\n const queryParam = useQueryParam();\n\n const dispatch = useDispatch();\n const reduxState = useSelector((rstate) => ({\n cart: rstate?.cart,\n order: rstate?.order,\n AppReducer: rstate.AppReducer,\n NotPersist: rstate?.NotPersist,\n SelectedAddress: rstate.DeliveryAddressReducer,\n\n }));\n const { error, errorModaL } = useSelector((rstate) => rstate.errorSlice);\n const { DomainType } = useSelector((state) => state.AppReducer);\n const { orderSuccess } = reduxState.NotPersist;\n const { placedOrder } = reduxState.order;\n\n\n\n const trackOrder = () => {\n let url = \"/dine-in/track-order/\";\n document.body.removeAttribute(\"style\");\n dispatch(NotPersistAction.toggleOrderPlaceModel(false));\n if (placedOrder?.savedOrder) {\n const { savedOrder } = placedOrder;\n router(\n `${url}${savedOrder?.orderNumber}`,\n `/${params.domainName}${url}${savedOrder?.orderNumber}`,\n DomainType,\n null,\n `?${queryParam}`\n );\n }\n };\n\n const gotoHomePage = () => {\n router(\n \"/dine-in\",\n `/${params.domainName}/dine-in/`,\n DomainType,\n null,\n `?${queryParam}`\n );\n };\n\n return (\n \n \n handleSelectOption(index + 1)}\n >\n
\n {selectedOption && selectedOption === index + 1 ? (\n \n {t(\"Select Payment Option\")}\n
\n\n {children &&\n children.map((val, index) => (\n\n
\n {t(title[index])}
\n \n \n \n \n {selectedOption && selectedOption === index + 1 ? (\n
\n {val}
\n ) : null}\n \n ))}\n \n );\n};\n\nexport default DineInTableOptions;\n","import React, { useState } from \"react\";\nimport { t } from \"i18next\";\nimport { CustomModal } from \"components\";\nimport Button from \"components/Button\";\nimport { setSelectedTip } from \"store/tipMethods/slice\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { Delete } from \"icons\";\nimport { CartAction } from \"store/actions\";\nimport { useUserWallet } from \"hooks\";\nimport { calculateCartGrossAmount } from \"utils/Utils\";\n\nconst Tips = () => {\n const dispatch = useDispatch();\n const [customTipModal, setCustomTipModal] = useState(false);\n const [customTipValue, setCustomTipValue] = useState(\"\");\n const { selectedTip } = useSelector((state) => state.TipMethodsReducer);\n const { cart, orderGrossAmount, itemsGrossAmount } = useSelector(\n (state) => state?.cart\n );\n const userWallet = useUserWallet();\n const { discountInfo } = useSelector((state) => state.Discounts);\n const { ordered } = useSelector((state) => state.order);\n\n const tips = [\n { id: 1, label: \"5%\", value: 0.05 },\n { id: 2, label: \"10%\", value: 0.1 },\n { id: 3, label: \"15%\", value: 0.15 },\n ];\n\n const updateCartWithTip = (tip) => {\n dispatch(\n setSelectedTip({\n type: tip.type || \"default\",\n value: tip.value,\n unit: tip.unit,\n })\n );\n\n const cartTotals = calculateCartGrossAmount(\n cart,\n discountInfo,\n userWallet,\n ordered\n );\n\n dispatch(\n CartAction.updateCartPrice({\n originalPrice: cartTotals.itemsNetPrice,\n amountAfterDiscount: cartTotals.itemsGrossAmount,\n itemsGrossAmount: cartTotals.itemsGrossAmount,\n orderGrossAmount: cartTotals.orderGrossAmount,\n tipAmount: cartTotals.tipAmount,\n })\n );\n };\n\n const handleTip = (tip) => {\n updateCartWithTip({\n type: \"default\",\n value: tip.value, // Already in decimal form (0.05, 0.1, 0.15)\n unit: \"percent\",\n });\n };\n\n const handleCustomTipValue = (val) => {\n const parsedValue = parseFloat(val);\n const sanitizedValue = isNaN(parsedValue) ? 1 : Math.max(1, parsedValue);\n setCustomTipValue(parseFloat(sanitizedValue.toFixed(2))); // Limit to 2 decimal places\n };\n\n const handleCustomTip = () => {\n setCustomTipModal(!customTipModal);\n };\n\n const handleConfirmModal = () => {\n dispatch(\n setSelectedTip({\n type: \"custom\",\n value: parseFloat(customTipValue),\n unit: \"fixed\",\n })\n );\n updateCartWithTip({\n type: \"custom\",\n value: customTipValue,\n unit: \"fixed\",\n });\n setCustomTipModal(!customTipModal);\n };\n\n const handleCancelModal = () => {\n setCustomTipModal(!customTipModal);\n };\n\n const handleCancelTip = () => {\n dispatch(setSelectedTip(\"\"));\n\n // Recalculate cart totals with no tip\n const cartTotals = calculateCartGrossAmount(\n cart,\n discountInfo,\n userWallet,\n ordered\n );\n\n // Update cart with new totals, ensuring tip amount is zero\n dispatch(\n CartAction.updateCartPrice({\n originalPrice: cartTotals.itemsNetPrice,\n amountAfterDiscount: cartTotals.itemsGrossAmount,\n itemsGrossAmount: cartTotals.itemsGrossAmount,\n orderGrossAmount: cartTotals.orderGrossAmount,\n tipAmount: 0, // Explicitly set tip to zero\n })\n );\n };\n\n const PencilIcon = (props) => {\n return (\n \n
\n \n {t(\"Show some love, your tip makes their day!. (Optional)\")}\n
\n\n {(selectedTip?.type !== \"custom\" || !selectedTip) &&\n tips.map((tip, index) => (\n handleTip(tip)}\n className={`flex-1 mb-3 mx-2 p-4 rounded-md text-center cursor-pointer \n border-4 border-gray-200 text-17x font-semibold\n ${\n selectedTip?.value === tip.value\n ? \"text-brand-text-primary bg-brand-base-primary border-brand-base-primary\"\n : \"bg-white text-gray-800 hover:bg-gray-100\"\n }`}\n id={`tip-${index + 1}`}\n >\n {tip.label}\n
\n ))}\n\n {selectedTip?.type === \"custom\" && (\n \n Custom Tip: {parseFloat(selectedTip?.value)?.toFixed(2)}\n \n )}\n \n \n \n \n
\n\n \n
\n \n \n );\n};\n\nexport default Tips;\n","import { useDispatch } from \"react-redux\";\nimport { StoreAction } from \"store/actions\";\nimport { PaymentMethodAction } from \"store/actions\";\nimport { PaymentCardsAction } from \"store/actions\";\nimport C from \"Constants\";\nimport { t } from \"i18next\";\nimport { useEffect } from \"react\";\n\n\nconst PayLaterTab = ({ optionSelected , paymentOptions }) => {\n const dispatch = useDispatch();\n\n\n useEffect(() => {\n if(optionSelected && optionSelected === 2){\n resetPaymentType();\n handleSelectPayLater();\n }\n } , [optionSelected])\n\n const resetPaymentType = () => {\n dispatch(\n PaymentCardsAction.setstripeSelectedCard({\n cardInfo: {},\n isStoredCard: false,\n })\n );\n dispatch(PaymentCardsAction.setstripePaymentCards([]));\n dispatch(StoreAction.setSelectedPaymentMethod(null));\n dispatch(PaymentMethodAction.setSelectedPaymentType(null));\n };\n\n const handleSelectPayLater = () => {\n if(paymentOptions){\n const payLater = paymentOptions?.find(\n (dIPO) => dIPO.paymentType === C.PAY_LATER\n );\n dispatch(StoreAction.setSelectedPaymentMethod(payLater));\n dispatch(PaymentMethodAction.setSelectedPaymentType(C.PAY_LATER));\n dispatch(PaymentCardsAction.resetSelectedCards());\n }\n };\n\n return (\n \n {\n e.preventDefault();\n }}\n >\n
\n \n {\"Add a Custom Tip\"}\n
\n \n \n Enter Custom Tip Amount\n \n {\n const inputValue = parseFloat(e.target.value) || 0;\n handleCustomTipValue(Math.max(1, inputValue));\n }}\n value={customTipValue}\n type=\"number\"\n min=\"1\"\n step=\"0.01\"\n placeholder=\"Enter amount\"\n className=\"mt-1 w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500\"\n />\n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n );\n}\n\nexport default OrderedBasketItemList;\n","import React, { useEffect, useState } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useParams, useLocation, useHistory } from \"react-router-dom\";\nimport queryString from \"query-string\";\nimport { t } from \"i18next\";\n//components\nimport CheckoutPaymentMethod from \"components/checkout/CheckoutPaymentMethod\";\nimport PlaceOrderButton from \"components/checkout/PlaceOrderButton\";\nimport BasketItemList from \"components/basket/BasketItemList\";\nimport DiscountButton from \"components/basket/DiscountButton\";\nimport WithLoading from \"components/Hoc/WithLoading\";\nimport DineInTableNo from \"../components/DineInTableNo\";\nimport WithTransparentSpinner from \"components/Hoc/WithTransparentSpinner\";\nimport {\n PageHeader,\n ItemsPaymentTotalDetail,\n FixedFooter,\n ErrorComponent,\n} from \"components\";\nimport EmptyBasket from \"components/basket/EmptyBasket\";\nimport CheckoutModals from \"../components/Modals\";\n//actions\nimport { DiscountAction, CartAction, NotPersistAction } from \"store/actions\";\n//custom hooks\nimport { useCustomHistory, useWindowLocation } from \"hooks\";\nimport C from \"Constants\";\n//services\n\n//custom hooks\nimport LoyaltyCreditWidget from \"components/brand-loyalty/LoyaltyCreditWidget\";\nimport LoyaltyRedeemSwitch from \"components/brand-loyalty/LoyaltyRedeemSwitch\";\nimport { LoyaltyAction } from \"store/actions\";\nimport { calculateCartGrossAmount } from \"utils/Utils\";\nimport { min } from \"lodash\";\nimport { useUserWallet } from \"hooks\";\nimport TextareaInput from \"components/TextareaInput\";\nimport usePaymentHelper from \"features/payment-helpers/usePaymentHelper\";\nimport useBrandLosgisticIntegrations from \"hooks/useBrandLosgisticIntegrations\";\nimport useQueryParam from \"modules/dine-in/useQueryParam\";\nimport SavedCardsList from \"components/checkout/SavedCardsList\";\nimport CardWidgets from \"components/checkout/CardWidgets\";\nimport WalletPay from \"helpers/payment_helpers/stripe/WalletPay\";\nimport { UTILS } from \"utils\";\nimport useSuccesOrder from \"../../useSuccesOrder\";\nimport usePlaceOrderHelper from \"features/payment-helpers/usePlaceOrderHelper\";\nimport { ViewApplicableDiscountedItemsList } from \"components/DiscounteditemsList\";\nimport DiscounteditemsList from \"components/DiscounteditemsList\";\nimport useShowUserInfoModal from \"features/basket/useShowUserInfoModal\";\nimport AddUserInfoForm from \"components/Modals/AddUserInfoForm\";\nimport DineInTableOptions from \"../components/DineInTableOptions\";\nimport Tips from \"../components/Tips\";\nimport PayLaterTab from \"../components/PayLaterTab\";\nimport OrderedBasketItemList from \"components/basket/OrderedBasketItemList\";\n\n//\nfunction Checkout() {\n const params = useParams();\n const history = useHistory();\n const location = useLocation();\n const dispatch = useDispatch();\n const router = useCustomHistory();\n const queryParam = useQueryParam();\n const { isOpenUserInfoModal, setUserInfoModal } = useShowUserInfoModal();\n\n const handleSuceessOrderRoute = useSuccesOrder();\n const { outlet_based_place_order } = usePlaceOrderHelper(\n handleSuceessOrderRoute\n );\n const windowRouter = useWindowLocation();\n const queryParams = queryString.parse(location?.search);\n const reduxState = useSelector((state) => state);\n const { orderSuccess } = reduxState.NotPersist;\n const { DomainType } = reduxState.AppReducer;\n const { error: discountError } = reduxState.Discounts;\n const { discountModal } = reduxState.NotPersist;\n const { discountInfo } = reduxState.Discounts;\n const { integrationsByName } = useBrandLosgisticIntegrations();\n const { selectedStore, selectedPayment } = reduxState.store;\n const { selectedPaymentType } = useSelector(\n (state) => state.PaymentMethodReducer\n );\n const {ordered} = useSelector(\n (state) => state.order\n );\n\n const { cart, cartTotal, amountAfterDiscount, orderSplReq } = reduxState.cart;\n\n //varables\n const { loyaltyPolicy } = reduxState.brandStorageReducer;\n const { isDiscountApplied } = reduxState.Discounts;\n const { loyaltyApplied } = useSelector((state) => state?.Loyalty);\n const userWallet = useUserWallet();\n const [redeemAmount, setRedeemAmount] = useState(0);\n const [confirmModal, setConfirmModal] = useState(false);\n const [confirmationCallback, setConfirmationCallback] = useState(\n () => () => {}\n );\n const [confirmModalTitle, setConfirmModalTitle] = useState({\n title: \"\",\n message: \"\",\n });\n\n const redirectLink = {\n success: `dine-in/checkout?${queryParam}&payment=success`,\n failure: `dine-in/checkout?${queryParam}&payment=failure`,\n };\n\n const {\n placeOrder,\n captureCheckoutDotComPayment,\n cardProcessing,\n isLoading,\n } = usePaymentHelper(redirectLink, handleSuceessOrderRoute);\n\n const [ selectedPaymentOptions, setSelectedPaymentOptions] = useState(null);\n\n const updateCart = () => {\n const { itemsGrossAmount, itemsNetPrice, orderGrossAmount } =\n calculateCartGrossAmount(cart, discountInfo, userWallet , ordered);\n dispatch(\n CartAction.updateCartPrice({\n originalPrice: itemsNetPrice,\n amountAfterDiscount: itemsGrossAmount,\n itemsGrossAmount,\n orderGrossAmount,\n })\n );\n };\n\n useEffect(() => {\n updateCart();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cart, discountInfo, redeemAmount]);\n\n useEffect(() => {\n const unlisten = history.listen((location, action) => {\n if (action === \"POP\") {\n dispatch(NotPersistAction.toggleOrderPlaceModel(false));\n if (cart?.length <= 0) {\n sessionStorage.removeItem(\"paymentVerified\");\n windowRouter(\n `/dine-in/?${queryParam}`,\n `/${params.domainName}/dine-in/?${queryParam}`,\n DomainType\n );\n }\n }\n });\n\n const returnToHome = () => {\n if ( ordered.allOrders?.length <= 0 && cart?.length <= 0 && !orderSuccess) {\n sessionStorage.removeItem(\"paymentVerified\");\n windowRouter(\n `/dine-in/?${queryParam}`,\n `/${params.domainName}/dine-in/?${queryParam}`,\n DomainType\n );\n }\n };\n returnToHome();\n return () => {\n unlisten();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [orderSuccess, history]);\n\n const increaseItemQuantity = (id, index) => {\n const payload = { id, index };\n dispatch(CartAction.increaseItemQuantity(payload));\n updateCart();\n };\n const decreaseItemQuantity = (id, index) => {\n const payload = { id, index };\n dispatch(CartAction.decreaseItemQuantity(payload));\n updateCart();\n };\n\n //\n const openModal = () => {\n dispatch(NotPersistAction.toggleDiscountModal(true));\n };\n\n const goBack = () => {\n router(\n \"/dine-in\",\n `/${params.domainName}/dine-in/`,\n DomainType,\n null,\n `?${queryParam}`\n );\n };\n\n const calculateRedeemAmount = () => {\n const maxRedeemableValuePerOrder =\n loyaltyPolicy?.maxRedeemableValuePerOrder || 0;\n const redeemablePercentagePerOrder =\n loyaltyPolicy?.redeemablePercentagePerOrder || 0;\n const redeemableAmount = Number(\n (cartTotal / 100) * redeemablePercentagePerOrder\n );\n let minimum = min([\n maxRedeemableValuePerOrder,\n redeemableAmount,\n userWallet,\n ])?.toFixed(2);\n setRedeemAmount(Number(minimum));\n dispatch(LoyaltyAction.updateloyaltyAmount(Number(minimum)));\n };\n\n useEffect(() => {\n calculateRedeemAmount();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cartTotal, loyaltyPolicy, cart, userWallet]);\n\n const switchLoyaltyStatus = () => {\n if (loyaltyApplied) {\n dispatch(LoyaltyAction.removeLoyalty());\n updateCart();\n } else {\n dispatch(LoyaltyAction.applyLoyalty(Number(redeemAmount)));\n updateCart();\n }\n };\n const handleConfirmDiscountLoyalty = (wantsToApply) => {\n if (loyaltyApplied && wantsToApply === C.DISCOUNT) {\n setConfirmModal(true);\n setConfirmModalTitle({\n title: t(\"Use discount code\"),\n message: t(\n \"To use discount code, the loyalty points will be removed. Do you want to continue\"\n ),\n });\n\n setConfirmationCallback(() => () => {\n dispatch(LoyaltyAction.removeLoyalty());\n openModal();\n updateCart();\n });\n } else if (\n (isDiscountApplied || discountInfo) &&\n wantsToApply === C.LOYALTY\n ) {\n setConfirmModal(true);\n setConfirmModalTitle({\n title: t(\"Use loyalty credits\"),\n message: t(\n \"To use loyalty points, the discount code will be removed. Do you want to continue\"\n ),\n });\n setConfirmationCallback(() => () => {\n dispatch(DiscountAction.setCoponValidation(false));\n dispatch(DiscountAction.removeDiscountCode());\n switchLoyaltyStatus();\n updateCart();\n });\n } else if (wantsToApply === C.LOYALTY) {\n switchLoyaltyStatus();\n } else if (wantsToApply === C.DISCOUNT) {\n openModal();\n }\n };\n\n const handleConfirmModal = () => {\n setConfirmModal(false);\n confirmationCallback();\n };\n\n const handleCancelModal = () => {\n setConfirmModal(false);\n };\n\n const validateOrderShipping = () => {\n const { errors, isValid, obj } = UTILS.validateOutletOrderObject();\n return {\n errors,\n isValid,\n obj,\n };\n };\n\n const OrderPaymentInfo = () => {\n let rate = selectedStore?.taxRate || 0;\n return (\n \n {t(\"Previous Ordered Items\")}\n
\n- \n
- \n \n Item\n \n Qty\n \n {allOrders?.map( al => al.orderedMenu?.map((item, index) => {\n return (\n
\n
\n \n \n \n {item?.baseLanguage?.title}\n
\n \n {currentLang === \"AR\"\n ? UTILS.toFixedNumber(item?.price) + \" \" + t(\"AED\")\n : t(\"AED\") + \" \" + UTILS.toFixedNumber(item?.price)}\n
\n {item?.sections?.map((section, index) => {\n return (\n \n \n {section?.baseLanguage?.sectionName}\n \n\n {section?.options?.map((option, index) => {\n return (\n
\n );\n })}\n \n \n \n {option?.quantity ? option?.quantity : 1} x\n \n {option?.baseLanguage?.optionName}\n \n {`(${UTILS.toFixedNumber(\n option?.price\n )} AED)`}\n \n \n
\n );\n })}\n \n \n {item?.quantity}\n \n
\n \n \n );\n }))}\n \n \n \n \n \n \n \n ) : (\n \n \n )}\n\n
\n )}\n \n
\n ) : null}\n {cart.length > 0 && \n \n \n dispatch(CartAction.setOrderSplreq(e.target.value))\n }\n value={orderSplReq}\n placeholder={t(\"Add a note or any instructions.\")}\n styleClasses=\"mt-1 block w-full text-16x text-outer-space mt-2 p-1 bg-gray-100 border border-gray-300 rounded focus:outline-none\"\n />\n
\n\n \n handleConfirmDiscountLoyalty(C.DISCOUNT)}\n />\n
\n\n {!discountModal && discountError && cart?.length >= 1 && (\n \n
\n \n \n
\n \n {params && (\n \n \n )}\n
\n \n
\n );\n}\n\nexport default TrackOrder;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { t } from \"i18next\";\nimport { Button } from \"antd\";\nimport { useParams } from \"react-router-dom\";\n\nimport UserLogo from \"components/UserLogo\";\nimport WithLoading from \"components/Hoc/WithLoading\";\nimport { NotFound, ErrorComponent } from \"components\";\nimport LoginSignupButton from \"components/LoginSignupButton\";\nimport StoreHeaderDetail from \"components/StoreHeaderDetail\";\n\nimport useCurrentUser from \"hooks/useCurrentUser\";\nimport useQueryParam from \"modules/dine-in/useQueryParam\";\n\nimport C from \"Constants\";\nimport useEventTracker from \"hooks/useEventTracker\";\nimport { usePlatform } from \"hooks\";\nimport { useCustomHistory } from \"hooks\";\n\nconst DienInPayLater = () => {\n usePlatform();\n const params = useParams();\n const router = useCustomHistory();\n const queryParam = useQueryParam();\n const { DomainType } = useSelector((state) => state.AppReducer);\n const { notFound, brandMenuError } = useSelector(\n (state) => state?.brand\n );\n const { selectedStore } = useSelector((state) => state.store);\n const { brandInfo } = useSelector(\n (state) => state?.brandStorageReducer\n );\n const { currentUser } = useCurrentUser();\n const { isLoading } = useSelector((state) => ({\n isLoading: state?.loader.isLoading,\n }));\n const { ordered } = useSelector((state) => state.order);\n const { ordersTotalPrice } = ordered;\n\n useEventTracker({\n name: \"HOME_DINE_IN\",\n orderType: \"DINE_IN\",\n shouldLog: true,\n });\n\n\n const goToSettings = () => {\n if (params) {\n router(\n `/dine-in/auth/settings`,\n `/${params?.domainName}/dine-in/auth/settings`,\n DomainType,\n null,\n `?${queryParam}`\n );\n }\n };\n\n const goToMenu = () => {\n if (params) {\n router(\n `/dine-in`,\n `/${params?.domainName}/dine-in`,\n DomainType,\n null,\n `?${queryParam}`\n );\n }\n };\n\n const viewBasketPage = () => {\n if (params) {\n router(\n `/dine-in/checkout`,\n `/${params?.domainName}/dine-in/checkout`,\n DomainType,\n null,\n `?${queryParam}`\n );\n }\n };\n\n const goToLogin = () => {\n router(\n \"/dine-in/auth/login\",\n `/${params?.domainName}/dine-in/auth/login`,\n DomainType,\n null,\n `?${queryParam}`\n );\n };\n\n if (!isLoading && notFound) return \n
\n \n
\n {error && \n
\n {getOrderStatus(orderInfo)}\n
\n \n {getOrderStatus(orderInfo)}\n
\n \n
\n \n \n
\n \n {}}\n className={`border border-brand-base-primary rounded-lg text-white bg-brand-base-primary py-1 px-2`}\n >\n {t(\"Dine In\")}\n \n
\n \n {currentUser?.token ? (\n
\n {brandMenuError &&
\n\n \n \n \n
\n \n \n {t(`Pay Now (${ordersTotalPrice?.toFixed(2)})! `)}\n \n
\n \n \n \n \n \n
\n \n \n {t(\"View Menu\")}\n
\n \n \n \n
\n \n
\n\n \n {t(card?.title ?? 'Card Title')}\n
\n\n {t(\"Get Your Food From Here!\")}\n
\n \n {error &&
\n {error &&
\n \n {brands.map((st, key) => (\n
\n ))}\n \n \n
\n \n
\n \n
\n {st.brand.brandName}
\n {st?.discounts?.length > 0 && st?.discounts?.some(discount => discount.discountApplication !== 'hidden') && \n {t(\"Discounts !\")}\n
}\n \n {st.discounts.filter(discount => discount.discountApplication !== 'hidden').map((d , key) =>
\n \n {t(d.discountName)}\n
)}\n \n handleRedirect(st.setting.temporaryDomainName)}\n style={{ marginTop: \"auto\" }}\n className=\"border-2 text-brand-base-primary border-brand-base-primary hover:bg-brand-base-primary hover:text-brand-text-primary w-full py-3 rounded px-6 text-brand-text-primary text-16x font-semibold\"\n >\n \n
\n {!allSameWhatsApp && (\n \n {t(\"Order Now!\")}\n
\n \n \n \n {(st.whatsAppContact || st.mobileNumber) && (\n \n \n\n
\n )}\n \n \n {t(\"Whatsapp us!\")}\n
\n \n )}\n\n {st.mobileNumber && (\n \n {st?.mobileNumber}\n
\n \n )}\n \n {card?.phoneNumber && (\n
\n \n );\n};\n\nexport default BusinessCardContainer;\n","import React from \"react\";\nimport BusinessCardContainer from \"features/businesscard/containers/BusinessCard\";\n// src/features/businesscard/containers/BusinessCard.js\nfunction BusinessCard() {\n return \n \n
\n )}\n\n {card?.phoneNumber && (\n \n {t(\"Whatsapp us!\")}\n
\n \n \n \n\n
\n )}\n \n {card.phoneNumber}\n
\n \n \n
\n );\n}\n\nexport default VersionUpdate;\n","import React, { Fragment } from \"react\";\nimport { Switch } from \"react-router-dom\";\nimport {\n PublicRoutesArray,\n ProtectedRoutesArray,\n PreviewRoutes,\n EcommerceProtectedRoutes,\n EcommercePublicRoutes,\n StaticPublicPages,\n PaymentLinks,\n DineInPublicRoutes,\n DineInProtectedRoutes,\n} from \"./Routes\";\nimport ProtectedRoute from \"./middlewares/ProtectedRoute\";\nimport DineProtectedRoute from \"./middlewares/DineInProtectedRoute\";\n\nimport NotFoundMiddelware from \"./middlewares/404Middelware\";\nimport { useSelector } from \"react-redux\";\nimport C from \"Constants\";\nimport RefreshModal from \"components/app-update/RefreshApp\";\n\nimport queryString from \"query-string\";\n\nimport { UTILS } from \"utils\";\nimport { Route } from \"react-router-dom\";\nexport const updatenew = () => {\n UTILS.checkISAppUpdated();\n window.location.reload();\n};\nconst handleRefreshClick = () => window.location.reload();\n\nfunction Index() {\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n const queryParams = queryString.parse(window.location.search);\n const { refreshApp, isInternetConnected } = useSelector(\n (state) => state?.NotPersist\n );\n\n if (refreshApp) {\n return \n
\n \n
\n \n
\n \n {t(heading)}\n
\n\n\n {t(message)}\n
\n\n \n {t(btnText)}\n \n
\n \n
\n );\n}\n\nexport default Sentry.withProfiler(Index);\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === \"localhost\" ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === \"[::1]\" ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener(\"load\", () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {});\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then((registration) => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === \"installed\") {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch((error) => {\n console.error(\"Error during service worker registration:\", error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { \"Service-Worker\": \"script\" },\n })\n .then((response) => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get(\"content-type\");\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf(\"javascript\") === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {});\n}\n\nexport function unregister() {\n if (\"serviceWorker\" in navigator) {\n navigator.serviceWorker.ready\n .then((registration) => {\n registration.unregister();\n })\n .catch((error) => {\n console.error(error.message);\n });\n }\n}\n","import { useEffect } from \"react\";\nimport { useLocation, useHistory } from \"react-router-dom\";\n\nexport function ScrollToTop() {\n const location = useLocation();\n const history = useHistory();\n\n useEffect(() => {\n try {\n const isRedirectingToHome =\n location?.state && location?.state?.fromItemScreen;\n const p = sessionStorage.getItem(\"scroll-positon\");\n if (history.action === \"PUSH\" && isRedirectingToHome && p >= 1) {\n window.scrollTo(0, p);\n } else {\n window.scrollTo(0, 0);\n }\n } catch (error) {}\n }, [location, history]);\n\n return null;\n}\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Helmet } from \"react-helmet\";\nimport C from \"Constants\";\nconst Seo = () => {\n const { brandInfo } = useSelector((state) => state?.brandStorageReducer);\n const Title = brandInfo?.brand?.brandName\n ? `Order direct from ${brandInfo?.brand?.brandName} || RestHero`\n : process.env.REACT_APP_TITLE;\n\n return (\n \n
\n \n
\n \n );\n};\n\nexport default ErrorBoundaryFallbackComponent;\n","import React, { createContext, useContext, useReducer } from \"react\";\n\nconst ErrorContext = createContext();\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\n default:\n return state;\n }\n};\n\n// Create a provider component\nexport const ErrorContextProvider = ({ children }) => {\n const [errorState, dispatch] = useReducer(appReducer, {\n addressError: {\n message: null,\n show: false,\n },\n });\n\n const setErrorContext = (key, val) => {\n console.log(\"setError\", val);\n dispatch({\n type: \"SET_STATE\",\n payload: {\n key,\n value: val,\n },\n });\n };\n\n return (\n \n
\n \n \n window.location.reload()}\n >\n {t(\"Back to order\")}\n \n
\n \n {t(\n \"We’re sorry for the inconvenience, but there was a problem with your web browser. Click the below button to restart the order.\"\n )}\n
\n\n\n
\n );\n}\n\nexport default PageHeader;\n","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nconst FixedFooter = (props) => {\n const basket = props.basketFooter === true ? true : false;\n const { cart } = useSelector((state) => state?.cart);\n if (props?.page === true) {\n return (\n \n {url ? (\n \n ) : (\n
\n \n \n
\n )}\n \n {title}\n
\n 0 ? \"h-20 relative\" : \"hidden\"} `}>\n \n {props.children}\n
\n \n );\n } else {\n return (\n \n
\n );\n};\n\nexport default ConfirmModal;\n","import i18n from \"i18n/i18n\";\n\nexport const errrorMessages = {\n 0: \"Sorry, this discount applies only to specific items. Click the button to see which items are eligible.\",\n 1: \"Sorry, this discount code is not applicable on selected items\",\n};\n","import reduxstore from \"store/store\";\nimport { Store } from \"react-notifications-component\";\nimport * as Sentry from \"@sentry/browser\";\nimport copy from \"copy-to-clipboard\";\nimport { max, findIndex } from \"lodash\";\nimport C from \"Constants\";\nimport moment from \"moment\";\n\nimport {\n DiscountAction,\n CartAction,\n ErrorAction,\n BrandStorageAction,\n AppAction,\n PaymentMethodAction,\n StoreAction,\n} from \"store/actions\";\nimport i18n from \"i18n/i18n\";\nimport i18next from \"i18next\";\nimport { UTILS } from \"utils\";\nimport { SHIPPING_METHODS , PAY_LATER } from \"Constants/constants\";\nimport { errorHandler } from \"apiHelpers/api/errorHandler\";\nimport { handleSessionStorage } from \"./storage\";\nimport { NotPersistAction } from \"store/actions\";\nimport { errrorMessages as discountErrorMessages } from \"./discounts.utils\";\n\nexport const shouldTrackSessions = () => {\n const blacklist = [\"beta\", \"development\"];\n return !blacklist.includes(process.env.REACT_APP_ENV);\n};\n\nexport const successNotification = (message, placement) => {\n let p = placement ? placement : \"top-center\";\n UTILS.HANDLE_NOTIFICATION(p, \"success\", message);\n};\n\nexport const errorNotification = (message, placement) => {\n let p = placement ? placement : \"top-center\";\n UTILS.HANDLE_NOTIFICATION(p, \"danger\", message);\n};\nexport const HANDLE_NOTIFICATION = (placement, type, message) => {\n Store.addNotification({\n message: message,\n type: type,\n insert: \"top\",\n container: placement,\n // animationIn: [\"animate__animated\", \"animate__fadeIn\"],\n // animationOut: [\"animate__animated\", \"animate__fadeOut\"],\n dismiss: {\n duration: 4000,\n // onScreen: true\n },\n });\n};\nexport const getSentryUserObj = () => {\n let brand = reduxstore.getState();\n const user = getCurrentUser();\n if (user?.user) {\n if (user?.user?.phoneNumber) {\n let obj = {\n id: user?.user?.userId,\n email: user?.user?.phoneNumber,\n username: user?.user?.brandId,\n };\n return obj;\n } else {\n if (brand?.brand?._id) {\n let obj = {\n id: \"brandId=\" + brand.brand._id,\n };\n return obj;\n }\n }\n }\n};\n\nexport const ifNullOrUndefined = (value) => {\n if (value === null || value === undefined) {\n return true;\n }\n return false;\n};\n\nexport const notUndefined = (value) => {\n if (value !== null || value !== undefined) {\n return true;\n }\n return false;\n};\n\n/*validating shipping methods*/\nconst validateShippingMethods = () => {\n const { shippingMethod } = reduxstore.getState().AppReducer;\n if (shippingMethod) {\n return {\n methodName: shippingMethod,\n };\n } else return false;\n};\n\n/*creating and validating dumb order object for outlet-buisness*/\nexport const validateOutletOrderObject = () => {\n let errorMsg =\n \"outlet based critcal issue(store not selected on checkout page)\";\n let errors = {};\n let isValid = true;\n let shippingMethod = null;\n\n const checkNullOrUndefined = (value, key, msg, level, sentryMsg = \"\") => {\n if (value === null || value === undefined) {\n isValid = false;\n let SntryMSg = `${key} is null or undefined: ${value} ->usermessage ${\n msg ? msg : \"we're sorry but something went wrong\"\n } ${sentryMsg}`;\n logErrorOnSentry(SntryMSg, level);\n errors[key] = i18n.t(msg || \"Something was incorrect.\");\n }\n };\n\n const { brandInfo: brand, loyaltyPolicy } =\n reduxstore.getState().brandStorageReducer;\n const { orderType } = reduxstore.getState().AppReducer;\n const selectedPaymentType = reduxstore.getState()?.PaymentMethodReducer;\n\n const { selectedPayment, outletBasedSelectedStoreArea, selectedStore } =\n reduxstore.getState()?.store;\n const cartSlice = reduxstore.getState()?.cart;\n const currentUser = UTILS.getCurrentUser(brand?._id);\n const { userdeliveryAdress } = reduxstore.getState().DeliveryAddressReducer;\n const { discountInfo, isDiscountApplied } = reduxstore.getState().Discounts;\n const loyaltySlice = reduxstore.getState().Loyalty;\n const {\n cart,\n amountAfterDiscount,\n discountAmount,\n orderGrossAmount,\n itemsGrossAmount,\n orderSplReq,\n pickupVehicleInfo,\n tipAmount\n } = reduxstore.getState().cart;\n const loyaltyApplied = loyaltySlice.loyaltyApplied;\n const loyaltyRedeemAmount = loyaltyApplied ? loyaltySlice?.loyaltyAmount : 0;\n const loyaltyCashBackAmount = calculateLoyaltyPoint(\n loyaltyPolicy,\n orderGrossAmount\n );\n\n const pickupTiming = {\n asap: true,\n time: null,\n };\n\n if (orderType.serviceType === C.SERVICE_TYPE.PICKUP) {\n if (\n selectedStore?.vehicleInfoForPickup?.isActive === true &&\n selectedStore?.vehicleInfoForPickup?.isRequired === true\n ) {\n if (\n !isValidValue(pickupVehicleInfo) ||\n pickupVehicleInfo?.trim()?.length < 2\n ) {\n isValid = false;\n errors.pickupVehicleInfo = i18n.t(\n \"Please enter your vehicle information\"\n );\n try {\n const el = document.getElementById(\"pickupVehicleInfo\");\n el?.scrollIntoView({\n block: \"end\",\n });\n return { isValid, errors };\n } catch (error) {}\n logErrorOnSentry(\"Please enter your vehicle information\", \"info\");\n }\n }\n }\n\n checkNullOrUndefined(selectedStore?._id, `${errorMsg}storeId`, null, \"error\");\n checkNullOrUndefined(\n selectedStore?.taxRate,\n `${errorMsg}taxRate`,\n null,\n \"error\"\n );\n\n if (orderType?.serviceType === C.SERVICE_TYPE.DELIVERY) {\n if (brand) {\n let isValid = validateShippingMethods();\n if (!isValid) {\n logErrorOnSentry(\n `no delivery method selected${brand.brand}->userMessage:There is no delivery method available in store, please contact the business.`,\n \"error\"\n );\n errors.deliveryMethod = i18n.t(\n \"There is no delivery method available in store, please contact the business\"\n );\n\n isValid = false;\n return { isValid, errors };\n }\n if (isValid?.methodName) {\n shippingMethod = isValid;\n isValid = true;\n } else {\n isValid = false;\n return { isValid, errors };\n }\n }\n }\n\n checkNullOrUndefined(brand?.brand?._id, \"brandId\", null, \"error\");\n if (\n ifNullOrUndefined(selectedPayment) ||\n ifNullOrUndefined(selectedPaymentType?.selectedPaymentType)\n ) {\n isValid = false;\n logErrorOnSentry(\"Please choose a payment method\", \"info\");\n errors.selectedPayment = i18n.t(\"Please choose a payment method\");\n try {\n const el = document.getElementById(\"payment-methods\");\n el?.scrollIntoView({\n block: \"start\",\n });\n } catch (error) {\n } finally {\n return { isValid, errors };\n }\n }\n checkNullOrUndefined(\n currentUser?.user?.phoneNumber,\n \"phoneNumber\",\n null,\n \"error\"\n );\n\n if (orderType?.serviceType === C.SERVICE_TYPE.DELIVERY) {\n checkNullOrUndefined(\n outletBasedSelectedStoreArea?.minOrder,\n \"minOrder\",\n null,\n \"error\",\n \"outletBasedSelectedStoreArea selectedArea minOrder is null or undefined\"\n );\n checkNullOrUndefined(\n outletBasedSelectedStoreArea?.deliveryFee,\n \"deliveryFee\",\n null,\n \"error\",\n \"outletBasedSelectedStoreArea selectedArea deliveryFee is null or undefined\"\n );\n checkNullOrUndefined(\n outletBasedSelectedStoreArea?.deliveryTime,\n \"deliveryTime\",\n null,\n \"error\",\n \"outletBasedSelectedStoreArea selectedArea deliveryTime is null or undefined\"\n );\n\n if (shippingMethod === C.SHIPPING_METHODS.MAPPED_AREA_BASED) {\n checkNullOrUndefined(\n outletBasedSelectedStoreArea?.mappedAreaInfo?.mappedAreaId?._id,\n \"selectedArea\",\n null,\n \"error\",\n \"outletBasedSelectedStoreArea selectedArea id is null or undefined\"\n );\n }\n if (shippingMethod === \"AREA_BASED_DELIVERY_METHOD\") {\n checkNullOrUndefined(\n outletBasedSelectedStoreArea?.areaID?._id,\n \"selectedArea\",\n null,\n \"error\",\n \"outletBasedSelectedStoreArea selectedArea id is null or undefined\"\n );\n checkNullOrUndefined(\n outletBasedSelectedStoreArea?.cityID,\n \"cityID\",\n null,\n \"error\",\n \"outletBasedSelectedStoreArea selectedArea cityID is null or undefined\"\n );\n checkNullOrUndefined(\n outletBasedSelectedStoreArea?.countryID,\n \"countryID\",\n null,\n \"error\",\n \"outletBasedSelectedStoreArea selectedArea countryID is null or undefined\"\n );\n }\n\n if (\n ifNullOrUndefined(userdeliveryAdress?.address) ||\n ifNullOrUndefined(userdeliveryAdress?.city) ||\n ifNullOrUndefined(userdeliveryAdress?.street) ||\n ifNullOrUndefined(userdeliveryAdress?.addressType)\n ) {\n isValid = false;\n logErrorOnSentry(\"Please choose an address.\", \"info\", userdeliveryAdress);\n errors.selectedPayment = i18n.t(\"Please choose an address.\");\n try {\n const el = document.getElementById(\"delivery-address-change\");\n el?.scrollIntoView({\n block: \"end\",\n });\n } catch (error) {\n } finally {\n return { isValid, errors };\n }\n }\n }\n\n checkNullOrUndefined(\n selectedStore?.baseLanguage?.name,\n `${errorMsg}selectedStore?.baseLanguage?.name`,\n null,\n \"error\"\n );\n checkNullOrUndefined(\n selectedStore?.baseLanguage?.description,\n `${errorMsg}selectedStore?.baseLanguage?.description`,\n null,\n \"error\"\n );\n checkNullOrUndefined(\n selectedStore?.mapAddress,\n `${errorMsg}mapAddress`,\n null,\n \"error\"\n );\n\n checkNullOrUndefined(\n selectedStore?.manualAddress,\n `${errorMsg}selectedStore?.manualAddress`,\n null,\n \"error\"\n );\n\n checkNullOrUndefined(\n selectedStore?.storeLocation?.coordinates,\n `${errorMsg}selectedStore?.storeLocation?.coordinates`,\n null,\n \"error\"\n );\n\n checkNullOrUndefined(\n currentUser?.user?.userId,\n \"currentUser?.user?.userId\",\n null,\n \"error\"\n );\n checkNullOrUndefined(orderGrossAmount, \"totalOrderPrice\", null, \"error\");\n checkNullOrUndefined(itemsGrossAmount, \"itemsTotalPrice\", null, \"error\");\n\n if (isDiscountApplied && ifNullOrUndefined(discountInfo)) {\n isValid = false;\n logErrorOnSentry(\"Please enter a working promo code.\", \"info\");\n errors.isDiscountApplied = i18n.t(\"Please enter a working promo code.\");\n }\n if (isDiscountApplied && ifNullOrUndefined(discountAmount)) {\n isValid = false;\n logErrorOnSentry(\"Please enter a working promo code.\", \"info\");\n errors.isDiscountApplied = i18n.t(\"Please enter a working promo code.\");\n }\n\n const { orderTiming } = reduxstore.getState()?.orderTimingReducer;\n if (orderTiming?.TimingType === C.ORDER_TIMING_TYPE.PREORDER) {\n if (!orderTiming?.preOrderSlot?.day || !orderTiming?.preOrderSlot?.time) {\n isValid = false;\n logErrorOnSentry(\"Please choose a time for pre order \", \"info\");\n errors.preOrder = i18n.t(\"Please choose a time for pre order\");\n return { isValid, errors };\n }\n }\n\n const orderObject = {\n loyaltyPolicy,\n brand,\n outletBasedSelectedStoreArea,\n selectedStore,\n cart,\n selectedPayment,\n currentUser,\n userdeliveryAdress,\n discountInfo,\n amountAfterDiscount,\n isDiscountApplied,\n totalOrderPrice: orderGrossAmount,\n itemsTotalPrice: itemsGrossAmount,\n discountAmount,\n shippingMethod,\n loyaltyApplied,\n loyaltyRedeemAmount,\n loyaltyCashBackAmount,\n orderSplReq,\n orderType,\n pickupTiming,\n pickupVehicleInfo,\n orderTiming,\n cartSlice,\n tipAmount\n };\n return { isValid, errors, orderObject };\n};\n\nexport const getOutletOrderObject = (orderObj) => {\n const { selectedCard } = reduxstore.getState().PaymentCardsReducer;\n const { lifetimeSpending } = reduxstore.getState()?.user || {};\n const deliveryFee = reduxstore.getState()?.cart?.deliveryFee;\n const { selectedTip } = reduxstore.getState()?.TipMethodsReducer || null;\n const { ordered } = reduxstore.getState()?.order || [];\n const obj = {\n lifetimeSpending: lifetimeSpending || 0,\n orderingPlatform: sessionStorage.getItem(\"platform\") ?? \"web\",\n storeId: orderObj.selectedStore._id,\n brandId: orderObj.brand?.brand._id,\n isStoredCard: selectedCard?.isStoredCard || false,\n userInfo: {\n brandId: orderObj.brand?.brand._id,\n phoneNumber: orderObj.currentUser.user.phoneNumber,\n ...(orderObj?.currentUser?.user?.name && {\n name: orderObj?.currentUser?.user?.name,\n }),\n ...(orderObj?.currentUser?.user?.email && {\n email: orderObj?.currentUser?.user?.email,\n }),\n },\n\n storeInfo: {\n baseLanguage: {\n name: orderObj.selectedStore.baseLanguage.name,\n description: orderObj.selectedStore.baseLanguage.description,\n },\n\n translations: {\n en: {\n name: orderObj.selectedStore.baseLanguage.name,\n },\n ar: {\n name: orderObj.selectedStore.baseLanguage.name,\n },\n },\n mapAddress: orderObj.selectedStore.mapAddress,\n mobileNumber: orderObj.selectedStore.mobileNumber,\n manualAddress: orderObj.selectedStore.manualAddress,\n orderPickupLoc: {\n type: \"Point\",\n coordinates: orderObj.selectedStore.storeLocation.coordinates,\n },\n city: orderObj.selectedStore.city,\n country: C.DEFAULT_COUNTRY,\n ...(orderObj?.selectedStore?.preOrderSettingsForDelivery && {\n preOrderSettingsForDelivery:\n orderObj?.selectedStore?.preOrderSettingsForDelivery,\n }),\n ...(orderObj?.selectedStore?.preOrderSettingsForPickup && {\n preOrderSettingsForPickup:\n orderObj?.selectedStore?.preOrderSettingsForPickup,\n }),\n },\n\n selectedPaymentMethod: {\n AR: {\n name: orderObj.selectedPayment.AR.name,\n },\n EN: {\n name: orderObj.selectedPayment.EN.name,\n },\n },\n activeIntegrations: orderObj.brand?.activeIntegrations,\n orderCurrency: {\n currencyId: \"6139b3d2b5264d526a8fae24\",\n EN: { name: \"AED\" },\n },\n orderType: {\n type: orderObj.orderType.serviceType,\n EN: {\n name: orderObj.orderType.EN.name,\n },\n AR: {\n name: orderObj.orderType.AR.name,\n },\n },\n itemsTotalPrice: +orderObj.itemsTotalPrice?.toFixed(2),\n totalOrderPrice: +orderObj.totalOrderPrice?.toFixed(2),\n orderLanguage: getLanguage(),\n taxRate: orderObj.selectedStore.taxRate,\n orderLevelSpecialRequest: orderObj?.orderSplReq ?? null,\n orderedMenu: orderObj.cart,\n paymentType: orderObj.selectedPayment.paymentType,\n ...(orderObj.isDiscountApplied === true && {\n discountApplied: {\n discountAmountAvailedByCustomer: +orderObj.discountAmount,\n discountValue: orderObj.discountInfo?.discountAmount,\n discountId: orderObj?.discountInfo?._id,\n discountCode: orderObj.discountInfo?.discountCode,\n discountType: orderObj.discountInfo?.discountType,\n },\n }),\n ...(orderObj.selectedPayment?.paymentType === C.CREDIT_CARD && {\n orderCheckoutOnlinePaymentMetadata: orderObj.transactionInfo,\n }),\n\n //PreOrder\n ...(orderObj?.orderTiming?.TimingType === C.ORDER_TIMING_TYPE.PREORDER && {\n isPreOrder: true,\n preOrderSlot: orderObj?.orderTiming?.preOrderSlot?.time,\n preOrderDay: orderObj?.orderTiming?.preOrderSlot?.day,\n }),\n\n //Loyalty\n ...(orderObj?.loyaltyPolicy?.isLoyaltyActive === true &&\n (orderObj?.loyaltyCashBackAmount > 0 ||\n orderObj?.loyaltyRedeemAmount > 0) && {\n loyaltyApplied: {\n redeemAmount: orderObj.loyaltyRedeemAmount,\n cashBackAmount: orderObj.loyaltyCashBackAmount,\n },\n }),\n tipAmount: orderObj.tipAmount \n };\n\n if (orderObj?.orderType?.serviceType === C.SERVICE_TYPE.DELIVERY) {\n obj.deliveryFee = deliveryFee;\n obj.deliveryTime = orderObj.outletBasedSelectedStoreArea.deliveryTime;\n obj.deliveryAddress = {\n userId: orderObj.currentUser.user.userId,\n address: orderObj.userdeliveryAdress.address,\n addressType: orderObj.userdeliveryAdress.addressType,\n street: orderObj.userdeliveryAdress.street,\n orderDeliveryLoc: {\n type: \"Point\",\n coordinates: [\n orderObj.userdeliveryAdress.coordinates.lat,\n orderObj.userdeliveryAdress.coordinates.lng,\n ],\n },\n city: orderObj.userdeliveryAdress.city?.toLowerCase(),\n country: orderObj.userdeliveryAdress.country?.toLowerCase(),\n area: orderObj.userdeliveryAdress.area?.toLowerCase(),\n\n building: orderObj.userdeliveryAdress.building,\n floor: orderObj.userdeliveryAdress.floor,\n appartmentNo: orderObj?.userdeliveryAdress?.apartmentNo,\n selectedDeliveryMethodInfo: {\n methodName: orderObj?.shippingMethod?.methodName,\n },\n };\n if (\n orderObj?.cartSlice?.deliveryChargesWaiverInfo?.isWaiver === true &&\n orderObj?.cartSlice?.deliveryFee === 0\n ) {\n obj.deliveryChargesWaiverInfo =\n orderObj?.cartSlice?.deliveryChargesWaiverInfo?.WaiverInfo;\n }\n }\n if (orderObj?.orderType?.serviceType === C.SERVICE_TYPE.PICKUP) {\n obj.pickupTiming = orderObj.pickupTiming;\n obj.pickupVehicleInfo = orderObj?.pickupVehicleInfo;\n }\n\n if(selectedTip){\n obj.selectedTip = selectedTip;\n }\n\n if(ordered?.allOrders?.length > 0 && orderObj.selectedPayment?.paymentType !== PAY_LATER){\n obj.payLaterOrders = ordered;\n }\n\n let tableNo = new URLSearchParams(window.location.search).get(\n C.DINE_SERVICE_TYPE.TABLE_NUMBER\n );\n if (orderObj?.orderType?.serviceType === C.SERVICE_TYPE.DINE_IN && tableNo) {\n obj.dineInTableNumber = tableNo;\n }\n return obj;\n};\n/* End for outelt based order object */\n\n// calculate loyalty points earning\n\nexport const calculateLoyaltyPoint = (loyaltyPolicy, orderGrossItem) => {\n const minOrderValueForCashback = loyaltyPolicy?.minOrderValueForCashback || 0;\n const isActive = loyaltyPolicy?.specificToDelivery?.isActive || 0;\n const cashbackPercentage =\n loyaltyPolicy?.specificToDelivery?.cashbackPercentage || 0;\n let cashBackAmount = 0;\n if (minOrderValueForCashback <= orderGrossItem && isActive) {\n cashBackAmount = Number(\n ((orderGrossItem / 100) * cashbackPercentage).toFixed(2)\n );\n }\n return cashBackAmount;\n};\n\n// CREATE OBJECT FOR ONLINE PAYMENT\nexport const getHostedPaymentObj = ({\n endpoint,\n amountPaid,\n storeId,\n domainName,\n DomainType,\n successRedirectUrl,\n failureRedirectUrl,\n}) => {\n let isValid = false;\n let value = \"\";\n\n if (\n ifNullOrUndefined(amountPaid) ||\n ifNullOrUndefined(storeId) ||\n ifNullOrUndefined(DomainType)\n ) {\n logErrorOnSentry(\n `error while creting hosted payment obj ${amountPaid} ${storeId} ${DomainType}`,\n \"error\"\n );\n isValid = false;\n }\n\n if (DomainType === C.CUSTOM_DOMAIN) {\n isValid = true;\n value = {\n amountPaid: +Number(amountPaid)?.toFixed(2),\n successRedirectUrl: `${C.PAYMENT_REDIRECT_URL}${successRedirectUrl}`,\n failureRedirectUrl: `${C.PAYMENT_REDIRECT_URL}${failureRedirectUrl}`,\n language: \"EN\",\n storeId: storeId,\n };\n return { isValid, value };\n } else if (DomainType === C.TEMPORARAY_DOMAIN && domainName) {\n isValid = true;\n value = {\n amountPaid: +Number(amountPaid)?.toFixed(2),\n successRedirectUrl: `${C.PAYMENT_REDIRECT_URL}${domainName}/${successRedirectUrl}`,\n failureRedirectUrl: `${C.PAYMENT_REDIRECT_URL}${domainName}/${failureRedirectUrl}`,\n language: \"EN\",\n storeId: storeId,\n };\n return { isValid, value };\n } else {\n isValid = false;\n return { isValid, value };\n }\n};\n\n// ONLINE PAYMENT OBJECT FOR OUTLET BASED\nexport const getHostedPaymentPageObj = (params) =>\n getHostedPaymentObj({ ...params });\n\n// ONLINE OBJECT FOR BRAND-BASED\nexport const getHostedEcommerceObj = (params) =>\n getHostedPaymentObj({ ...params });\n\n// ONLINE OBJECT FOR DINE-IN\nexport const getHostedDineInObjDineIN = (params) =>\n getHostedPaymentObj({ ...params });\n\n// GETTING DISCOUNT INFORMATION\nexport const getDiscontInfo = (discounts, couponCode) => {\n const discount = discounts.find((item) => item.discountCode === couponCode);\n if (discount) {\n return discount;\n }\n return null;\n};\n\n// CHEKING IF DISCOUNT IS APPLICABLE ON ALL STORE\nconst isApplicableOnSelectedStore = (discountStores, selectedStore) => {\n const selectedStoreId = selectedStore?._id;\n const storePresent = !!discountStores.find(\n (store) => store.storeId === selectedStoreId\n );\n return storePresent;\n};\n\n// when discount is percentage type get discount amount value\nconst getOfferValue = (total, discountAmount) => {\n let discountOfferValue = total / 100;\n discountOfferValue = discountOfferValue * discountAmount;\n return discountOfferValue >= 0 ? discountOfferValue : 0;\n};\n\n// GEETING DISCOUNT AMOUNT ,when APPLICABLE ON ALL ITEMS\nconst getDiscountOnAllItemsTotal = function (\n discountedItemsTotal,\n selectedDiscount\n) {\n var discount = 0;\n if (selectedDiscount.discountType === \"fixed\") {\n if (selectedDiscount.discountAmount >= discountedItemsTotal) {\n discount = discountedItemsTotal;\n } else {\n discount = selectedDiscount.discountAmount;\n }\n }\n\n // if Discount Value is less than Max-discount then discount ===discount Amount\n //else if Discount is greater than Max-discount then discount ===Max-discount\n if (selectedDiscount.discountType === \"percentage\") {\n var itemDiscountOfferValue = discountedItemsTotal / 100;\n itemDiscountOfferValue =\n itemDiscountOfferValue * selectedDiscount.discountAmount;\n if (\n selectedDiscount.maximumDiscountValue > 0 &&\n itemDiscountOfferValue > selectedDiscount.maximumDiscountValue\n ) {\n discount = selectedDiscount.maximumDiscountValue;\n } else {\n discount = itemDiscountOfferValue;\n }\n }\n return Number(discount);\n};\n\n// GETting new price after applying discount when applicable on all items+ discunt value\nconst getAllItemsPrice = (total, discount) => {\n let newPrice = 0;\n let discountValue = 0;\n const { discountType, maximumDiscountValue, discountAmount } = discount;\n if (discountType === \"fixed\") {\n newPrice = total - discountAmount;\n newPrice = newPrice <= 0 ? 0 : newPrice;\n discountValue = discountAmount;\n } else {\n let discountOfferValue = getOfferValue(total, discountAmount);\n if (maximumDiscountValue > 0 && discountOfferValue > maximumDiscountValue) {\n newPrice = total - maximumDiscountValue;\n newPrice = newPrice <= 0 ? 0 : newPrice;\n discountValue = discountOfferValue;\n } else {\n newPrice = total - discountOfferValue;\n newPrice = newPrice <= 0 ? 0 : newPrice;\n discountValue = discountOfferValue;\n }\n }\n return {\n newPrice,\n discountValue,\n };\n};\n\n// Helper function GET PRICE WHEN DISCOUNT APPLICABLE ON SELECTED ITEMS (returning each item price after applying dscount)\nconst discountCouponApplyOnSelectedItems = function (\n price,\n itemId,\n selectedDiscount\n) {\n var itemPriceWithDiscount = 0;\n var discountItemTotal = 0;\n var selectedItems = selectedDiscount.discountAppliedOnSpecificItems;\n if (selectedItems.filter((e) => e.itemId === itemId)?.length > 0) {\n discountItemTotal = price;\n if (selectedDiscount.discountType === \"percentage\") {\n var itemDiscountOfferValue = price / 100;\n itemDiscountOfferValue =\n itemDiscountOfferValue * selectedDiscount.discountAmount;\n if (\n selectedDiscount.maximumDiscountValue > 0 &&\n itemDiscountOfferValue > selectedDiscount.maximumDiscountValue\n ) {\n itemPriceWithDiscount = price - selectedDiscount.maximumDiscountValue;\n } else {\n itemPriceWithDiscount = price - itemDiscountOfferValue;\n }\n } else if (selectedDiscount.discountType === \"fixed\") {\n if (selectedDiscount.discountAmount >= price) {\n itemPriceWithDiscount = 0;\n } else {\n itemPriceWithDiscount = price - selectedDiscount.discountAmount;\n }\n }\n } else {\n console.log(\"item not found\");\n itemPriceWithDiscount = price;\n }\n\n return {\n ipwd: itemPriceWithDiscount,\n ap: price,\n discountItemTotal: discountItemTotal,\n };\n};\n\n// Main function GET PRICE WHEN DISCOUNT APPLICABLE ON SELECTED ITEMS (returning each item price after applying dscount)\n\nconst applyDiscountOnSelectedItems = function (price, id, discount) {\n var returnObj = discountCouponApplyOnSelectedItems(price, id, discount);\n\n var item_total = returnObj.ipwd;\n var item_full_price = returnObj.ap;\n var discountItemTotal = returnObj.discountItemTotal;\n\n return {\n item_total: item_total,\n item_full_price: item_full_price,\n discountItemTotal: discountItemTotal,\n };\n};\n\n// calling this function for each each applicable item\nconst getSelectedItemsPrice = (cart, discount) => {\n let itemPriceAfterDiscount = 0;\n let itemOriginalPrice = 0;\n let discountValue = 0;\n\n cart.forEach((item) => {\n let price = item.price * item.quantity;\n const id = item.itemId;\n const selectedItemsDiscountTotal = applyDiscountOnSelectedItems(\n price,\n id,\n discount\n );\n\n itemOriginalPrice += price;\n discountValue += selectedItemsDiscountTotal.discountItemTotal;\n });\n\n const value = getDiscountOnAllItemsTotal(discountValue, discount);\n itemPriceAfterDiscount = itemOriginalPrice - value;\n itemPriceAfterDiscount =\n itemPriceAfterDiscount >= 0 ? itemPriceAfterDiscount : 0;\n\n return {\n itemPriceAfterDiscount,\n itemOriginalPrice,\n discountValue: value,\n };\n};\n\n// applying discount where dicount is applicble any store\nconst couponAppliedItems = (cart, discount, total) => {\n let items = [];\n if (discount?.isApplicableOnAllItems) {\n const { newPrice } = getAllItemsPrice(total, discount);\n const discountValue = getDiscountOnAllItemsTotal(total, discount);\n\n return { newPrice, total, discountValue };\n } else {\n discount?.discountAppliedOnSpecificItems.map((item) => {\n return items.push({ itemId: item.itemId });\n });\n\n const {\n itemPriceAfterDiscount: newPrice,\n itemOriginalPrice,\n discountValue,\n } = getSelectedItemsPrice(cart, discount);\n return { newPrice, itemOriginalPrice, discountValue };\n }\n};\n\nfunction getItemsWithApplicableDiscount(storeMenu, itemIds) {\n const itemIdsSet = new Set(itemIds); // Create a set for O(1) lookup\n const uniqueItems = new Map(); // Use a map to track unique items\n\n storeMenu?.categories?.forEach((category) => {\n category?.items?.forEach((item) => {\n const itemId = item?.itemId?._id;\n if (itemIdsSet?.has(itemId) && !uniqueItems.has(itemId)) {\n uniqueItems?.set(itemId, item);\n }\n });\n });\n\n return Array.from(uniqueItems.values());\n}\n\nconst validateIfSeletedItemsDiscountApplicableOnCart = (\n cart,\n discount,\n itemsNetAmount\n) => {\n const { storeMenu } = reduxstore.getState().store;\n if (\n !discount?.isApplicableOnAllItems &&\n discount.discountAppliedOnSpecificItems?.length > 0\n ) {\n // applicable items\n const itemIds = discount.discountAppliedOnSpecificItems.map((item) => {\n return item.itemId;\n });\n // items in cart\n const itemIdsInCart = cart.map((item) => {\n return item.itemId;\n });\n\n // Check if no item in itemIds is in itemIdsInCart\n const isCouponInValid = itemIds.every(\n (item) => !itemIdsInCart.includes(item)\n );\n\n if (isCouponInValid) {\n reduxstore.dispatch(DiscountAction.setCoponValidation(false));\n const itemListWhereDiscountIsApplicableUnique =\n getItemsWithApplicableDiscount(storeMenu, itemIds);\n const selectedItemsErrorMsg =\n itemListWhereDiscountIsApplicableUnique.length > 0\n ? i18n.t(discountErrorMessages[0])\n : i18n.t(discountErrorMessages[1]);\n reduxstore.dispatch(\n DiscountAction.validateDiscountFailure(selectedItemsErrorMsg)\n );\n\n reduxstore.dispatch(\n NotPersistAction.setapplicableItemsDiscountListModal({\n isOpen: false,\n data: itemListWhereDiscountIsApplicableUnique,\n })\n );\n\n return {\n cartValue: itemsNetAmount,\n totalAmount: itemsNetAmount,\n success: 0,\n message: selectedItemsErrorMsg,\n };\n } else {\n return {\n success: 1,\n };\n }\n } else {\n return {\n success: 1,\n };\n }\n};\n\n// MAIN FUNCTIONS FOR HANDLINF DISCOUNT\nexport const handleDiscount = (cart, discount, selectedStore) => {\n reduxstore.dispatch(\n NotPersistAction.setapplicableItemsDiscountListModal({\n isOpen: false,\n data: [],\n })\n );\n if (discount === null) {\n const { itemsNetAmount } = calculateItemsNetAmount(cart);\n reduxstore.dispatch(DiscountAction.setCoponValidation(false));\n reduxstore.dispatch(DiscountAction.validateDiscountFailure(null));\n\n return {\n message: null,\n cartValue: itemsNetAmount,\n totalAmount: itemsNetAmount,\n success: 1,\n };\n } else if (discount != null && discount !== undefined) {\n const { isApplicableOnAllStores } = discount;\n const { itemsNetAmount } = calculateItemsNetAmount(cart);\n\n // min order value validation\n if (discount.minOrderValue > itemsNetAmount) {\n reduxstore.dispatch(DiscountAction.setCoponValidation(false));\n reduxstore.dispatch(\n DiscountAction.validateDiscountFailure(\n i18n.t(\"Sorry, Basket total must be greater than or equal to\") +\n discount.minOrderValue\n )\n );\n\n return {\n cartValue: itemsNetAmount,\n totalAmount: itemsNetAmount,\n success: 0,\n message:\n i18n.t(\"Sorry, Basket total must be greater than or equal to\") +\n discount.minOrderValue,\n };\n }\n // selected store validation\n else if (\n isApplicableOnAllStores ||\n isApplicableOnSelectedStore(\n discount.discountAppliedOnSpecificStores,\n selectedStore\n )\n ) {\n // validate if discount is applicable on selected items + item is not in cart\n const isValidDiscountCode =\n validateIfSeletedItemsDiscountApplicableOnCart(\n cart,\n discount,\n itemsNetAmount\n );\n if (isValidDiscountCode?.success === 0) {\n return isValidDiscountCode;\n } else {\n const { newPrice, discountValue } = couponAppliedItems(\n cart,\n discount,\n itemsNetAmount\n );\n reduxstore.dispatch(DiscountAction.validateDiscountFailure(null));\n\n const discountVal =\n typeof discountValue === \"number\" ? discountValue.toFixed(2) : 0;\n\n reduxstore.dispatch(CartAction.setDiscountAmount(discountVal));\n reduxstore.dispatch(DiscountAction.setCoponValidation(true));\n return {\n cartValue: newPrice,\n totalAmount: itemsNetAmount,\n message: null,\n discountValue: discountVal,\n success: 1,\n };\n }\n }\n // discount not applicable on selected store\n else {\n reduxstore.dispatch(\n DiscountAction.validateDiscountFailure(\n i18n.t(\"Sorry, Provided coupon code is not applicable on this store\")\n )\n );\n\n return {\n message: i18n.t(\n \"Sorry, Provided coupon code is not applicable on this store\"\n ),\n cartValue: itemsNetAmount,\n totalAmount: itemsNetAmount,\n success: 0,\n };\n }\n } else {\n const { itemsNetAmount } = calculateItemsNetAmount(cart);\n reduxstore.dispatch(DiscountAction.validateDiscountFailure(null));\n return {\n cartValue: itemsNetAmount,\n totalAmount: itemsNetAmount,\n message: null,\n success: 1,\n };\n }\n};\n\n/* ----------Start Cart Handling-------------------- */\n\n//calculate reeedmin amount\nexport const calculateItemsNetAmount = (basket) => {\n let cartValue = 0;\n if (basket) {\n basket?.map((item) => {\n item?.itemSection?.map((section) => {\n return section?.options?.map((option) => {\n return (cartValue += option.price);\n });\n });\n return (cartValue += item.price * item.quantity);\n });\n }\n let SubTotal = Number(cartValue)?.toFixed(2);\n return { itemsNetAmount: Number(SubTotal), itemsCount: basket.length };\n};\n// calculate total order Gross amount\nexport const calculateTotalOrderAmount = (\n itemsGrossAmont,\n deliveryFee,\n taxRate,\n tipAmount = 0\n) => {\n if (\n typeof itemsGrossAmont !== \"number\" ||\n typeof deliveryFee !== \"number\" ||\n typeof taxRate !== \"number\"\n ) {\n }\n const subtotal = Number(itemsGrossAmont + deliveryFee);\n let taxAmount = (subtotal * taxRate) / 100;\n const orderGrossAmount = subtotal + taxAmount + tipAmount;\n if (typeof orderGrossAmount !== \"number\") {\n throw new Error(\"Invalid output: output should be a number.\");\n }\n if (ifNullOrUndefined(orderGrossAmount)) {\n logErrorOnSentry(\n `Error in basket order price calculation ,orderGrossAmount is null or undefined ${orderGrossAmount}`,\n \"error\"\n );\n }\n return Number(orderGrossAmount.toFixed(2));\n};\n// calculating the cart items total + delivery fee + tax\nexport const calculateCartGrossAmount = (cart, discountInfo , userWallet = 0 , ordered = null) => {\n const { loyaltyApplied, loyaltyAmount } = reduxstore.getState().Loyalty;\n const { itemsNetAmount } = calculateItemsNetAmount(cart);\n const { selectedStore } = reduxstore.getState().store;\n const { selectedTip } = reduxstore.getState().TipMethodsReducer;\n const taxRate = selectedStore?.taxRate || 0;\n const DeliveryFee = reduxstore.getState().cart.deliveryFee;\n const previousOrdersTotalPrice = ordered?.ordersTotalPrice || 0;\n\n const tipAmount = selectedTip \n ? selectedTip?.unit === 'percent'\n ? itemsNetAmount * selectedTip?.value // Already in decimal form (0.05, 0.1, 0.15)\n : selectedTip?.value\n : 0;\n\n if (loyaltyApplied) {\n const basketTotal = Number(Math.max(itemsNetAmount - loyaltyAmount, 0).toFixed(2));\n\n const currentOrderGrossAmount = calculateTotalOrderAmount(\n basketTotal,\n DeliveryFee,\n taxRate,\n tipAmount\n );\n\n return {\n itemsNetPrice: itemsNetAmount,\n itemsGrossAmount: basketTotal,\n orderGrossAmount: Number(currentOrderGrossAmount) + Number(previousOrdersTotalPrice),\n taxAmount: (basketTotal + DeliveryFee) * (taxRate / 100),\n tipAmount: tipAmount,\n };\n\n } else {\n const { cartValue } = handleDiscount(cart, discountInfo, selectedStore);\n const basketGrossTotal = Number(cartValue)?.toFixed(2);\n\n const currentOrderGrossAmount = calculateTotalOrderAmount(\n Number(basketGrossTotal),\n DeliveryFee,\n taxRate,\n tipAmount\n );\n\n return {\n itemsNetPrice: itemsNetAmount,\n itemsGrossAmount: Number(basketGrossTotal),\n orderGrossAmount: Number(currentOrderGrossAmount) + Number(previousOrdersTotalPrice),\n taxAmount: (Number(basketGrossTotal) + DeliveryFee) * (taxRate / 100),\n tipAmount: tipAmount,\n };\n }\n};\n/* ----------End Cart Handling-------------------- */\n\nexport const getOrderStatus = (orderInfo) => {\n if (orderInfo) {\n const status = orderInfo?.orderStatus;\n if (\n status === \"COMPLETE\" ||\n status === \"CANCELLED\" ||\n status === \"REJECTED\"\n )\n return false;\n else return true;\n }\n};\n\n/* Formatting user phone Number */\nexport const formatPhoneNumber = (number) => {\n let phoneNumber = number?.toString();\n if (phoneNumber === null || phoneNumber === undefined || phoneNumber === \"\")\n return null;\n if (phoneNumber?.charAt(0) === \"0\") {\n return phoneNumber?.slice(1);\n }\n return phoneNumber;\n};\n\n/* Validating user delivery Address*/\nexport const validateAddress = (fullAddress) => {\n const { mapAddress } = reduxstore.getState().DeliveryAddressReducer;\n let isValid = true;\n let errors = {};\n if (!mapAddress?.streetAddress?.trim()) {\n errors.streetAddress = i18n.t(\"Add the map address, please.\");\n\n isValid = false;\n }\n if (!mapAddress?.city?.trim()) {\n errors.city = i18n.t(\"Add the map address, please.\");\n isValid = false;\n }\n if (!mapAddress?.country?.trim()) {\n errors.country = i18n.t(\"Add the map address, please.\");\n isValid = false;\n }\n if (!fullAddress?.addressType?.trim()) {\n errors.addressType = i18n.t(\"Please select address type\");\n isValid = false;\n }\n if (!fullAddress?.address?.trim()) {\n errors.fullAddress = i18n.t(\"Please provide your complete address.\");\n isValid = false;\n }\n if (fullAddress?.address && fullAddress?.address?.trim()?.length < 5) {\n errors.fullAddress = i18n.t(\n \"Minimum length for the full address is five characters.\"\n );\n isValid = false;\n }\n return { isValid, errors };\n};\n\nexport const checkedBox = (modifier, selectedGroups, modifierGroup) => {\n const checkedSection = selectedGroups?.find(\n (section) => section?._id === modifierGroup?._id\n );\n\n if (checkedSection) {\n const checkedOption = checkedSection.options.find(\n (option) => option._id === modifier._id\n );\n\n if (checkedOption) {\n return checkedOption?.quantity; // Return the checked option if it exists\n }\n }\n\n return null; // Return null if the modifier is not checked\n};\n\nexport const isValidLocation = (mapAddress, zoom) => {\n if (mapAddress === null || mapAddress === undefined) {\n return {\n error: i18n.t(\"Please choose a location.\"),\n isValid: false,\n };\n }\n if (zoom <= 15) {\n return {\n error: i18n.t(\n \"Please increase the map zoom level, and select accurate location, it helps the delivery boy in fast delivery.\"\n ),\n isValid: false,\n };\n }\n return {\n error: null,\n isValid: true,\n };\n};\n\nexport const setThemeColour = (baseColor, textColor) => {\n document.documentElement.style.setProperty(\n \"--brand-base-primary\",\n \"#\" + baseColor\n );\n if (textColor) {\n document.documentElement.style.setProperty(\n \"--brand-text-primary\",\n \"#\" + textColor\n );\n }\n};\n\nexport function checkIfDomainExists() {\n let domain = \"\";\n let id = \"\";\n try {\n const name = localStorage.getItem(\"brandInfo\");\n if (name) {\n const b = JSON.parse(name);\n if (b?.setting?.temporaryDomainName) {\n domain = b?.setting?.temporaryDomainName;\n }\n if (b?.brand?._id) {\n id = b?.brand?._id;\n }\n }\n return { domain, id };\n } catch (error) {}\n}\nexport function saveLanguageInformation(lang) {\n if (lang === \"en\") {\n const obj = {\n direction: \"ltr\",\n lang: \"en\",\n };\n localStorage.setItem(C.DIRECTION, JSON.stringify(obj));\n } else if (lang === \"ar\") {\n const obj = {\n direction: \"rtl\",\n lang: \"ar\",\n };\n localStorage.setItem(C.DIRECTION, JSON.stringify(obj));\n } else {\n const obj = {\n direction: \"ltr\",\n lang: \"en\",\n };\n localStorage.setItem(C.DIRECTION, JSON.stringify(obj));\n }\n}\n\nexport const getLanguage = () => {\n const l =\n i18next.language || handleSessionStorage.getItem(\"i18nextLng\") || \"EN\";\n if (l) {\n let lang = l.toUpperCase();\n return lang;\n } else {\n return \"EN\";\n }\n};\n\nexport const storePlatFormInfo = (platform) => {\n let l = Object.keys(platform).length;\n if (platform?.platform && l >= 1) {\n sessionStorage.setItem(\"platform\", platform.platform);\n }\n};\n\nexport const toFixedNumber = (digit) => {\n if (ifNullOrUndefined(digit)) return 0;\n else return Number(digit)?.toFixed(2);\n};\n\n//GEETING BRAND DESCRTIOIN BASED ON VIEW TYPE\nexport const getStoreHeadetailDes = (viewType) => {\n const { AppReducer, store, brandStorageReducer } = reduxstore.getState();\n const { selectedStore } = store;\n const { brandInfo, setting } = brandStorageReducer;\n let isDescrp =\n selectedStore?.baseLanguage?.description?.trim() ||\n setting?.taglineEN?.trim();\n if (\n (viewType === C.ECOMMERCE || viewType === C.PREVIEW) &&\n AppReducer?.catalogueType === C.BRAND_BASED_CATALOGUE &&\n isDescrp\n ) {\n return selectedStore?.baseLanguage?.description || setting.taglineEN;\n }\n if (\n viewType === C.PREVIEW &&\n AppReducer?.catalogueType === C.OUTLET_BASED_CATALOGUE\n ) {\n return brandInfo?.setting?.taglineEN;\n }\n if (\n viewType === C.PREVIEW &&\n AppReducer?.catalogueType === C.OUTLET_BASED_CATALOGUE\n ) {\n return brandInfo?.setting?.taglineEN;\n }\n if (\n viewType === C.SERVICE_TYPE.DINE_IN &&\n AppReducer?.catalogueType === C.OUTLET_BASED_CATALOGUE &&\n isDescrp\n ) {\n return selectedStore?.baseLanguage?.description || setting.taglineEN;\n }\n return null;\n};\n\nexport const checkISAppUpdated = () => {\n let savedVersion = sessionStorage.getItem(\"APP-version\");\n let envVersion = process.env.REACT_APP_VERSION;\n if (envVersion < savedVersion) {\n Sentry.captureMessage(\"App version Not updated from CDN\", {\n level: \"error\",\n });\n } else {\n sessionStorage.removeItem(\"APP-version\");\n }\n};\n\n// export const getHeaders = () => {\n// var req = new XMLHttpRequest();\n// req.open(\"GET\", document.location, false);\n// req.send(null);\n// var headers = req.getAllResponseHeaders().toLowerCase();\n// headers = headers.split(/\\n|\\r|\\r\\n/g).reduce(function (a, b) {\n// if (b.length) {\n// var [key, value] = b.split(\": \");\n// a[key] = value;\n// }\n// return a;\n// }, {});\n// return headers;\n// };\n\nexport const getHeaders = async () => {\n try {\n const response = await fetch(document.location);\n const headers = response.headers;\n\n const headersObject = {};\n headers.forEach((value, key) => {\n headersObject[key.toLowerCase()] = value;\n });\n\n return headersObject;\n } catch (error) {\n console.error(\"Error fetching headers:\", error);\n return {};\n }\n};\n\n// CONVERT ARABIC NUMBERS to ENGLISH without decimal points\nexport function NumberConversion(input) {\n if (typeof input === \"string\") {\n input = input.trim();\n const arabicNums = [\"٠\", \"١\", \"٢\", \"٣\", \"٤\", \"٥\", \"٦\", \"٧\", \"٨\", \"٩\"];\n let output = \"\";\n for (let i = 0; i < input.length; i++) {\n if (arabicNums.indexOf(input[i]) !== -1) {\n output += arabicNums.indexOf(input[i]);\n } else if (!isNaN(input[i])) {\n output += input[i];\n }\n }\n return output;\n } else {\n return input;\n }\n}\n\n// CONVERT ARABIC NUMBERS to ENGLISH with one decimal point\nexport function ARtoENPrice(input) {\n if (typeof input === \"string\") {\n input = input.trim();\n const arabicNums = [\"٠\", \"١\", \"٢\", \"٣\", \"٤\", \"٥\", \"٦\", \"٧\", \"٨\", \"٩\"];\n let output = \"\";\n let decimalCount = 0;\n for (let i = 0; i < input.length; i++) {\n if (arabicNums.indexOf(input[i]) !== -1) {\n output += arabicNums.indexOf(input[i]);\n } else if (input[i] === \".\" || !isNaN(input[i])) {\n if (input[i] === \".\") {\n decimalCount++;\n if (decimalCount > 1) continue;\n }\n output += input[i];\n }\n }\n if (output.includes(\".\")) {\n const decimalIndex = output.indexOf(\".\");\n output = output.substring(0, decimalIndex + 3);\n }\n return output;\n } else {\n return input;\n }\n}\n\nexport const logErrorOnSentry = (message, level, extraDat) => {\n try {\n let user = UTILS.getCurrentUser();\n const cUser = reduxstore.getState()?.register;\n const brand = reduxstore.getState()?.brandStorageReducer?.brandInfo;\n Sentry.withScope((scope) => {\n scope.setLevel(level);\n scope.setExtra(\"extra-data\", extraDat || \"\");\n scope.setExtras({\n localstorage: user,\n reduxState: cUser?.currentUser,\n entireRedux: JSON.stringify({\n cUser,\n brand,\n }),\n });\n Sentry.captureMessage(message, {\n level: level ?? \"error\",\n extra: {\n url: window.location.href,\n userAgent: navigator.userAgent,\n },\n });\n\n Sentry.setTags({\n app_version: process.env.REACT_APP_VERSION,\n app_name: C.WEB_STORE_FRONT,\n });\n });\n } catch (error) {}\n};\n\n// copying code to clipboard\nexport const copyToClipboard = (code = \"\", mesaage) => {\n copy(code, {\n format: \"text/plain\",\n onCopy: () => {\n successNotification(mesaage);\n },\n });\n};\n\n// getting brandInfo\nexport function getDataForBrand(brandId) {\n let storedData = localStorage.getItem(\"brandData\");\n if (!storedData) {\n return null;\n }\n storedData = JSON.parse(storedData);\n return storedData[brandId] || null;\n}\n\n// updating brandInfo\nexport function updateDataForBrand(brandId, newData) {\n let storedData = localStorage.getItem(\"brandData\");\n\n if (!storedData) {\n storedData = {};\n } else {\n storedData = JSON.parse(storedData);\n }\n\n if (storedData[brandId]) {\n storedData[brandId] = newData;\n } else {\n storedData[brandId] = newData;\n }\n}\n\n// updating new version\nexport const updatenew = () => {\n checkISAppUpdated();\n window.location.reload();\n};\n\nexport function withTryCatch(callback) {\n return async (...args) => {\n try {\n await callback(...args);\n } catch (error) {\n console.error(\"Error:\", error);\n }\n };\n}\n\n// validating single value\nexport const isValidValue = (val) => {\n if (\n val === \"\" ||\n val === null ||\n val === undefined ||\n val === \"null\" ||\n val === \"undefined\"\n ) {\n return false;\n }\n return true;\n};\n\n// validating object\nexport const ValidateParams = (params) => {\n for (const key in params) {\n if (!params.hasOwnProperty(key)) {\n continue;\n }\n\n const value = params[key];\n\n if (value === null || value === undefined || value === \"\") {\n console.error(`Invalid value for key \"${key}\": ${value}`);\n\n return false;\n }\n\n // You can add any other conditions to check for invalid values here.\n // For example:\n // if (typeof value !== 'string') {\n // return false;\n // }\n }\n\n return true;\n};\n\n// creating a dumb obj for payment link redirection after making payment\nexport const getPaymentLinkRedirectionObj = ({\n token,\n cartId,\n brandId,\n DomainType,\n domainName,\n}) => {\n let value = {};\n if (DomainType === C.TEMPORARAY_DOMAIN && domainName) {\n value = {\n token,\n cartId,\n brandId: brandId,\n successUrl: `${C.PAYMENT_REDIRECT_URL}${domainName}/payment-link/${cartId}/?paymentStatus=success`,\n failureUrl: `${C.PAYMENT_REDIRECT_URL}${domainName}/payment-link/${cartId}/?paymentStatus=failure`,\n };\n return value;\n } else if (DomainType === C.CUSTOM_DOMAIN) {\n value = {\n token,\n cartId,\n brandId: brandId,\n successUrl: `${C.PAYMENT_REDIRECT_URL}payment-link/${cartId}/?paymentStatus=success`,\n failureUrl: `${C.PAYMENT_REDIRECT_URL}payment-link/${cartId}/?paymentStatus=failure`,\n };\n return value;\n }\n};\n\n// scrolling to error\nexport const scrollToError = (id) => {\n const element = document.getElementById(id);\n if (element) {\n element?.scrollIntoView({ behavior: \"smooth\" });\n }\n};\n\n//static service type array\nconst serviceTypeArray = [\n {\n _id: \"619f7b95709b147c8c27e3ff\",\n EN: {\n name: \"DELIVERY\",\n },\n AR: {\n name: \"توصيل\",\n },\n serviceType: \"DELIVERY\",\n },\n {\n _id: \"62965a3ed09395fa5359ed1c\",\n EN: {\n name: \"PICKUP\",\n },\n AR: {\n name: \"يلتقط\",\n },\n serviceType: \"PICKUP\",\n },\n];\n\n// creating service type array based on settings from brandInfo\nexport const createServiceTypeArray = (settings) => {\n let array = [];\n if (settings?.isDeliveryEnabled) {\n array.push(serviceTypeArray[0]);\n }\n if (settings?.isPickupEnabled) {\n array.push(serviceTypeArray[1]);\n }\n return array;\n};\n\nexport const getCurrentUser = (id) => {\n const brandInfo = reduxstore.getState()?.brandStorageReducer.brandInfo;\n\n let ID = brandInfo?.brand?._id || id;\n if (ID) {\n const user = localStorage.getItem(ID);\n if (user) {\n return JSON.parse(user);\n } else {\n return null;\n }\n } else {\n return null;\n }\n};\nexport const checkStripeKey = (activeIntegrations) => {\n if (activeIntegrations && activeIntegrations?.length >= 1) {\n const stripe = activeIntegrations?.find(\n (ai) => ai.name === C.STRIPE && ai.isActive\n );\n if (stripe?.metaData?.publishableKey) {\n return stripe?.metaData?.publishableKey;\n } else return false;\n } else return false;\n};\n\n// checking if stripe key is available and setting it in redux store\nexport const setStripeKey = (activeIntegrations) => {\n if (checkStripeKey(activeIntegrations)) {\n const stripeKey = checkStripeKey(activeIntegrations);\n reduxstore.dispatch(BrandStorageAction.setStripeKey(stripeKey));\n return stripeKey;\n }\n return false;\n};\n\n// checking if @name payment gateway is active\n// Param name: name of the payment gateway\n\nconst isActiveIntegration = (activeIntegrations, name) => {\n if (activeIntegrations && activeIntegrations?.length >= 1) {\n const integration = activeIntegrations?.find(\n (ai) => ai.name === name && ai.isActive === true\n );\n if (integration) {\n return true;\n }\n return false;\n }\n return false;\n};\n\n// validating payment link\nexport function validatePaymentLink(brandinfo, paymentLink) {\n if (\n paymentLink?.paymentGateway === C.STRIPE &&\n isActiveIntegration(brandinfo?.activeIntegrations, C.STRIPE) &&\n checkStripeKey(brandinfo?.activeIntegrations)\n ) {\n return true;\n }\n if (\n paymentLink?.paymentGateway === C.CHECKOUT_DOT_COM &&\n isActiveIntegration(brandinfo?.activeIntegrations, C.CHECKOUT_DOT_COM)\n ) {\n return true;\n }\n logErrorOnSentry(\n \"Invalid payment link either payment gateway is not stripe or integration is not active\",\n \"info\"\n );\n return false;\n}\n\n//Log Popup Error\nexport const logPopupError = (msg, modal) => {\n reduxstore.dispatch(\n ErrorAction.setError({\n error: msg || \"Something went wrong\",\n modal: modal || true,\n })\n );\n};\n\nexport const logError = (msg, modal) => {\n reduxstore.dispatch(\n ErrorAction.setError({\n error: msg,\n modal: modal,\n })\n );\n};\n\n//checking if coupon is applicable on selected store\nexport const checkValidStrores = (discount, selectedStore) => {\n if (!selectedStore) return true;\n if (discount?.isApplicableOnAllStores) return true;\n if (discount?.discountAppliedOnSpecificStores?.length <= 0) return false;\n let flag = false;\n for (let i = 0; i < discount?.discountAppliedOnSpecificStores?.length; i++) {\n if (\n discount?.discountAppliedOnSpecificStores[i]?.storeId ===\n selectedStore?._id\n ) {\n flag = true;\n break;\n } else {\n flag = false;\n }\n }\n return flag;\n};\n\n//\nconst checkcouponServiceType = (discount, serviceName) => {\n const ValidType = discount?.serviceType?.some((item) =>\n serviceName?.serviceType?.includes(item?.serviceName)\n );\n return ValidType;\n};\n\n// getting filtered coupons based on selected store and service type and discount application type\nexport const getFilteredCoupons = (\n discounts,\n selectedStore,\n selectedServiceType\n) => {\n const array = [];\n discounts?.forEach((discount) => {\n if (\n checkValidStrores(discount, selectedStore) &&\n checkcouponServiceType(discount, selectedServiceType) &&\n discount?.discountApplication !== C.COUPUN_APPLICATION_TYPE.HIDDEN\n ) {\n array.push(discount);\n }\n });\n return array;\n};\n\nexport const getManulCopons = (\n discounts,\n selectedStore,\n selectedServiceType\n) => {\n const array = [];\n discounts?.forEach((discount) => {\n if (\n checkValidStrores(discount, selectedStore) &&\n checkcouponServiceType(discount, selectedServiceType)\n ) {\n array.push(discount);\n }\n });\n return array;\n};\n//return the active shipping method data\nexport const getActiveShippingMethod = (shippingMethods) => {\n if (shippingMethods?.length > 0) {\n let active_method = shippingMethods?.find(\n (method) => method?.status === true\n );\n if (active_method?.methodName) {\n reduxstore.dispatch(\n AppAction.setShippingMethod(active_method?.methodName)\n );\n reduxstore.dispatch(\n AppAction.setShippingMethodTemp(active_method?.methodName)\n );\n return active_method;\n }\n return false;\n }\n return false;\n};\n\n// Ecommerce\n// Returns the selected area info when user adds a new address\nexport const getSelectedAreaData = (shippingMethod, shippingAddress) => {\n let msg = {\n country: i18n.t(\"Please select a country\"),\n city: i18n.t(\"Please select a city\"),\n area: i18n.t(\"Please select an area\"),\n };\n let obj = null;\n if (!shippingMethod) return false;\n if (shippingMethod === SHIPPING_METHODS.COUNTRY_BASED) {\n if (!shippingAddress?.country?.countryID?._id) {\n return {\n isValid: false,\n msg: msg.country,\n };\n } else {\n obj = {\n countryId: shippingAddress?.country?.countryID?._id,\n };\n return {\n isValid: true,\n obj,\n msg: null,\n };\n }\n } else if (shippingMethod === SHIPPING_METHODS.CITY_BASED) {\n if (\n !shippingAddress?.city?.cityID?._id ||\n !shippingAddress?.city?.countryID?._id\n ) {\n return {\n isValid: false,\n msg: msg.city,\n };\n } else {\n obj = {\n cityId: shippingAddress?.city?.cityID?._id,\n countryId: shippingAddress?.city?.countryID?._id,\n };\n return {\n isValid: true,\n obj,\n msg: null,\n };\n }\n } else if (shippingMethod === SHIPPING_METHODS.AREA_BASED) {\n if (\n !shippingAddress?.area?.areaInfo?._id ||\n !shippingAddress?.area?.areaInfo?.cityID ||\n !shippingAddress?.area?.areaInfo?.countryID\n ) {\n return {\n isValid: false,\n msg: msg.area,\n };\n } else {\n obj = {\n areaId: shippingAddress?.area?.areaInfo?._id,\n cityId: shippingAddress?.area?.areaInfo?.cityID,\n countryId: shippingAddress?.area?.areaInfo?.countryID,\n };\n return {\n isValid: true,\n obj,\n msg: null,\n };\n }\n }\n};\n\n// Returns the saved address area info when user select an address from a saved address list\nexport const getSavedAddressAreaINfo = (shippingMethod, shippingAddress) => {\n let msg = i18n.t(\n \"Unfortunately, the store does not deliver to your location at this time\"\n );\n let obj = null;\n if (!shippingMethod) {\n logErrorOnSentry(\n \"brand based saved address list shipping method is not available\",\n \"error\"\n );\n return {\n isValid: false,\n msg: i18n.t(\n \"There is no delivery method available in store, please contact the business\"\n ),\n };\n }\n\n if (shippingMethod === SHIPPING_METHODS.COUNTRY_BASED) {\n if (!shippingAddress?.countryId) {\n logErrorOnSentry(\n \"brand based saved address country id is not available or differcence in local shipping method and live shipping method\",\n \"error\"\n );\n return {\n isValid: false,\n msg: msg,\n };\n } else {\n obj = {\n countryId: shippingAddress?.countryId,\n };\n return {\n isValid: true,\n obj,\n msg: null,\n };\n }\n } else if (shippingMethod === SHIPPING_METHODS.CITY_BASED) {\n if (!shippingAddress?.cityId || !shippingAddress?.countryId) {\n logErrorOnSentry(\n \"brand based saved address city id is not available or differcence in local shipping method and live shipping method\",\n \"error\"\n );\n\n return {\n isValid: false,\n msg: msg,\n };\n } else {\n obj = {\n cityId: shippingAddress?.cityId,\n countryId: shippingAddress?.countryId,\n };\n return {\n isValid: true,\n obj,\n msg: null,\n };\n }\n } else if (shippingMethod === SHIPPING_METHODS.AREA_BASED) {\n if (\n !shippingAddress?.areaId ||\n !shippingAddress?.cityId ||\n !shippingAddress?.countryId\n ) {\n logErrorOnSentry(\n \"brand based saved address area id is not available or differcence in local shipping method and live shipping method\",\n \"error\"\n );\n return {\n isValid: false,\n msg: msg,\n };\n } else {\n obj = {\n areaId: shippingAddress?.areaId,\n cityId: shippingAddress?.cityId,\n countryId: shippingAddress?.countryId,\n };\n return {\n isValid: true,\n obj,\n msg: null,\n };\n }\n }\n};\n\n// format the delivery address - adding comma between address fields\nexport const getFormattedAddress = (address) => {\n if (address) {\n let add = \"\";\n add += address?.address ? address?.address : \"\";\n if (address?.address && address?.apartmentNo) {\n add += \", \";\n }\n add += address?.apartmentNo\n ? i18next.t(\"Apartment Number\") + \" \" + address?.apartmentNo\n : \"\";\n if ((address?.address || address?.apartmentNo) && address?.floor) {\n add += \", \";\n }\n add += address?.floor ? i18next.t(\"Floor\") + \" \" + address?.floor : \"\";\n if (\n (address?.address || address?.apartmentNo || address?.floor) &&\n address?.building\n ) {\n add += \", \";\n }\n add += address?.building\n ? i18next.t(\"Building\") + \" \" + address?.building\n : \"\";\n return add;\n } else return null;\n};\n\nexport const togglePaymentType = (type) => {\n const OnlineMethods = [\"applePay\", \"googlePay\", \"new_card\", \"saved_card\"];\n const selectedPaymentType = reduxstore.getState()?.PaymentMethodReducer;\n const appReducer = reduxstore.getState()?.AppReducer;\n const storeSlice = reduxstore.getState()?.store;\n\n const isActivePaymentGateway = isActiveAnyPaymentGateway();\n if (!isActivePaymentGateway) return;\n console.log(\"selectedPaymentType\", storeSlice?.selectedStore);\n if (appReducer?.orderType?.serviceType === C.SERVICE_TYPE.DELIVERY) {\n const isOnLinePaymentActive =\n storeSlice?.selectedStore?.paymentOptions?.find(\n (payment) => payment.paymentType === C.CREDIT_CARD\n );\n if (!isOnLinePaymentActive) {\n return;\n }\n }\n if (appReducer?.orderType?.serviceType === C.SERVICE_TYPE.PICKUP) {\n const isOnLinePaymentActive =\n storeSlice?.selectedStore?.pickupPaymentOptions?.find(\n (payment) => payment.paymentType === C.CREDIT_CARD\n );\n if (!isOnLinePaymentActive) {\n return;\n }\n }\n\n if (appReducer?.orderType?.serviceType === C.SERVICE_TYPE.DINE_IN) {\n const isOnLinePaymentActive =\n storeSlice?.selectedStore?.dineInPaymentOptions?.find(\n (payment) => payment.paymentType === C.CREDIT_CARD\n );\n if (!isOnLinePaymentActive) {\n return;\n }\n }\n\n const validate = isValidValue(selectedPaymentType?.selectedPaymentType);\n if (!validate) {\n reduxstore.dispatch(PaymentMethodAction.setSelectedPaymentType(type));\n if (OnlineMethods.includes(type)) {\n const creditCardObj = getCreditCardObjByOrderType(\n appReducer?.orderType,\n storeSlice?.selectedStore\n );\n reduxstore.dispatch(StoreAction.setSelectedPaymentMethod(creditCardObj));\n }\n }\n};\nexport const resetPaymentType = () => {\n reduxstore.dispatch(PaymentMethodAction.setSelectedPaymentType(null));\n};\n\nexport const showErrors = (errors) => {\n const error = Object.values(errors).find((value) => value !== null);\n if (error) {\n logError(errorHandler(error), true);\n }\n};\n\nexport const getCreditCardObjByOrderType = (\n selectedOrderType,\n selectedStore\n) => {\n if (!selectedOrderType || !selectedStore) return;\n if (selectedOrderType?.serviceType === C.SERVICE_TYPE.DELIVERY) {\n const onlinePayment = selectedStore?.paymentOptions?.find(\n (item) => item?.paymentType === C.CREDIT_CARD\n );\n return onlinePayment;\n } else if (selectedOrderType?.serviceType === C.SERVICE_TYPE.PICKUP) {\n const onlinePayment = selectedStore?.pickupPaymentOptions?.find(\n (item) => item?.paymentType === C.CREDIT_CARD\n );\n return onlinePayment;\n } else if (selectedOrderType?.serviceType === C.SERVICE_TYPE.DINE_IN) {\n const onlinePayment = selectedStore?.dineInPaymentOptions?.find(\n (item) => item?.paymentType === C.CREDIT_CARD\n );\n return onlinePayment;\n } else {\n logErrorOnSentry(\"invalid service type selected\", \"error\");\n }\n};\n\nexport const getModifierDumbObj = (mod) => {\n const obj = {\n _id: mod?._id,\n optionId: mod?._id,\n price: mod?.price,\n ...(mod?.externalData && {\n externalData: mod?.externalData,\n }),\n quantity: mod?.quantity,\n baseLanguage: {\n optionName: mod?.baseLanguage?.name,\n },\n sku: mod?.sku ? mod?.sku : null,\n translations: {\n en: {\n optionName: mod?.baseLanguage?.name,\n },\n ar: {\n optionName: mod?.baseLanguage?.name,\n },\n },\n };\n return obj;\n};\n\nexport const getStoreAndItemStatusText = (item, selectedStore) => {\n if (!selectedStore?._id || !selectedStore?.isOpened)\n return i18n.t(\"Store is closed\");\n else if (isItemOutOfStock(item, selectedStore))\n return i18n.t(\"This item is out of stock, sorry for inconvenience\");\n else return null;\n};\n\nexport const isItemOutOfStock = (item, selectedStore) => {\n if (!item) return true;\n const unavailableIndex = findIndex(\n item?.unavailableStores,\n (store) => store?.storeId === selectedStore?._id\n );\n if (\n unavailableIndex >= 0 &&\n (item?.unavailableStores[unavailableIndex]?.nextAvailableTime >\n moment.utc().unix() ||\n !item?.unavailableStores[unavailableIndex]?.nextAvailableTime)\n ) {\n return true; //item is out of stock\n }\n return false; ///item is in stock\n};\n\nexport const isModifierOutOfStock = (modifer, selectedStore) => {\n if (!modifer) return true;\n const unavailableIndex = findIndex(\n modifer?.unavailableStores,\n (store) => store?.storeId === selectedStore?._id\n );\n if (\n unavailableIndex >= 0 &&\n (modifer?.unavailableStores[unavailableIndex]?.nextAvailableTime >\n moment.utc().unix() ||\n !modifer?.unavailableStores[unavailableIndex]?.nextAvailableTime)\n ) {\n return true;\n }\n return false;\n};\n\nexport const ValidateGeoLocation = (\n isGeoLocationAdded,\n mapAddress,\n userLocation\n) => {\n if (\n isGeoLocationAdded &&\n mapAddress?.streetAddress &&\n userLocation?.coordinates?.lat &&\n userLocation?.coordinates?.lng\n ) {\n return true;\n }\n return false;\n};\n\nexport const validateZoom = (googlemapState) => {\n if (googlemapState?.zoom <= 15) {\n return {\n error: {\n msg: i18n.t(\n \"Please increase the map zoom level, and select accurate location, it helps the delivery boy in fast delivery.\"\n ),\n type: \"zoom\",\n },\n\n isValid: false,\n };\n }\n return {\n error: null,\n isValid: true,\n };\n};\n//is valid street address\nexport const isValidStreetAddress = (streetAddres, googlemapState) => {\n let isValid = true;\n let error = {\n msg: null,\n type: \"streetAddress\",\n };\n if (\n !googlemapState?.userLocation?.coordinates?.lat ||\n !googlemapState?.userLocation?.coordinates?.lng\n ) {\n isValid = false;\n error = {\n msg: i18n.t(\"Please make sure to type an address in the search bar\"),\n type: \"streetAddress\",\n };\n }\n\n return {\n error,\n isValid,\n };\n};\n\nexport const isIntegrationActive = (name) => {\n const activeIntegrations =\n reduxstore.getState()?.brandStorageReducer?.brandInfo?.activeIntegrations;\n\n const isActive = activeIntegrations?.find(\n (ai) => ai.name === name && ai.isActive\n );\n if (isActive) {\n if (name === C.STRIPE) {\n if (isActive?.metaData?.publishableKey) {\n return true;\n }\n return false;\n }\n return true;\n }\n return false;\n};\n\nexport const isActiveAnyPaymentGateway = () => {\n const alowedValues = [C.TELR, C.STRIPE, C.CHECKOUT_DOT_COM];\n const isActive = alowedValues.some((name) => isIntegrationActive(name));\n return isActive;\n};\n"],"sourceRoot":""}\n {\n e.preventDefault();\n }}\n >\n
\n {title?.title}
\n \n
\n {title?.message}
\n\n
\n \n \n
\n \n
\n \n \n
\n