import React, { useEffect, useState, useRef, lazy, Suspense } from 'react'; import { shallowEqual, useDispatch, useSelector } from 'react-redux'; import { useNavigate } from 'react-router-dom'; import moment from 'moment'; import { Badge, Modal, Popover, Tooltip } from 'antd'; import { BiRightArrowAlt } from 'react-icons/bi'; import { AiOutlineClose } from 'react-icons/ai'; import BSBillingTable4 from './BSBillingTable4'; import { UpCircleOutlined } from '@ant-design/icons'; const BSSummery = lazy(() => import('../BSBillingTableSummery/BSSummery')); const QrComponent = lazy( () => import('../../BookingFunctionality/DynamicQr.jsx') ); const QrinScreen = lazy( () => import('../../BookingFunctionality/DynamicScreenQr.jsx') ); import { ArrowRightOutlined } from '@ant-design/icons'; import Buttons from '../../../../../Components/Forms/Buttons'; import WpIcon from '../../../../../Images/message.png'; import '../../../../../Styles/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBillingTable4.scss'; import '../../../../../Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss'; import '../../../../../Styles/BookingScreen/Components/BSBillingTables/BSBillingTable2/BSBillingTable2.scss'; import { GlobalSelectedFont, getTemplateData, SelectedPrintTemplate, StoredSessionData, GlobalprintDatas, GlobalPrinterMappingDtls, getPrinterMappingDetails, // getPrintSelectionComponentData, } from '../../../../../Features/ThemeChange/ThemeChange'; import { PrintStyleFunction } from '../../../../paymentpdfPage/PrintStyleFunction.js'; const SplitPayment = lazy( () => import('../../BookingFunctionality/SplitPayment.jsx') ); const FeaturesFunctionalities = lazy( () => import('../../BookingFunctionality/FeaturesFunctionalities') ); import { ChangeNavHoldData, GlobalBookingType, GlobalCustId, GlobalNavHoldData, GlobalOrderCardDetails, GlobalReorderHoldDetails, GlobalSelectedTableDetails, PostBookingData, PutBookingData, changeBookingType, changeOrderCardDetails, changeReorderHoldDetails, getConfigType, getPaymentOptions, getPaymentUpiOptions, getUnpaidData, getSelectedFavItems, GlobalProductSubCategorie, getCardDataWithoutSub, getCardDataWithoutSubmodule, GlobalProductCategorie, changeSelectedCustId, GlobalSelCustId, getLayoutproductCard, changeSelectedOption, GlobalSelOption, changeCustomerID, changeUnpaidData, ChangeSelectedCustDisable, getSalesDetailData, GlobalSelectedCustDisable, SendPaymentLink, changeSummeryTotalAmount, changeUpiIDprint, changeSummeryTotalItems, changeSummeryQty, changeSummeryTotalWithoutTaxAmount, changeSummeryTotalTaxAmount, GlobalEstimateBooking, GlobalSelProdWiseEst, changeSelProdWiseEst, GlobalUpiIDprint, GlobalUpiIDName, GlobalUpiIDoptionId, GlobalBookingTypeBoth, changeSelectTable, changeSelectChair, changeSelectedTableDetails, changeReorderProductDetails, GlobalCommonPaymentOptions, changeUpiIDName, changeUpiIDoptionId, PostPaymentdevice, GetPaymentdeviceResponse, PutBookingPaymentStatusChange, changePaymentloader, GlobalPayementloader, PaymentGatewayGetdetail, changePaymentTransactionNumber, Globalunpaidflow, changeunpaidflow, PutPendingPaymentList, ChangeInitialPaymentName, PreferenceData, changeOrderType, GlobalOrderType, GlobalFailedTotalAmt, putSplitpaymentStatus, GlobalScreenSize, GlobalUnpaidListData, GlobalOverAllDiscEstimate, GlobalOverAllDiscSales, ChangeOverAllDiscSales, ChangeOverAllDiscEstimate, getAllCustomer, GlobalBranchFinancialStatus, changeSummeryComboOfferAmount, ChangeComboCarddata, GlobaltipAmount, changeTipAmount, GlobalOtherSevices, GlobalOtherServiceTicketClaim, changeOtherServiceTicketClaim, GlobalRetailWSSalesType, GlobalDefaultBookingType, GlobalPaymentTrigger, GlobalCurrentOrderId, changeCurrentOrderId, GlobalCombocarddata, getCreditCustomer, GlobalSalesBillEdit, GlobalPreviousOrderPayment, GlobalPreviousOrderOfferDetails, GlobalpaymentOptionData, putSalesBillEdit, changeBillEditingMode, changePreviousOrderPayment, changePreviousOrderOfferDetail, } from '../../../../../Features/BookingScreen/BookingData/BookingData'; import { globalExtraTotalAmount, ChangeTotalAmount, } from '../../../../../Features/ExteraCharges/ExtraCharges'; // Shifayath Date:27/12/2023 import { blobToBase64, pdfDiv, extractLastNumberOrderId, printDiv, encryptObject, } from '../../../../../Services/Others'; import { getAddCustomerDetails, getDefaultPaymentOptions, GlobalAddCustomerDetails, ReprintDetails, triggerCustomerRefresh, } from '../../../../../Features/BookingScreen/Customer/addCustomer'; import { changeholddata, gettinghold, globalholddata, } from '../../../../../Features/BookingScreen/HoldOption/HoldOption'; import { Messages } from '../../../../../Components/Notifications/Messages'; import PaymentPdfBooking from '../../../../paymentpdfPage/PaymentPdfBooking'; import { DefaultModal } from '../../../../../Components/Modal/DefaultModal'; import { Tables } from '../../../../../Components/Tables/Table'; import paygate from '../../../../../Images/paygate.png'; import defaultupi from '../../../../../Images/defaultupi.png'; import paydevice from '../../../../../Images/paydevice.png'; 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'; const PozoAddCustomerIcon = lazy( () => import('../../UtillComponents/Pozo retail icons/PozoAddCustomerIcon.jsx') ); const BsBillingCreditCustomer = lazy( () => import('../../BookingFunctionality/BSBillingCreditCustomer.jsx') ); import PozoAdvanceIcon from '../../UtillComponents/Pozo retail icons/PozoAdvanceIcon.jsx'; const BSCreditCustomer = lazy( () => import('../../UtillComponents/BSCreditCustomer.jsx') ); import { isMobile } from 'react-device-detect'; import MobilePrint from '../../BookingFunctionality/MobilePrint.jsx'; import CountUp from 'react-countup'; 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 { getEmpAccess } from '../../../../../Features/AppPage/CenterPage.js'; import PozoSplitPaymentIcon from '../../UtillComponents/Pozo retail icons/PozoSplitPaymentIcon.jsx'; import PozoCartIcon from '../../../../../Pages/BookingScreen/Components/UtillComponents/PozoCartIcon.jsx'; import { Global_OrderOfferDetail, Global_OverallOfferAmount, } from '../../../../../Features/Offer/Offer.js'; import TooltipWrapper from '../../../../../Components/Tooltip/Tooltip'; import { useAuth } from '../../../../../AuthContext.jsx'; import { GlobalBookingStatus } from '../../../../../Features/Payment/PaymentReceivedRetail/PaymentReceivedRetail.js'; import { changeSalesPaymentoption, GlobalSalesPaymentoption, } from '../../../../../Features/Payment/Paymentoptions/Paymentoptions.js'; const Paymentoption = lazy( () => import('../../../../Payment/PaymentOptions/PaymentOptions.jsx') ); import { getPaymentOptionsData } from '../../../../../Features/BookingScreen/BookingData/KioskBookingData.js'; import { getCombolist } from '../../../../../Features/ComboMaster/ComboMaster.js'; const WhatsAppShare = lazy( () => import('../../../../WhatsAppShare/whatsAppShare.jsx') ); const SMSShare = lazy(() => import('../../../../WhatsAppShare/SmsShare.jsx')); import { MdSms } from 'react-icons/md'; import { FaWhatsapp, FaPrint, FaCartPlus } from 'react-icons/fa'; const BSTipAmount = lazy(() => import('../../UtillComponents/BSTipAmount.jsx')); import { ApplicationPreferences } from '../../../../../Features/BrachLogin/BranchLogin.js'; import { PostOtherServices } from '../../../../../Features/OtherServices/OtherServices.js'; import { TfiClipboard } from 'react-icons/tfi'; import { PublicQrCodepost } from '../../../../../Features/ConfigMasterPage/ConfigMasterPage.js'; import { ChangeFullFreeProductList, changeFullOfferAppliedProducts, changeLoyaltyConsumedQuantities, GlobalFreeProdList, GlobalOfferAppliedProducts, GlobalOverAllOfferAmt, } from '../../../../../Features/Offer/Offernew/BookingOffernew.js'; import { useDateStore } from '../../../../../Features/BookingScreen/BookingData/DateStore.js'; import UpiPopover from '../StandardTable/Utils/UpiPopOver.jsx'; import CardPopover from '../StandardTable/Utils/CardPopover.jsx'; import pozologoimg from '../../../../../Images/pozologoimg.png'; import MobileMultiPdfPrintTrigger from '../../UtillComponents/MobileMultiPdfPrintTrigger.jsx'; const PaymentGatewayEmbedded = lazy( () => import('../../UtillComponents/PaymentGatewayEmbedded.jsx') ); const CustomerOrders = lazy( () => import('../../BookingFunctionality/CustomerOrders.jsx') ); // jsx File const BSOtherServiceClaim = lazy( () => import('../../UtillComponents/BSOtherServiceClaim.jsx') ); const OtherServiceMobilePrint = lazy( () => import('../../BookingFunctionality/OtherServiceMobilePrint.jsx') ); const OtherServicePrintStyle1 = lazy( () => import('../../../PrintTemplates/ThermalPrinter/OtherServicePrintStyle1.jsx') ); const subDirectory = import.meta.env.ENV_BASE_URL; const MainHomeUrl = import.meta.env.ENV_MAIN_BASE_URL; const currentDateValue = moment().format('YYYY-MM-DD HH:mm:ss'); const BSBilling4Payment = () => { const isF4Pressed = useRef(false); const { SadminuserAccess } = useAuth(); let SAAccessCommonMaster = SadminuserAccess?.find( (e) => e?.MenuName === 'Sales' ); const dispatch = useDispatch(); const navigate = useNavigate(); const salesBillEdit = useSelector(GlobalSalesBillEdit); const previousOrderPayment = useSelector(GlobalPreviousOrderPayment); const previousOrderOfferDetails = useSelector( GlobalPreviousOrderOfferDetails ); const AllPaymentOptions = useSelector(GlobalpaymentOptionData); const FreeProdList = useSelector(GlobalFreeProdList); const offerAppliedProducts = useSelector(GlobalOfferAppliedProducts); // const applyOffer = useApplyOfferto_CardDetail(); const screenwidth = useSelector(GlobalScreenSize); const defaultBookingType = useSelector(GlobalDefaultBookingType); const FontFamily = useSelector(GlobalSelectedFont); const OrderCardDetail = useSelector(GlobalOrderCardDetails); const globalTipAmount = useSelector(GlobaltipAmount); const OtherServiceTicketClaim = useSelector(GlobalOtherServiceTicketClaim); const GlobalUpiID = useSelector(GlobalUpiIDprint); const GetCustId = useSelector(GlobalCustId); const SelCustId = useSelector(GlobalSelCustId); const selOption = useSelector(GlobalSelOption); const Discount = useSelector(GlobalOverAllOfferAmt); const SelectedTableDetails = useSelector(GlobalSelectedTableDetails); const GlobalAddCustomerDetails1 = useSelector(GlobalAddCustomerDetails); const Holddata = useSelector(globalholddata); const ReportholdData = useSelector(GlobalReorderHoldDetails); const BookingType = useSelector(GlobalBookingType); const printerTemplateStyle = useSelector(SelectedPrintTemplate); const BookingTypeBoth = useSelector(GlobalBookingTypeBoth); const [SelectedBookingType, setSelectedBookingType] = useState(null); const [PaymentOptions, setPaymentOptions] = useState([]); const [PaymentUpiOptions, setPaymentUpiOptions] = useState([]); const GlobalExtraCharge = useSelector(globalExtraTotalAmount); const NavHoldData = useSelector(GlobalNavHoldData); const SettingDataSelector = useSelector(PreferenceData); const RetailWSSalesType = useSelector(GlobalRetailWSSalesType); const appPreferences = useSelector(ApplicationPreferences); const bookingTypePreference = appPreferences?.find( (preference) => preference?.PreferredCatName === 'Booking Type' )?.PreferenceCatDetails; const dinePreference = bookingTypePreference?.find( (type) => type?.PreferredSubCatName?.toLowerCase() === 'dine in' && type?.PreferredStatus === 'Y' ); const allowDecimal = SettingDataSelector?.[0]?.SettingDtlDetails?.find( (setting) => setting?.SettingIdName?.toLowerCase() === 'decimal' && setting?.SettingValue === 'Y' ); const Weightasquantity = SettingDataSelector?.[0]?.SettingDtlDetails?.some( (setting) => setting?.SettingIdName?.toLowerCase() === 'weightasquantity' && setting?.SettingValue === 'Y' ); const Custombill = SettingDataSelector?.[0]?.SettingDtlDetails?.some( (setting) => setting?.SettingIdName?.toLowerCase() === 'customisedbillnumber' && setting?.SettingValue === 'Y' ); const prodCat = useSelector(GlobalProductCategorie); const ProdSubCat = useSelector(GlobalProductSubCategorie); const templateData = useSelector(getTemplateData); const [urlData, setUrlData] = useState(); // for customised invoice number const { selectedDate, invoiceDate, clearInvoiceDate } = useDateStore(); const CurrentOrderId = useSelector(GlobalCurrentOrderId); const salespagefields = appPreferences?.find( (pref) => pref?.PreferredCatName === 'Sales Page Fields' )?.PreferenceCatDetails; const AvailableDate = salespagefields?.find( (type) => type?.PreferredSubCatName?.toLowerCase() === 'available date' && type?.PreferredStatus === 'Y' ); console.log(AvailableDate, salespagefields, 'Available Date'); const Custdisable = useSelector(GlobalSelectedCustDisable); const GlobEstBooking = useSelector(GlobalEstimateBooking); const GlobProdwisedata = useSelector(GlobalSelProdWiseEst); const preOrder = useSelector(GlobalpreOrderOpen); const OrderType = useSelector(GlobalOrderType); const FailedTotalAmt = useSelector(GlobalFailedTotalAmt); const OrderOfferDetail = useSelector(Global_OrderOfferDetail, shallowEqual); const [selectCustomerDisplay, setSelectCustomerDisplay] = useState(false); const [paymentModeDisplay, setPaymentModeDisplay] = useState(true); const [messageType, setMessageType] = useState(null); const [messageData, setMessageData] = useState(null); const [customerPreviesOrders, setCustomerPreviesOrders] = useState(false); const SessionData = useSelector(StoredSessionData); const AppId = SessionData?.AppId; const CompId = SessionData?.CompId; const BranchId = SessionData?.BranchId; const UserId = SessionData?.UserId; const UserType = SessionData?.UserType; const [refundPayBtns, setRefundPayBtns] = useState([]); const [refundPaySelected, setRefundPaySelected] = useState(); const [refundPaySelectedName, setRefundPaySelectedName] = useState(null); const [currentOrderNetAmount, setCurrentOrderNetAmount] = useState(0); const [previousNetAmount, setPreviousNetAmount] = useState(0); 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 [BusinessPayOption, setBusinessPayoption] = useState([]); const [paymentSucess, setPaymentSuccess] = useState(false); const [businessUPI, setBusinessUPI] = useState(false); const [businessUPIOrderId, setBusinessUPIOrderId] = useState(null); const [businessUPILink, setBusinessUPILink] = useState(null); const OverAllSales = useSelector(GlobalOverAllDiscSales); const OverAllEstimate = useSelector(GlobalOverAllDiscEstimate); const Combodata = useSelector(GlobalCombocarddata, shallowEqual); const [FirstPaymentclick, setFirstPaymentclick] = useState(false); const [open, setOpen] = useState(false); const [unpaidopen, setUnpaidOpen] = useState(false); const unpaidFlow = useSelector(Globalunpaidflow); const [open2, setOpen2] = useState(false); const [paybtns, setpaybtns] = useState([]); const [paybtnselected, setPaybtnselected] = useState(); const [Paybtnnameselected, setPaybtnnameselected] = useState(); const [SelectedUpiOption, setSelectedUpiOption] = useState(); const [hold, setHold] = useState(false); const [addcustomer, setAddCustomer] = useState(false); const [PrintOrderDetails, setPrintOrderDetails] = useState([]); //Total calculation const TotalItems = OrderCardDetail?.length; const Qty = 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); const [formattedDate, setFormattedDate] = useState(''); const [UpiOptionOpen, setUpiOptionOpen] = useState(false); const [UpiOption, setUpiOption] = useState(''); const [UpiId, setUpiId] = useState(); const [qrCode, setQrCode] = useState(false); const tabledata = useSelector(GlobalUnpaidListData); const GlobalSalesPaymentoptions = useSelector(GlobalSalesPaymentoption); const [UpinotSelected, setUpinotSelected] = useState(false); const [Success, SetSuccess] = useState(); const [SelectedCardOption, setSelectedCardOption] = useState(null); const [SelectedUPIPayOption, setSelectedUPIPayOption] = useState('Default'); const [brachName, setbrachName] = useState(''); const [UpiOpen, setUpiOpen] = useState(false); const [CardOptionOpen, setCardOptionOpen] = useState(false); const [CardoptionnotSelected, setCardoptionnotSelected] = useState(false); const [UnpaidConfirmation, setUnpaidConfirmation] = useState(false); const [unpaidselectedindex, setunpaidselectedindex] = useState(); const [credit, setCredit] = useState(false); const [overAllBal, setOverAllBal] = useState(0); const [CreditCustomer, setCreditCustomer] = useState(false); const [creditCustomerOpen, setcreditCustomerOpen] = useState(false); 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 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 UpiQRPreference = SettingDataSelector?.[0]?.SettingDtlDetails?.find( (setting) => setting?.SettingIdName?.toLowerCase() === 'upiqr' && setting?.SettingValue === 'Y' ); const GlobalUpName = useSelector(GlobalUpiIDName); const GlobalUpiIDoptionIdd = useSelector(GlobalUpiIDoptionId); const defaultPaymentTrigger = useSelector(GlobalPaymentTrigger); const [defaultPaymentMode, setDefaultPaymentMode] = useState([]); const [defaultEnabled, setDefaultEnabled] = useState(false); const [ConfigDataList, setConfigDataList] = useState([]); const [Splitpayment, setSplitpayment] = useState(false); const [OrderStatus, setOrderStatus] = useState(true); const GlobaluseOptions = useSelector(GlobalCommonPaymentOptions); const [useOptions, setuseOptions] = useState([]); const CheckOrderType = OrderCardDetail?.filter( (a) => a?.BookingTypeName !== BookingType ); 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 [failedOrderData, setFailedOrderData] = useState(); const [empData, setEmpData] = useState(); const [addnewAccess, setaddnewAccess] = useState(true); const [responsiveBill, setResponsiveBill] = useState(true); const tableOptions = templateData?.BookingBilling?.[1]; const NavBarOptions = templateData?.BookingNavbar?.[1]; const [blink, setBlink] = useState(false); const BookingStatus = useSelector(GlobalBookingStatus); const CheckBookingStatus = BookingStatus?.find((item) => item.ScreenType === 'Booking') ?.ScreenStatus ?? 'Open'; const OverallOfferAmount = useSelector(Global_OverallOfferAmount); const [TotalAmount, setTotalAmount] = useState(0); const [showWhatsAppShare, setShowWhatsAppShare] = useState(false); const [showSMSShare, setSMSShare] = useState(false); const allowedNames = ['whatsapp', 'Print', 'SMS']; const [MobileNoWhatsApp, setMobileNoWhatsApp] = useState(); const printDatas = useSelector(GlobalprintDatas); const OtherServicesglobal = useSelector(GlobalOtherSevices); const [OtherServicesModal, setOtherServicesModal] = useState(false); const [vehicleInputs, setVehicleInputs] = useState({}); const [errors, setErrors] = useState({}); const [OtherServicesPrintDetails, setOtherServicesPrintDetails] = useState( [] ); const PrinterDetails = useSelector(GlobalPrinterMappingDtls); const [showCancelConfirm, setShowCancelConfirm] = useState(false); const holdCheckedSalesSetup = tableOptions?.some( (item) => item?.OptionName === 'Hold' ); const filteredSettingNames = SettingDataSelector?.[0]?.['SettingDtlDetails'] ?.filter( (item) => allowedNames.includes(item?.SettingIdName) && item?.SettingValue === 'Y' ) ?.map((item) => item?.SettingIdName); // Usage const preferenceshortcutkey = SettingDataSelector?.[0]?.[ 'SettingDtlDetails' ]?.some( (item) => item.SettingIdName.toLowerCase() === 'shortcutkeys' && item.SettingValue === 'Y' ); useEffect(() => { if ( OrderCardDetail?.length === 1 && OrderCardDetail?.[0]?.OrderQty === 1 && !SelCustId ) { console.log(OrderCardDetail, 'OrderCardDetail'); closePrintOption(); setPrintOrderDetails([]); } }, [OrderCardDetail]); useEffect(() => { let data = { CompId: CompId, BranchId: BranchId, AppId: AppId, UserId: UserId, }; dispatch(getPrinterMappingDetails(data)).unwrap(); const Data1 = { AppId, CompId, BranchId }; // dispatch(getPrintSelectionComponentData(Data1)).unwrap(); }, []); useEffect(() => { if (salesBillEdit) { dispatch(getPaymentOptions()).unwrap(); } }, [salesBillEdit]); useEffect(() => { if (salesBillEdit) { if (SelCustId) { setRefundPayBtns(AllPaymentOptions); setRefundPaySelected(AllPaymentOptions?.[0]?.ConfigId); setRefundPaySelectedName(AllPaymentOptions?.[0]?.ConfigName); } else { const withoutCustomer = AllPaymentOptions?.filter?.( (item) => item?.ConfigName?.toLowerCase() !== 'credit' ); setRefundPaySelected(withoutCustomer?.[0]?.ConfigId); setRefundPaySelectedName(withoutCustomer?.[0]?.ConfigName); setRefundPayBtns(withoutCustomer); } } }, [AllPaymentOptions, SelCustId, salesBillEdit]); 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), (acc, card) => acc + parseFloat(card.TotalAmt || 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, }) ); } const filteredPayments = previousOrderPayment?.filter( (p) => p?.LastOrderTran === 'Y' && p?.AfterAdjustment != null && p?.AfterAdjustment !== '' && p?.AfterAdjustment ) || []; const paymentsToUse = filteredPayments.length > 0 ? filteredPayments : previousOrderPayment || []; const totalPreviouspayment = paymentsToUse?.reduce( (acc, payment) => acc + parseFloat(payment.AfterAdjustment || payment.Amount || 0), 0 ); const totalPreviousOfferAmount = previousOrderOfferDetails?.reduce( (acc, offer) => acc + parseFloat(offer.OfferAmount || 0), 0 ); const previousNetAmount = totalPreviouspayment || 0; let withdiscTotal = Total - ((OverAllSales || 0) + (OverAllEstimate || 0) + (Discount > 0 ? Discount : 0)); const currentOrderNetAmount = formatAmount( withdiscTotal >= 0 ? (Number(withdiscTotal) + Number(globalTipAmount)).toFixed(2) : (Number(Total) + Number(globalTipAmount)).toFixed(2) ); setTotalAmount( salesBillEdit ? currentOrderNetAmount > previousNetAmount ? currentOrderNetAmount - previousNetAmount : 0 : currentOrderNetAmount ); setCurrentOrderNetAmount(currentOrderNetAmount); setPreviousNetAmount(previousNetAmount); dispatch( changeSummeryTotalAmount( salesBillEdit ? currentOrderNetAmount > previousNetAmount ? currentOrderNetAmount - previousNetAmount : 0 : currentOrderNetAmount ) ); 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, Discount, ]); //mohan stoped data useEffect(() => { if ( (BookingType === 'Dine In' || BookingTypeBoth || CheckOrderType?.length > 0) && !unpaidFlow && SelectedTableDetails?.length !== 0 ) { setOrderStatus(true); } else { setOrderStatus(false); } }, [BookingTypeBoth, BookingType, unpaidFlow]); //mohan end // 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); // }; // }, []); 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.' ); } dispatch(ChangeInitialPaymentName(Paybtnnameselected)); }, [Paybtnnameselected]); useEffect(() => { if (OrderCardDetail?.length <= 0) { dispatch(changeCustomerID(null)); dispatch(changeSelectedCustId()); dispatch(changeSelectedOption(null)); dispatch(ChangeSelectedCustDisable(false)); } }, [OrderCardDetail]); useEffect(() => { if (SelCustId) { setpaybtns(PaymentOptions); } else { const withoutCustomer = PaymentOptions?.filter?.( (item) => item?.ModeName?.toLowerCase() !== 'credit' ); setpaybtns(withoutCustomer); } }, [PaymentUpiOptions, PaymentOptions, SelCustId]); const Print = async () => { const style = await PrintStyleFunction( printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle, 'Sales' ); console.log(style, printerTemplateStyle, 'printpagestyle'); 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 ]; console.log(selectedStyle, style, 'style'); 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([]); } }; // const MobilePdfPrint = 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', // }; // const selectedStyle = // stylesMap[ // printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle // ]; // let Printsize = printDatas?.Printsize? printDatas?.Printsize:"A4" // if (selectedStyle) { // let container = document.getElementById('print-merged'); // if (!container) { // container = document.createElement('div'); // container.id = 'print-merged'; // container.style.display = 'none'; // optional // document.body.appendChild(container); // } else { // container.innerHTML = ''; // Clear old content // } // PrintOrderDetails?.[0]?.OrderDetails?.forEach((_, index) => { // const element = document.getElementById(`${selectedStyle}-${index}`); // if (element) { // const cloned = element.cloneNode(true); // container.appendChild(cloned); // } // }); // const pdfBlob = await pdfDiv('print-merged', style); // const base64Pdf = await blobToBase64(pdfBlob); // const intentUrl = // 'intent://open?' + // 'filename=' + encodeURIComponent('Receipt.pdf') + // '&size=' + pdfBlob.size + // '&type=application/pdf' + // '&data=' + encodeURIComponent(base64Pdf) +'&PrintTypeS=' + encodeURIComponent(Printsize) + // '&PrintTypeE' + // '#Intent;scheme=pozoprinter;package=com.example.pozoprinter;end'; // window.location.href = intentUrl; // setPrintOrderDetails([]); // } // } useEffect(() => { if (NavHoldData) { AddBookingDetails('Hold'); } }, [NavHoldData]); useEffect(() => { if (selOption) { closePrintOption(); setMobileNoWhatsApp(selOption); } }, [selOption]); const formatAmount = (value) => { return allowDecimal ? parseFloat(value || 0).toFixed(2) : Math.round(value || 0); }; 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 closePrintOption = () => { setShowWhatsAppShare(false); setSMSShare(false); setPrintOrderDetails([]); setMobileNoWhatsApp(); }; const handleWhatsAppClick = () => { setShowWhatsAppShare(true); }; const handleSMSClick = () => { setSMSShare(true); }; // useEffect(() => { // if ( // PrintOrderDetails?.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]); 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 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(); } } }; 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(() => { // TotalItemsCalculation(); TotalWithoutTaxRate(); TotalTaxAmt(); OrderCardDetail?.length == 0 ? dispatch(changeunpaidflow(false)) : ''; }, [OrderCardDetail]); useEffect(() => { if (CompId && BranchId && AppId) { if (holdCheckedSalesSetup || NavBarOptions?.some((e) => e?.OptionName == 'Hold')) { getHolddata(); } // getUnpaiddatas(); getCustomerData(); } }, [CompId, BranchId, AppId]); useEffect(() => { gettodaydate(); getBookingTypeId(); getPaymentOptionFeature(); // if (UserType === "Employee") { // fetchApi() // } }, []); 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]); 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, }) ); }; useEffect(() => { getPaymentOptionFeature(); }, [GlobaluseOptions]); 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(); } }; //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' && UpiQRPreference) { UpiPayment(); } else if ( salesBillEdit && currentOrderNetAmount < previousNetAmount && !refundPaySelected ) { setMessageType('warning'); setMessageData('Please Select Refund Payment Method'); return; } else { OrderStatus ? AddBookingDetails('Dine-In', false) : AddBookingDetails(BookingType, true); } }; const financialYearError = async () => { setMessageType('error'); setMessageData('Financial Year-Based Sales Not Yet Started'); }; useEffect(() => { const handleKeyPress = (event) => { if (!preferenceshortcutkey) return; if (event.key === 'F4' && isButtonActive() && !isF4Pressed.current) { isF4Pressed.current = true; // BranchFinancialStatus==='N'? financialYearError(): handleButtonClick(); setTimeout(() => { isF4Pressed.current = false; // Reset after a short delay }, 1000); } if ( event.altKey && event.key === 'w' && BookingType !== 'Dine In' && tableOptions?.some((e) => e?.OptionName == 'Hold') && paybtns?.length > 0 ) { event.preventDefault(); if ( OrderCardDetail?.length > 0 && CheckBookingStatus !== 'Close' && !addnewAccess ) { AddBookingDetails('Hold', false); } else if ( Holddata?.length > 0 && OrderCardDetail?.length === 0 && CheckBookingStatus !== 'Close' && !addnewAccess ) { HandleholdModelOpen(); } } // Alt+S for Split Payment if (event.altKey && event.key === 's' && paybtns?.length > 1) { event.preventDefault(); if ( OrderCardDetail?.length > 0 && CheckBookingStatus !== 'Close' && !addnewAccess && !unpaidFlow && !OrderStatus ) { SplitPaymentOpen(); } } }; window.addEventListener('keydown', handleKeyPress); return () => { window.removeEventListener('keydown', handleKeyPress); }; }, [ paybtns, preferenceshortcutkey, FirstPaymentclick, OrderCardDetail, paybtnselected, OrderStatus, qrCode, SelectedUPIPayOption, TotalAmount, SelectedUpiOption, SelectedCardOption, BookingType, Holddata, CheckBookingStatus, addnewAccess, paybtns, unpaidFlow, ]); //dhana 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 filterBusinessUpi = FiltersalesPayment?.[0]?.OptionDetails?.filter( (item) => item?.OptionName?.toLowerCase() === 'business upi' ); 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 (filterBusinessUpi?.[0]?.ModeDetails?.length > 0) { options.push({ label: 'Business UPI', value: 'Business', imgSrc: pozologoimg, PaymentOptionId: filterBusinessUpi?.[0]?.PaymentOptionId, PaymentFlowId: filterBusinessUpi?.[0]?.PaymentFlowId, OptionId: filterBusinessUpi?.[0]?.OptionId, }); } if (upiinpaymentgateway?.length > 0) { options.push({ label: 'Payment Gateway', value: 'PG', imgSrc: paygate, PaymentOptionId: upiinpaymentgateway?.[0]?.PaymentOptionId, PaymentModeId: upiinpaymentgateway?.[0]?.PaymentModeId, ModeId: upiinpaymentgateway?.[0]?.ModeId, }); } if (upiinpaymentdevice?.length > 0) { options.push({ label: 'Payment Device', value: 'PD', imgSrc: paydevice }); } setUpiPayOption(options); setBusinessPayoption(filterBusinessUpi?.[0]?.ModeDetails || []); // } }; useEffect(() => { setPaybtnnameselected(PaymentOptionsModeName); setPaybtnselected(PaymentOptionsModeId); }, [PaymentOptions]); useEffect(() => { getBookingTypeId(); }, [BookingType]); const getPaymentOptionsfun = async () => { let data = { CompId: CompId, BranchId: BranchId, AppId: AppId, }; await dispatch(getPaymentOptions()).unwrap(); await dispatch(getPaymentUpiOptions(data)).unwrap(); }; const handleResponsiveBill = () => { setResponsiveBill(!responsiveBill); }; const getHolddata = async () => { const data = { CompId: CompId, BranchId: BranchId, AppId: AppId }; let response = await dispatch(gettinghold(data)).unwrap(); if (response?.data?.statusCode == 1) { // handleHold(); 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 getBookingTypeId = async () => { let tempconfigdata = await dispatch( getConfigType({ TypeName: 'Booking Type' }) ).unwrap(); 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 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 TotalItemsCalculation = async () => { let tempTotalitems = OrderCardDetail.length; let OverAllQty = OrderCardDetail?.reduce( (prev, current) => prev + Number(current?.OrderQty || 0), 0 ); // setQty(OverAllQty); await dispatch(changeSummeryTotalItems(tempTotalitems)); await dispatch(changeSummeryQty(OverAllQty)); }; const TotalWithoutTaxRate = async () => { const totalwithouttax = OrderCardDetail?.reduce((accumulator, card) => { return accumulator + parseFloat(card.WithoutTaxRate || 0); }, 0); await dispatch( changeSummeryTotalWithoutTaxAmount(totalwithouttax.toFixed(2)) ); }; const TotalTaxAmt = async () => { const totaltax = OrderCardDetail?.reduce((accumulator, card) => { return accumulator + parseFloat(card.TaxAmt || 0); }, 0); await dispatch(changeSummeryTotalTaxAmount(totaltax.toFixed(2))); }; const handleOpenChange = (newOpen) => { setOpen(newOpen); }; const handleOpenChange2 = (newOpen) => { if (open2) { setOpen2(false); } else { setOpen2(true); } }; const hide = () => { setOpen2(false); setOpen(false); }; 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 handleRefundPaymentMode = (id, name) => { setRefundPaySelected(id); setRefundPaySelectedName(name); }; 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 AddCardOption = (data) => { setSelectedCardOption(data); setCardOptionOpen(false); setCardoptionnotSelected(false); }; const AddUPIPaymentOption = async (data, mode = false) => { setSelectedUpiOption(''); setUpiOption(''); setUpiId(''); await dispatch(changeUpiIDprint(null)); await dispatch(changeUpiIDName('')); await dispatch(changeUpiIDoptionId(null)); setSelectedUPIPayOption(data); setUpinotSelected(false); setCardoptionnotSelected(false); if (data !== 'Default' && data !== 'Business' && !mode) { setUpiOptionOpen(false); } }; 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 HandleholdModelOpen = () => { setHold(true); }; const handleHoldCancel = () => { setHold(false); }; const handleAddCustomer = () => { if (Custdisable === false) { setAddCustomer(true); } }; const handleAddCustomerCancel = () => { setAddCustomer(false); }; const hideDefault = () => { setUpiOptionOpen(false); }; const handlePopoverVisibleChange = (visible) => { setUpiOptionOpen(visible); }; 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) => { let offerMode = item?.OfferMode?.trim(); offerMode = offerMode && offerMode !== '' ? offerMode : null; let OfferId = null; if ( item?.OfferMessage && Array.isArray(item.OfferMessage) && item.OfferMessage.length > 0 ) { OfferId = item.OfferMessage[0]?.OfferId || null; } const keyData = [ item.ProdId || null, item.InwardDtlId || null, item.BookingType || null, item.SinglePc || null, item.OrderRate || null, offerMode, OfferId, ]; const key = keyData.join('-'); if (productMap.has(key)) { const existingItem = productMap.get(key); existingItem.OrderQty = (existingItem.OrderQty || 0) + (item.OrderQty || 0); existingItem.TotalAmt = (existingItem.TotalAmt || 0) + (item.TotalAmt || 0); existingItem.TaxAmt = (parseFloat(existingItem.TaxAmt) || 0) + (parseFloat(item.TaxAmt) || 0); } else { const newItem = { ...item, OfferMode: offerMode, OfferMessage: item?.OfferMessage && Array.isArray(item.OfferMessage) ? item.OfferMessage : null, }; productMap.set(key, newItem); } }); // Convert the map values back to an array const aggregatedProducts = Array.from(productMap.values()); return aggregatedProducts; }; //change by karthiga27 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 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 handlePopoverVisibleChangeCard = (visible) => { setCardOptionOpen(visible); }; const ClearAllGlobalStateDatas = async (value) => { // if (OfferCheckedInSetup && preferenceOffer) { // await applyOffer([]); // } else { dispatch(changeOrderCardDetails([])); // } dispatch(changeBillEditingMode(false)); await dispatch(changePreviousOrderPayment([])); await dispatch(changePreviousOrderOfferDetail([])); dispatch(changeLoyaltyConsumedQuantities({})); dispatch(changeFullOfferAppliedProducts([])); dispatch(ChangeFullFreeProductList([])); 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()); await dispatch(changeSelectedOption(null)); setPaybtnnameselected(PaymentOptionsModeName); setPaybtnselected(PaymentOptionsModeId); setQrCode(false); setCurrentOrderNetAmount(0); setPreviousNetAmount(0); setUpinotSelected(false); if (holdCheckedSalesSetup || NavBarOptions?.some((e) => e?.OptionName == 'Hold')) { getHolddata(); } if (defaultBookingType === 'Both') { await dispatch(changeBookingType('TakeAway')); } await dispatch(changeSelProdWiseEst([])); await dispatch(ChangeOverAllDiscSales(null)); await dispatch(ChangeOverAllDiscEstimate(null)); // clearInvoiceDate clearInvoiceDate(); dispatch(changeCurrentOrderId(null)); // await dispatch(changeEstimateBooking(null)) getstockbadge(); Combodata?.length > 0 && Combocarddata(); getUnpaiddatas(); 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' || SelectedUPIPayOption?.toLowerCase() === 'business') ) { 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); } }; // getextracharges bookingtype id 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, TotalAmt: a.TotalAmt, 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?.OfferValue : a.Offer, OfferAmt: a?.Type === 'C' ? a?.TotalAmt : a.Offer, OfferType: a?.Type === 'C' ? a?.OfferType : '', OfferMode: a?.OfferMode, OfferMessage: a?.OfferMessage, CounterName: a?.TokenAvailable === 'Y' ? a?.CounterName : null, ProductIdentifierDtls: a.ProductIdentifierDtls, ModelNumber: a.ModelNumber, BatchRef: a.BatchRef, PackageDtl: a.PackageDtl, SetCount: a.SetCount, BookingDate: AvailableDate ? a.BookedDate : null, })); const NotSlectedTypeFind = temporderdetail?.find( (a) => a?.BookingType != SelectedBookingType ); const { totalwithouttax, totaltax } = OrderCardDetail?.reduce( (totals, card) => { totals.totalwithouttax += parseFloat(card.WithoutTaxRate || 0); totals.totaltax += parseFloat(card.TaxAmt || 0); return totals; }, { totalwithouttax: 0, totaltax: 0 } ) || { totalwithouttax: 0, totaltax: 0 }; let updatedOfferDetails = offerAppliedProducts; if (GlobEstBooking !== 'Sales') { updatedOfferDetails = offerAppliedProducts?.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: totalwithouttax, OverallDiscSales: OverAllSales > 0 ? OverAllSales : 0, OverallDiscEst: OverAllEstimate > 0 ? OverAllEstimate : 0, TaxAmount: totaltax, 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, SalesPaymentType: 'normal', PaymentDetail: [ { PaymentType: salesBillEdit && currentOrderNetAmount < previousNetAmount ? refundPaySelected : Paybtnnameselected?.toLowerCase() === 'upi' ? SelectedUPIPayOption?.toLowerCase() === 'pd' ? PaymentDeviceUPI?.[0]?.ModeId : SelectedUPIPayOption?.toLowerCase() === 'pg' ? PaymentgatewayUPI?.[0]?.ModeId : SelectedUPIPayOption?.toLowerCase() === 'business' ? BusinessPayOption?.find( (busupi) => busupi?.ModeId === UpiId )?.ModeId : paybtnselected : paybtnselected ? paybtnselected : null, Amount: salesBillEdit && currentOrderNetAmount < previousNetAmount ? previousNetAmount - currentOrderNetAmount : Math.round(TotalAmount), MerchantId: salesBillEdit && currentOrderNetAmount < previousNetAmount ? null : Paybtnnameselected?.toLowerCase() === 'upi' && SelectedUPIPayOption?.toLowerCase() === 'business' ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId) ?.MerchantId : null, PaymentOptionType: salesBillEdit && currentOrderNetAmount < previousNetAmount && (refundPaySelectedName?.toLowerCase() === 'cash' || refundPaySelectedName?.toLowerCase() === 'credit') ? 'PC' : Paybtnnameselected?.toLowerCase() === 'cash' ? 'PC' : Paybtnnameselected?.toLowerCase() === 'credit' ? 'PC' : Paybtnnameselected?.toLowerCase() === 'card' ? SelectedCardOption : Paybtnnameselected?.toLowerCase() === 'upi' ? SelectedUPIPayOption?.toLowerCase() === 'default' ? 'PC' : SelectedUPIPayOption?.toLowerCase() === 'business' ? 'BU' : SelectedUPIPayOption : null, ModeOfPayment: salesBillEdit && currentOrderNetAmount < previousNetAmount ? null : SelectedUPIPayOption?.toLowerCase() === 'default' ? PaymentUpiOptions?.find((upipay) => upipay?.UPIId === UpiId) ?.UPIDetailId : SelectedUPIPayOption?.toLowerCase() === 'business' ? BusinessPayOption?.find( (busupi) => busupi?.ModeId === UpiId )?.MerchantUPIId : null, AccountDtl: salesBillEdit && currentOrderNetAmount < previousNetAmount ? [] : 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: salesBillEdit && currentOrderNetAmount < previousNetAmount ? 'S' : Paybtnnameselected?.toLowerCase() === 'cash' ? 'S' : Paybtnnameselected?.toLowerCase() === 'credit' ? 'S' : Paybtnnameselected?.toLowerCase() === 'upi' && SelectedUPIPayOption?.toLowerCase() === 'default' ? 'S' : 'P', Debit: salesBillEdit && currentOrderNetAmount < previousNetAmount && refundPaySelectedName?.toLowerCase() === 'credit' ? Math.round(previousNetAmount - currentOrderNetAmount) : 0, Credit: salesBillEdit ? currentOrderNetAmount > previousNetAmount && Paybtnnameselected?.toLowerCase() === 'credit' ? Math.round(TotalAmount) : 0 : Paybtnnameselected?.toLowerCase() === 'credit' ? Math.round(TotalAmount) : 0, }, ], RefDetails: [ { FreeProdList: FreeProdList, OfferAppliedProductList: offerAppliedProducts, }, ], 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) : !OtherServicesglobal ? PostBooking(PostData, value) : OtherServicePostBooking(PostData, value); // getHolddata() // getstockbadge(); // Combocarddata(); }; 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' ); let businessUPIfilter = response?.data?.PaymentOrderDtl?.filter( (item) => item?.PaymentOptionType?.toLowerCase() === 'bu' && 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); 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'); } if (businessUPIfilter?.length === 1) { businessUPIFlow( businessUPIfilter, response?.data?.OrderId, response?.data?.PaymentPageLink ); } dispatch(triggerCustomerRefresh()); } 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'; } console.log(putdata, 'putdataputdata'); let response = null; if (salesBillEdit) { response = await dispatch(putSalesBillEdit(putdata)).unwrap(); } else { 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) { PaymentGatewayFlow(PaymentGatewayfilter); } else { setPrintOrderDetails([response?.data]); // CustomerDisplay(); ClearAllGlobalStateDatas(); 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); if (defaultBookingType === 'Both') { 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 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 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); await 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); await 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 businessUPIFlow = async ( businessUPIfilter, OrderId, PaymentStatusLink ) => { // Implement your business UPI flow here // You can add similar logic as PaymentDeviceFlow or PaymentGatewayFlow based on your requirements setBusinessUPILink(PaymentStatusLink); setBusinessUPI(true); setBusinessUPIOrderId(OrderId); }; 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', 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?.OrderQty) // ?.join(","), ProductName: item.productDetails ?.map( (item) => item?.ProdName + '-' + (item?.Type != 'C' ? item?.OrderQty : '1 Combo') ) ?.join(','), TotalAmount: item.NetAmount, }) ); const Unpaidfun = async (event) => { dispatch(changeunpaidflow(true)); if ( OrderCardDetail?.length > 0 && (BookingType === 'Dine In' || BookingTypeBoth) ) { // 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 { const UpdatedData = tabledata?.[event]?.productDetails; // if (OfferCheckedInSetup && preferenceOffer) { // await applyOffer(UpdatedData); // } else { dispatch(changeOrderCardDetails(UpdatedData)); // } await dispatch(changeReorderHoldDetails([tabledata?.[event]]?.[0])); await dispatch(ChangeTotalAmount(tabledata?.[event]?.ExtraChargeDetails)); await dispatch( changeReorderProductDetails(tabledata?.[event]?.productDetails) ); await dispatch(changeUnpaidData(true)); setUnpaidOpen(false); } }; const UnpaidOk = async () => { setOrderStatus(false); await dispatch(changeSelectedTableDetails([])); await dispatch(changeSelectTable([])); await dispatch(changeSelectChair([])); if (defaultBookingType === 'Both') { 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 getstockbadge = async () => { let data = { CompId: CompId, BranchId: BranchId, AppId: AppId, ...(AvailableDate && selectedDate ? { fromDate: selectedDate?.[0], toDate: selectedDate?.[1], } : {}), }; await dispatch(getSelectedFavItems(data)).unwrap(); let data1 = { CompId: CompId, BranchId: BranchId, AppId: AppId, ProdSubCat: ProdSubCat, ...(AvailableDate && selectedDate ? { fromDate: selectedDate?.[0], toDate: selectedDate?.[1], } : {}), }; let data2 = { compId: CompId, branchId: BranchId, appId: AppId, prodCat: prodCat, ...(AvailableDate && selectedDate ? { fromDate: selectedDate?.[0], toDate: selectedDate?.[1], } : {}), }; if ( templateData?.BookingLayout?.[1]?.some( (item) => item?.OptionName === 'SubCategory' ) && ProdSubCat ) { await dispatch(getLayoutproductCard(data1)).unwrap(); } else if ( !templateData?.BookingLayout?.[1]?.some( (item) => item?.OptionName === 'SubCategory' ) ) { await dispatch(getCardDataWithoutSubmodule(data2)).unwrap(); } else { await dispatch(getCardDataWithoutSub(data2)).unwrap(); } }; const Combocarddata = async () => { let data = { CompId: CompId, BranchId: BranchId, AppId: AppId, ActiveStatus: 'A', }; let response = await dispatch(getCombolist(data)).unwrap(); let datas = response?.data?.data; await dispatch(ChangeComboCarddata(datas)); if (response?.data?.statusCode === 1) { // let Data = response?.data?.data // let comboList = Data?.map((item, index) => ({ // ...item, // id: `${item.ComboName || 'Combo'}-${index}`, // ProdName:item?.ComboName, // OverAllQty:item?.OverallQuantity // })); // setCombocardata(comboList); } }; const SplitPaymentOpen = () => { if (OrderCardDetail?.length > 0 && TotalAmount > 0) { const updatedData = { userData: OrderCardDetail, ExtraCharges: GlobalExtraCharge, customer: selOption != null ? selOption : GetCustId, Paymentgateway: false, }; setFailedOrderData(updatedData); setSplitpayment(true); } else { if (TotalAmount <= 0) { setMessageType('warning'); setMessageData('Cannot split when total amount is zero or less'); return; } setMessageType('warning'); setMessageData('Please Select the Product'); } }; 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 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 OrderId=PostBookingDataDetailOrderId ?.OrderId 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; 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 CreditCustomerHAndleCancel = () => { setcreditCustomerOpen(false); }; const CreditCustomerFun = () => { if ( OrderCardDetail?.length === 0 && (selOption?.value !== undefined || GlobalAddCustomerDetails1.length > 0 || GetCustId?.CustMobile !== undefined) ) { setcreditCustomerOpen(true); } else { if (selOption?.value == undefined) { setMessageType('warning'); setMessageData('Please Select the Customer'); } } }; 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 changeOrderStatus = () => { setOrderStatus(!OrderStatus); setPaybtnnameselected(PaymentOptionsModeName); setPaybtnselected(PaymentOptionsModeId); }; // 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 navCust = templateData?.BookingNavbar?.[1]?.some( (item) => item?.OptionName === 'AddCustomer' ); const handlepaymentoptions = async () => { await dispatch(changeSalesPaymentoption(true)); await dispatch( getPaymentOptionsData({ AppId: AppId, CompId: CompId, BranchId: BranchId, }) ); }; // ------------------------------------------------OTHER SERVICES FUNCTIONALITY----------------------------------------------------------------------------------- useEffect(() => { if (isMobile) { OtherServiceMobilePrint( OtherServicesPrintDetails, UpiId, 'Booking', SettingDataSelector ); } else { Otherserviceprint(); } }, [OtherServicesPrintDetails]); useEffect(() => { const setDefaultPaymentOption = async () => { const res = await dispatch( getDefaultPaymentOptions({ AppId, CompId, BranchId }) )?.unwrap(); const defaultDetail = res?.data?.data?.[0]?.DefaultDetails?.[0]; if (res?.data?.data?.length > 0 && defaultDetail) { setDefaultEnabled(true); setDefaultPaymentMode(defaultDetail); const { option, card } = defaultDetail; if (option?.value) setSelectedUPIPayOption(option.value); if (card) { const isDefault = String(option?.value ?? '').toLowerCase() === 'default'; const idToUse = isDefault ? card?.UPIId : card?.ModeId; if (idToUse) { addUpiOption(card?.Mode, card?.ModeName, idToUse); } } } else { setDefaultEnabled(false); setDefaultPaymentMode([]); } }; if (salesBillEdit) { setDefaultPaymentOption(); } }, [defaultPaymentTrigger, salesBillEdit]); const Otherserviceprint = async () => { if (OtherServicesPrintDetails?.length > 0) { const style = await PrintStyleFunction('OtherServices1'); const stylesMap = { OtherServices1: 'OtherServices1', }; const selectedStyle = stylesMap['OtherServices1']; console.log(selectedStyle, 'selectedStyle'); await printDiv('OtherServices1', style); // Use unique IDs for each print setOtherServicesPrintDetails([]); closePrintOption(); } }; const OtherServicePostBooking = async (PostData, value) => { console.log(PostData, value, 'PostData, value'); let postdata = { AppId: AppId, CompId: CompId, BranchId: BranchId, BillAmount: PostData?.BillAmount, TaxAmount: PostData?.TaxAmount, NetAmount: PostData?.NetAmount, OtherServicesTicketDetails: OrderCardDetail.map((item) => ({ ServiceId: item.ServiceId, ServiceCategory: item.ServiceCategory, VehicleNumber: item.VehicleNo || '', Qty: item.OrderQty, Rate: item.Rate, TaxAmount: item.TaxAmt, TotalAmount: item.TotalAmt, })), PaymentDetail: PostData?.PaymentDetail, CreatedBy: UserId, }; let Response = await dispatch(PostOtherServices(postdata)).unwrap(); if (Response?.data?.statusCode == 1) { setMessageType('success'); setMessageData(Response?.data?.response); ClearAllGlobalStateDatas(value); setOtherServicesPrintDetails([ Response?.data?.OtherServicesTicketDetails?.[0], ]); } console.log(postdata, 'PostdataPostdataPostdata'); }; const Otherservicesvehicleno = () => { setOtherServicesModal(true); }; const handleInputChange = (key, index, value, serviceType, item) => { const uppercasedValue = value.toUpperCase(); const regex = /^[A-Z]{2}[0-9]{2}[A-Z]{1,2}[0-9]{4}$/; const isValid = regex.test(uppercasedValue); if (serviceType === 'G') { const existing = vehicleInputs[key] ? [...vehicleInputs[key]] : []; existing[index] = uppercasedValue; setVehicleInputs((prev) => ({ ...prev, [key]: existing })); const updatedErrors = { ...errors, [key]: [...(errors[key] || [])], }; // updatedErrors[key][index] = isValid ? '' : 'Invalid format (e.g., KA01AB1234)'; updatedErrors[key][index] = uppercasedValue === '' ? '' : isValid ? '' : 'Invalid format (e.g., KA01AB1234)'; setErrors(updatedErrors); vehiclesvalues({ ...vehicleInputs, [key]: existing }); } else { const uniqueKey = `${key}__${item.__index}`; const updatedInputs = { ...vehicleInputs, [uniqueKey]: [uppercasedValue], }; const updatedErrors = { ...errors }; // updatedErrors[uniqueKey] = [isValid ? '' : 'Invalid format (e.g., KA01AB1234)']; updatedErrors[uniqueKey] = [ uppercasedValue === '' ? '' : isValid ? '' : 'Invalid format (e.g., KA01AB1234)', ]; setVehicleInputs(updatedInputs); setErrors(updatedErrors); vehiclesvalues(updatedInputs); } }; const vehiclesvalues = (vehicleData) => { const updated = OrderCardDetail.map((item) => { const key = item.ServiceType === 'G' ? item.id // using `id` now : `${item.ServiceId}__${item.__index}`; // if (vehicleData[key]) { // return { // ...item, // VehicleNo: vehicleData[key], // }; // } // return item; const value = vehicleData[key]; if (value && value.length) { return { ...item, VehicleNo: item.ServiceType === 'G' ? value.join(',') // ๐Ÿ‘ˆ convert array to comma-separated string : value[0], // ๐Ÿ‘ˆ single string from array }; } return item; }); dispatch(changeOrderCardDetails(updated)); }; const Handlevehiclenumbers = () => { setOtherServicesModal(false); }; const hasVehicleInputErrors = () => { return Object.values(errors).some( (arr) => Array.isArray(arr) && arr.some((err) => err) ); }; return ( Loading ...}>
{screenwidth <= 768 && (
{Array.isArray(OrderCardDetail) && OrderCardDetail?.length >= 1 && ( )}
)} {/* {Array.isArray(OrderCardDetail) && OrderCardDetail?.length >= 1 && ( {" "} )} */}
{tableOptions .filter((item) => item.OptionName === 'AddCustomer') .map((filteredItem) => (
))}
{screenwidth <= 768 && ( <> {Array.isArray(OrderCardDetail) && OrderCardDetail?.length >= 1 && (
{responsiveBill ? (
{' '} {' '}
) : (
{' '} {' '}
)}
)} )}
{(addcustomer || hold) && ( )} {creditCustomerOpen && ( )} {TotalAmount == 0 && Success && (
)} {TotalAmount > 0 && qrCode && PaymentUpiOptions?.length > 0 && SelectedUpiOption && (
)} {PaymentUpiOptions?.length > 0 && OrderId && (
)} {tableOptions?.filter( (item) => item.OptionName === 'AddCustomer' ).length === 1 || navCust === true ? (
{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' ) ) ) && ( {!OtherServicesglobal && ( {' '} 0 && 'not-allowed', color: OrderCardDetail?.length > 0 || (selOption?.value === undefined && GlobalAddCustomerDetails1?.length === 0 && GetCustId?.CustMobile === undefined) ? 'gray' : 'rgb(18, 146, 238)', fontSize: '28px', }} /> )} )}
) : ( '' )} {paybtns?.length > 1 && (
0) && !unpaidFlow && OrderStatus ? 'none' : 'auto', opacity: (BookingType === 'Dine In' || BookingTypeBoth || CheckOrderType?.length > 0) && !unpaidFlow && OrderStatus ? 0.5 : 1, width: '2rem', }} > {/* */} {!OtherServicesglobal && ( {' '}
)} {OtherServicesglobal && OrderCardDetail.length >= 1 && ( {' '}
)} {/* */}
)} {/* Customer Orders */} {SelCustId && ( {' '}
{ 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(18, 146, 238)', fontSize: '25px', display: 'flex', alignItems: 'center', height: '2.46rem', width: '1.5rem', }} >
)} {tabledata?.length > 0 && (
{tableOptions .filter((item) => item.OptionName === 'UnpaidBill') .map((filteredItem) => ( {!OtherServicesglobal && ( {' '} { (setUnpaidOpen(true), getUnpaiddatas()); }} /> )} ))}
)} {dinePreference && (
{(BookingType === 'Dine In' || BookingTypeBoth || CheckOrderType?.length > 0) && !unpaidFlow && SelectedTableDetails?.length !== 0 && ( <> {' '} FirstPaymentclick === false && !addnewAccess ? changeOrderStatus() : '' } /> {FirstPaymentclick === false && !addnewAccess && !OrderStatus && } )}
)} {!OtherServicesglobal && (
{tableOptions?.map((item) => ( <> {unpaidFlow == false ? item?.OptionName == 'Hold' && BookingType !== 'Dine In' && !BookingTypeBoth && OrderCardDetail?.length != 0 && CheckOrderType?.length === 0 && OrderType != 'Failed' && paybtns?.length > 0 && CheckBookingStatus != 'Close' && !addnewAccess && ( {' '} AddBookingDetails('Hold')} style={{ fontSize: '30px', cursor: 'pointer', color: '' ? '#52c41a' : '#1292EE', }} /> ) : ''} {unpaidFlow == false ? item?.OptionName == 'Hold' && BookingType !== 'Dine In' && !BookingTypeBoth && Holddata?.length > 0 && OrderCardDetail?.length == 0 && paybtns?.length > 0 && CheckBookingStatus != 'Close' && !addnewAccess && ( {' '} HandleholdModelOpen()} style={{ fontSize: '28px', cursor: 'pointer', color: Holddata ? '#52c41a' : 'default', pointerEvents: OrderType === 'Failed' ? 'none' : 'auto', }} /> ) : ''} ))}
)}
0) && !unpaidFlow && OrderStatus ? 'none' : 'auto', opacity: (BookingType === 'Dine In' || BookingTypeBoth || CheckOrderType?.length > 0) && !unpaidFlow && OrderStatus ? 0.5 : 1, }} > {paybtns?.length > 0 && currentOrderNetAmount >= previousNetAmount ? ( paybtns?.map((payment) => (
)) ) : currentOrderNetAmount < previousNetAmount && salesBillEdit && refundPayBtns.length > 0 ? ( refundPayBtns.map((payment) => (
)) ) : (
Please Set Payment Options
)}
{PrintOrderDetails?.length > 0 && (
{filteredSettingNames?.includes('whatsapp') && MobileNoWhatsApp?.value && ( )} {filteredSettingNames?.includes('SMS') && isMobile && ( )} {/* WhatsAppShare modal/component */} {showWhatsAppShare && ( closePrintOption(false)} /> )} {showSMSShare && isMobile && ( closePrintOption(false)} /> )}
)}
{/* {(selectCustomerDisplay === true || paymentModeDisplay === true) && (
)} */}
Items: {TotalItems}
Qty: {Qty}
{OrderCardDetail?.length > 0 && ParkingDisplay && !OtherServicesglobal && (
)}
{' '} {!OtherServicesglobal && unpaidFlow == true ? ( {' '} { Recipt(); }} /> ) : ( '' )}
{/* {" "} */} } trigger="click" // width={1000} open={open} onOpenChange={handleOpenChange} >
{/* */} } trigger="click" // width={1000} open={open2} onOpenChange={handleOpenChange2} >
{ 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'); }} />
} /> {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'); }} />
)}
{ 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 && ( data?.TotalAmt + acc, 0 ) - ((OverAllSales > 0 ? OverAllSales : 0) + (OverAllEstimate > 0 ? OverAllEstimate : 0) + (Discount > 0 ? Discount : 0)) ) } failedOrderData={failedOrderData} /> )} { dispatch(changeSalesPaymentoption(false)); }} footer={false} children={
} /> { OtherServicesPrintDetails?.length > 0 && ( // PrintOrderDetails?.[0]?.OrderDetails?.map((orderDetail, index) => (
) // )) } { setOtherServicesModal(false); }} // handleSubmit={Handlevehiclenumbers} footer={false} children={
{OrderCardDetail.map((item, i) => { const isGroup = item.ServiceType === 'G'; const groupKey = item.id; // ๐Ÿ” using `id` for groups now const uniqueKey = `${item.ServiceId}__${item.__index}`; // For G-type: render input only once for the group if ( isGroup && i !== OrderCardDetail.findIndex((o) => o.id === groupKey) ) { return null; } const qty = isGroup ? OrderCardDetail.filter((o) => o.id === groupKey).reduce( (sum, o) => sum + (o.OrderQty || 1), 0 ) : item.OrderQty || 1; return (

{item.ServiceName}

{Array.from({ length: qty }).map((_, index) => { const inputKey = isGroup ? item.id : `${item.ServiceId}__${item.__index}`; const value = vehicleInputs[inputKey]?.[index] || ''; const error = errors[inputKey]?.[index] || ''; return (
handleInputChange( isGroup ? item.id : item.ServiceId, index, e.target.value, item.ServiceType, item ) } onKeyPress={(e) => { if (!/[A-Za-z0-9]/.test(e.key)) { e.preventDefault(); } }} style={{ width: '100%', padding: 8, borderRadius: 4, border: error ? '1px solid red' : '1px solid #ccc', }} /> {error && ( {error} )}
); })}
); })}
} /> setShowCancelConfirm(true)} footer={false} width={500} children={ <> } /> {showCancelConfirm && ( { setBusinessUPI(false); setShowCancelConfirm(false); ClearAllGlobalStateDatas(); CustomerDisplay(); }} onCancel={() => setShowCancelConfirm(false)} okText="Yes" cancelText="No" > Do you want to cancel the payment? )} {customerPreviesOrders && ( setCustomerPreviesOrders(false)} footer={false} width={700} className={'ModalPaymentGatewayEmbedded'} children={ <> setCustomerPreviesOrders(false)} /> } /> )}
); }; export default BSBilling4Payment;