@miden-npm/react 0.0.18 → 1.0.0

package/dist/index.cjs

@@ -1783,7 +1783,8 @@ function BzpCheckoutIframe({
     phoneNumber: "",
     narration: "",
     redirectUrl: "https://sandbox-merchant.buzapay.com/account/three-ds-status"
-  }
+  },
+  onError
 }) {
   const containerRef = (0, import_react6.useRef)(null);
   const iframeRef = (0, import_react6.useRef)(null);
@@ -1819,21 +1820,30 @@ function BzpCheckoutIframe({
       return setMessage("Secret key is required.");
     }
     setLoading(true);
-    const response = await createPaymentLink(
-      paymentObject,
-      environment,
-      secretKey
-    );
-    if (response?.isSuccessful) {
-      setLaunchUrl(response.launchUrl ?? "");
-      setMessage("Payment link created successfully");
-      if (response.launchUrl) {
+    try {
+      const response = await createPaymentLink(
+        paymentObject,
+        environment,
+        secretKey
+      );
+      if (response?.isSuccessful) {
+        setLaunchUrl(response.launchUrl ?? "");
+        setMessage("Payment link created successfully");
+        if (response.launchUrl) {
+          setLoading(false);
+          launchIframe(`${response.launchUrl}&merchantId=${btoa(secretKey)}`);
+        }
+      } else {
         setLoading(false);
-        launchIframe(`${response.launchUrl}&merchantId=${btoa(secretKey)}`);
+        setMessage("Failed to create payment link");
       }
-    } else {
+    } catch (e) {
+      setMessage(e?.message || "Failed to create payment link");
+      onError?.({
+        errorMessage: message
+      });
+    } finally {
       setLoading(false);
-      setMessage("Failed to create payment link");
     }
   };
   (0, import_react6.useEffect)(() => {
@@ -1860,7 +1870,8 @@ function BzpCheckoutButton({
     narration: "",
     redirectUrl: "https://sandbox-merchant.buzapay.com/account/three-ds-status"
   },
-  mode = "redirect"
+  mode = "redirect",
+  onError
 }) {
   const [message, setMessage] = (0, import_react7.useState)("");
   const [launchUrl, setLaunchUrl] = (0, import_react7.useState)("");
@@ -1895,6 +1906,9 @@ function BzpCheckoutButton({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to create payment link");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoading(false);
     }
@@ -1931,7 +1945,8 @@ function PayByCard({
   secretKey,
   paymentObject,
   environment = "sandbox",
-  onPaymentAuthorized
+  onPaymentAuthorized,
+  onError
 }) {
   const [formIndex, setFormIndex] = (0, import_react8.useState)(0);
   const [message, setMessage] = (0, import_react8.useState)("");
@@ -2111,7 +2126,8 @@ function PayByCard({
               paymentId: response.transactionReference,
               paymentDate: response?.data?.updatedAt,
               // optional if present
-              paymentStatus: "Authorized"
+              paymentStatus: "authorized",
+              message
             });
           }
           setMessage("Card payment authorized successfully");
@@ -2122,7 +2138,8 @@ function PayByCard({
         onPaymentAuthorized?.({
           paymentId: response?.transactionReference,
           paymentDate: response?.data?.updatedAt,
-          paymentStatus: "Payment failed"
+          paymentStatus: "payment failed",
+          message
         });
         setIsMakingPayment(false);
       } catch (err) {
@@ -2142,6 +2159,9 @@ function PayByCard({
         }
         setMessage(friendly);
         setIsMakingPayment(false);
+        onError?.({
+          errorMessage: message
+        });
       }
     }
   };
@@ -2171,6 +2191,9 @@ function PayByCard({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to create payment link");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoading(false);
     }
@@ -2192,6 +2215,9 @@ function PayByCard({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to get countries");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoadingCountries(false);
     }
@@ -2216,6 +2242,9 @@ function PayByCard({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to get country states");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoadingStates(false);
     }
@@ -2466,7 +2495,8 @@ var PayByTransfer = ({
   paymentObject,
   environment = "sandbox",
   onPaymentAuthorized,
-  onCancel
+  onCancel,
+  onError
 }) => {
   const [formIndex, setFormIndex] = (0, import_react9.useState)(0);
   const [isMakingPayment, setIsMakingPayment] = (0, import_react9.useState)(false);
@@ -2523,6 +2553,9 @@ var PayByTransfer = ({
         } catch (err) {
           setIsMakingPayment(false);
           setMessage(err.error.responseMessage || err.error.message);
+          onError?.({
+            errorMessage: message
+          });
         }
       }
       return;
@@ -2549,14 +2582,16 @@ var PayByTransfer = ({
             onPaymentAuthorized?.({
               paymentId: transactionReference,
               paymentDate: response.data?.updatedAt,
-              paymentStatus: "pending"
+              paymentStatus: "pending",
+              message
             });
           } else {
             setPaymentReferenceStatus("confirmed");
             onPaymentAuthorized?.({
               paymentId: transactionReference,
               paymentDate: response.data?.updatedAt,
-              paymentStatus: "confirmed"
+              paymentStatus: "confirmed",
+              message
             });
           }
         } else if (response.data?.finalTransactionStatus === "Success" || response.data?.paymentStatus === "Received" || response.data?.paymentStatus === "Payment Received") {
@@ -2566,7 +2601,8 @@ var PayByTransfer = ({
           onPaymentAuthorized?.({
             paymentId: transactionReference,
             paymentDate: response.data?.updatedAt,
-            paymentStatus: "confirmed"
+            paymentStatus: "confirmed",
+            message
           });
         }
       } else if (!response?.isSuccessful && response?.responseCode === "119") {
@@ -2575,7 +2611,8 @@ var PayByTransfer = ({
         onPaymentAuthorized?.({
           paymentId: transactionReference,
           paymentDate: null,
-          paymentStatus: "used"
+          paymentStatus: "used",
+          message
         });
       }
     } catch (err) {
@@ -2583,6 +2620,9 @@ var PayByTransfer = ({
       setMessage(
         err?.error?.responseMessage || err?.error?.message || "Something went wrong"
       );
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setIsFetchingPaymentDetails(false);
     }
@@ -2613,6 +2653,9 @@ var PayByTransfer = ({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to create payment link");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoading(false);
     }
@@ -2755,7 +2798,8 @@ var PayByStableCoin = ({
   secretKey,
   paymentObject,
   environment = "sandbox",
-  onPaymentAuthorized
+  onPaymentAuthorized,
+  onError
 }) => {
   const [formIndex, setFormIndex] = (0, import_react10.useState)(0);
   const [message, setMessage] = (0, import_react10.useState)("");
@@ -2810,6 +2854,9 @@ var PayByStableCoin = ({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to create payment link");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoading(false);
     }
@@ -2828,6 +2875,9 @@ var PayByStableCoin = ({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to generate address");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setGeneratingAddress(false);
     }
@@ -2846,6 +2896,9 @@ var PayByStableCoin = ({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to get stable coins");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoadingStableCoins(false);
     }
@@ -2867,6 +2920,9 @@ var PayByStableCoin = ({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to get stable coin networks");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoadingStableCoinNetworks(false);
     }
@@ -2884,7 +2940,8 @@ var PayByStableCoin = ({
           onPaymentAuthorized?.({
             paymentId: transactionReference,
             paymentDate: response.data?.updatedAt ?? "",
-            paymentStatus: "pending"
+            paymentStatus: "pending",
+            message
           });
         } else if (response.data?.finalTransactionStatus === "Success" || response.data?.paymentStatus === "Payment Received") {
           setMessage("Transaction confirmed !!");
@@ -2892,7 +2949,8 @@ var PayByStableCoin = ({
           onPaymentAuthorized?.({
             paymentId: transactionReference,
             paymentDate: response.data?.updatedAt,
-            paymentStatus: "confirmed"
+            paymentStatus: "confirmed",
+            message
           });
         }
       } else if (!response?.isSuccessful && response?.responseCode === "119") {
@@ -2901,7 +2959,8 @@ var PayByStableCoin = ({
         onPaymentAuthorized?.({
           paymentId: transactionReference,
           paymentDate: null,
-          paymentStatus: "used"
+          paymentStatus: "used",
+          message
         });
       }
     } catch (err) {
@@ -2909,6 +2968,9 @@ var PayByStableCoin = ({
       setMessage(
         err?.error?.responseMessage || err?.error?.message || "Something went wrong"
       );
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setIsConfirmingPayment(false);
     }
@@ -3086,7 +3148,9 @@ function BzpCheckoutCard({
     phoneNumber: "",
     narration: "",
     redirectUrl: "https://sandbox-merchant.buzapay.com/account/three-ds-status"
-  }
+  },
+  onPaymentAuthorized,
+  onError
 }) {
   const [checkoutState, setCheckoutState] = (0, import_react11.useState)("PENDING");
   const paymentTypeOptions = [
@@ -3115,6 +3179,7 @@ function BzpCheckoutCard({
     } else {
       setCheckoutState("PENDING");
     }
+    onPaymentAuthorized?.(event);
   };
   (0, import_react11.useEffect)(() => {
     let options2 = [];
@@ -3189,7 +3254,8 @@ function BzpCheckoutCard({
               secretKey,
               environment,
               paymentObject,
-              onPaymentAuthorized: setSuccess
+              onPaymentAuthorized: setSuccess,
+              onError
             }
           ) : paymentType === "BANK_TRANSFER" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             PayByTransfer,
@@ -3197,7 +3263,8 @@ function BzpCheckoutCard({
               secretKey,
               environment,
               paymentObject,
-              onPaymentAuthorized: setSuccess
+              onPaymentAuthorized: setSuccess,
+              onError
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             PayByStableCoin,
@@ -3205,7 +3272,8 @@ function BzpCheckoutCard({
               secretKey,
               environment,
               paymentObject,
-              onPaymentAuthorized: setSuccess
+              onPaymentAuthorized: setSuccess,
+              onError
             }
           ) }),
           checkoutState === "SUCCESS" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(