@credenza3/passport-evm 0.2.11 → 0.2.13

package/dist/Payment-C_fBZsET.js

@@ -0,0 +1,1036 @@
+import { c as ve, m as nt, p as A, f as J, i as ee, k as Me, e as Fe, b as F, d as me, u as fe, t as Ee, r as le, h as xe, s as at, a as Ce, g as Oe, j as it, n as je, o as he, q as st } from "./legacy-cKGSjdx_.js";
+import { a as De, o as ot } from "./index-client-BNILD_Bx.js";
+import { v as ge, B as q, C as Y, D as de, I as ae, z as ye, u as R, m as N, bb as X, w as te, J as h, A as D, x as Se, E as V, K as e, G as Q, F as ct, y as ce, M as re, P as ne, L as H, b4 as Ue, N as Ae, W as Pe, bc as qe, b0 as Ne, a4 as Ye, a2 as Ge, bd as Ve, O as ue, R as se, S as oe, be as Te, bf as lt, a1 as We, a3 as be, a5 as dt, bg as ze, b7 as ut, bh as Be, bi as vt, b6 as mt } from "./index-CTXNvlUV.js";
+import { a as ft } from "./App-kj2N4vPy.js";
+import { B as gt } from "./ButtonBack-BF3HAPeq.js";
+import { p as yt } from "./event-modifiers-DpFXHa6q.js";
+import { L as $e } from "./Loader-DdgI-uiE.js";
+import { B as Ke } from "./Button-B5NuARMZ.js";
+import { g as pt } 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 bt = J('<button type="submit"><!></button>');
+const _t = {
+  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 Ie(y, t) {
+  if (new.target) return ve({ component: Ie, ...y });
+  ge(t, !1), nt(y, _t);
+  let a = A(t, "onClick", 12), o = A(t, "text", 12), f = A(t, "disabled", 12, !1), v = A(t, "isLoading", 12, !1), i = A(t, "isActive", 12, !1);
+  var r = bt();
+  let g;
+  var m = q(r);
+  {
+    var B = (n) => {
+      $e(n, {});
+    }, C = (n) => {
+      var c = Ee();
+      de(() => le(c, o())), F(n, c);
+    };
+    ee(m, (n) => {
+      v() ? n(B) : n(C, !1);
+    });
+  }
+  return Y(r), de(
+    (n) => g = Me(r, 1, `crtw-flex crtw-justify-center crtw-items-center crtw-w-full crtw-h-[50px] crtw-cursor-pointer crtw-border crtw-border-gray-300
+  crtw-rounded crtw-font-['poppins'] crtw-text-gray-600 svelte-1vafzgs`, null, g, n),
+    [
+      () => ({
+        "btn-disabled": f() || v(),
+        active: i()
+      })
+    ],
+    ae
+  ), Fe("click", r, yt(function(...n) {
+    var c;
+    (c = a()) == null || c.apply(this, n);
+  })), F(y, r), ye({
+    get onClick() {
+      return a();
+    },
+    set onClick(n) {
+      a(n), R();
+    },
+    get text() {
+      return o();
+    },
+    set text(n) {
+      o(n), R();
+    },
+    get disabled() {
+      return f();
+    },
+    set disabled(n) {
+      f(n), R();
+    },
+    get isLoading() {
+      return v();
+    },
+    set isLoading(n) {
+      v(n), R();
+    },
+    get isActive() {
+      return i();
+    },
+    set isActive(n) {
+      i(n), R();
+    },
+    $set: fe,
+    $on: (n, c) => me(t, n, c)
+  });
+}
+var ht = J("<div> </div>"), Pt = J("<div>Getting price...</div>"), xt = J("<div> </div>"), kt = J('<div><div class="crtw-text-right crtw-text-[13px] crtw-text-gray-400 crtw-mb-6"><div class="crtw-break-words"> </div> <div> </div></div> <div class="crtw-font-bold crtw-text-xl"> </div> <div class="crtw-flex crtw-justify-between crtw-mb-3 crtw-text-gray-600 crtw-font-bold"><!> <!></div> <div class="crtw-flex crtw-bg-gray-200 crtw-rounded-md crtw-p-px"><!> <!></div> <hr class="crtw-block crtw-border-t-2 crtw-border-gray-200 crtw-w-1/2 crtw-mx-auto crtw-mt-3.5 crtw-mb-[30px]"/> <!> <div class="crtw-flex crtw-w-full crtw-justify-center crtw-items-center"><img alt=""/><span class="crtw-text-sm crtw-text-gray-400 crtw-ml-1">Payments are secure and encrypted</span></div> <div class="crtw-mt-1.5"><!></div></div>');
+function Ze(y, t) {
+  if (new.target) return ve({ component: Ze, ...y });
+  ge(t, !1);
+  const a = N(), o = N(), f = N();
+  let v = A(t, "isLoading", 12), i = A(t, "options", 12), {
+    user: r,
+    title: g,
+    subtitle: m,
+    onBackClick: B,
+    isStripeDisabled: C,
+    currencySymbol: n = "$"
+  } = i(), c = N(C ? X.CREDENZA_BALANCE : X.CREDIT_CARD);
+  te(() => D(i()), () => {
+    h(a, i().isPriceLoading);
+  }), te(() => D(i()), () => {
+    h(o, i().totalSumCents);
+  }), te(() => D(i()), () => {
+    h(f, i().isCredezaValueDisabled);
+  }), Se(), xe();
+  var _ = kt();
+  let E;
+  var T = q(_), W = q(T), $ = q(W, !0);
+  Y(W);
+  var O = V(W, 2), j = q(O, !0);
+  Y(O), Y(T);
+  var K = V(T, 2), S = q(K, !0);
+  Y(K);
+  var z = V(K, 2), d = q(z);
+  {
+    var M = (b) => {
+      var I = ht(), pe = q(I, !0);
+      Y(I), de(() => le(pe, m)), F(b, I);
+    };
+    ee(d, (b) => {
+      m && b(M);
+    });
+  }
+  var s = V(d, 2);
+  {
+    var u = (b) => {
+      var I = Pt();
+      F(b, I);
+    }, p = (b, I) => {
+      {
+        var pe = (we) => {
+          var _e = xt(), Re = q(_e);
+          Y(_e), de(
+            (rt) => le(Re, `${n ?? ""}${rt ?? ""}`),
+            [
+              () => (e(o), Q(() => (+e(o) / 100).toFixed(2)))
+            ],
+            ae
+          ), F(we, _e);
+        };
+        ee(
+          b,
+          (we) => {
+            e(o) && we(pe);
+          },
+          I
+        );
+      }
+    };
+    ee(s, (b) => {
+      e(a) ? b(u) : b(p, !1);
+    });
+  }
+  Y(z);
+  var P = V(z, 2), k = q(P);
+  const l = ae(() => (e(c), D(X), Q(() => e(c) === X.CREDIT_CARD)));
+  Ie(k, {
+    text: "Credit Card",
+    onClick: () => h(c, X.CREDIT_CARD),
+    get isActive() {
+      return e(l);
+    },
+    get disabled() {
+      return C;
+    }
+  });
+  var x = V(k, 2);
+  const w = ae(() => (e(c), D(X), Q(() => e(c) === X.CREDENZA_BALANCE)));
+  Ie(x, {
+    text: "Credenza Balance",
+    onClick: () => h(c, X.CREDENZA_BALANCE),
+    get isActive() {
+      return e(w);
+    },
+    get disabled() {
+      return e(f);
+    }
+  }), Y(P);
+  var L = V(P, 4);
+  {
+    var G = (b) => {
+      var I = Ce(), pe = ce(I);
+      Oe(pe, t, "credit-card", {}), F(b, I);
+    }, U = (b, I) => {
+      {
+        var pe = (we) => {
+          var _e = Ce(), Re = ce(_e);
+          Oe(Re, t, "cred-balance", {}), F(we, _e);
+        };
+        ee(
+          b,
+          (we) => {
+            e(c), D(X), Q(() => e(c) === X.CREDENZA_BALANCE) && we(pe);
+          },
+          I
+        );
+      }
+    };
+    ee(L, (b) => {
+      e(c), D(X), Q(() => e(c) === X.CREDIT_CARD) ? b(G) : b(U, !1);
+    });
+  }
+  var Z = V(L, 2), ke = q(Z);
+  ct(), Y(Z);
+  var ie = V(Z, 2), Le = q(ie);
+  return gt(Le, {
+    get onClick() {
+      return B;
+    }
+  }), Y(ie), Y(_), de(
+    (b) => {
+      E = Me(_, 1, "cpui-payment crtw-text-left crtw-w-full", null, E, b), le($, Q(() => {
+        var I;
+        return (r == null ? void 0 : r.email) || ((I = r == null ? void 0 : r.pending) == null ? void 0 : I.email) || "";
+      })), le(j, Q(() => {
+        var I;
+        return (r == null ? void 0 : r.phone) || ((I = r == null ? void 0 : r.pending) == null ? void 0 : I.phone) || "";
+      })), le(S, g), at(ke, "src", wt);
+    },
+    [() => ({ "crtw-hidden": v() })],
+    ae
+  ), F(y, _), ye({
+    get isLoading() {
+      return v();
+    },
+    set isLoading(b) {
+      v(b), R();
+    },
+    get options() {
+      return i();
+    },
+    set options(b) {
+      i(b), R();
+    },
+    $set: fe,
+    $on: (b, I) => me(t, b, I)
+  });
+}
+var Lt = J('<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 He(y, t) {
+  if (new.target) return ve({ component: He, ...y });
+  ge(t, !1);
+  let a = A(t, "options", 12), o = A(t, "isPaymentDisabled", 12), f = A(t, "isLoading", 12), v = A(t, "totalToPay", 12), { isCardFocused: i, onPay: r, currencySymbol: g = "$" } = a();
+  var m = Lt(), B = V(ce(m), 2), C = V(B, 4);
+  const n = ae(() => `Pay ${g}${v()}`);
+  return Ke(C, {
+    get text() {
+      return e(n);
+    },
+    get onClick() {
+      return r;
+    },
+    get disabled() {
+      return o();
+    },
+    get isLoading() {
+      return f();
+    },
+    set isLoading(c) {
+      f(c);
+    },
+    $$legacy: !0
+  }), de(() => it(B, i ? "border-color: #121e2b" : "")), F(y, m), ye({
+    get options() {
+      return a();
+    },
+    set options(c) {
+      a(c), R();
+    },
+    get isPaymentDisabled() {
+      return o();
+    },
+    set isPaymentDisabled(c) {
+      o(c), R();
+    },
+    get isLoading() {
+      return f();
+    },
+    set isLoading(c) {
+      f(c), R();
+    },
+    get totalToPay() {
+      return v();
+    },
+    set totalToPay(c) {
+      v(c), R();
+    },
+    $set: fe,
+    $on: (c, _) => me(t, c, _)
+  });
+}
+var Ct = J('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 = J('<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 Je(y, t) {
+  if (new.target) return ve({ component: Je, ...y });
+  ge(t, !1);
+  const a = N(), o = N(), f = N(), v = N(), i = N();
+  let r = A(t, "options", 12), { credAlias: g, onPay: m, onGetCred: B } = r();
+  te(() => D(r()), () => {
+    h(a, r().isLoading);
+  }), te(() => D(r()), () => {
+    h(o, r().isPaymentDisabled);
+  }), te(() => D(r()), () => {
+    h(f, r().formattedBalance);
+  }), te(() => D(r()), () => {
+    h(v, r().totalToPay);
+  }), te(() => D(r()), () => {
+    h(i, r().balance);
+  }), Se(), xe();
+  var C = Et(), n = q(C), c = q(n);
+  {
+    var _ = (S) => {
+      var z = Ee("INSUFFICIENT FUNDS");
+      F(S, z);
+    }, E = (S) => {
+      var z = Ee();
+      de(() => le(z, e(f))), F(S, z);
+    };
+    ee(c, (S) => {
+      e(v), e(i), Q(() => Number(e(v)) > e(i)) ? S(_) : S(E, !1);
+    });
+  }
+  Y(n);
+  var T = V(n, 2), W = q(T);
+  {
+    var $ = (S) => {
+      var z = Ct(), d = V(ce(z)), M = q(d);
+      Y(d), de(() => le(M, `Click to get some ${g ?? ""}`)), Fe("click", d, B), F(S, z);
+    }, O = (S) => {
+      var z = Ee("Your balance after purchase");
+      F(S, z);
+    };
+    ee(W, (S) => {
+      e(v), e(i), Q(() => Number(e(v)) > e(i)) ? S($) : S(O, !1);
+    });
+  }
+  Y(T);
+  var j = V(T, 2);
+  const K = ae(() => `Pay ${e(v)} ${g}`);
+  return Ke(j, {
+    get text() {
+      return e(K);
+    },
+    get onClick() {
+      return m;
+    },
+    get disabled() {
+      return e(o);
+    },
+    get isLoading() {
+      return e(a);
+    }
+  }), Y(C), F(y, C), ye({
+    get options() {
+      return r();
+    },
+    set options(S) {
+      r(S), R();
+    },
+    $set: fe,
+    $on: (S, z) => me(t, S, z)
+  });
+}
+var Tt = J('<div id="ctui-wallet-pay" class="crtw-w-full crtw-my-4" style="dispay: none;"><div id="ctui-payment-request-button"></div></div>');
+function Xe(y, t) {
+  if (new.target) return ve({ component: Xe, ...y });
+  ge(t, !1);
+  var a = this && this.__awaiter || function(m, B, C, n) {
+    function c(_) {
+      return _ instanceof C ? _ : new C(function(E) {
+        E(_);
+      });
+    }
+    return new (C || (C = Promise))(function(_, E) {
+      function T(O) {
+        try {
+          $(n.next(O));
+        } catch (j) {
+          E(j);
+        }
+      }
+      function W(O) {
+        try {
+          $(n.throw(O));
+        } catch (j) {
+          E(j);
+        }
+      }
+      function $(O) {
+        O.done ? _(O.value) : c(O.value).then(T, W);
+      }
+      $((n = n.apply(m, B || [])).next());
+    });
+  };
+  let o = A(t, "doPayment", 12), f = A(t, "stripe", 12), v = A(t, "stripeElements", 12), i = A(t, "priceCents", 12), r = A(t, "isLoading", 12);
+  De(() => a(void 0, void 0, void 0, function* () {
+    const m = f().paymentRequest({
+      country: "US",
+      currency: "usd",
+      total: {
+        label: "Apple/Google payment",
+        amount: i()
+      },
+      requestPayerName: !0,
+      requestPayerEmail: !0
+    });
+    if (!(yield m.canMakePayment())) return;
+    const C = document.getElementById("ctui-wallet-pay");
+    C && (C.style.display = "crtw-block"), v().create("paymentRequestButton", {
+      paymentRequest: m,
+      style: { paymentRequestButton: { height: "48px" } }
+    }).mount("#ctui-payment-request-button"), m.on("token", (c) => a(void 0, void 0, void 0, function* () {
+      r(!0);
+      try {
+        yield o()(c.token.id), yield c.complete("success");
+      } catch (_) {
+        yield c.complete("error"), re(ne.ERROR, { error: _ });
+      }
+      r(!1);
+    }));
+  })), xe();
+  var g = Tt();
+  return F(y, g), ye({
+    get doPayment() {
+      return o();
+    },
+    set doPayment(m) {
+      o(m), R();
+    },
+    get stripe() {
+      return f();
+    },
+    set stripe(m) {
+      f(m), R();
+    },
+    get stripeElements() {
+      return v();
+    },
+    set stripeElements(m) {
+      v(m), R();
+    },
+    get priceCents() {
+      return i();
+    },
+    set priceCents(m) {
+      i(m), R();
+    },
+    get isLoading() {
+      return r();
+    },
+    set isLoading(m) {
+      r(m), R();
+    },
+    $set: fe,
+    $on: (m, B) => me(t, m, B)
+  });
+}
+const St = {
+  base: {
+    color: "#121e2b",
+    fontSize: "12px",
+    "::placeholder": {
+      color: "#d9d9d9"
+    }
+  },
+  invalid: {
+    color: "#fa755a"
+  }
+}, At = (y) => new Promise((t, a) => {
+  const o = document.createElement("script");
+  o.src = y, document.body.appendChild(o), o.addEventListener("load", () => t(o)), o.addEventListener("error", () => a(o));
+}), Kt = async (y, t, a = 5) => {
+  let o = 0;
+  for (; o < a; ) {
+    const f = await fetch(`${y}/orders/completed/${t}`, {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${H(Ue)}`
+      },
+      method: "GET"
+    });
+    if (f.status === 204) {
+      if (o++, o < a)
+        continue;
+      throw new Error("No content received after multiple attempts");
+    }
+    if (!f.ok) throw new Error("Failed to get order details");
+    return await f.json();
+  }
+}, Rt = (y, t) => {
+  const a = t.filter((o) => o.error).map(
+    (o) => `Name: ${o.metadata.name}, reason: ${o.error}`
+  ).join(`
+`);
+  if (y.every((o) => o === null))
+    throw new Error(`All transactions failed. 
+${a}`);
+  if (t != null && t.every((o) => o.status === "ERROR"))
+    throw new Error("All transactions failed.}");
+  return a;
+}, Bt = async ({
+  hash: y,
+  stripeChargeId: t,
+  title: a,
+  subtitle: o,
+  amount: f,
+  currency: v
+}) => {
+  const { credenza: i, recieptTarget: r, clientId: g } = H(Pe);
+  return (await fetch(`${i.evmApiUrl}/contracts/receipt`, {
+    method: "POST",
+    body: JSON.stringify({
+      ...y ? { tx: y } : { charge_id: t },
+      ...f ? { amount: f } : {},
+      ...v ? { currency: v } : {},
+      target: r || lt.EMAIL,
+      title: a,
+      subtitle: o,
+      source: Te(g).name
+    }),
+    headers: {
+      Authorization: `Bearer ${H(Ue)}`,
+      "Content-Type": "application/json"
+    }
+  })).ok;
+}, It = async (y, t, a) => {
+  const { toastAlert: o } = H(Ae), f = H(Pe), { chain_txs: v, items: i } = y, r = Rt(v, i);
+  re(ne.PAYMENT, {
+    type: qe.STRIPE,
+    results: { tokens: a.tokens, memberships: a.memberships }
+  }), o("Your payment was successful"), re(ne.RECHECK_BALANCE, v);
+  const g = H(Ne);
+  g && Ye.track("cp_payment_fiat", {
+    $email: g.email,
+    $phone: g.phone,
+    chain: f.chainId,
+    clientId: f.clientId,
+    address: await Ge(),
+    location: window.location.href,
+    tokens: a == null ? void 0 : a.tokens,
+    memberships: a == null ? void 0 : a.memberships,
+    total: t / 100,
+    description: ((a == null ? void 0 : a.title) ?? "") + `(${(a == null ? void 0 : a.subtitle) ?? ""})`
+  }), await Ve(), t === 0 && ue.set({ subtitle: "Your claim was successful!", receipt: !1 }), r && ue.set({
+    title: "Done!",
+    subtitle: "Your payment was partly successful",
+    orders: i
+  }), se.set(oe.PAYMENT_RESULT);
+};
+var Dt = J("<!> <!>", 1);
+function Qe(y, t) {
+  if (new.target) return ve({ component: Qe, ...y });
+  ge(t, !1);
+  const a = N(), o = N();
+  var f = this && this.__awaiter || function(d, M, s, u) {
+    function p(P) {
+      return P instanceof s ? P : new s(function(k) {
+        k(P);
+      });
+    }
+    return new (s || (s = Promise))(function(P, k) {
+      function l(L) {
+        try {
+          w(u.next(L));
+        } catch (G) {
+          k(G);
+        }
+      }
+      function x(L) {
+        try {
+          w(u.throw(L));
+        } catch (G) {
+          k(G);
+        }
+      }
+      function w(L) {
+        L.done ? P(L.value) : p(L.value).then(l, x);
+      }
+      w((u = u.apply(d, M || [])).next());
+    });
+  };
+  let v = A(t, "priceCents", 12), i = A(t, "isLoading", 12), r = A(t, "purchaseConfig", 12), g = A(t, "isPriceLoading", 12);
+  const { toastAlert: m } = H(Ae), B = H(Pe);
+  let C, n = N(), c = N(), _, E = N(), T = N(!1);
+  De(() => f(void 0, void 0, void 0, function* () {
+    var d;
+    try {
+      if (!C) {
+        if (!window.Stripe && (yield At("https://js.stripe.com/v3/"), !window.Stripe))
+          throw {};
+        C = window.Stripe;
+      }
+    } catch {
+      return console.log("Please include stripe to use payments.");
+    }
+    if (e(n)) return;
+    const M = Te(B.clientId).name;
+    h(n, C((d = B.stripe.pk[M]) !== null && d !== void 0 ? d : B.stripe.pk.DEFAULT)), h(c, e(n).elements()), _ = e(c).create("card", { style: St }), _.mount("#cpui-card-element"), _.on("change", (s) => {
+      h(E, s.complete && !s.error);
+    }), _.on("focus", () => h(T, !0)), _.on("blur", () => h(T, !1));
+  }));
+  const W = () => f(void 0, void 0, void 0, function* () {
+    try {
+      if (!e(E)) return;
+      i(!0);
+      const d = yield e(n).createToken(_);
+      if (d.error) throw d.error;
+      yield $(d.token.id);
+    } catch (d) {
+      re(ne.ERROR, { error: d });
+    }
+    i(!1);
+  }), $ = (d) => f(void 0, void 0, void 0, function* () {
+    try {
+      const { processPayment: M } = yield import("./Stripe.service-Cfc5Lppf.js"), s = yield M(d);
+      yield It(s, v(), r());
+    } catch (M) {
+      m(`Payment error: ${M.message || M}`, "failure"), ue.set({ errorMessage: M.message || M }), se.set(oe.ERROR), re(ne.ERROR, { error: M });
+    }
+  });
+  te(
+    () => (e(E), D(i()), D(g())),
+    () => {
+      h(a, !e(E) || i() || g());
+    }
+  ), te(() => D(v()), () => {
+    h(o, (v() / 100).toFixed(2));
+  }), Se(), xe();
+  var O = Dt(), j = ce(O);
+  const K = ae(() => (e(T), D(Te), Q(() => ({
+    isCardFocused: e(T),
+    onPay: W,
+    currencySymbol: Te(B.clientId).currencySymbol
+  }))));
+  He(j, {
+    get options() {
+      return e(K);
+    },
+    get isPaymentDisabled() {
+      return e(a);
+    },
+    set isPaymentDisabled(d) {
+      h(a, d);
+    },
+    get isLoading() {
+      return i();
+    },
+    set isLoading(d) {
+      i(d);
+    },
+    get totalToPay() {
+      return e(o);
+    },
+    set totalToPay(d) {
+      h(o, d);
+    },
+    $$legacy: !0
+  });
+  var S = V(j, 2);
+  {
+    var z = (d) => {
+      Xe(d, {
+        doPayment: $,
+        get stripe() {
+          return e(n);
+        },
+        get stripeElements() {
+          return e(c);
+        },
+        get priceCents() {
+          return v();
+        },
+        get isLoading() {
+          return i();
+        },
+        set isLoading(M) {
+          i(M);
+        },
+        $$legacy: !0
+      });
+    };
+    ee(S, (d) => {
+      e(n) && e(c) && d(z);
+    });
+  }
+  return F(y, O), ye({
+    get priceCents() {
+      return v();
+    },
+    set priceCents(d) {
+      v(d), R();
+    },
+    get isLoading() {
+      return i();
+    },
+    set isLoading(d) {
+      i(d), R();
+    },
+    get purchaseConfig() {
+      return r();
+    },
+    set purchaseConfig(d) {
+      r(d), R();
+    },
+    get isPriceLoading() {
+      return g();
+    },
+    set isPriceLoading(d) {
+      g(d), R();
+    },
+    $set: fe,
+    $on: (d, M) => me(t, d, M)
+  });
+}
+var Nt = J('<div class="crtw-w-full crtw-justify-items-center crtw-my-5"><!></div>');
+function et(y, t) {
+  if (new.target) return ve({ component: et, ...y });
+  ge(t, !1);
+  const [a, o] = je(), f = () => he(dt, "$clientPublicStore", a);
+  var v = this && this.__awaiter || function(l, x, w, L) {
+    function G(U) {
+      return U instanceof w ? U : new w(function(Z) {
+        Z(U);
+      });
+    }
+    return new (w || (w = Promise))(function(U, Z) {
+      function ke(b) {
+        try {
+          Le(L.next(b));
+        } catch (I) {
+          Z(I);
+        }
+      }
+      function ie(b) {
+        try {
+          Le(L.throw(b));
+        } catch (I) {
+          Z(I);
+        }
+      }
+      function Le(b) {
+        b.done ? U(b.value) : G(b.value).then(ke, ie);
+      }
+      Le((L = L.apply(l, x || [])).next());
+    });
+  };
+  let i = A(t, "totalPriceToken", 12), r = A(t, "purchaseConfig", 12), g = A(t, "isLoading", 12), m = A(t, "isPriceLoading", 12), B = A(t, "pricesByToken", 12);
+  const { getCREDContract: C, toastAlert: n } = H(Ae), { chainId: c, clientId: _ } = H(Pe);
+  let E = N(!1), T = N(BigInt(0)), W = N(), $ = "", O, j = N(), K, S, z;
+  const d = (l, x) => v(void 0, void 0, void 0, function* () {
+    try {
+      const { credenzaSellableMinAbi: w } = yield import("./abi-DIVtyi6o.js"), L = new be.Contract(l.contractAddress, w, S), G = l.tokenId ? l.tokenId : l.typeId, U = B()[`${l.contractAddress}/${G}`], Z = yield O.approve.populateTransaction(yield L.getAddress(), U);
+      yield ze(Z, O);
+      const ke = yield L.buyWithToken.populateTransaction(G, l.amount || 1, K), ie = yield ze(ke, L);
+      n(`<a href="${ut(ie.hash)}" target="_blank">Purchase TX #${x}</a> was created`), re(ne.PAYMENT, { type: qe.ERC20, data: ie }), re(ne.RECHECK_BALANCE), yield Bt({
+        hash: ie.hash,
+        title: r().title,
+        subtitle: r().subtitle,
+        currency: "CRED",
+        amount: +be.formatUnits(U, e(j))
+      }), re(ne.RECEIPT, { hash: ie.hash });
+    } catch (w) {
+      n(`Payment error: ${w.message || w}`, "failure"), ue.set({ errorMessage: w.message }), se.set(oe.ERROR), re(ne.ERROR, { error: w });
+    }
+  }), M = () => v(void 0, void 0, void 0, function* () {
+    var l, x;
+    try {
+      if (BigInt(i()) > e(T)) return;
+      g(!0);
+      const w = [
+        ...r().tokens || [],
+        ...r().memberships || []
+      ].map((G, U) => d(G, U + 1));
+      yield Promise.all(w);
+      const L = H(Ne);
+      L && Ye.track("cp_payment_stored_value", {
+        $email: L.email,
+        $phone: L.phone,
+        chain: c,
+        clientId: _,
+        address: K,
+        location: window.location.href,
+        tokens: r().tokens,
+        memberships: r().memberships,
+        total: i(),
+        description: ((l = r() === null || r() === void 0 ? void 0 : r().title) !== null && l !== void 0 ? l : "") + `(${(x = r() === null || r() === void 0 ? void 0 : r().subtitle) !== null && x !== void 0 ? x : ""})`
+      }), yield Ve(), i() === 0 && ue.set({
+        subtitle: "Your claim was successful!",
+        receipt: !1
+      }), se.set(oe.PAYMENT_RESULT);
+    } catch (w) {
+      n(`Payment error: ${w.message || w}`, "failure"), ue.set({ errorMessage: w.message }), se.set(oe.ERROR), re(ne.ERROR, { error: w });
+    } finally {
+      g(!1);
+    }
+  });
+  De(() => v(void 0, void 0, void 0, function* () {
+    try {
+      h(E, !0), z = yield C(), S = yield H(We).getSigner(), O = z.contract, h(j, z.decimals), [K, $] = yield Promise.all([Ge(), O.symbol()]), h(T, yield O.balanceOf(K)), h(W, `${be.formatUnits(BigInt(e(T)) - BigInt(i()), e(j))} ${pt($, "cred")}`);
+    } catch (l) {
+      console.log(l);
+    } finally {
+      h(E, !1);
+    }
+  })), xe();
+  var s = Ce(), u = ce(s);
+  {
+    var p = (l) => {
+      var x = Nt(), w = q(x);
+      $e(w, {}), Y(x), F(l, x);
+    }, P = (l) => {
+      const x = ae(() => (e(W), D(be), e(T), e(j), f(), D(se), D(oe), D(i()), D(g()), D(m()), Q(() => {
+        var w;
+        return {
+          formattedBalance: e(W),
+          balance: Number((+be.formatUnits(BigInt(e(T)), e(j))).toFixed(2)),
+          credAlias: (w = f()) == null ? void 0 : w.ui_settings.cred_alias,
+          onPay: M,
+          onGetCred: () => se.set(oe.WALLET),
+          totalToPay: (+be.formatUnits(i(), e(j))).toFixed(2),
+          isLoading: g(),
+          isPaymentDisabled: !Number(e(T)) || BigInt(i()) > e(T) || m()
+        };
+      })));
+      Je(l, {
+        get options() {
+          return e(x);
+        }
+      });
+    };
+    ee(u, (l) => {
+      e(E) ? l(p) : l(P, !1);
+    });
+  }
+  F(y, s);
+  var k = ye({
+    get totalPriceToken() {
+      return i();
+    },
+    set totalPriceToken(l) {
+      i(l), R();
+    },
+    get purchaseConfig() {
+      return r();
+    },
+    set purchaseConfig(l) {
+      r(l), R();
+    },
+    get isLoading() {
+      return g();
+    },
+    set isLoading(l) {
+      g(l), R();
+    },
+    get isPriceLoading() {
+      return m();
+    },
+    set isPriceLoading(l) {
+      m(l), R();
+    },
+    get pricesByToken() {
+      return B();
+    },
+    set pricesByToken(l) {
+      B(l), R();
+    },
+    $set: fe,
+    $on: (l, x) => me(t, l, x)
+  });
+  return o(), k;
+}
+var Ot = J('<div slot="credit-card"><!></div>'), zt = J('<div slot="cred-balance"><!></div>'), Mt = J("<!> <!>", 1);
+function tt(y, t) {
+  if (new.target) return ve({ component: tt, ...y });
+  ge(t, !1);
+  const [a, o] = je(), f = () => he(Pe, "$configStore", a), v = () => he(mt, "$contractsStore", a), i = () => he(We, "$providerStore", a), r = () => he(Ne, "$userStore", a), g = () => he(ue, "$pageOptsStore", a);
+  var m = this && this.__awaiter || function(s, u, p, P) {
+    function k(l) {
+      return l instanceof p ? l : new p(function(x) {
+        x(l);
+      });
+    }
+    return new (p || (p = Promise))(function(l, x) {
+      function w(U) {
+        try {
+          G(P.next(U));
+        } catch (Z) {
+          x(Z);
+        }
+      }
+      function L(U) {
+        try {
+          G(P.throw(U));
+        } catch (Z) {
+          x(Z);
+        }
+      }
+      function G(U) {
+        U.done ? l(U.value) : k(U.value).then(w, L);
+      }
+      G((P = P.apply(s, u || [])).next());
+    });
+  };
+  const { close: B } = H(Ae), C = H(Pe).chainId;
+  let n = N(0), c = N(0), _ = N(!1), E = N(!1), T = N({});
+  const W = (s, u) => m(void 0, void 0, void 0, function* () {
+    let p = yield s.getPriceFiat(u).then((k) => Number(k)), P = 0;
+    return p === 0 ? [p, P] = yield Promise.all([
+      s.getPriceFiat(Be).then((k) => Number(k)),
+      s.getPriceToken(Be).then((k) => Number(k))
+    ]) : P = yield s.getPriceToken(u).then((k) => Number(k)), [p, P];
+  }), $ = (s) => m(void 0, void 0, void 0, function* () {
+    try {
+      h(_, !0);
+      for (const u of s)
+        if (u.contractAddress === v().erc20Cred.address)
+          h(n, e(n) + u.amount * 100);
+        else {
+          const { credenzaSellableMinAbi: p } = yield import("./abi-DIVtyi6o.js"), P = new be.Contract(u.contractAddress, p, i()), k = u.tokenId || u.typeId || Be;
+          let [l, x] = yield W(P, +k);
+          u != null && u.amount && (u == null ? void 0 : u.amount) !== 0 && (l *= u.amount, x *= u.amount), h(n, e(n) + l), h(c, e(c) + x), vt(T, e(T)[`${u.contractAddress}/${k}`] = x);
+        }
+    } catch (u) {
+      re(ne.ERROR, u);
+    } finally {
+      h(_, !1);
+    }
+  }), O = ue.subscribe((s) => m(void 0, void 0, void 0, function* () {
+    var u, p;
+    !(!((u = s == null ? void 0 : s.tokens) === null || u === void 0) && u.length) && !(!((p = s == null ? void 0 : s.memberships) === null || p === void 0) && p.length) || (yield $([
+      ...(s == null ? void 0 : s.tokens) || [],
+      ...(s == null ? void 0 : s.memberships) || []
+    ]));
+  }));
+  ot(O), te(() => f(), () => {
+    f().chainId !== C && B();
+  }), Se(), xe();
+  var j = Mt(), K = ce(j);
+  {
+    var S = (s) => {
+      var u = Ce(), p = ce(u);
+      ft(p, () => import("./ProgressVideo-CgHBd04r.js"), null, (P, k) => {
+        var l = Ce(), x = ce(l);
+        st(x, () => e(k).default, (w, L) => {
+          L(w, {});
+        }), F(P, l);
+      }), F(s, u);
+    };
+    ee(K, (s) => {
+      e(E) && s(S);
+    });
+  }
+  var z = V(K, 2);
+  const d = ae(() => (r(), g(), D(se), D(oe), e(n), e(_), Q(() => {
+    var s, u, p, P;
+    return {
+      user: r(),
+      title: g().title || "Order Summary",
+      subtitle: g().subtitle,
+      onBackClick: () => se.set(oe.WALLET),
+      isStripeDisabled: (u = (s = g().payments) == null ? void 0 : s.stripe) == null ? void 0 : u.disabled,
+      isCredezaValueDisabled: !e(n) || ((P = (p = g().payments) == null ? void 0 : p.credenzaStoredValue) == null ? void 0 : P.disabled),
+      isPriceLoading: e(_),
+      totalSumCents: e(n)
+    };
+  })));
+  Ze(z, {
+    get options() {
+      return e(d);
+    },
+    get isLoading() {
+      return e(E);
+    },
+    set isLoading(s) {
+      h(E, s);
+    },
+    $$slots: {
+      "credit-card": (s, u) => {
+        var p = Ot(), P = q(p);
+        Qe(P, {
+          get priceCents() {
+            return e(n);
+          },
+          get isPriceLoading() {
+            return e(_);
+          },
+          get purchaseConfig() {
+            return g();
+          },
+          get isLoading() {
+            return e(E);
+          },
+          set isLoading(k) {
+            h(E, k);
+          },
+          $$legacy: !0
+        }), Y(p), F(s, p);
+      },
+      "cred-balance": (s, u) => {
+        var p = zt(), P = q(p);
+        et(P, {
+          get pricesByToken() {
+            return e(T);
+          },
+          get totalPriceToken() {
+            return e(c);
+          },
+          get isPriceLoading() {
+            return e(_);
+          },
+          get purchaseConfig() {
+            return g();
+          },
+          get isLoading() {
+            return e(E);
+          },
+          set isLoading(k) {
+            h(E, k);
+          },
+          $$legacy: !0
+        }), Y(p), F(s, p);
+      }
+    },
+    $$legacy: !0
+  }), F(y, j);
+  var M = ye({
+    $set: fe,
+    $on: (s, u) => me(t, s, u)
+  });
+  return o(), M;
+}
+const Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: tt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Zt as P,
+  Kt as g,
+  Bt as r
+};
+//# sourceMappingURL=Payment-C_fBZsET.js.map