@miden-npm/react 2.0.4 → 2.0.5

package/dist/index.cjs

@@ -3022,13 +3022,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";
@@ -3112,6 +3111,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;
@@ -3201,7 +3203,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: "" }));
@@ -3257,7 +3261,7 @@ function PayByCard({
           validationError: billingErrors.postalCode ?? ""
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         BaseInput,
         {
           label: "Email",
@@ -3271,12 +3275,13 @@ function PayByCard({
           },
           validationError: billingErrors.emailAddress ?? ""
         }
-      ),
+      ) }),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         BasePhoneNumberInput,
         {
           label: "Phone Number",
           required: true,
+          preventPaste: true,
           value: billingForm.phoneNumber,
           phoneCodeOptions,
           defaultCountryCode,
@@ -3388,18 +3393,30 @@ function PayByCard({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      BaseButton,
-      {
-        label: formIndex === 0 ? "Proceed" : `Pay ${formatAmountHandler}`,
-        type: "primary",
-        customClass: "w-full mt-6",
-        caller,
-        loading: isMakingPayment,
-        onClick: proceedHandler,
-        disabled: isMakingPayment
-      }
-    )
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between gap-4 mt-6", children: [
+      formIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        BaseButton,
+        {
+          label: "Previous",
+          type: "secondary",
+          customClass: "w-1/2",
+          caller,
+          onClick: goBack
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        BaseButton,
+        {
+          label: formIndex === 0 ? "Proceed" : `Pay ${formatAmountHandler}`,
+          type: "primary",
+          customClass: `${formIndex > 0 ? "w-1/2" : "w-full"}`,
+          caller,
+          loading: isMakingPayment,
+          onClick: proceedHandler,
+          disabled: isMakingPayment
+        }
+      )
+    ] })
   ] });
 }