@credenza3/passport-evm 0.2.18 → 0.2.20

package/dist/Payment-BGGkR1cJ.js

@@ -0,0 +1,1030 @@
+import { c as ue, m as rt, p as S, f as J, i as ee, k as ze, e as Me, b as R, d as ve, u as fe, t as xe, r as ce, h as ke, s as nt, a as be, g as Ne, j as at, n as Fe, o as Pe, q as it } from "./legacy-ShShb87f.js";
+import { a as Ie, o as st } from "./index-client-BZifBt-8.js";
+import { z as me, B as q, C as U, D as le, y as ge, u as A, m as N, bm as Q, v as te, I as _, A as D, w as Te, E as G, J as e, Z as _e, G as X, F as ot, x as ae, O as re, P as ne, N as H, bd as $e, Q as Se, M as Ce, bn as je, b9 as De, a4 as qe, a2 as Ue, bo as Ye, R as de, T as se, V as oe, bp as Ee, bq as ct, a1 as Ve, a3 as we, a5 as lt, br as Oe, bg as dt, bs as Re, bt as ut, bf as vt } from "./index-QYUycBJ8.js";
+import { a as ft } from "./App-CVL5rG_7.js";
+import { B as mt } from "./ButtonBack-vxTGGwU6.js";
+import { p as gt } from "./event-modifiers-D4czZCB6.js";
+import { L as Ge } from "./Loader-CR_PsWeQ.js";
+import { B as We } from "./Button-DqEdQlgP.js";
+import { g as yt } from "./strings-B-rKL311.js";
+const pt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23bbb'%20d='M17%209.761v-4.761c0-2.761-2.238-5-5-5-2.763%200-5%202.239-5%205v4.761c-1.827%201.466-3%203.714-3%206.239%200%204.418%203.582%208%208%208s8-3.582%208-8c0-2.525-1.173-4.773-3-6.239zm-8-4.761c0-1.654%201.346-3%203-3s3%201.346%203%203v3.587c-.927-.376-1.938-.587-3-.587s-2.073.211-3%20.587v-3.587zm4%2011.723v2.277h-2v-2.277c-.596-.347-1-.984-1-1.723%200-1.104.896-2%202-2s2%20.896%202%202c0%20.738-.404%201.376-1%201.723z'/%3e%3c/svg%3e";
+var wt = J('<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 Be(p, r) {
+  if (new.target) return ue({ component: Be, ...p });
+  me(r, !1), rt(p, bt);
+  let c = S(r, "onClick", 12), i = S(r, "text", 12), f = S(r, "disabled", 12, !1), u = S(r, "isLoading", 12, !1), a = S(r, "isActive", 12, !1);
+  var n = wt();
+  let g;
+  var v = q(n);
+  {
+    var B = (t) => {
+      Ge(t, {});
+    }, L = (t) => {
+      var m = xe();
+      le(() => ce(m, i())), R(t, m);
+    };
+    ee(v, (t) => {
+      u() ? t(B) : t(L, !1);
+    });
+  }
+  return U(n), le((t) => g = ze(n, 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, t), [
+    () => ({
+      "btn-disabled": f() || u(),
+      active: a()
+    })
+  ]), Me("click", n, gt(function(...t) {
+    c()?.apply(this, t);
+  })), R(p, n), ge({
+    get onClick() {
+      return c();
+    },
+    set onClick(t) {
+      c(t), A();
+    },
+    get text() {
+      return i();
+    },
+    set text(t) {
+      i(t), A();
+    },
+    get disabled() {
+      return f();
+    },
+    set disabled(t) {
+      f(t), A();
+    },
+    get isLoading() {
+      return u();
+    },
+    set isLoading(t) {
+      u(t), A();
+    },
+    get isActive() {
+      return a();
+    },
+    set isActive(t) {
+      a(t), A();
+    },
+    $set: fe,
+    $on: (t, m) => ve(r, t, m)
+  });
+}
+var _t = J("<div> </div>"), ht = J("<div>Getting price...</div>"), Pt = J("<div> </div>"), Ct = 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(p, r) {
+  if (new.target) return ue({ component: Ze, ...p });
+  me(r, !1);
+  const c = N(), i = N(), f = N();
+  let u = S(r, "isLoading", 12), a = S(r, "options", 12), {
+    user: n,
+    title: g,
+    subtitle: v,
+    onBackClick: B,
+    isStripeDisabled: L,
+    currencySymbol: t = "$"
+  } = a(), m = N(L ? Q.CREDENZA_BALANCE : Q.CREDIT_CARD);
+  te(() => D(a()), () => {
+    _(c, a().isPriceLoading);
+  }), te(() => D(a()), () => {
+    _(i, a().totalSumCents);
+  }), te(() => D(a()), () => {
+    _(f, a().isCredezaValueDisabled);
+  }), Te(), ke();
+  var h = Ct();
+  let x;
+  var E = q(h), W = q(E), Z = q(W, !0);
+  U(W);
+  var O = G(W, 2), F = q(O, !0);
+  U(O), U(E);
+  var b = G(E, 2), $ = q(b, !0);
+  U(b);
+  var d = G(b, 2), P = q(d);
+  {
+    var l = (y) => {
+      var j = _t(), K = q(j, !0);
+      U(j), le(() => ce(K, v)), R(y, j);
+    };
+    ee(P, (y) => {
+      v && y(l);
+    });
+  }
+  var o = G(P, 2);
+  {
+    var I = (y) => {
+      var j = ht();
+      R(y, j);
+    }, C = (y) => {
+      var j = be(), K = ae(j);
+      {
+        var ye = (pe) => {
+          var he = Pt(), Ae = q(he);
+          U(he), le((tt) => ce(Ae, `${t ?? ""}${tt ?? ""}`), [
+            () => (e(i), X(() => (+e(i) / 100).toFixed(2)))
+          ]), R(pe, he);
+        };
+        ee(
+          K,
+          (pe) => {
+            e(i) && pe(ye);
+          },
+          !0
+        );
+      }
+      R(y, j);
+    };
+    ee(o, (y) => {
+      e(c) ? y(I) : y(C, !1);
+    });
+  }
+  U(d);
+  var k = G(d, 2), z = q(k);
+  {
+    let y = _e(() => (e(m), D(Q), X(() => e(m) === Q.CREDIT_CARD)));
+    Be(z, {
+      text: "Credit Card",
+      onClick: () => _(m, Q.CREDIT_CARD),
+      get isActive() {
+        return e(y);
+      },
+      get disabled() {
+        return L;
+      }
+    });
+  }
+  var s = G(z, 2);
+  {
+    let y = _e(() => (e(m), D(Q), X(() => e(m) === Q.CREDENZA_BALANCE)));
+    Be(s, {
+      text: "Credenza Balance",
+      onClick: () => _(m, Q.CREDENZA_BALANCE),
+      get isActive() {
+        return e(y);
+      },
+      get disabled() {
+        return e(f);
+      }
+    });
+  }
+  U(k);
+  var T = G(k, 4);
+  {
+    var w = (y) => {
+      var j = be(), K = ae(j);
+      Ne(K, r, "credit-card", {}), R(y, j);
+    }, M = (y) => {
+      var j = be(), K = ae(j);
+      {
+        var ye = (pe) => {
+          var he = be(), Ae = ae(he);
+          Ne(Ae, r, "cred-balance", {}), R(pe, he);
+        };
+        ee(
+          K,
+          (pe) => {
+            e(m), D(Q), X(() => e(m) === Q.CREDENZA_BALANCE) && pe(ye);
+          },
+          !0
+        );
+      }
+      R(y, j);
+    };
+    ee(T, (y) => {
+      e(m), D(Q), X(() => e(m) === Q.CREDIT_CARD) ? y(w) : y(M, !1);
+    });
+  }
+  var Y = G(T, 2), V = q(Y);
+  ot(), U(Y);
+  var ie = G(Y, 2), Le = q(ie);
+  return mt(Le, {
+    get onClick() {
+      return B;
+    }
+  }), U(ie), U(h), le(
+    (y) => {
+      x = ze(h, 1, "cpui-payment crtw-text-left crtw-w-full", null, x, y), ce(Z, X(() => n?.email || n?.pending?.email || "")), ce(F, X(() => n?.phone || n?.pending?.phone || "")), ce($, g), nt(V, "src", pt);
+    },
+    [() => ({ "crtw-hidden": u() })]
+  ), R(p, h), ge({
+    get isLoading() {
+      return u();
+    },
+    set isLoading(y) {
+      u(y), A();
+    },
+    get options() {
+      return a();
+    },
+    set options(y) {
+      a(y), A();
+    },
+    $set: fe,
+    $on: (y, j) => ve(r, y, j)
+  });
+}
+var kt = 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 Ke(p, r) {
+  if (new.target) return ue({ component: Ke, ...p });
+  me(r, !1);
+  let c = S(r, "options", 12), i = S(r, "isPaymentDisabled", 12), f = S(r, "isLoading", 12), u = S(r, "totalToPay", 12), { isCardFocused: a, onPay: n, currencySymbol: g = "$" } = c();
+  var v = kt(), B = G(ae(v), 2), L = G(B, 4);
+  {
+    let t = _e(() => `Pay ${g}${u()}`);
+    We(L, {
+      get text() {
+        return e(t);
+      },
+      get onClick() {
+        return n;
+      },
+      get disabled() {
+        return i();
+      },
+      get isLoading() {
+        return f();
+      },
+      set isLoading(m) {
+        f(m);
+      },
+      $$legacy: !0
+    });
+  }
+  return le(() => at(B, a ? "border-color: #121e2b" : "")), R(p, v), ge({
+    get options() {
+      return c();
+    },
+    set options(t) {
+      c(t), A();
+    },
+    get isPaymentDisabled() {
+      return i();
+    },
+    set isPaymentDisabled(t) {
+      i(t), A();
+    },
+    get isLoading() {
+      return f();
+    },
+    set isLoading(t) {
+      f(t), A();
+    },
+    get totalToPay() {
+      return u();
+    },
+    set totalToPay(t) {
+      u(t), A();
+    },
+    $set: fe,
+    $on: (t, m) => ve(r, t, m)
+  });
+}
+var Lt = 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), xt = 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 He(p, r) {
+  if (new.target) return ue({ component: He, ...p });
+  me(r, !1);
+  const c = N(), i = N(), f = N(), u = N(), a = N();
+  let n = S(r, "options", 12), { credAlias: g, onPay: v, onGetCred: B } = n();
+  te(() => D(n()), () => {
+    _(c, n().isLoading);
+  }), te(() => D(n()), () => {
+    _(i, n().isPaymentDisabled);
+  }), te(() => D(n()), () => {
+    _(f, n().formattedBalance);
+  }), te(() => D(n()), () => {
+    _(u, n().totalToPay);
+  }), te(() => D(n()), () => {
+    _(a, n().balance);
+  }), Te(), ke();
+  var L = xt(), t = q(L), m = q(t);
+  {
+    var h = (b) => {
+      var $ = xe("INSUFFICIENT FUNDS");
+      R(b, $);
+    }, x = (b) => {
+      var $ = xe();
+      le(() => ce($, e(f))), R(b, $);
+    };
+    ee(m, (b) => {
+      e(u), e(a), X(() => Number(e(u)) > e(a)) ? b(h) : b(x, !1);
+    });
+  }
+  U(t);
+  var E = G(t, 2), W = q(E);
+  {
+    var Z = (b) => {
+      var $ = Lt(), d = G(ae($)), P = q(d);
+      U(d), le(() => ce(P, `Click to get some ${g ?? ""}`)), Me("click", d, B), R(b, $);
+    }, O = (b) => {
+      var $ = xe("Your balance after purchase");
+      R(b, $);
+    };
+    ee(W, (b) => {
+      e(u), e(a), X(() => Number(e(u)) > e(a)) ? b(Z) : b(O, !1);
+    });
+  }
+  U(E);
+  var F = G(E, 2);
+  {
+    let b = _e(() => `Pay ${e(u)} ${g}`);
+    We(F, {
+      get text() {
+        return e(b);
+      },
+      get onClick() {
+        return v;
+      },
+      get disabled() {
+        return e(i);
+      },
+      get isLoading() {
+        return e(c);
+      }
+    });
+  }
+  return U(L), R(p, L), ge({
+    get options() {
+      return n();
+    },
+    set options(b) {
+      n(b), A();
+    },
+    $set: fe,
+    $on: (b, $) => ve(r, b, $)
+  });
+}
+var Et = 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 Je(p, r) {
+  if (new.target) return ue({ component: Je, ...p });
+  me(r, !1);
+  var c = this && this.__awaiter || function(v, B, L, t) {
+    function m(h) {
+      return h instanceof L ? h : new L(function(x) {
+        x(h);
+      });
+    }
+    return new (L || (L = Promise))(function(h, x) {
+      function E(O) {
+        try {
+          Z(t.next(O));
+        } catch (F) {
+          x(F);
+        }
+      }
+      function W(O) {
+        try {
+          Z(t.throw(O));
+        } catch (F) {
+          x(F);
+        }
+      }
+      function Z(O) {
+        O.done ? h(O.value) : m(O.value).then(E, W);
+      }
+      Z((t = t.apply(v, B || [])).next());
+    });
+  };
+  let i = S(r, "doPayment", 12), f = S(r, "stripe", 12), u = S(r, "stripeElements", 12), a = S(r, "priceCents", 12), n = S(r, "isLoading", 12);
+  Ie(() => c(void 0, void 0, void 0, function* () {
+    const v = f().paymentRequest({
+      country: "US",
+      currency: "usd",
+      total: { label: "Apple/Google payment", amount: a() },
+      requestPayerName: !0,
+      requestPayerEmail: !0
+    });
+    if (!(yield v.canMakePayment())) return;
+    const L = document.getElementById("ctui-wallet-pay");
+    L && (L.style.display = "crtw-block"), u().create("paymentRequestButton", {
+      paymentRequest: v,
+      style: { paymentRequestButton: { height: "48px" } }
+    }).mount("#ctui-payment-request-button"), v.on("token", (m) => c(void 0, void 0, void 0, function* () {
+      n(!0);
+      try {
+        yield i()(m.token.id), yield m.complete("success");
+      } catch (h) {
+        yield m.complete("error"), re(ne.ERROR, { error: h });
+      }
+      n(!1);
+    }));
+  })), ke();
+  var g = Et();
+  return R(p, g), ge({
+    get doPayment() {
+      return i();
+    },
+    set doPayment(v) {
+      i(v), A();
+    },
+    get stripe() {
+      return f();
+    },
+    set stripe(v) {
+      f(v), A();
+    },
+    get stripeElements() {
+      return u();
+    },
+    set stripeElements(v) {
+      u(v), A();
+    },
+    get priceCents() {
+      return a();
+    },
+    set priceCents(v) {
+      a(v), A();
+    },
+    get isLoading() {
+      return n();
+    },
+    set isLoading(v) {
+      n(v), A();
+    },
+    $set: fe,
+    $on: (v, B) => ve(r, v, B)
+  });
+}
+const Tt = {
+  base: {
+    color: "#121e2b",
+    fontSize: "12px",
+    "::placeholder": {
+      color: "#d9d9d9"
+    }
+  },
+  invalid: {
+    color: "#fa755a"
+  }
+}, St = (p) => new Promise((r, c) => {
+  const i = document.createElement("script");
+  i.src = p, document.body.appendChild(i), i.addEventListener("load", () => r(i)), i.addEventListener("error", () => c(i));
+}), Wt = async (p, r, c = 5) => {
+  let i = 0;
+  for (; i < c; ) {
+    const f = await fetch(`${p}/orders/completed/${r}`, {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${H($e)}`
+      },
+      method: "GET"
+    });
+    if (f.status === 204) {
+      if (i++, i < c)
+        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();
+  }
+}, At = (p, r) => {
+  const c = r.filter((i) => i.error).map(
+    (i) => `Name: ${i.metadata?.name || i.directive.resource_id}, reason: ${i.error}`
+  ).join(`
+`);
+  if (p.every((i) => i === null))
+    throw new Error(`All transactions failed. 
+${c}`);
+  if (r?.every((i) => i.status === "ERROR"))
+    throw new Error("All transactions failed.}");
+  return c;
+}, Rt = async ({
+  hash: p,
+  stripeChargeId: r,
+  title: c,
+  subtitle: i,
+  amount: f,
+  currency: u
+}) => {
+  const { credenza: a, recieptTarget: n, clientId: g } = H(Ce);
+  return (await fetch(`${a.evmApiUrl}/contracts/receipt`, {
+    method: "POST",
+    body: JSON.stringify({
+      ...p ? { tx: p } : { charge_id: r },
+      ...f ? { amount: f } : {},
+      ...u ? { currency: u } : {},
+      target: n || ct.EMAIL,
+      title: c,
+      subtitle: i,
+      source: Ee(g).name
+    }),
+    headers: {
+      Authorization: `Bearer ${H($e)}`,
+      "Content-Type": "application/json"
+    }
+  })).ok;
+}, Bt = async (p, r, c) => {
+  const { toastAlert: i } = H(Se), f = H(Ce), { chain_txs: u, items: a } = p, n = At(u, a);
+  re(ne.PAYMENT, {
+    type: je.STRIPE,
+    results: { tokens: c.tokens, memberships: c.memberships }
+  }), i("Your payment was successful"), re(ne.RECHECK_BALANCE, u);
+  const g = H(De);
+  g && qe.track("cp_payment_fiat", {
+    $email: g.email,
+    $phone: g.phone,
+    chain: f.chainId,
+    clientId: f.clientId,
+    address: await Ue(),
+    location: window.location.href,
+    tokens: c?.tokens,
+    memberships: c?.memberships,
+    total: r / 100,
+    description: (c?.title ?? "") + `(${c?.subtitle ?? ""})`
+  }), await Ye(), r === 0 && de.set({ subtitle: "Your claim was successful!", receipt: !1 }), n && de.set({
+    title: "Done!",
+    subtitle: "Your payment was partly successful",
+    orders: a
+  }), se.set(oe.PAYMENT_RESULT);
+};
+var It = J("<!> <!>", 1);
+function Qe(p, r) {
+  if (new.target) return ue({ component: Qe, ...p });
+  me(r, !1);
+  const c = N(), i = N();
+  var f = this && this.__awaiter || function(d, P, l, o) {
+    function I(C) {
+      return C instanceof l ? C : new l(function(k) {
+        k(C);
+      });
+    }
+    return new (l || (l = Promise))(function(C, k) {
+      function z(w) {
+        try {
+          T(o.next(w));
+        } catch (M) {
+          k(M);
+        }
+      }
+      function s(w) {
+        try {
+          T(o.throw(w));
+        } catch (M) {
+          k(M);
+        }
+      }
+      function T(w) {
+        w.done ? C(w.value) : I(w.value).then(z, s);
+      }
+      T((o = o.apply(d, P || [])).next());
+    });
+  };
+  let u = S(r, "priceCents", 12), a = S(r, "isLoading", 12), n = S(r, "purchaseConfig", 12), g = S(r, "isPriceLoading", 12);
+  const { toastAlert: v } = H(Se), B = H(Ce);
+  let L, t = N(), m = N(), h, x = N(), E = N(!1);
+  Ie(() => f(void 0, void 0, void 0, function* () {
+    var d;
+    try {
+      if (!L) {
+        if (!window.Stripe && (yield St("https://js.stripe.com/v3/"), !window.Stripe))
+          throw {};
+        L = window.Stripe;
+      }
+    } catch {
+      return console.log("Please include stripe to use payments.");
+    }
+    if (e(t)) return;
+    const P = Ee(B.clientId).name;
+    _(t, L((d = B.stripe.pk[P]) !== null && d !== void 0 ? d : B.stripe.pk.DEFAULT)), _(m, e(t).elements()), h = e(m).create("card", { style: Tt }), h.mount("#cpui-card-element"), h.on("change", (l) => {
+      _(x, l.complete && !l.error);
+    }), h.on("focus", () => _(E, !0)), h.on("blur", () => _(E, !1));
+  }));
+  const W = () => f(void 0, void 0, void 0, function* () {
+    try {
+      if (!e(x)) return;
+      a(!0);
+      const d = yield e(t).createToken(h);
+      if (d.error) throw d.error;
+      yield Z(d.token.id);
+    } catch (d) {
+      re(ne.ERROR, { error: d });
+    }
+    a(!1);
+  }), Z = (d) => f(void 0, void 0, void 0, function* () {
+    try {
+      const { processPayment: P } = yield import("./Stripe.service-K8Nm72sZ.js"), l = yield P(d);
+      yield Bt(l, u(), n());
+    } catch (P) {
+      v(`Payment error: ${P.message || P}`, "failure"), de.set({ errorMessage: P.message || P }), se.set(oe.ERROR), re(ne.ERROR, { error: P });
+    }
+  });
+  te(
+    () => (e(x), D(a()), D(g())),
+    () => {
+      _(c, !e(x) || a() || g());
+    }
+  ), te(() => D(u()), () => {
+    _(i, (u() / 100).toFixed(2));
+  }), Te(), ke();
+  var O = It(), F = ae(O);
+  {
+    let d = _e(() => (e(E), D(Ee), X(() => ({
+      isCardFocused: e(E),
+      onPay: W,
+      currencySymbol: Ee(B.clientId).currencySymbol
+    }))));
+    Ke(F, {
+      get options() {
+        return e(d);
+      },
+      get isPaymentDisabled() {
+        return e(c);
+      },
+      set isPaymentDisabled(P) {
+        _(c, P);
+      },
+      get isLoading() {
+        return a();
+      },
+      set isLoading(P) {
+        a(P);
+      },
+      get totalToPay() {
+        return e(i);
+      },
+      set totalToPay(P) {
+        _(i, P);
+      },
+      $$legacy: !0
+    });
+  }
+  var b = G(F, 2);
+  {
+    var $ = (d) => {
+      Je(d, {
+        doPayment: Z,
+        get stripe() {
+          return e(t);
+        },
+        get stripeElements() {
+          return e(m);
+        },
+        get priceCents() {
+          return u();
+        },
+        get isLoading() {
+          return a();
+        },
+        set isLoading(P) {
+          a(P);
+        },
+        $$legacy: !0
+      });
+    };
+    ee(b, (d) => {
+      e(t) && e(m) && d($);
+    });
+  }
+  return R(p, O), ge({
+    get priceCents() {
+      return u();
+    },
+    set priceCents(d) {
+      u(d), A();
+    },
+    get isLoading() {
+      return a();
+    },
+    set isLoading(d) {
+      a(d), A();
+    },
+    get purchaseConfig() {
+      return n();
+    },
+    set purchaseConfig(d) {
+      n(d), A();
+    },
+    get isPriceLoading() {
+      return g();
+    },
+    set isPriceLoading(d) {
+      g(d), A();
+    },
+    $set: fe,
+    $on: (d, P) => ve(r, d, P)
+  });
+}
+var Dt = J('<div class="crtw-w-full crtw-justify-items-center crtw-my-5"><!></div>');
+function Xe(p, r) {
+  if (new.target) return ue({ component: Xe, ...p });
+  me(r, !1);
+  const [c, i] = Fe(), f = () => Pe(lt, "$clientPublicStore", c);
+  var u = this && this.__awaiter || function(s, T, w, M) {
+    function Y(V) {
+      return V instanceof w ? V : new w(function(ie) {
+        ie(V);
+      });
+    }
+    return new (w || (w = Promise))(function(V, ie) {
+      function Le(K) {
+        try {
+          j(M.next(K));
+        } catch (ye) {
+          ie(ye);
+        }
+      }
+      function y(K) {
+        try {
+          j(M.throw(K));
+        } catch (ye) {
+          ie(ye);
+        }
+      }
+      function j(K) {
+        K.done ? V(K.value) : Y(K.value).then(Le, y);
+      }
+      j((M = M.apply(s, T || [])).next());
+    });
+  };
+  let a = S(r, "totalPriceToken", 12), n = S(r, "purchaseConfig", 12), g = S(r, "isLoading", 12), v = S(r, "isPriceLoading", 12), B = S(r, "pricesByToken", 12);
+  const { getCREDContract: L, toastAlert: t } = H(Se), { chainId: m, clientId: h } = H(Ce);
+  let x = N(!1), E = N(BigInt(0)), W = N(), Z = "", O, F = N(), b, $, d;
+  const P = (s, T) => u(void 0, void 0, void 0, function* () {
+    try {
+      const { credenzaSellableMinAbi: w } = yield import("./abi-DIVtyi6o.js"), M = new we.Contract(s.contractAddress, w, $), Y = s.tokenId ? s.tokenId : s.typeId, V = B()[`${s.contractAddress}/${Y}`], ie = yield O.approve.populateTransaction(yield M.getAddress(), V);
+      yield Oe(ie, O);
+      const Le = yield M.buyWithToken.populateTransaction(Y, s.amount || 1, b), y = yield Oe(Le, M);
+      t(`<a href="${dt(y.hash)}" target="_blank">Purchase TX #${T}</a> was created`), re(ne.PAYMENT, { type: je.ERC20, data: y }), re(ne.RECHECK_BALANCE), yield Rt({
+        hash: y.hash,
+        title: n().title,
+        subtitle: n().subtitle,
+        currency: "CRED",
+        amount: +we.formatUnits(V, e(F))
+      }), re(ne.RECEIPT, { hash: y.hash });
+    } catch (w) {
+      t(`Payment error: ${w.message || w}`, "failure"), de.set({ errorMessage: w.message }), se.set(oe.ERROR), re(ne.ERROR, { error: w });
+    }
+  }), l = () => u(void 0, void 0, void 0, function* () {
+    var s, T;
+    try {
+      if (BigInt(a()) > e(E)) return;
+      g(!0);
+      const w = [
+        ...n().tokens || [],
+        ...n().memberships || []
+      ].map((Y, V) => P(Y, V + 1));
+      yield Promise.all(w);
+      const M = H(De);
+      M && qe.track("cp_payment_stored_value", {
+        $email: M.email,
+        $phone: M.phone,
+        chain: m,
+        clientId: h,
+        address: b,
+        location: window.location.href,
+        tokens: n().tokens,
+        memberships: n().memberships,
+        total: a(),
+        description: ((s = n() === null || n() === void 0 ? void 0 : n().title) !== null && s !== void 0 ? s : "") + `(${(T = n() === null || n() === void 0 ? void 0 : n().subtitle) !== null && T !== void 0 ? T : ""})`
+      }), yield Ye(), a() === 0 && de.set({ subtitle: "Your claim was successful!", receipt: !1 }), se.set(oe.PAYMENT_RESULT);
+    } catch (w) {
+      t(`Payment error: ${w.message || w}`, "failure"), de.set({ errorMessage: w.message }), se.set(oe.ERROR), re(ne.ERROR, { error: w });
+    } finally {
+      g(!1);
+    }
+  });
+  Ie(() => u(void 0, void 0, void 0, function* () {
+    try {
+      _(x, !0), d = yield L(), $ = yield H(Ve).getSigner(), O = d.contract, _(F, d.decimals), [b, Z] = yield Promise.all([Ue(), O.symbol()]), _(E, yield O.balanceOf(b)), _(W, `${we.formatUnits(BigInt(e(E)) - BigInt(a()), e(F))} ${yt(Z, "cred")}`);
+    } catch (s) {
+      console.log(s);
+    } finally {
+      _(x, !1);
+    }
+  })), ke();
+  var o = be(), I = ae(o);
+  {
+    var C = (s) => {
+      var T = Dt(), w = q(T);
+      Ge(w, {}), U(T), R(s, T);
+    }, k = (s) => {
+      {
+        let T = _e(() => (e(W), D(we), e(E), e(F), f(), D(se), D(oe), D(a()), D(g()), D(v()), X(() => ({
+          formattedBalance: e(W),
+          balance: Number((+we.formatUnits(BigInt(e(E)), e(F))).toFixed(2)),
+          credAlias: f()?.ui_settings.cred_alias,
+          onPay: l,
+          onGetCred: () => se.set(oe.WALLET),
+          totalToPay: (+we.formatUnits(a(), e(F))).toFixed(2),
+          isLoading: g(),
+          isPaymentDisabled: !Number(e(E)) || BigInt(a()) > e(E) || v()
+        }))));
+        He(s, {
+          get options() {
+            return e(T);
+          }
+        });
+      }
+    };
+    ee(I, (s) => {
+      e(x) ? s(C) : s(k, !1);
+    });
+  }
+  R(p, o);
+  var z = ge({
+    get totalPriceToken() {
+      return a();
+    },
+    set totalPriceToken(s) {
+      a(s), A();
+    },
+    get purchaseConfig() {
+      return n();
+    },
+    set purchaseConfig(s) {
+      n(s), A();
+    },
+    get isLoading() {
+      return g();
+    },
+    set isLoading(s) {
+      g(s), A();
+    },
+    get isPriceLoading() {
+      return v();
+    },
+    set isPriceLoading(s) {
+      v(s), A();
+    },
+    get pricesByToken() {
+      return B();
+    },
+    set pricesByToken(s) {
+      B(s), A();
+    },
+    $set: fe,
+    $on: (s, T) => ve(r, s, T)
+  });
+  return i(), z;
+}
+var Nt = J('<div slot="credit-card"><!></div>'), Ot = J('<div slot="cred-balance"><!></div>'), zt = J("<!> <!>", 1);
+function et(p, r) {
+  if (new.target) return ue({ component: et, ...p });
+  me(r, !1);
+  const [c, i] = Fe(), f = () => Pe(Ce, "$configStore", c), u = () => Pe(vt, "$contractsStore", c), a = () => Pe(Ve, "$providerStore", c), n = () => Pe(De, "$userStore", c), g = () => Pe(de, "$pageOptsStore", c);
+  var v = this && this.__awaiter || function(l, o, I, C) {
+    function k(z) {
+      return z instanceof I ? z : new I(function(s) {
+        s(z);
+      });
+    }
+    return new (I || (I = Promise))(function(z, s) {
+      function T(Y) {
+        try {
+          M(C.next(Y));
+        } catch (V) {
+          s(V);
+        }
+      }
+      function w(Y) {
+        try {
+          M(C.throw(Y));
+        } catch (V) {
+          s(V);
+        }
+      }
+      function M(Y) {
+        Y.done ? z(Y.value) : k(Y.value).then(T, w);
+      }
+      M((C = C.apply(l, o || [])).next());
+    });
+  };
+  const { close: B } = H(Se), L = H(Ce).chainId;
+  let t = N(0), m = N(0), h = N(!1), x = N(!1), E = N({});
+  const W = (l, o) => v(void 0, void 0, void 0, function* () {
+    let I = yield l.getPriceFiat(o).then((k) => Number(k)), C = 0;
+    return I === 0 ? [I, C] = yield Promise.all([
+      l.getPriceFiat(Re).then((k) => Number(k)),
+      l.getPriceToken(Re).then((k) => Number(k))
+    ]) : C = yield l.getPriceToken(o).then((k) => Number(k)), [I, C];
+  }), Z = (l) => v(void 0, void 0, void 0, function* () {
+    try {
+      _(h, !0);
+      for (const o of l)
+        if (o.contractAddress === u().erc20Cred.address)
+          _(t, e(t) + o.amount * 100);
+        else {
+          const { credenzaSellableMinAbi: I } = yield import("./abi-DIVtyi6o.js"), C = new we.Contract(o.contractAddress, I, a()), k = o.tokenId || o.typeId || Re;
+          let [z, s] = yield W(C, +k);
+          o?.amount && o?.amount !== 0 && (z *= o.amount, s *= o.amount), _(t, e(t) + z), _(m, e(m) + s), ut(E, e(E)[`${o.contractAddress}/${k}`] = s);
+        }
+    } catch (o) {
+      re(ne.ERROR, o);
+    } finally {
+      _(h, !1);
+    }
+  }), O = de.subscribe((l) => v(void 0, void 0, void 0, function* () {
+    var o, I;
+    !(!((o = l?.tokens) === null || o === void 0) && o.length) && !(!((I = l?.memberships) === null || I === void 0) && I.length) || (yield Z([
+      ...l?.tokens || [],
+      ...l?.memberships || []
+    ]));
+  }));
+  st(O), te(() => f(), () => {
+    f().chainId !== L && B();
+  }), Te(), ke();
+  var F = zt(), b = ae(F);
+  {
+    var $ = (l) => {
+      var o = be(), I = ae(o);
+      ft(I, () => import("./ProgressVideo-htlN2ByZ.js"), null, (C, k) => {
+        var z = be(), s = ae(z);
+        it(s, () => e(k).default, (T, w) => {
+          w(T, {});
+        }), R(C, z);
+      }), R(l, o);
+    };
+    ee(b, (l) => {
+      e(x) && l($);
+    });
+  }
+  var d = G(b, 2);
+  {
+    let l = _e(() => (n(), g(), D(se), D(oe), e(t), e(h), X(() => ({
+      user: n(),
+      title: g().title || "Order Summary",
+      subtitle: g().subtitle,
+      onBackClick: () => se.set(oe.WALLET),
+      isStripeDisabled: g().payments?.stripe?.disabled,
+      isCredezaValueDisabled: !e(t) || g().payments?.credenzaStoredValue?.disabled,
+      isPriceLoading: e(h),
+      totalSumCents: e(t)
+    }))));
+    Ze(d, {
+      get options() {
+        return e(l);
+      },
+      get isLoading() {
+        return e(x);
+      },
+      set isLoading(o) {
+        _(x, o);
+      },
+      $$slots: {
+        "credit-card": (o, I) => {
+          var C = Nt(), k = q(C);
+          Qe(k, {
+            get priceCents() {
+              return e(t);
+            },
+            get isPriceLoading() {
+              return e(h);
+            },
+            get purchaseConfig() {
+              return g();
+            },
+            get isLoading() {
+              return e(x);
+            },
+            set isLoading(z) {
+              _(x, z);
+            },
+            $$legacy: !0
+          }), U(C), R(o, C);
+        },
+        "cred-balance": (o, I) => {
+          var C = Ot(), k = q(C);
+          Xe(k, {
+            get pricesByToken() {
+              return e(E);
+            },
+            get totalPriceToken() {
+              return e(m);
+            },
+            get isPriceLoading() {
+              return e(h);
+            },
+            get purchaseConfig() {
+              return g();
+            },
+            get isLoading() {
+              return e(x);
+            },
+            set isLoading(z) {
+              _(x, z);
+            },
+            $$legacy: !0
+          }), U(C), R(o, C);
+        }
+      },
+      $$legacy: !0
+    });
+  }
+  R(p, F);
+  var P = ge({
+    $set: fe,
+    $on: (l, o) => ve(r, l, o)
+  });
+  return i(), P;
+}
+const Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: et
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Zt as P,
+  Wt as g,
+  Rt as r
+};
+//# sourceMappingURL=Payment-BGGkR1cJ.js.map