@credenza3/passport-sui 0.2.3 → 0.2.4

package/dist/Payment-QdXmFZsK.js

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