\r\n
\r\n {/*
*/}\r\n \r\n {/* {this.props.modifierList.filter(mgrplst => mgrplst.modifierGroupId === mid).map(mgrp => */}\r\n \r\n
{mgrp.minimumSelection > 0 && * }{mgrp.groupName} \r\n\r\n {mgrp.maximumSelection === 0 &&\r\n
(0 ) \r\n }\r\n {mgrp.maximumSelection > 0 &&\r\n
(\r\n 0 \r\n /\r\n {mgrp.maximumSelection} \r\n ) \r\n }\r\n\r\n
\r\n {/* {mgrp.modifiers.map(mlst => */}\r\n {/* Addd by vijay on 27-12-2023 Jira id -2036 */}\r\n {mgrp.modifiers.sort((a, b) => a.displayOrder - b.displayOrder).map(mlst =>\r\n\r\n \r\n {mgrp.maximumSelection > 1 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 1 && this.handleRadioChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 0 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {/* {mgrp.maximumSelection === 2 && \r\n {mlst.foodType === 1 && {mlst.modifierName} ₹{mlst.rate} \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 //document.getElementById('div-modifier-body').innerHTML = mdofierDom;\r\n };\r\n\r\n handleCheckSelectedValue() {\r\n let mgroup = {};\r\n let selectedgroup = [];\r\n let select = true;\r\n Array.prototype.forEach.call(this.props.modifierGroupIds, mid => {\r\n mgroup = this.props.modifierList.filter(x => x.modifierGroupId === mid);\r\n\r\n selectedgroup = modifiercartItemList.filter(m => m.modifierGroupId === mid);\r\n\r\n // console.log(mgroup[0].minimumSelection);\r\n // console.log(selectedgroup.length);\r\n\r\n if (mgroup[0].minimumSelection > 0) {\r\n if (mgroup[0].minimumSelection > selectedgroup.length) {\r\n document.getElementById('modifier-alert-msg').innerHTML = \"You have to select minimum \" + mgroup[0].minimumSelection + \" addons for this \" + mgroup[0].groupName + \"\";\r\n setTimeout(function () { document.getElementById('modifier-alert-msg').innerHTML = '' }, 1500);\r\n select = false;\r\n return select;\r\n }\r\n }\r\n // console.log(mgroup[0]);\r\n // console.log(selectedgroup);\r\n });\r\n // console.log(select);\r\n return select;\r\n\r\n }\r\n\r\n handleAddItem() {\r\n if (!this.handleCheckSelectedValue()) {\r\n // console.log('false');\r\n return false;\r\n }\r\n // console.log('jk');\r\n // console.log(itemQtyId);\r\n // console.log(modifiercartItemList); \r\n let exmodifierList = sessionStorage.getItem(\"modifierCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"modifierCartList\"));\r\n cartList = sessionStorage.getItem(\"cartList\") != null ? JSON.parse(sessionStorage.getItem(\"cartList\")) : cartList = { mobileNo: 0, totalItems: 0, totalAmount: 0, itemList: [] };\r\n taxList = sessionStorage.getItem(\"taxCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"taxCartList\"));\r\n chargeList = sessionStorage.getItem(\"chargeCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"chargeCartList\"));\r\n // merge Item\r\n // let exleng = [];\r\n // let leng = 0; \r\n // Array.prototype.forEach.call(modifiercartItemList, md => {\r\n // leng = exmodifierList.filter(x => x.modifierGroupId === md.modifierGroupId && x.modifierId === md.modifierId && x.itemId === md.itemId).length;\r\n // console.log(\"group:\" + md.modifierGroupId + \", mid : \" + md.modifierId + \", Iid : \" + md.itemId);\r\n // console.log(leng);\r\n // if (leng > 0) {\r\n // exleng.push({ modifierId: md.modifierId, itemId: md.itemId, modifierGroupId: md.modifierGroupId, modifierName: md.modifierName, rate: md.rate, foodType: md.foodType, ctrl: md.ctrl });\r\n // }\r\n // });\r\n // console.log(\"EX MDO\");\r\n // console.log(exleng);\r\n\r\n let uid = uuid();\r\n\r\n\r\n // if (modifiercartItemList.length !== exleng.length) { \r\n // Array.prototype.forEach.call(modifiercartItemList, md => {\r\n // exmodifierList.push({ modifierId: md.modifierId, itemId: md.itemId, modifierGroupId: md.modifierGroupId, modifierName: md.modifierName, rate: md.rate, foodType: md.foodType, ctrl: md.ctrl,uid: uid })\r\n // });\r\n // cartList.itemList.push({ id: \"\" + itemQtyId + \"\", itemId: itemId, groupId: itemGroupId, foodType: this.props.modifierItemCFoodType, qty: 1, rate: itemRate, itemName: itemName, isModifier: 1,uid: uid });\r\n // itemQty+=1;\r\n // }\r\n // else {\r\n // itemQty +=1;\r\n // let index = cartList.itemList.findIndex(x => x.id === \"\" + itemQtyId + \"\");\r\n // if (index < 0) {\r\n // cartList.itemList.push({ id: \"\" + itemQtyId + \"\", itemId: itemId, groupId: itemGroupId, foodType: this.props.modifierItemCFoodType, qty: itemQty, rate: itemRate, itemName: itemName, isModifier: 1 });\r\n // }\r\n // else {\r\n // cartList.itemList[index].qty = (cartList.itemList[index].qty + 1);\r\n // } \r\n // }\r\n\r\n // console.log(modifiercartItemList);\r\n // console.log(exmodifierList);\r\n\r\n // not merge the item\r\n Array.prototype.forEach.call(modifiercartItemList, md => {\r\n let txList = this.modifierItemTaxCalc(md.taxId, md.rate, 1, itemId, uid);\r\n let txAmount = txList.reduce((prev, next) => prev + next.taxAmount, 0);\r\n let chgList = this.modifierItemChargeCalc(md.chargeIds, md.rate, 1, md.itemId, uid);\r\n let chgAmount = chgList.reduce((prev, next) => prev + next.taxAmount, 0);\r\n exmodifierList.push({ itemId: md.itemId, modifierGroupId: md.modifierGroupId, modifierGroupName: md.modifierGroupName, modifierId: md.modifierId, modifierName: md.modifierName, rate: md.rate, foodType: md.foodType, taxes: txList, totalTaxAmount: txAmount, charges: chgList, totalChargeAmount: chgAmount, ctrl: md.ctrl, uid: uid, taxId: md.taxId, chargeIds: md.chargeIds })\r\n });\r\n this.itemTaxCalc(this.props.modifierItemCTaxId, itemRate, 1, itemId, uid);\r\n this.itemChargeCalc(this.props.modifierItemCChargeIds, itemRate, 1, itemId, uid);\r\n cartList.itemList.push({ id: \"\" + itemQtyId + \"\", itemId: itemId, groupId: itemGroupId, foodType: this.props.modifierItemCFoodType, qty: 1, rate: itemRate, itemName: itemName, isModifier: 1, uid: uid, taxId: this.props.modifierItemCTaxId, chargeIds: this.props.modifierItemCChargeIds });\r\n //itemQty+=1;\r\n\r\n // re calculate cart value \r\n let cartItemValue = 0;\r\n let cartItemQty = 0;\r\n let modifierCartValue = 0;\r\n Array.prototype.forEach.call(cartList.itemList, itm => {\r\n // console.log(itm.qty);\r\n cartItemValue += (itm.rate * itm.qty);\r\n cartItemQty += itm.qty;\r\n // console.log(cartItemValue);\r\n let mdcartItemList = exmodifierList.filter(x => x.uid === itm.uid);\r\n // console.log(mdcartItemList);\r\n Array.prototype.forEach.call(mdcartItemList, md => {\r\n modifierCartValue += md.rate * itm.qty;\r\n });\r\n });\r\n\r\n\r\n let totlaQty = document.getElementById(\"\" + itemQtyId + \"\").innerHTML === \"\" ? 0 : JSON.parse(document.getElementById(\"\" + itemQtyId + \"\").innerHTML);\r\n document.getElementById(\"\" + itemQtyId + \"\").innerHTML = (totlaQty + 1);\r\n\r\n itemTotalItems = cartItemQty;\r\n itemTotalAmout = (cartItemValue + modifierCartValue);\r\n this.setState({ totalAmount: itemTotalAmout, totalItems: itemTotalItems });\r\n\r\n // add cart list\r\n\r\n\r\n cartList.totalItems = itemTotalItems;\r\n cartList.totalAmount = itemTotalAmout\r\n\r\n\r\n sessionStorage.setItem(\"modifierCartList\", JSON.stringify(exmodifierList));\r\n sessionStorage.setItem(\"cartList\", JSON.stringify(cartList));\r\n sessionStorage.setItem(\"taxCartList\", JSON.stringify(taxList));\r\n sessionStorage.setItem(\"chargeCartList\", JSON.stringify(chargeList));\r\n\r\n //console.log(JSON.parse(sessionStorage.getItem(\"cartList\")));\r\n // console.log(JSON.parse(sessionStorage.getItem(\"modifierCartList\")));\r\n // console.log(JSON.parse(sessionStorage.getItem(\"taxCartList\")));\r\n\r\n // sessionStorage.setItem(\"cartModifierList\", JSON.stringify(modifiercartList));\r\n // console.log(JSON.stringify(modifiercartList));\r\n\r\n // document.getElementById('modifier-modal').modal('hide');\r\n // document.getElementById(\"modifier-modal\").classList.remove(\"show\", \"d-block\");\r\n\r\n // document.getElementById(\"modifier-modal\").classList.remove(\"show\", \"d-block\");\r\n // document.getElementsByName(\"body\").classList.remove(\"modal-open\", \"modal-open\");\r\n // document.querySelectorAll(\".modal-backdrop\")\r\n // .forEach(el => el.classList.remove(\"modal-backdrop\"));\r\n\r\n document.body.classList.remove('modal-open');\r\n let modalPopup = document.querySelector('.modal-backdrop');\r\n if (modalPopup !== null) {\r\n modalPopup.classList.remove('modal-backdrop', 'fade', 'show');\r\n }\r\n\r\n\r\n this.setState({ showModal: false });\r\n\r\n this.setState({ checkedItems: new Map() });\r\n modifiercartItemList = [];\r\n this.props.callBackModifier();\r\n\r\n };\r\n\r\n itemTaxCalc(taxId, rate, qty, itemId, uid) {\r\n // console.log(this.props.getTaxes);\r\n let cList = this.props.getTaxes.filter(x => x.taxId === taxId);\r\n // console.log(cList);\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n let bInsertTax = false;\r\n if (cList.length > 0) {\r\n Array.prototype.forEach.call(cList[0].structure, tx => {\r\n bInsertTax = false;\r\n taxAmt = 0;\r\n //Applicable on = 2 Discount Value && applicableon = 1 direct value\r\n if (tx.applicableOn === 3) { // Tax on Tax \r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.length > 0) {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = serialTax[0].taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty;\r\n\r\n bInsertTax = true;\r\n\r\n }\r\n }\r\n else {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = itemValue * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty; // \r\n\r\n bInsertTax = true;\r\n }\r\n\r\n if (bInsertTax === true) {\r\n taxObj.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n taxList.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n }\r\n });\r\n }\r\n };\r\n\r\n itemChargeCalc(chargeId, rate, qty, itemId, uid) {\r\n // console.log(chargeId);\r\n if (chargeId.length > 0) {\r\n Array.prototype.forEach.call(chargeId, cId => {\r\n // filter based on Item wise & Item Qty wise => apply category\r\n let chargelist = this.props.getCharges.filter(x => x.chargeId === cId && x.applyTo === 1 && x.applyType === 1);\r\n let taxlist = [];\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n // console.log(chargelist);\r\n let chargeAmt = 0;\r\n if (chargelist.length > 0) {\r\n Array.prototype.forEach.call(chargelist, chg => {\r\n let rnTaxAmt = 0;\r\n if (chg.applyType === 2) { // slabe wise (%) - only for slab base value from and value to (percentage =>itmvalue * per * 0.01) or amount=> direct slab amount) \r\n let cslab = chg.chargeSlab.filter(x => x.ValueFrom > itemValue && x.ValueTo < itemValue)\r\n if (cslab.length > 0) {\r\n if (cslab.chargeValueType === 1)\r\n chargeAmt = itemValue * chg.chargeValue * 0.01;\r\n else if (cslab.chargeValueType === 2)\r\n chargeAmt = cslab.ChargeValue;\r\n }\r\n }\r\n else if (chg.chargeValueType === 2) // Amount only qty based \r\n chargeAmt = chg.chargeValue * qty; // \r\n // console.log(chargeAmt);\r\n // Tax \r\n taxlist = this.props.getTaxes.filter(x => x.taxId === chg.taxId);\r\n if (taxlist.length > 0) {\r\n Array.prototype.forEach.call(taxlist[0].structure, tx => {\r\n taxAmt = 0;\r\n if (tx.applicableOn === 3) {\r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.length > 0) {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = serialTax[0].taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue;\r\n }\r\n }\r\n else {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = (chargeAmt * tx.taxValue * 0.01);\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue; // \r\n }\r\n rnTaxAmt += taxAmt;\r\n taxObj.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, taxId: chg.taxId, taxGroupName: taxlist[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n })\r\n //console.log(taxObj);\r\n }\r\n chargeList.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, chargeName: chg.chargeName, chargeType: chg.chargeType, isMerchantCharge: false, chargeValueType: chg.chargeValueType, chargeValue: chg.chargeValue, chargeAmount: Number((chargeAmt).toFixed(2)), taxes: taxObj, totalTaxAmount: rnTaxAmt });\r\n\r\n });\r\n // console.log(chargeList);\r\n }\r\n });\r\n }\r\n };\r\n //\r\n modifierItemTaxCalc(taxId, rate, qty, itemId, uid) {\r\n let cList = this.props.getTaxes.filter(x => x.taxId === taxId);\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n\r\n let bInsertTax = false;\r\n if (cList.length > 0) {\r\n Array.prototype.forEach.call(cList[0].structure, tx => {\r\n bInsertTax = false;\r\n taxAmt = 0;\r\n //Applicable on = 2 Discount Value && applicableon = 1 direct value\r\n if (tx.applicableOn === 3) { // Tax on Tax \r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.length > 0) {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = serialTax[0].taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty;\r\n\r\n bInsertTax = true;\r\n }\r\n }\r\n else {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = itemValue * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty; // \r\n\r\n bInsertTax = true;\r\n }\r\n\r\n if (bInsertTax === true) {\r\n taxObj.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n }\r\n });\r\n }\r\n return taxObj;\r\n };\r\n\r\n modifierItemChargeCalc(chargeId, rate, qty, itemId, uid) {\r\n // console.log(chargeId);\r\n // Null handeled\r\n chargeId = chargeId === null ? [] : chargeId;\r\n\r\n let modifierChargeList = [];\r\n if (chargeId.length > 0) {\r\n Array.prototype.forEach.call(chargeId, cId => {\r\n // filter based on Item wise & Item Qty wise => apply category\r\n let chargelist = this.props.getCharges.filter(x => x.chargeId === cId && x.applyTo === 1 && x.applyType === 1);\r\n let taxlist = [];\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n //console.log(chargelist);\r\n let chargeAmt = 0;\r\n if (chargelist.length > 0) {\r\n Array.prototype.forEach.call(chargelist, chg => {\r\n let rnTaxAmt = 0;\r\n if (chg.applyType === 2) { // slabe wise (%) - only for slab base value from and value to (percentage =>itmvalue * per * 0.01) or amount=> direct slab amount) \r\n chg.chargeSlab = chg.chargeSlab === null ? [] : chg.chargeSlab;\r\n let cslab = chg.chargeSlab.filter(x => x.ValueFrom > itemValue && x.ValueTo < itemValue)\r\n if (cslab.length > 0) {\r\n if (cslab.chargeValueType === 1)\r\n chargeAmt = itemValue * chg.chargeValue * 0.01;\r\n else if (cslab.chargeValueType === 2)\r\n chargeAmt = cslab.ChargeValue;\r\n }\r\n }\r\n else if (chg.chargeValueType === 2) // Amount only qty based \r\n chargeAmt = chg.chargeValue * qty; // \r\n // console.log(chargeAmt);\r\n // Tax \r\n taxlist = this.props.getTaxes.filter(x => x.taxId === chg.taxId);\r\n if (taxlist.length > 0) {\r\n Array.prototype.forEach.call(taxlist[0].structure, tx => {\r\n taxAmt = 0;\r\n if (tx.applicableOn === 3) { //tax on tax\r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.length > 0) {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = serialTax[0].taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue;\r\n }\r\n }\r\n else {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = (chargeAmt * tx.taxValue * 0.01);\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue; // \r\n }\r\n\r\n rnTaxAmt += taxAmt;\r\n taxObj.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, taxId: chg.taxId, taxGroupName: taxlist[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n })\r\n // console.log(taxObj);\r\n }\r\n modifierChargeList.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, chargeName: chg.chargeName, chargeType: chg.chargeType, isMerchantCharge: false, chargeValueType: chg.chargeValueType, chargeValue: chg.chargeValue, chargeAmount: Number((chargeAmt).toFixed(2)), taxes: taxObj, totalTaxAmount: rnTaxAmt });\r\n\r\n });\r\n // console.log(modifierChargeList);\r\n }\r\n });\r\n }\r\n return modifierChargeList;\r\n };\r\n\r\n handleRadioChange(e, modifierId, modifierName, modifierGroupId, groupName, itemId, rate, minQty, maxQty, foodType, taxId, chargeIds) {\r\n const item = e.target.name;\r\n const isChecked = e.target.checked;\r\n //console.log(rate);\r\n // console.log(itemModifierRate);\r\n\r\n let modifierlst = modifiercartItemList.filter(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId);\r\n // console.log(modifierlst);\r\n itemModifierRate = this.state.modifiterItemModifierRate === 0 ? this.props.modifierItemCRate : this.state.modifiterItemModifierRate;\r\n\r\n if (modifierlst.length === 0) {\r\n itemModifierRate += rate;\r\n modifiercartItemList.push({ itemId: itemId, modifierGroupId: modifierGroupId, modifierGroupName: groupName, modifierId: modifierId, modifierName: modifierName, rate: rate, foodType: foodType, taxId: taxId, chargeIds: chargeIds, ctrl: 2 });\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n else if (modifierlst.length === 1) {\r\n let modifierindex = modifiercartItemList.findIndex(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId);\r\n itemModifierRate -= modifiercartItemList[modifierindex].rate;\r\n modifiercartItemList.splice(modifierindex, 1);\r\n itemModifierRate += rate;\r\n modifiercartItemList.push({ itemId: itemId, modifierGroupId: modifierGroupId, modifierGroupName: groupName, modifierId: modifierId, modifierName: modifierName, rate: rate, foodType: foodType, taxId: taxId, chargeIds: chargeIds, ctrl: 2 });\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n this.setState({ modifiterItemModifierRate: itemModifierRate });\r\n document.getElementById('min-group-modifier-cnt-' + modifierGroupId).innerHTML = modifiercartItemList.filter(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId && x.ctrl === 2).length;\r\n //console.log(modifiercartItemList);\r\n };\r\n\r\n handleChange(e, modifierId, modifierName, modifierGroupId, groupName, itemId, rate, minQty, maxQty, foodType, taxId, chargeIds) {\r\n const item = e.target.name;\r\n //console.log(e.target.name);\r\n const isChecked = e.target.checked;\r\n //const radionid = e.target.id;\r\n //console.log(isChecked);\r\n //console.log(radionid); \r\n\r\n\r\n let modifierlst = modifiercartItemList.filter(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId);\r\n //console.log(modifierlst.length + \"max : \" + maxQty);\r\n itemModifierRate = this.state.modifiterItemModifierRate === 0 ? this.props.modifierItemCRate : this.state.modifiterItemModifierRate;\r\n if (isChecked) {\r\n if (maxQty > 0) {\r\n if (modifierlst.length + 1 > maxQty) {\r\n document.getElementById('modifier-alert-msg').innerHTML = \"You have already selected max addons for this category\";\r\n setTimeout(function () { document.getElementById('modifier-alert-msg').innerHTML = '' }, 1500);\r\n // alert(\"You have already selected max addons for this category\");\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, !isChecked) }));\r\n }\r\n\r\n else {\r\n itemModifierRate += rate;\r\n modifiercartItemList.push({ itemId: itemId, modifierGroupId: modifierGroupId, modifierGroupName: groupName, modifierId: modifierId, modifierName: modifierName, rate: rate, foodType: foodType, taxId: taxId, chargeIds: chargeIds, ctrl: 1 });\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n }\r\n else {\r\n itemModifierRate += rate;\r\n modifiercartItemList.push({ itemId: itemId, modifierGroupId: modifierGroupId, modifierGroupName: groupName, modifierId: modifierId, modifierName: modifierName, rate: rate, foodType: foodType, taxId: taxId, chargeIds: chargeIds, ctrl: 1 });\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n }\r\n else // Unchecked\r\n {\r\n let modifierindex = modifiercartItemList.findIndex(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId && x.modifierId === modifierId);\r\n itemModifierRate -= rate;\r\n modifiercartItemList.splice(modifierindex, 1);\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n this.setState({ modifiterItemModifierRate: itemModifierRate });\r\n document.getElementById('min-group-modifier-cnt-' + modifierGroupId).innerHTML = modifiercartItemList.filter(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId && x.ctrl === 1).length;\r\n };\r\n\r\n render() {\r\n const { outletDetailsStr } = this.state;\r\n // this.setState({modifierItemCRate: this.props.modifierItemCRate});\r\n // itemModifierRate = itemModifierRate === 0 ? this.props.modifierItemCRate : itemModifierRate;\r\n itemModifierRate = this.state.modifiterItemModifierRate === 0 ? this.props.modifierItemCRate : this.state.modifiterItemModifierRate;\r\n // itemModifierRate = this.props.modifierItemCRate;\r\n itemGroupId = this.state.modifierItemCGroupId === 0 ? this.props.modifierItemCGroupId : this.state.modifierItemCGroupId;\r\n //itemTaxId = this.state.modifierItemCTaxId === 0 ? this.props.modifierItemCTaxId : this.state.modifierItemCTaxId;\r\n itemId = this.state.modifierItemCItemId === 0 ? this.props.modifierItemCItemId : this.state.modifierItemCItemId;\r\n itemName = this.state.modifierItemCItemName === \"\" ? this.props.modifierItemCItemName : this.state.modifierItemCItemName;\r\n itemRate = this.state.modifierItemCRate === 0 ? this.props.modifierItemCRate : this.state.modifierItemCRate;\r\n itemQtyId = this.state.modifierItemCQtyId === \"\" ? this.props.modifierItemCQtyId : this.state.modifierItemCId;\r\n // itemQty = this.state.modifierItemCQty === 0 ? this.props.modifierItemCQty : this.state.modifierItemCQty;\r\n itemTotalAmout = this.state.totalAmount === 0 ? this.props.modifierTotalItemAmount : this.state.totalAmount;\r\n itemTotalItems = this.state.totalItems === 0 ? this.props.modifierTotalItems : this.state.totalItems;\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n this.inputElement = input} data-toggle=\"modal\" data-target=\"#modifier-modal\"> \r\n
\r\n {/* Show Modifier*/}\r\n {this.state.showModal && (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.props.modifierItemCFoodType === 1 && \r\n\r\n
\r\n × \r\n \r\n
\r\n
\r\n {this.handleGenerateModifierDom()}\r\n {/*
\r\n {this.props.modifierGroupIds.map(mid =>\r\n \r\n
\r\n {this.props.modifierList.filter(mgrplst => mgrplst.modifierGroupId === mid).map(mgrp =>\r\n \r\n
{mgrp.minimumSelection > 0 && * }{mgrp.groupName} \r\n\r\n {mgrp.maximumSelection === 0 &&\r\n
(0 ) \r\n }\r\n {mgrp.maximumSelection > 0 &&\r\n
(\r\n 0 \r\n /\r\n {mgrp.maximumSelection} \r\n ) \r\n }\r\n\r\n
\r\n {mgrp.modifiers.map(mlst =>\r\n \r\n {mgrp.maximumSelection === 2 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 1 && this.handleRadioChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 0 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mlst.foodType === 1 && ₹{mlst.rate} \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
Item Total ₹{itemModifierRate.toFixed(2)}
\r\n { /*
ADD ITEM
*/}\r\n\r\n
\r\n {(outletDetailsStr.enableGuestAppOrders) ? (\r\n
ADD ITEM
\r\n ) : null}\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}","import React, { Component } from 'react';\r\nimport './request.scss';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport Config from '../../data/SiteConfig';\r\nexport default class Request extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.handleRequest = this.handleRequest.bind(this);\r\n this.state = {\r\n // loading: false,\r\n // alertMessage: '',\r\n // msgShow: false,\r\n guestRequestList: [],\r\n requestMasterList: []\r\n }\r\n\r\n }\r\n\r\n handleRequest() {\r\n this.getGuestRequestList();\r\n this.getRequestMasterList();\r\n this.inputElement.click();\r\n }\r\n\r\n getRequestMasterList() {\r\n // this.setState({ loading: true });\r\n let param = 'Module=POS&OutletId=' + this.props.propertyId + this.props.outletCode + '&ServiceType=' + this.props.serviceType;\r\n fetch(Config.baseGuestUrl + 'GetGuestRequestMasterData?' + param, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + this.props.token,\r\n 'content-type': 'application/json'\r\n },\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // this.setState({ loading: false });\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response != null) {\r\n this.setState({ requestMasterList: response.response.requestNames });\r\n }\r\n else {\r\n this.setState({ requestMasterList: [] });\r\n // this.showMessage(response.message, \"danger\");\r\n }\r\n }\r\n else {\r\n this.setState({ requestMasterList: [] });\r\n // this.showMessage(response.message, \"danger\");\r\n }\r\n\r\n })\r\n .catch(err => {\r\n this.setState({ requestMasterList: [] });\r\n // this.showMessage('Request Master List - Failed to fetch - ' + err, \"danger\");\r\n });\r\n };\r\n\r\n getGuestRequestList() {\r\n this.setState({ loading: true });\r\n let param = 'OutletId=' + this.props.propertyId + this.props.outletCode + '&ServiceType=' + this.props.serviceType + '&GuestMobileNo=' + this.props.mobileNo;\r\n fetch(Config.baseGuestUrl + 'GetGuestRequest?' + param, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + this.props.token,\r\n 'content-type': 'application/json'\r\n },\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // this.setState({ loading: false });\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response != null) {\r\n this.setState({ guestRequestList: response.response.guestRequest });\r\n }\r\n else {\r\n this.setState({ guestRequestList: [] });\r\n // this.showMessage(response.message, \"danger\");\r\n }\r\n }\r\n else {\r\n this.setState({ guestRequestList: [] });\r\n // this.showMessage(response.message, \"danger\");\r\n }\r\n\r\n })\r\n .catch(err => {\r\n this.setState({ guestRequestList: [] });\r\n // this.showMessage('Guest Request List - Failed to fetch - ' + err, \"danger\");\r\n });\r\n };\r\n\r\n handleSaveGuestRequest(requestName) {\r\n // this.setState({ loading: true });\r\n let postObj = {\r\n OutletId: this.props.propertyId + this.props.outletCode,\r\n RequestType: 0,\r\n ServiceType: this.props.serviceType,\r\n TableNumber: this.props.serviceType === \"FINE-DINE\" ? this.props.tableNo : \"0\",\r\n OrderId: \"\",\r\n BillId: \"\",\r\n GuestMobileNo: this.props.mobileNo,\r\n RequestName: requestName,\r\n Remarks: \"\",\r\n }\r\n\r\n // console.log(postObj);\r\n\r\n fetch(Config.baseGuestUrl + 'SaveGuestRequest', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + this.props.token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n // this.showMessage(response.message, \"success\");\r\n // this.setState({ loading: false });\r\n this.props.callBackRequest(response.message, 1);\r\n //this.getGuestRequestList();\r\n }\r\n else {\r\n // console.log(response.message);\r\n // this.setState({ loading: false });\r\n this.props.callBackRequest('Error request was not placed', 0);\r\n // this.showMessage('Error request was not placed', \"danger\"); \r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n /// this.setState({ loading: false });\r\n this.props.callBackRequest('Error request was not placed', 0);\r\n // this.showMessage('Error request was not placed', \"danger\"); \r\n });\r\n };\r\n\r\n\r\n render() {\r\n return (\r\n <>\r\n
\r\n
\r\n this.inputElement = input} data-toggle=\"modal\" data-target=\"#request-modal\"> \r\n
\r\n {/* Show Modifier*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Help\r\n \r\n\r\n \r\n × \r\n \r\n \r\n
\r\n
\r\n \r\n Help \r\n My Request ({this.state.guestRequestList.length}) \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {\r\n this.state.requestMasterList.map((req, idx) =>\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 this.state.guestRequestList.map((req, idx) =>\r\n \r\n \r\n
{req.requestName}
\r\n {/*
*/}\r\n
\r\n {req.remarks}\r\n
\r\n {req.status === \"Open\" &&
{req.status}
}\r\n {req.status === \"Processing\" &&
{req.status}
}\r\n {req.status === \"Acknowledge\" &&
{req.status}
}\r\n {req.status === \"Closed\" &&
{req.status}
}\r\n {req.status === \"Cancelled\" &&
{req.status}
}\r\n
\r\n {req.reason !== \"\" &&\r\n
\r\n Reason: {req.reason}\r\n
\r\n }\r\n
\r\n\r\n )\r\n }\r\n \r\n
\r\n \r\n {/* {this.handleGenerateModifierDom()} */}\r\n {/*
\r\n {this.props.modifierGroupIds.map(mid =>\r\n \r\n
\r\n {this.props.modifierList.filter(mgrplst => mgrplst.modifierGroupId === mid).map(mgrp =>\r\n \r\n
{mgrp.minimumSelection > 0 && * }{mgrp.groupName} \r\n\r\n {mgrp.maximumSelection === 0 &&\r\n
(0 ) \r\n }\r\n {mgrp.maximumSelection > 0 &&\r\n
(\r\n 0 \r\n /\r\n {mgrp.maximumSelection} \r\n ) \r\n }\r\n\r\n
\r\n {mgrp.modifiers.map(mlst =>\r\n \r\n {mgrp.maximumSelection === 2 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 1 && this.handleRadioChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 0 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mlst.foodType === 1 && ₹{mlst.rate} \r\n \r\n\r\n )\r\n }\r\n \r\n
\r\n
*/}\r\n
\r\n {/*
\r\n
\r\n
Item Total ₹110
\r\n
Add Item
\r\n
\r\n
*/}\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport './groupmembers.scss';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport Config from '../../data/SiteConfig';\r\n\r\nlet mobileNo = sessionStorage.getItem('user-mobileno');\r\nexport default class GroupMembers extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.handleGroupMemberList = this.handleGroupMemberList.bind(this);\r\n this.state = {\r\n groupMemberList: []\r\n }\r\n\r\n }\r\n\r\n handleGroupMemberList() {\r\n this.getGuestDashboardDetails();\r\n this.inputElement.click();\r\n\r\n }\r\n\r\n\r\n getGuestDashboardDetails() {\r\n\r\n let mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n let token = sessionStorage.getItem('user-token');\r\n let serviceType = sessionStorage.getItem('user-servicetype');\r\n let propertyId = sessionStorage.getItem('user-propertyid');\r\n let outletCode = sessionStorage.getItem('user-outletcode');\r\n let tableNo = sessionStorage.getItem('user-tableno');\r\n let urlParam = '?OutletId=' + propertyId + outletCode + '&ServiceType=' + serviceType + '&TableNumber=' + tableNo + '&guestmobileNumber=' + mobileNo;\r\n //console.log(urlParam);\r\n fetch(Config.basePOSUrl + 'GetGuestAppDashBoardDetails' + urlParam, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n }\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n if (mobileNo === mainGuestMobileNo) {\r\n this.setState({ groupPin: response.response.groupDetails.groupCode });\r\n let groupPin = response.response.groupDetails.groupCode;\r\n sessionStorage.setItem('group-pin', groupPin);\r\n }\r\n else\r\n this.setState({ groupPin: \"\" });\r\n\r\n this.setState({ groupMemberList: response.response.groupDetails.guestDetails });\r\n // this.getDetails(false);\r\n\r\n }\r\n else {\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n })\r\n .catch(err => {\r\n ////console.log(err); \r\n this.showMessage('An error occured - ' + err, \"danger\");\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n <>\r\n
\r\n
\r\n this.inputElement = input} data-toggle=\"modal\" data-target=\"#groupmembers-modal\"> \r\n
\r\n {/* Show Modifier*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Group Members\r\n \r\n\r\n \r\n × \r\n \r\n \r\n
\r\n {this.state.groupMemberList.length > 0 &&\r\n
\r\n
\r\n
\r\n {\r\n this.state.groupMemberList.map(m =>\r\n \r\n {m.guestName === '' && {m.guestMobileNumber}{m.isMainGuest && (Main) }{(m.guestMobileNumber === mobileNo && !m.isMainGuest) && (You) }
}\r\n {m.guestName !== '' && {m.guestName}{m.isMainGuest && (Main) }{(m.guestMobileNumber === mobileNo && !m.isMainGuest) && (You) }
}\r\n \r\n\r\n )\r\n }\r\n \r\n
\r\n
\r\n }\r\n\r\n {/* {this.handleGenerateModifierDom()} */}\r\n {/*
\r\n {this.props.modifierGroupIds.map(mid =>\r\n \r\n
\r\n {this.props.modifierList.filter(mgrplst => mgrplst.modifierGroupId === mid).map(mgrp =>\r\n \r\n
{mgrp.minimumSelection > 0 && * }{mgrp.groupName} \r\n\r\n {mgrp.maximumSelection === 0 &&\r\n
(0 ) \r\n }\r\n {mgrp.maximumSelection > 0 &&\r\n
(\r\n 0 \r\n /\r\n {mgrp.maximumSelection} \r\n ) \r\n }\r\n\r\n
\r\n {mgrp.modifiers.map(mlst =>\r\n \r\n {mgrp.maximumSelection === 2 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 1 && this.handleRadioChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 0 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mlst.foodType === 1 && ₹{mlst.rate} \r\n \r\n\r\n )\r\n }\r\n \r\n
\r\n
*/}\r\n
\r\n {/*
\r\n
\r\n
Item Total ₹110
\r\n
Add Item
\r\n
\r\n
*/}\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n//import './request.scss';\r\n//import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\n//import Config from '../../data/SiteConfig';\r\n\r\nexport default class ImagePopup extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.handlePopupImage = this.handlePopupImage.bind(this);\r\n this.state = {\r\n }\r\n\r\n }\r\n\r\n handlePopupImage() {\r\n //this.getGuestRequestList(); \r\n this.inputElement.click();\r\n }\r\n render() {\r\n return (\r\n <>\r\n
\r\n
\r\n this.inputElement = input} data-toggle=\"modal\" data-target=\"#image-modal\"> \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
\r\n {this.props.imgItemName}\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 {this.props.imgItemFType === 1 &&
}\r\n {this.props.imgItemFType === 2 &&
}\r\n
\r\n
\r\n
{this.props.imgItemName}
\r\n
\r\n
\r\n
\r\n ₹{this.props.imgItemPrice} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{this.props.imgItemDesc}
\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}","import React, { Component } from 'react';\r\n//import Footer from '../../components/footer';\r\nimport './items.scss';\r\nimport Cart from '../../components/cart';\r\nimport PopupMenus from '../../components/popumenus';\r\nimport Modifier from '../../components/modifier';\r\nimport uuid from 'react-uuid';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport { isMobile } from 'react-device-detect';\r\nimport enmConfig from '../../data/enumConfig';\r\nimport Config from '../../data/SiteConfig';\r\nimport Request from '../../components/request';\r\nimport GroupMembers from '../../components/popup/groupmembers';\r\nimport ImagePopup from '../../components/popup/image';\r\nimport Slider from \"react-slick\";\r\nimport { css } from 'glamor';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\n// import { lstat } from 'fs-extra';\r\nconst homeslidersettings = {\r\n autoplay: true,\r\n dots: true,\r\n infinite: true,\r\n arrows: false,\r\n speed: 300,\r\n slidesToShow: 1,\r\n adaptiveHeight: false\r\n};\r\n\r\nconst clfSettings = {\r\n // dots: false,\r\n // infinite: false,\r\n // speed: 500,\r\n // slidesToShow: 4,\r\n // slidesToScroll: 4,\r\n // initialSlide: 0,\r\n // nextArrow: <>,\r\n // prevArrow: <>,\r\n // variableWidth: false, \r\n // responsive: [\r\n // {\r\n // breakpoint: 1024,\r\n // settings: {\r\n // slidesToShow: 3,\r\n // slidesToScroll: 3\r\n // }\r\n // },\r\n // {\r\n // breakpoint: 600,\r\n // settings: {\r\n // slidesToShow: 3,\r\n // slidesToScroll: 3,\r\n // initialSlide: 0\r\n // }\r\n // },\r\n // {\r\n // breakpoint: 480,\r\n // settings: {\r\n // slidesToShow: 3,\r\n // slidesToScroll: 3,\r\n // initialSlide: 0\r\n // }\r\n // }\r\n // ]\r\n\r\n className: \"slider variable-width\",\r\n dots: false,\r\n infinite: false,\r\n centerMode: false,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n variableWidth: true,\r\n nextArrow: <>,\r\n prevArrow: <>\r\n};\r\nconst mngpSettings = {\r\n // dots: false,\r\n // infinite: false,\r\n // speed: 500,\r\n // slidesToShow: 4,\r\n // slidesToScroll: 4,\r\n // initialSlide: 0,\r\n nextArrow: <>,\r\n prevArrow: <>,\r\n // variableWidth: true,\r\n className: \"slider variable-width\",\r\n speed: 500,\r\n dots: false,\r\n infinite: false,\r\n centerMode: false,\r\n // slidesToShow: 1,\r\n slidesToScroll: 2,\r\n variableWidth: true,\r\n initialSlide: 0,\r\n cssEase: \"linear\"\r\n // responsive: [\r\n // {\r\n // breakpoint: 1024,\r\n // settings: {\r\n // slidesToShow: 3,\r\n // slidesToScroll: 3\r\n // }\r\n // },\r\n // {\r\n // breakpoint: 600,\r\n // settings: {\r\n // slidesToShow: 3,\r\n // slidesToScroll: 3,\r\n // initialSlide: 0\r\n // }\r\n // },\r\n // {\r\n // breakpoint: 480,\r\n // settings: {\r\n // slidesToShow: 3,\r\n // slidesToScroll: 3,\r\n // initialSlide: 0\r\n // }\r\n // }\r\n // ]\r\n};\r\n//import Cookies from 'universal-cookie';\r\nlet guestLoggedIn = false;\r\nconst imageUrl = '/img/item/item-icon.png';\r\nlet totalItems = 0;\r\nlet totalAmount = 0;\r\nlet cartList = { mobileNo: 0, totalItems: 0, totalAmount: 0, itemList: [] };\r\nlet taxList = [];\r\n//let modifierList = [];\r\nlet chargeList = [];\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationTd = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet verifiedTable = '';\r\n\r\nlet getClassification = [];\r\nlet getMenus = [];\r\nlet getItems = [];\r\nlet getGlobalItems = [];\r\nlet getTaxes = [];\r\nlet getModifiers = [];\r\nlet getCharges = [];\r\nlet recommendedList = [];\r\nlet isUpdateMenu = false;\r\nlet isorderTracking = \"false\";\r\nlet isCheckVeg = false;\r\n\r\n//let getCMSSettings = {};\r\n//const BrowserHistory = require('react-router/lib/BrowserHistory').default;\r\n// const itemslist = [\r\n// {\r\n// mnuId: 1, itemImageUrl: \"../assets/theme1/img/item/item-icon.png\", mnuName: \"Veg Manchurian\", price: 127, foodType: 1,badge:1,shortName: \"Veg Manchurian\", description: \"Veg Manchurian\",\r\n// modifier: [{ modifierId: 1, modifierName: \"Spicy\", price: 10 }, { modifierId: 2, modifierName: \"Tomato Jam\", price: 15 },]\r\n// },\r\n// {\r\n// mnuId: 2, itemImageUrl: \"../assets/theme1/img/item/chilli_paneer.jpg\", mnuName: \"Chilli Paneer\", price: 127, foodType: 1,badge:0, shortName: \"Chilli Paneer\", description: \"Chilli Paneer\",\r\n// modifier: [{ modifierId: 1, modifierName: \"Spicy\", price: 10 }, { modifierId: 2, modifierName: \"Tomato Jam\", price: 15 },]\r\n// },\r\n// {\r\n// mnuId: 3, itemImageUrl: \"../assets/theme1/img/item/item-icon.png\", mnuName: \"Wok Tossed Chilli Chicken\", price: 166, foodType: 2,badge:2, shortName: \"Chilli Chicken\", description: \"Wok Tossed Chilli Chicken\",\r\n// modifier: []\r\n// },\r\n// {\r\n// mnuId: 4, itemImageUrl: \"../assets/theme1/img/item/gobi_manchurian.jpg\", mnuName: \"Veg Manchurian\", price: 127, foodType: 2,badge:0, shortName: \"Veg Manchurian\", description: \"Veg Manchurian\",\r\n// modifier: [{ modifierId: 1, modifierName: \"Spicy\", price: 10 }, { modifierId: 2, modifierName: \"Tomato Jam\", price: 15 },]\r\n// },\r\n// {\r\n// mnuId: 5, itemImageUrl: \"../assets/theme1/img/item/gobi_manchurian.jpg\", mnuName: \"Veg Manchurian\", price: 127, foodType: 1,badge:2, shortName: \"Veg Manchurian\", description: \"Veg Manchurian\",\r\n// modifier: []\r\n// },\r\n// {\r\n// mnuId: 6, itemImageUrl: \"../assets/theme1/img/item/gobi_manchurian.jpg\", mnuName: \"Veg Manchurian\", price: 127, foodType: 1,badge:1, shortName: \"Veg Manchurian\", description: \"Veg Manchurian\",\r\n// modifier: [{ modifierId: 1, modifierName: \"Spicy\", price: 10 }, { modifierId: 2, modifierName: \"Tomato Jam\", price: 15 },]\r\n// },\r\n// {\r\n// mnuId: 7, itemImageUrl: \"../assets/theme1/img/item/gobi_manchurian.jpg\", mnuName: \"Veg Manchurian\", price: 127, foodType: 2,badge:1, shortName: \"Veg Manchurian\", description: \"Veg Manchurian\",\r\n// modifier: [{ modifierId: 1, modifierName: \"Spicy\", price: 10 }, { modifierId: 2, modifierName: \"Tomato Jam\", price: 15 },]\r\n// },\r\n\r\n\r\n// ];\r\n// const itemGroupList = [\r\n// { groupId: 1, groupName: \"Compos\" }, { groupId: 2, groupName: \"Fries\" }, { groupId: 3, groupName: \"Shawarmas\" }\r\n// ];\r\nconst modifierRef = React.createRef();\r\nconst reqeustRef = React.createRef();\r\nconst imageRef = React.createRef();\r\nconst groupMemberRef = React.createRef();\r\n//const [isVisible, setIsVisible] = useState(true);\r\nlet outletDetailsStr = null;\r\nlet outletDetails = {}\r\nlet groupPin = '';\r\nlet grouppinstyle = {\r\n marginBottom: \"40px\",\r\n marginTop: \"162px\"\r\n};\r\nlet mainGuestMobileNo = '';\r\n// group pin added by dasprakash on 06-10-2023 jira-1490\r\nlet tablePins = '';\r\nlet userSessionId = '';\r\n\r\nlet urlPattern = '';\r\nconst SmartText = ({ text, length = 20, onReadMoreClick }) => {\r\n if (text.length < length) {\r\n return
{text}
;\r\n }\r\n\r\n return (\r\n
\r\n
\r\n Read More\r\n \r\n {this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n {\r\n sessionStorage.getItem('dashboard-hide') !== \"true\" &&\r\n
\r\n }\r\n {/*
*/}\r\n {/*
{sessionStorage.getItem(\"user-propertyname\")} */}\r\n
{this.state.pageTitle !== '' ? this.state.pageTitle : \"Welcome to \" + sessionStorage.getItem(\"user-outletname\")}
\r\n {/*
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} */}\r\n {/* {guestLoggedIn === \"false\" &&
Login
} */}\r\n {(guestLoggedIn === \"true\" && outletDetails.enableHelp) &&
Help
}\r\n
\r\n {/*
\r\n \r\n Veg Only\r\n \r\n
\r\n
\r\n
*/}\r\n
\r\n\r\n\r\n {/*
\r\n {guestLoggedIn === \"true\" && Request }\r\n\r\n {(guestLoggedIn === \"true\" && this.state.orders.length > 0 && outletDetails.enableOrderTracking) && Order Tracking }\r\n\r\n\r\n
*/}\r\n
\r\n\r\n\r\n
\r\n
\r\n {this.state.sliderImages.map(img =>\r\n \r\n
\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n {outletDetails.enableGuestAppOrders === true &&\r\n
\r\n {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" &&\r\n\r\n //
\r\n //
Table No: {sessionStorage.getItem(\"user-tableno\")}
{groupPin !== '' &&
Group Pin: {groupPin}
}\r\n //
\r\n
\r\n
Table No:{sessionStorage.getItem(\"user-tableno\")}
\r\n {/* group pin added by dasprakash on 11-10-2023 jira-1490 */}\r\n {\r\n sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" && tablePins !== '' &&\r\n
\r\n {/* Table Pin:{tablePins} \r\n
\r\n }\r\n\r\n
\r\n\r\n }\r\n\r\n\r\n\r\n {/*
\r\n {!enmConfig.checkOutTypewithPay &&\r\n View Bill \r\n }\r\n {enmConfig.checkOutTypewithPay &&\r\n Pay Bill \r\n }\r\n My Orders \r\n
\r\n {guestLoggedIn === \"true\" &&\r\n
\r\n {(this.state.ordertrack && outletDetails.enableOrderTracking) && Order Tracking }\r\n {guestLoggedIn === \"true\" && Request }\r\n
\r\n } */}\r\n
\r\n }\r\n {\r\n this.state.pagePreview !== \"\" &&\r\n
\r\n }\r\n
\r\n\r\n
\r\n\r\n {/* Switch wise Condition Added by vijay on 19-12-2023- JIra id -2035 */}\r\n {/* Search ,Veg, Refersh */}\r\n {outletDetails.enableVegOnly && outletDetails.enableSearch && outletDetails.enableRefresh &&\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Veg Only
\r\n \r\n
\r\n
\r\n
\r\n }\r\n {/*Search , Refersh */}\r\n {!outletDetails.enableVegOnly && outletDetails.enableSearch && outletDetails.enableRefresh &&\r\n
\r\n
\r\n
\r\n {/*
\r\n
\r\n
\r\n Veg Only
\r\n \r\n
*/}\r\n
\r\n
\r\n }\r\n {/*Veg, Refersh */}\r\n {outletDetails.enableVegOnly && !outletDetails.enableSearch && outletDetails.enableRefresh &&\r\n
\r\n
\r\n
\r\n
\r\n Veg Only
\r\n \r\n
\r\n
\r\n
\r\n }\r\n {/* Search ,Veg */}\r\n {outletDetails.enableVegOnly && outletDetails.enableSearch && !outletDetails.enableRefresh &&\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Veg Only
\r\n \r\n
\r\n {/*
*/}\r\n
\r\n }\r\n {/* Veg only */}\r\n {outletDetails.enableVegOnly && !outletDetails.enableSearch && !outletDetails.enableRefresh &&\r\n
\r\n
\r\n
\r\n
\r\n Veg Only
\r\n \r\n
\r\n
\r\n }\r\n {/* Search only */}\r\n {!outletDetails.enableVegOnly && outletDetails.enableSearch && !outletDetails.enableRefresh &&\r\n
\r\n
\r\n
\r\n
\r\n }\r\n\r\n {/* Refersh only */}\r\n {!outletDetails.enableVegOnly && !outletDetails.enableSearch && outletDetails.enableRefresh &&\r\n
\r\n
\r\n {/*
Refresh
*/}\r\n
\r\n\r\n }\r\n\r\n\r\n {/* Pay bill, my orders, track orders */}\r\n\r\n {outletDetails.enableGuestAppOrders === true &&\r\n
\r\n {(!enmConfig.checkOutTypewithPay && outletDetails.enableViewBill) &&\r\n
View Bill
\r\n }\r\n {(enmConfig.checkOutTypewithPay && outletDetails.enableViewBill) &&\r\n
Pay Bill
\r\n }\r\n {outletDetails.enableMyOrder &&
My Orders
}\r\n {guestLoggedIn === \"true\" &&\r\n <>\r\n {(this.state.ordertrack && outletDetails.enableOrderTracking) &&
Order Tracking
}\r\n {/* {(serviceType === \"FINE-DINE\" && this.state.groupMemberList.length > 0) &&
} */}\r\n\r\n \r\n }\r\n
\r\n }\r\n {/* Classification */}\r\n\r\n {this.state.getClassification.length > 1 &&\r\n\r\n //
\r\n // {\r\n // this.state.getClassification.map((clf, idx) =>\r\n\r\n //
\r\n // {clf.classificationName + ' (' + getItems.filter(obj => { return (obj.classification === clf.classification) }).length + ')'}\r\n // {/* {clf.classificationName} {'' + getItems.filter(obj => { return (obj.classification === clf.classification) }).length + ''} */}\r\n //
\r\n\r\n // )\r\n\r\n // }\r\n //
\r\n\r\n
\r\n\r\n
\r\n {\r\n this.state.getClassification.map((clf, idx) =>\r\n \r\n
\r\n {clf.classificationName + ' (' + (outletDetails.showOnlySelectedMenuGroupItems ? getGlobalItems.filter(obj => { return (obj.classification === clf.classification) }).length : getItems.filter(obj => { return (obj.classification === clf.classification) }).length) + ')'}\r\n {/* {clf.classificationName} {'' + getItems.filter(obj => { return (obj.classification === clf.classification) }).length + ''} */}\r\n
\r\n
\r\n
\r\n\r\n\r\n }\r\n {this.state.themeId !== 2 &&\r\n
\r\n\r\n
\r\n\r\n {\r\n //this.state.recommendedList.length > 0 \r\n this.state.isRecommendedItemEnabled &&\r\n // \r\n // Recommended \r\n // {this.state.recommendedList.length} \r\n // \r\n \r\n {/*
*/}\r\n
\r\n {/* {'Recommended (' + this.state.recommendedList.length + ')'} */}\r\n {'Recommended (' + this.state.recommendedItemCount + ')'}\r\n
\r\n
\r\n }\r\n {\r\n\r\n this.state.getMenus.map((mng, idx) =>\r\n
\r\n {/*
*/}\r\n {/*
*/}\r\n
\r\n\r\n {mng.menuGroupName + ' (' + mng.noOfItems + ')'}\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 {this.state.recommendedList.length > 0 &&\r\n <>\r\n {/* {this.state.themeId === 1 && // Vertical / double item Mode\r\n\r\n // this.handleGenerateRecommendedListDom()\r\n this.handleGenerateRowRecommendedListDom()\r\n }\r\n {this.state.themeId === 2 && // horizantal / Multi Item Mode\r\n this.handleVerticalGenerateRecommendedListDom()\r\n }\r\n {this.state.themeId === 3 && // horizantal / Row mode single mode\r\n this.handleGenerateRowRecommendedListDom()\r\n } */}\r\n\r\n\r\n {this.handleGenerateRowRecommendedListDom()}\r\n \r\n\r\n //this.handleGenerateRecommendedListDom()\r\n //
\r\n //
Recommended
\r\n //
\r\n // {\r\n // this.state.recommendedList.map(itm =>\r\n //
\r\n //
\r\n // {itm.bestSellerItem === true &&
BEST SELLER }\r\n //
\r\n //
\r\n //
\r\n //
\r\n //
\r\n // {itm.foodType === 1 &&
}\r\n // {itm.foodType === 2 &&
}\r\n //
{itm.itemName.toLowerCase()} \r\n //
\r\n // {/*
\r\n // {itm.description.toLowerCase()}\r\n //
*/}\r\n //
\r\n //
\r\n //
\r\n // 0 \r\n //
\r\n\r\n // {!itm.outOfStock &&
\r\n // ADD \r\n //
\r\n // }\r\n // {itm.outOfStock &&
\r\n // SOLD OUT \r\n //
}\r\n\r\n //
\r\n // {itm.modifierGroupIds !== null && itm.modifierGroupIds.length > 0 &&
}\r\n //
\r\n // ₹{itm.mrp} \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 this.state.getMenus.map(itmgrp =>\r\n
\r\n {(itmgrp.subMenuGroup.length > 0) &&\r\n (this.state.getItems.filter(i => i.menuGroupId === itmgrp.subMenuGroup[0].menuGroupId).length > 0) &&\r\n
{itmgrp.menuGroupName.toLowerCase()}
\r\n }\r\n {(this.state.getItems.filter(i => i.menuGroupId === itmgrp.menuGroupId).length > 0 && itmgrp.subMenuGroup.length === 0) &&\r\n
{itmgrp.menuGroupName.toLowerCase()}
\r\n }\r\n {itmgrp.subMenuGroup.length > 0 &&\r\n\r\n
\r\n {\r\n itmgrp.subMenuGroup.map(sgrp =>\r\n <>\r\n {this.state.getItems.filter(i => i.menuGroupId === sgrp.menuGroupId).length > 0 &&\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* {itemList = getItems.filter(fitm => { return(fitm.menuGroupId === itmgrp.menuGroupId);})} */}\r\n {\r\n this.state.getItems.filter(i => i.menuGroupId === sgrp.menuGroupId).map(itm =>\r\n\r\n
\r\n
\r\n
\r\n
\r\n 0 \r\n
\r\n\r\n {(!itm.outOfStock && outletDetails.enableGuestAppOrders === true) && \r\n
\r\n ADD \r\n
}\r\n\r\n {/* Modifier Added by vijay on 11-05-2024 - Digital Menu Mode */}\r\n {!outletDetails.enableGuestAppOrders && itm.modifierGroupIds !== null && itm.modifierGroupIds.length > 0 && !(itm.outOfStock && !outletDetails.enableGuestAppOrders) ? (\r\n
\r\n \r\n customisable\r\n \r\n
\r\n ) :
\r\n
}\r\n\r\n {(itm.outOfStock && outletDetails.enableGuestAppOrders === true) &&
\r\n SOLD OUT \r\n
}\r\n {\r\n (itm.modifierGroupIds !== null &&\r\n itm.modifierGroupIds.length > 0 && outletDetails.enableGuestAppOrders === true) &&
\r\n }\r\n {(itm.imageUrl !== null && itm.imageUrl !== \"\") &&
\r\n {/*
*/}\r\n
\r\n
}\r\n {(itm.outOfStock && outletDetails.enableGuestAppOrders === false) &&
SOLD OUT
}\r\n
\r\n {/* {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
{itm.itemName} */}\r\n
\r\n \r\n {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
\r\n
{itm.itemName} \r\n\r\n\r\n {/*
\r\n
\r\n \r\n {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
\r\n
\r\n
*/}\r\n {/* {(itm.outOfStock && outletDetails.enableGuestAppOrders === false) &&
SOLD OUT } */}\r\n
\r\n
\r\n {/* {itm.description.toLowerCase()} */}\r\n this.handleSetPopupImage(itm.itemName, itm.description, itm.mrp, itm.foodType, itm.imageUrl)}\r\n />\r\n {/*
\r\n\r\n\r\n
\r\n
\r\n ₹{itm.mrp} \r\n
\r\n {/*
\r\n ADD
*/}\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n ) // End Item\r\n\r\n }\r\n
\r\n {/* Third Level Menugroup - Start */}\r\n {sgrp.subMenuGroup.length > 0 &&\r\n <>\r\n {sgrp.subMenuGroup.map(ssgrp =>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* {itemList = getItems.filter(fitm => { return(fitm.menuGroupId === itmgrp.menuGroupId);})} */}\r\n {\r\n this.state.getItems.filter(i => i.menuGroupId === ssgrp.menuGroupId).map(itm =>\r\n\r\n
\r\n
\r\n
\r\n
\r\n 0 \r\n
\r\n\r\n {(!itm.outOfStock && outletDetails.enableGuestAppOrders === true) && \r\n
\r\n ADD \r\n
}\r\n\r\n {/* Modifier Added by vijay on 11-05-2024 - Digital Menu Mode */}\r\n {!outletDetails.enableGuestAppOrders && itm.modifierGroupIds !== null && itm.modifierGroupIds.length > 0 && !(itm.outOfStock && !outletDetails.enableGuestAppOrders) ? (\r\n
\r\n \r\n customisable\r\n \r\n
\r\n ) :
\r\n
}\r\n\r\n\r\n {(itm.outOfStock && outletDetails.enableGuestAppOrders === true) &&
\r\n SOLD OUT \r\n
}\r\n {\r\n\r\n (itm.modifierGroupIds !== null &&\r\n itm.modifierGroupIds.length > 0 && outletDetails.enableGuestAppOrders === true) &&
\r\n }\r\n {(itm.imageUrl !== null && itm.imageUrl !== \"\") &&
\r\n {/*
*/}\r\n
\r\n
}\r\n {(itm.outOfStock && outletDetails.enableGuestAppOrders === false) &&
SOLD OUT
}\r\n
\r\n {/* {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
{itm.itemName} */}\r\n
\r\n \r\n {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
\r\n
{itm.itemName} \r\n\r\n {/*
\r\n
\r\n \r\n {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
\r\n
\r\n
*/}\r\n {/* {(itm.outOfStock && outletDetails.enableGuestAppOrders === false) &&
SOLD OUT } */}\r\n
\r\n
\r\n {/* {itm.description.toLowerCase()} */}\r\n this.handleSetPopupImage(itm.itemName, itm.description, itm.mrp, itm.foodType, itm.imageUrl)}\r\n />\r\n {/*
\r\n\r\n\r\n
\r\n
\r\n ₹{itm.mrp} \r\n
\r\n {/*
\r\n ADD
*/}\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n ) // End Item\r\n\r\n }\r\n
\r\n\r\n
\r\n
\r\n
\r\n )\r\n }\r\n \r\n }\r\n {/* Third Level Menugroup - End */}\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 {(itmgrp.subMenuGroup.length === 0 && this.state.getItems.filter(i => i.menuGroupId === itmgrp.menuGroupId).length > 0) &&\r\n\r\n
\r\n {/* {itemList = getItems.filter(fitm => { return(fitm.menuGroupId === itmgrp.menuGroupId);})} */}\r\n {\r\n this.state.getItems.filter(i => i.menuGroupId === itmgrp.menuGroupId).map(itm =>\r\n
\r\n
\r\n
\r\n
\r\n 0 \r\n
\r\n\r\n {(!itm.outOfStock && outletDetails.enableGuestAppOrders === true) && \r\n
\r\n ADD \r\n
}\r\n\r\n {/* Modifier Added by vijay on 11-05-2024 - Digital Menu Mode */}\r\n {!outletDetails.enableGuestAppOrders && itm.modifierGroupIds !== null && itm.modifierGroupIds.length > 0 && !(itm.outOfStock && !outletDetails.enableGuestAppOrders) ? (\r\n
\r\n \r\n customisable\r\n \r\n
\r\n ) :
\r\n }\r\n\r\n {(itm.outOfStock && outletDetails.enableGuestAppOrders === true) &&
\r\n SOLD OUT \r\n
}\r\n\r\n {(itm.modifierGroupIds !== null &&\r\n itm.modifierGroupIds.length > 0 && outletDetails.enableGuestAppOrders === true) &&
}\r\n {(itm.imageUrl !== null && itm.imageUrl !== \"\") &&
\r\n\r\n {/*
*/}\r\n
\r\n\r\n
}\r\n {(itm.outOfStock && outletDetails.enableGuestAppOrders === false) &&
SOLD OUT
}\r\n
\r\n {/* {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
{itm.itemName} */}\r\n
\r\n \r\n {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
\r\n
{itm.itemName} \r\n\r\n {/*
\r\n
\r\n \r\n {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
\r\n
\r\n
*/}\r\n {/* {(itm.outOfStock && outletDetails.enableGuestAppOrders === false) &&
SOLD OUT } */}\r\n
\r\n
\r\n {/* {itm.description.toLowerCase()} */}\r\n this.handleSetPopupImage(itm.itemName, itm.description, itm.mrp, itm.foodType, itm.imageUrl)}\r\n />\r\n {/*
\r\n\r\n\r\n
\r\n
\r\n ₹{itm.mrp} \r\n
\r\n {/*
\r\n ADD
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n ) // End Item\r\n\r\n }\r\n
\r\n\r\n\r\n }\r\n {/* Menu Item with submeu group */}\r\n {(itmgrp.subMenuGroup.length > 0 && this.state.getItems.filter(i => i.menuGroupId === itmgrp.menuGroupId).length > 0) &&\r\n\r\n
\r\n {/* {itemList = getItems.filter(fitm => { return(fitm.menuGroupId === itmgrp.menuGroupId);})} */}\r\n {\r\n this.state.getItems.filter(i => i.menuGroupId === itmgrp.menuGroupId).map(itm =>\r\n
\r\n
\r\n
\r\n
\r\n 0 \r\n
\r\n\r\n {(!itm.outOfStock && outletDetails.enableGuestAppOrders === true) && \r\n
\r\n ADD \r\n
}\r\n {/* Modifier Added by vijay on 11-05-2024 - Digital Menu Mode */}\r\n {!outletDetails.enableGuestAppOrders && itm.modifierGroupIds !== null && itm.modifierGroupIds.length > 0 && !(itm.outOfStock && !outletDetails.enableGuestAppOrders) ? (\r\n
\r\n \r\n customisable\r\n \r\n
\r\n ) :
\r\n
}\r\n\r\n {(itm.outOfStock && outletDetails.enableGuestAppOrders === true) &&
\r\n SOLD OUT \r\n
}\r\n {(itm.modifierGroupIds !== null &&\r\n itm.modifierGroupIds.length > 0 && outletDetails.enableGuestAppOrders === true) &&
}\r\n {(itm.imageUrl !== null && itm.imageUrl !== \"\") &&
\r\n {/*
*/}\r\n
\r\n
}\r\n {(itm.outOfStock && outletDetails.enableGuestAppOrders === false) &&
SOLD OUT
}\r\n
\r\n {/* {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
{itm.itemName} */}\r\n
\r\n \r\n {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
\r\n
{itm.itemName} \r\n\r\n {/*
\r\n
\r\n \r\n {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n
\r\n
\r\n
*/}\r\n {/* {(itm.outOfStock && outletDetails.enableGuestAppOrders === false) &&
SOLD OUT } */}\r\n\r\n
\r\n
\r\n {/* {itm.description.toLowerCase()} */}\r\n this.handleSetPopupImage(itm.itemName, itm.description, itm.mrp, itm.foodType, itm.imageUrl)}\r\n />\r\n {/*
\r\n\r\n\r\n
\r\n
\r\n ₹{itm.mrp} \r\n
\r\n {/*
\r\n ADD
*/}\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n ) // End Item\r\n\r\n }\r\n
\r\n\r\n\r\n }\r\n {/* Menu Item with submeu group - end */}\r\n {!this.state.showOnlySelectedMenuGroupItems &&\r\n
\r\n }\r\n
\r\n ) // End Group\r\n }\r\n {this.state.getMenus.length > 0 &&
\r\n}\r\n {this.state.getMenus.length === 0 &&\r\n < div className=\"no-menu-img\">
\r\n \r\n \r\n \r\n \r\n\r\n {/* */}\r\n {(this.state.themeId === 2 && this.state.searchText.trim() === '') && \r\n
*/}\r\n {this.state.totalItems > 0 &&\r\n \r\n }\r\n {/* \r\n
3 Items | ₹ 525
\r\n
View Cart
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\n","\r\nimport { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\n\r\n//let cartList = {};\r\n//let modifierCartList = [];\r\nlet taxList = [];\r\nlet chargeList = [];\r\n//let getMenus = [];\r\n//let getItems = [];\r\nlet getTaxes = [];\r\n//let getModifiers = [];\r\nlet getCharges = [];\r\nclass CartCalculation extends Component {\r\n\r\n static initiate() {\r\n // getMenus = sessionStorage.getItem(\"getMenuGroups\") === null ? [] : JSON.parse(sessionStorage.getItem(\"getMenuGroups\"));\r\n // getItems = sessionStorage.getItem(\"getmenuItems\") === null ? [] : JSON.parse(sessionStorage.getItem(\"getmenuItems\"));\r\n // getModifiers = sessionStorage.getItem(\"getModifierGroups\") === null ? [] : JSON.parse(sessionStorage.getItem(\"getModifierGroups\"));\r\n getTaxes = sessionStorage.getItem(\"getTaxes\") === null ? [] : JSON.parse(sessionStorage.getItem(\"getTaxes\"));\r\n getCharges = sessionStorage.getItem(\"getCharges\") === null ? [] : JSON.parse(sessionStorage.getItem(\"getCharges\"));\r\n\r\n taxList = sessionStorage.getItem(\"taxCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"taxCartList\"));\r\n chargeList = sessionStorage.getItem(\"chargeCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"chargeCartList\"));\r\n }\r\n\r\n static itemTaxCartCalculation(taxId, rate, qty, itemId, uid) {\r\n this.initiate();\r\n let cList = getTaxes.filter(x => x.taxId === taxId);\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n let bInsertTax = false;\r\n if (cList.length > 0) {\r\n Array.prototype.forEach.call(cList[0].structure, tx => {\r\n bInsertTax = false;\r\n taxAmt = 0;\r\n //Applicable on = 2 Discount Value && applicableon = 1 direct value\r\n if (tx.applicableOn === 3) { // Tax on Tax \r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.length > 0) {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = serialTax[0].taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty;\r\n\r\n bInsertTax = true;\r\n }\r\n }\r\n else {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = itemValue * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty; // \r\n\r\n bInsertTax = true;\r\n }\r\n\r\n if (bInsertTax === true) {\r\n taxObj.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n taxList.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n }\r\n });\r\n }\r\n sessionStorage.setItem(\"taxCartList\", JSON.stringify(taxList));\r\n\r\n }\r\n\r\n static itemChargeCartCalculation(chargeId, rate, qty, itemId, uid) {\r\n this.initiate();\r\n chargeId = chargeId === null ? [] : chargeId;\r\n if (chargeId.length > 0) {\r\n Array.prototype.forEach.call(chargeId, cId => {\r\n // filter based on Item wise & Item Qty wise => apply category\r\n let chargelist = getCharges.filter(x => x.chargeId === cId && x.applyTo === 1);\r\n let taxlist = [];\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n\r\n let itemValue = rate * qty;\r\n let chargeAmt = 0;\r\n if (chargelist.length > 0) {\r\n Array.prototype.forEach.call(chargelist, chg => {\r\n let rnTaxAmt = 0;\r\n if (chg.applyType === 2) { // slabe wise (%) - only for slab base value from and value to (percentage =>itmvalue * per * 0.01) or amount=> direct slab amount) \r\n chg.chargeSlab = chg.chargeSlab === null ? [] : chg.chargeSlab;\r\n let cslab = chg.chargeSlab.filter(x => x.ValueFrom > itemValue && x.ValueTo < itemValue)\r\n if (cslab.length > 0) {\r\n if (cslab.chargeValueType === 1)\r\n chargeAmt = itemValue * chg.chargeValue * 0.01;\r\n else if (cslab.chargeValueType === 2)\r\n chargeAmt = cslab.ChargeValue;\r\n }\r\n }\r\n else if (chg.chargeValueType === 2) // Amount only qty based \r\n chargeAmt = chg.chargeValue * qty; // \r\n // Tax \r\n taxlist = getTaxes.filter(x => x.taxId === chg.taxId);\r\n if (taxlist.length > 0) {\r\n Array.prototype.forEach.call(taxlist[0].structure, tx => {\r\n taxAmt = 0;\r\n if (tx.applicableOn === 3) {\r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.length > 0) {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = serialTax[0].taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue;\r\n }\r\n }\r\n else {\r\n\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = (chargeAmt * tx.taxValue * 0.01);\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue; // \r\n }\r\n rnTaxAmt += taxAmt;\r\n taxObj.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, taxId: chg.taxId, taxGroupName: taxlist[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n });\r\n }\r\n chargeList.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, chargeName: chg.chargeName, chargeType: chg.chargeType, isMerchantCharge: false, chargeValueType: chg.chargeValueType, chargeValue: chg.chargeValue, chargeAmount: Number((chargeAmt).toFixed(2)), taxes: taxObj, totalTaxAmount: Number((rnTaxAmt).toFixed(2)) });\r\n });\r\n }\r\n });\r\n }\r\n sessionStorage.setItem(\"chargeCartList\", JSON.stringify(chargeList));\r\n }\r\n\r\n /// Modifier\r\n static modifierItemTaxCartCalculation(taxId, rate, qty, itemId, uid) {\r\n\r\n this.initiate();\r\n let cList = getTaxes.filter(x => x.taxId === taxId);\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n\r\n\r\n let bInsertTax = false;\r\n if (cList.length > 0) {\r\n Array.prototype.forEach.call(cList[0].structure, tx => {\r\n bInsertTax = false;\r\n taxAmt = 0;\r\n //Applicable on = 2 Discount Value && applicableon = 1 direct value\r\n if (tx.applicableOn === 3) { // Tax on Tax \r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.length > 0) {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = serialTax[0].taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty;\r\n\r\n bInsertTax = true;\r\n }\r\n }\r\n else {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = itemValue * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty; // \r\n\r\n bInsertTax = true;\r\n }\r\n\r\n if (bInsertTax === true) {\r\n taxObj.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n }\r\n });\r\n }\r\n return taxObj;\r\n }\r\n\r\n static modifierItemChargeCartCalculation(chargeId, rate, qty, itemId, uid) {\r\n this.initiate();\r\n chargeId = chargeId === null ? [] : chargeId;\r\n let modifierChargeList = [];\r\n if (chargeId.length > 0) {\r\n Array.prototype.forEach.call(chargeId, cId => {\r\n // filter based on Item wise & Item Qty wise => apply category\r\n let chargelist = getCharges.filter(x => x.chargeId === cId && x.applyTo === 1 && x.applyType === 1);\r\n let taxlist = [];\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n let chargeAmt = 0;\r\n if (chargelist.length > 0) {\r\n Array.prototype.forEach.call(chargelist, chg => {\r\n let rnTaxAmt = 0;\r\n if (chg.applyType === 2) { // slabe wise (%) - only for slab base value from and value to (percentage =>itmvalue * per * 0.01) or amount=> direct slab amount) \r\n chg.chargeSlab = chg.chargeSlab === null ? [] : chg.chargeSlab;\r\n let cslab = chg.chargeSlab.filter(x => x.ValueFrom > itemValue && x.ValueTo < itemValue)\r\n if (cslab.length > 0) {\r\n if (cslab.chargeValueType === 1)\r\n chargeAmt = itemValue * chg.chargeValue * 0.01;\r\n else if (cslab.chargeValueType === 2)\r\n chargeAmt = cslab.ChargeValue;\r\n }\r\n }\r\n else if (chg.chargeValueType === 2) // Amount only qty based \r\n chargeAmt = chg.chargeValue * qty; // \r\n // Tax \r\n taxlist = getTaxes.filter(x => x.taxId === chg.taxId);\r\n if (taxlist.length > 0) {\r\n Array.prototype.forEach.call(taxlist[0].structure, tx => {\r\n taxAmt = 0;\r\n if (tx.applicableOn === 3) { //tax on tax\r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.length > 0) {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = serialTax[0].taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue;\r\n }\r\n }\r\n else {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = (chargeAmt * tx.taxValue * 0.01);\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue; // \r\n }\r\n rnTaxAmt += taxAmt;\r\n taxObj.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, taxId: chg.taxId, taxGroupName: taxlist[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n })\r\n }\r\n modifierChargeList.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, chargeName: chg.chargeName, chargeType: chg.chargeType, isMerchantCharge: false, chargeValueType: chg.chargeValueType, chargeValue: chg.chargeValue, chargeAmount: Number((chargeAmt).toFixed(2)), taxes: taxObj, totalTaxAmount: rnTaxAmt });\r\n\r\n });\r\n }\r\n });\r\n }\r\n return modifierChargeList;\r\n }\r\n\r\n // On Bill Tax(Item total + ItemTaxTotal(with modifier) - Discount = Bill Value on Tax )\r\n static OnBillTaxCalculation(billValue) {\r\n this.initiate();\r\n let cList = getTaxes.filter(x => x.applyTo === 2); // on Bill Type\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let bInsertTax = false;\r\n let onBillTaxValue = 0;\r\n if (cList.length > 0) {\r\n Array.prototype.forEach.call(cList[0].structure, tx => {\r\n bInsertTax = false;\r\n taxAmt = 0;\r\n //Applicable on = 2 Discount Value && applicableon = 1 direct value\r\n if (tx.applicableOn === 3) { // Tax on Tax \r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.length > 0) {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = serialTax[0].taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue;\r\n\r\n bInsertTax = true;\r\n }\r\n }\r\n else {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = billValue * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue; // \r\n\r\n bInsertTax = true;\r\n }\r\n\r\n if (bInsertTax === true) {\r\n onBillTaxValue += taxAmt;\r\n // taxObj.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n // taxList.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n }\r\n });\r\n }\r\n return onBillTaxValue;\r\n }\r\n\r\n // Order Level Charges ( Apply To = 1:- Item wise and *ApplyTo=2 :- Order Level)\r\n static OrderLevelCharge(itemTotal) {\r\n this.initiate();\r\n let totalChargeAmount = 0;\r\n let totalChargeTaxAmount = 0;\r\n // filter based on Item wise & Item Qty wise => apply category\r\n let chargelist = getCharges.filter(x => x.applyTo === 2);\r\n let taxlist = [];\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let orderLeveChargeList = [];\r\n let itemValue = itemTotal;\r\n let chargeAmt = 0;\r\n if (chargelist.length > 0) {\r\n Array.prototype.forEach.call(chargelist, chg => {\r\n let rnTaxAmt = 0;\r\n chargeAmt = 0;\r\n if (chg.applyType === 2) { // slabe wise (%) - only for slab base value from and value to (percentage =>itmvalue * per * 0.01) or amount=> direct slab amount) \r\n chg.chargeSlab = chg.chargeSlab === null ? [] : chg.chargeSlab;\r\n let cslab = chg.chargeSlab.filter(x => x.ValueFrom > itemValue && x.ValueTo < itemValue)\r\n if (cslab.length > 0) {\r\n if (cslab.chargeValueType === 1)\r\n chargeAmt = itemValue * chg.chargeValue * 0.01;\r\n else if (cslab.chargeValueType === 2)\r\n chargeAmt = cslab.ChargeValue;\r\n }\r\n }\r\n else if (chg.chargeValueType === 2) // Amount only qty based \r\n chargeAmt = chg.chargeValue; // \r\n // Tax \r\n taxlist = getTaxes.filter(x => x.taxId === chg.taxId);\r\n if (taxlist.length > 0) {\r\n Array.prototype.forEach.call(taxlist[0].structure, tx => {\r\n taxAmt = 0;\r\n if (tx.applicableOn === 3) {\r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.length > 0) {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = serialTax[0].taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue;\r\n }\r\n }\r\n else {\r\n\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = (chargeAmt * tx.taxValue * 0.01);\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue; // \r\n }\r\n rnTaxAmt += taxAmt;\r\n taxObj.push({ chargeId: chg.chargeId, taxId: chg.taxId, taxGroupName: taxlist[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n });\r\n }\r\n orderLeveChargeList.push({ chargeId: chg.chargeId, chargeName: chg.chargeName, chargeType: chg.chargeType, isMerchantCharge: false, chargeValueType: chg.chargeValueType, chargeValue: chg.chargeValue, chargeAmount: Number((chargeAmt).toFixed(2)), taxes: taxObj, totalTaxAmount: Number((rnTaxAmt).toFixed(2)) });\r\n totalChargeTaxAmount += rnTaxAmt;\r\n totalChargeAmount += chargeAmt;\r\n });\r\n }\r\n sessionStorage.setItem('order-charge-Amount', totalChargeAmount);\r\n sessionStorage.setItem('order-charge-Tax-Amount', totalChargeTaxAmount);\r\n sessionStorage.setItem('order-charge-List', JSON.stringify(orderLeveChargeList));\r\n }\r\n}\r\n\r\nexport default withRouter(CartCalculation)","import React, { Component } from 'react';\r\nimport './cart.scss';\r\nimport Config from '../../data/SiteConfig';\r\nimport enmConfig from '../../data/enumConfig';\r\n//import uuid from 'react-uuid';\r\n//import Cookies from 'universal-cookie';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport CartCalCulation from '../../modules/cart/cartcalculation';\r\nimport { isMobile } from 'react-device-detect';\r\n//import sHelpers from '../../modules/helpers/statichelpers';\r\n\r\nimport { confirmAlert } from 'react-confirm-alert'; // Import\r\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\n\r\nlet totalItems = 0;\r\nlet totalItemAmount = 0;\r\nlet totalNetAmount = 0;\r\nlet cartList = {};\r\nlet modifierCartList = [];\r\nlet taxList = [];\r\nlet chargeList = [];\r\nlet orderChargeList = [];\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationTd = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet totalChargesAmount = 0;\r\nlet totaltaxAmount = 0;\r\nlet outletDetails = null;\r\nlet olDetail = {};\r\nlet orderCheckoutType = 0;\r\nlet mainGuestMobileNo = '';\r\nlet groupPin = '';\r\nlet guestLoggedIn = \"false\";\r\nlet guestDetailsStr = null;\r\nlet guestDetails = {};\r\nlet guestCurrentAddress = null;\r\nlet guestName = '';\r\n// Validate Order\r\n\r\n// let vaildCartList = {};\r\n// let vaildModifierCartList = [];\r\n// let vaildTaxList = [];\r\n// let vaildChargeList = [];\r\nlet vailduniquesGroups = [];\r\n// let vaildtotalItemAmount = 0;\r\n// let vaildtotalItemTaxAmount = 0; \r\n// let vaildtotalItemChargesAmount = 0;\r\n\r\n\r\n// let vaildtotalChargesAmount = 0;\r\n// let vaildtotalTaxAmount = 0;\r\n// let vaildtotalAmount = 0;\r\n// let vaildVendorOrderId = '';\r\nlet userSessionId = '';\r\nlet urlPattern = '';\r\nexport default class Cart extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.goPayments = this.goPayments.bind(this);\r\n this.handleValidateOrder = this.handleValidateOrder.bind(this);\r\n //this.handlePlaceOrder = this.handlePlaceOrder.bind(this);\r\n this.state = {\r\n loading: false,\r\n // cartItemList: [\r\n // { mnuId: 1, mnuName: \"Chilli Chicken\", price: \"166\", qty: 2, foodType: 2, modifier: [] },\r\n // { mnuId: 2, mnuName: \"Chilli Paneer\", price: \"178\", qty: 1, foodType: 1, modifier: [{ modifierId: 1, modifierName: \"spicy\", price: 10 }, { modifierId: 2, modifierName: \"spicy\", price: 10 }] },\r\n // { mnuId: 3, mnuName: \"Veg Manchurian\", price: \"127\", qty: 1, foodType: 2, modifier: [{ modifierId: 3, modifierName: \"jam\", price: 22 }] }\r\n // ],\r\n cartItemList: [\r\n // { mnuId: 1, mnuName: \"Chilli Chicken\", price: \"166\", qty: 2, foodType: 2, modifier: [] },\r\n // { mnuId: 2, mnuName: \"Chilli Paneer\", price: \"178\", qty: 1, foodType: 1, modifier: [{ modifierId: 1, modifierName: \"spicy\", price: 10 }, { modifierId: 2, modifierName: \"spicy\", price: 10 }] },\r\n // { mnuId: 3, mnuName: \"Veg Manchurian\", price: \"127\", qty: 1, foodType: 2, modifier: [{ modifierId: 3, modifierName: \"jam\", price: 22 }] }\r\n ],\r\n getMenus: [],\r\n getItems: [],\r\n getModifiers: [],\r\n getTaxes: [],\r\n getCharges: [],\r\n orderId: 0,\r\n orderInstruction: \"\",\r\n alertMessage: '',\r\n msgType: '',\r\n msgShow: false,\r\n totalItems: 0,\r\n totalItemAmount: 0,\r\n totalAmount: 0,\r\n totalNetAmount: 0,\r\n totalChargesAmount: 0,\r\n totaltaxAmount: 0,\r\n modifierItemList: [],\r\n roundOff: 0\r\n }\r\n\r\n };\r\n componentWillMount() {\r\n\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n orgnationTd = sessionStorage.getItem('user-orgnationid');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n outletDetails = sessionStorage.getItem('user-outletDetails');\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n groupPin = sessionStorage.getItem('group-pin') == null ? '' : sessionStorage.getItem('group-pin');\r\n guestLoggedIn = sessionStorage.getItem('user-loggedin') == null ? \"false\" : sessionStorage.getItem('user-loggedin');\r\n guestDetailsStr = sessionStorage.getItem('user-GuestDetails');\r\n //sessionStorage.removeItem(\"order-instruction\");\r\n // sessionStorage.removeItem(\"user-vendorOrderId\");\r\n guestCurrentAddress = sessionStorage.getItem('user-CurrentAddress') === null ? null : JSON.parse(sessionStorage.getItem('user-CurrentAddress'));\r\n guestName = sessionStorage.getItem('guest-name') === null ? '' : sessionStorage.getItem('guest-name');\r\n userSessionId = sessionStorage.getItem('user-session-id') == null ? \"\" : sessionStorage.getItem('user-session-id');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n // remove Order charges\r\n sessionStorage.removeItem('order-charge-Amount');\r\n sessionStorage.removeItem('order-charge-Tax-Amount');\r\n sessionStorage.removeItem('order-charge-List');\r\n sessionStorage.removeItem('proceed-pod');\r\n\r\n // //console.log(mobileNo);\r\n // //console.log(token);\r\n // //console.log(tableNo);\r\n // //console.log(serviceType);\r\n // //console.log(orgnationTd);\r\n // //console.log(propertyId);\r\n // //console.log(outletCode);\r\n if (!urlPattern) {\r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n\r\n\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationTd === undefined || orgnationTd === \"\" || orgnationTd === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (outletDetails === undefined || outletDetails === \"\" || outletDetails === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n olDetail = JSON.parse(outletDetails);\r\n orderCheckoutType = olDetail.orderCheckOutType;\r\n }\r\n\r\n if (guestDetailsStr === undefined || guestDetailsStr === \"\" || guestDetailsStr === null) {\r\n guestDetails = null;\r\n }\r\n else {\r\n guestDetails = JSON.parse(guestDetailsStr);\r\n }\r\n\r\n window.scrollTo(0, 0);\r\n document.body.classList.remove('modal-open');\r\n let modalPopup = document.querySelector('.modal-backdrop');\r\n if (modalPopup !== null) {\r\n modalPopup.classList.remove('modal-backdrop', 'fade', 'show');\r\n }\r\n\r\n /// Session Validation for Fine Dine\r\n // if (serviceType === \"FINE-DINE\") {\r\n // if (!sHelpers.sessionValidation()) {\r\n // this.showMessage(\"Your session has expired, please scan once again\", \"danger\");\r\n // this.setState({ loading: true });\r\n // setTimeout(() => {\r\n // this.setState({ loading: false });\r\n // this.props.history.push('/logout');\r\n // }, 3000);\r\n // return false;\r\n // }\r\n // }\r\n\r\n\r\n\r\n this.handleCartRecalculate();\r\n /// Check the Logged in Mode Click\r\n if (this.props.location.state !== undefined) {\r\n if (this.props.location.state.onClick !== undefined || this.props.location.state.onClick !== null || this.props.location.state.onClick !== false) {\r\n this.setState({ loading: true });\r\n\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n let typeId = sessionStorage.getItem('on-click-mode') === null ? 0 : parseInt(sessionStorage.getItem('on-click-mode'));\r\n if (typeId > 0) {\r\n if (serviceType !== Config.serviceType.DELIVERY)\r\n this.handleValidateOrder(typeId, false);\r\n };\r\n }, Config.minMsgTimeout);\r\n }\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n\r\n this.handleCartRecalculate();\r\n\r\n // get unique modifier group\r\n //set Order Instruction\r\n this.setState({ orderInstruction: (sessionStorage.getItem(\"order-instruction\") === null || sessionStorage.getItem(\"order-instruction\") === undefined) ? '' : sessionStorage.getItem(\"order-instruction\") });\r\n\r\n\r\n // //console.log(_uniquesGroups);\r\n };\r\n\r\n handleCartRecalculate() {\r\n // re calculate cart value \r\n let cartItemValue = 0;\r\n let cartItemQty = 0;\r\n let modifierCartValue = 0;\r\n let onBillTaxValue = 0;\r\n let orderLevelCharge = 0;\r\n let orderLevelChargeTaxAmount = 0;\r\n totaltaxAmount = 0;\r\n totaltaxAmount = 0;\r\n totalChargesAmount = 0;\r\n\r\n totalItemAmount = 0;\r\n totalNetAmount = 0;\r\n totalItems = 0;\r\n\r\n\r\n\r\n cartList = sessionStorage.getItem(\"cartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"cartList\"));\r\n taxList = sessionStorage.getItem(\"taxCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"taxCartList\"));\r\n modifierCartList = sessionStorage.getItem(\"modifierCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"modifierCartList\"));\r\n chargeList = sessionStorage.getItem(\"chargeCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"chargeCartList\"));\r\n\r\n\r\n if (sessionStorage.getItem(\"cartList\") !== null) {\r\n Array.prototype.forEach.call(cartList.itemList, itm => {\r\n cartItemValue += (itm.rate * itm.qty);\r\n cartItemQty += itm.qty;\r\n // //console.log(cartItemValue);\r\n let mdcartItemList = modifierCartList.filter(x => x.uid === itm.uid);\r\n // //console.log(mdcartItemList);\r\n Array.prototype.forEach.call(mdcartItemList, md => {\r\n modifierCartValue += md.rate * itm.qty;\r\n });\r\n });\r\n\r\n totaltaxAmount = taxList.reduce((prev, next) => prev + next.taxAmount, 0);\r\n totaltaxAmount += chargeList.reduce((prev, next) => prev + next.totalTaxAmount, 0);\r\n totaltaxAmount += modifierCartList.reduce((prev, next) => prev + next.totalTaxAmount, 0);\r\n totalChargesAmount = chargeList.reduce((prev, next) => prev + next.chargeAmount, 0);\r\n totalChargesAmount += modifierCartList.reduce((prev, next) => prev + next.totalChargeAmount, 0);\r\n\r\n totalItemAmount = cartItemValue + modifierCartValue;\r\n onBillTaxValue = CartCalCulation.OnBillTaxCalculation(totalItemAmount);\r\n // //console.log(onBillTaxValue); \r\n CartCalCulation.OrderLevelCharge(totalItemAmount);\r\n orderLevelCharge = sessionStorage.getItem('order-charge-Amount') === null ? 0 : parseFloat(sessionStorage.getItem('order-charge-Amount'));\r\n orderLevelChargeTaxAmount = sessionStorage.getItem('order-charge-Tax-Amount') === null ? 0 : parseFloat(sessionStorage.getItem('order-charge-Tax-Amount'));\r\n // //console.log(orderLevelCharge);\r\n totalChargesAmount += orderLevelCharge;\r\n totaltaxAmount += onBillTaxValue;\r\n totaltaxAmount += orderLevelChargeTaxAmount;\r\n totalNetAmount = totalItemAmount + totalChargesAmount + totaltaxAmount;\r\n totalItems = cartItemQty;\r\n\r\n cartList.totalItems = totalItems;\r\n cartList.totalAmount = totalItemAmount;\r\n sessionStorage.setItem(\"cartList\", JSON.stringify(cartList));\r\n\r\n\r\n // round off\r\n let roundOffAmt = sHelpers.roundOff(olDetail.roundOffType, totalNetAmount, olDetail.roundOffValue);\r\n let rndOffAmt = roundOffAmt - totalNetAmount;\r\n totalNetAmount = roundOffAmt;\r\n // roundOff = roundOffAmt - totalNetAmount;\r\n ////console.log(roundOff.toFixed(2));\r\n\r\n this.setState({\r\n totaltaxAmount: totaltaxAmount,\r\n totalChargesAmount: totalChargesAmount,\r\n totalItemAmount: totalItemAmount,\r\n totalNetAmount: totalNetAmount,\r\n totalItems: cartItemQty,\r\n modifierItemList: modifierCartList,\r\n cartItemList: cartList.itemList,\r\n roundOff: rndOffAmt\r\n });\r\n }\r\n if (totalItems === 0) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n sessionStorage.removeItem(\"cartList\");\r\n sessionStorage.removeItem(\"taxCartList\");\r\n sessionStorage.removeItem(\"modifierCartList\");\r\n sessionStorage.removeItem(\"chargeCartList\");\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n };\r\n\r\n goBack() {\r\n //this.props.history.goBack();\r\n this.props.history.push('/items' + urlPattern);\r\n };\r\n\r\n goPayments(checkoutTypeId) {\r\n\r\n this.setState({ loading: true });\r\n\r\n if (this.state.totalNetAmount > 0) {\r\n this.handleValidateOrder();\r\n // setTimeout(() => {\r\n // this.setState({ loading: false });\r\n // sessionStorage.setItem(\"order-instruction\", this.state.OrderInstruction);\r\n // this.props.history.push('/payment', { totalNetAmount: this.state.totalNetAmount, totalItems: this.state.totalItems });\r\n // }, 2000);\r\n }\r\n else {\r\n this.showMessage(\"Item details are required\", \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n }\r\n\r\n handleQtyIncDec(itmId, val, rate, itmName, itemId, groupId, foodType, isModifier, uid, taxId, chargeId) {\r\n if (isModifier === 0) {\r\n let qty = document.getElementById(\"\" + uid + \"\").innerHTML === \"\" ? 0 : JSON.parse(document.getElementById(\"\" + uid + \"\").innerHTML);\r\n let _qtyVal = val === 1 ? qty += 1 : qty -= 1;\r\n if (qty >= 0) {\r\n this.setState({ qty: _qtyVal });\r\n document.getElementById(\"\" + uid + \"\").innerHTML = _qtyVal;\r\n totalItems = val === 1 ? totalItems += 1 : totalItems -= 1;\r\n totalItemAmount = val === 1 ? totalItemAmount += rate : totalItemAmount -= rate;\r\n }\r\n //let _amtVal = _qtyVal * rate;\r\n // totalAmount += _amtVal; \r\n\r\n this.setState({ totalItems: totalItems });\r\n this.setState({ totalItemAmount: totalItemAmount });\r\n\r\n cartList.totalItems = totalItems;\r\n cartList.totalAmount = totalItemAmount;\r\n\r\n let index = cartList.itemList.findIndex(x => x.uid === uid);\r\n // if (index < 0) {\r\n // cartList.itemList.push({ id: \"\" + itmId + \"\", itemId: itemId, groupId: groupId, foodType: foodType, qty: _qtyVal, rate: rate, itemName: itmName, isModifier: 0, uid: \"\" });\r\n // }\r\n if (index > -1) {\r\n if (_qtyVal > 0) {\r\n\r\n // tax\r\n let exTax = taxList.filter(x => x.uid === cartList.itemList[index].uid);\r\n let txidx = -1;\r\n Array.prototype.forEach.call(exTax, tx => {\r\n txidx = taxList.findIndex(x => x.serialNo === tx.serialNo && x.uid === tx.uid);\r\n taxList.splice(txidx, 1);\r\n });\r\n\r\n // charge\r\n let exCharge = chargeList.filter(x => x.uid === cartList.itemList[index].uid);\r\n let chgidx = -1;\r\n Array.prototype.forEach.call(exCharge, chg => {\r\n chgidx = chargeList.findIndex(x => x.uid === chg.uid);\r\n chargeList.splice(chgidx, 1);\r\n });\r\n\r\n cartList.itemList[index].qty = _qtyVal;\r\n\r\n sessionStorage.setItem(\"cartList\", JSON.stringify(cartList));\r\n sessionStorage.setItem(\"taxCartList\", JSON.stringify(taxList));\r\n sessionStorage.setItem(\"chargeCartList\", JSON.stringify(chargeList));\r\n CartCalCulation.itemTaxCartCalculation(taxId, rate, _qtyVal, itemId, cartList.itemList[index].uid);\r\n CartCalCulation.itemChargeCartCalculation(chargeId, rate, _qtyVal, itemId, cartList.itemList[index].uid);\r\n this.handleCartRecalculate();\r\n }\r\n else {\r\n\r\n // tax\r\n let exTax = taxList.filter(x => x.uid === cartList.itemList[index].uid);\r\n let txidx = -1;\r\n Array.prototype.forEach.call(exTax, tx => {\r\n txidx = taxList.findIndex(x => x.serialNo === tx.serialNo && x.uid === tx.uid);\r\n taxList.splice(txidx, 1);\r\n });\r\n\r\n // charge\r\n let exCharge = chargeList.filter(x => x.uid === cartList.itemList[index].uid);\r\n let chgidx = -1;\r\n Array.prototype.forEach.call(exCharge, chg => {\r\n chgidx = chargeList.findIndex(x => x.uid === chg.uid);\r\n chargeList.splice(chgidx, 1);\r\n });\r\n\r\n cartList.itemList.splice(index, 1);\r\n\r\n sessionStorage.setItem(\"cartList\", JSON.stringify(cartList));\r\n sessionStorage.setItem(\"taxCartList\", JSON.stringify(taxList));\r\n sessionStorage.setItem(\"chargeCartList\", JSON.stringify(chargeList));\r\n this.handleCartRecalculate();\r\n }\r\n\r\n }\r\n\r\n\r\n }\r\n else { // modifier Items\r\n\r\n // cart\r\n let index = cartList.itemList.findIndex(x => x.uid === \"\" + uid + \"\");\r\n\r\n if (index > -1)\r\n // cartList.itemList.push({ id: \"\" + itmId + \"\", itemId: itemId, groupId: groupId, foodType: foodType, qty: _qtyVal, rate: rate, itemName: itmName, isModifier: 0, uid: \"\" });\r\n {\r\n\r\n let qty = document.getElementById(\"\" + uid + \"\").innerHTML === \"\" ? 0 : JSON.parse(document.getElementById(\"\" + uid + \"\").innerHTML);\r\n let _qtyVal = val === 1 ? qty += 1 : qty -= 1;\r\n\r\n if (_qtyVal > 0) {\r\n this.setState({ qty: _qtyVal });\r\n document.getElementById(\"\" + uid + \"\").innerHTML = _qtyVal;\r\n totalItems = val === 1 ? totalItems += 1 : totalItems -= 1;\r\n totalItemAmount = val === 1 ? totalItemAmount += rate : totalItemAmount -= rate;\r\n\r\n this.setState({ totalItems: totalItems });\r\n this.setState({ totalItemAmount: totalItemAmount });\r\n\r\n cartList.totalItems = totalItems;\r\n cartList.totalAmount = totalItemAmount;\r\n\r\n // tax\r\n let exTax = taxList.filter(x => x.uid === cartList.itemList[index].uid);\r\n let txidx = -1;\r\n Array.prototype.forEach.call(exTax, tx => {\r\n txidx = taxList.findIndex(x => x.serialNo === tx.serialNo && x.uid === tx.uid);\r\n taxList.splice(txidx, 1);\r\n })\r\n\r\n // charge\r\n let exCharge = chargeList.filter(x => x.uid === cartList.itemList[index].uid);\r\n let chgidx = -1;\r\n Array.prototype.forEach.call(exCharge, chg => {\r\n chgidx = chargeList.findIndex(x => x.uid === chg.uid);\r\n chargeList.splice(chgidx, 1);\r\n });\r\n\r\n // modifier\r\n // charge\r\n let exmodifierList = modifierCartList.filter(x => x.uid === cartList.itemList[index].uid);\r\n Array.prototype.forEach.call(exmodifierList, md => {\r\n let txList = CartCalCulation.modifierItemTaxCartCalculation(md.taxId, md.rate, _qtyVal, md.itemId, md.uid);\r\n let txAmount = txList.reduce((prev, next) => prev + next.taxAmount, 0);\r\n let chgList = CartCalCulation.modifierItemChargeCartCalculation(md.chargeIds, md.rate, _qtyVal, md.itemId, md.uid);\r\n let chgAmount = chgList.reduce((prev, next) => prev + next.taxAmount, 0);\r\n md.taxes = txList;\r\n md.charges = chgList;\r\n md.totalTaxAmount = txAmount;\r\n md.totalChargeAmount = chgAmount;\r\n\r\n });\r\n\r\n cartList.itemList[index].qty = _qtyVal;\r\n\r\n sessionStorage.setItem(\"cartList\", JSON.stringify(cartList));\r\n sessionStorage.setItem(\"taxCartList\", JSON.stringify(taxList));\r\n sessionStorage.setItem(\"chargeCartList\", JSON.stringify(chargeList));\r\n sessionStorage.setItem(\"modifierCartList\", JSON.stringify(modifierCartList));\r\n\r\n CartCalCulation.itemTaxCartCalculation(taxId, rate, _qtyVal, itemId, cartList.itemList[index].uid);\r\n CartCalCulation.itemChargeCartCalculation(chargeId, rate, _qtyVal, itemId, cartList.itemList[index].uid);\r\n this.handleCartRecalculate();\r\n }\r\n else {\r\n // tax\r\n let exTax = taxList.filter(x => x.uid === cartList.itemList[index].uid);\r\n let txidx = -1;\r\n Array.prototype.forEach.call(exTax, tx => {\r\n txidx = taxList.findIndex(x => x.serialNo === tx.serialNo && x.uid === tx.uid);\r\n taxList.splice(txidx, 1);\r\n })\r\n\r\n // charge\r\n let exCharge = chargeList.filter(x => x.uid === cartList.itemList[index].uid);\r\n let chgidx = -1;\r\n Array.prototype.forEach.call(exCharge, chg => {\r\n chgidx = chargeList.findIndex(x => x.uid === chg.uid);\r\n // //console.log(chgidx);\r\n chargeList.splice(chgidx, 1);\r\n });\r\n\r\n // modifier\r\n // charge\r\n let exmodifierList = modifierCartList.filter(x => x.uid === cartList.itemList[index].uid);\r\n let mdidx = -1;\r\n Array.prototype.forEach.call(exmodifierList, md => {\r\n mdidx = modifierCartList.findIndex(x => x.uid === md.uid);\r\n modifierCartList.splice(mdidx, 1);\r\n });\r\n\r\n cartList.itemList.splice(index, 1);\r\n sessionStorage.setItem(\"cartList\", JSON.stringify(cartList));\r\n sessionStorage.setItem(\"taxCartList\", JSON.stringify(taxList));\r\n sessionStorage.setItem(\"chargeCartList\", JSON.stringify(chargeList));\r\n sessionStorage.setItem(\"modifierCartList\", JSON.stringify(modifierCartList));\r\n this.handleCartRecalculate();\r\n\r\n }\r\n }\r\n }\r\n };\r\n\r\n handleInstrucChange = event => {\r\n const value = event.target.value;\r\n this.setState({ orderInstruction: value });\r\n // //console.log(value);\r\n };\r\n\r\n guestTableCheck(typeId) {\r\n this.setState({ loading: true });\r\n\r\n // Check Loggin Process\r\n sessionStorage.setItem('main-guest-no', mobileNo);\r\n mobileNo = sessionStorage.getItem('main-guest-no');\r\n\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n GuestMobileCountryCode: \"91\",\r\n // GuestMobileNumber: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo, // added by vijay on 04-11-2023 \r\n GuestMobileNumber: mobileNo,\r\n TableNumber: serviceType !== \"FINE-DINE\" ? '' : tableNo\r\n }\r\n\r\n // //console.log(postObj);\r\n\r\n fetch(Config.basePOSUrl + 'GetGuestTableStatus', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n if (!response.response.guestTableStatus.isCheckedIn) {\r\n //console.log(response);\r\n // Commended by vijay on 01-02-2024 -Jira id -2078 -Testing Poits -Switch based \r\n // if (olDetail.autoCheckInWhenGuestContinueOrderInSameTable) {\r\n // let postObj = {\r\n // OutletId: propertyId + outletCode,\r\n // GuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"),\r\n // MobileNo: mobileNo,\r\n // TableNumber: tableNo,\r\n // GroupCode: groupPin\r\n // }\r\n // //console.log(postObj)\r\n // fetch(Config.basePOSUrl + 'GuestCheckIn', {\r\n // method: 'POST',\r\n // headers: {\r\n // Authorization: \"Bearer \" + token,\r\n // 'content-type': 'application/json'\r\n // },\r\n // body: JSON.stringify(postObj)\r\n // })\r\n // .then(res => res.json())\r\n // .then(response => {\r\n // if (response.errorCode === 0) {\r\n // //console.log(\"response2wwww\");\r\n // //console.log(response);\r\n // sessionStorage.setItem('main-guest-no', mobileNo);\r\n // mainGuestMobileNo = sessionStorage.getItem('main-guest-no');\r\n // // group pin commented by daspraksh on 04-10-2023 jira-1490\r\n // // sessionStorage.setItem('group-pin', response.response.groupCode);\r\n // // group pin added by daspraksh on 04-10-2023 jira-1490\r\n // sessionStorage.setItem('group-pin', response.response !== null ? response.response.groupCode : \"\");\r\n // groupPin = sessionStorage.getItem('group-pin');\r\n\r\n // sessionStorage.setItem('main-guest-name', sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"));\r\n // sessionStorage.setItem('group-session', false);\r\n\r\n // sessionStorage.setItem('main-guest-mask-no', '');\r\n // sessionStorage.setItem('ex-main-guest-no', mobileNo);\r\n\r\n // setTimeout(() => {\r\n // this.handleValidateOrder(typeId, true);\r\n // }, 500);\r\n // }\r\n // else {\r\n // this.showMessage(\"Your selected table has been checked out.\", \"danger\");\r\n // setTimeout(() => {\r\n // this.setState({ loading: false });\r\n // this.props.history.push('/logout');\r\n // }, 3000);\r\n // }\r\n // })\r\n // .catch(err => {\r\n // sessionStorage.removeItem(\"user-token\");\r\n // sessionStorage.removeItem(\"user-mobileno\");\r\n // this.showMessage('Guest Check IN - Failed to fetch - ' + err, \"danger\");\r\n // //console.log(err)\r\n // });\r\n // } \r\n // else {\r\n // this.showMessage('Your table has been Closed! , Please scan and login once again', \"danger\");\r\n // this.setState({ loading: true });\r\n // setTimeout(() => {\r\n // this.setState({ loading: false });\r\n // this.props.history.push('/');\r\n // }, 3000);\r\n // }\r\n\r\n // Added by vijay on 01-02-2024 -Jira id -2078 -Testing Poits \r\n if (olDetail.checkInWithTablePin) {\r\n sessionStorage.setItem(\"login-page-session\", 3); // Cart Session\r\n sessionStorage.setItem(\"on-click-mode\", typeId); // Cart Session\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/loginverification' + urlPattern, // set valid OTP= false due to show only table pin mode in the loginverification \r\n { mobileNo: mobileNo, validateOTP: false, validatePIN: olDetail.checkInWithTablePin });\r\n // { mobileNo: mobileNo, validatePIN: validatePIN }); // Added by vijay Testing Points\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n else {\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n GuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"),\r\n MobileNo: mobileNo,\r\n TableNumber: tableNo,\r\n GroupCode: groupPin\r\n }\r\n // console.log( \"GuestCheckIn before\",postObj)\r\n fetch(Config.basePOSUrl + 'GuestCheckIn', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n console.log(\"GuestCheckIn API response\", response);\r\n if (response.errorCode === 0) {\r\n sessionStorage.setItem('main-guest-no', mobileNo);\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no');\r\n // group pin commented by daspraksh on 04-10-2023 jira-1490\r\n // sessionStorage.setItem('group-pin', response.response.groupCode);\r\n // group pin added by daspraksh on 04-10-2023 jira-1490\r\n sessionStorage.setItem('group-pin', response.response !== null ? response.response.groupCode : \"\");\r\n groupPin = sessionStorage.getItem('group-pin');\r\n\r\n sessionStorage.setItem('main-guest-name', sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"));\r\n sessionStorage.setItem('group-session', false);\r\n\r\n sessionStorage.setItem('main-guest-mask-no', '');\r\n sessionStorage.setItem('ex-main-guest-no', mobileNo);\r\n\r\n setTimeout(() => {\r\n this.handleValidateOrder(typeId, true);\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n // added by dasprakash on 21-10-2023 jira-1644\r\n this.setState({ errorMessage: \"Your selected table has been checked out.\" })\r\n //this.showMessage(\"Your selected table has been checked out.\", \"danger\");\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/logout' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n sessionStorage.removeItem(\"user-token\");\r\n sessionStorage.removeItem(\"user-mobileno\");\r\n // added by dasprakash on 21-10-2023 jira-1644\r\n this.setState({ errorMessage: 'Guest Check IN - Failed to fetch - ' + err })\r\n //this.showMessage('Guest Check IN - Failed to fetch - ' + err, \"danger\");\r\n //console.log(err)\r\n });\r\n\r\n }\r\n }\r\n\r\n\r\n\r\n else {\r\n if (mobileNo !== mainGuestMobileNo) { //if not main guest\r\n sessionStorage.setItem('main-guest-mask-no', response.response.guestTableStatus.maskMobileNo);\r\n sessionStorage.setItem('main-guest-no', response.response.guestTableStatus.mainGuestMobileNo);\r\n sessionStorage.setItem('main-guest-name', response.response.guestTableStatus.mainGuestName);\r\n sessionStorage.setItem('ex-main-guest-no', response.response.guestTableStatus.mainGuestMobileNo);\r\n mainGuestMobileNo = response.response.guestTableStatus.mainGuestMobileNo;\r\n }\r\n\r\n if (tableNo !== response.response.guestTableStatus.currentTableNumber) {\r\n this.showMessage(\"Your table has been transfer from \" + tableNo + \" to \" + response.response.guestTableStatus.currentTableNumber, \"danger\");\r\n sessionStorage.setItem('user-tableno', response.response.guestTableStatus.currentTableNumber);\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n }\r\n setTimeout(() => {\r\n this.handleValidateOrder(typeId, true);\r\n }, Config.minMsgTimeout);\r\n }\r\n }\r\n else {\r\n this.setState({ loading: false });\r\n this.showMessage(response.message, \"danger\");\r\n\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n this.showMessage(err, \"danger\");\r\n });\r\n }\r\n\r\n handleValidateOrder(typeId, tableCheck) {\r\n\r\n /// user Session Validation \r\n if (!sHelpers.userSessionValidation(userSessionId)) {\r\n this.showMessage(\"Your session has been expired, please try again\", \"danger\");\r\n setTimeout(() => {\r\n window.location.reload(true);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n\r\n\r\n //console.log(\"handleValidateOrder\")\r\n let IsAddressChange = false;\r\n let addressObj = null;\r\n // Special Instruction Saved \r\n sessionStorage.setItem(\"order-instruction\", this.state.orderInstruction !== '' ? this.state.orderInstruction : sessionStorage.getItem('order-instruction') !== null ? sessionStorage.getItem('order-instruction') : '');\r\n orderChargeList = sessionStorage.getItem(\"order-charge-List\") === null ? [] : JSON.parse(sessionStorage.getItem(\"order-charge-List\"));\r\n\r\n if (guestLoggedIn === \"false\") {\r\n this.setState({ loading: true });\r\n sessionStorage.setItem(\"login-page-session\", 3); // Cart Session\r\n sessionStorage.setItem(\"on-click-mode\", typeId); // Cart Session\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/login' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n else {\r\n sessionStorage.removeItem(\"login-page-session\"); // Cart Session\r\n sessionStorage.removeItem(\"on-click-mode\"); // Cart Session\r\n }\r\n\r\n // Delivery Mode\r\n if (serviceType === Config.serviceType.DELIVERY) {\r\n\r\n if (guestCurrentAddress === null) {\r\n sessionStorage.setItem('user-addressId', 0);\r\n this.showMessage('Address not found, Please change the valid address', \"danger\");\r\n IsAddressChange = true;\r\n }\r\n else {\r\n sessionStorage.setItem('user-addressId', parseInt(guestCurrentAddress.addressId));\r\n if (guestCurrentAddress.addressLine1.trim() === '') {\r\n if (guestCurrentAddress.addressLine2.trim() === '') {\r\n if (guestCurrentAddress.addressLine3.trim() === '') {\r\n this.showMessage('Address not found, Please change the valid address', \"danger\");\r\n IsAddressChange = true;\r\n }\r\n }\r\n }\r\n\r\n if (guestCurrentAddress.zipCode.trim() === '') {\r\n this.showMessage('Invalid zipcode, Please change the valid address', \"danger\");\r\n IsAddressChange = true;\r\n }\r\n if (guestCurrentAddress.city.trim() === '') {\r\n this.showMessage('Invalid city name, Please change the valid address', \"danger\");\r\n IsAddressChange = true;\r\n }\r\n if (guestCurrentAddress.area.trim() === '') {\r\n this.showMessage('Invalid area name, Please change the valid address', \"danger\");\r\n IsAddressChange = true;\r\n }\r\n }\r\n\r\n if (IsAddressChange) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/chooseaddress' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n\r\n // Get Address \r\n addressObj = {\r\n AddressId: guestCurrentAddress.addressId,\r\n AddressLine1: guestCurrentAddress.addressLine1,\r\n AddressLine2: guestCurrentAddress.addressLine2,\r\n AddressLine3: guestCurrentAddress.addressLine3,\r\n Area: guestCurrentAddress.area,\r\n City: guestCurrentAddress.city,\r\n State: guestCurrentAddress.addressId,\r\n Landmark: guestCurrentAddress.landmark,\r\n ZipCode: guestCurrentAddress.zipCode,\r\n AddressType: guestCurrentAddress.addressType\r\n }\r\n }\r\n\r\n // Guest Table Check - CheckIn / Check Out / Table Transfer - to Get latest Table Detail\r\n if (serviceType === \"FINE-DINE\" && tableCheck === false) {\r\n this.guestTableCheck(typeId);\r\n return false;\r\n }\r\n\r\n this.setState({ loading: true });\r\n let postItemList = [];\r\n Array.prototype.forEach.call(cartList.itemList, itm => {\r\n let postTaxes = [];\r\n let postModifiers = [];\r\n let postCharges = [];\r\n vailduniquesGroups = [];\r\n\r\n // tax\r\n let ctax = taxList.filter(x => x.uid === itm.uid);\r\n ctax.map(tx =>\r\n postTaxes.push({ TaxCode: tx.taxCode, TaxValueType: tx.taxType, TaxValue: tx.taxValue, TaxAmount: tx.taxAmount })\r\n )\r\n\r\n //modifier\r\n let cmodifer = modifierCartList.filter(x => x.uid === itm.uid);\r\n // //console.log(cmodifer);\r\n var _taxItmFound = {};\r\n for (var md = 0, lenc = cmodifer.length; md <= lenc - 1; md++) {\r\n var stringified = JSON.stringify(cmodifer[md].modifierGroupId);\r\n if (_taxItmFound[stringified]) { continue; }\r\n vailduniquesGroups.push({ groupId: cmodifer[md].modifierGroupId, groupName: cmodifer[md].modifierGroupName });\r\n _taxItmFound[stringified] = true;\r\n };\r\n // //console.log(vailduniquesGroups);\r\n // Modifier\r\n Array.prototype.forEach.call(vailduniquesGroups, mdg => {\r\n var modifr = [];\r\n let mdlist = cmodifer.filter(x => x.modifierGroupId === mdg.groupId);\r\n Array.prototype.forEach.call(mdlist, md => {\r\n let modifiertax = [];\r\n let modifierCharge = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(md.taxes, x => {\r\n modifiertax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n });\r\n\r\n //charge\r\n Array.prototype.forEach.call(md.charges, chg => {\r\n let chargetax = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(chg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n modifierCharge.push({\r\n ChargeId: chg.chargeId, ChargeName: chg.chargeName,\r\n ChargeType: chg.chargeType, IsMerchantCharge: false, ChargeValueType: chg.chargeValueType,\r\n ChargeValue: chg.chargeValue, ChargeAmount: chg.chargeAmount,\r\n Taxes: chargetax\r\n })\r\n });\r\n\r\n modifr.push({ ModfierId: md.modifierId, ModifierName: md.modifierName, Rate: md.rate, Quantity: itm.qty, Amount: md.rate * itm.qty, Taxes: modifiertax, Charges: modifierCharge })\r\n })\r\n postModifiers.push({ ModifierGroupId: mdg.groupId, GroupName: mdg.groupName, Modifiers: modifr });\r\n });\r\n // //console.log(postModifiers);\r\n\r\n // charges \r\n let ccharge = chargeList.filter(x => x.uid === itm.uid);\r\n\r\n Array.prototype.forEach.call(ccharge, chg => {\r\n let chargetax = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(chg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n postCharges.push({\r\n ChargeId: chg.chargeId, ChargeName: chg.chargeName,\r\n ChargeType: chg.chargeType, IsMerchantCharge: false, ChargeValueType: chg.chargeValueType,\r\n ChargeValue: chg.chargeValue, ChargeAmount: chg.chargeAmount,\r\n Taxes: chargetax\r\n })\r\n });\r\n // //console.log(postCharges);\r\n\r\n postItemList.push({\r\n ItemId: itm.itemId,\r\n ItemName: itm.itemName, Rate: itm.rate,\r\n Quantity: itm.qty, Amount: (itm.qty * itm.rate),\r\n Instruction: itm.specInsc === undefined ? \"\" : itm.specInsc,\r\n Taxes: postTaxes,\r\n ModifierGroups: postModifiers,\r\n Charges: postCharges\r\n });\r\n\r\n });\r\n let orderdate = new Date();\r\n let mseconds = orderdate.getTime() //1440516958\r\n let deliveryTime = orderdate.getTime() + (olDetail.minimumDeliveryTime * 60000); //1440516958\r\n // //console.log(mseconds);\r\n\r\n // this.handleCartRecalculate();\r\n\r\n // paymentDetails.push({\r\n // PayMode: \"ONLP\", // Online Pay \r\n // PaymentAmount: this.state.totalNetAmount.toFixed(2),\r\n // TransactionRefId: '',\r\n // PaymentVendorId: '', // Vendor Id\r\n // PaymentVendorName: ''\r\n // });\r\n //this.setState({vendorOrderId: uuid()});\r\n // sessionStorage.setItem('user-vendorOrderId', uuid());\r\n /// Get QR Location \r\n let specialInstu = '';\r\n\r\n if (olDetail.orderInstructionIncludeQRCodeLocation === true) {\r\n // //console.log(olDetail.orderInstructionIncludeQRCodeLocation);\r\n specialInstu = sessionStorage.getItem('url-remarks') === null ? '' : sessionStorage.getItem('url-remarks') !== '' ? sessionStorage.getItem('url-remarks') : '';\r\n // //console.log(specialInstu);\r\n }\r\n\r\n /// Order Charges\r\n let orderCharges = [];\r\n Array.prototype.forEach.call(orderChargeList, ochg => {\r\n let chargetax = [];\r\n //tax\r\n Array.prototype.forEach.call(ochg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n orderCharges.push({\r\n ChargeId: ochg.chargeId, ChargeName: ochg.chargeName,\r\n ChargeType: ochg.chargeType, IsMerchantCharge: false, ChargeValueType: ochg.chargeValueType,\r\n ChargeValue: ochg.chargeValue, ChargeAmount: ochg.chargeAmount,\r\n Taxes: chargetax\r\n });\r\n });\r\n\r\n // //console.log(orderCharges);\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no');\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n ServiceType: serviceType,\r\n GuestDetails: {\r\n // group pin commented by dasprakash on 11-10-2023 jira-1490\r\n // MobileNo: mainGuestMobileNo,\r\n // group pin added by dasprakash on 11-10-2023 jira-1490\r\n // MobileNo: mobileNo,\r\n //Commended by vijay on Jira id - 06-11-2023\r\n // MobileNo: mainGuestMobileNo === \"\" ? mobileNo : mainGuestMobileNo,\r\n //Added by vijay on 06-11-2023 Jira id -\r\n MobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n\r\n OrderedGuestMobileNo: mobileNo,\r\n OrderedGuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"), GuestName: sessionStorage.getItem(\"main-guest-name\") === null ? (sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\")) : sessionStorage.getItem(\"main-guest-name\"),\r\n Address: addressObj === null ? {} : addressObj\r\n },\r\n OrderDetails: {\r\n VendorOrderId: sessionStorage.getItem('user-vendorOrderId'),\r\n OrderDateTime: mseconds,\r\n DeliveryDateTime: serviceType === Config.serviceType.DELIVERY ? deliveryTime : null,\r\n TableNumber: serviceType !== \"FINE-DINE\" ? '' : tableNo,\r\n OrderStatus: \"placed\",\r\n // Instruction: (specialInstu !== '' ? specialInstu + ' - ' : '') + (this.state.orderInstruction === null ? '' : this.state.orderInstruction),\r\n Instruction: (specialInstu !== '' ? specialInstu : '') + (this.state.orderInstruction === null ? '' : (specialInstu !== '' && this.state.orderInstruction !== '') ? ' - ' + this.state.orderInstruction : this.state.orderInstruction),\r\n Items: postItemList,\r\n // TotalItemValue: this.state.totalItemAmount.toFixed(2),\r\n // TotalItemTaxes: this.state.totaltaxAmount.toFixed(2),\r\n // TotalItemCharges: this.state.totalChargesAmount.toFixed(2),\r\n TotalTaxes: this.state.totaltaxAmount.toFixed(2),\r\n TotalCharges: totalChargesAmount,\r\n TotalAmount: this.state.totalNetAmount.toFixed(2),\r\n IsPaid: false,\r\n Charges: orderCharges\r\n },\r\n PaymentDetails: []\r\n }\r\n \r\n\r\n //console.log(\"postObj\");\r\n //console.log(postObj);\r\n //console.log(JSON.stringify(postObj));\r\n // //console.log(Config.basePOSUrl + 'ValidateOrder');\r\n\r\n fetch(Config.basePOSUrl + 'ValidateOrder', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(\"response34\");\r\n // console.log(response);\r\n // console.log(postObj);\r\n if (response.errorCode === 0) {\r\n if (typeId === 1) // Place Order\r\n {\r\n fetch(Config.basePOSUrl + 'PlaceOrder', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n //console.log(new Date());\r\n\r\n // //console.log(response);\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n this.setState({ loading: true });\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n //console.log(new Date());\r\n\r\n this.props.history.push('/ordersuccess' + urlPattern,\r\n {\r\n // orderId: response.response.orderId\r\n orderId: postObj.OrderDetails.VendorOrderId,\r\n orderNo: response.response != null ? response.response.orderNo : ''\r\n });\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n // //console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n }\r\n })\r\n .catch(err => {\r\n // //console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n });\r\n }\r\n else {\r\n setTimeout(() => {\r\n this.setState({ loading: true });\r\n sessionStorage.setItem(\"order-instruction\", this.state.orderInstruction);\r\n this.props.history.push('/payment' + urlPattern, { totalNetAmount: this.state.totalNetAmount, totalItems: this.state.totalItems });\r\n }, Config.minMsgTimeout);\r\n }\r\n }\r\n else if (response.errorCode === 3) { /// Check in table \r\n if (serviceType === \"FINE-DINE\") { // Table Check In \r\n if (olDetail.checkInWithTablePin) {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/tableverification' + urlPattern, { redirectCart: true });\r\n }, Config.minMsgTimeout);\r\n return false\r\n }\r\n let postTableObj = {\r\n OutletId: propertyId + outletCode,\r\n GuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"),\r\n MobileNo: mobileNo,\r\n TableNumber: tableNo,\r\n GroupCode: groupPin\r\n }\r\n fetch(Config.basePOSUrl + 'GuestCheckIn', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postTableObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n //console.log(postTableObj);\r\n if (response.errorCode === 0) {\r\n sessionStorage.setItem('user-table-verified', true);\r\n if (typeId === 1) // Place Order\r\n {\r\n fetch(Config.basePOSUrl + 'PlaceOrder', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n //console.log(new Date());\r\n\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n // this.setState({ loading: false });\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n //console.log(new Date());\r\n\r\n this.props.history.push('/ordersuccess' + urlPattern,\r\n {\r\n // orderId: response.response.orderId\r\n orderId: postObj.OrderDetails.VendorOrderId,\r\n orderNo: response.response.orderNo\r\n });\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n // //console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n }\r\n })\r\n .catch(err => {\r\n // //console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n });\r\n }\r\n else {\r\n setTimeout(() => {\r\n // this.setState({ loading: false });\r\n sessionStorage.setItem(\"order-instruction\", this.state.orderInstruction);\r\n this.props.history.push('/payment' + urlPattern, { totalNetAmount: this.state.totalNetAmount, totalItems: this.state.totalItems });\r\n }, Config.minMsgTimeout);\r\n }\r\n }\r\n else {\r\n this.showMessage(response.message, \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/qrcoderror' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n this.showMessage('Guest Check IN - Failed to fetch - ' + err, \"danger\");\r\n });\r\n\r\n } // End Service Type - Fine Dine\r\n else {\r\n sessionStorage.setItem('user-table-verified', true);\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/home' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n }\r\n else if (response.errorCode === 4) { // Addded by vijay - duplicate Order handled on 11-10-2024 - jira id -3924\r\n\t\t\t\t\tthis.setState({ loading: true });\r\n\t\t\t\t\tsetTimeout(() => {\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n //console.log(new Date());\r\n\r\n this.props.history.push(\r\n \"/ordersuccess\" + urlPattern,\r\n {\r\n orderId: postObj.OrderDetails.VendorOrderId,\r\n orderNo: response.response.orderNo,\r\n }\r\n );\r\n }, 200);\r\n\t\t\t\t}\r\n else {\r\n //console.log(\"response.message\");\r\n //console.log(response.message);\r\n this.setState({ loading: false });\r\n this.showMessage(response.message, \"danger\");\r\n\r\n }\r\n })\r\n .catch(err => {\r\n //console.log(err.stack);\r\n this.setState({ loading: false });\r\n this.showMessage(err.message, \"danger\");\r\n }); // End Validate Order\r\n\r\n };\r\n\r\n handleSpecialInstruction = (itmName, uid, specInsc) => {\r\n confirmAlert({\r\n customUI: ({ onClose }) => {\r\n return (\r\n
\r\n
Special Instruction \r\n {itmName} \r\n \r\n Cancel \r\n {\r\n this.handleUpdateSpecialInstruction(uid, false);\r\n onClose();\r\n }}\r\n className=\"btn-right\">\r\n Done\r\n \r\n \r\n );\r\n }\r\n });\r\n };\r\n\r\n handleUpdateSpecialInstruction(uid, remove) {\r\n let index = cartList.itemList.findIndex(x => x.uid === uid);\r\n let specInscVal = '';\r\n if (index > -1) {\r\n if (!remove) {\r\n specInscVal = document.getElementById('spec-insc-' + uid).value;\r\n if (cartList.itemList[index].specInsc === undefined)\r\n cartList.itemList.map(x => Object.assign({}, cartList.itemList, { \"specInsc\": specInscVal }));\r\n else\r\n cartList.itemList[index].specInsc = specInscVal;\r\n }\r\n\r\n cartList.itemList[index].specInsc = specInscVal;\r\n this.setState({ cartItemList: cartList.itemList });\r\n sessionStorage.setItem(\"cartList\", JSON.stringify(cartList));\r\n }\r\n\r\n };\r\n\r\n gotoAddressChoose(addressId) {\r\n // Special Instruction Saved \r\n sessionStorage.setItem(\"order-instruction\", this.state.orderInstruction !== '' ? this.state.orderInstruction : sessionStorage.getItem('order-instruction') !== null ? sessionStorage.getItem('order-instruction') : '');\r\n\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n sessionStorage.setItem('user-addressId', addressId)\r\n this.props.history.push('/chooseaddress' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n };\r\n\r\n handleChooseAddrss() {\r\n // Special Instruction Saved \r\n sessionStorage.setItem(\"order-instruction\", this.state.orderInstruction !== '' ? this.state.orderInstruction : sessionStorage.getItem('order-instruction') !== null ? sessionStorage.getItem('order-instruction') : '');\r\n\r\n if (guestLoggedIn === \"false\") {\r\n this.setState({ loading: true });\r\n sessionStorage.setItem(\"login-page-session\", 9); // Address Session \r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/login' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n this.gotoAddressChoose(0);\r\n };\r\n\r\n showMessage(msg, type) {\r\n\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n\r\n // componentDidCatch(error, info) {\r\n // // Display fallback UI\r\n // this.setState({ hasError: true });\r\n // this.showMessage(error, \"danger\");\r\n // //console.log(error)\r\n // // You can also log the error to an error reporting service\r\n // //logErrorToMyService(error, info);\r\n // }\r\n\r\n render() {\r\n\r\n // totaltaxAmount = this.state.cartItemList.length > 0 ? taxList.reduce((prev, next) => prev + next.taxAmount, 0) : 0;\r\n // totaltaxAmount += this.state.cartItemList.length > 0 ? chargeList.reduce((prev, next) => prev + next.totalTaxAmount, 0) : 0;\r\n // totaltaxAmount += this.state.cartItemList.length > 0 ? modifierCartList.reduce((prev, next) => prev + next.totalTaxAmount, 0) : 0;\r\n // totalChargesAmount = this.state.cartItemList.length > 0 ? chargeList.reduce((prev, next) => prev + next.chargeAmount, 0) : 0;\r\n // totalChargesAmount += this.state.cartItemList.length > 0 ? modifierCartList.reduce((prev, next) => prev + next.totalChargeAmount, 0) : 0;\r\n // totalAmount = totalItemAmount + totaltaxAmount + totalChargesAmount;\r\n\r\n return (\r\n\r\n
\r\n {this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n
\r\n
{sessionStorage.getItem(\"user-propertyname\")}\r\n {sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n
\r\n {serviceType === Config.serviceType.DELIVERY &&\r\n <>\r\n {(guestLoggedIn === \"true\" && guestCurrentAddress !== null) &&\r\n
\r\n
Delivery To {guestCurrentAddress.addressType}
\r\n
Change \r\n
\r\n {guestName === '' && guestDetails.guestName}\r\n {guestName !== '' && guestName}\r\n
\r\n
\r\n }\r\n {(guestLoggedIn === \"false\") &&\r\n
\r\n
\r\n We couldn't find your address. Please login and continue. Login \r\n {/* Login */}\r\n
\r\n\r\n
\r\n }\r\n {(guestLoggedIn === \"true\" && guestCurrentAddress === null) &&\r\n
\r\n
\r\n Choose Address \r\n {/* Login */}\r\n
\r\n\r\n
\r\n }\r\n \r\n }\r\n\r\n
\r\n {\r\n this.state.cartItemList.map(itm =>\r\n\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
₹{itm.rate.toFixed(2)} \r\n
\r\n
\r\n {itm.qty} \r\n
\r\n
\r\n {/* ADD */}\r\n
\r\n
\r\n
\r\n {itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n {itm.itemName.toLowerCase()}\r\n
\r\n\r\n {/*
\r\n 10
*/}\r\n\r\n {/*
\r\n Dark Chocolate Chunk \r\n
*/}\r\n
\r\n
\r\n
\r\n {itm.isModifier === 1 &&\r\n this.state.modifierItemList.filter(x => x.uid === itm.uid).map((mitm, idx) =>\r\n
\r\n
\r\n
\r\n
\r\n
₹{mitm.rate.toFixed(2)} \r\n\r\n
\r\n {mitm.foodType === 1 &&
}\r\n {mitm.foodType === 2 &&
}\r\n {mitm.modifierName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n {(olDetail.enableSpecialInstruction) &&\r\n
\r\n {(itm.specInsc === undefined || itm.specInsc === \"\") &&\r\n
Add Special Instruction
\r\n }\r\n {(itm.specInsc !== \"\" && itm.specInsc !== undefined) &&\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 {(olDetail.enableSpecialInstruction) &&\r\n
\r\n
\r\n }\r\n
\r\n
Bill Details
\r\n
Item Total ₹{this.state.totalItemAmount.toFixed(2)}
\r\n {/*
Charges ₹27.00
*/}\r\n {/* Charges condtion Added by vijay on 04-02-2024 JIra id -2078 -Testing Points */}\r\n {this.state.totalChargesAmount !== 0 ? (\r\n
Charges ₹{this.state.totalChargesAmount.toFixed(2)}
\r\n ) : null}\r\n
Tax ₹{this.state.totaltaxAmount.toFixed(2)} \r\n {this.state.roundOff !== 0 &&
RoundOff ₹{this.state.roundOff.toFixed(2)}
}\r\n
\r\n\r\n\r\n\r\n
To Pay ₹{this.state.totalNetAmount.toFixed(2)}
\r\n\r\n
\r\n\r\n {/*
\r\n
\r\n
\r\n \r\n Pay & Place Order\r\n
\r\n
*/}\r\n\r\n
\r\n {orderCheckoutType === enmConfig.orderCheckOutType.placeOrder &&\r\n\r\n
\r\n
\r\n \r\n Place Order\r\n
\r\n }\r\n {orderCheckoutType === enmConfig.orderCheckOutType.paynPlaceOrder &&\r\n\r\n
\r\n
\r\n \r\n Pay & Place Order\r\n
\r\n }\r\n\r\n {orderCheckoutType === enmConfig.orderCheckOutType.both &&\r\n
\r\n
\r\n
\r\n \r\n Place Order\r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n Pay & Place 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}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nconst Radio = ({ type = 'radio', name, id, checked, onChange, value }) => (\r\n
\r\n);\r\n\r\nRadio.propTypes = {\r\n type: PropTypes.string,\r\n name: PropTypes.string.isRequired,\r\n id: PropTypes.string.isRequired,\r\n checked: PropTypes.bool,\r\n onChange: PropTypes.func.isRequired,\r\n value: PropTypes.string\r\n}\r\n\r\nexport default Radio;","import React, { Component, Fragment } from 'react';\r\nimport './payment.scss';\r\n//import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport Config from '../../data/SiteConfig';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport { isMobile } from 'react-device-detect';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\n//import GooglePayButton from '@google-pay/button-react';\r\n\r\nimport { confirmAlert } from 'react-confirm-alert'; // Import\r\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\r\nimport Radio from '../../components/radionbutton/radiobutton';\r\nconst podImg = '/img/payment/lucid-pod.png';\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationTd = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet olDetail = {};\r\nlet outletDetails = null;\r\nlet mainGuestMobileNo = '';\r\nlet urlPattern = '';\r\n// const paymentMethods = [\r\n// {\r\n// type: 'CARD',\r\n// parameters: {\r\n// allowedAuthMethods: ['PAN_ONLY', 'CRYPTOGRAM_3DS'],\r\n// allowedCardNetworks: ['AMEX', 'DISCOVER', 'INTERAC', 'JCB', 'MASTERCARD', 'VISA']\r\n// },\r\n// tokenizationSpecification: {\r\n// type: 'PAYMENT_GATEWAY',\r\n// parameters: {\r\n// // 'gateway': 'stripe',\r\n// // 'stripe:version': '2019-03-14',\r\n// // 'stripe:publishableKey': '
'\r\n// gateway: 'example',\r\n// gatewayMerchantId: 'exampleGatewayMerchantId'\r\n// }\r\n// }\r\n// },\r\n// {\r\n// type: 'PAYPAL',\r\n// parameters: {\r\n// 'purchase_context': {\r\n// 'purchase_units': [{\r\n// 'payee': {\r\n// 'merchant_id': 'BCR2DN6TV77ITYBK'\r\n// }\r\n// }]\r\n// }\r\n// },\r\n// tokenizationSpecification: {\r\n// type: 'DIRECT'\r\n// }\r\n// }\r\n// ]\r\nexport default class Payment extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.gotoThirdParty = this.gotoThirdParty.bind(this);\r\n this.handlePrepaidCardBalance = this.handlePrepaidCardBalance.bind(this);\r\n this.gotoPrepaidCardVerification = this.gotoPrepaidCardVerification.bind(this);\r\n this.state = {\r\n\r\n cartValue: 1500,\r\n paymentList: [\r\n { vendorId: 3, vendorName: \"Razorpay\", imgUrl: \"/img/payment/razorpay.png\" },\r\n { vendorId: 2, vendorName: \"Instamojo\", imgUrl: \"/img/payment/instamojo.png\" },\r\n // { paymentId: 2, paymentName: \"CCAvenue\", imgUrl: \"../assets/theme1/img/payment/ccavenue.png\" },\r\n // { paymentId: 3, paymentName: \"Paytm\", imgUrl: \"../assets/theme1/img/payment/paytm.png\" },\r\n // { paymentId: 4, paymentName: \"GPay\", imgUrl: \"../assets/theme1/img/payment/gpay.png\" },\r\n // { paymentId: 5, paymentName: \"PhonePe\", imgUrl: \"../assets/theme1/img/payment/phonepe.png\" },\r\n ],\r\n onlineWalletVendorsList: [\r\n { vendorId: 1, vendorName: \"LUCID Prepaid Card\", imgUrl: \"/img/payment/lucid-prepadicard.png\" }\r\n ],\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n totalItems: 0,\r\n totalNetAmount: 0,\r\n vendorKey: '',\r\n vendorTransactionId: '',\r\n vendorOrderId: '',\r\n paymentVendorLogo: '',\r\n prepaidCardBalance: 0,\r\n radiostatus: 0,\r\n selected: 'radio-0'\r\n }\r\n this.handlePayOnRadioChange = this.handlePayOnRadioChange.bind(this);\r\n }\r\n\r\n componentWillMount() {\r\n\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n orgnationTd = sessionStorage.getItem('user-orgnationid');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n outletDetails = sessionStorage.getItem('user-outletDetails');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n // console.log(mobileNo);\r\n // console.log(token);\r\n // console.log(tableNo);\r\n // console.log(serviceType);\r\n // console.log(orgnationTd);\r\n // console.log(propertyId);\r\n // console.log(outletCode);\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (!urlPattern) {\r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationTd === undefined || orgnationTd === \"\" || orgnationTd === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (outletDetails === undefined || outletDetails === \"\" || outletDetails === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n olDetail = JSON.parse(outletDetails);\r\n this.setState({ paymentVendorLogo: olDetail.outletImageUrl !== '' ? olDetail.outletImageUrl : \"https://cdn.razorpay.com/logos/BUVwvgaqVByGp2_large.png\" });\r\n if (olDetail.paymentVendors.length === 1 && olDetail.onlineWalletVendors.length === 0) // Single Vendor to direct\r\n this.gotoThirdParty(olDetail.paymentVendors[0].vendorId, olDetail.paymentVendors[0].vendorName);\r\n }\r\n\r\n /// Session Validation for Fine Dine\r\n if (serviceType === \"FINE-DINE\") {\r\n if (!sHelpers.sessionValidation()) {\r\n this.showMessage(\"Your session has expired, please scan once again\", \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/logout' + urlPattern);\r\n }, 3000);\r\n return false;\r\n }\r\n }\r\n\r\n if (sessionStorage.getItem(\"cartList\") === null) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, 800);\r\n }\r\n\r\n\r\n // Validate Vendor Order Id ()\r\n if (sessionStorage.getItem('user-vendorOrderId') === undefined || sessionStorage.getItem('user-vendorOrderId') === null || sessionStorage.getItem('user-vendorOrderId') === '') {\r\n this.setState({ loading: false });\r\n this.props.history.push('/cart' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (this.props.location.state !== undefined) {\r\n\r\n if (this.props.location.state.totalNetAmount === undefined || this.props.location.state.totalNetAmount === null || this.props.location.state.totalNetAmount === 0) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, 2000);\r\n }\r\n else {\r\n\r\n this.setState({\r\n totalItems: this.props.location.state.totalItems,\r\n totalNetAmount: this.props.location.state.totalNetAmount\r\n })\r\n }\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, 2000);\r\n }\r\n window.scrollTo(0, 0);\r\n\r\n sessionStorage.removeItem('proceed-pod');\r\n }\r\n loadPaymentDataHandler = paymentData => {\r\n const paymentToken = paymentData.paymentMethodData.tokenizationData.token\r\n console.log(paymentToken);\r\n }\r\n submitClick = (e) => {\r\n e.preventDefault();\r\n\r\n // e.preventDefault();\r\n e.click();\r\n //this.inputElement.click();\r\n }\r\n\r\n goBack() {\r\n //this.props.history.goBack();\r\n this.props.history.push('/cart' + urlPattern);\r\n }\r\n gotoThirdParty(vendorId, vendorName) {\r\n\r\n // Validate Vendor Order Id ()\r\n if (sessionStorage.getItem('user-vendorOrderId') === undefined || sessionStorage.getItem('user-vendorOrderId') === null || sessionStorage.getItem('user-vendorOrderId') === '') {\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => {\r\n this.props.history.push('/cart' + urlPattern);\r\n }, 1500);\r\n\r\n return false;\r\n }\r\n\r\n // e.preventDefault();\r\n this.setState({ loading: true });\r\n\r\n setTimeout(() => {\r\n var postObj = {\r\n OutletId: propertyId + outletCode,\r\n PaymentVendorId: vendorId,\r\n Amount: this.state.totalNetAmount.toFixed(2),\r\n GuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"),\r\n MobileNoCountryCode: \"91\",\r\n // MobileNo: mainGuestMobileNo,\r\n MobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n EmailId: \"\",\r\n OrderId: \"\",\r\n BillId: \"\",\r\n RedirectUrl: Config.redirectUrl\r\n }\r\n\r\n // console.log(postObj);\r\n // API Call\r\n fetch(Config.basePaymentUrl + 'InitiateOnlinePayment', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n sessionStorage.setItem(\"paymentInitiatedId\", response.response.paymentInitiatedId);\r\n sessionStorage.setItem(\"vendorTransactionId\", response.response.vendorTransactionId);\r\n sessionStorage.setItem(\"vendorId\", vendorId);\r\n sessionStorage.setItem(\"vendorName\", vendorName);\r\n sessionStorage.setItem(\"paymentStatus\", response.response.status);\r\n if (vendorId === 2) { // instamojo \r\n window.location.href = response.response.vendorRedirectUrl;\r\n sessionStorage.setItem('redirect-page', \"paymentverification\");\r\n }\r\n else if (vendorId === 3) { // Razor Pay\r\n this.setState({\r\n vendorTransactionId: response.response.vendorTransactionId,\r\n vendorKey: response.response.vendorKey\r\n })\r\n setTimeout(() => {\r\n sessionStorage.setItem('redirect-page', \"paymentverification\");\r\n this.inputElement.click();\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n }\r\n\r\n //window.location.href =\"https://www.instamojo.com/@gatewayofficeparks/c57b613d098242c4adf6893321a78b35\";\r\n // this.props.history.push('/paymentVerification?payment_status=Failed');\r\n }, 2000);\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed [' + response.message + ']. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n });\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n handlePrepaidCardBalance(vendorId, vendorName, rowId) {\r\n this.setState({ loading: true });\r\n // this.handleMultiPrepaidCardAccountBalance(vendorId, []);\r\n\r\n var postObj = {\r\n OutletId: propertyId + outletCode,\r\n VendorId: vendorId,\r\n // GuestMobileNo: mainGuestMobileNo Commended by on 08-11-2023\r\n // Added by on 08-11-2023\r\n GuestMobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n }\r\n // console.log(postObj);\r\n // API Call\r\n fetch(Config.basePOSUrl + 'GetGuestOnlineWalletDetails', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response != null) {\r\n let activeCardList = response.response.walletDetails.filter(c => c.remarks === \"Card is Valid\");\r\n if (activeCardList.length > 0) {\r\n this.setState({ loading: false });\r\n confirmAlert({\r\n customUI: ({ onClose }) => {\r\n return (\r\n \r\n
Select card to pay \r\n
{this.state.totalItems} items, To pay: ₹{this.state.totalNetAmount.toFixed(2)}
\r\n
\r\n
Cancel \r\n
Pay ₹' + activeCardList[0].availableBalance + ' '; //'Pay ₹' + activeCardList[0].availableBalance + ' ';\r\n // // payclick.onClick(this.gotoPrepaidCardVerification.bind(this, vendorId, vendorName, activeCardList[0].accountId, null));\r\n // //document.getElementById(\"\" + rowId + \"\").innerHTML = this.SingleCardPayDom(vendorId, vendorName, activeCardList[0].accountId, activeCardList[0].availableBalance); // 'Pay ₹' + activeCardList[0].availableBalance + ' ';\r\n // }\r\n else {\r\n this.showMessage('OOPS! Card detail is not available', \"danger\");\r\n }\r\n }\r\n }\r\n else {\r\n //console.log(response.message);\r\n //this.showMessage('OOPS! Get Balance failed [' + response.message + ']. Please try again', \"danger\");\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n this.setState({ loading: false });\r\n })\r\n .catch(err => {\r\n //console.log(err);\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Get Balance failed. Please try again', \"danger\");\r\n });\r\n }\r\n\r\n gotoPrepaidCardVerification(vendorId, vendorName, accountId, close) {\r\n if (close != null) close();\r\n this.setState({ loading: true });\r\n if (sessionStorage.getItem('user-vendorOrderId') === undefined || sessionStorage.getItem('user-vendorOrderId') === null || sessionStorage.getItem('user-vendorOrderId') === '') {\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => {\r\n this.props.history.push('/cart' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n\r\n return false;\r\n }\r\n\r\n sessionStorage.setItem(\"vendorId\", vendorId);\r\n sessionStorage.setItem(\"vendorName\", vendorName);\r\n sessionStorage.setItem(\"prepaidCardAccountId\", accountId);\r\n\r\n setTimeout(() => {\r\n this.props.history.push('/prepaidcardverification' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n\r\n }\r\n\r\n handlePayOnDelivery() {\r\n sessionStorage.setItem(\"payonDeliveryMode\", '');\r\n this.setState({ loading: true });\r\n if (olDetail.payOnDeliveryModes.length > 0) {\r\n this.setState({ loading: false });\r\n confirmAlert({\r\n customUI: ({ onClose }) => {\r\n return (\r\n \r\n
Pay On Delivery Mode \r\n
{this.state.totalItems} items, To pay: ₹{this.state.totalNetAmount.toFixed(2)}
\r\n
\r\n {\r\n olDetail.payOnDeliveryModes.map((acc, idx) =>\r\n \r\n\r\n \r\n
\r\n this.handlePayOnRadioChange(e, acc)} value={acc} > \r\n {acc}
\r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n \r\n
Proceed Cancel \r\n
{this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n Payments\r\n
{this.state.totalItems} items, To pay: ₹{this.state.totalNetAmount.toFixed(2)} \r\n
\r\n
\r\n
\r\n
\r\n {\r\n this.state.paymentList.map((pay, i) => {\r\n return (\r\n
\r\n {\r\n (olDetail.paymentVendors.length > 1 || olDetail.onlineWalletVendors.length > 0) &&\r\n olDetail.paymentVendors.filter(x => x.vendorId === pay.vendorId).length > 0 &&\r\n {pay.vendorName} \r\n\r\n );\r\n })\r\n }\r\n {\r\n this.state.onlineWalletVendorsList.map((pay, i) => {\r\n return (\r\n
\r\n {\r\n // olDetail.paymentVendors.length > 1 &&\r\n olDetail.onlineWalletVendors.filter(x => x.vendorId === pay.vendorId).length > 0 &&\r\n {pay.vendorName} \r\n\r\n );\r\n })\r\n }\r\n {\r\n /* Pay on Delivery */\r\n\r\n (olDetail.enablePayOnDelivery && serviceType === Config.serviceType.DELIVERY &&\r\n
Pay On Delivery \r\n )\r\n\r\n }\r\n {\r\n (olDetail.paymentVendors.length === 1 && olDetail.onlineWalletVendors.length === 0) &&
Please wait...
\r\n //
\r\n // {\r\n // console.log('load payment data', paymentRequest);\r\n // }}\r\n // onPaymentAuthorized={paymentRequest => {\r\n // console.log('load payment data', paymentRequest);\r\n // // setTimeout(() => {\r\n // // this.setState({ loading: false });\r\n // // this.props.history.push('/gpaysuccess');\r\n // // }, 2000);\r\n // return { transaction: \"success\", }\r\n\r\n // }}\r\n // onCancel={paymentRequest => {\r\n // console.log('load cancel data', paymentRequest);\r\n // }}\r\n // onError={paymentRequest => {\r\n // console.log('load error data', paymentRequest);\r\n // }}\r\n // onReadyToPayChange={paymentRequest => {\r\n // console.log('ready to data', paymentRequest);\r\n // }}\r\n // existingPaymentMethodRequired='false'\r\n // buttonColor='white'\r\n // buttonType='buy'\r\n // buttonSizeMode='fill'\r\n // style={{ color: \"#ddd\" }}\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// gateway: 'example',\r\n// gatewayMerchantId: 'exampleGatewayMerchantId'\r\n// }\r\n// }\r\n// },\r\n// {\r\n// type: 'PAYPAL',\r\n// parameters: {\r\n// 'purchase_context': {\r\n// 'purchase_units': [{\r\n// 'payee': {\r\n// 'merchant_id': 'BCR2DN6TV77ITYBK'\r\n// }\r\n// }]\r\n// }\r\n// },\r\n// tokenizationSpecification: {\r\n// type: 'DIRECT'\r\n// }\r\n// }\r\n// ]\r\nexport default class PaymentQR extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.gotoThirdParty = this.gotoThirdParty.bind(this);\r\n this.handlePrepaidCardBalance = this.handlePrepaidCardBalance.bind(this);\r\n this.gotoPrepaidCardVerification = this.gotoPrepaidCardVerification.bind(this);\r\n this.state = {\r\n\r\n cartValue: 1500,\r\n paymentList: [\r\n { vendorId: 3, vendorName: \"Razorpay\", imgUrl: \"/img/payment/razorpay.png\" },\r\n { vendorId: 2, vendorName: \"Instamojo\", imgUrl: \"/img/payment/instamojo.png\" },\r\n // { paymentId: 2, paymentName: \"CCAvenue\", imgUrl: \"../assets/theme1/img/payment/ccavenue.png\" },\r\n // { paymentId: 3, paymentName: \"Paytm\", imgUrl: \"../assets/theme1/img/payment/paytm.png\" },\r\n // { paymentId: 4, paymentName: \"GPay\", imgUrl: \"../assets/theme1/img/payment/gpay.png\" },\r\n // { paymentId: 5, paymentName: \"PhonePe\", imgUrl: \"../assets/theme1/img/payment/phonepe.png\" },\r\n ],\r\n onlineWalletVendorsList: [\r\n { vendorId: 1, vendorName: \"LUCID Prepaid Card\", imgUrl: \"/img/payment/lucid-prepadicard.png\" }\r\n ],\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n totalItems: 0,\r\n totalNetAmount: 0,\r\n vendorKey: '',\r\n vendorTransactionId: '',\r\n vendorOrderId: '',\r\n paymentVendorLogo: '',\r\n prepaidCardBalance: 0,\r\n radiostatus: 0,\r\n selected: 'radio-0'\r\n }\r\n this.handlePayOnRadioChange = this.handlePayOnRadioChange.bind(this);\r\n }\r\n\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n orgnationTd = sessionStorage.getItem('user-orgnationid');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n outletDetails = sessionStorage.getItem('user-outletDetails');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n // console.log(mobileNo);\r\n // console.log(token);\r\n // console.log(tableNo);\r\n // console.log(serviceType);\r\n // console.log(orgnationTd);\r\n // console.log(propertyId);\r\n // console.log(outletCode);\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n \r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationTd === undefined || orgnationTd === \"\" || orgnationTd === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (outletDetails === undefined || outletDetails === \"\" || outletDetails === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n olDetail = JSON.parse(outletDetails);\r\n this.setState({ paymentVendorLogo: olDetail.outletImageUrl !== '' ? olDetail.outletImageUrl : \"https://cdn.razorpay.com/logos/BUVwvgaqVByGp2_large.png\" });\r\n }\r\n\r\n /// Session Validation for Fine Dine\r\n if (serviceType === \"FINE-DINE\") {\r\n if (!sHelpers.sessionValidation()) {\r\n this.showMessage(\"Your session has expired, please scan once again\", \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/logout' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n }\r\n\r\n if (sessionStorage.getItem(\"cartList\") === null) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n\r\n // Validate Vendor Order Id ()\r\n if (sessionStorage.getItem('user-vendorOrderId') === undefined || sessionStorage.getItem('user-vendorOrderId') === null || sessionStorage.getItem('user-vendorOrderId') === '') {\r\n this.setState({ loading: false });\r\n this.props.history.push('/cart' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (this.props.location.state !== undefined) {\r\n\r\n if (this.props.location.state.totalNetAmount === undefined || this.props.location.state.totalNetAmount === null || this.props.location.state.totalNetAmount === 0) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n\r\n this.setState({\r\n totalItems: this.props.location.state.totalItems,\r\n totalNetAmount: this.props.location.state.totalNetAmount\r\n })\r\n }\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n window.scrollTo(0, 0);\r\n\r\n sessionStorage.removeItem('proceed-pod');\r\n }\r\n\r\n componentDidMount() {\r\n taxList = sessionStorage.getItem(\"taxCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"taxCartList\"));\r\n modifierCartList = sessionStorage.getItem(\"modifierCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"modifierCartList\"));\r\n chargeList = sessionStorage.getItem(\"chargeCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"chargeCartList\"));\r\n cartList = sessionStorage.getItem(\"cartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"cartList\"));\r\n\r\n // setTimeout(() => {\r\n // //this.handlePlaceOrder();\r\n // }, 2500);\r\n\r\n\r\n }\r\n\r\n loadPaymentDataHandler = paymentData => {\r\n const paymentToken = paymentData.paymentMethodData.tokenizationData.token\r\n console.log(paymentToken);\r\n }\r\n submitClick = (e) => {\r\n e.preventDefault();\r\n\r\n // e.preventDefault();\r\n e.click();\r\n //this.inputElement.click();\r\n }\r\n\r\n goBack() {\r\n //this.props.history.goBack();\r\n this.props.history.push('/cart' + urlPattern);\r\n }\r\n gotoThirdParty(vendorId, vendorName) {\r\n\r\n // Validate Vendor Order Id ()\r\n if (sessionStorage.getItem('user-vendorOrderId') === undefined || sessionStorage.getItem('user-vendorOrderId') === null || sessionStorage.getItem('user-vendorOrderId') === '') {\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => {\r\n this.props.history.push('/cart' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n\r\n return false;\r\n }\r\n\r\n // e.preventDefault();\r\n this.setState({ loading: true });\r\n\r\n setTimeout(() => {\r\n var postObj = {\r\n OutletId: propertyId + outletCode,\r\n PaymentVendorId: vendorId,\r\n Amount: this.state.totalNetAmount.toFixed(2),\r\n GuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"),\r\n MobileNoCountryCode: \"91\",\r\n // MobileNo: mainGuestMobileNo,\r\n MobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n EmailId: \"\",\r\n OrderId: \"\",\r\n BillId: \"\",\r\n RedirectUrl: Config.redirectUrl\r\n }\r\n\r\n // console.log(postObj);\r\n // API Call\r\n fetch(Config.basePaymentUrl + 'InitiateOnlinePayment', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n sessionStorage.setItem(\"paymentInitiatedId\", response.response.paymentInitiatedId);\r\n sessionStorage.setItem(\"vendorTransactionId\", response.response.vendorTransactionId);\r\n sessionStorage.setItem(\"vendorId\", vendorId);\r\n sessionStorage.setItem(\"vendorName\", vendorName);\r\n sessionStorage.setItem(\"paymentStatus\", response.response.status);\r\n if (vendorId === 2) { // instamojo \r\n window.location.href = response.response.vendorRedirectUrl;\r\n }\r\n else if (vendorId === 3) { // Razor Pay\r\n this.setState({\r\n vendorTransactionId: response.response.vendorTransactionId,\r\n vendorKey: response.response.vendorKey\r\n })\r\n setTimeout(() => {\r\n this.inputElement.click();\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n }\r\n\r\n //window.location.href =\"https://www.instamojo.com/@gatewayofficeparks/c57b613d098242c4adf6893321a78b35\";\r\n // this.props.history.push('/paymentVerification?payment_status=Failed');\r\n }, 2000);\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed [' + response.message + ']. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n });\r\n }, Config.averageMsgTimeout);\r\n }\r\n\r\n handlePrepaidCardBalance(vendorId, vendorName, rowId) {\r\n this.setState({ loading: true });\r\n // this.handleMultiPrepaidCardAccountBalance(vendorId, []);\r\n\r\n var postObj = {\r\n OutletId: propertyId + outletCode,\r\n VendorId: vendorId,\r\n // GuestMobileNo: mainGuestMobileNo\r\n GuestMobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n }\r\n // console.log(postObj);\r\n // API Call\r\n fetch(Config.basePOSUrl + 'GetGuestOnlineWalletDetails', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response != null) {\r\n let activeCardList = response.response.walletDetails.filter(c => c.remarks === \"Card is Valid\");\r\n if (activeCardList.length > 0) {\r\n this.setState({ loading: false });\r\n confirmAlert({\r\n customUI: ({ onClose }) => {\r\n return (\r\n \r\n
Select card to pay \r\n
{this.state.totalItems} items, To pay: ₹{this.state.totalNetAmount.toFixed(2)}
\r\n
\r\n
Cancel \r\n
Pay ₹' + activeCardList[0].availableBalance + ' '; //'Pay ₹' + activeCardList[0].availableBalance + ' ';\r\n // // payclick.onClick(this.gotoPrepaidCardVerification.bind(this, vendorId, vendorName, activeCardList[0].accountId, null));\r\n // //document.getElementById(\"\" + rowId + \"\").innerHTML = this.SingleCardPayDom(vendorId, vendorName, activeCardList[0].accountId, activeCardList[0].availableBalance); // 'Pay ₹' + activeCardList[0].availableBalance + ' ';\r\n // }\r\n else {\r\n this.showMessage('OOPS! Card detail is not available', \"danger\");\r\n }\r\n }\r\n }\r\n else {\r\n //console.log(response.message);\r\n //this.showMessage('OOPS! Get Balance failed [' + response.message + ']. Please try again', \"danger\");\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n this.setState({ loading: false });\r\n })\r\n .catch(err => {\r\n //console.log(err);\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Get Balance failed. Please try again', \"danger\");\r\n });\r\n }\r\n\r\n gotoPrepaidCardVerification(vendorId, vendorName, accountId, close) {\r\n if (close != null) close();\r\n this.setState({ loading: true });\r\n if (sessionStorage.getItem('user-vendorOrderId') === undefined || sessionStorage.getItem('user-vendorOrderId') === null || sessionStorage.getItem('user-vendorOrderId') === '') {\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => {\r\n this.props.history.push('/cart' + urlPattern);\r\n }, Config.averageMsgTimeout);\r\n\r\n return false;\r\n }\r\n\r\n sessionStorage.setItem(\"vendorId\", vendorId);\r\n sessionStorage.setItem(\"vendorName\", vendorName);\r\n sessionStorage.setItem(\"prepaidCardAccountId\", accountId);\r\n\r\n setTimeout(() => {\r\n this.props.history.push('/prepaidcardverification' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n\r\n }\r\n\r\n handlePayOnDelivery() {\r\n sessionStorage.setItem(\"payonDeliveryMode\", '');\r\n this.setState({ loading: true });\r\n if (olDetail.payOnDeliveryModes.length > 0) {\r\n this.setState({ loading: false });\r\n confirmAlert({\r\n customUI: ({ onClose }) => {\r\n return (\r\n \r\n
Pay On Delivery Mode \r\n
{this.state.totalItems} items, To pay: ₹{this.state.totalNetAmount.toFixed(2)}
\r\n
\r\n {\r\n olDetail.payOnDeliveryModes.map((acc, idx) =>\r\n \r\n\r\n \r\n
\r\n this.handlePayOnRadioChange(e, acc)} value={acc} > \r\n {acc}
\r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n \r\n
Proceed Cancel \r\n
{this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n Payments\r\n
{this.state.totalItems} items, To pay: ₹{this.state.totalNetAmount.toFixed(2)} \r\n
\r\n
\r\n
\r\n < div className=\"payment-qr-img\" style={{ margin: \"auto\", width: \"50%\", padding: \"10px\", paddingTop: \"70px\" }} >
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n };\r\n\r\n}","import React from 'react'\r\nimport './checkmark.scss';\r\nexport default function index() {\r\n return (\r\n
\r\n )\r\n}","import React, { Component } from 'react';\r\nimport './ordersuccess.scss';\r\nimport LoadingAnimation from '../../components/checkmarkanimation';\r\nimport { isMobile } from 'react-device-detect';\r\nimport Config from '../../data/SiteConfig';\r\nlet urlPattern = '';\r\nexport default class OrderSuccess extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.gotoShopping = this.gotoShopping.bind(this);\r\n this.gotoMyOrders = this.gotoMyOrders.bind(this);\r\n this.state = {\r\n cartValue: 1500,\r\n loading: false,\r\n orderId: '',\r\n orderNo: '',\r\n }\r\n }\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (this.props.location.state !== undefined) {\r\n if (this.props.location.state.orderId === undefined || this.props.location.state.orderId === null) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.averageMsgTimeout);\r\n }\r\n else if (this.props.location.state.orderNo === undefined || this.props.location.state.orderNo === null) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.averageMsgTimeout);\r\n }\r\n else {\r\n this.setState({\r\n orderId: this.props.location.state.orderId,\r\n orderNo: this.props.location.state.orderNo\r\n });\r\n sessionStorage.removeItem('cartList');\r\n sessionStorage.removeItem('modifierCartList');\r\n sessionStorage.removeItem('taxCartList');\r\n sessionStorage.removeItem('chargeCartList');\r\n }\r\n }\r\n else {\r\n // console.log('out' + this.props.location.state.orderId);\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, 200);\r\n }\r\n\r\n window.scrollTo(0, 0);\r\n\r\n }\r\n componentDidMount() {\r\n // this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.averageMsgTimeout);\r\n }\r\n goBack() {\r\n this.props.history.push('/home' + urlPattern);\r\n }\r\n gotoShopping() {\r\n this.props.history.push('/items' + urlPattern);\r\n }\r\n gotoMyOrders() {\r\n this.props.history.push('/myorders' + urlPattern);\r\n }\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Your order has been
\r\n {this.state.orderNo !== \"\" &&
Order No : {this.state.orderNo === \"\" ? \"-\" : this.state.orderNo.substr(-4)}
}\r\n {/*
Order Id : {this.state.orderId}
*/}\r\n {/*
Continue Ordering
*/}\r\n {/*
Go to My Orders
*/}\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","import React, { Component, Fragment } from 'react';\r\nimport './myorders.scss';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\n//import * as QueryString from \"query-string\"\r\nimport Config from '../../data/SiteConfig';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport { isMobile } from 'react-device-detect';\r\nimport enmConfig from '../../data/enumConfig';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\n\r\n//let ordersList = [];\r\n//let billsList = [];\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationTd = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet loadcomfn = null;\r\nlet outletDetailsStr = null;\r\nlet outletDetails = {}\r\nlet mainMobileNo = '';\r\nlet guestLoggedIn = \"false\";\r\nlet urlPattern ='';\r\nexport default class MyOrders extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.goViewBill = this.goViewBill.bind(this);\r\n this.GetUpdateOrders = this.GetUpdateOrders.bind(this);\r\n this.handleProcessRequest = this.handleProcessRequest.bind(this);\r\n this.handleToDayOrder = this.handleToDayOrder.bind(this);\r\n this.handleTodayBill = this.handleTodayBill.bind(this);\r\n this.handleHistoryBill = this.handleHistoryBill.bind(this);\r\n this.goBill = this.goBill.bind(this);\r\n this.state = {\r\n cartValue: 1500,\r\n todayOrderList: [],\r\n todayBillList: [],\r\n historyBillsList: [],\r\n ordersList: [],\r\n billsList: [],\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n orderMsg: '',\r\n orderErrorMsg: '',\r\n billMsg: '',\r\n billErrorMsg: '',\r\n refreshSpin: 0,\r\n billhidden: '',\r\n orderhidden: 'active',\r\n unBillAmount: 0.00,\r\n historyBillMsg: \"\",\r\n todayBillMsg: \"\",\r\n todayOrderMsg: \"\",\r\n totalOrders: 0,\r\n totalBills: 0,\r\n totalHistory: 0\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n orgnationTd = sessionStorage.getItem('user-orgnationid');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n outletDetailsStr = sessionStorage.getItem('user-outletDetails');\r\n mainMobileNo = sessionStorage.getItem('main-guest-no');\r\n guestLoggedIn = sessionStorage.getItem('user-loggedin') == null ? \"false\" : sessionStorage.getItem('user-loggedin');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n \r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n \r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationTd === undefined || orgnationTd === \"\" || orgnationTd === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (outletDetailsStr === undefined || outletDetailsStr === \"\" || outletDetailsStr === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n outletDetails = JSON.parse(outletDetailsStr);\r\n enmConfig.checkOutTypewithPay = outletDetails.paymentVendors.length > 0 ? true : false;\r\n }\r\n\r\n const script = document.createElement(\"script\");\r\n script.src = \"../assets/theme1/js/theme.js\"; // it is not calling mentioned for to avoid null value\r\n script.async = true;\r\n script.onload = () => this.loadJS();\r\n document.body.appendChild(script);\r\n\r\n\r\n if (guestLoggedIn === \"false\") {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, 200);\r\n return false;\r\n }\r\n\r\n\r\n // this.setState({ orderList: [],loading:false });\r\n // this.setState({ orderMsg: 'Fetching...',loading: true });\r\n // this.setState({ orderErrorMsg: 'Looks like you have not made your menu yet.',orderMsg: \"NO ORDERS FOUND\",loading:false });\r\n this.handleToDayOrder();\r\n\r\n // let urlParam = \"?MobileNo=\" + mobileNo + \"&NoOfRowsPerPage=100&CurrentPageNumber=1\";\r\n // this.setState({ orderMsg: 'Fetching...',loading: true });\r\n // fetch(Config.basePOSUrl + 'GetGuestOrders' + urlParam, {\r\n // method: 'GET',\r\n // headers: {\r\n // Authorization: \"Bearer \" + token,\r\n // 'content-type': 'application/json'\r\n // }\r\n // })\r\n // .then(res => res.json())\r\n // .then(response => {\r\n // if (response.errorCode === 0) {\r\n // setTimeout(() => {\r\n // console.log(response);\r\n // orderList = response.response.bills;\r\n // if (orderList.length > 0)\r\n // this.setState({ orderList: orderList,loading:false });\r\n // else {\r\n // this.setState({ orderErrorMsg: 'Looks like you have not made your menu yet.',orderMsg: \"NO ORDERS FOUND\",loading:false });\r\n // }\r\n // }, 2000);\r\n // }\r\n // else {\r\n // this.showMessage(response.message, \"danger\");\r\n // console.log(response.message);\r\n // }\r\n // })\r\n // .catch(err => {\r\n // console.log(err);\r\n // this.showMessage(\"An error occured\", \"danger\");\r\n // });\r\n\r\n }\r\n loadJS() {\r\n loadcomfn = window.myodersInitiate;\r\n loadcomfn();\r\n }\r\n goBack() {\r\n this.props.history.push('/items' + urlPattern);\r\n }\r\n goViewBill(billUrl, bAmount, isPay, billId, refBillId) {\r\n this.setState({ loading: true });\r\n // console.log(refBillId);\r\n setTimeout(() => {\r\n this.props.history.push('/viewbill' + urlPattern, { eBillUrl: billUrl, billAmount: bAmount, isPay: isPay, posBillId: billId, refBillId: refBillId });\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n GetUpdateOrders() {\r\n window.scrollTo(0, 0);\r\n this.setState({ loading: true });\r\n this.setState({ todayOrderList: [], todayBillList: [], refreshSpin: 1, historyBillsList: [] });\r\n this.setState({ todayBillMsg: 'Fetching Records..', todayOrderMsg: 'Fetching Records..', historyBillMsg: 'Fetching Records..' });\r\n this.handleToDayOrder();\r\n this.handleTodayBill();\r\n this.handleHistoryBill();\r\n }\r\n\r\n handleProcessRequest() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.props.history.push('/processrequest' + urlPattern, { totalNetAmount: this.state.totalOrderAmount });\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n handleToDayOrder() {\r\n this.setState({ loading: true });\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n ServiceType: serviceType,\r\n GuestMobileCountryCode: \"91\",\r\n GuestMobileNumber: mobileNo,\r\n MainGuestMobileCountryCode: \"91\",\r\n MainGuestMobileNumber: mainMobileNo,\r\n TableNumber: serviceType !== \"FINE-DINE\" ? '' : tableNo,\r\n NoOfRowsPerPage: 100,\r\n CurrentPageNumber: 1\r\n\r\n }\r\n fetch(Config.basePOSUrl + 'GetGuestTodayOrders', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response != null) {\r\n this.setState({ refreshSpin: 0 });\r\n this.setState({ unBillAmount: response.response.unBilledAmount, todayOrderList: response.response.orders, loading: false, todayOrderMsg: \"\", totalOrders: response.response.orders.length });\r\n setTimeout(() => {\r\n if (response.response.orders.length === 0) {\r\n this.setState({ todayOrderMsg: 'NO ORDERS FOUND' });\r\n }\r\n }, Config.minMsgTimeout);\r\n\r\n }\r\n else {\r\n this.setState({ unBillAmount: 0.00, todayOrderList: [], todayOrderMsg: \"Looks like you have not made your menu yet.\", totalOrders: 0 });\r\n }\r\n }\r\n else {\r\n\r\n this.showMessage(response.message, \"danger\");\r\n this.setState({ unBillAmount: 0.00, todayOrderList: [], todayOrderMsg: \"Looks like you have not made your menu yet.\", totalOrders: 0 });\r\n // console.log(response.message);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.showMessage(\"An error occured\", \"danger\");\r\n this.setState({ todayOrderList: [], loading: false, unBillAmount: 0.00, todayOrderMsg: \"Looks like you have not made your menu yet.\", totalOrders: 0 });\r\n });\r\n }\r\n\r\n handleTodayBill() {\r\n this.setState({ loading: true });\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n ServiceType: serviceType,\r\n GuestMobileCountryCode: \"91\",\r\n GuestMobileNumber: mainMobileNo,\r\n NoOfRowsPerPage: 50,\r\n CurrentPageNumber: 1\r\n }\r\n\r\n fetch(Config.basePOSUrl + 'GetGuestTodayBills', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response != null) {\r\n // console.log(response);\r\n this.setState({ refreshSpin: 0 });\r\n this.setState({ todayBillList: response.response.bills, loading: false, todayBillMsg: \"\", totalBills: response.response.bills.length });\r\n\r\n setTimeout(() => {\r\n if (response.response.bills.length === 0) {\r\n this.setState({ todayBillMsg: 'NO BILLS FOUND' });\r\n }\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n this.setState({ todayBillList: [], todayBillMsg: \"Looks like you have not made your menu yet.\", totalBills: 0 });\r\n }\r\n }\r\n else {\r\n\r\n this.showMessage(response.message, \"danger\");\r\n this.setState({ todayBillList: [], loading: false, todayBillMsg: \"Looks like you have not made your menu yet.\", totalBills: 0 });\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.showMessage(\"An error occured\", \"danger\");\r\n this.setState({ todayBillList: [], loading: false });\r\n this.setState({ todayBillMsg: \"Looks like you have not made your menu yet.\", loading: false, totalBills: 0 });\r\n });\r\n\r\n }\r\n\r\n handleHistoryBill() {\r\n this.setState({ loading: true });\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n ServiceType: serviceType,\r\n GuestMobileCountryCode: \"91\",\r\n GuestMobileNumber: mobileNo,\r\n NoOfRowsPerPage: 30,\r\n CurrentPageNumber: 1\r\n }\r\n fetch(Config.basePOSUrl + 'GetGuestHistory', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response != null) {\r\n this.setState({ refreshSpin: 0 });\r\n this.setState({ historyBillsList: response.response.bills, loading: false, historyBillMsg: \"\", totalHistory: response.response.bills.length });\r\n setTimeout(() => {\r\n if (response.response.bills.length === 0) {\r\n this.setState({ historyBillMsg: 'NO BILLS FOUND' });\r\n }\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n this.setState({ historyBillsList: [], historyBillMsg: \"Looks like you have not made your menu yet.\", totalHistory: 0 });\r\n }\r\n }\r\n else {\r\n this.showMessage(response.message, \"danger\");\r\n this.setState({ historyBillsList: [], loading: false, historyBillMsg: \"Looks like you have not made your menu yet.\", totalHistory: 0 });\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.showMessage(\"An error occured\", \"danger\");\r\n this.setState({ historyBillsList: [], loading: false });\r\n this.setState({ historyBillMsg: 'Looks like you have not made your menu yet.', loading: false, totalHistory: 0 });\r\n });\r\n\r\n\r\n }\r\n\r\n handleTodayOrderDom() {\r\n return (\r\n
\r\n {outletDetails.enableViewBill &&\r\n
\r\n
\r\n
Unbill Amount
\r\n
₹ {this.state.unBillAmount.toFixed(2)}
\r\n
\r\n {enmConfig.checkOutTypewithPay &&
Pay Now
}\r\n {!enmConfig.checkOutTypewithPay &&
View Bill
}\r\n
\r\n }\r\n {this.state.todayOrderList.map(ord =>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{ord.guestName === '' ? ' ' : ord.guestName}
\r\n
{ord.guestMobileNumber === '' ? '-' : ord.guestMobileNumber}
\r\n
Table No: {ord.tableNumber}
\r\n
\r\n {/*
Repeat Order
*/}\r\n {ord.orderStatus === \"Placed\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Accepted\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Preparing\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Prepared\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Food Ready\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"FoodReady\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Dispatched\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Completed\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Delivered\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Forward\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Rejected\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Cancelled\" &&
{ord.orderStatus}
}\r\n
{ord.orderStatusUpdatedDateTime}
\r\n
Order No: {ord.orderNo}
\r\n
Order Date: {ord.orderDateTime}
\r\n
KOT No: {ord.kotNo}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Name \r\n Qty \r\n Rate \r\n Amount \r\n \r\n \r\n \r\n {\r\n ord.orderDetails.map((oitm, i) => {\r\n return (\r\n \r\n \r\n {oitm.itemName.toLowerCase()} \r\n x{oitm.quantity} \r\n ₹{oitm.rate.toFixed(2)} \r\n ₹{(oitm.rate * oitm.quantity).toFixed(2)} \r\n \r\n {\r\n oitm.modifiers.map(gmd =>\r\n\r\n \r\n {gmd.modifierName.toLowerCase()} \r\n x{gmd.quantity} \r\n ₹{gmd.rate.toFixed(2)} \r\n ₹{(gmd.rate * gmd.quantity).toFixed(2)} \r\n \r\n )\r\n\r\n }\r\n {\r\n oitm.instruction !== \"\" &&\r\n \r\n Ins:[{oitm.instruction}]
\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 {(ord.orderInstruction !== '' && ord.reason !== '') &&
Ins: [{ord.orderInstruction}] || Reason: [{ord.reason}]
}\r\n {ord.orderInstruction !== '' &&
Ins: [{ord.orderInstruction}]
}\r\n {ord.reason !== '' &&
Reason: [{ord.reason}]
}\r\n
\r\n
\r\n )\r\n }\r\n
\r\n\r\n );\r\n }\r\n\r\n handleBillDom() {\r\n return (\r\n
\r\n {\r\n this.state.todayBillList.map(bill =>\r\n
\r\n
\r\n
Bill No: {bill.billNo}
\r\n
Bill Date: {bill.billDateTime}
\r\n {bill.paymentModes !== '' &&
Pay Mode: {bill.paymentModes}
}\r\n {bill.serviceType === Config.serviceType.TABLESERVICE &&
Table No: {bill.tableNumber}
}\r\n
Bill Amount: ₹{bill.billAmount.toFixed(2)}
\r\n {/*
{bill.billStatus} / {bill.paymentModes}
*/}\r\n\r\n {bill.billStatus.toLowerCase() === \"paid\" &&
Paid
}\r\n {bill.billStatus.toLowerCase() === \"cancelled\" &&
Cancelled
}\r\n {bill.billStatus.toLowerCase() === \"cancelled & refunded\" &&
Cancelled & Refunded
}\r\n {bill.billStatus.toLowerCase() === \"notpaid\" &&
NotPaid
}\r\n {bill.billStatus.toLowerCase() === \"void\" &&
Void
}\r\n {bill.billStatus.toLowerCase() === \"not paid\" &&
Not Paid
}\r\n {(bill.billStatus.toLowerCase() === \"not paid\" && bill.crmBillId !== \"\" &&\r\n enmConfig.checkOutTypewithPay && outletDetails.enableViewBill) &&
\r\n }\r\n {(bill.billStatus.toLowerCase() === \"not paid\" && bill.crmBillId !== \"\" &&\r\n !enmConfig.checkOutTypewithPay && outletDetails.enableViewBill) &&
\r\n }\r\n
View Bill Details
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n bill.billDetails.map(ord =>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{ord.guestName === '' ? '-' : ord.guestName}
\r\n
{ord.guestMobileNumber === '' ? '-' : ord.guestMobileNumber}
\r\n
Table No: {ord.tableNumber}
\r\n
\r\n {/*
Repeat Order
*/}\r\n {ord.orderStatus === \"Placed\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Accepted\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Preparing\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Prepared\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Food Ready\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"FoodReady\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Dispatched\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Completed\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Delivered\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Forward\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Rejected\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Cancelled\" &&
{ord.orderStatus}
}\r\n
{ord.orderStatusUpdatedDateTime}
\r\n
Order No: {ord.orderNo}
\r\n
Order Date: {ord.orderDateTime}
\r\n
KOT No: {ord.kotNo}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Name \r\n Qty \r\n Rate \r\n Amount \r\n \r\n \r\n \r\n {\r\n ord.orderDetails.map((oitm, i) => {\r\n return (\r\n \r\n \r\n {oitm.itemName.toLowerCase()} \r\n x{oitm.quantity} \r\n ₹{oitm.rate.toFixed(2)} \r\n ₹{(oitm.rate * oitm.quantity).toFixed(2)} \r\n \r\n {\r\n oitm.modifiers.map(gmd =>\r\n\r\n \r\n {gmd.modifierName.toLowerCase()} \r\n x{gmd.quantity} \r\n ₹{gmd.rate.toFixed(2)} \r\n ₹{(gmd.rate * gmd.quantity).toFixed(2)} \r\n \r\n )\r\n\r\n }\r\n {\r\n oitm.instruction !== \"\" &&\r\n \r\n Ins:[{oitm.instruction}]
\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 {ord.orderInstruction !== '' &&
Ins: [{ord.orderInstruction}]
}\r\n
\r\n
\r\n )\r\n }\r\n
\r\n
\r\n
\r\n\r\n {(bill.guestAddress != null && bill.serviceType === Config.serviceType.DELIVERY) &&\r\n
\r\n Delivery: {bill.guestAddress.addressLine1} {bill.guestAddress.addressLine2} {bill.guestAddress.addressLine3}
\r\n }\r\n {bill.reason !== '' &&
Reason: [{bill.reason}]
}\r\n
\r\n )\r\n }\r\n
\r\n );\r\n }\r\n\r\n handleHistoryDom() {\r\n\r\n return (\r\n
\r\n {\r\n this.state.historyBillsList.map((bill, i) =>\r\n
\r\n
\r\n
Bill No: {bill.billNo}
\r\n
Bill Date: {bill.billDateTime}
\r\n {bill.paymentModes !== '' &&
Pay Mode: {bill.paymentModes}
}\r\n {bill.serviceType === Config.serviceType.TABLESERVICE &&
Table No: {bill.tableNumber}
}\r\n
Bill Amount: ₹{bill.billAmount.toFixed(2)}
\r\n {/*
{bill.billStatus} / {bill.paymentModes}
*/}\r\n\r\n {bill.billStatus.toLowerCase() === \"paid\" &&
Paid
}\r\n {bill.billStatus.toLowerCase() === \"cancelled\" &&
Cancelled
}\r\n {bill.billStatus.toLowerCase() === \"cancelled & refunded\" &&
Cancelled & Refunded
}\r\n {bill.billStatus.toLowerCase() === \"notpaid\" &&
NotPaid
}\r\n {bill.billStatus.toLowerCase() === \"void\" &&
Void
}\r\n {bill.billStatus.toLowerCase() === \"not paid\" &&
Not Paid
}\r\n {(bill.billStatus.toLowerCase() === \"not paid\" && bill.crmBillId !== \"\" &&\r\n enmConfig.checkOutTypewithPay && outletDetails.enableViewBill) &&
\r\n }\r\n {(bill.billStatus.toLowerCase() === \"not paid\" && bill.crmBillId !== \"\" &&\r\n !enmConfig.checkOutTypewithPay && outletDetails.enableViewBill) &&
\r\n }\r\n
View Bill Details
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n bill.billDetails.map((ord, i) =>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{ord.guestName === '' ? '-' : ord.guestName}
\r\n
{ord.guestMobileNumber === '' ? '-' : ord.guestMobileNumber}
\r\n
Table No: {ord.tableNumber}
\r\n
\r\n {/*
Repeat Order
*/}\r\n {ord.orderStatus === \"Placed\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Accepted\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Preparing\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Prepared\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Food Ready\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"FoodReady\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Dispatched\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Completed\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Delivered\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Forward\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Rejected\" &&
{ord.orderStatus}
}\r\n {ord.orderStatus === \"Cancelled\" &&
{ord.orderStatus}
}\r\n
{ord.orderStatusUpdatedDateTime}
\r\n
Order No: {ord.orderNo}
\r\n
Order Date: {ord.orderDateTime}
\r\n
KOT No: {ord.kotNo}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Name \r\n Qty \r\n Rate \r\n Amount \r\n \r\n \r\n \r\n {\r\n ord.orderDetails.map((oitm, i) => {\r\n return (\r\n \r\n \r\n {oitm.itemName.toLowerCase()} \r\n x{oitm.quantity} \r\n ₹{oitm.rate.toFixed(2)} \r\n ₹{(oitm.rate * oitm.quantity).toFixed(2)} \r\n \r\n {\r\n oitm.modifiers.map((gmd, i) =>\r\n \r\n {gmd.modifierName.toLowerCase()} \r\n x{gmd.quantity} \r\n ₹{gmd.rate.toFixed(2)} \r\n ₹{(gmd.rate * gmd.quantity).toFixed(2)} \r\n \r\n )\r\n\r\n }\r\n {\r\n oitm.instruction !== \"\" &&\r\n \r\n Ins:[{oitm.instruction}]
\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 {ord.orderInstruction !== '' &&
Ins: [{ord.orderInstruction}]
}\r\n
\r\n
\r\n )\r\n }\r\n
\r\n
\r\n
\r\n {(bill.guestAddress != null && bill.serviceType === Config.serviceType.DELIVERY) &&\r\n
\r\n Delivery: {bill.guestAddress.addressLine1} {bill.guestAddress.addressLine2} {bill.guestAddress.addressLine3}
\r\n }\r\n {bill.reason !== '' &&
Reason: [{bill.reason}]
}\r\n\r\n
\r\n )\r\n }\r\n
\r\n );\r\n }\r\n\r\n goBill() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/mybills' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n render() {\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n
\r\n My Orders\r\n
\r\n {/*
*/}\r\n
\r\n {/*
\r\n
\r\n {\r\n this.state.billsList.map(ord =>\r\n
Bill no : {ord.billNo} Details \r\n
{ord.billDateTime}
\r\n {ord.billStatus === \"Paid\" &&
PAID
}\r\n {ord.billStatus === \"Cancelled\" &&
CANCELLED
}\r\n {ord.billStatus === \"NotPaid\" &&
NotPaid
}\r\n
\r\n\r\n )\r\n }\r\n {this.state.ordersList.length === 0 &&\r\n
\r\n
{this.state.orderMsg} \r\n
{this.state.orderErrorMsg}
\r\n
\r\n }\r\n
\r\n
*/}\r\n
\r\n
\r\n \r\n Today Orders \r\n History {this.state.totalHistory > 0 && ({this.state.totalHistory}) } \r\n \r\n \r\n \r\n \r\n Orders {this.state.totalOrders > 0 && ({this.state.totalOrders}) } \r\n Bills {this.state.totalBills > 0 && ({this.state.totalBills}) } \r\n \r\n \r\n {this.handleTodayOrderDom()}\r\n \r\n {this.state.todayOrderMsg} \r\n
\r\n \r\n \r\n {this.handleBillDom()}\r\n \r\n {this.state.todayBillMsg} \r\n
\r\n\r\n \r\n \r\n \r\n \r\n {this.handleHistoryDom()}\r\n \r\n {this.state.historyBillMsg} \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n );\r\n };\r\n}","import React, { Component } from 'react';\r\nimport './qrcodeerror.scss';\r\n//import Cookies from 'universal-cookie';\r\n\r\nexport default class QRCodeError extends Component {\r\n\r\n componentWillMount() {\r\n localStorage.clear();\r\n sessionStorage.removeItem(\"u-l-v-url-dt\");\r\n sessionStorage.removeItem('user-orgnationid');\r\n sessionStorage.removeItem('user-propertyid');\r\n sessionStorage.removeItem('user-propertyname');\r\n sessionStorage.removeItem('user-outletcode');\r\n sessionStorage.removeItem('user-tableno');\r\n sessionStorage.removeItem('user-servicetype');\r\n sessionStorage.removeItem('user-organizationname');\r\n sessionStorage.removeItem('user-outletname');\r\n sessionStorage.removeItem('user-mobileno');\r\n sessionStorage.removeItem('user-token');\r\n\r\n\r\n sessionStorage.removeItem('getMenuGroups');\r\n sessionStorage.removeItem('getModifierGroups');\r\n sessionStorage.removeItem('getTaxes');\r\n sessionStorage.removeItem('getmenuItems');\r\n sessionStorage.removeItem('getCharges');\r\n\r\n\r\n sessionStorage.removeItem('cartList');\r\n sessionStorage.removeItem('modifierCartList');\r\n sessionStorage.removeItem('taxCartList');\r\n sessionStorage.removeItem('chargeCartList');\r\n\r\n\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem('otpReferenceId');\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n sessionStorage.removeItem(\"user-table-verified\");\r\n sessionStorage.removeItem(\"user-outletDetails\");\r\n sessionStorage.removeItem('payAmount');\r\n sessionStorage.removeItem('pageCMSSettings');\r\n sessionStorage.removeItem('user-digitalMenu');\r\n sessionStorage.removeItem(\"user-loggedin-date\");\r\n sessionStorage.removeItem('otp-exp-duration');\r\n sessionStorage.removeItem(\"ebillUrl\");\r\n sessionStorage.removeItem(\"isPay\");\r\n sessionStorage.removeItem(\"posBillId\");\r\n sessionStorage.removeItem('user-statsid');\r\n sessionStorage.removeItem('main-guest-mask-no');\r\n sessionStorage.removeItem('main-guest-no');\r\n sessionStorage.removeItem('group-session');\r\n sessionStorage.removeItem('group-pin');\r\n sessionStorage.removeItem('ex-main-guest-no');\r\n sessionStorage.removeItem('cms-logo');\r\n sessionStorage.removeItem('guest-name');\r\n sessionStorage.removeItem('user-loggedin');\r\n sessionStorage.removeItem(\"login-page-session\"); // Cart Session\r\n sessionStorage.removeItem(\"on-click-mode\"); // Cart Session\r\n sessionStorage.removeItem('main-guest-name');\r\n sessionStorage.removeItem('user-qr-level');\r\n sessionStorage.removeItem('url-remarks');\r\n sessionStorage.removeItem('url-remarks');\r\n sessionStorage.removeItem('menuFetchDateTime');\r\n sessionStorage.removeItem('user-GuestDetails');\r\n sessionStorage.removeItem('user-addressId');\r\n sessionStorage.removeItem('user-CurrentAddress');\r\n sessionStorage.removeItem('prepaidCardAccountId');\r\n sessionStorage.removeItem('mobile-app');\r\n sessionStorage.removeItem('app-CountryCode');\r\n sessionStorage.removeItem('app-CountryCode');\r\n sessionStorage.removeItem('order-track-status');\r\n\r\n\r\n sessionStorage.removeItem('pageCMSSettings');\r\n sessionStorage.removeItem('menuFetchDateTime');\r\n\r\n sessionStorage.removeItem('group-pin');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('entered-mobile-no');\r\n sessionStorage.removeItem('entered-name');\r\n sessionStorage.removeItem('user-access-mode');\r\n sessionStorage.removeItem('otp');\r\n sessionStorage.removeItem('verified-otp');\r\n sessionStorage.removeItem('selectedClassification');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('order-charge-Tax-Amount');\r\n sessionStorage.removeItem('getclf');\r\n sessionStorage.removeItem('order-charge-Amount');\r\n sessionStorage.removeItem('app-ContactNo');\r\n sessionStorage.removeItem('order-charge-List');\r\n sessionStorage.removeItem('url-pattern');\r\n sessionStorage.removeItem('url-key');\r\n sessionStorage.removeItem('dt-number');\r\n sessionStorage.removeItem('uid');\r\n sessionStorage.removeItem('url-version');\r\n sessionStorage.removeItem('app-ver');\r\n sessionStorage.removeItem('user-session-id');\r\n sessionStorage.removeItem('redirect-page');\r\n window.history.replaceState(null, null, \"/\");\r\n }\r\n render() {\r\n return (\r\n
\r\n {/* {loading &&
} */}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n {/*
OOPS!
*/}\r\n {/*
404 - Page Not Found.
*/}\r\n
We're sorry. Something went wrong.
{/*
The page you are looking for might have been removed
*/}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from \"react\"\r\nimport './payment.scss';\r\n//import LoadingAnimation from '../../components/loadinganimation/verificationloading';\r\n// import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport * as QueryString from \"query-string\"\r\nimport Config from '../../data/SiteConfig';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport { isMobile } from 'react-device-detect';\r\nimport CartCalCulation from '../../modules/cart/cartcalculation';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\n//import uuid from 'react-uuid';\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationTd = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet paymentInitiatedId = '';\r\nlet vendorTransactionId = '';\r\nlet vendorId = '';\r\nlet vendorName = '';\r\nlet orderInstruction = '';\r\n//let paymentStatus = 'NONE';\r\nlet cartList = {};\r\nlet modifierCartList = [];\r\nlet taxList = [];\r\nlet chargeList = [];\r\nlet orderChargeList = [];\r\nlet _uniquesGroups = [];\r\nlet totalItemAmount = 0;\r\nlet totalItemTaxAmount = 0;\r\nlet totalItemChargesAmount = 0;\r\n\r\n//let totalItems = 0;\r\nlet totalChargesAmount = 0;\r\nlet totalTaxAmount = 0;\r\nlet totalAmount = 0;\r\nlet vendorOrderId = '';\r\nlet mainGuestMobileNo = '';\r\nlet guestCurrentAddress = null;\r\nlet outletDetails = null;\r\nlet olDetail = {};\r\nlet urlPattern = '';\r\nexport default class PaymentVerification extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n paymentInitiatedId: \"\",\r\n statusMsg: \"\",\r\n roundOff: 0\r\n }\r\n }\r\n\r\n\r\n componentDidMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n\r\n sessionStorage.removeItem('redirect-page');\r\n\r\n let inputParam = QueryString.parse(window.location.search);\r\n let vendorPaymentStatus = inputParam.payment_status;\r\n this.setState({ statusMsg: \"Processing Your Request\" });\r\n // console.log(inputParam);\r\n\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n orgnationTd = sessionStorage.getItem('user-orgnationid');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n\r\n paymentInitiatedId = sessionStorage.getItem('paymentInitiatedId');\r\n vendorTransactionId = sessionStorage.getItem('vendorTransactionId');\r\n vendorId = sessionStorage.getItem('vendorId');\r\n vendorName = sessionStorage.getItem('vendorName');\r\n orderInstruction = sessionStorage.getItem('order-instruction');\r\n vendorOrderId = sessionStorage.getItem('user-vendorOrderId');\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n guestCurrentAddress = sessionStorage.getItem('user-CurrentAddress') === null ? null : JSON.parse(sessionStorage.getItem('user-CurrentAddress'));\r\n outletDetails = sessionStorage.getItem('user-outletDetails');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n //paymentStatus = sessionStorage.getItem('paymentStatus');\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (!urlPattern) {\r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationTd === undefined || orgnationTd === \"\" || orgnationTd === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (outletDetails === undefined || outletDetails === \"\" || outletDetails === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n olDetail = JSON.parse(outletDetails);\r\n }\r\n\r\n\r\n if (paymentInitiatedId === undefined || paymentInitiatedId === \"\" || paymentInitiatedId === null) {\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => { this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n return false;\r\n }\r\n\r\n taxList = sessionStorage.getItem(\"taxCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"taxCartList\"));\r\n modifierCartList = sessionStorage.getItem(\"modifierCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"modifierCartList\"));\r\n chargeList = sessionStorage.getItem(\"chargeCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"chargeCartList\"));\r\n cartList = sessionStorage.getItem(\"cartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"cartList\"));\r\n\r\n window.scrollTo(0, 0);\r\n\r\n if (vendorPaymentStatus !== null && vendorPaymentStatus !== \"Failed\") {\r\n // API Call\r\n this.handleCheckPaymentStatus();\r\n\r\n }\r\n else {\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n this.setState({ loading: false, statusMsg: \"Redirecting...\" });\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: true }); setTimeout(() => { this.props.history.push('/cart' + urlPattern); }, Config.minMsgTimeout); }, Config.minMsgTimeout);\r\n }\r\n }\r\n handleCheckPaymentStatus() {\r\n\r\n this.setState({ loading: true });\r\n fetch(Config.basePaymentUrl + 'GetPaymentStatus?PaymentInitiatedId=' + paymentInitiatedId, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n }\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n // console.log(response);\r\n if (response.response.status === \"SUCCESS\") {\r\n this.handlePlaceOrder();\r\n }\r\n else if (response.response.status === \"PENDING\") {\r\n setTimeout(() => {\r\n this.handleCheckPaymentStatus();\r\n }, Config.averageMsgTimeout);\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n }\r\n\r\n // window.location.href = response.response.vendorRedirectUrl;\r\n\r\n // this.props.history.push('/paymentVerification', {\r\n // getMenus: this.state.getMenus,\r\n // getItems: this.state.getItems,\r\n // getModifiers: this.state.getModifiers,\r\n // getTaxes: this.state.getTaxes,\r\n // getCharges: this.state.getCharges\r\n // });\r\n }, 2000);\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.minMsgTimeout);\r\n });\r\n }\r\n\r\n handlePlaceOrder() {\r\n let postItemList = [];\r\n let addressObj = null;\r\n if (cartList.length === 0) {\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n return false;\r\n }\r\n else if (sessionStorage.getItem('user-vendorOrderId') === undefined || sessionStorage.getItem('user-vendorOrderId') === null || sessionStorage.getItem('user-vendorOrderId') === '') {\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Error Order was not placed', \"danger\");\r\n setTimeout(() => {\r\n this.props.history.push('/cart' + urlPattern);\r\n }, Config.averageMsgTimeout);\r\n\r\n return false;\r\n }\r\n\r\n orderChargeList = sessionStorage.getItem(\"order-charge-List\") === null ? [] : JSON.parse(sessionStorage.getItem(\"order-charge-List\"));\r\n\r\n\r\n Array.prototype.forEach.call(cartList.itemList, itm => {\r\n let postTaxes = [];\r\n let postModifiers = [];\r\n let postCharges = [];\r\n _uniquesGroups = [];\r\n\r\n\r\n // tax\r\n let ctax = taxList.filter(x => x.uid === itm.uid);\r\n ctax.map(tx =>\r\n postTaxes.push({ TaxCode: tx.taxCode, TaxValueType: tx.taxType, TaxValue: tx.taxValue, TaxAmount: tx.taxAmount })\r\n )\r\n\r\n //modifier\r\n let cmodifer = modifierCartList.filter(x => x.uid === itm.uid);\r\n // console.log(cmodifer);\r\n var _taxItmFound = {};\r\n for (var md = 0, lenc = cmodifer.length; md <= lenc - 1; md++) {\r\n var stringified = JSON.stringify(cmodifer[md].modifierGroupId);\r\n if (_taxItmFound[stringified]) { continue; }\r\n _uniquesGroups.push({ groupId: cmodifer[md].modifierGroupId, groupName: cmodifer[md].modifierGroupName });\r\n _taxItmFound[stringified] = true;\r\n };\r\n // console.log(_uniquesGroups);\r\n // Modifier\r\n Array.prototype.forEach.call(_uniquesGroups, mdg => {\r\n var modifr = [];\r\n let mdlist = cmodifer.filter(x => x.modifierGroupId === mdg.groupId);\r\n Array.prototype.forEach.call(mdlist, md => {\r\n let modifiertax = [];\r\n let modifierCharge = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(md.taxes, x => {\r\n modifiertax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n });\r\n\r\n //charge\r\n Array.prototype.forEach.call(md.charges, chg => {\r\n let chargetax = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(chg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n modifierCharge.push({\r\n ChargeId: chg.chargeId, ChargeName: chg.chargeName,\r\n ChargeType: chg.chargeType, IsMerchantCharge: false, ChargeValueType: chg.chargeValueType,\r\n ChargeValue: chg.chargeValue, ChargeAmount: chg.chargeAmount,\r\n Taxes: chargetax\r\n })\r\n });\r\n\r\n modifr.push({ ModfierId: md.modifierId, ModifierName: md.modifierName, Rate: md.rate, Quantity: itm.qty, Amount: md.rate * itm.qty, Taxes: modifiertax, Charges: modifierCharge })\r\n })\r\n postModifiers.push({ ModifierGroupId: mdg.groupId, GroupName: mdg.groupName, Modifiers: modifr });\r\n });\r\n // console.log(postModifiers);\r\n\r\n // charges \r\n let ccharge = chargeList.filter(x => x.uid === itm.uid);\r\n\r\n Array.prototype.forEach.call(ccharge, chg => {\r\n let chargetax = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(chg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n postCharges.push({\r\n ChargeId: chg.chargeId, ChargeName: chg.chargeName,\r\n ChargeType: chg.chargeType, IsMerchantCharge: false, ChargeValueType: chg.chargeValueType,\r\n ChargeValue: chg.chargeValue, ChargeAmount: chg.chargeAmount,\r\n Taxes: chargetax\r\n })\r\n });\r\n // console.log(postCharges);\r\n\r\n postItemList.push({\r\n ItemId: itm.itemId,\r\n ItemName: itm.itemName, Rate: itm.rate,\r\n Quantity: itm.qty, Amount: (itm.qty * itm.rate),\r\n Instruction: itm.specInsc === undefined ? \"\" : itm.specInsc,\r\n Taxes: postTaxes,\r\n ModifierGroups: postModifiers,\r\n Charges: postCharges\r\n });\r\n\r\n });\r\n let orderdate = new Date();\r\n let mseconds = orderdate.getTime(); //1440516958\r\n let deliveryTime = orderdate.getTime() + (olDetail.minimumDeliveryTime * 60000); //1440516958\r\n\r\n\r\n\r\n // Get Address \r\n if (serviceType === Config.serviceType.DELIVERY) {\r\n addressObj = {\r\n AddressId: guestCurrentAddress.addressId,\r\n AddressLine1: guestCurrentAddress.addressLine1,\r\n AddressLine2: guestCurrentAddress.addressLine2,\r\n AddressLine3: guestCurrentAddress.addressLine3,\r\n Area: guestCurrentAddress.area,\r\n City: guestCurrentAddress.city,\r\n State: guestCurrentAddress.addressId,\r\n Landmark: guestCurrentAddress.landmark,\r\n ZipCode: guestCurrentAddress.zipCode,\r\n AddressType: guestCurrentAddress.addressType\r\n }\r\n }\r\n // console.log(mseconds);\r\n let paymentDetails = [];\r\n\r\n this.handleCartRecalculate();\r\n\r\n paymentDetails.push({\r\n PayMode: \"ONLP\", // Online Pay \r\n PaymentAmount: totalAmount,\r\n TransactionRefId: vendorTransactionId,\r\n PaymentVendorId: vendorId, // Vendor Id\r\n PaymentVendorName: vendorName\r\n });\r\n //vendorOrderId = uuid();\r\n vendorOrderId = sessionStorage.getItem('user-vendorOrderId');\r\n\r\n /// Get QR Location \r\n let specialInstu = '';\r\n // console.log(olDetail.orderInstructionIncludeQRCodeLocation);\r\n if (olDetail.orderInstructionIncludeQRCodeLocation === true) {\r\n specialInstu = sessionStorage.getItem('url-remarks') === null ? '' : sessionStorage.getItem('url-remarks') !== '' ? sessionStorage.getItem('url-remarks') : '';\r\n // console.log(specialInstu);\r\n }\r\n\r\n /// Order Charges\r\n let orderCharges = [];\r\n Array.prototype.forEach.call(orderChargeList, ochg => {\r\n let chargetax = [];\r\n //tax\r\n Array.prototype.forEach.call(ochg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n orderCharges.push({\r\n ChargeId: ochg.chargeId, ChargeName: ochg.chargeName,\r\n ChargeType: ochg.chargeType, IsMerchantCharge: false, ChargeValueType: ochg.chargeValueType,\r\n ChargeValue: ochg.chargeValue, ChargeAmount: ochg.chargeAmount,\r\n Taxes: chargetax\r\n });\r\n });\r\n\r\n // console.log(orderCharges);\r\n\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n ServiceType: serviceType,\r\n GuestDetails: {\r\n // MobileNo: mainGuestMobileNo,\r\n MobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n OrderedGuestMobileNo: mobileNo,\r\n GuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"),\r\n Address: addressObj === null ? {} : addressObj\r\n },\r\n OrderDetails: {\r\n VendorOrderId: vendorOrderId,\r\n OrderDateTime: mseconds,\r\n DeliveryDateTime: serviceType === Config.serviceType.DELIVERY ? deliveryTime : null,\r\n TableNumber: serviceType !== \"FINE-DINE\" ? '' : tableNo,\r\n OrderStatus: \"placed\",\r\n //Instruction: specialInstu + '' + (OrderInstruction === null ? '' : OrderInstruction),\r\n Instruction: (specialInstu !== '' ? specialInstu : '') + (orderInstruction === null ? '' : (specialInstu !== '' && orderInstruction !== '') ? ' - ' + orderInstruction : orderInstruction),\r\n Items: postItemList,\r\n TotalItemValue: totalItemAmount,\r\n TotalItemTaxes: totalItemTaxAmount,\r\n TotalItemCharges: totalItemChargesAmount,\r\n TotalTaxes: totalTaxAmount,\r\n TotalCharges: totalChargesAmount,\r\n TotalAmount: totalAmount,\r\n IsPaid: true,\r\n Charges: orderCharges\r\n },\r\n PaymentDetails: paymentDetails\r\n }\r\n this.setState({ loading: true });\r\n\r\n // console.log(postObj);\r\n\r\n fetch(Config.basePOSUrl + 'PlaceOrder', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n // console.log(response);\r\n this.props.history.push('/ordersuccess' + urlPattern,\r\n {\r\n // orderId: response.response.orderId\r\n orderId: vendorOrderId,\r\n // orderNo: response.response.orderNo\r\n orderNo: response.response != null ? response.response.orderNo : ''\r\n });\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.minMsgTimeout);\r\n });\r\n };\r\n handleCartRecalculate() {\r\n // re calculate cart value \r\n let cartItemValue = 0;\r\n // let cartItemQty = 0;\r\n let modifierCartValue = 0;\r\n\r\n totalTaxAmount = 0;\r\n totalChargesAmount = 0;\r\n totalAmount = 0;\r\n\r\n totalItemAmount = 0;\r\n totalItemTaxAmount = 0;\r\n totalItemChargesAmount = 0;\r\n\r\n\r\n // console.log(cartList);\r\n\r\n if (sessionStorage.getItem(\"cartList\") !== null) {\r\n Array.prototype.forEach.call(cartList.itemList, itm => {\r\n // console.log(itm.qty);\r\n cartItemValue += (itm.rate * itm.qty);\r\n // cartItemQty += itm.qty;\r\n // console.log(cartItemValue);\r\n let mdcartItemList = modifierCartList.filter(x => x.uid === itm.uid);\r\n // console.log(mdcartItemList);\r\n Array.prototype.forEach.call(mdcartItemList, md => {\r\n modifierCartValue += md.rate * itm.qty;\r\n });\r\n });\r\n\r\n totalItemTaxAmount = taxList.reduce((prev, next) => prev + next.taxAmount, 0);\r\n totalItemTaxAmount += modifierCartList.reduce((prev, next) => prev + next.totalTaxAmount, 0);\r\n\r\n totalItemChargesAmount = chargeList.reduce((prev, next) => prev + next.chargeAmount, 0);\r\n totalItemChargesAmount += modifierCartList.reduce((prev, next) => prev + next.totalChargeAmount, 0);\r\n totalChargesAmount = totalItemChargesAmount;\r\n\r\n\r\n\r\n totalItemAmount = cartItemValue + modifierCartValue;\r\n\r\n\r\n totalTaxAmount = chargeList.reduce((prev, next) => prev + next.totalTaxAmount, 0);\r\n totalTaxAmount += totalItemTaxAmount;\r\n\r\n let onBillTaxValue = CartCalCulation.OnBillTaxCalculation(totalItemAmount);\r\n let orderLevelCharge = sessionStorage.getItem('order-charge-Amount') === null ? 0 : parseFloat(sessionStorage.getItem('order-charge-Amount'));\r\n let orderLevelChargeTaxAmount = sessionStorage.getItem('order-charge-Tax-Amount') === null ? 0 : parseFloat(sessionStorage.getItem('order-charge-Tax-Amount'));\r\n // console.log(orderLevelCharge);\r\n totalChargesAmount += orderLevelCharge;\r\n totalTaxAmount += onBillTaxValue;\r\n totalTaxAmount += orderLevelChargeTaxAmount;\r\n\r\n totalAmount = totalItemAmount + totalChargesAmount + totalTaxAmount;\r\n\r\n let roundOffAmt = sHelpers.roundOff(olDetail.roundOffType, totalAmount, olDetail.roundOffValue);\r\n // let rndOffAmt = roundOffAmt - totalAmount;\r\n totalAmount = roundOffAmt;\r\n }\r\n }\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n\r\n render() {\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
{this.state.statusMsg}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}","import React from 'react'\r\nimport './animate.scss';\r\nexport default function failed() {\r\n return (\r\n
\r\n
\r\n \r\n
\r\n )\r\n}","import React, { Component } from 'react';\r\nimport './orderfailed.scss';\r\nimport LoadingSVGAnimation from '../../components/checkmarkanimation/failed';\r\n//import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport { isMobile } from 'react-device-detect';\r\nimport Config from '../../data/SiteConfig';\r\nlet urlPattern = '';\r\nexport default class OrderFailed extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.gotocart = this.gotocart.bind(this);\r\n this.gotoMyOrders = this.gotoMyOrders.bind(this);\r\n this.state = {\r\n cartValue: 1500,\r\n loading: false,\r\n orderId: ''\r\n }\r\n }\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n sessionStorage.removeItem('redirect-page');\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) {\r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n // this.setState({ loading: true });\r\n // setTimeout(() => {\r\n // this.setState({ loading: false });\r\n // this.props.history.push('/items');\r\n // }, 900000);\r\n\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n }\r\n goBack() {\r\n // this.props.history.push('/home');\r\n }\r\n gotocart() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/cart' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n\r\n }\r\n gotoMyOrders() {\r\n // this.props.history.push('/myorders');\r\n }\r\n render() {\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n
\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Transaction Failed.
\r\n
Please Try Again
\r\n
Retry
\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","import React, { Component } from 'react';\r\nimport './logout.scss';\r\nimport LoadingAnimation from '../../components/checkmarkanimation';\r\n\r\nexport default class Logout extends Component {\r\n\r\n componentWillMount() {\r\n \r\n sessionStorage.removeItem('user-orgnationid');\r\n sessionStorage.removeItem('user-propertyid');\r\n sessionStorage.removeItem('user-propertyname');\r\n sessionStorage.removeItem('user-outletcode');\r\n sessionStorage.removeItem('user-tableno');\r\n sessionStorage.removeItem('user-servicetype');\r\n sessionStorage.removeItem('user-organizationname');\r\n sessionStorage.removeItem('user-outletname');\r\n sessionStorage.removeItem('user-mobileno');\r\n sessionStorage.removeItem('user-token');\r\n\r\n\r\n sessionStorage.removeItem('getMenuGroups');\r\n sessionStorage.removeItem('getModifierGroups');\r\n sessionStorage.removeItem('getTaxes');\r\n sessionStorage.removeItem('getmenuItems');\r\n sessionStorage.removeItem('getCharges');\r\n\r\n\r\n sessionStorage.removeItem('cartList');\r\n sessionStorage.removeItem('modifierCartList');\r\n sessionStorage.removeItem('taxCartList');\r\n sessionStorage.removeItem('chargeCartList');\r\n\r\n\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem('otpReferenceId');\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n sessionStorage.removeItem(\"user-table-verified\");\r\n sessionStorage.removeItem(\"user-outletDetails\");\r\n sessionStorage.removeItem(\"user-loggedin-date\");\r\n sessionStorage.removeItem('user-digitalMenu');\r\n sessionStorage.removeItem(\"ebillUrl\");\r\n sessionStorage.removeItem(\"isPay\");\r\n sessionStorage.removeItem(\"posBillId\");\r\n sessionStorage.removeItem('otp-exp-duration');\r\n sessionStorage.removeItem('user-statsid');\r\n sessionStorage.removeItem('main-guest-mask-no');\r\n sessionStorage.removeItem('main-guest-no');\r\n sessionStorage.removeItem('group-session');\r\n sessionStorage.removeItem('group-pin');\r\n\r\n sessionStorage.removeItem('guest-name');\r\n sessionStorage.removeItem('user-loggedin');\r\n sessionStorage.removeItem(\"login-page-session\"); // Cart Session\r\n sessionStorage.removeItem(\"on-click-mode\"); // Cart Session\r\n sessionStorage.removeItem('main-guest-name');\r\n sessionStorage.removeItem('ex-main-guest-no');\r\n sessionStorage.removeItem('cms-logo');\r\n sessionStorage.removeItem('user-CurrentAddress');\r\n sessionStorage.removeItem('url-remarks');\r\n sessionStorage.removeItem('user-GuestDetails');\r\n sessionStorage.removeItem('pageCMSSettings');\r\n // group pin added by dasprakash on 06-10-2023 jira-1490\r\n sessionStorage.removeItem('table-pins');\r\n sessionStorage.removeItem('u-l-v-url-dt');\r\n sessionStorage.removeItem('url-pattern');\r\n localStorage.clear();\r\n \r\n }\r\n render() {\r\n return (\r\n
\r\n {/* {loading &&
} */}\r\n
\r\n
\r\n {/*
*/}\r\n {/*
*/}\r\n\r\n
\r\n
\r\n
You have logged out successfully.
\r\n
Thank You!
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport './login.scss';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport LoadingAnimation from '../../components/loadinganimation/login';\r\nimport Config from '../../data/SiteConfig';\r\nimport { isMobile } from 'react-device-detect';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\n//import Cookies from 'universal-cookie';\r\nimport Slider from \"react-slick\";\r\nimport Header from '../../components/Header';\r\nconst homeslidersettings = {\r\n autoplay: true,\r\n dots: true,\r\n infinite: true,\r\n arrows: false,\r\n speed: 300,\r\n slidesToShow: 1,\r\n adaptiveHeight: false\r\n};\r\n\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationId = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet urlPattern = '';\r\nexport default class TableVerification extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n loading: false,\r\n mobileNo: '',\r\n orgId: 0,\r\n propertyId: '',\r\n outletCode: '',\r\n tableNo: '',\r\n serviceType: '',\r\n pin: '',\r\n alertMessage: '',\r\n msgType: '',\r\n msgShow: false,\r\n redirectCart: false,\r\n sliderImages: [\r\n {\r\n altName: \"\",\r\n sortOrder: 0,\r\n bannerType: 0,\r\n height: 0,\r\n imageName: \"\",\r\n imagePathName: \"\",\r\n primaryImageType: \"\",\r\n secondaryImageType: \"\",\r\n bannerName: \"Slide 1\",\r\n primaryImageUrl: \"/img/slider/login-verification-df-lucid.jpg\",\r\n secondaryImageUrl: \"\",\r\n status: 0,\r\n width: 0\r\n }\r\n ],\r\n loggedIn: false,\r\n }\r\n }\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n\r\n tableNo = localStorage.getItem('user-tableno');\r\n serviceType = localStorage.getItem('user-servicetype');\r\n orgnationId = localStorage.getItem('user-orgnationid');\r\n propertyId = localStorage.getItem('user-propertyid');\r\n outletCode = localStorage.getItem('user-outletcode');\r\n mobileNo = localStorage.getItem('user-mobileno');\r\n token = localStorage.getItem('user-token');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n\r\n const sessionDt = localStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n \r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationId === undefined || orgnationId === \"\" || orgnationId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.setState({ loading: true });\r\n this.showMessage('Invalid Mobile Number', \"danger\");\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/login' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n\r\n if (this.props.location.state !== undefined) {\r\n if (this.props.location.state.redirectCart === undefined || this.props.location.state.redirectCart === null || this.props.location.state.redirectCart === '') {\r\n this.setState({ redirectCart: false });\r\n localStorage.removeItem('user-table-verified');\r\n }\r\n else {\r\n this.setState({ redirectCart: this.props.location.state.redirectCart });\r\n }\r\n }\r\n this.getCMSDetails(); //Get CMS Page\r\n }\r\n\r\n handlechange = event => {\r\n const value = event.target.value;\r\n this.setState({ pin: value });\r\n // console.log(value);\r\n };\r\n\r\n handleClick = (e) => {\r\n e.preventDefault();\r\n // console.log(this.state.pin);\r\n\r\n this.setState({ loading: true });\r\n\r\n if (this.state.pin === \"\") {\r\n this.showMessage(\"Please enter the valid PIN No.\", \"info\")\r\n return false;\r\n }\r\n\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n GuestName: \" \",\r\n MobileNo: mobileNo,\r\n PIN: this.state.pin,\r\n TableNumber: tableNo\r\n }\r\n\r\n fetch(Config.basePOSUrl + 'VerifyPin', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n localStorage.setItem('user-table-verified', true);\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n if (this.state.redirectCart)\r\n this.props.history.push('/cart' + urlPattern);\r\n else {\r\n // set Logged in Date \r\n let loggedIn = sHelpers.getFormattedDate(new Date());\r\n localStorage.setItem('user-loggedin-date', loggedIn);\r\n\r\n this.props.history.push('/home' + urlPattern);\r\n }\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n localStorage.removeItem('user-table-verified');\r\n // console.log(response.message);\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n })\r\n .catch(err => {\r\n localStorage.removeItem('user-table-verified');\r\n // console.log(err);\r\n this.showMessage(\"An error occured\", \"danger\");\r\n });\r\n };\r\n getCMSDetails() {\r\n let postobj = {\r\n organizationId: parseInt(orgnationId),\r\n propertyId: propertyId,\r\n outletCode: outletCode,\r\n ServiceMode: serviceType,\r\n ApplicationCode: Config.applicationCode,\r\n PageId: Config.pageIds.login, // Default Login\r\n PageType: Config.pageType.login, // Login \r\n RequestIp: \"\",\r\n username: Config.cmsUserName,\r\n password: Config.cmsPassword\r\n }\r\n\r\n fetch(Config.baseAPIUrl + 'PageDetails', {\r\n method: 'POST',\r\n headers: {\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postobj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.isSuccessful) {\r\n\r\n // Slider \r\n if (response.banners.filter(i => i.bannerType === Config.bannerImageType.Slider) !== null && response.banners.filter(i => i.bannerType === Config.bannerImageType.Slider).length > 0)\r\n this.setState({ sliderImages: response.banners.filter(i => i.bannerType === Config.bannerImageType.Slider) });\r\n\r\n // if (response.page != null) {\r\n // if (response.page.preview !== '')\r\n // this.setState({ pageContent: response.page.content, pagePreview: response.page.preview });\r\n\r\n // }\r\n }\r\n\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n //this.showMessage(\"CMS - Failed to fetch\", \"danger\");\r\n });\r\n }\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n render() {\r\n const { loading } = this.state;\r\n\r\n return (\r\n
\r\n {loading &&\r\n
\r\n }\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n {/*
\r\n
\r\n
\r\n
\r\n
*/}\r\n
\r\n
\r\n {this.state.sliderImages.map(img =>\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Confirm Table
\r\n
Table No: {tableNo}
\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","import React, { Component } from 'react';\r\nimport './qrcodeerror.scss';\r\n\r\nexport default class DeviceError extends Component {\r\n\r\n componentWillMount() {\r\n localStorage.clear();\r\n sessionStorage.removeItem('user-orgnationid');\r\n sessionStorage.removeItem('user-propertyid');\r\n sessionStorage.removeItem('user-propertyname');\r\n sessionStorage.removeItem('user-outletcode');\r\n sessionStorage.removeItem('user-tableno');\r\n sessionStorage.removeItem('user-servicetype');\r\n sessionStorage.removeItem('user-organizationname');\r\n sessionStorage.removeItem('user-outletname');\r\n sessionStorage.removeItem('user-mobileno');\r\n sessionStorage.removeItem('user-token');\r\n\r\n\r\n sessionStorage.removeItem('getMenuGroups');\r\n sessionStorage.removeItem('getModifierGroups');\r\n sessionStorage.removeItem('getTaxes');\r\n sessionStorage.removeItem('getmenuItems');\r\n sessionStorage.removeItem('getCharges');\r\n\r\n\r\n sessionStorage.removeItem('cartList');\r\n sessionStorage.removeItem('modifierCartList');\r\n sessionStorage.removeItem('taxCartList');\r\n sessionStorage.removeItem('chargeCartList');\r\n\r\n\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem('otpReferenceId');\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n sessionStorage.removeItem(\"user-table-verified\");\r\n sessionStorage.removeItem(\"user-outletDetails\");\r\n sessionStorage.removeItem('payAmount');\r\n sessionStorage.removeItem('pageCMSSettings');\r\n sessionStorage.removeItem('user-digitalMenu');\r\n sessionStorage.removeItem(\"user-loggedin-date\");\r\n sessionStorage.removeItem(\"ebillUrl\");\r\n sessionStorage.removeItem(\"isPay\");\r\n sessionStorage.removeItem(\"posBillId\");\r\n sessionStorage.removeItem('otp-exp-duration');\r\n sessionStorage.removeItem('user-statsid');\r\n sessionStorage.removeItem('main-guest-mask-no');\r\n sessionStorage.removeItem('main-guest-no');\r\n sessionStorage.removeItem('group-session');\r\n sessionStorage.removeItem('group-pin');\r\n sessionStorage.removeItem('guest-name');\r\n sessionStorage.removeItem('user-loggedin');\r\n sessionStorage.removeItem(\"login-page-session\"); // Cart Session\r\n sessionStorage.removeItem(\"on-click-mode\"); // Cart Session\r\n sessionStorage.removeItem('main-guest-name');\r\n sessionStorage.removeItem('user-qr-level');\r\n sessionStorage.removeItem('url-remarks');\r\n sessionStorage.removeItem('menuFetchDateTime');\r\n sessionStorage.removeItem('user-GuestDetails');\r\n sessionStorage.removeItem('user-addressId');\r\n sessionStorage.removeItem('user-CurrentAddress');\r\n sessionStorage.removeItem('prepaidCardAccountId');\r\n sessionStorage.removeItem('mobile-app');\r\n sessionStorage.removeItem('app-CountryCode');\r\n sessionStorage.removeItem('app-CountryCode');\r\n sessionStorage.removeItem('order-track-status');\r\n\r\n sessionStorage.removeItem('pageCMSSettings');\r\n sessionStorage.removeItem('menuFetchDateTime');\r\n\r\n sessionStorage.removeItem('group-pin');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('entered-mobile-no');\r\n sessionStorage.removeItem('entered-name');\r\n sessionStorage.removeItem('user-access-mode');\r\n sessionStorage.removeItem('otp');\r\n sessionStorage.removeItem('verified-otp');\r\n sessionStorage.removeItem('selectedClassification');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('order-charge-Tax-Amount');\r\n sessionStorage.removeItem('getclf');\r\n sessionStorage.removeItem('order-charge-Amount');\r\n sessionStorage.removeItem('app-ContactNo');\r\n sessionStorage.removeItem('order-charge-List');\r\n sessionStorage.removeItem('url-pattern');\r\n sessionStorage.removeItem('url-key');\r\n sessionStorage.removeItem('dt-number');\r\n sessionStorage.removeItem('uid');\r\n sessionStorage.removeItem('url-version');\r\n sessionStorage.removeItem('app-ver');\r\n sessionStorage.removeItem('user-session-id');\r\n sessionStorage.removeItem('redirect-page');\r\n\r\n }\r\n render() {\r\n return (\r\n
\r\n {/* {loading &&
} */}\r\n
\r\n
\r\n {/*
*/}\r\n {/*
*/}\r\n\r\n
\r\n
\r\n
Device not supported
\r\n {/*
404 - Page Not Found.
*/}\r\n
Sorry, Web App doesn’t have a desktop version.\r\n
\r\n {/*
The page you are looking for might have been removed
*/}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport './qrcodeerror.scss';\r\n\r\nexport default class Orientation extends Component { \r\n render()\r\n {\r\n return(\r\n
\r\n {/* {loading &&
} */}\r\n
\r\n
\r\n {/*
*/}\r\n {/*
*/}\r\n \r\n
\r\n {/*
*/}\r\n
Rotate Your Device
\r\n {/*
404 - Page Not Found.
*/}\r\n
We do not support landscape mode yet.\r\n
\r\n {/*
The page you are looking for might have been removed
*/}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component, Fragment } from 'react';\r\nimport './process.scss';\r\n//import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport Config from '../../data/SiteConfig';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport { isMobile } from 'react-device-detect';\r\nimport { confirmAlert } from 'react-confirm-alert'; // Import\r\n//import uuid from 'react-uuid';\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationTd = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet olDetail = {};\r\nlet outletDetails = null;\r\nlet mainGuestMobileNo = '';\r\nlet urlPattern = '';\r\nexport default class ProcessRequest extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.gotoThirdParty = this.gotoThirdParty.bind(this);\r\n this.state = {\r\n cartValue: 0,\r\n paymentList: [\r\n { vendorId: 3, vendorName: \"Razorpay\", imgUrl: \"/img/payment/razorpay.png\" },\r\n { vendorId: 2, vendorName: \"Instamojo\", imgUrl: \"/img/payment/instamojo.png\" },\r\n // { paymentId: 2, paymentName: \"CCAvenue\", imgUrl: \"../assets/theme1/img/payment/ccavenue.png\" },\r\n // { paymentId: 3, paymentName: \"Paytm\", imgUrl: \"../assets/theme1/img/payment/paytm.png\" },\r\n // { paymentId: 4, paymentName: \"GPay\", imgUrl: \"../assets/theme1/img/payment/gpay.png\" },\r\n // { paymentId: 5, paymentName: \"PhonePe\", imgUrl: \"../assets/theme1/img/payment/phonepe.png\" },\r\n ],\r\n onlineWalletVendorsList: [\r\n { vendorId: 1, vendorName: \"LUCID Prepaid Card\", imgUrl: \"/img/payment/lucid-prepadicard.png\" }\r\n ],\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n totalNetAmount: 0,\r\n vendorKey: '',\r\n vendorTransactionId: '',\r\n vendorOrderId: '',\r\n paymentVendorLogo: ''\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n orgnationTd = sessionStorage.getItem('user-orgnationid');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n outletDetails = sessionStorage.getItem('user-outletDetails');\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n // console.log(mobileNo);\r\n // console.log(token);\r\n // console.log(tableNo);\r\n // console.log(serviceType);\r\n // console.log(orgnationTd);\r\n // console.log(propertyId);\r\n // console.log(outletCode);\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (!urlPattern) {\r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationTd === undefined || orgnationTd === \"\" || orgnationTd === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletDetails === undefined || outletDetails === \"\" || outletDetails === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n olDetail = JSON.parse(outletDetails);\r\n this.setState({ paymentVendorLogo: olDetail.outletImageUrl !== '' ? olDetail.outletImageUrl : \"https://cdn.razorpay.com/logos/BUVwvgaqVByGp2_large.png\" });\r\n // if (olDetail.paymentVendors.length === 1) // Single Vendor to direct\r\n if (olDetail.paymentVendors.length === 1 && olDetail.onlineWalletVendors.length === 0) // Single Vendor to direct\r\n this.gotoThirdParty(olDetail.paymentVendors[0].vendorId, olDetail.paymentVendors[0].vendorName);\r\n }\r\n if (this.props.location.state !== undefined) {\r\n if (this.props.location.state.totalNetAmount === undefined || this.props.location.state.totalNetAmount === null || this.props.location.state.totalNetAmount === 0) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/mybills' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n if (this.props.location.state.totalNetAmount === 0) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/mybills' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n this.setState({\r\n totalNetAmount: this.props.location.state.totalNetAmount\r\n })\r\n }\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/mybills' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n submitClick = (e) => {\r\n e.preventDefault();\r\n\r\n // e.preventDefault();\r\n e.click();\r\n //this.inputElement.click();\r\n }\r\n\r\n goBack() {\r\n //this.props.history.goBack();\r\n this.props.history.push('/mybills' + urlPattern);\r\n }\r\n gotoThirdParty(vendorId, vendorName) {\r\n //e.preventDefault(); \r\n this.setState({ loading: true });\r\n\r\n setTimeout(() => {\r\n var postObj = {\r\n OutletId: propertyId + outletCode,\r\n PaymentVendorId: vendorId,\r\n Amount: this.state.totalNetAmount.toFixed(2),\r\n GuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"),\r\n MobileNoCountryCode: \"91\",\r\n // MobileNo: mainGuestMobileNo,\r\n MobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n EmailId: \"\",\r\n OrderId: \"\",\r\n BillId: \"\",\r\n RedirectUrl: Config.redirectPostPaidUrl\r\n }\r\n\r\n // console.log(postObj);\r\n // API Call\r\n fetch(Config.basePaymentUrl + 'InitiateOnlinePayment', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n // console.log(response);\r\n setTimeout(() => {\r\n sessionStorage.setItem(\"paymentInitiatedId\", response.response.paymentInitiatedId);\r\n sessionStorage.setItem(\"vendorTransactionId\", response.response.vendorTransactionId);\r\n sessionStorage.setItem(\"vendorId\", vendorId);\r\n sessionStorage.setItem(\"vendorName\", vendorName);\r\n sessionStorage.setItem(\"paymentStatus\", response.response.status);\r\n sessionStorage.setItem(\"payAmount\", this.state.totalNetAmount.toFixed(2));\r\n if (vendorId === 2) { // instamojo \r\n window.location.href = response.response.vendorRedirectUrl;\r\n sessionStorage.setItem('redirect-page', \"processverification\");\r\n }\r\n else if (vendorId === 3) { // Razor Pay\r\n this.setState({\r\n vendorTransactionId: response.response.vendorTransactionId,\r\n vendorKey: response.response.vendorKey\r\n })\r\n setTimeout(() => {\r\n sessionStorage.setItem('redirect-page', \"processverification\");\r\n this.inputElement.click();\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/mybills' + urlPattern); }, 1500);\r\n }\r\n //window.location.href =\"https://www.instamojo.com/@gatewayofficeparks/c57b613d098242c4adf6893321a78b35\";\r\n // this.props.history.push('/paymentVerification?payment_status=Failed');\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed [' + response.message + ']. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/mybills' + urlPattern); }, 1500);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/mybills' + urlPattern); }, 1500);\r\n });\r\n }, 2000);\r\n\r\n\r\n }\r\n\r\n handlePrepaidCardBalance(vendorId, vendorName, rowId) {\r\n this.setState({ loading: true });\r\n // this.handleMultiPrepaidCardAccountBalance(vendorId, []);\r\n\r\n var postObj = {\r\n OutletId: propertyId + outletCode,\r\n VendorId: vendorId,\r\n // GuestMobileNo: mainGuestMobileNo\r\n GuestMobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo\r\n }\r\n // console.log(postObj);\r\n // API Call\r\n fetch(Config.basePOSUrl + 'GetGuestOnlineWalletDetails', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response != null) {\r\n let activeCardList = response.response.walletDetails.filter(c => c.remarks === \"Card is Valid\");\r\n if (activeCardList.length > 0) {\r\n this.setState({ loading: false });\r\n confirmAlert({\r\n customUI: ({ onClose }) => {\r\n return (\r\n
\r\n
Select card to pay \r\n
{this.state.totalItems} items, To pay: ₹{this.state.totalNetAmount.toFixed(2)}
\r\n
\r\n
Cancel \r\n
\r\n );\r\n }\r\n });\r\n }\r\n // else if (activeCardList.length === 1) {\r\n // const payclick = document.getElementById(\"\" + rowId + \"\");\r\n // payclick.innerHTML = '
Pay ₹' + activeCardList[0].availableBalance + ' '; //'
Pay ₹' + activeCardList[0].availableBalance + ' ';\r\n // // payclick.onClick(this.gotoPrepaidCardVerification.bind(this, vendorId, vendorName, activeCardList[0].accountId, null));\r\n // //document.getElementById(\"\" + rowId + \"\").innerHTML = this.SingleCardPayDom(vendorId, vendorName, activeCardList[0].accountId, activeCardList[0].availableBalance); // '
Pay ₹' + activeCardList[0].availableBalance + ' ';\r\n // }\r\n else {\r\n this.showMessage('OOPS! Card detail is not available', \"danger\");\r\n }\r\n }\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.showMessage('OOPS! Get Balance failed [' + response.message + ']. Please try again', \"danger\");\r\n }\r\n this.setState({ loading: false });\r\n })\r\n .catch(err => {\r\n //console.log(err);\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Get Balance failed. Please try again', \"danger\");\r\n });\r\n }\r\n\r\n gotoPrepaidCardVerification(vendorId, vendorName, accountId, close) {\r\n if (close != null) close();\r\n this.setState({ loading: true });\r\n if (sessionStorage.getItem('user-vendorOrderId') === undefined || sessionStorage.getItem('user-vendorOrderId') === null || sessionStorage.getItem('user-vendorOrderId') === '') {\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => {\r\n this.props.history.push('/mybills' + urlPattern);\r\n }, 1500);\r\n\r\n return false;\r\n }\r\n\r\n sessionStorage.setItem(\"vendorId\", vendorId);\r\n sessionStorage.setItem(\"vendorName\", vendorName);\r\n sessionStorage.setItem(\"prepaidCardAccountId\", accountId);\r\n\r\n setTimeout(() => {\r\n this.props.history.push('/prepaidcardverification' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n\r\n }\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n\r\n render() {\r\n\r\n return (\r\n
{this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n Payments\r\n
To pay: ₹{this.state.totalNetAmount.toFixed(2)} \r\n
\r\n
\r\n
\r\n
\r\n {\r\n this.state.paymentList.map((pay, i) => {\r\n return (\r\n
\r\n {\r\n // olDetail.paymentVendors.length > 1 &&\r\n // olDetail.paymentVendors.filter(x => x.vendorId === pay.vendorId).length > 0 &&\r\n (olDetail.paymentVendors.length > 1 || olDetail.onlineWalletVendors.length > 0) &&\r\n olDetail.paymentVendors.filter(x => x.vendorId === pay.vendorId).length > 0 &&\r\n {pay.vendorName} \r\n );\r\n })\r\n }\r\n {\r\n this.state.onlineWalletVendorsList.map((pay, i) => {\r\n return (\r\n
\r\n {\r\n // olDetail.paymentVendors.length > 1 &&\r\n olDetail.onlineWalletVendors.filter(x => x.vendorId === pay.vendorId).length > 0 &&\r\n {pay.vendorName} \r\n\r\n );\r\n })\r\n }\r\n {\r\n (olDetail.paymentVendors.length === 1 && olDetail.onlineWalletVendors.length === 0) &&
Please wait...
\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}","import React, { Component } from \"react\"\r\nimport './process.scss';\r\n//import LoadingAnimation from '../../components/loadinganimation/verificationloading';\r\n// import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport * as QueryString from \"query-string\"\r\nimport Config from '../../data/SiteConfig';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport { isMobile } from 'react-device-detect';\r\n//import uuid from 'react-uuid';\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationTd = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet paymentInitiatedId = '';\r\nlet vendorTransactionId = '';\r\nlet vendorId = '';\r\nlet vendorName = '';\r\nlet totalAmount = 0;\r\nlet mainGuestMobileNo = '';\r\nlet urlPattern = '';\r\nexport default class ProcessVerification extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n paymentInitiatedId: \"\",\r\n statusMsg: \"\"\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n sessionStorage.removeItem('redirect-page');\r\n\r\n let inputParam = QueryString.parse(window.location.search);\r\n let vendorPaymentStatus = inputParam.payment_status;\r\n this.setState({ statusMsg: \"Processing Your Request\" });\r\n // console.log(inputParam);\r\n\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n orgnationTd = sessionStorage.getItem('user-orgnationid');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n\r\n paymentInitiatedId = sessionStorage.getItem('paymentInitiatedId');\r\n vendorTransactionId = sessionStorage.getItem('vendorTransactionId');\r\n vendorId = sessionStorage.getItem('vendorId');\r\n vendorName = sessionStorage.getItem('vendorName');\r\n totalAmount = sessionStorage.getItem('payAmount');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (!urlPattern) {\r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationTd === undefined || orgnationTd === \"\" || orgnationTd === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (paymentInitiatedId === undefined || paymentInitiatedId === \"\" || paymentInitiatedId === null) {\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => { this.props.history.push('/mybills' + urlPattern); }, Config.averageMsgTimeout);\r\n return false;\r\n }\r\n\r\n window.scrollTo(0, 0);\r\n\r\n if (vendorPaymentStatus !== null && vendorPaymentStatus !== \"Failed\") {\r\n // API Call\r\n this.handleCheckPaymentStatus();\r\n }\r\n else {\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem('payAmount');\r\n this.setState({ loading: false, statusMsg: \"Redirecting...\" });\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: true }); setTimeout(() => { this.props.history.push('/mybills' + urlPattern); }, Config.averageMsgTimeout); }, Config.averageMsgTimeout);\r\n }\r\n }\r\n handleCheckPaymentStatus() {\r\n\r\n this.setState({ loading: true });\r\n fetch(Config.basePaymentUrl + 'GetPaymentStatus?PaymentInitiatedId=' + paymentInitiatedId, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n }\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n // console.log(response);\r\n if (response.response.status === \"SUCCESS\") {\r\n this.handleBillandSettle();\r\n }\r\n else if (response.response.status === \"PENDING\") {\r\n setTimeout(() => {\r\n this.handleCheckPaymentStatus();\r\n }, Config.averageMsgTimeout);\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n this.setState({ statusMsg: \"Transaction failed. Please try again\" });\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.props.history.push('/mybills' + urlPattern); }, Config.minMsgTimeout);\r\n }\r\n\r\n // window.location.href = response.response.vendorRedirectUrl;\r\n\r\n // this.props.history.push('/paymentVerification', {\r\n // getMenus: this.state.getMenus,\r\n // getItems: this.state.getItems,\r\n // getModifiers: this.state.getModifiers,\r\n // getTaxes: this.state.getTaxes,\r\n // getCharges: this.state.getCharges\r\n // });\r\n }, 2000);\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage(response.message, \"danger\");\r\n this.setState({ statusMsg: response.message });\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/mybills' + urlPattern); }, 1500);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/mybills' + urlPattern); }, 1500);\r\n });\r\n }\r\n\r\n handleBillandSettle() {\r\n let paymentDetails = [];\r\n\r\n paymentDetails.push({\r\n PayMode: \"ONLP\", // Online Pay \r\n PaymentAmount: totalAmount,\r\n TransactionRefId: vendorTransactionId,\r\n PaymentVendorId: vendorId, // Vendor Id\r\n PaymentVendorName: vendorName\r\n });\r\n\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n ServiceType: serviceType,\r\n TableNumber: tableNo,\r\n OrderAmount: totalAmount,\r\n PaymentDetails: paymentDetails,\r\n GuestName: sessionStorage.getItem(\"main-guest-name\") === null ? (sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\")) : sessionStorage.getItem(\"main-guest-name\"),\r\n // MobileNo: mainGuestMobileNo\r\n MobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo\r\n }\r\n this.setState({ loading: true });\r\n\r\n // console.log(postObj);\r\n\r\n fetch(Config.basePOSUrl + 'BillAndSettle', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"payAmount\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n\r\n // console.log(response);\r\n this.props.history.push('/processsuccess' + urlPattern,\r\n {\r\n billSuccess: true\r\n });\r\n }, 2000);\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage(response.message, \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/mybills' + urlPattern); }, Config.minMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('Error the bill was not settled', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/mybills' + urlPattern); }, Config.minMsgTimeout);\r\n });\r\n };\r\n\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, 2000);\r\n };\r\n\r\n render() {\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
{this.state.statusMsg}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport './processsuccess.scss';\r\nimport LoadingAnimation from '../../components/checkmarkanimation';\r\nimport { isMobile } from 'react-device-detect';\r\nimport Config from '../../data/SiteConfig';\r\nlet urlPattern = '';\r\nexport default class ProcessSuccess extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.gotoShopping = this.gotoShopping.bind(this);\r\n this.gotoMyOrders = this.gotoMyOrders.bind(this);\r\n this.state = {\r\n cartValue: 0,\r\n loading: false,\r\n billSuccess: false\r\n }\r\n }\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (this.props.location.state !== undefined) {\r\n if (this.props.location.state.billSuccess === undefined || this.props.location.state.billSuccess === null || this.props.location.state.billSuccess === false) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n\r\n this.setState({\r\n billSuccess: this.props.location.state.billSuccess\r\n });\r\n }\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, 200);\r\n }\r\n\r\n }\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n gotoShopping() {\r\n this.props.history.push('/items' + urlPattern);\r\n }\r\n gotoMyOrders() {\r\n this.props.history.push('/myorders' + urlPattern);\r\n }\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Payment was completed successfully.
\r\n
Thank you!
\r\n {/*
Order Id : {this.state.orderId}
*/}\r\n {/*
Continue Shopping
\r\n
Go to Orders
*/}\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","import React, { Component } from 'react';\r\nimport './processfailed.scss';\r\nimport LoadingSVGAnimation from '../../components/checkmarkanimation/failed';\r\n//import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport { isMobile } from 'react-device-detect';\r\nimport Config from '../../data/SiteConfig';\r\nlet urlPattern = '';\r\nexport default class ProcessFailed extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.gotomyorders = this.gotomyorders.bind(this);\r\n this.state = {\r\n cartValue: 1500,\r\n loading: false,\r\n orderId: ''\r\n }\r\n }\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n sessionStorage.removeItem('redirect-page');\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) {\r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n // this.setState({ loading: true });\r\n // setTimeout(() => {\r\n // this.setState({ loading: false });\r\n // this.props.history.push('/items');\r\n // }, 900000);\r\n\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"payAmount\");\r\n\r\n }\r\n goBack() {\r\n // this.props.history.push('/home');\r\n }\r\n gotomyorders() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/mybills' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n
\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Transaction Failed.
\r\n
Please Try Again
\r\n
Retry
\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","import React, { Component, Fragment } from 'react';\r\nimport './mybills.scss';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\n//import * as QueryString from \"query-string\"\r\nimport Config from '../../data/SiteConfig';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport { isMobile } from 'react-device-detect';\r\nimport enmConfig from '../../data/enumConfig';\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationTd = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet loadcomfn = null;\r\nlet outletDetailsStr = null;\r\nlet outletDetails = {};\r\nlet urlPattern = '';\r\nexport default class MyOrders extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.GetUpdateOrders = this.GetUpdateOrders.bind(this);\r\n this.handleProcessRequest = this.handleProcessRequest.bind(this);\r\n this.gotoShopping = this.gotoShopping.bind(this);\r\n this.state = {\r\n cartValue: 1500,\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n billMsg: '',\r\n billErrorMsg: '',\r\n refreshSpin: 0,\r\n billhidden: '',\r\n orderhidden: 'active',\r\n totalOrderAmount: 0,\r\n totalOrderDetail: [],\r\n totalOrderSubTotal: {\r\n totalAmount: 0,\r\n totalChargeAmount: 0,\r\n totalTaxAmount: 0,\r\n netAmount: 0\r\n },\r\n totalOrderHeader: {\r\n tableNumber: '',\r\n outletImageUrl: '',\r\n organizationName: '',\r\n outletName: ''\r\n }\r\n\r\n\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n orgnationTd = sessionStorage.getItem('user-orgnationid');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n outletDetailsStr = sessionStorage.getItem('user-outletDetails');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationTd === undefined || orgnationTd === \"\" || orgnationTd === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (outletDetailsStr === undefined || outletDetailsStr === \"\" || outletDetailsStr === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n outletDetails = JSON.parse(outletDetailsStr);\r\n enmConfig.checkOutTypewithPay = outletDetails.paymentVendors.length > 0 ? true : false;\r\n }\r\n\r\n\r\n const script = document.createElement(\"script\");\r\n script.src = \"../assets/theme1/js/theme.js\"; // it is not calling mentioned for to avoid null value\r\n script.async = true;\r\n script.onload = () => this.loadJS();\r\n document.body.appendChild(script);\r\n\r\n\r\n\r\n // this.setState({ orderList: [],loading:false });\r\n // this.setState({ orderMsg: 'Fetching...',loading: true });\r\n // this.setState({ orderErrorMsg: 'Looks like you have not made your menu yet.',orderMsg: \"NO ORDERS FOUND\",loading:false });\r\n this.GetUpdateOrders();\r\n // let urlParam = \"?MobileNo=\" + mobileNo + \"&NoOfRowsPerPage=100&CurrentPageNumber=1\";\r\n // this.setState({ orderMsg: 'Fetching...',loading: true });\r\n // fetch(Config.basePOSUrl + 'GetGuestOrders' + urlParam, {\r\n // method: 'GET',\r\n // headers: {\r\n // Authorization: \"Bearer \" + token,\r\n // 'content-type': 'application/json'\r\n // }\r\n // })\r\n // .then(res => res.json())\r\n // .then(response => {\r\n // if (response.errorCode === 0) {\r\n // setTimeout(() => {\r\n // console.log(response);\r\n // orderList = response.response.bills;\r\n // if (orderList.length > 0)\r\n // this.setState({ orderList: orderList,loading:false });\r\n // else {\r\n // this.setState({ orderErrorMsg: 'Looks like you have not made your menu yet.',orderMsg: \"NO ORDERS FOUND\",loading:false });\r\n // }\r\n // }, 2000);\r\n // }\r\n // else {\r\n // this.showMessage(response.message, \"danger\");\r\n // console.log(response.message);\r\n // }\r\n // })\r\n // .catch(err => {\r\n // console.log(err);\r\n // this.showMessage(\"An error occured\", \"danger\");\r\n // });\r\n\r\n }\r\n loadJS() {\r\n loadcomfn = window.myodersInitiate;\r\n loadcomfn();\r\n }\r\n goBack() {\r\n this.props.history.push('/myorders' + urlPattern);\r\n }\r\n gotoShopping() {\r\n this.props.history.push('/items' + urlPattern);\r\n }\r\n GetUpdateOrders() {\r\n window.scrollTo(0, 0);\r\n this.setState({ billMsg: 'Fetching...', loading: true });\r\n // Get Running Order Amount\r\n if (serviceType === \"FINE-DINE\") {\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n ServiceType: serviceType,\r\n TableNumber: tableNo\r\n }\r\n\r\n fetch(Config.basePOSUrl + 'GetOrderAmount', {\r\n method: \"POST\",\r\n headers:\r\n {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n // fetch(Config.basePOSUrl + 'GetOrderAmount', {\r\n // method: 'POST',\r\n // headers: {\r\n // Authorization: \"Bearer \" + token,\r\n // 'content-type': 'application/json'\r\n // },\r\n // body: JSON.stringify(postObj)\r\n // })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n this.setState({ loading: false });\r\n this.setState({ totalOrderAmount: response.response.orderAmount })\r\n this.setState({ totalOrderDetail: response.response.orderDetails.orderDetails })\r\n this.setState({ totalOrderSubTotal: response.response.orderDetails.orderSubTotal })\r\n this.setState({ totalOrderHeader: response.response.orderDetails.orderHeader })\r\n this.setState({ billErrorMsg: response.message })\r\n }\r\n else {\r\n // this.showMessage(response.message, \"danger\");\r\n this.setState({ loading: false });\r\n // this.showMessage(response.message, \"danger\");\r\n this.setState({ totalOrderAmount: 0, billMsg: response.message })\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ totalOrderAmount: 0, billMsg: \"Sorry!! nothing to show\", loading: false });\r\n this.showMessage(err, \"danger\");\r\n });\r\n }\r\n else {\r\n this.setState({ totalOrderAmount: 0, billMsg: \"Sorry!! nothing to show\" });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n }\r\n handleProcessRequest() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.props.history.push('/processrequest' + urlPattern, { totalNetAmount: this.state.totalOrderAmount });\r\n }, Config.minMsgTimeout);\r\n }\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n render() {\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n
\r\n {enmConfig.checkOutTypewithPay &&
Pay Dining Bill }\r\n {!enmConfig.checkOutTypewithPay &&
View Dining Bill }\r\n
\r\n
\r\n
\r\n {this.state.totalOrderAmount > 0 &&\r\n
\r\n
Paying to
\r\n {/*
Total Order Amount ₹ {this.state.totalOrderAmount.toFixed(2)}
*/}\r\n
\r\n
\r\n
{sessionStorage.getItem(\"user-propertyname\")} \r\n
{sessionStorage.getItem(\"user-outletname\")} \r\n
\r\n
\r\n Total bill amount \r\n ₹ {this.state.totalOrderAmount.toFixed(2)} \r\n
\r\n
\r\n
\r\n \r\n \r\n Name \r\n Qty \r\n Rate \r\n Amount \r\n \r\n \r\n \r\n\r\n {\r\n this.state.totalOrderDetail.map((oitm, i) => {\r\n return (\r\n \r\n \r\n {oitm.itemName.toLowerCase()} \r\n x{oitm.quantity} ₹{oitm.rate.toFixed(2)} \r\n ₹{(oitm.rate * oitm.quantity).toFixed(2)} \r\n \r\n {\r\n oitm.modifiers.map(md =>\r\n \r\n {md.modifierName.toLowerCase()} \r\n x{md.quantity} ₹{md.rate.toFixed(2)} \r\n ₹{(md.rate * md.quantity).toFixed(2)} \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
Bill Details
\r\n
Item Total ₹{this.state.totalOrderSubTotal.totalAmount.toFixed(2)}
\r\n
Charges ₹{this.state.totalOrderSubTotal.totalChargeAmount.toFixed(2)}
\r\n
Tax ₹{this.state.totalOrderSubTotal.totalTaxAmount.toFixed(2)}
\r\n
You need to pay ₹{this.state.totalOrderSubTotal.netAmount.toFixed(2)}
\r\n
\r\n {enmConfig.checkOutTypewithPay &&\r\n
Proceed to Pay
\r\n }\r\n {/*
Pay
*/}\r\n
\r\n }\r\n {this.state.totalOrderAmount === 0 &&\r\n
\r\n
\r\n
{this.state.billMsg} \r\n
Continue Ordering
\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
\r\n );\r\n };\r\n}","import React, { Component } from 'react';\r\nimport './qrcodeerror.scss';\r\nexport default class Offline extends Component { \r\n \r\n constructor(props)\r\n {\r\n super(props)\r\n this.gotoOnline = this.gotoOnline.bind(this);\r\n }\r\n\r\n gotoOnline()\r\n {\r\n this.props.history.goBack();\r\n }\r\n \r\n render()\r\n {\r\n return(\r\n
\r\n {/* {loading &&
} */}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n \r\n
\r\n {/*
*/}\r\n
No internet connection
\r\n {/*
404 - Page Not Found.
*/}\r\n
Make sure Wi-Fi or mobile data is turned on,\r\n
\r\n {/*
The page you are looking for might have been removed
*/}\r\n
\r\n
\r\n Retry \r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport Iframe from 'react-iframe';\r\nimport './myorders.scss';\r\nimport { isMobile } from 'react-device-detect';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport Config from '../../data/SiteConfig';\r\nlet guestLoggedIn = \"false\";\r\nlet urlPattern = '';\r\nexport default class ViewBill extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.goBack = this.goBack.bind(this);\r\n this.handleProcessRequest = this.handleProcessRequest.bind(this);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n eBillUrl: '',\r\n isPay: false,\r\n billAmount: 0,\r\n posBillId: '',\r\n refBillId: '',\r\n iFrameHeight: '900px'\r\n }\r\n }\r\n\r\n\r\n componentWillMount() {\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (this.props.location.state !== undefined) {\r\n // console.log(this.props.location.state.eBillUrl);\r\n if (this.props.location.state.eBillUrl === undefined || this.props.location.state.eBillUrl === null || this.props.location.state.eBillUrl === '') {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else if (this.props.location.state.billAmount === undefined || this.props.location.state.billAmount === null || this.props.location.state.billAmount === '') {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else if (this.props.location.state.eBillUrl === undefined || this.props.location.state.eBillUrl === null || this.props.location.state.eBillUrl === '') {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else if (this.props.location.state.posBillId === undefined || this.props.location.state.posBillId === null || this.props.location.state.posBillId === '') {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else if (this.props.location.state.refBillId === undefined || this.props.location.state.refBillId === null || this.props.location.state.refBillId === '') {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n this.setState({\r\n eBillUrl: this.props.location.state.eBillUrl,\r\n billAmount: Number((this.props.location.state.billAmount)),\r\n isPay: this.props.location.state.isPay,\r\n posBillId: this.props.location.state.posBillId,\r\n refBillId: this.props.location.state.refBillId,\r\n });\r\n }\r\n }\r\n else {\r\n //console.log('jk');\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n\r\n }\r\n\r\n componentDidMount() {\r\n guestLoggedIn = sessionStorage.getItem('user-loggedin') == null ? \"false\" : sessionStorage.getItem('user-loggedin');\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n if (!sHelpers.inputParamValidation()) {\r\n this.props.history.push('/' + urlPattern);\r\n }\r\n this.setState({ loading: true });\r\n\r\n window.scrollTo(0, 0);\r\n\r\n if (guestLoggedIn === \"false\") {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n\r\n }\r\n\r\n resizeIframe(obj) {\r\n // obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';\r\n this.setState({ loading: false });\r\n }\r\n\r\n goBack() {\r\n this.props.history.push('/myorders' + urlPattern);\r\n }\r\n\r\n handleProcessRequest() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.props.history.push('/settleprocessrequest' + urlPattern, { eBillUrl: this.state.eBillUrl, totalNetAmount: this.state.billAmount, isPay: this.state.isPay, posBillId: this.state.posBillId, refBillId: this.state.refBillId });\r\n }, Config.minMsgTimeout);\r\n }\r\n render() {\r\n return (\r\n <>\r\n {this.state.loading &&
}\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n
\r\n {this.state.isPay &&
₹{this.state.billAmount.toFixed(2)} }\r\n {!this.state.isPay &&
View Bill }\r\n
\r\n {this.state.isPay &&
Proceed to Pay }\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}","import React, { Component, Fragment } from 'react';\r\nimport './settleprocess.scss';\r\n//import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport Config from '../../data/SiteConfig';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport { isMobile } from 'react-device-detect';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\n//import uuid from 'react-uuid';\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet olDetail = {};\r\nlet outletDetails = null;\r\nlet mainGuestMobileNo = '';\r\nlet urlPattern = '';\r\nexport default class SettleProcessRequest extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.gotoThirdParty = this.gotoThirdParty.bind(this);\r\n this.state = {\r\n cartValue: 0,\r\n paymentList: [\r\n { vendorId: 3, vendorName: \"Razorpay\", imgUrl: \"/img/payment/razorpay.png\" },\r\n { vendorId: 2, vendorName: \"Instamojo\", imgUrl: \"/img/payment/instamojo.png\" },\r\n // { paymentId: 2, paymentName: \"CCAvenue\", imgUrl: \"../assets/theme1/img/payment/ccavenue.png\" },\r\n // { paymentId: 3, paymentName: \"Paytm\", imgUrl: \"../assets/theme1/img/payment/paytm.png\" },\r\n // { paymentId: 4, paymentName: \"GPay\", imgUrl: \"../assets/theme1/img/payment/gpay.png\" },\r\n // { paymentId: 5, paymentName: \"PhonePe\", imgUrl: \"../assets/theme1/img/payment/phonepe.png\" },\r\n ],\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n totalNetAmount: 0,\r\n vendorKey: '',\r\n vendorTransactionId: '',\r\n vendorOrderId: '',\r\n paymentVendorLogo: '',\r\n eBillUrl: '',\r\n isPay: false,\r\n posBillId: ''\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n outletDetails = sessionStorage.getItem('user-outletDetails');\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (!urlPattern) {\r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (!sHelpers.inputParamValidation()) {\r\n this.props.history.push('/' + urlPattern);\r\n }\r\n\r\n\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletDetails === undefined || outletDetails === \"\" || outletDetails === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n olDetail = JSON.parse(outletDetails);\r\n this.setState({ paymentVendorLogo: olDetail.outletImageUrl !== '' ? olDetail.outletImageUrl : \"https://cdn.razorpay.com/logos/BUVwvgaqVByGp2_large.png\" });\r\n if (olDetail.paymentVendors.length === 1) // Single Vendor to direct\r\n this.gotoThirdParty(olDetail.paymentVendors[0].vendorId, olDetail.paymentVendors[0].vendorName);\r\n }\r\n if (this.props.location.state !== undefined) {\r\n if (this.props.location.state.totalNetAmount === undefined || this.props.location.state.totalNetAmount === null || this.props.location.state.totalNetAmount === 0) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else if (this.props.location.state.eBillUrl === undefined || this.props.location.state.eBillUrl === null || this.props.location.state.eBillUrl === '') {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else if (this.props.location.state.refBillId === undefined || this.props.location.state.refBillId === null || this.props.location.state.refBillId === '') {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n if (this.props.location.state.totalNetAmount === 0) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n // console.log(this.props.location.state.posBillId);\r\n this.setState({\r\n totalNetAmount: this.props.location.state.totalNetAmount,\r\n eBillUrl: this.props.location.state.eBillUrl,\r\n isPay: this.props.location.state.isPay,\r\n posBillId: this.props.location.state.refBillId\r\n })\r\n }\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n\r\n\r\n submitClick = (e) => {\r\n e.preventDefault();\r\n\r\n // e.preventDefault();\r\n e.click();\r\n //this.inputElement.click();\r\n }\r\n\r\n goBack() {\r\n //this.props.history.goBack();\r\n this.props.history.push('/viewbill' + urlPattern, { eBillUrl: this.state.eBillUrl, billAmount: this.state.totalNetAmount, isPay: this.state.isPay, posBillId: this.state.posBillId });\r\n }\r\n gotoThirdParty(vendorId, vendorName) {\r\n //e.preventDefault();\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n var postObj = {\r\n OutletId: propertyId + outletCode,\r\n PaymentVendorId: vendorId,\r\n Amount: this.state.totalNetAmount.toFixed(2),\r\n GuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"),\r\n MobileNoCountryCode: \"91\",\r\n // MobileNo: mainGuestMobileNo,\r\n MobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n EmailId: \"\",\r\n OrderId: \"\",\r\n BillId: this.state.posBillId,\r\n RedirectUrl: Config.redirectBillPaidUrl\r\n }\r\n // console.log(postObj);\r\n // API Call\r\n fetch(Config.basePaymentUrl + 'InitiateOnlinePayment', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n // console.log(response);\r\n setTimeout(() => {\r\n sessionStorage.setItem(\"paymentInitiatedId\", response.response.paymentInitiatedId);\r\n sessionStorage.setItem(\"vendorTransactionId\", response.response.vendorTransactionId);\r\n sessionStorage.setItem(\"vendorId\", vendorId);\r\n sessionStorage.setItem(\"vendorName\", vendorName);\r\n sessionStorage.setItem(\"paymentStatus\", response.response.status);\r\n sessionStorage.setItem(\"payAmount\", this.state.totalNetAmount.toFixed(2));\r\n sessionStorage.setItem(\"ebillUrl\", this.state.eBillUrl);\r\n sessionStorage.setItem(\"isPay\", this.state.isPay);\r\n sessionStorage.setItem(\"posBillId\", this.state.posBillId);\r\n if (vendorId === 2) { // instamojo \r\n window.location.href = response.response.vendorRedirectUrl;\r\n sessionStorage.setItem('redirect-page', \"settleprocessverification\");\r\n }\r\n else if (vendorId === 3) { // Razor Pay\r\n this.setState({\r\n vendorTransactionId: response.response.vendorTransactionId,\r\n vendorKey: response.response.vendorKey\r\n })\r\n setTimeout(() => {\r\n sessionStorage.setItem('redirect-page', \"settleprocessverification\");\r\n this.inputElement.click();\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/viewbill' + urlPattern, { eBillUrl: this.state.billUrl, billAmount: this.state.totalNetAmount, isPay: this.state.isPay, posBillId: this.state.posBillId }); }, 1500);\r\n }\r\n //window.location.href =\"https://www.instamojo.com/@gatewayofficeparks/c57b613d098242c4adf6893321a78b35\";\r\n // this.props.history.push('/paymentVerification?payment_status=Failed');\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed [' + response.message + ']. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/viewbill' + urlPattern, { eBillUrl: this.state.billUrl, billAmount: this.state.totalNetAmount, isPay: this.state.isPay, posBillId: this.state.posBillId }); }, 1500);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Initial transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/viewbill' + urlPattern, { eBillUrl: this.state.billUrl, billAmount: this.state.totalNetAmount, isPay: this.state.isPay, posBillId: this.state.posBillId }); }, 1500);\r\n });\r\n }, Config.minMsgTimeout);\r\n\r\n\r\n }\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n\r\n render() {\r\n\r\n return (\r\n
{this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n Payments\r\n
To pay: ₹{this.state.totalNetAmount.toFixed(2)} \r\n
\r\n
\r\n
\r\n
\r\n {\r\n this.state.paymentList.map((pay, i) => {\r\n return (\r\n
\r\n {\r\n olDetail.paymentVendors.length > 1 &&\r\n olDetail.paymentVendors.filter(x => x.vendorId === pay.vendorId).length > 0 &&\r\n // this.gotoThirdParty(e, pay.vendorId, pay.vendorName)}>
{pay.vendorName} {pay.vendorName} \r\n );\r\n })\r\n }\r\n {\r\n olDetail.paymentVendors.length === 1 &&
Please wait...
\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}","import React, { Component } from \"react\"\r\nimport './settleprocess.scss';\r\n//import LoadingAnimation from '../../components/loadinganimation/verificationloading';\r\n// import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport * as QueryString from \"query-string\"\r\nimport Config from '../../data/SiteConfig';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport { isMobile } from 'react-device-detect';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\n//import uuid from 'react-uuid';\r\nlet mobileNo = '';\r\nlet token = '';;\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet paymentInitiatedId = '';\r\nlet vendorTransactionId = '';\r\nlet vendorId = '';\r\nlet vendorName = '';\r\nlet totalAmount = 0;\r\nlet eBillUrl = \"\";\r\nlet isPay = \"\";\r\nlet posBillId = \"\";\r\nlet mainGuestMobileNo = '';\r\nlet urlPattern = '';\r\nexport default class SettleProcessVerification extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n paymentInitiatedId: \"\",\r\n statusMsg: \"\",\r\n }\r\n }\r\n\r\n\r\n componentDidMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n sessionStorage.removeItem('redirect-page');\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) {\r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n let inputParam = QueryString.parse(window.location.search);\r\n let vendorPaymentStatus = inputParam.payment_status;\r\n this.setState({ statusMsg: \"Processing Your Request\" });\r\n // console.log(inputParam);\r\n\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n\r\n\r\n if (!sHelpers.inputParamValidation()) {\r\n this.props.history.push('/' + urlPattern);\r\n }\r\n\r\n paymentInitiatedId = sessionStorage.getItem('paymentInitiatedId');\r\n vendorTransactionId = sessionStorage.getItem('vendorTransactionId');\r\n vendorId = sessionStorage.getItem('vendorId');\r\n vendorName = sessionStorage.getItem('vendorName');\r\n totalAmount = sessionStorage.getItem('payAmount');\r\n eBillUrl = sessionStorage.getItem('ebillUrl');\r\n isPay = sessionStorage.getItem('isPay');\r\n posBillId = sessionStorage.getItem('posBillId');\r\n\r\n\r\n\r\n if (eBillUrl === undefined || eBillUrl === \"\" || eBillUrl === null) {\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => { this.props.history.push('/myorders' + urlPattern); }, Config.averageMsgTimeout);\r\n return false;\r\n }\r\n if (posBillId === undefined || posBillId === \"\" || posBillId === null) {\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => { this.props.history.push('/myorders' + urlPattern); }, Config.averageMsgTimeout);\r\n return false;\r\n }\r\n\r\n else if (paymentInitiatedId === undefined || paymentInitiatedId === \"\" || paymentInitiatedId === null) {\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => { this.props.history.push('/viewbill' + urlPattern, { eBillUrl: eBillUrl, billAmount: totalAmount, isPay: isPay, posBillId: posBillId }); }, Config.averageMsgTimeout);\r\n return false;\r\n }\r\n\r\n\r\n window.scrollTo(0, 0);\r\n\r\n if (vendorPaymentStatus !== null && vendorPaymentStatus !== \"Failed\") {\r\n // API Call\r\n this.handleCheckPaymentStatus();\r\n }\r\n else {\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem('payAmount');\r\n this.setState({ loading: false, statusMsg: \"Redirecting...\" });\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: true }); setTimeout(() => { this.props.history.push('/viewbill' + urlPattern, { eBillUrl: eBillUrl, billAmount: totalAmount, isPay: isPay, posBillId: posBillId }); }, 3000); }, 2500);\r\n }\r\n }\r\n handleCheckPaymentStatus() {\r\n\r\n this.setState({ loading: true });\r\n fetch(Config.basePaymentUrl + 'GetPaymentStatus?PaymentInitiatedId=' + paymentInitiatedId, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n }\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n if (response.response.status === \"SUCCESS\") {\r\n this.handleBillandSettle();\r\n }\r\n else if (response.response.status === \"PENDING\") {\r\n setTimeout(() => {\r\n this.handleCheckPaymentStatus();\r\n }, Config.averageMsgTimeout);\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n this.setState({ statusMsg: \"Transaction failed. Please try again\" });\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.props.history.push('/viewbill' + urlPattern, { eBillUrl: eBillUrl, billAmount: totalAmount, isPay: isPay, posBillId: posBillId }); }, 2000);\r\n }\r\n\r\n // window.location.href = response.response.vendorRedirectUrl;\r\n\r\n // this.props.history.push('/paymentVerification', {\r\n // getMenus: this.state.getMenus,\r\n // getItems: this.state.getItems,\r\n // getModifiers: this.state.getModifiers,\r\n // getTaxes: this.state.getTaxes,\r\n // getCharges: this.state.getCharges\r\n // });\r\n }, 2000);\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage(response.message, \"danger\");\r\n this.setState({ statusMsg: response.message });\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/viewbill' + urlPattern, { eBillUrl: eBillUrl, billAmount: totalAmount, isPay: isPay, posBillId: posBillId }); }, Config.averageMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/viewbill' + urlPattern, { eBillUrl: eBillUrl, billAmount: totalAmount, isPay: isPay, posBillId: posBillId }); }, Config.averageMsgTimeout);\r\n });\r\n }\r\n\r\n handleBillandSettle() {\r\n let paymentDetails = [];\r\n\r\n paymentDetails.push({\r\n PayMode: \"ONLP\", // Online Pay \r\n PaymentAmount: totalAmount,\r\n TransactionRefId: vendorTransactionId,\r\n PaymentVendorId: vendorId, // Vendor Id\r\n PaymentVendorName: vendorName\r\n });\r\n\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n ServiceType: serviceType,\r\n TableNumber: tableNo,\r\n GuestName: sessionStorage.getItem(\"main-guest-name\") === null ? (sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\")) : sessionStorage.getItem(\"main-guest-name\"),\r\n // MobileNo: mainGuestMobileNo,\r\n MobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n BillId: posBillId,\r\n BillAmount: totalAmount,\r\n PaymentDetails: paymentDetails\r\n }\r\n this.setState({ loading: true });\r\n\r\n\r\n fetch(Config.basePOSUrl + 'Settle', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"payAmount\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem('ebillUrl');\r\n sessionStorage.removeItem('isPay');\r\n // console.log(response);\r\n this.props.history.push('/settleprocesssuccess' + urlPattern,\r\n {\r\n billSuccess: true\r\n });\r\n }, Config.averageMsgTimeout);\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n this.showMessage(response.message, \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/viewbill' + urlPattern, { eBillUrl: eBillUrl, billAmount: totalAmount, isPay: isPay, posBillId: posBillId }); }, Config.averageMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('Error the bill was not settled', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/viewbill' + urlPattern, { eBillUrl: eBillUrl, billAmount: totalAmount, isPay: isPay, posBillId: posBillId }); }, Config.averageMsgTimeout);\r\n });\r\n };\r\n\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.averageMsgTimeout);\r\n };\r\n\r\n render() {\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
{this.state.statusMsg}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport './settleprocesssuccess.scss';\r\nimport LoadingAnimation from '../../components/checkmarkanimation';\r\nimport { isMobile } from 'react-device-detect';\r\nimport Config from '../../data/SiteConfig';\r\nlet urlPattern = '';\r\nexport default class ProcessSuccess extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.gotoShopping = this.gotoShopping.bind(this);\r\n this.gotoMyOrders = this.gotoMyOrders.bind(this);\r\n this.state = {\r\n cartValue: 0,\r\n loading: false,\r\n billSuccess: false\r\n }\r\n }\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n \r\n if (this.props.location.state !== undefined) {\r\n if (this.props.location.state.billSuccess === undefined || this.props.location.state.billSuccess === null || this.props.location.state.billSuccess === false) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n\r\n this.setState({\r\n billSuccess: this.props.location.state.billSuccess\r\n });\r\n }\r\n }\r\n else {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n }\r\n gotoShopping() {\r\n this.props.history.push('/items' + urlPattern);\r\n }\r\n gotoMyOrders() {\r\n this.props.history.push('/myorders' + urlPattern);\r\n }\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Payment was completed successfully.
\r\n
Thank you!
\r\n {/*
Order Id : {this.state.orderId}
*/}\r\n
Continue Shopping
\r\n
Go to Orders
\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","import React, { Component } from 'react';\r\nimport './settleprocessfailed.scss';\r\nimport LoadingSVGAnimation from '../../components/checkmarkanimation/failed';\r\n//import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport { isMobile } from 'react-device-detect';\r\nimport Config from '../../data/SiteConfig';\r\nlet urlPattern = '';\r\nexport default class ProcessFailed extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.gotomyorders = this.gotomyorders.bind(this);\r\n this.state = {\r\n cartValue: 1500,\r\n loading: false,\r\n orderId: ''\r\n }\r\n }\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n sessionStorage.removeItem('redirect-page');\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) {\r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n // this.setState({ loading: true });\r\n // setTimeout(() => {\r\n // this.setState({ loading: false });\r\n // this.props.history.push('/items');\r\n // }, 900000);\r\n\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"payAmount\");\r\n }\r\n goBack() {\r\n // this.props.history.push('/home');\r\n }\r\n gotomyorders() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, 500);\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n
\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Transaction Failed.
\r\n
Please Try Again
\r\n
Retry
\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","import React, { Component } from 'react';\r\nimport './address.scss';\r\nimport { isMobile } from 'react-device-detect';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport Config from '../../data/SiteConfig';\r\nlet guestLoggedIn = \"false\";\r\nlet guestAddressId = 0;\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet outletDetailsStr = null;\r\nlet outletDetails = {};\r\n//let guestDetailsStr = null;\r\n//let guestDetails = {};\r\nlet urlPattern = '';\r\nexport default class MyAddressList extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.goBack = this.goBack.bind(this);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n eBillUrl: '',\r\n isPay: false,\r\n billAmount: 0,\r\n posBillId: '',\r\n guestAddressList: []\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n guestLoggedIn = sessionStorage.getItem('user-loggedin') == null ? \"false\" : sessionStorage.getItem('user-loggedin');\r\n guestAddressId = parseInt(sessionStorage.getItem('user-addressId') == null ? 0 : sessionStorage.getItem('user-addressId'));\r\n outletDetailsStr = sessionStorage.getItem('user-outletDetails');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n \r\n if (outletDetailsStr === undefined || outletDetailsStr === \"\" || outletDetailsStr === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n outletDetails = JSON.parse(outletDetailsStr);\r\n }\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n if (!sHelpers.inputParamValidation()) {\r\n this.props.history.push('/' + urlPattern);\r\n }\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n // this.setState({ loading: true });\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n window.scrollTo(0, 0);\r\n\r\n if (guestLoggedIn === \"false\") {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/cart' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n\r\n //guestDetailsStr = sessionStorage.getItem('user-GuestDetails');\r\n token = sessionStorage.getItem('user-token');\r\n\r\n // if (guestDetailsStr === undefined || guestDetailsStr === \"\" || guestDetailsStr === null) {\r\n // guestDetails = null;\r\n // }\r\n // else {\r\n // guestDetails = JSON.parse(guestDetailsStr);\r\n // }\r\n this.getGuestList();\r\n };\r\n\r\n goBack() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/cart' + urlPattern);\r\n }, 200);\r\n\r\n };\r\n\r\n gotoAddAddress() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/addaddress' + urlPattern, {\r\n mode: Config.formMode.Add, addressId: 0, addressLine1: '', addressLine2: '', addressLine3: '',\r\n addressType: 'Home', addressTypeId: 1, areaName: outletDetails.address.area, cityName: outletDetails.address.city, landmark: '', zipCode: outletDetails.address.zipCode\r\n });\r\n }, 200);\r\n };\r\n\r\n getGuestList() {\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n\r\n this.setState({ loading: true });\r\n fetch(Config.baseCRMUrl + 'GetGuestAddressList?GuestMobileNo=' + mobileNo, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n this.setState({ loading: false });\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n this.setState({ guestAddressList: response.response.addressList });\r\n }\r\n else {\r\n this.setState({ guestAddressList: [] });\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n this.showMessage('Guest Address List - Failed to fetch - ' + err, \"danger\");\r\n });\r\n };\r\n\r\n handleSelectAddress(addressId, addressTypeId, addressType, addressLine1, addressLine2, addressLine3, areaName, cityName, zipCode, landmark) {\r\n this.setState({ loading: true });\r\n let IsAddressChange = false;\r\n // console.log(addressId, addressTypeId, addressType, addressLine1, addressLine2, addressLine3, areaName, cityName, zipCode, landmark);\r\n if (addressLine1.trim() === '') {\r\n if (addressLine2.trim() === '') {\r\n if (addressLine3.trim() === '') {\r\n this.showMessage('unable to add this address. Please edit the address', \"danger\");\r\n IsAddressChange = true;\r\n }\r\n }\r\n }\r\n else if (zipCode.trim() === '') {\r\n this.showMessage('Invalid zipcode, Please edit the address', \"danger\");\r\n IsAddressChange = true;\r\n }\r\n else if (cityName.trim() === '') {\r\n this.showMessage('Invalid city name, Please edit the address', \"danger\");\r\n IsAddressChange = true;\r\n }\r\n else if (areaName.trim() === '') {\r\n this.showMessage('Invalid area name, Please edit the address', \"danger\");\r\n IsAddressChange = true;\r\n }\r\n\r\n if (IsAddressChange) {\r\n this.setState({ loading: false });\r\n }\r\n else {\r\n let selectedAddress = {\r\n addressId: addressId,\r\n addressLine1: addressLine1,\r\n addressLine2: addressLine2,\r\n addressLine3: addressLine3,\r\n addressType: addressType,\r\n addressTypeId: addressTypeId,//response.response.guestDetails.addressTypeId,\r\n area: areaName,\r\n city: cityName,\r\n landmark: landmark,\r\n zipCode: zipCode\r\n }\r\n sessionStorage.setItem('user-CurrentAddress', JSON.stringify(selectedAddress));\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/cart' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n };\r\n\r\n handleEditAddress(addressId, addressTypeId, addressType, addressLine1, addressLine2, addressLine3, areaName, cityName, zipCode, landmark) {\r\n // console.log(addressId, addressTypeId, addressType, addressLine1, addressLine2, addressLine3, areaName, cityName, zipCode, landmark);\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/addaddress' + urlPattern, {\r\n mode: Config.formMode.Edit, addressId: addressId, addressLine1: addressLine1, addressLine2: addressLine2, addressLine3: addressLine3,\r\n addressType: addressType, addressTypeId: addressTypeId, areaName: areaName, cityName: cityName, landmark: landmark, zipCode: zipCode\r\n });\r\n }, 200);\r\n\r\n };\r\n\r\n\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.state.loading &&
}\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n
\r\n
Choose Address \r\n
\r\n
\r\n {this.state.guestAddressList.length < Config.GuestAddressCount && // Max 5\r\n
\r\n
\r\n }\r\n
\r\n Delivering in\r\n
\r\n
\r\n
\r\n {\r\n this.state.guestAddressList.map(a =>\r\n \r\n {a.addressId === guestAddressId &&
}\r\n \r\n
\r\n
{a.addressType}
\r\n
\r\n
\r\n {a.addressLine1} {a.addressLine2} {a.addressLine3}\r\n
\r\n
\r\n
Edit \r\n
\r\n )\r\n }\r\n {/* \r\n
\r\n \r\n
Home
\r\n
\r\n 65/1, Venkateshwara Colony,3rd Main,5th Cross, New Thippasandra ,\r\n Bangalore, Karnataka-560075,India. jeikum jey kumar jeyakumarcidit.com,9060960221.\r\n
\r\n
Edit \r\n
\r\n \r\n \r\n
Work
\r\n\r\n
\r\n 65/1, Venkateshwara Colony,3rd Main,5th Cross, New Thippasandra ,\r\n Bangalore, Karnataka-560075,India. jeikum jey kumar jeyakumarcidit.com,9060960221.\r\n
\r\n
Edit \r\n
\r\n \r\n \r\n
Other
\r\n
\r\n 65/1, Venkateshwara Colony,3rd Main,5th Cross, New Thippasandra ,\r\n Bangalore, Karnataka-560075,India. jeikum jey kumar jeyakumarcidit.com,9060960221.\r\n
\r\n
Edit \r\n
*/}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n )\r\n };\r\n\r\n}","import React, { Component } from 'react';\r\nimport './address.scss';\r\nimport { isMobile } from 'react-device-detect';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport Config from '../../data/SiteConfig';\r\nlet guestLoggedIn = \"false\";\r\nlet token = '';\r\nlet mobileNo = '';\r\nlet outletCode = '';\r\n//let outletDetailsStr = null;\r\n//let outletDetails = {}\r\n//let guestName = '';\r\nlet urlPattern = '';\r\nexport default class MyAddressEntry extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.goBack = this.goBack.bind(this);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n eBillUrl: '',\r\n isPay: false,\r\n billAmount: 0,\r\n posBillId: '',\r\n addressTypeList: [],\r\n fields: {},\r\n addressTypeId: 0,\r\n addressType: '',\r\n addressId: 0\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n \r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n \r\n if (this.props.location.state !== undefined) {\r\n if (this.props.location.state.mode === undefined || this.props.location.state.mode === null || this.props.location.state.mode === 0) {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/cart' + urlPattern);\r\n }, 200);\r\n }\r\n }\r\n guestLoggedIn = sessionStorage.getItem('user-loggedin') == null ? \"false\" : sessionStorage.getItem('user-loggedin');\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n if (!sHelpers.inputParamValidation()) {\r\n alert();\r\n this.props.history.push('/' + urlPattern);\r\n }\r\n // this.setState({ loading: true });\r\n\r\n\r\n token = sessionStorage.getItem('user-token');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n // outletDetailsStr = sessionStorage.getItem('user-outletDetails');\r\n //guestName = sessionStorage.getItem(\"guest-name\") === null ? '' : sessionStorage.getItem(\"guest-name\");\r\n\r\n // if (outletDetailsStr === undefined || outletDetailsStr === \"\" || outletDetailsStr === null) {\r\n // // this.props.history.push('/');\r\n // return false;\r\n // }\r\n // else {\r\n // outletDetails = JSON.parse(outletDetailsStr);\r\n // }\r\n\r\n window.scrollTo(0, 0);\r\n if (guestLoggedIn === \"false\") {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/cart' + urlPattern);\r\n }, 200);\r\n return false;\r\n }\r\n\r\n // Fill Datea\r\n\r\n\r\n let fields = this.state.fields;\r\n fields[\"address1\"] = this.props.location.state.addressLine1;\r\n fields[\"address2\"] = this.props.location.state.addressLine2;\r\n fields[\"address3\"] = this.props.location.state.addressLine3;\r\n fields[\"areaname\"] = this.props.location.state.areaName;\r\n fields[\"city\"] = this.props.location.state.cityName;\r\n fields[\"landmark\"] = this.props.location.state.landmark;\r\n fields[\"zipcode\"] = this.props.location.state.zipCode;\r\n\r\n // this.setState({ fields[\"address1\"]: this.props.location.state.addressLine1, })\r\n // document.getElementById('input-address1').focus();\r\n // ///this.state.fields[\"address1\"] =\r\n // this.state.fields[\"address2\"] = this.props.location.state.addressLine2;\r\n // this.state.fields[\"address3\"] = this.props.location.state.addressLine3;\r\n // this.state.fields[\"areaname\"] = this.props.location.state.areaName;\r\n // this.state.fields[\"city\"] = this.props.location.state.cityName;\r\n // this.state.fields[\"landmark\"] = this.props.location.state.landmark;\r\n // this.state.fields[\"zipcode\"] = this.props.location.state.zipCode;\r\n // this.setState({ fields });\r\n this.setState({ addressTypeId: this.props.location.state.addressTypeId, addressType: this.props.location.state.addressType, addressId: this.props.location.state.addressId, fields });\r\n\r\n this.getAddressTypeList();\r\n };\r\n\r\n getAddressTypeList() {\r\n this.setState({ loading: true });\r\n fetch(Config.baseCRMUrl + 'GetAddressTypeList', {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n }\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n this.setState({ loading: false });\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n this.setState({ addressTypeList: response.response.addressTypes });\r\n }\r\n else {\r\n this.setState({ loading: false });\r\n this.showMessage(response.message, \"danger\");\r\n this.setState({ addressTypeList: [] });\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n this.showMessage(err, \"danger\");\r\n });\r\n };\r\n handleSaveAddress() {\r\n\r\n this.setState({ loading: true });\r\n\r\n if (!this.handleValidation()) {\r\n this.setState({ loading: false });\r\n return false;\r\n }\r\n\r\n let postObj = {\r\n GuestMobileNo: mobileNo,\r\n OutletCode: outletCode,\r\n AddressId: this.state.addressId,\r\n AddressTypeId: this.state.addressTypeId,\r\n AddressLine1: this.state.fields[\"address1\"],\r\n AddressLine2: this.state.fields[\"address2\"],\r\n AddressLine3: this.state.fields[\"address3\"],\r\n AreaCode: 0,\r\n AreaName: this.state.fields[\"areaname\"],\r\n CityCode: 0,\r\n CityName: this.state.fields[\"city\"],\r\n ZipCode: this.state.fields[\"zipcode\"],\r\n Landmark: this.state.fields[\"landmark\"]\r\n }\r\n\r\n // console.log(postObj);\r\n\r\n fetch(Config.baseCRMUrl + 'SaveGuestAddress', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n this.showMessage(response.message, \"success\");\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.props.history.push('/chooseaddress' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n this.setState({ loading: false });\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false });\r\n this.showMessage(err, \"danger\");\r\n });\r\n };\r\n\r\n goBack() {\r\n this.props.history.push('/chooseaddress' + urlPattern);\r\n };\r\n handleChange(field, e) {\r\n\r\n let fields = this.state.fields;\r\n // console.log(fields); \r\n fields[field] = e.target.value;\r\n this.setState({ fields });\r\n };\r\n\r\n handleValidation() {\r\n let fields = this.state.fields;\r\n let formIsValid = true;\r\n\r\n //Address 1\r\n if (!fields[\"address1\"]) {\r\n formIsValid = false;\r\n this.showMessage(\"House / Flat / Block No. cannot be empty\", \"danger\");\r\n document.getElementById('input-address1').focus();\r\n return formIsValid;\r\n }\r\n //Area Name\r\n if (!fields[\"areaname\"]) {\r\n formIsValid = false;\r\n this.showMessage(\"Area Name cannot be empty\", \"danger\");\r\n document.getElementById('input-areaname').focus();\r\n return formIsValid;\r\n }\r\n\r\n //City\r\n if (!fields[\"city\"]) {\r\n formIsValid = false;\r\n this.showMessage(\"City cannot be empty\", \"danger\");\r\n document.getElementById('input-city').focus();\r\n return formIsValid;\r\n }\r\n\r\n // Zipcode \r\n if (!fields[\"zipcode\"]) {\r\n formIsValid = false;\r\n this.showMessage(\"Zipcode cannot be empty\", \"danger\");\r\n document.getElementById('input-zipcode').focus();\r\n return formIsValid;\r\n }\r\n\r\n // Type\r\n if (this.state.addressTypeId === 0) {\r\n formIsValid = false;\r\n this.showMessage(\"Please choose the save as\", \"danger\");\r\n return formIsValid;\r\n }\r\n\r\n return formIsValid;\r\n\r\n };\r\n\r\n handleChangeAddressType(id, name) {\r\n console.log(id);\r\n this.setState({ addressTypeId: id });\r\n this.setState({ addressType: name });\r\n };\r\n\r\n\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.state.loading &&
}\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n
\r\n
Add Address \r\n
\r\n
\r\n
\r\n
{this.state.addressType}
\r\n <> {this.state.fields[\"address1\"]} {this.state.fields[\"address2\"]} {this.state.fields[\"address3\"]}\r\n <>
{this.state.fields[\"areaname\"]}\r\n <>
{this.state.fields[\"city\"]} <> - {this.state.fields[\"zipcode\"]}\r\n <>
{this.state.fields[\"landmark\"] !== '' && 'Landmark: ' + this.state.fields[\"landmark\"]}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Save As * \r\n
\r\n
\r\n {this.state.addressTypeList.map(t =>\r\n \r\n {(t.addressTypeId === this.state.addressTypeId) && {t.addressType} }\r\n {(t.addressTypeId !== this.state.addressTypeId) && {t.addressType} }\r\n \r\n )}\r\n \r\n {/*
Home \r\n
Office \r\n
Others */}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n House / Flat / Block No. * \r\n
\r\n
\r\n
\r\n
\r\n Street / Building Name \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Area Name * \r\n
\r\n
\r\n
\r\n
\r\n City * \r\n
\r\n
\r\n
\r\n
\r\n Zipcode * \r\n
\r\n
\r\n
\r\n
\r\n Landmark \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n Save Address\r\n
\r\n
\r\n
\r\n
\r\n \r\n )\r\n };\r\n\r\n}","import React, { Component, Fragment } from 'react';\r\nimport './myorders.scss';\r\nimport { isMobile } from 'react-device-detect';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport Config from '../../data/SiteConfig';\r\nlet guestLoggedIn = \"false\";\r\n//let guestAddressId = 0;\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet urlPattern = '';\r\n//let outletDetailsStr = null;\r\n//let outletDetails = {};\r\n//let guestDetailsStr = null;\r\n//let guestDetails = {};\r\nexport default class OrderTracking extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.goBack = this.goBack.bind(this);\r\n this.handleOrderPrev = this.handleOrderPrev.bind(this);\r\n this.handleOrderNext = this.handleOrderNext.bind(this);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n eBillUrl: '',\r\n isPay: false,\r\n billAmount: 0,\r\n posBillId: '',\r\n guestOrderList: [],\r\n selectedOrder: {\r\n orderDateTime: \"\",\r\n orderId: \"\",\r\n orderNo: \"\",\r\n orderStatus: \"\",\r\n orderStatusUpdatedTime: \"\",\r\n serviceType: \"\",\r\n tableNo: \"\",\r\n kotNo: \"\"\r\n },\r\n orders: [],\r\n selectedIndex: 1,\r\n orderItemDetails: [],\r\n collapse: true,\r\n orderIndex: 1\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n guestLoggedIn = sessionStorage.getItem('user-loggedin') == null ? \"false\" : sessionStorage.getItem('user-loggedin');\r\n //outletDetailsStr = sessionStorage.getItem('user-outletDetails');\r\n // if (outletDetailsStr === undefined || outletDetailsStr === \"\" || outletDetailsStr === null) {\r\n // this.props.history.push('/' + urlPattern);\r\n // return false;\r\n // }\r\n // else {\r\n // outletDetails = JSON.parse(outletDetailsStr);\r\n // }\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (!sHelpers.inputParamValidation()) {\r\n this.props.history.push('/' + urlPattern);\r\n }\r\n // this.setState({ loading: true });\r\n\r\n window.scrollTo(0, 0);\r\n\r\n if (guestLoggedIn === \"false\") {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, 200);\r\n return false;\r\n }\r\n\r\n //guestDetailsStr = sessionStorage.getItem('user-GuestDetails');\r\n token = sessionStorage.getItem('user-token');\r\n\r\n // if (guestDetailsStr === undefined || guestDetailsStr === \"\" || guestDetailsStr === null) {\r\n // guestDetails = null;\r\n // }\r\n // else {\r\n // guestDetails = JSON.parse(guestDetailsStr);\r\n // }\r\n // this.timer = setInterval(() => this.getGuestOrderList(), 60000)// 1 miniutes\r\n this.getGuestOrderList();\r\n };\r\n\r\n // State transitions\r\n handleOrderNext() {\r\n //this.setState({ loading: true });\r\n // setTimeout(() => {\r\n this.setState({ collapse: true });\r\n var index = this.state.orders.findIndex(\r\n entry => entry.orderId === this.state.selectedOrder.orderId\r\n );\r\n if (this.state.orders.length > this.state.selectedIndex) {\r\n if ((this.state.orders.length - 1) === this.state.selectedIndex) {\r\n this.setState({ selectedOrder: this.state.orders[this.state.selectedIndex], selectedIndex: this.state.selectedIndex, orderIndex: this.state.orders.length });\r\n this.getGuestOrderItem(this.state.orders[this.state.selectedIndex].orderId);\r\n }\r\n else {\r\n this.setState({ selectedOrder: this.state.orders[index + 1], selectedIndex: this.state.selectedIndex + 1, orderIndex: this.state.orderIndex + 1 });\r\n this.getGuestOrderItem(this.state.orders[index + 1].orderId);\r\n }\r\n }\r\n // console.log(this.state.selectedIndex + '- ' + this.state.orders.length);\r\n // this.setState({ loading: false });\r\n // }, 500);\r\n\r\n\r\n }\r\n\r\n handleOrderPrev() {\r\n this.setState({ collapse: true });\r\n var index = this.state.orders.findIndex(\r\n entry => entry.orderId === this.state.selectedOrder.orderId\r\n );\r\n if (this.state.selectedIndex > -1) {\r\n if (this.state.selectedIndex === 1) {\r\n this.setState({ selectedOrder: this.state.orders[0], selectedIndex: 1, orderIndex: 1 });\r\n this.getGuestOrderItem(this.state.orders[0].orderId);\r\n }\r\n else {\r\n this.setState({ selectedOrder: this.state.orders[index - 1], selectedIndex: this.state.selectedIndex - 1, orderIndex: this.state.orderIndex - 1 });\r\n this.getGuestOrderItem(this.state.orders[index - 1].orderId);\r\n }\r\n }\r\n // console.log(this.state.selectedIndex);\r\n\r\n }\r\n\r\n goBack() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, 200);\r\n\r\n };\r\n\r\n getGuestOrderList() {\r\n\r\n // console.log('order tracking...');\r\n\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n let outletCode = sessionStorage.getItem('user-outletcode');\r\n this.setState({ loading: true });\r\n fetch(Config.baseGuestUrl + 'GetGuestOrderList?OutletCode=' + outletCode + '&GuestMobileNo=' + mobileNo, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n this.setState({ loading: false });\r\n //console.log(response);\r\n // console.log(this.state.selectedOrder);\r\n if (response.errorCode === 0) {\r\n this.setState({ orders: response.response.orders, selectedOrder: response.response.orders.length > 0 ? response.response.orders[0] : this.state.selectedOrder, orderIndex: 1, selectedIndex: 1 });\r\n //console.log(response.response.orders.length); \r\n if (response.response.orders.length > 0) { this.setState({ collapse: true }); this.getGuestOrderItem(response.response.orders[0].orderId); };\r\n }\r\n else {\r\n this.setState({ orders: [], selectedOrder: this.state.selectedOrder, orderIndex: 1, selectedIndex: 1 });\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false, orders: [], selectedOrder: this.state.selectedOrder, orderIndex: 1, selectedIndex: 1 });\r\n this.showMessage('Guest Order List - Failed to fetch - ' + err, \"danger\");\r\n });\r\n };\r\n\r\n getGuestOrderItem(OrderId) {\r\n // console.log(this.state.collapse);\r\n // this.setState({ collapse: this.state.collapse ? false : true });\r\n\r\n if (this.state.collapse) {\r\n //console.log('click');\r\n let outletCode = sessionStorage.getItem('user-outletcode');\r\n fetch(Config.baseGuestUrl + 'getguestorderitemdetails?OutletCode=' + outletCode + '&OrderId=' + OrderId, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // this.setState({ loading: false });\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n this.setState({ orderItemDetails: response.response.orderDetails.items });\r\n }\r\n else {\r\n this.setState({ orderItemDetails: [] });\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false, orderItemDetails: [] });\r\n this.showMessage('Guest Order Item - Failed to fetch - ' + err, \"danger\");\r\n });\r\n }\r\n };\r\n\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.averageMsgTimeout);\r\n };\r\n render() {\r\n return (\r\n <>\r\n {this.state.loading &&
}\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n
\r\n
Order Tracking \r\n {/*
12:48 PM | 10 items, ₹{238} */}\r\n
\r\n
\r\n\r\n
\r\n {this.state.orders.length > 0 &&\r\n
\r\n\r\n {this.state.selectedOrder.orderStatus === \"Placed\" &&\r\n
\r\n {this.state.selectedOrder.orderStatus}\r\n
at {this.state.selectedOrder.orderStatusUpdatedTime}
\r\n
}\r\n {(this.state.selectedOrder.orderStatus === \"Accepted\" || this.state.selectedOrder.orderStatus === \"Preparing\" || this.state.selectedOrder.orderStatus === \"Prepared\") &&\r\n
\r\n {this.state.selectedOrder.orderStatus}\r\n
at {this.state.selectedOrder.orderStatusUpdatedTime}
\r\n
}\r\n\r\n {this.state.selectedOrder.orderStatus === \"FoodReady\" &&\r\n
\r\n {this.state.selectedOrder.orderStatus}\r\n
at {this.state.selectedOrder.orderStatusUpdatedTime}
\r\n
}\r\n {this.state.selectedOrder.orderStatus === \"Dispatched\" &&\r\n
\r\n {this.state.selectedOrder.orderStatus}\r\n
at {this.state.selectedOrder.orderStatusUpdatedTime}
\r\n
}\r\n {this.state.selectedOrder.orderStatus === \"Delivered\" &&\r\n
\r\n {this.state.selectedOrder.orderStatus}\r\n
at {this.state.selectedOrder.orderStatusUpdatedTime}
\r\n
}\r\n {this.state.selectedOrder.orderStatus === \"Completed\" &&\r\n
\r\n {this.state.selectedOrder.orderStatus}\r\n
at {this.state.selectedOrder.orderStatusUpdatedTime}
\r\n
}\r\n {this.state.selectedOrder.orderStatus === \"Rejected\" &&\r\n
\r\n {this.state.selectedOrder.orderStatus}\r\n
at {this.state.selectedOrder.orderStatusUpdatedTime}
\r\n
}\r\n {this.state.selectedOrder.orderStatus === \"Cancelled\" &&\r\n
\r\n {this.state.selectedOrder.orderStatus}\r\n
at {this.state.selectedOrder.orderStatusUpdatedTime}
\r\n
}\r\n {this.state.selectedOrder.orderStatus === \"Forward\" &&\r\n
\r\n {this.state.selectedOrder.orderStatus}\r\n
at {this.state.selectedOrder.orderStatusUpdatedTime}
\r\n
}\r\n\r\n\r\n {this.state.selectedOrder.kotNo !== \"\" &&
#{this.state.selectedOrder.kotNo}
}\r\n {this.state.selectedOrder.kotNo === \"\" &&
-
}\r\n {this.state.selectedOrder.orderStatus === \"Placed\" &&
Order Received - waiting for to accept
}\r\n
{this.state.selectedOrder.orderDateTime}
\r\n
Ref-Order No:- {this.state.selectedOrder.orderNo}
\r\n {/*
DELIVERY
\r\n
Table No :- T14
*/}\r\n {/*
*/}\r\n
Service Type :- {this.state.selectedOrder.serviceType}
\r\n {this.state.selectedOrder.serviceType === \"Table Service\" &&
Table No :- {this.state.selectedOrder.tableNo}
}\r\n {/*
Item Details
*/}\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n \r\n \r\n Name \r\n Qty \r\n \r\n \r\n \r\n {\r\n this.state.orderItemDetails.map((oitm, i) => {\r\n return (\r\n \r\n \r\n {oitm.itemName.toLowerCase()} \r\n x{oitm.quantity} \r\n \r\n {\r\n oitm.modifiers.map(gmd =>\r\n \r\n {gmd.toLowerCase()} \r\n x{oitm.quantity} \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 {/*
View Details */}\r\n {/*
\r\n
\r\n Placed \r\n Accept \r\n Perparing \r\n Food Ready \r\n Dispatch \r\n Dispatch \r\n Dispatch \r\n Dispatch \r\n \r\n
*/}\r\n
({this.state.orderIndex} / {this.state.orders.length} )
\r\n
\r\n
\r\n
Next
\r\n
\r\n\r\n
\r\n }\r\n {this.state.orders.length === 0 &&\r\n
\r\n }\r\n
\r\n
\r\n
\r\n \r\n )\r\n };\r\n\r\n}","import React, { Component } from 'react';\r\nimport './ordersuccess.scss';\r\nimport LoadingAnimation from '../../components/checkmarkanimation';\r\nimport { isMobile } from 'react-device-detect';\r\nimport Config from '../../data/SiteConfig';\r\nlet urlPattern = '';\r\nexport default class GPaySuccess extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.gotoShopping = this.gotoShopping.bind(this);\r\n this.gotoMyOrders = this.gotoMyOrders.bind(this);\r\n this.state = {\r\n cartValue: 1500,\r\n loading: false,\r\n orderId: '',\r\n orderNo: '',\r\n }\r\n }\r\n componentWillMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n this.setState({\r\n orderId: \"LUCID-Demo No\",\r\n orderNo: \"LUCID-Demo No\"\r\n });\r\n sessionStorage.removeItem('cartList');\r\n sessionStorage.removeItem('modifierCartList');\r\n sessionStorage.removeItem('taxCartList');\r\n sessionStorage.removeItem('chargeCartList');\r\n\r\n window.scrollTo(0, 0);\r\n\r\n }\r\n componentDidMount() {\r\n // this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, Config.averageMsgTimeout);\r\n }\r\n goBack() {\r\n this.props.history.push('/home' + urlPattern);\r\n }\r\n gotoShopping() {\r\n this.props.history.push('/items' + urlPattern);\r\n }\r\n gotoMyOrders() {\r\n this.props.history.push('/myorders' + urlPattern);\r\n }\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Your order has been
\r\n
Order No : {this.state.orderNo}
\r\n {/*
Order Id : {this.state.orderId}
*/}\r\n {/*
Continue Ordering
*/}\r\n {/*
Go to My Orders
*/}\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","import React, { Component } from 'react';\r\nimport './help.scss';\r\nimport { isMobile } from 'react-device-detect';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport Config from '../../data/SiteConfig';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport { confirmAlert } from 'react-confirm-alert'; // Import\r\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\r\nlet guestLoggedIn = \"false\";\r\n//let guestAddressId = 0;\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet serviceType = '';\r\nlet tableNo = '';\r\nlet urlPattern = '';\r\nexport default class HelpRequest extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.goBack = this.goBack.bind(this);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n guestRequestList: [],\r\n requestMasterList: []\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n guestLoggedIn = sessionStorage.getItem('user-loggedin') == null ? \"false\" : sessionStorage.getItem('user-loggedin');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n \r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n \r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n \r\n if (!sHelpers.inputParamValidation()) {\r\n this.props.history.push('/' + urlPattern);\r\n }\r\n // this.setState({ loading: true });\r\n\r\n window.scrollTo(0, 0);\r\n\r\n if (guestLoggedIn === \"false\") {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, 200);\r\n return false;\r\n }\r\n\r\n token = sessionStorage.getItem('user-token');\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n\r\n // this.timer = setInterval(() => this.getGuestOrderList(), 60000)// 1 miniutes\r\n this.getRequestMasterList();\r\n this.getGuestRequestList();\r\n }\r\n\r\n getRequestMasterList() {\r\n this.setState({ loading: true });\r\n let param = 'Module=POS&OutletId=' + propertyId + outletCode + '&ServiceType=' + serviceType;\r\n fetch(Config.baseGuestUrl + 'GetGuestRequestMasterData?' + param, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n this.setState({ loading: false });\r\n console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response != null) {\r\n this.setState({ requestMasterList: response.response.requestNames });\r\n }\r\n else {\r\n this.setState({ requestMasterList: [] });\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n }\r\n else {\r\n this.setState({ requestMasterList: [] });\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false, requestMasterList: [] });\r\n this.showMessage('Request Master List - Failed to fetch - ' + err, \"danger\");\r\n });\r\n };\r\n\r\n getGuestRequestList() {\r\n this.setState({ loading: true });\r\n let param = 'OutletId=' + propertyId + outletCode + '&ServiceType=' + serviceType + '&GuestMobileNo=' + mobileNo;\r\n fetch(Config.baseGuestUrl + 'GetGuestRequest?' + param, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n this.setState({ loading: false });\r\n console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response != null) {\r\n this.setState({ guestRequestList: response.response.guestRequest });\r\n }\r\n else {\r\n this.setState({ guestRequestList: [] });\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n }\r\n else {\r\n this.setState({ guestRequestList: [] });\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n\r\n })\r\n .catch(err => {\r\n this.setState({ loading: false, guestRequestList: [] });\r\n this.showMessage('Guest Request List - Failed to fetch - ' + err, \"danger\");\r\n });\r\n };\r\n\r\n handleRemarks = (requestName, uid) => {\r\n confirmAlert({\r\n customUI: ({ onClose }) => {\r\n return (\r\n
\r\n
Remarks \r\n {requestName} \r\n \r\n Cancel \r\n {\r\n this.handleSaveGuestRequest(uid, requestName);\r\n onClose();\r\n }}\r\n className=\"btn-right\">\r\n Done\r\n \r\n \r\n );\r\n }\r\n });\r\n };\r\n\r\n handleSaveGuestRequest(uid, requestName) {\r\n this.setState({ loading: true });\r\n let remarksVal = document.getElementById('request-remarks' + uid).value;\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n RequestType: 0,\r\n ServiceType: serviceType,\r\n TableNumber: serviceType === \"FINE-DINE\" ? tableNo : \"0\",\r\n OrderId: \"\",\r\n BillId: \"\",\r\n GuestMobileNo: mobileNo,\r\n RequestName: requestName,\r\n Remarks: remarksVal,\r\n }\r\n\r\n // console.log(postObj);\r\n\r\n fetch(Config.baseGuestUrl + 'SaveGuestRequest', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n console.log(response);\r\n if (response.errorCode === 0) {\r\n this.showMessage(response.message, \"success\");\r\n this.setState({ loading: false });\r\n this.getGuestRequestList();\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: false });\r\n this.showMessage('Error request was not placed', \"danger\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: false });\r\n this.showMessage('Error request was not placed', \"danger\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n });\r\n }\r\n\r\n\r\n goBack() {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/items' + urlPattern);\r\n }, 200);\r\n\r\n };\r\n\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, 2500);\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.state.loading &&
}\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n
\r\n
Help & Support \r\n {/*
12:48 PM | 10 items, ₹{238} */}\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n Call for Help \r\n My Request ({this.state.guestRequestList.length}) \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {\r\n this.state.requestMasterList.map((req, idx) =>\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 this.state.guestRequestList.map((req, idx) =>\r\n \r\n \r\n
{req.requestName}
\r\n {/*
*/}\r\n
\r\n {req.remarks}\r\n
\r\n {req.status === \"Open\" &&
{req.status}
}\r\n {req.status === \"Processing\" &&
{req.status}
}\r\n {req.status === \"Acknowledge\" &&
{req.status}
}\r\n {req.status === \"Closed\" &&
{req.status}
}\r\n {req.status === \"Cancelled\" &&
{req.status}
}\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};","import React, { Component } from \"react\"\r\nimport './payment.scss';\r\n//import LoadingAnimation from '../../components/loadinganimation/verificationloading';\r\n// import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\n//import * as QueryString from \"query-string\"\r\nimport Config from '../../data/SiteConfig';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport { isMobile } from 'react-device-detect';\r\nimport CartCalCulation from '../../modules/cart/cartcalculation';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\n//import uuid from 'react-uuid';\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationTd = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet vendorId = '';\r\nlet prepaidCardAccountId = '';\r\nlet vendorName = '';\r\nlet orderInstruction = '';\r\nlet cartList = {};\r\nlet modifierCartList = [];\r\nlet taxList = [];\r\nlet chargeList = [];\r\nlet orderChargeList = [];\r\nlet _uniquesGroups = [];\r\nlet totalItemAmount = 0;\r\nlet totalItemTaxAmount = 0;\r\nlet totalItemChargesAmount = 0;\r\n\r\n//let totalItems = 0;\r\nlet totalChargesAmount = 0;\r\nlet totalTaxAmount = 0;\r\nlet totalAmount = 0;\r\nlet vendorOrderId = '';\r\nlet mainGuestMobileNo = '';\r\nlet guestCurrentAddress = null;\r\nlet outletDetails = null;\r\nlet olDetail = {};\r\nlet urlPattern = '';\r\nexport default class PrepaidCardVerification extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n paymentInitiatedId: \"\",\r\n statusMsg: \"\",\r\n roundOff: 0\r\n }\r\n }\r\n componentDidMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n\r\n this.setState({ statusMsg: \"Processing Your Request\" });\r\n // console.log(inputParam);\r\n\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n orgnationTd = sessionStorage.getItem('user-orgnationid');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n\r\n\r\n vendorId = sessionStorage.getItem('vendorId');\r\n vendorName = sessionStorage.getItem('vendorName');\r\n orderInstruction = sessionStorage.getItem('order-instruction');\r\n vendorOrderId = sessionStorage.getItem('user-vendorOrderId');\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n guestCurrentAddress = sessionStorage.getItem('user-CurrentAddress') === null ? null : JSON.parse(sessionStorage.getItem('user-CurrentAddress'));\r\n outletDetails = sessionStorage.getItem('user-outletDetails');\r\n prepaidCardAccountId = sessionStorage.getItem('prepaidCardAccountId') == null ? '' : sessionStorage.getItem('prepaidCardAccountId');\r\n //paymentStatus = sessionStorage.getItem('paymentStatus');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n \r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationTd === undefined || orgnationTd === \"\" || orgnationTd === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (outletDetails === undefined || outletDetails === \"\" || outletDetails === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n olDetail = JSON.parse(outletDetails);\r\n }\r\n\r\n\r\n if (prepaidCardAccountId === undefined || prepaidCardAccountId === \"\" || prepaidCardAccountId === null) {\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => { this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n return false;\r\n }\r\n\r\n taxList = sessionStorage.getItem(\"taxCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"taxCartList\"));\r\n modifierCartList = sessionStorage.getItem(\"modifierCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"modifierCartList\"));\r\n chargeList = sessionStorage.getItem(\"chargeCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"chargeCartList\"));\r\n cartList = sessionStorage.getItem(\"cartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"cartList\"));\r\n\r\n window.scrollTo(0, 0);\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.handlePlaceOrder();\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n handlePlaceOrder() {\r\n let postItemList = [];\r\n let addressObj = null;\r\n if (cartList.length === 0) {\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, 1500);\r\n return false;\r\n }\r\n else if (sessionStorage.getItem('user-vendorOrderId') === undefined || sessionStorage.getItem('user-vendorOrderId') === null || sessionStorage.getItem('user-vendorOrderId') === '') {\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Error Order was not placed', \"danger\");\r\n setTimeout(() => {\r\n this.props.history.push('/cart' + urlPattern);\r\n }, 1500);\r\n\r\n return false;\r\n }\r\n\r\n\r\n\r\n orderChargeList = sessionStorage.getItem(\"order-charge-List\") === null ? [] : JSON.parse(sessionStorage.getItem(\"order-charge-List\"));\r\n\r\n\r\n Array.prototype.forEach.call(cartList.itemList, itm => {\r\n let postTaxes = [];\r\n let postModifiers = [];\r\n let postCharges = [];\r\n _uniquesGroups = [];\r\n\r\n\r\n // tax\r\n let ctax = taxList.filter(x => x.uid === itm.uid);\r\n ctax.map(tx =>\r\n postTaxes.push({ TaxCode: tx.taxCode, TaxValueType: tx.taxType, TaxValue: tx.taxValue, TaxAmount: tx.taxAmount })\r\n )\r\n\r\n //modifier\r\n let cmodifer = modifierCartList.filter(x => x.uid === itm.uid);\r\n // console.log(cmodifer);\r\n var _taxItmFound = {};\r\n for (var md = 0, lenc = cmodifer.length; md <= lenc - 1; md++) {\r\n var stringified = JSON.stringify(cmodifer[md].modifierGroupId);\r\n if (_taxItmFound[stringified]) { continue; }\r\n _uniquesGroups.push({ groupId: cmodifer[md].modifierGroupId, groupName: cmodifer[md].modifierGroupName });\r\n _taxItmFound[stringified] = true;\r\n };\r\n // console.log(_uniquesGroups);\r\n // Modifier\r\n Array.prototype.forEach.call(_uniquesGroups, mdg => {\r\n var modifr = [];\r\n let mdlist = cmodifer.filter(x => x.modifierGroupId === mdg.groupId);\r\n Array.prototype.forEach.call(mdlist, md => {\r\n let modifiertax = [];\r\n let modifierCharge = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(md.taxes, x => {\r\n modifiertax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n });\r\n\r\n //charge\r\n Array.prototype.forEach.call(md.charges, chg => {\r\n let chargetax = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(chg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n modifierCharge.push({\r\n ChargeId: chg.chargeId, ChargeName: chg.chargeName,\r\n ChargeType: chg.chargeType, IsMerchantCharge: false, ChargeValueType: chg.chargeValueType,\r\n ChargeValue: chg.chargeValue, ChargeAmount: chg.chargeAmount,\r\n Taxes: chargetax\r\n })\r\n });\r\n\r\n modifr.push({ ModfierId: md.modifierId, ModifierName: md.modifierName, Rate: md.rate, Quantity: itm.qty, Amount: md.rate * itm.qty, Taxes: modifiertax, Charges: modifierCharge })\r\n })\r\n postModifiers.push({ ModifierGroupId: mdg.groupId, GroupName: mdg.groupName, Modifiers: modifr });\r\n });\r\n // console.log(postModifiers);\r\n\r\n // charges \r\n let ccharge = chargeList.filter(x => x.uid === itm.uid);\r\n\r\n Array.prototype.forEach.call(ccharge, chg => {\r\n let chargetax = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(chg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n postCharges.push({\r\n ChargeId: chg.chargeId, ChargeName: chg.chargeName,\r\n ChargeType: chg.chargeType, IsMerchantCharge: false, ChargeValueType: chg.chargeValueType,\r\n ChargeValue: chg.chargeValue, ChargeAmount: chg.chargeAmount,\r\n Taxes: chargetax\r\n })\r\n });\r\n // console.log(postCharges);\r\n\r\n postItemList.push({\r\n ItemId: itm.itemId,\r\n ItemName: itm.itemName, Rate: itm.rate,\r\n Quantity: itm.qty, Amount: (itm.qty * itm.rate),\r\n Instruction: itm.specInsc === undefined ? \"\" : itm.specInsc,\r\n Taxes: postTaxes,\r\n ModifierGroups: postModifiers,\r\n Charges: postCharges\r\n });\r\n\r\n });\r\n let orderdate = new Date();\r\n let mseconds = orderdate.getTime(); //1440516958\r\n let deliveryTime = orderdate.getTime() + (olDetail.minimumDeliveryTime * 60000); //1440516958\r\n\r\n\r\n\r\n // Get Address \r\n if (serviceType === Config.serviceType.DELIVERY) {\r\n addressObj = {\r\n AddressId: guestCurrentAddress.addressId,\r\n AddressLine1: guestCurrentAddress.addressLine1,\r\n AddressLine2: guestCurrentAddress.addressLine2,\r\n AddressLine3: guestCurrentAddress.addressLine3,\r\n Area: guestCurrentAddress.area,\r\n City: guestCurrentAddress.city,\r\n State: guestCurrentAddress.addressId,\r\n Landmark: guestCurrentAddress.landmark,\r\n ZipCode: guestCurrentAddress.zipCode,\r\n AddressType: guestCurrentAddress.addressType\r\n }\r\n }\r\n // console.log(mseconds);\r\n let paymentDetails = [];\r\n\r\n this.handleCartRecalculate();\r\n\r\n paymentDetails.push({\r\n PayMode: \"WALT\", // Prepaid Card via Pay\r\n PaymentAmount: totalAmount,\r\n TransactionRefId: \"\",\r\n PaymentVendorId: vendorId, // Vendor Id\r\n PaymentVendorName: vendorName,\r\n WalletDetails: {\r\n AccountId: prepaidCardAccountId\r\n }\r\n });\r\n //vendorOrderId = uuid();\r\n vendorOrderId = sessionStorage.getItem('user-vendorOrderId');\r\n\r\n /// Get QR Location \r\n let specialInstu = '';\r\n // console.log(olDetail.orderInstructionIncludeQRCodeLocation);\r\n if (olDetail.orderInstructionIncludeQRCodeLocation === true) {\r\n specialInstu = sessionStorage.getItem('url-remarks') === null ? '' : sessionStorage.getItem('url-remarks') !== '' ? sessionStorage.getItem('url-remarks') : '';\r\n // console.log(specialInstu);\r\n }\r\n\r\n /// Order Charges\r\n let orderCharges = [];\r\n Array.prototype.forEach.call(orderChargeList, ochg => {\r\n let chargetax = [];\r\n //tax\r\n Array.prototype.forEach.call(ochg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n orderCharges.push({\r\n ChargeId: ochg.chargeId, ChargeName: ochg.chargeName,\r\n ChargeType: ochg.chargeType, IsMerchantCharge: false, ChargeValueType: ochg.chargeValueType,\r\n ChargeValue: ochg.chargeValue, ChargeAmount: ochg.chargeAmount,\r\n Taxes: chargetax\r\n });\r\n });\r\n\r\n // console.log(orderCharges);\r\n\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n ServiceType: serviceType,\r\n GuestDetails: {\r\n // MobileNo: mainGuestMobileNo,\r\n MobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n OrderedGuestMobileNo: mobileNo,\r\n GuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"),\r\n Address: addressObj === null ? {} : addressObj\r\n },\r\n OrderDetails: {\r\n VendorOrderId: vendorOrderId,\r\n OrderDateTime: mseconds,\r\n DeliveryDateTime: serviceType === Config.serviceType.DELIVERY ? deliveryTime : null,\r\n TableNumber: serviceType !== \"FINE-DINE\" ? '' : tableNo,\r\n OrderStatus: \"placed\",\r\n //Instruction: specialInstu + '' + (OrderInstruction === null ? '' : OrderInstruction),\r\n Instruction: (specialInstu !== '' ? specialInstu : '') + (orderInstruction === null ? '' : (specialInstu !== '' && orderInstruction !== '') ? ' - ' + orderInstruction : orderInstruction),\r\n Items: postItemList,\r\n TotalItemValue: totalItemAmount,\r\n TotalItemTaxes: totalItemTaxAmount,\r\n TotalItemCharges: totalItemChargesAmount,\r\n TotalTaxes: totalTaxAmount,\r\n TotalCharges: totalChargesAmount,\r\n TotalAmount: totalAmount,\r\n IsPaid: true,\r\n Charges: orderCharges\r\n },\r\n PaymentDetails: paymentDetails\r\n }\r\n this.setState({ loading: true });\r\n\r\n // console.log(postObj);\r\n\r\n fetch(Config.basePOSUrl + 'PlaceOrder', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n sessionStorage.removeItem('prepaidCardAccountId');\r\n // console.log(response);\r\n this.props.history.push('/ordersuccess' + urlPattern,\r\n {\r\n // orderId: response.response.orderId\r\n orderId: vendorOrderId,\r\n orderNo: response.response != null ? response.response.orderNo : ''// orderNo: response.response.orderNo\r\n });\r\n }, 2000);\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n });\r\n };\r\n handleCartRecalculate() {\r\n // re calculate cart value \r\n let cartItemValue = 0;\r\n // let cartItemQty = 0;\r\n let modifierCartValue = 0;\r\n\r\n totalTaxAmount = 0;\r\n totalChargesAmount = 0;\r\n totalAmount = 0;\r\n\r\n totalItemAmount = 0;\r\n totalItemTaxAmount = 0;\r\n totalItemChargesAmount = 0;\r\n\r\n\r\n // console.log(cartList);\r\n\r\n if (sessionStorage.getItem(\"cartList\") !== null) {\r\n Array.prototype.forEach.call(cartList.itemList, itm => {\r\n // console.log(itm.qty);\r\n cartItemValue += (itm.rate * itm.qty);\r\n // cartItemQty += itm.qty;\r\n // console.log(cartItemValue);\r\n let mdcartItemList = modifierCartList.filter(x => x.uid === itm.uid);\r\n // console.log(mdcartItemList);\r\n Array.prototype.forEach.call(mdcartItemList, md => {\r\n modifierCartValue += md.rate * itm.qty;\r\n });\r\n });\r\n\r\n totalItemTaxAmount = taxList.reduce((prev, next) => prev + next.taxAmount, 0);\r\n totalItemTaxAmount += modifierCartList.reduce((prev, next) => prev + next.totalTaxAmount, 0);\r\n\r\n totalItemChargesAmount = chargeList.reduce((prev, next) => prev + next.chargeAmount, 0);\r\n totalItemChargesAmount += modifierCartList.reduce((prev, next) => prev + next.totalChargeAmount, 0);\r\n totalChargesAmount = totalItemChargesAmount;\r\n\r\n\r\n\r\n totalItemAmount = cartItemValue + modifierCartValue;\r\n\r\n\r\n totalTaxAmount = chargeList.reduce((prev, next) => prev + next.totalTaxAmount, 0);\r\n totalTaxAmount += totalItemTaxAmount;\r\n\r\n let onBillTaxValue = CartCalCulation.OnBillTaxCalculation(totalItemAmount);\r\n let orderLevelCharge = sessionStorage.getItem('order-charge-Amount') === null ? 0 : parseFloat(sessionStorage.getItem('order-charge-Amount'));\r\n let orderLevelChargeTaxAmount = sessionStorage.getItem('order-charge-Tax-Amount') === null ? 0 : parseFloat(sessionStorage.getItem('order-charge-Tax-Amount'));\r\n // console.log(orderLevelCharge);\r\n totalChargesAmount += orderLevelCharge;\r\n totalTaxAmount += onBillTaxValue;\r\n totalTaxAmount += orderLevelChargeTaxAmount;\r\n\r\n totalAmount = totalItemAmount + totalChargesAmount + totalTaxAmount;\r\n\r\n let roundOffAmt = sHelpers.roundOff(olDetail.roundOffType, totalAmount, olDetail.roundOffValue);\r\n // let rndOffAmt = roundOffAmt - totalAmount;\r\n totalAmount = roundOffAmt;\r\n }\r\n }\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.averageMsgTimeout);\r\n };\r\n\r\n render() {\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
{this.state.statusMsg}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from \"react\"\r\nimport './payment.scss';\r\n//import LoadingAnimation from '../../components/loadinganimation/verificationloading';\r\n// import LoadingAnimation from '../../components/loadinganimation/paymentloading';\r\nimport LoadingAnimation from '../../components/loadinganimation';\r\n//import * as QueryString from \"query-string\"\r\nimport Config from '../../data/SiteConfig';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport { isMobile } from 'react-device-detect';\r\nimport CartCalCulation from '../../modules/cart/cartcalculation';\r\nimport sHelpers from '../../modules/helpers/statichelpers';\r\n//import uuid from 'react-uuid';\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationTd = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\n//let vendorId = '';\r\n//let prepaidCardAccountId = '';\r\n//let vendorName = '';\r\nlet orderInstruction = '';\r\nlet cartList = {};\r\nlet modifierCartList = [];\r\nlet taxList = [];\r\nlet chargeList = [];\r\nlet orderChargeList = [];\r\nlet _uniquesGroups = [];\r\nlet totalItemAmount = 0;\r\nlet totalItemTaxAmount = 0;\r\nlet totalItemChargesAmount = 0;\r\nlet payonDeliveryMode = '';\r\nlet proceedPOD = null;\r\n//let totalItems = 0;\r\nlet totalChargesAmount = 0;\r\nlet totalTaxAmount = 0;\r\nlet totalAmount = 0;\r\nlet vendorOrderId = '';\r\nlet mainGuestMobileNo = '';\r\nlet guestCurrentAddress = null;\r\nlet outletDetails = null;\r\nlet olDetail = {};\r\nlet urlPattern = '';\r\nexport default class PrepaidCardVerification extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n paymentInitiatedId: \"\",\r\n statusMsg: \"\",\r\n roundOff: 0\r\n }\r\n }\r\n componentDidMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n\r\n this.setState({ statusMsg: \"Processing Your Request\" });\r\n // console.log(inputParam);\r\n\r\n mobileNo = sessionStorage.getItem('user-mobileno');\r\n token = sessionStorage.getItem('user-token');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n orgnationTd = sessionStorage.getItem('user-orgnationid');\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n\r\n\r\n // vendorId = sessionStorage.getItem('vendorId');\r\n // vendorName = sessionStorage.getItem('vendorName');\r\n orderInstruction = sessionStorage.getItem('order-instruction');\r\n vendorOrderId = sessionStorage.getItem('user-vendorOrderId');\r\n mainGuestMobileNo = sessionStorage.getItem('main-guest-no') == null ? '' : sessionStorage.getItem('main-guest-no');\r\n guestCurrentAddress = sessionStorage.getItem('user-CurrentAddress') === null ? null : JSON.parse(sessionStorage.getItem('user-CurrentAddress'));\r\n outletDetails = sessionStorage.getItem('user-outletDetails');\r\n payonDeliveryMode = sessionStorage.getItem('payonDeliveryMode') === null ? null : sessionStorage.getItem('payonDeliveryMode');\r\n proceedPOD = sessionStorage.getItem('proceed-pod') === null ? null : sessionStorage.getItem('proceed-pod');\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n \r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (orgnationTd === undefined || orgnationTd === \"\" || orgnationTd === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n\r\n if (outletDetails === undefined || outletDetails === \"\" || outletDetails === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else {\r\n olDetail = JSON.parse(outletDetails);\r\n }\r\n\r\n\r\n if (payonDeliveryMode === undefined || payonDeliveryMode === \"\" || payonDeliveryMode === null) {\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => { this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n return false;\r\n }\r\n else if (proceedPOD === undefined || proceedPOD === false || proceedPOD === null) {\r\n this.showMessage('Transaction failed. Please try again', \"danger\");\r\n this.setState({ loading: true });\r\n setTimeout(() => { this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n return false;\r\n }\r\n\r\n taxList = sessionStorage.getItem(\"taxCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"taxCartList\"));\r\n modifierCartList = sessionStorage.getItem(\"modifierCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"modifierCartList\"));\r\n chargeList = sessionStorage.getItem(\"chargeCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"chargeCartList\"));\r\n cartList = sessionStorage.getItem(\"cartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"cartList\"));\r\n\r\n window.scrollTo(0, 0);\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.handlePlaceOrder();\r\n }, Config.minMsgTimeout);\r\n }\r\n\r\n handlePlaceOrder() {\r\n let postItemList = [];\r\n let addressObj = null;\r\n if (cartList.length === 0) {\r\n this.setState({ loading: true });\r\n this.showMessage('OOPS! Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n return false;\r\n }\r\n else if (sessionStorage.getItem('user-vendorOrderId') === undefined || sessionStorage.getItem('user-vendorOrderId') === null || sessionStorage.getItem('user-vendorOrderId') === '') {\r\n this.setState({ loading: false });\r\n this.showMessage('OOPS! Error Order was not placed', \"danger\");\r\n setTimeout(() => {\r\n this.props.history.push('/cart' + urlPattern);\r\n }, Config.averageMsgTimeout);\r\n\r\n return false;\r\n }\r\n\r\n orderChargeList = sessionStorage.getItem(\"order-charge-List\") === null ? [] : JSON.parse(sessionStorage.getItem(\"order-charge-List\"));\r\n\r\n Array.prototype.forEach.call(cartList.itemList, itm => {\r\n let postTaxes = [];\r\n let postModifiers = [];\r\n let postCharges = [];\r\n _uniquesGroups = [];\r\n\r\n\r\n // tax\r\n let ctax = taxList.filter(x => x.uid === itm.uid);\r\n ctax.map(tx =>\r\n postTaxes.push({ TaxCode: tx.taxCode, TaxValueType: tx.taxType, TaxValue: tx.taxValue, TaxAmount: tx.taxAmount })\r\n )\r\n\r\n //modifier\r\n let cmodifer = modifierCartList.filter(x => x.uid === itm.uid);\r\n // console.log(cmodifer);\r\n var _taxItmFound = {};\r\n for (var md = 0, lenc = cmodifer.length; md <= lenc - 1; md++) {\r\n var stringified = JSON.stringify(cmodifer[md].modifierGroupId);\r\n if (_taxItmFound[stringified]) { continue; }\r\n _uniquesGroups.push({ groupId: cmodifer[md].modifierGroupId, groupName: cmodifer[md].modifierGroupName });\r\n _taxItmFound[stringified] = true;\r\n };\r\n // console.log(_uniquesGroups);\r\n // Modifier\r\n Array.prototype.forEach.call(_uniquesGroups, mdg => {\r\n var modifr = [];\r\n let mdlist = cmodifer.filter(x => x.modifierGroupId === mdg.groupId);\r\n Array.prototype.forEach.call(mdlist, md => {\r\n let modifiertax = [];\r\n let modifierCharge = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(md.taxes, x => {\r\n modifiertax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n });\r\n\r\n //charge\r\n Array.prototype.forEach.call(md.charges, chg => {\r\n let chargetax = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(chg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n modifierCharge.push({\r\n ChargeId: chg.chargeId, ChargeName: chg.chargeName,\r\n ChargeType: chg.chargeType, IsMerchantCharge: false, ChargeValueType: chg.chargeValueType,\r\n ChargeValue: chg.chargeValue, ChargeAmount: chg.chargeAmount,\r\n Taxes: chargetax\r\n })\r\n });\r\n\r\n modifr.push({ ModfierId: md.modifierId, ModifierName: md.modifierName, Rate: md.rate, Quantity: itm.qty, Amount: md.rate * itm.qty, Taxes: modifiertax, Charges: modifierCharge })\r\n })\r\n postModifiers.push({ ModifierGroupId: mdg.groupId, GroupName: mdg.groupName, Modifiers: modifr });\r\n });\r\n // console.log(postModifiers);\r\n\r\n // charges \r\n let ccharge = chargeList.filter(x => x.uid === itm.uid);\r\n\r\n Array.prototype.forEach.call(ccharge, chg => {\r\n let chargetax = [];\r\n\r\n //tax\r\n Array.prototype.forEach.call(chg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n postCharges.push({\r\n ChargeId: chg.chargeId, ChargeName: chg.chargeName,\r\n ChargeType: chg.chargeType, IsMerchantCharge: false, ChargeValueType: chg.chargeValueType,\r\n ChargeValue: chg.chargeValue, ChargeAmount: chg.chargeAmount,\r\n Taxes: chargetax\r\n })\r\n });\r\n // console.log(postCharges);\r\n\r\n postItemList.push({\r\n ItemId: itm.itemId,\r\n ItemName: itm.itemName, Rate: itm.rate,\r\n Quantity: itm.qty, Amount: (itm.qty * itm.rate),\r\n Instruction: itm.specInsc === undefined ? \"\" : itm.specInsc,\r\n Taxes: postTaxes,\r\n ModifierGroups: postModifiers,\r\n Charges: postCharges\r\n });\r\n\r\n });\r\n let orderdate = new Date();\r\n let mseconds = orderdate.getTime(); //1440516958\r\n let deliveryTime = orderdate.getTime() + (olDetail.minimumDeliveryTime * 60000); //1440516958\r\n\r\n\r\n // Get Address \r\n if (serviceType === Config.serviceType.DELIVERY) {\r\n addressObj = {\r\n AddressId: guestCurrentAddress.addressId,\r\n AddressLine1: guestCurrentAddress.addressLine1,\r\n AddressLine2: guestCurrentAddress.addressLine2,\r\n AddressLine3: guestCurrentAddress.addressLine3,\r\n Area: guestCurrentAddress.area,\r\n City: guestCurrentAddress.city,\r\n State: guestCurrentAddress.addressId,\r\n Landmark: guestCurrentAddress.landmark,\r\n ZipCode: guestCurrentAddress.zipCode,\r\n AddressType: guestCurrentAddress.addressType\r\n }\r\n }\r\n // console.log(mseconds);\r\n // let paymentDetails = [];\r\n\r\n this.handleCartRecalculate();\r\n\r\n\r\n //vendorOrderId = uuid();\r\n vendorOrderId = sessionStorage.getItem('user-vendorOrderId');\r\n\r\n /// Get QR Location \r\n let specialInstu = '';\r\n // console.log(olDetail.orderInstructionIncludeQRCodeLocation);\r\n if (olDetail.orderInstructionIncludeQRCodeLocation === true) {\r\n specialInstu = sessionStorage.getItem('url-remarks') === null ? '' : sessionStorage.getItem('url-remarks') !== '' ? sessionStorage.getItem('url-remarks') : '';\r\n // console.log(specialInstu);\r\n }\r\n\r\n /// Order Charges\r\n let orderCharges = [];\r\n Array.prototype.forEach.call(orderChargeList, ochg => {\r\n let chargetax = [];\r\n //tax\r\n Array.prototype.forEach.call(ochg.taxes, x => {\r\n chargetax.push({ TaxCode: x.taxCode, TaxValueType: x.taxType, TaxValue: x.taxValue, TaxAmount: x.taxAmount })\r\n })\r\n\r\n // IsMerchantCharge is hardcorded \r\n orderCharges.push({\r\n ChargeId: ochg.chargeId, ChargeName: ochg.chargeName,\r\n ChargeType: ochg.chargeType, IsMerchantCharge: false, ChargeValueType: ochg.chargeValueType,\r\n ChargeValue: ochg.chargeValue, ChargeAmount: ochg.chargeAmount,\r\n Taxes: chargetax\r\n });\r\n });\r\n\r\n // console.log(orderCharges);\r\n\r\n let postObj = {\r\n OutletId: propertyId + outletCode,\r\n ServiceType: serviceType,\r\n GuestDetails: {\r\n // MobileNo: mainGuestMobileNo,\r\n MobileNo: (mainGuestMobileNo === '' || mainGuestMobileNo === \"0000000000\") ? mobileNo : mainGuestMobileNo,\r\n OrderedGuestMobileNo: mobileNo,\r\n GuestName: sessionStorage.getItem(\"guest-name\") === null ? ' ' : sessionStorage.getItem(\"guest-name\"),\r\n Address: addressObj === null ? {} : addressObj\r\n },\r\n OrderDetails: {\r\n VendorOrderId: vendorOrderId,\r\n OrderDateTime: mseconds,\r\n DeliveryDateTime: serviceType === Config.serviceType.DELIVERY ? deliveryTime : null,\r\n TableNumber: serviceType !== \"FINE-DINE\" ? '' : tableNo,\r\n OrderStatus: \"placed\",\r\n //Instruction: specialInstu + '' + (OrderInstruction === null ? '' : OrderInstruction),\r\n Instruction: (specialInstu !== '' ? specialInstu : '') + (orderInstruction === null ? '' : (specialInstu !== '' && orderInstruction !== '') ? ' - ' + orderInstruction : orderInstruction),\r\n Items: postItemList,\r\n TotalItemValue: totalItemAmount,\r\n TotalItemTaxes: totalItemTaxAmount,\r\n TotalItemCharges: totalItemChargesAmount,\r\n TotalTaxes: totalTaxAmount,\r\n TotalCharges: totalChargesAmount,\r\n TotalAmount: totalAmount,\r\n IsPaid: true,\r\n Charges: orderCharges,\r\n PayOnDelivery: true,\r\n PayOnDeliveryMode: payonDeliveryMode\r\n }\r\n }\r\n this.setState({ loading: true });\r\n\r\n // console.log(postObj);\r\n\r\n fetch(Config.basePOSUrl + 'PlaceOrder', {\r\n method: 'POST',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n sessionStorage.removeItem('payonDeliveryMode');\r\n sessionStorage.removeItem('proceed-pod');\r\n // console.log(response);\r\n this.props.history.push('/ordersuccess' + urlPattern,\r\n {\r\n // orderId: response.response.orderId\r\n orderId: vendorOrderId,\r\n orderNo: response.response != null ? response.response.orderNo : ''// orderNo: response.response.orderNo\r\n });\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n // console.log(response.message);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n }\r\n })\r\n .catch(err => {\r\n // console.log(err);\r\n this.setState({ loading: true });\r\n this.showMessage('Error Order was not placed', \"danger\");\r\n setTimeout(() => { this.setState({ loading: false }); this.props.history.push('/cart' + urlPattern); }, Config.averageMsgTimeout);\r\n });\r\n };\r\n handleCartRecalculate() {\r\n // re calculate cart value \r\n let cartItemValue = 0;\r\n // let cartItemQty = 0;\r\n let modifierCartValue = 0;\r\n\r\n totalTaxAmount = 0;\r\n totalChargesAmount = 0;\r\n totalAmount = 0;\r\n\r\n totalItemAmount = 0;\r\n totalItemTaxAmount = 0;\r\n totalItemChargesAmount = 0;\r\n\r\n\r\n // console.log(cartList);\r\n\r\n if (sessionStorage.getItem(\"cartList\") !== null) {\r\n Array.prototype.forEach.call(cartList.itemList, itm => {\r\n // console.log(itm.qty);\r\n cartItemValue += (itm.rate * itm.qty);\r\n // cartItemQty += itm.qty;\r\n // console.log(cartItemValue);\r\n let mdcartItemList = modifierCartList.filter(x => x.uid === itm.uid);\r\n // console.log(mdcartItemList);\r\n Array.prototype.forEach.call(mdcartItemList, md => {\r\n modifierCartValue += md.rate * itm.qty;\r\n });\r\n });\r\n\r\n totalItemTaxAmount = taxList.reduce((prev, next) => prev + next.taxAmount, 0);\r\n totalItemTaxAmount += modifierCartList.reduce((prev, next) => prev + next.totalTaxAmount, 0);\r\n\r\n totalItemChargesAmount = chargeList.reduce((prev, next) => prev + next.chargeAmount, 0);\r\n totalItemChargesAmount += modifierCartList.reduce((prev, next) => prev + next.totalChargeAmount, 0);\r\n totalChargesAmount = totalItemChargesAmount;\r\n\r\n\r\n\r\n totalItemAmount = cartItemValue + modifierCartValue;\r\n\r\n\r\n totalTaxAmount = chargeList.reduce((prev, next) => prev + next.totalTaxAmount, 0);\r\n totalTaxAmount += totalItemTaxAmount;\r\n\r\n let onBillTaxValue = CartCalCulation.OnBillTaxCalculation(totalItemAmount);\r\n let orderLevelCharge = sessionStorage.getItem('order-charge-Amount') === null ? 0 : parseFloat(sessionStorage.getItem('order-charge-Amount'));\r\n let orderLevelChargeTaxAmount = sessionStorage.getItem('order-charge-Tax-Amount') === null ? 0 : parseFloat(sessionStorage.getItem('order-charge-Tax-Amount'));\r\n // console.log(orderLevelCharge);\r\n totalChargesAmount += orderLevelCharge;\r\n totalTaxAmount += onBillTaxValue;\r\n totalTaxAmount += orderLevelChargeTaxAmount;\r\n\r\n totalAmount = totalItemAmount + totalChargesAmount + totalTaxAmount;\r\n\r\n let roundOffAmt = sHelpers.roundOff(olDetail.roundOffType, totalAmount, olDetail.roundOffValue);\r\n // let rndOffAmt = roundOffAmt - totalAmount;\r\n totalAmount = roundOffAmt;\r\n }\r\n }\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n\r\n render() {\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n
\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n {sessionStorage.getItem(\"user-propertyname\")}\r\n
{sessionStorage.getItem(\"user-outletname\")} - {sessionStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" ? 'Table Service' : sessionStorage.getItem(\"user-servicetype\")} \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
{this.state.statusMsg}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport './qrcodeerror.scss';\r\n//import Cookies from 'universal-cookie';\r\n\r\nexport default class Error404 extends Component {\r\n\r\n componentWillMount() {\r\n localStorage.clear();\r\n sessionStorage.removeItem('user-orgnationid');\r\n sessionStorage.removeItem('user-propertyid');\r\n sessionStorage.removeItem('user-propertyname');\r\n sessionStorage.removeItem('user-outletcode');\r\n sessionStorage.removeItem('user-tableno');\r\n sessionStorage.removeItem('user-servicetype');\r\n sessionStorage.removeItem('user-organizationname');\r\n sessionStorage.removeItem('user-outletname');\r\n sessionStorage.removeItem('user-mobileno');\r\n sessionStorage.removeItem('user-token');\r\n\r\n\r\n sessionStorage.removeItem('getMenuGroups');\r\n sessionStorage.removeItem('getModifierGroups');\r\n sessionStorage.removeItem('getTaxes');\r\n sessionStorage.removeItem('getmenuItems');\r\n sessionStorage.removeItem('getCharges');\r\n\r\n\r\n sessionStorage.removeItem('cartList');\r\n sessionStorage.removeItem('modifierCartList');\r\n sessionStorage.removeItem('taxCartList');\r\n sessionStorage.removeItem('chargeCartList');\r\n\r\n\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem('otpReferenceId');\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n sessionStorage.removeItem(\"user-table-verified\");\r\n sessionStorage.removeItem(\"user-outletDetails\");\r\n sessionStorage.removeItem('payAmount');\r\n sessionStorage.removeItem('pageCMSSettings');\r\n sessionStorage.removeItem('user-digitalMenu');\r\n sessionStorage.removeItem(\"user-loggedin-date\");\r\n sessionStorage.removeItem('otp-exp-duration');\r\n sessionStorage.removeItem(\"ebillUrl\");\r\n sessionStorage.removeItem(\"isPay\");\r\n sessionStorage.removeItem(\"posBillId\");\r\n sessionStorage.removeItem('user-statsid');\r\n sessionStorage.removeItem('main-guest-mask-no');\r\n sessionStorage.removeItem('main-guest-no');\r\n sessionStorage.removeItem('group-session');\r\n sessionStorage.removeItem('group-pin');\r\n sessionStorage.removeItem('ex-main-guest-no');\r\n sessionStorage.removeItem('cms-logo');\r\n sessionStorage.removeItem('guest-name');\r\n sessionStorage.removeItem('user-loggedin');\r\n sessionStorage.removeItem(\"login-page-session\"); // Cart Session\r\n sessionStorage.removeItem(\"on-click-mode\"); // Cart Session\r\n sessionStorage.removeItem('main-guest-name');\r\n sessionStorage.removeItem('user-qr-level');\r\n sessionStorage.removeItem('url-remarks');\r\n sessionStorage.removeItem('url-remarks');\r\n sessionStorage.removeItem('menuFetchDateTime');\r\n sessionStorage.removeItem('user-GuestDetails');\r\n sessionStorage.removeItem('user-addressId');\r\n sessionStorage.removeItem('user-CurrentAddress');\r\n sessionStorage.removeItem('prepaidCardAccountId');\r\n sessionStorage.removeItem('mobile-app');\r\n sessionStorage.removeItem('app-CountryCode');\r\n sessionStorage.removeItem('app-CountryCode');\r\n sessionStorage.removeItem('order-track-status');\r\n\r\n\r\n sessionStorage.removeItem('pageCMSSettings');\r\n sessionStorage.removeItem('menuFetchDateTime');\r\n\r\n sessionStorage.removeItem('group-pin');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('entered-mobile-no');\r\n sessionStorage.removeItem('entered-name');\r\n sessionStorage.removeItem('user-access-mode');\r\n sessionStorage.removeItem('otp');\r\n sessionStorage.removeItem('verified-otp');\r\n sessionStorage.removeItem('selectedClassification');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('order-charge-Tax-Amount');\r\n sessionStorage.removeItem('getclf');\r\n sessionStorage.removeItem('order-charge-Amount');\r\n sessionStorage.removeItem('app-ContactNo');\r\n sessionStorage.removeItem('order-charge-List');\r\n sessionStorage.removeItem('url-pattern');\r\n sessionStorage.removeItem('url-key');\r\n sessionStorage.removeItem('dt-number');\r\n sessionStorage.removeItem('uid');\r\n sessionStorage.removeItem('url-version');\r\n sessionStorage.removeItem('app-ver');\r\n sessionStorage.removeItem('user-session-id');\r\n sessionStorage.removeItem('redirect-page');\r\n }\r\n render() {\r\n return (\r\n
\r\n {/* {loading &&
} */}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n {/*
OOPS!
*/}\r\n {/*
404 - Page Not Found.
*/}\r\n
App Not Available
{/*
The page you are looking for might have been removed
*/}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\nimport sidemenulogo from './home-logo.png';\r\n\r\nconst menuItems = [\r\n { menuId: 1, menuName: 'Home', iconsName: 'fas fa-home', routePath: \"/emHome\" },\r\n // { menuId: 1, menuName: 'Menu', iconsName: 'fa fa-utensils sidebar-icon', routePath: \"/emitems\" },\r\n // { menuId: 2, menuName: 'About Us', iconsName: 'fas fa-exclamation-circle', routePath: \"/emHome\" },\r\n // { menuId: 3, menuName: 'Contact Us', iconsName: 'fa fa-phone sidebar-icon', routePath: \"/emHome\" },\r\n // { menuId: 4, menuName: 'Gallery', iconsName: 'fa fa-images sidebar-icon', routePath: \"/emHome\" },\r\n // { menuId: 2, menuName: 'My Bills', iconsName: 'fa fa-money', routePath: \"/mybills\" },\r\n // { menuId: 3, menuName: 'Contact Us', iconsName: 'fa fa-phone sidebar-icon', routePath: \"/home\" },\r\n { menuId: 5, menuName: 'Logout', iconsName: 'fa fa-sign-out-alt', routePath: \"/logout\" }\r\n];\r\n\r\nconst imglogo = {\r\n width: \"133px\",\r\n height: \"56px\"\r\n // border: \"1px solid #ddd\"\r\n}\r\n\r\n//const config = require('../../data/SiteConfig');\r\n\r\nclass emHeader extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n active: \"Receipts\", \r\n outletDetails: {},\r\n headerLogo: [\r\n {\r\n altName: \"\",\r\n sortOrder: 0,\r\n bannerType: 0,\r\n height: 0,\r\n imageName: \"\",\r\n imagePathName: \"\",\r\n primaryImageType: \"\",\r\n secondaryImageType: \"\",\r\n bannerName: \"Logo\",\r\n primaryImageUrl: \"../assets/theme1/img/no-image/no-image-logo.png\",\r\n secondaryImageUrl: \"\",\r\n status: 0,\r\n width: 0\r\n }\r\n ],\r\n\r\n }\r\n\r\n }\r\n componentDidMount()\r\n {\r\n this.setState({outletDetails: sessionStorage.getItem('user-outletDetails') != null ? JSON.parse( sessionStorage.getItem('user-outletDetails')) : {}});\r\n \r\n\r\n }\r\n\r\n _handleClick(name) {\r\n this.setState({ active: name });\r\n }\r\n render() {\r\n const activeStyle = { color: '#007bff' };\r\n return (\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {/*
Welcome to {sessionStorage.getItem(\"user-outletname\")}
*/}\r\n {/* */}\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default emHeader","import React from 'react'\nimport loading_animation from './loading-bars.svg'\nimport styles from './loading.module.sass'\nexport default function index() {\n return (\n
\n
\n
\n )\n}\n","import React, { Component } from 'react';\r\nimport Slider from \"react-slick\";\r\nimport Header from '../../../components/emenu/header';\r\nimport LoadingAnimation from '../../../components/emenu/loadinganimation';\r\n//import loadjs from 'loadjs';\r\nimport './home.scss';\r\nimport Config from '../../../data/SiteConfig';\r\nimport { isMobile } from 'react-device-detect';\r\nconst homeslidersettings = {\r\n autoplay: true,\r\n dots: true,\r\n infinite: true,\r\n arrows: false,\r\n speed: 300,\r\n slidesToShow: 1,\r\n adaptiveHeight: false\r\n};\r\n\r\n\r\n// const groups = [\r\n// { grpId: 1, grpName: 'Biriyani', imgName: '../assets/theme1/img/biriyani-food-7.png', routePath: \"/home\" },\r\n// { grpId: 2, grpName: 'Soups', imgName: '../assets/theme1/img/soups.jpg', routePath: \"/home\" },\r\n// { grpId: 3, grpName: 'Burger', imgName: '../assets/theme1/img/fast-food-3.png', routePath: \"/home\" },\r\n// { grpId: 4, grpName: 'Hot Dog', imgName: '../assets/theme1/img/fast-food-4.png', routePath: \"/home\" },\r\n// { grpId: 5, grpName: 'Fry Chick', imgName: '../assets/theme1/img/fast-food-5.png', routePath: \"/home\" },\r\n// { grpId: 6, grpName: 'Shawarma', imgName: '../assets/theme1/img/fast-food-6.png', routePath: \"/home\" }\r\n// ];\r\n//const publicIp = require('public-ip');\r\nlet loadcomfn = null;\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet organizationId = '';//\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet digitalMenu = '';\r\nlet statsId = '';\r\nexport default class emHome extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.goToItems = this.goToItems.bind(this);\r\n this.getDetails = this.getDetails.bind(this);\r\n this.state = {\r\n loading: false,\r\n getMenus: [],\r\n getItems: [],\r\n getModifiers: [],\r\n getTaxes: [],\r\n getCharges: [],\r\n mobileNo: '',\r\n orgId: 0,\r\n propertyId: '',\r\n outletCode: '',\r\n tableNo: '',\r\n serviceType: '',\r\n alertMessage: '',\r\n msgType: '',\r\n msgShow: false,\r\n APIResponseMsg: '',\r\n outletDetails: null,\r\n sliderImages: [\r\n {\r\n altName: \"\",\r\n sortOrder: 0,\r\n bannerType: 0,\r\n height: 0,\r\n imageName: \"\",\r\n imagePathName: \"\",\r\n primaryImageType: \"\",\r\n secondaryImageType: \"\",\r\n bannerName: \"Slide 1\",\r\n primaryImageUrl: \"../assets/theme1/img/slider/no-image.png\",\r\n secondaryImageUrl: \"\",\r\n status: 0,\r\n width: 0\r\n }\r\n ],\r\n bannerImageUrl: [\r\n {\r\n altName: \"\",\r\n sortOrder: 0,\r\n bannerType: 0,\r\n height: 0,\r\n imageName: \"\",\r\n imagePathName: \"\",\r\n primaryImageType: \"\",\r\n secondaryImageType: \"\",\r\n bannerName: \"Banner\",\r\n primaryImageUrl: \"../assets/theme1/img/slider/no-image.png\",\r\n secondaryImageUrl: \"\",\r\n status: 0,\r\n width: 0\r\n }\r\n ],\r\n headerLogo: [\r\n {\r\n altName: \"\",\r\n sortOrder: 0,\r\n bannerType: 0,\r\n height: 0,\r\n imageName: \"\",\r\n imagePathName: \"\",\r\n primaryImageType: \"\",\r\n secondaryImageType: \"\",\r\n bannerName: \"Logo\",\r\n primaryImageUrl: \"../assets/theme1/img/no-image/no-image-logo.png\",\r\n secondaryImageUrl: \"\",\r\n status: 0,\r\n width: 0\r\n }\r\n ],\r\n\r\n pageContent: \"\",\r\n pagePreview: \"\"\r\n\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n componentWillMount() {\r\n\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror');\r\n return false;\r\n }\r\n\r\n\r\n //$('.modal-backdrop').remove();\r\n //let cookie = new Cookies();\r\n // let token = cookie.get(\"token\");\r\n // let mobileNo = cookie.get(\"user-mobileNo\");\r\n // let tableNo = cookie.get(\"user-tableNo\");\r\n // let serviceType = cookie.get(\"user-serviceType\");\r\n\r\n\r\n localStorage.removeItem('getMenuGroups');\r\n localStorage.removeItem('getModifierGroups');\r\n localStorage.removeItem('getTaxes');\r\n localStorage.removeItem('getmenuItems');\r\n localStorage.removeItem('getCharges');\r\n localStorage.removeItem(\"user-vendorOrderId\");\r\n localStorage.removeItem(\"pageCMSSettings\");\r\n localStorage.removeItem(\"cms-logo\");\r\n\r\n\r\n\r\n mobileNo = localStorage.getItem('user-mobileno');\r\n token = localStorage.getItem('user-token');\r\n tableNo = localStorage.getItem('user-tableno');\r\n serviceType = localStorage.getItem('user-servicetype');\r\n organizationId = localStorage.getItem('user-orgnationid');\r\n propertyId = localStorage.getItem('user-propertyid');\r\n outletCode = localStorage.getItem('user-outletcode');\r\n digitalMenu = localStorage.getItem('user-digitalMenu');\r\n statsId = localStorage.getItem('user-statsid');\r\n\r\n const sessionDt = localStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror');\r\n return false;\r\n }\r\n\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (organizationId === undefined || organizationId === \"\" || organizationId === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n\r\n if (digitalMenu === undefined || digitalMenu === \"\" || digitalMenu === null || digitalMenu === false || digitalMenu === \"false\") {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (statsId === undefined || statsId === \"\" || statsId === null) {\r\n statsId = \"0\"\r\n }\r\n\r\n document.body.classList.remove('modal-open');\r\n let modalPopup = document.querySelector('.modal-backdrop');\r\n if (modalPopup !== null) {\r\n modalPopup.classList.remove('modal-backdrop', 'fade', 'show');\r\n }\r\n this.getCMSDetails();\r\n }\r\n\r\n componentDidMount() {\r\n const script = document.createElement(\"script\");\r\n script.src = \"../assets/theme1/js/theme.js\"; // it is not calling mentioned for to avoid null value\r\n script.async = true;\r\n script.onload = () => this.jk();\r\n document.body.appendChild(script);\r\n // this.getCMSPageList();\r\n // window.location.reload(true);\r\n }\r\n\r\n jk() {\r\n loadcomfn = window.initiate;\r\n loadcomfn();\r\n }\r\n\r\n getCMSPageList() {\r\n\r\n // console.log(postobj);\r\n\r\n // (async () => {\r\n // console.log(await publicIp.v4());\r\n // //=> '46.5.21.123'\r\n\r\n // console.log(await publicIp.v6());\r\n // //=> 'fe80::200:f8ff:fe21:67cf'\r\n // })(); \r\n let urlParam = \"PropertyId=\" + propertyId + \"&OutletCode=\" + outletCode + \"&ServiceMode=\" + outletCode + \"&RequestIp=''\";\r\n this.setState({ APIResponseMsg: \"Loading..\" });\r\n fetch(Config.baseAPIUrl + 'AdminPageList?' + urlParam, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n }\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.isSuccessful) {\r\n // Slider \r\n\r\n // localStorage.setItem(\"cms-logo\", JSON.stringify(this.state.headerLogo));\r\n // localStorage.setItem(\"pageCMSSettings\", JSON.stringify(response));\r\n\r\n }\r\n else {\r\n if (response.page == null) {\r\n console.log('null');\r\n }\r\n this.setState({ APIResponseMsg: response.message });\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ APIResponseMsg: \"Content - Failed to fetch\" });\r\n });\r\n }\r\n\r\n getCMSDetails() {\r\n let postobj = {\r\n organizationId: parseInt(organizationId),\r\n propertyId: propertyId,\r\n outletCode: outletCode,\r\n ServiceMode: serviceType,\r\n ApplicationCode: Config.applicationCode,\r\n PageId: Config.pageIds.home, // Default Home\r\n PageType: Config.pageType.home, // Home\r\n RequestIp: \"\",\r\n username: Config.cmsUserName,\r\n password: Config.cmsPassword\r\n }\r\n // console.log(postobj);\r\n\r\n // (async () => {\r\n // console.log(await publicIp.v4());\r\n // //=> '46.5.21.123'\r\n\r\n // console.log(await publicIp.v6());\r\n // //=> 'fe80::200:f8ff:fe21:67cf'\r\n // })(); \r\n this.setState({ APIResponseMsg: \"Loading..\" });\r\n fetch(Config.baseAPIUrl + 'PageDetails', {\r\n method: 'POST',\r\n headers: {\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postobj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n //console.log(response);\r\n if (response.isSuccessful) {\r\n\r\n // Slider\r\n if (response.banners.filter(i => i.bannerType === Config.bannerImageType.Slider) !== null && response.banners.filter(i => i.bannerType === Config.bannerImageType.Slider).length > 0) {\r\n this.setState({ sliderImages: response.banners.filter(i => i.bannerType === Config.bannerImageType.Slider) });\r\n }\r\n\r\n // Normal Banner\r\n if (response.banners.filter(i => i.bannerType === Config.bannerImageType.Normal) !== null && response.banners.filter(i => i.bannerType === Config.bannerImageType.Normal).length > 0) {\r\n this.setState({ bannerImageUrl: response.banners.filter(i => i.bannerType === Config.bannerImageType.Normal) });\r\n }\r\n //Logo\r\n if (response.banners.filter(i => i.bannerType === Config.bannerImageType.Logo) !== null && response.banners.filter(i => i.bannerType === Config.bannerImageType.Logo).length > 0) {\r\n this.setState({ headerLogo: response.banners.filter(i => i.bannerType === Config.bannerImageType.Logo) });\r\n }\r\n\r\n // Content \r\n if (response.page != null) {\r\n // let pageContent = {\r\n // content : response.page.content,\r\n // preview : response.page.preview\r\n // }\r\n this.setState({ pageContent: response.page.content, pagePreview: response.page.preview });\r\n // console.log(response.page.preview);\r\n }\r\n\r\n localStorage.setItem(\"cms-logo\", JSON.stringify(this.state.headerLogo));\r\n localStorage.setItem(\"pageCMSSettings\", JSON.stringify(response));\r\n\r\n this.getDetails();\r\n }\r\n else {\r\n if (response.page == null) {\r\n console.log('null');\r\n }\r\n this.setState({ APIResponseMsg: response.message });\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n this.setState({ APIResponseMsg: \"Content - Failed to fetch\" });\r\n });\r\n }\r\n\r\n getDetails() {\r\n this.setState({ APIResponseMsg: \"Loading...\" });\r\n let urlParam = '?OutletId=' + propertyId + outletCode + '&ServiceType=' + serviceType;\r\n fetch(Config.basePOSUrl + 'Getguestappmenus' + urlParam, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n }\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.errorCode === 0) {\r\n // console.log(JSON.stringify(response));\r\n // Filter active Menu Items\r\n let activeMenuGroups = [];\r\n let activeMenuItems = [];\r\n if (response.response.menuGroups.length > 0)\r\n activeMenuGroups = response.response.menuGroups.filter(x => x.isActive === true);\r\n\r\n if (response.response.menuItems.length > 0)\r\n activeMenuItems = response.response.menuItems.filter(x => x.isActive === true);\r\n\r\n localStorage.setItem(\"getMenuGroups\", JSON.stringify(activeMenuGroups));\r\n localStorage.setItem(\"getmenuItems\", JSON.stringify(activeMenuItems));\r\n localStorage.setItem(\"getModifierGroups\", JSON.stringify(response.response.modifierGroups));\r\n localStorage.setItem(\"getTaxes\", JSON.stringify(response.response.taxes));\r\n localStorage.setItem(\"getCharges\", JSON.stringify(response.response.charges));\r\n localStorage.setItem(\"menuFetchDateTime\", response.response.menuDateTime);\r\n this.setState({ getMenus: activeMenuGroups });\r\n this.setState({ getItems: activeMenuItems });\r\n this.setState({ getModifiers: response.response.modifierGroups });\r\n this.setState({ getTaxes: response.response.taxes });\r\n this.setState({ getCharges: response.response.charges });\r\n this.setState({ APIResponseMsg: \"\" });\r\n // // Get Outlet Details \r\n fetch(Config.basePOSUrl + 'GetOutletDetails' + urlParam, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n }\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n // console.log(response);\r\n if (response.errorCode === 0) {\r\n this.setState({ outletDetails: response.response.outletDetails });\r\n localStorage.setItem(\"user-outletDetails\", JSON.stringify(response.response.outletDetails));\r\n this.setState({ APIResponseMsg: \"\" });\r\n setTimeout(() => {\r\n window.scrollTo(0, 0);\r\n }, 1000);\r\n }\r\n else {\r\n // console.log(response);\r\n this.setState({ APIResponseMsg: \"Failed to fetch\" });\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ APIResponseMsg: \"Outlet Details - Failed to fetch\" })\r\n // console.log('Outlet Details - Failed to fetch - ' + err);\r\n this.showMessage('Outlet Details - Failed to fetch - ' + err, \"danger\");\r\n });\r\n\r\n }\r\n else {\r\n // console.log(response);\r\n this.setState({ APIResponseMsg: \"Failed to fetch\" })\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n })\r\n .catch(err => {\r\n this.setState({ APIResponseMsg: \"Failed to fetch\" })\r\n //console.log(err);\r\n // this.showMessage(\"An error occured\", \"danger\");\r\n });\r\n }\r\n\r\n goToItems(grpId) {\r\n this.setState({ loading: true });\r\n\r\n let posturlObj = {\r\n organizationId: parseInt(organizationId),\r\n propertyId: propertyId,\r\n outletCode: outletCode,\r\n ServiceMode: serviceType,\r\n ContactNo: mobileNo,\r\n StatsId: parseInt(statsId),\r\n numofMenuAccess: 1,\r\n username: Config.linkUserName,\r\n password: Config.linkPassword\r\n }\r\n // Update Contact Detail\r\n fetch(Config.baseAPIUrl + 'ClickURLDetail', {\r\n method: 'POST',\r\n headers: {\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(posturlObj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n setTimeout(() => {\r\n this.setState({ loading: false })\r\n this.props.history.push('/emitems', { focusGroup: \"focus-mnugrp-\" + grpId });\r\n }, 1500);\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n //this.showMessage(\"CMS - Failed to fetch\", \"danger\");\r\n });\r\n\r\n }\r\n\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, 2000);\r\n };\r\n\r\n\r\n\r\n // createMarkup(htmlTxt) {\r\n // return {__html: htmlTxt };\r\n // }\r\n\r\n // domContent(htmlTxt) {\r\n // return
;\r\n // }\r\n\r\n\r\n // componentWillMount() {\r\n // loadjs('../../ assets/js/jquery341.min.js', function () {\r\n // loadjs('../../assets/js/theme.js');\r\n // });\r\n // }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.state.loading &&
}\r\n
\r\n {/* {this.state.msgShow &&
} */}\r\n
\r\n
\r\n
\r\n\r\n
\r\n {this.state.sliderImages.map(img =>\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
Welcome to {localStorage.getItem(\"user-outletname\")}
\r\n
\r\n
\r\n
\r\n
\r\n {/*
Popular Categories
*/}\r\n {/*
Casual Dining - Andhra, Biryani, North Indian, Chinese
*/}\r\n {/*
Service Type : {localStorage.getItem(\"user-servicetype\")}
\r\n {localStorage.getItem(\"user-servicetype\") === \"FINE-DINE\" &&
Table No: {localStorage.getItem(\"user-tableno\")}
} */}\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
Chicken Fried Steak
\r\n
\r\n
\r\n
\r\n
\r\n
Grilled Fish Tacos
\r\n
\r\n
\r\n
\r\n
\r\n
Steak with Garlic
\r\n
\r\n
\r\n
\r\n
\r\n
Harvest Salad
\r\n
\r\n
\r\n
\r\n
\r\n
Cheesy Pizza
\r\n
\r\n
\r\n
\r\n
\r\n
Teriyaki Chicken
\r\n
*/}\r\n
\r\n\r\n\r\n
\r\n {/*
\r\n
\r\n
*/}\r\n {/*
\r\n
\r\n
Popular Categories
\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
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Cakes and Baking
\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
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n
\r\n
\r\n\r\n \r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport './popupmenus.scss';\r\nexport default class PopupMenus extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.goCart = this.goCart.bind(this);\r\n this.state = {\r\n showHide: false,\r\n recommendedList: [],\r\n getMenus: [],\r\n activeMenuGroup: -1,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ recommendedList: this.props.recommendedList });\r\n this.setState({ getMenus: this.props.getMenus });\r\n };\r\n\r\n handleMenuGroupClick(index, mnuid) {\r\n this.setState({\r\n activeMenuGroup: index,\r\n });\r\n // window.location.hash = '#' + mnuid; \r\n var stickyContainer = document.getElementById(\"\" + mnuid + \"\");\r\n //console.log(stickyContainer.offsetTop);\r\n // window.scrollTo(0, stickyContainer.offsetTop);\r\n window.scrollTo({\r\n top: stickyContainer.offsetTop,\r\n left: 0,\r\n behavior: 'smooth'\r\n });\r\n }\r\n\r\n goCart() {\r\n this.props.history.push('/cart');\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n
\r\n {/* Filter Menu Group Popup*/}\r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nconst Checkbox = ({ type = 'checkbox', name,id, checked = false, onChange }) => (\r\n
\r\n );\r\n \r\n Checkbox.propTypes = {\r\n type: PropTypes.string, \r\n name: PropTypes.string.isRequired,\r\n id: PropTypes.string.isRequired, \r\n checked: PropTypes.bool, \r\n onChange: PropTypes.func.isRequired\r\n } \r\n \r\n export default Checkbox;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nconst Radio = ({ type = 'radio', name,id, checked , onChange }) => (\r\n
\r\n );\r\n\r\n Radio.propTypes = {\r\n type: PropTypes.string, \r\n name: PropTypes.string.isRequired, \r\n id: PropTypes.string.isRequired, \r\n checked: PropTypes.bool, \r\n onChange: PropTypes.func.isRequired, \r\n }\r\n \r\n export default Radio;","import React, { Component } from 'react';\r\n//import { render } from 'react-dom';\r\nimport './modifier.scss';\r\nimport Checkbox from '../checkbox/modifiercheckbox';\r\nimport Radio from '../radionbutton/modifierradiobutton';\r\nimport uuid from 'react-uuid';\r\n//import Cart from '../../components/cart';\r\nlet modifiercartItemList = [];\r\nlet itemModifierRate = 0;\r\nlet cartList = {};\r\nlet taxList = [];\r\nlet chargeList = [];\r\nlet itemGroupId = 0;\r\n//let itemTaxId = 0;\r\nlet itemId = 0;\r\nlet itemName = \"\";\r\nlet itemRate = 0;\r\nlet itemQtyId = \"\";\r\n//let itemQty = 0;\r\nlet itemTotalAmout = 0;\r\nlet itemTotalItems = 0;\r\n//let modifierDom = '';\r\n\r\n\r\nexport default class Modifier extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.handleModifier = this.handleModifier.bind(this);\r\n this.state = {\r\n modifierList: [],\r\n modifierGroupIds: [],\r\n checkId: -1,\r\n checkboxstatus: false,\r\n checkedItems: new Map(),\r\n showActionFilterList: false,\r\n totalItems: 0,\r\n totalAmount: 0,\r\n modifierItemCQty: 0,\r\n modifierItemCRate: 0,\r\n modifierItemCQtyId: \"\",\r\n modifierItemCItemName: \"\",\r\n modifierItemCItemId: 0,\r\n modifierItemCFoodType: 0,\r\n modifierItemCGroupId: 0,\r\n modifierItemCtaxId: 0,\r\n modifiterItemModifierRate: 0,\r\n radiostatus: null\r\n\r\n }\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleRadioChange = this.handleRadioChange.bind(this);\r\n this.handleAddItem = this.handleAddItem.bind(this);\r\n }\r\n\r\n componentWillMount() {\r\n this.setState({\r\n modifierItemCGroupId: this.props.modifierItemCGroupId,\r\n modifierItemCItemId: this.props.modifierItemCItemId,\r\n modifierItemCItemName: this.props.modifierItemCItemName,\r\n modifierItemCQtyId: this.props.modifierItemCQtyId,\r\n modifierItemCQty: this.props.modifierItemCQty,\r\n modifierItemCRate: this.props.modifierItemCRate,\r\n modifierItemCFoodType: this.props.modifierItemCFoodType,\r\n modifiterItemModifierRate: this.props.modifierItemCRate\r\n })\r\n }\r\n\r\n componentDidMount() {\r\n if (sessionStorage.getItem(\"cartModifierList\") != null) {\r\n modifiercartItemList = JSON.parse(sessionStorage.getItem(\"cartModifierList\"));\r\n }\r\n else {\r\n modifiercartItemList = [];\r\n // this.setState({ totalAmount: this.props.modifierItemCRate });\r\n }\r\n }\r\n\r\n handleModifier() {\r\n itemModifierRate = this.props.modifierItemCRate;\r\n this.setState({ modifiterItemModifierRate: this.props.modifierItemCRate });\r\n // console.log(this.state.checkedItems);\r\n this.setState({ radiostatus: null });\r\n this.setState({ checkedItems: new Map() });\r\n //document.getElementById('div-modifier-body').innerHTML = '';\r\n this.handleGenerateModifierDom();\r\n // console.log(modifierDom);\r\n //document.getElementById('div-modifier-body').innerHTML = modifierDom === null ? '' : modifierDom;\r\n modifiercartItemList = [];\r\n this.inputElement.click();\r\n // alert();\r\n //this.props.callBackModifier();\r\n }\r\n\r\n handleGenerateModifierDom() {\r\n return (\r\n
\r\n {this.props.modifierGroupIds.map(mid =>\r\n \r\n
\r\n {this.props.modifierList.filter(mgrplst => mgrplst.modifierGroupId === mid).map(mgrp =>\r\n \r\n
{mgrp.minimumSelection > 0 && * }{mgrp.groupName} \r\n\r\n {mgrp.maximumSelection === 0 &&\r\n
(0 ) \r\n }\r\n {mgrp.maximumSelection > 0 &&\r\n
(\r\n 0 \r\n /\r\n {mgrp.maximumSelection} \r\n ) \r\n }\r\n\r\n
\r\n {mgrp.modifiers.map(mlst =>\r\n \r\n {mgrp.maximumSelection === 2 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 1 && this.handleRadioChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 0 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {/* {mgrp.maximumSelection === 2 && ₹{mlst.rate} \r\n \r\n\r\n )\r\n }\r\n \r\n
\r\n
\r\n );\r\n // }\r\n\r\n //document.getElementById('div-modifier-body').innerHTML = mdofierDom;\r\n };\r\n\r\n handleAddItem() {\r\n\r\n // console.log(itemQtyId);\r\n // console.log(modifiercartItemList); \r\n let exmodifierList = sessionStorage.getItem(\"modifierCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"modifierCartList\"));\r\n cartList = sessionStorage.getItem(\"cartList\") != null ? JSON.parse(sessionStorage.getItem(\"cartList\")) : cartList = { mobileNo: 0, totalItems: 0, totalAmount: 0, itemList: [] };\r\n taxList = sessionStorage.getItem(\"taxCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"taxCartList\"));\r\n chargeList = sessionStorage.getItem(\"chargeCartList\") === null ? [] : JSON.parse(sessionStorage.getItem(\"chargeCartList\"));\r\n // merge Item\r\n // let exleng = [];\r\n // let leng = 0; \r\n // Array.prototype.forEach.call(modifiercartItemList, md => {\r\n // leng = exmodifierList.filter(x => x.modifierGroupId === md.modifierGroupId && x.modifierId === md.modifierId && x.itemId === md.itemId).length;\r\n // console.log(\"group:\" + md.modifierGroupId + \", mid : \" + md.modifierId + \", Iid : \" + md.itemId);\r\n // console.log(leng);\r\n // if (leng > 0) {\r\n // exleng.push({ modifierId: md.modifierId, itemId: md.itemId, modifierGroupId: md.modifierGroupId, modifierName: md.modifierName, rate: md.rate, foodType: md.foodType, ctrl: md.ctrl });\r\n // }\r\n // });\r\n // console.log(\"EX MDO\");\r\n // console.log(exleng);\r\n\r\n let uid = uuid();\r\n\r\n\r\n // if (modifiercartItemList.length !== exleng.length) { \r\n // Array.prototype.forEach.call(modifiercartItemList, md => {\r\n // exmodifierList.push({ modifierId: md.modifierId, itemId: md.itemId, modifierGroupId: md.modifierGroupId, modifierName: md.modifierName, rate: md.rate, foodType: md.foodType, ctrl: md.ctrl,uid: uid })\r\n // });\r\n // cartList.itemList.push({ id: \"\" + itemQtyId + \"\", itemId: itemId, groupId: itemGroupId, foodType: this.props.modifierItemCFoodType, qty: 1, rate: itemRate, itemName: itemName, isModifier: 1,uid: uid });\r\n // itemQty+=1;\r\n // }\r\n // else {\r\n // itemQty +=1;\r\n // let index = cartList.itemList.findIndex(x => x.id === \"\" + itemQtyId + \"\");\r\n // if (index < 0) {\r\n // cartList.itemList.push({ id: \"\" + itemQtyId + \"\", itemId: itemId, groupId: itemGroupId, foodType: this.props.modifierItemCFoodType, qty: itemQty, rate: itemRate, itemName: itemName, isModifier: 1 });\r\n // }\r\n // else {\r\n // cartList.itemList[index].qty = (cartList.itemList[index].qty + 1);\r\n // } \r\n // }\r\n\r\n console.log(modifiercartItemList);\r\n\r\n // not merge the item\r\n Array.prototype.forEach.call(modifiercartItemList, md => {\r\n let txList = this.modifierItemTaxCalc(md.taxId, md.rate, 1, itemId, uid);\r\n let txAmount = txList.reduce((prev, next) => prev + next.taxAmount, 0);\r\n let chgList = this.modifierItemChargeCalc(md.chargeIds, md.rate, 1, md.itemId, uid);\r\n let chgAmount = chgList.reduce((prev, next) => prev + next.taxAmount, 0);\r\n exmodifierList.push({ itemId: md.itemId, modifierGroupId: md.modifierGroupId, modifierGroupName: md.modifierGroupName, modifierId: md.modifierId, modifierName: md.modifierName, rate: md.rate, foodType: md.foodType, taxes: txList, totalTaxAmount: txAmount, charges: chgList, totalChargeAmount: chgAmount, ctrl: md.ctrl, uid: uid, taxId: md.taxId, chargeIds: md.chargeIds })\r\n });\r\n\r\n\r\n this.itemTaxCalc(this.props.modifierItemCTaxId, itemRate, 1, itemId, uid);\r\n this.itemChargeCalc(this.props.modifierItemCChargeIds, itemRate, 1, itemId, uid);\r\n cartList.itemList.push({ id: \"\" + itemQtyId + \"\", itemId: itemId, groupId: itemGroupId, foodType: this.props.modifierItemCFoodType, qty: 1, rate: itemRate, itemName: itemName, isModifier: 1, uid: uid, taxId: this.props.modifierItemCTaxId, chargeIds: this.props.modifierItemCChargeIds });\r\n //itemQty+=1;\r\n\r\n // re calculate cart value \r\n let cartItemValue = 0;\r\n let cartItemQty = 0;\r\n let modifierCartValue = 0;\r\n Array.prototype.forEach.call(cartList.itemList, itm => {\r\n // console.log(itm.qty);\r\n cartItemValue += (itm.rate * itm.qty);\r\n cartItemQty += itm.qty;\r\n // console.log(cartItemValue);\r\n let mdcartItemList = exmodifierList.filter(x => x.uid === itm.uid);\r\n // console.log(mdcartItemList);\r\n Array.prototype.forEach.call(mdcartItemList, md => {\r\n modifierCartValue += md.rate * itm.qty;\r\n });\r\n });\r\n\r\n\r\n let totlaQty = document.getElementById(\"\" + itemQtyId + \"\").innerHTML === \"\" ? 0 : JSON.parse(document.getElementById(\"\" + itemQtyId + \"\").innerHTML);\r\n document.getElementById(\"\" + itemQtyId + \"\").innerHTML = (totlaQty + 1);\r\n\r\n itemTotalItems = cartItemQty;\r\n itemTotalAmout = (cartItemValue + modifierCartValue);\r\n this.setState({ totalAmount: itemTotalAmout, totalItems: itemTotalItems });\r\n\r\n // add cart list\r\n\r\n\r\n cartList.totalItems = itemTotalItems;\r\n cartList.totalAmount = itemTotalAmout\r\n\r\n\r\n sessionStorage.setItem(\"modifierCartList\", JSON.stringify(exmodifierList));\r\n sessionStorage.setItem(\"cartList\", JSON.stringify(cartList));\r\n sessionStorage.setItem(\"taxCartList\", JSON.stringify(taxList));\r\n sessionStorage.setItem(\"chargeCartList\", JSON.stringify(chargeList));\r\n\r\n // console.log(JSON.parse(sessionStorage.getItem(\"cartList\")));\r\n // console.log(JSON.parse(sessionStorage.getItem(\"modifierCartList\")));\r\n // console.log(JSON.parse(sessionStorage.getItem(\"taxCartList\")));\r\n\r\n // sessionStorage.setItem(\"cartModifierList\", JSON.stringify(modifiercartList));\r\n // console.log(JSON.stringify(modifiercartList));\r\n\r\n\r\n\r\n this.setState({ checkedItems: new Map() });\r\n modifiercartItemList = [];\r\n this.props.callBackModifier();\r\n };\r\n\r\n itemTaxCalc(taxId, rate, qty, itemId, uid) {\r\n // console.log(this.props.getTaxes);\r\n let cList = this.props.getTaxes.filter(x => x.taxId === taxId);\r\n // console.log(cList);\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n if (cList.length > 0) {\r\n // console.log(cList[0].structure);\r\n Array.prototype.forEach.call(cList[0].structure, tx => {\r\n if (tx.taxType === 1) // % \r\n taxAmt = itemValue * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty; // \r\n else if (tx.taxType === 3) // Tax on Tax\r\n {\r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.taxType === 1) // %\r\n taxAmt = serialTax.taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty;\r\n }\r\n taxObj.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n taxList.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n });\r\n // console.log(\"jk\");\r\n // console.log(taxList);\r\n }\r\n };\r\n\r\n itemChargeCalc(chargeId, rate, qty, itemId, uid) {\r\n //console.log(chargeId);\r\n if (chargeId.length > 0) {\r\n Array.prototype.forEach.call(chargeId, cId => {\r\n // filter based on Item wise & Item Qty wise => apply category\r\n let chargelist = this.props.getCharges.filter(x => x.chargeId === cId && x.applyTo === 1 && x.applyType === 1);\r\n let taxlist = [];\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n // console.log(chargelist);\r\n let chargeAmt = 0;\r\n if (chargelist.length > 0) {\r\n Array.prototype.forEach.call(chargelist, chg => {\r\n let rnTaxAmt = 0;\r\n if (chg.applyType === 2) { // slabe wise (%) - only for slab base value from and value to (percentage =>itmvalue * per * 0.01) or amount=> direct slab amount) \r\n let cslab = chg.chargeSlab.filter(x => x.ValueFrom > itemValue && x.ValueTo < itemValue)\r\n if (cslab.length > 0) {\r\n if (cslab.chargeValueType === 1)\r\n chargeAmt = itemValue * chg.chargeValue * 0.01;\r\n else if (cslab.chargeValueType === 2)\r\n chargeAmt = cslab.ChargeValue;\r\n }\r\n }\r\n else if (chg.chargeValueType === 2) // Amount only qty based \r\n chargeAmt = chg.chargeValue * qty; // \r\n // console.log(chargeAmt);\r\n // Tax \r\n taxlist = this.props.getTaxes.filter(x => x.taxId === chg.taxId);\r\n if (taxlist.length > 0) {\r\n Array.prototype.forEach.call(taxlist[0].structure, tx => {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = (chargeAmt * tx.taxValue * 0.01);\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue; // \r\n else if (tx.taxType === 3) // Tax on Tax\r\n {\r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.taxType === 1) // (%) \r\n taxAmt = serialTax.taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue;\r\n }\r\n rnTaxAmt += taxAmt;\r\n taxObj.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, taxId: chg.taxId, taxGroupName: taxlist[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n })\r\n // console.log(taxObj);\r\n }\r\n chargeList.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, chargeName: chg.chargeName, chargeType: chg.chargeType, isMerchantCharge: false, chargeValueType: chg.chargeValueType, chargeValue: chg.chargeValue, chargeAmount: Number((chargeAmt).toFixed(2)), taxes: taxObj, totalTaxAmount: rnTaxAmt });\r\n\r\n });\r\n // console.log(chargeList);\r\n }\r\n });\r\n }\r\n };\r\n //\r\n modifierItemTaxCalc(taxId, rate, qty, itemId, uid) {\r\n // console.log(this.props.getTaxes);\r\n let cList = this.props.getTaxes.filter(x => x.taxId === taxId);\r\n // console.log(cList);\r\n let taxObj = [];\r\n\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n if (cList.length > 0) {\r\n // console.log(cList[0].structure);\r\n Array.prototype.forEach.call(cList[0].structure, tx => {\r\n if (tx.taxType === 1) // % \r\n taxAmt = itemValue * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty; // \r\n else if (tx.taxType === 3) // Tax on Tax\r\n {\r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.taxType === 1) // %\r\n taxAmt = serialTax.taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue * qty;\r\n }\r\n taxObj.push({ itemId: itemId, uid: uid, taxId: taxId, taxGroupName: cList[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n });\r\n // console.log(\"modifier Tax\");\r\n // console.log(taxObj);\r\n return taxObj;\r\n }\r\n };\r\n\r\n modifierItemChargeCalc(chargeId, rate, qty, itemId, uid) {\r\n // console.log(chargeId);\r\n let modifierChargeList = [];\r\n if (chargeId.length > 0) {\r\n Array.prototype.forEach.call(chargeId, cId => {\r\n // filter based on Item wise & Item Qty wise => apply category\r\n let chargelist = this.props.getCharges.filter(x => x.chargeId === cId && x.applyTo === 1 && x.applyType === 1);\r\n let taxlist = [];\r\n let taxObj = [];\r\n let taxAmt = 0;\r\n let itemValue = rate * qty;\r\n // console.log(chargelist);\r\n let chargeAmt = 0;\r\n if (chargelist.length > 0) {\r\n Array.prototype.forEach.call(chargelist, chg => {\r\n let rnTaxAmt = 0;\r\n if (chg.applyType === 2) { // slabe wise (%) - only for slab base value from and value to (percentage =>itmvalue * per * 0.01) or amount=> direct slab amount) \r\n let cslab = chg.chargeSlab.filter(x => x.ValueFrom > itemValue && x.ValueTo < itemValue)\r\n if (cslab.length > 0) {\r\n if (cslab.chargeValueType === 1)\r\n chargeAmt = itemValue * chg.chargeValue * 0.01;\r\n else if (cslab.chargeValueType === 2)\r\n chargeAmt = cslab.ChargeValue;\r\n }\r\n }\r\n else if (chg.chargeValueType === 2) // Amount only qty based \r\n chargeAmt = chg.chargeValue * qty; // \r\n // console.log(chargeAmt);\r\n // Tax \r\n taxlist = this.props.getTaxes.filter(x => x.taxId === chg.taxId);\r\n if (taxlist.length > 0) {\r\n Array.prototype.forEach.call(taxlist[0].structure, tx => {\r\n if (tx.taxType === 1) // (%) \r\n taxAmt = (chargeAmt * tx.taxValue * 0.01);\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue; // \r\n else if (tx.taxType === 3) // Tax on Tax\r\n {\r\n let serialTax = taxObj.filter(x => x.serialNo === tx.taxOnSerialNo);\r\n if (serialTax.taxType === 1) // (%) \r\n taxAmt = serialTax.taxAmount * tx.taxValue * 0.01;\r\n else if (tx.taxType === 2) // Amount\r\n taxAmt = tx.taxValue;\r\n }\r\n rnTaxAmt += taxAmt;\r\n taxObj.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, taxId: chg.taxId, taxGroupName: taxlist[0].taxName, serialNo: tx.serialNo, taxCode: tx.taxCode, taxName: tx.taxName, applicableOn: tx.applicableOn, taxType: tx.taxType, taxValue: tx.taxValue, taxAmount: Number((taxAmt).toFixed(2)) });\r\n })\r\n // console.log(taxObj);\r\n }\r\n modifierChargeList.push({ itemId: itemId, uid: uid, chargeId: chg.chargeId, chargeName: chg.chargeName, chargeType: chg.chargeType, isMerchantCharge: false, chargeValueType: chg.chargeValueType, chargeValue: chg.chargeValue, chargeAmount: Number((chargeAmt).toFixed(2)), taxes: taxObj, totalTaxAmount: rnTaxAmt });\r\n\r\n });\r\n // console.log(modifierChargeList);\r\n }\r\n });\r\n }\r\n return modifierChargeList;\r\n };\r\n\r\n handleRadioChange(e, modifierId, modifierName, modifierGroupId, groupName, itemId, rate, minQty, maxQty, foodType, taxId, chargeIds) {\r\n const item = e.target.name;\r\n const isChecked = e.target.checked;\r\n // console.log(rate);\r\n // console.log(itemModifierRate);\r\n\r\n let modifierlst = modifiercartItemList.filter(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId);\r\n // console.log(modifierlst);\r\n itemModifierRate = this.state.modifiterItemModifierRate === 0 ? this.props.modifierItemCRate : this.state.modifiterItemModifierRate;\r\n\r\n if (modifierlst.length === 0) {\r\n itemModifierRate += rate;\r\n modifiercartItemList.push({ itemId: itemId, modifierGroupId: modifierGroupId, modifierGroupName: groupName, modifierId: modifierId, modifierName: modifierName, rate: rate, foodType: foodType, taxId: taxId, chargeIds: chargeIds, ctrl: 2 });\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n else if (modifierlst.length === 1) {\r\n let modifierindex = modifiercartItemList.findIndex(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId);\r\n itemModifierRate -= modifiercartItemList[modifierindex].rate;\r\n modifiercartItemList.splice(modifierindex, 1);\r\n itemModifierRate += rate;\r\n modifiercartItemList.push({ itemId: itemId, modifierGroupId: modifierGroupId, modifierGroupName: groupName, modifierId: modifierId, modifierName: modifierName, rate: rate, foodType: foodType, taxId: taxId, chargeIds: chargeIds, ctrl: 2 });\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n this.setState({ modifiterItemModifierRate: itemModifierRate });\r\n document.getElementById('min-group-modifier-cnt-' + modifierGroupId).innerHTML = modifiercartItemList.filter(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId && x.ctrl === 2).length;\r\n // console.log(modifiercartItemList);\r\n };\r\n\r\n handleChange(e, modifierId, modifierName, modifierGroupId, groupName, itemId, rate, minQty, maxQty, foodType, taxId, chargeIds) {\r\n const item = e.target.name;\r\n //console.log(e.target.name);\r\n const isChecked = e.target.checked;\r\n // const radionid = e.target.id;\r\n // console.log(isChecked);\r\n // console.log(radionid);\r\n // console.log(groupName);\r\n let modifierlst = modifiercartItemList.filter(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId);\r\n // console.log(modifierlst.length + \"max : \" + maxQty);\r\n itemModifierRate = this.state.modifiterItemModifierRate === 0 ? this.props.modifierItemCRate : this.state.modifiterItemModifierRate;\r\n if (isChecked) {\r\n if (maxQty > 0) {\r\n if (modifierlst.length + 1 > maxQty) {\r\n alert(\"You have already selected max addons for this category\");\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, !isChecked) }));\r\n }\r\n\r\n else {\r\n itemModifierRate += rate;\r\n modifiercartItemList.push({ itemId: itemId, modifierGroupId: modifierGroupId, modifierGroupName: groupName, modifierId: modifierId, modifierName: modifierName, rate: rate, foodType: foodType, taxId: taxId, chargeIds: chargeIds, ctrl: 1 });\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n }\r\n else {\r\n itemModifierRate += rate;\r\n modifiercartItemList.push({ itemId: itemId, modifierGroupId: modifierGroupId, modifierGroupName: groupName, modifierId: modifierId, modifierName: modifierName, rate: rate, foodType: foodType, taxId: taxId, chargeIds: chargeIds, ctrl: 1 });\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n }\r\n else // Unchecked\r\n {\r\n let modifierindex = modifiercartItemList.findIndex(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId && x.modifierId === modifierId);\r\n itemModifierRate -= rate;\r\n modifiercartItemList.splice(modifierindex, 1);\r\n this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));\r\n }\r\n this.setState({ modifiterItemModifierRate: itemModifierRate });\r\n document.getElementById('min-group-modifier-cnt-' + modifierGroupId).innerHTML = modifiercartItemList.filter(x => x.modifierGroupId === modifierGroupId && x.itemId === itemId && x.ctrl === 1).length;\r\n };\r\n\r\n render() {\r\n // this.setState({modifierItemCRate: this.props.modifierItemCRate});\r\n // itemModifierRate = itemModifierRate === 0 ? this.props.modifierItemCRate : itemModifierRate;\r\n itemModifierRate = this.state.modifiterItemModifierRate === 0 ? this.props.modifierItemCRate : this.state.modifiterItemModifierRate;\r\n // itemModifierRate = this.props.modifierItemCRate;\r\n itemGroupId = this.state.modifierItemCGroupId === 0 ? this.props.modifierItemCGroupId : this.state.modifierItemCGroupId;\r\n //itemTaxId = this.state.modifierItemCTaxId === 0 ? this.props.modifierItemCTaxId : this.state.modifierItemCTaxId;\r\n itemId = this.state.modifierItemCItemId === 0 ? this.props.modifierItemCItemId : this.state.modifierItemCItemId;\r\n itemName = this.state.modifierItemCItemName === \"\" ? this.props.modifierItemCItemName : this.state.modifierItemCItemName;\r\n itemRate = this.state.modifierItemCRate === 0 ? this.props.modifierItemCRate : this.state.modifierItemCRate;\r\n itemQtyId = this.state.modifierItemCQtyId === \"\" ? this.props.modifierItemCQtyId : this.state.modifierItemCId;\r\n // itemQty = this.state.modifierItemCQty === 0 ? this.props.modifierItemCQty : this.state.modifierItemCQty;\r\n itemTotalAmout = this.state.totalAmount === 0 ? this.props.modifierTotalItemAmount : this.state.totalAmount;\r\n itemTotalItems = this.state.totalItems === 0 ? this.props.modifierTotalItems : this.state.totalItems;\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n this.inputElement = input} data-toggle=\"modal\" data-target=\"#modifier-modal\"> \r\n
\r\n {/* Show Modifier*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.props.modifierItemCFoodType === 1 && \r\n\r\n
\r\n × \r\n \r\n
\r\n
\r\n {this.handleGenerateModifierDom()}\r\n {/*
\r\n {this.props.modifierGroupIds.map(mid =>\r\n \r\n
\r\n {this.props.modifierList.filter(mgrplst => mgrplst.modifierGroupId === mid).map(mgrp =>\r\n \r\n
{mgrp.minimumSelection > 0 && * }{mgrp.groupName} \r\n\r\n {mgrp.maximumSelection === 0 &&\r\n
(0 ) \r\n }\r\n {mgrp.maximumSelection > 0 &&\r\n
(\r\n 0 \r\n /\r\n {mgrp.maximumSelection} \r\n ) \r\n }\r\n\r\n
\r\n {mgrp.modifiers.map(mlst =>\r\n \r\n {mgrp.maximumSelection === 2 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 1 && this.handleRadioChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mgrp.maximumSelection === 0 && this.handleChange(e, mlst.modifierId, mlst.modifierName, mgrp.modifierGroupId, mgrp.groupName, this.props.modifierItemCItemId, mlst.rate, mgrp.minimumSelection, mgrp.maximumSelection, mlst.foodType, mlst.taxId, mlst.chargeIds)}> }\r\n {mlst.foodType === 1 && ₹{mlst.rate} \r\n \r\n\r\n )\r\n }\r\n \r\n
\r\n
*/}\r\n
\r\n
\r\n
\r\n
Item Total ₹{itemModifierRate}
\r\n
Add Item
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\n//import Footer from '../../components/footer';\r\nimport './items.scss';\r\nimport PopupMenus from '../../../components/emenu/popumenus';\r\nimport Modifier from '../../../components/emenu/modifier';\r\n//import uuid from 'react-uuid';\r\n//import ErrorAlert from '../../components/alertmessages';\r\nimport LoadingAnimation from '../../../components/loadinganimation';\r\nimport { isMobile } from 'react-device-detect';\r\n//import Cookies from 'universal-cookie';\r\nimport Config from '../../../data/SiteConfig';\r\nimport { css } from 'glamor'\r\n\r\nconst imageUrl = '../assets/theme1/img/theme/bg-pattern/bg4.jpg';\r\n\r\nlet mobileNo = '';\r\nlet token = '';\r\nlet tableNo = '';\r\nlet serviceType = '';\r\nlet orgnationId = '';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\n//let verifiedTable = '';\r\nlet digitalMenu = '';\r\nlet getMenus = [];\r\nlet getItems = [];\r\nlet getTaxes = [];\r\nlet getModifiers = [];\r\nlet getCharges = [];\r\nlet recommendedList = [];\r\nlet isUpdateMenu = false;\r\nconst modifierRef = React.createRef();\r\nexport default class emItems extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.goBack = this.goBack.bind(this);\r\n this.filterMenus = this.filterMenus.bind(this);\r\n this.state = {\r\n loading: false,\r\n getMenus: [],\r\n getItems: [],\r\n getModifiers: [],\r\n getTaxes: [],\r\n getCharges: [],\r\n recommendedList: [],\r\n mobileNo: '',\r\n orgId: 0,\r\n propertyId: '',\r\n outletCode: '',\r\n tableNo: '',\r\n serviceType: '',\r\n alertMessage: '',\r\n msgType: '',\r\n msgShow: false,\r\n groupName: '',\r\n groupId: '',\r\n switch1: false,\r\n activeMenuGroup: -1,\r\n totalItems: 0,\r\n totalAmount: 0,\r\n cartList: { mobileNo: 0, totalItems: 0, totalAmount: 0, itemList: [] },\r\n modifierGroupIds: [],\r\n modifierItemName: '',\r\n modifierItemId: 0,\r\n modifierItemCQty: 0,\r\n modifierItemCRate: 0,\r\n modifierItemCId: \"\",\r\n modifierItemCGroupId: 0,\r\n modifierItemCTaxId: 0,\r\n modifierItemCChargeIds: [],\r\n modifierFoodType: '',\r\n modifierTotalItemAmount: 0,\r\n checkNoQty: new Map(),\r\n // Style\r\n styleBackgroundImage: {\r\n background: `url(${imageUrl}) no-repeat center center fixed`,\r\n WebkitBackgroundSize: \"cover\",\r\n BackgroundSize: \"cover\",\r\n MozBackgroundSize: \"cover\",\r\n OBackgroundSize: \"cover\",\r\n fontFamily: \"Raleway, sans-serif\",\r\n border: \"none\",\r\n paddingBottom: \"52px\",\r\n },\r\n styleHeading: {\r\n backgroundColor: \"#59324c\",\r\n color: \"#fff\",\r\n height: \"110px\",\r\n fontSize: \"18px\",\r\n fontFamily: \"Raleway, sans-serif\",\r\n padding: \"10px 14px 8px 40px\",\r\n borderBottom: \"1px solid #fff\"\r\n },\r\n styleSubHeading: {\r\n color: \"#f9bd09\",\r\n fontSize: \"12px\",\r\n fontFamily: \"Raleway, sans-serif\"\r\n },\r\n styleMenuGroup: {\r\n color: \"#fff\",\r\n fontSize: \"17px\",\r\n fontFamily: \"Raleway, sans-serif\",\r\n backgroundColor: \"#59324c\",\r\n width: \"250px\"\r\n },\r\n styleMengroupAfter: css({\r\n ':after': [{ borderLeft: \"16px solid #59324c\", content: `''`, }]\r\n }),\r\n styleMengroupBefore: css({\r\n ':before': [{ borderBottom: \"9px solid #59324c\", content: `''`, }]\r\n }),\r\n\r\n styleSubMenuGroup: {\r\n color: \"#59324c\",\r\n fontSize: \"15px\",\r\n fontFamily: \"Raleway, sans-serif\"\r\n },\r\n\r\n styleMenuItem: {\r\n color: \"#59324c\",\r\n fontSize: \"16px\",\r\n fontFamily: \"Raleway, sans-serif\"\r\n },\r\n\r\n styleMenuDesc: {\r\n color: \"#59324c\",\r\n fontSize: \"12px\",\r\n fontFamily: \"Raleway, sans-serif\"\r\n },\r\n styleMenuPrice: {\r\n color: \"#59324c\",\r\n fontSize: \"16px\",\r\n fontFamily: \"Raleway, sans-serif\"\r\n },\r\n stylePopupMenubBtn:\r\n {\r\n color: \"#f9f2ea\",\r\n fontFamily: \"Raleway, sans-serif\",\r\n backgroundColor: \"#59324c\",\r\n },\r\n stylePopupText:\r\n {\r\n color: \"#59324c\",\r\n fontFamily: \"Raleway, sans-serif\"\r\n },\r\n styleContent:\r\n {\r\n color: \"#f9f2ea\",\r\n fontSize: \"13px\",\r\n backgroundColor: \"#fcf9ea\",\r\n },\r\n styleRefresh:\r\n {\r\n color: \"#fff\",\r\n },\r\n pageContent: \"\",\r\n pagePreview: \"\",\r\n searchText: \"\"\r\n\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror');\r\n return false;\r\n }\r\n\r\n localStorage.removeItem(\"user-vendorOrderId\");\r\n\r\n mobileNo = localStorage.getItem('user-mobileno');\r\n token = localStorage.getItem('user-token');\r\n tableNo = localStorage.getItem('user-tableno');\r\n serviceType = localStorage.getItem('user-servicetype');\r\n orgnationId = localStorage.getItem('user-orgnationid');\r\n propertyId = localStorage.getItem('user-propertyid');\r\n outletCode = localStorage.getItem('user-outletcode');\r\n digitalMenu = localStorage.getItem('user-digitalMenu');\r\n // console.log(mobileNo);\r\n // console.log(token);\r\n // console.log(tableNo);\r\n // console.log(serviceType);\r\n // console.log(orgnationId);\r\n // console.log(propertyId);\r\n // console.log(outletCode);\r\n\r\n const sessionDt = localStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror');\r\n return false;\r\n }\r\n\r\n if (token === undefined || token === \"\" || token === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (mobileNo === undefined || mobileNo === \"\" || mobileNo === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (orgnationId === undefined || orgnationId === \"\" || orgnationId === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n\r\n if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n\r\n if (digitalMenu === undefined || digitalMenu === \"\" || digitalMenu === null || digitalMenu === false || digitalMenu === \"false\") {\r\n this.props.history.push('/');\r\n return false;\r\n }\r\n\r\n\r\n window.scrollTo(0, 0);\r\n document.body.classList.remove('modal-open');\r\n let modalPopup = document.querySelector('.modal-backdrop');\r\n if (modalPopup !== null) {\r\n modalPopup.classList.remove('modal-backdrop', 'fade', 'show');\r\n }\r\n\r\n\r\n getMenus = localStorage.getItem(\"getMenuGroups\") === null ? [] : JSON.parse(localStorage.getItem(\"getMenuGroups\"));\r\n getItems = localStorage.getItem(\"getmenuItems\") === null ? [] : JSON.parse(localStorage.getItem(\"getmenuItems\"));\r\n getModifiers = localStorage.getItem(\"getModifierGroups\") === null ? [] : JSON.parse(localStorage.getItem(\"getModifierGroups\"));\r\n getTaxes = localStorage.getItem(\"getTaxes\") === null ? [] : JSON.parse(localStorage.getItem(\"getTaxes\"));\r\n getCharges = localStorage.getItem(\"getCharges\") === null ? [] : JSON.parse(localStorage.getItem(\"getCharges\"));\r\n recommendedList = getItems.filter(itm => itm.isRecommended);\r\n\r\n this.setState({\r\n recommendedList: recommendedList,\r\n getMenus: getMenus,\r\n getItems: getItems,\r\n })\r\n\r\n // CMS Settings\r\n this.getCMSDetails();\r\n }\r\n\r\n getCMSDetails() {\r\n\r\n let postobj = {\r\n organizationId: parseInt(orgnationId),\r\n propertyId: propertyId,\r\n outletCode: outletCode,\r\n ServiceMode: serviceType,\r\n ApplicationCode: Config.applicationCode,\r\n PageId: Config.pageIds.menu, // Default Menu\r\n PageType: Config.pageType.menu, // Menu \r\n RequestIp: \"\",\r\n username: Config.cmsUserName,\r\n password: Config.cmsPassword\r\n }\r\n // console.log(postobj);\r\n\r\n // (async () => {\r\n // console.log(await publicIp.v4());\r\n // //=> '46.5.21.123'\r\n\r\n // console.log(await publicIp.v6());\r\n // //=> 'fe80::200:f8ff:fe21:67cf'\r\n // })(); \r\n\r\n fetch(Config.baseAPIUrl + 'PageDetails', {\r\n method: 'POST',\r\n headers: {\r\n 'content-type': 'application/json'\r\n },\r\n body: JSON.stringify(postobj)\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n if (response.isSuccessful) {\r\n\r\n localStorage.setItem(\"pageCMSSettings\", JSON.stringify(response));\r\n this.themeStyle(response);\r\n }\r\n else {\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n })\r\n .catch(err => {\r\n //console.log(err);\r\n this.showMessage(\"CMS - Failed to fetch\", \"danger\");\r\n });\r\n }\r\n\r\n themeStyle(response) {\r\n //console.log(response.banners);\r\n if (response.banners.filter(i => i.bannerType === Config.bannerImageType.BackGroundImage) !== null && response.banners.filter(i => i.bannerType === Config.bannerImageType.BackGroundImage).length > 0) {\r\n let img = JSON.stringify(response.banners.filter(i => i.bannerType === Config.bannerImageType.BackGroundImage)[0].primaryImageUrl);\r\n let fontFamily = response.brands.filter(b => b.brandCode === 'p-f-f').length > 0 ? response.brands.filter(b => b.brandCode === 'p-f-f')[0].brandValue : \"Raleway, sans-serif\";\r\n let styleBGPattern = {\r\n background: `url(${img}) no-repeat center center fixed`,\r\n fontFamily: fontFamily,\r\n border: \"none\",\r\n paddingBottom: \"114px\",\r\n }\r\n this.setState({ styleBackgroundImage: styleBGPattern });\r\n }\r\n\r\n // Heading\r\n if (response.brands.length > 0) {\r\n let bgColor = response.brands.filter(b => b.brandCode === 't-h-b-c').length > 0 ? response.brands.filter(b => b.brandCode === 't-h-b-c')[0].brandValue : \"#59324c\";\r\n let fontColor = response.brands.filter(b => b.brandCode === 't-h-f-c').length > 0 ? response.brands.filter(b => b.brandCode === 't-h-f-c')[0].brandValue : \"#fff\";\r\n let fontSize = response.brands.filter(b => b.brandCode === 't-h-f-s').length > 0 ? response.brands.filter(b => b.brandCode === 't-h-f-s')[0].brandValue : \"18px\";\r\n let fontFamily = response.brands.filter(b => b.brandCode === 't-h-f-f').length > 0 ? response.brands.filter(b => b.brandCode === 't-h-f-f')[0].brandValue : \"Raleway, sans-serif\";\r\n //console.log(response.brands.filter(b => b.brandCode === 't-h-b-c')[0].brandValue);\r\n let styleHeading = {\r\n backgroundColor: bgColor,\r\n color: fontColor,\r\n fontFamily: fontFamily,\r\n height: \"110px\",\r\n fontSize: fontSize,\r\n padding: \"10px 14px 8px 40px\",\r\n borderBottom: \"1px solid #fff\"\r\n }\r\n this.setState({ styleHeading: styleHeading });\r\n // Refresh button\r\n let styleRefresh = {\r\n color: fontColor,\r\n }\r\n this.setState({ styleRefresh: styleRefresh });\r\n\r\n // SubHeading \r\n fontColor = response.brands.filter(b => b.brandCode === 't-s-h-f-c').length > 0 ? response.brands.filter(b => b.brandCode === 't-s-h-f-c')[0].brandValue : \"#f9bd09\";\r\n fontSize = response.brands.filter(b => b.brandCode === 't-s-h-f-s').length > 0 ? response.brands.filter(b => b.brandCode === 't-s-h-f-s')[0].brandValue : \"12px\";\r\n fontFamily = response.brands.filter(b => b.brandCode === 't-s-h-f-f').length > 0 ? response.brands.filter(b => b.brandCode === 't-s-h-f-f')[0].brandValue : \"Raleway, sans-serif\";\r\n\r\n let styleSubHeading = {\r\n color: fontColor,\r\n fontFamily: fontFamily,\r\n fontSize: fontSize\r\n }\r\n this.setState({ styleSubHeading: styleSubHeading });\r\n\r\n // Menu Group\r\n bgColor = response.brands.filter(b => b.brandCode === 'mg-b-c').length > 0 ? response.brands.filter(b => b.brandCode === 'mg-b-c')[0].brandValue : \"#59324c\";\r\n fontColor = response.brands.filter(b => b.brandCode === 'mg-f-c').length > 0 ? response.brands.filter(b => b.brandCode === 'mg-f-c')[0].brandValue : \"#fff\";\r\n fontSize = response.brands.filter(b => b.brandCode === 'mg-f-s').length > 0 ? response.brands.filter(b => b.brandCode === 'mg-f-s')[0].brandValue : \"17px\";\r\n fontFamily = response.brands.filter(b => b.brandCode === 'mg-f-f').length > 0 ? response.brands.filter(b => b.brandCode === 'mg-f-f')[0].brandValue : \"Raleway, sans-serif\";\r\n let mgwidth = response.brands.filter(b => b.brandCode === 'mg-w').length > 0 ? response.brands.filter(b => b.brandCode === 'mg-w')[0].brandValue : \"250px\";\r\n console.log(mgwidth);\r\n let styleMenuGroup = {\r\n color: fontColor,\r\n fontFamily: fontFamily,\r\n fontSize: fontSize,\r\n backgroundColor: bgColor,\r\n width: mgwidth\r\n }\r\n let afterbg = css({\r\n ':after': [{ borderLeft: \"16px solid\" + bgColor + \"\", content: `''`, }]\r\n });\r\n let beforebg = css({\r\n ':before': [{ borderBottom: \"9px solid \" + bgColor + \"\", content: `''`, }]\r\n });\r\n\r\n this.setState({ styleMenuGroup: styleMenuGroup });\r\n this.setState({ styleMengroupAfter: afterbg });\r\n this.setState({ styleMengroupBefore: beforebg });\r\n\r\n\r\n // Sub Menu Group \r\n fontColor = response.brands.filter(b => b.brandCode === 'smg-f-c').length > 0 ? '' + response.brands.filter(b => b.brandCode === 'smg-f-c')[0].brandValue + ' !important' : '#59324c';\r\n fontSize = response.brands.filter(b => b.brandCode === 'smg-f-s').length > 0 ? response.brands.filter(b => b.brandCode === 'smg-f-s')[0].brandValue : \"15px\";\r\n fontFamily = response.brands.filter(b => b.brandCode === 'smg-f-f').length > 0 ? response.brands.filter(b => b.brandCode === 'smg-f-f')[0].brandValue : \"Raleway, sans-serif\";\r\n let styleSubMenuGroup = {\r\n color: fontColor,\r\n fontFamily: fontFamily,\r\n fontSize: fontSize\r\n }\r\n\r\n this.setState({ styleSubMenuGroup: styleSubMenuGroup });\r\n\r\n // Menu Item \r\n fontColor = response.brands.filter(b => b.brandCode === 'mi-f-c').length > 0 ? '' + response.brands.filter(b => b.brandCode === 'mi-f-c')[0].brandValue + '' : '#59324c';\r\n fontSize = response.brands.filter(b => b.brandCode === 'mi-f-s').length > 0 ? response.brands.filter(b => b.brandCode === 'mi-f-s')[0].brandValue : \"16px\";\r\n fontFamily = response.brands.filter(b => b.brandCode === 'mi-f-f').length > 0 ? response.brands.filter(b => b.brandCode === 'mi-f-f')[0].brandValue : \"Raleway, sans-serif\";\r\n\r\n let styleMenuItem = {\r\n color: fontColor,\r\n fontFamily: fontFamily,\r\n fontSize: fontSize\r\n }\r\n\r\n this.setState({ styleMenuItem: styleMenuItem });\r\n\r\n // Menu Desc \r\n fontColor = response.brands.filter(b => b.brandCode === 'md-f-c').length > 0 ? '' + response.brands.filter(b => b.brandCode === 'md-f-c')[0].brandValue + '' : '#59324c';\r\n fontSize = response.brands.filter(b => b.brandCode === 'md-f-s').length > 0 ? response.brands.filter(b => b.brandCode === 'md-f-s')[0].brandValue : \"12px\";\r\n fontFamily = response.brands.filter(b => b.brandCode === 'md-f-f').length > 0 ? response.brands.filter(b => b.brandCode === 'md-f-f')[0].brandValue : \"Raleway, sans-serif\";\r\n\r\n let styleMenuDesc = {\r\n color: fontColor,\r\n fontFamily: fontFamily,\r\n fontSize: fontSize\r\n }\r\n\r\n this.setState({ styleMenuDesc: styleMenuDesc });\r\n\r\n // Menu Price \r\n fontColor = response.brands.filter(b => b.brandCode === 'mp-f-c').length > 0 ? '' + response.brands.filter(b => b.brandCode === 'mp-f-c')[0].brandValue + '' : '#59324c';\r\n fontSize = response.brands.filter(b => b.brandCode === 'mp-f-s').length > 0 ? response.brands.filter(b => b.brandCode === 'mp-f-s')[0].brandValue : \"16px\";\r\n fontFamily = response.brands.filter(b => b.brandCode === 'mp-f-f').length > 0 ? response.brands.filter(b => b.brandCode === 'mp-f-f')[0].brandValue : \"Raleway, sans-serif\";\r\n\r\n let styleMenuPrice = {\r\n color: fontColor,\r\n fontFamily: fontFamily,\r\n fontSize: fontSize\r\n }\r\n\r\n this.setState({ styleMenuPrice: styleMenuPrice });\r\n\r\n // Menu popup\r\n fontColor = response.brands.filter(b => b.brandCode === 'mpu-f-c').length > 0 ? '' + response.brands.filter(b => b.brandCode === 'mpu-f-c')[0].brandValue + '' : '#f9f2ea';\r\n fontSize = response.brands.filter(b => b.brandCode === 'mpu-f-s').length > 0 ? response.brands.filter(b => b.brandCode === 'mpu-f-s')[0].brandValue : \"16px\";\r\n bgColor = response.brands.filter(b => b.brandCode === 'mpu-b-c').length > 0 ? response.brands.filter(b => b.brandCode === 'mpu-b-c')[0].brandValue : \"Raleway, sans-serif\";\r\n fontFamily = response.brands.filter(b => b.brandCode === 'mpu-f-f').length > 0 ? response.brands.filter(b => b.brandCode === 'mpu-f-f')[0].brandValue : \"Raleway, sans-serif\";\r\n\r\n let stylePopupMenubBtn = {\r\n color: fontColor,\r\n fontFamily: fontFamily,\r\n fontSize: fontSize,\r\n backgroundColor: bgColor,\r\n }\r\n this.setState({ stylePopupMenubBtn: stylePopupMenubBtn });\r\n\r\n // Menu popup Text\r\n fontColor = response.brands.filter(b => b.brandCode === 'mpu-t-f-c').length > 0 ? '' + response.brands.filter(b => b.brandCode === 'mpu-t-f-c')[0].brandValue + '' : '#59324c';\r\n fontFamily = response.brands.filter(b => b.brandCode === 'mpu-t-f-f').length > 0 ? response.brands.filter(b => b.brandCode === 'mpu-t-f-f')[0].brandValue : \"Raleway, sans-serif\";\r\n\r\n let stylePopupText = {\r\n color: fontColor,\r\n fontFamily: fontFamily\r\n }\r\n this.setState({ stylePopupText: stylePopupText });\r\n\r\n // Conte Style\r\n bgColor = response.brands.filter(b => b.brandCode === 'cont-b-c').length > 0 ? response.brands.filter(b => b.brandCode === 'cont-b-c')[0].brandValue : \"#fcf9ea\";\r\n fontColor = response.brands.filter(b => b.brandCode === 'cont-f-c').length > 0 ? response.brands.filter(b => b.brandCode === 'cont-f-c')[0].brandValue : \"#f9f2ea\";\r\n fontSize = response.brands.filter(b => b.brandCode === 'cont-f-s').length > 0 ? response.brands.filter(b => b.brandCode === 'cont-f-s')[0].brandValue : \"13px\";\r\n\r\n let styleContent = {\r\n backgroundColor: bgColor,\r\n color: fontColor,\r\n fontSize: fontSize\r\n }\r\n this.setState({ styleContent: styleContent });\r\n\r\n\r\n // Content \r\n if (response.page != null) {\r\n // console.log(response.page.preview);\r\n this.setState({ pageContent: response.page.content, pagePreview: response.page.preview });\r\n }\r\n\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n window.scrollTo(0, 0);\r\n\r\n if (this.props.location.state !== undefined) {\r\n var stickyContainer = document.getElementById(\"\" + this.props.location.state.focusGroup + \"\");\r\n if (stickyContainer != null) {\r\n // console.log(this.props.location.state.focusGroup);\r\n window.scrollTo({\r\n top: stickyContainer.offsetTop,\r\n left: 0,\r\n behavior: 'smooth'\r\n });\r\n }\r\n }\r\n\r\n }\r\n\r\n\r\n goBack() {\r\n //this.props.history.goBack();\r\n this.props.history.push('/emhome');\r\n };\r\n\r\n filterMenus(menuList, recommendedList) {\r\n let filterItems = menuList;\r\n let recList = recommendedList;\r\n\r\n let filterGroups = [];\r\n\r\n\r\n //Menu Group Filter\r\n let _uniquesGroups = [];\r\n\r\n var _taxItmFound = {};\r\n for (var md = 0, lenc = filterItems.length; md <= lenc - 1; md++) {\r\n var stringified = JSON.stringify(filterItems[md].menuGroupId);\r\n if (_taxItmFound[stringified]) { continue; }\r\n _uniquesGroups.push({ groupId: filterItems[md].menuGroupId });\r\n _taxItmFound[stringified] = true;\r\n };\r\n // console.log(_uniquesGroups);\r\n\r\n Array.prototype.forEach.call(getMenus, grp => {\r\n let grplst = [];\r\n let subgrplst = []\r\n if (grp.subMenuGroup.length > 0) {\r\n Array.prototype.forEach.call(grp.subMenuGroup, sgp => {\r\n grplst = _uniquesGroups.filter(x => x.groupId === sgp.menuGroupId);\r\n if (grplst.length > 0)\r\n subgrplst.push({ classification: sgp.classification, description: sgp.description, displayOrder: sgp.displayOrder, hasSubMenuGroup: sgp.hasSubMenuGroup, hsnsac: sgp.hsnsac, isActive: sgp.isActive, menuGroupId: sgp.menuGroupId, menuGroupName: sgp.menuGroupName, subMenuGroup: sgp.subMenuGroup });\r\n });\r\n\r\n if (subgrplst.length > 0)\r\n filterGroups.push({ classification: grp.classification, description: grp.description, displayOrder: grp.displayOrder, hasSubMenuGroup: grp.hasSubMenuGroup, hsnsac: grp.hsnsac, isActive: grp.isActive, menuGroupId: grp.menuGroupId, menuGroupName: grp.menuGroupName, subMenuGroup: subgrplst });\r\n }\r\n else {\r\n grplst = _uniquesGroups.filter(x => x.groupId === grp.menuGroupId);\r\n\r\n if (grplst.length > 0)\r\n filterGroups.push({ classification: grp.classification, description: grp.description, displayOrder: grp.displayOrder, hasSubMenuGroup: grp.hasSubMenuGroup, hsnsac: grp.hsnsac, isActive: grp.isActive, menuGroupId: grp.menuGroupId, menuGroupName: grp.menuGroupName, subMenuGroup: [] });\r\n }\r\n });\r\n // console.log(filterGroups)\r\n\r\n\r\n this.setState({ getItems: filterItems });\r\n this.setState({ recommendedList: recList });\r\n this.setState({ getMenus: filterGroups });\r\n\r\n // Apply Theme Styles\r\n setTimeout(() => {\r\n if (localStorage.getItem(\"pageCMSSettings\") !== null) {\r\n let cmsSetting = JSON.parse(localStorage.getItem(\"pageCMSSettings\"));\r\n this.themeStyle(cmsSetting);\r\n }\r\n }, 5000);\r\n\r\n }\r\n\r\n handleSwitchChange = nr => () => {\r\n let switchNumber = `switch${nr}`;\r\n let isCheckVeg = !this.state[switchNumber];\r\n\r\n if (isCheckVeg === true) {\r\n //this.setState({loading: true});\r\n let filterItems = this.state.getItems.filter(x => x.foodType === 1);\r\n let recList = filterItems.filter(itm => itm.isRecommended);\r\n this.filterMenus(filterItems, recList);\r\n }\r\n else {\r\n this.setState({ getItems: getItems });\r\n this.setState({ recommendedList: recommendedList });\r\n this.setState({ getMenus: getMenus });\r\n }\r\n\r\n window.scrollTo(0, 0);\r\n\r\n this.setState({\r\n [switchNumber]: !this.state[switchNumber]\r\n });\r\n\r\n // { this.state[switchNumber] === true ? alert('true') : alert('false') }\r\n // console.log(!this.state[switchNumber]);\r\n };\r\n\r\n // Menu Search\r\n handlechange = event => {\r\n const val = event.target.value;\r\n\r\n this.setState({ searchText: val });\r\n\r\n if (val === \"\") {\r\n this.setState({ getItems: getItems });\r\n this.setState({ recommendedList: recommendedList });\r\n this.setState({ getMenus: getMenus });\r\n }\r\n else {\r\n\r\n // console.log(val);\r\n let filterItems = getItems.filter(obj => { return (obj.itemName.toLowerCase().indexOf(val.toLowerCase()) >= 0) });\r\n // console.log(filterItems);\r\n let recList = filterItems.filter(itm => itm.isRecommended);\r\n this.filterMenus(filterItems, recList);\r\n }\r\n window.scrollTo(0, 0);\r\n\r\n };\r\n\r\n handleMenuGroupClick(index, mnuid) {\r\n this.setState({\r\n activeMenuGroup: index,\r\n });\r\n // console.log(\"clicked\");\r\n\r\n\r\n // window.location.hash = '#' + mnuid; \r\n // console.log(mnuid) ;\r\n\r\n var stickyContainer = document.getElementById(\"\" + mnuid + \"\");\r\n // console.log(stickyContainer.offsetTop);\r\n // window.scrollTo(0, stickyContainer.offsetTop);\r\n window.scrollTo({\r\n top: stickyContainer.offsetTop,\r\n left: 0,\r\n behavior: 'smooth'\r\n });\r\n // window.scrollTo(0, this.myRef.current.offsetTop) \r\n };\r\n\r\n handleModifier(_this) {\r\n if (modifierRef.current) {\r\n modifierRef.current.handleModifier();\r\n }\r\n };\r\n\r\n handleClearText() {\r\n if (this.state.searchText !== \"\") {\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ searchText: \"\" });\r\n this.setState({ getItems: getItems });\r\n this.setState({ recommendedList: recommendedList });\r\n this.setState({ getMenus: getMenus });\r\n this.searchInp.focus();\r\n this.setState({ loading: false });\r\n window.scrollTo(0, 0);\r\n }, 900);\r\n }\r\n }\r\n\r\n getUpdateMenus() {\r\n if (!isUpdateMenu) {\r\n isUpdateMenu = true;\r\n window.scrollTo(0, 0);\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n let urlParam = '?OutletId=' + propertyId + outletCode + '&ServiceType=' + serviceType;\r\n localStorage.getItem('menuFetchDateTime') !== null ? urlParam += '&menuDateTime=' + localStorage.getItem('menuFetchDateTime') : urlParam += '';\r\n fetch(Config.basePOSUrl + 'Getguestappmenus' + urlParam, {\r\n method: 'GET',\r\n headers: {\r\n Authorization: \"Bearer \" + token,\r\n 'content-type': 'application/json'\r\n }\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n console.log(response);\r\n if (response.errorCode === 0) {\r\n if (response.response !== null) {\r\n // console.log(JSON.stringify(response.response.menuGroups)); \r\n // Filter active Menu Items\r\n let activeMenuGroups = [];\r\n let activeMenuItems = [];\r\n if (response.response.menuGroups.length > 0)\r\n activeMenuGroups = response.response.menuGroups.filter(x => x.isActive === true);\r\n\r\n if (response.response.menuItems.length > 0)\r\n activeMenuItems = response.response.menuItems.filter(x => x.isActive === true);\r\n\r\n localStorage.setItem(\"getMenuGroups\", JSON.stringify(activeMenuGroups));\r\n localStorage.setItem(\"getmenuItems\", JSON.stringify(activeMenuItems));\r\n localStorage.setItem(\"getModifierGroups\", JSON.stringify(response.response.modifierGroups));\r\n localStorage.setItem(\"getTaxes\", JSON.stringify(response.response.taxes));\r\n localStorage.setItem(\"getCharges\", JSON.stringify(response.response.charges));\r\n localStorage.setItem(\"menuFetchDateTime\", response.response.menuDateTime);\r\n getMenus = localStorage.getItem(\"getMenuGroups\") === null ? [] : JSON.parse(localStorage.getItem(\"getMenuGroups\"));\r\n getItems = localStorage.getItem(\"getmenuItems\") === null ? [] : JSON.parse(localStorage.getItem(\"getmenuItems\"));\r\n getModifiers = localStorage.getItem(\"getModifierGroups\") === null ? [] : JSON.parse(localStorage.getItem(\"getModifierGroups\"));\r\n getTaxes = localStorage.getItem(\"getTaxes\") === null ? [] : JSON.parse(localStorage.getItem(\"getTaxes\"));\r\n getCharges = localStorage.getItem(\"getCharges\") === null ? [] : JSON.parse(localStorage.getItem(\"getCharges\"));\r\n recommendedList = getItems.filter(itm => itm.isRecommended);\r\n\r\n this.setState({\r\n recommendedList: recommendedList,\r\n getMenus: getMenus,\r\n getItems: getItems,\r\n });\r\n this.setState({ searchText: \"\" });\r\n }\r\n }\r\n else {\r\n this.setState({ APIResponseMsg: \"Failed to fetch\" })\r\n this.showMessage(response.message, \"danger\");\r\n }\r\n this.setState({ loading: false });\r\n isUpdateMenu = false;\r\n })\r\n .catch(err => {\r\n this.setState({ APIResponseMsg: \"Failed to fetch\" });\r\n this.setState({ loading: false });\r\n isUpdateMenu = false;\r\n //console.log(err);\r\n // this.showMessage(\"An error occured\", \"danger\");\r\n });\r\n }, 500);\r\n }\r\n\r\n };\r\n\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, 2500);\r\n };\r\n\r\n render() {\r\n let mnugrp = \"mnu-grp-\";\r\n return (\r\n
\r\n {this.state.loading &&
}\r\n
\r\n {/* {this.state.msgShow &&
} */}\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {localStorage.getItem(\"user-propertyname\")}\r\n
{localStorage.getItem(\"user-outletname\")} \r\n
\r\n
\r\n \r\n Veg Only\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {\r\n this.state.getMenus.map(itmgrp =>\r\n
\r\n
\r\n
\r\n {itmgrp.menuGroupName} \r\n
\r\n
\r\n {itmgrp.subMenuGroup.length > 0 &&\r\n
\r\n {\r\n itmgrp.subMenuGroup.map(sgrp =>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* {itemList = getItems.filter(fitm => { return(fitm.menuGroupId === itmgrp.menuGroupId);})} */}\r\n {\r\n this.state.getItems.filter(i => i.menuGroupId === sgrp.menuGroupId).map(itm =>\r\n
\r\n
\r\n
\r\n {/*
\r\n 0 \r\n
\r\n
\r\n ADD \r\n
\r\n {itm.modifierGroupIds.length > 0 &&
customizable
} */}\r\n
\r\n
₹{itm.mrp.toFixed(2)}
\r\n
{itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n {itm.itemName.toLowerCase()}{itm.outOfStock &&
SOLD OUT }
\r\n\r\n
\r\n\r\n
\r\n {itm.description.toLowerCase()}\r\n
\r\n {/*
\r\n
\r\n ₹{itm.mrp} \r\n
\r\n
\r\n
*/}\r\n
\r\n
\r\n
\r\n ) // End Item\r\n\r\n }\r\n
\r\n
\r\n
\r\n
\r\n\r\n )\r\n }\r\n
\r\n }\r\n {itmgrp.subMenuGroup.length === 0 &&\r\n
\r\n {/* {itemList = getItems.filter(fitm => { return(fitm.menuGroupId === itmgrp.menuGroupId);})} */}\r\n {\r\n this.state.getItems.filter(i => i.menuGroupId === itmgrp.menuGroupId).map(itm =>\r\n
\r\n
\r\n
\r\n {/*
\r\n 0 \r\n
\r\n
\r\n ADD \r\n
\r\n {itm.modifierGroupIds.length > 0 &&
customizable
} */}\r\n\r\n
\r\n
₹{itm.mrp.toFixed(2)}
\r\n
{itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n {itm.itemName.toLowerCase()}{itm.outOfStock &&
SOLD OUT }
\r\n\r\n
\r\n\r\n
\r\n {itm.description.toLowerCase()}\r\n
\r\n
\r\n
\r\n
\r\n ) // End Item\r\n\r\n }\r\n
\r\n }\r\n {itmgrp.subMenuGroup.length > 0 &&\r\n
\r\n {/* {itemList = getItems.filter(fitm => { return(fitm.menuGroupId === itmgrp.menuGroupId);})} */}\r\n {\r\n this.state.getItems.filter(i => i.menuGroupId === itmgrp.menuGroupId).map(itm =>\r\n
\r\n
\r\n
\r\n {/*
\r\n 0 \r\n
\r\n
\r\n ADD \r\n
\r\n {itm.modifierGroupIds.length > 0 &&
customizable
} */}\r\n\r\n
\r\n
₹{itm.mrp.toFixed(2)}
\r\n
{itm.foodType === 1 &&
}\r\n {itm.foodType === 2 &&
}\r\n {itm.itemName.toLowerCase()}{itm.outOfStock &&
SOLD OUT }
\r\n\r\n
\r\n\r\n
\r\n {itm.description.toLowerCase()}\r\n
\r\n
\r\n
\r\n
\r\n ) // End Item\r\n\r\n }\r\n
\r\n }\r\n\r\n
\r\n ) // End Group\r\n }\r\n {this.state.getMenus.length === 0 &&\r\n < div className=\"no-menus-img\">
\r\n }\r\n {/* Seach Item*/}\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","import React, { Component } from 'react';\r\nimport './jointable.scss';\r\nimport ErrorAlert from '../../components/alertmessages';\r\nimport LoadingAnimation from '../../components/loadinganimation/login';\r\nimport { isMobile } from 'react-device-detect';\r\nimport Config from '../../data/SiteConfig';\r\nlet propertyId = '';\r\nlet outletCode = '';\r\nlet serviceType = '';\r\nlet organizationId = '';\r\nlet tableNo = '';\r\nlet mainMaskMobileNo = '';\r\nlet mainMobileNo = '';\r\nlet pageSession = '';\r\nlet urlPattern = '';\r\nexport default class JoinTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n alertMessage: '',\r\n msgShow: false,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (Config.IsMobileAccess) {\r\n if (!isMobile) {\r\n this.props.history.push('/deviceerror' + urlPattern);\r\n return false;\r\n }\r\n }\r\n window.scrollTo(0, 0);\r\n\r\n propertyId = sessionStorage.getItem('user-propertyid');\r\n outletCode = sessionStorage.getItem('user-outletcode');\r\n serviceType = sessionStorage.getItem('user-servicetype');\r\n organizationId = sessionStorage.getItem('user-orgnationid');\r\n tableNo = sessionStorage.getItem('user-tableno');\r\n mainMobileNo = sessionStorage.getItem('main-guest-no');\r\n mainMaskMobileNo = sessionStorage.getItem('main-guest-mask-no');\r\n pageSession = sessionStorage.getItem('login-page-session') == null ? 1 : parseInt(sessionStorage.getItem('login-page-session'));\r\n urlPattern = sessionStorage.getItem('url-pattern');\r\n\r\n const sessionDt = sessionStorage.getItem(\"u-l-v-url-dt\");\r\n if (!sessionDt) {\r\n this.props.history.push('/sessionerror' + urlPattern);\r\n return false;\r\n }\r\n \r\n if (!urlPattern) { \r\n this.props.history.push('/qrcodeerror' + Config.defaultUrlPattern);\r\n return false;\r\n }\r\n if (tableNo === undefined || tableNo === \"\" || tableNo === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else if (serviceType === undefined || serviceType === \"\" || serviceType === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else if (organizationId === undefined || organizationId === \"\" || organizationId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else if (propertyId === undefined || propertyId === \"\" || propertyId === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n else if (outletCode === undefined || outletCode === \"\" || outletCode === null) {\r\n this.props.history.push('/' + urlPattern);\r\n return false;\r\n }\r\n // else if (mainMobileNo === undefined || mainMobileNo === \"\" || mainMobileNo === null) {\r\n // this.props.history.push('/');\r\n // return false;\r\n // }\r\n // else if (mainMaskMobileNo === undefined || mainMaskMobileNo === \"\" || mainMaskMobileNo === null) {\r\n // this.props.history.push('/');\r\n // return false;\r\n // }\r\n\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n }, Config.minMsgTimeout);\r\n\r\n }\r\n\r\n handleJoinTable(_yesno) {\r\n\r\n if (_yesno === 1) {\r\n window.scrollTo(0, 0);\r\n if (mainMobileNo === undefined || mainMobileNo === \"\" || mainMobileNo === null) {\r\n this.showMessage('Invalid main guest mobile number', \"danger\");\r\n return false;\r\n }\r\n\r\n\r\n sessionStorage.setItem('group-session', true);\r\n\r\n this.setState({ loading: true });\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/login' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n }\r\n else {\r\n\r\n if (mainMobileNo === undefined || mainMobileNo === \"\" || mainMobileNo === null) {\r\n this.props.history.push('/login' + urlPattern);\r\n return false;\r\n }\r\n\r\n sessionStorage.setItem('group-session', false);\r\n this.setState({ loading: true });\r\n // Redirect to Page\r\n if (pageSession === Config.pageSession.Cart) {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/cart' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n else if (pageSession === Config.pageSession.PayBill) {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/mybills' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n else if (pageSession === Config.pageSession.MyOrders) {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/myorders' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n else {\r\n setTimeout(() => {\r\n this.setState({ loading: false });\r\n this.props.history.push('/home' + urlPattern);\r\n }, Config.minMsgTimeout);\r\n return false;\r\n }\r\n // this.props.history.push('/');\r\n }\r\n\r\n }\r\n\r\n showMessage(msg, type) {\r\n window.scrollTo(0, 0);\r\n this.setState({ msgShow: true });\r\n this.setState({ msgType: type });\r\n this.setState({ alertMessage: msg });\r\n this.setState({ loading: false });\r\n setTimeout(() => {\r\n this.setState({ msgShow: false });\r\n }, Config.minMsgTimeout);\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.state.loading &&
}\r\n {this.state.msgShow &&
}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Welcome to {sessionStorage.getItem(\"user-propertyname\")} \r\n
Table No: {tableNo}
\r\n
Table is occupied. Do you want to join the table?
\r\n
\r\n
No \r\n
Yes \r\n
You can get group pin from people below
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n )\r\n }\r\n\r\n}","import React, { Component } from 'react';\r\nimport './qrcodeerror.scss';\r\n//import Cookies from 'universal-cookie';\r\n\r\nexport default class SessionError extends Component {\r\n\r\n componentWillMount() {\r\n localStorage.clear();\r\n sessionStorage.removeItem(\"u-l-v-url-dt\");\r\n sessionStorage.removeItem('user-orgnationid');\r\n sessionStorage.removeItem('user-propertyid');\r\n sessionStorage.removeItem('user-propertyname');\r\n sessionStorage.removeItem('user-outletcode');\r\n sessionStorage.removeItem('user-tableno');\r\n sessionStorage.removeItem('user-servicetype');\r\n sessionStorage.removeItem('user-organizationname');\r\n sessionStorage.removeItem('user-outletname');\r\n sessionStorage.removeItem('user-mobileno');\r\n sessionStorage.removeItem('user-token');\r\n\r\n\r\n sessionStorage.removeItem('getMenuGroups');\r\n sessionStorage.removeItem('getModifierGroups');\r\n sessionStorage.removeItem('getTaxes');\r\n sessionStorage.removeItem('getmenuItems');\r\n sessionStorage.removeItem('getCharges');\r\n\r\n\r\n sessionStorage.removeItem('cartList');\r\n sessionStorage.removeItem('modifierCartList');\r\n sessionStorage.removeItem('taxCartList');\r\n sessionStorage.removeItem('chargeCartList');\r\n\r\n\r\n sessionStorage.removeItem(\"paymentInitiatedId\");\r\n sessionStorage.removeItem(\"vendorTransactionId\");\r\n sessionStorage.removeItem(\"vendorId\");\r\n sessionStorage.removeItem(\"vendorName\");\r\n sessionStorage.removeItem(\"paymentStatus\");\r\n sessionStorage.removeItem(\"order-instruction\");\r\n sessionStorage.removeItem('otpReferenceId');\r\n sessionStorage.removeItem(\"user-vendorOrderId\");\r\n sessionStorage.removeItem(\"user-table-verified\");\r\n sessionStorage.removeItem(\"user-outletDetails\");\r\n sessionStorage.removeItem('payAmount');\r\n sessionStorage.removeItem('pageCMSSettings');\r\n sessionStorage.removeItem('user-digitalMenu');\r\n sessionStorage.removeItem(\"user-loggedin-date\");\r\n sessionStorage.removeItem('otp-exp-duration');\r\n sessionStorage.removeItem(\"ebillUrl\");\r\n sessionStorage.removeItem(\"isPay\");\r\n sessionStorage.removeItem(\"posBillId\");\r\n sessionStorage.removeItem('user-statsid');\r\n sessionStorage.removeItem('main-guest-mask-no');\r\n sessionStorage.removeItem('main-guest-no');\r\n sessionStorage.removeItem('group-session');\r\n sessionStorage.removeItem('group-pin');\r\n sessionStorage.removeItem('ex-main-guest-no');\r\n sessionStorage.removeItem('cms-logo');\r\n sessionStorage.removeItem('guest-name');\r\n sessionStorage.removeItem('user-loggedin');\r\n sessionStorage.removeItem(\"login-page-session\"); // Cart Session\r\n sessionStorage.removeItem(\"on-click-mode\"); // Cart Session\r\n sessionStorage.removeItem('main-guest-name');\r\n sessionStorage.removeItem('user-qr-level');\r\n sessionStorage.removeItem('url-remarks');\r\n sessionStorage.removeItem('url-remarks');\r\n sessionStorage.removeItem('menuFetchDateTime');\r\n sessionStorage.removeItem('user-GuestDetails');\r\n sessionStorage.removeItem('user-addressId');\r\n sessionStorage.removeItem('user-CurrentAddress');\r\n sessionStorage.removeItem('prepaidCardAccountId');\r\n sessionStorage.removeItem('mobile-app');\r\n sessionStorage.removeItem('app-CountryCode');\r\n sessionStorage.removeItem('app-CountryCode');\r\n sessionStorage.removeItem('order-track-status');\r\n\r\n\r\n sessionStorage.removeItem('pageCMSSettings');\r\n sessionStorage.removeItem('menuFetchDateTime');\r\n\r\n sessionStorage.removeItem('group-pin');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('entered-mobile-no');\r\n sessionStorage.removeItem('entered-name');\r\n sessionStorage.removeItem('user-access-mode');\r\n sessionStorage.removeItem('otp');\r\n sessionStorage.removeItem('verified-otp');\r\n sessionStorage.removeItem('selectedClassification');\r\n sessionStorage.removeItem('dashboard-hide');\r\n sessionStorage.removeItem('order-charge-Tax-Amount');\r\n sessionStorage.removeItem('getclf');\r\n sessionStorage.removeItem('order-charge-Amount');\r\n sessionStorage.removeItem('app-ContactNo');\r\n sessionStorage.removeItem('order-charge-List');\r\n sessionStorage.removeItem('url-pattern');\r\n sessionStorage.removeItem('url-key');\r\n sessionStorage.removeItem('dt-number');\r\n sessionStorage.removeItem('uid');\r\n sessionStorage.removeItem('url-version');\r\n sessionStorage.removeItem('app-ver');\r\n sessionStorage.removeItem('user-session-id');\r\n sessionStorage.removeItem('redirect-page');\r\n window.history.replaceState(null, null, \"/\");\r\n }\r\n render() {\r\n return (\r\n
\r\n {/* {loading &&
} */}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n {/*
OOPS!
*/}\r\n {/*
404 - Page Not Found.
*/}\r\n
Your session has been expired.
{/*
The page you are looking for might have been removed
*/}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n )\r\n }\r\n}","import React from 'react';\nimport { BrowserRouter as Router, Route, Switch, Redirect } from \"react-router-dom\";// JK Custom\nimport './App.css';\n//import { registerNav } from './modules/navigation' ;\nimport Login from './View/login/login';\nimport Spalash from './View/splashscreen/screen';\nimport LoginVerification from './View/login/loginverification';\nimport Home from './View/home';\nimport Items from './View/items';\nimport Cart from './View/cart';\nimport Payment from './View/payment';\nimport PaymentQR from './View/payment/paymentqr'; // demo link\nimport OrderSuccess from './View/ordersuccess';\nimport MyOrders from './View/myorders';\nimport QRCodeError from './View/error/qrcoderror';\nimport PaymentVerification from './View/payment/paymentverification';\nimport OrderFailed from './View/orderfailed';\nimport Logout from './View/logout';\nimport TableVerification from './View/login/tableverification';\nimport DeviceError from './View/error/deviceerror';\nimport Orientation from './View/error/orientation';\nimport ProcessRequest from './View/process/processrequest';\nimport ProcessVerification from './View/process/processverification';\nimport ProcessSuccess from './View/process/processsuccess';\nimport ProcessFailed from './View/process/processfailed';\nimport MyBills from './View/mybills';\nimport Offline from './View/error/offline';\nimport ViewBill from './View/myorders/viewbill';\nimport SettleProcessRequest from './View/settlepayment/settleprocessrequest';\nimport SettleProcessVerification from './View/settlepayment/settleprocessverification';\nimport SettleProcessSuccess from './View/settlepayment/settleprocesssuccess';\nimport SettleProcessFailed from './View/settlepayment/settleprocessfailed';\nimport MyAddress from './View/myaccount/address';\nimport MyAddressEntry from './View/myaccount/addressentry';\nimport OrderTracking from './View/myorders/ordertracking';\nimport GPaySuccess from './View/ordersuccess/gpaysuccess';\nimport HelpRequest from './View/helprequest';\nimport PrepaidCardVerification from './View/payment/prepaidcardverification';\nimport PayOnDeliveryVerification from './View/payment/payondeliveryverification';\nimport Error404 from './View/error/err404';\n// EMenu\nimport emHome from './View/emenu/home';\nimport emItems from './View/emenu/items';\n// import emPages from './View/emenu/pages';\n\n// Group Order\nimport JoinTable from './View/login/jointable';\nimport SessionError from './View/error/sessionerror';\n//import uuid from 'react-uuid';\n\nimport * as QueryString from \"query-string\";\nimport Config from \"./data/SiteConfig\";\n//import { useAlert } from 'react-alert';\n\n//jk command\n// function App() {\n// return (\n//
\n// );\n// }\n\n//jk custom \n\n\n// Url Binding\nlet version = Config.appVersionNo;\nlet dtNumber = \"\"; // datetime\nlet uid = \"\"; // uniqueid\nlet inputParam = QueryString.parse(window.location.search);\nlet urlKey = \"\";\n//let uniqueUrlPattern = \"/v1/145268548565/ad4-587-df8\";\nlet url = window.location.href;\nconst baseUrl = url.split(\"/\")[0] + \"//\" + url.split(\"/\")[2];\nlet _splitUrl = url.split(\"/\");\nlet urlPattern = sessionStorage.getItem(\"url-pattern\");\n\nif (inputParam.ukey) {\n if (_splitUrl.length >= 4) {\n dtNumber = _splitUrl[3];\n uid = _splitUrl[4];\n urlKey = inputParam.ukey;\n } else {\n url = baseUrl + Config.defaultUrlPattern;\n _splitUrl = url.split(\"/\");\n dtNumber = _splitUrl[3];\n uid = _splitUrl[4];\n urlKey = \"\";\n }\n sessionStorage.setItem(\"url-key\", urlKey);\n sessionStorage.setItem(\"dt-number\", dtNumber);\n sessionStorage.setItem(\"uid\", uid);\n sessionStorage.setItem(\"url-version\", version);\n window.history.pushState({}, \"\", baseUrl);\n sessionStorage.setItem(\n \"url-pattern\",\n \"/\" + version + \"/\" + dtNumber + \"/\" + uid\n );\n} else {\n if (!sessionStorage.getItem(\"url-key\")) {\n if (inputParam.ukey) {\n if (_splitUrl.length >= 4) {\n dtNumber = _splitUrl[3];\n uid = _splitUrl[4];\n urlKey = inputParam.ukey;\n } else {\n url = baseUrl + Config.defaultUrlPattern;\n _splitUrl = url.split(\"/\");\n dtNumber = _splitUrl[3];\n uid = _splitUrl[4];\n urlKey = \"\";\n }\n } else {\n url = baseUrl + Config.defaultUrlPattern;\n _splitUrl = url.split(\"/\");\n dtNumber = _splitUrl[3];\n uid = _splitUrl[4];\n urlKey = \"\";\n }\n sessionStorage.setItem(\"url-key\", urlKey);\n sessionStorage.setItem(\"dt-number\", dtNumber);\n sessionStorage.setItem(\"uid\", uid);\n sessionStorage.setItem(\"url-version\", version);\n window.history.pushState({}, \"\", baseUrl);\n sessionStorage.setItem(\n \"url-pattern\",\n \"/\" + version + \"/\" + dtNumber + \"/\" + uid\n );\n } else {\n urlKey = sessionStorage.getItem(\"url-key\");\n dtNumber = sessionStorage.getItem(\"dt-number\");\n uid = sessionStorage.getItem(\"uid\");\n version = sessionStorage.getItem(\"url-version\");\n\n if (url.includes(\"orderfailed\"))\n window.history.pushState({}, \"\", baseUrl + \"/orderfailed\" + urlPattern);\n else if (url.includes(\"processfailed\"))\n window.history.pushState({}, \"\", baseUrl + \"/processfailed\" + urlPattern);\n else if (url.includes(\"settleprocessfailed\"))\n window.history.pushState({}, \"\", baseUrl + \"/settleprocessfailed\" + urlPattern);\n else if (sessionStorage.getItem(\"redirect-page\"))\n window.history.pushState({}, \"\", baseUrl + \"/\" + sessionStorage.getItem(\"redirect-page\") + urlPattern);\n\n //sessionStorage.setItem(\"unique-urlPattern\", uniqueUrlPattern);\n }\n}\n\n\nfunction App() {\n // console.log('app');\n return (\n
\n \n \n \n \n
\n );\n}\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\n\n\n// jk command\n// ReactDOM.render(\n//
\n// ,\n// document.getElementById('root')\n// );\n\n// jk custom\n\nReactDOM.render(
, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}
![\"slider\"](\"../assets/theme1/img/login-bg.png\")
\r\n ![\"lucid-contactless-app-user-login\"](\"/img/user-img.png\")
![\"lucid-contactless-app-user-table-service\"](\"../assets/theme1/img/table-logo-w.png\"){kind=logo}
\r\n ![\"slider\"](\"../assets/theme1/img/otp-bg.png\")
\r\n ![\"profile\"](\"/img/no-image/no-outlet.png\")
\r\n }\r\n {o.imageUrl !== \"\" &&\r\n ![\"lucid-contactless-app-pos\"]({\"/img/f-t-veg.png\"})
Only Veg![\"lucid-contactless-app-pos\"]({\"/img/f-t-nonveg.png\"})
Non-Veg![\"slider\"](\"../assets/theme1/img/slide1.jpg\")
\r\n ![\"slider\"](\"../assets/theme1/img/slide2.jpg\")
\r\n ![\"slider\"](\"../assets/theme1/img/slide3.jpg\")
\r\n ![\"you](\"../assets/theme1/img/food9.jpg\")
\r\n ![\"you](\"../assets/theme1/img/food10.jpg\")
\r\n ![\"you](\"../assets/theme1/img/food11.jpg\")
\r\n ![\"you](\"../assets/theme1/img/food12.jpg\")
\r\n ![\"you](\"../assets/theme1/img/food13.jpg\")
\r\n ![\"you](\"../assets/theme1/img/food14.jpg\")
\r\n ![\"dish-menu\"](\"../assets/theme1/img/item/menu-icon.png\"){kind=icon}
\r\n ![\"lucid-post-paid\"](\"../assets/theme1/img/pay-bill.png\")
View Bill![\"item\"]({\"../assets/theme1/img/f-t-veg.png\"})
}\r\n {mlst.foodType === 2 && ![\"item\"]({\"../assets/theme1/img/f-t-nonveg.png\"})
}\r\n {mlst.modifierName} ₹{mlst.rate}\r\n ![\"lucid-no-orders\"](\"/img/no-image/no-data.png\")
\r\n ![\"item\"](\"/img/f-t-veg.png\")
}\r\n {itm.foodType === 2 && ![\"item\"](\"/img/f-t-nonveg.png\")
}\r\n ![\"lucid-no-menus\"](\"/img/no-image/no-menus.png\")
![](\"../assets/theme1/img/rupee.png\")
\r\n Pay & Place Order\r\n ![\"lucid-place-order\"](\"/img/place-order.png\")
\r\n Place Order\r\n ![\"lucid-rupee\"](\"/img/rupee.png\")
\r\n Pay & Place Order\r\n 
{pay.vendorName}![\"lucid-payment-qr\"](\"/img/pay-qr.jpg\")
![\"lucid-rupee\"](\"/img/pay-bill.png\")
Pay Now![\"lucid-contactless-food-ordering\"](\"/img/error/qrcode-error.png\")
\r\n\r\n ![\"lucid-contactless-food-ordering\"](\"../assets/theme1/img/error/qrcode-error.png\")
*/}\r\n\r\n ![\"lucid-contactless-app-user-table-service\"](\"/img/table-logo.png\"){kind=logo}
![\"lucid-device-error\"](\"/img/error/exclamation-red.png\")
\r\n ![\"lucid-contactless-food-ordering\"](\"../assets/theme1/img/error/orientation-mode.png\")
*/}\r\n \r\n ![\"\"](\"/img/table-logo-no-orders.png\"){kind=logo}
\r\n {this.state.billMsg} \r\n \r\n ![\"lucid-contactless-food-ordering\"](\"/img/error/internet-error.png\")
\r\n \r\n ![\"lucid-no-orders\"](\"/img/no-image/no-orders.png\")
![\"slider\"](\"../assets/theme1/img/slider/slide2.jpg\")
\r\n ![\"slider\"](\"../assets/theme1/img/slider/slide3.jpg\")
\r\n ![\"slider\"](\"../assets/theme1/img/slider/slide4.jpg\")
\r\n ![\"banner\"](\"../assets/theme1/img/food4.jpg\")
*/}\r\n ![\"\"/](\"../assets/theme1/img/food1.jpg\")
\r\n ![\"\"/](\"../assets/theme1/img/food2.jpg\")
\r\n ![\"\"/](\"../assets/theme1/img/food3.jpg\")
\r\n ![\"\"](\"../assets/theme1/img/food5.jpg\")
\r\n ![\"\"](\"../assets/theme1/img/food6.jpg\")
\r\n ![\"\"](\"../assets/theme1/img/food7.jpg\")
\r\n ![\"\"/](\"../assets/theme1/img/food8.jpg\")
\r\n ![\"lucid-no-menus\"](\"../assets/theme1/img/no-image/no-menus.png\")