Added Payment QR Code model Close Funtionalies

src/Pages/BookingScreen/Components/BSCombo/BSC1Payment.jsx

@@ -128,6 +128,7 @@ import {
   changePreviousOrderOfferDetail,
   GlobalPaymentTrigger,
   changeSearchedData,
+  PostCancelPayment,
 } from '../../../../Features/BookingScreen/BookingData/BookingData';
 import { PrintStyleFunction } from '../../../paymentpdfPage/PrintStyleFunction.js';
 import {
@@ -1294,6 +1295,16 @@ const BSC1Payment = (props) => {
     }
   };
 
+    // PostCancelPayment
+    const CancelPayment = async () => {
+      const response = await dispatch(PostCancelPayment({OrderId: businessUPIOrderId})).unwrap()
+      if (response?.data?.statusCode) {
+        ClearAllGlobalStateDatas();
+        CustomerDisplay();
+        setBusinessUPI(false);
+      }
+    }
+
   useEffect(() => {
     const handleKeyPress = (event) => {
       if (event.key === 'F4' && isButtonActive() && !isF4Pressed.current) {
@@ -4993,6 +5004,7 @@ const BSC1Payment = (props) => {
         handleCancel={() => setShowCancelConfirm(true)}
         footer={false}
         width={500}
+        destroyOnClose={true}
         children={
           <>
             <PaymentGatewayEmbedded
@@ -5009,21 +5021,34 @@ const BSC1Payment = (props) => {
         }
       />
       {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}
+                  open={showCancelConfirm}
-          title="Cancel Payment"
+                  title="Cancel Payment"
-          onOk={() => {
+                  onOk={() => {
-            setBusinessUPI(false);
+                    setShowCancelConfirm(false);
-            setShowCancelConfirm(false);
+                    CancelPayment()
-            ClearAllGlobalStateDatas();
+                  }}
-            CustomerDisplay();
+                  onCancel={() => setShowCancelConfirm(false)}
-          }}
+                  okText="Yes"
-          onCancel={() => setShowCancelConfirm(false)}
+                  cancelText="No"
-          okText="Yes"
+                >
-          cancelText="No"
+                  Do you want to cancel the payment?
-        >
+                </Modal>
-          Do you want to cancel the payment?
-        </Modal>
       )}
 
       {customerPreviesOrders && (