@credenza3/passport-sui 0.2.2 → 0.2.3

package/dist/Payment-exJAIgZE.js

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