@touchtech/web-navigation-menu 0.0.18-alpha.4 → 0.0.18-alpha.6

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import be, { useContext as X, useState as le, useEffect as Ee, useMemo as y, useCallback as K, Fragment as Pt } from "react";
-import { AnimatePresence as Ot, motion as Dt } from "framer-motion";
-import { createPortal as Mt } from "react-dom";
-import { AuthContext as tt, userHasTenantAccess as M, Privileges as W } from "@touchtech/web-auth";
+import be, { useContext as X, useState as le, useEffect as Ee, useMemo as y, useCallback as K, Fragment as Ot } from "react";
+import { AnimatePresence as Dt, motion as Mt } from "framer-motion";
+import { createPortal as kt } from "react-dom";
+import { AuthContext as tt, userHasTenantAccess as M, Privileges as q } from "@touchtech/web-auth";
 import { TenantIdContext as Te } from "@touchtech/web-tenant-id-provider";
 import re from "classcat";
-import { Image as kt, Button as Se, Icon as ne, IconButton as Ft } from "@touchtech/baselayer-ui";
-import { useApi as nt } from "@touchtech/web-api-client";
-import Lt from "swr";
-import { matchPath as Ut } from "react-router-dom";
-import { useToggle as Bt } from "@touchtech/web-hooks";
+import { Image as Ft, Button as Se, Icon as ne, IconButton as Lt } from "@touchtech/baselayer-ui";
+import { useApi as nt, createUrl as rt } from "@touchtech/web-api-client";
+import Ut from "swr";
+import { matchPath as Bt } from "react-router-dom";
+import { useToggle as Ht } from "@touchtech/web-hooks";
 var we = { exports: {} }, Q = {};
 /**
  * @license React
@@ -20,16 +20,16 @@ var we = { exports: {} }, Q = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Je;
-function Ht() {
+function $t() {
   if (Je) return Q;
   Je = 1;
-  var o = be, s = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, f = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function b(i, m, x) {
+  var i = be, a = Symbol.for("react.element"), p = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, d = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function b(o, m, x) {
     var g, S = {}, R = null, j = null;
     x !== void 0 && (R = "" + x), m.key !== void 0 && (R = "" + m.key), m.ref !== void 0 && (j = m.ref);
-    for (g in m) d.call(m, g) && !c.hasOwnProperty(g) && (S[g] = m[g]);
-    if (i && i.defaultProps) for (g in m = i.defaultProps, m) S[g] === void 0 && (S[g] = m[g]);
-    return { $$typeof: s, type: i, key: R, ref: j, props: S, _owner: f.current };
+    for (g in m) u.call(m, g) && !c.hasOwnProperty(g) && (S[g] = m[g]);
+    if (o && o.defaultProps) for (g in m = o.defaultProps, m) S[g] === void 0 && (S[g] = m[g]);
+    return { $$typeof: a, type: o, key: R, ref: j, props: S, _owner: d.current };
   }
   return Q.Fragment = p, Q.jsx = b, Q.jsxs = b, Q;
 }
@@ -44,53 +44,53 @@ var ee = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ze;
-function $t() {
+function Wt() {
   return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = be, s = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), i = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), D = Symbol.iterator, L = "@@iterator";
-    function U(e) {
+    var i = be, a = Symbol.for("react.element"), p = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), o = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), L = Symbol.iterator, U = "@@iterator";
+    function B(e) {
       if (e === null || typeof e != "object")
         return null;
-      var t = D && e[D] || e[L];
+      var t = L && e[L] || e[U];
       return typeof t == "function" ? t : null;
     }
-    var C = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var C = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function h(e) {
       {
-        for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), a = 1; a < t; a++)
-          n[a - 1] = arguments[a];
-        V("error", e, n);
+        for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
+          n[s - 1] = arguments[s];
+        H("error", e, n);
       }
     }
-    function V(e, t, n) {
+    function H(e, t, n) {
       {
-        var a = C.ReactDebugCurrentFrame, v = a.getStackAddendum();
+        var s = C.ReactDebugCurrentFrame, v = s.getStackAddendum();
         v !== "" && (t += "%s", n = n.concat([v]));
-        var _ = n.map(function(u) {
-          return String(u);
+        var _ = n.map(function(f) {
+          return String(f);
         });
         _.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, _);
       }
     }
-    var Y = !1, J = !1, B = !1, ue = !1, at = !1, Ne;
+    var Y = !1, J = !1, A = !1, ue = !1, st = !1, Ne;
     Ne = Symbol.for("react.module.reference");
-    function st(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === d || e === c || at || e === f || e === x || e === g || ue || e === j || Y || J || B || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === S || e.$$typeof === b || e.$$typeof === i || e.$$typeof === m || // This needs to include all possible module reference object
+    function it(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === u || e === c || st || e === d || e === x || e === g || ue || e === j || Y || J || A || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === S || e.$$typeof === b || e.$$typeof === o || e.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === Ne || e.getModuleId !== void 0));
     }
-    function it(e, t, n) {
-      var a = e.displayName;
-      if (a)
-        return a;
+    function ot(e, t, n) {
+      var s = e.displayName;
+      if (s)
+        return s;
       var v = t.displayName || t.name || "";
       return v !== "" ? n + "(" + v + ")" : n;
     }
     function Ce(e) {
       return e.displayName || "Context";
     }
-    function H(e) {
+    function $(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -98,13 +98,13 @@ function $t() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case d:
+        case u:
           return "Fragment";
         case p:
           return "Portal";
         case c:
           return "Profiler";
-        case f:
+        case d:
           return "StrictMode";
         case x:
           return "Suspense";
@@ -113,21 +113,21 @@ function $t() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case i:
+          case o:
             var t = e;
             return Ce(t) + ".Consumer";
           case b:
             var n = e;
             return Ce(n._context) + ".Provider";
           case m:
-            return it(e, e.render, "ForwardRef");
+            return ot(e, e.render, "ForwardRef");
           case S:
-            var a = e.displayName || null;
-            return a !== null ? a : H(e.type) || "Memo";
+            var s = e.displayName || null;
+            return s !== null ? s : $(e.type) || "Memo";
           case R: {
-            var v = e, _ = v._payload, u = v._init;
+            var v = e, _ = v._payload, f = v._init;
             try {
-              return H(u(_));
+              return $(f(_));
             } catch {
               return null;
             }
@@ -135,11 +135,11 @@ function $t() {
         }
       return null;
     }
-    var $ = Object.assign, Z = 0, Ie, ye, je, Ae, Pe, Oe, De;
+    var W = Object.assign, Z = 0, Ie, ye, je, Ae, Pe, Oe, De;
     function Me() {
     }
     Me.__reactDisabledLog = !0;
-    function ot() {
+    function ct() {
       {
         if (Z === 0) {
           Ie = console.log, ye = console.info, je = console.warn, Ae = console.error, Pe = console.group, Oe = console.groupCollapsed, De = console.groupEnd;
@@ -162,7 +162,7 @@ function $t() {
         Z++;
       }
     }
-    function ct() {
+    function lt() {
       {
         if (Z--, Z === 0) {
           var e = {
@@ -171,25 +171,25 @@ function $t() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: $({}, e, {
+            log: W({}, e, {
               value: Ie
             }),
-            info: $({}, e, {
+            info: W({}, e, {
               value: ye
             }),
-            warn: $({}, e, {
+            warn: W({}, e, {
               value: je
             }),
-            error: $({}, e, {
+            error: W({}, e, {
               value: Ae
             }),
-            group: $({}, e, {
+            group: W({}, e, {
               value: Pe
             }),
-            groupCollapsed: $({}, e, {
+            groupCollapsed: W({}, e, {
               value: Oe
             }),
-            groupEnd: $({}, e, {
+            groupEnd: W({}, e, {
               value: De
             })
           });
@@ -204,8 +204,8 @@ function $t() {
           try {
             throw Error();
           } catch (v) {
-            var a = v.stack.trim().match(/\n( *(at )?)/);
-            fe = a && a[1] || "";
+            var s = v.stack.trim().match(/\n( *(at )?)/);
+            fe = s && s[1] || "";
           }
         return `
 ` + fe + e;
@@ -213,8 +213,8 @@ function $t() {
     }
     var pe = !1, se;
     {
-      var lt = typeof WeakMap == "function" ? WeakMap : Map;
-      se = new lt();
+      var ut = typeof WeakMap == "function" ? WeakMap : Map;
+      se = new ut();
     }
     function ke(e, t) {
       if (!e || pe)
@@ -224,48 +224,48 @@ function $t() {
         if (n !== void 0)
           return n;
       }
-      var a;
+      var s;
       pe = !0;
       var v = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var _;
-      _ = de.current, de.current = null, ot();
+      _ = de.current, de.current = null, ct();
       try {
         if (t) {
-          var u = function() {
+          var f = function() {
             throw Error();
           };
-          if (Object.defineProperty(u.prototype, "props", {
+          if (Object.defineProperty(f.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(u, []);
-            } catch (A) {
-              a = A;
+              Reflect.construct(f, []);
+            } catch (P) {
+              s = P;
             }
-            Reflect.construct(e, [], u);
+            Reflect.construct(e, [], f);
           } else {
             try {
-              u.call();
-            } catch (A) {
-              a = A;
+              f.call();
+            } catch (P) {
+              s = P;
             }
-            e.call(u.prototype);
+            e.call(f.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (A) {
-            a = A;
+          } catch (P) {
+            s = P;
           }
           e();
         }
-      } catch (A) {
-        if (A && a && typeof A.stack == "string") {
-          for (var l = A.stack.split(`
-`), N = a.stack.split(`
+      } catch (P) {
+        if (P && s && typeof P.stack == "string") {
+          for (var l = P.stack.split(`
+`), N = s.stack.split(`
 `), E = l.length - 1, w = N.length - 1; E >= 1 && w >= 0 && l[E] !== N[w]; )
             w--;
           for (; E >= 1 && w >= 0; E--, w--)
@@ -282,15 +282,15 @@ function $t() {
             }
         }
       } finally {
-        pe = !1, de.current = _, ct(), Error.prepareStackTrace = v;
+        pe = !1, de.current = _, lt(), Error.prepareStackTrace = v;
       }
       var z = e ? e.displayName || e.name : "", Xe = z ? ae(z) : "";
       return typeof e == "function" && se.set(e, Xe), Xe;
     }
-    function ut(e, t, n) {
+    function dt(e, t, n) {
       return ke(e, !1);
     }
-    function dt(e) {
+    function ft(e) {
       var t = e.prototype;
       return !!(t && t.isReactComponent);
     }
@@ -298,7 +298,7 @@ function $t() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ke(e, dt(e));
+        return ke(e, ft(e));
       if (typeof e == "string")
         return ae(e);
       switch (e) {
@@ -310,11 +310,11 @@ function $t() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case m:
-            return ut(e.render);
+            return dt(e.render);
           case S:
             return ie(e.type, t, n);
           case R: {
-            var a = e, v = a._payload, _ = a._init;
+            var s = e, v = s._payload, _ = s._init;
             try {
               return ie(_(v), t, n);
             } catch {
@@ -331,36 +331,36 @@ function $t() {
       } else
         Le.setExtraStackFrame(null);
     }
-    function ft(e, t, n, a, v) {
+    function pt(e, t, n, s, v) {
       {
         var _ = Function.call.bind(oe);
-        for (var u in e)
-          if (_(e, u)) {
+        for (var f in e)
+          if (_(e, f)) {
             var l = void 0;
             try {
-              if (typeof e[u] != "function") {
-                var N = Error((a || "React class") + ": " + n + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[f] != "function") {
+                var N = Error((s || "React class") + ": " + n + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw N.name = "Invariant Violation", N;
               }
-              l = e[u](t, u, a, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              l = e[f](t, f, s, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (E) {
               l = E;
             }
-            l && !(l instanceof Error) && (ce(v), h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", a || "React class", n, u, typeof l), ce(null)), l instanceof Error && !(l.message in Fe) && (Fe[l.message] = !0, ce(v), h("Failed %s type: %s", n, l.message), ce(null));
+            l && !(l instanceof Error) && (ce(v), h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", n, f, typeof l), ce(null)), l instanceof Error && !(l.message in Fe) && (Fe[l.message] = !0, ce(v), h("Failed %s type: %s", n, l.message), ce(null));
           }
       }
     }
-    var pt = Array.isArray;
+    var vt = Array.isArray;
     function ve(e) {
-      return pt(e);
+      return vt(e);
     }
-    function vt(e) {
+    function _t(e) {
       {
         var t = typeof Symbol == "function" && Symbol.toStringTag, n = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return n;
       }
     }
-    function _t(e) {
+    function mt(e) {
       try {
         return Ue(e), !1;
       } catch {
@@ -371,16 +371,16 @@ function $t() {
       return "" + e;
     }
     function Be(e) {
-      if (_t(e))
-        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vt(e)), Ue(e);
+      if (mt(e))
+        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _t(e)), Ue(e);
     }
-    var He = C.ReactCurrentOwner, mt = {
+    var He = C.ReactCurrentOwner, ht = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, $e, We;
-    function ht(e) {
+    function gt(e) {
       if (oe.call(e, "ref")) {
         var t = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (t && t.isReactWarning)
@@ -388,7 +388,7 @@ function $t() {
       }
       return e.ref !== void 0;
     }
-    function gt(e) {
+    function Et(e) {
       if (oe.call(e, "key")) {
         var t = Object.getOwnPropertyDescriptor(e, "key").get;
         if (t && t.isReactWarning)
@@ -396,10 +396,10 @@ function $t() {
       }
       return e.key !== void 0;
     }
-    function Et(e, t) {
+    function wt(e, t) {
       typeof e.ref == "string" && He.current;
     }
-    function wt(e, t) {
+    function bt(e, t) {
       {
         var n = function() {
           $e || ($e = !0, h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
@@ -410,7 +410,7 @@ function $t() {
         });
       }
     }
-    function bt(e, t) {
+    function Tt(e, t) {
       {
         var n = function() {
           We || (We = !0, h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
@@ -421,15 +421,15 @@ function $t() {
         });
       }
     }
-    var Tt = function(e, t, n, a, v, _, u) {
+    var St = function(e, t, n, s, v, _, f) {
       var l = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: s,
+        $$typeof: a,
         // Built-in properties that belong on the element
         type: e,
         key: t,
         ref: n,
-        props: u,
+        props: f,
         // Record the component responsible for creating this element.
         _owner: _
       };
@@ -442,7 +442,7 @@ function $t() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: a
+        value: s
       }), Object.defineProperty(l, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -450,22 +450,22 @@ function $t() {
         value: v
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     };
-    function St(e, t, n, a, v) {
+    function xt(e, t, n, s, v) {
       {
-        var _, u = {}, l = null, N = null;
-        n !== void 0 && (Be(n), l = "" + n), gt(t) && (Be(t.key), l = "" + t.key), ht(t) && (N = t.ref, Et(t, v));
+        var _, f = {}, l = null, N = null;
+        n !== void 0 && (Be(n), l = "" + n), Et(t) && (Be(t.key), l = "" + t.key), gt(t) && (N = t.ref, wt(t, v));
         for (_ in t)
-          oe.call(t, _) && !mt.hasOwnProperty(_) && (u[_] = t[_]);
+          oe.call(t, _) && !ht.hasOwnProperty(_) && (f[_] = t[_]);
         if (e && e.defaultProps) {
           var E = e.defaultProps;
           for (_ in E)
-            u[_] === void 0 && (u[_] = E[_]);
+            f[_] === void 0 && (f[_] = E[_]);
         }
         if (l || N) {
           var w = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          l && wt(u, w), N && bt(u, w);
+          l && bt(f, w), N && Tt(f, w);
         }
-        return Tt(e, l, N, v, a, He.current, u);
+        return St(e, l, N, v, s, He.current, f);
       }
     }
     var _e = C.ReactCurrentOwner, qe = C.ReactDebugCurrentFrame;
@@ -479,12 +479,12 @@ function $t() {
     var me;
     me = !1;
     function he(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === s;
+      return typeof e == "object" && e !== null && e.$$typeof === a;
     }
     function Ve() {
       {
         if (_e.current) {
-          var e = H(_e.current.type);
+          var e = $(_e.current.type);
           if (e)
             return `
 
@@ -493,11 +493,11 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function xt(e) {
+    function Rt(e) {
       return "";
     }
     var Ye = {};
-    function Rt(e) {
+    function Nt(e) {
       {
         var t = Ve();
         if (!t) {
@@ -514,12 +514,12 @@ Check the top-level render call using <` + n + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var n = Rt(t);
+        var n = Nt(t);
         if (Ye[n])
           return;
         Ye[n] = !0;
-        var a = "";
-        e && e._owner && e._owner !== _e.current && (a = " It was passed a child from " + H(e._owner.type) + "."), G(e), h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, a), G(null);
+        var s = "";
+        e && e._owner && e._owner !== _e.current && (s = " It was passed a child from " + $(e._owner.type) + "."), G(e), h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, s), G(null);
       }
     }
     function ze(e, t) {
@@ -528,20 +528,20 @@ Check the top-level render call using <` + n + ">.");
           return;
         if (ve(e))
           for (var n = 0; n < e.length; n++) {
-            var a = e[n];
-            he(a) && Ge(a, t);
+            var s = e[n];
+            he(s) && Ge(s, t);
           }
         else if (he(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var v = U(e);
+          var v = B(e);
           if (typeof v == "function" && v !== e.entries)
-            for (var _ = v.call(e), u; !(u = _.next()).done; )
-              he(u.value) && Ge(u.value, t);
+            for (var _ = v.call(e), f; !(f = _.next()).done; )
+              he(f.value) && Ge(f.value, t);
         }
       }
     }
-    function Nt(e) {
+    function Ct(e) {
       {
         var t = e.type;
         if (t == null || typeof t == "string")
@@ -556,46 +556,46 @@ Check the top-level render call using <` + n + ">.");
         else
           return;
         if (n) {
-          var a = H(t);
-          ft(n, e.props, "prop", a, e);
+          var s = $(t);
+          pt(n, e.props, "prop", s, e);
         } else if (t.PropTypes !== void 0 && !me) {
           me = !0;
-          var v = H(t);
+          var v = $(t);
           h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
         }
         typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ct(e) {
+    function It(e) {
       {
         for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
-          var a = t[n];
-          if (a !== "children" && a !== "key") {
-            G(e), h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), G(null);
+          var s = t[n];
+          if (s !== "children" && s !== "key") {
+            G(e), h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), G(null);
             break;
           }
         }
         e.ref !== null && (G(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), G(null));
       }
     }
-    function Ke(e, t, n, a, v, _) {
+    function Ke(e, t, n, s, v, _) {
       {
-        var u = st(e);
-        if (!u) {
+        var f = it(e);
+        if (!f) {
           var l = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (l += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var N = xt();
+          var N = Rt();
           N ? l += N : l += Ve();
           var E;
-          e === null ? E = "null" : ve(e) ? E = "array" : e !== void 0 && e.$$typeof === s ? (E = "<" + (H(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, l);
+          e === null ? E = "null" : ve(e) ? E = "array" : e !== void 0 && e.$$typeof === a ? (E = "<" + ($(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : E = typeof e, h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", E, l);
         }
-        var w = St(e, t, n, v, _);
+        var w = xt(e, t, n, v, _);
         if (w == null)
           return w;
-        if (u) {
+        if (f) {
           var I = t.children;
           if (I !== void 0)
-            if (a)
+            if (s)
               if (ve(I)) {
                 for (var z = 0; z < I.length; z++)
                   ze(I[z], e);
@@ -605,22 +605,22 @@ Check the top-level render call using <` + n + ">.");
             else
               ze(I, e);
         }
-        return e === d ? Ct(w) : Nt(w), w;
+        return e === u ? It(w) : Ct(w), w;
       }
     }
-    function It(e, t, n) {
+    function yt(e, t, n) {
       return Ke(e, t, n, !0);
     }
-    function yt(e, t, n) {
+    function jt(e, t, n) {
       return Ke(e, t, n, !1);
     }
-    var jt = yt, At = It;
-    ee.Fragment = d, ee.jsx = jt, ee.jsxs = At;
+    var At = jt, Pt = yt;
+    ee.Fragment = u, ee.jsx = At, ee.jsxs = Pt;
   }()), ee;
 }
-process.env.NODE_ENV === "production" ? we.exports = Ht() : we.exports = $t();
+process.env.NODE_ENV === "production" ? we.exports = $t() : we.exports = Wt();
 var r = we.exports;
-const O = {
+const D = {
   SHOWROOM: "/showroom",
   SENDOUTS: "/sendouts",
   SENDOUTS_CMS: "/sendouts-cms",
@@ -634,109 +634,109 @@ const O = {
   INSTORE_ADMIN: "/instore-admin",
   SUPERADMIN: "/superadmin",
   CMS: "/cms"
-}, Wt = 300, qt = 300;
-var F = /* @__PURE__ */ ((o) => (o.OPEN = "OPEN", o.HIDDEN = "HIDDEN", o.EXPANDED = "EXPANDED", o))(F || {});
+}, qt = 300, Vt = 300;
+var F = /* @__PURE__ */ ((i) => (i.OPEN = "OPEN", i.HIDDEN = "HIDDEN", i.EXPANDED = "EXPANDED", i))(F || {});
 const xe = be.createContext(
   {}
 );
