@miden-npm/react 0.0.18 → 1.0.0

package/dist/index.d.cts

@@ -50,6 +50,15 @@ interface IPaymentObject {
     narration: string;
     redirectUrl?: string;
 }
+interface ISuccessObject {
+    paymentDate: string | null;
+    paymentId: string;
+    paymentStatus: string;
+    message?: string;
+}
+interface IErrorObject {
+    errorMessage: string;
+}
 
 declare function usePaymentIntents(): {
     create: (p: CreatePaymentIntentParams) => Promise<PaymentIntent>;
@@ -64,8 +73,9 @@ interface IBzpCheckoutButtonProps {
     environment?: "sandbox" | "production";
     paymentObject: IPaymentObject;
     mode?: "redirect" | "iframe";
+    onError?: (error: IErrorObject) => void;
 }
-declare function BzpCheckoutButton({ secretKey, environment, paymentObject, mode, }: IBzpCheckoutButtonProps): react_jsx_runtime.JSX.Element;
+declare function BzpCheckoutButton({ secretKey, environment, paymentObject, mode, onError, }: IBzpCheckoutButtonProps): react_jsx_runtime.JSX.Element;
 
 interface IIframeStyle {
     width?: string;
@@ -80,8 +90,9 @@ interface IBzpCheckoutIframeProps {
     secretKey: string;
     environment?: "sandbox" | "production";
     paymentObject?: IPaymentObject;
+    onError?: (error: IErrorObject) => void;
 }
-declare function BzpCheckoutIframe({ style, url, secretKey, environment, paymentObject, }: IBzpCheckoutIframeProps): react_jsx_runtime.JSX.Element;
+declare function BzpCheckoutIframe({ style, url, secretKey, environment, paymentObject, onError, }: IBzpCheckoutIframeProps): react_jsx_runtime.JSX.Element;
 
 interface CheckoutIframeStyle {
     [cssProp: string]: string | number;
@@ -102,7 +113,9 @@ interface IBzpCheckoutCardProps {
     environment: "sandbox" | "prod";
     paymentObject: IPaymentObject;
     options?: CheckoutCardOptions;
+    onPaymentAuthorized?: (data: ISuccessObject) => void;
+    onError?: (error: IErrorObject) => void;
 }
-declare function BzpCheckoutCard({ secretKey, options, environment, paymentObject, }: IBzpCheckoutCardProps): react_jsx_runtime.JSX.Element;
+declare function BzpCheckoutCard({ secretKey, options, environment, paymentObject, onPaymentAuthorized, onError, }: IBzpCheckoutCardProps): react_jsx_runtime.JSX.Element;
 
 export { BzpCheckoutButton, BzpCheckoutCard, BzpCheckoutIframe, type CheckoutCardOptions, type CheckoutIframeStyle, type ConfirmCardPaymentParams, type CreatePaymentIntentParams, MidenPGClient, type MidenPGConfig, MidenPGProvider, type PaymentIntent, useMidenPGClient, usePaymentIntents };

package/dist/index.d.ts

@@ -50,6 +50,15 @@ interface IPaymentObject {
     narration: string;
     redirectUrl?: string;
 }
+interface ISuccessObject {
+    paymentDate: string | null;
+    paymentId: string;
+    paymentStatus: string;
+    message?: string;
+}
+interface IErrorObject {
+    errorMessage: string;
+}
 
 declare function usePaymentIntents(): {
     create: (p: CreatePaymentIntentParams) => Promise<PaymentIntent>;
@@ -64,8 +73,9 @@ interface IBzpCheckoutButtonProps {
     environment?: "sandbox" | "production";
     paymentObject: IPaymentObject;
     mode?: "redirect" | "iframe";
+    onError?: (error: IErrorObject) => void;
 }
-declare function BzpCheckoutButton({ secretKey, environment, paymentObject, mode, }: IBzpCheckoutButtonProps): react_jsx_runtime.JSX.Element;
+declare function BzpCheckoutButton({ secretKey, environment, paymentObject, mode, onError, }: IBzpCheckoutButtonProps): react_jsx_runtime.JSX.Element;
 
 interface IIframeStyle {
     width?: string;
@@ -80,8 +90,9 @@ interface IBzpCheckoutIframeProps {
     secretKey: string;
     environment?: "sandbox" | "production";
     paymentObject?: IPaymentObject;
+    onError?: (error: IErrorObject) => void;
 }
-declare function BzpCheckoutIframe({ style, url, secretKey, environment, paymentObject, }: IBzpCheckoutIframeProps): react_jsx_runtime.JSX.Element;
+declare function BzpCheckoutIframe({ style, url, secretKey, environment, paymentObject, onError, }: IBzpCheckoutIframeProps): react_jsx_runtime.JSX.Element;
 
 interface CheckoutIframeStyle {
     [cssProp: string]: string | number;
@@ -102,7 +113,9 @@ interface IBzpCheckoutCardProps {
     environment: "sandbox" | "prod";
     paymentObject: IPaymentObject;
     options?: CheckoutCardOptions;
+    onPaymentAuthorized?: (data: ISuccessObject) => void;
+    onError?: (error: IErrorObject) => void;
 }
-declare function BzpCheckoutCard({ secretKey, options, environment, paymentObject, }: IBzpCheckoutCardProps): react_jsx_runtime.JSX.Element;
+declare function BzpCheckoutCard({ secretKey, options, environment, paymentObject, onPaymentAuthorized, onError, }: IBzpCheckoutCardProps): react_jsx_runtime.JSX.Element;
 
 export { BzpCheckoutButton, BzpCheckoutCard, BzpCheckoutIframe, type CheckoutCardOptions, type CheckoutIframeStyle, type ConfirmCardPaymentParams, type CreatePaymentIntentParams, MidenPGClient, type MidenPGConfig, MidenPGProvider, type PaymentIntent, useMidenPGClient, usePaymentIntents };

package/dist/index.js

@@ -1741,7 +1741,8 @@ function BzpCheckoutIframe({
     phoneNumber: "",
     narration: "",
     redirectUrl: "https://sandbox-merchant.buzapay.com/account/three-ds-status"
-  }
+  },
+  onError
 }) {
   const containerRef = useRef(null);
   const iframeRef = useRef(null);
@@ -1777,21 +1778,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");
     }
   };
   useEffect2(() => {
@@ -1818,7 +1828,8 @@ function BzpCheckoutButton({
     narration: "",
     redirectUrl: "https://sandbox-merchant.buzapay.com/account/three-ds-status"
   },
-  mode = "redirect"
+  mode = "redirect",
+  onError
 }) {
   const [message, setMessage] = useState3("");
   const [launchUrl, setLaunchUrl] = useState3("");
@@ -1853,6 +1864,9 @@ function BzpCheckoutButton({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to create payment link");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoading(false);
     }
@@ -1889,7 +1903,8 @@ function PayByCard({
   secretKey,
   paymentObject,
   environment = "sandbox",
-  onPaymentAuthorized
+  onPaymentAuthorized,
+  onError
 }) {
   const [formIndex, setFormIndex] = useState4(0);
   const [message, setMessage] = useState4("");
@@ -2069,7 +2084,8 @@ function PayByCard({
               paymentId: response.transactionReference,
               paymentDate: response?.data?.updatedAt,
               // optional if present
-              paymentStatus: "Authorized"
+              paymentStatus: "authorized",
+              message
             });
           }
           setMessage("Card payment authorized successfully");
@@ -2080,7 +2096,8 @@ function PayByCard({
         onPaymentAuthorized?.({
           paymentId: response?.transactionReference,
           paymentDate: response?.data?.updatedAt,
-          paymentStatus: "Payment failed"
+          paymentStatus: "payment failed",
+          message
         });
         setIsMakingPayment(false);
       } catch (err) {
@@ -2100,6 +2117,9 @@ function PayByCard({
         }
         setMessage(friendly);
         setIsMakingPayment(false);
+        onError?.({
+          errorMessage: message
+        });
       }
     }
   };
@@ -2129,6 +2149,9 @@ function PayByCard({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to create payment link");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoading(false);
     }
@@ -2150,6 +2173,9 @@ function PayByCard({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to get countries");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoadingCountries(false);
     }
@@ -2174,6 +2200,9 @@ function PayByCard({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to get country states");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoadingStates(false);
     }
@@ -2429,7 +2458,8 @@ var PayByTransfer = ({
   paymentObject,
   environment = "sandbox",
   onPaymentAuthorized,
-  onCancel
+  onCancel,
+  onError
 }) => {
   const [formIndex, setFormIndex] = useState5(0);
   const [isMakingPayment, setIsMakingPayment] = useState5(false);
@@ -2486,6 +2516,9 @@ var PayByTransfer = ({
         } catch (err) {
           setIsMakingPayment(false);
           setMessage(err.error.responseMessage || err.error.message);
+          onError?.({
+            errorMessage: message
+          });
         }
       }
       return;
@@ -2512,14 +2545,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") {
@@ -2529,7 +2564,8 @@ var PayByTransfer = ({
           onPaymentAuthorized?.({
             paymentId: transactionReference,
             paymentDate: response.data?.updatedAt,
-            paymentStatus: "confirmed"
+            paymentStatus: "confirmed",
+            message
           });
         }
       } else if (!response?.isSuccessful && response?.responseCode === "119") {
@@ -2538,7 +2574,8 @@ var PayByTransfer = ({
         onPaymentAuthorized?.({
           paymentId: transactionReference,
           paymentDate: null,
-          paymentStatus: "used"
+          paymentStatus: "used",
+          message
         });
       }
     } catch (err) {
@@ -2546,6 +2583,9 @@ var PayByTransfer = ({
       setMessage(
         err?.error?.responseMessage || err?.error?.message || "Something went wrong"
       );
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setIsFetchingPaymentDetails(false);
     }
@@ -2576,6 +2616,9 @@ var PayByTransfer = ({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to create payment link");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoading(false);
     }
@@ -2718,7 +2761,8 @@ var PayByStableCoin = ({
   secretKey,
   paymentObject,
   environment = "sandbox",
-  onPaymentAuthorized
+  onPaymentAuthorized,
+  onError
 }) => {
   const [formIndex, setFormIndex] = useState6(0);
   const [message, setMessage] = useState6("");
@@ -2773,6 +2817,9 @@ var PayByStableCoin = ({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to create payment link");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoading(false);
     }
@@ -2791,6 +2838,9 @@ var PayByStableCoin = ({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to generate address");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setGeneratingAddress(false);
     }
@@ -2809,6 +2859,9 @@ var PayByStableCoin = ({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to get stable coins");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoadingStableCoins(false);
     }
@@ -2830,6 +2883,9 @@ var PayByStableCoin = ({
       }
     } catch (e) {
       setMessage(e?.message || "Failed to get stable coin networks");
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setLoadingStableCoinNetworks(false);
     }
@@ -2847,7 +2903,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 !!");
@@ -2855,7 +2912,8 @@ var PayByStableCoin = ({
           onPaymentAuthorized?.({
             paymentId: transactionReference,
             paymentDate: response.data?.updatedAt,
-            paymentStatus: "confirmed"
+            paymentStatus: "confirmed",
+            message
           });
         }
       } else if (!response?.isSuccessful && response?.responseCode === "119") {
@@ -2864,7 +2922,8 @@ var PayByStableCoin = ({
         onPaymentAuthorized?.({
           paymentId: transactionReference,
           paymentDate: null,
-          paymentStatus: "used"
+          paymentStatus: "used",
+          message
         });
       }
     } catch (err) {
@@ -2872,6 +2931,9 @@ var PayByStableCoin = ({
       setMessage(
         err?.error?.responseMessage || err?.error?.message || "Something went wrong"
       );
+      onError?.({
+        errorMessage: message
+      });
     } finally {
       setIsConfirmingPayment(false);
     }
@@ -3049,7 +3111,9 @@ function BzpCheckoutCard({
     phoneNumber: "",
     narration: "",
     redirectUrl: "https://sandbox-merchant.buzapay.com/account/three-ds-status"
-  }
+  },
+  onPaymentAuthorized,
+  onError
 }) {
   const [checkoutState, setCheckoutState] = useState7("PENDING");
   const paymentTypeOptions = [
@@ -3078,6 +3142,7 @@ function BzpCheckoutCard({
     } else {
       setCheckoutState("PENDING");
     }
+    onPaymentAuthorized?.(event);
   };
   useEffect6(() => {
     let options2 = [];
@@ -3152,7 +3217,8 @@ function BzpCheckoutCard({
               secretKey,
               environment,
               paymentObject,
-              onPaymentAuthorized: setSuccess
+              onPaymentAuthorized: setSuccess,
+              onError
             }
           ) : paymentType === "BANK_TRANSFER" ? /* @__PURE__ */ jsx30(
             PayByTransfer,
@@ -3160,7 +3226,8 @@ function BzpCheckoutCard({
               secretKey,
               environment,
               paymentObject,
-              onPaymentAuthorized: setSuccess
+              onPaymentAuthorized: setSuccess,
+              onError
             }
           ) : /* @__PURE__ */ jsx30(
             PayByStableCoin,
@@ -3168,7 +3235,8 @@ function BzpCheckoutCard({
               secretKey,
               environment,
               paymentObject,
-              onPaymentAuthorized: setSuccess
+              onPaymentAuthorized: setSuccess,
+              onError
             }
           ) }),
           checkoutState === "SUCCESS" && /* @__PURE__ */ jsx30(