fix multiple callback response

Author: ugwumadu116

dist/index.es.js

@@ -218,6 +218,8 @@ var FlutterWaveButton = function (_a) {
 function closePaymentModal() {
     document.getElementsByName('checkout').forEach(function (item) {
         item.setAttribute('style', 'position:fixed;top:0;left:0;z-index:-1;border:none;opacity:0;pointer-events:none;width:100%;height:100%;');
+        item.setAttribute('id', 'flwpugpaidid');
+        item.setAttribute('src', 'https://checkout.flutterwave.com/?');
         document.body.style.overflow = '';
     });
 }

dist/index.js

@@ -222,6 +222,8 @@ var FlutterWaveButton = function (_a) {
 function closePaymentModal() {
     document.getElementsByName('checkout').forEach(function (item) {
         item.setAttribute('style', 'position:fixed;top:0;left:0;z-index:-1;border:none;opacity:0;pointer-events:none;width:100%;height:100%;');
+        item.setAttribute('id', 'flwpugpaidid');
+        item.setAttribute('src', 'https://checkout.flutterwave.com/?');
         document.body.style.overflow = '';
     });
 }

example/src/App.js

@@ -4,7 +4,7 @@ import { useFlutterwave, FlutterWaveButton, closePaymentModal } from './dist/ind
 
 export default function App() {
   const config = {
-    public_key: 'FLWPUBK-**************************-X',
+    public_key: "FLWPUBK-**************************-X",
     tx_ref: Date.now(),
     amount: 10,
     currency: 'NGN',
@@ -46,6 +46,19 @@ export default function App() {
         onClick={() => {
           handleFlutterPayment({
             callback: (response) => {
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
+              console.log(" response")
               console.log(response);
               closePaymentModal()
 
@@ -60,7 +73,7 @@ export default function App() {
         Testing FW Payment
       </button>
 
-      <FlutterWaveButton {...fwConfig} />
+      {/* <FlutterWaveButton {...fwConfig} /> */}
     </div>
   );
 }

example/src/dist/index.es.js

@@ -218,6 +218,8 @@ var FlutterWaveButton = function (_a) {
 function closePaymentModal() {
     document.getElementsByName('checkout').forEach(function (item) {
         item.setAttribute('style', 'position:fixed;top:0;left:0;z-index:-1;border:none;opacity:0;pointer-events:none;width:100%;height:100%;');
+        item.setAttribute('id', 'flwpugpaidid');
+        item.setAttribute('src', 'https://checkout.flutterwave.com/?');
         document.body.style.overflow = '';
     });
 }

example/src/dist/index.js

@@ -222,6 +222,8 @@ var FlutterWaveButton = function (_a) {
 function closePaymentModal() {
     document.getElementsByName('checkout').forEach(function (item) {
         item.setAttribute('style', 'position:fixed;top:0;left:0;z-index:-1;border:none;opacity:0;pointer-events:none;width:100%;height:100%;');
+        item.setAttribute('id', 'flwpugpaidid');
+        item.setAttribute('src', 'https://checkout.flutterwave.com/?');
         document.body.style.overflow = '';
     });
 }

src/closeModal.tsx

@@ -5,6 +5,8 @@
   document.getElementsByName('checkout').forEach(item => {
     item.setAttribute('style',
     'position:fixed;top:0;left:0;z-index:-1;border:none;opacity:0;pointer-events:none;width:100%;height:100%;');
+    item.setAttribute('id','flwpugpaidid');
+    item.setAttribute('src','https://checkout.flutterwave.com/?')
   document.body.style.overflow = '';
   })