@credenza3/passport-evm 0.2.19 → 0.2.20

package/dist/Nav-WMkbBHYm.js

@@ -0,0 +1,666 @@
+import { c as lt, m as Mt, p as T, f as k, o as rt, k as X, b as _, d as vt, u as dt, n as zt, h as ht, s as K, i as q, g as $t, e as Et, a as pt, t as It, r as Nt, j as ot, q as Lt } from "./legacy-ShShb87f.js";
+import { o as Ht } from "./index-client-BZifBt-8.js";
+import { z as mt, D as O, y as gt, u as Z, X as bt, v as D, w as _t, A as y, E as V, B as H, J as t, C as U, m as B, I as M, Y as tt, x as ct, Z as N, G as Y, _ as at, $ as ft, V as wt, N as Ot, a0 as kt, P as Pt, a1 as At, a2 as Ut, a3 as Ft, a4 as Wt, M as Bt, a5 as Qt, Q as Jt } from "./index-QYUycBJ8.js";
+import { h as Xt } from "./html-BynZ0QgP.js";
+import { g as Yt } from "./strings-B-rKL311.js";
+import { A as te } from "./account-BPB9Ucub.js";
+import { S as ee } from "./scanner-Bm3Pvpfs.js";
+var ne = k("<div></div>");
+const ie = {
+  hash: "svelte-wttqlc",
+  code: ".brand-credenza.svelte-wttqlc {top:8px;left:-1px;}.brand-nhl.svelte-wttqlc {top:2px;}.brand-mlb.full.svelte-wttqlc {top:initial;bottom:8px;left:7px;}"
+};
+function Tt(g, n) {
+  if (new.target) return lt({ component: Tt, ...g });
+  mt(n, !1), Mt(g, ie);
+  const [u, h] = zt(), v = () => rt(bt, "$isLoggedInStore", u);
+  let c = T(n, "brandName", 12);
+  var a = ne();
+  let s;
+  O((o) => s = X(a, 1, `crtw-w-1.5 crtw-h-1.5 crtw-rounded-[3px] crtw-absolute crtw-left-0 crtw-top-[8px] brand-${c()}`, "svelte-wttqlc", s, o), [
+    () => ({
+      "crtw-bg-green-500": v(),
+      "crtw-bg-red-500": !v()
+    })
+  ]), _(g, a);
+  var i = gt({
+    get brandName() {
+      return c();
+    },
+    set brandName(o) {
+      c(o), Z();
+    },
+    $set: dt,
+    $on: (o, w) => vt(n, o, w)
+  });
+  return h(), i;
+}
+var oe = k("<span><!></span>"), ae = k("<div><!></div> <!>", 1), se = k('<div role="button"><!> <div class="crtw-flex crtw-items-center crtw-relative crtw-h-full crtw-mx-1.5"><!> <!></div> <!></div>');
+function st(g, n) {
+  if (new.target) return lt({ component: st, ...g });
+  mt(n, !1);
+  const [u, h] = zt(), v = () => rt(bt, "$isLoggedInStore", u), c = B();
+  let a = T(n, "options", 12), { title: s, onClick: i, isDisabled: o, theme: w, isMain: L } = a();
+  D(() => y(a()), () => {
+    M(c, a().isMinimized);
+  }), _t(), ht();
+  var f = se();
+  let z;
+  K(f, "tabindex", 0);
+  var m = H(f);
+  {
+    var C = (b) => {
+      var P = oe();
+      let R;
+      var A = H(P);
+      {
+        var d = (I) => {
+          var E = pt(), et = ct(E);
+          $t(et, n, "default", {}), _(I, E);
+        }, j = (I) => {
+          var E = It();
+          O(() => Nt(E, s)), _(I, E);
+        };
+        q(A, (I) => {
+          L ? I(d) : I(j, !1);
+        });
+      }
+      U(P), O((I) => R = X(P, 1, `crtw-flex crtw-items-center crtw-justify-center crtw-invisible crtw-bg-white crtw-text-black crtw-text-center crtw-absolute crtw-z-10
+      crtw-top-0 crtw-bottom-0 crtw-left-0 crtw-right-0 crtw-text-[9px] crtw-rounded crtw-overflow-hidden group-hover:crtw-visible`, null, R, I), [
+        () => ({
+          "crtw-bg-black": w === tt.BLACK,
+          "crtw-text-white": w === tt.BLACK
+        })
+      ]), _(b, P);
+    };
+    q(m, (b) => {
+      t(c) && v() && b(C);
+    });
+  }
+  var e = V(m, 2), p = H(e);
+  {
+    var x = (b) => {
+      Tt(b, {
+        get brandName() {
+          return s;
+        }
+      });
+    };
+    q(p, (b) => {
+      L && b(x);
+    });
+  }
+  var r = V(p, 2);
+  $t(r, n, "icon", {}), U(e);
+  var $ = V(e, 2);
+  {
+    var G = (b) => {
+      var P = ae(), R = ct(P);
+      let A;
+      var d = H(R);
+      Xt(d, () => s), U(R);
+      var j = V(R, 2);
+      $t(j, n, "default", {}), O((I) => A = X(R, 1, "crtw-flex crtw-flex-col crtw-flex-1 crtw-w-full crtw-ml-1.5 crtw-justify-center", null, A, I), [() => ({ "crtw-text-white": o })]), _(b, P);
+    };
+    q($, (b) => {
+      t(c) || b(G);
+    });
+  }
+  U(f), O((b) => z = X(f, 1, "crtw-w-full crtw-flex crtw-flex-row crtw-items-center crtw-justify-start crtw-h-11 crtw-relative crtw-box-border crtw-group", null, z, b), [
+    () => ({
+      "crtw-justify-center": t(c),
+      "crtw-w-11": t(c)
+    })
+  ]), Et("click", f, i), _(g, f);
+  var F = gt({
+    get options() {
+      return a();
+    },
+    set options(b) {
+      a(b), Z();
+    },
+    $set: dt,
+    $on: (b, P) => vt(n, b, P)
+  });
+  return h(), F;
+}
+const re = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-up'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M7.646%204.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201-.708.708L8%205.707l-5.646%205.647a.5.5%200%200%201-.708-.708l6-6z'/%3e%3c/svg%3e";
+var ce = k('<img alt=""/>'), le = k('<div slot="icon"><img class="crtw-block crtw-max-w-[30px]" alt=""/></div>');
+function Zt(g, n) {
+  if (new.target) return lt({ component: Zt, ...g });
+  mt(n, !1);
+  const [u, h] = zt(), v = () => rt(bt, "$isLoggedInStore", u), c = B(), a = B();
+  let s = T(n, "options", 12), { onClick: i, title: o, passIcon: w, theme: L } = s();
+  D(() => y(s()), () => {
+    M(c, s().chevronStyles);
+  }), D(() => y(s()), () => {
+    M(a, s().isMinimized);
+  }), _t(), ht();
+  {
+    let z = N(() => ({
+      title: o,
+      onClick: i,
+      isDisabled: !1,
+      isMinimized: t(a),
+      theme: L,
+      isMain: !0
+    }));
+    st(g, {
+      get options() {
+        return t(z);
+      },
+      children: (m, C) => {
+        var e = pt(), p = ct(e);
+        {
+          var x = (r) => {
+            var $ = ce();
+            O(() => {
+              K($, "src", re), ot($, t(c));
+            }), _(r, $);
+          };
+          q(p, (r) => {
+            v() && r(x);
+          });
+        }
+        _(m, e);
+      },
+      $$slots: {
+        default: !0,
+        icon: (m, C) => {
+          var e = le();
+          X(e, 1, "crtw-flex crtw-justify-center crtw-items-center crtw-rounded-md");
+          var p = H(e);
+          U(e), O(() => K(p, "src", w)), _(m, e);
+        }
+      }
+    });
+  }
+  var f = gt({
+    get options() {
+      return s();
+    },
+    set options(z) {
+      s(z), Z();
+    },
+    $set: dt,
+    $on: (z, m) => vt(n, z, m)
+  });
+  return h(), f;
+}
+var ve = k('<div role="button"><!></div>');
+const de = {
+  hash: "svelte-16c70gs",
+  code: ".cpui-minimization-toggler-left.svelte-16c70gs {left:0;border-right:1px solid;}.cpui-minimization-toggler-right.svelte-16c70gs {right:0;border-left:1px solid;}"
+};
+function Rt(g, n) {
+  if (new.target) return lt({ component: Rt, ...g });
+  mt(n, !1), Mt(g, de);
+  let u = T(n, "theme", 12), h = T(n, "navConfig", 12), v = T(n, "isMinimized", 12);
+  ht();
+  var c = pt(), a = ct(c);
+  {
+    var s = (i) => {
+      var o = ve();
+      K(o, "tabindex", 0);
+      let w;
+      var L = H(o);
+      {
+        var f = (m) => {
+          var C = It();
+          C.nodeValue = ">", _(m, C);
+        }, z = (m) => {
+          var C = It();
+          C.nodeValue = "<", _(m, C);
+        };
+        q(L, (m) => {
+          y(v()), y(h()), y(at), Y(() => v() && h().minimization?.toggler?.position === at.RIGHT || !v() && h().minimization?.toggler?.position !== at.RIGHT) ? m(f) : m(z, !1);
+        });
+      }
+      U(o), O((m, C) => w = X(o, 1, m, "svelte-16c70gs", w, C), [
+        () => (y(h()), y(at), Y(() => `crtw-flex crtw-items-center crtw-justify-center crtw-w-4 crtw-absolute crtw-top-0 crtw-bottom-0 crtw-border-gray-700 cpui-minimization-toggler-${h().minimization?.toggler?.position?.toLowerCase() ?? at.LEFT.toLowerCase()}`)),
+        () => ({ "border-white": u() === tt.BLACK })
+      ]), Et("click", o, () => v(!v())), _(i, o);
+    };
+    q(a, (i) => {
+      y(h()), Y(() => h().minimization?.toggler?.enabled) && i(s);
+    });
+  }
+  return _(g, c), gt({
+    get theme() {
+      return u();
+    },
+    set theme(i) {
+      u(i), Z();
+    },
+    get navConfig() {
+      return h();
+    },
+    set navConfig(i) {
+      h(i), Z();
+    },
+    get isMinimized() {
+      return v();
+    },
+    set isMinimized(i) {
+      v(i), Z();
+    },
+    $set: dt,
+    $on: (i, o) => vt(n, i, o)
+  });
+}
+var me = k('<div class="crdz-ui" id="cpnav"><div><!> <!> <!> <!></div></div>');
+function Dt(g, n) {
+  if (new.target) return lt({ component: Dt, ...g });
+  mt(n, !1);
+  const u = B(), h = B(), v = B(), c = B();
+  let a = T(n, "options", 12), s = T(n, "navItemOptions", 12), i = T(n, "balanceOptions", 12), o = a(), w = o.theme, L = o.cssVarStyles, f = o.navConfig, z = o.navDirection, m = o.iconStyles, C = o.onItemClicked, e = B(o.isMinimized), p = o.expandedNavComponent;
+  D(() => y(a()), () => {
+    M(u, a().isExpanded);
+  }), D(() => y(i()), () => {
+    M(h, i().balance);
+  }), D(() => y(i()), () => {
+    M(v, i().isShown);
+  }), D(() => y(s()), () => {
+    M(c, s().chevronStyles);
+  }), _t(), ht();
+  var x = me(), r = H(x);
+  let $;
+  var G = H(r);
+  Rt(G, {
+    get theme() {
+      return w;
+    },
+    get navConfig() {
+      return f;
+    },
+    get isMinimized() {
+      return t(e);
+    },
+    set isMinimized(d) {
+      M(e, d);
+    },
+    $$legacy: !0
+  });
+  var F = V(G, 2);
+  {
+    var b = (d) => {
+      var j = pt(), I = ct(j);
+      {
+        let E = N(() => ({
+          isMinimized: t(e),
+          theme: w,
+          iconStyles: m,
+          onClick: C,
+          isShownBalance: t(v),
+          balance: t(h)
+        }));
+        Lt(I, () => p, (et, ut) => {
+          ut(et, {
+            get options() {
+              return t(E);
+            }
+          });
+        });
+      }
+      _(d, j);
+    };
+    q(F, (d) => {
+      y(ft), t(u), Y(() => z === ft.TOP && t(u)) && d(b);
+    });
+  }
+  var P = V(F, 2);
+  {
+    let d = N(() => (y(s()), t(e), t(c), Y(() => ({
+      ...s(),
+      theme: w,
+      isMinimized: t(e),
+      chevronStyles: t(c)
+    }))));
+    Zt(P, {
+      get options() {
+        return t(d);
+      }
+    });
+  }
+  var R = V(P, 2);
+  {
+    var A = (d) => {
+      var j = pt(), I = ct(j);
+      {
+        let E = N(() => ({
+          isMinimized: t(e),
+          theme: w,
+          iconStyles: m,
+          onClick: C,
+          isShownBalance: t(v),
+          balance: t(h)
+        }));
+        Lt(I, () => p, (et, ut) => {
+          ut(et, {
+            get options() {
+              return t(E);
+            }
+          });
+        });
+      }
+      _(d, j);
+    };
+    q(R, (d) => {
+      y(ft), t(u), Y(() => z === ft.BOTTOM && t(u)) && d(A);
+    });
+  }
+  return U(r), U(x), O(
+    (d) => {
+      $ = X(r, 1, `cpnav crtw-fixed crtw-z-50 crtw-w-56 crtw-flex crtw-flex-col crtw-items-center crtw-justify-center crtw-bg-white crtw-text-gray-800
+    crtw-font-[poppins] crtw-text-xs crtw-border crtw-border-gray-700 crtw-rounded crtw-cursor-pointer crtw-pr-1.5`, null, $, d), ot(r, L);
+    },
+    [
+      () => ({
+        "crtw-bg-black": w === tt.BLACK,
+        "crtw-text-white": w === tt.BLACK,
+        "crtw-w-[70px]": t(e),
+        "crtw-pr-5": f.minimization?.toggler?.enabled && f.minimization?.toggler?.position === at.RIGHT,
+        "crtw-pl-5": f.minimization?.toggler?.enabled && f.minimization?.toggler?.position !== at.RIGHT
+      })
+    ]
+  ), _(g, x), gt({
+    get options() {
+      return a();
+    },
+    set options(d) {
+      a(d), Z();
+    },
+    get navItemOptions() {
+      return s();
+    },
+    set navItemOptions(d) {
+      s(d), Z();
+    },
+    get balanceOptions() {
+      return i();
+    },
+    set balanceOptions(d) {
+      i(d), Z();
+    },
+    $set: dt,
+    $on: (d, j) => vt(n, d, j)
+  });
+}
+const St = (g = null) => ({
+  width: "20px",
+  ...g === tt.BLACK ? { filter: "brightness(0) invert(1)" } : {}
+  // brightness(0) invert(1) - makes WHITE
+}), jt = "data:image/svg+xml,%3csvg%20width='18px'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20350.3%20550.12'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23010101;}.cls-2{fill:%23fff;}%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M306.25,19.41A19.41,19.41,0,0,0,286.91,0a19.87,19.87,0,0,0-4.48.52L84.06,46.8H306.25Z'/%3e%3cpath%20class='cls-1'%20d='M330.86,68.67H16.41A16.43,16.43,0,0,0,0,85.08V533.52a16.43,16.43,0,0,0,16.41,16.41H330.86A19.15,19.15,0,0,0,350,530.79v-443a19.15,19.15,0,0,0-19.14-19.14Z'/%3e%3cpath%20class='cls-2'%20d='M335.18,324.34c-36.63,23.17-33.8,23-67-3,22.17,36.31,22.44,32-3,67,38.13-22.69,31.95-24.1,67,3C309.46,353.18,309.39,360.34,335.18,324.34Z'/%3e%3cpath%20class='cls-2'%20d='M182.86,437.36c-41.92,28.61-38.35,27.94-79.07-1.09,27.05,41.47,27.72,37.15-1.09,79.06,44-28,36.41-29.05,79.06,1.1C153.74,472.43,153.61,480.83,182.86,437.36Z'/%3e%3cpath%20class='cls-2'%20d='M350.3,542V487.21c-54.42-5.37-91.43-51.55-129.29-108.62-33.17-50-19.06-58,35.18-148.25C150.55,311,158.7,309.56,49.08,237.47c76.21,105.73,77,92.51,7.14,207.11,85.43-60.77,93.57-76.77,144-48.43,78.67,45.26,105.36,97.48,105.8,154h35Z'/%3e%3c/svg%3e", ge = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16.934'%20height='16.936'%3e%3cpath%20d='M12.766%2013.903v1.46c0%20.87-.726%201.573-1.613%201.573h-9.54c-.887%200-1.613-.71-1.613-1.573V1.573C0%20.702.726%200%201.613%200h9.54c.887%200%201.613.71%201.613%201.573v1.46a.809.809%200%200%201-.806.806.809.809%200%200%201-.807-.807v-1.46l-9.54.04v13.751l9.532-.04v-1.42c0-.443.363-.806.807-.806.443%200%20.806.363.806.806h.008Zm3.968-5.967-2.387-2.734a.805.805%200%201%200-1.218%201.056l1.218%201.403h-6.29a.809.809%200%200%200-.807.807c0%20.443.363.806.807.806h6.29l-1.218%201.404a.805.805%200%200%200%20.08%201.137.803.803%200%200%200%201.137-.073l2.388-2.734a.799.799%200%200%200%200-1.056v-.016Z'%20fill-rule='evenodd'%20data-name='Path%2031'/%3e%3c/svg%3e", he = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M24%2013h-24v-3h24v3zm-14-5h1v-2h-2v1h1v1zm2-3h1v-1h-1v-1h-3v1h2v2h1v-1zm2%201h1v-5h-1v1h-1v-1h-4v1h3v1h2v3zm-1%201h1v-1h-1v1zm-10-1h3v-3h-3v3zm15%200h3v-3h-3v3zm-2%202v-7h7v7h-7zm1-1h5v-5h-5v5zm-2%201v-1h-1v1h1zm-3%200h1v-1h-1v1zm-11%200v-7h7v7h-7zm1-1h5v-5h-5v5zm11%2013v1h1v-1h-1zm3-4h1v-1h-1v1zm2%203h2v1h-1v2h-1v1h-1v-1h-1v1h-1v-1h-1v-1h1v-2h-2v1h-3v1h1v1h-1v1h-1v-5h1v-1h2v-1h1v-1h1v1h2v1h-1v1h1v1h1v-1h1v1zm-1%201h-1v1h1v-1zm2-5v1h1v-1h-1zm2%200v1h1v-1h-1zm-3%202v-1h-1v1h1zm3%200v-1h-1v1h-1v1h1v1h1v-1h2v-2h-1v1h-1zm-9%206h1v-2h-1v2zm9-2v2h1v-1h1v-2h-1v1h-1zm-20-5h7v7h-7v-7zm1%206h5v-5h-5v5zm18%201v-1h-1v1h1zm-17-2h3v-3h-3v3zm19-1v-1h-1v1h1zm-13-5v2h1v-2h-1z'/%3e%3c/svg%3e", ue = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='17'%20height='17'%20viewBox='258%20216%2017%2017'%3e%3cg%20data-name='Group%2016'%20transform='translate(258%20216)'%20clip-path='url(&quot;%23a&quot;)'%3e%3cpath%20d='M8.5%200C3.812%200%200%203.812%200%208.5%200%2013.188%203.812%2017%208.5%2017c4.688%200%208.5-3.812%208.5-8.5C17%203.812%2013.188%200%208.5%200m3.221%203.507.519-.715c.054-.072.143-.09.215-.036l.411.304c.412.34.805.716%201.128%201.11l.268.34a.163.163%200%200%201-.018.214l-.698.555a.163.163%200%200%201-.214-.018l-.251-.34a6.928%206.928%200%200%200-.966-.948l-.358-.25c-.072-.055-.072-.144-.036-.216ZM7.23%201.628l.52-.071a5.935%205.935%200%200%201%201.592%200l.447.054c.09.017.144.089.144.179l-.09.876a.174.174%200%200%201-.179.144l-.447-.072a4.822%204.822%200%200%200-1.342.018l-.448.053c-.09.018-.16-.053-.179-.125l-.143-.877c-.018-.09.054-.16.125-.179Zm-4.473%202.9.304-.412c.34-.412.716-.805%201.127-1.128l.34-.268a.163.163%200%200%201%20.215.018l.555.698a.163.163%200%200%201-.018.214l-.358.269c-.34.286-.662.608-.948.966l-.25.358c-.055.072-.144.09-.216.036l-.715-.519a.17.17%200%200%201-.036-.233Zm-.949%205.368c-.09.018-.16-.054-.179-.126l-.071-.518a5.938%205.938%200%200%201%200-1.593l.054-.447a.174.174%200%200%201%20.179-.144l.876.09c.09.018.144.09.144.179l-.072.447a4.82%204.82%200%200%200%20.018%201.342l.071.43c.018.09-.053.16-.125.179l-.895.16Zm3.472%203.597-.519.715c-.054.072-.143.09-.215.036l-.411-.304a7.463%207.463%200%200%201-1.128-1.127l-.268-.34a.163.163%200%200%201%20.018-.215l.698-.555a.163.163%200%200%201%20.214.018l.269.34c.286.34.608.662.966.948l.358.25a.22.22%200%200%201%20.018.234Zm4.492%201.879-.52.071a5.935%205.935%200%200%201-1.592%200l-.447-.054a.174.174%200%200%201-.144-.179l.09-.876a.174.174%200%200%201%20.179-.144l.447.054a4.82%204.82%200%200%200%201.342-.018l.43-.071c.09-.018.161.053.179.125l.143.877c.036.125-.036.197-.107.215Zm.393-3.991-1.575-.895a.163.163%200%200%200-.179%200l-1.574.895c-.269.143-.591-.09-.52-.376l.359-1.771a.144.144%200%200%200-.054-.161L5.279%207.838c-.233-.215-.107-.59.197-.608l1.807-.197a.156.156%200%200%200%20.143-.108l.752-1.646a.349.349%200%200%201%20.644%200l.752%201.646c.017.054.09.09.143.108l1.807.197c.304.035.43.411.197.608l-1.342%201.217a.144.144%200%200%200-.054.16l.358%201.772c.072.322-.25.537-.519.394Zm4.08%201.092-.304.411c-.34.412-.716.805-1.127%201.128l-.34.268a.163.163%200%200%201-.215-.018l-.555-.698a.163.163%200%200%201%20.018-.215l.34-.268c.34-.286.662-.608.948-.966l.25-.358c.055-.072.144-.09.216-.036l.715.52c.09.053.108.16.054.232Zm1.163-2.685a.174.174%200%200%201-.179.144l-.877-.09a.174.174%200%200%201-.143-.179l.054-.447a4.822%204.822%200%200%200-.018-1.342l-.054-.448c-.018-.09.054-.16.126-.179l.876-.143c.09-.018.161.054.18.125l.071.52a5.938%205.938%200%200%201%200%201.592l-.036.447Z'%20fill-rule='evenodd'%20data-name='Path%2033'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20d='M0%200h17v17H0V0z'%20data-name='Rectangle%2022'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+var we = k('<img slot="icon" alt=""/>'), fe = k('<img slot="icon" alt=""/>'), pe = k('<img slot="icon" alt=""/>'), be = k("<span> </span>"), _e = k('<img slot="icon" alt=""/>'), ze = k('<img slot="icon" alt=""/>'), xe = k("<!> <!> <!> <!> <!>", 1);
+function Vt(g, n) {
+  if (new.target) return lt({ component: Vt, ...g });
+  mt(n, !1);
+  const u = B(), h = B(), v = B();
+  let c = T(n, "options", 12), { theme: a, iconStyles: s, onClick: i } = c();
+  D(() => y(c()), () => {
+    M(u, c().balance);
+  }), D(() => y(c()), () => {
+    M(h, c().isShownBalance);
+  }), D(() => y(c()), () => {
+    M(v, c().isMinimized);
+  }), _t(), ht();
+  var o = xe(), w = ct(o);
+  {
+    let e = N(() => ({
+      isMinimized: t(v),
+      theme: a,
+      title: "Sign Out",
+      onClick: () => i(wt.LOGOUT)
+    }));
+    st(w, {
+      get options() {
+        return t(e);
+      },
+      $$slots: {
+        icon: (p, x) => {
+          var r = we();
+          O(() => {
+            K(r, "src", ge), ot(r, s);
+          }), _(p, r);
+        }
+      }
+    });
+  }
+  var L = V(w, 2);
+  {
+    let e = N(() => ({
+      isMinimized: t(v),
+      theme: a,
+      title: "Show ID",
+      onClick: () => i(wt.PASSPORT_ID)
+    }));
+    st(L, {
+      get options() {
+        return t(e);
+      },
+      $$slots: {
+        icon: (p, x) => {
+          var r = fe();
+          O(() => {
+            K(r, "src", he), ot(r, s);
+          }), _(p, r);
+        }
+      }
+    });
+  }
+  var f = V(L, 2);
+  {
+    let e = N(() => ({
+      isMinimized: t(v),
+      theme: a,
+      title: "PassScan",
+      onClick: () => i(wt.SCANNER)
+    }));
+    st(f, {
+      get options() {
+        return t(e);
+      },
+      $$slots: {
+        icon: (p, x) => {
+          var r = pe();
+          O(() => {
+            K(r, "src", ee), ot(r, s);
+          }), _(p, r);
+        }
+      }
+    });
+  }
+  var z = V(f, 2);
+  {
+    var m = (e) => {
+      {
+        let p = N(() => ({
+          theme: a,
+          title: "Wallet",
+          onClick: () => i(wt.WALLET),
+          isMinimized: t(v)
+        }));
+        st(e, {
+          get options() {
+            return t(p);
+          },
+          children: (x, r) => {
+            var $ = be();
+            let G;
+            var F = H($, !0);
+            U($), O(
+              (b) => {
+                G = X($, 1, "cpnav-menu-item-balance crtw-text-[9px]", null, G, b), Nt(F, t(u));
+              },
+              [
+                () => ({ "cpnav-menu-item-balance-white": a === tt.BLACK })
+              ]
+            ), _(x, $);
+          },
+          $$slots: {
+            default: !0,
+            icon: (x, r) => {
+              var $ = _e();
+              O(() => {
+                K($, "src", ue), ot($, s);
+              }), _(x, $);
+            }
+          }
+        });
+      }
+    };
+    q(z, (e) => {
+      t(h) && e(m);
+    });
+  }
+  var C = V(z, 2);
+  {
+    let e = N(() => ({
+      isMinimized: t(v),
+      theme: a,
+      title: "My Account",
+      onClick: () => i(wt.PROFILE)
+    }));
+    st(C, {
+      get options() {
+        return t(e);
+      },
+      $$slots: {
+        icon: (p, x) => {
+          var r = ze();
+          O(() => {
+            K(r, "src", te), ot(r, s);
+          }), _(p, r);
+        }
+      }
+    });
+  }
+  return _(g, o), gt({
+    get options() {
+      return c();
+    },
+    set options(e) {
+      c(e), Z();
+    },
+    $set: dt,
+    $on: (e, p) => vt(n, e, p)
+  });
+}
+const ye = { hash: "svelte-f74vpm", code: ".cpnav svg:focus {outline:0;}" };
+function Ce(g, n) {
+  if (new.target) return lt({ component: Ce, ...g });
+  mt(n, !1), Mt(g, ye);
+  const [u, h] = zt(), v = () => rt(Bt, "$configStore", u), c = () => rt(At, "$providerStore", u), a = () => rt(Qt, "$clientPublicStore", u), s = () => rt(bt, "$isLoggedInStore", u);
+  var i = this && this.__awaiter || function(l, S, W, Q) {
+    function xt(J) {
+      return J instanceof W ? J : new W(function(nt) {
+        nt(J);
+      });
+    }
+    return new (W || (W = Promise))(function(J, nt) {
+      function Gt(it) {
+        try {
+          yt(Q.next(it));
+        } catch (Ct) {
+          nt(Ct);
+        }
+      }
+      function Kt(it) {
+        try {
+          yt(Q.throw(it));
+        } catch (Ct) {
+          nt(Ct);
+        }
+      }
+      function yt(it) {
+        it.done ? J(it.value) : xt(it.value).then(Gt, Kt);
+      }
+      yt((Q = Q.apply(l, S || [])).next());
+    });
+  }, o, w, L;
+  let f = T(n, "styles", 12), z = T(n, "navConfig", 12);
+  const m = Ot(Bt), { openUI: C, getCREDContract: e, getBalance: p } = Ot(Jt);
+  let x = B("");
+  const r = () => i(void 0, void 0, void 0, function* () {
+    try {
+      if (!(yield Ut())) return;
+      const { decimals: S, contract: W, address: Q } = yield e(), xt = yield p(), J = Ft.formatUnits(xt, S), nt = yield W.symbol();
+      M(x, `(${J} ${Yt(nt, "cred")})`), Wt.track("cp_nav_balance_read", {
+        chain: v().chainId,
+        contract: Q,
+        decimals: S,
+        balance: J,
+        symbol: nt
+      });
+    } catch (l) {
+      console.log(l), M(x, "");
+    }
+  }), $ = kt(Pt.RECHECK_BALANCE, (l) => i(void 0, void 0, void 0, function* () {
+    l?.length && (yield Promise.all(l.map((S) => c().waitForTransaction(S)))), yield r();
+  })), G = kt(Pt.LOGIN, () => i(void 0, void 0, void 0, function* () {
+    yield r();
+  })), F = At.subscribe((l) => i(void 0, void 0, void 0, function* () {
+    l && (yield r());
+  })), b = Object.entries((a() === null || a() === void 0 ? void 0 : a().ui_settings) || {}).map(([l, S]) => l === "text_color" ? ["color", S] : [`${l.replace(/_/g, "-")}`, S]), P = Object.assign(Object.assign({}, f()), Object.fromEntries(b)), R = Object.entries(P).map(([l, S]) => `${l}:${S} !important`).join(";");
+  let A = B(!1), d = ((o = z().minimization) === null || o === void 0 ? void 0 : o.enabled) || !1;
+  const j = ((w = m.nav) === null || w === void 0 ? void 0 : w.direction) || ft.TOP, I = ((L = m.nav) === null || L === void 0 ? void 0 : L.theme) || tt.WHITE;
+  let E = B("");
+  const et = Object.entries(St(I)).map(([l, S]) => `${l}:${S}`).join(";"), ut = bt.subscribe((l) => {
+    l || M(A, !1);
+  });
+  Ht(() => {
+    $(), G(), ut(), F();
+  }), D(() => (t(A), St), () => {
+    M(E, Object.entries(Object.assign(Object.assign({}, t(A) ? { transform: "scale(1, -1)" } : {}), St(I))).map(([l, S]) => `${l}:${S}`).join(";"));
+  }), _t(), ht();
+  {
+    let l = N(() => ({
+      isExpanded: t(A),
+      theme: I,
+      isMinimized: d,
+      cssVarStyles: R,
+      navConfig: z(),
+      navDirection: j,
+      iconStyles: et,
+      onItemClicked: (Q) => C(Q),
+      expandedNavComponent: Vt
+    })), S = N(() => (s(), t(A), a(), y(jt), t(E), Y(() => ({
+      onClick: () => s() ? M(A, !t(A)) : C(),
+      title: `${a()?.name}`,
+      passIcon: a()?.ui_settings.logo_url || jt,
+      chevronStyles: t(E)
+    })))), W = N(() => (t(x), Y(() => ({ isShown: m.buyTokens !== !1, balance: t(x) }))));
+    Dt(g, {
+      get options() {
+        return t(l);
+      },
+      get navItemOptions() {
+        return t(S);
+      },
+      get balanceOptions() {
+        return t(W);
+      }
+    });
+  }
+  var qt = gt({
+    get styles() {
+      return f();
+    },
+    set styles(l) {
+      f(l), Z();
+    },
+    get navConfig() {
+      return z();
+    },
+    set navConfig(l) {
+      z(l), Z();
+    },
+    $set: dt,
+    $on: (l, S) => vt(n, l, S)
+  });
+  return h(), qt;
+}
+export {
+  Ce as default
+};
+//# sourceMappingURL=Nav-WMkbBHYm.js.map