diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx
index 02f93fb..cc2e55b 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/BSBillingTable3/BSBillingTable3pay.jsx
@@ -141,6 +141,7 @@ import {
   changePreviousOrderOfferDetail,
   GlobalAllBookingType,
   changeSearchedData,
+  PostCancelPayment,
 } from '../../../../../Features/BookingScreen/BookingData/BookingData';
 import { PrintStyleFunction } from '../../../../paymentpdfPage/PrintStyleFunction.js';
 import FeaturesFunctionalities from '../../BookingFunctionality/FeaturesFunctionalities';
@@ -1035,7 +1036,7 @@ const BSBillingTable3Pay = () => {
 
     const selectedStyle =
       stylesMap[
-        printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
+      printerTemplateStyle == undefined ? 'Style 13' : printerTemplateStyle
       ];
 
     if (selectedStyle) {
@@ -1574,7 +1575,15 @@ const BSBillingTable3Pay = () => {
         : AddBookingDetails(BookingType, true);
     }
   };
-
+  // PostCancelPayment
+  const CancelPayment = async () => {
+    const response = await dispatch(PostCancelPayment({OrderId: businessUPIOrderId})).unwrap()
+    if (response?.data?.statusCode) {
+      ClearAllGlobalStateDatas();
+      CustomerDisplay();
+      setBusinessUPI(false);
+    }
+  }
   const financialYearError = async () => {
     setMessageType('error');
     setMessageData('Financial Year-Based Sales Not Yet Started');
@@ -2261,15 +2270,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',
@@ -2364,7 +2373,7 @@ const BSBillingTable3Pay = () => {
           : Paybtnnameselected?.toLowerCase() === 'credit'
             ? 'S'
             : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                SelectedUPIPayOption?.toLowerCase() === 'default'
+              SelectedUPIPayOption?.toLowerCase() === 'default'
               ? 'S'
               : 'P',
       OrderDtlDetails:
@@ -2381,9 +2390,9 @@ const BSBillingTable3Pay = () => {
           ? globalTipAmount === 0
             ? SelectedTableDetails
             : SelectedTableDetails?.map((item) => ({
-                ...item,
-                TipsAmount: globalTipAmount,
-              }))
+              ...item,
+              TipsAmount: globalTipAmount,
+            }))
           : null,
       SalesPaymentType: 'normal',
       PaymentDetail: [
@@ -2398,8 +2407,8 @@ const BSBillingTable3Pay = () => {
                     ? PaymentgatewayUPI?.[0]?.ModeId
                     : SelectedUPIPayOption?.toLowerCase() === 'business'
                       ? BusinessPayOption?.find(
-                          (busupi) => busupi?.ModeId === UpiId
-                        )?.ModeId
+                        (busupi) => busupi?.ModeId === UpiId
+                      )?.ModeId
                       : paybtnselected
                 : paybtnselected
                   ? paybtnselected
@@ -2412,15 +2421,15 @@ const BSBillingTable3Pay = () => {
             salesBillEdit && currentOrderNetAmount < previousNetAmount
               ? null
               : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                  SelectedUPIPayOption?.toLowerCase() === 'business'
+                SelectedUPIPayOption?.toLowerCase() === 'business'
                 ? BusinessPayOption?.find((busupi) => busupi?.ModeId === UpiId)
-                    ?.MerchantId
+                  ?.MerchantId
                 : null,
           PaymentOptionType:
             salesBillEdit &&
-            currentOrderNetAmount < previousNetAmount &&
-            (refundPaySelectedName?.toLowerCase() === 'cash' ||
-              refundPaySelectedName?.toLowerCase() === 'credit')
+              currentOrderNetAmount < previousNetAmount &&
+              (refundPaySelectedName?.toLowerCase() === 'cash' ||
+                refundPaySelectedName?.toLowerCase() === 'credit')
               ? 'PC'
               : Paybtnnameselected?.toLowerCase() === 'cash'
                 ? 'PC'
@@ -2440,29 +2449,29 @@ const BSBillingTable3Pay = () => {
               ? null
               : SelectedUPIPayOption?.toLowerCase() === 'default'
                 ? PaymentUpiOptions?.find((upipay) => upipay?.UPIId === UpiId)
-                    ?.UPIDetailId
+                  ?.UPIDetailId
                 : SelectedUPIPayOption?.toLowerCase() === 'business'
                   ? BusinessPayOption?.find(
-                      (busupi) => busupi?.ModeId === UpiId
-                    )?.MerchantUPIId
+                    (busupi) => busupi?.ModeId === UpiId
+                  )?.MerchantUPIId
                   : null,
           AccountDtl:
             salesBillEdit && currentOrderNetAmount < previousNetAmount
               ? []
               : 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:
@@ -2473,13 +2482,13 @@ const BSBillingTable3Pay = () => {
                 : Paybtnnameselected?.toLowerCase() === 'credit'
                   ? 'S'
                   : Paybtnnameselected?.toLowerCase() === 'upi' &&
-                      SelectedUPIPayOption?.toLowerCase() === 'default'
+                    SelectedUPIPayOption?.toLowerCase() === 'default'
                     ? 'S'
                     : 'P',
           Debit:
             salesBillEdit &&
-            currentOrderNetAmount < previousNetAmount &&
-            refundPaySelectedName?.toLowerCase() === 'credit'
+              currentOrderNetAmount < previousNetAmount &&
+              refundPaySelectedName?.toLowerCase() === 'credit'
               ? Math.round(previousNetAmount - currentOrderNetAmount)
               : 0,
           Credit: salesBillEdit
@@ -2557,14 +2566,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]);
@@ -2724,14 +2733,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]);
@@ -2834,14 +2843,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]);
@@ -3018,14 +3027,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]);
@@ -3044,7 +3053,7 @@ const BSBillingTable3Pay = () => {
         if (
           Date.now() - startTime >
           useOptions?.[0]?.PDConfigDetails?.[0]?.AutoCancelDurationInMinutes *
-            60000
+          60000
         ) {
           // 60,000 ms = 1 minute
 
@@ -3751,9 +3760,9 @@ const BSBillingTable3Pay = () => {
                                     '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',
@@ -3775,16 +3784,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',
@@ -3807,14 +3816,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',
@@ -3850,8 +3859,8 @@ const BSBillingTable3Pay = () => {
                         cursor: OrderCardDetail?.length > 0 && 'not-allowed',
                         color:
                           OrderCardDetail?.length > 0 ||
-                          (OrderCardDetail?.length > 0 &&
-                            GetCustId?.CustMobile === undefined)
+                            (OrderCardDetail?.length > 0 &&
+                              GetCustId?.CustMobile === undefined)
                             ? 'gray'
                             : 'rgb(18, 146, 238)',
                         fontSize: '25px',
@@ -3938,65 +3947,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 &&
-                          OrderCardDetail?.length == 0 &&
-                          CheckBookingStatus != 'Close' &&
-                          !addnewAccess && (
-                            <TooltipWrapper
-                              title={'Recall (Alt+W)'}
-                              isMobile={isMobile}
+                        paybtns?.length > 0 &&
+                        BookingType !== 'Dine In' &&
+                        !BookingTypeBoth &&
+                        Holddata?.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>
+                        )
                         : ''}
                     </>
                   ))}
