Merge pull request #508 from PayButton/feat/autoclose-false-default

Feat/autoclose false default

Author: chedieck

paybutton/dev/demo/paybutton-generator.html

@@ -181,6 +181,11 @@
                 false-value="false">
               <label for="disabled">Disabled</label>
             </div>
+            <div class="form-input toggle">
+              <input type="checkbox" id="autoClose" v-model="paybuttonProps.autoClose" true-value="true"
+                false-value="false">
+              <label for="autoClose">Auto Close</label>
+            </div>
           </div>
         </div>
         <div style="display: flex; justify-content: right; position: relative;">
@@ -213,6 +218,7 @@
             :on-transaction="myTransactionFuction"
             :disable-altpayment="paybuttonProps.disableAltpayment"
             :transaction-text="paybuttonProps.transactionText"
+            :auto-close="paybuttonProps.autoClose"
             :op-return="paybuttonProps.opReturn">
           </div>
         </div>
@@ -247,7 +253,8 @@
             opReturn:undefined,
             transactiontext: '',
             onSuccess: mySuccessFuction,
-            onTransaction: myTransactionFuction
+            onTransaction: myTransactionFuction,
+            autoClose: true
           });
           const paybuttonType = ref("paybutton");
           const updateProps = () => {

react/lib/components/PayButton/PayButton.tsx

@@ -367,7 +367,7 @@ const payButtonDefaultProps: PayButtonProps = {
   disableEnforceFocus: false,
   disabled: false,
   editable: false,
-  autoClose: true,
+  autoClose: false,
 };
 
 PayButton.defaultProps = payButtonDefaultProps;

react/lib/components/PaymentDialog/PaymentDialog.tsx

@@ -140,8 +140,7 @@ export const PaymentDialog = (
     setSuccess(true);
     onSuccess?.(transaction);
     setTimeout(() => {
-      setSuccess(false);
-      if (autoClose === true) {
+      if (isPropsTrue(autoClose)) {
         handleWidgetClose();
       }
     }, 3000);

react/lib/components/Widget/WidgetContainer.tsx

@@ -201,9 +201,6 @@ export const WidgetContainer: React.FunctionComponent<WidgetContainerProps> =
               );
             setSuccess(true);
             onSuccess?.(transaction);
-            setTimeout(() => {
-              setSuccess(false);
-            }, 3000);
           } else {
             onTransaction?.(transaction);
             if (transactionText){