handleSelect(formProps)}>\r\n
\r\n
{ props.close(); }} />\r\n
\r\n
\r\n { props.name === 'guestName' && props.isDeliveryOrder && (\r\n
\r\n \r\n
\r\n )}\r\n { props.name === 'deliveryDate' && props.isDeliveryOrder && (\r\n <>\r\n {props.popInData.onlineOrderAdvanceLimit > 0 && (\r\n
\r\n \r\n
\r\n )}\r\n
\r\n \r\n
\r\n \r\n )}\r\n
\r\n
\r\n {/*
\r\n \r\n
*/}\r\n { btnImgUrl ? (\r\n
\r\n
\r\n
\r\n ) : (\r\n
\r\n \r\n
\r\n )}\r\n {/*
\r\n \r\n
*/}\r\n
\r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n const validationSchemaGuestName = () => (\r\n Yup.object().shape({\r\n guestName: Yup.string().required('Name field is required').max(20, 'Name should not be exceed 20-digit').nullable(),\r\n })\r\n );\r\n\r\n const dateValidationSchema = () => {\r\n Yup.object().shape({\r\n deliveryDate: Yup.date().required('Select Date field is required').nullable(),\r\n deliveryTime: Yup.string().required('Select Time field is required').nullable(),\r\n });\r\n };\r\n\r\n const spotNumberSubmit = (data, formProps) => {\r\n if (props.name === 'guestName') {\r\n window.sessionStorage.setItem('guestName', data.guestName);\r\n props.close();\r\n props.closePopUpOnTimeChanged();\r\n } else if (props.name === 'deliveryDate') {\r\n const dT = (data.deliveryTime || {}).id;\r\n const dD = data.deliveryDate;\r\n if (props.isDeliveryOrder && props.popInData.onlineOrderAdvanceLimit > 0 && moment(new Date(`${moment(new Date(dD)).format('YYYY-MM-DD')}T${dT}`)).isBefore(new Date(moment().format('YYYY-MM-DDTHH:mm:ss')))) {\r\n formProps.setFieldError('deliveryTime', `${CUSTOM_MESSAGES().DATE_AND_TIME_ERROR}`);\r\n } else {\r\n if (props.popInData.onlineOrderAdvanceLimit) {\r\n window.sessionStorage.setItem('pickupDate', moment(new Date(data.deliveryDate)).format('YYYY-MM-DDT00:00:00'));\r\n }\r\n let deliveryData = JSON.parse(window.sessionStorage.getItem('deliveryData'));\r\n if (deliveryData) {\r\n deliveryData = {\r\n ...deliveryData,\r\n pickupTime: data.deliveryTime.id,\r\n pickupDate: moment(new Date(data.deliveryDate)).format('YYYY-MM-DDT00:00:00')\r\n };\r\n }\r\n window.sessionStorage.setItem('pickupTime', data.deliveryTime.id);\r\n window.sessionStorage.setItem('deliveryData', JSON.stringify(deliveryData));\r\n // window.sessionStorage.setItem('asapOrder', data.deliveryTime.id === props.pickupDeliveryTimes[0] ? ' (ASAP)' : '');\r\n props.closePopUpOnTimeChanged();\r\n props.close();\r\n }\r\n }\r\n };\r\n\r\n return (\r\n
\r\n props.close()} modalHideOverFlow>\r\n {props.loading && }\r\n window.sessionStorage.getItem('guestName'), null), deliveryDate: moment(pickupDate && pickupDate.split('T')[0]).toDate(), deliveryTime: renderSelectTime(picktime) }}\r\n onSubmit={spotNumberSubmit}\r\n render={formProps => renderDeliveryOrderForm(formProps)}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = ({\r\n controller, orders, theme\r\n}) => ({\r\n loading: orders.loading,\r\n popInData: controller.popInData,\r\n pickupDeliveryTimes: orders.pickupDeliveryTimes,\r\n themeProperties: theme.themeProperties\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => bindActionCreators({\r\n getPickupDeliveryTimes,\r\n setNotification\r\n}, dispatch);\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n)(EditDelivery);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Form, Formik } from 'formik';\r\nimport Textfield from '@formElements/TextFieldFormik';\r\nimport Modal from '@components/common/Modal';\r\nimport cn from 'classnames';\r\nimport { LABEL, CUSTOM_MESSAGES } from '@veriables';\r\nimport DateTimeFormik from '@formElements/DateTimeFormik';\r\nimport ReactSelect from '@formElements/ReactSelectFormik';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport {\r\n getPickupDeliveryTimes\r\n} from '@reducers/orders';\r\nimport { setNotification } from '@reducers/notification';\r\nimport * as Yup from 'yup';\r\nimport moment from 'moment';\r\nimport { getObjectValue } from '@utility/utills';\r\nimport Loader from '../common/Loader/index';\r\nimport styles from './editonlineorders.module.css';\r\nimport { accessibleDiv } from '../../utility/utills';\r\n\r\nconst EditOnlineOrdersPopUp = (props) => {\r\n const [pickDate, setPickupDate] = useState(getObjectValue(() => new Date(window.sessionStorage.getItem('pickupDate')).format('YYYY-MM-DD'), null));\r\n const [formRenderData, setRenderData] = useState();\r\n const picktime = (getObjectValue(() => window.sessionStorage.getItem('pickupTime'), null));\r\n const pickupDate = (getObjectValue(() => window.sessionStorage.getItem('pickupDate'), null));\r\n const themeProperties = JSON.parse(window.sessionStorage.getItem('themeProperties')) || {};\r\n const btnImgUrl = getObjectValue(() => themeProperties.appDefaultButtonImageUrl, false);\r\n const [timeOptions, setTimeOptions] = useState([]);\r\n const onError = (err) => {\r\n props.setNotification({\r\n type: 'danger',\r\n message: err.message\r\n });\r\n };\r\n\r\n const prependZero = (number) => {\r\n if (number < 10) return `0${number}`;\r\n return number;\r\n };\r\n\r\n const renderSelectTime = (time) => {\r\n let name = '';\r\n if (time) {\r\n const hour = Number(time.split(':')[0]);\r\n if (hour === 0 || hour - 12 === 0) {\r\n name = `${12}:${time.split(':')[1]} ${hour > 0 ? 'PM' : 'AM'}`;\r\n } else if (Number(time.split(':')[0]) > 12) {\r\n name = `${prependZero(hour - 12)}:${time.split(':')[1]} PM`;\r\n } else if (Number(time.split(':')[0]) < 12) {\r\n name = `${prependZero(hour)}:${time.split(':')[1]} AM`;\r\n }\r\n }\r\n return ({ name, id: time });\r\n };\r\n\r\n useEffect(() => {\r\n if (!props.isDeliveryOrder && props.popInData && props.popInData.store && props.popInData.store.id && pickDate) {\r\n if (pickDate === moment(new Date()).format('YYYY-MM-DD')) {\r\n const dataToSend = {\r\n storeId: props.popInData.store.id,\r\n pickupDate: null,\r\n delivery: false\r\n };\r\n props.getPickupDeliveryTimes(dataToSend).then((res) => {\r\n if (formRenderData) formRenderData.setFieldValue('selectedTime', renderSelectTime(res.pickupTimes[0]) || '');\r\n }).catch(onError);\r\n // if (formRenderData) {\r\n // formRenderData.setFieldValue('selectedTime', '');\r\n // }\r\n } else if (!(pickDate === moment(new Date()).format('YYYY-MM-DD'))) {\r\n const dataToSend = {\r\n storeId: props.popInData.store.id,\r\n pickupDate: props.popInData.onlineOrderAdvanceLimit ? pickDate : undefined,\r\n delivery: false\r\n };\r\n props.getPickupDeliveryTimes(dataToSend).then((res) => {\r\n if (formRenderData) formRenderData.setFieldValue('selectedTime', renderSelectTime(res.pickupTimes[0]));\r\n }).catch(onError);\r\n // if (formRenderData) {\r\n // formRenderData.setFieldValue('selectedTime', '');\r\n // }\r\n }\r\n }\r\n }, [props.popInData && props.popInData.store && props.popInData.store.id && !props.isDeliveryOrder, pickDate]);\r\n\r\n const formatPickupDate = (date) => {\r\n const mm = date.getMonth() + 1;\r\n const dd = date.getDate();\r\n return [date.getFullYear(),\r\n (mm > 9 ? '' : '0') + mm,\r\n (dd > 9 ? '' : '0') + dd\r\n ].join('-');\r\n };\r\n\r\n const handleSelect = (renderData) => {\r\n setRenderData(renderData);\r\n renderData.setFieldValue('radioBtn', 'Select Time');\r\n };\r\n\r\n const renderTime = (dataOptions) => {\r\n const options = [];\r\n dataOptions.forEach((time) => {\r\n const hour = Number(time.split(':')[0]);\r\n let name = '';\r\n if (hour === 0 || hour - 12 === 0) {\r\n name = `${12}:${time.split(':')[1]} ${hour > 0 ? 'PM' : 'AM'}`;\r\n } else if (Number(time.split(':')[0]) > 12) {\r\n name = `${prependZero(hour - 12)}:${time.split(':')[1]} PM`;\r\n } else if (Number(time.split(':')[0]) < 12) {\r\n name = `${prependZero(hour)}:${time.split(':')[1]} AM`;\r\n }\r\n options.push({ name, id: time });\r\n });\r\n const currentDate = moment(new Date()).format('YYYY-MM-DD');\r\n if (timeOptions.length && currentDate === pickDate) {\r\n options[0].name += ' (ASAP)';\r\n }\r\n return options;\r\n };\r\n\r\n useEffect(() => {\r\n if (props.pickUpTime.length > 0) setTimeOptions(renderTime(props.pickUpTime));\r\n else setTimeOptions([]);\r\n }, [props.pickUpTime]);\r\n\r\n const renderPickUpForm = (formProps) => {\r\n const data = formProps && formProps.values;\r\n const pT = (data.selectedTime || {}).id;\r\n const pD = data.selectedDate;\r\n if (formProps && formProps.values && formProps.values.selectedTime && formProps.values.selectedTime.id !== window.sessionStorage.getItem('pickupTime') && !(moment(new Date(`${moment(new Date(pD)).format('YYYY-MM-DD')}T${pT}`)).isBefore(new Date(moment().format('YYYY-MM-DDTHH:mm:ss'))))) {\r\n // if (data && data.selectedDate !== window.sessionStorage.getItem('pickupDate') && props.popInData.onlineOrderAdvanceLimit) {\r\n // window.sessionStorage.setItem('pickupDate', moment(new Date(data.selectedDate)).format('YYYY-MM-DDT00:00:00'));\r\n // }\r\n let deliveryData = JSON.parse(window.sessionStorage.getItem('deliveryData'));\r\n if (deliveryData) {\r\n deliveryData = {\r\n ...deliveryData,\r\n pickupTime: data.selectedTime.id,\r\n pickupDate: moment(new Date(data.selectedDate)).format('YYYY-MM-DDT00:00:00')\r\n };\r\n }\r\n // window.sessionStorage.setItem('pickupTime', data.selectedTime.id);\r\n // window.sessionStorage.setItem('deliveryData', JSON.stringify(deliveryData));\r\n // props.closePopUpOnTimeChanged();\r\n }\r\n if (formProps.values && formProps.values.selectedDate) {\r\n setPickupDate(formatPickupDate(formProps.values.selectedDate));\r\n }\r\n\r\n // const timeOptions = renderTime(props.pickUpTime);\r\n // if (timeOptions.length && currentDate === pickDate) {\r\n // timeOptions[0].name += ' (ASAP)';\r\n // }\r\n\r\n const currentDate = moment(new Date()).format('YYYY-MM-DD');\r\n const deliveryTime = data.selectedTime.name;\r\n const timeString = deliveryTime && deliveryTime.substring(deliveryTime.length - 6, deliveryTime.length);\r\n\r\n if (currentDate === pickDate && timeString !== '(ASAP)' && props.pickUpTime.length && props.pickUpTime[0] === data.selectedTime.id) {\r\n data.selectedTime.name += ' (ASAP)';\r\n }\r\n\r\n return (\r\n <>\r\n
\r\n \r\n );\r\n };\r\n\r\n const renderForm = !props.isDeliveryOrder ? renderPickUpForm : '';\r\n\r\n const validationSchemaGuestName = () => (\r\n Yup.object().shape({\r\n guestName: Yup.string().required('Name field is required').max(20, 'Name should not be exceed 20-digit').nullable(),\r\n })\r\n );\r\n\r\n const dateValidationSchema = () => {\r\n Yup.object().shape({\r\n selectedDate: Yup.date().required('Select Date field is required').nullable(),\r\n selectedTime: Yup.string().required('Select Time field is required').nullable(),\r\n });\r\n };\r\n\r\n const spotNumberSubmit = (data, formProps) => {\r\n if (props.name === 'guestName') {\r\n window.sessionStorage.setItem('guestName', data.guestName);\r\n props.close();\r\n } else if (props.name === 'vehicleDescription') {\r\n window.sessionStorage.setItem('vehicleDescription', data.vehicleDescription || '');\r\n props.close();\r\n } else {\r\n const pT = (data.selectedTime || {}).id;\r\n const pD = data.selectedDate;\r\n if (!props.isDeliveryOrder && props.popInData.onlineOrderAdvanceLimit > 0 && moment(new Date(`${moment(new Date(pD)).format('YYYY-MM-DD')}T${pT}`)).isBefore(new Date(moment().format('YYYY-MM-DDTHH:mm:ss')))) {\r\n formProps.setFieldError('selectedTime', `${CUSTOM_MESSAGES().DATE_AND_TIME_ERROR}`);\r\n } else {\r\n if (props.popInData.onlineOrderAdvanceLimit) {\r\n window.sessionStorage.setItem('pickupDate', moment(new Date(data.selectedDate)).format('YYYY-MM-DDT00:00:00'));\r\n }\r\n let deliveryData = JSON.parse(window.sessionStorage.getItem('deliveryData'));\r\n if (deliveryData) {\r\n deliveryData = {\r\n ...deliveryData,\r\n pickupTime: data.selectedTime.id,\r\n pickupDate: moment(new Date(data.selectedDate)).format('YYYY-MM-DDT00:00:00')\r\n };\r\n }\r\n window.sessionStorage.setItem('pickupTime', data.selectedTime.id);\r\n window.sessionStorage.setItem('deliveryData', JSON.stringify(deliveryData));\r\n // window.sessionStorage.setItem('asapOrder', (data && data.selectedTime.id) === props.pickUpTime[0] ? ' (ASAP)' : '');\r\n props.close();\r\n props.closePopUpOnTimeChanged();\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n accessibleDiv('edit-order-popup');\r\n }, []);\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = ({\r\n controller, orders, theme\r\n}) => ({\r\n loading: orders.loading,\r\n popInData: controller.popInData,\r\n pickUpTime: orders.pickupDeliveryTimes,\r\n themeProperties: theme.themeProperties\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => bindActionCreators({\r\n getPickupDeliveryTimes,\r\n setNotification\r\n}, dispatch);\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n)(EditOnlineOrdersPopUp);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Form, Formik } from 'formik';\r\nimport Textfield from '@formElements/TextFieldFormik';\r\nimport Modal from '@components/common/Modal';\r\nimport cn from 'classnames';\r\nimport { LABEL, CUSTOM_MESSAGES } from '@veriables';\r\nimport DateTimeFormik from '@formElements/DateTimeFormik';\r\nimport ReactSelect from '@formElements/ReactSelectFormik';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport {\r\n getVoucherPickupDeliveryTimes\r\n} from '@reducers/orders';\r\nimport { setNotification } from '@reducers/notification';\r\nimport * as Yup from 'yup';\r\nimport moment from 'moment';\r\nimport { getObjectValue } from '@utility/utills';\r\nimport Loader from '../common/Loader/index';\r\nimport styles from './editmyvoucher.module.css';\r\nimport { updateHeaderData } from '@reducers/header';\r\n\r\n\r\nconst EditBookMyVoucher = (props) => {\r\n const [pickDate, setPickupDate] = useState();\r\n const [formRenderData, setRenderData] = useState();\r\n const picktime = (getObjectValue(() => JSON.parse(window.sessionStorage.getItem('voucherSelectedSlot')), null));\r\n const pickupDate = (getObjectValue(() => window.sessionStorage.getItem('pickupDate'), null));\r\n const themeProperties = JSON.parse(window.sessionStorage.getItem('themeProperties')) || {};\r\n const btnImgUrl = getObjectValue(() => themeProperties.appDefaultButtonImageUrl, false);\r\n const minDate = new Date(props.voucherPickupDates && props.voucherPickupDates.length > 0 ? props.voucherPickupDates[0].date : new Date());\r\n const maxDate = new Date(props.voucherPickupDates && props.voucherPickupDates.length > 0 ? props.voucherPickupDates[props.voucherPickupDates.length - 1].date : new Date());\r\n const onError = (err) => {\r\n props.setNotification({\r\n type: 'danger',\r\n message: err.message\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (props.popInData && props.popInData.store && props.popInData.store.id && pickDate) {\r\n if (pickupDate === moment(new Date()).format('YYYY-MM-DD')) {\r\n const dataToSend = {\r\n storeId: props.popInData.store.id,\r\n pickupDate,\r\n voucherId: props.popInData.voucherId\r\n };\r\n props.getVoucherPickupDeliveryTimes(dataToSend).then().catch(onError);\r\n if (formRenderData) {\r\n formRenderData.setFieldValue('selectedTime', '');\r\n }\r\n } else if (!(pickupDate === moment(new Date()).format('YYYY-MM-DD'))) {\r\n const dataToSend = {\r\n storeId: props.popInData.store.id,\r\n pickupDate,\r\n voucherId: props.popInData.voucherId\r\n };\r\n props.getVoucherPickupDeliveryTimes(dataToSend).then().catch(onError);\r\n if (formRenderData) {\r\n formRenderData.setFieldValue('selectedTime', '');\r\n }\r\n }\r\n }\r\n }, [props.popInData && props.popInData.store && props.popInData.store.id, pickDate]);\r\n\r\n\r\n const formatPickupDate = (date) => {\r\n const mm = date.getMonth() + 1;\r\n const dd = date.getDate();\r\n return [date.getFullYear(),\r\n (mm > 9 ? '' : '0') + mm,\r\n (dd > 9 ? '' : '0') + dd\r\n ].join('-');\r\n };\r\n\r\n const prependZero = (number) => {\r\n if (number < 10) return `0${number}`;\r\n return number;\r\n };\r\n\r\n const getSlots = (time) => {\r\n if (time && time.soldOut) {\r\n return 'Soldout';\r\n } if (time && time.numberAvailable === 0) {\r\n return 'Not Available';\r\n }\r\n return `$${Number(time.price).toFixed(2)} - ${time.numberAvailable} Available`;\r\n };\r\n\r\n const renderSelectTime = (time) => {\r\n let name = '';\r\n if (time) {\r\n const hour = Number(time.time.split(':')[0]);\r\n if (hour === 0 || hour - 12 === 0) {\r\n name = `${12}:${time.time.split(':')[1]} ${hour > 0 ? 'PM' : 'AM'} ${getSlots(time)}`;\r\n } else if (Number(time.time.split(':')[0]) > 12) {\r\n name = `${prependZero(hour - 12)}:${time.time.split(':')[1]} PM ${getSlots(time)}`;\r\n } else if (Number(time.time.split(':')[0]) < 12) {\r\n name = `${prependZero(hour)}:${time.time.split(':')[1]} AM ${getSlots(time)}`;\r\n }\r\n }\r\n return ({ name, id: time });\r\n };\r\n\r\n const renderTime = (data) => {\r\n const options = [];\r\n data.forEach((time) => {\r\n const hour = Number(time.time.split(':')[0]);\r\n let name = '';\r\n if (hour === 0 || hour - 12 === 0) {\r\n name = `${12}:${time.time.split(':')[1]} ${hour > 0 ? 'PM' : 'AM'} ${getSlots(time)}`;\r\n } else if (Number(time.time.split(':')[0]) > 12) {\r\n name = `${prependZero(hour - 12)}:${time.time.split(':')[1]} PM ${getSlots(time)}`;\r\n } else if (Number(time.time.split(':')[0]) < 12) {\r\n name = `${prependZero(hour)}:${time.time.split(':')[1]} AM ${getSlots(time)}`;\r\n }\r\n options.push({ name, id: time });\r\n });\r\n return options;\r\n };\r\n\r\n const handleSelect = (renderData) => {\r\n setRenderData(renderData);\r\n renderData.setFieldValue('radioBtn', 'Select Time');\r\n };\r\n\r\n const renderPickUpForm = (formProps) => {\r\n const data = formProps && formProps.values;\r\n const pT = (data.selectedTime || {}).id;\r\n const pD = data.selectedDate;\r\n if (formProps && formProps.values && formProps.values.selectedTime && formProps.values.selectedTime.id.time !== window.sessionStorage.getItem('pickupTime') && !(moment(new Date(`${moment(new Date(pD)).format('YYYY-MM-DD')}T${pT.time}`)).isBefore(new Date(moment().format('YYYY-MM-DDTHH:mm:ss'))))) {\r\n if (data && data.selectedDate !== window.sessionStorage.getItem('pickupDate') && props.popInData.onlineOrderAdvanceLimit) {\r\n window.sessionStorage.setItem('pickupDate', moment(new Date(data.selectedDate)).format('YYYY-MM-DDT00:00:00'));\r\n }\r\n window.sessionStorage.setItem('voucherSelectedSlot', JSON.stringify(data.selectedTime.id));\r\n window.sessionStorage.setItem('pickupTime', data.selectedTime.id.time);\r\n // props.closePopUpOnTimeChanged();\r\n }\r\n if (formProps.values && formProps.values.selectedDate) {\r\n setPickupDate(formatPickupDate(formProps.values.selectedDate));\r\n }\r\n return (\r\n <>\r\n
\r\n \r\n );\r\n };\r\n\r\n const renderForm = !props.isDeliveryOrder ? renderPickUpForm : '';\r\n\r\n const validationSchemaGuestName = () => (\r\n Yup.object().shape({\r\n guestName: Yup.string().required('Name field is required').max(20, 'Name should not be exceed 20-digit').nullable(),\r\n })\r\n );\r\n\r\n const dateValidationSchema = () => {\r\n Yup.object().shape({\r\n selectedDate: Yup.date().required('Select Date field is required').nullable(),\r\n selectedTime: Yup.string().required('Select Time field is required').nullable(),\r\n });\r\n };\r\n\r\n const spotNumberSubmit = (data, formProps) => {\r\n if (props.name === 'guestName') {\r\n window.sessionStorage.setItem('guestName', data.guestName);\r\n props.close();\r\n } else {\r\n const pT = (data.selectedTime || {}).id;\r\n const pD = data.selectedDate;\r\n if (props.popInData.onlineOrderAdvanceLimit > 0 && moment(new Date(`${moment(new Date(pD)).format('YYYY-MM-DD')}T${pT.time}`)).isBefore(new Date(moment().format('YYYY-MM-DDTHH:mm:ss')))) {\r\n formProps.setFieldError('selectedTime', `${CUSTOM_MESSAGES().DATE_AND_TIME_ERROR}`);\r\n } else if (pT && pT.soldOut) {\r\n formProps.setFieldError('selectedTime', `${CUSTOM_MESSAGES().VOUCHER_TIME_ERROR}`);\r\n } else {\r\n if (props.popInData.onlineOrderAdvanceLimit) {\r\n window.sessionStorage.setItem('pickupDate', moment(new Date(data.selectedDate)).format('YYYY-MM-DDT00:00:00'));\r\n }\r\n window.sessionStorage.setItem('pickupTime', data.selectedTime.id.time);\r\n window.sessionStorage.setItem('voucherSelectedSlot', JSON.stringify(data.selectedTime.id));\r\n window.sessionStorage.setItem('pickupDate', moment(new Date(data.selectedDate)).format('YYYY-MM-DDT00:00:00'));\r\n props.close();\r\n }\r\n }\r\n };\r\n\r\n return (\r\n
\r\n props.close()}>\r\n {props.loading && }\r\n window.sessionStorage.getItem('guestName'), null), selectedDate: moment(pickupDate && pickupDate.split('T')[0]).toDate(), selectedTime: renderSelectTime(picktime) }}\r\n onSubmit={spotNumberSubmit}\r\n render={formProps => renderForm(formProps)}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = ({\r\n controller, orders, oauth, theme\r\n}) => ({\r\n loading: orders.loading,\r\n popInData: controller.popInData,\r\n isUserLogin: oauth.isUserLogin || window.localStorage.getItem('isUserLogin'),\r\n themeProperties: theme.themeProperties,\r\n voucherPickupDates: orders.voucherPickupDates,\r\n voucherPickupDeliveryTimes: orders.voucherPickupDeliveryTimes\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => bindActionCreators({\r\n updateHeaderData,\r\n setNotification,\r\n getVoucherPickupDeliveryTimes\r\n}, dispatch);\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n)(EditBookMyVoucher);\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardBox\":\"favourite_cardBox__15uxf\",\"boxShadow\":\"favourite_boxShadow__2G9IE\",\"ellipsis\":\"favourite_ellipsis__1yaS4\",\"marginT10\":\"favourite_marginT10__1Gx7C\",\"cartItemImage\":\"favourite_cartItemImage__3dOXT\",\"btnStyle\":\"favourite_btnStyle__15brd\",\"removeBtnStyle\":\"favourite_removeBtnStyle__3UT3C\",\"listStyle\":\"favourite_listStyle__2y1I1\",\"bgColorLight\":\"favourite_bgColorLight__JppZr\",\"btnBottom\":\"favourite_btnBottom__1J7ZD\",\"bagBtn\":\"favourite_bagBtn__3Oz3z\",\"btnAddRefil\":\"favourite_btnAddRefil__7VvsB\",\"refilItem\":\"favourite_refilItem__IgX-L\",\"likeButton\":\"favourite_likeButton__FLLQh\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"qrlink\":\"popupQr_qrlink__1UkE6\",\"hiddenForm\":\"popupQr_hiddenForm__2DwYZ\",\"linkBorder\":\"popupQr_linkBorder__2Vw5k\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"customLabel\":\"ReactSelectFormik_customLabel__7yZxR\"};","var baseGet = require('./_baseGet'),\n baseSet = require('./_baseSet'),\n castPath = require('./_castPath');\n\n/**\n * The base implementation of `_.pickBy` without support for iteratee shorthands.\n *\n * @private\n * @param {Object} object The source object.\n * @param {string[]} paths The property paths to pick.\n * @param {Function} predicate The function invoked per property.\n * @returns {Object} Returns the new object.\n */\nfunction basePickBy(object, paths, predicate) {\n var index = -1,\n length = paths.length,\n result = {};\n while (++index < length) {\n var path = paths[index],\n value = baseGet(object, path);\n if (predicate(value, path)) {\n baseSet(result, castPath(path, object), value);\n }\n }\n return result;\n}\nmodule.exports = basePickBy;","var assignValue = require('./_assignValue'),\n castPath = require('./_castPath'),\n isIndex = require('./_isIndex'),\n isObject = require('./isObject'),\n toKey = require('./_toKey');\n\n/**\n * The base implementation of `_.set`.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {*} value The value to set.\n * @param {Function} [customizer] The function to customize path creation.\n * @returns {Object} Returns `object`.\n */\nfunction baseSet(object, path, value, customizer) {\n if (!isObject(object)) {\n return object;\n }\n path = castPath(path, object);\n var index = -1,\n length = path.length,\n lastIndex = length - 1,\n nested = object;\n while (nested != null && ++index < length) {\n var key = toKey(path[index]),\n newValue = value;\n if (index != lastIndex) {\n var objValue = nested[key];\n newValue = customizer ? customizer(objValue, key, nested) : undefined;\n if (newValue === undefined) {\n newValue = isObject(objValue) ? objValue : isIndex(path[index + 1]) ? [] : {};\n }\n }\n assignValue(nested, key, newValue);\n nested = nested[key];\n }\n return object;\n}\nmodule.exports = baseSet;","import React, { useState } from 'react';\r\nimport _ from 'lodash';\r\nimport cn from 'classnames';\r\nimport { LABEL, CUSTOM_MESSAGES } from '@veriables';\r\nimport style from './splitedCheckList.module.css';\r\nimport { getObjectValue } from '@utility/utills';\r\nimport { onKeyDown } from '../../utility/utills';\r\n\r\n\r\nconst SplitedCheckList = (props) => {\r\n const [loading, setLoading] = useState(false);\r\n const [selectedChecks, setSelectedChecks] = useState([]);\r\n const [expandedChecks, setExpandedChecks] = useState([]);\r\n const themeProperties = JSON.parse(window.sessionStorage.getItem('themeProperties')) || {};\r\n const btnImgUrl = getObjectValue(() => themeProperties.appDefaultButtonImageUrl, false);\r\n const splitMsg = getObjectValue(() => themeProperties.appCustomization, false);\r\n\r\n const handleChecks = (item) => {\r\n let selectedChecksTemp = selectedChecks;\r\n if (_.find(selectedChecks, d => d.id === item.id)) {\r\n // selectedChecksTemp = _.filter([...selectedChecks], d => d.id !== item.id);\r\n selectedChecksTemp = [];\r\n } else {\r\n // selectedChecksTemp.push(item);\r\n selectedChecksTemp = [item];\r\n }\r\n setLoading(!loading);\r\n setSelectedChecks(selectedChecksTemp);\r\n };\r\n const handleViewChecks = (item) => {\r\n let selectedChecksTemp = selectedChecks;\r\n if (_.find(selectedChecks, d => d.id === item.id)) {\r\n // selectedChecksTemp = _.filter([...selectedChecks], d => d.id !== item.id);\r\n selectedChecksTemp = [];\r\n } else {\r\n // selectedChecksTemp.push(item);\r\n selectedChecksTemp = [item];\r\n }\r\n setLoading(!loading);\r\n setSelectedChecks(selectedChecksTemp);\r\n props.handleViewReceipt(selectedChecksTemp, true);\r\n };\r\n\r\n const handleShowDetail = (id) => {\r\n const expandedChecksTemp = expandedChecks;\r\n if (expandedChecks.includes(id)) {\r\n _.remove(expandedChecksTemp, d => d === id);\r\n setExpandedChecks(expandedChecksTemp);\r\n } else {\r\n expandedChecksTemp.push(id);\r\n setExpandedChecks(expandedChecksTemp);\r\n }\r\n setLoading(!loading);\r\n };\r\n return (\r\n
\r\n
\r\n {splitMsg ? `${CUSTOM_MESSAGES().SPLITED_CHECK_LIST_TITLE}` : 'Please select a check to pay'}\r\n
\r\n
\r\n {props.checkList && props.checkList.map((item) => {\r\n return (\r\n
1023 ? 'col-6 offset-md-3' : 'col-12 mb-20')} role=\"button\" tabIndex={0} onKeyDown={(ev) => { if (ev.key === ' ' || ev.key === 'Enter') { if (!props.isHomePage) handleChecks(item); else handleViewChecks(item); } }} onClick={() => { if (!props.isHomePage) { handleChecks(item); } else { handleViewChecks(item); } }}>\r\n
ele.id === item.id) && 'selectedItem od-selection-background-color od-selection-font-color'))} key={item.id} role=\"presentation\">\r\n
\r\n
\r\n
\r\n
\r\n
Check #{item.number}
\r\n
\r\n {LABEL().CURRENCY_SYMBOL} {item.totalAmount.toFixed(2)}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {item.items && (expandedChecks.includes(item.id) ? item.items : item.items.slice(0, 2)).map((itemDetail) => {\r\n return (\r\n
\r\n
\r\n {itemDetail.menuItemName}\r\n
\r\n {/*
\r\n $ {itemDetail.price}\r\n
*/}\r\n
\r\n );\r\n })}\r\n
\r\n {item.items.length > 1 && (\r\n
{ if (e.key === ' ' || e.key === 'Enter') { e.stopPropagation(); handleShowDetail(item.id); } }} onClick={(e) => { e.stopPropagation(); handleShowDetail(item.id); }}>\r\n {(expandedChecks.includes(item.id)) ? 'show less' : `${item.items.length - 2 ? `${item.items.length - 2} more items` : ''}`}\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n })}\r\n
\r\n
1023 ? ' mb-10' : 'mb-60') : cn('d-none'))}>\r\n {/*
\r\n \r\n
*/}\r\n
1023 ? 'd-flex justify-content-center w-100' : 'col-12 text-center')}>\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
props.onNextHandler(selectedChecks)} role=\"button\" tabIndex={0} onKeyDown={e => onKeyDown(e, props.onNextHandler, selectedChecks)} aria-label=\"next\">\r\n
\r\n
Next\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default SplitedCheckList;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"borderBox\":\"splitedCheckList_borderBox__2WVN3\",\"boxHeight\":\"splitedCheckList_boxHeight__3he94\",\"splitCheckBox\":\"splitedCheckList_splitCheckBox__kqLeP\",\"highlighCard\":\"splitedCheckList_highlighCard__1qicB\",\"item1\":\"splitedCheckList_item1__3uNzk\",\"btnImgUrlSize\":\"splitedCheckList_btnImgUrlSize__2R-YI\",\"btnImgUrlText\":\"splitedCheckList_btnImgUrlText__219-m\"};","import React from 'react';\r\n// import style from './FooterOverlay.module.css';\r\n// import cn from 'classnames';\r\n\r\nconst FooterOverlay = (props) => {\r\n return (\r\n
\r\n
\r\n {props.children}\r\n
\r\n
\r\n );\r\n};\r\nexport default FooterOverlay;\r\n","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAYAAACOqiAdAAAIbklEQVR4nO2cf0xWVRjHrw03IEOUIQwUSPGCMVL8RYokmpUSYLFKDDWU0klNmq5Vc+pyY9mMTHM6SJapqNmiFLNfiqaQA3+Amg2vGj8EQhyOyMgt/mhfvEcP5z33vudeed8XX+53e7f33nvuved+znOe85znnvftd6Sqcea3FU0vSJYMyaP55u2g4urWxRY2Q1IeeoAq26tkgTMpC5xJWeBMygJnUhY4k7LAmZQFzqQscCZlgTMpD1fePMrf+6fhfl61ouWLq1sTJEmS8T3Q26NiQsjAKqP3bOv4z/dEffvLvGPxIT77fL37t4lcx5XglM0LY94ICxhwRfSEYUUXV28pa3gf3wFt0+vjlxi96T+3OwfMyPklrLmjcyJbn9xXY7L9fT2bRa7jsq6aHOl3zAg06KW40N14wPu578OeHrdSYwK/Y/fPGxtwQBSa5EJwyrwnQ3caPQmgAfx+b85pACV5fPB+I9dwSVeN8veunRjhX0q20X32n6zn+h1o8mNDjhPrXPJM+FbV13XT7qN/LNK7Z+Bgz6bpo4N+kNQGiA/xqTpR3y7z6lNx6caUK01/y3rXcwm45bNGbKC3AW3lwcsFWuWTr9zMJ/4sKtS3Cg/Nlll58PI7ZODQkFKxavBU0h0zEkI/P7HjQldjvRIb/CU5BY2Yvet8LscH0nJ+Pg6jYWzEkFJ636clNbpOHhZ2o+12INnGQ5u4tfxzZVMi2UAdUBdAeDom6BDZX36pZYodaF1yOriMycP2wEGT7ZJzTTObOzp97Zwmby+5ejdLjS43zM+r0ei9d5c3ziHfySDBDgrbj9UtFLmWs8EpqZNC9tI71Irq+hNoS1lDOroR2c5KjPjY6M0v3ugIQ0ORbQwSaVPCCu8er2sbc6K+fYzItZwKLituaCHduloVjQ/x4Z0u0wMIbbUGJNMvpjBIwGeS7UNnGlNEGlFyMjglcVzwAXrH3tLadE5FlbVp0SNV/9NNdFcTUaC37djH+ksiWDOsWvTaTgOH+ItuXVR+19nrKWw5+BxYAi9IZbuaPaXG2PCRWH9JpFqzjbXNGxvAvYuzwCnPTwz6ht6hVt7G2kggqjFLkEWdNxQ8yIv74EWVzc/R/lLSsGa4jFFBXLfhHHAIMEnwKandApXnlSOBKAlS2TLwifCNgrfOTB4fHM82AMKNI+fuhSYIeGHN7MkZCaGaF3YKuMXTQrsFt+gWvFiJDkQl7XhNVp24kNAQaBC2bP7Rukzyvfh042zW+tV48xHA593H4eBQgadG3wswJR0nTwei0r0g1aYcnDjPwWuJbThJ9ZewXC1fy8abrBwODk6eDXh53SI50k9q+et2IB6GfGqv3wqfEenHu6xcdLI+TbQOasPZ+MtDZxori07W/8nztWy8ycrRc1UlY/qIfHqHVsBbXN2KT6Xohbf/em3uvGnDt4nEcyiDGJLk8oi2lDVwQxZEAPZSTA61OHY6YyQytyfWwduTGkPa5PKaOzrZXTYRAE+OBKfQ0xnJYGQuItrB25NWVoUVGwFoyWHgUEk24DUSmYsIvhKhhGh5kawKO7JryVE+TmErqTpzXmT+EWuZPJX+3pKw7nDNBuaQvOt43Xw6CaknkkrSSRsp7MiuJYeA4wW8cOa8igIabZlaGjLQs3nd4ZqlLHzMPZdfvxUuUi+SStpS1sAFZ+S9g0O6KmvucOK8Vma7s57wQHgwThH5q7K6y6K+U+eFj41P1pMjwCmzJ4Xso3doOXGjmVx1Hmvz0AgrRKX1wge9RLQRJUd0VcRLdGyFQUG1QBuny6bQ7Qm+LCdp5Iei5UcPH3yWtx8vfJ4IH1wuUhb7c5JG2jR8v8KSq4v0XpQYlFKxaupUI+8nH1T1aFcVibjdRT3aVWH+Iikf2pdgxK0VHBXNCn7NSKod7gXzZt4xjO4wjh4FJ9jllZrcZyPIBqAlbSoXnqNqKStuqOYggcU0W5dMyBSBB2gpuWX7eVEAYsA9b8am+7vTMq/EccExWXFD1/BGXaxOWpp3qoDN+rLC8RVfVG7Ug0ZWFLjV+ri3U6PWYlTXgrfu69/WaJ0LaICrsQRMyXlx1Bp6kZDbLSzUg4eE5fqii6vZ/fagFSyIzmYn/i5dWKgndLvgQV7CkS2cNvkOeJKaKWZmFDJJNJAykFFoed8rb/VacMifGYnkWQHMtdZ/g4urW9mpWDd4sECNHCEX2vo7ixvTey24ntAH88esaMs7xVu62gXvwrX2KBWaTepcD5rk7ounEX4gDEE4wjksq0BtoL0749GtOtC6yvdai0vaVC6UUCSiY0NaBN7SvFOS1qJpSgoGliWz5E/onSw0qTeDM5hi110XLAoP0OhBQ9KAJvWl3zkA3szHA37UK8MuCoLgB3mN2GfA4X2uutxVU69tO5PHzpu1fKTbxHF6ArTMHRc22uv+mGrN3VxeSE+ttLq528ZxRKLQiEThuXVX1YOG7lewIHqWxkvqLnh0t2VDG7cFh4fWgwYIiNUQ6GrBW733Qg6dUaHgVblNHHdwWewc0rUBDRajB43k5u7Ak7J5kNV0lESXJ/B6s8XJBj9dItC0cmpr06JXsglNPcvj5fJwvlt1VXvQaIfPCvAw1RKF5zbgrja3V87dXH5ZFBogsOtOMNXSS4QCHtl2uY+D2SdH+uULFNXV4fMt+A0rt8jylMj1rKW9t7MqF8sn2CwIplw+Xv3bLza0j+JdC7Dxfren36uKSNGakDtLzPxToQcWUfW53+RzJu0yb6plT30KHFLevEwHL+C1J5f4uGWfnc5zxX3pP0NgReCJ/kGCK8DJnPcAvUKAV1zdave3qtYf792HLHAmZYEzKQucSVngTMoCZ1IWOJOywJmUBc6kLHAm5YE/a+qJfFifkiRJ/wNN/oor9EX8GwAAAABJRU5ErkJggg==\"","var basePickBy = require('./_basePickBy'),\n hasIn = require('./hasIn');\n\n/**\n * The base implementation of `_.pick` without support for individual\n * property identifiers.\n *\n * @private\n * @param {Object} object The source object.\n * @param {string[]} paths The property paths to pick.\n * @returns {Object} Returns the new object.\n */\nfunction basePick(object, paths) {\n return basePickBy(object, paths, function (value, path) {\n return hasIn(object, path);\n });\n}\nmodule.exports = basePick;","var flatten = require('./flatten'),\n overRest = require('./_overRest'),\n setToString = require('./_setToString');\n\n/**\n * A specialized version of `baseRest` which flattens the rest array.\n *\n * @private\n * @param {Function} func The function to apply a rest parameter to.\n * @returns {Function} Returns the new function.\n */\nfunction flatRest(func) {\n return setToString(overRest(func, undefined, flatten), func + '');\n}\nmodule.exports = flatRest;","var baseFlatten = require('./_baseFlatten');\n\n/**\n * Flattens `array` a single level deep.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to flatten.\n * @returns {Array} Returns the new flattened array.\n * @example\n *\n * _.flatten([1, [2, [3, [4]], 5]]);\n * // => [1, 2, [3, [4]], 5]\n */\nfunction flatten(array) {\n var length = array == null ? 0 : array.length;\n return length ? baseFlatten(array, 1) : [];\n}\nmodule.exports = flatten;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardBox\":\"home_cardBox__2zMQr\",\"borderRadius\":\"home_borderRadius__3TuVL\",\"completedTag\":\"home_completedTag__v2oAp\",\"bgBlack\":\"home_bgBlack__38zjJ\",\"buttonBox\":\"home_buttonBox__2HBhQ\",\"br5\":\"home_br5__2Sttz\",\"imgSize\":\"home_imgSize__gcicy\",\"imageSize\":\"home_imageSize__hjm3k\",\"paddingBottom\":\"home_paddingBottom__1KZG7\",\"divDisabled\":\"home_divDisabled__1AEVr\",\"imageSeparator\":\"home_imageSeparator__9Z-AP\",\"tilesInline\":\"home_tilesInline__1K755\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"showModal\":\"home_showModal__37wz0\",\"hideModal\":\"home_hideModal__3BfXD\",\"dispalyHide\":\"home_dispalyHide__vs1AJ\",\"popupFlow\":\"home_popupFlow__2tvb2\",\"modalDesign\":\"home_modalDesign__1rc2s\",\"receiptImage\":\"home_receiptImage__7JTMP\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"calender\":\"DateTimeFormik_calender__3gIw6\",\"customDatePickerWidth\":\"DateTimeFormik_customDatePickerWidth__2-8j6\",\"calenderContainer\":\"DateTimeFormik_calenderContainer__iJwG9\",\"icon\":\"DateTimeFormik_icon__3RN4T\",\"soldOutColor\":\"DateTimeFormik_soldOutColor__3BoKH\",\"unAvailabilityColor\":\"DateTimeFormik_unAvailabilityColor__1gayC\",\"availableColor\":\"DateTimeFormik_availableColor__17Mv5\",\"calHeight\":\"DateTimeFormik_calHeight__y91sx\",\"colorIndicator\":\"DateTimeFormik_colorIndicator__Dhhnl\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\nvar defaultProps = {\n preventDefaultTouchmoveEvent: false,\n delta: 10,\n rotationAngle: 0,\n trackMouse: false,\n trackTouch: true\n};\nvar initialState = {\n xy: [0, 0],\n swiping: false,\n eventData: undefined,\n start: undefined\n};\nvar LEFT = 'Left';\nvar RIGHT = 'Right';\nvar UP = 'Up';\nvar DOWN = 'Down';\nvar touchStart = 'touchstart';\nvar touchMove = 'touchmove';\nvar touchEnd = 'touchend';\nvar mouseMove = 'mousemove';\nvar mouseUp = 'mouseup';\nfunction getDirection(absX, absY, deltaX, deltaY) {\n if (absX > absY) {\n if (deltaX > 0) {\n return LEFT;\n }\n return RIGHT;\n } else if (deltaY > 0) {\n return UP;\n }\n return DOWN;\n}\nfunction rotateXYByAngle(pos, angle) {\n if (angle === 0) return pos;\n var angleInRadians = Math.PI / 180 * angle;\n var x = pos[0] * Math.cos(angleInRadians) + pos[1] * Math.sin(angleInRadians);\n var y = pos[1] * Math.cos(angleInRadians) - pos[0] * Math.sin(angleInRadians);\n return [x, y];\n}\nfunction getHandlers(set, handlerProps) {\n var onStart = function onStart(event) {\n // if more than a single touch don't track, for now...\n if (event.touches && event.touches.length > 1) return;\n set(function (state, props) {\n // setup mouse listeners on document to track swipe since swipe can leave container\n if (props.trackMouse) {\n document.addEventListener(mouseMove, onMove);\n document.addEventListener(mouseUp, onUp);\n }\n var _ref = event.touches ? event.touches[0] : event,\n clientX = _ref.clientX,\n clientY = _ref.clientY;\n var xy = rotateXYByAngle([clientX, clientY], props.rotationAngle);\n return _extends({}, state, initialState, {\n eventData: {\n initial: [].concat(xy),\n first: true\n },\n xy: xy,\n start: event.timeStamp || 0\n });\n });\n };\n var onMove = function onMove(event) {\n set(function (state, props) {\n if (!state.xy[0] || !state.xy[1] || event.touches && event.touches.length > 1) {\n return state;\n }\n var _ref2 = event.touches ? event.touches[0] : event,\n clientX = _ref2.clientX,\n clientY = _ref2.clientY;\n var _rotateXYByAngle = rotateXYByAngle([clientX, clientY], props.rotationAngle),\n x = _rotateXYByAngle[0],\n y = _rotateXYByAngle[1];\n var deltaX = state.xy[0] - x;\n var deltaY = state.xy[1] - y;\n var absX = Math.abs(deltaX);\n var absY = Math.abs(deltaY);\n var time = (event.timeStamp || 0) - state.start;\n var velocity = Math.sqrt(absX * absX + absY * absY) / (time || 1); // if swipe is under delta and we have not started to track a swipe: skip update\n\n if (absX < props.delta && absY < props.delta && !state.swiping) return state;\n var dir = getDirection(absX, absY, deltaX, deltaY);\n var eventData = _extends({}, state.eventData, {\n event: event,\n absX: absX,\n absY: absY,\n deltaX: deltaX,\n deltaY: deltaY,\n velocity: velocity,\n dir: dir\n });\n props.onSwiping && props.onSwiping(eventData); // track if a swipe is cancelable(handler for swiping or swiped(dir) exists)\n // so we can call preventDefault if needed\n\n var cancelablePageSwipe = false;\n if (props.onSwiping || props.onSwiped || props[\"onSwiped\" + dir]) {\n cancelablePageSwipe = true;\n }\n if (cancelablePageSwipe && props.preventDefaultTouchmoveEvent && props.trackTouch && event.cancelable) event.preventDefault(); // first is now always false\n\n return _extends({}, state, {\n eventData: _extends({}, eventData, {\n first: false\n }),\n swiping: true\n });\n });\n };\n var onEnd = function onEnd(event) {\n set(function (state, props) {\n var eventData;\n if (state.swiping) {\n eventData = _extends({}, state.eventData, {\n event: event\n });\n props.onSwiped && props.onSwiped(eventData);\n props[\"onSwiped\" + eventData.dir] && props[\"onSwiped\" + eventData.dir](eventData);\n }\n return _extends({}, state, initialState, {\n eventData: eventData\n });\n });\n };\n var cleanUpMouse = function cleanUpMouse() {\n // safe to just call removeEventListener\n document.removeEventListener(mouseMove, onMove);\n document.removeEventListener(mouseUp, onUp);\n };\n var onUp = function onUp(e) {\n cleanUpMouse();\n onEnd(e);\n };\n var attachTouch = function attachTouch(el) {\n if (el && el.addEventListener) {\n // attach touch event listeners and handlers\n var tls = [[touchStart, onStart], [touchMove, onMove], [touchEnd, onEnd]];\n tls.forEach(function (_ref3) {\n var e = _ref3[0],\n h = _ref3[1];\n return el.addEventListener(e, h);\n }); // return properly scoped cleanup method for removing listeners\n\n return function () {\n return tls.forEach(function (_ref4) {\n var e = _ref4[0],\n h = _ref4[1];\n return el.removeEventListener(e, h);\n });\n };\n }\n };\n var onRef = function onRef(el) {\n // \"inline\" ref functions are called twice on render, once with null then again with DOM element\n // ignore null here\n if (el === null) return;\n set(function (state, props) {\n // if the same DOM el as previous just return state\n if (state.el === el) return state;\n var addState = {}; // if new DOM el clean up old DOM and reset cleanUpTouch\n\n if (state.el && state.el !== el && state.cleanUpTouch) {\n state.cleanUpTouch();\n addState.cleanUpTouch = null;\n } // only attach if we want to track touch\n\n if (props.trackTouch && el) {\n addState.cleanUpTouch = attachTouch(el);\n } // store event attached DOM el for comparison, clean up, and re-attachment\n\n return _extends({}, state, {\n el: el\n }, addState);\n });\n }; // set ref callback to attach touch event listeners\n\n var output = {\n ref: onRef // if track mouse attach mouse down listener\n };\n\n if (handlerProps.trackMouse) {\n output.onMouseDown = onStart;\n }\n return [output, attachTouch];\n}\nfunction updateTransientState(state, props, attachTouch) {\n var addState = {}; // clean up touch handlers if no longer tracking touches\n\n if (!props.trackTouch && state.cleanUpTouch) {\n state.cleanUpTouch();\n addState.cleanUpTouch = null;\n } else if (props.trackTouch && !state.cleanUpTouch) {\n // attach/re-attach touch handlers\n if (state.el) {\n addState.cleanUpTouch = attachTouch(state.el);\n }\n }\n return _extends({}, state, addState);\n}\nfunction useSwipeable(props) {\n var trackMouse = props.trackMouse;\n var transientState = React.useRef(_extends({}, initialState, {\n type: 'hook'\n }));\n var transientProps = React.useRef();\n transientProps.current = _extends({}, defaultProps, props);\n var _React$useMemo = React.useMemo(function () {\n return getHandlers(function (cb) {\n return transientState.current = cb(transientState.current, transientProps.current);\n }, {\n trackMouse: trackMouse\n });\n }, [trackMouse]),\n handlers = _React$useMemo[0],\n attachTouch = _React$useMemo[1];\n transientState.current = updateTransientState(transientState.current, transientProps.current, attachTouch);\n return handlers;\n}\nvar Swipeable = /*#__PURE__*/\nfunction (_React$PureComponent) {\n _inheritsLoose(Swipeable, _React$PureComponent);\n function Swipeable(props) {\n var _this;\n _this = _React$PureComponent.call(this, props) || this;\n _this._set = function (cb) {\n _this.transientState = cb(_this.transientState, _this.props);\n };\n _this.transientState = _extends({}, initialState, {\n type: 'class'\n });\n return _this;\n }\n var _proto = Swipeable.prototype;\n _proto.render = function render() {\n var _this$props = this.props,\n className = _this$props.className,\n style = _this$props.style,\n _this$props$nodeName = _this$props.nodeName,\n nodeName = _this$props$nodeName === void 0 ? 'div' : _this$props$nodeName,\n innerRef = _this$props.innerRef,\n children = _this$props.children,\n trackMouse = _this$props.trackMouse;\n var _getHandlers = getHandlers(this._set, {\n trackMouse: trackMouse\n }),\n handlers = _getHandlers[0],\n attachTouch = _getHandlers[1];\n this.transientState = updateTransientState(this.transientState, this.props, attachTouch);\n var ref = innerRef ? function (el) {\n return innerRef(el), handlers.ref(el);\n } : handlers.ref;\n return React.createElement(nodeName, _extends({}, handlers, {\n className: className,\n style: style,\n ref: ref\n }), children);\n };\n return Swipeable;\n}(React.PureComponent);\nSwipeable.propTypes = {\n onSwiped: PropTypes.func,\n onSwiping: PropTypes.func,\n onSwipedUp: PropTypes.func,\n onSwipedRight: PropTypes.func,\n onSwipedDown: PropTypes.func,\n onSwipedLeft: PropTypes.func,\n delta: PropTypes.number,\n preventDefaultTouchmoveEvent: PropTypes.bool,\n nodeName: PropTypes.string,\n trackMouse: PropTypes.bool,\n trackTouch: PropTypes.bool,\n innerRef: PropTypes.func,\n rotationAngle: PropTypes.number\n};\nSwipeable.defaultProps = defaultProps;\nexport { DOWN, LEFT, RIGHT, Swipeable, UP, useSwipeable };","import React from 'react';\r\nimport { useSwipeable } from 'react-swipeable';\r\n\r\nconst SwipeCarousel = (props) => {\r\n const handlers = useSwipeable({\r\n onSwipedLeft: () => {\r\n if (props.isSwipe) {\r\n props.onSwipedLeft();\r\n }\r\n },\r\n onSwipedRight: () => {\r\n if (props.isSwipe) {\r\n props.onSwipedRight();\r\n }\r\n },\r\n preventDefaultTouchmoveEvent: true,\r\n trackMouse: true,\r\n });\r\n\r\n return (\r\n
\r\n
{props.children}
\r\n
\r\n );\r\n};\r\nexport default SwipeCarousel;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"react_phonenr_input\":\"viewCheck_react_phonenr_input__hpx5v\",\"phonenr_input\":\"viewCheck_phonenr_input___Jf6S\",\"scrollData\":\"viewCheck_scrollData__2GRlV\",\"footerCard\":\"viewCheck_footerCard__2bpiA\",\"receiptHeight\":\"viewCheck_receiptHeight__MJ1nv\"};","module.exports = __webpack_public_path__ + \"static/media/watermark.c2f3bc3b.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardBox\":\"selectCartComp_cardBox__8oYJL\",\"ellipsis\":\"selectCartComp_ellipsis__2iN6i\",\"marginT10\":\"selectCartComp_marginT10__15_C7\",\"cartItemImage\":\"selectCartComp_cartItemImage__34aB4\",\"btnStyle\":\"selectCartComp_btnStyle__3l2CH\",\"removeBtnStyle\":\"selectCartComp_removeBtnStyle__3f2Fm\",\"editBtnMargin\":\"selectCartComp_editBtnMargin__1dJIX\",\"listStyle\":\"selectCartComp_listStyle__1aril\",\"bgColorLight\":\"selectCartComp_bgColorLight__118rD\",\"btnBottom\":\"selectCartComp_btnBottom__38Y6V\",\"buttonStyle\":\"selectCartComp_buttonStyle__3fbdn\",\"buttonStyleRightAlign\":\"selectCartComp_buttonStyleRightAlign__1huS8\",\"bagBtn\":\"selectCartComp_bagBtn__392d2\",\"btnAddRefil\":\"selectCartComp_btnAddRefil__rJ9Xk\",\"refilItem\":\"selectCartComp_refilItem__3JjGn\",\"likeButton\":\"selectCartComp_likeButton__3ahe-\",\"quickOrderImageCenter\":\"selectCartComp_quickOrderImageCenter__3QXS3\",\"unavailableColor\":\"selectCartComp_unavailableColor__2jMc_\",\"textAllign\":\"selectCartComp_textAllign__1EvvQ\",\"rightAlignImage\":\"selectCartComp_rightAlignImage__3-fdt\",\"rightPadding\":\"selectCartComp_rightPadding__6nhEE\",\"disableCounter\":\"selectCartComp_disableCounter__26ZhI\",\"tagTextBox\":\"selectCartComp_tagTextBox__1zTA-\",\"storeLogo\":\"selectCartComp_storeLogo__bYDXm\",\"btnImgUrlSize\":\"selectCartComp_btnImgUrlSize__34dlG\",\"btnImgUrlText\":\"selectCartComp_btnImgUrlText__1Pv1p\",\"compactViewBtn\":\"selectCartComp_compactViewBtn__TWbj9\",\"btnCompact\":\"selectCartComp_btnCompact__7rkcm\",\"upsellAddBtn\":\"selectCartComp_upsellAddBtn__213KN\",\"fontSize13\":\"selectCartComp_fontSize13__1d_OR\",\"marginBottom35\":\"selectCartComp_marginBottom35__2f5Fq\",\"marginTop25\":\"selectCartComp_marginTop25__nprp6\",\"bulletPoints\":\"selectCartComp_bulletPoints__1LCUK\",\"cardBoxBottom\":\"selectCartComp_cardBoxBottom__3Wpf0\",\"upsellborder\":\"selectCartComp_upsellborder__18VsF\",\"cartPaddingTop\":\"selectCartComp_cartPaddingTop__U5d0B\",\"orderedQuantity\":\"selectCartComp_orderedQuantity__4cfYS\",\"orderedQuantityNoImg\":\"selectCartComp_orderedQuantityNoImg__3tRHQ\",\"compactQuantity\":\"selectCartComp_compactQuantity__mGCsd\",\"fullWidthUpsell\":\"selectCartComp_fullWidthUpsell__3OW_R\",\"badgeOrderedQuantity\":\"selectCartComp_badgeOrderedQuantity__3UBVs\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"lineHeight\":\"selectedCart_lineHeight__CEUFy\",\"lineHeight15\":\"selectedCart_lineHeight15__L4zQE\",\"width48\":\"selectedCart_width48__3UG92\",\"bgWhite\":\"selectedCart_bgWhite__7Taig\",\"paddingBtm\":\"selectedCart_paddingBtm__UOV3V\",\"paddingBtm400\":\"selectedCart_paddingBtm400__Hnl4f\",\"backgroundImageNone\":\"selectedCart_backgroundImageNone__9qAhB\",\"displayInline\":\"selectedCart_displayInline__kvQ3K\",\"disableBtn\":\"selectedCart_disableBtn__e0OqY\",\"whiteSpace\":\"selectedCart_whiteSpace__3hzha\",\"fontSize17\":\"selectedCart_fontSize17__17lKW\",\"fontSize13\":\"selectedCart_fontSize13__1NJqa\",\"cartSectionHeight\":\"selectedCart_cartSectionHeight__1tULY\",\"padding18\":\"selectedCart_padding18__2juoO\",\"margin18\":\"selectedCart_margin18__8Xzdo\",\"marginTop16\":\"selectedCart_marginTop16__2Wmqq\",\"desktopCartContainer\":\"selectedCart_desktopCartContainer__3EoVs\",\"lgScreen\":\"selectedCart_lgScreen__3gRoi\",\"desktopMarginBottom\":\"selectedCart_desktopMarginBottom__3jfp_\",\"btnImgUrlSize\":\"selectedCart_btnImgUrlSize__2A9t5\",\"marginLeft\":\"selectedCart_marginLeft__1cIwx\",\"marginRight\":\"selectedCart_marginRight__3PQQu\",\"removeBtnStyle\":\"selectedCart_removeBtnStyle__1kUud\",\"buttonOk\":\"selectedCart_buttonOk__umQtO\",\"marginBottom0\":\"selectedCart_marginBottom0__3m-kk\",\"paddingTop\":\"selectedCart_paddingTop__r98oW\",\"paddingTop1\":\"selectedCart_paddingTop1__17tqU\",\"view_receipt\":\"selectedCart_view_receipt__1DG7m\",\"upsellHeight\":\"selectedCart_upsellHeight__S2a1p\",\"cartHeight\":\"selectedCart_cartHeight__2_F59\",\"btnBottom\":\"selectedCart_btnBottom__1_Gxo\",\"selectedCategory\":\"selectedCart_selectedCategory__1t7G9\",\"btnImgUrlText\":\"selectedCart_btnImgUrlText__1g2kK\",\"topSecondButton\":\"selectedCart_topSecondButton__Tft9W\",\"borderTop\":\"selectedCart_borderTop__WP-rH\",\"upsellMarginBottom\":\"selectedCart_upsellMarginBottom__-DnEr\",\"height48\":\"selectedCart_height48__36Vkm\",\"btnBottomUpsell\":\"selectedCart_btnBottomUpsell__3Qdhz\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"navButtonMargin\":\"orders_navButtonMargin__2QXQc\",\"catNavButtons\":\"orders_catNavButtons__4FBWW\",\"menuFixed\":\"orders_menuFixed__1TkQN\",\"dtmenuFixed\":\"orders_dtmenuFixed__3_Ggu\",\"table\":\"orders_table__1U2Rw\",\"menuScroll\":\"orders_menuScroll__2xy9H\",\"groupName\":\"orders_groupName__RalCH\",\"subMenuScroll\":\"orders_subMenuScroll__vY3pO\",\"dtmenuScroll\":\"orders_dtmenuScroll__1et2i\",\"dtmenuHrScroll\":\"orders_dtmenuHrScroll__9LwVv\",\"dtmenuHrScroll_arrow\":\"orders_dtmenuHrScroll_arrow__1Kq9r\",\"category\":\"orders_category__2sI5A\",\"subMenuCategory\":\"orders_subMenuCategory__2zczi\",\"dtcategory\":\"orders_dtcategory__17D4t\",\"selectedCategory\":\"orders_selectedCategory__9NuPM\",\"btnItems\":\"orders_btnItems__3ukhw\",\"imgOverlay\":\"orders_imgOverlay__3W8Yr\",\"itemText\":\"orders_itemText__1N5qO\",\"itemName\":\"orders_itemName__1Oflp\",\"itemInfo\":\"orders_itemInfo__2mndc\",\"itemDescription\":\"orders_itemDescription__3Q7_i\",\"itemImg\":\"orders_itemImg__2LToY\",\"itemCircularImg\":\"orders_itemCircularImg__16Z7X\",\"itemImgTile\":\"orders_itemImgTile__hQES5\",\"customizeImg\":\"orders_customizeImg__3Wz72\",\"cartBtn\":\"orders_cartBtn__2jLXZ\",\"cartBtnInfo\":\"orders_cartBtnInfo__25lvB\",\"promoMessage\":\"orders_promoMessage__1wx3R\",\"promoMessageHideFooter\":\"orders_promoMessageHideFooter__1Ad9i\",\"promoMessageBottom\":\"orders_promoMessageBottom__2qUFQ\",\"closeIcon\":\"orders_closeIcon__1I-qF\",\"menuItems\":\"orders_menuItems__2qkIc\",\"menuItemsList\":\"orders_menuItemsList__2wd02\",\"menuItem\":\"orders_menuItem__3RFFu\",\"minHeight25\":\"orders_minHeight25__2QLFq\",\"menuItemActive\":\"orders_menuItemActive__eDWee\",\"quickOrderdiv\":\"orders_quickOrderdiv__2RAD6\",\"outOfStock\":\"orders_outOfStock__A7bxi\",\"overlayBtm\":\"orders_overlayBtm__1Wqw-\",\"orderedQuantity\":\"orders_orderedQuantity__2AShR\",\"orderedQuantityNoImg\":\"orders_orderedQuantityNoImg__z3i7V\",\"menuHeader\":\"orders_menuHeader__1otI-\",\"mallwrapper\":\"orders_mallwrapper__37HAO\",\"slide\":\"orders_slide__38g4K\",\"paddingTop\":\"orders_paddingTop__CNirw\",\"orderSkeleton\":\"orders_orderSkeleton__lrOVD\",\"highlightImg\":\"orders_highlightImg__2Zgzh\",\"search\":\"orders_search__1WDKq\",\"searchBox\":\"orders_searchBox__39pf5\",\"displayInline\":\"orders_displayInline__2rNnS\",\"padding30px\":\"orders_padding30px__CVw8E\",\"searchBoxCalendar\":\"orders_searchBoxCalendar__2JmIM\",\"fontSize17\":\"orders_fontSize17__1Srxr\",\"paddingx8\":\"orders_paddingx8__3-8uK\",\"paddingTop12px\":\"orders_paddingTop12px__qJjTF\",\"noImageOutOfStock\":\"orders_noImageOutOfStock__oF3PE\",\"halfWidth\":\"orders_halfWidth__3dwMZ\",\"desktopItemDescription\":\"orders_desktopItemDescription__1q5f4\",\"heightWithBag\":\"orders_heightWithBag__3gZ2c\",\"heightWithoutBag\":\"orders_heightWithoutBag__3cfyC\",\"multiMenu\":\"orders_multiMenu__1pxtP\",\"top65px\":\"orders_top65px__1wSeB\",\"top80px\":\"orders_top80px__T3L04\",\"disclaimerMessage\":\"orders_disclaimerMessage__1h6eH\",\"searchClose\":\"orders_searchClose__2yR-O\",\"zIndex999\":\"orders_zIndex999__1LkmJ\",\"width48\":\"orders_width48__Uxgnt\",\"searchCloseCalendar\":\"orders_searchCloseCalendar__3gc3G\",\"width100\":\"orders_width100__1kp6e\",\"selectedCategoryDesktop\":\"orders_selectedCategoryDesktop__3KPst\",\"cardBox\":\"orders_cardBox__sdA6_\",\"imgSize\":\"orders_imgSize__akfq9\",\"removeBorderRadius\":\"orders_removeBorderRadius__SnbIz\",\"categoryName\":\"orders_categoryName__1P_Or\",\"btnCarousel\":\"orders_btnCarousel__3H4ri\",\"btnBottom\":\"orders_btnBottom__1uwsF\",\"positonFixed\":\"orders_positonFixed__mgcpT\",\"cartHeight\":\"orders_cartHeight__V8kvc\",\"lineHeight\":\"orders_lineHeight__TdLcy\",\"desktopQuickOrderOutOfStock\":\"orders_desktopQuickOrderOutOfStock__50jKQ\",\"desktopOutOfStock\":\"orders_desktopOutOfStock__JTm1l\",\"tileStyle\":\"orders_tileStyle__18Z4l\",\"noTileStyle\":\"orders_noTileStyle__1TIt4\",\"tileSearch\":\"orders_tileSearch__UBm6z\",\"justifyFlexEnd\":\"orders_justifyFlexEnd__2eQSK\",\"justifySpaceBetween\":\"orders_justifySpaceBetween__1EovP\",\"iconTop\":\"orders_iconTop__2oabq\",\"dropdownTop\":\"orders_dropdownTop__2widP\",\"breakWord\":\"orders_breakWord__2yDwq\",\"textAlignInitial\":\"orders_textAlignInitial__-8Jfu\",\"ml_35\":\"orders_ml_35__3JO4S\",\"textAlignEnd\":\"orders_textAlignEnd__1iq1E\",\"subBtnCarousel\":\"orders_subBtnCarousel__2H4aa\",\"priceAlign\":\"orders_priceAlign__FIPa_\",\"menuItemCounter\":\"orders_menuItemCounter__j3-I6\",\"removeOutStock\":\"orders_removeOutStock__EWxM8\",\"quickOrderModifyButton\":\"orders_quickOrderModifyButton__3iT5J\",\"minheight50\":\"orders_minheight50__W4H0C\",\"greyTransparent\":\"orders_greyTransparent__2-MOO\",\"quickOrderOutOfStock\":\"orders_quickOrderOutOfStock__uyR0V\",\"badgeOrderedQuantity\":\"orders_badgeOrderedQuantity__3W1rQ\",\"tagWithBagFav\":\"orders_tagWithBagFav__3_rkf\",\"bagWithFavourite\":\"orders_bagWithFavourite__3TXUt\",\"width31\":\"orders_width31__23Tbq\",\"borderTop\":\"orders_borderTop__3h3nr\",\"closedCard\":\"orders_closedCard__fKsya\",\"tagName\":\"orders_tagName__3Tq2j\",\"tagContainer\":\"orders_tagContainer__2222j\",\"tagNoHeight\":\"orders_tagNoHeight__3-lRA\",\"itemWithTagName\":\"orders_itemWithTagName__2CZXm\",\"noImageBadgeTag\":\"orders_noImageBadgeTag__2dEmY\",\"desktopTagContainer\":\"orders_desktopTagContainer__36wgt\",\"desktopCategoryNav\":\"orders_desktopCategoryNav__-yD9g\",\"desktopCategoryNavBg\":\"orders_desktopCategoryNavBg__3sLrg\",\"desktopImgSize\":\"orders_desktopImgSize__19pz4\",\"likeButton\":\"orders_likeButton__1BB6n\",\"heartWithTagName\":\"orders_heartWithTagName__1nXj2\",\"heartWithoutTagName\":\"orders_heartWithoutTagName__Qxxtw\",\"alignItemBaseline\":\"orders_alignItemBaseline__2To_4\",\"tagTextBox\":\"orders_tagTextBox__wyWVE\",\"tagImg\":\"orders_tagImg__5vyyX\",\"selectStoreContainer\":\"orders_selectStoreContainer__13RHx\",\"bottomCartButton\":\"orders_bottomCartButton__1L8Q9\",\"buttonBackGround\":\"orders_buttonBackGround__bKjEl\",\"orderedBottomQuantity\":\"orders_orderedBottomQuantity__39lAa\",\"fontStyle\":\"orders_fontStyle__3BQ2Q\",\"tagsPosition\":\"orders_tagsPosition__3HWzh\",\"paddingBottom90\":\"orders_paddingBottom90__vCagH\",\"borderBottom\":\"orders_borderBottom__2IIVf\",\"compactImageSize\":\"orders_compactImageSize__2xhVr\",\"top0\":\"orders_top0__2oOJf\",\"paddingTop0\":\"orders_paddingTop0__1NTZi\",\"bottom0\":\"orders_bottom0__mvrwD\",\"carouselTop\":\"orders_carouselTop__1lyBZ\",\"quickOrderImageCenter\":\"orders_quickOrderImageCenter__IkYCS\",\"compactViewBtn\":\"orders_compactViewBtn__3XEf9\",\"btnCompact\":\"orders_btnCompact__mm1X9\",\"compactItemInfo\":\"orders_compactItemInfo__cOBxh\",\"rightAlignImage\":\"orders_rightAlignImage__1EhCS\",\"rightPadding\":\"orders_rightPadding__2uLsT\",\"compactTagNoHeight\":\"orders_compactTagNoHeight__3DaL4\",\"compactQuantity\":\"orders_compactQuantity__3Vdl9\",\"kioskScrollMenu\":\"orders_kioskScrollMenu__2or2I\",\"bottomBorder\":\"orders_bottomBorder__2irv9\",\"menuBorder\":\"orders_menuBorder__3r0HF\",\"removeBtnStyle\":\"orders_removeBtnStyle__2MfV6\",\"borderRadius\":\"orders_borderRadius__37ZyH\",\"imageSeparator\":\"orders_imageSeparator__1dXSH\",\"imageSize\":\"orders_imageSize__3WGEE\",\"completedTag\":\"orders_completedTag__3K36t\",\"calendarIcon\":\"orders_calendarIcon__1bTOy\",\"storeLogo\":\"orders_storeLogo__1_VdY\",\"btnImgUrlSize\":\"orders_btnImgUrlSize__ixTEI\",\"btnImgUrlText\":\"orders_btnImgUrlText__D2L2T\",\"subMenuBtnCarousel\":\"orders_subMenuBtnCarousel__1l5cz\",\"screenHeader\":\"orders_screenHeader__385k_\",\"negMarginTop\":\"orders_negMarginTop__yulZV\",\"scrollcontainer\":\"orders_scrollcontainer__2RlaW\",\"marginorder100\":\"orders_marginorder100__dzr29\",\"marginorder\":\"orders_marginorder__2Z5Eb\",\"marginorder50\":\"orders_marginorder50__1_s59\",\"marginorder60\":\"orders_marginorder60__3xiOB\",\"tileContainer\":\"orders_tileContainer__2G0xt\",\"paddingBottom180\":\"orders_paddingBottom180__3vQWC\",\"paddingBottom370\":\"orders_paddingBottom370__37lKI\",\"marginBottom110\":\"orders_marginBottom110__1NO4C\",\"margin50\":\"orders_margin50__7vwMT\",\"imageRight\":\"orders_imageRight__15VUn\",\"marginTop36\":\"orders_marginTop36__2PEiQ\",\"marginBottomOnScroll\":\"orders_marginBottomOnScroll__3hqQl\",\"marginBottomOnScrollMweb\":\"orders_marginBottomOnScrollMweb__1VjTK\"};","import React, { useState, useEffect } from 'react';\r\nimport styles from './index.module.css';\r\nimport cn from 'classnames';\r\nimport { getObjectValue } from '@utility/utills';\r\nimport { LABEL, CUSTOM_MESSAGES } from '@veriables';\r\nimport Modal from '@components/common/Modal';\r\nimport CounterBtn from '@components/selectCartComp/counter';\r\n\r\nconst renderModifier = (modifiersObj, note, modifierGroupsHashTable) => (\r\n
1023 ? styles.fontSize13 : '')}>\r\n {modifiersObj.map((modifier) => {\r\n const isChildModifierDisplayOnly = modifier.modifiers.length > 0 && modifier.modifiers.some(ele => ele.included === 2);\r\n const isModifierWithModFunAndDisplay = modifier.included === 2 && modifierGroupsHashTable[modifier.modifierGroupId].modifierLinks.some(ele => ele.included === 2 && ele.excludeAction === 1) && modifier.modifiers.length > 0;\r\n if (modifier.modifiers.length === 1 && getObjectValue(() => !modifier.modifiers[0].modifierGroupId, false)) {\r\n return (\r\n <>\r\n {((modifier.included !== 2 && !isChildModifierDisplayOnly) || (isModifierWithModFunAndDisplay)) && (\r\n - \r\n {modifier.modifiers[0].quantity > 1 && ({modifier.modifiers[0].quantity} ×)}\r\n {modifier.modifierName}\r\n {modifier.quantity > 1 && (× {modifier.quantity})}\r\n {modifier.price ? ({LABEL().CURRENCY_SYMBOL}{modifier.price.toFixed(2)}) : ''}\r\n {modifier.modifiers.length > 0 && (\r\n renderModifier(modifier.modifiers)\r\n )}\r\n
\r\n )}\r\n \r\n );\r\n }\r\n return (\r\n <>\r\n {((modifier.included !== 2 && !isChildModifierDisplayOnly) || (isModifierWithModFunAndDisplay)) && (\r\n - \r\n {modifier.quantity > 1 && ({modifier.quantity} ×)}\r\n {modifier.modifierName}\r\n {modifier.price ? ({LABEL().CURRENCY_SYMBOL}{modifier.price.toFixed(2)}) : ''}\r\n {modifier.modifiers.length > 0 && (\r\n renderModifier(modifier.modifiers)\r\n )}\r\n
\r\n )}\r\n \r\n );\r\n })}\r\n {note && (\r\n - \r\n {note}\r\n
\r\n )}\r\n
\r\n);\r\n\r\nconst SingleItem = (props) => {\r\n const cart = props.item;\r\n const popInData = JSON.parse(window.sessionStorage.getItem('popIn')) || {};\r\n const [isOpen, setOpen] = useState(false);\r\n const [itemNo, setItemNo] = useState(cart.quantity);\r\n const themeProperties = JSON.parse(window.sessionStorage.getItem('themeProperties')) || {};\r\n const btnImgUrl = getObjectValue(() => themeProperties.appDefaultButtonImageUrl, false);\r\n // console.log('@@@@props', lastItem[lastItem.length - 1]);\r\n const counterState = (data, type) => {\r\n const currentCount = itemNo + data;\r\n console.log(type);\r\n if (currentCount < 0) {\r\n // do nothing\r\n } else if (!(data === -1 && (itemNo === 1))) {\r\n setItemNo(currentCount);\r\n // if (isQuickOrder) {\r\n // props.changeItemQuantity(cart, type);\r\n // } else {\r\n props.changeItemQuantity(currentCount, cart.internalId);\r\n // }\r\n } else {\r\n setOpen(true);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n setItemNo(props.item.quantity);\r\n }, [props.item]);\r\n\r\n const renderModifiyButton = () => {\r\n if (!cart.isUpsell) {\r\n return (\r\n <>\r\n {!cart.refill ? (\r\n
\r\n ) : (\r\n
\r\n {LABEL().REFILL}\r\n \r\n )}\r\n \r\n );\r\n }\r\n return '';\r\n };\r\n const getPreOderCount = () => {\r\n let result = '';\r\n if (cart && cart.preOrderCount && cart.preOrderDelay) {\r\n result = cart.preOrderCount + cart.quantity;\r\n }\r\n return result;\r\n };\r\n const item = props.item;\r\n const imageUrl = item.defaultMenuItemImageUrl;\r\n const quantity = props.geItemQuantity;\r\n return (\r\n <>\r\n { !props.item.excludeFromReceipt && (\r\n <>\r\n
1023 ? 'border-bottom-0 rounded' : 'od-container-card-border')}>\r\n
1023 ? '' : 'd-flex align-items-center')}>\r\n <>\r\n {!cart.suppressImages && (\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
1023 ? 'pl-2' : 'pb-2', props.isRefill ? 'float-left' : '')}>\r\n
1023 ? styles.fontSize13 : 'pl-2')}>\r\n
{quantity > 1 && (<>{quantity}x)}{(item.menuItemName).length > 25 ? `${(item.menuItemName).substring(0, 25)}...` : (item.menuItemName)}
\r\n {getObjectValue(() => cart.preOrderCount, false) && getObjectValue(() => cart.preOrderDelay, false) && (\r\n
1023 ? styles.fontSize13 : '', window.innerWidth > 1023 ? 'align-items-end' : 'py-2', props.isRefill ? styles.refilItem : '')}>\r\n
1023 ? `${styles.fontSize13} fw-600` : '')}>\r\n
{renderModifiyButton()}
\r\n {LABEL().CURRENCY_SYMBOL}{Number(item.price * Number(getPreOderCount())).toFixed(2)}\r\n
\r\n
\r\n )}\r\n
\r\n {item.modifierObject && item.modifierObject.length > 0 ? renderModifier(item.modifierObject, item.note, props.modifierGroupsHashTable) : ''}\r\n
\r\n {!getObjectValue(() => cart.preOrderCount, false) && !getObjectValue(() => cart.preOrderDelay, false) && (\r\n
1023 ? styles.fontSize13 : '', window.innerWidth > 1023 ? 'align-items-end' : 'py-2', props.isRefill ? styles.refilItem : '')}>\r\n {!(cart.linkType === 3 && popInData.voucherId === cart.linkedVoucherId) &&
}\r\n
1023 ? `${styles.fontSize13} fw-600` : '')}>\r\n
{renderModifiyButton()}
\r\n {LABEL().CURRENCY_SYMBOL}{Number(item.price * quantity).toFixed(2)}\r\n
\r\n
\r\n )}\r\n {getObjectValue(() => cart.preOrderCount, false) && getObjectValue(() => cart.preOrderDelay, false) && (\r\n <>\r\n
\r\n {getPreOderCount()}\r\n
\r\n \r\n )}\r\n
\r\n {getObjectValue(() => cart.preOrderDelay, false) && getObjectValue(() => cart.preOrderCount, false) && (\r\n
\r\n {`Order one, and then every ${cart.preOrderDelay} minutes, and ${cart.preOrderCount} times`}\r\n
\r\n )}\r\n
\r\n \r\n )}\r\n
setOpen(!isOpen)}>\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {CUSTOM_MESSAGES().DELETE_ITEM_CONFIRMATION}\r\n
\r\n
\r\n
\r\n {/*
\r\n
*/}\r\n {btnImgUrl ? (\r\n
\r\n
{ setOpen(false); }} role=\"presentation\">\r\n
\r\n
{LABEL().NO}\r\n
\r\n
{ setOpen(false); setItemNo(0); props.onRemoveItemFromCart(cart.internalId, cart); }} role=\"presentation\">\r\n
\r\n
{LABEL().YES}\r\n
\r\n
\r\n ) : (\r\n <>\r\n
\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n \r\n );\r\n // };\r\n};\r\n\r\nconst Cart = (props) => {\r\n const { cart, isOrderDetailItemPage } = props;\r\n const cartItems = cart || [];\r\n // const cartCard = (item) => {\r\n // const quantity = item.quantity;\r\n // return (\r\n // <>\r\n // {!item.excludeFromReceipt && (\r\n // <>\r\n //
\r\n //
\r\n //
\r\n // {quantity} ✕{item.menuItemName}\r\n //
\r\n // {item.modifierObject && item.modifierObject.length > 0 ? renderModifier(item.modifierObject, item.note) : ''}\r\n //
\r\n //
\r\n // {LABEL().CURRENCY_SYMBOL}{Number(item.price * quantity).toFixed(2)}\r\n // \r\n //
\r\n // \r\n // )}\r\n // \r\n // );\r\n // };\r\n\r\n // const isTipPage = window.location.pathname;\r\n return (\r\n <>\r\n
1023 ? 'fs-24 fw-700' : 'fs-18')}>\r\n {LABEL().MY_ORDER}\r\n
\r\n
1023 ? 'pb-15' : '')}>\r\n {cart.length > 0 ? (\r\n <>\r\n {(cartItems || []).map((item, index) =>
)}\r\n \r\n ) : (\r\n
\r\n {/* Your cart is empty. */}\r\n {CUSTOM_MESSAGES().YOUR_CART_EMPTY}\r\n
\r\n )}\r\n {/* {(uniqueCartItems || []).map(item => cartCard(item))} */}\r\n {/* {isTipPage === '/tip' ? '' : totalComponent} */}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Cart;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardBox\":\"selectCartComp_cardBox__2Q0Ik\",\"ellipsis\":\"selectCartComp_ellipsis___jR35\",\"marginT10\":\"selectCartComp_marginT10__8mBFH\",\"cartItemImage\":\"selectCartComp_cartItemImage__1yaxW\",\"btnStyle\":\"selectCartComp_btnStyle__3E0Ky\",\"removeBtnStyle\":\"selectCartComp_removeBtnStyle__o9owq\",\"editBtnMargin\":\"selectCartComp_editBtnMargin__1m2TZ\",\"listStyle\":\"selectCartComp_listStyle__3rDm3\",\"bgColorLight\":\"selectCartComp_bgColorLight__2dN7b\",\"btnBottom\":\"selectCartComp_btnBottom__1RD5K\",\"buttonStyle\":\"selectCartComp_buttonStyle__Z22oE\",\"buttonStyleRightAlign\":\"selectCartComp_buttonStyleRightAlign__1rshi\",\"bagBtn\":\"selectCartComp_bagBtn__jUSgR\",\"btnAddRefil\":\"selectCartComp_btnAddRefil__3_cbK\",\"refilItem\":\"selectCartComp_refilItem__3rbjP\",\"likeButton\":\"selectCartComp_likeButton__AadAk\",\"quickOrderImageCenter\":\"selectCartComp_quickOrderImageCenter__uDmh2\",\"unavailableColor\":\"selectCartComp_unavailableColor__1VjKU\",\"textAllign\":\"selectCartComp_textAllign__1VqSm\",\"rightAlignImage\":\"selectCartComp_rightAlignImage__2jC8R\",\"rightPadding\":\"selectCartComp_rightPadding__lG97f\",\"disableCounter\":\"selectCartComp_disableCounter__2Y5r6\",\"tagTextBox\":\"selectCartComp_tagTextBox__204y8\",\"storeLogo\":\"selectCartComp_storeLogo__3jDLa\",\"btnImgUrlSize\":\"selectCartComp_btnImgUrlSize__V_ec5\",\"btnImgUrlText\":\"selectCartComp_btnImgUrlText__1El_p\",\"compactViewBtn\":\"selectCartComp_compactViewBtn__2NV4W\",\"btnCompact\":\"selectCartComp_btnCompact__KGSs3\",\"upsellAddBtn\":\"selectCartComp_upsellAddBtn__cGBmt\",\"fontSize13\":\"selectCartComp_fontSize13__3FdOP\",\"marginBottom35\":\"selectCartComp_marginBottom35__1UOsL\",\"marginTop25\":\"selectCartComp_marginTop25__Uycix\",\"bulletPoints\":\"selectCartComp_bulletPoints__2pnqM\",\"cardBoxBottom\":\"selectCartComp_cardBoxBottom__9N6hO\",\"upsellborder\":\"selectCartComp_upsellborder__2irdn\",\"cartPaddingTop\":\"selectCartComp_cartPaddingTop__xuG0m\",\"orderedQuantity\":\"selectCartComp_orderedQuantity__3IAfQ\",\"orderedQuantityNoImg\":\"selectCartComp_orderedQuantityNoImg__2f1eA\",\"compactQuantity\":\"selectCartComp_compactQuantity__3qmxW\",\"fullWidthUpsell\":\"selectCartComp_fullWidthUpsell__2yWOW\",\"badgeOrderedQuantity\":\"selectCartComp_badgeOrderedQuantity__1MY58\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"btnImgUrlSize\":\"delivery_btnImgUrlSize__2lQMW\",\"btnImgUrlText\":\"delivery_btnImgUrlText__31KCU\",\"closeIcon\":\"delivery_closeIcon__1XJuC\",\"deliveryForm\":\"delivery_deliveryForm__3IANW\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"btnImgUrlSize\":\"editonlineorders_btnImgUrlSize__Emr-t\",\"btnImgUrlText\":\"editonlineorders_btnImgUrlText__2gKoO\",\"closeIcon\":\"editonlineorders_closeIcon__2rnAT\",\"pickUpForm\":\"editonlineorders_pickUpForm__1u5W5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"btnImgUrlSize\":\"editmyvoucher_btnImgUrlSize__35K6x\",\"btnImgUrlText\":\"editmyvoucher_btnImgUrlText__3H3Ki\"};","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;\n }\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;\n }\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\nmodule.exports = debounce;","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function now() {\n return root.Date.now();\n};\nmodule.exports = now;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"desktopCartBtmBorder\":\"Cart_desktopCartBtmBorder__nOEe7\",\"borderTop\":\"Cart_borderTop__3cz7y\",\"cardBox\":\"Cart_cardBox__O-KPp\",\"removeBtnStyle\":\"Cart_removeBtnStyle__2aDhs\",\"fontSize13\":\"Cart_fontSize13__2QVM1\",\"cartHeight\":\"Cart_cartHeight__1t_Z3\",\"cartHeight70\":\"Cart_cartHeight70__3-R6M\",\"btnImgUrlSize\":\"Cart_btnImgUrlSize__3RyUQ\",\"btnImgUrlText\":\"Cart_btnImgUrlText__1PYN4\",\"cartImgsize\":\"Cart_cartImgsize__29CrE\",\"separator\":\"Cart_separator__2PUJK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"btnImgUrlSize\":\"menuorder_btnImgUrlSize__mBrfH\",\"btnImgUrlText\":\"menuorder_btnImgUrlText__1qkpC\",\"width53\":\"menuorder_width53__YB9_Y\",\"removeBtnStyle\":\"menuorder_removeBtnStyle__1HSlZ\"};","module.exports = __webpack_public_path__ + \"static/media/greenCheckMark.6b26463c.svg\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"logoSize\":\"spotScreen_logoSize__1wkCr\",\"imgSize\":\"spotScreen_imgSize__29m5n\",\"buttonBorder\":\"spotScreen_buttonBorder__hmnuo\",\"iconColor\":\"spotScreen_iconColor__LHu9t\",\"spotNumberContainer\":\"spotScreen_spotNumberContainer__2P9Uo\",\"deskTopSpotNumberContainer\":\"spotScreen_deskTopSpotNumberContainer__2POEn\",\"linksPadding\":\"spotScreen_linksPadding__YQueG\",\"footerStyle\":\"spotScreen_footerStyle__1Px7y\",\"guestSpotContainer\":\"spotScreen_guestSpotContainer__3IWoL\",\"heroImg\":\"spotScreen_heroImg__33HHt\",\"borderRadius\":\"spotScreen_borderRadius__OaoBs\",\"removeRadius\":\"spotScreen_removeRadius__3Sow3\",\"heroImageSize\":\"spotScreen_heroImageSize__155Fx\",\"marginTopNeg\":\"spotScreen_marginTopNeg__14tL1\",\"btnImgUrlSize\":\"spotScreen_btnImgUrlSize__2mtsy\",\"btnImgUrlText\":\"spotScreen_btnImgUrlText__3SZO0\",\"removePaddig\":\"spotScreen_removePaddig__whSEf\",\"indentation\":\"spotScreen_indentation__1PpBX\"};","var rng = require('./lib/rng');\nvar bytesToUuid = require('./lib/bytesToUuid');\nfunction v4(options, buf, offset) {\n var i = buf && offset || 0;\n if (typeof options == 'string') {\n buf = options === 'binary' ? new Array(16) : null;\n options = null;\n }\n options = options || {};\n var rnds = options.random || (options.rng || rng)();\n\n // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80;\n\n // Copy bytes to buffer, if provided\n if (buf) {\n for (var ii = 0; ii < 16; ++ii) {\n buf[i + ii] = rnds[ii];\n }\n }\n return buf || bytesToUuid(rnds);\n}\nmodule.exports = v4;","// Unique ID creation requires a high quality random # generator. In the\n// browser this is a little complicated due to unknown quality of Math.random()\n// and inconsistent support for the `crypto` API. We do the best we can via\n// feature-detection\n\n// getRandomValues needs to be invoked in a context where \"this\" is a Crypto\n// implementation. Also, find the complete implementation of crypto on IE11.\nvar getRandomValues = typeof crypto != 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto != 'undefined' && typeof window.msCrypto.getRandomValues == 'function' && msCrypto.getRandomValues.bind(msCrypto);\nif (getRandomValues) {\n // WHATWG crypto RNG - http://wiki.whatwg.org/wiki/Crypto\n var rnds8 = new Uint8Array(16); // eslint-disable-line no-undef\n\n module.exports = function whatwgRNG() {\n getRandomValues(rnds8);\n return rnds8;\n };\n} else {\n // Math.random()-based (RNG)\n //\n // If all else fails, use Math.random(). It's fast, but is of unspecified\n // quality.\n var rnds = new Array(16);\n module.exports = function mathRNG() {\n for (var i = 0, r; i < 16; i++) {\n if ((i & 0x03) === 0) r = Math.random() * 0x100000000;\n rnds[i] = r >>> ((i & 0x03) << 3) & 0xff;\n }\n return rnds;\n };\n}","/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\nvar byteToHex = [];\nfor (var i = 0; i < 256; ++i) {\n byteToHex[i] = (i + 0x100).toString(16).substr(1);\n}\nfunction bytesToUuid(buf, offset) {\n var i = offset || 0;\n var bth = byteToHex;\n // join used to fix memory issue caused by concatenation: https://bugs.chromium.org/p/v8/issues/detail?id=3175#c4\n return [bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]]].join('');\n}\nmodule.exports = bytesToUuid;","module.exports = __webpack_public_path__ + \"static/media/storeClosed.bd634f86.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"orText\":\"checkin_orText__sI0JC\",\"ClosedRenovation\":\"checkin_ClosedRenovation__1HiTd\"};","import React, { useState, useEffect } from 'react';\r\nimport Modal from '@components/common/Modal';\r\n\r\nconst PopUpImage = (props) => {\r\n const [isPopUpImage, setIsPopUpImage] = useState(false);\r\n const [step, setStep] = useState(1);\r\n const [popUpImageArray, setPopUpImageArray] = useState([]);\r\n\r\n const handlePopUpImages = () => {\r\n if (props.actionArray) {\r\n const popUpImages = [];\r\n props.actionArray.forEach((action) => {\r\n if ((action.imageUrl && action.actionTarget.homePage && props.page === 'homePage') && action.actionType === 32) {\r\n popUpImages.push(action);\r\n } else if ((action.imageUrl && action.actionTarget.paymentPage && props.page === 'paymentPage') && action.actionType === 32) {\r\n popUpImages.push(action);\r\n } else if ((action.imageUrl && action.actionTarget.receiptPage && props.page === 'receiptPage') && action.actionType === 32) {\r\n popUpImages.push(action);\r\n } else if ((action.imageUrl && props.page === 'OrdersPage') && action.actionType === 32) {\r\n popUpImages.push(action);\r\n }\r\n });\r\n setPopUpImageArray(popUpImages);\r\n }\r\n };\r\n\r\n const handlePopupDisplaykSessionTrack = (brandTileId) => {\r\n const sessionDataToSend = {\r\n activityType: 'tile_display',\r\n data: {\r\n brandTileId\r\n }\r\n };\r\n props.sessionTrack(sessionDataToSend);\r\n };\r\n\r\n const handlePopupCloseSessionTrack = (brandTileId) => {\r\n const sessionDataToSend = {\r\n activityType: 'tile_close',\r\n data: {\r\n brandTileId\r\n }\r\n };\r\n props.sessionTrack(sessionDataToSend);\r\n };\r\n\r\n useEffect(() => {\r\n if (popUpImageArray && popUpImageArray.length > 0) {\r\n setIsPopUpImage(true);\r\n if (window.sessionStorage.currentPath === '/tip') {\r\n window.sessionStorage.setItem('popupimage', true);\r\n }\r\n handlePopupDisplaykSessionTrack(popUpImageArray[step - 1].brandTileId);\r\n }\r\n }, [popUpImageArray]);\r\n\r\n useEffect(() => {\r\n handlePopUpImages();\r\n }, []);\r\n\r\n const handlePopUpClose = () => {\r\n if (step === popUpImageArray.length) {\r\n if (props.page === 'homePage') {\r\n window.sessionStorage.setItem('homePopUpImageViewed', true);\r\n } else if (props.page === 'paymentPage') {\r\n window.sessionStorage.setItem('paymentPopUpImageViewed', true);\r\n } else if (props.page === 'OrdersPage') {\r\n window.sessionStorage.setItem('ordersPopUpImageViewed', true);\r\n }\r\n setIsPopUpImage(false);\r\n props.handlePopUpImage(false);\r\n handlePopupCloseSessionTrack(popUpImageArray[step - 1].brandTileId);\r\n } else {\r\n setStep(step + 1);\r\n }\r\n };\r\n\r\n return (\r\n
\r\n
handlePopUpClose()}>\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PopUpImage;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"navButtonMargin\":\"orders_navButtonMargin__33Mv6\",\"catNavButtons\":\"orders_catNavButtons__z7gBx\",\"menuFixed\":\"orders_menuFixed__3uPQ3\",\"dtmenuFixed\":\"orders_dtmenuFixed__2Bjrs\",\"table\":\"orders_table__NiQ2f\",\"menuScroll\":\"orders_menuScroll__1gnxf\",\"groupName\":\"orders_groupName__2z6iE\",\"subMenuScroll\":\"orders_subMenuScroll__2ZbMH\",\"dtmenuScroll\":\"orders_dtmenuScroll__1BeLe\",\"dtmenuHrScroll\":\"orders_dtmenuHrScroll__2dGrZ\",\"dtmenuHrScroll_arrow\":\"orders_dtmenuHrScroll_arrow__1tGSU\",\"category\":\"orders_category__n7_C8\",\"subMenuCategory\":\"orders_subMenuCategory__3EdVF\",\"dtcategory\":\"orders_dtcategory__1onhC\",\"selectedCategory\":\"orders_selectedCategory__nPQ8V\",\"btnItems\":\"orders_btnItems__1Lsyt\",\"imgOverlay\":\"orders_imgOverlay__WPh40\",\"itemText\":\"orders_itemText__3W0M1\",\"itemName\":\"orders_itemName__19j0M\",\"itemInfo\":\"orders_itemInfo__1xVef\",\"itemDescription\":\"orders_itemDescription__3kYMW\",\"itemImg\":\"orders_itemImg__3rBBi\",\"itemCircularImg\":\"orders_itemCircularImg__3JFG-\",\"itemImgTile\":\"orders_itemImgTile__3ZbV5\",\"customizeImg\":\"orders_customizeImg__3BZQn\",\"cartBtn\":\"orders_cartBtn__37XaA\",\"cartBtnInfo\":\"orders_cartBtnInfo__xMUeA\",\"promoMessage\":\"orders_promoMessage__EF1Dz\",\"promoMessageHideFooter\":\"orders_promoMessageHideFooter__1tBnK\",\"promoMessageBottom\":\"orders_promoMessageBottom__1cXUE\",\"closeIcon\":\"orders_closeIcon__1zOZK\",\"menuItems\":\"orders_menuItems__3hLVc\",\"menuItemsList\":\"orders_menuItemsList__ebNoN\",\"menuItem\":\"orders_menuItem__2DpdA\",\"minHeight25\":\"orders_minHeight25__1sMR-\",\"menuItemActive\":\"orders_menuItemActive__2d7-i\",\"quickOrderdiv\":\"orders_quickOrderdiv__2Oicf\",\"outOfStock\":\"orders_outOfStock__uwWL2\",\"overlayBtm\":\"orders_overlayBtm__1JzZH\",\"orderedQuantity\":\"orders_orderedQuantity__qjU4k\",\"orderedQuantityNoImg\":\"orders_orderedQuantityNoImg__2FRtx\",\"menuHeader\":\"orders_menuHeader__2YzOG\",\"mallwrapper\":\"orders_mallwrapper__TWQfZ\",\"slide\":\"orders_slide__esxAA\",\"paddingTop\":\"orders_paddingTop__2KsKr\",\"orderSkeleton\":\"orders_orderSkeleton__3jR1A\",\"highlightImg\":\"orders_highlightImg__11n5c\",\"search\":\"orders_search__eUnUE\",\"searchBox\":\"orders_searchBox__2Y8TK\",\"displayInline\":\"orders_displayInline__SfKbT\",\"padding30px\":\"orders_padding30px__3HIgJ\",\"searchBoxCalendar\":\"orders_searchBoxCalendar__37KtS\",\"fontSize17\":\"orders_fontSize17__1XJXg\",\"paddingx8\":\"orders_paddingx8__3iQtP\",\"paddingTop12px\":\"orders_paddingTop12px__15oxq\",\"noImageOutOfStock\":\"orders_noImageOutOfStock__2F64g\",\"halfWidth\":\"orders_halfWidth__1l3pC\",\"desktopItemDescription\":\"orders_desktopItemDescription__xy46J\",\"heightWithBag\":\"orders_heightWithBag__2dXfr\",\"heightWithoutBag\":\"orders_heightWithoutBag__3P7q2\",\"multiMenu\":\"orders_multiMenu__37tiD\",\"top65px\":\"orders_top65px__1GwL4\",\"top80px\":\"orders_top80px__2Bbsw\",\"disclaimerMessage\":\"orders_disclaimerMessage__JQdsE\",\"searchClose\":\"orders_searchClose__10CSr\",\"zIndex999\":\"orders_zIndex999__3Eqg5\",\"width48\":\"orders_width48__1wrhS\",\"searchCloseCalendar\":\"orders_searchCloseCalendar__p6aOL\",\"width100\":\"orders_width100__2Y0bP\",\"selectedCategoryDesktop\":\"orders_selectedCategoryDesktop__2gllZ\",\"cardBox\":\"orders_cardBox__11uFh\",\"imgSize\":\"orders_imgSize__gmKCd\",\"removeBorderRadius\":\"orders_removeBorderRadius__8CZem\",\"categoryName\":\"orders_categoryName__Mm8RD\",\"btnCarousel\":\"orders_btnCarousel__3EagE\",\"btnBottom\":\"orders_btnBottom__1uT8E\",\"positonFixed\":\"orders_positonFixed__1ssd5\",\"cartHeight\":\"orders_cartHeight__1MZcJ\",\"lineHeight\":\"orders_lineHeight__1NBoo\",\"desktopQuickOrderOutOfStock\":\"orders_desktopQuickOrderOutOfStock__cve4Y\",\"desktopOutOfStock\":\"orders_desktopOutOfStock__2lj74\",\"tileStyle\":\"orders_tileStyle__1QWCm\",\"noTileStyle\":\"orders_noTileStyle__3vPyL\",\"tileSearch\":\"orders_tileSearch__d2bdU\",\"justifyFlexEnd\":\"orders_justifyFlexEnd__DlWKR\",\"justifySpaceBetween\":\"orders_justifySpaceBetween__3paE1\",\"iconTop\":\"orders_iconTop__2R2Xy\",\"dropdownTop\":\"orders_dropdownTop__92JiE\",\"breakWord\":\"orders_breakWord__3czcF\",\"textAlignInitial\":\"orders_textAlignInitial__avHg9\",\"ml_35\":\"orders_ml_35__tgYci\",\"textAlignEnd\":\"orders_textAlignEnd__2omB9\",\"subBtnCarousel\":\"orders_subBtnCarousel__3cX3q\",\"priceAlign\":\"orders_priceAlign__1X90v\",\"menuItemCounter\":\"orders_menuItemCounter__2IO0D\",\"removeOutStock\":\"orders_removeOutStock__hNFhN\",\"quickOrderModifyButton\":\"orders_quickOrderModifyButton__3ZSet\",\"minheight50\":\"orders_minheight50__23Ttg\",\"greyTransparent\":\"orders_greyTransparent__10sk1\",\"quickOrderOutOfStock\":\"orders_quickOrderOutOfStock__3zxZF\",\"badgeOrderedQuantity\":\"orders_badgeOrderedQuantity__VPFK-\",\"tagWithBagFav\":\"orders_tagWithBagFav__26a_u\",\"bagWithFavourite\":\"orders_bagWithFavourite__3pO75\",\"width31\":\"orders_width31__tlxny\",\"borderTop\":\"orders_borderTop__1qOW9\",\"closedCard\":\"orders_closedCard__3xzJZ\",\"tagName\":\"orders_tagName__1Abph\",\"tagContainer\":\"orders_tagContainer__2oXEu\",\"tagNoHeight\":\"orders_tagNoHeight__1gAkf\",\"itemWithTagName\":\"orders_itemWithTagName__2k_1S\",\"noImageBadgeTag\":\"orders_noImageBadgeTag__iKgcz\",\"desktopTagContainer\":\"orders_desktopTagContainer__2G6Av\",\"desktopCategoryNav\":\"orders_desktopCategoryNav__56k__\",\"desktopCategoryNavBg\":\"orders_desktopCategoryNavBg__24YUz\",\"desktopImgSize\":\"orders_desktopImgSize__1KGbl\",\"likeButton\":\"orders_likeButton__1s9NS\",\"heartWithTagName\":\"orders_heartWithTagName__1gX1y\",\"heartWithoutTagName\":\"orders_heartWithoutTagName__2-NMh\",\"alignItemBaseline\":\"orders_alignItemBaseline__oxpXS\",\"tagTextBox\":\"orders_tagTextBox__1yDI8\",\"tagImg\":\"orders_tagImg__4MXZY\",\"selectStoreContainer\":\"orders_selectStoreContainer__2ObF8\",\"bottomCartButton\":\"orders_bottomCartButton__3uuzz\",\"buttonBackGround\":\"orders_buttonBackGround__1JNYR\",\"orderedBottomQuantity\":\"orders_orderedBottomQuantity__2-lWX\",\"fontStyle\":\"orders_fontStyle__2e1Bc\",\"tagsPosition\":\"orders_tagsPosition__35js4\",\"paddingBottom90\":\"orders_paddingBottom90__12TWF\",\"borderBottom\":\"orders_borderBottom__2G2Ma\",\"compactImageSize\":\"orders_compactImageSize__1ZI84\",\"top0\":\"orders_top0__3Wrh9\",\"paddingTop0\":\"orders_paddingTop0__2qeAm\",\"bottom0\":\"orders_bottom0__1cBGZ\",\"carouselTop\":\"orders_carouselTop__t-E3o\",\"quickOrderImageCenter\":\"orders_quickOrderImageCenter__1aL3W\",\"compactViewBtn\":\"orders_compactViewBtn__yhHUq\",\"btnCompact\":\"orders_btnCompact__3COxC\",\"compactItemInfo\":\"orders_compactItemInfo__2BMdH\",\"rightAlignImage\":\"orders_rightAlignImage__3UyyD\",\"rightPadding\":\"orders_rightPadding__1QMQ7\",\"compactTagNoHeight\":\"orders_compactTagNoHeight__7bnlm\",\"compactQuantity\":\"orders_compactQuantity__1kcrK\",\"kioskScrollMenu\":\"orders_kioskScrollMenu__2TYdi\",\"bottomBorder\":\"orders_bottomBorder__LYQlB\",\"menuBorder\":\"orders_menuBorder__1tdAT\",\"removeBtnStyle\":\"orders_removeBtnStyle__2O2Lm\",\"borderRadius\":\"orders_borderRadius__1zpAT\",\"imageSeparator\":\"orders_imageSeparator__3OLBf\",\"imageSize\":\"orders_imageSize__mhT8E\",\"completedTag\":\"orders_completedTag__2nRvv\",\"calendarIcon\":\"orders_calendarIcon__2TI9I\",\"storeLogo\":\"orders_storeLogo__r6Cwv\",\"btnImgUrlSize\":\"orders_btnImgUrlSize__3STW5\",\"btnImgUrlText\":\"orders_btnImgUrlText__3u20M\",\"subMenuBtnCarousel\":\"orders_subMenuBtnCarousel__1Qx7m\",\"screenHeader\":\"orders_screenHeader__2LgQK\",\"negMarginTop\":\"orders_negMarginTop__3Jv86\",\"scrollcontainer\":\"orders_scrollcontainer__3NCy2\",\"marginorder100\":\"orders_marginorder100__28fLJ\",\"marginorder\":\"orders_marginorder__3M3L_\",\"marginorder50\":\"orders_marginorder50__3rASb\",\"marginorder60\":\"orders_marginorder60__1V13P\",\"tileContainer\":\"orders_tileContainer__1XWTQ\",\"paddingBottom180\":\"orders_paddingBottom180__3NPh3\",\"paddingBottom370\":\"orders_paddingBottom370__2iErA\",\"marginBottom110\":\"orders_marginBottom110__AQ_NX\",\"margin50\":\"orders_margin50___vfa7\",\"imageRight\":\"orders_imageRight__2oKOe\",\"marginTop36\":\"orders_marginTop36__1t8jp\",\"marginBottomOnScroll\":\"orders_marginBottomOnScroll__1EAVv\",\"marginBottomOnScrollMweb\":\"orders_marginBottomOnScrollMweb__3sOxN\"};","import React, { useState } from 'react';\r\nimport Carousel from '@components/common/Carousel';\r\nimport style from './orders.module.scss';\r\nimport cn from 'classnames';\r\n// import PopUpImage from '@components/PopUpImage';\r\nimport { LABEL } from '@veriables';\r\nimport Modal from '@components/common/Modal';\r\nimport { getObjectValue } from '@utility/utills';\r\nimport PopUpQr from '@components/PopUpQr';\r\nimport { toNavigate } from '@containers/Home';\r\n\r\nconst OrderPageTiles = (props) => {\r\n const { tile, handlePopUpImage } = props;\r\n const [toggleVoucher, setToggleVoucher] = useState(false);\r\n const [voucherData, setVoucherData] = useState({});\r\n const [toggleVoucherQRcode, setToggleVoucherQRcode] = useState(false);\r\n const [showVoucherQrCodePopUp, setShowVoucherQrCodePopUp] = useState(false);\r\n\r\n const handleVoucher = (status, tileData) => {\r\n const voucherInfo = props.popInData && props.popInData.voucherInfo;\r\n if (getObjectValue(() => voucherInfo.voucherId) === tileData.voucherId) {\r\n if (getObjectValue(() => props.popInData.voucherInfo.voucherCode)) {\r\n setShowVoucherQrCodePopUp(true);\r\n setVoucherData(tileData);\r\n } else {\r\n setVoucherData(tileData);\r\n setToggleVoucherQRcode(true);\r\n }\r\n } else {\r\n setVoucherData(tileData);\r\n setToggleVoucher(status);\r\n }\r\n };\r\n\r\n const prependZero = (number) => {\r\n if (number < 10) return `0${number}`;\r\n return number;\r\n };\r\n\r\n const closeVoucherCodePopUp = () => {\r\n setShowVoucherQrCodePopUp(false);\r\n };\r\n\r\n\r\n const formatPickupDate = (date) => {\r\n const formattedDate = props.popInData && props.popInData.store.country === 4 ? date && `${date && (date.split('-')[2])}/${date && (date.split('-')[1])}/${date && (date.split('-')[0])}` : date && `${date && (date.split('-')[1])}/${date && (date.split('-')[2])}/${date && (date.split('-')[0])}`;\r\n return formattedDate;\r\n };\r\n\r\n const renderVoucherTime = (time) => {\r\n let name = '';\r\n if (time) {\r\n const hour = Number(time.voucherTime.split(':')[0]);\r\n if (hour === 0 || hour - 12 === 0) {\r\n name = `${12}:${time.voucherTime.split(':')[1]} ${hour > 0 ? 'PM' : 'AM'}`;\r\n } else if (Number(time.voucherTime.split(':')[0]) > 12) {\r\n name = `${prependZero(hour - 12)}:${time.voucherTime.split(':')[1]} PM`;\r\n } else if (Number(time.voucherTime.split(':')[0]) < 12) {\r\n name = `${prependZero(hour)}:${time.voucherTime.split(':')[1]} AM`;\r\n }\r\n return name;\r\n }\r\n return name;\r\n };\r\n\r\n const voucherDate = (getObjectValue(() => props.popInData.voucherInfo.voucherDate, null));\r\n const shortDate = formatPickupDate(voucherDate && (voucherDate.split('T')[0]));\r\n const voucherPickUpTime = renderVoucherTime(getObjectValue(() => props.popInData.voucherInfo));\r\n const unpaidAmount = props.popInData && props.popInData.unpaidAmount;\r\n\r\n const handleTileClickSessionTrack = (brandTileId) => {\r\n const sessionDataToSend = {\r\n activityType: 'tile_click',\r\n data: {\r\n brandTileId\r\n }\r\n };\r\n props.sessionTrack(sessionDataToSend);\r\n };\r\n\r\n return (\r\n
\r\n
1023 ? 'col-lg-12' : 'col-lg-5 offset-lg-3')}>\r\n
\r\n {(tile && tile.actionTarget.orderPage && tile.url === 'PendingPaymentWarning' && props.popInData.flowType === 2) && (\r\n <>\r\n {(unpaidAmount > 0) && (\r\n
1023 ? 'ml-1' : '')}>\r\n {/* eslint-disable-next-line */}\r\n
{ i.target.style.display='none'; }} />\r\n
{ props.handlePopin(); handleTileClickSessionTrack(tile.brandTileId); }}>\r\n
\r\n
\r\n {tile.text}. ({LABEL().CURRENCY_SYMBOL}{Number.parseFloat(unpaidAmount).toFixed(2)})\r\n
\r\n {tile.description && (\r\n
\r\n {tile.description}\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n )\r\n }\r\n \r\n )}\r\n {tile && tile.actionTarget.orderPage && !(tile.url === 'PendingPaymentWarning') && ((tile.imageUrl && !tile.imageUrls.length >= 1) || (tile.text)) && (\r\n
1023 ? 'ml-1' : '')}>\r\n {tile.actionType === 36 ? (\r\n
\r\n {/* eslint-disable-next-line */}\r\n {tile.imageUrl && !tile.imageUrls.length >= 1 ? (
{ i.target.style.display='none'; }} />) : (\r\n
\r\n )}\r\n {(!tile.imageUrls || tile.imageUrls.length === 0) && (tile.text) && (\r\n
\r\n
\r\n {(tile.completed === true)\r\n ? (\r\n
\r\n Completed\r\n
\r\n )\r\n : ''\r\n }\r\n {tile.text}\r\n
\r\n {tile.description && !(tile.actionType === 38) && (\r\n
\r\n {tile.description}\r\n
\r\n )}\r\n
\r\n )}\r\n
\r\n ) : (\r\n
{ if ((!tile.imageUrls || tile.imageUrls.length === 0) && tile.actionType !== 30) { handleTileClickSessionTrack(tile.brandTileId); } if (tile.actionType === 32) { handlePopUpImage(true, tile); } else if (tile.actionType === 38) { handleVoucher(true, tile); } else if (!tile.completed && tile.actionType !== 33) toNavigate(props.history, tile, props.updateHeaderData, props.handleCallServer, props.backTo, props.actionCallBack, props.data); }} role=\"presentation\">\r\n {/* eslint-disable-next-line */}\r\n {tile.imageUrl && !tile.imageUrls.length >= 1 ? (
{ i.target.style.display='none'; }} />) : (\r\n
\r\n )}\r\n {(!tile.imageUrls || tile.imageUrls.length === 0) && (tile.text) && (\r\n
\r\n
\r\n {(tile.completed === true)\r\n ? (\r\n
\r\n Completed\r\n
\r\n )\r\n : ''\r\n }\r\n {tile.text}\r\n
\r\n {tile.description && !(tile.actionType === 38) && (\r\n
\r\n {tile.description}\r\n
\r\n )}\r\n
\r\n )}\r\n
\r\n )}\r\n
\r\n )}\r\n
\r\n
\r\n
setToggleVoucher(!toggleVoucher)}\r\n >\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/* eslint-disable-next-line */}\r\n {voucherData.imageUrl && !voucherData.imageUrls.length >= 1 ? (
{ i.target.style.display='none'; }} />) : (\r\n
\r\n )}\r\n {(voucherData.text) && (\r\n
\r\n
\r\n {voucherData.text}\r\n
\r\n {voucherData.description && (\r\n
\r\n {voucherData.description}\r\n
\r\n )}\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* eslint-disable-next-line */}\r\n {voucherData.imageUrl && !voucherData.imageUrls.length >= 1 ? (
{ i.target.style.display='none'; }} />) : (\r\n
\r\n )}\r\n {(voucherData.text) && (\r\n
\r\n
\r\n {voucherData.text}\r\n
\r\n {voucherData.description && (\r\n
\r\n {voucherData.description}\r\n
\r\n )}\r\n
\r\n )}\r\n {!getObjectValue(() => props.popInData.voucherInfo.voucherCode) && (\r\n <>\r\n
\r\n {`Available on ${shortDate} ${voucherPickUpTime}`}\r\n
\r\n \r\n )}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default OrderPageTiles;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Form, Formik } from 'formik';\r\nimport Textfield from '@formElements/TextFieldFormik';\r\nimport Modal from '@components/common/Modal';\r\nimport cn from 'classnames';\r\nimport { LABEL } from '@veriables';\r\nimport * as Yup from 'yup';\r\nimport styles from './spotCodePopUp.css';\r\nimport { getObjectValue } from '@utility/utills';\r\n\r\n\r\nconst spotCodePopUp = (props) => {\r\n const [isOpenSpot, setOpenSpot] = useState();\r\n const [name, setName] = useState();\r\n const themeProperties = JSON.parse(window.sessionStorage.getItem('themeProperties')) || {};\r\n const btnImgUrl = getObjectValue(() => themeProperties.appDefaultButtonImageUrl, false);\r\n\r\n useEffect(() => {\r\n setOpenSpot(props.value);\r\n setName(props.name);\r\n }, [props.value]);\r\n\r\n const validationSchemaValue = () => (\r\n Yup.object().shape({\r\n spotNumber: Yup.string().required('Please enter your spot number.').max(10, 'Your spot number should be 10 digits or less.').matches(/^[a-zA-Z0-9]*$/, { message: 'Please enter a valid spot number.' })\r\n .nullable(),\r\n }).test('at-least-one-number', 'Please enter your spot number.', value => !!(value.vehicleDescription || value.spotNumber))\r\n );\r\n\r\n const validationSchemaGuestName = () => (\r\n Yup.object().shape({\r\n guestName: Yup.string().required('Name field is required').max(20, 'Name should not be exceed 20-digit').nullable(),\r\n })\r\n );\r\n\r\n const spotNumberSubmit = (data) => {\r\n if (name === 'spotNumber') {\r\n window.sessionStorage.setItem('spotScreen', data.spotNumber);\r\n } else {\r\n window.sessionStorage.setItem('guestName', data.guestName);\r\n }\r\n props.close();\r\n };\r\n return (\r\n
\r\n
{ props.close(); }}>\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default spotCodePopUp;\r\n","/* eslint-disable no-undef */\r\nimport React, { Fragment, useEffect, useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Form, Formik } from 'formik';\r\nimport filter from 'lodash/filter';\r\nimport pick from 'lodash/pick';\r\nimport keys from 'lodash/keys';\r\nimport sortBy from 'lodash/sortBy';\r\nimport Textfield from '@formElements/TextFieldFormik';\r\nimport find from 'lodash/find';\r\n// import groupBy from 'lodash/groupBy';\r\nimport findIndex from 'lodash/findIndex';\r\nimport cloneDeep from 'lodash/cloneDeep';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport SelectCartComp from '@components/selectCartComp';\r\nimport { APP_CONFIG } from '@constants';\r\nimport { CUSTOM_MESSAGES, LABEL } from '@veriables';\r\nimport { setNotification } from '@reducers/notification';\r\nimport Modal from '@components/common/Modal';\r\nimport ViewcheckCompoenet from '@components/ViewCheck';\r\nimport * as Yup from 'yup';\r\nimport SpotCodePopUP from '@components/spotCodePopUp';\r\nimport EditDeliveryOrdersPopup from '@components/EditDeliveryOrders';\r\nimport EditOnlineOrdersPopUp from '@components/EditOnlineOrdersPopup';\r\nimport EditBookMyVoucherPopUp from '@components/EditBookMyVoucher';\r\nimport { getStoreThemeUrl } from '@reducers/theme';\r\nimport { updateBasicDeatils } from '@reducers/profile';\r\n\r\nimport {\r\n pushItemQuantityToCart,\r\n removeItemFromCart,\r\n placeOrder,\r\n priceCheck,\r\n kdsSimulate,\r\n clearCart,\r\n updateMultiCart,\r\n orderItems,\r\n clearOrderScreen,\r\n getOtherOrdersList,\r\n clearMenu,\r\n replaceCart,\r\n getMenu,\r\n handleAddFavourite,\r\n handleRemoveFavourite\r\n} from '@reducers/orders';\r\nimport { updatePopInData, getPopIn, sessionTrack } from '@reducers/controller';\r\nimport { itemsOrderPay, paymentBycard } from '@reducers/payment';\r\nimport Loader from '@components/common/Loader';\r\n// import closeIcon from '@assets/images/close/icon-CloseButton.png';\r\nimport cn from 'classnames';\r\nimport styles from './selectedCart.module.scss';\r\nimport { userInfo } from '@utility';\r\nimport { getObjectValue } from '@utility/utills';\r\nimport MenuOrder from '../MenuOrder/index';\r\nimport greenCheckMark from '@assets/images/greenCheckMark.svg';\r\nimport _ from 'lodash';\r\nimport { itemAmountToBeExcludeFromTip, taxAmountToBeExcludeFromTip } from '@containers/PaymentOption';\r\n\r\n\r\nconst modifierModel = {\r\n menuItemId: null,\r\n quantity: null,\r\n modifiers: null,\r\n price: null,\r\n note: null,\r\n menuScreenId: null,\r\n menuId: null,\r\n refill: null,\r\n ageRestricted: null,\r\n storeId: null,\r\n preOrderCount: null,\r\n preOrderDelay: null\r\n};\r\n\r\nconst getPrice = (cartItem, modifierId, modifierGroupId, modifierGroupsHashTable, modifierHashTable) => {\r\n let result = null;\r\n if (cartItem && cartItem.combo) {\r\n const modifierItem = modifierHashTable && modifierHashTable[modifierId];\r\n const modGroup = modifierGroupsHashTable && modifierGroupsHashTable[modifierGroupId];\r\n result = modGroup && modGroup.includedInCombo && getObjectValue(() => modifierItem.comboUpSellAmount, null) && getObjectValue(() => modifierItem.comboUpSellAmount, null) > 0\r\n ? Number(modifierItem.comboUpSellAmount)\r\n : getObjectValue(() => find(modifierGroupsHashTable[modifierGroupId].modifierLinks, d => d.modifierId === modifierId).price, 0);\r\n } else {\r\n result = (modifierGroupsHashTable) ? getObjectValue(() => find(modifierGroupsHashTable[modifierGroupId].modifierLinks, d => d.modifierId === modifierId).price, 0) : 0;\r\n }\r\n return result;\r\n};\r\n\r\nexport const mapStringCartToObject = (cart, orders, modifierGroupsHashTable, modifierHashTable) => {\r\n cart.forEach((cartItem) => {\r\n const cartToSend = {};\r\n const modifierToSend = [];\r\n if (cartItem.modifiers) {\r\n sortBy([...cartItem.modifiers], si => si.length).forEach((modPath) => {\r\n const updateModifer = (path, modiferListToUpdate, fullPath) => {\r\n if (path === '') {\r\n // return;\r\n } else {\r\n const nextPath = path\r\n .split('|')\r\n .slice(1)\r\n .join('|');\r\n const currentModifier = path.split('|')[0];\r\n const index = findIndex(\r\n modiferListToUpdate,\r\n data => (data.modifierId === currentModifier.split('-')[0] && data.modifierGroupId === currentModifier.split('-')[1])\r\n );\r\n if (index >= 0) {\r\n updateModifer(nextPath, modiferListToUpdate[index].modifiers, fullPath);\r\n } else {\r\n console.log(nextPath, fullPath);\r\n const isExist = findIndex(modiferListToUpdate, mod => mod.modifierId === Number(currentModifier.split('-')[0]) && mod.modifierGroupId === Number(currentModifier.split('-')[1]));\r\n if (isExist === -1) {\r\n console.log('price', getObjectValue(() => find(modifierGroupsHashTable[Number(currentModifier.split('-')[1])].modifierLinks, d => d.modifierId === Number(Number(currentModifier.split('-')[0]))), 0));\r\n modiferListToUpdate.push({\r\n modifierId: Number(currentModifier.split('-')[0]),\r\n modifierGroupId: Number(currentModifier.split('-')[1]) ? Number(currentModifier.split('-')[1]) : null,\r\n included: modifierGroupsHashTable && getObjectValue(() => modifierGroupsHashTable[Number(currentModifier.split('-')[1])].included, false),\r\n quantity:\r\n nextPath === '' ? filter(cartItem.modifiers, d => d === fullPath).length : 1,\r\n price: getObjectValue(() => find(modifierGroupsHashTable[Number(currentModifier.split('-')[1])].modifierLinks, d => d.modifierId === Number(Number(currentModifier.split('-')[0]))).included, null) !== 2 ? getPrice(cartItem, Number(currentModifier.split('-')[0]), Number(currentModifier.split('-')[1]), modifierGroupsHashTable, modifierHashTable) : 0,\r\n modifierName: modifierHashTable ? getObjectValue(() => modifierHashTable[Number(currentModifier.split('-')[0])].name, '') : '',\r\n modifiers: [],\r\n isLinkedItem: modifierGroupsHashTable && getObjectValue(() => modifierGroupsHashTable[Number(currentModifier.split('-')[1])].linked, false),\r\n // sendHoldType: modifierGroupsHashTable && getObjectValue(() => modifierGroupsHashTable[Number(currentModifier.split('-')[1])].modifierGroupLinks[Number(currentModifier.split('-')[0])].sendHoldType, 0),\r\n excludeFromReceipt: modifierHashTable && getObjectValue(() => modifierHashTable[Number(currentModifier.split('-')[0])].excludeFromReceipt, false),\r\n ...(modifierGroupsHashTable && getObjectValue(() => modifierGroupsHashTable[Number(currentModifier.split('-')[1])].linked, false) && { sendHoldType: modifierGroupsHashTable && getObjectValue(() => find(modifierGroupsHashTable[Number(currentModifier.split('-')[1])].modifierLinks, d => d.modifierId === Number(Number(currentModifier.split('-')[0]))).sendHoldType, 0) }),\r\n ...(modifierGroupsHashTable && { included: modifierGroupsHashTable && getObjectValue(() => find(modifierGroupsHashTable[Number(currentModifier.split('-')[1])].modifierLinks, d => d.modifierId === Number(Number(currentModifier.split('-')[0]))).included, null) })\r\n });\r\n }\r\n updateModifer(\r\n nextPath,\r\n modiferListToUpdate[isExist !== -1 ? isExist : modiferListToUpdate.length - 1].modifiers,\r\n fullPath\r\n );\r\n }\r\n }\r\n };\r\n updateModifer(modPath, modifierToSend, modPath);\r\n });\r\n }\r\n\r\n orders.push({ ...cartItem, price: Number.parseFloat(cartItem.price).toFixed(2), modifiers: modifierToSend });\r\n console.log('cartToSend', cartItem.modifiers, cartToSend);\r\n });\r\n return orders;\r\n};\r\n\r\nexport const removeUnwantedFields = (modifierList, modifierGroupsHashTable) => {\r\n let dataTosend = [];\r\n dataTosend = modifierList.map((d) => {\r\n // eslint-disable-next-line\r\n d.modifiers = _.filter(d.modifierObject, \r\n ele => ((ele.included !== 2 || (ele.included === 2 && modifierGroupsHashTable[ele.modifierGroupId].modifierLinks.some(modLink => modLink.included === 2 && modLink.excludeAction === 1) && ele.modifiers.length > 0)) && !(ele.modifiers.length > 0 && ele.modifiers.some(childMod => childMod.included === 2)))).map((obj) => {\r\n return {\r\n ...obj,\r\n modifiers: _.filter(obj.modifiers, ele1 => (ele1.included !== 2)).map((childModifier) => {\r\n return {\r\n ...childModifier,\r\n ...(((obj.included === 1 || obj.included === 2) && modifierGroupsHashTable[obj.modifierGroupId].modifierLinks.some(modLink => modLink.excludeAction === 1) && obj.modifiers.length > 0) || (!(obj.included === 1 || obj.included === 2) && modifierGroupsHashTable[obj.modifierGroupId].modifierLinks.some(modLink => modLink.includeModifierId !== null && modLink.modifierId === obj.modifierId) && obj.modifiers.length > 0) || ((modifierGroupsHashTable[obj.modifierGroupId] || {}).applyModFunction)) && { modFunction: true }\r\n };\r\n })\r\n };\r\n }) || [];\r\n return pick(d, keys(modifierModel));\r\n });\r\n return dataTosend;\r\n};\r\n\r\n\r\nexport const renderExcludeModifier = (modifierGroupLinks, cartItem, modifierGroupsHashTable, modifiers, prefix) => {\r\n modifierGroupLinks.forEach((mLinks) => {\r\n modifierGroupsHashTable[mLinks.modifierGroupId].modifierLinks.forEach((modifierLinks) => {\r\n if (modifierLinks.included === 1 || modifierLinks.included === 2) {\r\n if (modifierLinks.excludeAction === 1 && !find(cartItem.modifiers, d => d.startsWith(`${prefix}${modifiers[modifierLinks.modifierId].id}-${mLinks.modifierGroupId}`))) {\r\n cartItem.modifiers.push(`${prefix}${modifiers[modifierLinks.modifierId].id}-${mLinks.modifierGroupId}|${modifierLinks.excludeModifierId}-0`);\r\n } else if (modifierLinks.excludeAction === 2 && !find(cartItem.modifiers, d => d.startsWith(`${prefix}${modifiers[modifierLinks.modifierId].id}-${mLinks.modifierGroupId}`))) {\r\n cartItem.modifiers.push(`${prefix}${modifierLinks.excludeModifierId}-0`);\r\n }\r\n }\r\n });\r\n });\r\n};\r\n\r\nexport const renderIncludeModifier = (modifierGroupLinks, cartItem, modifierGroupsHashTable, modifiers, prefix) => {\r\n modifierGroupLinks.forEach((mLinks) => {\r\n modifierGroupsHashTable[mLinks.modifierGroupId].modifierLinks.forEach((modifierLink) => {\r\n const selectedModifier = find(cartItem.modifiers, d => d.startsWith(`${prefix}${modifiers[modifierLink.modifierId].id}-${mLinks.modifierGroupId}`));\r\n if (modifierLink.includeModifierId !== null && !(modifierLink.included === 1 || modifierLink.included === 2) && selectedModifier !== null) {\r\n cartItem.modifiers.push(`${prefix}${modifiers[modifierLink.modifierId].id}-${mLinks.modifierGroupId}|${modifierLink.includeModifierId}-0`);\r\n }\r\n });\r\n });\r\n};\r\n\r\nconst SelectedCart = (props) => {\r\n const [popup, setPopup] = useState(false);\r\n const [isPopUp, setIsPopUp] = useState(false);\r\n const [popupOrder, setPopupOrder] = useState(false);\r\n const [isKeepItOpenModel, setKeepItOpenModel] = useState(false);\r\n const [isPayNowModel, setIsPayNowModel] = useState(false);\r\n const [isOrderModel, setIsOrderModel] = useState(false);\r\n const [isHandleOnPayNowClickFunction, setHandleOnPayNowClickFunction] = useState(false);\r\n const [isOnPlaceOrderFunction, setOnPlaceOrderFunction] = useState(false);\r\n const [isHandlePayNowClickFunction, setHandlePayNowClickFunction] = useState(false);\r\n const [isHandleOnOrderNowClickFunction, setHandleOnOrderNowClickFunction] = useState(false);\r\n const [isOnCheckinFunction, setOnCheckinFunction] = useState(false);\r\n const [isHandleZeroPaymentFunction, setHandleZeroPaymentFunction] = useState(false);\r\n const supportsTableOrderRequiresPrepayment = getObjectValue(() => props.popInData.store.guestAppFeatures.supportsTableOrderRequiresPrepayment, false);\r\n const [cartObject, setCartObject] = useState([]);\r\n const [isOpen, setOpen] = useState(false);\r\n const [isPriceCheck, setPriceCheck] = useState(false);\r\n const [isPriceCheckOnPayNow, setPriceCheckOnPayNow] = useState(false);\r\n const [showPriceCheckModel, setPriceCheckModel] = useState(false);\r\n const [checkHeaderId, setCheckHeaderId] = useState();\r\n const [isPreAuthPay, setIsPreAuthPay] = useState(false);\r\n const payAtRestaurantButtonText = props.popInData.payAtRestaurantButtonText ? props.popInData.payAtRestaurantButtonText : LABEL().PAY_LATER;\r\n const deliveryData = JSON.parse(window.sessionStorage.getItem('deliveryData')) || {};\r\n const suppressPayNowWithPreAuth = getObjectValue(() => props.popInData.suppressPayNowWithPreAuth, false);\r\n const [spotTrue, setSpotTrue] = useState(false);\r\n const [spotName, setSpotName] = useState();\r\n const [isOnlineOrder, setOnlineOrder] = useState(false);\r\n const [field, setField] = useState();\r\n const [isDelivery, setDeliveryOrder] = useState(false);\r\n const [addressPopup, setAddressPopUp] = useState(false);\r\n const [deliveryFee, setDeliveryFee] = useState();\r\n const [deliveryDate, setDeliveryDate] = useState();\r\n const [deliveryTime, setDeliveryTime] = useState();\r\n const [isDeliveryPopup, setIsDeliveryPopup] = useState(false);\r\n const [priceCheckResult, setPriceCheckResult] = useState();\r\n const isDeliveryOrder = JSON.parse((getObjectValue(() => window.sessionStorage.getItem('isDeliveryOrder'), false)));\r\n const [captureNameWhenPayNow, setCaptureNameWhenPayNow] = useState(false);\r\n const [receiptModel, setReceiptModel] = useState(false);\r\n const [priceCheckErrorMessagePopup, setPriceCheckErrorMessagePopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState();\r\n const isChangeLocationChecked = JSON.parse(window.sessionStorage.getItem('isChangeLocationChecked'));\r\n const enableTableRevalidation = getObjectValue(() => props.popInData.store.enableTableRevalidation, false);\r\n const btnImgUrl = getObjectValue(() => props.themeProperties.appDefaultButtonImageUrl, false);\r\n const [isCheckModifiedFlag, setCheckModifiedFlag] = useState(false);\r\n const isVoucherFlow = JSON.parse((getObjectValue(() => window.sessionStorage.getItem('isVocherFlow'), false)));\r\n const [isEditBookMyVoucher, setEditBookMyVoucher] = useState(false);\r\n const [isTableOrder, setIsTableOrder] = useState(false);\r\n const [showGuestBudgetModal, setShowGuestBudgetModal] = useState(false);\r\n const guestBudgetAmount = getObjectValue(() => props.popInData.guestBudgetAmount, null);\r\n const guestBudgetAmountRemaining = getObjectValue(() => props.popInData.guestBudgetAmountRemaining, null);\r\n const favouriteStyle = props.themeProperties && props.themeProperties.style && JSON.parse(props.themeProperties.style);\r\n const odFullWidthContainers = favouriteStyle && favouriteStyle.odFullWidthContainers;\r\n const popInData = JSON.parse(window.sessionStorage.getItem('popIn')) || {};\r\n const cartitems = JSON.parse(window.sessionStorage.getItem('cart')) || {};\r\n const enableAgeVerification = getObjectValue(() => popInData.enableAgeVerification, false);\r\n const checkHeaders = getObjectValue(() => popInData.checkHeaders && popInData.checkHeaders.length > 0 && _.find(popInData.checkHeaders, d => d.id === Number(popInData.checkHeaderId)), false);\r\n const ageVerificationItemLevel = getObjectValue(() => cartitems.filter(item => item.ageRestricted === true).map(i => i.ageRestricted).includes(true), false);\r\n const ageVerificationStatus = getObjectValue(() => checkHeaders.orders[0].ageVerificationStatus, false) === 1;\r\n const checkConfirmation = (enableAgeVerification && ageVerificationItemLevel && ((checkHeaders === false) || ((ageVerificationStatus))));\r\n const isSimulateKDS = getObjectValue(() => window.localStorage.getItem('isKds'), false);\r\n const cartText = isSimulateKDS ? 'Simulate KDS' : 'Price Check';\r\n\r\n useEffect(() => {\r\n window.sessionStorage.removeItem('isOverBudgetAmount', true);\r\n window.scrollTo(0, 0);\r\n }, []);\r\n useEffect(() => {\r\n if (Number(props.match.params.menuItemId) > 0 && getObjectValue(() => props.menuItems[Number(props.match.params.menuItemId)].linkType === 1, false)) {\r\n const linkedMenuItemIds = props.menuItems[Number(props.match.params.menuItemId)].links.reduce((a, v) => [...a, v.linkedMenuItemId], []);\r\n setCartObject(mapStringCartToObject(filter(cloneDeep(props.cart), d => linkedMenuItemIds.includes(d.menuItemId)), [], props.modifierGroupsHashTable, props.modifiers));\r\n } else if ((Number(props.match.params.menuItemId) > 0 && filter(props.cart, d => d.menuItemId === Number(props.match.params.menuItemId)).length === 0)) {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/orders`);\r\n } else if (Number(props.match.params.menuItemId) > 0) {\r\n setCartObject(mapStringCartToObject(filter(cloneDeep(props.cart), d => d.menuItemId === Number(props.match.params.menuItemId)), [], props.modifierGroupsHashTable, props.modifiers));\r\n } else {\r\n const cartTemp = cloneDeep(props.cart);\r\n setCartObject(mapStringCartToObject(cartTemp, [], props.modifierGroupsHashTable, props.modifiers));\r\n }\r\n }, [props.loading]);\r\n\r\n const getCartItems = () => {\r\n const idArray = [];\r\n props.cart.forEach((item) => {\r\n idArray.push({\r\n menuId: props.menusList[props.menuIndex] && props.menusList[props.menuIndex].id,\r\n menuItemId: item.menuItemId,\r\n menuScreenId: item.menuScreenId,\r\n ...(getObjectValue(() => item.preOrderDelay, false) && { preOrderDelay: item.preOrderDelay }),\r\n ...(getObjectValue(() => item.preOrderCount, false) && { preOrderCount: item.preOrderCount })\r\n });\r\n });\r\n return idArray;\r\n };\r\n\r\n const getTotal = () => {\r\n let total = 0;\r\n props.cart.forEach((item) => {\r\n if (!item.refill) total += (item.price * item.quantity);\r\n });\r\n return Number(total.toFixed(2));\r\n };\r\n\r\n const getCount = () => {\r\n let count = 0;\r\n props.cart.forEach((item) => {\r\n count += item.quantity;\r\n });\r\n return count;\r\n };\r\n\r\n const analyticsDataToSend = {\r\n activityType: 'cart_list',\r\n data: {\r\n count: getCount(),\r\n amount: getTotal(),\r\n items: getCartItems()\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n props.sessionTrack(analyticsDataToSend);\r\n }, []);\r\n\r\n const onModifyItem = (data) => {\r\n const dataToSend = {\r\n activityType: 'cart_modify',\r\n data: {\r\n menuId: props.menusList[props.menuIndex] && props.menusList[props.menuIndex].id,\r\n menuItemId: data.menuItemId,\r\n menuScreenId: data.menuScreenId\r\n }\r\n };\r\n props.sessionTrack(dataToSend);\r\n if (data.storeId !== getObjectValue(() => props.popInData.store.id, '') && !(getObjectValue(() => props.popInData.venue, null) && getObjectValue(() => props.popInData.venue.consolidateMenu, false))) {\r\n const spotCode = window.sessionStorage.getItem('spotScreen');\r\n const guestName = window.sessionStorage.getItem('guestName');\r\n const popin = window.sessionStorage.getItem('popIn');\r\n const cartItems = window.sessionStorage.getItem('cart');\r\n window.sessionStorage.clear();\r\n window.sessionStorage.setItem('spotScreen', spotCode);\r\n window.sessionStorage.setItem('guestName', guestName);\r\n window.sessionStorage.setItem('popIn', popin);\r\n window.sessionStorage.setItem('cart', cartItems);\r\n const storeData = find(props.popInData.stores, { id: data.storeId });\r\n props.updatePopInData({ store: find(props.popInData.stores, { id: data.storeId }) }).then(() => {\r\n props.clearMenu().then(() => {\r\n props.getMenu(data.storeId, props.popInData.flowType).then(() => {\r\n props.replaceCart(JSON.parse(cartItems)).then(() => {\r\n if (getObjectValue(() => storeData.brandId, null)) {\r\n props.getStoreThemeUrl(storeData.brandId, storeData.id);\r\n }\r\n if (Number(props.match.params.menuItemId) > 0) {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/order-item/${data.menuTypeId}/${data.menuItemId}/${data.internalId}/0?menuId=${data.menuId}&backTo=orders`);\r\n } else {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/order-item/${data.menuTypeId}/${data.menuItemId}/${data.internalId}/1?menuId=${data.menuId}`);\r\n }\r\n });\r\n });\r\n });\r\n });\r\n // window.sessionStorage.setItem('payMultiCart', isPay);\r\n } else if (Number(props.match.params.menuItemId) > 0) {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/order-item/${data.menuTypeId}/${data.menuItemId}/${data.internalId}/0?menuId=${data.menuId}&backTo=orders`);\r\n } else {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/order-item/${data.menuTypeId}/${data.menuItemId}/${data.internalId}/1?menuId=${data.menuId}`);\r\n }\r\n };\r\n const getSubTotal = () => {\r\n let subTotal = 0;\r\n props.cart.forEach((item) => {\r\n if (getObjectValue(() => item.refill, false) !== false && !getObjectValue(() => item.preOrderDelay, false) && !getObjectValue(() => item.preOrderCount, false)) {\r\n subTotal += (item.price * item.quantity);\r\n } else {\r\n subTotal += (item.price) * ((1 + item.preOrderCount) * item.quantity);\r\n }\r\n });\r\n return `${LABEL().CURRENCY_SYMBOL}${subTotal.toFixed(2)}`;\r\n };\r\n const onRemoveItemFromCart = (internalId, cart) => {\r\n const dataToSend = {\r\n activityType: 'cart_delete',\r\n data: {\r\n menuId: props.menusList[props.menuIndex].id,\r\n menuItemId: cart.menuItemId,\r\n menuScreenId: cart.menuScreenId,\r\n price: cart.price,\r\n quantity: cart.quantity\r\n }\r\n };\r\n props.sessionTrack(dataToSend);\r\n props.removeItemFromCart(internalId);\r\n };\r\n const onSessionTrack = (cart) => {\r\n const dataToSend = {\r\n activityType: 'cart_delete',\r\n data: {\r\n menuId: props.menusList[props.menuIndex].id,\r\n menuItemId: cart.menuItemId,\r\n menuScreenId: cart.menuScreenId,\r\n price: cart.price,\r\n quantity: cart.quantity\r\n }\r\n };\r\n props.sessionTrack(dataToSend);\r\n };\r\n const changeItemQuantity = (quantity, internalId, cart) => {\r\n if (quantity > 0) {\r\n const dataToSend = {\r\n quantity,\r\n internalId\r\n };\r\n const analyticsData = {\r\n activityType: 'cart_add',\r\n data: {\r\n menuId: props.menusList[props.menuIndex].id,\r\n menuItemId: cart.menuItemId,\r\n menuScreenId: cart.menuScreenId,\r\n price: cart.price,\r\n quantity: cart.quantity\r\n }\r\n };\r\n props.sessionTrack(analyticsData);\r\n props.pushItemQuantityToCart(dataToSend);\r\n } else {\r\n onRemoveItemFromCart(internalId);\r\n }\r\n };\r\n\r\n const checkUnAvailableItemsFromCart = (cartItems) => {\r\n return cartItems && cartItems.length > 0 && cartItems.some(item => item.isExist === true);\r\n };\r\n\r\n const prependZero = (number) => {\r\n if (number < 10) return `0${number}`;\r\n return number;\r\n };\r\n\r\n const renderTime = (time) => {\r\n let name = '';\r\n if (time) {\r\n const hour = Number(time.split(':')[0]);\r\n if (hour === 0 || hour - 12 === 0) {\r\n name = `${12}:${time.split(':')[1]} ${hour > 0 ? 'PM' : 'AM'}`;\r\n } else if (Number(time.split(':')[0]) > 12) {\r\n name = `${prependZero(hour - 12)}:${time.split(':')[1]} PM`;\r\n } else if (Number(time.split(':')[0]) < 12) {\r\n name = `${prependZero(hour)}:${time.split(':')[1]} AM`;\r\n }\r\n return name;\r\n }\r\n return name;\r\n };\r\n\r\n const formatPickupDate = (date) => {\r\n const formattedDate = props.popInData && props.popInData.store.country === 4 ? date && `${date && (date.split('-')[2])}/${date && (date.split('-')[1])}/${date && (date.split('-')[0])}` : date && `${date && (date.split('-')[1])}/${date && (date.split('-')[2])}/${date && (date.split('-')[0])}`;\r\n return formattedDate;\r\n };\r\n\r\n const handleCheckout = () => {\r\n const orders = cloneDeep(props.cart);\r\n const items = removeUnwantedFields(orders, props.modifierGroupsHashTable);\r\n analyticsDataToSend.activityType = 'cart_complete';\r\n props.sessionTrack(analyticsDataToSend);\r\n props.updatePopInData({\r\n ...priceCheckResult,\r\n items: orders,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, priceCheckResult.taxAmount, priceCheckResult.subTotalAmount, props.menuItems),\r\n }).then(() => {\r\n window.sessionStorage.setItem('orderCart', JSON.stringify(items));\r\n // if (getObjectValue(() => props.popInData.store.guestAppFeatures.supportsSurvey, false) && isSurvey && props.surveyData && props.surveyData.questions.some(e => e.surveyTarget === 1) && !props.popInData.actions.some(action => action.url === 'Survey' && action.actionTarget.receiptPage)) {\r\n // props.history.replace({\r\n // pathname: `${APP_CONFIG.BASE_URL}/survey`,\r\n // state: {\r\n // prePayment: true\r\n // }\r\n // });\r\n // } else {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/tip`);\r\n // }\r\n });\r\n };\r\n\r\n const onPlaceOrder = () => {\r\n setOpen(false);\r\n setPriceCheck(false);\r\n window.sessionStorage.setItem('onPayLater', false);\r\n analyticsDataToSend.activityType = 'cart_complete';\r\n props.sessionTrack(analyticsDataToSend);\r\n const isUnavaibleItems = checkUnAvailableItemsFromCart(JSON.parse(window.sessionStorage.getItem('cart')));\r\n if (isUnavaibleItems) {\r\n props.setNotification({\r\n type: 'danger',\r\n message: CUSTOM_MESSAGES().UNAVAILABLE_TOAST_MESSAGE\r\n });\r\n return;\r\n }\r\n // const cart = [...props.cart];\r\n // let cart = updateExcludeModifier();\r\n // cart = applyModFunction(cart);\r\n // const orders = mapStringCartToObject(cart, [], props.modifiers, props.modifierGroupsHashTable);\r\n const orders = cloneDeep(props.cart);\r\n const guestName = window.sessionStorage.getItem('guestName');\r\n const spotNumber = window.sessionStorage.getItem('spotScreen');\r\n const takeOut = JSON.parse(window.sessionStorage.getItem('takeOut'));\r\n const vehicleDescription = window.sessionStorage.getItem('vehicleDescription');\r\n const pickupTimeAsap = window.sessionStorage.getItem('pickupTimeAsap');\r\n // const pickupTime = window.sessionStorage.getItem('pickupTime');\r\n // const pickupDate = window.sessionStorage.getItem('pickupDate');\r\n const pickupTime = window.sessionStorage.getItem('pickupTime') !== 'null' ? window.sessionStorage.getItem('pickupTime') : null;\r\n const pickupDate = window.sessionStorage.getItem('pickupDate') !== 'null' ? window.sessionStorage.getItem('pickupDate') : null;\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const dataToSend = {\r\n sensorCode: popInTokenRequest.sensorCode,\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId || 0,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n consolidatePayment: getObjectValue(() => props.popInData.venue.consolidatePayment, false),\r\n venueId: getObjectValue(() => props.popInData.venue.id, null),\r\n };\r\n if ((props.popInData.flowType === 3 || props.popInData.flowType === 4 || props.popInData.flowType === 5 || props.popInData.flowType === 16)) {\r\n const flowType = props.popInData.flowType;\r\n const country = getObjectValue(() => props.popInData.store.country, false);\r\n const subTotalAmount = (country === 4 ? Number(getSubTotal().replace('£', '')) : Number(getSubTotal().replace('$', '')));\r\n props.priceCheck(JSON.stringify({\r\n ...dataToSend,\r\n flowType,\r\n subTotalAmount,\r\n ...deliveryData,\r\n guestName,\r\n spotNumber,\r\n takeOut,\r\n vehicleDescription,\r\n pickupTime,\r\n pickupTimeAsap,\r\n pickupDate\r\n })).then((res) => {\r\n // props.clearCart();\r\n setPriceCheckResult(res);\r\n if (isDeliveryOrder) {\r\n if (res.deliveryDate) {\r\n const newDeliveryDate = formatPickupDate(res.deliveryDate.split('T')[0]);\r\n const newDeliveryTime = renderTime(res.deliveryDate.split('T')[1]);\r\n setDeliveryDate(newDeliveryDate);\r\n setDeliveryTime(newDeliveryTime);\r\n window.sessionStorage.setItem('pickupDate', res.deliveryDate.split('T')[0]);\r\n window.sessionStorage.setItem('pickupTime', res.deliveryDate.split('T')[1]);\r\n }\r\n setDeliveryFee(res.deliveryFeeAmount);\r\n setIsDeliveryPopup(true);\r\n } else {\r\n props.updatePopInData({\r\n ...res,\r\n items: orders,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n }).then(() => {\r\n // window.sessionStorage.setItem('orderItems', JSON.stringify(props.cart));\r\n window.sessionStorage.setItem('orderCart', JSON.stringify(dataToSend.items));\r\n // if (getObjectValue(() => props.popInData.store.guestAppFeatures.supportsSurvey, false) && isSurvey && props.surveyData && props.surveyData.questions.some(e => e.surveyTarget === 1) && !props.popInData.actions.some(action => action.url === 'Survey' && action.actionTarget.receiptPage)) {\r\n // props.history.replace({\r\n // pathname: `${APP_CONFIG.BASE_URL}/survey`,\r\n // state: {\r\n // prePayment: true\r\n // }\r\n // });\r\n // } else {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/tip`);\r\n // }\r\n // props.history.push(`${APP_CONFIG.BASE_URL}/tip`);\r\n });\r\n }\r\n }).catch((e) => {\r\n // props.setNotification({\r\n // type: 'danger',\r\n // message: err.message\r\n // });\r\n const match = e.code.split('_');\r\n if (match[0] === 'delivery') {\r\n setErrorMessage(e && e.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n } else if (e.code === 'price_check_error') {\r\n setErrorMessage(e && e.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n } else {\r\n setPriceCheck(true);\r\n }\r\n });\r\n } else if (!isUnavaibleItems) {\r\n props.placeOrder(dataToSend).then(() => {\r\n props.clearCart();\r\n props.history.push(`${APP_CONFIG.BASE_URL}/order-success`);\r\n }).catch((err) => {\r\n props.setNotification({\r\n type: 'danger',\r\n message: err.message\r\n });\r\n });\r\n }\r\n };\r\n const onPayLater = () => {\r\n setOpen(false);\r\n setPriceCheck(false);\r\n analyticsDataToSend.activityType = 'cart_complete';\r\n props.sessionTrack(analyticsDataToSend);\r\n window.sessionStorage.setItem('onPayLater', true);\r\n // const cart = [...props.cart];\r\n // let cart = updateExcludeModifier();\r\n // cart = applyModFunction(cart);\r\n // const orders = mapStringCartToObject(cart, [], props.modifiers, props.modifierGroupsHashTable);\r\n const isUnavaibleItems = checkUnAvailableItemsFromCart(JSON.parse(window.sessionStorage.getItem('cart')));\r\n if (isUnavaibleItems) {\r\n props.setNotification({\r\n type: 'danger',\r\n message: CUSTOM_MESSAGES().UNAVAILABLE_TOAST_MESSAGE\r\n });\r\n return;\r\n }\r\n const orders = cloneDeep(props.cart);\r\n const country = getObjectValue(() => props.popInData.store.country, false);\r\n const subTotalAmount = (country === 4 ? Number(getSubTotal().replace('£', '')) : Number(getSubTotal().replace('$', '')));\r\n const guestName = window.sessionStorage.getItem('guestName');\r\n const spotNumber = window.sessionStorage.getItem('spotScreen');\r\n const takeOut = JSON.parse(window.sessionStorage.getItem('takeOut'));\r\n const vehicleDescription = window.sessionStorage.getItem('vehicleDescription');\r\n const pickupTimeAsap = window.sessionStorage.getItem('pickupTimeAsap');\r\n // const pickupTime = window.sessionStorage.getItem('pickupTime');\r\n // const pickupDate = window.sessionStorage.getItem('pickupDate');\r\n const pickupTime = window.sessionStorage.getItem('pickupTime') !== 'null' ? window.sessionStorage.getItem('pickupTime') : null;\r\n const pickupDate = window.sessionStorage.getItem('pickupDate') !== 'null' ? window.sessionStorage.getItem('pickupDate') : null;\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const dataToSend = {\r\n sensorCode: popInTokenRequest.sensorCode,\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId || 0,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n consolidatePayment: getObjectValue(() => props.popInData.venue.consolidatePayment, false),\r\n flowType: props.popInData.flowType,\r\n subtotalAmount: subTotalAmount,\r\n venueId: getObjectValue(() => props.popInData.venue.id, null),\r\n };\r\n props.priceCheck(JSON.stringify({\r\n ...dataToSend,\r\n ...deliveryData,\r\n guestName,\r\n spotNumber,\r\n takeOut,\r\n vehicleDescription,\r\n pickupTime,\r\n pickupTimeAsap,\r\n pickupDate\r\n })).then((res) => {\r\n // props.clearCart();\r\n props.updatePopInData({\r\n ...res,\r\n items: orders,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n }).then(() => {\r\n // window.sessionStorage.setItem('orderItems', JSON.stringify(props.cart));\r\n window.sessionStorage.setItem('orderCart', JSON.stringify(dataToSend.items));\r\n window.sessionStorage.removeItem('tip');\r\n props.history.push(`${APP_CONFIG.BASE_URL}/tip`);\r\n });\r\n }).catch((e) => {\r\n // props.setNotification({\r\n // type: 'danger',\r\n // message: err.message\r\n // });\r\n const match = e.code.split('_');\r\n if (match[0] === 'delivery') {\r\n setErrorMessage(e && e.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n } else if (e.code === 'price_check_error') {\r\n setErrorMessage(e && e.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n } else {\r\n setPriceCheck(true);\r\n }\r\n });\r\n };\r\n\r\n const onPaymentSucess = (res) => {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/payment-success?flowType=${props.popInData.flowType}&orderPaid=${!(res.checkHeader.unpaidAmount >= 0)}`);\r\n };\r\n\r\n const onItemsOrderSucess = () => {\r\n const popin = window.sessionStorage.getItem('popIn');\r\n const sessionId = window.sessionStorage.getItem('sessionId');\r\n const homePopUpImageViewed = window.sessionStorage.getItem('homePopUpImageViewed') || false;\r\n props.clearOrderScreen();\r\n window.sessionStorage.clear();\r\n window.sessionStorage.setItem('popIn', popin);\r\n window.sessionStorage.setItem('sessionId', sessionId);\r\n window.localStorage.setItem('checkInRequired', true);\r\n window.sessionStorage.setItem('homePopUpImageViewed', homePopUpImageViewed);\r\n if (getObjectValue(() => props.popInData.venue, null) && getObjectValue(() => props.popInData.venue.consolidateMenu, false)) {\r\n window.sessionStorage.setItem('isOrderItem', true);\r\n }\r\n props.history.push(`${APP_CONFIG.BASE_URL}/order-success`);\r\n // props.setNotification({\r\n // type: 'success',\r\n // message: 'Order placed successfully'\r\n // });\r\n };\r\n\r\n const onPaymentFailure = (error) => {\r\n if (isPreAuthPay) {\r\n setIsPreAuthPay(false);\r\n }\r\n if (captureNameWhenPayNow) {\r\n setCaptureNameWhenPayNow(false);\r\n }\r\n if (error.code === 'check_modified') {\r\n setCheckModifiedFlag(true);\r\n }\r\n if (error.code === 'check_not_present') {\r\n setPopup(true);\r\n }\r\n if (error.code !== 'check_modified' && error.code !== 'check_not_present') {\r\n props.setNotification({\r\n type: 'danger',\r\n message: error.message || error.tipAmount\r\n });\r\n }\r\n if (window.sessionStorage.getItem('checkHeaderId')) {\r\n window.sessionStorage.removeItem('checkHeaderId');\r\n }\r\n };\r\n\r\n const getSensorCode = (req) => {\r\n let result = req && req.sensorCode;\r\n if (isChangeLocationChecked) {\r\n const popInTokenRequest = window.localStorage.getItem('OldPopInRequest');\r\n result = popInTokenRequest;\r\n }\r\n return result;\r\n };\r\n\r\n const onPayAtRestaurant = () => {\r\n // const cart = [...props.cart];\r\n // let cart = updateExcludeModifier();\r\n // cart = applyModFunction(cart);\r\n // const orders = mapStringCartToObject(cart, [], props.modifiers, props.modifierGroupsHashTable);\r\n const isUnavaibleItems = checkUnAvailableItemsFromCart(JSON.parse(window.sessionStorage.getItem('cart')));\r\n if (isUnavaibleItems) {\r\n props.setNotification({\r\n type: 'danger',\r\n message: CUSTOM_MESSAGES().UNAVAILABLE_TOAST_MESSAGE\r\n });\r\n return;\r\n }\r\n const orders = cloneDeep(props.cart);\r\n const popInTokenRequest = JSON.parse(window.sessionStorage.getItem('popInTokenRequest'));\r\n const dataToSend1 = {\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n consolidatePayment: getObjectValue(() => props.popInData.venue.consolidatePayment, false)\r\n };\r\n window.sessionStorage.setItem('orderCart', JSON.stringify(dataToSend1.items));\r\n const dataToSend = {\r\n storeId: props.popInData.store.id,\r\n geoLocation: null,\r\n ticketSplitTypeId: 1,\r\n ...(isChangeLocationChecked && { revalidateSensorCode: popInTokenRequest.sensorCode }),\r\n sensorCode: getSensorCode(popInTokenRequest),\r\n splitValue: 1,\r\n taxAmount: props.popInData.taxAmount,\r\n tipAmount: 0,\r\n offerId: null,\r\n flowType: props.popInData.flowType,\r\n paymentData: null,\r\n checks: [\r\n {\r\n checkHeaderId: props.popInData.checkHeaderId\r\n }\r\n ],\r\n priceCheckFailed: true\r\n };\r\n if (!props.isHomePage && (props.popInData.flowType === 3 || props.popInData.flowType === 4 || props.popInData.flowType === 5 || props.popInData.flowType === 16)) {\r\n const items = JSON.parse(window.sessionStorage.getItem('orderCart'));\r\n const spotNumber = window.sessionStorage.getItem('spotScreen');\r\n const guestName = window.sessionStorage.getItem('guestName');\r\n const vehicleDescription = window.sessionStorage.getItem('vehicleDescription');\r\n const pickupTimeAsap = window.sessionStorage.getItem('pickupTimeAsap');\r\n const pickupTime = window.sessionStorage.getItem('pickupTime');\r\n const delivery = false;\r\n const deliveryPickupDate = props.popInData.deliveryPickupDate;\r\n props.itemsOrderPay(JSON.stringify({\r\n ...dataToSend,\r\n items,\r\n spotNumber,\r\n pickupTime,\r\n vehicleDescription,\r\n pickupTimeAsap,\r\n guestName,\r\n delivery,\r\n ...deliveryData,\r\n deliveryPickupDate\r\n })).then(onPaymentSucess).catch(onPaymentFailure);\r\n }\r\n // props.paymentBycard(JSON.stringify(dataToSend)).then(onPaymentSucess).catch(onPaymentFailure);\r\n setPriceCheck(false);\r\n };\r\n\r\n const handleTableOrderSentSessionTrack = (res) => {\r\n const dataToSend = {\r\n activityType: 'order_sent',\r\n data: {\r\n count: getCount(),\r\n amount: getTotal(),\r\n items: getCartItems(),\r\n checkHeader: res.checkHeader || null\r\n }\r\n };\r\n props.sessionTrack(dataToSend);\r\n };\r\n\r\n const getOrderNickName = () => {\r\n let result = props.popInData.seatName || null;\r\n const orderNickInfo = window.localStorage.getItem('seatName') || null;\r\n if (orderNickInfo) {\r\n result = orderNickInfo;\r\n }\r\n return result;\r\n };\r\n\r\n const onClickOrderItems = () => {\r\n // const cart = [...props.cart];\r\n // let cart = updateExcludeModifier();\r\n // cart = applyModFunction(cart);\r\n // const orders = mapStringCartToObject(cart, [], props.modifiers, props.modifierGroupsHashTable);\r\n analyticsDataToSend.activityType = 'cart_complete';\r\n props.sessionTrack(analyticsDataToSend);\r\n const isUnavaibleItems = checkUnAvailableItemsFromCart(JSON.parse(window.sessionStorage.getItem('cart')));\r\n if (isUnavaibleItems) {\r\n props.setNotification({\r\n type: 'danger',\r\n message: CUSTOM_MESSAGES().UNAVAILABLE_TOAST_MESSAGE\r\n });\r\n return;\r\n }\r\n const orders = cloneDeep(props.cart);\r\n const checkId = props.popInData.checkHeaders && props.popInData.checkHeaders.length > 1 ? checkHeaderId : getObjectValue(() => props.popInData.checkHeaderId, null);\r\n const daisyChainValues = JSON.parse(window.localStorage.getItem('daisyChainValues')) || null;\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const dataToSend = {\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: checkId,\r\n ...(isChangeLocationChecked && { revalidateSensorCode: popInTokenRequest.sensorCode }),\r\n sensorCode: getSensorCode(popInTokenRequest),\r\n stationId: props.popInData.stationId || null,\r\n tabName: props.popInData.tabName || null,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n consolidatePayment: getObjectValue(() => props.popInData.venue.consolidatePayment, false)\r\n };\r\n let requestData = {\r\n geoLocation: null,\r\n ticketSplitTypeId: 1,\r\n splitValue: 1,\r\n subtotalAmount: 0,\r\n // subtotalAmount: props.popInData.subTotalAmount,\r\n taxAmount: 0,\r\n tipAmount: 0,\r\n offerId: null,\r\n flowType: 2,\r\n daisyChain: props.popInData.store.suppressDaisyChainPrompt ? true : null,\r\n seatName: props.popInData.seatName || getOrderNickName(),\r\n items: dataToSend,\r\n forceNewCheck: window.sessionStorage.getItem('forceNewCheck'),\r\n ...dataToSend\r\n };\r\n if (daisyChainValues) {\r\n requestData = { ...requestData, ...daisyChainValues };\r\n }\r\n props.orderItems(requestData).then((res) => { if (isTableOrder) { handleTableOrderSentSessionTrack(res); } props.updatePopInData({ items: orders }); onItemsOrderSucess(); }).catch(onPaymentFailure);\r\n };\r\n\r\n const onPayNow = () => {\r\n analyticsDataToSend.activityType = 'cart_complete';\r\n props.sessionTrack(analyticsDataToSend);\r\n const isUnavaibleItems = checkUnAvailableItemsFromCart(JSON.parse(window.sessionStorage.getItem('cart')));\r\n if (isUnavaibleItems) {\r\n props.setNotification({\r\n type: 'danger',\r\n message: CUSTOM_MESSAGES().UNAVAILABLE_TOAST_MESSAGE\r\n });\r\n return;\r\n }\r\n const country = getObjectValue(() => props.popInData.store.country, false);\r\n const subTotalAmount = (country === 4 ? Number(getSubTotal().replace('£', '')) : Number(getSubTotal().replace('$', '')));\r\n const orders = cloneDeep(props.cart);\r\n const isPreAuth = isPreAuthPay && (props.popInData.flowType === 2 && props.popInData.supportsPreAuth && !props.popInData.suppressPreAuth);\r\n const guestName = window.sessionStorage.getItem('guestName');\r\n const spotNumber = window.sessionStorage.getItem('spotScreen');\r\n const takeOut = JSON.parse(window.sessionStorage.getItem('takeOut'));\r\n const vehicleDescription = window.sessionStorage.getItem('vehicleDescription');\r\n const pickupTimeAsap = window.sessionStorage.getItem('pickupTimeAsap');\r\n // const pickupTime = window.sessionStorage.getItem('pickupTime');\r\n // const pickupDate = window.sessionStorage.getItem('pickupDate');\r\n const pickupTime = window.sessionStorage.getItem('pickupTime') !== 'null' ? window.sessionStorage.getItem('pickupTime') : null;\r\n const pickupDate = window.sessionStorage.getItem('pickupDate') !== 'null' ? window.sessionStorage.getItem('pickupDate') : null;\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const dataToSend = {\r\n sensorCode: popInTokenRequest.sensorCode,\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId || 0,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n consolidatePayment: getObjectValue(() => props.popInData.venue.consolidatePayment, false),\r\n flowType: props.popInData.flowType,\r\n subtotalAmount: subTotalAmount,\r\n venueId: getObjectValue(() => props.popInData.venue.id, null),\r\n };\r\n window.sessionStorage.setItem('onPayLater', false);\r\n if (isPreAuth) {\r\n const data = {\r\n checkInId: props.popInData.checkInId\r\n };\r\n props.getPopIn(JSON.stringify(data)).then((resPopIn) => {\r\n if (resPopIn.flowType === 2 && resPopIn.supportsPreAuth && !props.popInData.suppressPreAuth) {\r\n props.priceCheck(JSON.stringify({\r\n ...dataToSend,\r\n ...deliveryData,\r\n guestName,\r\n spotNumber,\r\n takeOut,\r\n vehicleDescription,\r\n pickupTime,\r\n pickupTimeAsap,\r\n pickupDate\r\n })).then((res) => {\r\n props.updatePopInData({\r\n ...res,\r\n seatName: window.localStorage.getItem('seatName') || null,\r\n items: orders,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n }).then(() => {\r\n window.sessionStorage.setItem('orderCart', JSON.stringify(dataToSend.items));\r\n window.sessionStorage.removeItem('tip');\r\n window.sessionStorage.setItem('supportsTableOrderRequiresPrepayment', supportsTableOrderRequiresPrepayment);\r\n props.history.push(`${APP_CONFIG.BASE_URL}/tip?preAuth=${isPreAuth}`);\r\n });\r\n }).catch((err) => {\r\n setIsPreAuthPay(false);\r\n setCaptureNameWhenPayNow(false);\r\n setErrorMessage(err && err.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n });\r\n } else {\r\n onClickOrderItems();\r\n }\r\n }).catch(onPaymentFailure);\r\n } else {\r\n props.priceCheck(JSON.stringify({\r\n ...dataToSend,\r\n ...deliveryData,\r\n spotNumber,\r\n takeOut,\r\n vehicleDescription,\r\n pickupTime,\r\n pickupTimeAsap,\r\n pickupDate\r\n })).then((res) => {\r\n props.updatePopInData({\r\n ...res,\r\n seatName: window.localStorage.getItem('seatName') || null,\r\n items: orders,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n }).then(() => {\r\n window.sessionStorage.setItem('orderCart', JSON.stringify(dataToSend.items));\r\n window.sessionStorage.removeItem('tip');\r\n window.sessionStorage.setItem('supportsTableOrderRequiresPrepayment', supportsTableOrderRequiresPrepayment);\r\n // if (getObjectValue(() => props.popInData.store.guestAppFeatures.supportsSurvey, false) && isSurvey && props.surveyData && props.surveyData.questions.some(e => e.surveyTarget === 1) && !props.popInData.actions.some(action => action.url === 'Survey' && action.actionTarget.receiptPage)) {\r\n // props.history.replace({\r\n // pathname: `${APP_CONFIG.BASE_URL}/survey`,\r\n // state: {\r\n // prePayment: true\r\n // }\r\n // });\r\n // } else {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/tip?preAuth=${isPreAuth}`);\r\n // }\r\n });\r\n }).catch((err) => {\r\n setCaptureNameWhenPayNow(false);\r\n setErrorMessage(err && err.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n });\r\n }\r\n };\r\n\r\n const onPriceCheck = () => {\r\n // let cart = updateExcludeModifier();\r\n // cart = applyModFunction(cart);\r\n // const orders = mapStringCartToObject(cart, [], props.modifiers, props.modifierGroupsHashTable);\r\n const isUnavaibleItems = checkUnAvailableItemsFromCart(JSON.parse(window.sessionStorage.getItem('cart')));\r\n if (isUnavaibleItems) {\r\n props.setNotification({\r\n type: 'danger',\r\n message: CUSTOM_MESSAGES().UNAVAILABLE_TOAST_MESSAGE\r\n });\r\n return;\r\n }\r\n const orders = cloneDeep(props.cart);\r\n const country = getObjectValue(() => props.popInData.store.country, false);\r\n const subTotalAmount = (country === 4 ? Number(getSubTotal().replace('£', '')) : Number(getSubTotal().replace('$', '')));\r\n const guestName = window.sessionStorage.getItem('guestName');\r\n const spotNumber = window.sessionStorage.getItem('spotScreen');\r\n const takeOut = JSON.parse(window.sessionStorage.getItem('takeOut'));\r\n const vehicleDescription = window.sessionStorage.getItem('vehicleDescription');\r\n const pickupTimeAsap = window.sessionStorage.getItem('pickupTimeAsap');\r\n const pickupTime = window.sessionStorage.getItem('pickupTime') !== 'null' ? window.sessionStorage.getItem('pickupTime') : null;\r\n const pickupDate = window.sessionStorage.getItem('pickupDate') !== 'null' ? window.sessionStorage.getItem('pickupDate') : null;\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const dataToSend = {\r\n sensorCode: popInTokenRequest && popInTokenRequest.sensorCode,\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId || 0,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n consolidatePayment: getObjectValue(() => props.popInData.venue.consolidatePayment, false),\r\n flowType: props.popInData.flowType,\r\n subtotalAmount: subTotalAmount,\r\n venueId: getObjectValue(() => props.popInData.venue.id, null),\r\n };\r\n props.priceCheck(JSON.stringify({\r\n ...dataToSend,\r\n ...deliveryData,\r\n guestName,\r\n spotNumber,\r\n takeOut,\r\n vehicleDescription,\r\n pickupTime,\r\n pickupTimeAsap,\r\n pickupDate\r\n })).then((res) => {\r\n props.updatePopInData({\r\n ...res,\r\n items: orders,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n });\r\n // setPriceCheckModel(!showPriceCheckModel);\r\n try {\r\n window.webkit.messageHandlers.submitToiOS.postMessage(JSON.stringify({ ...res, items: orders, cart: window.sessionStorage.getItem('cart') }));\r\n } catch (err) {\r\n setPriceCheckModel(!showPriceCheckModel);\r\n }\r\n try {\r\n window.Android.submitToAndroid(JSON.stringify({ ...res, items: orders, cart: window.sessionStorage.getItem('cart') }));\r\n } catch (err) {\r\n setPriceCheckModel(!showPriceCheckModel);\r\n }\r\n }).catch((err) => {\r\n setErrorMessage(err && err.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n });\r\n };\r\n\r\n const simulateKDS = () => {\r\n const isUnavaibleItems = checkUnAvailableItemsFromCart(JSON.parse(window.sessionStorage.getItem('cart')));\r\n if (isUnavaibleItems) {\r\n props.setNotification({\r\n type: 'danger',\r\n message: CUSTOM_MESSAGES().UNAVAILABLE_TOAST_MESSAGE\r\n });\r\n return;\r\n }\r\n const orders = cloneDeep(props.cart);\r\n const country = getObjectValue(() => props.popInData.store.country, false);\r\n const subTotalAmount = (country === 4 ? Number(getSubTotal().replace('£', '')) : Number(getSubTotal().replace('$', '')));\r\n const guestName = window.sessionStorage.getItem('guestName');\r\n const spotNumber = window.sessionStorage.getItem('spotScreen');\r\n const takeOut = JSON.parse(window.sessionStorage.getItem('takeOut'));\r\n const vehicleDescription = window.sessionStorage.getItem('vehicleDescription');\r\n const pickupTimeAsap = window.sessionStorage.getItem('pickupTimeAsap');\r\n const pickupTime = window.sessionStorage.getItem('pickupTime') !== 'null' ? window.sessionStorage.getItem('pickupTime') : null;\r\n const pickupDate = window.sessionStorage.getItem('pickupDate') !== 'null' ? window.sessionStorage.getItem('pickupDate') : null;\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const dataToSend = {\r\n sensorCode: popInTokenRequest && popInTokenRequest.sensorCode,\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId || 0,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n consolidatePayment: getObjectValue(() => props.popInData.venue.consolidatePayment, false),\r\n flowType: props.popInData.flowType,\r\n subtotalAmount: subTotalAmount,\r\n venueId: getObjectValue(() => props.popInData.venue.id, null),\r\n };\r\n props.kdsSimulate(JSON.stringify({\r\n ...dataToSend,\r\n ...deliveryData,\r\n guestName,\r\n spotNumber,\r\n takeOut,\r\n vehicleDescription,\r\n pickupTime,\r\n pickupTimeAsap,\r\n pickupDate\r\n })).then((res) => {\r\n props.updatePopInData({\r\n ...res,\r\n items: orders,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n });\r\n try {\r\n window.webkit.messageHandlers.submitToiOS.postMessage(JSON.stringify({ ...res, items: orders, cart: window.sessionStorage.getItem('cart') }));\r\n } catch (err) {\r\n // setKDSModel(!showKDSModel);\r\n if (window.innerWidth > 1023) {\r\n props.history.replace({\r\n pathname: `${APP_CONFIG.BASE_URL}/KDS`,\r\n });\r\n }\r\n }\r\n try {\r\n window.Android.submitToAndroid(JSON.stringify({ ...res, items: orders, cart: window.sessionStorage.getItem('cart') }));\r\n } catch (err) {\r\n // setKDSModel(!showKDSModel);\r\n if (window.innerWidth > 1023) {\r\n props.history.replace({\r\n pathname: `${APP_CONFIG.BASE_URL}/KDS`,\r\n });\r\n }\r\n }\r\n }).catch((err) => {\r\n setErrorMessage(err && err.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n });\r\n };\r\n\r\n const onCheckRefreshSuccess = (res) => {\r\n if (res.checkHeaderId === 0) {\r\n // setPopup(true);\r\n } else {\r\n setPopup(false);\r\n props.updatePopInData({ ...res });\r\n if (supportsTableOrderRequiresPrepayment) {\r\n onPayNow();\r\n } else {\r\n onClickOrderItems();\r\n }\r\n }\r\n };\r\n\r\n const onCheckRefresh = () => {\r\n setPopup(false);\r\n setCheckModifiedFlag(false);\r\n const data = {\r\n checkInId: props.popInData.checkInId\r\n };\r\n props.getPopIn(JSON.stringify(data)).then(onCheckRefreshSuccess).catch(onPaymentFailure);\r\n };\r\n\r\n const onTryAgain = () => {\r\n const isPayLater = window.sessionStorage.getItem('onPayLater');\r\n if (isPayLater === 'true') {\r\n onPayLater();\r\n } else {\r\n onPlaceOrder();\r\n }\r\n };\r\n\r\n const userData = userInfo.getUserBasicDetails();\r\n const orderNickName = userData && userData.id && !getObjectValue(() => props.popInData.store.suppressDaisyChainName, false) ? userData.orderNickname : null;\r\n\r\n const getSeatName = () => {\r\n let seatName = '';\r\n if (getObjectValue(() => userData.id, false) && props.popInData.checkHeaders && props.popInData.checkHeaders.length > 0 && props.popInData.checkHeaders[0].seats.length > 0) {\r\n const seatArray = filter(props.popInData.checkHeaders[0].seats, d => d.memberId === userData.id);\r\n if (seatArray.length > 0) {\r\n seatName = seatArray[0].name;\r\n }\r\n }\r\n return seatName;\r\n };\r\n\r\n const seatNameExistForSameUser = userData && userData.id && !!getSeatName();\r\n\r\n const byPassDaisyScreen = () => {\r\n if (props.popInData.flowType === 2 && props.popInData.store.requireNameForTableOrder && !props.popInData.store.guestAppFeatures.supportsDaisyChainOrdering && !props.popInData.store.suppressDaisyChainPrompt && !captureNameWhenPayNow) {\r\n props.updatePopInData({ seatName: getObjectValue(() => userData.orderNickname, false) || null }).then(() => {\r\n window.localStorage.setItem('seatName', getObjectValue(() => userData.orderNickname, false) || null);\r\n });\r\n }\r\n setPopupOrder(false);\r\n if (isPreAuthPay) {\r\n onPayNow();\r\n } else if (captureNameWhenPayNow) {\r\n window.localStorage.setItem('seatName', userData.orderNickname || '');\r\n onPayNow();\r\n } else {\r\n props.updatePopInData({\r\n seatName: getObjectValue(() => userData.orderNickname, false) || null\r\n }).then(() => {\r\n onClickOrderItems();\r\n }).catch(() => {});\r\n }\r\n };\r\n\r\n const handleOrderNow = (checkId) => {\r\n if ((props.popInData.store.guestAppFeatures.supportsDaisyChainOrdering && !props.popInData.store.suppressDaisyChainPrompt && !captureNameWhenPayNow)) {\r\n const dataToSend = {\r\n storeId: getObjectValue(() => props.popInData.store.id, 0),\r\n checkHeaderId: checkId,\r\n stationId: null\r\n };\r\n props.getOtherOrdersList(dataToSend).then((list) => {\r\n if (list.length === 0) {\r\n setPopupOrder(true);\r\n } else {\r\n setPopupOrder(true);\r\n }\r\n }).catch((err) => {\r\n if (window.sessionStorage.getItem('checkHeaderId')) {\r\n window.sessionStorage.removeItem('checkHeaderId');\r\n }\r\n props.setNotification({\r\n type: 'danger',\r\n message: err.message\r\n });\r\n });\r\n } else if (!props.popInData.store.guestAppFeatures.supportsDaisyChainOrdering && !(props.popInData.flowType === 2 && props.popInData.store.requireNameForTableOrder)) {\r\n if (isPreAuthPay) {\r\n onPayNow();\r\n } else {\r\n // setIsPopUp(true);\r\n onClickOrderItems();\r\n }\r\n } else if (props.popInData.store.suppressDaisyChainPrompt && !(props.popInData.flowType === 2 && props.popInData.store.requireNameForTableOrder)) {\r\n onClickOrderItems();\r\n } else if (((props.popInData.flowType === 2 && props.popInData.store.requireNameForTableOrder) || captureNameWhenPayNow)) {\r\n if (getObjectValue(() => userData.orderNickname, false)) {\r\n byPassDaisyScreen();\r\n } else {\r\n setPopupOrder(true);\r\n }\r\n } else if (props.popInData.flowType === 2 && props.popInData.store.requireNameForTableOrder && seatNameExistForSameUser) {\r\n props.updatePopInData({}).then(() => {\r\n onClickOrderItems();\r\n });\r\n // setIsPopUp(true);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (checkHeaderId) {\r\n window.sessionStorage.removeItem('checkHeaderId');\r\n handleOrderNow(checkHeaderId);\r\n }\r\n }, [checkHeaderId]);\r\n\r\n useEffect(() => {\r\n if (window.sessionStorage.getItem('checkHeaderId')) {\r\n setCheckHeaderId(Number(window.sessionStorage.getItem('checkHeaderId')));\r\n }\r\n }, [window.sessionStorage.getItem('checkHeaderId')]);\r\n\r\n const handleMultipleChecks = () => {\r\n if (props.popInData.checkHeaders && props.popInData.checkHeaders.length > 1 && !guestBudgetAmount) {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/split-check?isOrder=true`);\r\n } else if (props.popInData.flowType === 2 && guestBudgetAmount > 0) {\r\n const orders = cloneDeep(props.cart);\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const country = getObjectValue(() => props.popInData.store.country, false);\r\n const subTotalAmount = (country === 4 ? Number(getSubTotal().replace('£', '')) : Number(getSubTotal().replace('$', '')));\r\n const dataToSend = {\r\n sensorCode: getSensorCode(popInTokenRequest),\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId || 0,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n flowType: props.popInData.flowType,\r\n subtotalAmount: subTotalAmount,\r\n guestBudgetAmount: getObjectValue(() => props.popInData.guestBudgetAmount, null),\r\n guestBudgetAmountUsed: getObjectValue(() => props.popInData.guestBudgetAmountUsed, null),\r\n guestBudgetExcludesAgeRestricted: getObjectValue(() => props.popInData.guestBudgetExcludesAgeRestricted, null),\r\n venueId: getObjectValue(() => props.popInData.venue.id, null),\r\n };\r\n props.priceCheck(JSON.stringify({\r\n ...dataToSend,\r\n })).then((res) => {\r\n props.updatePopInData({\r\n ...res,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n }).then(() => {\r\n if (props.popInData.flowType === 2 && guestBudgetAmount > 0 && res && res.totalAmount > 0) {\r\n setShowGuestBudgetModal(true);\r\n } else {\r\n handleOrderNow(getObjectValue(() => props.popInData.checkHeaderId, null));\r\n }\r\n });\r\n }).catch((err) => {\r\n setErrorMessage(err && err.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n });\r\n } else {\r\n handleOrderNow(getObjectValue(() => props.popInData.checkHeaderId, null));\r\n }\r\n };\r\n\r\n const onCheckIn = () => {\r\n if (window.localStorage.getItem('ios')) {\r\n try {\r\n window.webkit.messageHandlers.submitToiOS.postMessage(JSON.stringify({ login: 'Login', cart: window.sessionStorage.getItem('cart') }));\r\n } catch (err) {\r\n console.log('error.', err);\r\n }\r\n try {\r\n window.Android.submitToAndroid(JSON.stringify({ login: 'Login', cart: window.sessionStorage.getItem('cart') }));\r\n } catch (err) {\r\n console.log('error.', err);\r\n }\r\n } else {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/sensor-check?backTo=selected-cart/0`);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (isPreAuthPay) {\r\n setCaptureNameWhenPayNow(false);\r\n handleOrderNow(getObjectValue(() => props.popInData.checkHeaderId, null));\r\n }\r\n }, [isPreAuthPay]);\r\n\r\n\r\n useEffect(() => {\r\n if (captureNameWhenPayNow) {\r\n handleOrderNow(getObjectValue(() => props.popInData.checkHeaderId, null));\r\n }\r\n }, [captureNameWhenPayNow]);\r\n const navigation = (e) => {\r\n if (e.key === 'Escape' && !(isOpen || receiptModel || showPriceCheckModel || isPriceCheck || isPopUp || isPriceCheckOnPayNow || popup || props.isOrderLoading || addressPopup || isDeliveryPopup || priceCheckErrorMessagePopup || isCheckModifiedFlag || showGuestBudgetModal || isKeepItOpenModel || isPayNowModel || isOrderModel) && !window.sessionStorage.getItem('languageModal') && !window.sessionStorage.getItem('spotpopup') && !window.sessionStorage.getItem('checkoutDeliverTo') && !window.sessionStorage.getItem('selectedCartPopUp') && !window.sessionStorage.getItem('setnotification') && !window.sessionStorage.getItem('upsellDec')) {\r\n // props.history.goBack();\r\n props.history.push(`${APP_CONFIG.BASE_URL}/orders`);\r\n }\r\n if (e.key === 'Escape') {\r\n window.sessionStorage.removeItem('languageModal');\r\n window.sessionStorage.removeItem('spotpopup');\r\n window.sessionStorage.removeItem('checkoutDeliverTo');\r\n window.sessionStorage.removeItem('selectedCartPopUp');\r\n window.sessionStorage.removeItem('setnotification');\r\n window.sessionStorage.removeItem('upsellDec');\r\n }\r\n };\r\n useEffect(() => {\r\n if (window.location.pathname.includes('selected-cart')) {\r\n document.addEventListener('keydown', navigation);\r\n }\r\n return () => document.removeEventListener('keydown', navigation);\r\n }, [spotTrue || isOpen || receiptModel || showPriceCheckModel || isPriceCheck || isPopUp || isPriceCheckOnPayNow || popup || props.isOrderLoading || addressPopup || isDeliveryPopup || priceCheckErrorMessagePopup || isCheckModifiedFlag || showGuestBudgetModal || isKeepItOpenModel || isPayNowModel || isOrderModel]);\r\n\r\n const renderVoucherTime = (time) => {\r\n let name = '';\r\n if (time) {\r\n const hour = Number(time.time.split(':')[0]);\r\n if (hour === 0 || hour - 12 === 0) {\r\n name = `${12}:${time.time.split(':')[1]} ${hour > 0 ? 'PM' : 'AM'}`;\r\n } else if (Number(time.time.split(':')[0]) > 12) {\r\n name = `${prependZero(hour - 12)}:${time.time.split(':')[1]} PM`;\r\n } else if (Number(time.time.split(':')[0]) < 12) {\r\n name = `${prependZero(hour)}:${time.time.split(':')[1]} AM`;\r\n }\r\n return name;\r\n }\r\n return name;\r\n };\r\n const payNowCLick = () => {\r\n setIsPayNowModel(true);\r\n setHandlePayNowClickFunction(true);\r\n };\r\n const payNowHandleOnPayNowClick = () => {\r\n setIsPayNowModel(true);\r\n setHandleOnPayNowClickFunction(true);\r\n };\r\n const PayNowOnPlaceOrderHandler = () => {\r\n setIsPayNowModel(true);\r\n setOnPlaceOrderFunction(true);\r\n };\r\n const orderNowModelHandleOnOrderNow = () => {\r\n setIsOrderModel(true);\r\n setHandleOnOrderNowClickFunction(true);\r\n };\r\n const orderNowModelOnCheckin = () => {\r\n setIsOrderModel(true);\r\n setOnCheckinFunction(true);\r\n };\r\n const orderNowModelHandleZeroPayment = () => {\r\n setIsOrderModel(true);\r\n setHandleZeroPaymentFunction(true);\r\n };\r\n const guestName = (getObjectValue(() => window.sessionStorage.getItem('guestName'), null));\r\n const vehicleDescription = window.sessionStorage.getItem('vehicleDescription') || null;\r\n const pickUpdate = (getObjectValue(() => window.sessionStorage.getItem('pickupDate'), null));\r\n const shortDate = formatPickupDate(pickUpdate && (pickUpdate.split('T')[0]));\r\n const picktime = (getObjectValue(() => window.sessionStorage.getItem('pickupTime'), null));\r\n const pickupTime = renderTime(picktime);\r\n const addressData = JSON.parse((getObjectValue(() => window.sessionStorage.getItem('deliveryData'), null)));\r\n const voucherPickUpTime = renderVoucherTime(JSON.parse(window.sessionStorage.getItem('voucherSelectedSlot')));\r\n console.log('vehicleDescription', vehicleDescription);\r\n\r\n const editOnlineOrderContents = (str, value) => {\r\n if (str === 'guestName') {\r\n setField('guestName');\r\n } if (str === 'vehicleDescription') {\r\n setField('vehicleDescription');\r\n } else if (str === 'selectedDate') {\r\n setField('selectedDate');\r\n }\r\n setOnlineOrder(value);\r\n };\r\n\r\n const editBookMyVoucher = (str, value) => {\r\n if (str === 'guestName') {\r\n setField('guestName');\r\n }\r\n if (str === 'selectedDate') {\r\n setField('selectedDate');\r\n }\r\n setEditBookMyVoucher(value);\r\n };\r\n\r\n const editDeliveryeOrderContents = (str, value) => {\r\n if (str === 'guestName') {\r\n setField('guestName');\r\n } else if (str === 'deliveryDate') {\r\n setField('deliveryDate');\r\n } else if (str === 'address') {\r\n setField('address');\r\n }\r\n setDeliveryOrder(value);\r\n };\r\n\r\n const redirectToPickupPage = () => {\r\n window.sessionStorage.removeItem('pickupTime');\r\n window.sessionStorage.removeItem('guestName');\r\n window.sessionStorage.removeItem('deliveryData');\r\n window.sessionStorage.removeItem('advanceDeliveryData');\r\n window.sessionStorage.removeItem('isDeliveryOrder');\r\n window.sessionStorage.removeItem('pickupDate');\r\n props.clearCart();\r\n if (window.localStorage.getItem('ios')) {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/pickup-time?delivery=true`);\r\n } else {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/pickup-time`);\r\n }\r\n };\r\n\r\n const redirectToPaymentPage = () => {\r\n const orders = cloneDeep(props.cart);\r\n const items = removeUnwantedFields(orders, props.modifierGroupsHashTable);\r\n window.sessionStorage.setItem('orderCart', JSON.stringify(items));\r\n window.sessionStorage.setItem('isOverBudgetAmount', true);\r\n props.history.replace({\r\n pathname: `${APP_CONFIG.BASE_URL}/tip`,\r\n state: {\r\n isguestOverBudget: true,\r\n },\r\n });\r\n };\r\n\r\n const editDeliveryAddress = () => {\r\n setAddressPopUp(true);\r\n };\r\n\r\n const handleZeroPayment = () => {\r\n const orders = cloneDeep(props.cart);\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const country = getObjectValue(() => props.popInData.store.country, false);\r\n const subTotalAmount = (country === 4 ? Number(getSubTotal().replace('£', '')) : Number(getSubTotal().replace('$', '')));\r\n const dataToSend = {\r\n sensorCode: getSensorCode(popInTokenRequest),\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId || 0,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n flowType: props.popInData.flowType,\r\n subtotalAmount: subTotalAmount,\r\n guestBudgetAmount: getObjectValue(() => props.popInData.guestBudgetAmount, null),\r\n guestBudgetAmountUsed: getObjectValue(() => props.popInData.guestBudgetAmountUsed, null),\r\n guestBudgetExcludesAgeRestricted: getObjectValue(() => props.popInData.guestBudgetExcludesAgeRestricted, null),\r\n venueId: getObjectValue(() => props.popInData.venue.id, null),\r\n };\r\n props.priceCheck(JSON.stringify({\r\n ...dataToSend,\r\n })).then((res) => {\r\n props.updatePopInData({\r\n ...res,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n }).then(() => {\r\n if (supportsTableOrderRequiresPrepayment) {\r\n onPayNow();\r\n } else {\r\n onClickOrderItems();\r\n }\r\n });\r\n }).catch(() => {\r\n });\r\n };\r\n const close = () => {\r\n setSpotTrue(false);\r\n setOnlineOrder(false);\r\n setDeliveryOrder(false);\r\n setEditBookMyVoucher(false);\r\n };\r\n\r\n const checkItemPresentInCart = (menuItems, cartItems) => {\r\n const cartTemp = [];\r\n cartItems.forEach((cart) => {\r\n if (menuItems.some(menuItem => menuItem.id === cart.menuItemId && !menuItem.outOfStock && menuItem.badge !== 1)) {\r\n cartTemp.push({ ...cart, isExist: false });\r\n } else {\r\n cartTemp.push({ ...cart, isExist: true });\r\n }\r\n });\r\n const unAvailableItem = cartTemp.find(o => o.isExist === true);\r\n if (unAvailableItem && unAvailableItem.isExist) {\r\n props.setNotification({\r\n type: 'danger',\r\n message: CUSTOM_MESSAGES().UNAVAILABLE_TOAST_MESSAGE\r\n });\r\n }\r\n window.sessionStorage.setItem('cart', JSON.stringify(cartTemp));\r\n const updateCartItems = window.sessionStorage.getItem('cart');\r\n props.replaceCart(JSON.parse(updateCartItems));\r\n setCartObject(mapStringCartToObject(cloneDeep(cartTemp), [], props.modifierGroupsHashTable, props.modifiers));\r\n };\r\n\r\n\r\n const closePopUpOnTimeChanged = () => {\r\n setOnlineOrder(false);\r\n setDeliveryOrder(false);\r\n setEditBookMyVoucher(false);\r\n const cartItems = window.sessionStorage.getItem('cart');\r\n props.clearMenu().then(() => {\r\n props.getMenu(props.popInData.store.id, props.popInData.flowType).then((response) => {\r\n props.replaceCart(JSON.parse(cartItems)).then(() => {\r\n if (response && response.menuItems.length > 0) {\r\n checkItemPresentInCart(response.menuItems, JSON.parse(cartItems));\r\n }\r\n });\r\n });\r\n });\r\n };\r\n\r\n const spotCodeFunc = (value, str) => {\r\n if (str === 'spot') {\r\n setSpotName('spotNumber');\r\n } else {\r\n setSpotName('guestName');\r\n }\r\n setSpotTrue(value);\r\n };\r\n\r\n const totalComponent = (\r\n <>\r\n
1023 ? `${styles.fontSize13} fw-600` : '')}>\r\n {(props.popInData.flowType === 2 && guestBudgetAmount > 0) && (\r\n
1023 ? 'pt-10 col-12' : 'col-8 fs-14')}>\r\n {LABEL().BUDGET}: {LABEL().CURRENCY_SYMBOL}{(guestBudgetAmountRemaining || 0).toFixed(2)}\r\n
\r\n )}\r\n {(props.popInData.flowType === 2) && (\r\n
1023 ? 'pt-10 col-12' : 'col-8 fs-14')}>\r\n \r\n
\r\n )}\r\n {(props.popInData.flowType === 3 && window.sessionStorage.getItem('spotScreen')) && (\r\n
1023 ? 'pt-10 col-12 text-left' : 'col-8 fs-14', styles.marginLeft)}>\r\n 1023 ? `${styles.fontSize13} fw-600` : '', 'od-text-primary')}>{LABEL().CHECKOUT_SPOT_NUMBER}: {window.sessionStorage.getItem('spotScreen')}\r\n \r\n
\r\n )}\r\n {(props.popInData.flowType === 5 && window.sessionStorage.getItem('guestName')) && (\r\n
1023 ? 'pt-10 col-12' : 'col-8 fs-14', styles.marginLeft)}>\r\n {LABEL().CHECKOUT_DELIVER_TO}: {window.sessionStorage.getItem('guestName')}\r\n \r\n
\r\n )}\r\n {(props.popInData.flowType === 16 && window.sessionStorage.getItem('guestName')) && (\r\n
1023 ? 'pt-10 col-12' : 'col-8 fs-14', styles.marginLeft)}>\r\n {LABEL().CHECKOUT_DELIVER_TO}: {window.sessionStorage.getItem('guestName')}\r\n \r\n
\r\n )}\r\n {(props.popInData.flowType === 4 && isDeliveryOrder) && !isVoucherFlow && (\r\n <>\r\n
1023 ? 'text-left ml-0 pr-20 pl-20 pt-10 col-12' : 'col-8 fs-14', styles.marginLeft)}>\r\n {LABEL().NAME}: {guestName}\r\n \r\n
\r\n
1023 ? 'ml-0 pl-20 pr-20 col-12' : 'col-8 fs-14 mt-2', styles.marginLeft)}>\r\n {shortDate ? LABEL().DATE : LABEL().TIME}: {shortDate} {pickupTime}\r\n \r\n
\r\n
1023 ? 'pl-20 pr-20 col-12' : 'col-8 fs-14 mt-2')}>\r\n
\r\n
{addressData && addressData.address1}
\r\n {(addressData && addressData.city && addressData.state && addressData.zipCode) && (\r\n
\r\n {addressData.city}, {addressData.state}, {addressData.zipCode}\r\n
)}\r\n
\r\n
\r\n
\r\n \r\n )}\r\n {(props.popInData.flowType === 4 && !isDeliveryOrder) && !isVoucherFlow && (\r\n <>\r\n
1023 ? 'ml-0 pr-20 pl-20 pt-10 col-12' : 'col-8 fs-14')}>\r\n {LABEL().NAME}: {guestName}\r\n \r\n
\r\n {!getObjectValue(() => props.popInData.store.guestAppFeatures.suppressOnlineOrderCheckIn, false) && (\r\n
1023 ? 'ml-0 pr-20 pl-20 pt-10 col-12' : 'col-8 fs-14')}>\r\n {LABEL().PICKUP_VEHICLE_DESCRIPTION_TEXT}: {vehicleDescription}\r\n \r\n
\r\n )}\r\n
1023 ? 'pl-20 pr-20 col-12' : 'col-8 fs-14 mt-2')}>\r\n {shortDate ? LABEL().DATE : LABEL().TIME}: {shortDate} {pickupTime}\r\n \r\n
\r\n \r\n )}\r\n {(props.popInData.flowType === 4 && isVoucherFlow) && (\r\n <>\r\n
1023 ? 'ml-0 pr-20 pl-20 pt-10 col-12' : 'col-8 fs-14')}>\r\n {LABEL().NAME}: {guestName}\r\n \r\n
\r\n
1023 ? 'pt-10 col-12' : 'col-8 fs-14 mt-2')}>\r\n {shortDate ? LABEL().DATE : LABEL().TIME}: {shortDate} {voucherPickUpTime}\r\n \r\n
\r\n \r\n )}\r\n {(enableTableRevalidation && props.popInData.flowType === 2) && (\r\n
1023 ? 'pt-10 col-12' : 'col-8 fs-14')}>\r\n
{LABEL().CURRENT_LOCATION}: \r\n { !props.popInData.stationNumber ? (\r\n <>\r\n {props.popInData.sensorName &&
{props.popInData.sensorName}}\r\n \r\n ) : (\r\n <>\r\n {props.popInData.stationNumber &&
{`Table ${props.popInData.stationNumber}`}}\r\n \r\n )}\r\n {isChangeLocationChecked && (\r\n
\r\n )}\r\n
\r\n )}\r\n {window.innerWidth > 1023 ? (\r\n
1023 ? 'col-12 pr-20' : '', styles.paddingTop, styles.lineHeight15, (props.popInData.flowType === 3 || props.popInData.flowType === 5 || props.popInData.flowType === 4 || props.popInData.flowType === 16 ? cn('d-flex justify-content-end flex-row w-100', window.innerWidth > 1023 ? `${styles.fontSize13} col-12 align-items-start` : '') : cn('col-4 fw-600 fs-18 d-flex justify-content-start align-items-end flex-column w-100 my-2')))}>\r\n {LABEL().SUB_TOTAL}\r\n 1023 ? '' : 'pt-10')}>{getSubTotal()}\r\n
\r\n ) : (\r\n
1023 ? 'col-12' : 'd-flex') : cn('col-4 fw-600 fs-18 d-flex justify-content-start align-items-end flex-column w-100 my-2', window.innerWidth > 1023 ? 'col-12' : '')))}>\r\n 1023 ? `${styles.fontSize17} fw-700 float-right pb-1 mt-1` : 'mr-4', styles.marginRight, styles.displayInline)}>{getSubTotal()}\r\n 1023 ? 'ml-2 mt-1 float-left' : 'fw-700 mr-1 mt-1 ml-3 mr-4 fs-12', styles.marginRight, styles.displayInline)}>{LABEL().SUB_TOTAL}\r\n
\r\n )}\r\n
\r\n \r\n );\r\n\r\n const handlePreAuthClick = () => {\r\n if (props.popInData.flowType === 2 && guestBudgetAmount > 0) {\r\n const orders = cloneDeep(props.cart);\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const country = getObjectValue(() => props.popInData.store.country, false);\r\n const subTotalAmount = (country === 4 ? Number(getSubTotal().replace('£', '')) : Number(getSubTotal().replace('$', '')));\r\n const dataToSend = {\r\n sensorCode: getSensorCode(popInTokenRequest),\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId || 0,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n flowType: props.popInData.flowType,\r\n subtotalAmount: subTotalAmount,\r\n guestBudgetAmount: getObjectValue(() => props.popInData.guestBudgetAmount, null),\r\n guestBudgetAmountUsed: getObjectValue(() => props.popInData.guestBudgetAmountUsed, null),\r\n guestBudgetExcludesAgeRestricted: getObjectValue(() => props.popInData.guestBudgetExcludesAgeRestricted, null),\r\n venueId: getObjectValue(() => props.popInData.venue.id, null),\r\n };\r\n props.priceCheck(JSON.stringify({\r\n ...dataToSend,\r\n })).then((res) => {\r\n props.updatePopInData({\r\n ...res,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n }).then(() => {\r\n if (props.popInData.flowType === 2 && guestBudgetAmount > 0 && res && res.totalAmount > 0) {\r\n setShowGuestBudgetModal(true);\r\n } else {\r\n setIsPreAuthPay(true);\r\n }\r\n });\r\n }).catch((err) => {\r\n setErrorMessage(err && err.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n });\r\n } else {\r\n setIsPreAuthPay(true);\r\n }\r\n };\r\n\r\n const handlePayNowClick = () => {\r\n if (props.popInData.flowType === 2 && props.popInData.store.requireNameForTableOrder && !guestBudgetAmount) {\r\n setCaptureNameWhenPayNow(true);\r\n } else if (props.popInData.flowType === 2 && guestBudgetAmount > 0) {\r\n const orders = cloneDeep(props.cart);\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const country = getObjectValue(() => props.popInData.store.country, false);\r\n const subTotalAmount = (country === 4 ? Number(getSubTotal().replace('£', '')) : Number(getSubTotal().replace('$', '')));\r\n const dataToSend = {\r\n sensorCode: getSensorCode(popInTokenRequest),\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId || 0,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n flowType: props.popInData.flowType,\r\n subtotalAmount: subTotalAmount,\r\n guestBudgetAmount: getObjectValue(() => props.popInData.guestBudgetAmount, null),\r\n guestBudgetAmountUsed: getObjectValue(() => props.popInData.guestBudgetAmountUsed, null),\r\n guestBudgetExcludesAgeRestricted: getObjectValue(() => props.popInData.guestBudgetExcludesAgeRestricted, null),\r\n venueId: getObjectValue(() => props.popInData.venue.id, null),\r\n };\r\n props.priceCheck(JSON.stringify({\r\n ...dataToSend,\r\n })).then((res) => {\r\n props.updatePopInData({\r\n ...res,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n }).then(() => {\r\n if (props.popInData.flowType === 2 && guestBudgetAmount > 0 && res && res.totalAmount > 0) {\r\n setShowGuestBudgetModal(true);\r\n } else {\r\n onPayNow();\r\n }\r\n });\r\n }).catch((err) => {\r\n setErrorMessage(err && err.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n });\r\n } else {\r\n onPayNow();\r\n }\r\n };\r\n\r\n const handleOnPayNowClick = () => {\r\n if (props.popInData.flowType === 2 && props.popInData.store.requireNameForTableOrder && !guestBudgetAmount) {\r\n setCaptureNameWhenPayNow(true);\r\n } else if (props.popInData.flowType === 2 && guestBudgetAmount > 0) {\r\n const orders = cloneDeep(props.cart);\r\n const popInTokenRequest = JSON.parse(window.localStorage.getItem('popInTokenRequest'));\r\n const country = getObjectValue(() => props.popInData.store.country, false);\r\n const subTotalAmount = (country === 4 ? Number(getSubTotal().replace('£', '')) : Number(getSubTotal().replace('$', '')));\r\n const dataToSend = {\r\n sensorCode: getSensorCode(popInTokenRequest),\r\n storeId: props.popInData.store.id,\r\n checkHeaderId: props.popInData.checkHeaderId || 0,\r\n items: removeUnwantedFields(orders, props.modifierGroupsHashTable),\r\n flowType: props.popInData.flowType,\r\n subtotalAmount: subTotalAmount,\r\n guestBudgetAmount: getObjectValue(() => props.popInData.guestBudgetAmount, null),\r\n guestBudgetAmountUsed: getObjectValue(() => props.popInData.guestBudgetAmountUsed, null),\r\n guestBudgetExcludesAgeRestricted: getObjectValue(() => props.popInData.guestBudgetExcludesAgeRestricted, null),\r\n venueId: getObjectValue(() => props.popInData.venue.id, null),\r\n };\r\n props.priceCheck(JSON.stringify({\r\n ...dataToSend,\r\n })).then((res) => {\r\n props.updatePopInData({\r\n ...res,\r\n amountToBeExcludeFromTip: itemAmountToBeExcludeFromTip(orders, null, props.menuItems),\r\n taxAmountToBeExcludeFromTip: taxAmountToBeExcludeFromTip(orders, res.taxAmount, res.subTotalAmount, props.menuItems),\r\n }).then(() => {\r\n if (props.popInData.flowType === 2 && guestBudgetAmount > 0 && res && res.totalAmount > 0) {\r\n setShowGuestBudgetModal(true);\r\n } else {\r\n onPayNow();\r\n }\r\n });\r\n }).catch((err) => {\r\n setErrorMessage(err && err.message);\r\n setPriceCheckErrorMessagePopup(!priceCheckErrorMessagePopup);\r\n });\r\n } else {\r\n onPayNow();\r\n }\r\n };\r\n\r\n const handleOnOrderNowClick = () => {\r\n handleMultipleChecks();\r\n };\r\n const handleOnOrderNowClickandTableOrder = () => {\r\n handleOnOrderNowClick();\r\n setIsTableOrder(true);\r\n };\r\n\r\n const handleChangeLocation = () => {\r\n if (!isChangeLocationChecked) {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/scan-qr/1?isChangeLocation=true&backTo=selected-cart/0`);\r\n }\r\n };\r\n\r\n\r\n const resultComponent = props.cart.length !== 0 ? totalComponent : null;\r\n const isIos = JSON.parse(window.localStorage.getItem('ios'));\r\n const cartButton = () => {\r\n if (window.innerWidth > 1023) {\r\n if (isSimulateKDS) {\r\n simulateKDS();\r\n } else { onPriceCheck(); }\r\n } else {\r\n onPriceCheck();\r\n }\r\n };\r\n // {supportsTableOrderRequiresPrepayment ? (\r\n //
\r\n // ) : (\r\n //
\r\n // )}\r\n\r\n const supportsTableOrderRequiresPrepaymentButton = () => {\r\n if (btnImgUrl) {\r\n return (\r\n
(checkConfirmation ? payNowHandleOnPayNowClick() : handleOnPayNowClick())}>\r\n
\r\n
{LABEL().PAY_NOW}\r\n
\r\n );\r\n }\r\n return (\r\n
\r\n );\r\n };\r\n\r\n const notSupportsTableOrderRequiresPrepaymentButton = () => {\r\n if (btnImgUrl) {\r\n return (\r\n
(checkConfirmation ? orderNowModelHandleOnOrderNow() : handleOnOrderNowClick())}>\r\n
\r\n
{LABEL().ORDER_NOW}\r\n
\r\n );\r\n }\r\n return (\r\n
\r\n );\r\n };\r\n\r\n const renderPalceOrderButton = () => {\r\n let type = 0;\r\n if ((getSubTotal() === '$0.00' || getSubTotal() === '£0.00') && !props.popInData.allowPayment && (!enableTableRevalidation || isChangeLocationChecked)) {\r\n type = 5;\r\n } else if (props.popInData.flowType === 3 || props.popInData.flowType === 4 || props.popInData.flowType === 5 || props.popInData.flowType === 16) {\r\n if (props.popInData.store.guestAppFeatures.supportsOffPremisePayment && props.popInData.store.guestAppFeatures.supportsOffPremisePaymentAtRestaurant) {\r\n type = 1;\r\n } else if (props.popInData.store.guestAppFeatures.supportsOffPremisePayment) {\r\n type = 2;\r\n } else {\r\n type = 3;\r\n }\r\n } else if (props.popInData.flowType === 2 && (!enableTableRevalidation || isChangeLocationChecked)) {\r\n if (props.popInData.supportsPreAuth && !props.popInData.suppressPreAuth) {\r\n type = 4;\r\n }\r\n } else if (!isChangeLocationChecked && enableTableRevalidation && props.popInData.flowType === 2) {\r\n type = 6;\r\n }\r\n if (window.localStorage.getItem('isPreviewMode')) {\r\n return (\r\n
\r\n
\r\n {resultComponent}\r\n
\r\n
\r\n
\r\n
\r\n <>\r\n {btnImgUrl ? (\r\n
\r\n
\r\n
Price Check\r\n
\r\n ) : (\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n if (!userInfo.isUserLogin()) {\r\n return (\r\n
\r\n
\r\n {resultComponent}\r\n
\r\n
\r\n
\r\n
\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? orderNowModelOnCheckin() : onCheckIn())}>\r\n
\r\n
{supportsTableOrderRequiresPrepayment ? LABEL().PAY_NOW : LABEL().ORDER_NOW}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n switch (type) {\r\n case 1:\r\n return (\r\n
\r\n
\r\n {resultComponent}\r\n
\r\n
\r\n
\r\n
\r\n {btnImgUrl ? (\r\n
\r\n
\r\n
{payAtRestaurantButtonText}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? PayNowOnPlaceOrderHandler() : onPlaceOrder())}>\r\n
\r\n
{LABEL().PAY_NOW}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n case 2:\r\n return (\r\n
\r\n
\r\n {resultComponent}\r\n
\r\n
\r\n
\r\n
\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? PayNowOnPlaceOrderHandler() : onPlaceOrder())}>\r\n
\r\n
{LABEL().PAY_NOW}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n case 3:\r\n return (\r\n
\r\n
\r\n {resultComponent}\r\n
\r\n
\r\n
\r\n {btnImgUrl ? (\r\n
\r\n
\r\n
{payAtRestaurantButtonText}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n );\r\n case 4:\r\n return (\r\n
\r\n
\r\n {resultComponent}\r\n
\r\n
\r\n
\r\n
\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? setKeepItOpenModel(true) : handlePreAuthClick())}>
\r\n
\r\n {LABEL().KEEP_IT_OPEN}\r\n \r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n {!suppressPayNowWithPreAuth && (\r\n
\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? payNowCLick() : handlePayNowClick())}>
\r\n
{LABEL().PAY_NOW}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n );\r\n case 5:\r\n return (\r\n
\r\n
\r\n {resultComponent}\r\n
\r\n
\r\n
\r\n
\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? orderNowModelHandleZeroPayment() : handleZeroPayment())}>\r\n
\r\n
\r\n {LABEL().ORDER_NOW}\r\n \r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n case 6:\r\n return (\r\n
\r\n
\r\n {resultComponent}\r\n
\r\n
\r\n
\r\n
\r\n {btnImgUrl ? (\r\n
{ handleChangeLocation(); }}>\r\n
\r\n
{LABEL().CONFIRM_LOCATION}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n default:\r\n return (\r\n
\r\n
\r\n {resultComponent}\r\n
\r\n
\r\n
1023 ? 'mt-20 w-100' : 'd-flex flex-row col-12', 'justify-content-center')}>\r\n {supportsTableOrderRequiresPrepayment ? (\r\n // \r\n supportsTableOrderRequiresPrepaymentButton()\r\n ) : (\r\n notSupportsTableOrderRequiresPrepaymentButton()\r\n // \r\n )}\r\n
\r\n
\r\n
\r\n );\r\n }\r\n };\r\n\r\n const renderDesktopModePalceOrderButton = () => {\r\n let type = 0;\r\n if ((getSubTotal() === '$0.00' || getSubTotal() === '£0.00') && !props.popInData.allowPayment && (!enableTableRevalidation || isChangeLocationChecked)) {\r\n type = 5;\r\n } else if (props.popInData.flowType === 3 || props.popInData.flowType === 4 || props.popInData.flowType === 5 || props.popInData.flowType === 16) {\r\n if (props.popInData.store.guestAppFeatures.supportsOffPremisePayment && props.popInData.store.guestAppFeatures.supportsOffPremisePaymentAtRestaurant) {\r\n type = 1;\r\n } else if (props.popInData.store.guestAppFeatures.supportsOffPremisePayment) {\r\n type = 2;\r\n } else {\r\n type = 3;\r\n }\r\n } else if (props.popInData.flowType === 2 && (!enableTableRevalidation || isChangeLocationChecked)) {\r\n if (props.popInData.supportsPreAuth && !props.popInData.suppressPreAuth) {\r\n type = 4;\r\n }\r\n } else if (!isChangeLocationChecked && enableTableRevalidation && props.popInData.flowType === 2) {\r\n type = 6;\r\n }\r\n if (window.localStorage.getItem('isPreviewMode')) {\r\n return (\r\n
\r\n
1023 ? 'mt-20 w-100' : 'd-flex flex-row col-12', 'justify-content-center')}>\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
\r\n
\r\n
Price Check\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n );\r\n }\r\n if (!userInfo.isUserLogin()) {\r\n return (\r\n
1023 ? 'mt-20 w-100' : 'd-flex flex-row col-12', 'justify-content-center')}>\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? orderNowModelOnCheckin() : onCheckIn())}>\r\n
\r\n
{supportsTableOrderRequiresPrepayment ? LABEL().PAY_NOW : LABEL().ORDER_NOW}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n );\r\n }\r\n switch (type) {\r\n case 1:\r\n return (\r\n
1023 ? '' : (styles.marginLeft, styles.marginRight), 'd-flex flex-column text-center')}>\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
\r\n
\r\n
{payAtRestaurantButtonText}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? PayNowOnPlaceOrderHandler() : onPlaceOrder())}>\r\n
\r\n
\r\n {LABEL().PAY_NOW}\r\n \r\n
\r\n ) : (\r\n
\r\n )}\r\n\r\n
\r\n
\r\n );\r\n case 2:\r\n return (\r\n
1023 ? 'mt-20 w-100 justify-content-center' : 'd-flex flex-row justify-content-center')}>\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? PayNowOnPlaceOrderHandler() : onPlaceOrder())}>
\r\n
\r\n {LABEL().PAY_NOW}\r\n \r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n );\r\n case 3:\r\n return (\r\n
\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
\r\n
\r\n
{payAtRestaurantButtonText}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n );\r\n case 4:\r\n return (\r\n
\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? setKeepItOpenModel(true) : handlePreAuthClick())}>
\r\n
\r\n {LABEL().KEEP_IT_OPEN}\r\n \r\n
\r\n ) : (\r\n
\r\n )}\r\n\r\n
\r\n {!suppressPayNowWithPreAuth && (\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? payNowCLick() : handlePayNowClick())}>
\r\n
{LABEL().PAY_NOW}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n )}\r\n
\r\n );\r\n case 5:\r\n return (\r\n
\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
(checkConfirmation ? orderNowModelHandleZeroPayment() : handleZeroPayment())}>\r\n
\r\n
{LABEL().ORDER_NOW}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n );\r\n case 6:\r\n return (\r\n
\r\n
\r\n {resultComponent}\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
{ handleChangeLocation(); }}>\r\n
\r\n
{LABEL().CONFIRM_LOCATION}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n default:\r\n return (\r\n
\r\n
\r\n {supportsTableOrderRequiresPrepayment ? (\r\n // \r\n supportsTableOrderRequiresPrepaymentButton()\r\n ) : (\r\n notSupportsTableOrderRequiresPrepaymentButton()\r\n // \r\n )}\r\n
\r\n
\r\n );\r\n }\r\n };\r\n\r\n const handleDaisyChainSessionTrack = (data) => {\r\n const dataToSend = {\r\n activityType: 'daisy_chain',\r\n data: {\r\n selectType: data.daisyChain ? 'withOthers' : 'onlyOne'\r\n }\r\n };\r\n props.sessionTrack(dataToSend);\r\n };\r\n\r\n const handleDaisySubmit = (values) => {\r\n if (props.popInData.flowType === 2 && props.popInData.store.requireNameForTableOrder && !props.popInData.store.guestAppFeatures.supportsDaisyChainOrdering && !props.popInData.store.suppressDaisyChainPrompt && !captureNameWhenPayNow) {\r\n props.updatePopInData({ seatName: values && values.seatName }).then(() => {\r\n window.localStorage.setItem('seatName', values && values.seatName);\r\n });\r\n } else {\r\n window.localStorage.setItem('daisyChainValues', JSON.stringify(values));\r\n }\r\n const initialValues = userInfo.getUserBasicDetails();\r\n const dataToSend = {\r\n ...initialValues,\r\n orderNickname: values && values.seatName\r\n };\r\n const jsondata = JSON.stringify(dataToSend);\r\n props.updateBasicDeatils(jsondata).then(() => {\r\n userInfo.setUserBasicDetails(dataToSend);\r\n });\r\n handleDaisyChainSessionTrack(values);\r\n setPopupOrder(false);\r\n if (isPreAuthPay) {\r\n onPayNow();\r\n } else if (captureNameWhenPayNow) {\r\n window.localStorage.setItem('seatName', values && values.seatName);\r\n onPayNow();\r\n } else {\r\n // setIsPopUp(true);\r\n props.updatePopInData({\r\n seatName: values && values.seatName\r\n }).then(() => {\r\n onClickOrderItems();\r\n }).catch(() => {});\r\n // onClickOrderItems(values);\r\n }\r\n };\r\n\r\n const validationDaisySchema = () => (\r\n Yup.object().shape({\r\n seatName: !getObjectValue(() => props.popInData.store.suppressDaisyChainName, false) ? Yup.string().required(CUSTOM_MESSAGES().SELECTED_CART_NAME_LIMIT).nullable() : '',\r\n })\r\n );\r\n const handleDaisyOrders = (renderData) => {\r\n const handleButtons = () => {\r\n if ((!(props.popInData.store.guestAppFeatures.supportsDaisyChainOrdering) && (props.popInData.flowType === 2 && props.popInData.store.requireNameForTableOrder)) || (captureNameWhenPayNow)) {\r\n return (\r\n <>\r\n
\r\n {/*
*/}\r\n { btnImgUrl ? (\r\n
\r\n
\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n \r\n );\r\n } if (getObjectValue(() => props.otherOrdersList.length > 0)) {\r\n return (\r\n <>\r\n
\r\n {/*
*/}\r\n { btnImgUrl ? (\r\n
\r\n
\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n { btnImgUrl ? (\r\n
\r\n
\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n \r\n );\r\n }\r\n return (\r\n <>\r\n
\r\n {/*
*/}\r\n { btnImgUrl ? (\r\n
\r\n
\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n {/*
*/}\r\n { btnImgUrl ? (\r\n
\r\n
\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n \r\n );\r\n };\r\n\r\n const getPlacingOrderUsersInfo = () => {\r\n if (props.otherOrdersList.length === 1) {\r\n return getObjectValue(() => props.popInData.store.suppressDaisyChainName, false) ? ' Others ' : `${props.otherOrdersList[0].name ? props.otherOrdersList[0].name : ' Others '}`;\r\n }\r\n return getObjectValue(() => props.popInData.store.suppressDaisyChainName, false) ? ' Others ' : `${props.otherOrdersList.map((d, i) => {\r\n if (i === (props.otherOrdersList.length - 2)) {\r\n return `${d.name === '' ? ' Others ' : d.name} and `;\r\n }\r\n if (i === (props.otherOrdersList.length - 1)) {\r\n return `${d.name === '' ? ' Others ' : d.name} `;\r\n }\r\n return `${d.name === '' ? ' Others ' : d.name}, `;\r\n }).join(' ')}have placed their orders.`;\r\n };\r\n\r\n const handleMessages = () => {\r\n if (getObjectValue(() => props.otherOrdersList.length > 0)) {\r\n return (\r\n <>\r\n
{getPlacingOrderUsersInfo()}{' '}{props.otherOrdersList.length === 1 ? LABEL().HAS_PLACED_ORDER : ''}{' '}{LABEL().DC_ORDER_MSG}\r\n \r\n );\r\n }\r\n return `${LABEL().DC_ORDER_PLACE_MSG}`;\r\n };\r\n\r\n return (\r\n
\r\n );\r\n };\r\n\r\n const redirectToContactRestaurant = () => {\r\n props.history.push(`${APP_CONFIG.BASE_URL}/contact-restaurant`);\r\n };\r\n\r\n useEffect(() => {\r\n window.sessionStorage.removeItem('popInObject');\r\n window.sessionStorage.removeItem('SelectedOffers');\r\n window.sessionStorage.setItem('isLoyaltyAccountNumberDeleted', false);\r\n props.updatePopInData({\r\n giftCardDetails: null,\r\n securityCode: '',\r\n charity: null,\r\n charityType: null\r\n });\r\n }, []);\r\n\r\n const handleDaisyChain = () => {\r\n return (\r\n popupOrder ? (\r\n
\r\n
\r\n handleDaisyOrders(renderData)}\r\n onSubmit={handleDaisySubmit}\r\n initialValues={{ seatName: orderNickName || getSeatName() || null }}\r\n enableReinitialize\r\n />\r\n
\r\n
\r\n ) : (\r\n
\r\n )\r\n );\r\n };\r\n return (\r\n
\r\n 1023 ? 'row' : ''}>\r\n
1023 ? `${styles.padding18} container-fluid` : ''}>\r\n
1023 ? 'col-md-12 float-left px-0' : '')}>\r\n {window.innerWidth > 1023 ? (\r\n <>\r\n
\r\n \r\n ) : ''}\r\n
1023 ? cn('col-3 float-left px-0', styles.marginTop) : cn('container', odFullWidthContainers ? 'p-0 m-0' : '', (props.cart.length !== 0 && popupOrder) ? 'col-lg-8 offset-lg-2 col-md-6 offset-md-3 col-12' : styles.desktopCartContainer))}>\r\n {spotTrue &&
}\r\n {isOnlineOrder && !isEditBookMyVoucher &&
closePopUpOnTimeChanged()} popInData={props.popInData} vehicleDescription={vehicleDescription} />}\r\n {isDelivery && !isEditBookMyVoucher && closePopUpOnTimeChanged()} popInData={props.popInData} />}\r\n {isEditBookMyVoucher && closePopUpOnTimeChanged()} popInData={props.popInData} />}\r\n 1023 ? cn(window.innerWidth > 1023 ? '' : 'mt-20', 'bg-white od-app-background-color od-container-card-border') : 'd-flex justify-content-between flex-row')} style={{ height: (window.innerWidth > 1023) ? '84vh' : '', border: `${window.innerWidth > 1023 ? '1px solid #dfdfdf' : ''}`, borderRadius: '5px' }}>\r\n
1023 && !popupOrder) ? cn(styles.selectedCategory, 'fs-24 fw-700 p-20 mb-2') : 'd-none', window.location.pathname === '/selected-cart/0' ? '' : 'od-selectedCategoryDesktop')}>{LABEL().MY_ORDER}
\r\n
1023 ? `pr-20 pl-20 ${styles.cartHeight}` : '')}>\r\n {props.loading &&
}\r\n {(!props.loading && props.cart.length === 0) ? (\r\n
\r\n
\r\n {/* Your cart is empty. */}\r\n {CUSTOM_MESSAGES().YOUR_CART_EMPTY}\r\n
\r\n
\r\n \r\n {/* Go ahead and add something! */}\r\n {CUSTOM_MESSAGES().ADD_SOMETHING}\r\n \r\n
\r\n
\r\n ) : (\r\n handleDaisyChain()\r\n )}\r\n
\r\n <>\r\n { window.innerWidth > 1023 && Number(props.match.params.menuItemId) < 1\r\n ? (\r\n <>\r\n {/*
\r\n
\r\n { resultComponent }\r\n
\r\n { !popupOrder && renderDesktopModePalceOrderButton()}\r\n
*/}\r\n
1023 ? 'pl-20 pr-20 mb-15' : '', 'd-flex col-md-12', styles.btnBottom)}>\r\n
\r\n
\r\n { resultComponent }\r\n
\r\n
\r\n {!popupOrder && renderDesktopModePalceOrderButton()}\r\n
\r\n
\r\n
\r\n \r\n ) : '' }\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {CUSTOM_MESSAGES().PAY_LATER_MESSAGE}\r\n
\r\n
\r\n
\r\n {/*
\r\n
*/}\r\n {btnImgUrl ? (\r\n
\r\n
\r\n
\r\n
{LABEL().RESTAURANT}\r\n
\r\n
\r\n
\r\n
{LABEL().NOW}\r\n
\r\n
\r\n ) : (\r\n <>\r\n
\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
{ setReceiptModel(!receiptModel); }} role=\"presentation\">\r\n {/*
*/}\r\n
\r\n
\r\n {/* No checks are available */}\r\n {CUSTOM_MESSAGES().NO_CHECKS_AVAILABLE}\r\n
\r\n )}\r\n \r\n { setPriceCheckModel(!showPriceCheckModel); }}\r\n >\r\n { setPriceCheckModel(!showPriceCheckModel); }} role=\"presentation\">\r\n {/*
*/}\r\n
\r\n
\r\n
{ setPriceCheck(!isPriceCheck); }} role=\"presentation\">\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n { props.popInData && props.popInData.disableOrderSubmitOnPriceCheckError ? (\r\n <>\r\n
\r\n
\r\n {CUSTOM_MESSAGES().STORE_OFFLINE_ERROR_MESSAGE}\r\n
\r\n
\r\n
\r\n {/*
\r\n
*/}\r\n {btnImgUrl ? (\r\n
\r\n
\r\n
\r\n
{LABEL().RETRY_PAYMENT}\r\n
\r\n
redirectToContactRestaurant()} role=\"presentation\">\r\n
\r\n
{LABEL().CONTINUE}\r\n
\r\n
\r\n ) : (\r\n <>\r\n
\r\n
\r\n \r\n )}\r\n
\r\n \r\n ) : (\r\n <>\r\n
\r\n
\r\n {/* There was an error in processing your order. Do you want to try again or contact the restaurant? */}\r\n {/* We’re sorry we are unable to collect payment online at the moment. Would you like to submit your order and pay at the restaurant? */}\r\n {CUSTOM_MESSAGES().PRICE_CHECK_ERROR_MESSAGE}\r\n
\r\n
\r\n
\r\n {/*
\r\n
*/}\r\n {btnImgUrl ? (\r\n
\r\n
\r\n
\r\n
{LABEL().RETRY_PAYMENT}\r\n
\r\n
\r\n
\r\n
{LABEL().SUBMIT_ORDER}\r\n
\r\n
\r\n ) : (\r\n <>\r\n
\r\n
\r\n \r\n )}\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {CUSTOM_MESSAGES().ORDER_CONFIRMATION}\r\n
\r\n
\r\n
\r\n {/*
\r\n
*/}\r\n {btnImgUrl ? (\r\n
\r\n
{ setIsPopUp(false); }} role=\"presentation\">\r\n
\r\n
{LABEL().CANCEL}\r\n
\r\n
{ setIsPopUp(false); onClickOrderItems(); }} role=\"presentation\">\r\n
\r\n
{LABEL().CONFIRM}\r\n
\r\n
\r\n ) : (\r\n <>\r\n
\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
{ setPriceCheckOnPayNow(!isPriceCheckOnPayNow); }} role=\"presentation\">\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n Unable to setup payment. Please contact your server\r\n
\r\n
\r\n
\r\n {/*
\r\n
*/}\r\n {btnImgUrl ? (\r\n
\r\n
{ setPriceCheckOnPayNow(!isPriceCheckOnPayNow); }} role=\"presentation\">\r\n
\r\n
{LABEL().CANCEL}\r\n
\r\n
\r\n
\r\n
{LABEL().TRY_AGAIN}\r\n
\r\n
\r\n ) : (\r\n <>\r\n
\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {CUSTOM_MESSAGES().NO_OPEN_CHECK_AVAILABLE}\r\n {/* No Open check available to place order. Please contact your server to open a check or try again. */}\r\n
\r\n
\r\n
\r\n {/*
\r\n
*/}\r\n {btnImgUrl ? (\r\n
\r\n
setPopup(false)} role=\"presentation\">\r\n
\r\n
{LABEL().CANCEL}\r\n
\r\n
onCheckRefresh()} role=\"presentation\">\r\n
\r\n
{LABEL().TRY_AGAIN}\r\n
\r\n
\r\n ) : (\r\n <>\r\n
\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {CUSTOM_MESSAGES().ORDER_LOADING_MESSAGE}\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {CUSTOM_MESSAGES().EDIT_ADDRESS_MESSAGE}\r\n
\r\n
\r\n {/*
\r\n
*/}\r\n {btnImgUrl ? (\r\n
\r\n
{ setAddressPopUp(false); }} role=\"presentation\">\r\n
\r\n
{LABEL().NO}\r\n
\r\n
{ setAddressPopUp(false); redirectToPickupPage(); }} role=\"presentation\">\r\n
\r\n
{LABEL().YES}\r\n
\r\n
\r\n ) : (\r\n <>\r\n
\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Estimated delivery time is {deliveryDate} {deliveryTime}. A delivery fee of {LABEL().CURRENCY_SYMBOL}{Number(deliveryFee).toFixed(2)} will apply. Press OK to continue.\r\n
\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
{ setIsDeliveryPopup(false); handleCheckout(); }} role=\"presentation\">\r\n
\r\n
{LABEL().OK}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{ setPriceCheckErrorMessagePopup(false); }} />\r\n
\r\n
\r\n
\r\n
\r\n {errorMessage}\r\n
\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
{ setPriceCheckErrorMessagePopup(false); }} role=\"presentation\">\r\n
\r\n
{LABEL().OK}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n \r\n
setCheckModifiedFlag(!isCheckModifiedFlag)}>\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {CUSTOM_MESSAGES().CHECK_MODIFIED_MESSAGE}\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n {btnImgUrl ? (\r\n
\r\n
\r\n
{LABEL().REFRESH}\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
{ setShowGuestBudgetModal(false); }}>\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n The order is {LABEL().CURRENCY_SYMBOL}{(props.popInData.totalAmount || 0).toFixed(2)} over budget. Payment will be required to send the order. Do you want to continue with payment?\r\n
\r\n
\r\n {btnImgUrl ? (\r\n
\r\n
{ setShowGuestBudgetModal(false); }} role=\"presentation\">\r\n
\r\n
{LABEL().NO}\r\n
\r\n
{ redirectToPaymentPage(); }} role=\"presentation\">\r\n
\r\n
{LABEL().YES}\r\n
\r\n
\r\n ) : (\r\n <>\r\n
\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
{ setKeepItOpenModel(!isKeepItOpenModel); }}>\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {CUSTOM_MESSAGES().AGE_VERIFICATION_CHECKING}\r\n
\r\n
\r\n
\r\n <>\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
{ setIsPayNowModel(!isPayNowModel); }}>\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {CUSTOM_MESSAGES().AGE_VERIFICATION_CHECKING}\r\n
\r\n
\r\n
\r\n <>\r\n \r\n {isHandleOnPayNowClickFunction && (\r\n \r\n )}\r\n {isOnPlaceOrderFunction && (\r\n \r\n )}\r\n {isHandlePayNowClickFunction && (\r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n
{ setIsOrderModel(!isOrderModel); }}>\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {CUSTOM_MESSAGES().AGE_VERIFICATION_CHECKING}\r\n
\r\n
\r\n
\r\n <>\r\n \r\n {isHandleOnOrderNowClickFunction && (\r\n \r\n )}\r\n {isOnCheckinFunction && (\r\n \r\n )}\r\n {isHandleZeroPaymentFunction && (\r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n {/* {showKDSModel &&
} */}\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = ({\r\n orders, controller, survey, theme\r\n}) => ({\r\n loading: orders.loading || controller.loading || orders.addToCartLoader || orders.addToFavouriteLoader,\r\n cart: orders.cart,\r\n menuItems: orders.menuItemsHashTable,\r\n menuIndex: orders.menuIndex,\r\n menusList: orders.menusList,\r\n modifiers: orders.modifiersHashTable,\r\n modifierGroupsHashTable: orders.modifierGroupsHashTable,\r\n // modifiers: {},\r\n // modifierGroupsHashTable: {},\r\n popInData: controller.popInData,\r\n defaultMenuItemImageUrl: ((controller.popInData || {}).store || {}).defaultMenuItemImageUrl,\r\n multiCartInfo: orders.multiCartInfo || [],\r\n // menusList: orders.menusList,\r\n otherOrdersList: orders.otherOrdersList,\r\n isOrderLoading: orders.placeOrderLoading,\r\n surveyData: survey.surveyData,\r\n themeProperties: theme.themeProperties\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => bindActionCreators({\r\n pushItemQuantityToCart,\r\n removeItemFromCart,\r\n placeOrder,\r\n priceCheck,\r\n setNotification,\r\n clearCart,\r\n clearMenu,\r\n replaceCart,\r\n getMenu,\r\n updatePopInData,\r\n updateMultiCart,\r\n itemsOrderPay,\r\n paymentBycard,\r\n orderItems,\r\n clearOrderScreen,\r\n getPopIn,\r\n getOtherOrdersList,\r\n sessionTrack,\r\n handleAddFavourite,\r\n handleRemoveFavourite,\r\n getStoreThemeUrl,\r\n kdsSimulate,\r\n updateBasicDeatils\r\n}, dispatch);\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(SelectedCart);\r\n","/* eslint-disable indent */\r\n/* eslint-disable no-unused-expressions */\r\nimport React, { Fragment, useState, useEffect } from 'react';\r\nimport cn from 'classnames';\r\nimport CounterBtn from './counter';\r\nimport { numberUtil } from '@utility';\r\nimport _ from 'lodash';\r\nimport styles from './index.module.css';\r\nimport Modal from '@components/common/Modal';\r\nimport { LABEL, CUSTOM_MESSAGES } from '@veriables';\r\nimport { getObjectValue, accessibleDiv } from '../../utility/utills';\r\n\r\nconst SingleItem = (props) => {\r\n const {\r\n cart,\r\n modifiers,\r\n onRemoveItemFromCart,\r\n selectCartItemInfo,\r\n modifierGroupsHashTable,\r\n isRefill,\r\n isQuickOrder,\r\n onModifyItem,\r\n isCart,\r\n navigateToItemDetail,\r\n menuReadOnly,\r\n isAgeRestricted,\r\n getCartInfoForLinkedItems,\r\n addToCart,\r\n getImageUrl,\r\n columnStyle,\r\n // handleQuickOrderPreOrder\r\n } = props;\r\n const arrayOfId = selectCartItemInfo && Object.keys(selectCartItemInfo);\r\n const myMainSite = window.location.pathname;\r\n const splitUrl = myMainSite.split('/')[2];\r\n let num = 0;\r\n const itemNum = arrayOfId && arrayOfId.includes(`${cart.menuItem.id}`) && selectCartItemInfo[cart.menuItem.id] && selectCartItemInfo[cart.menuItem.id].length > 0 && selectCartItemInfo[cart.menuItem.id].map((item) => {\r\n num += item.quantity;\r\n return num;\r\n });\r\n const [itemNo, setItemNo] = useState(arrayOfId && arrayOfId.includes(`${cart.menuItem.id}`) && selectCartItemInfo[cart.menuItem.id] && selectCartItemInfo[cart.menuItem.id].length > 0 ? itemNum[itemNum.length - 1] : (cart.quantity || 1));\r\n const [isOpen, setOpen] = useState(false);\r\n const [isImgPopOpen, setIsImgPopOpen] = useState(false);\r\n const popInTempData = JSON.parse(window.sessionStorage.getItem('popIn'));\r\n const themeProperties = JSON.parse(window.sessionStorage.getItem('themeProperties'));\r\n const btnImgUrl = getObjectValue(() => themeProperties.appDefaultButtonImageUrl, false);\r\n const favouriteStyle = themeProperties && themeProperties.style && JSON.parse(themeProperties.style);\r\n const odFullWidthContainers = favouriteStyle && favouriteStyle.odFullWidthContainers;\r\n // const preOrderDuration = getObjectValue(() => props.popInData.store.preOrderDuration, null);\r\n // const preOrderFrequency = getObjectValue(() => props.popInData.store.preOrderFrequency, null);\r\n const cartInfoArray = selectCartItemInfo && selectCartItemInfo[cart.menuItemId] ? _.values(selectCartItemInfo && selectCartItemInfo[cart.menuItemId]) : [];\r\n const cartItemInfo = cartInfoArray && cartInfoArray.length > 0 ? _.find(cartInfoArray, d => (d.menuItemId === cart.menuItemId && d.preOrderDelay && d.preOrderCount)) : null;\r\n const isQuickOrderItemIsPreOrder = cartItemInfo && getObjectValue(() => cartItemInfo.preOrderDelay, false) && getObjectValue(() => cartItemInfo.preOrderCount, false);\r\n const [deletePreOrderCart, setDeletePreOrder] = useState(false);\r\n // const enablePreOrder = getObjectValue(() => cart.menuItem.enablePreOrder, false);\r\n // const flowtype = getObjectValue(() => props.popInData.flowType === 2, null);\r\n // const preOrderItem = (flowtype && enablePreOrder && preOrderDuration > preOrderFrequency);\r\n\r\n const counterState = (data, type) => {\r\n const currentCount = itemNo + data;\r\n if (currentCount < 0) {\r\n // do nothing\r\n } else if (!(data === -1 && itemNo === 1)) {\r\n setItemNo(currentCount);\r\n if (isQuickOrder) {\r\n props.changeItemQuantity(cart, type);\r\n } else {\r\n props.changeItemQuantity(currentCount, cart.internalId, cart);\r\n }\r\n } else {\r\n setOpen(true);\r\n }\r\n };\r\n\r\n const getModPrice = (modifier) => {\r\n const item = cart.combo && modifier && modifiers[modifier.modifierId];\r\n const modGroup = cart.combo && modifier && modifierGroupsHashTable[modifier.modifierGroupId];\r\n let result = '';\r\n if (getObjectValue(() => cart.combo, false) && getObjectValue(() => modGroup.includedInCombo, false)) {\r\n result = getObjectValue(() => item.comboUpSellAmount, null) && getObjectValue(() => item.comboUpSellAmount, null) > 0 ? (
{LABEL().CURRENCY_SYMBOL}{item.comboUpSellAmount.toFixed(2)} more) : '';\r\n } else if (modifier.price > 0) {\r\n result = (
{LABEL().CURRENCY_SYMBOL}{modifier.price.toFixed(2)});\r\n }\r\n return result;\r\n };\r\n const showModifierValue = (data) => {\r\n const description = getObjectValue(() => data.modifierName, false);\r\n return description;\r\n };\r\n\r\n const renderModifier = (modifiersObj, note) => (\r\n
1024 && cart.modifiers.length !== 0 ? `${styles.bulletPoints} mb-0 fs-10` : '', window.innerWidth > 1024 && cart.modifiers.length === 0 && (cart.defaultMenuItemImageUrl || props.defaultMenuItemImageUrl || cart.imageUrl) ? 'd-none' : '')}>\r\n {modifiersObj.map((modifier) => {\r\n const isChildModifierDisplayOnly = modifier.modifiers.length > 0 && modifier.modifiers.some(ele => ele.included === 2);\r\n const isModifierWithModFunAndDisplay = modifier.included === 2 && modifierGroupsHashTable[modifier.modifierGroupId].modifierLinks.some(ele => ele.included === 2 && ele.excludeAction === 1) && modifier.modifiers.length > 0;\r\n return (\r\n <>\r\n - 1024 ? styles.bulletPoints : '')}>\r\n {modifier.quantity > 1 && ({modifier.quantity} ×)}\r\n {window.innerWidth > 1023 && showModifierValue(modifier) && showModifierValue(modifier).length > 25 ? `${showModifierValue(modifier).substring(0, 25)}...` : showModifierValue(modifier)}\r\n {getModPrice(modifier)}\r\n {modifier.modifiers.length > 0 && (\r\n renderModifier(modifier.modifiers)\r\n )}\r\n
\r\n \r\n );\r\n })}\r\n {note && (\r\n - \r\n {note}\r\n
\r\n )}\r\n
\r\n );\r\n const renderModifiyButton = (cartData) => {\r\n if (!cart.isUpsell) {\r\n return (\r\n
\r\n {!cart.refill ? (\r\n cart.preOrderCount, false) && getObjectValue(() => cart.preOrderDelay, false) ? 'd-flex flex-column' : '')}>\r\n \r\n {getObjectValue(() => cart.preOrderCount, false) && getObjectValue(() => cart.preOrderDelay, false) && (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {LABEL().REFILL}\r\n \r\n )}\r\n \r\n );\r\n }\r\n if (cart.isUpsell !== false && cart.upSellStatus !== false) {\r\n return (\r\n
\r\n {!cart.refill ? (\r\n \r\n ) : (\r\n \r\n {LABEL().REFILL}\r\n \r\n )}\r\n \r\n );\r\n }\r\n return '';\r\n };\r\n const renderUpsellModifiyButton = () => {\r\n const onClickUpSellButtonHander = () => {\r\n if (!cart.upSellStatus) {\r\n setItemNo(1);\r\n props.onClickUpSellButton({ ...cart, quantity: 1 });\r\n } else {\r\n setItemNo(0);\r\n props.onClickUpSellButton({ ...cart, quantity: 0 });\r\n }\r\n };\r\n\r\n if (cart.isUpsell) {\r\n return (\r\n <>\r\n { btnImgUrl ? (\r\n <>\r\n { !cart.upSellStatus ? (\r\n
onClickUpSellButtonHander()}>\r\n
\r\n
\r\n {LABEL().ADD_TO_CART}\r\n \r\n
\r\n ) : (\r\n
{ onClickUpSellButtonHander(); }}>\r\n {cart.refill &&
}\r\n
\r\n {cart.refill && {LABEL().REFILL_REMOVE}}\r\n \r\n
\r\n )}\r\n \r\n ) : (\r\n <>\r\n {window.innerWidth > 1023 ? (\r\n <>\r\n {!cart.upSellStatus && (\r\n
\r\n )}\r\n \r\n ) : (\r\n <>\r\n {(!cart.upSellStatus || cart.refill) && (\r\n
\r\n )}\r\n \r\n )}\r\n \r\n )}\r\n \r\n );\r\n }\r\n if (cart.refill) {\r\n return (\r\n <>\r\n { btnImgUrl ? (\r\n
counterState(-1)}>\r\n
\r\n
{LABEL().REFILL_REMOVE}\r\n
\r\n ) : (\r\n
\r\n )}\r\n \r\n );\r\n }\r\n return '';\r\n };\r\n\r\n const showPrice = (data) => {\r\n const minPrice = data.menuItem.minPrice;\r\n const maxPrice = data.menuItem.maxPrice;\r\n let price = '';\r\n if ((minPrice > 0) && (maxPrice > 0)) {\r\n price = `${LABEL().CURRENCY_SYMBOL}${(minPrice).toFixed(2)} - ${LABEL().CURRENCY_SYMBOL}${(maxPrice).toFixed(2)}`;\r\n } else if ((minPrice > 0) && (maxPrice === 0 || maxPrice === null)) {\r\n price = `From ${LABEL().CURRENCY_SYMBOL}${(minPrice).toFixed(2)}`;\r\n } else if (price !== 0) {\r\n price = `${LABEL().CURRENCY_SYMBOL}${parseFloat(data.price).toFixed(2)}`;\r\n }\r\n return price;\r\n };\r\n\r\n const cartItems = JSON.parse(window.sessionStorage.getItem('cart')) && JSON.parse(window.sessionStorage.getItem('cart')).map((item) => {\r\n return { internalId: item.internalId, quantity: item.quantity };\r\n });\r\n\r\n const addToCartQuickOrder = (data) => {\r\n props.addToCartQuickOrder(data);\r\n };\r\n\r\n const getSmallCircularImages = (menuItem) => {\r\n let imageURL = null;\r\n if (props.circularImages) {\r\n imageURL = menuItem.smallCircleImageUrl;\r\n }\r\n return imageURL;\r\n };\r\n\r\n const prependZero = (number) => {\r\n if (number < 10) return `0${number}`;\r\n return number;\r\n };\r\n\r\n const formatPickupDate = (date) => {\r\n const formattedDate = props.popInData && props.popInData.store.country === 4 ? date && `${date && (date.split('-')[2])}/${date && (date.split('-')[1])}/${date && (date.split('-')[0])}` : date && `${date && (date.split('-')[1])}/${date && (date.split('-')[2])}/${date && (date.split('-')[0])}`;\r\n return formattedDate;\r\n };\r\n\r\n const renderVoucherTime = (time) => {\r\n let name = '';\r\n if (time) {\r\n const hour = Number(time.time.split(':')[0]);\r\n if (hour === 0 || hour - 12 === 0) {\r\n name = `${12}:${time.time.split(':')[1]} ${hour > 0 ? 'PM' : 'AM'}`;\r\n } else if (Number(time.time.split(':')[0]) > 12) {\r\n name = `${prependZero(hour - 12)}:${time.time.split(':')[1]} PM`;\r\n } else if (Number(time.time.split(':')[0]) < 12) {\r\n name = `${prependZero(hour)}:${time.time.split(':')[1]} AM`;\r\n }\r\n return name;\r\n }\r\n return name;\r\n };\r\n const returnPadding = (condition, value1, value2) => {\r\n if (condition) return value1;\r\n return value2;\r\n };\r\n const desktopStyleSpacing = () => {\r\n if (window.innerWidth > 1023) return 'pt-10';\r\n return 'justify-content-center align-items-center';\r\n };\r\n const showItemNameValue = (data) => {\r\n const description = getObjectValue(() => data.menuItemName, false);\r\n return description;\r\n };\r\n\r\n const path = window.location.pathname === '/selected-cart/0';\r\n const consolidateMenu = getObjectValue(() => popInTempData.venue.consolidateMenu, false);\r\n const pickUpdate = (getObjectValue(() => window.sessionStorage.getItem('pickupDate'), null));\r\n const shortDate = formatPickupDate(pickUpdate && (pickUpdate.split('T')[0]));\r\n const voucherPickUpTime = renderVoucherTime(JSON.parse(window.sessionStorage.getItem('voucherSelectedSlot')));\r\n const styleCartData = (data) => {\r\n let applyStyle = '';\r\n if (window.innerWidth > 1023 && showItemNameValue(data).length < 25 && window.location.pathname === '/selected-cart/0' && !data.rightAlignImage) applyStyle = 'col-8 col-lg-8';\r\n else if (window.innerWidth > 1023 && showItemNameValue(data).length < 25 && window.location.pathname === '/selected-cart/0' && data.rightAlignImage) applyStyle = 'pl-0 col-8 col-lg-8';\r\n else if (window.innerWidth > 1023 && cart.modifiers.length === 0 && showItemNameValue(data).length > 25 && window.location.pathname === '/selected-cart/0') applyStyle = 'col-8 col-lg-8';\r\n else if (window.innerWidth > 1023 && cart.modifiers.length > 0 && window.location.pathname === '/selected-cart/0') applyStyle = 'col-8 col-lg-8';\r\n else if (window.location.pathname === '/upsell') applyStyle = window.innerWidth < 1023 ? styles.fullWidthUpsell : 'col-8 col-lg-8 p-0';\r\n else applyStyle = 'col-9 col-lg-9 p-0';\r\n return applyStyle;\r\n };\r\n const styleCartColData = () => {\r\n let applyStyle = '';\r\n if (window.innerWidth > 1023) applyStyle = 'col-12 px-0';\r\n else if (window.innerWidth < 1023) applyStyle = 'col-12 px-0';\r\n return applyStyle;\r\n };\r\n\r\n const cartDataMarginStyle = (data) => {\r\n let applyStyle = '';\r\n if (window.innerWidth > 1023 && !odFullWidthContainers && cart.modifiers.length === 0 && (showItemNameValue(data).length > 11) && window.location.pathname === '/selected-cart/0') applyStyle = 'mb-4';\r\n else if (window.innerWidth > '1023' && showItemNameValue(data).length > 11 && cart.isUpsell) applyStyle = `${styles.marginBottom35}`;\r\n else applyStyle = 'mb-5';\r\n return applyStyle;\r\n };\r\n\r\n const colStyle = () => {\r\n if (window.location.pathname === '/upsell' && window.innerWidth > 1023) return 'col-4 col-lg-4 pl-10 d-flex pb-10';\r\n return 'col-3 col-lg-3 pl-10 d-flex';\r\n };\r\n\r\n const getPreOderCount = () => {\r\n let result = '';\r\n if (cart && cart.preOrderCount && cart.preOrderDelay) {\r\n result = (1 + cart.preOrderCount) * cart.quantity;\r\n }\r\n return result;\r\n };\r\n\r\n const getItemPrice = (cartItem) => {\r\n let result = '';\r\n if (!cartItem.refill && !cartItem.isUpsell && !getObjectValue(() => cartItem.preOrderCount, false) && !getObjectValue(() => cartItem.preOrderDelay, false)) {\r\n result = (<>\r\n {LABEL().CURRENCY_SYMBOL}{(numberUtil.parseFloatToFix((((cartItem.price * 100) * (itemNo || 1)) / 100), 2))}\r\n );\r\n }\r\n if (!cartItem.refill && cartItem.isUpsell && !getObjectValue(() => cartItem.preOrderCount, false) && !getObjectValue(() => cartItem.preOrderDelay, false)) {\r\n result = (<>\r\n {LABEL().CURRENCY_SYMBOL}{(numberUtil.parseFloatToFix((cartItem.price), 2))}\r\n );\r\n }\r\n if (getObjectValue(() => cartItem.preOrderCount, false) && getObjectValue(() => cartItem.preOrderDelay, false)) {\r\n result = (<>\r\n {LABEL().CURRENCY_SYMBOL}{(numberUtil.parseFloatToFix((cartItem.price * getPreOderCount()), 2))}\r\n );\r\n }\r\n return result;\r\n };\r\n\r\n useEffect(() => {\r\n accessibleDiv('item-info-menu');\r\n }, [isOpen || isImgPopOpen]);\r\n\r\n const geItemQuantity = (data) => {\r\n let count = 0;\r\n data.forEach((item) => {\r\n count += item.quantity;\r\n });\r\n return count;\r\n };\r\n\r\n const orderButtonAlign = () => {\r\n let applyStyle = '';\r\n // if (isQuickOrder && cart.rightAlignImage && (props.defaultMenuItemImageUrl || cart.defaultMenuItemImageUrl || cart.imageURL)) {\r\n if (isQuickOrder && cart.rightAlignImage) {\r\n applyStyle = `${styles.buttonStyleRightAlign}`;\r\n } else if (!(props.defaultMenuItemImageUrl || cart.defaultMenuItemImageUrl || cart.imageUrl)) {\r\n applyStyle = `${styles.buttonStyle} col-4 col-lg-5`;\r\n } else {\r\n applyStyle = `${styles.buttonStyle} col-5 col-lg-6`;\r\n }\r\n return applyStyle;\r\n };\r\n\r\n\r\n return (\r\n
\r\n )\r\n : 
\r\n }\r\n 
\r\n 
\r\n )\r\n : 
\r\n }\r\n