@credenza3/passport-sui 0.3.12 → 0.3.13

package/dist/Payment-BkLGQJI1.js

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