@@ -4042,14 +4051,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',
@@ -4148,31 +4157,31 @@ 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,
                 }}
               >
                 {paybtns?.length > 0 &&
-                currentOrderNetAmount >= previousNetAmount ? (
+                  currentOrderNetAmount >= previousNetAmount ? (
                   paybtns?.map((payment) => (
                     <div className="Table3-cash">
                       <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'
                         }
@@ -4186,13 +4195,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>} */}
@@ -4252,10 +4261,10 @@ const BSBillingTable3Pay = () => {
                       <button
                         className={
                           refundPaySelected === payment.ConfigId &&
-                          (UpinotSelected || CardoptionnotSelected)
+                            (UpinotSelected || CardoptionnotSelected)
                             ? 'Btn-payment-mode-notupisel'
                             : refundPaySelected === payment.ConfigId &&
-                                (!UpinotSelected || !CardoptionnotSelected)
+                              (!UpinotSelected || !CardoptionnotSelected)
                               ? 'Btn-payment-mode'
                               : 'Btn-payment-mode-sel'
                         }
@@ -4516,9 +4525,9 @@ const BSBillingTable3Pay = () => {
                   addnewAccess
                     ? 'BSBillingTable3-paybtn-deactive'
                     : FirstPaymentclick === false &&
-                        OrderCardDetail?.length > 0 &&
-                        paybtnselected &&
-                        CheckBookingStatus != 'Close'
+                      OrderCardDetail?.length > 0 &&
+                      paybtnselected &&
+                      CheckBookingStatus != 'Close'
                       ? !OrderStatus
                         ? salesBillEdit &&
                           currentOrderNetAmount < previousNetAmount
@@ -4752,14 +4761,14 @@ const BSBillingTable3Pay = () => {
             OrderType === 'Failed'
               ? FailedTotalAmt
               : Math.round(
-                  OrderCardDetail?.reduce(
-                    (acc, data) => data?.TotalAmt + acc,
-                    0
-                  ) -
-                    ((OverAllSales > 0 ? OverAllSales : 0) +
-                      (OverAllEstimate > 0 ? OverAllEstimate : 0) +
-                      (Discount > 0 ? Discount : 0))
-                )
+                OrderCardDetail?.reduce(
+                  (acc, data) => data?.TotalAmt + acc,
+                  0
+                ) -
+                ((OverAllSales > 0 ? OverAllSales : 0) +
+                  (OverAllEstimate > 0 ? OverAllEstimate : 0) +
+                  (Discount > 0 ? Discount : 0))
+              )
           }
           failedOrderData={failedOrderData}
         />
@@ -4835,9 +4844,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 (
@@ -4919,6 +4928,7 @@ const BSBillingTable3Pay = () => {
         open={businessUPI}
         handleCancel={() => setShowCancelConfirm(true)}
         footer={false}
+        destroyOnClose={true}
         width={500}
         children={
           <>
@@ -4936,14 +4946,27 @@ const BSBillingTable3Pay = () => {
         }
       />
       {showCancelConfirm && (
+        // <Modal
+        //   open={showCancelConfirm}
+        //   title="Cancel Payment"
+        //   onOk={() => {
+        //     setBusinessUPI(false);
+        //     setShowCancelConfirm(false);
+        //     ClearAllGlobalStateDatas();
+        //     CustomerDisplay();
+        //   }}
+        //   onCancel={() => setShowCancelConfirm(false)}
+        //   okText="Yes"
+        //   cancelText="No"
+        // >
+        //   Do you want to cancel the payment?
+        // </Modal>
         <Modal
           open={showCancelConfirm}
           title="Cancel Payment"
           onOk={() => {
-            setBusinessUPI(false);
             setShowCancelConfirm(false);
-            ClearAllGlobalStateDatas();
-            CustomerDisplay();
+            CancelPayment()
           }}
           onCancel={() => setShowCancelConfirm(false)}
           okText="Yes"