diff --git a/src/check.jsx b/src/check.jsx new file mode 100644 index 0000000..941f1c0 --- /dev/null +++ b/src/check.jsx @@ -0,0 +1,4608 @@ +import React, { useEffect, useState, useRef } from 'react'; +import { FaWhatsapp, FaPrint, FaParking, FaCartPlus } from 'react-icons/fa'; +import { useDispatch, useSelector } from 'react-redux'; +import { useNavigate } from 'react-router-dom'; +import moment from 'moment'; +import { Badge, Popover, Modal, Tooltip } from 'antd'; +import { AiOutlineClose, AiOutlineArrowRight } from 'react-icons/ai'; +import { GiBasket } from 'react-icons/gi'; +import { + UpCircleOutlined, + UpOutlined, + TransactionOutlined, +} from '@ant-design/icons'; +import { + printDiv, + extractLastNumberOrderId, + encryptObject, +} from '../../../../Services/Others'; +import PaymentPdfBooking from '../../../paymentpdfPage/PaymentPdfBooking'; +import { Messages } from '../../../../Components/Notifications/Messages'; +import { MdMoneyOff } from 'react-icons/md'; +import paygate from '../../../../Images/paygate.png'; +import defaultupi from '../../../../Images/defaultupi.png'; +import paydevice from '../../../../Images/paydevice.png'; +import paymentFailure from '../../../../Images/payment-failure2.png'; +import BSSummery1 from '../BSBillingTables/BSBillingTableSummery/BSSummery'; +import { DefaultModal } from '../../../../Components/Modal/DefaultModal.jsx'; +import { Tables } from '../../../../Components/Tables/Table'; +import QrComponent from '../BookingFunctionality/DynamicQr.jsx'; +import QrinScreen from '../BookingFunctionality/DynamicScreenQr.jsx'; +import { ArrowRightOutlined } from '@ant-design/icons'; +import Buttons from '../../../../Components/Forms/Buttons'; +import WpIcon from '../../../../Images/message.png'; +import '../../../../Styles/BookingScreen/Template/BSLayout7/BSC1Payment.scss'; +import '../../../../Styles/BookingScreen/Template/BSLayout7/CustomFloatMenu.scss'; +import PozoPreOrderIcon from '../UtillComponents/Pozo retail icons/PozoPreOrderIcon.jsx'; +import { + GlobalOrderCardDetails, + changeOrderCardDetails, + GlobalCustId, + PostBookingData, + GlobalSelectedTableDetails, + GlobalBookingType, + changeBookingType, + getConfigType, + PutBookingData, + GlobalReorderHoldDetails, + getUnpaidData, + changeReorderHoldDetails, + ChangeNavHoldData, + GlobalReprintModal, + changeSelectedTableDetails, + GlobalNavHoldData, + getPreferenceData, + changeSelectedCustId, + GlobalSelCustId, + changeSelectedOption, + GlobalSelOption, + changeCustomerID, + changeCompoPaymentIconStatus, + getSalesDetailData, + SendPaymentLink, + changeSummeryTotalAmount, + changeCreditFocus, + changeUpiIDprint, + GlobalSelectedCustDisable, + changeSummeryTotalItems, + changeSummeryQty, + changeSummeryTotalWithoutTaxAmount, + changeSummeryTotalTaxAmount, + GlobalEstimateBooking, + GlobalSelProdWiseEst, + changeSelProdWiseEst, + changeEstimateBooking, + GlobalUpiIDprint, + GlobalUpiIDName, + GlobalUpiIDoptionId, + GlobalBookingTypeBoth, + changeSelectTable, + changeSelectChair, + GlobalOrderType, + changeReorderProductDetails, + FeatureAddon, + GlobalCommonPaymentOptions, + PostPaymentdevice, + changeUpiIDName, + changeUpiIDoptionId, + GetPaymentdeviceResponse, + PutBookingPaymentStatusChange, + changeCombosearch, + GlobalCombosearch, + Comboget, + GlobalPayementloader, + changePaymentloader, + PaymentGatewayGetdetail, + changePaymentTransactionNumber, + Globalunpaidflow, + changeunpaidflow, + PutPendingPaymentList, + changealldata, + PreferenceData, + changeOrderType, + putSplitpaymentStatus, + GlobalFailedTotalAmt, + GlobalOverAllDiscEstimate, + GlobalOverAllDiscSales, + ChangeOverAllDiscSales, + ChangeOverAllDiscEstimate, + GlobalUnpaidListData, + changeUnpaidData, + getAllCustomer, + GlobalBranchFinancialStatus, + changeSummeryComboOfferAmount, + changeTipAmount, + GlobaltipAmount, + GlobalFeatAddOnData, + GlobalOtherServiceTicketClaim, + changeOtherServiceTicketClaim, + GlobalOtherSevices, + changeOtherServices, + changeComboRedirectionToDefaultLayoutForParking, + GlobalRetailWSSalesType, + GlobalCurrentOrderId, + changeCurrentOrderId, + getCreditCustomer, + ChangeSelectedCustDisable, +} from '../../../../Features/BookingScreen/BookingData/BookingData'; +import { PrintStyleFunction } from '../../../paymentpdfPage/PrintStyleFunction.js'; +import { + gettinghold, + globalholddata, + changeholddata, +} from '../../../../Features/BookingScreen/HoldOption/HoldOption'; + +import { + changetemplateData, + SelectedPrintTemplate, + StoredSessionData, + GlobalprintDatas, + GlobalPrinterMappingDtls, + getPrinterMappingDetails, + getPrintSelectionComponentData, +} from '../../../../Features/ThemeChange/ThemeChange'; +import FeaturesFunctionalities from '../BookingFunctionality/FeaturesFunctionalities'; +import { + globalExtraTotalAmount, + ChangeTotalAmount, +} from '../../../../Features/ExteraCharges/ExtraCharges'; +import { + getAddCustomerDetails, + GlobalAddCustomerDetails, +} from '../../../../Features/BookingScreen/Customer/addCustomer'; +import BSCustomerSelect from '../UtillComponents/BSSelectCustomer.jsx'; +import PozoHoldIcon from '../UtillComponents/Pozo retail icons/PozoHoldIcon'; +import PozoDineInIcon from '../UtillComponents/Pozo retail icons/PozoDineIn.jsx'; +import PozoUnpaidIcon from '../UtillComponents/Pozo retail icons/PozoUnpaidIcon.jsx'; +import PozoBillIcon from '../UtillComponents/Pozo retail icons/PozoBIllIcon.jsx'; +import PozoTakeAway from '../UtillComponents/Pozo retail icons/PozoTakeAwayIcon'; +import PozoQuickAddIcon from '../UtillComponents/Pozo retail icons/PozoQuickAddIcon.jsx'; +import PozoReprintIcon from '../UtillComponents/Pozo retail icons/PozoReprintIcon'; +import PozoExtraChargesIcon from '../UtillComponents/Pozo retail icons/PozoExtraChargesIcon.jsx'; +import PozoAddCustomerIcon from '../UtillComponents/Pozo retail icons/PozoAddCustomerIcon.jsx'; +import BsBillingCreditCustomer from '../BookingFunctionality/BSBillingCreditCustomer.jsx'; +import { TfiMoreAlt } from 'react-icons/tfi'; +import BSCreditCustomer from '../UtillComponents/BSCreditCustomer.jsx'; +import PozoAdvanceIcon from '../UtillComponents/Pozo retail icons/PozoAdvanceIcon.jsx'; +import { isMobile } from 'react-device-detect'; +import MobilePrint from '../BookingFunctionality/MobilePrint.jsx'; +import SplitPayment from '../BookingFunctionality/SplitPayment.jsx'; +import BSNavBarEstimate from '../UtillComponents/BSNavBarEst.jsx'; +import CountUp from 'react-countup'; +import BSNavBarPreOrder from '../UtillComponents/BSComboNavBarPreOrder.jsx'; +import { GlobalpreOrderOpen } from '../../../../Features/BookingScreen/PreOrder/PreOrder.js'; +import TokensinglePrint from '../../../paymentpdfPage/TokenOnlyPrints/TokeninsinglePrint.jsx'; +import SingleTokenMobilePrint from '../BookingFunctionality/SingleTokenMobilePrint.jsx'; +import IndividualTokenMobilePrint from '../BookingFunctionality/IndividualTokenMobilePrint.jsx'; +import { getCustomerDisplayWindow } from '../../../../Features/customerDisplayWindow/customerDisplayWindow.js'; +import { + GlobalPreOrderPendingCount, + PreOrderGet, + changePreOrderPendingCount, + changepreOrder, + changePreOrderAdditem, + changepreOrderList, + changePreOrderCusName, + changePreOrderCusMob, + changePreOrderDate, + changePreOrderTime, + changePreOrderAdd1, + changePreOrderAdd2, + changePreOrderAdvance, + changePreOrderzip, + changePreOrderCity, + changePreOrderDistrict, + changePreOrderState, +} from '../../../../Features/BookingScreen/PreOrder/PreOrder.js'; +import PaymentFailedSales from '../../../Payment/PaymentFailedDetails/PaymentFailedSales.jsx'; +import PozoSplitPaymentIcon from '../UtillComponents/Pozo retail icons/PozoSplitPaymentIcon.jsx'; +import PozoFailedPaymentsIcon from '../UtillComponents/Pozo retail icons/PozoFailedPaymentsIcon.jsx'; +import { + Global_CoupenCodeAmount, + Global_loyaltyPointsDiscountAmount, + Global_OrderOfferDetail, + Global_OverallOfferAmount, + Global_SalesWiseOfferAmount, +} from '../../../../Features/Offer/Offer.js'; +import { useApplyOfferto_CardDetail } from '../UtillComponents/BSNavBarOffer/BSNavBarOffer_CustomHooks.jsx'; +import TooltipWrapper from '../../../../Components/Tooltip/Tooltip'; +import BSNavBarOffer from '../UtillComponents/BSNavBarOffer/BSNavBarOffer.jsx'; +import { getEmpAccess } from '../../../../Features/AppPage/CenterPage.js'; +import { useAuth } from '../../../../AuthContext.jsx'; +import { GlobalBookingStatus } from '../../../../Features/Payment/PaymentReceivedRetail/PaymentReceivedRetail.js'; +import WhatsAppShare from '../../../WhatsAppShare/whatsAppShare.jsx'; +import CryptoJS from 'crypto-js'; +import SMSShare from '../../../WhatsAppShare/SmsShare.jsx'; +import { MdSms } from 'react-icons/md'; +import { + changeSalesPaymentoption, + GlobalSalesPaymentoption, +} from '../../../../Features/Payment/Paymentoptions/Paymentoptions.js'; +import Paymentoption from '../../../Payment/PaymentOptions/PaymentOptions.jsx'; +import BSTipAmount from '../UtillComponents/BSTipAmount.jsx'; +import { ApplicationPreferences } from '../../../../Features/BrachLogin/BranchLogin.js'; +import BSOtherServiceClaim from '../UtillComponents/BSOtherServiceClaim.jsx'; +import { OtherServicesCardlistdata } from '../../../../Features/OtherServices/OtherServices.js'; +import { MobilePdfPrint } from '../BookingFunctionality/MobilePdfPrint.js'; +import { PublicQrCodepost } from '../../../../Features/ConfigMasterPage/ConfigMasterPage.js'; +import BSMembership from '../UtillComponents/BSMembership.jsx'; +import CardPopover from '../BSBillingTables/StandardTable/Utils/CardPopover.jsx'; +import UpiPopover from '../BSBillingTables/StandardTable/Utils/UpiPopOver.jsx'; +import { useDateStore } from '../../../../Features/BookingScreen/BookingData/DateStore.js'; +import { getPaymentOptionsData } from '../../../../Features/BookingScreen/BookingData/KioskBookingData.js'; +import CustomerOrders from '../BookingFunctionality/CustomerOrders.jsx'; + +const subDirectory = import.meta.env.ENV_BASE_URL; +const MainHomeUrl = import.meta.env.ENV_MAIN_BASE_URL; +const RetailApiurl = import.meta.env.ENV_API_URL; + +const currentDateValue = moment().format('YYYY-MM-DD HH:mm:ss'); + +const BSC1Payment = (props) => { + const isF4Pressed = useRef(false); + const applyOffer = useApplyOfferto_CardDetail(); + const { SadminuserAccess } = useAuth(); + let SAAccessCommonMaster = SadminuserAccess?.find( + (e) => e?.MenuName === 'Sales' + ); + + const dispatch = useDispatch(); + const navigate = useNavigate(); + const SessionData = useSelector(StoredSessionData); + const BranchFinancialStatus = useSelector(GlobalBranchFinancialStatus); + const globalTipAmount = useSelector(GlobaltipAmount); + const OtherServiceTicketClaim = useSelector(GlobalOtherServiceTicketClaim); + const RetailWSSalesType = useSelector(GlobalRetailWSSalesType); + const BranchId = SessionData?.BranchId; + const AppName = SessionData?.AppName; + const AppId = SessionData?.AppId; + const CompId = SessionData?.CompId; + const UserId = SessionData?.UserId; + const UserType = SessionData?.UserType; + const AuthToken = SessionData?.AuthToken; + const SessionMobileNo = SessionData?.SessionMobileNo; + const [open, setOpen] = useState(false); + const printerTemplateStyle = useSelector(SelectedPrintTemplate); + const SelectedTableDetails = useSelector(GlobalSelectedTableDetails); + const Custdisable = useSelector(GlobalSelectedCustDisable); + const OrderCardDetail = useSelector(GlobalOrderCardDetails); + const GlobalExtraCharge = useSelector(globalExtraTotalAmount); + const ReportholdData = useSelector(GlobalReorderHoldDetails); + const ReprintModal = useSelector(GlobalReprintModal); + const GetCustId = useSelector(GlobalCustId); + const GlobalUpiID = useSelector(GlobalUpiIDprint); + const SelCustId = useSelector(GlobalSelCustId); + const selOption = useSelector(GlobalSelOption); + const Holddata = useSelector(globalholddata); + const BookingType = useSelector(GlobalBookingType); + const BookingTypeBoth = useSelector(GlobalBookingTypeBoth); + const OrderType = useSelector(GlobalOrderType); + const GlobalAddCustomerDetails1 = useSelector(GlobalAddCustomerDetails); + const SettingDataSelector = useSelector(PreferenceData); + const GlobalSalesPaymentoptions = useSelector(GlobalSalesPaymentoption); + const FeatureAddonData = useSelector(GlobalFeatAddOnData); + + const allowedNames = ['whatsapp', 'Print', 'SMS']; + + const filteredSettingNames = SettingDataSelector?.[0]?.['SettingDtlDetails'] + ?.filter( + (item) => + allowedNames.includes(item?.SettingIdName) && item?.SettingValue === 'Y' + ) + ?.map((item) => item?.SettingIdName); + + const preferenceOffer = + SettingDataSelector?.[0]?.['SettingDtlDetails']?.find( + (item) => item.SettingIdName === 'Offer' + )?.SettingValue === 'Y'; + const GlobalUpName = useSelector(GlobalUpiIDName); + const GlobalUpiIDoptionIdd = useSelector(GlobalUpiIDoptionId); + const NavHoldData = useSelector(GlobalNavHoldData); + const GlobEstBooking = useSelector(GlobalEstimateBooking); + const GlobProdwisedata = useSelector(GlobalSelProdWiseEst); + const preOrder = useSelector(GlobalpreOrderOpen); + const Comboglobal = useSelector(GlobalCombosearch); + const FailedTotalAmt = useSelector(GlobalFailedTotalAmt); + const OrderOfferDetail = useSelector(Global_OrderOfferDetail); + const [SelectedUpiOption, setSelectedUpiOption] = useState(); + const [credit, setCredit] = useState(false); + const [overAllBal, setOverAllBal] = useState(0); + const [SelectedBookingType, setSelectedBookingType] = useState(null); + const [TotalItems, setTotalItems] = useState(''); + const [showWhatsAppShare, setShowWhatsAppShare] = useState(false); + const [showSMSShare, setSMSShare] = useState(false); + const [TotalWithoutTaxAmount, setTotalWithoutTaxAmount] = useState(''); + const [TotalTaxAmount, setTotalTaxAmount] = useState(''); + const [Qty, setQty] = useState(null); + const [formattedDate, setFormattedDate] = useState(''); + const [UpiOptionOpen, setUpiOptionOpen] = useState(false); + const [customerPreviesOrders, setCustomerPreviesOrders] = useState(false); + const [UpiOption, setUpiOption] = useState(''); + const [UpiId, setUpiId] = useState(); + const [hold, setHold] = useState(false); + const appPreferences = useSelector(ApplicationPreferences); + const commonModulePreference = appPreferences?.find( + (preference) => preference?.PreferredCatName === 'Common Module' + )?.PreferenceCatDetails; + const sportsAppPreference = commonModulePreference?.find( + (preference) => preference?.PreferredSubCatName === 'SportsApp' + ); + const bookingTypePreference = appPreferences?.find( + (preference) => preference?.PreferredCatName === 'Booking Type' + )?.PreferenceCatDetails; + const dinePreference = bookingTypePreference?.find( + (type) => + type?.PreferredSubCatName?.toLowerCase() === 'dine in' && + type?.PreferredStatus === 'Y' + ); + const takeAwayPreference = bookingTypePreference?.find( + (type) => + type?.PreferredSubCatName?.toLowerCase() === 'take away' && + type?.PreferredStatus === 'Y' + ); + + const preferenceshortcutkey = SettingDataSelector?.[0]?.[ + 'SettingDtlDetails' + ]?.some( + (item) => + item.SettingIdName.toLowerCase() === 'shortcutkeys' && + item.SettingValue === 'Y' + ); + + const [addcustomer, setAddCustomer] = useState(false); + const [PrintOrderDetails, setPrintOrderDetails] = useState([]); + const tabledata = useSelector(GlobalUnpaidListData); + const [FirstPaymentclick, setFirstPaymentclick] = useState(false); + const [unpaidopen, setUnpaidOpen] = useState(false); + const unpaidFlow = useSelector(Globalunpaidflow); + const [messageType, setMessageType] = useState(null); + const [messageData, setMessageData] = useState(null); + const [reprint1, setReprint1] = useState(false); + const [extraCharges, setExtraCharges] = useState(false); + const [QuickAdd, setQuickAdd] = useState(false); + const [DineInPreference, setDineInPreference] = useState({}); + const [UpinotSelected, setUpinotSelected] = useState(false); + const [qrCode, setQrCode] = useState(false); + const [paybtns, setpaybtns] = useState([]); + const [CreditCustomer, setCreditCustomer] = useState(false); + const [creditCustomerOpen, setcreditCustomerOpen] = useState(false); + const [Success, SetSuccess] = useState(); + const [brachName, setbrachName] = useState(''); + const [UpiOpen, setUpiOpen] = useState(false); + const [ConfigDataList, setConfigDataList] = useState([]); + const BSComboData = props?.hasOwnProperty('optionNames') + ? props['optionNames'] + : null; + const BSComboNavbar = + BSComboData?.BookingLayout?.[0] === 'Combo1' + ? BSComboData?.BookingCombo1 + : BSComboData?.BookingCombo2; + const OfferCheckedInSetup = BSComboNavbar?.[1]?.some( + (some) => some.OptionName === 'Offer' + ); + const UomPrint = SettingDataSelector?.[0]?.SettingDtlDetails.filter( + (i) => i.SettingIdName === 'PrintUom' + )?.[0]; + const Estimation = SettingDataSelector?.[0]?.SettingDtlDetails?.find( + (item) => item.SettingIdName == 'Estimation' + ); + const ParkingDisplay = SettingDataSelector?.[0]?.SettingDtlDetails?.find( + (setting) => + setting?.SettingIdName?.toLowerCase() === 'parking' && + setting?.SettingValue === 'Y' + ); + const MobileA4Print = SettingDataSelector?.[0]?.SettingDtlDetails?.find( + (setting) => + setting?.SettingIdName?.toLowerCase() === 'mobilea4' && + setting?.SettingValue === 'Y' + ); + const Weightasquantity = SettingDataSelector?.[0]?.SettingDtlDetails?.some( + (setting) => + setting?.SettingIdName?.toLowerCase() === 'weightasquantity' && + setting?.SettingValue === 'Y' + ); + const [OrderStatus, setOrderStatus] = useState(true); + // const [FeatureAddonData, setFeatureAddonData] = useState([]); + const [Splitpayment, setSplitpayment] = useState(false); + const [urlData, setUrlData] = useState(); + const [PaymentOptions, setPaymentOptions] = useState([]); + const [paybtnselected, setPaybtnselected] = useState(); + const [Paybtnnameselected, setPaybtnnameselected] = useState(); + const [OtherServiceStatus, setOtherServiceStatus] = useState(false); + const allowDecimal = SettingDataSelector?.[0]?.SettingDtlDetails?.find( + (setting) => + setting?.SettingIdName?.toLowerCase() === 'decimal' && + setting?.SettingValue === 'Y' + ); + const Custombill = SettingDataSelector?.[0]?.SettingDtlDetails?.some( + (setting) => + setting?.SettingIdName?.toLowerCase() === 'customisedbillnumber' && + setting?.SettingValue === 'Y' + ); + const [SelectedCardOption, setSelectedCardOption] = useState(null); + const [SelectedUPIPayOption, setSelectedUPIPayOption] = useState('Default'); + const [CardOptionOpen, setCardOptionOpen] = useState(false); + const [CardoptionnotSelected, setCardoptionnotSelected] = useState(false); + const [PaymentgatewayCard, setPaymentgatewayCard] = useState([]); + const [PaymentDeviceCard, setPaymentDeviceCard] = useState([]); + const [PaymentgatewayUPI, setPaymentgatewayUPI] = useState([]); + const [PaymentDeviceUPI, setPaymentDeviceUPI] = useState([]); + const [UpiPayOption, setUpiPayOption] = useState([]); + const [CardPayOption, setCardPayOption] = useState([]); + const [PaymentUpiOptions, setPaymentUpiOptions] = useState([]); + const GlobaluseOptions = useSelector(GlobalCommonPaymentOptions); + const [useOptions, setuseOptions] = useState([]); + const CheckOrderType = OrderCardDetail?.filter( + (a) => a?.BookingTypeName !== BookingType + ); + // const [ComboDropDown, setComboDropDown] = useState(); + const paymentloader = useSelector(GlobalPayementloader); + const TokenOnly = SettingDataSelector?.[0]?.SettingDtlDetails?.filter( + (i) => i.SettingIdName === 'TokenOnly' + )?.[0]; + const IndividualToken = SettingDataSelector?.[0]?.SettingDtlDetails?.filter( + (i) => i.SettingIdName === 'AllProductindividualToken' + )?.[0]; + const [UnpaidConfirmation, setUnpaidConfirmation] = useState(false); + const [unpaidselectedindex, setunpaidselectedindex] = useState(); + const [preOrderOpen, setPreOrderOpen] = useState(false); + const preOrderPendingCount = useSelector(GlobalPreOrderPendingCount); + const [failedOrderData, setFailedOrderData] = useState(); + const [OpenFailData, SetOpenFailData] = useState(false); + const [paymentfeataddon, setpaymentfeataddon] = useState(false); + const [isFloatMenuOpen, setIsFloatMenuOpen] = useState(false); + const OverAllSales = useSelector(GlobalOverAllDiscSales); + const OverAllEstimate = useSelector(GlobalOverAllDiscEstimate); + const [blink, setBlink] = useState(false); + const [empData, setEmpData] = useState(); + const [MobileNoWhatsApp, setMobileNoWhatsApp] = useState(); + const printDatas = useSelector(GlobalprintDatas); + const PrinterDetails = useSelector(GlobalPrinterMappingDtls); + const [addnewAccess, setaddnewAccess] = useState(true); + const BookingStatus = useSelector(GlobalBookingStatus); + + const PaymentOptionsModeName = + PaymentOptions?.find((e) => e.ModeDefault?.toUpperCase() === 'Y') + ?.ModeName || PaymentOptions?.[0]?.ModeName; + const PaymentOptionsModeId = + PaymentOptions?.find((e) => e.ModeDefault?.toUpperCase() === 'Y')?.ModeId || + PaymentOptions?.[0]?.ModeId; + + const CheckBookingStatus = + BookingStatus?.find((item) => item.ScreenType === 'Booking') + ?.ScreenStatus ?? 'Open'; + const OverallOfferAmount = useSelector(Global_OverallOfferAmount); + + const [TotalAmount, setTotalAmount] = useState(0); + // for customised invoice number + const { invoiceDate, clearInvoiceDate } = useDateStore(); + const CurrentOrderId = useSelector(GlobalCurrentOrderId); + + console.log(BSComboData, 'BSComboData'); + const canHold = + unpaidFlow === false && + BookingType !== 'Dine In' && + !BookingTypeBoth && + OrderCardDetail?.length !== 0 && + CheckOrderType?.length === 0 && + OrderType !== 'Failed' && + CheckBookingStatus !== 'Close' && + !addnewAccess && + BSComboData?.BookingBilling?.[1]?.some( + (e) => e?.OptionName?.toLowerCase() == 'hold' + ); + const canRecall = + unpaidFlow === false && + BookingType !== 'Dine In' && + !BookingTypeBoth && + OrderCardDetail?.length == 0 && + OrderType !== 'Failed' && + Holddata?.length > 0 && + CheckBookingStatus !== 'Close' && + !addnewAccess && + BSComboData?.BookingBilling?.[1]?.some( + (e) => e?.OptionName?.toLowerCase() == 'hold' + ); + + const canExtracharge = + BSComboNavbar?.[1]?.some( + (e) => e?.OptionName?.toLowerCase() == 'extracharge' + ) && OrderCardDetail?.length !== 0; + const canSplitPayment = + paybtns?.length > 1 && + OrderCardDetail?.length > 0 && + CheckBookingStatus !== 'Close' && + !addnewAccess; + + console.log(canSplitPayment, 'canSplitPayment'); + const canReprint = BSComboNavbar?.[1]?.some( + (e) => e?.OptionName?.toLowerCase() == 'reprint' + ); + console.log( + BSComboData?.BookingBilling?.[1]?.some( + (e) => e?.OptionName?.toLowerCase() == 'hold' + ), + '11111111111111' + ); + // Usage + useEffect(() => { + const fetchCreditCustomer = async () => { + const selectedMode = paybtns?.find( + (pay) => paybtnselected === pay?.ModeId + )?.ModeName; + + if ( + selectedMode?.toLowerCase() === 'credit' && + (!UpinotSelected || !CardoptionnotSelected) + ) { + setCredit(true); + try { + const res = await dispatch( + getCreditCustomer({ + CompId, + AppId, + BranchId, + CustId: selOption?.CustId, + }) + ).unwrap(); + + if (res?.data?.statusCode === 1 && res?.data?.data?.length > 0) { + setOverAllBal(res.data.data[0]?.OverAllBal ?? 0); + } else { + setOverAllBal(0); + } + } catch (error) { + console.error('Credit fetch failed', error); + setOverAllBal(0); + } + } else { + setCredit(false); + setOverAllBal(0); + } + }; + + fetchCreditCustomer(); + }, [paybtnselected, selOption, paybtns]); + useEffect(() => { + if (!preOrder) { + const totalSum = OrderCardDetail?.reduce( + (acc, card) => acc + parseFloat(card.OrderRate * card.OrderQty || 0), + 0 + ); + + const extra = GlobalExtraCharge?.reduce( + (acc, obj) => acc + (obj.TotalAmt || 0), + 0 + ); + + let withComboSum = 0; + const withComboOffer_CardDetail = OrderCardDetail?.filter( + (item) => item.Type === 'C' + ); + if (withComboOffer_CardDetail?.length > 0) { + withComboSum = formatAmount( + withComboOffer_CardDetail.reduce( + (acc, card) => + acc + + parseFloat(card.OrderRate * card.OrderQty - card.TotalAmt || 0), + 0 + ) + ); + } + + let Total = + extra === undefined + ? totalSum - OverallOfferAmount - withComboSum + : totalSum + extra - OverallOfferAmount - withComboSum; + + // Subtract OtherServiceTicketClaim?.totalTicketamount if present and > 0 + if (OtherServiceTicketClaim?.TotalAmt > 0) { + if (Total - OtherServiceTicketClaim.TotalAmt > 0) { + Total -= OtherServiceTicketClaim.TotalAmt; + } else { + dispatch( + changeOtherServiceTicketClaim({ + TicketId: null, + TotalAmt: 0, + ParkingClaimed: false, + ServiceCategory: null, + }) + ); + } + } else if (OtherServiceTicketClaim?.OtherType == 'Remove') { + dispatch( + changeOtherServiceTicketClaim({ + TicketId: null, + TotalAmt: 0, + ParkingClaimed: false, + ServiceCategory: null, + }) + ); + } + + let withdiscTotal = + Total - ((OverAllSales || 0) + (OverAllEstimate || 0)); + + setTotalAmount( + withdiscTotal >= 0 + ? (Number(withdiscTotal) + Number(globalTipAmount)).toFixed(2) + : (Number(Total) + Number(globalTipAmount)).toFixed(2) + ); + + dispatch( + changeSummeryTotalAmount( + withdiscTotal > 0 ? withdiscTotal : Number(Total) + ) + ); + + dispatch(changeSummeryComboOfferAmount(withComboSum)); + + // if (withdiscTotal <= 0) { + // dispatch(ChangeOverAllDiscSales(0)); + // dispatch(ChangeOverAllDiscEstimate(0)); + // } + } else { + setTotalAmount(0); + dispatch(changeSummeryTotalAmount(0)); + dispatch(changeSummeryComboOfferAmount(0)); + } + }, [ + OrderCardDetail, + GlobalExtraCharge, + OverAllSales, + OverAllEstimate, + globalTipAmount, + OtherServiceTicketClaim, + ]); + useEffect(() => { + let data = { + CompId: CompId, + BranchId: BranchId, + AppId: AppId, + UserId: UserId, + }; + dispatch(getPrinterMappingDetails(data)).unwrap(); + const Data1 = { AppId, CompId, BranchId }; + dispatch(getPrintSelectionComponentData(Data1)).unwrap(); + handleOtherData(); + }, []); + useEffect(() => { + if (!preferenceshortcutkey) return; + + const handleKeyPress = (event) => { + if (!event.altKey) return; + + const key = event.key.toLowerCase(); + + switch (key) { + case 'n': + event.preventDefault(); + setQuickOpen(); + break; + + case 'w': + event.preventDefault(); + if (canHold) { + AddBookingDetails('Hold'); + } else if (canRecall) { + HandleholdModelOpen(); + } + break; + + case 'a': + if (canExtracharge) { + event.preventDefault(); + handleextraCharges(); + } + break; + + case 'r': + if (canReprint) { + event.preventDefault(); + handleReprint(); + } + break; + + case 's': + if (canSplitPayment) { + event.preventDefault(); + SplitPaymentOpen(); + } + break; + + default: + break; + } + }; + + window.addEventListener('keydown', handleKeyPress); + return () => { + window.removeEventListener('keydown', handleKeyPress); + }; + }, [ + preferenceshortcutkey, + canHold, + canRecall, + canExtracharge, + canSplitPayment, + ]); + + useEffect(() => { + if (NavHoldData) { + AddBookingDetails('Hold'); + } + }, [NavHoldData]); //change by karthiga + //mohan stoped data + useEffect(() => { + if ( + (BookingType === 'Dine In' || + BookingTypeBoth || + CheckOrderType?.length > 0) && + !unpaidFlow + ) { + setOrderStatus(true); + } else { + setOrderStatus(false); + } + }, [BookingTypeBoth, BookingType, unpaidFlow]); + //mohan end + const paymentFailedStatusFun = async () => { + SetOpenFailData(!OpenFailData); + }; + // useEffect(() => { + // const handleKeyPress = (event) => { + // if (event.shiftKey && event.code === 'KeyM') { + // if ( + // document.activeElement.tagName !== 'INPUT' && + // document.activeElement.tagName !== 'TEXTAREA' + // ) { + // event.preventDefault(); + // setBlink(true); + // } + // } + // }; + // const handleClickOutside = (event) => { + // setBlink(false); + // }; + // window.addEventListener('keydown', handleKeyPress); + // window.addEventListener('mousedown', handleClickOutside); + // return () => { + // window.removeEventListener('keydown', handleKeyPress); + // window.addEventListener('mousedown', handleClickOutside); + // }; + // }, []); + + const handleOtherData = async () => { + let data = { + CompId: CompId, + BranchId: BranchId, + AppId: AppId, + }; + let response = await dispatch(OtherServicesCardlistdata(data)).unwrap(); + if (response?.data?.statusCode == 1) { + setOtherServiceStatus(true); + } else { + setOtherServiceStatus(false); + } + }; + + useEffect(() => { + if (SelCustId) { + setpaybtns(PaymentOptions); + } else { + const withoutCustomer = PaymentOptions?.filter?.( + (item) => item?.ModeName?.toLowerCase() !== 'credit' + ); + setpaybtns(withoutCustomer); + } + }, [PaymentUpiOptions, PaymentOptions, SelCustId]); + + useEffect(() => { + if (CompId && BranchId && AppId) { + getHolddata(); + getUnpaiddatas(); + getCustomerData(); + } + }, [CompId, BranchId, AppId]); + + useEffect(() => { + gettodaydate(); + getBookingTypeId(); + getPaymentOptionFeature(); + getPreferenceDinein(); + + // Combodata(); + BadgePendingApi(); + // if (UserType === "Employee") { + // fetchApi() + // } + }, []); + useEffect(() => { + if (UserType !== 'Super Admin' && UserType !== 'Super Admin User') { + getFeatureAddonData(); + } + }, [FeatureAddonData]); + useEffect(() => { + if (UserType === 'Employee') { + fetchApi(); + } + }, [UserType]); + useEffect(() => { + let hasAccess = false; + + if (UserType === 'Admin' || UserType === 'Super Admin') { + hasAccess = true; + } else if (UserType === 'Employee') { + hasAccess = empData?.AddAccess === 'Y'; + } else if (UserType === 'Super Admin User') { + hasAccess = SAAccessCommonMaster?.AddAccess === 'Y'; + } + + setaddnewAccess(!hasAccess); + }, [empData, SAAccessCommonMaster, UserType]); + useEffect(() => { + getBookingTypeId(); + }, [BookingType, BookingTypeBoth]); + + useEffect(() => { + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + ExtraCharges: GlobalExtraCharge, + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + }, [GlobalExtraCharge]); + useEffect(() => { + if ( + OrderCardDetail?.length === 1 && + OrderCardDetail?.[0]?.OrderQty === 1 && + !SelCustId + ) { + console.log(OrderCardDetail, 'OrderCardDetail'); + closePrintOption(); + setPrintOrderDetails([]); + } + }, [OrderCardDetail]); + useEffect(() => { + TotalItemsCalculation(); + TotalWithoutTaxRate(); + TotalTaxAmt(); + OrderCardDetail?.length == 0 ? dispatch(changeunpaidflow(false)) : ''; + }, [OrderCardDetail]); + useEffect(() => { + let data = selOption != null ? selOption : GetCustId; + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + customer: data, + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + }, [selOption, GetCustId]); + useEffect(() => { + let data = GlobalUpiID; + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + upi: data, + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + setUpiOption(GlobalUpName); + setSelectedUpiOption(GlobalUpiIDoptionIdd); + setUpiId(GlobalUpiID); + }, [GlobalUpiID]); + useEffect(() => { + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + paymentMethod: Paybtnnameselected, + Paymentgateway: false, + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + }, [Paybtnnameselected]); + useEffect(() => { + setPaybtnnameselected(PaymentOptionsModeName); + setPaybtnselected(PaymentOptionsModeId); + }, [PaymentOptions]); + // useEffect(() => { + // if ( + // PrintOrderDetails?.length > 0 && + // (!filteredSettingNames || + // filteredSettingNames?.includes('Print') || + // filteredSettingNames?.length === 0) && + // ((!filteredSettingNames?.includes('whatsapp') && + // (!isMobile || !filteredSettingNames?.includes('SMS'))) || + // ((filteredSettingNames?.includes('whatsapp') || + // (isMobile && filteredSettingNames?.includes('SMS'))) && + // (!MobileNoWhatsApp || Object.keys(MobileNoWhatsApp).length === 0))) + // ) { + // handlePrintOrToken(); + // } + // }, [PrintOrderDetails]); + + useEffect(() => { + if (!PrintOrderDetails?.length) return; + + const selectedOptions = filteredSettingNames || []; + const count = selectedOptions.length; + + if (count === 0) { + handlePrintOrToken(); + return; + } + if (count === 1) { + const option = selectedOptions[0]; + + switch (option) { + case 'whatsapp': + if (!selOption && MobileNoWhatsApp?.value) { + handleWhatsAppClick(); + } else { + handlePrintOrToken(); + } + return; + + case 'SMS': + if (isMobile) handleSMSClick(); + else handlePrintOrToken(); + return; + + case 'Print': + handlePrintOrToken(); + return; + + // case "Email": + // handleEmailClick(); + // return; + + default: + return; + } + } + return; + }, [PrintOrderDetails]); + + useEffect(() => { + getPaymentOptionFeature(); + }, [GlobaluseOptions]); + const formatAmount = (value) => { + return allowDecimal + ? parseFloat(value || 0).toFixed(2) + : parseInt(value || 0); + }; + const handlePrintOrToken = async () => { + const dinein = + PrintOrderDetails?.[0]?.OrderDetails?.[0]?.productDetails?.some( + (product) => product.BookingTypeName === 'Dine In' + ); + const Tokenthere = + PrintOrderDetails?.[0]?.OrderDetails?.[0]?.productDetails?.some( + (product) => product.TokenAvailable === 'Y' + ); + const PrintLogo = SettingDataSelector?.[0]?.SettingDtlDetails?.filter( + (i) => i.SettingIdName === 'PrintLogo' + )?.[0]; + const PrintGreeting = SettingDataSelector?.[0]?.SettingDtlDetails?.filter( + (i) => i.SettingIdName === 'PrintGreetings' + )?.[0]; + const preferenceDetails = SettingDataSelector?.[0]?.SettingDtlDetails; + if (isMobile) { + if (MobileA4Print) { + await MobileMultiPdfPrintTrigger({ + preferenceDetails, + printerTemplateStyle, + printDatas, + PrinterDetails, + PrintOrderDetails, + SessionData, + bookingTypePreference, + }); + } else { + if (Tokenthere && TokenOnly?.SettingValue === 'Y' && !dinein) { + if (IndividualToken?.SettingValue === 'Y' && !dinein) { + IndividualTokenMobilePrint(PrintOrderDetails, UpiId, 'Booking'); + closePrintOption(); + } else { + SingleTokenMobilePrint(PrintOrderDetails, UpiId, 'Booking'); + closePrintOption(); + } + } else { + MobilePrint( + appPreferences, + PrintOrderDetails, + UpiId, + 'Booking', + SettingDataSelector + ); + closePrintOption(); + } + } + } else { + if (Tokenthere && TokenOnly?.SettingValue === 'Y' && !dinein) { + AllProductTokenFunction(); + } else { + Print(); + } + } + }; + + const handleWhatsAppClick = () => { + setShowWhatsAppShare(true); + }; + const handleSMSClick = () => { + setSMSShare(true); + }; + + //dhana + // Function to check if the button is active + const isButtonActive = () => { + const baseCondition = + FirstPaymentclick === false && + OrderCardDetail?.length > 0 && + paybtnselected && + CheckBookingStatus !== 'Close'; + let accessCondition = true; + if (UserType === 'Employee') { + accessCondition = empData?.AddAccess === 'Y'; + } else if (UserType === 'Super Admin User') { + accessCondition = SAAccessCommonMaster?.AddAccess === 'Y'; + } + return baseCondition && accessCondition; + }; + + // Function to handle the button click + const handleButtonClick = () => { + if (qrCode && SelectedUPIPayOption === 'Default') { + UpiPayment(); + } else { + OrderStatus + ? AddBookingDetails('Dine-In', false) + : AddBookingDetails(BookingType, true); + } + }; + + useEffect(() => { + const handleKeyPress = (event) => { + if (event.key === 'F4' && isButtonActive() && !isF4Pressed.current) { + isF4Pressed.current = true; + // BranchFinancialStatus==='N'? financialYearError(): + handleButtonClick(); + setTimeout(() => { + isF4Pressed.current = false; // Reset after a short delay + }, 1000); + } + }; + + window.addEventListener('keydown', handleKeyPress); + return () => { + window.removeEventListener('keydown', handleKeyPress); + }; + }, [ + FirstPaymentclick, + OrderCardDetail, + paybtnselected, + OrderStatus, + qrCode, + SelectedUPIPayOption, + TotalAmount, + SelectedUpiOption, + SelectedCardOption, + ]); + + //dhana + const fetchApi = async () => { + let data = { + CompId: CompId, + BranchId: BranchId, + AppId: AppId, + EmpId: UserId, + }; + let response = await dispatch(getEmpAccess(data)).unwrap(); + let datas = response?.data?.data?.[0]?.EmpAccessDetails?.filter( + (item) => item.ConfigName === 'Sales' + ); + setEmpData(datas?.[0]); + }; + const getCustomerData = async () => { + await dispatch( + getAllCustomer({ CompId: CompId, AppId: AppId, branchId: BranchId }) + ); + await dispatch( + getAddCustomerDetails({ + CompId: CompId, + AppId: AppId, + branchId: BranchId, + }) + ); + }; + const getPaymentOptionFeature = async () => { + const FiltersalesPayment = GlobaluseOptions?.filter( + (item) => item.FlowName?.toLowerCase() === 'sales' + ); + setuseOptions(FiltersalesPayment); + const filterpaycounter = FiltersalesPayment?.[0]?.OptionDetails?.filter( + (item) => item?.OptionName?.toLowerCase() === 'pay at the counter' + ); + const filterpaymentgateway = FiltersalesPayment?.[0]?.OptionDetails?.filter( + (item) => item?.OptionName?.toLowerCase() === 'payment gateway' + ); + const filterpaymentdevice = FiltersalesPayment?.[0]?.OptionDetails?.filter( + (item) => item?.OptionName?.toLowerCase() === 'payment device' + ); + const cardinpaymentgateway = + filterpaymentgateway?.[0]?.ModeDetails?.filter((item) => + item?.ModeName?.toLowerCase()?.includes('card') + ) || []; + const cardinpaymentdevice = + filterpaymentdevice?.[0]?.ModeDetails?.filter((item) => + item?.ModeName?.toLowerCase()?.includes('card') + ) || []; + const upiinpaymentgateway = + filterpaymentgateway?.[0]?.ModeDetails?.filter((item) => + item?.ModeName?.toLowerCase()?.includes('upi') + ) || []; + const upiinpaymentdevice = + filterpaymentdevice?.[0]?.ModeDetails?.filter((item) => + item?.ModeName?.toLowerCase()?.includes('upi') + ) || []; + + setPaymentOptions(filterpaycounter?.[0]?.ModeDetails); + setPaymentUpiOptions( + FiltersalesPayment?.[0]?.PaymentDetails?.Payatthecounter + ); + setPaymentDeviceCard(cardinpaymentdevice); + setPaymentgatewayCard(cardinpaymentgateway); + setPaymentgatewayUPI(upiinpaymentgateway); + setPaymentDeviceUPI(upiinpaymentdevice); + const cardoptions = []; + if (cardinpaymentgateway?.length > 0) { + cardoptions.push({ + label: 'Payment Gateway', + value: 'PG', + imgSrc: paygate, + }); + } + if (cardinpaymentdevice?.length > 0) { + cardoptions.push({ + label: 'Payment Device', + value: 'PD', + imgSrc: paydevice, + }); + } + setCardPayOption(cardoptions); + const options = []; + + if (FiltersalesPayment?.[0]?.PaymentDetails?.Payatthecounter?.length > 0) { + options.push({ + label: 'Personal UPI', + value: 'Default', + imgSrc: defaultupi, + }); + } + + if (upiinpaymentgateway?.length > 0) { + options.push({ label: 'Payment Gateway', value: 'PG', imgSrc: paygate }); + } + + if (upiinpaymentdevice?.length > 0) { + options.push({ label: 'Payment Device', value: 'PD', imgSrc: paydevice }); + } + setUpiPayOption(options); + // } + }; + + const getFeatureAddonData = async () => { + // let featureAddon = await dispatch( + // FeatureAddon({ AppId: AppId, UserId: UserId }) + // ).unwrap(); + // if (featureAddon?.data?.statusCode === 1) { + // setFeatureAddonData(featureAddon?.data?.data?.[0]?.FeatAddonHdr?.[0]); + const hasPaymentFeatures = FeatureAddonData?.FeatureDtls?.some( + (item) => + item.FeatureAddonName === 'Payment Gateway' || + item.FeatureAddonName === 'Payment Device' + ); + setpaymentfeataddon(hasPaymentFeatures); + // } else { + // setFeatureAddonData([]); + // setpaymentfeataddon([]); + // } + }; + const handlePaymentMode = (id, name) => { + if (name?.toLowerCase() !== 'credit') { + setOverAllBal(0); + setCredit(false); + } + if (paymentloader === false) { + setPaybtnselected(id); + setPaybtnnameselected(name); + if (CardPayOption?.length === 1) { + setSelectedCardOption(CardPayOption?.[0]?.value); + } + setUpiOptionOpen(false); + setQrCode(false); + setUpinotSelected(false); + setCardoptionnotSelected(false); + } + }; + + const AddCardOption = (data) => { + setSelectedCardOption(data); + setCardOptionOpen(false); + setCardoptionnotSelected(false); + }; + const AddUPIPaymentOption = async (data) => { + setSelectedUpiOption(''); + setUpiOption(''); + setUpiId(''); + await dispatch(changeUpiIDprint(null)); + await dispatch(changeUpiIDName('')); + await dispatch(changeUpiIDoptionId(null)); + setSelectedUPIPayOption(data); + setUpinotSelected(false); + setCardoptionnotSelected(false); + if (data !== 'Default') { + setUpiOptionOpen(false); + } + }; + const addUpiOption = async (id, name, UPIId) => { + await dispatch(changeUpiIDprint(UPIId)); + await dispatch(changeUpiIDName(name)); + await dispatch(changeUpiIDoptionId(id)); + setSelectedUpiOption(id); + setUpiOption(name); + setUpiId(UPIId); + setUpinotSelected(false); + setCardoptionnotSelected(false); + // setQrCode(true) + }; + const handleUPIButtonClick = (id, name) => { + if (paymentloader === false) { + setPaybtnnameselected(name); + setPaybtnselected(id); + let brachName1 = PaymentUpiOptions?.[0]?.BrName; + setbrachName(brachName1); + if (UpiPayOption?.length === 1) { + setSelectedUPIPayOption(UpiPayOption?.[0]?.value); + if (UpiPayOption?.[0]?.value?.toLowerCase() === 'default') { + if (PaymentUpiOptions?.length === 1) { + addUpiOption( + PaymentUpiOptions?.[0]?.Mode, + PaymentUpiOptions?.[0]?.ModeName, + PaymentUpiOptions?.[0]?.UPIId + ); + } + } + } + + setQrCode(true); + SetSuccess(true); + } + }; + const EnableUpiOptions = () => { + setUpiOptionOpen(!UpiOptionOpen); + }; + const EnableCardOptions = () => { + setCardOptionOpen(!CardOptionOpen); + }; + const gettodaydate = () => { + const currentDate = new Date(); + const day = String(currentDate.getDate()).padStart(2, '0'); + const month = String(currentDate.getMonth() + 1).padStart(2, '0'); // Month is 0-based, so we add 1. + const year = currentDate.getFullYear(); + + const tempformattedDate = `${year}-${month}-${day}`; + setFormattedDate(tempformattedDate); + }; + const getPreferenceDinein = async () => { + // const response = await dispatch( + // getPreferenceData({ CompId: CompId, BranchId: BranchId, AppId: AppId }) + // ).unwrap(); + // if (response?.data?.statusCode === 1) { //comment by karthiga + const PreferenceDineDtl = SettingDataSelector?.[0]?.SettingDtlDetails; + const DineinPreference = PreferenceDineDtl.find( + (item) => item.SettingIdName === 'DineIn' + ); + setDineInPreference(DineinPreference || {}); + // } else { + // setDineInPreference(); + // } + }; + const ChangeTakeAway = async () => { + await dispatch(changeBookingType('TakeAway')); + }; + const getBookingTypeId = async () => { + let tempconfigdata = await dispatch( + getConfigType({ TypeName: 'Booking Type' }) + ).unwrap(); + + if (tempconfigdata?.data?.statusCode == 1) { + setConfigDataList(tempconfigdata?.data?.data); + let configdata = tempconfigdata?.data?.data; + let checkName = BookingTypeBoth ? 'DineIn,TakeAway' : BookingType; + + let filterconfigdata = configdata?.find( + (a) => a?.ConfigName === checkName + ); + setSelectedBookingType(filterconfigdata?.ConfigId); + } + }; + + const TokenPrint = async (index) => { + try { + console.log(`Starting token print for index ${index}`); + + const stylePrint = ``; + if (TokenOnly?.SettingValue === 'Y') { + if (IndividualToken?.SettingValue === 'Y') { + await printDiv(`TokenOnlySingle${index}`, stylePrint); + } else { + await printDiv(`TokenOnlyMultiple${index}`, stylePrint); + } + } else { + await printDiv(`TakeawayToken${index}`, stylePrint); + } + } catch (error) { + console.error(`Error printing token for index ${index}:`, error); + } + }; + const AllProductTokenFunction = async () => { + if (IndividualToken?.SettingValue === 'Y') { + await Promise.all( + PrintOrderDetails?.[0]?.OrderDetails?.map( + async (orderDetail, index) => { + const groupedTokens = orderDetail?.productDetails?.reduce( + (acc, item, idx) => { + if (item.TokenAvailable === 'Y') { + if (!item.CounterName) { + // If CounterName is null or empty + acc[`single-${idx}-${item.ProdId}`] = [item]; // Unique entry for each null/empty CounterName item + } else { + if (!acc[item.CounterName]) { + acc[item.CounterName] = []; + } + acc[item.CounterName].push(item); // Group by CounterName + } + } + return acc; + }, + {} + ); + + // Iterate over grouped tokens and print them + const tokensToPrint = Object.entries(groupedTokens).map( + async ([counterName, items], idx) => { + // Use the counterName (or unique identifier for individual items) as part of the tokenId + const tokenId = `${idx}-${items?.[0]?.ProdId}-${counterName}`; + await TokenPrint(tokenId, items); // Pass all grouped items to the print function + } + ); + if (tokensToPrint?.length > 0) { + await Promise.all(tokensToPrint); + } + setPrintOrderDetails([]); + closePrintOption(); + } + ) + ); + } else { + await Promise.all( + PrintOrderDetails?.[0]?.OrderDetails?.map( + async (orderDetail, index) => { + await TokenPrint(`${index}-${orderDetail?.OrderId}`); + } + ) + ); + setPrintOrderDetails([]); + closePrintOption(); + } + }; + + const getHolddata = async () => { + const data = { CompId: CompId, BranchId: BranchId, AppId: AppId }; + let response = await dispatch(gettinghold(data)).unwrap(); + if (response?.data?.statusCode == 1) { + dispatch(changeholddata(response?.data?.data)); + } else { + dispatch(changeholddata([])); + } + }; + const getUnpaiddatas = async () => { + let data = { + CompId: CompId, + BranchId: BranchId, + AppId: AppId, + }; + await dispatch(getUnpaidData(data)).unwrap(); + }; + + const TotalItemsCalculation = async () => { + let tempTotalitems = OrderCardDetail?.length; + let OverAllQty = OrderCardDetail?.reduce((acc, item) => { + const isWeightScale = item?.ScaleType === 'weight'; + + if (isWeightScale) { + return ( + acc + (Weightasquantity ? Math.round(Number(item?.OrderQty || 0)) : 1) + ); + } + + return acc + Math.round(Number(item?.OrderQty || 0)); + }, 0); + setTotalItems(tempTotalitems); + setQty(OverAllQty); + }; + const Print = async () => { + const style = await PrintStyleFunction( + printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle, + 'Sales' + ); + + const stylesMap = { + 'Style 1': 'PrintStyle1', + 'Style 2': 'PrintStyle2', + 'Style 3': 'PrintStyle3', + 'Style 4': 'PrintStyle4', + 'Style 5': 'PrintStyle5', + 'Style 6': 'PrintStyle6', + 'Style 7': 'PrintStyle7', + 'Style 8': 'PrintStyle8', + 'Style 9': 'PrintStyle9', + 'Style 10': 'PrintStyle10', + 'Style 11': 'PrintStyle11', + 'Style 12': 'PrintStyle12', + 'Style 13': 'RePrint', + A4: 'PrintStyleA4', + A5: 'PrintStyleA5', + A4Standard: 'A4Standard', + TaxInvoice: 'TaxInvoice', + }; + + const selectedStyle = + stylesMap[ + printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle + ]; + + if (selectedStyle) { + await Promise.all( + PrintOrderDetails?.[0]?.OrderDetails?.map( + async (orderDetail, index) => { + await printDiv(`${selectedStyle}-${index}`, style); // Use unique IDs for each print + if (orderDetail?.BookingTypeName !== 'Dine In') { + const groupedTokens = orderDetail?.productDetails?.reduce( + (acc, item, idx) => { + if (item.TokenAvailable === 'Y') { + if (!item.CounterName) { + // If CounterName is null or empty + acc[`individual-${idx}-${item.ProdId}`] = [item]; // Unique entry for each null/empty CounterName item + } else { + if (!acc[item.CounterName]) { + acc[item.CounterName] = []; + } + acc[item.CounterName].push(item); // Group by CounterName + } + } + return acc; + }, + {} + ); + + // Iterate over grouped tokens and print them + const tokensToPrint = Object.entries(groupedTokens).map( + async ([counterName, items], idx) => { + // Use the counterName (or unique identifier for individual items) as part of the tokenId + const tokenId = `${idx}-${items?.[0]?.ProdId}-${counterName}`; + await TokenPrint(tokenId, items); // Pass all grouped items to the print function + } + ); + if (tokensToPrint?.length > 0) { + await Promise.all(tokensToPrint); + } + } + } + ) + ); + + setPrintOrderDetails([]); + closePrintOption(); + } + }; + + function safeRound(amountStr) { + if (amountStr == null) return '0.00'; + + const cleaned = String(amountStr).replace(/[^0-9.-]+/g, ''); + const num = Number(cleaned); + + return isNaN(num) ? '0.00' : num.toFixed(2); // return as string with 2 decimals + } + const TotalWithoutTaxRate = async () => { + const totalwithouttax = OrderCardDetail?.reduce((accumulator, card) => { + return accumulator + parseFloat(card.WithoutTaxRate || 0); + }, 0); + setTotalWithoutTaxAmount(totalwithouttax.toFixed(2)); + await dispatch( + changeSummeryTotalWithoutTaxAmount(totalwithouttax.toFixed(2)) + ); + }; + const TotalTaxAmt = async () => { + const totaltax = OrderCardDetail?.reduce((accumulator, card) => { + return accumulator + parseFloat(card.TaxAmt || 0); + }, 0); + setTotalTaxAmount(totaltax.toFixed(2)); + await dispatch(changeSummeryTotalTaxAmount(totaltax.toFixed(2))); + }; + + const HandleholdModelOpen = () => { + setHold(true); + }; + + const handleHoldCancel = () => { + setHold(false); + }; + const handleAddCustomer = () => { + if (Custdisable === false) { + setAddCustomer(true); + } + }; + const handleAddCustomerCancel = () => { + setAddCustomer(false); + }; + + const handleOpenChange = (newOpen) => { + setOpen(newOpen); + }; + const hide = () => { + setOpen(false); + }; + const hideDefault = () => { + setUpiOptionOpen(false); + }; + const handlePopoverVisibleChange = (visible) => { + setUpiOptionOpen(visible); + }; + + const handleextraCharges = () => { + setExtraCharges(true); + }; + const handleextraChargesCancel = () => { + setExtraCharges(false); + }; + + const handleQuickCancel = async () => { + await dispatch(changeCompoPaymentIconStatus(false)); + // + setQuickAdd(false); + }; + const setQuickOpen = async () => { + await dispatch(changeCompoPaymentIconStatus(true)); + setQuickAdd(true); + }; + + const ProductSummary = (salesData) => { + // Create a map to store the aggregated values for each unique product + const productMap = new Map(); + // Iterate over the sales data to aggregate values + salesData.forEach((item) => { + const key = `${item.ProdId}-${item.InwardDtlId}-${item.BookingType}-${item.SinglePc}-${item.OrderRate}`; + if (productMap.has(key)) { + const existingItem = productMap.get(key); + existingItem.OrderQty += item.OrderQty || 0; + existingItem.TotalAmt += item.TotalAmt || 0; + existingItem.TaxAmt = + parseFloat(existingItem.TaxAmt) + parseFloat(item.TaxAmt) || 0; + // existingItem.WithoutTaxRate += parseFloat(item.WithoutTaxRate) || 0; + } else { + // If the key doesn't exist, add a new entry + productMap.set(key, { ...item }); + } + }); + + // Convert the map values back to an array + const aggregatedProducts = Array.from(productMap.values()); + + return aggregatedProducts; + }; + const handleCreditCustomer = (type) => { + setCreditCustomer(false); + if (type == 'Submit') { + Booking(BookingType, true); + } + if (type == 'Cancel') { + setPaybtnnameselected(PaymentOptionsModeName); + setPaybtnselected(PaymentOptionsModeId); + } + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedRemovedData = { + type: 'remove', + keyValue: 'OrderTotalAmount', + }; + customerDisplayWindow.postMessage(updatedRemovedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + }; + const BadgePendingApi = async () => { + let Data = { + compId: CompId, + branchId: BranchId, + appId: AppId, + deliveryStatus: 'P', + }; + let PendingResponse = await dispatch(PreOrderGet(Data)).unwrap(); + if (PendingResponse?.data?.statusCode === 1) { + await dispatch( + changePreOrderPendingCount(PendingResponse?.data?.data?.length) + ); + } + }; + + useEffect(() => { + if (OrderCardDetail?.length <= 0) { + dispatch(changeCustomerID(null)); + dispatch(changeSelectedCustId(null)); + dispatch(changeSelectedOption(null)); + dispatch(ChangeSelectedCustDisable(false)); + } + }, [OrderCardDetail]); + + const ClearAllGlobalStateDatas = async (value) => { + if (OfferCheckedInSetup && preferenceOffer) { + await applyOffer([]); + } else { + dispatch(changeOrderCardDetails([])); + } + dispatch(changeTipAmount(0)); + await dispatch(ChangeTotalAmount([])); + await dispatch(changeReorderHoldDetails({})); + await dispatch(changeReorderProductDetails([])); + setFirstPaymentclick(false); + await dispatch(ChangeNavHoldData(false)); + await dispatch(changeCustomerID(null)); + await dispatch(changeSelectedCustId(null)); + await dispatch(changeSelectedOption(null)); + setPaybtnnameselected(PaymentOptionsModeName); + setPaybtnselected(PaymentOptionsModeId); + setQrCode(false); + setUpinotSelected(false); + getHolddata(); + getUnpaiddatas(); + await dispatch(changeBookingType('TakeAway')); + await dispatch(changeSelProdWiseEst([])); + await dispatch(ChangeOverAllDiscSales(0)); + await dispatch(ChangeOverAllDiscEstimate(0)); + // await dispatch(changeEstimateBooking(null)) + // clearInvoiceDate + clearInvoiceDate(); + dispatch(changeCurrentOrderId(null)); + await dispatch(changeSelectTable([])); + await dispatch(changeSelectChair([])); + await dispatch(changeSelectedTableDetails([])); + await dispatch(changeOrderType()); + if (value === 'Dine-In') { + navigate(`${subDirectory}sales/dine-in`); + } + let data = { + CompId: CompId, + BranchId: BranchId, + AppId: AppId, + UserId: UserId, + FromDate: currentDateValue, + ToDate: currentDateValue, + }; + await dispatch(getSalesDetailData(data)); + }; + + const AddBookingDetails = async (value, pay) => { + const customerDisplayWindow = getCustomerDisplayWindow(); + + const OnUpiSelected = PaymentOptions?.find( + (item) => item.ModeId === paybtnselected + ); + if ( + OnUpiSelected?.ModeName?.toLowerCase() === 'upi' && + SelectedUPIPayOption?.toLowerCase() === 'default' + ) { + SetSuccess(false); + setTimeout(function () { + SetSuccess(true); + // Add your state change code here + // For example: + // setNewState(newValue); + }, 3000); + if (SelectedUpiOption) { + Booking(value, pay); + } else { + setUpinotSelected(true); + setMessageType('error'); + setMessageData('Please Select Upi Option'); + } + } else if ( + OnUpiSelected?.ModeName?.toLowerCase() === 'card' && + PaymentgatewayCard?.length > 0 && + PaymentDeviceCard?.length > 0 + ) { + if (SelectedCardOption) { + if (SelectedCardOption?.toLowerCase() === 'pg') { + if (customerDisplayWindow && !customerDisplayWindow.closed) { + if (SelCustId) { + Booking(value, pay); + } else { + setMessageType('error'); + setMessageData('Please Select Customer'); + } + } else { + setMessageType('error'); + setMessageData('Please Set the customer display'); + } + } else { + Booking(value, pay); + } + } else { + setCardoptionnotSelected(true); + setMessageType('error'); + setMessageData('Please Select Card Option'); + } + } else if (OnUpiSelected?.ModeName?.toLowerCase() === 'credit') { + if (!SelCustId) { + setMessageType('error'); + setMessageData('Please Select Customer'); + } else { + setCreditCustomer(true); + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + OrderTotalAmount: TotalAmount, + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + } + } else if ( + OnUpiSelected?.ModeName?.toLowerCase() === 'upi' && + SelectedUPIPayOption?.toLowerCase() === 'pg' + ) { + if (customerDisplayWindow && !customerDisplayWindow.closed) { + if (SelCustId) { + Booking(value, pay); + } else { + setMessageType('error'); + setMessageData('Please Select Customer'); + } + } else { + setMessageType('error'); + setMessageData('Please Set the customer display'); + } + } else if ( + OnUpiSelected?.ModeName?.toLowerCase() === 'card' && + SelectedCardOption?.toLowerCase() === 'pg' + ) { + if (customerDisplayWindow && !customerDisplayWindow.closed) { + if (SelCustId) { + Booking(value, pay); + } else { + setMessageType('error'); + setMessageData('Please Select Customer'); + } + } else { + setMessageType('error'); + setMessageData('Please Set the customer display'); + } + } else { + Booking(value, pay); + } + }; + + const extrachargesbookingtype = (extradata) => { + const TakAwayId = ConfigDataList?.find( + (a) => a?.ConfigName === 'TakeAway' + )?.ConfigId; + const DineinId = ConfigDataList?.find( + (a) => a?.ConfigName === 'Dine In' + )?.ConfigId; + let tempdata = extradata?.map((data) => ({ + ...data, + BookingType: data?.BookingTypeName === 'Dine In' ? DineinId : TakAwayId, + })); + return tempdata; + }; + + const Booking = async (value, pay) => { + const TakAwayId = ConfigDataList?.find( + (a) => a?.ConfigName === 'TakeAway' + )?.ConfigId; + const DineinId = ConfigDataList?.find( + (a) => a?.ConfigName === 'Dine In' + )?.ConfigId; + + setFirstPaymentclick(true); + let temporderdetail = OrderCardDetail?.map((a) => ({ + ProdId: a.ProdId, + Type: a.Type, + OrderQty: a.OrderQty, + OrderRate: a.OrderRate, + TotalAmt: a.OrderQty * a.OrderRate, + TaxAmt: a.TaxAmt, + RefundQty: 0, + InwardDtlId: a.InwardDtlId, + TaxId: a.TaxId, + ProdNameQty: + UomPrint?.SettingValue === 'N' + ? `${a.ProdName} ${a.UomName?.toLowerCase() === 'half' ? '(Half)' : ''}` + : `${a.ProdName} ${a.Size} ${a.UomName}`, + OrderStatus: 'O', + OrderType: + BookingType === 'Dine In' || + BookingTypeBoth || + Estimation?.SettingValue == 'N' + ? 'S' + : GlobEstBooking === 'OvrAllEst' + ? 'E' + : GlobEstBooking === 'ParEst' + ? GlobProdwisedata?.includes( + a.InwardDtlId + ' ' + a?.BookingTypeName + ) + ? 'E' + : 'S' + : 'S', + SinglePc: a.SinglePc, + BookingType: a.BookingTypeName === 'Dine In' ? DineinId : TakAwayId, + OfferValue: a?.Type === 'C' ? a?.OfferPrice : a.Offer, + OfferAmt: a?.Type === 'C' ? a?.TotalAmt : a.Offer, + OfferType: a?.Type === 'C' ? a?.OfferType : '', + CounterName: a?.TokenAvailable === 'Y' ? a?.CounterName : null, + ProductIdentifierDtls: a.ProductIdentifierDtls, + ModelNumber: a.ModelNumber, + BatchRef: a.BatchRef, + PackageDtl: a.PackageDtl, + })); + const NotSlectedTypeFind = temporderdetail?.find( + (a) => a?.BookingType != SelectedBookingType + ); + let updatedOfferDetails = OrderOfferDetail; + if (GlobEstBooking !== 'Sales') { + updatedOfferDetails = OrderOfferDetail?.filter( + (item) => + !( + item.TableName === 'LoyaltyPoints' && + item.TableUniqueName === 'UniqueId' && + item.Type === 'A' + ) + ); + } + + let temppostdata = { + SalesMode: RetailWSSalesType || 'R', + CompId: CompId, + BranchId: BranchId, + AppId: AppId, + OrderDate: Custombill ? invoiceDate : null, + CustomOrderNo: Custombill ? CurrentOrderId : null, + OrderType: + Object.keys(ReportholdData)?.length > 0 + ? ReportholdData?.OrderType + : 'S', + CustSuppId: SelCustId ? SelCustId : null, + Reference: 'test', + BookingType: + NotSlectedTypeFind && !BookingTypeBoth + ? NotSlectedTypeFind?.BookingType + : SelectedBookingType, + // (NotSlectedTypeFind?.length>0 && !BookingTypeBoth)?NotSlectedTypeFind?.[0]?.BookingTypeName: + + ServiceProvider: 0, + ActiveStatus: 'A', + CreatedBy: UserId, + AddlInfo: 'test', + BillAmount: TotalWithoutTaxAmount, + OverallDiscSales: OverAllSales > 0 ? OverAllSales : 0, + OverallDiscEst: OverAllEstimate > 0 ? OverAllEstimate : 0, + TaxAmount: TotalTaxAmount, + VatAmount: 0, + NetAmount: Math.round(TotalAmount), + PaymentType: + Paybtnnameselected?.toLowerCase() === 'upi' + ? SelectedUPIPayOption?.toLowerCase() === 'pd' + ? PaymentDeviceUPI?.[0]?.ModeId + : SelectedUPIPayOption?.toLowerCase() === 'pg' + ? PaymentgatewayUPI?.[0]?.ModeId + : paybtnselected + : paybtnselected + ? paybtnselected + : null, + GivenAmt: 0, + BalGiven: 0, + BookingMedia: 'DW', + RefundAmount: 0, + ServiceCategory: OtherServiceTicketClaim?.ServiceCategory || null, + OtherServiceTicketId: OtherServiceTicketClaim?.TicketId || null, + OtherServiceTicketAmount: OtherServiceTicketClaim?.TotalAmt || null, + PaymentStatus: + Paybtnnameselected?.toLowerCase() === 'cash' + ? 'S' + : Paybtnnameselected?.toLowerCase() === 'credit' + ? 'S' + : Paybtnnameselected?.toLowerCase() === 'upi' && + SelectedUPIPayOption?.toLowerCase() === 'default' + ? 'S' + : 'P', + OrderDtlDetails: + Object.keys(ReportholdData)?.length > 0 + ? ProductSummary(temporderdetail) + : temporderdetail, + // (BookingType === "Dine In" || BookingTypeBoth) + ExtraChargeDetails: + GlobalExtraCharge?.length > 0 + ? extrachargesbookingtype(GlobalExtraCharge) + : null, + SalesTableLinkDetails: + SelectedTableDetails?.length > 0 + ? globalTipAmount === 0 + ? SelectedTableDetails + : SelectedTableDetails?.map((item) => ({ + ...item, + TipsAmount: globalTipAmount, + })) + : null, + // "Credit": TotalAmount, + // "Debit": 0, + SalesPaymentType: 'normal', + PaymentDetail: [ + { + PaymentType: + Paybtnnameselected?.toLowerCase() === 'upi' + ? SelectedUPIPayOption?.toLowerCase() === 'pd' + ? PaymentDeviceUPI?.[0]?.ModeId + : SelectedUPIPayOption?.toLowerCase() === 'pg' + ? PaymentgatewayUPI?.[0]?.ModeId + : paybtnselected + : paybtnselected + ? paybtnselected + : null, + // SelectedUPIPayOption?.toLowerCase() === "pg" ? + Amount: Math.round(TotalAmount), + PaymentOptionType: + Paybtnnameselected?.toLowerCase() === 'cash' + ? 'PC' + : Paybtnnameselected?.toLowerCase() === 'credit' + ? 'PC' + : Paybtnnameselected?.toLowerCase() === 'card' + ? SelectedCardOption + : Paybtnnameselected?.toLowerCase() === 'upi' + ? SelectedUPIPayOption?.toLowerCase() === 'default' + ? 'PC' + : SelectedUPIPayOption + : null, + ModeOfPayment: + SelectedUPIPayOption?.toLowerCase() === 'default' + ? PaymentUpiOptions?.find((upipay) => upipay?.UPIId === UpiId) + ?.UPIDetailId + : null, + AccountDtl: + Paybtnnameselected?.toLowerCase() === 'upi' && + SelectedUPIPayOption?.toLowerCase() === 'default' + ? useOptions?.[0]?.PaymentDetails?.Payatthecounter?.find( + (upipay) => upipay?.UPIId === UpiId + ) + : (Paybtnnameselected?.toLowerCase() === 'upi' && + SelectedUPIPayOption?.toLowerCase() === 'pd') || + (Paybtnnameselected?.toLowerCase() === 'card' && + SelectedCardOption?.toLowerCase() === 'pd') + ? useOptions?.[0]?.PaymentDetails?.PaymentDevice + : (Paybtnnameselected?.toLowerCase() === 'upi' && + SelectedUPIPayOption?.toLowerCase() === 'pg') || + (Paybtnnameselected?.toLowerCase() === 'card' && + SelectedCardOption?.toLowerCase() === 'pg') + ? useOptions?.[0]?.PaymentDetails?.PaymentGateway + : [], + PaymentStatus: + Paybtnnameselected?.toLowerCase() === 'cash' + ? 'S' + : Paybtnnameselected?.toLowerCase() === 'credit' + ? 'S' + : Paybtnnameselected?.toLowerCase() === 'upi' && + SelectedUPIPayOption?.toLowerCase() === 'default' + ? 'S' + : 'P', + Debit: 0, + Credit: + Paybtnnameselected?.toLowerCase() === 'credit' + ? Math.round(TotalAmount) + : 0, + }, + ], + OrderOfferDetail: updatedOfferDetails, + }; + let PostData = temppostdata; + + if (value === 'Dine-In') { + PostData['PaymentStatus'] = pay ? 'S' : 'P'; + PostData['PaymentDetail'] = !pay && []; + PostData['PaymentType'] = !pay && ''; + } else if (value === 'Hold') { + ((PostData['PaymentStatus'] = pay ? 'S' : 'P'), + (PostData['PaymentDetail'] = !pay && [])); + PostData['PaymentType'] = !pay && ''; + PostData['ActiveStatus'] = pay ? 'A' : 'D'; + } else if (value === 'Unpaid') { + PostData['PaymentStatus'] = pay ? 'S' : 'P'; + PostData['PaymentDetail'] = !pay && []; + PostData['PaymentType'] = !pay && ''; + PostData['PrintType'] = 'Y'; + } + + Object.keys(ReportholdData)?.length > 0 + ? OrderType === 'Failed' + ? PutFailedPayment(PostData, value, pay) + : PutBooking(PostData, value, pay) + : PostBooking(PostData, value); + }; + const PostBooking = async (PostData, value) => { + let response = await dispatch(PostBookingData(PostData)).unwrap(); + if (response?.data?.statusCode == 1) { + let Paymentdevicefilter = response?.data?.PaymentOrderDtl?.filter( + (item) => + item?.PaymentOptionType?.toLowerCase() === 'pd' && + item?.PaymentStatus === 'P' + ); + let PaymentGatewayfilter = response?.data?.PaymentOrderDtl?.filter( + (item) => + item?.PaymentOptionType?.toLowerCase() === 'pg' && + item?.PaymentStatus === 'P' + ); + let PayatCounterfilter = response?.data?.PaymentOrderDtl?.filter( + (item) => item?.PaymentOptionType?.toLowerCase() === 'pc' + ); + if ( + PayatCounterfilter?.length === 1 || + response?.data?.PaymentOrderDtl?.length === 0 + ) { + setMessageType('success'); + setMessageData( + response?.data?.response + + ' ' + + (response?.data?.OrderDetails?.length > 0 + ? response?.data?.OrderId && + extractLastNumberOrderId( + response?.data?.OrderId, + response?.data?.OrderDetails?.[0]?.FYStatus + ) + : '') + ); + response?.data?.OrderDetails?.length > 0 && + setPrintOrderDetails([response?.data]); + CustomerDisplay(value); + filteredSettingNames?.includes('whatsapp') && + MobileNoWhatsApp?.value && + handleURL([response?.data]); + ClearAllGlobalStateDatas(value); + } + + if (Paymentdevicefilter?.length === 1) { + if ( + Paymentdevicefilter?.[0]?.PaymentOptionType?.toLowerCase() === 'pd' + ) { + PaymentDeviceFlow(Paymentdevicefilter, value); + } + } else { + console.log('more pd data'); + } + if (PaymentGatewayfilter?.length === 1) { + if ( + PaymentGatewayfilter?.[0]?.PaymentOptionType?.toLowerCase() === 'pg' + ) { + await dispatch(changePaymentloader(true)); + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + OrderBookingId: PaymentGatewayfilter?.[0]?.OrderId, + Paymentgateway: true, + OrderPaymentId: PaymentGatewayfilter?.[0]?.PaymentOrderId, + OrderTotalAmount: PaymentGatewayfilter?.[0]?.Amount, + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + const checkPaymentStatus = async () => { + const intervalId = setInterval(async () => { + try { + let getpaymentgatewaydetail = await dispatch( + PaymentGatewayGetdetail(PaymentGatewayfilter?.[0]?.OrderId) + ).unwrap(); + + if (getpaymentgatewaydetail?.data?.statusCode === 1) { + let paymentdataget = + getpaymentgatewaydetail?.data?.PaymentOrderDtl?.find( + (item) => + item?.PaymentOrderId === + PaymentGatewayfilter?.[0]?.PaymentOrderId + )?.PaymentStatus; + + if (paymentdataget === 'S') { + setMessageType('success'); + setMessageData('Payment Success'); + await dispatch(changePaymentloader(false)); + if ( + getpaymentgatewaydetail?.data?.OrderDetails?.length > 0 + ) { + setPrintOrderDetails([getpaymentgatewaydetail?.data]); + CustomerDisplay(value); + ClearAllGlobalStateDatas(value); + } + clearInterval(intervalId); // Stop the loop when payment is successful + } else if (paymentdataget === 'F') { + setMessageType('error'); + setMessageData('Payment Failed'); + await dispatch(changePaymentloader(false)); + setFirstPaymentclick(false); + setPaybtnnameselected(PaymentOptionsModeName); + setPaybtnselected(PaymentOptionsModeId); + clearInterval(intervalId); // Stop the loop when payment fails + CustomerDisplayRemovedData(); + ClearAllGlobalStateDatas(value); + } + } + } catch (error) { + console.error('Error fetching payment details: ', error); + } + }, 3000); // Call the API every 3 seconds + }; + + // Call the function to start checking payment status + checkPaymentStatus(); + } + } else { + console.log('more pg data'); + } + } else { + setMessageType('error'); + setMessageData(response?.data?.response); + setFirstPaymentclick(false); + // clearInvoiceDate + clearInvoiceDate(); + dispatch(changeCurrentOrderId(null)); + } + }; + + const PutBooking = async (putdatas, value, pay) => { + let putdata = putdatas; + putdata['OrderId'] = ReportholdData?.OrderId; + putdata['SalesId'] = ReportholdData?.SalesId; + putdata['UpdatedBy'] = UserId; + if (value === 'Dine-In') { + putdata['PaymentStatus'] = pay ? 'S' : 'P'; + putdata['PaymentDetail'] = !pay && []; + putdata['PaymentType'] = !pay && ''; + } else if (value === 'Hold') { + ((putdata['PaymentStatus'] = pay ? 'S' : 'P'), + (putdata['PaymentDetail'] = !pay && [])); + putdata['PaymentType'] = !pay && ''; + putdata['ActiveStatus'] = pay ? 'A' : 'D'; + } else if (value === 'Unpaid') { + putdata['PaymentStatus'] = pay ? 'S' : 'P'; + putdata['PaymentDetail'] = !pay && []; + putdata['PaymentType'] = !pay && ''; + putdata['PrintType'] = 'Y'; + } + let response = await dispatch(PutBookingData(putdata)).unwrap(); + let PayatCounterfilter = response?.data?.PaymentOrderDtl?.filter( + (item) => item?.PaymentOptionType?.toLowerCase() === 'pc' + ); + if (value !== 'Unpaid') { + if (response?.data?.statusCode == 1) { + let Paymentdevicefilter = response?.data?.PaymentOrderDtl?.filter( + (item) => + item?.PaymentOptionType?.toLowerCase() === 'pd' && + item?.PaymentStatus === 'P' + ); + let PaymentGatewayfilter = response?.data?.PaymentOrderDtl?.filter( + (item) => + item?.PaymentOptionType?.toLowerCase() === 'pg' && + item?.PaymentStatus === 'P' + ); + + if ( + PayatCounterfilter?.length === 1 || + response?.data?.PaymentOrderDtl?.length === 0 + ) { + setMessageType('success'); + setMessageData( + response?.data?.response + + ' ' + + (response?.data?.OrderDetails?.length > 0 + ? response?.data?.OrderId && + extractLastNumberOrderId( + response?.data?.OrderId, + response?.data?.OrderDetails?.[0]?.FYStatus + ) + : '') + ); + response?.data?.OrderDetails?.length > 0 && + setPrintOrderDetails([response?.data]); + CustomerDisplay(value); + ClearAllGlobalStateDatas(value); + } + if (Paymentdevicefilter?.length === 1) { + if ( + Paymentdevicefilter?.[0]?.PaymentOptionType?.toLowerCase() === 'pd' + ) { + PaymentDeviceFlow(Paymentdevicefilter, value); + } + } else { + console.log('more pd data'); + } + if (PaymentGatewayfilter?.length === 1) { + await PaymentGatewayFlow(PaymentGatewayfilter); + } else { + console.log('more pg data'); + } + } else { + // clearInvoiceDate + clearInvoiceDate(); + dispatch(changeCurrentOrderId(null)); + } + } else { + setPrintOrderDetails([response?.data]); + + if (OfferCheckedInSetup && preferenceOffer) { + await applyOffer([]); + } else { + dispatch(changeOrderCardDetails([])); + } + await dispatch(changeReorderHoldDetails({})); + await dispatch(changeReorderProductDetails([])); + setFirstPaymentclick(false); + await dispatch(changeBookingType('TakeAway')); + await dispatch(changeSelectTable([])); + await dispatch(changeSelectChair([])); + getUnpaiddatas(); + } + }; + const PutFailedPayment = async (PayData, value, pay) => { + console.log(PayData?.PaymentDetail?.[0]?.PaymentType, 'mohanPayData'); + let tempsplitdata = { + CompId: PayData?.CompId, + BranchId: PayData?.BranchId, + AppId: PayData?.AppId, + CustSuppId: PayData?.SelCustId ? SelCustId : null, + UpdatedBy: UserId, + OrderId: ReportholdData?.OrderId, + PaymentType: PayData?.PaymentDetail?.[0]?.PaymentType, + Amount: FailedTotalAmt, + PaymentOptionType: PayData?.PaymentDetail?.[0]?.PaymentOptionType, + ModeOfPayment: PayData?.PaymentDetail?.[0]?.ModeOfPayment, + AccountDtl: PayData?.PaymentDetail?.[0]?.AccountDtl, + PaymentStatus: PayData?.PaymentDetail?.[0]?.PaymentStatus, + Debit: PayData?.PaymentDetail?.[0]?.Debit, + Credit: PayData?.PaymentDetail?.[0]?.Credit, + }; + + let response = await dispatch( + putSplitpaymentStatus(tempsplitdata) + ).unwrap(); + if (response?.data?.statusCode == 1) { + let Paymentdevicefilter = response?.data?.PaymentOrderDtl?.filter( + (item) => + item?.PaymentOptionType?.toLowerCase() === 'pd' && + item?.PaymentStatus === 'P' + ); + let PaymentGatewayfilter = response?.data?.PaymentOrderDtl?.filter( + (item) => + item?.PaymentOptionType?.toLowerCase() === 'pg' && + item?.PaymentStatus === 'P' + ); + let PayatCounterfilter = response?.data?.PaymentOrderDtl?.filter( + (item) => + item?.PaymentOptionType?.toLowerCase() === 'pc' && + item?.PaymentType === PayData?.PaymentDetail?.[0]?.PaymentType + ); + if ( + PayatCounterfilter?.length > 0 || + response?.data?.PaymentOrderDtl?.length === 0 + ) { + setMessageType('success'); + + // setSplitSelPayMode({...SplitSelPayMode,...{[`PaymentStatus-${i}`]:"S"}}) + + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + upi: null, + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + setMessageData( + response?.data?.response + + ' ' + + (response?.data?.OrderDetails?.length > 0 + ? response?.data?.OrderId && + extractLastNumberOrderId( + response?.data?.OrderId, + response?.data?.OrderDetails?.[0]?.FYStatus + ) + : '') + ); + if (response?.data?.OrderDetails?.length > 0) { + setPrintOrderDetails([response?.data]); + CustomerDisplay(); + ClearAllGlobalStateDatas(); + } + } + if (Paymentdevicefilter?.length === 1) { + if ( + Paymentdevicefilter?.[0]?.PaymentOptionType?.toLowerCase() === 'pd' + ) { + PaymentDeviceFlow(Paymentdevicefilter, value); + } + } + + if (PaymentGatewayfilter?.length === 1) { + if ( + PaymentGatewayfilter?.[0]?.PaymentOptionType?.toLowerCase() === 'pg' + ) { + PaymentGatewayFlow(PaymentGatewayfilter, value); + } + } + } + }; + const PaymentDeviceFlow = async (Paymentdevicefilter, value) => { + await dispatch(changePaymentloader(true)); + await dispatch( + changePaymentTransactionNumber(Paymentdevicefilter?.[0]?.PaymentOrderId) + ); + + let paymentdetail = { + TransactionNumber: Paymentdevicefilter?.[0]?.PaymentOrderId, + SequenceNumber: 1, + AllowedPaymentMode: + Paymentdevicefilter?.[0]?.PaymentTypeName?.toLowerCase() === 'card' + ? '1' + : Paymentdevicefilter?.[0]?.PaymentTypeName?.toLowerCase() === 'upi' + ? '10' + : '', + Amount: `${parseInt(Paymentdevicefilter?.[0]?.Amount) * 100}`, + ClientID: useOptions?.[0]?.PDConfigDetails?.[0]?.ClientId, + StoreID: useOptions?.[0]?.PDConfigDetails?.[0]?.StoreId, + UserID: useOptions?.[0]?.PDConfigDetails?.[0]?.UserId, + MerchantID: useOptions?.[0]?.PDConfigDetails?.[0]?.MerchantId, + SecurityToken: useOptions?.[0]?.PDConfigDetails?.[0]?.SecurityToken, + IMEI: useOptions?.[0]?.PDConfigDetails?.[0]?.IMEI, + AutoCancelDurationInMinutes: + useOptions?.[0]?.PDConfigDetails?.[0]?.AutoCancelDurationInMinutes, + }; + let apiresponse = await dispatch(PostPaymentdevice(paymentdetail)).unwrap(); + if (apiresponse?.ResponseMessage?.toLowerCase() === 'approved') { + let pendingPaymentList = { + MerchantID: useOptions?.[0]?.PDConfigDetails?.[0]?.MerchantId, + SecurityToken: useOptions?.[0]?.PDConfigDetails?.[0]?.SecurityToken, + ClientID: useOptions?.[0]?.PDConfigDetails?.[0]?.ClientId, + StoreID: useOptions?.[0]?.PDConfigDetails?.[0]?.StoreId, + IMEI: useOptions?.[0]?.PDConfigDetails?.[0]?.IMEI, + PlutusTransactionReferenceId: apiresponse?.PlutusTransactionReferenceID, + PaymentOrderId: Paymentdevicefilter?.[0]?.PaymentOrderId, + UpdatedBy: UserId, + }; + await dispatch(PutPendingPaymentList(pendingPaymentList)).unwrap(); + let isApproved = false; + const startTime = Date.now(); + let postpaymentdata = { + MerchantID: useOptions?.[0]?.PDConfigDetails?.[0]?.MerchantId, + SecurityToken: useOptions?.[0]?.PDConfigDetails?.[0]?.SecurityToken, + ClientID: useOptions?.[0]?.PDConfigDetails?.[0]?.ClientId, + StoreID: useOptions?.[0]?.PDConfigDetails?.[0]?.StoreId, + IMEI: useOptions?.[0]?.PDConfigDetails?.[0]?.IMEI, + PlutusTransactionReferenceID: apiresponse?.PlutusTransactionReferenceID, + }; + // Loop to call the second API every 3 seconds + while (!isApproved) { + let ApiResponseget = await dispatch( + GetPaymentdeviceResponse(postpaymentdata) + ).unwrap(); + + if (ApiResponseget?.ResponseMessage?.toLowerCase() === 'txn approved') { + let putbookingdata = { + OrderBookingId: Paymentdevicefilter?.[0]?.OrderId, + OrderId: Paymentdevicefilter?.[0]?.PaymentOrderId, + PaymentStatus: 'S', + Amount: Paymentdevicefilter?.[0]?.Amount, + ResponseDtl: [ApiResponseget], + PaymentType: Paymentdevicefilter?.[0]?.PaymentType, + UpdatedBy: UserId, + }; + + let bookingpaymentupdate = await dispatch( + PutBookingPaymentStatusChange(putbookingdata) + ).unwrap(); + if (bookingpaymentupdate?.data?.statusCode === 1) { + setMessageType('success'); + setMessageData( + bookingpaymentupdate?.data?.response + + ' ' + + (bookingpaymentupdate?.data?.OrderDetails?.length > 0 + ? bookingpaymentupdate?.data?.OrderId && + extractLastNumberOrderId( + bookingpaymentupdate?.data?.OrderId, + bookingpaymentupdate?.data?.OrderDetail?.[0]?.FYStatus + ) + : '') + ); + bookingpaymentupdate?.data?.OrderDetails?.length > 0 && + setPrintOrderDetails([bookingpaymentupdate?.data]); + CustomerDisplay(value); + ClearAllGlobalStateDatas(value); + dispatch(changePaymentloader(false)); + } + isApproved = true; + console.log('Transaction Approved!'); + // Exit the loop + break; + } + + // Check if 1 minute has passed + if ( + Date.now() - startTime > + useOptions?.[0]?.PDConfigDetails?.[0]?.AutoCancelDurationInMinutes * + 60000 + ) { + // 60,000 ms = 1 minute + + let putbookingdata = { + OrderBookingId: Paymentdevicefilter?.[0]?.OrderId, + OrderId: Paymentdevicefilter?.[0]?.PaymentOrderId, + PaymentStatus: 'F', + Amount: Paymentdevicefilter?.[0]?.Amount, + ResponseDtl: [ApiResponseget], + PaymentType: Paymentdevicefilter?.[0]?.PaymentType, + UpdatedBy: UserId, + }; + + let bookingpaymentupdate = await dispatch( + PutBookingPaymentStatusChange(putbookingdata) + ).unwrap(); + if (bookingpaymentupdate?.data?.statusCode === 1) { + setMessageType('error'); + setMessageData( + `Payment Failed. Your Transaction Number is ${Paymentdevicefilter?.[0]?.PaymentOrderId}` + ); + setFirstPaymentclick(false); + setPaybtnnameselected(PaymentOptionsModeName); + setPaybtnselected(PaymentOptionsModeId); + dispatch(changePaymentloader(false)); + CustomerDisplayRemovedData(); + ClearAllGlobalStateDatas(value); + } + + console.error('Transaction not approved within 1 minute.'); + // Send an error message or handle the timeout + // You can dispatch an action, show a notification, etc. + break; + } + + // Wait for 3 seconds before making the next call + await new Promise((resolve) => setTimeout(resolve, 3000)); + } + } else { + let putbookingdata = { + OrderBookingId: Paymentdevicefilter?.[0]?.OrderId, + OrderId: Paymentdevicefilter?.[0]?.PaymentOrderId, + PaymentStatus: 'F', + Amount: Paymentdevicefilter?.[0]?.Amount, + PaymentType: Paymentdevicefilter?.[0]?.PaymentType, + UpdatedBy: UserId, + }; + let bookingpaymentupdate = await dispatch( + PutBookingPaymentStatusChange(putbookingdata) + ).unwrap(); + if (bookingpaymentupdate?.data?.statusCode === 1) { + setMessageType('error'); + setMessageData(apiresponse?.ResponseMessage); + setFirstPaymentclick(false); + setPaybtnnameselected(PaymentOptionsModeName); + setPaybtnselected(PaymentOptionsModeId); + dispatch(changePaymentloader(false)); + CustomerDisplayRemovedData(); + ClearAllGlobalStateDatas(value); + } + } + }; + const PaymentGatewayFlow = async (PaymentGatewayfilter) => { + if (PaymentGatewayfilter?.[0]?.PaymentOptionType?.toLowerCase() === 'pg') { + await dispatch(changePaymentloader(true)); + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + OrderBookingId: PaymentGatewayfilter?.[0]?.OrderId, + Paymentgateway: true, + OrderPaymentId: PaymentGatewayfilter?.[0]?.PaymentOrderId, + OrderTotalAmount: PaymentGatewayfilter?.[0]?.Amount, + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + const checkPaymentStatus = async () => { + const intervalId = setInterval(async () => { + try { + let getpaymentgatewaydetail = await dispatch( + PaymentGatewayGetdetail(PaymentGatewayfilter?.[0]?.OrderId) + ).unwrap(); + + if (getpaymentgatewaydetail?.data?.statusCode === 1) { + let paymentdataget = + getpaymentgatewaydetail?.data?.PaymentOrderDtl?.find( + (item) => + item?.PaymentOrderId === + PaymentGatewayfilter?.[0]?.PaymentOrderId + )?.PaymentStatus; + + if (paymentdataget === 'S') { + setMessageType('success'); + setMessageData('Payment Success'); + await dispatch(changePaymentloader(false)); + if (getpaymentgatewaydetail?.data?.OrderDetails?.length > 0) { + setPrintOrderDetails([getpaymentgatewaydetail?.data]); + CustomerDisplay(value); + + ClearAllGlobalStateDatas(value); + } + clearInterval(intervalId); // Stop the loop when payment is successful + } else if (paymentdataget === 'F') { + setMessageType('error'); + setMessageData('Payment Failed'); + await dispatch(changePaymentloader(false)); + setFirstPaymentclick(false); + setPaybtnnameselected(PaymentOptionsModeName); + setPaybtnselected(PaymentOptionsModeId); + clearInterval(intervalId); // Stop the loop when payment fails + CustomerDisplayRemovedData(); + ClearAllGlobalStateDatas(value); + // const customerDisplayWindow = getCustomerDisplayWindow(); + // if (customerDisplayWindow && !customerDisplayWindow.closed) { + // const updatedData = { + // userData: OrderCardDetail, + // ExtraCharges: GlobalExtraCharge, + // upi: GlobalUpiID, + // customer: selOption != null ? selOption : GetCustId, + // paymentMethod: Paybtnnameselected, + // Paymentgateway: false, + // OrderTotalAmount:PaymentGatewayfilter?.[0]?.Amount + + // }; + // customerDisplayWindow.postMessage(updatedData, '*'); + // } + } + } + } catch (error) { + console.error('Error fetching payment details: ', error); + } + }, 3000); // Call the API every 3 seconds + }; + + // Call the function to start checking payment status + checkPaymentStatus(); + } + }; + const CustomerDisplayRemovedData = () => { + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + userData: [], + ExtraCharges: [], + Paymentgateway: false, + type: 'remove', + keyValue: 'customer', + }; + customerDisplayWindow.postMessage(updatedData, '*'); + const updatedRemovedData = { + type: 'remove', + keyValue: 'OrderTotalAmount', + }; + customerDisplayWindow.postMessage(updatedRemovedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + }; + const CustomerDisplay = (value) => { + const customerDisplayWindow = getCustomerDisplayWindow(); + if (value == 'TakeAway') { + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + userData: [], + ExtraCharges: [], + Paymentgateway: false, + upioption1: 'okk', + type: 'remove', + keyValue: 'customer', + }; + customerDisplayWindow.postMessage(updatedData, '*'); + const updatedRemovedData = { + type: 'remove', + keyValue: 'OrderTotalAmount', + }; + customerDisplayWindow.postMessage(updatedRemovedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + } else { + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + type: 'remove', + keyValue: 'customer', + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + } + }; + const columns = [ + { + title: 'Sl.No', + key: 'sno', + align: 'center', + width: '100px', + render: (text, object, index) => ( + {index + 1} + ), + }, + { + title: 'Table Name/Chair Name', + dataIndex: 'TableName', + key: 'TableName', + width: '150px', + onCell: (_, record, index) => { + return { + onClick: () => { + Unpaidfun(record); + }, + }; + }, + }, + { + title: 'Order Id', + dataIndex: 'OrderID', + key: 'OrderID', + width: '150px', + align: 'right', + onCell: (_, record, index) => { + return { + onClick: () => { + Unpaidfun(record); + }, + }; + }, + }, + { + title: "Item's", + dataIndex: 'ProductName', + key: 'ProductName', + width: '250px', + onCell: (_, record, index) => { + return { + onClick: () => { + Unpaidfun(record); + }, + }; + }, + }, + { + title: 'Amount', + dataIndex: 'TotalAmount', + key: 'TotalAmount', + width: '150px', + align: 'right', + render: (text) => {safeRound(text)}, + onCell: (_, record, index) => { + return { + onClick: () => { + Unpaidfun(record); + }, + }; + }, + }, + ]; + + const TableData = []; + tabledata?.map((item) => + TableData.push({ + TableName: item.SalesTableLinkDetails?.map((item) => + item.ChairName == null ? item.TableName : item.ChairName + )?.join(','), + OrderID: extractLastNumberOrderId(item?.OrderId, item?.FYStatus), + ProductName: item.productDetails + ?.map( + (item) => + item?.ProdName + + '-' + + (item?.Type != 'C' ? item?.OrderQty : '1 Combo') + ) + ?.join(','), + TotalAmount: item.NetAmount, + }) + ); + + const Unpaidfun = async (event) => { + const UpdatedData = tabledata?.[event]?.productDetails; + dispatch(changeunpaidflow(true)); + if ( + OrderCardDetail?.length > 0 && + (BookingType === 'Dine In' || BookingTypeBoth) + ) { + if (OfferCheckedInSetup && preferenceOffer) { + await applyOffer([]); + } else { + dispatch(changeOrderCardDetails([])); + } + // await dispatch(changeOrderCardDetails([])) + // await dispatch(changeOrderCardDetails(tabledata?.[event]?.productDetails)) + // await dispatch(ChangeTotalAmount(tabledata?.[event]?.ExtraChargeDetails)) + // await dispatch(changeUnpaidData(true)) + // await dispatch(changeReorderHoldDetails([tabledata?.[event]]?.[0])); + // await dispatch(changeReorderProductDetails(tabledata?.[event]?.productDetails)) + // setUnpaidOpen(false) + setUnpaidConfirmation(true); + setunpaidselectedindex(event); + } else { + if (OfferCheckedInSetup && preferenceOffer) { + await applyOffer(UpdatedData); + } else { + dispatch(changeOrderCardDetails(UpdatedData)); + } + dispatch(changeReorderHoldDetails([tabledata?.[event]]?.[0])); + await dispatch( + changeReorderProductDetails(tabledata?.[event]?.productDetails) + ); + dispatch(ChangeTotalAmount(tabledata?.[event]?.ExtraChargeDetails)); + setUnpaidOpen(false); + } + }; + + const UnpaidOk = async () => { + setOrderStatus(false); + await dispatch(changeSelectedTableDetails([])); + await dispatch(changeSelectTable([])); + await dispatch(changeSelectChair([])); + await dispatch(changeBookingType('TakeAway')); + await dispatch( + changeOrderCardDetails(tabledata?.[unpaidselectedindex]?.productDetails) + ); + await dispatch( + changeReorderProductDetails( + tabledata?.[unpaidselectedindex]?.productDetails + ) + ); + await dispatch( + changeReorderHoldDetails([tabledata?.[unpaidselectedindex]]?.[0]) + ); + await dispatch( + ChangeTotalAmount(tabledata?.[unpaidselectedindex]?.ExtraChargeDetails) + ); + await dispatch(changeUnpaidData(true)); + setUnpaidOpen(false); + setUnpaidConfirmation(false); + }; + const Unpaidclose = async () => { + dispatch(changeunpaidflow(false)); + setUnpaidOpen(false); + setUnpaidConfirmation(false); + }; + + const Recipt = async () => { + AddBookingDetails('Unpaid', false); + }; + const navigateDineIn = async () => { + navigate(`${subDirectory}sales/dine-in`); + await dispatch(changeBookingType('Dine In')); + await dispatch(changeEstimateBooking('Sales')); + if (OrderType === 'Hold') { + await dispatch(changeReorderHoldDetails({})); + await dispatch(changeReorderProductDetails([])); + + if (OfferCheckedInSetup && preferenceOffer) { + await applyOffer([]); + } else { + dispatch(changeOrderCardDetails([])); + } + } + }; + + useEffect(() => { + if (ReprintModal === true) { + setReprint1(false); + } + }, [ReprintModal]); + const handleReprint = () => { + // setReprint1(true) + window.dispatchEvent(new Event('CLICK REPRINT')); + }; + const handleReprintCancel = () => { + setReprint1(false); + }; + const today = new Date(); + const year = today.getFullYear(); + // Note: Months are zero-based, so we add 1 to get the actual month + const month = today.getMonth() + 1; + const day = today.getDate(); + + // Creating a formatted date string (in the format YYYY-MM-DD) + const Todaydate = `${day < 10 ? '0' : ''}${day}-${month < 10 ? '0' : ''}${month}-${year}`; + const OrderId = PrintOrderDetails?.[0]?.OrderDetails?.[0]?.OrderId; + let MobileNo = selOption?.value; + useEffect(() => { + if (selOption) { + closePrintOption(); + setMobileNoWhatsApp(selOption); + } + }, [selOption]); + const UpiPayment = () => { + if (OrderStatus) { + AddBookingDetails('Dine-In', false); + } else { + if (SelectedUpiOption && TotalAmount == 0) { + Upimodel('Submit'); + } else if (SelectedUpiOption) { + setUpiOpen(true); + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + OrderTotalAmount: TotalAmount, + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + } else { + setUpinotSelected(true); + setMessageType('error'); + setMessageData('Please Select Upi Option'); + } + } + }; + + const onFinalSubmit = async () => { + let url = `${MainHomeUrl}payment-page?amt=${TotalAmount}&Id=${MobileNo}&cus=${SelCustId} &CusN=${selOption?.CustName}&Br=${brachName}`; + let response = await dispatch(SendPaymentLink({ MobileNo, url })).unwrap(); + if (response?.data?.statusCode === 1) { + setMessageType('success'); + setMessageData('Link Sent Successfully'); + } + }; + const Upimodel = (type) => { + setUpiOpen(false); + if (type == 'Submit') { + AddBookingDetails(BookingType, true); + } + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedRemovedData = { + type: 'remove', + keyValue: 'OrderTotalAmount', + }; + customerDisplayWindow.postMessage(updatedRemovedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + }; + const CreditCustomerHAndleCancel = async () => { + setcreditCustomerOpen(false); + await dispatch(changeCreditFocus(false)); + }; + + const CreditCustomerFun = async () => { + if ( + OrderCardDetail?.length === 0 && + (selOption?.value !== undefined || + GlobalAddCustomerDetails1.length > 0 || + GetCustId.CustMobile !== undefined) + ) { + setcreditCustomerOpen(true); + await dispatch(changeCreditFocus(true)); + } else { + if (selOption?.value == undefined) { + setMessageType('warning'); + setMessageData('Please Select the Customer'); + } + } + }; + const changeOrderStatus = () => { + setOrderStatus(!OrderStatus); + setPaybtnnameselected(PaymentOptionsModeName); + setPaybtnselected(PaymentOptionsModeId); + }; + // split payments + const SplitPaymentOpen = () => { + if (OrderCardDetail?.length > 0) { + const updatedData = { + userData: OrderCardDetail, + ExtraCharges: GlobalExtraCharge, + customer: selOption != null ? selOption : GetCustId, + Paymentgateway: false, + }; + setFailedOrderData(updatedData); + setSplitpayment(true); + } else { + setMessageType('warning'); + setMessageData('Please Select the Product'); + } + }; + + const handlePopoverVisibleChangeCard = (visible) => { + setCardOptionOpen(visible); + }; + + const handlesplitpaymentclose = () => { + setSplitpayment(false); + setPaybtnnameselected(PaymentOptionsModeName); + setPaybtnselected(PaymentOptionsModeId); + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedData = { + paymentMethod: PaymentOptions?.[0]?.ModeName, + Paymentgateway: false, + }; + customerDisplayWindow.postMessage(updatedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + }; + // const handleClick = async () => { + // if (Comboglobal == false) { + // await dispatch(changeCombosearch(true)); + // } else { + // await dispatch(changeCombosearch(false)); + // } + // }; + + // const Combodata = async () => { + // let data = { + // AppId: AppId, + // CompId: CompId, + // BranchId: BranchId, + // ActiveStatus: 'A', + // }; + + // let Response = await dispatch(Comboget(data)).unwrap(); + // if (Response?.data?.statusCode == 1) { + // setComboDropDown(Response?.data?.data); + // } + // }; + + const openPreOrder = async () => { + setPreOrderOpen((prevState) => !prevState); + if (preOrderOpen) { + const customerDisplayWindow = getCustomerDisplayWindow(); + if (customerDisplayWindow && !customerDisplayWindow.closed) { + const updatedRemovedData = { + userData: [], + ExtraCharges: [], + paymentMethod: 'Cash', + type: 'remove', + keyValue: 'customer', + }; + customerDisplayWindow.postMessage(updatedRemovedData, '*'); + } else { + console.error( + 'Customer display window is not available or has been closed.' + ); + } + await dispatch(changeBookingType('TakeAway')); + await dispatch(changepreOrder(false)); + await dispatch(changepreOrderList(null)); + await dispatch(changePreOrderCusName(null)); + await dispatch(changePreOrderCusMob(null)); + await dispatch(changePreOrderDate()); + await dispatch(changePreOrderTime(null)); + await dispatch(changePreOrderAdd1(null)); + await dispatch(changePreOrderAdd2(null)); + await dispatch(changePreOrderAdvance(null)); + await dispatch(changePreOrderzip(null)); + await dispatch(changePreOrderCity(null)); + await dispatch(changePreOrderDistrict(null)); + await dispatch(changePreOrderState(null)); + await dispatch(changePreOrderAdditem('AddDetails')); + await dispatch(changeSelectedOption(null)); + await dispatch(changeCustomerID(null)); + await dispatch(changealldata(false)); + await dispatch(changeSelectedCustId(null)); + } + }; + + const closePrintOption = () => { + setShowWhatsAppShare(false); + setSMSShare(false); + setPrintOrderDetails([]); + setMobileNoWhatsApp(); + }; + + // const orderIdsArray = + // PrintOrderDetails?.[0]?.OrderDetails?.map( + // (orderDetail) => orderDetail?.OrderId + // ) || []; + + const handleURL = async (PrintOrderDetails) => { + let orderIdsArray = PrintOrderDetails?.[0]?.OrderDetails?.map( + (orderDetail) => orderDetail?.OrderId + ); + const encrypted = encryptObject(orderIdsArray); + + const postData = { + Url: encrypted, + CreatedBy: UserId, + }; + if (orderIdsArray) { + const res = await dispatch(PublicQrCodepost(postData)).unwrap(); + const urlData = res?.data?.ReferenceNo; + setUrlData(urlData); + } + }; + + const customerNameOrMobile = MobileNoWhatsApp?.CustName?.trim() + ? `Dear ${MobileNoWhatsApp?.CustName}` + : `Dear ${MobileNoWhatsApp?.value}`; + const documentUrl = `${MainHomeUrl}viewbill?code=${urlData}`; + const encodedMessage = `${customerNameOrMobile},\n\n🙏 Thank you for being a valuable customer!\n\n🧾 To view your bill, please click the link below:\n${documentUrl}`; + const handlepaymentoptions = async () => { + await dispatch(changeSalesPaymentoption(true)); + await dispatch( + getPaymentOptionsData({ + AppId: AppId, + CompId: CompId, + BranchId: BranchId, + }) + ); + }; + + const handleotherservices = () => { + dispatch(changeOtherServices(true)); + dispatch(changeComboRedirectionToDefaultLayoutForParking(true)); + dispatch( + changetemplateData({ + AppName, + SelectedApplication: AppId, + Type: 'ParkingRedirect', + }) + ); + }; + + return ( + <> +
+ +
+
+ {BSComboNavbar?.[1]?.map((item) => ( + <> + {item?.OptionName == 'QuickAdd' && ( + +
+ +
+ Quick Add + + (Alt + N) + +
+
+ + )} + {item?.OptionName == 'DineIn' && + DineInPreference?.SettingValue === 'Y' && + dinePreference && ( + +
+ + DINE IN +
+ + )} + {item?.OptionName == 'TakeAway' && takeAwayPreference && ( + +
+ BookingType !== 'TakeAway' && ChangeTakeAway() + } + style={{ + pointerEvents: OrderType === 'Failed' ? 'none' : 'auto', + }} + > + + {/* TAKE AWAY */} + Take Away +
+ + )} + + ))} + + {OtherServiceStatus && ( +
+ +
+ + Other Services +
+ +
+ )} +
+ +
+ {BSComboNavbar?.[1]?.map((item) => ( + <> + {item?.OptionName == 'Offer' && ( +
+ +
+ )} + {item?.OptionName == 'ExtraCharge' && ( + +
+
+ + {/* EXTRA CHARGE */} + Extra Charge +
+ +
+ (Alt + A) +
+
+ + )} + {item?.OptionName == 'RePrint' && ( + +
+
+ + Re-Print +
+ + + (Alt + R) + +
+ + )} + + ))} + {/* {reprint1 && ( + + )} */} + {extraCharges && ( + + )} + {QuickAdd && ( + + )} + {creditCustomerOpen && ( + + )} + {TotalAmount == 0 && Success && ( +
+ +
+ )} + {TotalAmount > 0 && + qrCode && + PaymentUpiOptions?.length > 0 && + SelectedUpiOption && ( +
+ +
+ )} + + {PaymentUpiOptions?.length > 0 && OrderId && ( +
+ +
+ )} +
+
+ +
+
+
setIsFloatMenuOpen(!isFloatMenuOpen)} + > + +
+ + {isFloatMenuOpen && ( +
+ {!OtherServiceStatus && ( +
+ +
+ +

Parking

+
+ +
+ )} + {BSComboNavbar?.[1]?.map((item) => ( + <> + {item?.OptionName == 'QuickAdd' && ( +
+ +
+ +

+ Quick Add
(Alt +N) +

+
+ +
+ )} + {item?.OptionName == 'DineIn' && + DineInPreference?.SettingValue === 'Y' && ( + <> +
+ +
+ +

Dine In

+
+ +
+ {FirstPaymentclick === false && + !addnewAccess && + !OrderStatus && ( +
+ +
+ )} + + )} + {item?.OptionName == 'TakeAway' && ( +
+ +
+ +

Take Away

+
+ +
+ )} + {item?.OptionName == 'Offer' && ( +
+ +
+ )} + {item?.OptionName == 'ExtraCharge' && ( +
+ +
+ +

Extra Charge

+
+ +
+ )} + {item?.OptionName == 'RePrint' && ( +
+ +
+ +

Re Print

+
+ +
+ )} + + ))} +
+ )} +
+
+ +
+ +
0) && + !unpaidFlow && + OrderStatus + ? 'none' + : 'auto', + opacity: + (BookingType === 'Dine In' || + BookingTypeBoth || + CheckOrderType?.length > 0) && + !unpaidFlow && + OrderStatus + ? 0.5 + : 1, + }} + > + {paybtns?.length > 0 ? ( + paybtns?.map((payment) => ( +
+ +
+ )) + ) : ( +
+ Please Set Payment Options +
+ )} + + {paybtns?.length > 1 && ( +
0) && + !unpaidFlow && + OrderStatus + ? 'none' + : 'auto', + opacity: + (BookingType === 'Dine In' || + BookingTypeBoth || + CheckOrderType?.length > 0) && + !unpaidFlow && + OrderStatus + ? 0.5 + : 1, + }} + > + + {' '} +
+
+ + Split Pay +
+
+ +
+ )} +
+ + + {/*
+ +
*/} + +
+ +
+
+
+
+
Items
+
:
+
+ {' '} + {TotalItems}{' '} +
+
+
+
Qty
+
:
+
{Qty}
+
+
+
+
+
+ +
+ {(addcustomer || hold) && ( + setHold(false)} + /> + )} +
+ {Estimation?.SettingValue == 'Y' && + BookingType !== 'Dine In' && + !BookingTypeBoth && ( +
+ +
+ )} + {BSComboData?.BookingBilling?.[1]?.map((item) => ( + <> + {/* {item?.OptionName=="Hold" && */} + {unpaidFlow == false + ? item?.OptionName == 'Hold' && + BookingType !== 'Dine In' && + !BookingTypeBoth && + OrderCardDetail?.length != 0 && + CheckOrderType?.length === 0 && + OrderType != 'Failed' && + CheckBookingStatus != 'Close' && + !addnewAccess && ( + + {' '} +
+ AddBookingDetails('Hold')} + style={{ + cursor: 'pointer', + // color: '' ? '#52c41a' : '#1292EE', + }} + />{' '} +

Hold

+
+ + ) + : ''} + + {unpaidFlow == false + ? item?.OptionName == 'Hold' && + BookingType !== 'Dine In' && + !BookingTypeBoth && + Holddata?.length > 0 && + OrderCardDetail?.length == 0 && + CheckBookingStatus != 'Close' && + !addnewAccess && ( + + {' '} + +
+ HandleholdModelOpen()} + style={{ + cursor: 'pointer', + // color: Holddata ? '#52c41a' : 'default', + pointerEvents: + OrderType === 'Failed' ? 'none' : 'auto', + }} + /> +
+ + + ) + : ''} + {tabledata?.length > 0 && dinePreference && ( + <> + {item?.OptionName == 'UnpaidBill' && ( + + {' '} +
+ { + (setUnpaidOpen(true), getUnpaiddatas()); + }} + /> +
+ + )} + + )} + + ))} + {BSComboData?.BookingBilling?.[1]?.filter( + (item) => item.OptionName === 'AddCustomer' + ).length === 1 ? ( + <> + {Object.keys(useOptions)?.length > 0 && + useOptions?.some((flow) => + flow.OptionDetails.some( + (option) => + option.OptionName === 'Pay at the counter' && + option.ModeDetails.some( + (mode) => mode.ModeName === 'Credit' + ) + ) + ) && ( + + +
0 || + (selOption?.value === undefined && + GlobalAddCustomerDetails1?.length === 0 && + GetCustId?.CustMobile === undefined) + ? 'gray' + : '#1292eeff', + color: '#fff', + height: '40px', + width: '45px', + borderRadius: '6px', + display: 'flex', + alignItems: 'center', + justifyContent: 'center', + padding: '8px 8px 12px 8px', + }} + > + {' '} + 0 && 'not-allowed', + // color: + // OrderCardDetail?.length > 0 || + // (selOption?.value === undefined && + // GlobalAddCustomerDetails1?.length === 0 && + // GetCustId?.CustMobile === undefined) + // ? 'gray' + // : '#1292eeff', + fontSize: '28px', + }} + />{' '} +

Adv Amt

+
+ + + )} + + ) : ( + '' + )} + + {/* Customer Orders */} + {GetCustId && ( + + {' '} +
{ + if ( + CheckBookingStatus !== 'Close' && + !addnewAccess && + !(OrderCardDetail?.length > 0) + ) { + setCustomerPreviesOrders(true); + } + }} + style={{ + cursor: OrderCardDetail?.length > 0 && 'not-allowed', + color: + OrderCardDetail?.length > 0 || + (OrderCardDetail?.length > 0 && + GetCustId?.CustMobile === undefined) + ? 'gray' + : 'rgb(255, 255, 255)', + color: '#fff', + height: '40px', + width: '45px', + borderRadius: '6px', + display: 'flex', + alignItems: 'center', + justifyContent: 'center', + padding: '5px 5px 6px 5px', + background: 'rgb(18, 146, 238)' + }} + > + Cust Orders +
+ + )} + {FeatureAddonData?.FeatureDtls?.find( + (item) => item?.FeatureAddonName?.toLowerCase() === 'preorder' + ) && ( + <> + { +
0 || OrderType === 'Failed' + ? 'none' + : 'auto', + opacity: OrderCardDetail?.length > 0 ? 0.5 : 1, + }} + > + + + { + openPreOrder(); + }} + /> + + +
+ } + + )} + {preOrderOpen && } + {sportsAppPreference && } + {dinePreference && + (BookingType === 'Dine In' || + BookingTypeBoth || + CheckOrderType?.length > 0) && + !unpaidFlow && ( + <> + + {' '} + + FirstPaymentclick === false && !addnewAccess + ? changeOrderStatus() + : '' + } + style={{ + pointerEvents: OrderType === 'Failed' ? 'none' : 'auto', + }} + /> + + {FirstPaymentclick === false && + !addnewAccess && + !OrderStatus && } + + )} + {OrderCardDetail?.length > 0 && ParkingDisplay && ( +
+ +
+ )} + {unpaidFlow == true ? ( + + { + Recipt(); + }} + /> + + ) : ( + '' + )} + {/*
+ + + + } + trigger="click" + open={open} + onOpenChange={handleOpenChange} + > + + +
*/} + {/* {ComboDropDown?.length >= 1 && ( +
+ + + +
+ )} */} + {paymentfeataddon && ( + +
{ + paymentFailedStatusFun(); + }} + style={{ + width: '27px', + cursor: 'pointer', + fontWeight: '600', + color: 'rgb(18, 146, 238)', + }} + > + +
+ + )} + {OpenFailData && ( + + )} +
+
+
+ {BSComboData?.BookingBilling?.[1]?.map((item) => ( + <> + {item?.OptionName == 'AddCustomer' && !preOrderOpen && ( +
+ + +
+ +
+ +
+ )} + + ))} + +
+ + + + + + + + + + } + trigger="click" + open={open} + onOpenChange={handleOpenChange} + > + + + + +
+
+ {PrintOrderDetails?.length > 0 && + PrintOrderDetails?.[0]?.OrderDetails?.map((orderDetail, index) => ( +
+ +
+ ))} + {PrintOrderDetails?.length > 0 && + (TokenOnly?.SettingValue === 'Y' || + IndividualToken?.SettingValue === 'Y') && + PrintOrderDetails?.[0]?.OrderDetails?.map((orderDetail, index) => ( +
+ +
+ ))} + {CreditCustomer && ( +
+ { + handleCreditCustomer('Cancel'); + }} + handleOk={() => { + handleCreditCustomer('Submit'); + }} + /> +
+ )} +
+ {UpiOpen && ( + { + Upimodel('Cancel'); + }} + footer={false} + children={ +
+ {/*

UPI PAYMENT

*/} + +
+
+ +
+ +
+

+ {' '} + RS : + {OrderType === 'Failed' + ? FailedTotalAmt + : Math.round(TotalAmount)}{' '} +

+
+
+ +
+ {(selOption || SelCustId) && ( +
+ Sent Payment Link + Your Alt Text + {/* */} +
+ )} + +
+ } + handleSubmit={() => { + Upimodel('Submit'); + }} + /> +
+
+
+ } + /> + )} + {unpaidopen && ( + { + setUnpaidOpen(false); + }} + footer={false} + children={ +
+ +
+ } + /> + )} + {/* + + */} + {UnpaidConfirmation && ( + +
+ You have already selected a table. If you click 'OK,' the table + selection will be removed, and the unpaid flow will continue. If + you click 'Cancel,' the dine-in flow will proceed as selected. +
+ + } + onOk={UnpaidOk} + onCancel={Unpaidclose} + /> + )} + {Splitpayment && ( + + )} + {PrintOrderDetails?.length > 0 && ( +
+ {filteredSettingNames?.includes('whatsapp') && + MobileNoWhatsApp?.value && ( + + )} + + + + {filteredSettingNames?.includes('SMS') && isMobile && ( + + )} + {/* WhatsAppShare modal/component */} + {showWhatsAppShare && ( + closePrintOption(false)} + /> + )} + {showSMSShare && isMobile && ( + closePrintOption(false)} + /> + )} +
+ )} + { + dispatch(changeSalesPaymentoption(false)); + }} + footer={false} + children={ +
+ +
+ } + /> + {customerPreviesOrders && ( + setCustomerPreviesOrders(false)} + footer={false} + width={700} + className={'ModalPaymentGatewayEmbedded'} + children={ + <> + setCustomerPreviesOrders(false)} + /> + + } + /> + )} + + ); +}; + +export default BSC1Payment;