@miden-npm/react 2.0.2 → 2.0.3

package/dist/index.cjs

@@ -2563,7 +2563,7 @@ function PayByCard({
         setIsMakingPayment(true);
         setMessage("");
         const cardDetails = {
-          pan: payForm.cardNo ?? "",
+          pan: payForm.cardNo ? payForm.cardNo.replace(/ /g, "") : "",
           expiryDate: payForm.expireDate ?? "",
           cvv: payForm.cvv ?? "",
           cardScheme: cardType,
@@ -2614,7 +2614,6 @@ function PayByCard({
         }
         const request = caller === "buzapay" ? { ...payload, merchantId: secretKey } : { ...payloadMiden, merchantId: secretKey };
         let response = await authorizeCardPayment(environment, request, caller);
-        debugger;
         if (response?.responseParam) {
           response = decryptPayload(environment, response.responseParam);
         }
@@ -3812,7 +3811,6 @@ var PayByStableCoin = ({
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function BzpCheckoutCard({
   secretKey,
-  options,
   environment = "sandbox",
   paymentObject = {
     merchantName: "",
@@ -3820,8 +3818,7 @@ function BzpCheckoutCard({
     currency: "",
     email: "",
     phoneNumber: "",
-    narration: "",
-    redirectUrl: ""
+    narration: ""
   },
   onPaymentAuthorized,
   onError
@@ -3856,23 +3853,23 @@ function BzpCheckoutCard({
     onPaymentAuthorized?.(event);
   };
   (0, import_react12.useEffect)(() => {
-    let options2 = [];
+    let options = [];
     if (paymentObject.currency === "USD") {
       if (paymentObject.amount < 50) {
-        options2 = paymentTypeOptions.filter(
+        options = paymentTypeOptions.filter(
           (option) => option.value !== "BANK_TRANSFER" && option.value !== "STABLE_COIN"
         );
       } else {
-        options2 = paymentTypeOptions.filter(
+        options = paymentTypeOptions.filter(
           (option) => option.value !== "BANK_TRANSFER"
         );
       }
     } else {
-      options2 = paymentTypeOptions.filter(
+      options = paymentTypeOptions.filter(
         (option) => option.value !== "STABLE_COIN"
       );
     }
-    setFilteredPaymentTypeOptions(options2);
+    setFilteredPaymentTypeOptions(options);
   }, [paymentObject.currency, paymentObject.amount]);
   (0, import_react12.useEffect)(() => {
     if (filteredPaymentTypeOptions.length) {
@@ -3896,14 +3893,14 @@ function BzpCheckoutCard({
         className: checkoutState === "SUCCESS" ? "col-span-3" : "col-span-2",
         children: [
           checkoutState === "PENDING" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between px-12 py-8", children: [
-            options?.imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            paymentObject.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               BaseImage,
               {
-                src: options?.imageUrl ?? "",
+                src: paymentObject.logoUrl ?? "",
                 alt: "Merchant Logo",
                 width: 52,
                 height: 52,
-                customClass: "rounded-lg"
+                customClass: "rounded-lg object-fit"
               }
             ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "div",
@@ -3922,7 +3919,7 @@ function BzpCheckoutCard({
               ] })
             ] })
           ] }),
-          checkoutState === "PENDING" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "overflow-y-scroll px-10 pb-10 pt-2", children: paymentType === "CARD" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          checkoutState === "PENDING" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "max-h-[32rem] overflow-y-scroll px-10 pb-10 pt-2", children: paymentType === "CARD" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             PayByCard,
             {
               secretKey,
@@ -4158,8 +4155,7 @@ function MidenCheckoutCard({
     currency: "",
     email: "",
     phoneNumber: "",
-    narration: "",
-    redirectUrl: ""
+    narration: ""
   },
   onPaymentAuthorized,
   onError