@credenza3/passport-sui 0.1.5 → 0.1.7

package/dist/Payment-DVmk-5zj.js

@@ -0,0 +1,990 @@
+import { c as oe, m as Qe, p as E, f as Z, i as X, k as Ne, e as Oe, b as B, d as ce, u as le, t as he, r as ie, h as we, s as $e, a as Pe, g as Be, j as et, n as ze, o as ke, q as tt } from "./legacy-CYnP3rAB.js";
+import { a as Te, o as rt } from "./index-client-DqEnqJlv.js";
+import { v as de, B as M, C as j, D as ae, I as Q, z as ue, u as S, m as I, bc as K, w as J, J as P, A as R, x as xe, E as q, K as e, G as H, F as nt, y as se, M as $, P as ee, L as ne, N as Me, $ as Le, b4 as be, bd as it, be as at, aX as Re, aZ as je, a_ as qe, O as _e, R as me, S as ye, b3 as st, bf as ot, b6 as ct, _ as lt, bg as dt, bh as ut, bi as Ie, bj as vt, bk as gt, bl as ft, bm as mt, bn as yt } from "./index-qsKp2OJc.js";
+import { a as pt } from "./App-D8Bsln9W.js";
+import { B as wt } from "./ButtonBack-DVLBbyYt.js";
+import { p as bt } from "./event-modifiers-DpFXHa6q.js";
+import { L as _t } from "./Loader-Cu6YpHI4.js";
+import { w as Fe } from "./ProgressVideo.service-CiCieW6X.js";
+import { B as Ue } from "./Button-FKUK-FB7.js";
+import { g as De } from "./strings-B-rKL311.js";
+const Ct = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23bbb'%20d='M17%209.761v-4.761c0-2.761-2.238-5-5-5-2.763%200-5%202.239-5%205v4.761c-1.827%201.466-3%203.714-3%206.239%200%204.418%203.582%208%208%208s8-3.582%208-8c0-2.525-1.173-4.773-3-6.239zm-8-4.761c0-1.654%201.346-3%203-3s3%201.346%203%203v3.587c-.927-.376-1.938-.587-3-.587s-2.073.211-3%20.587v-3.587zm4%2011.723v2.277h-2v-2.277c-.596-.347-1-.984-1-1.723%200-1.104.896-2%202-2s2%20.896%202%202c0%20.738-.404%201.376-1%201.723z'/%3e%3c/svg%3e";
+var ht = Z('<button type="submit"><!></button>');
+const Pt = {
+  hash: "svelte-1vafzgs",
+  code: ".active.svelte-1vafzgs {background-color:#ffff;font-weight:500;color:#000;}.btn-disabled.svelte-1vafzgs {pointer-events:none;background-color:#d0d2d5;}"
+};
+function Ae(h, n) {
+  if (new.target) return oe({ component: Ae, ...h });
+  de(n, !1), Qe(h, Pt);
+  let b = E(n, "onClick", 12), m = E(n, "text", 12), _ = E(n, "disabled", 12, !1), d = E(n, "isLoading", 12, !1), l = E(n, "isActive", 12, !1);
+  var t = ht();
+  let g;
+  var u = M(t);
+  {
+    var p = (o) => {
+      _t(o, {});
+    }, C = (o) => {
+      var s = he();
+      ae(() => ie(s, m())), B(o, s);
+    };
+    X(u, (o) => {
+      d() ? o(p) : o(C, !1);
+    });
+  }
+  return j(t), ae(
+    (o) => g = Ne(t, 1, `crtw-flex crtw-justify-center crtw-items-center crtw-w-full crtw-h-[50px] crtw-cursor-pointer crtw-border crtw-border-gray-300
+  crtw-rounded crtw-font-['poppins'] crtw-text-gray-600 svelte-1vafzgs`, null, g, o),
+    [
+      () => ({
+        "btn-disabled": _() || d(),
+        active: l()
+      })
+    ],
+    Q
+  ), Oe("click", t, bt(function(...o) {
+    var s;
+    (s = b()) == null || s.apply(this, o);
+  })), B(h, t), ue({
+    get onClick() {
+      return b();
+    },
+    set onClick(o) {
+      b(o), S();
+    },
+    get text() {
+      return m();
+    },
+    set text(o) {
+      m(o), S();
+    },
+    get disabled() {
+      return _();
+    },
+    set disabled(o) {
+      _(o), S();
+    },
+    get isLoading() {
+      return d();
+    },
+    set isLoading(o) {
+      d(o), S();
+    },
+    get isActive() {
+      return l();
+    },
+    set isActive(o) {
+      l(o), S();
+    },
+    $set: le,
+    $on: (o, s) => ce(n, o, s)
+  });
+}
+var xt = Z("<div> </div>"), Lt = Z("<div>Getting price...</div>"), Et = Z("<div> </div>"), St = Z('<div><div class="crtw-text-right crtw-text-[13px] crtw-text-gray-400 crtw-mb-6"><div class="crtw-break-words"> </div> <div> </div></div> <div class="crtw-font-bold crtw-text-xl"> </div> <div class="crtw-flex crtw-justify-between crtw-mb-3 crtw-text-gray-600 crtw-font-bold"><!> <!></div> <div class="crtw-flex crtw-bg-gray-200 crtw-rounded-md crtw-p-px"><!> <!></div> <hr class="crtw-block crtw-border-t-2 crtw-border-gray-200 crtw-w-1/2 crtw-mx-auto crtw-mt-3.5 crtw-mb-[30px]"/> <!> <div class="crtw-flex crtw-w-full crtw-justify-center crtw-items-center"><img alt=""/><span class="crtw-text-sm crtw-text-gray-400 crtw-ml-1">Payments are secure and encrypted</span></div> <div class="crtw-mt-1.5"><!></div></div>');
+function Ye(h, n) {
+  if (new.target) return oe({ component: Ye, ...h });
+  de(n, !1);
+  const b = I(), m = I(), _ = I();
+  let d = E(n, "isLoading", 12), l = E(n, "options", 12), {
+    user: t,
+    title: g,
+    subtitle: u,
+    onBackClick: p,
+    isStripeDisabled: C,
+    currencySymbol: o = "$"
+  } = l(), s = I(C ? K.CREDENZA_BALANCE : K.CREDIT_CARD);
+  J(() => R(l()), () => {
+    P(b, l().isPriceLoading);
+  }), J(() => R(l()), () => {
+    P(m, l().totalSumCents);
+  }), J(() => R(l()), () => {
+    P(_, l().isCredezaValueDisabled);
+  }), xe(), we();
+  var y = St();
+  let N;
+  var O = M(y), Y = M(O), U = M(Y, !0);
+  j(Y);
+  var f = q(Y, 2), A = M(f, !0);
+  j(f), j(O);
+  var a = q(O, 2), i = M(a, !0);
+  j(a);
+  var c = q(a, 2), r = M(c);
+  {
+    var v = (k) => {
+      var D = xt(), ge = M(D, !0);
+      j(D), ae(() => ie(ge, u)), B(k, D);
+    };
+    X(r, (k) => {
+      u && k(v);
+    });
+  }
+  var w = q(r, 2);
+  {
+    var L = (k) => {
+      var D = Lt();
+      B(k, D);
+    }, z = (k, D) => {
+      {
+        var ge = (fe) => {
+          var pe = Et(), Se = M(pe);
+          j(pe), ae(
+            (Xe) => ie(Se, `${o ?? ""}${Xe ?? ""}`),
+            [
+              () => (e(m), H(() => (+e(m) / 100).toFixed(2)))
+            ],
+            Q
+          ), B(fe, pe);
+        };
+        X(
+          k,
+          (fe) => {
+            e(m) && fe(ge);
+          },
+          D
+        );
+      }
+    };
+    X(w, (k) => {
+      e(b) ? k(L) : k(z, !1);
+    });
+  }
+  j(c);
+  var x = q(c, 2), T = M(x);
+  const F = Q(() => (e(s), R(K), H(() => e(s) === K.CREDIT_CARD)));
+  Ae(T, {
+    text: "Credit Card",
+    onClick: () => P(s, K.CREDIT_CARD),
+    get isActive() {
+      return e(F);
+    },
+    get disabled() {
+      return C;
+    }
+  });
+  var W = q(T, 2);
+  const V = Q(() => (e(s), R(K), H(() => e(s) === K.CREDENZA_BALANCE)));
+  Ae(W, {
+    text: "Credenza Balance",
+    onClick: () => P(s, K.CREDENZA_BALANCE),
+    get isActive() {
+      return e(V);
+    },
+    get disabled() {
+      return e(_);
+    }
+  }), j(x);
+  var G = q(x, 4);
+  {
+    var te = (k) => {
+      var D = Pe(), ge = se(D);
+      Be(ge, n, "credit-card", {}), B(k, D);
+    }, re = (k, D) => {
+      {
+        var ge = (fe) => {
+          var pe = Pe(), Se = se(pe);
+          Be(Se, n, "cred-balance", {}), B(fe, pe);
+        };
+        X(
+          k,
+          (fe) => {
+            e(s), R(K), H(() => e(s) === K.CREDENZA_BALANCE) && fe(ge);
+          },
+          D
+        );
+      }
+    };
+    X(G, (k) => {
+      e(s), R(K), H(() => e(s) === K.CREDIT_CARD) ? k(te) : k(re, !1);
+    });
+  }
+  var ve = q(G, 2), Ee = M(ve);
+  nt(), j(ve);
+  var Ce = q(ve, 2), Je = M(Ce);
+  return wt(Je, {
+    get onClick() {
+      return p;
+    }
+  }), j(Ce), j(y), ae(
+    (k) => {
+      N = Ne(y, 1, "cpui-payment crtw-text-left crtw-w-full", null, N, k), ie(U, H(() => {
+        var D;
+        return (t == null ? void 0 : t.email) || ((D = t == null ? void 0 : t.pending) == null ? void 0 : D.email) || "";
+      })), ie(A, H(() => {
+        var D;
+        return (t == null ? void 0 : t.phone) || ((D = t == null ? void 0 : t.pending) == null ? void 0 : D.phone) || "";
+      })), ie(i, g), $e(Ee, "src", Ct);
+    },
+    [() => ({ "crtw-hidden": d() })],
+    Q
+  ), B(h, y), ue({
+    get isLoading() {
+      return d();
+    },
+    set isLoading(k) {
+      d(k), S();
+    },
+    get options() {
+      return l();
+    },
+    set options(k) {
+      l(k), S();
+    },
+    $set: le,
+    $on: (k, D) => ce(n, k, D)
+  });
+}
+var kt = Z('<div class="crtw-text-base crtw-mb-1.5">Credit card details</div> <div id="cpui-card-element" class="crtw-border crtw-border-gray-300 crtw-rounded crtw-px-2.5 crtw-py-4 crtw-mb-2.5 crtw-w-full"></div> <div id="card-errors" role="alert"></div> <!>', 1);
+function We(h, n) {
+  if (new.target) return oe({ component: We, ...h });
+  de(n, !1);
+  let b = E(n, "options", 12), m = E(n, "isPaymentDisabled", 12), _ = E(n, "isLoading", 12), d = E(n, "totalToPay", 12), { isCardFocused: l, onPay: t, currencySymbol: g = "$" } = b();
+  var u = kt(), p = q(se(u), 2), C = q(p, 4);
+  const o = Q(() => `Pay ${g}${d()}`);
+  return Ue(C, {
+    get text() {
+      return e(o);
+    },
+    get onClick() {
+      return t;
+    },
+    get disabled() {
+      return m();
+    },
+    get isLoading() {
+      return _();
+    },
+    set isLoading(s) {
+      _(s);
+    },
+    $$legacy: !0
+  }), ae(() => et(p, l ? "border-color: #121e2b" : "")), B(h, u), ue({
+    get options() {
+      return b();
+    },
+    set options(s) {
+      b(s), S();
+    },
+    get isPaymentDisabled() {
+      return m();
+    },
+    set isPaymentDisabled(s) {
+      m(s), S();
+    },
+    get isLoading() {
+      return _();
+    },
+    set isLoading(s) {
+      _(s), S();
+    },
+    get totalToPay() {
+      return d();
+    },
+    set totalToPay(s) {
+      d(s), S();
+    },
+    $set: le,
+    $on: (s, y) => ce(n, s, y)
+  });
+}
+var At = Z('You do not have enough stored value to make this payment. <span class="crtw-text-black crtw-cursor-pointer" role="button" tabindex="0"> </span>', 1), Tt = Z('<div class="crtw-w-full crtw-text-center crtw-my-5"><div class="crtw-text-3xl crtw-text-black crtw-font-bold"><!></div> <div class="crtw-mb-5 crtw-text-gray-600"><!></div> <!></div>');
+function Ve(h, n) {
+  if (new.target) return oe({ component: Ve, ...h });
+  de(n, !1);
+  const b = I(), m = I(), _ = I(), d = I(), l = I();
+  let t = E(n, "options", 12), { credAlias: g, onPay: u, onGetCred: p } = t();
+  J(() => R(t()), () => {
+    P(b, t().isLoading);
+  }), J(() => R(t()), () => {
+    P(m, t().isPaymentDisabled);
+  }), J(() => R(t()), () => {
+    P(_, t().formattedBalance);
+  }), J(() => R(t()), () => {
+    P(d, t().totalToPay);
+  }), J(() => R(t()), () => {
+    P(l, t().balance);
+  }), xe(), we();
+  var C = Tt(), o = M(C), s = M(o);
+  {
+    var y = (i) => {
+      var c = he("INSUFFICIENT FUNDS");
+      B(i, c);
+    }, N = (i) => {
+      var c = he();
+      ae(() => ie(c, e(_))), B(i, c);
+    };
+    X(s, (i) => {
+      e(d), e(l), H(() => Number(e(d)) > e(l)) ? i(y) : i(N, !1);
+    });
+  }
+  j(o);
+  var O = q(o, 2), Y = M(O);
+  {
+    var U = (i) => {
+      var c = At(), r = q(se(c)), v = M(r);
+      j(r), ae(() => ie(v, `Click to get some ${g ?? ""}`)), Oe("click", r, p), B(i, c);
+    }, f = (i) => {
+      var c = he("Your balance after purchase");
+      B(i, c);
+    };
+    X(Y, (i) => {
+      e(d), e(l), H(() => Number(e(d)) > e(l)) ? i(U) : i(f, !1);
+    });
+  }
+  j(O);
+  var A = q(O, 2);
+  const a = Q(() => `Pay ${e(d)} ${g}`);
+  return Ue(A, {
+    get text() {
+      return e(a);
+    },
+    get onClick() {
+      return u;
+    },
+    get disabled() {
+      return e(m);
+    },
+    get isLoading() {
+      return e(b);
+    }
+  }), j(C), B(h, C), ue({
+    get options() {
+      return t();
+    },
+    set options(i) {
+      t(i), S();
+    },
+    $set: le,
+    $on: (i, c) => ce(n, i, c)
+  });
+}
+var Rt = Z('<div id="ctui-wallet-pay" class="crtw-w-full crtw-my-4" style="dispay: none;"><div id="ctui-payment-request-button"></div></div>');
+function Ze(h, n) {
+  if (new.target) return oe({ component: Ze, ...h });
+  de(n, !1);
+  var b = this && this.__awaiter || function(u, p, C, o) {
+    function s(y) {
+      return y instanceof C ? y : new C(function(N) {
+        N(y);
+      });
+    }
+    return new (C || (C = Promise))(function(y, N) {
+      function O(f) {
+        try {
+          U(o.next(f));
+        } catch (A) {
+          N(A);
+        }
+      }
+      function Y(f) {
+        try {
+          U(o.throw(f));
+        } catch (A) {
+          N(A);
+        }
+      }
+      function U(f) {
+        f.done ? y(f.value) : s(f.value).then(O, Y);
+      }
+      U((o = o.apply(u, p || [])).next());
+    });
+  };
+  let m = E(n, "doPayment", 12), _ = E(n, "stripe", 12), d = E(n, "stripeElements", 12), l = E(n, "priceCents", 12), t = E(n, "isLoading", 12);
+  Te(() => b(void 0, void 0, void 0, function* () {
+    const u = _().paymentRequest({
+      country: "US",
+      currency: "usd",
+      total: {
+        label: "Apple/Google payment",
+        amount: l() / 100
+      },
+      requestPayerName: !0,
+      requestPayerEmail: !0
+    });
+    if (!(yield u.canMakePayment())) return;
+    const C = document.getElementById("ctui-wallet-pay");
+    C && (C.style.display = "crtw-block"), d().create("paymentRequestButton", {
+      paymentRequest: u,
+      style: { paymentRequestButton: { height: "48px" } }
+    }).mount("#ctui-payment-request-button"), u.on("token", (s) => b(void 0, void 0, void 0, function* () {
+      t(!0);
+      try {
+        yield m()(s.token.id), yield s.complete("success");
+      } catch (y) {
+        yield s.complete("error"), $(ee.ERROR, { error: y });
+      }
+      t(!1);
+    }));
+  })), we();
+  var g = Rt();
+  return B(h, g), ue({
+    get doPayment() {
+      return m();
+    },
+    set doPayment(u) {
+      m(u), S();
+    },
+    get stripe() {
+      return _();
+    },
+    set stripe(u) {
+      _(u), S();
+    },
+    get stripeElements() {
+      return d();
+    },
+    set stripeElements(u) {
+      d(u), S();
+    },
+    get priceCents() {
+      return l();
+    },
+    set priceCents(u) {
+      l(u), S();
+    },
+    get isLoading() {
+      return t();
+    },
+    set isLoading(u) {
+      t(u), S();
+    },
+    $set: le,
+    $on: (u, p) => ce(n, u, p)
+  });
+}
+const Bt = {
+  base: {
+    color: "#121e2b",
+    fontSize: "12px",
+    "::placeholder": {
+      color: "#d9d9d9"
+    }
+  },
+  invalid: {
+    color: "#fa755a"
+  }
+}, It = (h) => new Promise((n, b) => {
+  const m = document.createElement("script");
+  m.src = h, document.body.appendChild(m), m.addEventListener("load", () => n(m)), m.addEventListener("error", () => b(m));
+});
+var Dt = Z("<!> <!>", 1);
+function Ge(h, n) {
+  if (new.target) return oe({ component: Ge, ...h });
+  de(n, !1);
+  const b = I(), m = I();
+  var _ = this && this.__awaiter || function(r, v, w, L) {
+    function z(x) {
+      return x instanceof w ? x : new w(function(T) {
+        T(x);
+      });
+    }
+    return new (w || (w = Promise))(function(x, T) {
+      function F(G) {
+        try {
+          V(L.next(G));
+        } catch (te) {
+          T(te);
+        }
+      }
+      function W(G) {
+        try {
+          V(L.throw(G));
+        } catch (te) {
+          T(te);
+        }
+      }
+      function V(G) {
+        G.done ? x(G.value) : z(G.value).then(F, W);
+      }
+      V((L = L.apply(r, v || [])).next());
+    });
+  };
+  let d = E(n, "priceCents", 12), l = E(n, "isLoading", 12), t = E(n, "purchaseConfig", 12), g = E(n, "isPriceLoading", 12);
+  const { toastAlert: u } = ne(Me), p = ne(Le);
+  let C, o = I(), s = I(), y, N = I(), O = I(!1);
+  Te(() => _(void 0, void 0, void 0, function* () {
+    var r;
+    try {
+      if (!C) {
+        if (!window.Stripe && (yield It("https://js.stripe.com/v3/"), !window.Stripe))
+          throw {};
+        C = window.Stripe;
+      }
+    } catch {
+      return console.log("Please include stripe to use payments.");
+    }
+    if (e(o)) return;
+    const v = be(p.clientId).name;
+    P(o, C((r = p.stripe.pk[v]) !== null && r !== void 0 ? r : p.stripe.pk.DEFAULT)), P(s, e(o).elements()), y = e(s).create("card", { style: Bt }), y.mount("#cpui-card-element"), y.on("change", (w) => {
+      P(N, w.complete && !w.error);
+    }), y.on("focus", () => P(O, !0)), y.on("blur", () => P(O, !1));
+  }));
+  const Y = () => _(void 0, void 0, void 0, function* () {
+    try {
+      if (!e(N)) return;
+      l(!0);
+      const r = yield e(o).createToken(y);
+      if (r.error) throw r.error;
+      yield U(r.token.id);
+    } catch (r) {
+      $(ee.ERROR, { error: r });
+    }
+    l(!1);
+  }), U = (r) => _(void 0, void 0, void 0, function* () {
+    var v, w;
+    try {
+      const { processPayment: L } = yield import("./Stripe.service-C119NvVj.js"), { assets: z } = t();
+      if (!(z != null && z.length)) throw new Error("No purchase config assets found");
+      const x = [], T = [];
+      for (const [W, V] of z.entries()) {
+        const G = yield it(V.packageId);
+        let te = null;
+        V.assetId && (te = yield G.CredenzaAssetCollection.getAssetMetadata(V.assetId));
+        try {
+          const { chain_txs: re, items: ve } = yield L(r, V), Ee = ve.map((Ce) => Object.assign(Object.assign({}, Ce), { metadata: te }));
+          T.push(...Ee), $(ee.PAYMENT, {
+            type: at.STRIPE,
+            results: { chain_txs: re }
+          }), u(`Your payment #${W + 1} was successful`), $(ee.RECHECK_BALANCE, re);
+        } catch (re) {
+          const ve = { asset: V, metadata: te, error: re.message };
+          T.push(ve), u(`Your payment #${W + 1} was NOT successful`), x.push(`Payment #${W + 1}: ${re.message}, resource_id: ${V.packageId}, asset_id: ${V.assetId}`);
+        } finally {
+          yield new Promise((re) => setTimeout(re, 1e3));
+        }
+      }
+      const F = ne(Re);
+      if (F && je.track("cp_payment_fiat", {
+        $email: F.email,
+        $phone: F.phone,
+        suiNetwork: p.suiNetwork,
+        clientId: p.clientId,
+        address: yield qe(),
+        location: window.location.href,
+        assets: t() === null || t() === void 0 ? void 0 : t().assets,
+        total: d() / 100,
+        description: ((v = t() === null || t() === void 0 ? void 0 : t().title) !== null && v !== void 0 ? v : "") + `(${(w = t() === null || t() === void 0 ? void 0 : t().subtitle) !== null && w !== void 0 ? w : ""})`
+      }), yield Fe(), T != null && T.every((W) => W.error != null))
+        throw new Error("All payments failed");
+      x.length && _e.set({
+        title: "Done!",
+        subtitle: "Your payment was partly successful",
+        orders: T
+      }), me.set(ye.PAYMENT_RESULT);
+    } catch (L) {
+      u(`Payment error: ${L.message || L}`, "failure"), _e.set({ errorMessage: L.message }), me.set(ye.ERROR), $(ee.ERROR, { error: L });
+    }
+  });
+  J(
+    () => (e(N), R(l()), R(g())),
+    () => {
+      P(b, !e(N) || l() || g());
+    }
+  ), J(() => R(d()), () => {
+    P(m, (d() / 100).toFixed(2));
+  }), xe(), we();
+  var f = Dt(), A = se(f);
+  const a = Q(() => (e(O), R(be), H(() => ({
+    isCardFocused: e(O),
+    onPay: Y,
+    currencySymbol: be(p.clientId).currencySymbol
+  }))));
+  We(A, {
+    get options() {
+      return e(a);
+    },
+    get isPaymentDisabled() {
+      return e(b);
+    },
+    set isPaymentDisabled(r) {
+      P(b, r);
+    },
+    get isLoading() {
+      return l();
+    },
+    set isLoading(r) {
+      l(r);
+    },
+    get totalToPay() {
+      return e(m);
+    },
+    set totalToPay(r) {
+      P(m, r);
+    },
+    $$legacy: !0
+  });
+  var i = q(A, 2);
+  {
+    var c = (r) => {
+      Ze(r, {
+        doPayment: U,
+        get stripe() {
+          return e(o);
+        },
+        get stripeElements() {
+          return e(s);
+        },
+        get priceCents() {
+          return d();
+        },
+        get isLoading() {
+          return l();
+        },
+        set isLoading(v) {
+          l(v);
+        },
+        $$legacy: !0
+      });
+    };
+    X(i, (r) => {
+      e(o) && e(s) && r(c);
+    });
+  }
+  return B(h, f), ue({
+    get priceCents() {
+      return d();
+    },
+    set priceCents(r) {
+      d(r), S();
+    },
+    get isLoading() {
+      return l();
+    },
+    set isLoading(r) {
+      l(r), S();
+    },
+    get purchaseConfig() {
+      return t();
+    },
+    set purchaseConfig(r) {
+      t(r), S();
+    },
+    get isPriceLoading() {
+      return g();
+    },
+    set isPriceLoading(r) {
+      g(r), S();
+    },
+    $set: le,
+    $on: (r, v) => ce(n, r, v)
+  });
+}
+const Nt = async ({
+  stripeChargeId: h,
+  title: n,
+  digest: b,
+  subtitle: m,
+  amount: _,
+  currency: d
+}) => {
+  const { credenza: l, recieptTarget: t, clientId: g } = ne(Le);
+  return (await fetch(`${l.suiApiUrl}/tokens/receipt`, {
+    method: "POST",
+    body: JSON.stringify({
+      ...h ? { charge_id: h } : {},
+      ...b ? { digest: b } : {},
+      ..._ ? { amount: _ } : {},
+      ...d ? { currency: d } : {},
+      target: t || ot.EMAIL,
+      title: n,
+      subtitle: m,
+      source: be(g).name
+    }),
+    headers: {
+      Authorization: `Bearer ${ne(st)}`,
+      "Content-Type": "application/json"
+    }
+  })).ok;
+};
+function Ke(h, n) {
+  if (new.target) return oe({ component: Ke, ...h });
+  de(n, !1);
+  const [b, m] = ze(), _ = () => ke(lt, "$clientPublicStore", b), d = I();
+  var l = this && this.__awaiter || function(f, A, a, i) {
+    function c(r) {
+      return r instanceof a ? r : new a(function(v) {
+        v(r);
+      });
+    }
+    return new (a || (a = Promise))(function(r, v) {
+      function w(x) {
+        try {
+          z(i.next(x));
+        } catch (T) {
+          v(T);
+        }
+      }
+      function L(x) {
+        try {
+          z(i.throw(x));
+        } catch (T) {
+          v(T);
+        }
+      }
+      function z(x) {
+        x.done ? r(x.value) : c(x.value).then(w, L);
+      }
+      z((i = i.apply(f, A || [])).next());
+    });
+  };
+  let t = E(n, "totalPriceToken", 12), g = E(n, "purchaseConfig", 12), u = E(n, "isLoading", 12), p = E(n, "isPriceLoading", 12), C = E(n, "pricesByAsset", 28, () => []);
+  const { toastAlert: o } = ne(Me), s = ne(Le);
+  let y = I(0);
+  const N = (f, A) => l(void 0, void 0, void 0, function* () {
+    const { type: a, packageId: i, assetId: c, amount: r } = f, v = yield dt(a, i, { assetId: c, amount: r }), { title: w, subtitle: L } = g();
+    $(ee.PAYMENT), $(ee.RECHECK_BALANCE), yield Nt({
+      digest: v.digest,
+      title: w,
+      subtitle: L,
+      amount: C()[A],
+      currency: "CRED"
+    }), $(ee.RECEIPT, { digest: v.digest });
+  }), O = () => l(void 0, void 0, void 0, function* () {
+    var f, A;
+    try {
+      if (BigInt(t()) > e(y)) return;
+      u(!0);
+      const { assets: a } = g();
+      for (const [c, r] of a.entries())
+        yield N(r, c), yield new Promise((v) => setTimeout(v, 1e3));
+      const i = ne(Re);
+      i && je.track("cp_payment_stored_value", {
+        $email: i.email,
+        $phone: i.phone,
+        suiNetwork: s.suiNetwork,
+        clientId: s.clientId,
+        location: window.location.href,
+        address: yield qe(),
+        assets: a,
+        total: t(),
+        description: ((f = g() === null || g() === void 0 ? void 0 : g().title) !== null && f !== void 0 ? f : "") + `(${(A = g() === null || g() === void 0 ? void 0 : g().subtitle) !== null && A !== void 0 ? A : ""})`
+      }), yield Fe(), me.set(ye.PAYMENT_RESULT);
+    } catch (a) {
+      o(`Payment error: ${a.message || a}`, "failure"), _e.set({ errorMessage: a.message }), me.set(ye.ERROR), $(ee.ERROR, { error: a });
+    } finally {
+      u(!1);
+    }
+  });
+  Te(() => l(void 0, void 0, void 0, function* () {
+    P(y, Number(yield ct()));
+  })), J(
+    () => (e(y), R(t()), De),
+    () => {
+      P(d, `${(e(y) - t()).toFixed(2)} ${De("cred", "cred")}`);
+    }
+  ), xe(), we();
+  const Y = Q(() => (e(d), e(y), _(), R(me), R(ye), R(t()), R(u()), R(p()), H(() => ({
+    formattedBalance: e(d),
+    balance: e(y),
+    credAlias: _().ui_settings.cred_alias,
+    onPay: O,
+    onGetCred: () => me.set(ye.WALLET),
+    totalToPay: String(t()),
+    isLoading: u(),
+    isPaymentDisabled: !Number(e(y)) || t() > e(y) || p()
+  }))));
+  Ve(h, {
+    get options() {
+      return e(Y);
+    }
+  });
+  var U = ue({
+    get totalPriceToken() {
+      return t();
+    },
+    set totalPriceToken(f) {
+      t(f), S();
+    },
+    get purchaseConfig() {
+      return g();
+    },
+    set purchaseConfig(f) {
+      g(f), S();
+    },
+    get isLoading() {
+      return u();
+    },
+    set isLoading(f) {
+      u(f), S();
+    },
+    get isPriceLoading() {
+      return p();
+    },
+    set isPriceLoading(f) {
+      p(f), S();
+    },
+    get pricesByAsset() {
+      return C();
+    },
+    set pricesByAsset(f) {
+      C(f), S();
+    },
+    $set: le,
+    $on: (f, A) => ce(n, f, A)
+  });
+  return m(), U;
+}
+var Ot = Z('<div slot="credit-card"><!></div>'), zt = Z('<div slot="cred-balance"><!></div>'), Mt = Z("<!> <!>", 1);
+function He(h, n) {
+  if (new.target) return oe({ component: He, ...h });
+  de(n, !1);
+  const [b, m] = ze(), _ = () => ke(Re, "$userStore", b), d = () => ke(_e, "$pageOptsStore", b);
+  var l = this && this.__awaiter || function(a, i, c, r) {
+    function v(w) {
+      return w instanceof c ? w : new c(function(L) {
+        L(w);
+      });
+    }
+    return new (c || (c = Promise))(function(w, L) {
+      function z(F) {
+        try {
+          T(r.next(F));
+        } catch (W) {
+          L(W);
+        }
+      }
+      function x(F) {
+        try {
+          T(r.throw(F));
+        } catch (W) {
+          L(W);
+        }
+      }
+      function T(F) {
+        F.done ? w(F.value) : v(F.value).then(z, x);
+      }
+      T((r = r.apply(a, i || [])).next());
+    });
+  };
+  let t = I(!1), g = I(!1), u = [], p = I(0), C = I(0);
+  const o = (a, i, c) => l(void 0, void 0, void 0, function* () {
+    if (c && i === gt.CREDENZA_ASSET_COLLECTION)
+      return yield ft(a, c);
+    const r = yield mt(a, i), v = yield yt(r), {
+      content: { fields: { price_fiat: w, price_coin: L } }
+    } = v;
+    return [+w, +L];
+  }), s = (a) => l(void 0, void 0, void 0, function* () {
+    try {
+      P(t, !0);
+      for (const i of a) {
+        const { packageId: c, type: r, amount: v, assetId: w } = i;
+        if (`${c}::${r}::${r.toUpperCase()}` === ut() && v)
+          P(p, e(p) + v * 100);
+        else {
+          let [z, x] = yield o(c, r, w);
+          v && v !== 0 && (z *= v, x *= v), P(p, e(p) + z), P(C, e(C) + x / Ie), u.push(x / Ie);
+        }
+      }
+    } catch (i) {
+      console.log(i), vt("Error calculating the price", "failure"), $(ee.ERROR, i);
+    } finally {
+      P(t, !1);
+    }
+  }), y = _e.subscribe((a) => l(void 0, void 0, void 0, function* () {
+    !(a != null && a.assets) || !a.assets.length || (yield s(a.assets));
+  }));
+  rt(y), we();
+  var N = Mt(), O = se(N);
+  {
+    var Y = (a) => {
+      var i = Pe(), c = se(i);
+      pt(c, () => import("./ProgressVideo-BgMprzFf.js"), null, (r, v) => {
+        var w = Pe(), L = se(w);
+        tt(L, () => e(v).default, (z, x) => {
+          x(z, {});
+        }), B(r, w);
+      }), B(a, i);
+    };
+    X(O, (a) => {
+      e(g) && a(Y);
+    });
+  }
+  var U = q(O, 2);
+  const f = Q(() => {
+    var a, i, c, r;
+    return {
+      user: _(),
+      title: d().title || "Order Summary",
+      subtitle: d().subtitle,
+      onBackClick: () => me.set(ye.WALLET),
+      isStripeDisabled: (i = (a = d().payments) == null ? void 0 : a.stripe) == null ? void 0 : i.disabled,
+      isCredezaValueDisabled: !e(p) || ((r = (c = d().payments) == null ? void 0 : c.credenzaStoredValue) == null ? void 0 : r.disabled),
+      isPriceLoading: e(t),
+      totalSumCents: e(p),
+      currencySymbol: be(ne(Le).clientId).currencySymbol
+    };
+  });
+  Ye(U, {
+    get options() {
+      return e(f);
+    },
+    get isLoading() {
+      return e(g);
+    },
+    set isLoading(a) {
+      P(g, a);
+    },
+    $$slots: {
+      "credit-card": (a, i) => {
+        var c = Ot(), r = M(c);
+        Ge(r, {
+          get priceCents() {
+            return e(p);
+          },
+          get isPriceLoading() {
+            return e(t);
+          },
+          get purchaseConfig() {
+            return d();
+          },
+          get isLoading() {
+            return e(g);
+          },
+          set isLoading(v) {
+            P(g, v);
+          },
+          $$legacy: !0
+        }), j(c), B(a, c);
+      },
+      "cred-balance": (a, i) => {
+        var c = zt(), r = M(c);
+        Ke(r, {
+          get pricesByAsset() {
+            return u;
+          },
+          get totalPriceToken() {
+            return e(C);
+          },
+          get isPriceLoading() {
+            return e(t);
+          },
+          get purchaseConfig() {
+            return d();
+          },
+          get isLoading() {
+            return e(g);
+          },
+          set isLoading(v) {
+            P(g, v);
+          },
+          $$legacy: !0
+        }), j(c), B(a, c);
+      }
+    },
+    $$legacy: !0
+  }), B(h, N);
+  var A = ue({
+    $set: le,
+    $on: (a, i) => ce(n, a, i)
+  });
+  return m(), A;
+}
+const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: He
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Ht as P,
+  Nt as r
+};
+//# sourceMappingURL=Payment-DVmk-5zj.js.map