Added Payment QR Code model Close Funtionalies

src/Pages/BookingScreen/Components/BSBillingTables/StandardTable/StandardTablePayment.jsx

@@ -109,6 +109,7 @@ import {
   GlobalUnpaidListData,
   PaymentGatewayGetdetail,
   PostBookingData,
+  PostCancelPayment,
   PostPaymentdevice,
   PreferenceData,
   PutBookingData,
@@ -1214,6 +1215,15 @@ const StandardTablePayment = () => {
     }
   };
 
+   // PostCancelPayment
+    const CancelPayment = async () => {
+      const response = await dispatch(PostCancelPayment({OrderId: businessUPIOrderId})).unwrap()
+      if (response?.data?.statusCode) {
+        ClearAllGlobalStateDatas();
+        CustomerDisplay();
+        setBusinessUPI(false);
+      }
+    }
   const Otherserviceprint = async () => {
     if (OtherServicesPrintDetails?.length > 0) {
       const style = await PrintStyleFunction('OtherServices1');
@@ -4191,6 +4201,7 @@ const StandardTablePayment = () => {
         handleCancel={() => setShowCancelConfirm(true)}
         footer={false}
         width={600}
+        destroyOnClose={true}
         className={'ModalPaymentGatewayEmbedded'}
         children={
           <>
@@ -4209,22 +4220,35 @@ const StandardTablePayment = () => {
         }
       />
       {showCancelConfirm && (
-        <Modal
+        // <Modal
-          open={showCancelConfirm}
+        //   open={showCancelConfirm}
-          title="Cancel Payment"
+        //   title="Cancel Payment"
-          onOk={() => {
+        //   onOk={() => {
-            paymentGatewayRef.current?.clearPolling();
+        //     paymentGatewayRef.current?.clearPolling();
-            setBusinessUPI(false);
+        //     setBusinessUPI(false);
-            setShowCancelConfirm(false);
+        //     setShowCancelConfirm(false);
-            ClearAllGlobalStateDatas();
+        //     ClearAllGlobalStateDatas();
-            CustomerDisplay();
+        //     CustomerDisplay();
-          }}
+        //   }}
-          onCancel={() => setShowCancelConfirm(false)}
+        //   onCancel={() => setShowCancelConfirm(false)}
-          okText="Yes"
+        //   okText="Yes"
-          cancelText="No"
+        //   cancelText="No"
-        >
+        // >
-          Do you want to cancel the payment?
+        //   Do you want to cancel the payment?
-        </Modal>
+        // </Modal>
+         <Modal
+                  open={showCancelConfirm}
+                  title="Cancel Payment"
+                  onOk={() => {
+                    setShowCancelConfirm(false);
+                    CancelPayment()
+                  }}
+                  onCancel={() => setShowCancelConfirm(false)}
+                  okText="Yes"
+                  cancelText="No"
+                >
+                  Do you want to cancel the payment?
+                </Modal>
       )}
       {customerPreviesOrders && (
         <DefaultModal