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

Parking

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

- Quick Add
(Alt +N) -

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

Dine In

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

Take Away

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

Extra Charge

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

Re Print

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

Hold

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

Adv Amt

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

UPI PAYMENT

*/} - -
-
- -
- -
-

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

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