mainstack-payments 2.0.6 → 2.0.8

package/build/{CashAppPayment-CLJ1mUgV.js → CashAppPayment-CpquRmvy.js}

@@ -1,17 +1,17 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { u as A, a as b, v as N, b as S, C as z } from "./index-D6I8egaA.js";
-import { toast as B, BodyText as E, ChevronRightIcon as H } from "mainstack-design-system";
-import { u as $ } from "./payments-B3Hm80pK.js";
-import { memo as j, useState as M, useCallback as P } from "react";
-const R = (m) => /* @__PURE__ */ l(
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { u as z, a as H, v as M, b as N, c as B, E as R, C as $ } from "./index-Di1ugn5_.js";
+import { toast as w, BodyText as j, ChevronRightIcon as k } from "mainstack-design-system";
+import { u as V } from "./payments-B3Hm80pK.js";
+import { memo as Z, useState as D, useCallback as L } from "react";
+const T = (s) => /* @__PURE__ */ i(
   "svg",
   {
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...m,
+    ...s,
     children: [
-      /* @__PURE__ */ l("g", { clipPath: "url(#clip0_3703_1664)", children: [
+      /* @__PURE__ */ i("g", { clipPath: "url(#clip0_3703_1664)", children: [
         /* @__PURE__ */ a(
           "path",
           {
@@ -32,64 +32,75 @@ const R = (m) => /* @__PURE__ */ l(
       /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", { id: "clip0_3703_1664", children: /* @__PURE__ */ a("rect", { width: "32", height: "32", rx: "16", fill: "white" }) }) })
     ]
   }
-), k = j(
+), W = Z(
   ({
-    ProductRequest: m,
-    PaymentRequest: L,
-    metadata: C,
-    amount: o,
-    currency: c,
-    redirectUrl: s,
-    checkForErrors: h
+    ProductRequest: s,
+    PaymentRequest: v,
+    metadata: c,
+    subAmount: x,
+    totalAmount: d,
+    currency: l,
+    redirectUrl: n,
+    checkForErrors: p,
+    feesResponse: C,
+    ip: I
   }) => {
-    const p = $(), { mutate: f, isLoading: v } = A(m), { mutate: r, isLoading: x } = b(L), [_, d] = M(!1), u = v || x || _, y = P(async () => {
-      var w;
-      const i = N(), g = {
-        ...C,
-        reference: i
+    const o = V(), { mutate: h, isLoading: _ } = z(s), { mutate: u, isLoading: A } = H(v), [b, m] = D(!1), f = _ || A || b, y = L(async () => {
+      const P = M(), g = {
+        ...c,
+        reference: P
       };
       try {
-        await f(
-          S({
+        const t = await h(
+          N({
             metadata: g,
-            amount: o,
-            currency: c
+            amount: x,
+            totalAmount: d,
+            currency: l
           }),
           {
-            onSuccess: (e) => {
-            },
+            onSuccess: (e) => e,
             onError: (e) => {
-              var n;
-              throw ((n = e == null ? void 0 : e.raw) == null ? void 0 : n.message) ?? e;
+              throw e == null ? void 0 : e.message;
             }
           }
         );
-        const { client_secret: t } = await r(
-          {
-            amount: o,
-            currency: c,
-            metadata: g,
-            is_cashapp_payment: !0
-          },
+        let r = null;
+        if (C && (r = B({
+          initResponse: t,
+          feesResponse: C,
+          metadata: g,
+          currency: l,
+          ip: I,
+          paymentMethod: R.CASHAPP
+        })), !r) {
+          w.error({
+            title: "",
+            description: "Payment initialization data is missing. Please try again."
+          });
+          return;
+        }
+        const { client_secret: S } = await u(
+          r,
           {
-            onSuccess: (e) => {
+            onSuccess: () => {
             },
             onError: (e) => {
-              var n;
-              throw ((n = e == null ? void 0 : e.raw) == null ? void 0 : n.message) ?? e;
+              throw e;
             }
           }
         );
-        if (p) {
-          d(!0);
-          const { error: e } = await p.confirmPayment({
-            clientSecret: t,
+        if (o) {
+          m(!0);
+          const { error: e } = await o.confirmPayment({
+            // @ts-ignore
+            clientSecret: S,
             confirmParams: {
               payment_method_data: {
                 // @ts-ignore
                 type: "cashapp"
               },
-              return_url: s.includes("?") ? `${s}&reference=${i}` : `${s}?reference=${i}`
+              return_url: n.includes("?") ? `${n}&reference=${t.reference}` : `${n}?reference=${t.reference}`
             }
           });
           if (e)
@@ -98,41 +109,41 @@ const R = (m) => /* @__PURE__ */ l(
             );
         }
       } catch (t) {
-        d(!1), console.error(t), B.error({
+        m(!1), console.error(t), w.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"
+          description: (t == null ? void 0 : t.message) ?? t ?? "We couldn't complete your payment"
         });
       }
     }, [
-      p,
-      f,
-      r,
       o,
+      h,
+      u,
+      d,
+      l,
       c,
-      C,
-      s,
-      d
-    ]), I = P(async () => {
-      await h() || y();
-    }, [h, y]);
+      n,
+      m
+    ]), E = L(async () => {
+      await p() || y();
+    }, [p, y]);
     return /* @__PURE__ */ a(
-      z,
+      $,
       {
-        onClick: I,
-        disabled: u,
-        isLoading: u,
-        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(R, { className: "mpl:size-32" }),
-            /* @__PURE__ */ a(E, { size: "extrasmall", weight: "medium", children: "Cash App Pay" })
+        onClick: E,
+        disabled: f,
+        isLoading: f,
+        children: /* @__PURE__ */ i("div", { className: "mpl:flex mpl:justify-between mpl:w-full mpl:items-center", children: [
+          /* @__PURE__ */ i("div", { className: "mpl:flex mpl:items-center mpl:gap-12", children: [
+            /* @__PURE__ */ a(T, { className: "mpl:size-32" }),
+            /* @__PURE__ */ a(j, { size: "extrasmall", weight: "medium", children: "Cash App Pay" })
           ] }),
-          /* @__PURE__ */ a(H, { className: "mpl:size-20" })
+          /* @__PURE__ */ a(k, { className: "mpl:size-20" })
         ] })
       }
     );
   }
 );
-k.displayName = "CashAppPayment";
+W.displayName = "CashAppPayment";
 export {
-  k as default
+  W as default
 };

package/build/CryptoPayments-NwBMYtta.js

@@ -0,0 +1,125 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { u as S, a as z, C as M, v as N, b as $, c as j, E as B } from "./index-Di1ugn5_.js";
+import { BodyText as R, ChevronRightIcon as T, toast as h } from "mainstack-design-system";
+import { u as Z } from "./payments-B3Hm80pK.js";
+import { useState as k } from "react";
+const O = (a) => /* @__PURE__ */ r(
+  "svg",
+  {
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...a,
+    children: [
+      /* @__PURE__ */ t("g", { clipPath: "url(#clip0_2605_970)", children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M16 32C7.163 32 0 24.837 0 16C0 7.163 7.163 0 16 0C24.837 0 32 7.163 32 16C32 24.837 24.837 32 16 32ZM21.002 9.855L21.812 6.614L19.216 5.968L18.573 8.543C18.1498 8.40049 17.7157 8.29247 17.275 8.22L17.919 5.645L15.323 5L14.513 8.241C11.53 8.783 9.004 10.978 8.233 14.064C7.462 17.15 8.659 20.27 11.037 22.144L10.227 25.386L12.823 26.032L13.466 23.457C13.8892 23.5995 14.3233 23.7075 14.764 23.78L14.12 26.355L16.716 27L17.526 23.759C18.575 23.5709 19.5756 23.1744 20.4687 22.593C21.3619 22.0116 22.1294 21.2571 22.726 20.374L19.879 19.666C19.2215 20.3303 18.4022 20.8116 17.5018 21.0624C16.6014 21.3132 15.6512 21.3248 14.745 21.096C11.879 20.384 10.125 17.524 10.828 14.709C11.531 11.894 14.427 10.19 17.294 10.903C18.2012 11.1247 19.0347 11.5798 19.7118 12.223C20.3889 12.8663 20.8861 13.6753 21.154 14.57L24 15.278C23.8889 14.2194 23.5663 13.1938 23.0513 12.2623C22.5363 11.3307 21.8394 10.5121 21.002 9.855Z",
+          fill: "#131316"
+        }
+      ) }),
+      /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_2605_970", children: /* @__PURE__ */ t("rect", { width: "32", height: "32", fill: "white" }) }) })
+    ]
+  }
+), F = ({
+  ProductRequest: a,
+  PaymentRequest: u,
+  metadata: C,
+  subAmount: f,
+  totalAmount: g,
+  currency: o,
+  redirectUrl: i,
+  checkForErrors: P,
+  feesResponse: l,
+  ip: L
+}) => {
+  const c = Z(), { mutate: w, isLoading: x } = S(a), { mutate: I, isLoading: v } = z(u), [_, m] = k(!1), d = x || v || _, E = async () => {
+    const p = N(), y = {
+      ...C,
+      reference: p
+    };
+    try {
+      const e = await w(
+        $({
+          metadata: y,
+          amount: f,
+          totalAmount: g,
+          currency: o
+        }),
+        {
+          onSuccess: (n) => n,
+          onError: (n) => {
+            throw n;
+          }
+        }
+      );
+      let s = null;
+      if (l && (s = j({
+        initResponse: e,
+        feesResponse: l,
+        metadata: y,
+        currency: o,
+        ip: L,
+        paymentMethod: B.CRYPTO
+      })), !s) {
+        h.error({
+          title: "",
+          description: "Payment initialization data is missing. Please try again."
+        });
+        return;
+      }
+      const { client_secret: b } = await I(
+        s,
+        {
+          onSuccess: () => {
+          },
+          onError: (n) => {
+            throw n;
+          }
+        }
+      );
+      if (c) {
+        m(!0);
+        const { error: n } = await c.confirmPayment({
+          // @ts-ignore
+          clientSecret: b,
+          confirmParams: {
+            payment_method_data: {
+              // @ts-ignore
+              type: "crypto"
+            },
+            return_url: i.includes("?") ? `${i}&reference=${e.reference}` : `${i}?reference=${e.reference}`
+          }
+        });
+        if (n)
+          throw new Error(n.message ?? "Couldn't load wallet integration");
+      }
+    } catch (e) {
+      m(!1), console.error(e), h.error({
+        title: "",
+        description: (e == null ? void 0 : e.message) ?? e ?? "We couldn't complete your payment"
+      });
+    }
+  };
+  return /* @__PURE__ */ t(
+    M,
+    {
+      onClick: async () => {
+        await P() || E();
+      },
+      disabled: d,
+      isLoading: d,
+      children: /* @__PURE__ */ r("div", { className: "mpl:flex mpl:justify-between mpl:w-full mpl:items-center", children: [
+        /* @__PURE__ */ r("div", { className: "mpl:flex mpl:items-center mpl:gap-12", children: [
+          /* @__PURE__ */ t(O, { className: "mpl:size-32" }),
+          /* @__PURE__ */ t(R, { size: "extrasmall", weight: "medium", children: "Stablecoins & Crypto" })
+        ] }),
+        /* @__PURE__ */ t(T, { className: "mpl:size-20" }),
+        " "
+      ] })
+    }
+  );
+};
+export {
+  F as default
+};