@miden-npm/react 2.0.2 → 2.0.3

package/dist/index.d.cts

@@ -49,6 +49,7 @@ interface IPaymentObject {
     phoneNumber: string;
     narration: string;
     redirectUrl?: string;
+    logoUrl?: string;
 }
 interface ISuccessObject {
     paymentDate: string | null;
@@ -98,7 +99,6 @@ interface CheckoutIframeStyle$1 {
     [cssProp: string]: string | number;
 }
 interface CheckoutCardOptions$1 {
-    imageUrl?: string;
     numberPlaceholder?: string;
     expiryPlaceholder?: string;
     cvcPlaceholder?: string;
@@ -116,7 +116,7 @@ interface IBzpCheckoutCardProps {
     onPaymentAuthorized?: (data: ISuccessObject) => void;
     onError?: (error: IErrorObject) => void;
 }
-declare function BzpCheckoutCard({ secretKey, options, environment, paymentObject, onPaymentAuthorized, onError, }: IBzpCheckoutCardProps): react_jsx_runtime.JSX.Element;
+declare function BzpCheckoutCard({ secretKey, environment, paymentObject, onPaymentAuthorized, onError, }: IBzpCheckoutCardProps): react_jsx_runtime.JSX.Element;
 
 interface IMidenCheckoutButtonProps {
     secretKey: string;

package/dist/index.d.ts

@@ -49,6 +49,7 @@ interface IPaymentObject {
     phoneNumber: string;
     narration: string;
     redirectUrl?: string;
+    logoUrl?: string;
 }
 interface ISuccessObject {
     paymentDate: string | null;
@@ -98,7 +99,6 @@ interface CheckoutIframeStyle$1 {
     [cssProp: string]: string | number;
 }
 interface CheckoutCardOptions$1 {
-    imageUrl?: string;
     numberPlaceholder?: string;
     expiryPlaceholder?: string;
     cvcPlaceholder?: string;
@@ -116,7 +116,7 @@ interface IBzpCheckoutCardProps {
     onPaymentAuthorized?: (data: ISuccessObject) => void;
     onError?: (error: IErrorObject) => void;
 }
-declare function BzpCheckoutCard({ secretKey, options, environment, paymentObject, onPaymentAuthorized, onError, }: IBzpCheckoutCardProps): react_jsx_runtime.JSX.Element;
+declare function BzpCheckoutCard({ secretKey, environment, paymentObject, onPaymentAuthorized, onError, }: IBzpCheckoutCardProps): react_jsx_runtime.JSX.Element;
 
 interface IMidenCheckoutButtonProps {
     secretKey: string;

package/dist/index.js

@@ -2518,7 +2518,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,
@@ -2569,7 +2569,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);
         }
@@ -3772,7 +3771,6 @@ var PayByStableCoin = ({
 import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
 function BzpCheckoutCard({
   secretKey,
-  options,
   environment = "sandbox",
   paymentObject = {
     merchantName: "",
@@ -3780,8 +3778,7 @@ function BzpCheckoutCard({
     currency: "",
     email: "",
     phoneNumber: "",
-    narration: "",
-    redirectUrl: ""
+    narration: ""
   },
   onPaymentAuthorized,
   onError
@@ -3816,23 +3813,23 @@ function BzpCheckoutCard({
     onPaymentAuthorized?.(event);
   };
   useEffect6(() => {
-    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]);
   useEffect6(() => {
     if (filteredPaymentTypeOptions.length) {
@@ -3856,14 +3853,14 @@ function BzpCheckoutCard({
         className: checkoutState === "SUCCESS" ? "col-span-3" : "col-span-2",
         children: [
           checkoutState === "PENDING" && /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between px-12 py-8", children: [
-            options?.imageUrl ? /* @__PURE__ */ jsx38(
+            paymentObject.logoUrl ? /* @__PURE__ */ jsx38(
               BaseImage,
               {
-                src: options?.imageUrl ?? "",
+                src: paymentObject.logoUrl ?? "",
                 alt: "Merchant Logo",
                 width: 52,
                 height: 52,
-                customClass: "rounded-lg"
+                customClass: "rounded-lg object-fit"
               }
             ) : /* @__PURE__ */ jsx38(
               "div",
@@ -3882,7 +3879,7 @@ function BzpCheckoutCard({
               ] })
             ] })
           ] }),
-          checkoutState === "PENDING" && /* @__PURE__ */ jsx38("div", { className: "overflow-y-scroll px-10 pb-10 pt-2", children: paymentType === "CARD" ? /* @__PURE__ */ jsx38(
+          checkoutState === "PENDING" && /* @__PURE__ */ jsx38("div", { className: "max-h-[32rem] overflow-y-scroll px-10 pb-10 pt-2", children: paymentType === "CARD" ? /* @__PURE__ */ jsx38(
             PayByCard,
             {
               secretKey,
@@ -4118,8 +4115,7 @@ function MidenCheckoutCard({
     currency: "",
     email: "",
     phoneNumber: "",
-    narration: "",
-    redirectUrl: ""
+    narration: ""
   },
   onPaymentAuthorized,
   onError