-function q() {
+function V() {
   return X(xe);
 }
-function Vt({
-  children: o,
-  isOpen: s,
+function Yt({
+  children: i,
+  isOpen: a,
   tenantServiceUrl: p,
-  onNavigationClose: d = () => {
+  onNavigationClose: u = () => {
   }
 }) {
-  const [f] = X(Te), [c, b] = le({
-    selectedTenantId: f,
+  const [d] = X(Te), [c, b] = le({
+    selectedTenantId: d,
     currentPosition: "HIDDEN"
     /* HIDDEN */
-  }), { user: i, authService: m, canSignOut: x } = X(tt);
+  }), { user: o, authService: m, canSignOut: x } = X(tt);
   Ee(() => {
-    if (s) {
-      b((B) => ({
-        ...B,
-        selectedTenantId: f,
+    if (a) {
+      b((A) => ({
+        ...A,
+        selectedTenantId: d,
         currentPosition: "OPEN"
         /* OPEN */
       }));
       return;
     }
-    b((B) => ({
-      ...B,
+    b((A) => ({
+      ...A,
       currentPosition: "HIDDEN"
       /* HIDDEN */
     }));
-  }, [f, s, b]), Ee(() => {
-    s && m.refreshUser(300);
-  }, [m, s]);
+  }, [d, a, b]), Ee(() => {
+    a && m.refreshUser(300);
+  }, [m, a]);
   const g = y(
-    () => i ? M(
-      i,
+    () => o ? M(
+      o,
       c.selectedTenantId,
-      W.MARKETING_ENGINE_APP
+      q.MARKETING_ENGINE_APP
     ) : !1,
-    [c.selectedTenantId, i]
+    [c.selectedTenantId, o]
   ), S = y(
-    () => i ? M(
-      i,
+    () => o ? M(
+      o,
       c.selectedTenantId,
-      W.SHOWROOM_APP
+      q.SHOWROOM_APP
     ) : !1,
-    [c.selectedTenantId, i]
+    [c.selectedTenantId, o]
   ), R = y(
-    () => i ? M(
-      i,
+    () => o ? M(
+      o,
       c.selectedTenantId,
-      W.SENDOUTS_APP
+      q.SENDOUTS_APP
     ) : !1,
-    [c.selectedTenantId, i]
+    [c.selectedTenantId, o]
   ), j = y(
-    () => i ? M(
-      i,
+    () => o ? M(
+      o,
       c.selectedTenantId,
-      W.SENDOUTS_CMS_APP
+      q.SENDOUTS_CMS_APP
     ) : !1,
-    [c.selectedTenantId, i]
-  ), D = y(
-    () => i ? M(
-      i,
-      c.selectedTenantId,
-      W.USER_MANAGEMENT_APP
-    ) : !1,
-    [c.selectedTenantId, i]
+    [c.selectedTenantId, o]
   ), L = y(
-    () => i ? M(
-      i,
+    () => o ? M(
+      o,
       c.selectedTenantId,
-      W.UNIVERSAL
+      q.USER_MANAGEMENT_APP
     ) : !1,
-    [c.selectedTenantId, i]
+    [c.selectedTenantId, o]
   ), U = y(
-    () => i ? M(i, c.selectedTenantId, "settings-app") : !1,
-    [c.selectedTenantId, i]
+    () => o ? M(
+      o,
+      c.selectedTenantId,
+      q.UNIVERSAL
+    ) : !1,
+    [c.selectedTenantId, o]
+  ), B = y(
+    () => o ? M(o, c.selectedTenantId, "settings-app") : !1,
+    [c.selectedTenantId, o]
   ), C = y(
-    () => i ? M(
-      i,
+    () => o ? M(
+      o,
       c.selectedTenantId,
-      W.INSTORE_ADMIN_APP
+      q.INSTORE_ADMIN_APP
     ) : !1,
-    [c.selectedTenantId, i]
+    [c.selectedTenantId, o]
   ), h = K(
-    (B) => b((ue) => ({
+    (A) => b((ue) => ({
       ...ue,
-      ...B
+      ...A
     })),
     []
-  ), V = K(async () => {
+  ), H = K(async () => {
     x && await m.signOut();
   }, [m, x]), Y = K(() => {
     if (c.currentPosition === "OPEN") {
       h({
         currentPosition: "EXPANDED",
-        selectedTenantId: f
+        selectedTenantId: d
       });
       return;
     }
@@ -747,21 +747,21 @@ function Vt({
       });
       return;
     }
-  }, [f, h, c.currentPosition]), J = y(
+  }, [d, h, c.currentPosition]), J = y(
     () => ({
       hasMarketingEngineAccess: g,
       hasShowroomAccess: S,
       hasSendoutsAccess: R,
       hasCmsAccess: j,
-      hasUserManagementAccess: D,
-      hasUniversalAccess: L,
-      hasSettingsAccess: U,
+      hasUserManagementAccess: L,
+      hasUniversalAccess: U,
+      hasSettingsAccess: B,
       hasInstoreAccess: C,
       viewState: c,
       updateViewState: h,
-      signOut: V,
+      signOut: H,
       toggleTenants: Y,
-      onNavigationClose: d,
+      onNavigationClose: u,
       tenantServiceUrl: p
     }),
     [
@@ -769,132 +769,143 @@ function Vt({
       R,
       j,
       S,
-      D,
       L,
       U,
+      B,
       C,
       c,
       h,
-      V,
+      H,
       Y,
-      d,
+      u,
       p
     ]
   );
-  return /* @__PURE__ */ r.jsx(xe.Provider, { value: J, children: o });
+  return /* @__PURE__ */ r.jsx(xe.Provider, { value: J, children: i });
 }
-const Yt = "_navigation_1esaw_1", Gt = {
-  navigation: Yt
-}, zt = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.398438%200.399902L19.5984%2019.5999M0.398438%2019.5999L19.5984%200.399902'%20stroke='black'/%3e%3c/svg%3e", Kt = "data:image/svg+xml,%3csvg%20width='14'%20height='15'%20viewBox='0%200%2014%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%201.5999L10.4667%204.7999M7%201.5999L3.8%204.7999M7%201.5999L7%2011.7332M13.4%207.46657L13.4%2014.3999L0.600002%2014.3999L0.600002%207.46657'%20stroke='%232D2D33'/%3e%3c/svg%3e", Xt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2046%2046'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cg%20transform='matrix(1,0,0,1,-27,-27)'%3e%3cpath%20d='M73,50C73,37.3%2062.7,27%2050,27C37.3,27%2027,37.3%2027,50M30.9,50C30.9,39.5%2039.4,30.9%2050,30.9C60.6,30.9%2069.1,39.5%2069.1,50'%20style='fill-rule:nonzero;'%3e%3canimateTransform%20attributeName='transform'%20attributeType='XML'%20type='rotate'%20dur='1s'%20from='0%2050%2050'%20to='360%2050%2050'%20repeatCount='indefinite'%20/%3e%3c/path%3e%3c/g%3e%3c/svg%3e", Jt = (o) => {
-  throw new Error(
-    "TENANTS_SERVICE_URL or REACT_APP_TENANTS_SERVICE_URL must be set"
+const Gt = "_navigation_1esaw_1", zt = {
+  navigation: Gt
+}, Kt = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.398438%200.399902L19.5984%2019.5999M0.398438%2019.5999L19.5984%200.399902'%20stroke='black'/%3e%3c/svg%3e", Xt = "data:image/svg+xml,%3csvg%20width='14'%20height='15'%20viewBox='0%200%2014%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%201.5999L10.4667%204.7999M7%201.5999L3.8%204.7999M7%201.5999L7%2011.7332M13.4%207.46657L13.4%2014.3999L0.600002%2014.3999L0.600002%207.46657'%20stroke='%232D2D33'/%3e%3c/svg%3e", Jt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2046%2046'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cg%20transform='matrix(1,0,0,1,-27,-27)'%3e%3cpath%20d='M73,50C73,37.3%2062.7,27%2050,27C37.3,27%2027,37.3%2027,50M30.9,50C30.9,39.5%2039.4,30.9%2050,30.9C60.6,30.9%2069.1,39.5%2069.1,50'%20style='fill-rule:nonzero;'%3e%3canimateTransform%20attributeName='transform'%20attributeType='XML'%20type='rotate'%20dur='1s'%20from='0%2050%2050'%20to='360%2050%2050'%20repeatCount='indefinite'%20/%3e%3c/path%3e%3c/g%3e%3c/svg%3e", Zt = (i) => {
+  const a = i ?? void 0 ?? void 0;
+  if (!a)
+    throw new Error(
+      "TENANTS_SERVICE_URL or REACT_APP_TENANTS_SERVICE_URL must be set"
+    );
+  return rt(
+    a,
+    "/api/Subscriptions/create-customer-portal-session"
   );
 };
-function Zt(o) {
-  const s = nt(), p = Jt(), { viewState: d } = q(), [f] = X(Te);
+function Qt(i) {
+  const a = nt(), p = Zt(i), { viewState: u } = V(), [d] = X(Te);
   return K(
     async (b) => {
-      const i = b.replace(/^\//, "");
-      s.setHeader("tenant-id", d.selectedTenantId);
+      const o = b.replace(/^\//, "");
+      a.setHeader("tenant-id", u.selectedTenantId);
       try {
-        return await s.post(
+        return await a.post(
           p,
-          i
+          o
         );
       } finally {
-        f && s.setHeader("tenant-id", f);
+        d && a.setHeader("tenant-id", d);
       }
     },
-    [s, p, d, f]
+    [a, p, u, d]
   );
 }
-function Qt(o) {
-  throw new Error(
-    "TENANTS_SERVICE_URL or REACT_APP_TENANTS_SERVICE_URL must be set"
-  );
+function en(i) {
+  const a = i ?? void 0 ?? void 0;
+  if (!a)
+    throw new Error(
+      "TENANTS_SERVICE_URL or REACT_APP_TENANTS_SERVICE_URL must be set"
+    );
+  return rt(a, "/api/Tenants/view");
 }
-function Re(o) {
-  const s = nt(), p = Qt(), { data: d, error: f } = Lt(p, s.get);
+function Re(i) {
+  const a = nt(), p = en(i), { data: u, error: d } = Ut(p, a.get);
   return {
-    tenants: d ?? [],
-    isLoading: !d && !f,
-    error: f
+    tenants: u ?? [],
+    isLoading: !u && !d,
+    error: d
   };
 }
-function en() {
+function tn() {
   const {
-    viewState: { selectedTenantId: o }
-  } = q(), { tenants: s } = Re();
-  return y(() => s.find((d) => d.id === o), [s, o]);
+    viewState: { selectedTenantId: i },
+    tenantServiceUrl: a
+  } = V(), { tenants: p } = Re(a);
+  return y(() => p.find((d) => d.id === i), [p, i]);
 }
-function tn({ layout: o }) {
+function nn({ layout: i }) {
   const {
-    viewState: { selectedTenantId: s }
-  } = q(), { tenants: p } = Re(), d = y(
-    () => p.find((f) => f.id === s),
-    [s, p]
+    viewState: { selectedTenantId: a },
+    tenantServiceUrl: p
+  } = V(), { tenants: u } = Re(p), d = y(
+    () => u.find((c) => c.id === a),
+    [a, u]
   );
-  return d ? /* @__PURE__ */ r.jsx(kt, { src: d.logoUrl, layout: o }) : null;
+  return d ? /* @__PURE__ */ r.jsx(Ft, { src: d.logoUrl, layout: i }) : null;
 }
-const nn = "_tier_1cqnw_1", rn = "_tier-header_1cqnw_12", an = "_border_1cqnw_17", sn = "_tier-main_1cqnw_21", on = "_tier-footer_1cqnw_26", te = {
-  tier: nn,
-  tierHeader: rn,
-  border: an,
-  tierMain: sn,
-  tierFooter: on
+const rn = "_tier_1cqnw_1", an = "_tier-header_1cqnw_12", sn = "_border_1cqnw_17", on = "_tier-main_1cqnw_21", cn = "_tier-footer_1cqnw_26", te = {
+  tier: rn,
+  tierHeader: an,
+  border: sn,
+  tierMain: on,
+  tierFooter: cn
 };
-function rt({
-  children: o,
-  header: s,
+function at({
+  children: i,
+  header: a,
   footer: p,
-  className: d,
-  width: f,
+  className: u,
+  width: d,
   showHeaderBorder: c
 }) {
-  return /* @__PURE__ */ r.jsxs("div", { className: re([te.tier, d]), style: { width: f }, children: [
-    !!s && /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ r.jsxs("div", { className: re([te.tier, u]), style: { width: d }, children: [
+    !!a && /* @__PURE__ */ r.jsx(
       "div",
       {
         className: re([
           te.tierHeader,
           { [te.border]: c }
         ]),
-        children: s
+        children: a
       }
     ),
-    /* @__PURE__ */ r.jsx("div", { className: te.tierMain, children: o }),
+    /* @__PURE__ */ r.jsx("div", { className: te.tierMain, children: i }),
     !!p && /* @__PURE__ */ r.jsx("div", { className: te.tierFooter, children: p })
   ] });
 }
-const cn = "_navigation-button_1ckcy_1", ln = "_active_1ckcy_15", Qe = {
-  navigationButton: cn,
-  active: ln
+const ln = "_navigation-button_1ckcy_1", un = "_active_1ckcy_15", Qe = {
+  navigationButton: ln,
+  active: un
 };
-function P({
-  children: o,
-  to: s,
+function O({
+  children: i,
+  to: a,
   hidden: p,
-  disabled: d,
-  onClick: f
+  disabled: u,
+  onClick: d
 }) {
-  const [c, b] = X(Te), [i, m] = le(!1), {
+  const [c, b] = X(Te), [o, m] = le(!1), {
     viewState: { selectedTenantId: x }
-  } = q();
+  } = V();
   Ee(() => {
     const R = () => {
-      c !== x && i && b(x);
+      c !== x && o && b(x);
     };
     return window.addEventListener("unload", R), () => {
       window.removeEventListener("unload", R);
     };
-  }, [b, c, x, i]);
+  }, [b, c, x, o]);
   const g = K(() => {
-    if (f) {
-      f(m);
+    if (d) {
+      d(m);
       return;
     }
-    s && (m(!0), window.location.assign(s));
-  }, [s, f]), S = s ? !!Ut(`${s}/*`, window.location.pathname) && c === x : !1;
+    a && (m(!0), window.location.assign(a));
+  }, [a, d]), S = a ? !!Bt(`${a}/*`, window.location.pathname) && c === x : !1;
   return p ? null : /* @__PURE__ */ r.jsx(
     Se,
     {
@@ -902,72 +913,73 @@ function P({
       noBorder: !0,
       className: re([Qe.navigationButton, { [Qe.active]: S }]),
       noShadow: !0,
-      disabled: S || d,
+      disabled: S || u,
       onClick: g,
-      children: o
+      children: i
     }
   );
 }
-const un = "_applications_1pwbq_1", dn = "_applications-header_1pwbq_7", fn = "_applications-header-brand_1pwbq_13", pn = "_applications-header-logo_1pwbq_21", vn = "_applications-header-close-icon_1pwbq_26", _n = "_applications-header-change-brand-button_1pwbq_32", mn = "_applications-main_1pwbq_47", hn = "_applications-main-content_1pwbq_51", gn = "_applications-main-list_1pwbq_58", En = "_applications-main-user_1pwbq_74", wn = "_applications-main-user-name_1pwbq_81", bn = "_applications-main-user-email_1pwbq_82", Tn = "_applications-footer_1pwbq_101", Sn = "_applications-footer-sign-out_1pwbq_109", xn = "_applications-footer-sign-out-icon_1pwbq_115", Rn = "_applications-footer-sign-out-label_1pwbq_119", Nn = "_error-anim_1pwbq_161", Cn = "_error-text_1pwbq_169", T = {
-  applications: un,
-  applicationsHeader: dn,
-  applicationsHeaderBrand: fn,
-  applicationsHeaderLogo: pn,
-  applicationsHeaderCloseIcon: vn,
-  applicationsHeaderChangeBrandButton: _n,
-  applicationsMain: mn,
-  applicationsMainContent: hn,
-  applicationsMainList: gn,
-  applicationsMainUser: En,
-  applicationsMainUserName: wn,
-  applicationsMainUserEmail: bn,
-  applicationsFooter: Tn,
-  applicationsFooterSignOut: Sn,
-  applicationsFooterSignOutIcon: xn,
-  applicationsFooterSignOutLabel: Rn,
-  errorAnim: Nn,
-  errorText: Cn
-}, In = (o) => new Promise((s) => setTimeout(s, o));
-function yn() {
-  const { user: o } = X(tt), {
-    signOut: s,
+const dn = "_applications_1pwbq_1", fn = "_applications-header_1pwbq_7", pn = "_applications-header-brand_1pwbq_13", vn = "_applications-header-logo_1pwbq_21", _n = "_applications-header-close-icon_1pwbq_26", mn = "_applications-header-change-brand-button_1pwbq_32", hn = "_applications-main_1pwbq_47", gn = "_applications-main-content_1pwbq_51", En = "_applications-main-list_1pwbq_58", wn = "_applications-main-user_1pwbq_74", bn = "_applications-main-user-name_1pwbq_81", Tn = "_applications-main-user-email_1pwbq_82", Sn = "_applications-footer_1pwbq_101", xn = "_applications-footer-sign-out_1pwbq_109", Rn = "_applications-footer-sign-out-icon_1pwbq_115", Nn = "_applications-footer-sign-out-label_1pwbq_119", Cn = "_error-anim_1pwbq_161", In = "_error-text_1pwbq_169", T = {
+  applications: dn,
+  applicationsHeader: fn,
+  applicationsHeaderBrand: pn,
+  applicationsHeaderLogo: vn,
+  applicationsHeaderCloseIcon: _n,
+  applicationsHeaderChangeBrandButton: mn,
+  applicationsMain: hn,
+  applicationsMainContent: gn,
+  applicationsMainList: En,
+  applicationsMainUser: wn,
+  applicationsMainUserName: bn,
+  applicationsMainUserEmail: Tn,
+  applicationsFooter: Sn,
+  applicationsFooterSignOut: xn,
+  applicationsFooterSignOutIcon: Rn,
+  applicationsFooterSignOutLabel: Nn,
+  errorAnim: Cn,
+  errorText: In
+}, yn = (i) => new Promise((a) => setTimeout(a, i));
+function jn() {
+  const { user: i } = X(tt), {
+    signOut: a,
     onNavigationClose: p,
-    toggleTenants: d,
-    hasShowroomAccess: f,
+    toggleTenants: u,
+    hasShowroomAccess: d,
     hasMarketingEngineAccess: c,
     hasSendoutsAccess: b,
-    hasCmsAccess: i,
+    hasCmsAccess: o,
     hasUserManagementAccess: m,
     hasSettingsAccess: x,
     hasUniversalAccess: g,
-    hasInstoreAccess: S
-  } = q(), R = en(), j = R && !!R.planName, [D, L] = le(!1), [U, C] = le(!1), h = Zt(), V = K(
-    async (Y) => {
+    hasInstoreAccess: S,
+    tenantServiceUrl: R
+  } = V(), j = tn(), L = j && !!j.planName, [U, B] = le(!1), [C, h] = le(!1), H = Qt(R), Y = K(
+    async (J) => {
       try {
-        C(!0);
-        const J = await h(window.location.pathname);
-        Y(!0), window.location.assign(J.text);
+        h(!0);
+        const A = await H(window.location.pathname);
+        J(!0), window.location.assign(A.text);
       } catch {
-        C(!1), L(!0), await In(2500), L(!1);
+        h(!1), B(!0), await yn(2500), B(!1);
       }
     },
-    [C, h]
+    [h, H]
   );
   return /* @__PURE__ */ r.jsx(
-    rt,
+    at,
     {
       className: T.applications,
-      width: qt,
+      width: Vt,
       showHeaderBorder: !0,
       header: /* @__PURE__ */ r.jsxs("div", { className: T.applicationsHeader, children: [
         /* @__PURE__ */ r.jsxs("div", { className: T.applicationsHeaderBrand, children: [
-          /* @__PURE__ */ r.jsx("div", { className: T.applicationsHeaderLogo, children: /* @__PURE__ */ r.jsx(tn, {}) }),
+          /* @__PURE__ */ r.jsx("div", { className: T.applicationsHeaderLogo, children: /* @__PURE__ */ r.jsx(nn, {}) }),
           /* @__PURE__ */ r.jsx(
             "div",
             {
               className: T.applicationsHeaderCloseIcon,
               onClick: p,
-              children: /* @__PURE__ */ r.jsx(ne, { src: zt, size: "large" })
+              children: /* @__PURE__ */ r.jsx(ne, { src: Kt, size: "large" })
             }
           )
         ] }),
@@ -978,158 +990,158 @@ function yn() {
             noBorder: !0,
             transparent: !0,
             className: T.applicationsHeaderChangeBrandButton,
-            onClick: d,
+            onClick: u,
             children: "Change brand"
           }
         )
       ] }),
-      footer: /* @__PURE__ */ r.jsx("div", { className: T.applicationsFooter, onClick: s, children: /* @__PURE__ */ r.jsxs("div", { className: T.applicationsFooterSignOut, children: [
-        /* @__PURE__ */ r.jsx("div", { className: T.applicationsFooterSignOutIcon, children: /* @__PURE__ */ r.jsx(ne, { src: Kt, size: "medium" }) }),
+      footer: /* @__PURE__ */ r.jsx("div", { className: T.applicationsFooter, onClick: a, children: /* @__PURE__ */ r.jsxs("div", { className: T.applicationsFooterSignOut, children: [
+        /* @__PURE__ */ r.jsx("div", { className: T.applicationsFooterSignOutIcon, children: /* @__PURE__ */ r.jsx(ne, { src: Xt, size: "medium" }) }),
         /* @__PURE__ */ r.jsx("div", { className: T.applicationsFooterSignOutLabel, children: "Sign out" })
       ] }) }),
       children: /* @__PURE__ */ r.jsx("div", { className: T.applicationsMain, children: /* @__PURE__ */ r.jsxs("div", { className: T.applicationsMainContent, children: [
         /* @__PURE__ */ r.jsxs("div", { className: T.applicationsMainList, children: [
-          /* @__PURE__ */ r.jsx(P, { to: O.DASHBOARD, children: "Dashboard" }),
-          /* @__PURE__ */ r.jsx(P, { hidden: !f, to: O.SHOWROOM, children: "Presentations (Showroom)" }),
-          /* @__PURE__ */ r.jsx(P, { hidden: !b, to: O.SENDOUTS, children: "Sendouts" }),
+          /* @__PURE__ */ r.jsx(O, { to: D.DASHBOARD, children: "Dashboard" }),
+          /* @__PURE__ */ r.jsx(O, { hidden: !d, to: D.SHOWROOM, children: "Presentations (Showroom)" }),
+          /* @__PURE__ */ r.jsx(O, { hidden: !b, to: D.SENDOUTS, children: "Sendouts" }),
           /* @__PURE__ */ r.jsx(
-            P,
+            O,
             {
               hidden: !c,
-              to: O.MARKETING_ENGINE,
+              to: D.MARKETING_ENGINE,
               children: "Media Library"
             }
           ),
           /* @__PURE__ */ r.jsx(
-            P,
+            O,
             {
               hidden: !S && !g,
-              to: O.INSTORE_ADMIN,
+              to: D.INSTORE_ADMIN,
               children: "Stores"
             }
           ),
-          /* @__PURE__ */ r.jsx(P, { hidden: !i, to: O.CMS, children: "Content Manager" }),
+          /* @__PURE__ */ r.jsx(O, { hidden: !o, to: D.CMS, children: "Content Manager" }),
           /* @__PURE__ */ r.jsx(
-            P,
+            O,
             {
               hidden: !m,
-              to: O.USER_MANAGEMENT,
+              to: D.USER_MANAGEMENT,
               children: "Users"
             }
           ),
           /* @__PURE__ */ r.jsx(
-            P,
+            O,
             {
               hidden: !g && !x,
-              to: O.SETTINGS,
+              to: D.SETTINGS,
               children: "Settings"
             }
           ),
           /* @__PURE__ */ r.jsxs(
-            P,
+            O,
             {
-              disabled: U,
-              onClick: V,
-              hidden: !g || !j,
+              disabled: C,
+              onClick: Y,
+              hidden: !g || !L,
               to: "#",
               children: [
                 /* @__PURE__ */ r.jsx(
                   "span",
                   {
                     className: re({
-                      [T.errorAnim]: D
+                      [T.errorAnim]: U
                     }),
                     children: "Subscription"
                   }
                 ),
-                U ? /* @__PURE__ */ r.jsx(ne, { size: "xlarge", src: Xt, alt: "Loading" }) : ""
+                C ? /* @__PURE__ */ r.jsx(ne, { size: "xlarge", src: Jt, alt: "Loading" }) : ""
               ]
             }
           ),
-          D ? /* @__PURE__ */ r.jsx("p", { className: T.errorText, children: "Unable to access subscription page" }) : null
+          U ? /* @__PURE__ */ r.jsx("p", { className: T.errorText, children: "Unable to access subscription page" }) : null
         ] }),
-        o && /* @__PURE__ */ r.jsxs("div", { className: T.applicationsMainUser, children: [
+        i && /* @__PURE__ */ r.jsxs("div", { className: T.applicationsMainUser, children: [
           /* @__PURE__ */ r.jsxs("div", { className: T.applicationsMainUserName, children: [
-            o.firstName,
+            i.firstName,
             " ",
-            o.lastName
+            i.lastName
           ] }),
-          /* @__PURE__ */ r.jsx("div", { className: T.applicationsMainUserEmail, children: o.email })
+          /* @__PURE__ */ r.jsx("div", { className: T.applicationsMainUserEmail, children: i.email })
         ] })
       ] }) })
     }
   );
 }
-const jn = "data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.00170906%207L13.0017%207M6.50171%2013.5L6.50171%200.5'%20stroke='%232D2D33'/%3e%3c/svg%3e", An = "data:image/svg+xml,%3csvg%20width='22'%20height='14'%20viewBox='0%200%2022%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.6001%207.00039L8.0001%2013.4004M1.6001%207.00039L8.0001%200.600391M1.6001%207.00039L21.6001%207.00039'%20stroke='%23262626'/%3e%3c/svg%3e", Pn = "_tenant-button_1m8mx_1", On = "_active_1m8mx_15", et = {
-  tenantButton: Pn,
-  active: On
+const An = "data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.00170906%207L13.0017%207M6.50171%2013.5L6.50171%200.5'%20stroke='%232D2D33'/%3e%3c/svg%3e", Pn = "data:image/svg+xml,%3csvg%20width='22'%20height='14'%20viewBox='0%200%2022%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.6001%207.00039L8.0001%2013.4004M1.6001%207.00039L8.0001%200.600391M1.6001%207.00039L21.6001%207.00039'%20stroke='%23262626'/%3e%3c/svg%3e", On = "_tenant-button_1m8mx_1", Dn = "_active_1m8mx_15", et = {
+  tenantButton: On,
+  active: Dn
 };
-function Dn({ tenant: o }) {
+function Mn({ tenant: i }) {
   const {
-    viewState: { selectedTenantId: s },
+    viewState: { selectedTenantId: a },
     updateViewState: p
-  } = q(), d = s === o.id;
+  } = V(), u = a === i.id;
   return /* @__PURE__ */ r.jsx(
     Se,
     {
       align: "left",
       noBorder: !0,
-      className: re([et.tenantButton, { [et.active]: d }]),
+      className: re([et.tenantButton, { [et.active]: u }]),
       noShadow: !0,
-      disabled: d,
+      disabled: u,
       onClick: () => {
         p({
-          selectedTenantId: o.id,
+          selectedTenantId: i.id,
           currentPosition: F.OPEN
         });
       },
-      children: o.label
+      children: i.label
     },
-    o.id
+    i.id
   );
 }
-const Mn = "_tenants_6vjyd_1", kn = "_tenants-header_6vjyd_7", Fn = "_tenants-header-arrow-icon_6vjyd_11", Ln = "_tenants-main_6vjyd_24", Un = "_tenants-footer_6vjyd_42", Bn = "_tenants-footer-create-brand_6vjyd_50", Hn = "_tenants-footer-create-brand-icon_6vjyd_56", $n = "_tenants-footer-create-brand-label_6vjyd_60", k = {
-  tenants: Mn,
-  tenantsHeader: kn,
-  tenantsHeaderArrowIcon: Fn,
-  tenantsMain: Ln,
-  tenantsFooter: Un,
-  tenantsFooterCreateBrand: Bn,
-  tenantsFooterCreateBrandIcon: Hn,
-  tenantsFooterCreateBrandLabel: $n
+const kn = "_tenants_6vjyd_1", Fn = "_tenants-header_6vjyd_7", Ln = "_tenants-header-arrow-icon_6vjyd_11", Un = "_tenants-main_6vjyd_24", Bn = "_tenants-footer_6vjyd_42", Hn = "_tenants-footer-create-brand_6vjyd_50", $n = "_tenants-footer-create-brand-icon_6vjyd_56", Wn = "_tenants-footer-create-brand-label_6vjyd_60", k = {
+  tenants: kn,
+  tenantsHeader: Fn,
+  tenantsHeaderArrowIcon: Ln,
+  tenantsMain: Un,
+  tenantsFooter: Bn,
+  tenantsFooterCreateBrand: Hn,
+  tenantsFooterCreateBrandIcon: $n,
+  tenantsFooterCreateBrandLabel: Wn
 };
-function Wn() {
-  const { toggleTenants: o } = q(), { tenants: s } = Re();
+function qn() {
+  const { toggleTenants: i, tenantServiceUrl: a } = V(), { tenants: p } = Re(a);
   return /* @__PURE__ */ r.jsx("div", { className: k.tenants, children: /* @__PURE__ */ r.jsx(
-    rt,
+    at,
     {
-      width: Wt,
-      header: /* @__PURE__ */ r.jsx("div", { className: k.tenantsHeader, children: /* @__PURE__ */ r.jsx("div", { className: k.tenantsHeaderArrowIcon, onClick: o, children: /* @__PURE__ */ r.jsx(ne, { src: An, size: "large" }) }) }),
+      width: qt,
+      header: /* @__PURE__ */ r.jsx("div", { className: k.tenantsHeader, children: /* @__PURE__ */ r.jsx("div", { className: k.tenantsHeaderArrowIcon, onClick: i, children: /* @__PURE__ */ r.jsx(ne, { src: Pn, size: "large" }) }) }),
       footer: /* @__PURE__ */ r.jsx(
         "div",
         {
           className: k.tenantsFooter,
-          onClick: () => window.location.assign(O.CREATE_WORKSPACE),
+          onClick: () => window.location.assign(D.CREATE_WORKSPACE),
           children: /* @__PURE__ */ r.jsxs("div", { className: k.tenantsFooterCreateBrand, children: [
-            /* @__PURE__ */ r.jsx("div", { className: k.tenantsFooterCreateBrandIcon, children: /* @__PURE__ */ r.jsx(ne, { src: jn, size: "medium" }) }),
+            /* @__PURE__ */ r.jsx("div", { className: k.tenantsFooterCreateBrandIcon, children: /* @__PURE__ */ r.jsx(ne, { src: An, size: "medium" }) }),
             /* @__PURE__ */ r.jsx("div", { className: k.tenantsFooterCreateBrandLabel, children: "Create a brand workspace" })
           ] })
         }
       ),
-      children: /* @__PURE__ */ r.jsx("div", { className: k.tenantsMain, children: s.map((p) => /* @__PURE__ */ r.jsx(Dn, { tenant: p }, p.id)) })
+      children: /* @__PURE__ */ r.jsx("div", { className: k.tenantsMain, children: p.map((u) => /* @__PURE__ */ r.jsx(Mn, { tenant: u }, u.id)) })
     }
   ) });
 }
-const qn = "_tiers_dtxbu_1", Vn = {
-  tiers: qn
+const Vn = "_tiers_dtxbu_1", Yn = {
+  tiers: Vn
 };
-function Yn() {
-  return /* @__PURE__ */ r.jsxs("div", { className: Vn.tiers, children: [
-    /* @__PURE__ */ r.jsx(yn, {}),
-    /* @__PURE__ */ r.jsx(Wn, {})
+function Gn() {
+  return /* @__PURE__ */ r.jsxs("div", { className: Yn.tiers, children: [
+    /* @__PURE__ */ r.jsx(jn, {}),
+    /* @__PURE__ */ r.jsx(qn, {})
   ] });
 }
-const ge = { ease: "easeOut", duration: 0.3 }, Gn = {
+const ge = { ease: "easeOut", duration: 0.3 }, zn = {
   [F.HIDDEN]: {
     left: -600,
     transition: ge
@@ -1140,76 +1152,76 @@ const ge = { ease: "easeOut", duration: 0.3 }, Gn = {
   },
   [F.EXPANDED]: { left: 0, transition: ge }
 };
-function zn({
-  isOpen: o,
-  portalContainer: s = document.body,
+function Kn({
+  isOpen: i,
+  portalContainer: a = document.body,
   onClose: p,
-  tenantServiceUrl: d
+  tenantServiceUrl: u
 }) {
   return (
     // Using framer-motion lib to animate the navigation component on mount/unmount
     // Also to prevent any api calls from being made when the navigation (Tiers component) is hidden
     /* @__PURE__ */ r.jsx(
-      Vt,
+      Yt,
       {
         onNavigationClose: p,
-        isOpen: o,
-        tenantServiceUrl: d,
-        children: /* @__PURE__ */ r.jsx(xe.Consumer, { children: ({ viewState: { currentPosition: f } }) => Mt(
-          /* @__PURE__ */ r.jsx(Ot, { children: f !== F.HIDDEN && /* @__PURE__ */ r.jsx(
-            Dt.div,
+        isOpen: i,
+        tenantServiceUrl: u,
+        children: /* @__PURE__ */ r.jsx(xe.Consumer, { children: ({ viewState: { currentPosition: d } }) => kt(
+          /* @__PURE__ */ r.jsx(Dt, { children: d !== F.HIDDEN && /* @__PURE__ */ r.jsx(
+            Mt.div,
             {
-              className: Gt.navigation,
+              className: zt.navigation,
               initial: F.HIDDEN,
-              variants: Gn,
-              animate: f,
+              variants: zn,
+              animate: d,
               exit: F.HIDDEN,
-              children: /* @__PURE__ */ r.jsx(Yn, {})
+              children: /* @__PURE__ */ r.jsx(Gn, {})
             }
           ) }),
-          s
+          a
         ) })
       }
     )
   );
 }
-const Kn = "data:image/svg+xml,%3csvg%20width='14'%20height='15'%20viewBox='0%200%2014%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%201.5H14M0%205.5H14M0%209.5H14M0'%20stroke='black'/%3e%3c/svg%3e";
-function or({
-  size: o = "medium",
-  alt: s = "Toggle navigation menu",
-  src: p = Kn,
-  portalContainer: d = document.body,
-  tenantServiceUrl: f,
+const Xn = "data:image/svg+xml,%3csvg%20width='14'%20height='15'%20viewBox='0%200%2014%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%201.5H14M0%205.5H14M0%209.5H14M0'%20stroke='black'/%3e%3c/svg%3e";
+function cr({
+  size: i = "medium",
+  alt: a = "Toggle navigation menu",
+  src: p = Xn,
+  portalContainer: u = document.body,
+  tenantServiceUrl: d,
   ...c
 }) {
-  const [b, i] = Bt(!1);
-  return /* @__PURE__ */ r.jsxs(Pt, { children: [
+  const [b, o] = Ht(!1);
+  return /* @__PURE__ */ r.jsxs(Ot, { children: [
     /* @__PURE__ */ r.jsx(
-      Ft,
+      Lt,
       {
-        size: o,
-        alt: s,
+        size: i,
+        alt: a,
         src: p,
-        onClick: () => i(),
+        onClick: () => o(),
         ...c
       }
     ),
     /* @__PURE__ */ r.jsx(
-      zn,
+      Kn,
       {
         isOpen: b,
-        portalContainer: d,
-        onClose: () => i(),
-        tenantServiceUrl: f
+        portalContainer: u,
+        onClose: () => o(),
+        tenantServiceUrl: d
       }
     )
   ] });
 }
 export {
-  qt as APPLICATIONS_TIER_WIDTH,
-  O as AppPaths,
-  zn as Navigation,
-  or as NavigationButton,
-  Wt as TENANTS_TIER_WIDTH
+  Vt as APPLICATIONS_TIER_WIDTH,
+  D as AppPaths,
+  Kn as Navigation,
+  cr as NavigationButton,
+  qt as TENANTS_TIER_WIDTH
 };
 //# sourceMappingURL=index.mjs.map