diff --git a/src/Features/BookingScreen/BookingData/BookingData.js b/src/Features/BookingScreen/BookingData/BookingData.js
index 575a15f..9f7d995 100644
--- a/src/Features/BookingScreen/BookingData/BookingData.js
+++ b/src/Features/BookingScreen/BookingData/BookingData.js
@@ -1419,6 +1419,49 @@ export const getMissedOrderids = createAsyncThunk(
     );
   }
 );
+// get /LastBuyProductList
+export const CustomerOrderList = createAsyncThunk(
+  'CustomerOrderList/LastBuyProductList',
+  async (data) => {
+    const { AppId, CompId, BranchId,  MobileNo,FromDate,ToDate } = data;
+    if (
+      AppId != null &&
+      AppId != undefined &&
+      CompId != null &&
+      CompId != undefined &&
+      BranchId != null &&
+      BranchId != undefined &&
+      FromDate != null &&
+      FromDate != undefined &&
+      ToDate != null &&
+      ToDate != undefined &&
+      MobileNo != null &&
+      MobileNo != undefined
+    ) {
+      return await axiosRetailInstanceData.get(
+        `/LastBuyProductList?compId=${CompId}&branchId=${BranchId}&appId=${AppId}&mobileNo=${MobileNo}&fromDate=${FromDate}&toDate=${ToDate}`
+      );
+    }
+    else if (
+      AppId != null &&
+      AppId != undefined &&
+      CompId != null &&
+      CompId != undefined &&
+      BranchId != null &&
+      BranchId != undefined &&
+      MobileNo != null &&
+      MobileNo != undefined
+    ) {
+      return await axiosRetailInstanceData.get(
+        `/LastBuyProductList?compId=${CompId}&branchId=${BranchId}&appId=${AppId}&mobileNo=${MobileNo}`
+      );
+    }
+
+  }
+);
+
+
+
 const initialState = {
   PrintStyle: null,
   CustId: null,
diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable1/BST1Payment.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable1/BST1Payment.jsx
index c08fb84..bd078f5 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable1/BST1Payment.jsx
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable1/BST1Payment.jsx
@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState, useRef } from 'react';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
 import moment from 'moment';
-import { Badge, Popover, Modal } from 'antd';
+import { Badge, Popover, Modal, Tooltip } from 'antd';
 import { Tables } from '../../../../../Components/Tables/Table';
 import { DefaultModal } from '../../../../../Components/Modal/DefaultModal.jsx';
 import { UpOutlined } from '@ant-design/icons';
@@ -181,7 +181,7 @@ import {
 import WhatsAppShare from '../../../../WhatsAppShare/whatsAppShare.jsx';
 import SMSShare from '../../../../WhatsAppShare/SmsShare.jsx';
 import { MdSms } from 'react-icons/md';
-import { FaWhatsapp, FaPrint } from 'react-icons/fa';
+import { FaWhatsapp, FaPrint, FaCartPlus } from 'react-icons/fa';
 import BSTipAmount from '../../UtillComponents/BSTipAmount.jsx';
 import { ApplicationPreferences } from '../../../../../Features/BrachLogin/BranchLogin.js';
 import BSOtherServiceClaim from '../../UtillComponents/BSOtherServiceClaim.jsx';
@@ -204,6 +204,7 @@ import PaymentGatewayEmbedded from '../../UtillComponents/PaymentGatewayEmbedded
 import pozologoimg from '../../../../../Images/pozologoimg.png';
 import MobileMultiPdfPrintTrigger from '../../UtillComponents/MobileMultiPdfPrintTrigger.jsx';
 import { useDateStore } from '../../../../../Features/BookingScreen/BookingData/DateStore.js';
+import CustomerOrders from '../../BookingFunctionality/CustomerOrders.jsx';
 
 const subDirectory = import.meta.env.ENV_BASE_URL;
 const MainHomeUrl = import.meta.env.ENV_MAIN_BASE_URL;
@@ -365,6 +366,7 @@ export default function BST1Payment() {
   const [CardPayOption, setCardPayOption] = useState([]);
   const [Splitpayment, setSplitpayment] = useState(false);
   const [UnpaidConfirmation, setUnpaidConfirmation] = useState(false);
+  const [customerPreviesOrders, setCustomerPreviesOrders] = useState(false);
   const [unpaidselectedindex, setunpaidselectedindex] = useState();
   const GlobaluseOptions = useSelector(GlobalCommonPaymentOptions);
   const [useOptions, setuseOptions] = useState([]);
@@ -3674,6 +3676,43 @@ export default function BST1Payment() {
               </div>
             )}
 
+            {/* Customer Orders */}
+            {GetCustId && (
+
+              <Tooltip title="Customer Orders" isMobile={isMobile}>
+                {' '}
+                <div
+                  className="BSBillingNav-icon-table-icon"
+                  onClick={() => {
+                    if (
+                      CheckBookingStatus !== 'Close' &&
+                      !addnewAccess &&
+                      !(OrderCardDetail?.length > 0)
+                    ) {
+                      setCustomerPreviesOrders(true);
+                    }
+                  }}
+                  style={{
+                    cursor: OrderCardDetail?.length > 0 && 'not-allowed',
+                    color:
+                      OrderCardDetail?.length > 0 ||
+                        (OrderCardDetail?.length > 0 &&
+                          GetCustId?.CustMobile === undefined)
+                        ? 'gray'
+                        : 'rgb(18, 146, 238)',
+                    fontSize: '25px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    height: '2.46rem',
+                    width: '1.5rem',
+                  }}
+                >
+                  <FaCartPlus />
+                </div>
+              </Tooltip>
+            )}
+
+
             {OtherServicesglobal && OrderCardDetail.length >= 1 && (
               <TooltipWrapper title="Vehicle Number" isMobile={isMobile}>
                 {' '}
@@ -4344,6 +4383,24 @@ export default function BST1Payment() {
           Do you want to cancel the payment?
         </Modal>
       )}
+      
+            {customerPreviesOrders && (
+              <DefaultModal
+                open={customerPreviesOrders}
+                handleCancel={() => setCustomerPreviesOrders(false)}
+                footer={false}
+                width={700}
+                className={'ModalPaymentGatewayEmbedded'}
+                children={
+                  <>
+                    <CustomerOrders
+                      CustomerDetails={selOption}
+                      close={() => setCustomerPreviesOrders(false)}
+                    />
+                  </>
+                }
+              />
+            )}
     </>
   );
 }
diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable2/BSBillingTable2.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable2/BSBillingTable2.jsx
index a1fc9c5..3c8e9c0 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable2/BSBillingTable2.jsx
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable2/BSBillingTable2.jsx
@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState, useRef } from 'react';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
 import moment from 'moment';
