mainstack-payments 2.0.0 → 2.0.2

package/build/{CashAppPayment-Bwn9ekfb.js → CashAppPayment-ByktxjXA.js}

@@ -1,9 +1,9 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { u as I, a as A, v as N, C as S } from "./index-B_V2025J.js";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { u as I, a as A, v as N, C as S } from "./index-BWm87vgg.js";
 import { toast as z, BodyText as B, ChevronRightIcon as E } from "mainstack-design-system";
-import { u as H } from "./payments-B3Hm80pK.js";
+import { u as H } from "./payments-CjiNVkeO.js";
 import { memo as $, useState as b, useCallback as P } from "react";
-const j = (i) => /* @__PURE__ */ c(
+const j = (i) => /* @__PURE__ */ m(
   "svg",
   {
     viewBox: "0 0 32 32",
@@ -11,7 +11,7 @@ const j = (i) => /* @__PURE__ */ c(
     xmlns: "http://www.w3.org/2000/svg",
     ...i,
     children: [
-      /* @__PURE__ */ c("g", { clipPath: "url(#clip0_3703_1664)", children: [
+      /* @__PURE__ */ m("g", { clipPath: "url(#clip0_3703_1664)", children: [
         /* @__PURE__ */ a(
           "path",
           {
@@ -36,12 +36,12 @@ const j = (i) => /* @__PURE__ */ c(
   ({
     Request: i,
     metadata: C,
-    amount: o,
-    currency: m,
+    amount: c,
+    currency: o,
     redirectUrl: l,
     checkForErrors: h
   }) => {
-    const d = H(), { mutate: r, isLoading: L } = I(i), { mutate: f, isLoading: _ } = A(i), [v, p] = b(!1), u = L || _ || v, y = P(async () => {
+    const p = H(), { mutate: r, isLoading: L } = I(i), { mutate: f, isLoading: _ } = A(i), [v, d] = b(!1), u = L || _ || v, y = P(async () => {
       var w;
       const n = N(), g = {
         ...C,
@@ -50,9 +50,9 @@ const j = (i) => /* @__PURE__ */ c(
       try {
         await r(
           {
-            amount: o,
+            amount: c,
             reference: n,
-            currency: m,
+            currency: o,
             metadata: g,
             is_cashapp_payment: !0
           },
@@ -67,8 +67,8 @@ const j = (i) => /* @__PURE__ */ c(
         );
         const { client_secret: t } = await f(
           {
-            amount: o,
-            currency: m,
+            amount: c,
+            currency: o,
             metadata: g,
             is_cashapp_payment: !0
           },
@@ -81,9 +81,9 @@ const j = (i) => /* @__PURE__ */ c(
             }
           }
         );
-        if (d) {
-          p(!0);
-          const { error: e } = await d.confirmPayment({
+        if (p) {
+          d(!0);
+          const { error: e } = await p.confirmPayment({
             clientSecret: t,
             confirmParams: {
               payment_method_data: {
@@ -99,20 +99,20 @@ const j = (i) => /* @__PURE__ */ c(
             );
         }
       } catch (t) {
-        p(!1), console.error(t), z.error({
+        d(!1), console.error(t), z.error({
           title: "",
           description: ((w = t == null ? void 0 : t.raw) == null ? void 0 : w.message) ?? (t == null ? void 0 : t.message) ?? t ?? "We couldn't complete your payment"
         });
       }
     }, [
-      d,
+      p,
       r,
       f,
+      c,
       o,
-      m,
       C,
       l,
-      p
+      d
     ]), x = P(async () => {
       await h() || y();
     }, [h, y]);
@@ -122,12 +122,12 @@ const j = (i) => /* @__PURE__ */ c(
         onClick: x,
         disabled: u,
         isLoading: u,
-        children: /* @__PURE__ */ c("div", { className: "flex justify-between w-full items-center", children: [
-          /* @__PURE__ */ c("div", { className: "flex items-center gap-12", children: [
-            /* @__PURE__ */ a(j, { className: "size-32" }),
+        children: /* @__PURE__ */ m("div", { className: "mpl:flex mpl:justify-between mpl:w-full mpl:items-center", children: [
+          /* @__PURE__ */ m("div", { className: "mpl:flex mpl:items-center mpl:gap-12", children: [
+            /* @__PURE__ */ a(j, { className: "mpl:size-32" }),
             /* @__PURE__ */ a(B, { size: "extrasmall", weight: "medium", children: "Cash App Pay" })
           ] }),
-          /* @__PURE__ */ a(E, { className: "size-20" })
+          /* @__PURE__ */ a(E, { className: "mpl:size-20" })
         ] })
       }
     );

package/build/{CryptoPayments-DaMt1G8B.js → CryptoPayments-BkqcfMtz.js}

@@ -1,9 +1,9 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { u as x, a as v, C as I, v as S } from "./index-B_V2025J.js";
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { u as x, a as v, C as I, v as S } from "./index-BWm87vgg.js";
 import { BodyText as E, ChevronRightIcon as z, toast as N } from "mainstack-design-system";
-import { u as $ } from "./payments-B3Hm80pK.js";
+import { u as $ } from "./payments-CjiNVkeO.js";
 import { useState as b } from "react";
-const j = (i) => /* @__PURE__ */ c(
+const j = (i) => /* @__PURE__ */ l(
   "svg",
   {
     viewBox: "0 0 32 32",
@@ -24,7 +24,7 @@ const j = (i) => /* @__PURE__ */ c(
 ), W = ({
   Request: i,
   metadata: C,
-  amount: l,
+  amount: c,
   currency: m,
   redirectUrl: o,
   checkForErrors: f
@@ -38,7 +38,7 @@ const j = (i) => /* @__PURE__ */ c(
     try {
       await u(
         {
-          amount: l,
+          amount: c,
           reference: n,
           currency: m,
           metadata: h,
@@ -55,7 +55,7 @@ const j = (i) => /* @__PURE__ */ c(
       );
       const { client_secret: e } = await w(
         {
-          amount: l,
+          amount: c,
           currency: m,
           metadata: h,
           is_crypto_payment: !0
@@ -99,12 +99,12 @@ const j = (i) => /* @__PURE__ */ c(
       },
       disabled: p,
       isLoading: p,
-      children: /* @__PURE__ */ c("div", { className: "flex justify-between w-full items-center", children: [
-        /* @__PURE__ */ c("div", { className: "flex items-center gap-12", children: [
-          /* @__PURE__ */ a(j, { className: "size-32" }),
+      children: /* @__PURE__ */ l("div", { className: "mpl:flex mpl:justify-between mpl:w-full mpl:items-center", children: [
+        /* @__PURE__ */ l("div", { className: "mpl:flex mpl:items-center mpl:gap-12", children: [
+          /* @__PURE__ */ a(j, { className: "mpl:size-32" }),
           /* @__PURE__ */ a(E, { size: "extrasmall", weight: "medium", children: "Stablecoins & Crypto" })
         ] }),
-        /* @__PURE__ */ a(z, { className: "size-20" }),
+        /* @__PURE__ */ a(z, { className: "mpl:size-20" }),
         " "
       ] })
     }