@credenza3/passport-evm 0.3.2-alpha.0 → 0.3.3

package/dist/Nav-BNL-t7lr.js

@@ -0,0 +1,669 @@
+import { c as ct, m as Lt, p as T, f as A, o as gt, k as X, b, d as lt, u as vt, n as zt, h as ht, s as K, i as q, g as $t, e as Et, a as pt, t as Mt, r as Nt, j as ot, q as Ot } from "./legacy-Ba02xnfv.js";
+import { o as Kt } from "./index-client-CLutM9Bq.js";
+import { z as dt, D as P, y as mt, u as Z, X as bt, v as D, w as _t, A as x, E as V, B as H, J as t, C as U, m as j, I as L, Y as tt, x as rt, Z as N, G as Y, _ as at, $ as ft, V as wt, N as St, a0 as kt, P as Pt, a1 as At, a2 as Ht, a3 as Ut, a4 as Ft, M as Bt, a5 as Wt, Q as Qt } from "./index-BA5V_Oz9.js";
+import { h as Jt } from "./html-BCugDVdL.js";
+import { g as Xt } from "./strings-B-rKL311.js";
+import { A as Yt } from "./account-BPB9Ucub.js";
+import { S as te } from "./scanner-Bm3Pvpfs.js";
+var ee = A("<div></div>");
+const ne = {
+  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, i) {
+  if (new.target) return ct({ component: Tt, ...g });
+  dt(i, !1), Lt(g, ne);
+  const [_, u] = zt(), v = () => gt(bt, "$isLoggedInStore", _);
+  let n = T(i, "brandName", 12);
+  var l = ee();
+  let o;
+  P((s) => o = X(l, 1, `crtw-w-1.5 crtw-h-1.5 crtw-rounded-[3px] crtw-absolute crtw-left-0 crtw-top-[8px] brand-${n()}`, "svelte-wttqlc", o, s), [
+    () => ({
+      "crtw-bg-green-500": v(),
+      "crtw-bg-red-500": !v()
+    })
+  ]), b(g, l);
+  var a = mt({
+    get brandName() {
+      return n();
+    },
+    set brandName(s) {
+      n(s), Z();
+    },
+    $set: vt,
+    $on: (s, f) => lt(i, s, f)
+  });
+  return u(), a;
+}
+var ie = A("<span><!></span>"), oe = A("<div><!></div> <!>", 1), ae = A('<div role="button"><!> <div class="crtw-flex crtw-items-center crtw-relative crtw-h-full crtw-mx-1.5"><!> <!></div> <!></div>');
+function st(g, i) {
+  if (new.target) return ct({ component: st, ...g });
+  dt(i, !1);
+  const [_, u] = zt(), v = () => gt(bt, "$isLoggedInStore", _), n = j();
+  let l = T(i, "options", 12), { title: o, onClick: a, isDisabled: s, theme: f, isMain: O } = l();
+  D(() => x(l()), () => {
+    L(n, l().isMinimized);
+  }), _t(), ht();
+  var w = ae();
+  let z;
+  K(w, "tabindex", 0);
+  var h = H(w);
+  {
+    var S = (p) => {
+      var B = ie();
+      let M;
+      var W = H(B);
+      {
+        var d = (I) => {
+          var R = pt(), et = rt(R);
+          $t(et, i, "default", {}), b(I, R);
+        }, k = (I) => {
+          var R = Mt();
+          P(() => Nt(R, o)), b(I, R);
+        };
+        q(W, (I) => {
+          O ? I(d) : I(k, !1);
+        });
+      }
+      U(B), P((I) => M = X(B, 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, M, I), [
+        () => ({
+          "crtw-bg-black": f === tt.BLACK,
+          "crtw-text-white": f === tt.BLACK
+        })
+      ]), b(p, B);
+    };
+    q(h, (p) => {
+      t(n) && v() && p(S);
+    });
+  }
+  var e = V(h, 2), m = H(e);
+  {
+    var y = (p) => {
+      Tt(p, {
+        get brandName() {
+          return o;
+        }
+      });
+    };
+    q(m, (p) => {
+      O && p(y);
+    });
+  }
+  var r = V(m, 2);
+  $t(r, i, "icon", {}), U(e);
+  var C = V(e, 2);
+  {
+    var G = (p) => {
+      var B = oe(), M = rt(B);
+      let W;
+      var d = H(M);
+      Jt(d, () => o), U(M);
+      var k = V(M, 2);
+      $t(k, i, "default", {}), P((I) => W = X(M, 1, "crtw-flex crtw-flex-col crtw-flex-1 crtw-w-full crtw-ml-1.5 crtw-justify-center", null, W, I), [() => ({ "crtw-text-white": s })]), b(p, B);
+    };
+    q(C, (p) => {
+      t(n) || p(G);
+    });
+  }
+  U(w), P((p) => z = X(w, 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, p), [
+    () => ({
+      "crtw-justify-center": t(n),
+      "crtw-w-11": t(n)
+    })
+  ]), Et("click", w, a), b(g, w);
+  var F = mt({
+    get options() {
+      return l();
+    },
+    set options(p) {
+      l(p), Z();
+    },
+    $set: vt,
+    $on: (p, B) => lt(i, p, B)
+  });
+  return u(), F;
+}
+const se = "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 re = A('<img alt=""/>'), ce = A('<div slot="icon"><img class="crtw-block crtw-max-w-[30px]" alt=""/></div>');
+function Zt(g, i) {
+  if (new.target) return ct({ component: Zt, ...g });
+  dt(i, !1);
+  const [_, u] = zt(), v = () => gt(bt, "$isLoggedInStore", _), n = j(), l = j();
+  let o = T(i, "options", 12), { onClick: a, title: s, passIcon: f, theme: O } = o();
+  D(() => x(o()), () => {
+    L(n, o().chevronStyles);
+  }), D(() => x(o()), () => {
+    L(l, o().isMinimized);
+  }), _t(), ht();
+  {
+    let z = N(() => ({
+      title: s,
+      onClick: a,
+      isDisabled: !1,
+      isMinimized: t(l),
+      theme: O,
+      isMain: !0
+    }));
+    st(g, {
+      get options() {
+        return t(z);
+      },
+      children: (h, S) => {
+        var e = pt(), m = rt(e);
+        {
+          var y = (r) => {
+            var C = re();
+            P(() => {
+              K(C, "src", se), ot(C, t(n));
+            }), b(r, C);
+          };
+          q(m, (r) => {
+            v() && r(y);
+          });
+        }
+        b(h, e);
+      },
+      $$slots: {
+        default: !0,
+        icon: (h, S) => {
+          var e = ce();
+          X(e, 1, "crtw-flex crtw-justify-center crtw-items-center crtw-rounded-md");
+          var m = H(e);
+          U(e), P(() => K(m, "src", f)), b(h, e);
+        }
+      }
+    });
+  }
+  var w = mt({
+    get options() {
+      return o();
+    },
+    set options(z) {
+      o(z), Z();
+    },
+    $set: vt,
+    $on: (z, h) => lt(i, z, h)
+  });
+  return u(), w;
+}
+var le = A('<div role="button"><!></div>');
+const ve = {
+  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, i) {
+  if (new.target) return ct({ component: Rt, ...g });
+  dt(i, !1), Lt(g, ve);
+  let _ = T(i, "theme", 12), u = T(i, "navConfig", 12), v = T(i, "isMinimized", 12);
+  ht();
+  var n = pt(), l = rt(n);
+  {
+    var o = (a) => {
+      var s = le();
+      K(s, "tabindex", 0);
+      let f;
+      var O = H(s);
+      {
+        var w = (h) => {
+          var S = Mt();
+          S.nodeValue = ">", b(h, S);
+        }, z = (h) => {
+          var S = Mt();
+          S.nodeValue = "<", b(h, S);
+        };
+        q(O, (h) => {
+          x(v()), x(u()), x(at), Y(() => v() && u().minimization?.toggler?.position === at.RIGHT || !v() && u().minimization?.toggler?.position !== at.RIGHT) ? h(w) : h(z, !1);
+        });
+      }
+      U(s), P((h, S) => f = X(s, 1, h, "svelte-16c70gs", f, S), [
+        () => (x(u()), x(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-${u().minimization?.toggler?.position?.toLowerCase() ?? at.LEFT.toLowerCase()}`)),
+        () => ({ "border-white": _() === tt.BLACK })
+      ]), Et("click", s, () => v(!v())), b(a, s);
+    };
+    q(l, (a) => {
+      x(u()), Y(() => u().minimization?.toggler?.enabled) && a(o);
+    });
+  }
+  return b(g, n), mt({
+    get theme() {
+      return _();
+    },
+    set theme(a) {
+      _(a), Z();
+    },
+    get navConfig() {
+      return u();
+    },
+    set navConfig(a) {
+      u(a), Z();
+    },
+    get isMinimized() {
+      return v();
+    },
+    set isMinimized(a) {
+      v(a), Z();
+    },
+    $set: vt,
+    $on: (a, s) => lt(i, a, s)
+  });
+}
+var de = A('<div class="crdz-ui" id="cpnav"><div><!> <!> <!> <!></div></div>');
+function Dt(g, i) {
+  if (new.target) return ct({ component: Dt, ...g });
+  dt(i, !1);
+  const _ = j(), u = j(), v = j(), n = j();
+  let l = T(i, "options", 12), o = T(i, "navItemOptions", 12), a = T(i, "balanceOptions", 12), s = l(), f = s.theme, O = s.cssVarStyles, w = s.navConfig, z = s.navDirection, h = s.iconStyles, S = s.onItemClicked, e = j(s.isMinimized), m = s.expandedNavComponent;
+  D(() => x(l()), () => {
+    L(_, l().isExpanded);
+  }), D(() => x(a()), () => {
+    L(u, a().balance);
+  }), D(() => x(a()), () => {
+    L(v, a().isShown);
+  }), D(() => x(o()), () => {
+    L(n, o().chevronStyles);
+  }), _t(), ht();
+  var y = de(), r = H(y);
+  let C;
+  var G = H(r);
+  Rt(G, {
+    get theme() {
+      return f;
+    },
+    get navConfig() {
+      return w;
+    },
+    get isMinimized() {
+      return t(e);
+    },
+    set isMinimized(d) {
+      L(e, d);
+    },
+    $$legacy: !0
+  });
+  var F = V(G, 2);
+  {
+    var p = (d) => {
+      var k = pt(), I = rt(k);
+      {
+        let R = N(() => ({
+          isMinimized: t(e),
+          theme: f,
+          iconStyles: h,
+          onClick: S,
+          isShownBalance: t(v),
+          balance: t(u)
+        }));
+        Ot(I, () => m, (et, ut) => {
+          ut(et, {
+            get options() {
+              return t(R);
+            }
+          });
+        });
+      }
+      b(d, k);
+    };
+    q(F, (d) => {
+      x(ft), t(_), Y(() => z === ft.TOP && t(_)) && d(p);
+    });
+  }
+  var B = V(F, 2);
+  {
+    let d = N(() => (x(o()), t(e), t(n), Y(() => ({
+      ...o(),
+      theme: f,
+      isMinimized: t(e),
+      chevronStyles: t(n)
+    }))));
+    Zt(B, {
+      get options() {
+        return t(d);
+      }
+    });
+  }
+  var M = V(B, 2);
+  {
+    var W = (d) => {
+      var k = pt(), I = rt(k);
+      {
+        let R = N(() => ({
+          isMinimized: t(e),
+          theme: f,
+          iconStyles: h,
+          onClick: S,
+          isShownBalance: t(v),
+          balance: t(u)
+        }));
+        Ot(I, () => m, (et, ut) => {
+          ut(et, {
+            get options() {
+              return t(R);
+            }
+          });
+        });
+      }
+      b(d, k);
+    };
+    q(M, (d) => {
+      x(ft), t(_), Y(() => z === ft.BOTTOM && t(_)) && d(W);
+    });
+  }
+  return U(r), U(y), P(
+    (d) => {
+      C = 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, C, d), ot(r, O);
+    },
+    [
+      () => ({
+        "crtw-bg-black": f === tt.BLACK,
+        "crtw-text-white": f === tt.BLACK,
+        "crtw-w-[70px]": t(e),
+        "crtw-pr-5": w.minimization?.toggler?.enabled && w.minimization?.toggler?.position === at.RIGHT,
+        "crtw-pl-5": w.minimization?.toggler?.enabled && w.minimization?.toggler?.position !== at.RIGHT
+      })
+    ]
+  ), b(g, y), mt({
+    get options() {
+      return l();
+    },
+    set options(d) {
+      l(d), Z();
+    },
+    get navItemOptions() {
+      return o();
+    },
+    set navItemOptions(d) {
+      o(d), Z();
+    },
+    get balanceOptions() {
+      return a();
+    },
+    set balanceOptions(d) {
+      a(d), Z();
+    },
+    $set: vt,
+    $on: (d, k) => lt(i, d, k)
+  });
+}
+const It = (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", me = "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", ge = "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", he = "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 ue = A('<img slot="icon" alt=""/>'), we = A('<img slot="icon" alt=""/>'), fe = A('<img slot="icon" alt=""/>'), pe = A("<span> </span>"), be = A('<img slot="icon" alt=""/>'), _e = A('<img slot="icon" alt=""/>'), ze = A("<!> <!> <!> <!> <!>", 1);
+function Vt(g, i) {
+  if (new.target) return ct({ component: Vt, ...g });
+  dt(i, !1);
+  const _ = j(), u = j(), v = j();
+  let n = T(i, "options", 12), { theme: l, iconStyles: o, onClick: a } = n();
+  D(() => x(n()), () => {
+    L(_, n().balance);
+  }), D(() => x(n()), () => {
+    L(u, n().isShownBalance);
+  }), D(() => x(n()), () => {
+    L(v, n().isMinimized);
+  }), _t(), ht();
+  var s = ze(), f = rt(s);
+  {
+    let e = N(() => ({
+      isMinimized: t(v),
+      theme: l,
+      title: "Sign Out",
+      onClick: () => a(wt.LOGOUT)
+    }));
+    st(f, {
+      get options() {
+        return t(e);
+      },
+      $$slots: {
+        icon: (m, y) => {
+          var r = ue();
+          P(() => {
+            K(r, "src", me), ot(r, o);
+          }), b(m, r);
+        }
+      }
+    });
+  }
+  var O = V(f, 2);
+  {
+    let e = N(() => ({
+      isMinimized: t(v),
+      theme: l,
+      title: "Show ID",
+      onClick: () => a(wt.PASSPORT_ID)
+    }));
+    st(O, {
+      get options() {
+        return t(e);
+      },
+      $$slots: {
+        icon: (m, y) => {
+          var r = we();
+          P(() => {
+            K(r, "src", ge), ot(r, o);
+          }), b(m, r);
+        }
+      }
+    });
+  }
+  var w = V(O, 2);
+  {
+    let e = N(() => ({
+      isMinimized: t(v),
+      theme: l,
+      title: "PassScan",
+      onClick: () => a(wt.SCANNER)
+    }));
+    st(w, {
+      get options() {
+        return t(e);
+      },
+      $$slots: {
+        icon: (m, y) => {
+          var r = fe();
+          P(() => {
+            K(r, "src", te), ot(r, o);
+          }), b(m, r);
+        }
+      }
+    });
+  }
+  var z = V(w, 2);
+  {
+    var h = (e) => {
+      {
+        let m = N(() => ({
+          theme: l,
+          title: "Wallet",
+          onClick: () => a(wt.WALLET),
+          isMinimized: t(v)
+        }));
+        st(e, {
+          get options() {
+            return t(m);
+          },
+          children: (y, r) => {
+            var C = pe();
+            let G;
+            var F = H(C, !0);
+            U(C), P(
+              (p) => {
+                G = X(C, 1, "cpnav-menu-item-balance crtw-text-[9px]", null, G, p), Nt(F, t(_));
+              },
+              [
+                () => ({ "cpnav-menu-item-balance-white": l === tt.BLACK })
+              ]
+            ), b(y, C);
+          },
+          $$slots: {
+            default: !0,
+            icon: (y, r) => {
+              var C = be();
+              P(() => {
+                K(C, "src", he), ot(C, o);
+              }), b(y, C);
+            }
+          }
+        });
+      }
+    };
+    q(z, (e) => {
+      t(u) && e(h);
+    });
+  }
+  var S = V(z, 2);
+  {
+    let e = N(() => ({
+      isMinimized: t(v),
+      theme: l,
+      title: "My Account",
+      onClick: () => a(wt.PROFILE)
+    }));
+    st(S, {
+      get options() {
+        return t(e);
+      },
+      $$slots: {
+        icon: (m, y) => {
+          var r = _e();
+          P(() => {
+            K(r, "src", Yt), ot(r, o);
+          }), b(m, r);
+        }
+      }
+    });
+  }
+  return b(g, s), mt({
+    get options() {
+      return n();
+    },
+    set options(e) {
+      n(e), Z();
+    },
+    $set: vt,
+    $on: (e, m) => lt(i, e, m)
+  });
+}
+const xe = { hash: "svelte-f74vpm", code: ".cpnav svg:focus {outline:0;}" };
+function ye(g, i) {
+  if (new.target) return ct({ component: ye, ...g });
+  dt(i, !1), Lt(g, xe);
+  const [_, u] = zt(), v = () => gt(Bt, "$configStore", _), n = () => gt(Wt, "$clientPublicStore", _), l = () => gt(bt, "$isLoggedInStore", _);
+  var o = this && this.__awaiter || function(c, $, E, Q) {
+    function xt(J) {
+      return J instanceof E ? J : new E(function(nt) {
+        nt(J);
+      });
+    }
+    return new (E || (E = Promise))(function(J, nt) {
+      function qt(it) {
+        try {
+          yt(Q.next(it));
+        } catch (Ct) {
+          nt(Ct);
+        }
+      }
+      function Gt(it) {
+        try {
+          yt(Q.throw(it));
+        } catch (Ct) {
+          nt(Ct);
+        }
+      }
+      function yt(it) {
+        it.done ? J(it.value) : xt(it.value).then(qt, Gt);
+      }
+      yt((Q = Q.apply(c, $ || [])).next());
+    });
+  }, a, s, f;
+  let O = T(i, "styles", 12), w = T(i, "navConfig", 12);
+  const z = St(Bt), { openUI: h, getCREDContract: S, getBalance: e } = St(Qt);
+  let m = j("");
+  const y = () => o(void 0, void 0, void 0, function* () {
+    try {
+      if (!(yield Ht())) return;
+      const { decimals: $, contract: E, address: Q } = yield S(), xt = yield e(), J = Ut.formatUnits(xt, $), nt = yield E.symbol();
+      L(m, `(${J} ${Xt(nt, "cred")})`), Ft.track("cp_nav_balance_read", {
+        chain: v().chainId,
+        contract: Q,
+        decimals: $,
+        balance: J,
+        symbol: nt
+      });
+    } catch (c) {
+      console.log(c), L(m, "");
+    }
+  }), r = kt(Pt.RECHECK_BALANCE, (c) => o(void 0, void 0, void 0, function* () {
+    c?.length && (yield Promise.all(c.map(($) => {
+      var E;
+      return (E = St(At)) === null || E === void 0 ? void 0 : E.waitForTransaction($);
+    }))), yield y();
+  })), C = kt(Pt.LOGIN, () => o(void 0, void 0, void 0, function* () {
+    yield y();
+  })), G = At.subscribe((c) => o(void 0, void 0, void 0, function* () {
+    c && (yield y());
+  })), F = Object.entries((n() === null || n() === void 0 ? void 0 : n().ui_settings) || {}).map(([c, $]) => c === "text_color" ? ["color", $] : [`${c.replace(/_/g, "-")}`, $]), p = Object.assign(Object.assign({}, O()), Object.fromEntries(F)), B = Object.entries(p).map(([c, $]) => `${c}:${$} !important`).join(";");
+  let M = j(!1), W = ((a = w().minimization) === null || a === void 0 ? void 0 : a.enabled) || !1;
+  const d = ((s = z.nav) === null || s === void 0 ? void 0 : s.direction) || ft.TOP, k = ((f = z.nav) === null || f === void 0 ? void 0 : f.theme) || tt.WHITE;
+  let I = j("");
+  const R = Object.entries(It(k)).map(([c, $]) => `${c}:${$}`).join(";"), et = bt.subscribe((c) => {
+    c || L(M, !1);
+  });
+  Kt(() => {
+    r(), C(), et(), G();
+  }), D(() => (t(M), It), () => {
+    L(I, Object.entries(Object.assign(Object.assign({}, t(M) ? { transform: "scale(1, -1)" } : {}), It(k))).map(([c, $]) => `${c}:${$}`).join(";"));
+  }), _t(), ht();
+  {
+    let c = N(() => ({
+      isExpanded: t(M),
+      theme: k,
+      isMinimized: W,
+      cssVarStyles: B,
+      navConfig: w(),
+      navDirection: d,
+      iconStyles: R,
+      onItemClicked: (Q) => h(Q),
+      expandedNavComponent: Vt
+    })), $ = N(() => (l(), t(M), n(), x(jt), t(I), Y(() => ({
+      onClick: () => l() ? L(M, !t(M)) : h(),
+      title: `${n()?.name}`,
+      passIcon: n()?.ui_settings.logo_url || jt,
+      chevronStyles: t(I)
+    })))), E = N(() => (t(m), Y(() => ({ isShown: z.buyTokens !== !1, balance: t(m) }))));
+    Dt(g, {
+      get options() {
+        return t(c);
+      },
+      get navItemOptions() {
+        return t($);
+      },
+      get balanceOptions() {
+        return t(E);
+      }
+    });
+  }
+  var ut = mt({
+    get styles() {
+      return O();
+    },
+    set styles(c) {
+      O(c), Z();
+    },
+    get navConfig() {
+      return w();
+    },
+    set navConfig(c) {
+      w(c), Z();
+    },
+    $set: vt,
+    $on: (c, $) => lt(i, c, $)
+  });
+  return u(), ut;
+}
+export {
+  ye as default
+};
+//# sourceMappingURL=Nav-BNL-t7lr.js.map