Merge pull request #29 from Flutterwave/fix-multiple-callback-response

fix multiple callback response

Author: corneliusyaovi

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',

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 = '';
   })