-import { Badge, Popover, Modal } from 'antd';
+import { Badge, Popover, Modal, Tooltip } from 'antd';
 import {
   ArrowRightOutlined,
   UpCircleOutlined,
@@ -189,7 +189,7 @@ import { getCombolist } from '../../../../../Features/ComboMaster/ComboMaster.js
 import SMSShare from '../../../../WhatsAppShare/SmsShare.jsx';
 import WhatsAppShare from '../../../../WhatsAppShare/whatsAppShare.jsx';
 import { MdSms } from 'react-icons/md';
-import { FaWhatsapp, FaPrint } from 'react-icons/fa';
+import { FaWhatsapp, FaPrint, FaCartPlus } from 'react-icons/fa';
 import BSTipAmount from '../../UtillComponents/BSTipAmount.jsx';
 import { ApplicationPreferences } from '../../../../../Features/BrachLogin/BranchLogin.js';
 import { PostOtherServices } from '../../../../../Features/OtherServices/OtherServices.js';
@@ -352,6 +352,7 @@ const BSBillingTable2 = () => {
   const [Success, SetSuccess] = useState();
   const [brachName, setbrachName] = useState('');
   const [UpiOpen, setUpiOpen] = useState(false);
+  const [customerPreviesOrders, setCustomerPreviesOrders] = useState(false);
   const OverAllSales = useSelector(GlobalOverAllDiscSales);
   const OverAllEstimate = useSelector(GlobalOverAllDiscEstimate);
 
@@ -1414,7 +1415,7 @@ const BSBillingTable2 = () => {
 
     const selectedStyle =
       stylesMap[
-        printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
+      printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
       ];
 
     if (selectedStyle) {
@@ -1966,15 +1967,15 @@ const BSBillingTable2 = () => {
       OrderStatus: 'O',
       OrderType:
         BookingType === 'Dine In' ||
-        BookingTypeBoth ||
-        Estimation?.SettingValue == 'N'
+          BookingTypeBoth ||
+          Estimation?.SettingValue == 'N'
           ? 'S'
           : GlobEstBooking === 'OvrAllEst'
             ? 'E'
             : GlobEstBooking === 'ParEst'
               ? GlobProdwisedata?.includes(
-                  a.InwardDtlId + ' ' + a?.BookingTypeName
-                )
+                a.InwardDtlId + ' ' + a?.BookingTypeName
+              )
                 ? 'E'
                 : 'S'
               : 'S',
@@ -2066,7 +2067,7 @@ const BSBillingTable2 = () => {
           : Paybtnnameselected?.toLowerCase() === 'credit'
             ? 'S'
             : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? 'S'
               : 'P',
       OrderDtlDetails:
@@ -2083,9 +2084,9 @@ const BSBillingTable2 = () => {
           ? globalTipAmount === 0
             ? SelectedTableDetails
             : SelectedTableDetails?.map((item) => ({
-                ...item,
-                TipsAmount: globalTipAmount,
-              }))
+              ...item,
+              TipsAmount: globalTipAmount,
+            }))
           : null,
       // "Credit": TotalAmount,
       // "Debit": 0,
@@ -2100,8 +2101,8 @@ const BSBillingTable2 = () => {
                   ? PaymentgatewayUPI?.[0]?.ModeId
                   : SelectedUPIPayOption?.toLowerCase() === 'business'
                     ? BusinessPayOption?.find(
-                        (busupi) => busupi?.ModeId === UpiId
-                      )?.ModeId
+                      (busupi) => busupi?.ModeId === UpiId
+                    )?.ModeId
                     : paybtnselected
               : paybtnselected
                 ? paybtnselected
@@ -2110,9 +2111,9 @@ const BSBillingTable2 = () => {
           Amount: Math.round(TotalAmount),
           MerchantId:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'business'
+              SelectedUPIPayOption?.toLowerCase() === 'business'
               ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                  ?.MerchantId
+                ?.MerchantId
               : null,
           PaymentOptionType:
             Paybtnnameselected?.toLowerCase() === 'cash'
@@ -2131,26 +2132,26 @@ const BSBillingTable2 = () => {
           ModeOfPayment:
             SelectedUPIPayOption?.toLowerCase() === 'default'
               ? PaymentUpiOptions?.find((upipay) => upipay?.UPIId === UpiId)
-                  ?.UPIDetailId
+                ?.UPIDetailId
               : SelectedUPIPayOption?.toLowerCase() === 'business'
                 ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                    ?.MerchantUPIId
+                  ?.MerchantUPIId
                 : null,
           AccountDtl:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? useOptions?.[0]?.PaymentDetails?.Payatthecounter?.find(
-                  (upipay) => upipay?.UPIId === UpiId
-                )
+                (upipay) => upipay?.UPIId === UpiId
+              )
               : (Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'pd') ||
-                  (Paybtnnameselected?.toLowerCase() === 'card' &&
-                    SelectedCardOption?.toLowerCase() === 'pd')
+                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')
+                  SelectedUPIPayOption?.toLowerCase() === 'pg') ||
+                  (Paybtnnameselected?.toLowerCase() === 'card' &&
+                    SelectedCardOption?.toLowerCase() === 'pg')
                   ? useOptions?.[0]?.PaymentDetails?.PaymentGateway
                   : [],
           PaymentStatus:
@@ -2159,7 +2160,7 @@ const BSBillingTable2 = () => {
               : Paybtnnameselected?.toLowerCase() === 'credit'
                 ? 'S'
                 : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'default'
+                  SelectedUPIPayOption?.toLowerCase() === 'default'
                   ? 'S'
                   : 'P',
           Debit: 0,
@@ -2235,14 +2236,14 @@ const BSBillingTable2 = () => {
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         response?.data?.OrderDetails?.length > 0 &&
           setPrintOrderDetails([response?.data]);
@@ -2394,14 +2395,14 @@ const BSBillingTable2 = () => {
           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
+              ? response?.data?.OrderId &&
+              extractLastNumberOrderId(
+                response?.data?.OrderId,
+                response?.data?.OrderDetails?.[0]?.FYStatus
+              )
+              : '')
           );
           response?.data?.OrderDetails?.length > 0 &&
             setPrintOrderDetails([response?.data]);
@@ -2505,14 +2506,14 @@ const BSBillingTable2 = () => {
         }
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         if (response?.data?.OrderDetails?.length > 0) {
           setPrintOrderDetails([response?.data]);
@@ -2689,14 +2690,14 @@ const BSBillingTable2 = () => {
             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
+                ? bookingpaymentupdate?.data?.OrderId &&
+                extractLastNumberOrderId(
+                  bookingpaymentupdate?.data?.OrderId,
+                  bookingpaymentupdate?.data?.OrderDetail?.[0]?.FYStatus
+                )
+                : '')
             );
             bookingpaymentupdate?.data?.OrderDetails?.length > 0 &&
               setPrintOrderDetails([bookingpaymentupdate?.data]);
@@ -2715,7 +2716,7 @@ const BSBillingTable2 = () => {
         if (
           Date.now() - startTime >
           useOptions?.[0]?.PDConfigDetails?.[0]?.AutoCancelDurationInMinutes *
-            60000
+          60000
         ) {
           // 60,000 ms = 1 minute
 
@@ -3634,16 +3635,16 @@ const BSBillingTable2 = () => {
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 'none'
                       : 'auto',
                   opacity:
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 0.5
                       : 1,
                   width: '2rem',
@@ -3663,14 +3664,14 @@ const BSBillingTable2 = () => {
                         width: '1.6rem',
                         cursor:
                           OrderCardDetail?.length === 0 ||
-                          CheckBookingStatus == 'Close' ||
-                          addnewAccess
+                            CheckBookingStatus == 'Close' ||
+                            addnewAccess
                             ? 'not-allowed'
                             : 'pointer',
                         color:
                           OrderCardDetail?.length === 0 ||
-                          CheckBookingStatus == 'Close' ||
-                          addnewAccess
+                            CheckBookingStatus == 'Close' ||
+                            addnewAccess
                             ? 'gray'
                             : 'rgb(18, 146, 238)',
                         display: 'flex',
@@ -3696,14 +3697,14 @@ const BSBillingTable2 = () => {
                         width: '1.5rem',
                         cursor:
                           OrderCardDetail?.length === 0 ||
-                          CheckBookingStatus == 'Close' ||
-                          addnewAccess
+                            CheckBookingStatus == 'Close' ||
+                            addnewAccess
                             ? 'not-allowed'
                             : 'pointer',
                         color:
                           OrderCardDetail?.length === 0 ||
-                          CheckBookingStatus == 'Close' ||
-                          addnewAccess
+                            CheckBookingStatus == 'Close' ||
+                            addnewAccess
                             ? 'gray'
                             : 'rgb(18, 146, 238)',
                         display: 'flex',
@@ -3805,16 +3806,16 @@ const BSBillingTable2 = () => {
                   (BookingType === 'Dine In' ||
                     BookingTypeBoth ||
                     CheckOrderType?.length > 0) &&
-                  !unpaidFlow &&
-                  OrderStatus
+                    !unpaidFlow &&
+                    OrderStatus
                     ? 'none'
                     : 'auto',
                 opacity:
                   (BookingType === 'Dine In' ||
                     BookingTypeBoth ||
                     CheckOrderType?.length > 0) &&
-                  !unpaidFlow &&
-                  OrderStatus
+                    !unpaidFlow &&
+                    OrderStatus
                     ? 0.5
                     : 1,
               }}
@@ -3825,10 +3826,10 @@ const BSBillingTable2 = () => {
                     <button
                       className={
                         paybtnselected === payment.ModeId &&
-                        (UpinotSelected || CardoptionnotSelected)
+                          (UpinotSelected || CardoptionnotSelected)
                           ? 'Btn-payment-mode-notupisel'
                           : paybtnselected === payment.ModeId &&
-                              (!UpinotSelected || !CardoptionnotSelected)
+                            (!UpinotSelected || !CardoptionnotSelected)
                             ? 'Btn-payment-mode'
                             : 'Btn-payment-mode-sel'
                       }
@@ -3842,9 +3843,9 @@ const BSBillingTable2 = () => {
                       onClick={() =>
                         payment?.ModeName?.toLowerCase() === 'upi' // Change the condition to payment.Id
                           ? handleUPIButtonClick(
-                              payment.ModeId,
-                              payment.ModeName
-                            )
+                            payment.ModeId,
+                            payment.ModeName
+                          )
                           : handlePaymentMode(payment.ModeId, payment.ModeName)
                       }
                     >
@@ -3933,9 +3934,9 @@ const BSBillingTable2 = () => {
                               OrderCardDetail?.length > 0 && 'not-allowed',
                             color:
                               OrderCardDetail?.length > 0 ||
-                              (selOption?.value === undefined &&
-                                GlobalAddCustomerDetails1?.length === 0 &&
-                                GetCustId?.CustMobile === undefined)
+                                (selOption?.value === undefined &&
+                                  GlobalAddCustomerDetails1?.length === 0 &&
+                                  GetCustId?.CustMobile === undefined)
                                 ? 'gray'
                                 : 'rgb(18, 146, 238)',
                             fontSize: '28px',
@@ -3950,6 +3951,41 @@ const BSBillingTable2 = () => {
             ''
           )}
 
+
+          {/* Customer Orders */}
+          {GetCustId && (
+            <Tooltip title="Customer Orders" isMobile={isMobile}>
+              {' '}
+              <div
+                className="BSBillingNav-icon-table-icon"
+                onClick={() => {
+                  if (
+                    CheckBookingStatus !== 'Close' &&
+                    !addnewAccess &&
+                    !(OrderCardDetail?.length > 0)
+                  ) {
+                    setCustomerPreviesOrders(true);
+                  }
+                }}
+                style={{
+                  cursor: OrderCardDetail?.length > 0 && 'not-allowed',
+                  color:
+                    OrderCardDetail?.length > 0 ||
+                      (OrderCardDetail?.length > 0 &&
+                        GetCustId?.CustMobile === undefined)
+                      ? 'gray'
+                      : 'rgb(18, 146, 238)',
+                  fontSize: '25px',
+                  display: 'flex',
+                  alignItems: 'center',
+                  height: '2.46rem',
+                  width: '1.5rem',
+                }}
+              >
+                <FaCartPlus />
+              </div>
+            </Tooltip>
+          )}
           {tabledata?.length > 0 && (
             <div style={{ width: '2rem' }}>
               {tableOptions
@@ -4015,68 +4051,68 @@ const BSBillingTable2 = () => {
                 <>
                   {unpaidFlow == false
                     ? item?.OptionName == 'Hold' &&
-                      BookingType !== 'Dine In' &&
-                      !BookingTypeBoth &&
-                      OrderCardDetail?.length != 0 &&
-                      !OrderStatus &&
-                      OrderType != 'Failed' &&
-                      paybtns?.length > 0 &&
-                      CheckBookingStatus != 'Close' &&
-                      !addnewAccess && (
-                        <>
-                          <TooltipWrapper title={'Hold'} isMobile={isMobile}>
-                            <button
-                              onClick={() => AddBookingDetails('Hold')}
-                              className={
-                                FirstPaymentclick === false
-                                  ? 'hold-btn'
-                                  : 'hold-btn-disable'
-                              }
+                    BookingType !== 'Dine In' &&
+                    !BookingTypeBoth &&
+                    OrderCardDetail?.length != 0 &&
+                    !OrderStatus &&
+                    OrderType != 'Failed' &&
+                    paybtns?.length > 0 &&
+                    CheckBookingStatus != 'Close' &&
+                    !addnewAccess && (
+                      <>
+                        <TooltipWrapper title={'Hold'} isMobile={isMobile}>
+                          <button
+                            onClick={() => AddBookingDetails('Hold')}
+                            className={
+                              FirstPaymentclick === false
+                                ? 'hold-btn'
+                                : 'hold-btn-disable'
+                            }
+                          >
+                            <BsPauseFill />
+                            <p
+                              className="hold-btn-txt"
+                              style={{
+                                fontFamily: FontFamily['para'],
+                              }}
                             >
-                              <BsPauseFill />
-                              <p
-                                className="hold-btn-txt"
-                                style={{
-                                  fontFamily: FontFamily['para'],
-                                }}
-                              >
-                                Hold
-                              </p>
-                            </button>
-                          </TooltipWrapper>
-                        </>
-                      )
+                              Hold
+                            </p>
+                          </button>
+                        </TooltipWrapper>
+                      </>
+                    )
                     : ''}
                   {unpaidFlow == false
                     ? item?.OptionName == 'Hold' &&
-                      BookingType !== 'Dine In' &&
-                      !BookingTypeBoth &&
-                      Holddata?.length > 0 &&
-                      OrderCardDetail?.length == 0 &&
-                      CheckBookingStatus != 'Close' &&
-                      paybtns?.length > 0 &&
-                      !addnewAccess && (
-                        <TooltipWrapper title={'Recall'} isMobile={isMobile}>
-                          {' '}
-                          <Badge
-                            count={Holddata?.length}
-                            size={'small'}
-                            offset={[0, 7]}
-                          >
-                            <PozoHoldIcon
-                              className="BSBillingNav-icon-table-icon"
-                              onClick={() => HandleholdModelOpen()}
-                              style={{
-                                fontSize: '28px',
-                                cursor: 'pointer',
-                                color: Holddata ? '#52c41a' : 'default',
-                                pointerEvents:
-                                  OrderType === 'Failed' ? 'none' : 'auto',
-                              }}
-                            />
-                          </Badge>
-                        </TooltipWrapper>
-                      )
+                    BookingType !== 'Dine In' &&
+                    !BookingTypeBoth &&
+                    Holddata?.length > 0 &&
+                    OrderCardDetail?.length == 0 &&
+                    CheckBookingStatus != 'Close' &&
+                    paybtns?.length > 0 &&
+                    !addnewAccess && (
+                      <TooltipWrapper title={'Recall'} isMobile={isMobile}>
+                        {' '}
+                        <Badge
+                          count={Holddata?.length}
+                          size={'small'}
+                          offset={[0, 7]}
+                        >
+                          <PozoHoldIcon
+                            className="BSBillingNav-icon-table-icon"
+                            onClick={() => HandleholdModelOpen()}
+                            style={{
+                              fontSize: '28px',
+                              cursor: 'pointer',
+                              color: Holddata ? '#52c41a' : 'default',
+                              pointerEvents:
+                                OrderType === 'Failed' ? 'none' : 'auto',
+                            }}
+                          />
+                        </Badge>
+                      </TooltipWrapper>
+                    )
                     : ''}
                 </>
               ))}
@@ -4092,9 +4128,9 @@ const BSBillingTable2 = () => {
                 addnewAccess
                   ? 'billing-btn-deactive'
                   : FirstPaymentclick === false &&
-                      OrderCardDetail?.length > 0 &&
-                      paybtnselected &&
-                      CheckBookingStatus != 'Close'
+                    OrderCardDetail?.length > 0 &&
+                    paybtnselected &&
+                    CheckBookingStatus != 'Close'
                     ? 'billing-btn'
                     : 'billing-btn-deactive'
               }
@@ -4460,9 +4496,9 @@ const BSBillingTable2 = () => {
 
                 const qty = isGroup
                   ? OrderCardDetail.filter((o) => o.id === groupKey).reduce(
-                      (sum, o) => sum + (o.OrderQty || 1),
-                      0
-                    )
+                    (sum, o) => sum + (o.OrderQty || 1),
+                    0
+                  )
                   : item.OrderQty || 1;
 
                 return (
@@ -4542,6 +4578,7 @@ const BSBillingTable2 = () => {
             </div>
           }
         />
+        
         <DefaultModal
           open={businessUPI}
           handleCancel={() => setShowCancelConfirm(true)}
@@ -4579,6 +4616,23 @@ const BSBillingTable2 = () => {
             Do you want to cancel the payment?
           </Modal>
         )}
+        {customerPreviesOrders && (
+          <DefaultModal
+            open={customerPreviesOrders}
+            handleCancel={() => setCustomerPreviesOrders(false)}
+            footer={false}
+            width={700}
+            className={'ModalPaymentGatewayEmbedded'}
+            children={
+              <>
+                <CustomerOrders
+                  CustomerDetails={selOption}
+                  close={() => setCustomerPreviesOrders(false)}
+                />
+              </>
+            }
+          />
+        )}
       </div>
     </div>
   );
diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx
index 5ec6c92..ecd4b26 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx
@@ -11,7 +11,7 @@ import {
   DownCircleOutlined,
   UpOutlined,
 } from '@ant-design/icons';
-import { Popover, Badge, Modal } from 'antd';
+import { Popover, Badge, Modal, Tooltip } from 'antd';
 import {
   printDiv,
   extractLastNumberOrderId,
@@ -186,7 +186,7 @@ import { getCombolist } from '../../../../../Features/ComboMaster/ComboMaster.js
 import SMSShare from '../../../../WhatsAppShare/SmsShare.jsx';
 import WhatsAppShare from '../../../../WhatsAppShare/whatsAppShare.jsx';
 import { MdSms } from 'react-icons/md';
-import { FaWhatsapp, FaPrint } from 'react-icons/fa';
+import { FaWhatsapp, FaPrint, FaCartPlus } from 'react-icons/fa';
 import BSTipAmount from '../../UtillComponents/BSTipAmount.jsx';
 import { ApplicationPreferences } from '../../../../../Features/BrachLogin/BranchLogin.js';
 import { PostOtherServices } from '../../../../../Features/OtherServices/OtherServices.js';
@@ -210,6 +210,7 @@ import UpiPopover from '../StandardTable/Utils/UpiPopOver.jsx';
 import PaymentGatewayEmbedded from '../../UtillComponents/PaymentGatewayEmbedded.jsx';
 import MobileMultiPdfPrintTrigger from '../../UtillComponents/MobileMultiPdfPrintTrigger.jsx';
 import { useDateStore } from '../../../../../Features/BookingScreen/BookingData/DateStore.js';
+import CustomerOrders from '../../BookingFunctionality/CustomerOrders.jsx';
 
 const subDirectory = import.meta.env.ENV_BASE_URL;
 const MainHomeUrl = import.meta.env.ENV_MAIN_BASE_URL;
@@ -898,7 +899,7 @@ const BSBillingTable3Pay = () => {
 
     const selectedStyle =
       stylesMap[
-        printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
+      printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
       ];
 
     if (selectedStyle) {
@@ -2112,15 +2113,15 @@ const BSBillingTable3Pay = () => {
       OrderStatus: 'O',
       OrderType:
         BookingType === 'Dine In' ||
-        BookingTypeBoth ||
-        Estimation?.SettingValue == 'N'
+          BookingTypeBoth ||
+          Estimation?.SettingValue == 'N'
           ? 'S'
           : GlobEstBooking === 'OvrAllEst'
             ? 'E'
             : GlobEstBooking === 'ParEst'
               ? GlobProdwisedata?.includes(
-                  a.InwardDtlId + ' ' + a?.BookingTypeName
-                )
+                a.InwardDtlId + ' ' + a?.BookingTypeName
+              )
                 ? 'E'
                 : 'S'
               : 'S',
@@ -2212,7 +2213,7 @@ const BSBillingTable3Pay = () => {
           : Paybtnnameselected?.toLowerCase() === 'credit'
             ? 'S'
             : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? 'S'
               : 'P',
       OrderDtlDetails:
@@ -2229,9 +2230,9 @@ const BSBillingTable3Pay = () => {
           ? globalTipAmount === 0
             ? SelectedTableDetails
             : SelectedTableDetails?.map((item) => ({
-                ...item,
-                TipsAmount: globalTipAmount,
-              }))
+              ...item,
+              TipsAmount: globalTipAmount,
+            }))
           : null,
       SalesPaymentType: 'normal',
       PaymentDetail: [
@@ -2244,8 +2245,8 @@ const BSBillingTable3Pay = () => {
                   ? PaymentgatewayUPI?.[0]?.ModeId
                   : SelectedUPIPayOption?.toLowerCase() === 'business'
                     ? BusinessPayOption?.find(
-                        (busupi) => busupi?.ModeId === UpiId
-                      )?.ModeId
+                      (busupi) => busupi?.ModeId === UpiId
+                    )?.ModeId
                     : paybtnselected
               : paybtnselected
                 ? paybtnselected
@@ -2253,9 +2254,9 @@ const BSBillingTable3Pay = () => {
           Amount: Math.round(TotalAmount),
           MerchantId:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'business'
+              SelectedUPIPayOption?.toLowerCase() === 'business'
               ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                  ?.MerchantId
+                ?.MerchantId
               : null,
           PaymentOptionType:
             Paybtnnameselected?.toLowerCase() === 'cash'
@@ -2274,26 +2275,26 @@ const BSBillingTable3Pay = () => {
           ModeOfPayment:
             SelectedUPIPayOption?.toLowerCase() === 'default'
               ? PaymentUpiOptions?.find((upipay) => upipay?.UPIId === UpiId)
-                  ?.UPIDetailId
+                ?.UPIDetailId
               : SelectedUPIPayOption?.toLowerCase() === 'business'
                 ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                    ?.MerchantUPIId
+                  ?.MerchantUPIId
                 : null,
           AccountDtl:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? useOptions?.[0]?.PaymentDetails?.Payatthecounter?.find(
-                  (upipay) => upipay?.UPIId === UpiId
-                )
+                (upipay) => upipay?.UPIId === UpiId
+              )
               : (Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'pd') ||
-                  (Paybtnnameselected?.toLowerCase() === 'card' &&
-                    SelectedCardOption?.toLowerCase() === 'pd')
+                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')
+                  SelectedUPIPayOption?.toLowerCase() === 'pg') ||
+                  (Paybtnnameselected?.toLowerCase() === 'card' &&
+                    SelectedCardOption?.toLowerCase() === 'pg')
                   ? useOptions?.[0]?.PaymentDetails?.PaymentGateway
                   : [],
           PaymentStatus:
@@ -2302,7 +2303,7 @@ const BSBillingTable3Pay = () => {
               : Paybtnnameselected?.toLowerCase() === 'credit'
                 ? 'S'
                 : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'default'
+                  SelectedUPIPayOption?.toLowerCase() === 'default'
                   ? 'S'
                   : 'P',
           Debit: 0,
@@ -2377,14 +2378,14 @@ const BSBillingTable3Pay = () => {
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         response?.data?.OrderDetails?.length > 0 &&
           setPrintOrderDetails([response?.data]);
@@ -2539,14 +2540,14 @@ const BSBillingTable3Pay = () => {
           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
+              ? response?.data?.OrderId &&
+              extractLastNumberOrderId(
+                response?.data?.OrderId,
+                response?.data?.OrderDetails?.[0]?.FYStatus
+              )
+              : '')
           );
           response?.data?.OrderDetails?.length > 0 &&
             setPrintOrderDetails([response?.data]);
@@ -2649,14 +2650,14 @@ const BSBillingTable3Pay = () => {
         }
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         if (response?.data?.OrderDetails?.length > 0) {
           setPrintOrderDetails([response?.data]);
@@ -2833,14 +2834,14 @@ const BSBillingTable3Pay = () => {
             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
+                ? bookingpaymentupdate?.data?.OrderId &&
+                extractLastNumberOrderId(
+                  bookingpaymentupdate?.data?.OrderId,
+                  bookingpaymentupdate?.data?.OrderDetail?.[0]?.FYStatus
+                )
+                : '')
             );
             bookingpaymentupdate?.data?.OrderDetails?.length > 0 &&
               setPrintOrderDetails([bookingpaymentupdate?.data]);
@@ -2859,7 +2860,7 @@ const BSBillingTable3Pay = () => {
         if (
           Date.now() - startTime >
           useOptions?.[0]?.PDConfigDetails?.[0]?.AutoCancelDurationInMinutes *
-            60000
+          60000
         ) {
           // 60,000 ms = 1 minute
 
@@ -3571,9 +3572,9 @@ const BSBillingTable3Pay = () => {
                                   OrderCardDetail?.length > 0 && 'not-allowed',
                                 color:
                                   OrderCardDetail?.length > 0 ||
-                                  (selOption?.value === undefined &&
-                                    GlobalAddCustomerDetails1?.length === 0 &&
-                                    GetCustId?.CustMobile === undefined)
+                                    (selOption?.value === undefined &&
+                                      GlobalAddCustomerDetails1?.length === 0 &&
+                                      GetCustId?.CustMobile === undefined)
                                     ? 'gray'
                                     : 'rgb(18, 146, 238)',
                                 fontSize: '28px',
@@ -3595,16 +3596,16 @@ const BSBillingTable3Pay = () => {
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 'none'
                       : 'auto',
                   opacity:
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 0.5
                       : 1,
                   width: '2rem',
@@ -3627,14 +3628,14 @@ const BSBillingTable3Pay = () => {
                         width: '1.5rem',
                         cursor:
                           OrderCardDetail?.length === 0 ||
-                          CheckBookingStatus == 'Close' ||
-                          addnewAccess
+                            CheckBookingStatus == 'Close' ||
+                            addnewAccess
                             ? 'not-allowed'
                             : 'pointer',
                         color:
                           OrderCardDetail?.length === 0 ||
-                          CheckBookingStatus == 'Close' ||
-                          addnewAccess
+                            CheckBookingStatus == 'Close' ||
+                            addnewAccess
                             ? 'gray'
                             : 'rgb(18, 146, 238)',
                         display: 'flex',
@@ -3648,7 +3649,41 @@ const BSBillingTable3Pay = () => {
                 )}
               </div>
             )}
+            {/* Customer Orders */}
+            {GetCustId && (
 
+              <Tooltip title="Customer Orders" isMobile={isMobile}>
+                {' '}
+                <div
+                  className="BSBillingNav-icon-table-icon"
+                  onClick={() => {
+                    if (
+                      CheckBookingStatus !== 'Close' &&
+                      !addnewAccess &&
+                      !(OrderCardDetail?.length > 0)
+                    ) {
+                      setCustomerPreviesOrders(true);
+                    }
+                  }}
+                  style={{
+                    cursor: OrderCardDetail?.length > 0 && 'not-allowed',
+                    color:
+                      OrderCardDetail?.length > 0 ||
+                        (OrderCardDetail?.length > 0 &&
+                          GetCustId?.CustMobile === undefined)
+                        ? 'gray'
+                        : 'rgb(18, 146, 238)',
+                    fontSize: '25px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    height: '2.46rem',
+                    width: '1.5rem',
+                  }}
+                >
+                  <FaCartPlus />
+                </div>
+              </Tooltip>
+            )}
             {tabledata?.length > 0 && (
               <>
                 {tableOptions
@@ -3722,65 +3757,65 @@ const BSBillingTable3Pay = () => {
                   <>
                     {unpaidFlow == false
                       ? item?.OptionName == 'Hold' &&
-                        BookingType !== 'Dine In' &&
-                        !BookingTypeBoth &&
-                        OrderCardDetail?.length != 0 &&
-                        CheckOrderType?.length === 0 &&
-                        OrderType != 'Failed' &&
-                        CheckBookingStatus != 'Close' &&
-                        paybtns?.length > 0 &&
-                        !addnewAccess && (
-                          <TooltipWrapper
-                            title={'Hold (Alt+W)'}
-                            isMobile={isMobile}
-                          >
-                            {' '}
-                            <PozoHoldIcon
-                              className="BSBillingNav-icon-table-icon"
-                              onClick={() => AddBookingDetails('Hold', false)}
-                              style={{
-                                fontSize: '30px',
-                                cursor: 'pointer',
-                                color: '' ? '#52c41a' : '#1292EE',
-                              }}
-                            />
-                          </TooltipWrapper>
-                        )
+                      BookingType !== 'Dine In' &&
+                      !BookingTypeBoth &&
+                      OrderCardDetail?.length != 0 &&
+                      CheckOrderType?.length === 0 &&
+                      OrderType != 'Failed' &&
+                      CheckBookingStatus != 'Close' &&
+                      paybtns?.length > 0 &&
+                      !addnewAccess && (
+                        <TooltipWrapper
+                          title={'Hold (Alt+W)'}
+                          isMobile={isMobile}
+                        >
+                          {' '}
+                          <PozoHoldIcon
+                            className="BSBillingNav-icon-table-icon"
+                            onClick={() => AddBookingDetails('Hold', false)}
+                            style={{
+                              fontSize: '30px',
+                              cursor: 'pointer',
+                              color: '' ? '#52c41a' : '#1292EE',
+                            }}
+                          />
+                        </TooltipWrapper>
+                      )
                       : ''}
                     {unpaidFlow == false
                       ? item?.OptionName == 'Hold' &&
-                        paybtns?.length > 0 &&
-                        BookingType !== 'Dine In' &&
-                        !BookingTypeBoth &&
-                        Holddata?.length > 0 &&
-                        paybtns?.length > 0 &&
-                        OrderCardDetail?.length == 0 &&
-                        CheckBookingStatus != 'Close' &&
-                        !addnewAccess && (
-                          <TooltipWrapper
-                            title={'Recall (Alt+W)'}
-                            isMobile={isMobile}
+                      paybtns?.length > 0 &&
+                      BookingType !== 'Dine In' &&
+                      !BookingTypeBoth &&
+                      Holddata?.length > 0 &&
+                      paybtns?.length > 0 &&
+                      OrderCardDetail?.length == 0 &&
+                      CheckBookingStatus != 'Close' &&
+                      !addnewAccess && (
+                        <TooltipWrapper
+                          title={'Recall (Alt+W)'}
+                          isMobile={isMobile}
+                        >
+                          {' '}
+                          <Badge
+                            count={Holddata?.length}
+                            size={'small'}
+                            offset={[0, 7]}
                           >
-                            {' '}
-                            <Badge
-                              count={Holddata?.length}
-                              size={'small'}
-                              offset={[0, 7]}
-                            >
-                              <PozoHoldIcon
-                                className="BSBillingNav-icon-table-icon"
-                                onClick={() => HandleholdModelOpen()}
-                                style={{
-                                  fontSize: '28px',
-                                  cursor: 'pointer',
-                                  color: Holddata ? '#52c41a' : 'default',
-                                  pointerEvents:
-                                    OrderType === 'Failed' ? 'none' : 'auto',
-                                }}
-                              />
-                            </Badge>
-                          </TooltipWrapper>
-                        )
+                            <PozoHoldIcon
+                              className="BSBillingNav-icon-table-icon"
+                              onClick={() => HandleholdModelOpen()}
+                              style={{
+                                fontSize: '28px',
+                                cursor: 'pointer',
+                                color: Holddata ? '#52c41a' : 'default',
+                                pointerEvents:
+                                  OrderType === 'Failed' ? 'none' : 'auto',
+                              }}
+                            />
+                          </Badge>
+                        </TooltipWrapper>
+                      )
                       : ''}
                   </>
                 ))}
@@ -3826,14 +3861,14 @@ const BSBillingTable3Pay = () => {
                     width: '1.5rem',
                     cursor:
                       OrderCardDetail?.length === 0 ||
-                      CheckBookingStatus == 'Close' ||
-                      addnewAccess
+                        CheckBookingStatus == 'Close' ||
+                        addnewAccess
                         ? 'not-allowed'
                         : 'pointer',
                     color:
                       OrderCardDetail?.length === 0 ||
-                      CheckBookingStatus == 'Close' ||
-                      addnewAccess
+                        CheckBookingStatus == 'Close' ||
+                        addnewAccess
                         ? 'gray'
                         : 'rgb(18, 146, 238)',
                     display: 'flex',
@@ -3903,16 +3938,16 @@ const BSBillingTable3Pay = () => {
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 'none'
                       : 'auto',
                   opacity:
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 0.5
                       : 1,
                 }}
@@ -3923,10 +3958,10 @@ const BSBillingTable3Pay = () => {
                       <button
                         className={
                           paybtnselected === payment.ModeId &&
-                          (UpinotSelected || CardoptionnotSelected)
+                            (UpinotSelected || CardoptionnotSelected)
                             ? 'Btn-payment-mode-notupisel'
                             : paybtnselected === payment.ModeId &&
-                                (!UpinotSelected || !CardoptionnotSelected)
+                              (!UpinotSelected || !CardoptionnotSelected)
                               ? 'Btn-payment-mode'
                               : 'Btn-payment-mode-sel'
                         }
@@ -3940,13 +3975,13 @@ const BSBillingTable3Pay = () => {
                         onClick={() =>
                           payment?.ModeName?.toLowerCase() === 'upi' // Change the condition to payment.Id
                             ? handleUPIButtonClick(
-                                payment.ModeId,
-                                payment.ModeName
-                              )
+                              payment.ModeId,
+                              payment.ModeName
+                            )
                             : handlePaymentMode(
-                                payment.ModeId,
-                                payment.ModeName
-                              )
+                              payment.ModeId,
+                              payment.ModeName
+                            )
                         }
                       >
                         {/* {UpiOption === "" && payment?.ModeName?.toLowerCase() === "upi" && <p> UPI</p>} */}
@@ -4236,9 +4271,9 @@ const BSBillingTable3Pay = () => {
                 addnewAccess
                   ? 'BSBillingTable3-paybtn-deactive'
                   : FirstPaymentclick === false &&
-                      OrderCardDetail?.length > 0 &&
-                      paybtnselected &&
-                      CheckBookingStatus != 'Close'
+                    OrderCardDetail?.length > 0 &&
+                    paybtnselected &&
+                    CheckBookingStatus != 'Close'
                     ? !OrderStatus
                       ? 'BSBillingTable3-paybtn'
                       : 'BSBillingTable3-paybtn Order'
@@ -4253,7 +4288,7 @@ const BSBillingTable3Pay = () => {
                 // financialYearError:
                 handleButtonClick
               }
-              //dhana
+            //dhana
             >
               {!OrderStatus ? (
                 <>
@@ -4546,9 +4581,9 @@ const BSBillingTable3Pay = () => {
 
               const qty = isGroup
                 ? OrderCardDetail.filter((o) => o.id === groupKey).reduce(
-                    (sum, o) => sum + (o.OrderQty || 1),
-                    0
-                  )
+                  (sum, o) => sum + (o.OrderQty || 1),
+                  0
+                )
                 : item.OrderQty || 1;
 
               return (
@@ -4663,6 +4698,23 @@ const BSBillingTable3Pay = () => {
           Do you want to cancel the payment?
         </Modal>
       )}
+      {customerPreviesOrders && (
+        <DefaultModal
+          open={customerPreviesOrders}
+          handleCancel={() => setCustomerPreviesOrders(false)}
+          footer={false}
+          width={700}
+          className={'ModalPaymentGatewayEmbedded'}
+          children={
+            <>
+              <CustomerOrders
+                CustomerDetails={selOption}
+                close={() => setCustomerPreviesOrders(false)}
+              />
+            </>
+          }
+        />
+      )}
     </>
   );
 };
diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBilling4Payment.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBilling4Payment.jsx
index d79ff35..b6d962c 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBilling4Payment.jsx
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBilling4Payment.jsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState, useRef } from 'react';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
 import moment from 'moment';
-import { Badge, Modal, Popover } from 'antd';
+import { Badge, Modal, Popover, Tooltip } from 'antd';
 import { BiRightArrowAlt } from 'react-icons/bi';
 import { AiOutlineClose } from 'react-icons/ai';
 import BSSummery from '../BSBillingTableSummery/BSSummery';
@@ -190,7 +190,7 @@ import { getCombolist } from '../../../../../Features/ComboMaster/ComboMaster.js
 import WhatsAppShare from '../../../../WhatsAppShare/whatsAppShare.jsx';
 import SMSShare from '../../../../WhatsAppShare/SmsShare.jsx';
 import { MdSms } from 'react-icons/md';
-import { FaWhatsapp, FaPrint } from 'react-icons/fa';
+import { FaWhatsapp, FaPrint, FaCartPlus } from 'react-icons/fa';
 import BSTipAmount from '../../UtillComponents/BSTipAmount.jsx';
 import { ApplicationPreferences } from '../../../../../Features/BrachLogin/BranchLogin.js';
 import { PostOtherServices } from '../../../../../Features/OtherServices/OtherServices.js';
@@ -215,6 +215,7 @@ import CardPopover from '../StandardTable/Utils/CardPopover.jsx';
 import PaymentGatewayEmbedded from '../../UtillComponents/PaymentGatewayEmbedded.jsx';
 import pozologoimg from '../../../../../Images/pozologoimg.png';
 import MobileMultiPdfPrintTrigger from '../../UtillComponents/MobileMultiPdfPrintTrigger.jsx';
+import CustomerOrders from '../../BookingFunctionality/CustomerOrders.jsx';
 
 const subDirectory = import.meta.env.ENV_BASE_URL;
 const MainHomeUrl = import.meta.env.ENV_MAIN_BASE_URL;
@@ -319,6 +320,7 @@ const BSBilling4Payment = () => {
   const [paymentModeDisplay, setPaymentModeDisplay] = useState(true);
   const [messageType, setMessageType] = useState(null);
   const [messageData, setMessageData] = useState(null);
+  const [customerPreviesOrders, setCustomerPreviesOrders] = useState(false);
   const SessionData = useSelector(StoredSessionData);
   const AppId = SessionData?.AppId;
   const CompId = SessionData?.CompId;
@@ -773,7 +775,7 @@ const BSBilling4Payment = () => {
 
     const selectedStyle =
       stylesMap[
-        printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
+      printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
       ];
     console.log(selectedStyle, style, 'style');
     if (selectedStyle) {
@@ -1996,15 +1998,15 @@ const BSBilling4Payment = () => {
       OrderStatus: 'O',
       OrderType:
         BookingType === 'Dine In' ||
-        BookingTypeBoth ||
-        Estimation?.SettingValue == 'N'
+          BookingTypeBoth ||
+          Estimation?.SettingValue == 'N'
           ? 'S'
           : GlobEstBooking === 'OvrAllEst'
             ? 'E'
             : GlobEstBooking === 'ParEst'
               ? GlobProdwisedata?.includes(
-                  a.InwardDtlId + ' ' + a?.BookingTypeName
-                )
+                a.InwardDtlId + ' ' + a?.BookingTypeName
+              )
                 ? 'E'
                 : 'S'
               : 'S',
@@ -2097,7 +2099,7 @@ const BSBilling4Payment = () => {
           : Paybtnnameselected?.toLowerCase() === 'credit'
             ? 'S'
             : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? 'S'
               : 'P',
       OrderDtlDetails:
@@ -2114,9 +2116,9 @@ const BSBilling4Payment = () => {
           ? globalTipAmount === 0
             ? SelectedTableDetails
             : SelectedTableDetails?.map((item) => ({
-                ...item,
-                TipsAmount: globalTipAmount,
-              }))
+              ...item,
+              TipsAmount: globalTipAmount,
+            }))
           : null,
       SalesPaymentType: 'normal',
       PaymentDetail: [
@@ -2129,8 +2131,8 @@ const BSBilling4Payment = () => {
                   ? PaymentgatewayUPI?.[0]?.ModeId
                   : SelectedUPIPayOption?.toLowerCase() === 'business'
                     ? BusinessPayOption?.find(
-                        (busupi) => busupi?.ModeId === UpiId
-                      )?.ModeId
+                      (busupi) => busupi?.ModeId === UpiId
+                    )?.ModeId
                     : paybtnselected
               : paybtnselected
                 ? paybtnselected
@@ -2138,9 +2140,9 @@ const BSBilling4Payment = () => {
           Amount: Math.round(TotalAmount),
           MerchantId:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'business'
+              SelectedUPIPayOption?.toLowerCase() === 'business'
               ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                  ?.MerchantId
+                ?.MerchantId
               : null,
           PaymentOptionType:
             Paybtnnameselected?.toLowerCase() === 'cash'
@@ -2159,26 +2161,26 @@ const BSBilling4Payment = () => {
           ModeOfPayment:
             SelectedUPIPayOption?.toLowerCase() === 'default'
               ? PaymentUpiOptions?.find((upipay) => upipay?.UPIId === UpiId)
-                  ?.UPIDetailId
+                ?.UPIDetailId
               : SelectedUPIPayOption?.toLowerCase() === 'business'
                 ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                    ?.MerchantUPIId
+                  ?.MerchantUPIId
                 : null,
           AccountDtl:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? useOptions?.[0]?.PaymentDetails?.Payatthecounter?.find(
-                  (upipay) => upipay?.UPIId === UpiId
-                )
+                (upipay) => upipay?.UPIId === UpiId
+              )
               : (Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'pd') ||
-                  (Paybtnnameselected?.toLowerCase() === 'card' &&
-                    SelectedCardOption?.toLowerCase() === 'pd')
+                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')
+                  SelectedUPIPayOption?.toLowerCase() === 'pg') ||
+                  (Paybtnnameselected?.toLowerCase() === 'card' &&
+                    SelectedCardOption?.toLowerCase() === 'pg')
                   ? useOptions?.[0]?.PaymentDetails?.PaymentGateway
                   : [],
           PaymentStatus:
@@ -2187,7 +2189,7 @@ const BSBilling4Payment = () => {
               : Paybtnnameselected?.toLowerCase() === 'credit'
                 ? 'S'
                 : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'default'
+                  SelectedUPIPayOption?.toLowerCase() === 'default'
                   ? 'S'
                   : 'P',
           Debit: 0,
@@ -2262,14 +2264,14 @@ const BSBilling4Payment = () => {
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         response?.data?.OrderDetails?.length > 0 &&
           setPrintOrderDetails([response?.data]);
@@ -2425,14 +2427,14 @@ const BSBilling4Payment = () => {
           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
+              ? response?.data?.OrderId &&
+              extractLastNumberOrderId(
+                response?.data?.OrderId,
+                response?.data?.OrderDetails?.[0]?.FYStatus
+              )
+              : '')
           );
           response?.data?.OrderDetails?.length > 0 &&
             setPrintOrderDetails([response?.data]);
@@ -2539,14 +2541,14 @@ const BSBilling4Payment = () => {
         }
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         if (response?.data?.OrderDetails?.length > 0) {
           setPrintOrderDetails([response?.data]);
@@ -2722,14 +2724,14 @@ const BSBilling4Payment = () => {
             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
+                ? bookingpaymentupdate?.data?.OrderId &&
+                extractLastNumberOrderId(
+                  bookingpaymentupdate?.data?.OrderId,
+                  bookingpaymentupdate?.data?.OrderDetail?.[0]?.FYStatus
+                )
+                : '')
             );
             bookingpaymentupdate?.data?.OrderDetails?.length > 0 &&
               setPrintOrderDetails([bookingpaymentupdate?.data]);
@@ -2748,7 +2750,7 @@ const BSBilling4Payment = () => {
         if (
           Date.now() - startTime >
           useOptions?.[0]?.PDConfigDetails?.[0]?.AutoCancelDurationInMinutes *
-            60000
+          60000
         ) {
           // 60,000 ms = 1 minute
 
@@ -2985,9 +2987,9 @@ const BSBilling4Payment = () => {
       AppId: AppId,
       ...(AvailableDate && selectedDate
         ? {
-            fromDate: selectedDate?.[0],
-            toDate: selectedDate?.[1],
-          }
+          fromDate: selectedDate?.[0],
+          toDate: selectedDate?.[1],
+        }
         : {}),
     };
     await dispatch(getSelectedFavItems(data)).unwrap();
@@ -2999,9 +3001,9 @@ const BSBilling4Payment = () => {
       ProdSubCat: ProdSubCat,
       ...(AvailableDate && selectedDate
         ? {
-            fromDate: selectedDate?.[0],
-            toDate: selectedDate?.[1],
-          }
+          fromDate: selectedDate?.[0],
+          toDate: selectedDate?.[1],
+        }
         : {}),
     };
 
@@ -3012,9 +3014,9 @@ const BSBilling4Payment = () => {
       prodCat: prodCat,
       ...(AvailableDate && selectedDate
         ? {
-            fromDate: selectedDate?.[0],
-            toDate: selectedDate?.[1],
-          }
+          fromDate: selectedDate?.[0],
+          toDate: selectedDate?.[1],
+        }
         : {}),
     };
 
@@ -3629,9 +3631,9 @@ const BSBilling4Payment = () => {
                                   OrderCardDetail?.length > 0 && 'not-allowed',
                                 color:
                                   OrderCardDetail?.length > 0 ||
-                                  (selOption?.value === undefined &&
-                                    GlobalAddCustomerDetails1?.length === 0 &&
-                                    GetCustId?.CustMobile === undefined)
+                                    (selOption?.value === undefined &&
+                                      GlobalAddCustomerDetails1?.length === 0 &&
+                                      GetCustId?.CustMobile === undefined)
                                     ? 'gray'
                                     : 'rgb(18, 146, 238)',
                                 fontSize: '28px',
@@ -3652,16 +3654,16 @@ const BSBilling4Payment = () => {
                       (BookingType === 'Dine In' ||
                         BookingTypeBoth ||
                         CheckOrderType?.length > 0) &&
-                      !unpaidFlow &&
-                      OrderStatus
+                        !unpaidFlow &&
+                        OrderStatus
                         ? 'none'
                         : 'auto',
                     opacity:
                       (BookingType === 'Dine In' ||
                         BookingTypeBoth ||
                         CheckOrderType?.length > 0) &&
-                      !unpaidFlow &&
-                      OrderStatus
+                        !unpaidFlow &&
+                        OrderStatus
                         ? 0.5
                         : 1,
                     width: '2rem',
@@ -3682,14 +3684,14 @@ const BSBilling4Payment = () => {
                           width: '1.5rem',
                           cursor:
                             OrderCardDetail?.length === 0 ||
-                            CheckBookingStatus == 'Close' ||
-                            addnewAccess
+                              CheckBookingStatus == 'Close' ||
+                              addnewAccess
                               ? 'not-allowed'
                               : 'pointer',
                           color:
                             OrderCardDetail?.length === 0 ||
-                            CheckBookingStatus == 'Close' ||
-                            addnewAccess
+                              CheckBookingStatus == 'Close' ||
+                              addnewAccess
                               ? 'gray'
                               : 'rgb(18, 146, 238)',
                           display: 'flex',
@@ -3701,6 +3703,40 @@ const BSBilling4Payment = () => {
                       </div>
                     </TooltipWrapper>
                   )}
+                  {/* Customer Orders */}
+                  {GetCustId && (
+                    <Tooltip title="Customer Orders" isMobile={isMobile}>
+                      {' '}
+                      <div
+                        className="BSBillingNav-icon-table-icon"
+                        onClick={() => {
+                          if (
+                            CheckBookingStatus !== 'Close' &&
+                            !addnewAccess &&
+                            !(OrderCardDetail?.length > 0)
+                          ) {
+                            setCustomerPreviesOrders(true);
+                          }
+                        }}
+                        style={{
+                          cursor: OrderCardDetail?.length > 0 && 'not-allowed',
+                          color:
+                            OrderCardDetail?.length > 0 ||
+                              (OrderCardDetail?.length > 0 &&
+                                GetCustId?.CustMobile === undefined)
+                              ? 'gray'
+                              : 'rgb(18, 146, 238)',
+                          fontSize: '25px',
+                          display: 'flex',
+                          alignItems: 'center',
+                          height: '2.46rem',
+                          width: '1.5rem',
+                        }}
+                      >
+                        <FaCartPlus />
+                      </div>
+                    </Tooltip>
+                  )}
                   {OtherServicesglobal && OrderCardDetail.length >= 1 && (
                     <TooltipWrapper title="Vehicle Number" isMobile={isMobile}>
                       {' '}
@@ -3715,14 +3751,14 @@ const BSBilling4Payment = () => {
                           width: '1.5rem',
                           cursor:
                             OrderCardDetail?.length === 0 ||
-                            CheckBookingStatus == 'Close' ||
-                            addnewAccess
+                              CheckBookingStatus == 'Close' ||
+                              addnewAccess
                               ? 'not-allowed'
                               : 'pointer',
                           color:
                             OrderCardDetail?.length === 0 ||
-                            CheckBookingStatus == 'Close' ||
-                            addnewAccess
+                              CheckBookingStatus == 'Close' ||
+                              addnewAccess
                               ? 'gray'
                               : 'rgb(18, 146, 238)',
                           display: 'flex',
@@ -3804,61 +3840,61 @@ const BSBilling4Payment = () => {
                     <>
                       {unpaidFlow == false
                         ? item?.OptionName == 'Hold' &&
-                          BookingType !== 'Dine In' &&
-                          !BookingTypeBoth &&
-                          OrderCardDetail?.length != 0 &&
-                          CheckOrderType?.length === 0 &&
-                          OrderType != 'Failed' &&
-                          paybtns?.length > 0 &&
-                          CheckBookingStatus != 'Close' &&
-                          !addnewAccess && (
-                            <TooltipWrapper title={'Hold'} isMobile={isMobile}>
-                              {' '}
-                              <PozoHoldIcon
-                                className="BSBillingNav-icon-table-icon"
-                                onClick={() => AddBookingDetails('Hold')}
-                                style={{
-                                  fontSize: '30px',
-                                  cursor: 'pointer',
-                                  color: '' ? '#52c41a' : '#1292EE',
-                                }}
-                              />
-                            </TooltipWrapper>
-                          )
+                        BookingType !== 'Dine In' &&
+                        !BookingTypeBoth &&
+                        OrderCardDetail?.length != 0 &&
+                        CheckOrderType?.length === 0 &&
+                        OrderType != 'Failed' &&
+                        paybtns?.length > 0 &&
+                        CheckBookingStatus != 'Close' &&
+                        !addnewAccess && (
+                          <TooltipWrapper title={'Hold'} isMobile={isMobile}>
+                            {' '}
+                            <PozoHoldIcon
+                              className="BSBillingNav-icon-table-icon"
+                              onClick={() => AddBookingDetails('Hold')}
+                              style={{
+                                fontSize: '30px',
+                                cursor: 'pointer',
+                                color: '' ? '#52c41a' : '#1292EE',
+                              }}
+                            />
+                          </TooltipWrapper>
+                        )
                         : ''}
                       {unpaidFlow == false
                         ? item?.OptionName == 'Hold' &&
-                          BookingType !== 'Dine In' &&
-                          !BookingTypeBoth &&
-                          Holddata?.length > 0 &&
-                          OrderCardDetail?.length == 0 &&
-                          paybtns?.length > 0 &&
-                          CheckBookingStatus != 'Close' &&
-                          !addnewAccess && (
-                            <TooltipWrapper
-                              title={'Recall'}
-                              isMobile={isMobile}
+                        BookingType !== 'Dine In' &&
+                        !BookingTypeBoth &&
+                        Holddata?.length > 0 &&
+                        OrderCardDetail?.length == 0 &&
+                        paybtns?.length > 0 &&
+                        CheckBookingStatus != 'Close' &&
+                        !addnewAccess && (
+                          <TooltipWrapper
+                            title={'Recall'}
+                            isMobile={isMobile}
+                          >
+                            {' '}
+                            <Badge
+                              count={Holddata?.length}
+                              size={'small'}
+                              offset={[0, 7]}
                             >
-                              {' '}
-                              <Badge
-                                count={Holddata?.length}
-                                size={'small'}
-                                offset={[0, 7]}
-                              >
-                                <PozoHoldIcon
-                                  className="BSBillingNav-icon-table-icon"
-                                  onClick={() => HandleholdModelOpen()}
-                                  style={{
-                                    fontSize: '28px',
-                                    cursor: 'pointer',
-                                    color: Holddata ? '#52c41a' : 'default',
-                                    pointerEvents:
-                                      OrderType === 'Failed' ? 'none' : 'auto',
-                                  }}
-                                />
-                              </Badge>
-                            </TooltipWrapper>
-                          )
+                              <PozoHoldIcon
+                                className="BSBillingNav-icon-table-icon"
+                                onClick={() => HandleholdModelOpen()}
+                                style={{
+                                  fontSize: '28px',
+                                  cursor: 'pointer',
+                                  color: Holddata ? '#52c41a' : 'default',
+                                  pointerEvents:
+                                    OrderType === 'Failed' ? 'none' : 'auto',
+                                }}
+                              />
+                            </Badge>
+                          </TooltipWrapper>
+                        )
                         : ''}
                     </>
                   ))}
@@ -3884,16 +3920,16 @@ const BSBilling4Payment = () => {
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 'none'
                       : 'auto',
                   opacity:
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 0.5
                       : 1,
                 }}
@@ -3904,10 +3940,10 @@ const BSBilling4Payment = () => {
                       <button
                         className={
                           paybtnselected === payment.ModeId &&
-                          (UpinotSelected || CardoptionnotSelected)
+                            (UpinotSelected || CardoptionnotSelected)
                             ? 'Btn-payment-mode-notupisel'
                             : paybtnselected === payment.ModeId &&
-                                (!UpinotSelected || !CardoptionnotSelected)
+                              (!UpinotSelected || !CardoptionnotSelected)
                               ? 'Btn-payment-mode'
                               : 'Btn-payment-mode-sel'
                         }
@@ -3921,13 +3957,13 @@ const BSBilling4Payment = () => {
                         onClick={() =>
                           payment?.ModeName?.toLowerCase() === 'upi' // Change the condition to payment.Id
                             ? handleUPIButtonClick(
-                                payment.ModeId,
-                                payment.ModeName
-                              )
+                              payment.ModeId,
+                              payment.ModeName
+                            )
                             : handlePaymentMode(
-                                payment.ModeId,
-                                payment.ModeName
-                              )
+                              payment.ModeId,
+                              payment.ModeName
+                            )
                         }
                       >
                         {/* {UpiOption === "" && payment?.ModeName?.toLowerCase() === "upi" && <p> UPI</p>} */}
@@ -4210,9 +4246,9 @@ const BSBilling4Payment = () => {
                       addnewAccess
                         ? 'Table4-Btn-final-price-disabled'
                         : FirstPaymentclick === false &&
-                            OrderCardDetail?.length > 0 &&
-                            paybtnselected &&
-                            CheckBookingStatus != 'Close'
+                          OrderCardDetail?.length > 0 &&
+                          paybtnselected &&
+                          CheckBookingStatus != 'Close'
                           ? !OrderStatus
                             ? 'Table4-Btn-final-price'
                             : 'Table4-Btn-final-price order'
@@ -4232,7 +4268,7 @@ const BSBilling4Payment = () => {
                         <div
                           className="Table4-rate"
                           style={{ fontFamily: FontFamily['head'] }}
-                          // onClick={() => AddBookingDetails(BookingType, true)}
+                        // onClick={() => AddBookingDetails(BookingType, true)}
                         >
                           {isMobile ? (
                             `₹ ${Math.round(
@@ -4423,8 +4459,8 @@ const BSBilling4Payment = () => {
               columns={columns}
               data={TableData}
               dataSource={TableData}
-              // pagination={handlePageChange}
-              // onChange={handleChange}
+            // pagination={handlePageChange}
+            // onChange={handleChange}
             />
           </div>
         }
@@ -4529,9 +4565,9 @@ const BSBilling4Payment = () => {
 
               const qty = isGroup
                 ? OrderCardDetail.filter((o) => o.id === groupKey).reduce(
-                    (sum, o) => sum + (o.OrderQty || 1),
-                    0
-                  )
+                  (sum, o) => sum + (o.OrderQty || 1),
+                  0
+                )
                 : item.OrderQty || 1;
 
               return (
@@ -4646,6 +4682,23 @@ const BSBilling4Payment = () => {
           Do you want to cancel the payment?
         </Modal>
       )}
+      {customerPreviesOrders && (
+        <DefaultModal
+          open={customerPreviesOrders}
+          handleCancel={() => setCustomerPreviesOrders(false)}
+          footer={false}
+          width={700}
+          className={'ModalPaymentGatewayEmbedded'}
+          children={
+            <>
+              <CustomerOrders
+                CustomerDetails={selOption}
+                close={() => setCustomerPreviesOrders(false)}
+              />
+            </>
+          }
+        />
+      )}
     </div>
   );
 };
diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable5/BSBillingTable5.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable5/BSBillingTable5.jsx
index 0f2d3b5..afa9d03 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable5/BSBillingTable5.jsx
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable5/BSBillingTable5.jsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState, useRef } from 'react';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
 import moment from 'moment';
-import { Popover, Badge, Modal } from 'antd';
+import { Popover, Badge, Modal, Tooltip } from 'antd';
 import { useNavigate } from 'react-router-dom';
 import {
   UpOutlined,
@@ -188,7 +188,7 @@ import { getCombolist } from '../../../../../Features/ComboMaster/ComboMaster.js
 import WhatsAppShare from '../../../../WhatsAppShare/whatsAppShare.jsx';
 import SMSShare from '../../../../WhatsAppShare/SmsShare.jsx';
 import { MdSms } from 'react-icons/md';
-import { FaWhatsapp, FaPrint } from 'react-icons/fa';
+import { FaWhatsapp, FaPrint, FaCartPlus } from 'react-icons/fa';
 import BSTipAmount from '../../UtillComponents/BSTipAmount.jsx';
 import { ApplicationPreferences } from '../../../../../Features/BrachLogin/BranchLogin.js';
 import { PostOtherServices } from '../../../../../Features/OtherServices/OtherServices.js';
@@ -381,6 +381,7 @@ const BSBillingTable5 = () => {
   const defaultPaymentTrigger = useSelector(GlobalPaymentTrigger);
   const [defaultPaymentMode, setDefaultPaymentMode] = useState([]);
   const [defaultEnabled, setDefaultEnabled] = useState(false);
+  const [customerPreviesOrders, setCustomerPreviesOrders] = useState(false);
   // Usage
   const allowedNames = ['whatsapp', 'Print', 'SMS'];
   const [MobileNoWhatsApp, setMobileNoWhatsApp] = useState();
@@ -1055,7 +1056,7 @@ const BSBillingTable5 = () => {
 
     const selectedStyle =
       stylesMap[
-        printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
+      printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
       ];
 
     if (selectedStyle) {
@@ -2010,15 +2011,15 @@ const BSBillingTable5 = () => {
       OrderStatus: 'O',
       OrderType:
         BookingType === 'Dine In' ||
-        BookingTypeBoth ||
-        Estimation?.SettingValue == 'N'
+          BookingTypeBoth ||
+          Estimation?.SettingValue == 'N'
           ? 'S'
           : GlobEstBooking === 'OvrAllEst'
             ? 'E'
             : GlobEstBooking === 'ParEst'
               ? GlobProdwisedata?.includes(
-                  a.InwardDtlId + ' ' + a?.BookingTypeName
-                )
+                a.InwardDtlId + ' ' + a?.BookingTypeName
+              )
                 ? 'E'
                 : 'S'
               : 'S',
@@ -2109,7 +2110,7 @@ const BSBillingTable5 = () => {
           : Paybtnnameselected?.toLowerCase() === 'credit'
             ? 'S'
             : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? 'S'
               : 'P',
       OrderDtlDetails:
@@ -2126,9 +2127,9 @@ const BSBillingTable5 = () => {
           ? globalTipAmount === 0
             ? SelectedTableDetails
             : SelectedTableDetails?.map((item) => ({
-                ...item,
-                TipsAmount: globalTipAmount,
-              }))
+              ...item,
+              TipsAmount: globalTipAmount,
+            }))
           : null,
       SalesPaymentType: 'normal',
       PaymentDetail: [
@@ -2141,8 +2142,8 @@ const BSBillingTable5 = () => {
                   ? PaymentgatewayUPI?.[0]?.ModeId
                   : SelectedUPIPayOption?.toLowerCase() === 'business'
                     ? BusinessPayOption?.find(
-                        (busupi) => busupi?.ModeId === UpiId
-                      )?.ModeId
+                      (busupi) => busupi?.ModeId === UpiId
+                    )?.ModeId
                     : paybtnselected
               : paybtnselected
                 ? paybtnselected
@@ -2150,9 +2151,9 @@ const BSBillingTable5 = () => {
           Amount: Math.round(TotalAmount),
           MerchantId:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'business'
+              SelectedUPIPayOption?.toLowerCase() === 'business'
               ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                  ?.MerchantId
+                ?.MerchantId
               : null,
           PaymentOptionType:
             Paybtnnameselected?.toLowerCase() === 'cash'
@@ -2171,26 +2172,26 @@ const BSBillingTable5 = () => {
           ModeOfPayment:
             SelectedUPIPayOption?.toLowerCase() === 'default'
               ? PaymentUpiOptions?.find((upipay) => upipay?.UPIId === UpiId)
-                  ?.UPIDetailId
+                ?.UPIDetailId
               : SelectedUPIPayOption?.toLowerCase() === 'business'
                 ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                    ?.MerchantUPIId
+                  ?.MerchantUPIId
                 : null,
           AccountDtl:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? useOptions?.[0]?.PaymentDetails?.Payatthecounter?.find(
-                  (upipay) => upipay?.UPIId === UpiId
-                )
+                (upipay) => upipay?.UPIId === UpiId
+              )
               : (Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'pd') ||
-                  (Paybtnnameselected?.toLowerCase() === 'card' &&
-                    SelectedCardOption?.toLowerCase() === 'pd')
+                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')
+                  SelectedUPIPayOption?.toLowerCase() === 'pg') ||
+                  (Paybtnnameselected?.toLowerCase() === 'card' &&
+                    SelectedCardOption?.toLowerCase() === 'pg')
                   ? useOptions?.[0]?.PaymentDetails?.PaymentGateway
                   : [],
           PaymentStatus:
@@ -2199,7 +2200,7 @@ const BSBillingTable5 = () => {
               : Paybtnnameselected?.toLowerCase() === 'credit'
                 ? 'S'
                 : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'default'
+                  SelectedUPIPayOption?.toLowerCase() === 'default'
                   ? 'S'
                   : 'P',
           Debit: 0,
@@ -2271,14 +2272,14 @@ const BSBillingTable5 = () => {
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         response?.data?.OrderDetails?.length > 0 &&
           setPrintOrderDetails([response?.data]);
@@ -2432,14 +2433,14 @@ const BSBillingTable5 = () => {
           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
+              ? response?.data?.OrderId &&
+              extractLastNumberOrderId(
+                response?.data?.OrderId,
+                response?.data?.OrderDetails?.[0]?.FYStatus
+              )
+              : '')
           );
           response?.data?.OrderDetails?.length > 0 &&
             setPrintOrderDetails([response?.data]);
@@ -2546,14 +2547,14 @@ const BSBillingTable5 = () => {
         }
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         if (response?.data?.OrderDetails?.length > 0) {
           setPrintOrderDetails([response?.data]);
@@ -2729,14 +2730,14 @@ const BSBillingTable5 = () => {
             setMessageType('success');
             setMessageData(
               bookingpaymentupdate?.data?.response +
-                ' ' +
-                (bookingpaymentupdate?.data?.OrderDetails?.length > 0
-                  ? bookingpaymentupdate?.data?.OrderId &&
-                    extractLastNumberOrderId(
-                      bookingpaymentupdate?.data?.OrderId,
-                      rbookingpaymentupdate?.data?.OrderDetail?.[0]?.FYStatus
-                    )
-                  : '')
+              ' ' +
+              (bookingpaymentupdate?.data?.OrderDetails?.length > 0
+                ? bookingpaymentupdate?.data?.OrderId &&
+                extractLastNumberOrderId(
+                  bookingpaymentupdate?.data?.OrderId,
+                  rbookingpaymentupdate?.data?.OrderDetail?.[0]?.FYStatus
+                )
+                : '')
             );
             bookingpaymentupdate?.data?.OrderDetails?.length > 0 &&
               setPrintOrderDetails([bookingpaymentupdate?.data]);
@@ -2755,7 +2756,7 @@ const BSBillingTable5 = () => {
         if (
           Date.now() - startTime >
           useOptions?.[0]?.PDConfigDetails?.[0]?.AutoCancelDurationInMinutes *
-            60000
+          60000
         ) {
           // 60,000 ms = 1 minute
 
@@ -3590,16 +3591,16 @@ const BSBillingTable5 = () => {
                         (BookingType === 'Dine In' ||
                           BookingTypeBoth ||
                           CheckOrderType?.length > 0) &&
-                        !unpaidFlow &&
-                        OrderStatus
+                          !unpaidFlow &&
+                          OrderStatus
                           ? 'none'
                           : 'auto',
                       opacity:
                         (BookingType === 'Dine In' ||
                           BookingTypeBoth ||
                           CheckOrderType?.length > 0) &&
-                        !unpaidFlow &&
-                        OrderStatus
+                          !unpaidFlow &&
+                          OrderStatus
                           ? 0.5
                           : 1,
                     }}
@@ -3610,10 +3611,10 @@ const BSBillingTable5 = () => {
                           <button
                             className={
                               paybtnselected === payment.ModeId &&
-                              (UpinotSelected || CardoptionnotSelected)
+                                (UpinotSelected || CardoptionnotSelected)
                                 ? 'Btn-payment-mode-notupisel'
                                 : paybtnselected === payment.ModeId &&
-                                    (!UpinotSelected || !CardoptionnotSelected)
+                                  (!UpinotSelected || !CardoptionnotSelected)
                                   ? 'Btn-payment-mode'
                                   : 'Btn-payment-mode-sel'
                             }
@@ -3627,13 +3628,13 @@ const BSBillingTable5 = () => {
                             onClick={() =>
                               payment?.ModeName?.toLowerCase() === 'upi' // Change the condition to payment.Id
                                 ? handleUPIButtonClick(
-                                    payment.ModeId,
-                                    payment.ModeName
-                                  )
+                                  payment.ModeId,
+                                  payment.ModeName
+                                )
                                 : handlePaymentMode(
-                                    payment.ModeId,
-                                    payment.ModeName
-                                  )
+                                  payment.ModeId,
+                                  payment.ModeName
+                                )
                             }
                           >
                             <div
@@ -3858,16 +3859,16 @@ const BSBillingTable5 = () => {
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 'none'
                       : 'auto',
                   opacity:
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 0.5
                       : 1,
                   width: '2rem',
@@ -3887,14 +3888,14 @@ const BSBillingTable5 = () => {
                         width: '1.5rem',
                         cursor:
                           OrderCardDetail?.length === 0 ||
-                          CheckBookingStatus == 'Close' ||
-                          addnewAccess
+                            CheckBookingStatus == 'Close' ||
+                            addnewAccess
                             ? 'not-allowed'
                             : 'pointer',
                         color:
                           OrderCardDetail?.length === 0 ||
-                          CheckBookingStatus == 'Close' ||
-                          addnewAccess
+                            CheckBookingStatus == 'Close' ||
+                            addnewAccess
                             ? 'gray'
                             : 'rgb(18, 146, 238)',
                         display: 'flex',
@@ -3941,9 +3942,9 @@ const BSBillingTable5 = () => {
                               OrderCardDetail?.length > 0 && 'not-allowed',
                             color:
                               OrderCardDetail?.length > 0 ||
-                              (selOption?.value === undefined &&
-                                GlobalAddCustomerDetails1?.length === 0 &&
-                                GetCustId?.CustMobile === undefined)
+                                (selOption?.value === undefined &&
+                                  GlobalAddCustomerDetails1?.length === 0 &&
+                                  GetCustId?.CustMobile === undefined)
                                 ? 'gray'
                                 : 'rgb(18, 146, 238)',
                             fontSize: '28px',
@@ -3956,7 +3957,40 @@ const BSBillingTable5 = () => {
             ) : (
               ''
             )}
-
+            {/* Customer Orders */}
+            {GetCustId && (
+              <Tooltip title="Customer Orders" isMobile={isMobile}>
+                {' '}
+                <div
+                  className="BSBillingNav-icon-table-icon"
+                  onClick={() => {
+                    if (
+                      CheckBookingStatus !== 'Close' &&
+                      !addnewAccess &&
+                      !(OrderCardDetail?.length > 0)
+                    ) {
+                      setCustomerPreviesOrders(true);
+                    }
+                  }}
+                  style={{
+                    cursor: OrderCardDetail?.length > 0 && 'not-allowed',
+                    color:
+                      OrderCardDetail?.length > 0 ||
+                        (OrderCardDetail?.length > 0 &&
+                          GetCustId?.CustMobile === undefined)
+                        ? 'gray'
+                        : 'rgb(18, 146, 238)',
+                    fontSize: '25px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    height: '2.46rem',
+                    width: '1.5rem',
+                  }}
+                >
+                  <FaCartPlus />
+                </div>
+              </Tooltip>
+            )}
             {tabledata?.length > 0 && dinePreference && (
               <div style={{ width: '2rem' }}>
                 {tableOptions
@@ -4000,14 +4034,14 @@ const BSBillingTable5 = () => {
                     width: '1.5rem',
                     cursor:
                       OrderCardDetail?.length === 0 ||
-                      CheckBookingStatus == 'Close' ||
-                      addnewAccess
+                        CheckBookingStatus == 'Close' ||
+                        addnewAccess
                         ? 'not-allowed'
                         : 'pointer',
                     color:
                       OrderCardDetail?.length === 0 ||
-                      CheckBookingStatus == 'Close' ||
-                      addnewAccess
+                        CheckBookingStatus == 'Close' ||
+                        addnewAccess
                         ? 'gray'
                         : 'rgb(18, 146, 238)',
                     display: 'flex',
@@ -4057,28 +4091,28 @@ const BSBillingTable5 = () => {
                   <>
                     {unpaidFlow == false
                       ? item?.OptionName == 'Hold' &&
-                        !BookingTypeBoth &&
-                        BookingType !== 'Dine In' &&
-                        OrderCardDetail?.length != 0 &&
-                        CheckOrderType?.length === 0 &&
-                        OrderType != 'Failed' &&
-                        paybtns?.length > 0 &&
-                        CheckBookingStatus != 'Close' &&
-                        !addnewAccess && (
-                          <TooltipWrapper title={'Hold'} isMobile={isMobile}>
-                            <button
-                              className="BSBIllingTable5-cnclbtn"
-                              onClick={() => AddBookingDetails('Hold')}
-                              style={{
-                                color: 'default',
-                                backgroundColor: '#eef3f3',
-                              }}
-                            >
-                              <p className="BigScreen">HOLD ✋</p>
-                              <span className="SmallScreen">✋</span>
-                            </button>
-                          </TooltipWrapper>
-                        )
+                      !BookingTypeBoth &&
+                      BookingType !== 'Dine In' &&
+                      OrderCardDetail?.length != 0 &&
+                      CheckOrderType?.length === 0 &&
+                      OrderType != 'Failed' &&
+                      paybtns?.length > 0 &&
+                      CheckBookingStatus != 'Close' &&
+                      !addnewAccess && (
+                        <TooltipWrapper title={'Hold'} isMobile={isMobile}>
+                          <button
+                            className="BSBIllingTable5-cnclbtn"
+                            onClick={() => AddBookingDetails('Hold')}
+                            style={{
+                              color: 'default',
+                              backgroundColor: '#eef3f3',
+                            }}
+                          >
+                            <p className="BigScreen">HOLD ✋</p>
+                            <span className="SmallScreen">✋</span>
+                          </button>
+                        </TooltipWrapper>
+                      )
                       : ''}
                     {unpaidFlow === false &&
                       item?.OptionName === 'Hold' &&
@@ -4117,9 +4151,9 @@ const BSBillingTable5 = () => {
                   addnewAccess
                     ? 'BSBIllingTable5-paybtn-noitems-disable'
                     : FirstPaymentclick === false &&
-                        OrderCardDetail?.length > 0 &&
-                        paybtnselected &&
-                        CheckBookingStatus != 'Close'
+                      OrderCardDetail?.length > 0 &&
+                      paybtnselected &&
+                      CheckBookingStatus != 'Close'
                       ? !OrderStatus
                         ? 'BSBIllingTable5-paybtn-noitems'
                         : 'BSBIllingTable5-paybtn-noitems Order'
@@ -4370,14 +4404,14 @@ const BSBillingTable5 = () => {
             {(filteredSettingNames?.includes('Print') ||
               !MobileNoWhatsApp ||
               !MobileNoWhatsApp.value) && (
-              <FaPrint
-                size={32}
-                color="#1292EE"
-                style={{ cursor: 'pointer' }}
-                onClick={handlePrintOrToken}
-                title="Print"
-              />
-            )}
+                <FaPrint
+                  size={32}
+                  color="#1292EE"
+                  style={{ cursor: 'pointer' }}
+                  onClick={handlePrintOrToken}
+                  title="Print"
+                />
+              )}
 
             {filteredSettingNames?.includes('SMS') && isMobile && (
               <MdSms
@@ -4458,9 +4492,9 @@ const BSBillingTable5 = () => {
 
                 const qty = isGroup
                   ? OrderCardDetail.filter((o) => o.id === groupKey).reduce(
-                      (sum, o) => sum + (o.OrderQty || 1),
-                      0
-                    )
+                    (sum, o) => sum + (o.OrderQty || 1),
+                    0
+                  )
                   : item.OrderQty || 1;
 
                 return (
@@ -4595,6 +4629,23 @@ const BSBillingTable5 = () => {
             Do you want to cancel the payment?
           </Modal>
         )}
+        {customerPreviesOrders && (
+          <DefaultModal
+            open={customerPreviesOrders}
+            handleCancel={() => setCustomerPreviesOrders(false)}
+            footer={false}
+            width={700}
+            className={'ModalPaymentGatewayEmbedded'}
+            children={
+              <>
+                <CustomerOrders
+                  CustomerDetails={selOption}
+                  close={() => setCustomerPreviesOrders(false)}
+                />
+              </>
+            }
+          />
+        )}
       </div>
     </>
   );
diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable6/BST6Payment.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable6/BST6Payment.jsx
index 4d31ec7..1baef7e 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable6/BST6Payment.jsx
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable6/BST6Payment.jsx
@@ -6,7 +6,7 @@ import { AiOutlineClose, AiOutlineArrowRight } from 'react-icons/ai';
 import { Tables } from '../../../../../Components/Tables/Table';
 import { DefaultModal } from '../../../../../Components/Modal/DefaultModal.jsx';
 import { UpCircleOutlined, UpOutlined } from '@ant-design/icons';
-import { Popover, Badge, Modal } from 'antd';
+import { Popover, Badge, Modal, Tooltip } from 'antd';
 import {
   printDiv,
   extractLastNumberOrderId,
@@ -187,7 +187,7 @@ import { getCombolist } from '../../../../../Features/ComboMaster/ComboMaster.js
 import WhatsAppShare from '../../../../WhatsAppShare/whatsAppShare.jsx';
 import SMSShare from '../../../../WhatsAppShare/SmsShare.jsx';
 import { MdSms } from 'react-icons/md';
-import { FaWhatsapp, FaPrint } from 'react-icons/fa';
+import { FaWhatsapp, FaPrint, FaCartPlus } from 'react-icons/fa';
 import BSTipAmount from '../../UtillComponents/BSTipAmount.jsx';
 import { ApplicationPreferences } from '../../../../../Features/BrachLogin/BranchLogin.js';
 import { TfiClipboard } from 'react-icons/tfi';
@@ -211,6 +211,7 @@ import PaymentGatewayEmbedded from '../../UtillComponents/PaymentGatewayEmbedded
 import pozologoimg from '../../../../../Images/pozologoimg.png';
 import MobileMultiPdfPrintTrigger from '../../UtillComponents/MobileMultiPdfPrintTrigger.jsx';
 import { useDateStore } from '../../../../../Features/BookingScreen/BookingData/DateStore.js';
+import CustomerOrders from '../../BookingFunctionality/CustomerOrders.jsx';
 
 const subDirectory = import.meta.env.ENV_BASE_URL;
 const MainHomeUrl = import.meta.env.ENV_MAIN_BASE_URL;
@@ -360,6 +361,7 @@ const BST6Payment = () => {
   const [UpiPayOption, setUpiPayOption] = useState([]);
   const [CardPayOption, setCardPayOption] = useState([]);
   const [Splitpayment, setSplitpayment] = useState(false);
+  const [customerPreviesOrders, setCustomerPreviesOrders] = useState(false);
 
   //Total calculation
   const [failedOrderData, setFailedOrderData] = useState();
@@ -671,7 +673,7 @@ const BST6Payment = () => {
 
     const selectedStyle =
       stylesMap[
-        printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
+      printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
       ];
 
     if (selectedStyle) {
@@ -2049,15 +2051,15 @@ const BST6Payment = () => {
       OrderStatus: 'O',
       OrderType:
         BookingType === 'Dine In' ||
-        BookingTypeBoth ||
-        Estimation?.SettingValue == 'N'
+          BookingTypeBoth ||
+          Estimation?.SettingValue == 'N'
           ? 'S'
           : GlobEstBooking === 'OvrAllEst'
             ? 'E'
             : GlobEstBooking === 'ParEst'
               ? GlobProdwisedata?.includes(
-                  a.InwardDtlId + ' ' + a?.BookingTypeName
-                )
+                a.InwardDtlId + ' ' + a?.BookingTypeName
+              )
                 ? 'E'
                 : 'S'
               : 'S',
@@ -2147,7 +2149,7 @@ const BST6Payment = () => {
           : Paybtnnameselected?.toLowerCase() === 'credit'
             ? 'S'
             : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? 'S'
               : 'P',
       OrderDtlDetails:
@@ -2164,9 +2166,9 @@ const BST6Payment = () => {
           ? globalTipAmount === 0
             ? SelectedTableDetails
             : SelectedTableDetails?.map((item) => ({
-                ...item,
-                TipsAmount: globalTipAmount,
-              }))
+              ...item,
+              TipsAmount: globalTipAmount,
+            }))
           : null,
       SalesPaymentType: 'normal',
       PaymentDetail: [
@@ -2179,8 +2181,8 @@ const BST6Payment = () => {
                   ? PaymentgatewayUPI?.[0]?.ModeId
                   : SelectedUPIPayOption?.toLowerCase() === 'business'
                     ? BusinessPayOption?.find(
-                        (busupi) => busupi?.ModeId === UpiId
-                      )?.ModeId
+                      (busupi) => busupi?.ModeId === UpiId
+                    )?.ModeId
                     : paybtnselected
               : paybtnselected
                 ? paybtnselected
@@ -2188,9 +2190,9 @@ const BST6Payment = () => {
           Amount: Math.round(TotalAmount),
           MerchantId:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'business'
+              SelectedUPIPayOption?.toLowerCase() === 'business'
               ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                  ?.MerchantId
+                ?.MerchantId
               : null,
           PaymentOptionType:
             Paybtnnameselected?.toLowerCase() === 'cash'
@@ -2209,26 +2211,26 @@ const BST6Payment = () => {
           ModeOfPayment:
             SelectedUPIPayOption?.toLowerCase() === 'default'
               ? PaymentUpiOptions?.find((upipay) => upipay?.UPIId === UpiId)
-                  ?.UPIDetailId
+                ?.UPIDetailId
               : SelectedUPIPayOption?.toLowerCase() === 'business'
                 ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                    ?.MerchantUPIId
+                  ?.MerchantUPIId
                 : null,
           AccountDtl:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? useOptions?.[0]?.PaymentDetails?.Payatthecounter?.find(
-                  (upipay) => upipay?.UPIId === UpiId
-                )
+                (upipay) => upipay?.UPIId === UpiId
+              )
               : (Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'pd') ||
-                  (Paybtnnameselected?.toLowerCase() === 'card' &&
-                    SelectedCardOption?.toLowerCase() === 'pd')
+                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')
+                  SelectedUPIPayOption?.toLowerCase() === 'pg') ||
+                  (Paybtnnameselected?.toLowerCase() === 'card' &&
+                    SelectedCardOption?.toLowerCase() === 'pg')
                   ? useOptions?.[0]?.PaymentDetails?.PaymentGateway
                   : [],
           PaymentStatus:
@@ -2237,7 +2239,7 @@ const BST6Payment = () => {
               : Paybtnnameselected?.toLowerCase() === 'credit'
                 ? 'S'
                 : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'default'
+                  SelectedUPIPayOption?.toLowerCase() === 'default'
                   ? 'S'
                   : 'P',
           Debit: 0,
@@ -2311,14 +2313,14 @@ const BST6Payment = () => {
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         response?.data?.OrderDetails?.length > 0 &&
           setPrintOrderDetails([response?.data]);
@@ -2474,14 +2476,14 @@ const BST6Payment = () => {
           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
+              ? response?.data?.OrderId &&
+              extractLastNumberOrderId(
+                response?.data?.OrderId,
+                response?.data?.OrderDetails?.[0]?.FYStatus
+              )
+              : '')
           );
           response?.data?.OrderDetails?.length > 0 &&
             setPrintOrderDetails([response?.data]);
@@ -2588,14 +2590,14 @@ const BST6Payment = () => {
         }
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         if (response?.data?.OrderDetails?.length > 0) {
           setPrintOrderDetails([response?.data]);
@@ -2771,14 +2773,14 @@ const BST6Payment = () => {
             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
+                ? bookingpaymentupdate?.data?.OrderId &&
+                extractLastNumberOrderId(
+                  bookingpaymentupdate?.data?.OrderId,
+                  bookingpaymentupdate?.data?.OrderDetail?.[0]?.FYStatus
+                )
+                : '')
             );
             bookingpaymentupdate?.data?.OrderDetails?.length > 0 &&
               setPrintOrderDetails([bookingpaymentupdate?.data]);
@@ -2797,7 +2799,7 @@ const BST6Payment = () => {
         if (
           Date.now() - startTime >
           useOptions?.[0]?.PDConfigDetails?.[0]?.AutoCancelDurationInMinutes *
-            60000
+          60000
         ) {
           // 60,000 ms = 1 minute
 
@@ -3497,59 +3499,59 @@ const BST6Payment = () => {
                 <>
                   {unpaidFlow == false
                     ? item?.OptionName == 'Hold' &&
-                      BookingType !== 'Dine In' &&
-                      !BookingTypeBoth &&
-                      OrderCardDetail?.length != 0 &&
-                      CheckOrderType?.length === 0 &&
-                      OrderType != 'Failed' &&
-                      CheckBookingStatus != 'Close' &&
-                      paybtns?.length > 0 &&
-                      !addnewAccess && (
-                        <TooltipWrapper title={'Hold'} isMobile={isMobile}>
-                          {' '}
-                          <PozoHoldIcon
-                            className="BSBillingNav-icon-table-icon"
-                            onClick={() => AddBookingDetails('Hold')}
-                            style={{
-                              fontSize: '30px',
-                              cursor: 'pointer',
-                              color: '' ? '#52c41a' : '#1292EE',
-                            }}
-                          />
-                        </TooltipWrapper>
-                      )
+                    BookingType !== 'Dine In' &&
+                    !BookingTypeBoth &&
+                    OrderCardDetail?.length != 0 &&
+                    CheckOrderType?.length === 0 &&
+                    OrderType != 'Failed' &&
+                    CheckBookingStatus != 'Close' &&
+                    paybtns?.length > 0 &&
+                    !addnewAccess && (
+                      <TooltipWrapper title={'Hold'} isMobile={isMobile}>
+                        {' '}
+                        <PozoHoldIcon
+                          className="BSBillingNav-icon-table-icon"
+                          onClick={() => AddBookingDetails('Hold')}
+                          style={{
+                            fontSize: '30px',
+                            cursor: 'pointer',
+                            color: '' ? '#52c41a' : '#1292EE',
+                          }}
+                        />
+                      </TooltipWrapper>
+                    )
                     : ''}
                   {unpaidFlow == false
                     ? item?.OptionName == 'Hold' &&
-                      BookingType !== 'Dine In' &&
-                      !BookingTypeBoth &&
-                      Holddata?.length > 0 &&
-                      OrderCardDetail?.length == 0 &&
-                      CheckBookingStatus != 'Close' &&
-                      !addnewAccess &&
-                      paybtns?.length > 0 &&
-                      !OtherServicesglobal && (
-                        <TooltipWrapper title={'Recall'} isMobile={isMobile}>
-                          {' '}
-                          <Badge
-                            count={Holddata?.length}
-                            size={'small'}
-                            offset={[0, 7]}
-                          >
-                            <PozoHoldIcon
-                              className="BSBillingNav-icon-table-icon"
-                              onClick={() => HandleholdModelOpen()}
-                              style={{
-                                fontSize: '28px',
-                                cursor: 'pointer',
-                                color: Holddata ? '#52c41a' : 'default',
-                                pointerEvents:
-                                  OrderType === 'Failed' ? 'none' : 'auto',
-                              }}
-                            />
-                          </Badge>
-                        </TooltipWrapper>
-                      )
+                    BookingType !== 'Dine In' &&
+                    !BookingTypeBoth &&
+                    Holddata?.length > 0 &&
+                    OrderCardDetail?.length == 0 &&
+                    CheckBookingStatus != 'Close' &&
+                    !addnewAccess &&
+                    paybtns?.length > 0 &&
+                    !OtherServicesglobal && (
+                      <TooltipWrapper title={'Recall'} isMobile={isMobile}>
+                        {' '}
+                        <Badge
+                          count={Holddata?.length}
+                          size={'small'}
+                          offset={[0, 7]}
+                        >
+                          <PozoHoldIcon
+                            className="BSBillingNav-icon-table-icon"
+                            onClick={() => HandleholdModelOpen()}
+                            style={{
+                              fontSize: '28px',
+                              cursor: 'pointer',
+                              color: Holddata ? '#52c41a' : 'default',
+                              pointerEvents:
+                                OrderType === 'Failed' ? 'none' : 'auto',
+                            }}
+                          />
+                        </Badge>
+                      </TooltipWrapper>
+                    )
                     : ''}
                 </>
               ))}
@@ -3560,16 +3562,16 @@ const BST6Payment = () => {
                       (BookingType === 'Dine In' ||
                         BookingTypeBoth ||
                         CheckOrderType?.length > 0) &&
-                      !unpaidFlow &&
-                      OrderStatus
+                        !unpaidFlow &&
+                        OrderStatus
                         ? 'none'
                         : 'auto',
                     opacity:
                       (BookingType === 'Dine In' ||
                         BookingTypeBoth ||
                         CheckOrderType?.length > 0) &&
-                      !unpaidFlow &&
-                      OrderStatus
+                        !unpaidFlow &&
+                        OrderStatus
                         ? 0.5
                         : 1,
                     width: '2rem',
@@ -3589,14 +3591,14 @@ const BST6Payment = () => {
                           width: '1.5rem',
                           cursor:
                             OrderCardDetail?.length === 0 ||
-                            CheckBookingStatus == 'Close' ||
-                            addnewAccess
+                              CheckBookingStatus == 'Close' ||
+                              addnewAccess
                               ? 'not-allowed'
                               : 'pointer',
                           color:
                             OrderCardDetail?.length === 0 ||
-                            CheckBookingStatus == 'Close' ||
-                            addnewAccess
+                              CheckBookingStatus == 'Close' ||
+                              addnewAccess
                               ? 'gray'
                               : 'rgb(18, 146, 238)',
                           display: 'flex',
@@ -3662,16 +3664,16 @@ const BST6Payment = () => {
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 'none'
                       : 'auto',
                   opacity:
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 0.5
                       : 1,
                 }}
@@ -3682,10 +3684,10 @@ const BST6Payment = () => {
                       <button
                         className={
                           paybtnselected === payment.ModeId &&
-                          (UpinotSelected || CardoptionnotSelected)
+                            (UpinotSelected || CardoptionnotSelected)
                             ? 'Btn-payment-mode-notupisel'
                             : paybtnselected === payment.ModeId &&
-                                (!UpinotSelected || !CardoptionnotSelected)
+                              (!UpinotSelected || !CardoptionnotSelected)
                               ? 'Btn-payment-mode'
                               : 'Btn-payment-mode-sel'
                         }
@@ -3699,13 +3701,13 @@ const BST6Payment = () => {
                         onClick={() =>
                           payment?.ModeName?.toLowerCase() === 'upi' // Change the condition to payment.Id
                             ? handleUPIButtonClick(
-                                payment.ModeId,
-                                payment.ModeName
-                              )
+                              payment.ModeId,
+                              payment.ModeName
+                            )
                             : handlePaymentMode(
-                                payment.ModeId,
-                                payment.ModeName
-                              )
+                              payment.ModeId,
+                              payment.ModeName
+                            )
                         }
                       >
                         {/* {UpiOption === "" && payment?.Name?.toLowerCase() === "upi" && <p> UPI</p>} */}
@@ -3777,9 +3779,9 @@ const BST6Payment = () => {
                   addnewAccess
                     ? 'BST6Payment-Button-pay-disabled'
                     : FirstPaymentclick === false &&
-                        OrderCardDetail?.length > 0 &&
-                        paybtnselected &&
-                        CheckBookingStatus != 'Close'
+                      OrderCardDetail?.length > 0 &&
+                      paybtnselected &&
+                      CheckBookingStatus != 'Close'
                       ? !OrderStatus
                         ? 'BST6Payment-Button-pay'
                         : 'BST6Payment-Button-pay Order'
@@ -3941,9 +3943,9 @@ const BST6Payment = () => {
         >
           <div className="BST6Payment-buttons">
             {paybtnselected ==
-            paybtns?.filter(
-              (item) => item?.ModeName?.toLowerCase() === 'cash'
-            )?.[0]?.ModeId ? (
+              paybtns?.filter(
+                (item) => item?.ModeName?.toLowerCase() === 'cash'
+              )?.[0]?.ModeId ? (
               <PaymentInput
                 totalAmount={TotalAmount}
                 BillingTableName="BillingTable6"
@@ -3982,9 +3984,9 @@ const BST6Payment = () => {
                                 OrderCardDetail?.length > 0 && 'not-allowed',
                               color:
                                 OrderCardDetail?.length > 0 ||
-                                (selOption?.value === undefined &&
-                                  GlobalAddCustomerDetails1?.length === 0 &&
-                                  GetCustId?.CustMobile === undefined)
+                                  (selOption?.value === undefined &&
+                                    GlobalAddCustomerDetails1?.length === 0 &&
+                                    GetCustId?.CustMobile === undefined)
                                   ? 'gray'
                                   : 'rgb(18, 146, 238)',
                               fontSize: '28px',
@@ -3998,6 +4000,40 @@ const BST6Payment = () => {
             ) : (
               ''
             )}
+            {/* Customer Orders */}
+            {GetCustId && (
+              <Tooltip title="Customer Orders" isMobile={isMobile}>
+                {' '}
+                <div
+                  className="BSBillingNav-icon-table-icon"
+                  onClick={() => {
+                    if (
+                      CheckBookingStatus !== 'Close' &&
+                      !addnewAccess &&
+                      !(OrderCardDetail?.length > 0)
+                    ) {
+                      setCustomerPreviesOrders(true);
+                    }
+                  }}
+                  style={{
+                    cursor: OrderCardDetail?.length > 0 && 'not-allowed',
+                    color:
+                      OrderCardDetail?.length > 0 ||
+                        (OrderCardDetail?.length > 0 &&
+                          GetCustId?.CustMobile === undefined)
+                        ? 'gray'
+                        : 'rgb(18, 146, 238)',
+                    fontSize: '25px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    height: '2.46rem',
+                    width: '1.5rem',
+                  }}
+                >
+                  <FaCartPlus />
+                </div>
+              </Tooltip>
+            )}
             {tabledata?.length > 0 && dinePreference && (
               <div style={{ width: '2rem' }}>
                 {tableOptions
@@ -4041,14 +4077,14 @@ const BST6Payment = () => {
                     width: '1.5rem',
                     cursor:
                       OrderCardDetail?.length === 0 ||
-                      CheckBookingStatus == 'Close' ||
-                      addnewAccess
+                        CheckBookingStatus == 'Close' ||
+                        addnewAccess
                         ? 'not-allowed'
                         : 'pointer',
                     color:
                       OrderCardDetail?.length === 0 ||
-                      CheckBookingStatus == 'Close' ||
-                      addnewAccess
+                        CheckBookingStatus == 'Close' ||
+                        addnewAccess
                         ? 'gray'
                         : 'rgb(18, 146, 238)',
                     display: 'flex',
@@ -4388,9 +4424,9 @@ const BST6Payment = () => {
 
                 const qty = isGroup
                   ? OrderCardDetail.filter((o) => o.id === groupKey).reduce(
-                      (sum, o) => sum + (o.OrderQty || 1),
-                      0
-                    )
+                    (sum, o) => sum + (o.OrderQty || 1),
+                    0
+                  )
                   : item.OrderQty || 1;
 
                 return (
@@ -4531,7 +4567,23 @@ const BST6Payment = () => {
           )
           // ))
         }
-
+        {customerPreviesOrders && (
+          <DefaultModal
+            open={customerPreviesOrders}
+            handleCancel={() => setCustomerPreviesOrders(false)}
+            footer={false}
+            width={700}
+            className={'ModalPaymentGatewayEmbedded'}
+            children={
+              <>
+                <CustomerOrders
+                  CustomerDetails={selOption}
+                  close={() => setCustomerPreviesOrders(false)}
+                />
+              </>
+            }
+          />
+        )}
         <DefaultModal
           className={'paymentoptionsModal'}
           open={OtherServicesModal}
@@ -4561,9 +4613,9 @@ const BST6Payment = () => {
 
                 const qty = isGroup
                   ? OrderCardDetail.filter((o) => o.id === groupKey).reduce(
-                      (sum, o) => sum + (o.OrderQty || 1),
-                      0
-                    )
+                    (sum, o) => sum + (o.OrderQty || 1),
+                    0
+                  )
                   : item.OrderQty || 1;
 
                 return (
diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable7/BSBilling7Payment.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable7/BSBilling7Payment.jsx
index e8315bd..59df9c9 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable7/BSBilling7Payment.jsx
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable7/BSBilling7Payment.jsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState, useRef } from 'react';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
 import moment from 'moment';
-import { Badge, Popover, Modal } from 'antd';
+import { Badge, Popover, Modal, Tooltip } from 'antd';
 import { BiRightArrowAlt } from 'react-icons/bi';
 import { AiOutlineClose } from 'react-icons/ai';
 import BSSummery from '../BSBillingTableSummery/BSSummery.jsx';
@@ -185,7 +185,7 @@ import { getCombolist } from '../../../../../Features/ComboMaster/ComboMaster.js
 import WhatsAppShare from '../../../../WhatsAppShare/whatsAppShare.jsx';
 import SMSShare from '../../../../WhatsAppShare/SmsShare.jsx';
 import { MdSms } from 'react-icons/md';
-import { FaWhatsapp, FaPrint } from 'react-icons/fa';
+import { FaWhatsapp, FaPrint, FaCartPlus } from 'react-icons/fa';
 import BSTipAmount from '../../UtillComponents/BSTipAmount.jsx';
 import { ApplicationPreferences } from '../../../../../Features/BrachLogin/BranchLogin.js';
 import { TfiClipboard } from 'react-icons/tfi';
@@ -209,7 +209,7 @@ import pozologoimg from '../../../../../Images/pozologoimg.png';
 import PaymentGatewayEmbedded from '../../UtillComponents/PaymentGatewayEmbedded.jsx';
 import MobileMultiPdfPrintTrigger from '../../UtillComponents/MobileMultiPdfPrintTrigger.jsx';
 import { useDateStore } from '../../../../../Features/BookingScreen/BookingData/DateStore.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;
@@ -329,7 +329,7 @@ const BSBilling7Payment = () => {
   const [hold, setHold] = useState(false);
   const [addcustomer, setAddCustomer] = useState(false);
   const [PrintOrderDetails, setPrintOrderDetails] = useState([]);
-  const OverAllSales = useSelector(GlobalOverAllDiscSales);
+  const [customerPreviesOrders, setCustomerPreviesOrders] = useState(false); const OverAllSales = useSelector(GlobalOverAllDiscSales);
   const OverAllEstimate = useSelector(GlobalOverAllDiscEstimate);
   //Total calculation
   const TotalItems = OrderCardDetail?.length;
@@ -810,7 +810,7 @@ const BSBilling7Payment = () => {
 
     const selectedStyle =
       stylesMap[
-        printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
+      printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
       ];
 
     if (selectedStyle) {
@@ -2016,15 +2016,15 @@ const BSBilling7Payment = () => {
       OrderStatus: 'O',
       OrderType:
         BookingType === 'Dine In' ||
-        BookingTypeBoth ||
-        Estimation?.SettingValue == 'N'
+          BookingTypeBoth ||
+          Estimation?.SettingValue == 'N'
           ? 'S'
           : GlobEstBooking === 'OvrAllEst'
             ? 'E'
             : GlobEstBooking === 'ParEst'
               ? GlobProdwisedata?.includes(
-                  a.InwardDtlId + ' ' + a?.BookingTypeName
-                )
+                a.InwardDtlId + ' ' + a?.BookingTypeName
+              )
                 ? 'E'
                 : 'S'
               : 'S',
@@ -2115,7 +2115,7 @@ const BSBilling7Payment = () => {
           : Paybtnnameselected?.toLowerCase() === 'credit'
             ? 'S'
             : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? 'S'
               : 'P',
       OrderDtlDetails:
@@ -2132,9 +2132,9 @@ const BSBilling7Payment = () => {
           ? globalTipAmount === 0
             ? SelectedTableDetails
             : SelectedTableDetails?.map((item) => ({
-                ...item,
-                TipsAmount: globalTipAmount,
-              }))
+              ...item,
+              TipsAmount: globalTipAmount,
+            }))
           : null,
       SalesPaymentType: 'normal',
       PaymentDetail: [
@@ -2147,8 +2147,8 @@ const BSBilling7Payment = () => {
                   ? PaymentgatewayUPI?.[0]?.ModeId
                   : SelectedUPIPayOption?.toLowerCase() === 'business'
                     ? BusinessPayOption?.find(
-                        (busupi) => busupi?.ModeId === UpiId
-                      )?.ModeId
+                      (busupi) => busupi?.ModeId === UpiId
+                    )?.ModeId
                     : paybtnselected
               : paybtnselected
                 ? paybtnselected
@@ -2156,9 +2156,9 @@ const BSBilling7Payment = () => {
           Amount: Math.round(TotalAmount),
           MerchantId:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'business'
+              SelectedUPIPayOption?.toLowerCase() === 'business'
               ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                  ?.MerchantId
+                ?.MerchantId
               : null,
           PaymentOptionType:
             Paybtnnameselected?.toLowerCase() === 'cash'
@@ -2177,26 +2177,26 @@ const BSBilling7Payment = () => {
           ModeOfPayment:
             SelectedUPIPayOption?.toLowerCase() === 'default'
               ? PaymentUpiOptions?.find((upipay) => upipay?.UPIId === UpiId)
-                  ?.UPIDetailId
+                ?.UPIDetailId
               : SelectedUPIPayOption?.toLowerCase() === 'business'
                 ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                    ?.MerchantUPIId
+                  ?.MerchantUPIId
                 : null,
           AccountDtl:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? useOptions?.[0]?.PaymentDetails?.Payatthecounter?.find(
-                  (upipay) => upipay?.UPIId === UpiId
-                )
+                (upipay) => upipay?.UPIId === UpiId
+              )
               : (Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'pd') ||
-                  (Paybtnnameselected?.toLowerCase() === 'card' &&
-                    SelectedCardOption?.toLowerCase() === 'pd')
+                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')
+                  SelectedUPIPayOption?.toLowerCase() === 'pg') ||
+                  (Paybtnnameselected?.toLowerCase() === 'card' &&
+                    SelectedCardOption?.toLowerCase() === 'pg')
                   ? useOptions?.[0]?.PaymentDetails?.PaymentGateway
                   : [],
           PaymentStatus:
@@ -2205,7 +2205,7 @@ const BSBilling7Payment = () => {
               : Paybtnnameselected?.toLowerCase() === 'credit'
                 ? 'S'
                 : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'default'
+                  SelectedUPIPayOption?.toLowerCase() === 'default'
                   ? 'S'
                   : 'P',
           Debit: 0,
@@ -2279,14 +2279,14 @@ const BSBilling7Payment = () => {
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         response?.data?.OrderDetails?.length > 0 &&
           setPrintOrderDetails([response?.data]);
@@ -2439,14 +2439,14 @@ const BSBilling7Payment = () => {
           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
+              ? response?.data?.OrderId &&
+              extractLastNumberOrderId(
+                response?.data?.OrderId,
+                response?.data?.OrderDetails?.[0]?.FYStatus
+              )
+              : '')
           );
           response?.data?.OrderDetails?.length > 0 &&
             setPrintOrderDetails([response?.data]);
@@ -2553,14 +2553,14 @@ const BSBilling7Payment = () => {
         }
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         if (response?.data?.OrderDetails?.length > 0) {
           setPrintOrderDetails([response?.data]);
@@ -2735,14 +2735,14 @@ const BSBilling7Payment = () => {
             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
+                ? bookingpaymentupdate?.data?.OrderId &&
+                extractLastNumberOrderId(
+                  bookingpaymentupdate?.data?.OrderId,
+                  bookingpaymentupdate?.data?.OrderDetail?.[0]?.FYStatus
+                )
+                : '')
             );
             bookingpaymentupdate?.data?.OrderDetails?.length > 0 &&
               setPrintOrderDetails([bookingpaymentupdate?.data]);
@@ -2761,7 +2761,7 @@ const BSBilling7Payment = () => {
         if (
           Date.now() - startTime >
           useOptions?.[0]?.PDConfigDetails?.[0]?.AutoCancelDurationInMinutes *
-            60000
+          60000
         ) {
           // 60,000 ms = 1 minute
 
@@ -3541,9 +3541,9 @@ const BSBilling7Payment = () => {
                               OrderCardDetail?.length > 0 && 'not-allowed',
                             color:
                               OrderCardDetail?.length > 0 ||
-                              (selOption?.value === undefined &&
-                                GlobalAddCustomerDetails1?.length === 0 &&
-                                GetCustId?.CustMobile === undefined)
+                                (selOption?.value === undefined &&
+                                  GlobalAddCustomerDetails1?.length === 0 &&
+                                  GetCustId?.CustMobile === undefined)
                                 ? 'gray'
                                 : 'rgb(18, 146, 238)',
                             fontSize: '28px',
@@ -3556,6 +3556,41 @@ const BSBilling7Payment = () => {
             ) : (
               ''
             )}
+
+            {/* Customer Orders */}
+            {GetCustId && (
+              <Tooltip title="Customer Orders" isMobile={isMobile}>
+                {' '}
+                <div
+                  className="BSBillingNav-icon-table-icon"
+                  onClick={() => {
+                    if (
+                      CheckBookingStatus !== 'Close' &&
+                      !addnewAccess &&
+                      !(OrderCardDetail?.length > 0)
+                    ) {
+                      setCustomerPreviesOrders(true);
+                    }
+                  }}
+                  style={{
+                    cursor: OrderCardDetail?.length > 0 && 'not-allowed',
+                    color:
+                      OrderCardDetail?.length > 0 ||
+                        (OrderCardDetail?.length > 0 &&
+                          GetCustId?.CustMobile === undefined)
+                        ? 'gray'
+                        : 'rgb(18, 146, 238)',
+                    fontSize: '25px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    height: '2.46rem',
+                    width: '1.5rem',
+                  }}
+                >
+                  <FaCartPlus />
+                </div>
+              </Tooltip>
+            )}
             {tabledata?.length > 0 && dinePreference && (
               <div style={{ width: '2rem' }}>
                 {tableOptions
@@ -3592,16 +3627,16 @@ const BSBilling7Payment = () => {
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 'none'
                       : 'auto',
                   opacity:
                     (BookingType === 'Dine In' ||
                       BookingTypeBoth ||
                       CheckOrderType?.length > 0) &&
-                    !unpaidFlow &&
-                    OrderStatus
+                      !unpaidFlow &&
+                      OrderStatus
                       ? 0.5
                       : 1,
                   width: '2rem',
@@ -3621,14 +3656,14 @@ const BSBilling7Payment = () => {
                         width: '1.5rem',
                         cursor:
                           OrderCardDetail?.length === 0 ||
-                          CheckBookingStatus == 'Close' ||
-                          addnewAccess
+                            CheckBookingStatus == 'Close' ||
+                            addnewAccess
                             ? 'not-allowed'
                             : 'pointer',
                         color:
                           OrderCardDetail?.length === 0 ||
-                          CheckBookingStatus == 'Close' ||
-                          addnewAccess
+                            CheckBookingStatus == 'Close' ||
+                            addnewAccess
                             ? 'gray'
                             : 'rgb(18, 146, 238)',
                         display: 'flex',
@@ -3656,14 +3691,14 @@ const BSBilling7Payment = () => {
                     width: '1.5rem',
                     cursor:
                       OrderCardDetail?.length === 0 ||
-                      CheckBookingStatus == 'Close' ||
-                      addnewAccess
+                        CheckBookingStatus == 'Close' ||
+                        addnewAccess
                         ? 'not-allowed'
                         : 'pointer',
                     color:
                       OrderCardDetail?.length === 0 ||
-                      CheckBookingStatus == 'Close' ||
-                      addnewAccess
+                        CheckBookingStatus == 'Close' ||
+                        addnewAccess
                         ? 'gray'
                         : 'rgb(18, 146, 238)',
                     display: 'flex',
@@ -3713,59 +3748,59 @@ const BSBilling7Payment = () => {
                   <>
                     {unpaidFlow == false
                       ? item?.OptionName == 'Hold' &&
-                        BookingType !== 'Dine In' &&
-                        !BookingTypeBoth &&
-                        OrderCardDetail?.length != 0 &&
-                        OrderType != 'Failed' &&
-                        CheckBookingStatus != 'Close' &&
-                        paybtns?.length > 0 &&
-                        !addnewAccess && (
-                          <TooltipWrapper title={'Hold'} isMobile={isMobile}>
-                            {' '}
-                            <PozoHoldIcon
-                              className="BSBillingNav-icon-table-icon"
-                              onClick={() => AddBookingDetails('Hold')}
-                              style={{
-                                fontSize: '30px',
-                                cursor: 'pointer',
-                                color: '' ? '#52c41a' : '#1292EE',
-                              }}
-                            />
-                          </TooltipWrapper>
-                        )
+                      BookingType !== 'Dine In' &&
+                      !BookingTypeBoth &&
+                      OrderCardDetail?.length != 0 &&
+                      OrderType != 'Failed' &&
+                      CheckBookingStatus != 'Close' &&
+                      paybtns?.length > 0 &&
+                      !addnewAccess && (
+                        <TooltipWrapper title={'Hold'} isMobile={isMobile}>
+                          {' '}
+                          <PozoHoldIcon
+                            className="BSBillingNav-icon-table-icon"
+                            onClick={() => AddBookingDetails('Hold')}
+                            style={{
+                              fontSize: '30px',
+                              cursor: 'pointer',
+                              color: '' ? '#52c41a' : '#1292EE',
+                            }}
+                          />
+                        </TooltipWrapper>
+                      )
                       : ''}
 
                     {unpaidFlow == false
                       ? item?.OptionName == 'Hold' &&
-                        BookingType !== 'Dine In' &&
-                        !BookingTypeBoth &&
-                        Holddata?.length > 0 &&
-                        OrderCardDetail?.length == 0 &&
-                        CheckBookingStatus != 'Close' &&
-                        paybtns?.length > 0 &&
-                        !addnewAccess &&
-                        !OtherServicesglobal && (
-                          <TooltipWrapper title={'Recall'} isMobile={isMobile}>
-                            {' '}
-                            <Badge
-                              count={Holddata?.length}
-                              size={'small'}
-                              offset={[0, 7]}
-                            >
-                              <PozoHoldIcon
-                                className="BSBillingNav-icon-table-icon"
-                                onClick={() => HandleholdModelOpen()}
-                                style={{
-                                  fontSize: '28px',
-                                  cursor: 'pointer',
-                                  color: Holddata ? '#52c41a' : 'default',
-                                  pointerEvents:
-                                    OrderType === 'Failed' ? 'none' : 'auto',
-                                }}
-                              />
-                            </Badge>
-                          </TooltipWrapper>
-                        )
+                      BookingType !== 'Dine In' &&
+                      !BookingTypeBoth &&
+                      Holddata?.length > 0 &&
+                      OrderCardDetail?.length == 0 &&
+                      CheckBookingStatus != 'Close' &&
+                      paybtns?.length > 0 &&
+                      !addnewAccess &&
+                      !OtherServicesglobal && (
+                        <TooltipWrapper title={'Recall'} isMobile={isMobile}>
+                          {' '}
+                          <Badge
+                            count={Holddata?.length}
+                            size={'small'}
+                            offset={[0, 7]}
+                          >
+                            <PozoHoldIcon
+                              className="BSBillingNav-icon-table-icon"
+                              onClick={() => HandleholdModelOpen()}
+                              style={{
+                                fontSize: '28px',
+                                cursor: 'pointer',
+                                color: Holddata ? '#52c41a' : 'default',
+                                pointerEvents:
+                                  OrderType === 'Failed' ? 'none' : 'auto',
+                              }}
+                            />
+                          </Badge>
+                        </TooltipWrapper>
+                      )
                       : ''}
                   </>
                 ))}
@@ -3791,16 +3826,16 @@ const BSBilling7Payment = () => {
                   (BookingType === 'Dine In' ||
                     BookingTypeBoth ||
                     CheckOrderType?.length > 0) &&
-                  !unpaidFlow &&
-                  OrderStatus
+                    !unpaidFlow &&
+                    OrderStatus
                     ? 'none'
                     : 'auto',
                 opacity:
                   (BookingType === 'Dine In' ||
                     BookingTypeBoth ||
                     CheckOrderType?.length > 0) &&
-                  !unpaidFlow &&
-                  OrderStatus
+                    !unpaidFlow &&
+                    OrderStatus
                     ? 0.5
                     : 1,
               }}
@@ -3811,10 +3846,10 @@ const BSBilling7Payment = () => {
                     <button
                       className={
                         paybtnselected === payment.ModeId &&
-                        (UpinotSelected || CardoptionnotSelected)
+                          (UpinotSelected || CardoptionnotSelected)
                           ? 'Btn-payment-mode-notupisel'
                           : paybtnselected === payment.ModeId &&
-                              (!UpinotSelected || !CardoptionnotSelected)
+                            (!UpinotSelected || !CardoptionnotSelected)
                             ? 'Btn-payment-mode'
                             : 'Btn-payment-mode-sel'
                       }
@@ -3828,9 +3863,9 @@ const BSBilling7Payment = () => {
                       onClick={() =>
                         payment?.ModeName?.toLowerCase() === 'upi' // Change the condition to payment.Id
                           ? handleUPIButtonClick(
-                              payment.ModeId,
-                              payment.ModeName
-                            )
+                            payment.ModeId,
+                            payment.ModeName
+                          )
                           : handlePaymentMode(payment.ModeId, payment.ModeName)
                       }
                     >
@@ -4116,9 +4151,9 @@ const BSBilling7Payment = () => {
                     addnewAccess
                       ? 'Table4-Btn-final-price-disabled'
                       : FirstPaymentclick === false &&
-                          OrderCardDetail?.length > 0 &&
-                          paybtnselected &&
-                          CheckBookingStatus != 'Close'
+                        OrderCardDetail?.length > 0 &&
+                        paybtnselected &&
+                        CheckBookingStatus != 'Close'
                         ? !OrderStatus
                           ? 'Table4-Btn-final-price'
                           : 'Table4-Btn-final-price Order'
@@ -4139,7 +4174,7 @@ const BSBilling7Payment = () => {
                         <div
                           className="Table4-rate"
                           style={{ fontFamily: FontFamily['head'] }}
-                          // onClick={() => AddBookingDetails(BookingType, true)}
+                        // onClick={() => AddBookingDetails(BookingType, true)}
                         >
                           {/* ₹ {Math.round(TotalAmount)} */}
                           {isMobile ? (
@@ -4344,9 +4379,9 @@ const BSBilling7Payment = () => {
 
               const qty = isGroup
                 ? OrderCardDetail.filter((o) => o.id === groupKey).reduce(
-                    (sum, o) => sum + (o.OrderQty || 1),
-                    0
-                  )
+                  (sum, o) => sum + (o.OrderQty || 1),
+                  0
+                )
                 : item.OrderQty || 1;
 
               return (
@@ -4438,8 +4473,8 @@ const BSBilling7Payment = () => {
               columns={columns}
               data={TableData}
               dataSource={TableData}
-              // pagination={handlePageChange}
-              // onChange={handleChange}
+            // pagination={handlePageChange}
+            // onChange={handleChange}
             />
           </div>
         }
@@ -4544,9 +4579,9 @@ const BSBilling7Payment = () => {
 
               const qty = isGroup
                 ? OrderCardDetail.filter((o) => o.id === groupKey).reduce(
-                    (sum, o) => sum + (o.OrderQty || 1),
-                    0
-                  )
+                  (sum, o) => sum + (o.OrderQty || 1),
+                  0
+                )
                 : item.OrderQty || 1;
 
               return (
@@ -4638,6 +4673,23 @@ const BSBilling7Payment = () => {
           Do you want to cancel the payment?
         </Modal>
       )}
+      {customerPreviesOrders && (
+        <DefaultModal
+          open={customerPreviesOrders}
+          handleCancel={() => setCustomerPreviesOrders(false)}
+          footer={false}
+          width={700}
+          className={'ModalPaymentGatewayEmbedded'}
+          children={
+            <>
+              <CustomerOrders
+                CustomerDetails={selOption}
+                close={() => setCustomerPreviesOrders(false)}
+              />
+            </>
+          }
+        />
+      )}
     </div>
   );
 };
diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/StandardTable/StandardTablePayment.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/StandardTable/StandardTablePayment.jsx
index 99d7c1f..86e1761 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/StandardTable/StandardTablePayment.jsx
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/StandardTable/StandardTablePayment.jsx
@@ -1,5 +1,6 @@
 import {
   FaAngleDown,
+  FaCartPlus,
   FaMoneyBillWave,
   FaPrint,
   FaWhatsapp,
@@ -200,6 +201,7 @@ import {
   getLowStockAlertProductsList,
 } from '../../../../../Features/ProductPage/ProductPage.js';
 import { PostBlockSlots } from '../../../../../Features/Kiosk/kiosk.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;
@@ -342,6 +344,7 @@ const StandardTablePayment = () => {
   const [showCancelConfirm, setShowCancelConfirm] = useState(false);
   const [creditCustomerOpen, setcreditCustomerOpen] = useState(false);
   const [Splitpayment, setSplitpayment] = useState(false);
+  const [customerPreviesOrders, setCustomerPreviesOrders] = useState(false);
   const [PrintOrderDetails, setPrintOrderDetails] = useState([]);
   const [PaymentUpiOptions, setPaymentUpiOptions] = useState([]);
   const [PaymentDeviceCard, setPaymentDeviceCard] = useState([]);
@@ -1358,15 +1361,15 @@ const StandardTablePayment = () => {
       OrderStatus: 'O',
       OrderType:
         BookingType === 'Dine In' ||
-        BookingTypeBoth ||
-        Estimation?.SettingValue == 'N'
+          BookingTypeBoth ||
+          Estimation?.SettingValue == 'N'
           ? 'S'
           : GlobEstBooking === 'OvrAllEst'
             ? 'E'
             : GlobEstBooking === 'ParEst'
               ? GlobProdwisedata?.includes(
-                  a.InwardDtlId + ' ' + a?.BookingTypeName
-                )
+                a.InwardDtlId + ' ' + a?.BookingTypeName
+              )
                 ? 'E'
                 : 'S'
               : 'S',
@@ -1462,7 +1465,7 @@ const StandardTablePayment = () => {
           : Paybtnnameselected?.toLowerCase() === 'credit'
             ? 'S'
             : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? 'S'
               : 'P',
       OrderDtlDetails:
@@ -1479,9 +1482,9 @@ const StandardTablePayment = () => {
           ? globalTipAmount === 0
             ? SelectedTableDetails
             : SelectedTableDetails?.map((item) => ({
-                ...item,
-                TipsAmount: globalTipAmount,
-              }))
+              ...item,
+              TipsAmount: globalTipAmount,
+            }))
           : null,
 
       SalesPaymentType: 'normal',
@@ -1495,8 +1498,8 @@ const StandardTablePayment = () => {
                   ? PaymentgatewayUPI?.[0]?.ModeId
                   : SelectedUPIPayOption?.toLowerCase() === 'business'
                     ? BusinessPayOption?.find(
-                        (busupi) => busupi?.ModeId === UpiId
-                      )?.ModeId
+                      (busupi) => busupi?.ModeId === UpiId
+                    )?.ModeId
                     : paybtnselected
               : paybtnselected
                 ? paybtnselected
@@ -1504,9 +1507,9 @@ const StandardTablePayment = () => {
           Amount: Math.round(TotalAmount),
           MerchantId:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'business'
+              SelectedUPIPayOption?.toLowerCase() === 'business'
               ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                  ?.MerchantId
+                ?.MerchantId
               : null,
           PaymentOptionType:
             Paybtnnameselected?.toLowerCase() === 'cash'
@@ -1525,26 +1528,26 @@ const StandardTablePayment = () => {
           ModeOfPayment:
             SelectedUPIPayOption?.toLowerCase() === 'default'
               ? PaymentUpiOptions?.find((upipay) => upipay?.UPIId === UpiId)
-                  ?.UPIDetailId
+                ?.UPIDetailId
               : SelectedUPIPayOption?.toLowerCase() === 'business'
                 ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                    ?.MerchantUPIId
+                  ?.MerchantUPIId
                 : null,
           AccountDtl:
             Paybtnnameselected?.toLowerCase() === 'upi' &&
-            SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? useOptions?.[0]?.PaymentDetails?.Payatthecounter?.find(
-                  (upipay) => upipay?.UPIId === UpiId
-                )
+                (upipay) => upipay?.UPIId === UpiId
+              )
               : (Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'pd') ||
-                  (Paybtnnameselected?.toLowerCase() === 'card' &&
-                    SelectedCardOption?.toLowerCase() === 'pd')
+                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')
+                  SelectedUPIPayOption?.toLowerCase() === 'pg') ||
+                  (Paybtnnameselected?.toLowerCase() === 'card' &&
+                    SelectedCardOption?.toLowerCase() === 'pg')
                   ? useOptions?.[0]?.PaymentDetails?.PaymentGateway
                   : [],
           PaymentStatus:
@@ -1553,7 +1556,7 @@ const StandardTablePayment = () => {
               : Paybtnnameselected?.toLowerCase() === 'credit'
                 ? 'S'
                 : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                    SelectedUPIPayOption?.toLowerCase() === 'default'
+                  SelectedUPIPayOption?.toLowerCase() === 'default'
                   ? 'S'
                   : 'P',
           Debit: 0,
@@ -1652,14 +1655,14 @@ const StandardTablePayment = () => {
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         response?.data?.OrderDetails?.length > 0 &&
           setPrintOrderDetails([response?.data]);
@@ -1813,14 +1816,14 @@ const StandardTablePayment = () => {
           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
+              ? response?.data?.OrderId &&
+              extractLastNumberOrderId(
+                response?.data?.OrderId,
+                response?.data?.OrderDetails?.[0]?.FYStatus
+              )
+              : '')
           );
           response?.data?.OrderDetails?.length > 0 &&
             setPrintOrderDetails([response?.data]);
@@ -1923,14 +1926,14 @@ const StandardTablePayment = () => {
         }
         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
+            ? response?.data?.OrderId &&
+            extractLastNumberOrderId(
+              response?.data?.OrderId,
+              response?.data?.OrderDetails?.[0]?.FYStatus
+            )
+            : '')
         );
         if (response?.data?.OrderDetails?.length > 0) {
           setPrintOrderDetails([response?.data]);
@@ -2000,9 +2003,9 @@ const StandardTablePayment = () => {
       AppId: AppId,
       ...(AvailableDate && selectedDate
         ? {
-            fromDate: selectedDate?.[0],
-            toDate: selectedDate?.[1],
-          }
+          fromDate: selectedDate?.[0],
+          toDate: selectedDate?.[1],
+        }
         : {}),
     };
     await dispatch(getSelectedFavItems(data)).unwrap();
@@ -2014,9 +2017,9 @@ const StandardTablePayment = () => {
       ProdSubCat: ProdSubCat,
       ...(AvailableDate && selectedDate
         ? {
-            fromDate: selectedDate?.[0],
-            toDate: selectedDate?.[1],
-          }
+          fromDate: selectedDate?.[0],
+          toDate: selectedDate?.[1],
+        }
         : {}),
     };
 
@@ -2027,9 +2030,9 @@ const StandardTablePayment = () => {
       prodCat: prodCat,
       ...(AvailableDate && selectedDate
         ? {
-            fromDate: selectedDate?.[0],
-            toDate: selectedDate?.[1],
-          }
+          fromDate: selectedDate?.[0],
+          toDate: selectedDate?.[1],
+        }
         : {}),
     };
 
@@ -2209,14 +2212,14 @@ const StandardTablePayment = () => {
             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
+                ? bookingpaymentupdate?.data?.OrderId &&
+                extractLastNumberOrderId(
+                  bookingpaymentupdate?.data?.OrderId,
+                  bookingpaymentupdate?.data?.OrderDetail?.[0]?.FYStatus
+                )
+                : '')
             );
             bookingpaymentupdate?.data?.OrderDetails?.length > 0 &&
               setPrintOrderDetails([bookingpaymentupdate?.data]);
@@ -2234,7 +2237,7 @@ const StandardTablePayment = () => {
         if (
           Date.now() - startTime >
           useOptions?.[0]?.PDConfigDetails?.[0]?.AutoCancelDurationInMinutes *
-            60000
+          60000
         ) {
           // 60,000 ms = 1 minute
 
@@ -2881,7 +2884,7 @@ const StandardTablePayment = () => {
 
     const selectedStyle =
       stylesMap[
-        printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
+      printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
       ];
 
     if (selectedStyle) {
@@ -3365,9 +3368,9 @@ const StandardTablePayment = () => {
                   (acc, data) => parseFloat(data?.TotalAmt || 0) + acc,
                   0
                 ) -
-                  ((OverAllSales > 0 ? OverAllSales : 0) +
-                    (OverAllEstimate > 0 ? OverAllEstimate : 0) +
-                    (Discount > 0 ? Discount : 0))
+                ((OverAllSales > 0 ? OverAllSales : 0) +
+                  (OverAllEstimate > 0 ? OverAllEstimate : 0) +
+                  (Discount > 0 ? Discount : 0))
               )}
             </p>
           </div>
@@ -3385,9 +3388,9 @@ const StandardTablePayment = () => {
                   cursor: orderCardDetail?.length > 0 && 'not-allowed',
                   color:
                     orderCardDetail?.length > 0 ||
-                    (selOption?.value === undefined &&
-                      GlobalAddCustomerDetails1?.length === 0 &&
-                      GetCustId?.CustMobile === undefined)
+                      (selOption?.value === undefined &&
+                        GlobalAddCustomerDetails1?.length === 0 &&
+                        GetCustId?.CustMobile === undefined)
                       ? 'gray'
                       : 'rgb(18, 146, 238)',
                   fontSize: '28px',
@@ -3410,14 +3413,14 @@ const StandardTablePayment = () => {
                   width: '1.5rem',
                   cursor:
                     orderCardDetail?.length === 0 ||
-                    CheckBookingStatus == 'Close' ||
-                    addnewAccess
+                      CheckBookingStatus == 'Close' ||
+                      addnewAccess
                       ? 'not-allowed'
                       : 'pointer',
                   color:
                     orderCardDetail?.length === 0 ||
-                    CheckBookingStatus == 'Close' ||
-                    addnewAccess
+                      CheckBookingStatus == 'Close' ||
+                      addnewAccess
                       ? 'gray'
                       : 'rgb(18, 146, 238)',
                   display: 'flex',
@@ -3430,6 +3433,42 @@ const StandardTablePayment = () => {
             </Tooltip>
           )}
 
+          {/* Customer Orders */}
+          {GetCustId && (
+
+            <Tooltip title="Customer Orders" isMobile={isMobile}>
+              {' '}
+              <div
+                className="BSBillingNav-icon-table-icon"
+                onClick={() => {
+                  if (
+                    CheckBookingStatus !== 'Close' &&
+                    !addnewAccess &&
+                    !(orderCardDetail?.length > 0)
+                  ) {
+                    setCustomerPreviesOrders(true);
+                  }
+                }}
+                style={{
+                  cursor: orderCardDetail?.length > 0 && 'not-allowed',
+                  color:
+                    orderCardDetail?.length > 0 ||
+                      (orderCardDetail?.length > 0 &&
+                        GetCustId?.CustMobile === undefined)
+                      ? 'gray'
+                      : 'rgb(18, 146, 238)',
+                  fontSize: '25px',
+                  display: 'flex',
+                  alignItems: 'center',
+                  height: '2.46rem',
+                  width: '1.5rem',
+                }}
+              >
+                <FaCartPlus />
+              </div>
+            </Tooltip>
+          )}
+
           {tabledata?.length > 0 && dinePreference && (
             <div style={{ width: '2rem' }}>
               {tableOptions
@@ -3486,14 +3525,14 @@ const StandardTablePayment = () => {
               {(filteredSettingNames?.includes('Print') ||
                 !MobileNoWhatsApp ||
                 !MobileNoWhatsApp.value) && (
-                <FaPrint
-                  size={32}
-                  color="#1292EE"
-                  style={{ cursor: 'pointer' }}
-                  onClick={handlePrintOrToken}
-                  title="Print"
-                />
-              )}
+                  <FaPrint
+                    size={32}
+                    color="#1292EE"
+                    style={{ cursor: 'pointer' }}
+                    onClick={handlePrintOrToken}
+                    title="Print"
+                  />
+                )}
 
               {filteredSettingNames?.includes('SMS') && isMobile && (
                 <MdSms
@@ -3582,7 +3621,7 @@ const StandardTablePayment = () => {
               const handleClick =
                 mode === 'upi'
                   ? () =>
-                      handleUPIButtonClick(payment?.ModeId, payment?.ModeName)
+                    handleUPIButtonClick(payment?.ModeId, payment?.ModeName)
                   : () => handlePaymentMode(payment?.ModeId, payment?.ModeName);
 
               return (
@@ -3679,9 +3718,9 @@ const StandardTablePayment = () => {
             addnewAccess
               ? 'standard-pay-btn-disabled'
               : FirstPaymentclick === false &&
-                  orderCardDetail?.length > 0 &&
-                  paybtnselected &&
-                  CheckBookingStatus !== 'Close'
+                orderCardDetail?.length > 0 &&
+                paybtnselected &&
+                CheckBookingStatus !== 'Close'
                 ? !OrderStatus
                   ? 'standard-pay-btn'
                   : 'standard-pay-btn order-complete'
@@ -3745,8 +3784,8 @@ const StandardTablePayment = () => {
               columns={columns}
               data={TableData}
               dataSource={TableData}
-              // pagination={handlePageChange}
-              // onChange={handleChange}
+            // pagination={handlePageChange}
+            // onChange={handleChange}
             />
           </div>
         }
@@ -3911,11 +3950,11 @@ const StandardTablePayment = () => {
           handlesplitpaymentclose={handlesplitpaymentclose}
           TotalNetAmount={Math.round(
             orderCardDetail?.reduce((acc, data) => data?.TotalAmt + acc, 0) -
-              ((OverAllSales > 0 ? OverAllSales : 0) +
-                (OverAllEstimate > 0 ? OverAllEstimate : 0) +
-                (Discount > 0 ? Discount : 0))
+            ((OverAllSales > 0 ? OverAllSales : 0) +
+              (OverAllEstimate > 0 ? OverAllEstimate : 0) +
+              (Discount > 0 ? Discount : 0))
           )}
-          // failedOrderData={failedOrderData}
+        // failedOrderData={failedOrderData}
         />
       )}
 
@@ -3975,6 +4014,23 @@ const StandardTablePayment = () => {
           Do you want to cancel the payment?
         </Modal>
       )}
+      {customerPreviesOrders && (
+        <DefaultModal
+          open={customerPreviesOrders}
+          handleCancel={() => setCustomerPreviesOrders(false)}
+          footer={false}
+          width={700}
+          className={'ModalPaymentGatewayEmbedded'}
+          children={
+            <>
+              <CustomerOrders
+                CustomerDetails={selOption}
+                close={() => setCustomerPreviesOrders(false)}
+              />
+            </>
+          }
+        />
+      )}
       {
         OtherServicesPrintDetails?.length > 0 && (
           // PrintOrderDetails?.[0]?.OrderDetails?.map((orderDetail, index) => (
diff --git a/src/Pages/BookingScreen/Components/BookingFunctionality/CustomerOrders.jsx b/src/Pages/BookingScreen/Components/BookingFunctionality/CustomerOrders.jsx
new file mode 100644
index 0000000..b926437
--- /dev/null
+++ b/src/Pages/BookingScreen/Components/BookingFunctionality/CustomerOrders.jsx
@@ -0,0 +1,339 @@
+import { useDispatch } from "react-redux";
+import { changeOrderCardDetails, CustomerOrderList, getProductsearch } from "../../../../Features/BookingScreen/BookingData/BookingData";
+import { useEffect, useState } from "react";
+import { ExtractDateFormate, getSession } from "../../../../Services/Others";
+import { Tables } from "../../../../Components/Tables/Table";
+import { IoEye } from "react-icons/io5";
+import { DatePicker, Modal } from "antd";
+import dayjs from "dayjs";
+import { v4 as uuidv4 } from 'uuid';
+
+const CustomerOrders = ({ CustomerDetails, close }) => {
+
+    const CompId = getSession('CompId');
+    const BranchId = getSession('BranchId');
+    const AppId = getSession('AppId');
+    const { RangePicker } = DatePicker;
+    const dispatch = useDispatch();
+    const [custpmerOrderData, setCustpmerOrderData] = useState();
+    console.log(CustomerDetails, 'CustomerDetails');
+
+    const [page, setpage] = useState(1);
+    const [selectedProducts, setSelectedProducts] = useState();
+    const [productModal, setProductModal] = useState(false);
+    const [selectedRange, setSelectedRange] = useState([dayjs(), dayjs()]);
+
+    useEffect(() => {
+        setSelectedRange([dayjs(), dayjs()]);
+        customerFetch();
+    }, []);
+
+    useEffect(() => {
+        if (selectedRange && selectedRange[0] && selectedRange[1]) {
+            customerFetch();
+        }
+    }, [selectedRange]);
+
+    const getApiRange = () => {
+        if (!selectedRange || !selectedRange[0] || !selectedRange[1]) return { fromDate: '', toDate: '' };
+
+        return {
+            fromDate: selectedRange[0].format('YYYY-MM-DD'),
+            toDate: selectedRange[1].format('YYYY-MM-DD'),
+        };
+    };
+
+    const customerFetch = async () => {
+        const { fromDate, toDate } = getApiRange();
+        const data = {
+            AppId: AppId,
+            BranchId: BranchId,
+            CompId: CompId,
+            MobileNo: CustomerDetails?.value,
+            FromDate: fromDate,
+            ToDate: toDate,
+        }
+        const response = await dispatch(CustomerOrderList(data)).unwrap();
+        if (response?.data?.statusCode === 1) {
+            setCustpmerOrderData(response?.data?.data)
+        }
+        else {
+            setCustpmerOrderData()
+        }
+
+    }
+
+
+    const ViewProductdetails = (products) => {
+        setSelectedProducts(products);
+        setProductModal(true);
+    };
+    const handlePageChange = (current) => {
+        setpage(current);
+    };
+    // const handleRowDataClick = (record) => {
+    //     dispatch(changeOrderCardDetails(record?.productDetails));
+    //     close();
+    // };
+
+
+
+    const getProductsearchData = async (prodName) => {
+        const data = {
+            CompId,
+            BranchId,
+            AppId,
+            ProdName: prodName
+        }
+        const response = await dispatch(getProductsearch(data)).unwrap();
+        console.log(response, 'response23232323');
+
+    }
+
+    const handleRowDataClick = (record) => {
+        if (!record?.productDetails?.length) return;
+        const prodName = record.productDetails[0]?.ProdName;
+        getProductsearchData(prodName);
+
+        console.log(record.productDetails[0]?.ProdName, 'record?.productDetails');
+
+        const formattedData = record.productDetails.map((prod) => ({
+            ProdCat: prod.ProdCat,
+            Type: prod.Type,
+
+            OverallQuantity: prod.OverallQuantity ?? 0,
+            ActiveStatus: record.ActiveStatus,
+
+            AvailableFrom: prod.AvailableFrom,
+            AvailableTo: prod.AvailableTo,
+
+            Cess: prod.Cess ?? 0,
+            HSNCode: prod.HSN ?? null,
+
+            BrandName: prod.BrandName ?? null,
+            OpeningQty: prod.OpeningQty ?? 0,
+            PartNumber: prod.PartNumber ?? null,
+
+            ProdId: prod.ProdId,
+            ProdLogo: prod.ProdLogo ?? null,
+            ProdName: prod.ProdName,
+
+            QRCode: prod.QRCode ?? null,
+            QtyBasedPrice: prod.QtyBasedPrice ?? null,
+            Rack: prod.Rack ?? null,
+            Size: prod.Size,
+
+            StockAvailable: prod.StockAvailable ?? null,
+            TokenAvailable: prod.TokenAvailable ?? null,
+
+            TaxId: prod.ProdTaxId ?? null,
+            TaxPercentage: prod.ProdTaxPercentage ?? 0,
+            TaxName: prod.TaxName ?? null,
+
+            UniqueId: prod.UniqueId ?? null,
+            UomName: prod.UomName,
+
+            SinglePc: prod.SinglePc ?? null,
+            NoOfPcs: prod.NoOfPcs ?? 0,
+
+            ProdVariantName: prod.ProdVariantName ?? null,
+            VariantAvailableFrom: prod.VariantAvailableFrom ?? null,
+            VariantAvailableTo: prod.VariantAvailableTo ?? null,
+
+            BalanceQty: prod.BalanceQty ?? 0,
+            BatchRef: prod.BatchRef ?? null,
+
+            FullProductIdentifierDtls: prod.ProductIdentifierDtls ?? [],
+
+            InwardDate: prod.BookingDate ?? null,
+            InwardDtlId: prod.InwardDtlId ?? null,
+            InwardId: prod.InwardId ?? null,
+
+            MRP: prod.MRP ?? 0,
+            OrderRate: prod.Rate ?? 0,
+            SellingPrice: prod.Rate ?? 0,
+
+            SuppId: prod.SuppId ?? null,
+            SuppName: prod.SuppName ?? null,
+
+            OverAllPcs: prod.OverAllPcs ?? 0,
+            Offer: prod.OfferAmt ?? 0,
+
+            BookingTypeName: prod.BookingTypeName ?? null,
+            CounterName: prod.CounterName ?? null,
+
+            DiscountLimitType: prod.DiscountLimitType ?? null,
+            DiscountLimit: prod.DiscountLimit ?? 0,
+
+            BookedDate: prod.BookedDate ?? [],
+            BalanceBookedQty: prod.BalanceBookedQty ?? null,
+
+            ScaleType: prod.ScaleType ?? "",
+
+            localId: prod.localId ?? uuidv4(),
+
+            OrderQty: prod.SalesQty ?? 0,
+            TotalAmt: prod.TotalAmt ?? 0,
+            TaxAmt: prod.TaxAmt ?? 0,
+            WithoutTaxRate: prod.WithoutTaxRate ?? 0,
+        }));
+
+        dispatch(changeOrderCardDetails(formattedData));
+        close();
+    };
+
+
+    const columns = [
+        {
+            title: 'Sl.No',
+            key: 'sno',
+            align: 'center',
+            render: (_, __, index) => (page - 1) * 10 + index + 1,
+            onCell: (record) => ({
+                onClick: () => handleRowDataClick(record),
+                style: { cursor: 'pointer' },
+            }),
+        },
+        {
+            title: 'Sales Date',
+            dataIndex: 'SalesDate',
+            key: 'SalesDate',
+            align: 'center',
+            render: (text) => ExtractDateFormate(text),
+            onCell: (record) => ({
+                onClick: () => handleRowDataClick(record),
+                style: { cursor: 'pointer' },
+            }),
+        },
+        {
+            title: 'Amount',
+            dataIndex: 'NetAmount',
+            key: 'NetAmount',
+            align: 'center',
+            onCell: (record) => ({
+                onClick: () => handleRowDataClick(record),
+                style: { cursor: 'pointer' },
+            }),
+        },
+
+        {
+            title: 'No of Products',
+            key: 'productCount',
+            align: 'center',
+            render: (_, record) => (
+                <span
+                    style={{ color: '#1292EE', fontSize: '16px', cursor: 'pointer' }}
+                    onClick={(e) => {
+                        e.stopPropagation(); // 👈 IMPORTANT
+                        ViewProductdetails(record.productDetails);
+                    }}
+                >
+                    {record?.productDetails?.length || 0}
+                </span>
+            ),
+        },
+    ];
+
+    const productColumns = [
+        {
+            title: 'Sl.No',
+            key: 'sno',
+            align: 'center',
+            render: (_, __, index) => index + 1,
+        },
+        {
+            title: 'Product Name',
+            dataIndex: 'ProdName',
+            key: 'ProdName',
+            align: 'center',
+            render: (_, record) =>
+                `${record?.ProdName || '-'}${record?.UomName ? ` ${record.Size + record.UomName}` : ''}`,
+        },
+        {
+            title: 'Qty',
+            dataIndex: 'SalesQty',
+            key: 'SalesQty',
+            align: 'center',
+            render: (_, record) =>
+                record?.SalesQty || '-',
+        },
+        {
+            title: 'Variant',
+            key: 'ProdVariantName',
+            align: 'ProdVariantName',
+            render: (_, record) =>
+                record?.ProdVariantName || '-',
+        },
+        {
+            title: 'Rate',
+            key: 'Rate',
+            align: 'right',
+            render: (_, record) =>
+                record?.Rate || 0,
+        },
+        {
+            title: 'MRP',
+            key: 'MRP',
+            align: 'right',
+            render: (_, record) =>
+                record?.MRP || 0,
+        },
+    ];
+
+    const disableFutureDates = (current) => {
+        return current && current > dayjs().endOf('day');
+    };
+    const onRangeChange = (dates) => {
+        setSelectedRange(dates);
+    };
+    const getRangePickerValue = () => selectedRange || [dayjs(), dayjs()];
+
+
+    return (
+        <>
+            <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+                <div>
+                    <p>Customer Name : {CustomerDetails?.CustName}</p>
+                    <p>Customer Name : {CustomerDetails?.value}</p>
+                </div>
+                <div className='fromlabelDate'>
+                    <label>Select Date</label>
+                    <RangePicker
+                        onChange={onRangeChange}
+                        format="DD-MMM-YYYY" // display format
+                        disabledDate={disableFutureDates}
+                        inputReadOnly={true}
+                        value={getRangePickerValue()}
+                    />
+                </div>
+            </div>
+
+            <div className="reportTable">
+                <Tables
+                    columns={columns}
+                    data={custpmerOrderData}
+                    dataSource={custpmerOrderData}
+                    pagination={handlePageChange}
+                />{' '}
+
+
+                <Modal
+                    open={productModal}
+                    title="Product Details"
+                    width={700}
+                    footer={null}
+                    onCancel={() => setProductModal(false)}
+                >
+                    <Tables
+                        columns={productColumns}
+                        data={selectedProducts}
+                        pagination={false}
+                    />
+                </Modal>
+
+            </div>
+        </>
+    )
+}
+
+export default CustomerOrders;
\ No newline at end of file
diff --git a/src/Pages/Kiosk/CardPage/CardPage1.jsx b/src/Pages/Kiosk/CardPage/CardPage1.jsx
index ee8b4e5..1a228b5 100644
--- a/src/Pages/Kiosk/CardPage/CardPage1.jsx
+++ b/src/Pages/Kiosk/CardPage/CardPage1.jsx
@@ -82,11 +82,11 @@ const CardPage1 = (props) => {
         (cartItem) =>
           cartItem?.ProdId === item?.ProductDetail?.[0]?.ProdId &&
           cartItem?.InwardDtlId ===
-            item?.ProductDetail?.[0]?.ProdVariantDetails?.[0]?.StockDetails?.[0]
-              ?.InwardDtlId &&
+          item?.ProductDetail?.[0]?.ProdVariantDetails?.[0]?.StockDetails?.[0]
+            ?.InwardDtlId &&
           cartItem?.OrderRate ===
-            item?.ProductDetail?.[0]?.ProdVariantDetails?.[0]?.StockDetails?.[0]
-              ?.SellPrice
+          item?.ProductDetail?.[0]?.ProdVariantDetails?.[0]?.StockDetails?.[0]
+            ?.SellPrice
       );
       if (Isincart && Isincart?.StockAvailable === 'Y') {
         if (Isincart?.BalanceQty > Isincart?.OrderQty) {
@@ -141,13 +141,13 @@ const CardPage1 = (props) => {
       (cartItem) =>
         cartItem?.ProdId === qtydata?.ProductDetail?.[item?.QtyIndex]?.ProdId &&
         cartItem?.InwardDtlId ===
-          qtydata?.ProductDetail?.[item?.QtyIndex]?.ProdVariantDetails?.[
-            item?.VarientIndex
-          ]?.StockDetails?.[0]?.InwardDtlId &&
+        qtydata?.ProductDetail?.[item?.QtyIndex]?.ProdVariantDetails?.[
+          item?.VarientIndex
+        ]?.StockDetails?.[0]?.InwardDtlId &&
         cartItem?.OrderRate ===
-          qtydata?.ProductDetail?.[item?.QtyIndex]?.ProdVariantDetails?.[
-            item?.VarientIndex
-          ]?.StockDetails?.[0]?.SellPrice
+        qtydata?.ProductDetail?.[item?.QtyIndex]?.ProdVariantDetails?.[
+          item?.VarientIndex
+        ]?.StockDetails?.[0]?.SellPrice
     );
     console.log(Isincart, item, KioskOrderDetails, 'IsincartsingleVarient');
     if (Isincart && Isincart?.StockAvailable === 'Y') {
@@ -236,7 +236,7 @@ const CardPage1 = (props) => {
       SinglePc: onePcs ? 'Y' : 'N',
       NoOfPcs: onePcs
         ? a?.ProductDetail?.[QtyIndex]?.ProdVariantDetails?.[VarientIndex]
-            ?.StockDetails?.[stockIndex]?.NoOfPcs
+          ?.StockDetails?.[stockIndex]?.NoOfPcs
         : null,
       ProdVariantName:
         a?.ProductDetail?.[QtyIndex]?.ProdVariantDetails?.[VarientIndex]
@@ -261,14 +261,14 @@ const CardPage1 = (props) => {
           ?.StockDetails?.[stockIndex]?.InwardId,
       MRP: onePcs
         ? a?.ProductDetail?.[QtyIndex]?.ProdVariantDetails?.[VarientIndex]
-            ?.StockDetails?.[stockIndex]?.OnePcsPrice
+          ?.StockDetails?.[stockIndex]?.OnePcsPrice
         : a?.ProductDetail?.[QtyIndex]?.ProdVariantDetails?.[VarientIndex]
-            ?.StockDetails?.[stockIndex]?.MRP,
+          ?.StockDetails?.[stockIndex]?.MRP,
       OrderRate: onePcs
         ? a?.ProductDetail?.[QtyIndex]?.ProdVariantDetails?.[VarientIndex]
-            ?.StockDetails?.[stockIndex]?.OnePcsPrice
+          ?.StockDetails?.[stockIndex]?.OnePcsPrice
         : a?.ProductDetail?.[QtyIndex]?.ProdVariantDetails?.[VarientIndex]
-            ?.StockDetails?.[stockIndex]?.SellPrice,
+          ?.StockDetails?.[stockIndex]?.SellPrice,
       SuppId:
         a?.ProductDetail?.[QtyIndex]?.ProdVariantDetails?.[VarientIndex]
           ?.StockDetails?.[stockIndex]?.SuppId,
@@ -312,28 +312,28 @@ const CardPage1 = (props) => {
               cartItem // if the item is already in the cart, increase the quantity of the item
             ) =>
               cartItem.ProdId === item.ProdId &&
-              cartItem.InwardDtlId === item.InwardDtlId &&
-              cartItem.OrderRate === item.OrderRate &&
-              cartItem?.BookingTypeName === item?.BookingTypeName
+                cartItem.InwardDtlId === item.InwardDtlId &&
+                cartItem.OrderRate === item.OrderRate &&
+                cartItem?.BookingTypeName === item?.BookingTypeName
                 ? {
-                    ...cartItem,
-                    OrderQty: cartItem.OrderQty + 1,
-                    TotalAmt: (cartItem.OrderQty + 1) * cartItem.OrderRate,
-                    TaxAmt: (
+                  ...cartItem,
+                  OrderQty: cartItem.OrderQty + 1,
+                  TotalAmt: (cartItem.OrderQty + 1) * cartItem.OrderRate,
+                  TaxAmt: (
+                    ((cartItem.OrderQty + 1) *
+                      cartItem.OrderRate *
+                      cartItem.TaxPercentage) /
+                    (100 + cartItem.TaxPercentage)
+                  ).toFixed(2),
+                  WithoutTaxRate:
+                    (cartItem.OrderQty + 1) * cartItem.OrderRate -
+                    (
                       ((cartItem.OrderQty + 1) *
                         cartItem.OrderRate *
                         cartItem.TaxPercentage) /
                       (100 + cartItem.TaxPercentage)
                     ).toFixed(2),
-                    WithoutTaxRate:
-                      (cartItem.OrderQty + 1) * cartItem.OrderRate -
-                      (
-                        ((cartItem.OrderQty + 1) *
-                          cartItem.OrderRate *
-                          cartItem.TaxPercentage) /
-                        (100 + cartItem.TaxPercentage)
-                      ).toFixed(2),
-                  }
+                }
                 : cartItem // otherwise, return the cart item
           )
         )
@@ -520,9 +520,9 @@ const CardPage1 = (props) => {
                         card?.OverAllQty,
                         KioskOrderDetails
                       ) > 0) ||
-                    card?.ProductDetail?.some(
-                      (item) => item?.StockAvailable !== 'Y'
-                    )
+                      card?.ProductDetail?.some(
+                        (item) => item?.StockAvailable !== 'Y'
+                      )
                       ? 'KioskCard-card'
                       : 'KioskCard-card-dis'
                   }
@@ -550,9 +550,9 @@ const CardPage1 = (props) => {
                       card?.OverAllQty,
                       KioskOrderDetails
                     ) > 0) ||
-                  card?.ProductDetail?.some(
-                    (item) => item?.StockAvailable !== 'Y'
-                  ) ? (
+                    card?.ProductDetail?.some(
+                      (item) => item?.StockAvailable !== 'Y'
+                    ) ? (
                     ''
                   ) : (
                     <div
@@ -574,18 +574,18 @@ const CardPage1 = (props) => {
                     card?.ProductDetail?.some(
                       (item) => item?.StockAvailable !== 'Y'
                     )) && (
-                    <div className="dishPrize">
-                      <p>
-                        <MdCurrencyRupee
-                          style={{ marginBottom: '-2px', marginRight: '-5px' }}
-                        />{' '}
-                        {ItemSellingPrice(card)}&nbsp;
-                        <span className="BSItemCard-itemCount">
-                          ({ItemSize(card)} {ItemUomName(card)})
-                        </span>
-                      </p>
-                    </div>
-                  )}
+                      <div className="dishPrize">
+                        <p>
+                          <MdCurrencyRupee
+                            style={{ marginBottom: '-2px', marginRight: '-5px' }}
+                          />{' '}
+                          {ItemSellingPrice(card)}&nbsp;
+                          <span className="BSItemCard-itemCount">
+                            ({ItemSize(card)} {ItemUomName(card)})
+                          </span>
+                        </p>
+                      </div>
+                    )}
                 </div>
               )
           )}
@@ -737,7 +737,7 @@ const CardPage1 = (props) => {
                         KioskOrderDetails,
                         item?.ProdVariantName
                       ) > 0 ||
-                      qtydata?.ProductDetail?.[QtyIndex]?.StockAvailable !== 'Y'
+                        qtydata?.ProductDetail?.[QtyIndex]?.StockAvailable !== 'Y'
                         ? 'ProVariantCard'
                         : 'ProVariantCard-dis'
                     }
@@ -752,7 +752,7 @@ const CardPage1 = (props) => {
                       KioskOrderDetails,
                       item?.ProdVariantName
                     ) > 0 ||
-                    qtydata?.ProductDetail?.[QtyIndex]?.StockAvailable !==
+                      qtydata?.ProductDetail?.[QtyIndex]?.StockAvailable !==
                       'Y' ? (
                       <div>₹ {item?.StockDetails?.[0]?.SellPrice} </div>
                     ) : (
diff --git a/src/check.jsx b/src/check.jsx
index 32c5c5f..941f1c0 100644
--- a/src/check.jsx
+++ b/src/check.jsx
@@ -1,136 +1,4608 @@
-import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { axiosRetailInstanceData } from '../../AuthenicationToken/AuthenticationToken';
+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';
 
-export const getAddCustomerDetails = createAsyncThunk(
-  'addCustomer/getAddCustomerDetails',
-  async (data) => {
+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 (
-      data?.MobileNo != null &&
-      data?.MobileNo != undefined &&
-      data?.AppId != null &&
-      data?.AppId != undefined &&
-      data?.CompId != null &&
-      data?.CompId != undefined &&
-      data?.BranchId != null &&
-      data?.BranchId != undefined
+      (BookingType === 'Dine In' ||
+        BookingTypeBoth ||
+        CheckOrderType?.length > 0) &&
+      !unpaidFlow
     ) {
-      return await axiosRetailInstanceData.get(
-        `/customer?MobileNo=${data?.MobileNo}&AppId=${data?.AppId}&CompId=${data?.CompId}&BranchId=${data?.BranchId}`
+      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.'
       );
     }
-  }
-);
-
-export const postAddCustomerDetails = createAsyncThunk(
-  'addCustomer/postAddCustomerDetails',
-  async (postData) => {
-    return await axiosRetailInstanceData.post(`/customer`, postData);
-  }
-);
-
-export const postRePrintReason = createAsyncThunk(
-  'rePrint/postRePrintReason',
-  async (postData) => {
-    return await axiosRetailInstanceData.post(`/rePrint`, postData);
-  }
-);
-export const postDefaultReprintReason = createAsyncThunk(
-  'rePrint/postDefaultReprintReason',
-  async (postData) => {
-    return await axiosRetailInstanceData.post(`/DefaultStatusReprint`, postData);
-  }
-);
-export const getRePrintDefault = createAsyncThunk(
-  'rePrint/getRePrintDefault',
-  async (data) => {
-    return await axiosRetailInstanceData.get(`/ReprintHistoryStatus?compId=${data.CompId}&branchId=${data.BranchId}&appId=${data.AppId}&Type=${data?.Type ? data?.Type : 'Reprint'}`);
-  }
-);
-
-export const getDefaultPaymentOptions = createAsyncThunk(
-  'rePrint/getDefaultPaymentOptions',
-  async (data) => {
-    return await axiosRetailInstanceData.get(`/ReprintHistoryStatus?compId=${data.CompId}&branchId=${data.BranchId}&appId=${data.AppId}&Type=PaymentOptions`);
-  }
-);
-
-export const getRePrintReason = createAsyncThunk(
-  'rePrint/getRePrintReason',
-  async (data) => {
+  }, [GlobalExtraCharge]);
+  useEffect(() => {
     if (
-      data?.orderFromDate != null &&
-      data?.orderFromDate != undefined &&
-      data?.orderToDate != null &&
-      data?.orderToDate != undefined &&
-      data?.appId != null &&
-      data?.appId != undefined &&
-      data?.compId != null &&
-      data?.compId != undefined &&
-      data?.branchId != null &&
-      data?.branchId != undefined
+      OrderCardDetail?.length === 1 &&
+      OrderCardDetail?.[0]?.OrderQty === 1 &&
+      !SelCustId
     ) {
-      return await axiosRetailInstanceData.get(
-        `/ReprintHistory?compId=${data.compId}&branchId=${data.branchId}&appId=${data.appId}&fromDate=${data.orderFromDate}&toDate=${data.orderToDate}`
+      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]);
 
-export const ReprintDetails = createAsyncThunk(
-  "addCustomer/ReprintDetails",
-  async (data) => {
-    const { AppId, CompId, BranchId, OrderFromDate, OrderToDate, OrderId } = data || {};
-    if (OrderId && !OrderFromDate && !OrderToDate) {
-      return await axiosRetailInstanceData.get(
-        `/reprint?CompId=${CompId}&BranchId=${BranchId}&AppId=${AppId}&OrderId=${OrderId}&pageNumber=${data.PageNumber}`
-      );
+  useEffect(() => {
+    if (!PrintOrderDetails?.length) return;
+
+    const selectedOptions = filteredSettingNames || [];
+    const count = selectedOptions.length;
+
+    if (count === 0) {
+      handlePrintOrToken();
+      return;
     }
-    if (OrderFromDate && OrderToDate) {
-      return await axiosRetailInstanceData.get(
-        `/reprint?CompId=${CompId}&BranchId=${BranchId}&AppId=${AppId}&orderFromDate=${OrderFromDate}&orderToDate=${OrderToDate} &pageNumber=${data.PageNumber}`
+    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 = `<style> 
+      *{
+        font-family:Poppins;
+      }
+    
+      .Reprint-body{  
+        height: 100%;
+        margin: 0vw 0vh;
+        padding: 1vw 2vh;
+      }
+    
+      .Re-print-body-Tr {
+        text-align: center;
+        font-family: Poppins;
+      }
+      .Re-print-body-Product{
+        text-align:left;
+        font-size:12px;
+        border: 1px solid black;
+        border-collapse: collapse;
+        font-family: Poppins;
+        padding-left:5px;
+      }
+      .Re-print-body-Rate{
+        text-align:right;
+          font-size:12px;
+          padding-right:5px;
+          border: 1px solid black;
+          border-collapse: collapse;
+          font-family: Poppins;
+      }
+      .Re-print-Logo{
+        width: 50px ;
+        height: 50px;
+        margin-bottom: -20px;
+       }
+    
+      .Re-print-title {
+        font-size: 19px;
+        font-weight: 600;
+        font-family: Gilroy;
+        margin-bottom: -10px;
+        text-align:center;
+      }
+      
+      .Re-print-Add {
+        font-size: 12px;
+        font-family: Poppins;
+        margin-bottom: -5px;
+      }
+      
+      .Re-print-GST {
+        font-size: 12px;
+        font-family: Poppins;
+      }
+    
+      .Re-print-top {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 100%;
+      }
+    
+      .Re-print-top2 {
+        display: flex;
+        width: 90%;
+        margin:0px 10px;
+        font-family: Gilroy;
+        justify-content: space-between;
+      }
+      .Re-print-top3 {
+        display: flex;
+        width: 75%;
+        margin:0px 30px;
+        font-family: Gilroy;
+        justify-content: space-between;
+        margin-bottom: 5px;
+      }
+      .Re-print-bold{
+        font-size: 8px;
+        font-weight: 400;
+        font-family: Poppins;
+        letter-spacing: 1px;
+      }
+    
+      .Re-print-bold1{
+        font-size: 12px;
+        font-weight: 600;
+        font-family: Poppins;
+        letter-spacing: 1px;
+      }
+      .Re-print-bold2{
+        width:100%;
+        font-size: 12px;
+        font-family: Poppins;
+        text-align:center;
+      }
+    
+      .Re-print-Table {
+          width: 90%;
+          margin:0px 10px;
+        }
+    
+      .Re-print-Table ,.Re-print-th ,.Re-print-td {
+          border: 1px solid black;
+          border-collapse: collapse;
+          font-family: Poppins;
+        }
+        .Re-print-td
+        {
+          font-size:12px;
+        }
+    
+      </style>`;
+      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 {
-      return await axiosRetailInstanceData.get(
-        `/reprint?CompId=${CompId}&BranchId=${BranchId}&AppId=${AppId}&pageNumber=${data.PageNumber}`
+      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 initialState = {
-  AddCustomerDetails: [],
-  refreshTrigger: 0,
-};
+  const handleOpenChange = (newOpen) => {
+    setOpen(newOpen);
+  };
+  const hide = () => {
+    setOpen(false);
+  };
+  const hideDefault = () => {
+    setUpiOptionOpen(false);
+  };
+  const handlePopoverVisibleChange = (visible) => {
+    setUpiOptionOpen(visible);
+  };
 
-const addCustomer = createSlice({
-  name: 'addCustomer',
-  initialState,
-  reducers: {
-    changeCustomerdetails: (state, action) => {
-      state.AddCustomerDetails = action?.payload;
-    },
-    triggerCustomerRefresh: (state) => {
-      state.refreshTrigger += 1;
-    },
-  },
-  extraReducers: (builder) => {
-    builder.addCase(getAddCustomerDetails.fulfilled, (state, action) => {
-      if (action?.payload?.status) {
-        state.AddCustomerDetails = action?.payload?.data?.data;
+  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 {
-        state.AddCustomerDetails = [];
+        // If the key doesn't exist, add a new entry
+        productMap.set(key, { ...item });
       }
     });
-  },
-});
-export const { changeCustomerdetails, triggerCustomerRefresh } = addCustomer.actions;
 
-export const GlobalAddCustomerDetails = (state) =>
-  state.addCustomer?.AddCustomerDetails;
+    // Convert the map values back to an array
+    const aggregatedProducts = Array.from(productMap.values());
 
-export const GlobalCustomerRefreshTrigger = (state) =>
-  state.addCustomer?.refreshTrigger;
+    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)
+      );
+    }
+  };
 
-export default addCustomer.reducer;
+  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) => (
+        <a style={{ color: 'black' }}>{index + 1}</a>
+      ),
+    },
+    {
+      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) => <span>{safeRound(text)}</span>,
+      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 (
+    <>
+      <div
+        className="BSC1Payment-Container"
+        style={{
+          // backgroundColor:
+          //   BSComboData?.BookingLayout?.[0] === 'Combo1'
+          //     ? '#645CAA'
+          //     : '#08A7B8',
+          background: 'linear-gradient(to bottom right, #1e2536, #2a3447)',
+        }}
+      >
+        <Messages messageType={messageType} messageData={messageData} />
+        <div className="BSC1Payment-div1-1">
+          <div className="BSC1Payment-div1-sub1">
+            {BSComboNavbar?.[1]?.map((item) => (
+              <>
+                {item?.OptionName == 'QuickAdd' && (
+                  <TooltipWrapper title={'QuickAdd'} isMobile={isMobile}>
+                    <div
+                      className="BSC1Payment-div1-btns"
+                      onClick={setQuickOpen}
+                      style={{
+                        pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                      }}
+                    >
+                      <PozoQuickAddIcon className="BSC1Payment-icon " />
+                      <div
+                        style={{
+                          display: 'flex',
+                          flexDirection: 'column',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                        }}
+                      >
+                        Quick Add
+                        <span
+                          style={{ fontSize: '9px', letterSpacing: '0.5px' }}
+                        >
+                          (Alt + N)
+                        </span>
+                      </div>
+                    </div>
+                  </TooltipWrapper>
+                )}
+                {item?.OptionName == 'DineIn' &&
+                  DineInPreference?.SettingValue === 'Y' &&
+                  dinePreference && (
+                    <TooltipWrapper title={'Dine In'} isMobile={isMobile}>
+                      <div
+                        className={
+                          BookingType === 'Dine In'
+                            ? 'BSC1Payment-div1-btns-select'
+                            : 'BSC1Payment-div1-btns'
+                        }
+                        onClick={navigateDineIn}
+                        style={{
+                          pointerEvents:
+                            OrderType === 'Failed' ? 'none' : 'auto',
+                        }}
+                      >
+                        <PozoDineInIcon className="BSC1Payment-icon" />
+                        DINE IN
+                      </div>
+                    </TooltipWrapper>
+                  )}
+                {item?.OptionName == 'TakeAway' && takeAwayPreference && (
+                  <TooltipWrapper title={'TakeAway'} isMobile={isMobile}>
+                    <div
+                      className={
+                        BookingType === 'TakeAway'
+                          ? 'BSC1Payment-div1-btns-select'
+                          : 'BSC1Payment-div1-btns'
+                      }
+                      onClick={() =>
+                        BookingType !== 'TakeAway' && ChangeTakeAway()
+                      }
+                      style={{
+                        pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                      }}
+                    >
+                      <PozoTakeAway
+                        className="BSC1Payment-icon"
+                        style={{ width: '23px', height: '30px' }}
+                      />
+                      {/* TAKE AWAY */}
+                      Take Away
+                    </div>
+                  </TooltipWrapper>
+                )}
+              </>
+            ))}
+
+            {OtherServiceStatus && (
+              <div
+                className="BSC1Payment-div1-btns"
+                onClick={handleotherservices}
+              >
+                <TooltipWrapper title={'Other Services'} isMobile={isMobile}>
+                  <div
+                    style={{
+                      display: 'flex',
+                      gap: '2px',
+                      alignItems: 'center',
+                      whiteSpace: 'nowrap',
+                    }}
+                  >
+                    <FaParking className="BSC1Payment-icon" />
+                    Other Services
+                  </div>
+                </TooltipWrapper>
+              </div>
+            )}
+          </div>
+
+          <div className="BSC1Payment-div1-sub2">
+            {BSComboNavbar?.[1]?.map((item) => (
+              <>
+                {item?.OptionName == 'Offer' && (
+                  <div
+                    className="BSC1Payment-div1-btns"
+                    style={{
+                      pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                    }}
+                  >
+                    <BSNavBarOffer layoutType="Combo" />
+                  </div>
+                )}
+                {item?.OptionName == 'ExtraCharge' && (
+                  <TooltipWrapper title={'Extra Charge'} isMobile={isMobile}>
+                    <div
+                      className="BSC1Payment-div1-btns"
+                      onClick={handleextraCharges}
+                      style={{
+                        pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                      }}
+                    >
+                      <div style={{ display: 'flex' }}>
+                        <PozoExtraChargesIcon className="BSC1Payment-icon" />
+                        {/* EXTRA CHARGE */}
+                        Extra Charge
+                      </div>
+
+                      <div style={{ fontSize: '9px', letterSpacing: '0.5px' }}>
+                        (Alt + A)
+                      </div>
+                    </div>
+                  </TooltipWrapper>
+                )}
+                {item?.OptionName == 'RePrint' && (
+                  <TooltipWrapper title={'RePrint'} isMobile={isMobile}>
+                    <div
+                      className="BSC1Payment-div1-btns"
+                      onClick={handleReprint}
+                      style={{
+                        pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                      }}
+                    >
+                      <div>
+                        <PozoReprintIcon className="BSC1Payment-icon" />
+                        Re-Print
+                      </div>
+
+                      <span style={{ fontSize: '9px', letterSpacing: '0.5px' }}>
+                        (Alt + R)
+                      </span>
+                    </div>
+                  </TooltipWrapper>
+                )}
+              </>
+            ))}
+            {/* {reprint1 && (
+              <FeaturesFunctionalities
+                handleReprintCancel={handleReprintCancel}
+                reprint={reprint1}
+              />
+            )} */}
+            {extraCharges && (
+              <FeaturesFunctionalities
+                ExtraChargesCancle={handleextraChargesCancel}
+                ExtraCharges={extraCharges}
+              />
+            )}
+            {QuickAdd && (
+              <FeaturesFunctionalities
+                handleQuickAddCancel={handleQuickCancel}
+                QuickAdd={QuickAdd}
+              />
+            )}
+            {creditCustomerOpen && (
+              <BSCreditCustomer
+                creditCustomerOpen={creditCustomerOpen}
+                CreditCustomerHAndleCancel={CreditCustomerHAndleCancel}
+              />
+            )}
+            {TotalAmount == 0 && Success && (
+              <div>
+                <QrComponent com={`WelcomeScreen**${brachName}`} />
+              </div>
+            )}
+            {TotalAmount > 0 &&
+              qrCode &&
+              PaymentUpiOptions?.length > 0 &&
+              SelectedUpiOption && (
+                <div>
+                  <QrComponent
+                    com={`DisplayQRCodeScreen**upi://pay?pa=${UpiId}&pn=Bonrix&cu=INR&am=${TotalAmount}&pn=Bonrix%20Software%20Systems**${TotalAmount}**${UpiId}`}
+                  />
+                </div>
+              )}
+
+            {PaymentUpiOptions?.length > 0 && OrderId && (
+              <div>
+                <QrComponent
+                  com={`DisplaySuccessQRCodeScreen**...**${extractLastNumberOrderId(OrderId, PrintOrderDetails?.[0]?.OrderDetails?.[0]?.FYStatus)}**${Todaydate}`}
+                />
+              </div>
+            )}
+          </div>
+        </div>
+
+        <div className="BSC1Payment-div1-2">
+          <div className="custom-float-menu">
+            <div
+              className="custom-float-trigger"
+              onClick={() => setIsFloatMenuOpen(!isFloatMenuOpen)}
+            >
+              <TfiMoreAlt
+                style={{ fontSize: '40px' }}
+                className="BSC1Payment-icon"
+              />
+            </div>
+
+            {isFloatMenuOpen && (
+              <div className="custom-float-items">
+                {!OtherServiceStatus && (
+                  <div className="custom-float-item">
+                    <TooltipWrapper
+                      placement="rightTop"
+                      title="Other Services"
+                      isMobile={isMobile}
+                    >
+                      <div onClick={handleotherservices}>
+                        <FaParking className="BSC1Payment-icon" />
+                        <p style={{ fontSize: '9px' }}>Parking</p>
+                      </div>
+                    </TooltipWrapper>
+                  </div>
+                )}
+                {BSComboNavbar?.[1]?.map((item) => (
+                  <>
+                    {item?.OptionName == 'QuickAdd' && (
+                      <div className="custom-float-item">
+                        <TooltipWrapper
+                          placement="rightTop"
+                          title="QUICK ADD"
+                          isMobile={isMobile}
+                        >
+                          <div onClick={setQuickOpen}>
+                            <PozoQuickAddIcon className="BSC1Payment-icon quickaddIconCombo" />
+                            <p style={{ fontSize: '9px' }}>
+                              Quick Add <br /> (Alt +N)
+                            </p>
+                          </div>
+                        </TooltipWrapper>
+                      </div>
+                    )}
+                    {item?.OptionName == 'DineIn' &&
+                      DineInPreference?.SettingValue === 'Y' && (
+                        <>
+                          <div className="custom-float-item">
+                            <TooltipWrapper
+                              placement="rightTop"
+                              title="DINE IN"
+                              isMobile={isMobile}
+                            >
+                              <div onClick={navigateDineIn}>
+                                <PozoDineInIcon className="BSC1Payment-icon1" />
+                                <p style={{ fontSize: '9px' }}>Dine In</p>
+                              </div>
+                            </TooltipWrapper>
+                          </div>
+                          {FirstPaymentclick === false &&
+                            !addnewAccess &&
+                            !OrderStatus && (
+                              <div className="custom-float-item">
+                                <BSTipAmount />
+                              </div>
+                            )}
+                        </>
+                      )}
+                    {item?.OptionName == 'TakeAway' && (
+                      <div className="custom-float-item">
+                        <TooltipWrapper
+                          placement="rightTop"
+                          title="TAKE AWAY"
+                          isMobile={isMobile}
+                        >
+                          <div>
+                            <PozoTakeAway className="BSC1Payment-icon1" />
+                            <p style={{ fontSize: '9px' }}>Take Away</p>
+                          </div>
+                        </TooltipWrapper>
+                      </div>
+                    )}
+                    {item?.OptionName == 'Offer' && (
+                      <div className="custom-float-item">
+                        <BSNavBarOffer
+                          layoutType="ComboMobile"
+                          propsPlacement="rightTop"
+                        />
+                      </div>
+                    )}
+                    {item?.OptionName == 'ExtraCharge' && (
+                      <div className="custom-float-item">
+                        <TooltipWrapper
+                          placement="rightTop"
+                          title="ADD ON"
+                          onClick={handleextraCharges}
+                          isMobile={isMobile}
+                        >
+                          <div>
+                            <PozoExtraChargesIcon className="BSC1Payment-icon1" />
+                            <p style={{ fontSize: '9px' }}>Extra Charge</p>
+                          </div>
+                        </TooltipWrapper>
+                      </div>
+                    )}
+                    {item?.OptionName == 'RePrint' && (
+                      <div className="custom-float-item">
+                        <TooltipWrapper
+                          placement="rightTop"
+                          title="RE PRINT"
+                          onClick={handleReprint}
+                          isMobile={isMobile}
+                        >
+                          <div>
+                            <PozoReprintIcon className="BSC1Payment-icon1" />
+                            <p style={{ fontSize: '9px' }}>Re Print</p>
+                          </div>
+                        </TooltipWrapper>
+                      </div>
+                    )}
+                  </>
+                ))}
+              </div>
+            )}
+          </div>
+        </div>
+
+        <div class="BSC1Payment-vl"></div>
+        <TooltipWrapper
+          //  title={'Payment Mode (SHIFT + M)'}
+          isMobile={isMobile}
+        >
+          <div
+            className="BSC1Payment-div2-1"
+            style={{
+              pointerEvents:
+                (BookingType === 'Dine In' ||
+                  BookingTypeBoth ||
+                  CheckOrderType?.length > 0) &&
+                  !unpaidFlow &&
+                  OrderStatus
+                  ? 'none'
+                  : 'auto',
+              opacity:
+                (BookingType === 'Dine In' ||
+                  BookingTypeBoth ||
+                  CheckOrderType?.length > 0) &&
+                  !unpaidFlow &&
+                  OrderStatus
+                  ? 0.5
+                  : 1,
+            }}
+          >
+            {paybtns?.length > 0 ? (
+              paybtns?.map((payment) => (
+                <div className="Table3-cash">
+                  <button
+                    className={
+                      paybtnselected === payment.ModeId &&
+                        (UpinotSelected || CardoptionnotSelected)
+                        ? 'Btn-payment-mode-notupisel'
+                        : paybtnselected === payment.ModeId &&
+                          (!UpinotSelected || !CardoptionnotSelected)
+                          ? 'Btn-payment-mode'
+                          : 'Btn-payment-mode-sel'
+                    }
+                    style={{
+                      position: 'relative',
+                      animation: blink
+                        ? 'blink-animation 0.5s infinite alternate'
+                        : 'none',
+                    }}
+                    onClick={() =>
+                      payment?.ModeName?.toLowerCase() === 'upi' // Change the condition to payment.Id
+                        ? handleUPIButtonClick(payment.ModeId, payment.ModeName)
+                        : handlePaymentMode(payment.ModeId, payment.ModeName)
+                    }
+                  >
+                    {/* {UpiOption === "" && payment?.ModeName?.toLowerCase() === "upi" && <p> UPI</p>} */}
+
+                    <div
+                      style={{
+                        display: 'flex',
+                        flexDirection: 'row',
+                        columnGap: '0.5rem',
+                        fontFamily: 'Poppins',
+                      }}
+                    >
+                      {payment.ModeName}
+                      {payment?.ModeName?.toLowerCase() === 'card' && (
+                        <CardPopover
+                          CardPayOption={CardPayOption}
+                          SelectedCardOption={SelectedCardOption}
+                          AddCardOption={AddCardOption}
+                          CardOptionOpen={CardOptionOpen}
+                          EnableCardOptions={EnableCardOptions}
+                          paygate={paygate}
+                          paydevice={paydevice}
+                        />
+                      )}
+                      {payment?.ModeName?.toLowerCase() === 'upi' && (
+                        <UpiPopover
+                          UpiOptionOpen={UpiOptionOpen}
+                          UpiPayOption={UpiPayOption}
+                          SelectedUPIPayOption={SelectedUPIPayOption}
+                          AddUPIPaymentOption={AddUPIPaymentOption}
+                          PaymentUpiOptions={PaymentUpiOptions}
+                          UpiOption={UpiOption}
+                          UpiId={UpiId}
+                          paygate={paygate}
+                          paydevice={paydevice}
+                          EnableUpiOptions={EnableUpiOptions}
+                          PaymentgatewayUPI={PaymentgatewayUPI}
+                          PaymentDeviceUPI={PaymentDeviceUPI}
+                          SelectedUpiOption={SelectedUpiOption}
+                          addUpiOption={addUpiOption}
+                          hideDefault={hideDefault}
+                        />
+                      )}
+                    </div>
+                  </button>
+                </div>
+              ))
+            ) : (
+              <div
+                onClick={handlepaymentoptions}
+                style={{ cursor: 'pointer' }}
+                className="payment-error-msg"
+              >
+                Please Set Payment Options
+              </div>
+            )}
+
+            {paybtns?.length > 1 && (
+              <div
+                style={{
+                  pointerEvents:
+                    (BookingType === 'Dine In' ||
+                      BookingTypeBoth ||
+                      CheckOrderType?.length > 0) &&
+                      !unpaidFlow &&
+                      OrderStatus
+                      ? 'none'
+                      : 'auto',
+                  opacity:
+                    (BookingType === 'Dine In' ||
+                      BookingTypeBoth ||
+                      CheckOrderType?.length > 0) &&
+                      !unpaidFlow &&
+                      OrderStatus
+                      ? 0.5
+                      : 1,
+                }}
+              >
+                <TooltipWrapper
+                  title="Split Payment (Alt + S)"
+                  isMobile={isMobile}
+                >
+                  {' '}
+                  <div
+                    className="BSBillingNav-icon-table-icon splitpaymantBTNCombo"
+                    onClick={
+                      CheckBookingStatus != 'Close' && !addnewAccess
+                        ? SplitPaymentOpen
+                        : ''
+                    }
+                    style={{
+                      cursor:
+                        OrderCardDetail?.length === 0 ||
+                          CheckBookingStatus == 'Close' ||
+                          addnewAccess
+                          ? 'not-allowed'
+                          : 'pointer',
+                      color:
+                        OrderCardDetail?.length === 0 ||
+                          CheckBookingStatus == 'Close' ||
+                          addnewAccess
+                          ? '#fff'
+                          : '#ffffffff',
+                      alignItems: 'center',
+                    }}
+                  >
+                    <div
+                      style={{
+                        display: 'flex',
+                        alignItems: 'center',
+                        width: '100%',
+                        justifyContent: 'center',
+                        gap: '4px',
+                      }}
+                    >
+                      <PozoSplitPaymentIcon />
+                      Split Pay
+                    </div>
+                  </div>
+                </TooltipWrapper>
+              </div>
+            )}
+          </div>
+        </TooltipWrapper>
+
+        {/* <div className='BSC1Payment-div2-2'>
+                    <select className='BSC1Payment-div2-button'>
+                        <option className='BSC1Payment-div1-btns'>CASH</option>
+                        <option className='BSC1Payment-div1-btns'>CARD</option>
+                        <option className='BSC1Payment-div1-btns'>UPI</option>
+                    </select>
+                </div> */}
+
+        <div class="BSC1Payment-vl"></div>
+
+        <div className="BSC1Payment-div3">
+          <div className="BSC1Payment-div4-sub1">
+            <div
+              style={{
+                display: 'flex',
+                flexDirection: 'column',
+                rowGap: '1rem',
+              }}
+            >
+              <div
+                style={{ display: 'flex', alignItems: 'center' }}
+                className="BSC1Payment-div4-naming"
+              >
+                <div style={{ width: '3rem' }}>Items </div>
+                <div style={{ width: '4px' }}> : </div>
+                <div style={{ textAlign: 'right', width: '1rem' }}>
+                  {' '}
+                  {TotalItems}{' '}
+                </div>
+              </div>
+              <div
+                style={{ display: 'flex', alignItems: 'center' }}
+                className="BSC1Payment-div4-naming"
+              >
+                <div style={{ width: '3rem' }}>Qty </div>
+                <div style={{ width: '4px' }}> : </div>
+                <div style={{ textAlign: 'right', width: '1rem' }}> {Qty} </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="BSC1Payment-vl"></div>
+
+        <div className="BSC1Payment-div4">
+          {(addcustomer || hold) && (
+            <FeaturesFunctionalities
+              handleAddCustomerCancel={handleAddCustomerCancel}
+              addcustomer={addcustomer}
+              handleHoldCancel={handleHoldCancel}
+              modalOpen={hold}
+              closeModal={() => setHold(false)}
+            />
+          )}
+          <div className="BSC1Payment-div4-payment newPaySectionCombo">
+            {Estimation?.SettingValue == 'Y' &&
+              BookingType !== 'Dine In' &&
+              !BookingTypeBoth && (
+                <div
+                  style={{
+                    color: '#1292EE',
+                    pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                  }}
+                >
+                  <BSNavBarEstimate />
+                </div>
+              )}
+            {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 && (
+                    <TooltipWrapper title={'Hold'} isMobile={isMobile}>
+                      {' '}
+                      <div
+                        style={{
+                          backgroundColor: '' ? '#52c41a' : '#1292EE',
+                          color: '' ? '#52c41a' : '#ffffffff',
+                          height: '40px',
+                          width: '45px',
+                          borderRadius: '6px',
+                          display: 'flex',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                          padding: '8px 8px 12px 8px',
+                        }}
+                      >
+                        <PozoHoldIcon
+                          className="BSBillingNav-icon-table-icon"
+                          onClick={() => AddBookingDetails('Hold')}
+                          style={{
+                            cursor: 'pointer',
+                            // color: '' ? '#52c41a' : '#1292EE',
+                          }}
+                        />{' '}
+                        <p className="payOptionDecition"> Hold</p>
+                      </div>
+                    </TooltipWrapper>
+                  )
+                  : ''}
+
+                {unpaidFlow == false
+                  ? item?.OptionName == 'Hold' &&
+                  BookingType !== 'Dine In' &&
+                  !BookingTypeBoth &&
+                  Holddata?.length > 0 &&
+                  OrderCardDetail?.length == 0 &&
+                  CheckBookingStatus != 'Close' &&
+                  !addnewAccess && (
+                    <TooltipWrapper title={'Recall'} isMobile={isMobile}>
+                      {' '}
+                      <Badge
+                        count={Holddata?.length}
+                        size={'small'}
+                        offset={[0, 7]}
+                      >
+                        <div
+                          style={{
+                            backgroundColor: Holddata ? '#52c41a' : 'default',
+                            color: Holddata ? '#ffffffff' : 'default',
+                            height: '40px',
+                            width: '45px',
+                            borderRadius: '6px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            padding: '8px 8px 12px 8px',
+                          }}
+                        >
+                          <PozoHoldIcon
+                            className="BSBillingNav-icon-table-icon"
+                            onClick={() => HandleholdModelOpen()}
+                            style={{
+                              cursor: 'pointer',
+                              // color: Holddata ? '#52c41a' : 'default',
+                              pointerEvents:
+                                OrderType === 'Failed' ? 'none' : 'auto',
+                            }}
+                          />
+                        </div>
+                      </Badge>
+                    </TooltipWrapper>
+                  )
+                  : ''}
+                {tabledata?.length > 0 && dinePreference && (
+                  <>
+                    {item?.OptionName == 'UnpaidBill' && (
+                      <TooltipWrapper title="Unpaid Bills" isMobile={isMobile}>
+                        {' '}
+                        <div
+                          style={{
+                            backgroundColor: unpaidFlow ? '#52c41a' : '#1292EE',
+                            color: unpaidFlow ? '#ffffffff' : '#ffffffff',
+                            height: '45px',
+                            width: '45px',
+                            borderRadius: '6px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            padding: '4px 8px 14px 8px',
+                          }}
+                        >
+                          <PozoUnpaidIcon
+                            className="BSBillingNav-icon-table-icon"
+                            style={{
+                              fontSize: '27px',
+                              cursor: 'pointer',
+                              pointerEvents:
+                                OrderType === 'Failed' ? 'none' : 'auto',
+                              height: '45px',
+                              width: '45px',
+                              borderRadius: '6px',
+                              display: 'flex',
+                              alignItems: 'center',
+                              justifyContent: 'center',
+                              padding: '4px 8px 14px 8px',
+                            }}
+                            onClick={() => {
+                              (setUnpaidOpen(true), getUnpaiddatas());
+                            }}
+                          />
+                        </div>
+                      </TooltipWrapper>
+                    )}
+                  </>
+                )}
+              </>
+            ))}
+            {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'
+                        )
+                    )
+                  ) && (
+                    <React.Fragment key="CreditCustomerFragment">
+                      <TooltipWrapper
+                        title="Advance Amount"
+                        isMobile={isMobile}
+                      >
+                        <div
+                          style={{
+                            backgroundColor:
+                              OrderCardDetail?.length > 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',
+                          }}
+                        >
+                          {' '}
+                          <PozoAdvanceIcon
+                            className="BSBillingNav-icon-table-icon"
+                            onClick={CreditCustomerFun}
+                            style={{
+                              cursor:
+                                OrderCardDetail?.length > 0 && 'not-allowed',
+                              // color:
+                              //   OrderCardDetail?.length > 0 ||
+                              //   (selOption?.value === undefined &&
+                              //     GlobalAddCustomerDetails1?.length === 0 &&
+                              //     GetCustId?.CustMobile === undefined)
+                              //     ? 'gray'
+                              //     : '#1292eeff',
+                              fontSize: '28px',
+                            }}
+                          />{' '}
+                          <p className="payOptionDecition">Adv Amt</p>
+                        </div>
+                      </TooltipWrapper>
+                    </React.Fragment>
+                  )}
+              </>
+            ) : (
+              ''
+            )}
+
+            {/* Customer Orders */}
+            {GetCustId && (
+              <Tooltip title="Customer Orders" isMobile={isMobile}>
+                {' '}
+                <div
+                  className="BSBillingNav-icon-table-icon"
+                  onClick={() => {
+                    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)'
+                  }}
+                >
+                  <FaCartPlus style={{
+                    fontSize: '20px',
+                  }} />Cust Orders
+                </div>
+              </Tooltip>
+            )}
+            {FeatureAddonData?.FeatureDtls?.find(
+              (item) => item?.FeatureAddonName?.toLowerCase() === 'preorder'
+            ) && (
+                <>
+                  {
+                    <div
+                      style={{
+                        pointerEvents:
+                          OrderCardDetail?.length > 0 || OrderType === 'Failed'
+                            ? 'none'
+                            : 'auto',
+                        opacity: OrderCardDetail?.length > 0 ? 0.5 : 1,
+                      }}
+                    >
+                      <TooltipWrapper title={'Pre Order'} isMobile={isMobile}>
+                        <Badge
+                          count={preOrderPendingCount}
+                          offset={[-5, 10]}
+                          size="small"
+                        >
+                          <PozoPreOrderIcon
+                            className="BSBillingNav-icon"
+                            fill={preOrderOpen ? '#52C41A' : '#1292EE'}
+                            onClick={() => {
+                              openPreOrder();
+                            }}
+                          />
+                        </Badge>
+                      </TooltipWrapper>
+                    </div>
+                  }
+                </>
+              )}
+            {preOrderOpen && <BSNavBarPreOrder />}
+            {sportsAppPreference && <BSMembership />}
+            {dinePreference &&
+              (BookingType === 'Dine In' ||
+                BookingTypeBoth ||
+                CheckOrderType?.length > 0) &&
+              !unpaidFlow && (
+                <>
+                  <TooltipWrapper title="ORDER" isMobile={isMobile}>
+                    {' '}
+                    <PozoDineInIcon
+                      className={
+                        FirstPaymentclick === false && !addnewAccess
+                          ? OrderStatus
+                            ? 'Dinein-order-btn pulse-element ChairClrRed'
+                            : 'Dinein-order-btn pulse-element ChairClrGreen'
+                          : 'Dinein-order-btn-disabled pulse-element'
+                      }
+                      onClick={() =>
+                        FirstPaymentclick === false && !addnewAccess
+                          ? changeOrderStatus()
+                          : ''
+                      }
+                      style={{
+                        pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                      }}
+                    />
+                  </TooltipWrapper>
+                  {FirstPaymentclick === false &&
+                    !addnewAccess &&
+                    !OrderStatus && <BSTipAmount />}
+                </>
+              )}
+            {OrderCardDetail?.length > 0 && ParkingDisplay && (
+              <div
+                style={{
+                  width: '1.5rem',
+                  color: 'rgb(18, 146, 238)',
+                  display: 'flex',
+                  alignItems: 'center',
+                  height: '2.46rem',
+                }}
+              >
+                <BSOtherServiceClaim />
+              </div>
+            )}
+            {unpaidFlow == true ? (
+              <TooltipWrapper title="Print Bill" isMobile={isMobile}>
+                <PozoBillIcon
+                  className="Hover"
+                  style={{
+                    fontSize: '25px',
+                    cursor: 'pointer',
+                    color: unpaidFlow ? '#52c41a' : '#1292EE',
+                  }}
+                  onClick={() => {
+                    Recipt();
+                  }}
+                />
+              </TooltipWrapper>
+            ) : (
+              ''
+            )}
+            {/* <div>
+              <Popover
+                content={<><a onClick={hide}><AiOutlineClose color='black' /></a>
+                  <BSSummery1 />
+                </>
+                }
+                trigger="click"
+                open={open}
+                onOpenChange={handleOpenChange}
+              >
+                <TooltipWrapper placement="topRight" title='SUMMARY' isMobile={isMobile}><UpCircleOutlined style={{ color: "rgb(18, 146, 238)" }} className='BSC1Payment-icon-button' /></TooltipWrapper>
+              </Popover>
+            </div> */}
+            {/* {ComboDropDown?.length >= 1 && (
+              <div style={{ fontSize: '1.5rem', color: 'rgb(18, 146, 238)' }}>
+                <TooltipWrapper title="Combo Product" isMobile={isMobile}>
+                  <GiBasket
+                    fill={Comboglobal === true ? '#52C41A' : '#1292EE'}
+                    onClick={handleClick}
+                    style={{
+                      pointerEvents: OrderType === 'Failed' ? 'none' : 'auto',
+                      cursor: 'pointer',
+                    }}
+                  />
+                </TooltipWrapper>
+              </div>
+            )} */}
+            {paymentfeataddon && (
+              <TooltipWrapper title="Failed Payment" isMobile={isMobile}>
+                <div
+                  onClick={() => {
+                    paymentFailedStatusFun();
+                  }}
+                  style={{
+                    width: '27px',
+                    cursor: 'pointer',
+                    fontWeight: '600',
+                    color: 'rgb(18, 146, 238)',
+                  }}
+                >
+                  <PozoFailedPaymentsIcon />
+                </div>
+              </TooltipWrapper>
+            )}
+            {OpenFailData && (
+              <PaymentFailedSales
+                paymentFailedStatusFun={paymentFailedStatusFun}
+                OpenFailData={OpenFailData}
+              />
+            )}
+          </div>
+        </div>
+        <div className="selctcusandpayBTNforCombo">
+          {BSComboData?.BookingBilling?.[1]?.map((item) => (
+            <>
+              {item?.OptionName == 'AddCustomer' && !preOrderOpen && (
+                <div
+                  style={{ display: 'flex', gap: '0', alignItems: 'center' }}
+                >
+                  <BSCustomerSelect />
+                  <TooltipWrapper title={'Add Customer'} isMobile={isMobile}>
+                    <div>
+                      <PozoAddCustomerIcon
+                        className="BSBillingNav-icon-table-icon bspaymentcomboAddCus"
+                        onClick={handleAddCustomer}
+                        style={{
+                          display: 'flex',
+                          fontSize: '20px',
+                          width: '35px',
+                          height: '40px',
+                          padding: '4px',
+                          borderRadius: '0 6px 6px 0',
+                          cursor: Custdisable ? 'not-allowed' : 'pointer',
+                          color:
+                            selOption || GetCustId ? '#ffffffff' : '#ffffffff',
+                          backgroundColor:
+                            selOption || GetCustId ? '#52c41a' : '#1292EE',
+                        }}
+                      />
+                    </div>
+                  </TooltipWrapper>
+                </div>
+              )}
+            </>
+          ))}
+
+          <div className="comboTotalBillBTN">
+            <TooltipWrapper title="Create Bill (F4)" isMobile={isMobile}>
+              <button
+                className={
+                  // (empData?.AddAccess === "N" || SAAccessCommonMaster?.AddAccess === "N")
+                  addnewAccess
+                    ? 'BSC1Payment-div4-button-disable'
+                    : FirstPaymentclick === false &&
+                      OrderCardDetail?.length > 0 &&
+                      paybtnselected &&
+                      CheckBookingStatus != 'Close'
+                      ? !OrderStatus
+                        ? 'BSC1Payment-div4-button'
+                        : 'BSC1Payment-div4-button Order'
+                      : 'BSC1Payment-div4-button-disable'
+                }
+                // onClick={() => {
+                //   (qrCode && SelectedUPIPayOption === "Default") ? UpiPayment() : OrderStatus ? AddBookingDetails("Dine-In") : AddBookingDetails(BookingType, true);
+                // }}
+                onClick={handleButtonClick}
+                style={{ borderRadius: '6px 0 0 6px' }}
+              >
+                {!OrderStatus ? (
+                  <>
+                    {isMobile ? (
+                      `₹ ${safeRound(
+                        OrderType === 'Failed'
+                          ? FailedTotalAmt
+                          : credit && overAllBal >= 0
+                            ? Math.max(0, TotalAmount - overAllBal)
+                            : TotalAmount
+                      )}`
+                    ) : (
+                      <div>
+                        ₹
+                        <CountUp
+                          duration={0.4}
+                          className="counter"
+                          end={safeRound(
+                            OrderType === 'Failed'
+                              ? FailedTotalAmt
+                              : credit && overAllBal >= 0
+                                ? Math.max(0, TotalAmount - overAllBal)
+                                : TotalAmount
+                          )}
+                        />
+                      </div>
+                    )}
+                    <AiOutlineArrowRight width="25px" height="25px" />
+                  </>
+                ) : (
+                  <div className="Table4-Order">ORDER</div>
+                )}
+              </button>
+            </TooltipWrapper>
+            <Popover
+              content={
+                <>
+                  <a onClick={hide}>
+                    <AiOutlineClose color="black" />
+                  </a>
+                  <BSSummery1 />
+                </>
+              }
+              trigger="click"
+              open={open}
+              onOpenChange={handleOpenChange}
+            >
+              <TooltipWrapper
+                placement="topRight"
+                title="SUMMARY"
+                isMobile={isMobile}
+              >
+                <UpCircleOutlined
+                  style={{
+                    color: '#ffffffff',
+                    backgroundColor: '#1292ee',
+                    height: '50px',
+                    width: '35px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderRadius: '0 6px 6px 0',
+                    padding: '7px',
+                    marginTop: '0px',
+                  }}
+                  className="BSC1Payment-icon-button"
+                />
+              </TooltipWrapper>
+            </Popover>
+          </div>
+        </div>
+        {PrintOrderDetails?.length > 0 &&
+          PrintOrderDetails?.[0]?.OrderDetails?.map((orderDetail, index) => (
+            <div style={{ display: 'none' }}>
+              <PaymentPdfBooking
+                index={index}
+                table2Data={orderDetail}
+                singleData2={orderDetail?.productDetails}
+                orderId={
+                  orderDetail?.OrderId &&
+                  extractLastNumberOrderId(
+                    orderDetail?.OrderId,
+                    orderDetail?.FYStatus
+                  )
+                }
+                CreatedDate={orderDetail?.CreatedDate}
+                PaymentStatus={PrintOrderDetails?.[0]?.PaymentOrderDtl}
+                Preference={SettingDataSelector}
+              />
+            </div>
+          ))}
+        {PrintOrderDetails?.length > 0 &&
+          (TokenOnly?.SettingValue === 'Y' ||
+            IndividualToken?.SettingValue === 'Y') &&
+          PrintOrderDetails?.[0]?.OrderDetails?.map((orderDetail, index) => (
+            <div style={{ display: 'none' }}>
+              <TokensinglePrint
+                index={index}
+                table2Data={orderDetail}
+                singleData2={orderDetail?.productDetails}
+                orderId={
+                  orderDetail?.OrderId &&
+                  extractLastNumberOrderId(
+                    orderDetail?.OrderId,
+                    orderDetail?.FYStatus
+                  )
+                }
+                CreatedDate={orderDetail?.CreatedDate}
+                PaymentStatus={PrintOrderDetails?.[0]?.PaymentOrderDtl}
+              />
+            </div>
+          ))}
+        {CreditCustomer && (
+          <div style={{ display: 'none' }}>
+            <BsBillingCreditCustomer
+              ModalCreditCustomer={CreditCustomer}
+              handlemodalclose={() => {
+                handleCreditCustomer('Cancel');
+              }}
+              handleOk={() => {
+                handleCreditCustomer('Submit');
+              }}
+            />
+          </div>
+        )}
+      </div>
+      {UpiOpen && (
+        <DefaultModal
+          open={UpiOpen}
+          title="UPI PAYMENT"
+          width={500}
+          handleCancel={() => {
+            Upimodel('Cancel');
+          }}
+          footer={false}
+          children={
+            <div style={{ overflow: 'scroll' }}>
+              {/* <h1 className="formHeader">UPI PAYMENT</h1> */}
+
+              <div
+                style={{
+                  display: 'flex',
+                  flexDirection: 'column',
+                  justifyContent: 'space-evenly',
+                  alignItems: 'center',
+                }}
+              >
+                <div>
+                  <QrinScreen
+                    Amount={
+                      OrderType === 'Failed'
+                        ? FailedTotalAmt
+                        : Math.round(TotalAmount)
+                    }
+                    UpiId={UpiId}
+                  />
+                </div>
+
+                <div>
+                  <h1>
+                    {' '}
+                    RS :
+                    {OrderType === 'Failed'
+                      ? FailedTotalAmt
+                      : Math.round(TotalAmount)}{' '}
+                  </h1>
+                </div>
+              </div>
+
+              <div className="sentok">
+                {(selOption || SelCustId) && (
+                  <div className="sentLink" onClick={onFinalSubmit}>
+                    Sent Payment Link
+                    <img
+                      src={WpIcon}
+                      alt="Your Alt Text"
+                      style={{ width: '30px', height: '30px' }}
+                    />
+                    {/* <ArrowRightOutlined /> */}
+                  </div>
+                )}
+
+                <div
+                  style={{
+                    display: 'flex',
+                    flexDirection: 'row-reverse',
+                    width: '100px',
+                  }}
+                >
+                  <Buttons
+                    buttonText="OK"
+                    color="901D77"
+                    icon={<ArrowRightOutlined />}
+                    handleSubmit={() => {
+                      Upimodel('Submit');
+                    }}
+                  />
+                </div>
+              </div>
+            </div>
+          }
+        />
+      )}
+      {unpaidopen && (
+        <DefaultModal
+          open={unpaidopen}
+          title="UNPAID BILL'S"
+          width={1000}
+          handleCancel={() => {
+            setUnpaidOpen(false);
+          }}
+          footer={false}
+          children={
+            <div style={{ height: '400px', overflow: 'scroll' }}>
+              <Tables
+                columns={columns}
+                data={TableData}
+                dataSource={TableData}
+              // pagination={handlePageChange}
+              // onChange={handleChange}
+              />
+            </div>
+          }
+        />
+      )}
+      {/* <Modal title="Add Customer" open={isModalOpen} onOk={handleOk} onCancel={handleCancel}>
+
+            </Modal> */}
+      {UnpaidConfirmation && (
+        <Modal
+          open={UnpaidConfirmation}
+          width={500}
+          children={
+            <>
+              <div>
+                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.
+              </div>
+            </>
+          }
+          onOk={UnpaidOk}
+          onCancel={Unpaidclose}
+        />
+      )}
+      {Splitpayment && (
+        <SplitPayment
+          SplitPaymentModal={Splitpayment}
+          handlesplitpaymentclose={handlesplitpaymentclose}
+          TotalNetAmount={
+            OrderType === 'Failed' ? FailedTotalAmt : Math.round(TotalAmount)
+          }
+          failedOrderData={failedOrderData}
+        />
+      )}
+      {PrintOrderDetails?.length > 0 && (
+        <div
+          style={{
+            display: 'flex',
+            gap: '1rem',
+            justifyContent: 'center',
+            margin: '1rem 0',
+          }}
+        >
+          {filteredSettingNames?.includes('whatsapp') &&
+            MobileNoWhatsApp?.value && (
+              <FaWhatsapp
+                size={32}
+                color="#25D366"
+                style={{ cursor: 'pointer' }}
+                onClick={handleWhatsAppClick}
+                title="Share on WhatsApp"
+              />
+            )}
+
+          <FaPrint
+            size={32}
+            color="#1292EE"
+            style={{ cursor: 'pointer' }}
+            onClick={handlePrintOrToken}
+            title="Print"
+          />
+
+          {filteredSettingNames?.includes('SMS') && isMobile && (
+            <MdSms
+              size={32}
+              color="#FF8800"
+              style={{ cursor: 'pointer' }}
+              onClick={handleSMSClick}
+              title="Send SMS"
+            />
+          )}
+          {/* WhatsAppShare modal/component */}
+          {showWhatsAppShare && (
+            <WhatsAppShare
+              message={encodedMessage}
+              mobileNumber={MobileNoWhatsApp?.value}
+              onClose={() => closePrintOption(false)}
+            />
+          )}
+          {showSMSShare && isMobile && (
+            <SMSShare
+              message={encodedMessage}
+              mobileNumber={MobileNoWhatsApp?.value}
+              onClose={() => closePrintOption(false)}
+            />
+          )}
+        </div>
+      )}
+      <DefaultModal
+        className={'paymentoptionsModal'}
+        open={GlobalSalesPaymentoptions}
+        width={500}
+        height={1000}
+        handleCancel={() => {
+          dispatch(changeSalesPaymentoption(false));
+        }}
+        footer={false}
+        children={
+          <div
+            className="paymentoptionsModalContent"
+            style={{ overflow: 'scroll' }}
+          >
+            <Paymentoption onSuccess={getPaymentOptionFeature} />
+          </div>
+        }
+      />
+      {customerPreviesOrders && (
+        <DefaultModal
+          open={customerPreviesOrders}
+          handleCancel={() => setCustomerPreviesOrders(false)}
+          footer={false}
+          width={700}
+          className={'ModalPaymentGatewayEmbedded'}
+          children={
+            <>
+              <CustomerOrders
+                CustomerDetails={selOption}
+                close={() => setCustomerPreviesOrders(false)}
+              />
+            </>
+          }
+        />
+      )}
+    </>
+  );
+};
+
+export default BSC1Payment;