@miden-npm/react 2.0.4 → 2.0.5

package/dist/index.js

@@ -2977,13 +2977,12 @@ function PayByCard({
           setIsMakingPayment(false);
           return;
         }
-        setMessage(response?.responseMessage || "Payment failed");
-        onPaymentAuthorized?.({
-          paymentId: response?.transactionReference,
-          paymentDate: response?.data?.updatedAt,
-          paymentStatus: "payment failed",
-          message
-        });
+        if (response && response.message) {
+          setMessage(response.message);
+          onError?.({
+            errorMessage: response.message
+          });
+        }
         setIsMakingPayment(false);
       } catch (err) {
         let friendly = "Payment failed";
@@ -3067,6 +3066,9 @@ function PayByCard({
       setLoadingCountries(false);
     }
   };
+  const goBack = () => {
+    setFormIndex(formIndex > 0 ? formIndex - 1 : 0);
+  };
   const getStates = async (countryIso2) => {
     const country = rawCountries.find((c) => c.iso2 === countryIso2);
     if (!country) return;
@@ -3156,7 +3158,9 @@ function PayByCard({
               (c) => c.code.toLowerCase() === e.toLowerCase()
             )[0];
             if (selectedCountry) {
-              setDefaultCountryCode(`${selectedCountry.phoneCode}-${selectedCountry.code}`);
+              setDefaultCountryCode(
+                `${selectedCountry.phoneCode}-${selectedCountry.code}`
+              );
             }
             if (billingErrors.country) {
               setBillingErrors((er) => ({ ...er, country: "" }));
@@ -3212,7 +3216,7 @@ function PayByCard({
           validationError: billingErrors.postalCode ?? ""
         }
       ),
-      /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx36("div", { className: "col-span-2", children: /* @__PURE__ */ jsx36(
         BaseInput,
         {
           label: "Email",
@@ -3226,12 +3230,13 @@ function PayByCard({
           },
           validationError: billingErrors.emailAddress ?? ""
         }
-      ),
+      ) }),
       /* @__PURE__ */ jsx36("div", { className: "col-span-2", children: /* @__PURE__ */ jsx36(
         BasePhoneNumberInput,
         {
           label: "Phone Number",
           required: true,
+          preventPaste: true,
           value: billingForm.phoneNumber,
           phoneCodeOptions,
           defaultCountryCode,
@@ -3343,18 +3348,30 @@ function PayByCard({
         ]
       }
     ),
-    /* @__PURE__ */ jsx36(
-      BaseButton,
-      {
-        label: formIndex === 0 ? "Proceed" : `Pay ${formatAmountHandler}`,
-        type: "primary",
-        customClass: "w-full mt-6",
-        caller,
-        loading: isMakingPayment,
-        onClick: proceedHandler,
-        disabled: isMakingPayment
-      }
-    )
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between gap-4 mt-6", children: [
+      formIndex > 0 && /* @__PURE__ */ jsx36(
+        BaseButton,
+        {
+          label: "Previous",
+          type: "secondary",
+          customClass: "w-1/2",
+          caller,
+          onClick: goBack
+        }
+      ),
+      /* @__PURE__ */ jsx36(
+        BaseButton,
+        {
+          label: formIndex === 0 ? "Proceed" : `Pay ${formatAmountHandler}`,
+          type: "primary",
+          customClass: `${formIndex > 0 ? "w-1/2" : "w-full"}`,
+          caller,
+          loading: isMakingPayment,
+          onClick: proceedHandler,
+          disabled: isMakingPayment
+        }
+      )
+    ] })
   ] });
 }