@credenza3/passport-sui 0.1.10 → 0.1.12

package/dist/Payment-BNT5dOy3.js

@@ -0,0 +1,1179 @@
+import { c as te, m as at, p as x, f as W, i as H, k as De, e as Ne, b as D, d as re, u as ne, t as be, r as se, h as me, s as it, a as he, g as Te, j as st, n as Oe, o as ke, q as ot } from "./legacy-YR9wiUnf.js";
+import { a as Ce, o as ct } from "./index-client-CJ3dIYTW.js";
+import { v as ae, B as F, C as U, D as le, I as X, z as ie, u as E, m as N, bc as V, w as J, J as P, A as I, x as Pe, E as q, K as t, G as Z, F as lt, y as de, M as Q, P as $, L as z, b3 as Le, $ as ee, aX as Se, aZ as ze, a_ as je, O as ge, R as oe, S as ce, b4 as ye, bd as dt, be as ut, N as Me, b6 as ft, _ as vt, bf as gt, bg as Fe, bh as pt, bi as Ie, bj as yt, bk as mt, bl as wt, bm as _t } from "./index-Cpr_yChD.js";
+import { a as bt } from "./App-CCqleyA9.js";
+import { B as ht } from "./ButtonBack-BkUKUIsw.js";
+import { p as Ct } from "./event-modifiers-DpFXHa6q.js";
+import { L as Pt } from "./Loader-Ck8Qf90h.js";
+import { B as Ue } from "./Button-DAy_umSd.js";
+import { w as qe } from "./ProgressVideo.service-CVnZS8ec.js";
+import { g as Be } from "./strings-B-rKL311.js";
+const Lt = "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 xt = W('<button type="submit"><!></button>');
+const Et = {
+  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(g, e) {
+  if (new.target) return te({ component: Ae, ...g });
+  ae(e, !1), at(g, Et);
+  let o = x(e, "onClick", 12), a = x(e, "text", 12), r = x(e, "disabled", 12, !1), s = x(e, "isLoading", 12, !1), l = x(e, "isActive", 12, !1);
+  var i = xt();
+  let b;
+  var c = F(i);
+  {
+    var h = (d) => {
+      Pt(d, {});
+    }, _ = (d) => {
+      var u = be();
+      le(() => se(u, a())), D(d, u);
+    };
+    H(c, (d) => {
+      s() ? d(h) : d(_, !1);
+    });
+  }
+  return U(i), le(
+    (d) => b = De(i, 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, b, d),
+    [
+      () => ({
+        "btn-disabled": r() || s(),
+        active: l()
+      })
+    ],
+    X
+  ), Ne("click", i, Ct(function(...d) {
+    var u;
+    (u = o()) == null || u.apply(this, d);
+  })), D(g, i), ie({
+    get onClick() {
+      return o();
+    },
+    set onClick(d) {
+      o(d), E();
+    },
+    get text() {
+      return a();
+    },
+    set text(d) {
+      a(d), E();
+    },
+    get disabled() {
+      return r();
+    },
+    set disabled(d) {
+      r(d), E();
+    },
+    get isLoading() {
+      return s();
+    },
+    set isLoading(d) {
+      s(d), E();
+    },
+    get isActive() {
+      return l();
+    },
+    set isActive(d) {
+      l(d), E();
+    },
+    $set: ne,
+    $on: (d, u) => re(e, d, u)
+  });
+}
+var kt = W("<div> </div>"), At = W("<div>Getting price...</div>"), St = W("<div> </div>"), Rt = W('<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 Ge(g, e) {
+  if (new.target) return te({ component: Ge, ...g });
+  ae(e, !1);
+  const o = N(), a = N(), r = N();
+  let s = x(e, "isLoading", 12), l = x(e, "options", 12), {
+    user: i,
+    title: b,
+    subtitle: c,
+    onBackClick: h,
+    isStripeDisabled: _,
+    currencySymbol: d = "$"
+  } = l(), u = N(_ ? V.CREDENZA_BALANCE : V.CREDIT_CARD);
+  J(() => I(l()), () => {
+    P(o, l().isPriceLoading);
+  }), J(() => I(l()), () => {
+    P(a, l().totalSumCents);
+  }), J(() => I(l()), () => {
+    P(r, l().isCredezaValueDisabled);
+  }), Pe(), me();
+  var w = Rt();
+  let A;
+  var T = F(w), B = F(T), j = F(B, !0);
+  U(B);
+  var y = q(B, 2), k = F(y, !0);
+  U(y), U(T);
+  var v = q(T, 2), f = F(v, !0);
+  U(v);
+  var p = q(v, 2), n = F(p);
+  {
+    var m = (R) => {
+      var O = kt(), fe = F(O, !0);
+      U(O), le(() => se(fe, c)), D(R, O);
+    };
+    H(n, (R) => {
+      c && R(m);
+    });
+  }
+  var C = q(n, 2);
+  {
+    var L = (R) => {
+      var O = At();
+      D(R, O);
+    }, M = (R, O) => {
+      {
+        var fe = (ve) => {
+          var pe = St(), Ee = F(pe);
+          U(pe), le(
+            (nt) => se(Ee, `${d ?? ""}${nt ?? ""}`),
+            [
+              () => (t(a), Z(() => (+t(a) / 100).toFixed(2)))
+            ],
+            X
+          ), D(ve, pe);
+        };
+        H(
+          R,
+          (ve) => {
+            t(a) && ve(fe);
+          },
+          O
+        );
+      }
+    };
+    H(C, (R) => {
+      t(o) ? R(L) : R(M, !1);
+    });
+  }
+  U(p);
+  var S = q(p, 2), G = F(S);
+  const Y = X(() => (t(u), I(V), Z(() => t(u) === V.CREDIT_CARD)));
+  Ae(G, {
+    text: "Credit Card",
+    onClick: () => P(u, V.CREDIT_CARD),
+    get isActive() {
+      return t(Y);
+    },
+    get disabled() {
+      return _;
+    }
+  });
+  var ue = q(G, 2);
+  const we = X(() => (t(u), I(V), Z(() => t(u) === V.CREDENZA_BALANCE)));
+  Ae(ue, {
+    text: "Credenza Balance",
+    onClick: () => P(u, V.CREDENZA_BALANCE),
+    get isActive() {
+      return t(we);
+    },
+    get disabled() {
+      return t(r);
+    }
+  }), U(S);
+  var K = q(S, 4);
+  {
+    var _e = (R) => {
+      var O = he(), fe = de(O);
+      Te(fe, e, "credit-card", {}), D(R, O);
+    }, et = (R, O) => {
+      {
+        var fe = (ve) => {
+          var pe = he(), Ee = de(pe);
+          Te(Ee, e, "cred-balance", {}), D(ve, pe);
+        };
+        H(
+          R,
+          (ve) => {
+            t(u), I(V), Z(() => t(u) === V.CREDENZA_BALANCE) && ve(fe);
+          },
+          O
+        );
+      }
+    };
+    H(K, (R) => {
+      t(u), I(V), Z(() => t(u) === V.CREDIT_CARD) ? R(_e) : R(et, !1);
+    });
+  }
+  var xe = q(K, 2), tt = F(xe);
+  lt(), U(xe);
+  var Re = q(xe, 2), rt = F(Re);
+  return ht(rt, {
+    get onClick() {
+      return h;
+    }
+  }), U(Re), U(w), le(
+    (R) => {
+      A = De(w, 1, "cpui-payment crtw-text-left crtw-w-full", null, A, R), se(j, Z(() => {
+        var O;
+        return (i == null ? void 0 : i.email) || ((O = i == null ? void 0 : i.pending) == null ? void 0 : O.email) || "";
+      })), se(k, Z(() => {
+        var O;
+        return (i == null ? void 0 : i.phone) || ((O = i == null ? void 0 : i.pending) == null ? void 0 : O.phone) || "";
+      })), se(f, b), it(tt, "src", Lt);
+    },
+    [() => ({ "crtw-hidden": s() })],
+    X
+  ), D(g, w), ie({
+    get isLoading() {
+      return s();
+    },
+    set isLoading(R) {
+      s(R), E();
+    },
+    get options() {
+      return l();
+    },
+    set options(R) {
+      l(R), E();
+    },
+    $set: ne,
+    $on: (R, O) => re(e, R, O)
+  });
+}
+var Tt = W('<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(g, e) {
+  if (new.target) return te({ component: We, ...g });
+  ae(e, !1);
+  let o = x(e, "options", 12), a = x(e, "isPaymentDisabled", 12), r = x(e, "isLoading", 12), s = x(e, "totalToPay", 12), { isCardFocused: l, onPay: i, currencySymbol: b = "$" } = o();
+  var c = Tt(), h = q(de(c), 2), _ = q(h, 4);
+  const d = X(() => `Pay ${b}${s()}`);
+  return Ue(_, {
+    get text() {
+      return t(d);
+    },
+    get onClick() {
+      return i;
+    },
+    get disabled() {
+      return a();
+    },
+    get isLoading() {
+      return r();
+    },
+    set isLoading(u) {
+      r(u);
+    },
+    $$legacy: !0
+  }), le(() => st(h, l ? "border-color: #121e2b" : "")), D(g, c), ie({
+    get options() {
+      return o();
+    },
+    set options(u) {
+      o(u), E();
+    },
+    get isPaymentDisabled() {
+      return a();
+    },
+    set isPaymentDisabled(u) {
+      a(u), E();
+    },
+    get isLoading() {
+      return r();
+    },
+    set isLoading(u) {
+      r(u), E();
+    },
+    get totalToPay() {
+      return s();
+    },
+    set totalToPay(u) {
+      s(u), E();
+    },
+    $set: ne,
+    $on: (u, w) => re(e, u, w)
+  });
+}
+var It = W('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), Bt = W('<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(g, e) {
+  if (new.target) return te({ component: Ve, ...g });
+  ae(e, !1);
+  const o = N(), a = N(), r = N(), s = N(), l = N();
+  let i = x(e, "options", 12), { credAlias: b, onPay: c, onGetCred: h } = i();
+  J(() => I(i()), () => {
+    P(o, i().isLoading);
+  }), J(() => I(i()), () => {
+    P(a, i().isPaymentDisabled);
+  }), J(() => I(i()), () => {
+    P(r, i().formattedBalance);
+  }), J(() => I(i()), () => {
+    P(s, i().totalToPay);
+  }), J(() => I(i()), () => {
+    P(l, i().balance);
+  }), Pe(), me();
+  var _ = Bt(), d = F(_), u = F(d);
+  {
+    var w = (f) => {
+      var p = be("INSUFFICIENT FUNDS");
+      D(f, p);
+    }, A = (f) => {
+      var p = be();
+      le(() => se(p, t(r))), D(f, p);
+    };
+    H(u, (f) => {
+      t(s), t(l), Z(() => Number(t(s)) > t(l)) ? f(w) : f(A, !1);
+    });
+  }
+  U(d);
+  var T = q(d, 2), B = F(T);
+  {
+    var j = (f) => {
+      var p = It(), n = q(de(p)), m = F(n);
+      U(n), le(() => se(m, `Click to get some ${b ?? ""}`)), Ne("click", n, h), D(f, p);
+    }, y = (f) => {
+      var p = be("Your balance after purchase");
+      D(f, p);
+    };
+    H(B, (f) => {
+      t(s), t(l), Z(() => Number(t(s)) > t(l)) ? f(j) : f(y, !1);
+    });
+  }
+  U(T);
+  var k = q(T, 2);
+  const v = X(() => `Pay ${t(s)} ${b}`);
+  return Ue(k, {
+    get text() {
+      return t(v);
+    },
+    get onClick() {
+      return c;
+    },
+    get disabled() {
+      return t(a);
+    },
+    get isLoading() {
+      return t(o);
+    }
+  }), U(_), D(g, _), ie({
+    get options() {
+      return i();
+    },
+    set options(f) {
+      i(f), E();
+    },
+    $set: ne,
+    $on: (f, p) => re(e, f, p)
+  });
+}
+var Dt = W('<div id="ctui-wallet-pay" class="crtw-w-full crtw-my-4" style="dispay: none;"><div id="ctui-payment-request-button"></div></div>');
+function Ye(g, e) {
+  if (new.target) return te({ component: Ye, ...g });
+  ae(e, !1);
+  var o = this && this.__awaiter || function(c, h, _, d) {
+    function u(w) {
+      return w instanceof _ ? w : new _(function(A) {
+        A(w);
+      });
+    }
+    return new (_ || (_ = Promise))(function(w, A) {
+      function T(y) {
+        try {
+          j(d.next(y));
+        } catch (k) {
+          A(k);
+        }
+      }
+      function B(y) {
+        try {
+          j(d.throw(y));
+        } catch (k) {
+          A(k);
+        }
+      }
+      function j(y) {
+        y.done ? w(y.value) : u(y.value).then(T, B);
+      }
+      j((d = d.apply(c, h || [])).next());
+    });
+  };
+  let a = x(e, "doPayment", 12), r = x(e, "stripe", 12), s = x(e, "stripeElements", 12), l = x(e, "priceCents", 12), i = x(e, "isLoading", 12);
+  Ce(() => o(void 0, void 0, void 0, function* () {
+    const c = r().paymentRequest({
+      country: "US",
+      currency: "usd",
+      total: {
+        label: "Apple/Google payment",
+        amount: l() / 100
+      },
+      requestPayerName: !0,
+      requestPayerEmail: !0
+    });
+    if (!(yield c.canMakePayment())) return;
+    const _ = document.getElementById("ctui-wallet-pay");
+    _ && (_.style.display = "crtw-block"), s().create("paymentRequestButton", {
+      paymentRequest: c,
+      style: { paymentRequestButton: { height: "48px" } }
+    }).mount("#ctui-payment-request-button"), c.on("token", (u) => o(void 0, void 0, void 0, function* () {
+      i(!0);
+      try {
+        yield a()(u.token.id), yield u.complete("success");
+      } catch (w) {
+        yield u.complete("error"), Q($.ERROR, { error: w });
+      }
+      i(!1);
+    }));
+  })), me();
+  var b = Dt();
+  return D(g, b), ie({
+    get doPayment() {
+      return a();
+    },
+    set doPayment(c) {
+      a(c), E();
+    },
+    get stripe() {
+      return r();
+    },
+    set stripe(c) {
+      r(c), E();
+    },
+    get stripeElements() {
+      return s();
+    },
+    set stripeElements(c) {
+      s(c), E();
+    },
+    get priceCents() {
+      return l();
+    },
+    set priceCents(c) {
+      l(c), E();
+    },
+    get isLoading() {
+      return i();
+    },
+    set isLoading(c) {
+      i(c), E();
+    },
+    $set: ne,
+    $on: (c, h) => re(e, c, h)
+  });
+}
+const Nt = {
+  base: {
+    color: "#121e2b",
+    fontSize: "12px",
+    "::placeholder": {
+      color: "#d9d9d9"
+    }
+  },
+  invalid: {
+    color: "#fa755a"
+  }
+}, Ze = (g) => new Promise((e, o) => {
+  const a = document.createElement("script");
+  a.src = g, document.body.appendChild(a), a.addEventListener("load", () => e(a)), a.addEventListener("error", () => o(a));
+}), Ot = async (g, e) => {
+  const o = await fetch(`${g}/orders/${e}`, {
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${z(Le)}`
+    },
+    method: "GET"
+  });
+  if (!o.ok) throw new Error("Failed to get order details");
+  return await o.json();
+}, zt = async (g, e, o = 5) => {
+  let a = 0;
+  for (; a < o; ) {
+    const r = await fetch(`${g}/orders/completed/${e}`, {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${z(Le)}`
+      },
+      method: "GET"
+    });
+    if (r.status === 204) {
+      if (a++, a < o)
+        continue;
+      throw new Error("No content received after multiple attempts");
+    }
+    if (!r.ok) throw new Error("Failed to get order details");
+    return await r.json();
+  }
+}, jt = (g, e) => {
+  const o = e.filter((a) => a.error).map(
+    (a) => `Name: ${a.metadata.name}, reason: ${a.error}`
+  ).join(`
+`);
+  if (g.every((a) => a === null))
+    throw new Error(`All transactions failed. 
+${o}`);
+  if (e != null && e.every((a) => a.status === "ERROR"))
+    throw new Error("All transactions failed.}");
+  return o;
+}, He = async ({
+  stripeChargeId: g,
+  title: e,
+  digest: o,
+  subtitle: a,
+  amount: r,
+  currency: s
+}) => {
+  const { credenza: l, recieptTarget: i, clientId: b } = z(ee);
+  return (await fetch(`${l.suiApiUrl}/tokens/receipt`, {
+    method: "POST",
+    body: JSON.stringify({
+      ...g ? { charge_id: g } : {},
+      ...o ? { digest: o } : {},
+      ...r ? { amount: r } : {},
+      ...s ? { currency: s } : {},
+      target: i || dt.EMAIL,
+      title: e,
+      subtitle: a,
+      source: ye(b).name
+    }),
+    headers: {
+      Authorization: `Bearer ${z(Le)}`,
+      "Content-Type": "application/json"
+    }
+  })).ok;
+}, Je = async ({
+  res: g,
+  priceCents: e,
+  purchaseConfig: o
+}) => {
+  const a = z(ee), { chain_txs: r, items: s } = g, l = jt(r, s), i = z(Se);
+  i && ze.track("cp_payment_fiat", {
+    $email: i.email,
+    $phone: i.phone,
+    suiNetwork: a.suiNetwork,
+    clientId: a.clientId,
+    address: await je(),
+    location: window.location.href,
+    assets: o == null ? void 0 : o.assets,
+    total: e / 100,
+    description: ((o == null ? void 0 : o.title) ?? "") + `(${(o == null ? void 0 : o.subtitle) ?? ""})`
+  }), await qe(), l && ge.set({
+    title: "Done!",
+    subtitle: "Your payment was partly successful",
+    orders: s
+  }), oe.set(ce.PAYMENT_RESULT);
+}, Mt = async (g) => {
+  var e, o, a;
+  for (const r of g) {
+    const s = await ut((e = r == null ? void 0 : r.asset) == null ? void 0 : e.packageId);
+    let l = null;
+    (o = r == null ? void 0 : r.asset) != null && o.assetId && (l = await s.CredenzaAssetCollection.getAssetMetadata(+((a = r == null ? void 0 : r.asset) == null ? void 0 : a.assetId)), r.asset.metadata = l);
+  }
+};
+var Ft = W("<!> <!>", 1);
+function Ke(g, e) {
+  if (new.target) return te({ component: Ke, ...g });
+  ae(e, !1);
+  const o = N(), a = N();
+  var r = this && this.__awaiter || function(n, m, C, L) {
+    function M(S) {
+      return S instanceof C ? S : new C(function(G) {
+        G(S);
+      });
+    }
+    return new (C || (C = Promise))(function(S, G) {
+      function Y(K) {
+        try {
+          we(L.next(K));
+        } catch (_e) {
+          G(_e);
+        }
+      }
+      function ue(K) {
+        try {
+          we(L.throw(K));
+        } catch (_e) {
+          G(_e);
+        }
+      }
+      function we(K) {
+        K.done ? S(K.value) : M(K.value).then(Y, ue);
+      }
+      we((L = L.apply(n, m || [])).next());
+    });
+  };
+  let s = x(e, "priceCents", 12), l = x(e, "isLoading", 12), i = x(e, "purchaseConfig", 12), b = x(e, "isPriceLoading", 12);
+  const { toastAlert: c } = z(Me), h = z(ee);
+  let _, d = N(), u = N(), w, A = N(), T = N(!1);
+  Ce(() => r(void 0, void 0, void 0, function* () {
+    var n;
+    try {
+      if (!_) {
+        if (!window.Stripe && (yield Ze("https://js.stripe.com/v3/"), !window.Stripe))
+          throw {};
+        _ = window.Stripe;
+      }
+    } catch {
+      return console.log("Please include stripe to use payments.");
+    }
+    if (t(d)) return;
+    const m = ye(h.clientId).name;
+    P(d, _((n = h.stripe.pk[m]) !== null && n !== void 0 ? n : h.stripe.pk.DEFAULT)), P(u, t(d).elements()), w = t(u).create("card", { style: Nt }), w.mount("#cpui-card-element"), w.on("change", (C) => {
+      P(A, C.complete && !C.error);
+    }), w.on("focus", () => P(T, !0)), w.on("blur", () => P(T, !1));
+  }));
+  const B = () => r(void 0, void 0, void 0, function* () {
+    try {
+      if (!t(A)) return;
+      l(!0);
+      const n = yield t(d).createToken(w);
+      if (n.error) throw n.error;
+      yield j(n.token.id);
+    } catch (n) {
+      Q($.ERROR, { error: n });
+    }
+    l(!1);
+  }), j = (n) => r(void 0, void 0, void 0, function* () {
+    try {
+      const { processPayment: m } = yield import("./Stripe.service-d8J1Nj0-.js"), { assets: C } = i();
+      if (!(C != null && C.length)) throw new Error("No purchase config assets found");
+      const L = yield m(n, C);
+      yield Je({
+        res: L,
+        priceCents: s(),
+        purchaseConfig: i()
+      });
+    } catch (m) {
+      c(`Payment error: ${m.message || m}`, "failure"), ge.set({ errorMessage: m.message }), oe.set(ce.ERROR), Q($.ERROR, { error: m });
+    }
+  });
+  J(
+    () => (t(A), I(l()), I(b())),
+    () => {
+      P(o, !t(A) || l() || b());
+    }
+  ), J(() => I(s()), () => {
+    P(a, (s() / 100).toFixed(2));
+  }), Pe(), me();
+  var y = Ft(), k = de(y);
+  const v = X(() => (t(T), I(ye), Z(() => ({
+    isCardFocused: t(T),
+    onPay: B,
+    currencySymbol: ye(h.clientId).currencySymbol
+  }))));
+  We(k, {
+    get options() {
+      return t(v);
+    },
+    get isPaymentDisabled() {
+      return t(o);
+    },
+    set isPaymentDisabled(n) {
+      P(o, n);
+    },
+    get isLoading() {
+      return l();
+    },
+    set isLoading(n) {
+      l(n);
+    },
+    get totalToPay() {
+      return t(a);
+    },
+    set totalToPay(n) {
+      P(a, n);
+    },
+    $$legacy: !0
+  });
+  var f = q(k, 2);
+  {
+    var p = (n) => {
+      Ye(n, {
+        doPayment: j,
+        get stripe() {
+          return t(d);
+        },
+        get stripeElements() {
+          return t(u);
+        },
+        get priceCents() {
+          return s();
+        },
+        get isLoading() {
+          return l();
+        },
+        set isLoading(m) {
+          l(m);
+        },
+        $$legacy: !0
+      });
+    };
+    H(f, (n) => {
+      t(d) && t(u) && n(p);
+    });
+  }
+  return D(g, y), ie({
+    get priceCents() {
+      return s();
+    },
+    set priceCents(n) {
+      s(n), E();
+    },
+    get isLoading() {
+      return l();
+    },
+    set isLoading(n) {
+      l(n), E();
+    },
+    get purchaseConfig() {
+      return i();
+    },
+    set purchaseConfig(n) {
+      i(n), E();
+    },
+    get isPriceLoading() {
+      return b();
+    },
+    set isPriceLoading(n) {
+      b(n), E();
+    },
+    $set: ne,
+    $on: (n, m) => re(e, n, m)
+  });
+}
+function Xe(g, e) {
+  if (new.target) return te({ component: Xe, ...g });
+  ae(e, !1);
+  const [o, a] = Oe(), r = () => ke(vt, "$clientPublicStore", o), s = N();
+  var l = this && this.__awaiter || function(y, k, v, f) {
+    function p(n) {
+      return n instanceof v ? n : new v(function(m) {
+        m(n);
+      });
+    }
+    return new (v || (v = Promise))(function(n, m) {
+      function C(S) {
+        try {
+          M(f.next(S));
+        } catch (G) {
+          m(G);
+        }
+      }
+      function L(S) {
+        try {
+          M(f.throw(S));
+        } catch (G) {
+          m(G);
+        }
+      }
+      function M(S) {
+        S.done ? n(S.value) : p(S.value).then(C, L);
+      }
+      M((f = f.apply(y, k || [])).next());
+    });
+  };
+  let i = x(e, "totalPriceToken", 12), b = x(e, "purchaseConfig", 12), c = x(e, "isLoading", 12), h = x(e, "isPriceLoading", 12), _ = x(e, "pricesByAsset", 28, () => []);
+  const { toastAlert: d } = z(Me), u = z(ee);
+  let w = N(0);
+  const A = (y, k) => l(void 0, void 0, void 0, function* () {
+    const { type: v, packageId: f, assetId: p, amount: n } = y, m = yield gt(v, f, { assetId: p, amount: n }), { title: C, subtitle: L } = b();
+    Q($.PAYMENT), Q($.RECHECK_BALANCE), yield He({
+      digest: m.digest,
+      title: C,
+      subtitle: L,
+      amount: _()[k],
+      currency: "CRED"
+    }), Q($.RECEIPT, { digest: m.digest });
+  }), T = () => l(void 0, void 0, void 0, function* () {
+    var y, k;
+    try {
+      if (BigInt(i()) > t(w)) return;
+      c(!0);
+      const { assets: v } = b();
+      for (const [p, n] of v.entries())
+        yield A(n, p), yield new Promise((m) => setTimeout(m, 1e3));
+      const f = z(Se);
+      f && ze.track("cp_payment_stored_value", {
+        $email: f.email,
+        $phone: f.phone,
+        suiNetwork: u.suiNetwork,
+        clientId: u.clientId,
+        location: window.location.href,
+        address: yield je(),
+        assets: v,
+        total: i(),
+        description: ((y = b() === null || b() === void 0 ? void 0 : b().title) !== null && y !== void 0 ? y : "") + `(${(k = b() === null || b() === void 0 ? void 0 : b().subtitle) !== null && k !== void 0 ? k : ""})`
+      }), yield qe(), oe.set(ce.PAYMENT_RESULT);
+    } catch (v) {
+      d(`Payment error: ${v.message || v}`, "failure"), ge.set({ errorMessage: v.message }), oe.set(ce.ERROR), Q($.ERROR, { error: v });
+    } finally {
+      c(!1);
+    }
+  });
+  Ce(() => l(void 0, void 0, void 0, function* () {
+    P(w, Number(yield ft()));
+  })), J(
+    () => (t(w), I(i()), Be),
+    () => {
+      P(s, `${(t(w) - i()).toFixed(2)} ${Be("cred", "cred")}`);
+    }
+  ), Pe(), me();
+  const B = X(() => (t(s), t(w), r(), I(oe), I(ce), I(i()), I(c()), I(h()), Z(() => ({
+    formattedBalance: t(s),
+    balance: t(w),
+    credAlias: r().ui_settings.cred_alias,
+    onPay: T,
+    onGetCred: () => oe.set(ce.WALLET),
+    totalToPay: String(i()),
+    isLoading: c(),
+    isPaymentDisabled: !Number(t(w)) || i() > t(w) || h()
+  }))));
+  Ve(g, {
+    get options() {
+      return t(B);
+    }
+  });
+  var j = ie({
+    get totalPriceToken() {
+      return i();
+    },
+    set totalPriceToken(y) {
+      i(y), E();
+    },
+    get purchaseConfig() {
+      return b();
+    },
+    set purchaseConfig(y) {
+      b(y), E();
+    },
+    get isLoading() {
+      return c();
+    },
+    set isLoading(y) {
+      c(y), E();
+    },
+    get isPriceLoading() {
+      return h();
+    },
+    set isPriceLoading(y) {
+      h(y), E();
+    },
+    get pricesByAsset() {
+      return _();
+    },
+    set pricesByAsset(y) {
+      _(y), E();
+    },
+    $set: ne,
+    $on: (y, k) => re(e, y, k)
+  });
+  return a(), j;
+}
+const Ut = async (g) => {
+  const { assets: e, ...o } = g, a = Gt(e), r = await fetch(z(ee).credenza.suiApiUrl + "/assets/buy", {
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${z(Le)}`
+    },
+    method: "POST",
+    body: JSON.stringify({ ...o, ...a })
+  });
+  if (!r.ok) throw new Error("Failed to create order");
+  const { _id: s } = await r.json();
+  return s;
+}, qt = async (g) => {
+  const e = z(ee), { title: o, subtitle: a } = z(ge), r = await zt(e.credenza.generalApiUrl, g);
+  if (r.items[0].error) throw new Error(r.items[0].error);
+  return r.payment_provider_tx && (await He({ stripeChargeId: r.payment_provider_tx, title: o, subtitle: a }), Q($.RECEIPT, { stripeChargeId: r.payment_provider_tx })), await Mt(r.items), r;
+}, Gt = (g) => {
+  const e = {
+    credenza_asset_collection: "collection",
+    decom: "decom",
+    cred: "coin",
+    membership: "membership"
+  };
+  return g.reduce((a, r) => {
+    const s = e[r.type];
+    if (!s) return a;
+    const l = {
+      asset_type: `${r.packageId}::${r.type}::${r.type.toUpperCase()}`
+    };
+    return r.assetId && (l.asset_id = +r.assetId), r.amount && (l.amount = r.amount), a[s] = a[s] || [], a[s].push(l), a;
+  }, { collection: [], decom: [], coin: [], membership: [] });
+};
+function Qe(g, e) {
+  if (new.target) return te({ component: Qe, ...g });
+  ae(e, !0);
+  var o = this && this.__awaiter || function(c, h, _, d) {
+    function u(w) {
+      return w instanceof _ ? w : new _(function(A) {
+        A(w);
+      });
+    }
+    return new (_ || (_ = Promise))(function(w, A) {
+      function T(y) {
+        try {
+          j(d.next(y));
+        } catch (k) {
+          A(k);
+        }
+      }
+      function B(y) {
+        try {
+          j(d.throw(y));
+        } catch (k) {
+          A(k);
+        }
+      }
+      function j(y) {
+        y.done ? w(y.value) : u(y.value).then(T, B);
+      }
+      j((d = d.apply(c, h || [])).next());
+    });
+  };
+  let a = x(e, "priceCents", 7), r = x(e, "purchaseConfig", 7), s = x(e, "isLoading", 15), l;
+  Ce(() => o(void 0, void 0, void 0, function* () {
+    try {
+      l || (window.PaystackPop || (yield Ze("https://js.paystack.co/v2/inline.js")), l = window.PaystackPop), yield b();
+    } catch {
+      return console.log("Please include paystack to use payments.");
+    }
+  }));
+  const i = (c) => {
+    s(!1), Fe(`Payment error: ${c.message || c}`, "failure"), ge.set({ errorMessage: c.message }), oe.set(ce.ERROR), Q($.ERROR, { error: c });
+  }, b = () => o(void 0, void 0, void 0, function* () {
+    var c, h;
+    try {
+      const { assets: _ } = r(), d = z(ee);
+      if (!(_ != null && _.length)) throw new Error("No purchase config assets found");
+      s(!0);
+      const u = yield Ut({
+        assets: _,
+        payment_provider: "paystack",
+        client_id: z(ee).clientId,
+        currency: "GHS"
+      }), w = yield Ot(d.credenza.generalApiUrl, u);
+      if (!(!((c = w.payment_provider_data) === null || c === void 0) && c.access_code)) throw new Error("Payment is unavailable now");
+      const T = new l().resumeTransaction((h = w.payment_provider_data) === null || h === void 0 ? void 0 : h.access_code);
+      T.onSuccess = () => o(void 0, void 0, void 0, function* () {
+        try {
+          const B = yield qt(u);
+          yield Je({
+            res: B,
+            priceCents: a(),
+            purchaseConfig: r()
+          });
+        } catch (B) {
+          i(B);
+        } finally {
+          s(!1);
+        }
+      }), T.onError = (B) => {
+        throw s(!1), B;
+      };
+    } catch (_) {
+      i(_);
+    }
+  });
+  return ie({
+    get priceCents() {
+      return a();
+    },
+    set priceCents(c) {
+      a(c), E();
+    },
+    get purchaseConfig() {
+      return r();
+    },
+    set purchaseConfig(c) {
+      r(c), E();
+    },
+    get isLoading() {
+      return s();
+    },
+    set isLoading(c) {
+      s(c), E();
+    },
+    $set: ne,
+    $on: (c, h) => re(e, c, h)
+  });
+}
+var Wt = W('<div slot="credit-card"><!></div>'), Vt = W('<div slot="cred-balance"><!></div>'), Yt = W("<!> <!>", 1);
+function $e(g, e) {
+  if (new.target) return te({ component: $e, ...g });
+  ae(e, !1);
+  const [o, a] = Oe(), r = () => ke(Se, "$userStore", o), s = () => ke(ge, "$pageOptsStore", o);
+  var l = this && this.__awaiter || function(v, f, p, n) {
+    function m(C) {
+      return C instanceof p ? C : new p(function(L) {
+        L(C);
+      });
+    }
+    return new (p || (p = Promise))(function(C, L) {
+      function M(Y) {
+        try {
+          G(n.next(Y));
+        } catch (ue) {
+          L(ue);
+        }
+      }
+      function S(Y) {
+        try {
+          G(n.throw(Y));
+        } catch (ue) {
+          L(ue);
+        }
+      }
+      function G(Y) {
+        Y.done ? C(Y.value) : m(Y.value).then(M, S);
+      }
+      G((n = n.apply(v, f || [])).next());
+    });
+  };
+  let i = N(!1), b = N(!1), c = [], h = N(0), _ = N(0);
+  const d = (v, f, p) => l(void 0, void 0, void 0, function* () {
+    if (p && f === yt.CREDENZA_ASSET_COLLECTION)
+      return yield mt(v, p);
+    const n = yield wt(v, f), m = yield _t(n), {
+      content: { fields: { price_fiat: C, price_coin: L } }
+    } = m;
+    return [+C, +L];
+  }), u = (v) => l(void 0, void 0, void 0, function* () {
+    try {
+      P(i, !0);
+      for (const f of v) {
+        const { packageId: p, type: n, amount: m, assetId: C } = f;
+        if (`${p}::${n}::${n.toUpperCase()}` === pt() && m)
+          P(h, t(h) + m * 100);
+        else {
+          let [M, S] = yield d(p, n, C);
+          m && m !== 0 && (M *= m, S *= m), P(h, t(h) + M), P(_, t(_) + S / Ie), c.push(S / Ie);
+        }
+      }
+    } catch (f) {
+      console.log(f), Fe("Error calculating the price", "failure"), Q($.ERROR, f);
+    } finally {
+      P(i, !1);
+    }
+  }), w = ge.subscribe((v) => l(void 0, void 0, void 0, function* () {
+    !(v != null && v.assets) || !v.assets.length || (yield u(v.assets));
+  }));
+  ct(w), me();
+  var A = Yt(), T = de(A);
+  {
+    var B = (v) => {
+      var f = he(), p = de(f);
+      bt(p, () => import("./ProgressVideo-oh7nRG8_.js"), null, (n, m) => {
+        var C = he(), L = de(C);
+        ot(L, () => t(m).default, (M, S) => {
+          S(M, {});
+        }), D(n, C);
+      }), D(v, f);
+    };
+    H(T, (v) => {
+      t(b) && v(B);
+    });
+  }
+  var j = q(T, 2);
+  const y = X(() => {
+    var v, f, p, n;
+    return {
+      user: r(),
+      title: s().title || "Order Summary",
+      subtitle: s().subtitle,
+      onBackClick: () => oe.set(ce.WALLET),
+      isStripeDisabled: (f = (v = s().payments) == null ? void 0 : v.stripe) == null ? void 0 : f.disabled,
+      isCredezaValueDisabled: !t(h) || ((n = (p = s().payments) == null ? void 0 : p.credenzaStoredValue) == null ? void 0 : n.disabled),
+      isPriceLoading: t(i),
+      totalSumCents: t(h),
+      currencySymbol: ye(z(ee).clientId).currencySymbol
+    };
+  });
+  Ge(j, {
+    get options() {
+      return t(y);
+    },
+    get isLoading() {
+      return t(b);
+    },
+    set isLoading(v) {
+      P(b, v);
+    },
+    $$slots: {
+      "credit-card": (v, f) => {
+        var p = Wt(), n = F(p);
+        {
+          var m = (L) => {
+            Qe(L, {
+              get priceCents() {
+                return t(h);
+              },
+              get purchaseConfig() {
+                return s();
+              },
+              get isLoading() {
+                return t(b);
+              },
+              set isLoading(M) {
+                P(b, M);
+              },
+              $$legacy: !0
+            });
+          }, C = (L) => {
+            Ke(L, {
+              get priceCents() {
+                return t(h);
+              },
+              get isPriceLoading() {
+                return t(i);
+              },
+              get purchaseConfig() {
+                return s();
+              },
+              get isLoading() {
+                return t(b);
+              },
+              set isLoading(M) {
+                P(b, M);
+              },
+              $$legacy: !0
+            });
+          };
+          H(n, (L) => {
+            ye(z(ee).clientId).payment === "paystack" ? L(m) : L(C, !1);
+          });
+        }
+        U(p), D(v, p);
+      },
+      "cred-balance": (v, f) => {
+        var p = Vt(), n = F(p);
+        Xe(n, {
+          get pricesByAsset() {
+            return c;
+          },
+          get totalPriceToken() {
+            return t(_);
+          },
+          get isPriceLoading() {
+            return t(i);
+          },
+          get purchaseConfig() {
+            return s();
+          },
+          get isLoading() {
+            return t(b);
+          },
+          set isLoading(m) {
+            P(b, m);
+          },
+          $$legacy: !0
+        }), U(p), D(v, p);
+      }
+    },
+    $$legacy: !0
+  }), D(g, A);
+  var k = ie({
+    $set: ne,
+    $on: (v, f) => re(e, v, f)
+  });
+  return a(), k;
+}
+const nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  nr as P,
+  Ut as c,
+  qt as p
+};
+//# sourceMappingURL=Payment-BNT5dOy3.js.map