@touchtech/web-navigation-menu 0.0.18-alpha.1 → 0.0.18-alpha.3

package/dist/index.mjs

@@ -1,15 +1,15 @@
-import we, { useContext as K, useState as ce, useEffect as ge, useMemo as y, useCallback as z, Fragment as Pt } from "react";
+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 et, userHasTenantAccess as k, Privileges as W } from "@touchtech/web-auth";
-import { TenantIdContext as be } from "@touchtech/web-tenant-id-provider";
-import ne from "classcat";
-import { Image as kt, Button as Te, Icon as te, IconButton as Ft } from "@touchtech/baselayer-ui";
-import { useApi as tt } from "@touchtech/web-api-client";
+import { AuthContext as tt, userHasTenantAccess as M, Privileges as W } 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";
-var Ee = { exports: {} }, Z = {};
+var we = { exports: {} }, Q = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -19,21 +19,21 @@ var Ee = { exports: {} }, Z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xe;
+var Je;
 function Ht() {
-  if (Xe) return Z;
-  Xe = 1;
-  var s = we, i = Symbol.for("react.element"), f = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, c = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(b, _, x) {
-    var m, S = {}, R = null, j = null;
-    x !== void 0 && (R = "" + x), _.key !== void 0 && (R = "" + _.key), _.ref !== void 0 && (j = _.ref);
-    for (m in _) l.call(_, m) && !h.hasOwnProperty(m) && (S[m] = _[m]);
-    if (b && b.defaultProps) for (m in _ = b.defaultProps, _) S[m] === void 0 && (S[m] = _[m]);
-    return { $$typeof: i, type: b, key: R, ref: j, props: S, _owner: c.current };
+  if (Je) return Q;
+  Je = 1;
+  var i = be, s = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, f = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function w(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 (o && o.defaultProps) for (g in m = o.defaultProps, m) S[g] === void 0 && (S[g] = m[g]);
+    return { $$typeof: s, type: o, key: R, ref: j, props: S, _owner: f.current };
   }
-  return Z.Fragment = f, Z.jsx = o, Z.jsxs = o, Z;
+  return Q.Fragment = p, Q.jsx = w, Q.jsxs = w, Q;
 }
-var Q = {};
+var ee = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -43,18 +43,18 @@ var Q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Je;
+var Ze;
 function $t() {
-  return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
-    var s = we, i = Symbol.for("react.element"), f = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), b = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), M = Symbol.iterator, U = "@@iterator";
-    function B(e) {
+  return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
+    var i = 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"), w = 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"), D = Symbol.iterator, L = "@@iterator";
+    function U(e) {
       if (e === null || typeof e != "object")
         return null;
-      var t = M && e[M] || e[U];
+      var t = D && e[D] || e[L];
       return typeof t == "function" ? t : null;
     }
-    var N = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function E(e) {
+    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];
@@ -63,71 +63,71 @@ function $t() {
     }
     function V(e, t, n) {
       {
-        var a = N.ReactDebugCurrentFrame, p = a.getStackAddendum();
-        p !== "" && (t += "%s", n = n.concat([p]));
-        var v = n.map(function(d) {
-          return String(d);
+        var a = C.ReactDebugCurrentFrame, v = a.getStackAddendum();
+        v !== "" && (t += "%s", n = n.concat([v]));
+        var _ = n.map(function(u) {
+          return String(u);
         });
-        v.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, v);
+        _.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, _);
       }
     }
-    var X = !1, A = !1, le = !1, rt = !1, at = !1, Re;
-    Re = Symbol.for("react.module.reference");
+    var Y = !1, J = !1, B = !1, ue = !1, at = !1, Ne;
+    Ne = Symbol.for("react.module.reference");
     function st(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === l || e === h || at || e === c || e === x || e === m || rt || e === j || X || A || le || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === S || e.$$typeof === o || e.$$typeof === b || e.$$typeof === _ || // This needs to include all possible module reference object
+      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 === w || 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 === Re || e.getModuleId !== void 0));
+      e.$$typeof === Ne || e.getModuleId !== void 0));
     }
     function it(e, t, n) {
       var a = e.displayName;
       if (a)
         return a;
-      var p = t.displayName || t.name || "";
-      return p !== "" ? n + "(" + p + ")" : n;
+      var v = t.displayName || t.name || "";
+      return v !== "" ? n + "(" + v + ")" : n;
     }
-    function Ne(e) {
+    function Ce(e) {
       return e.displayName || "Context";
     }
     function H(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      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")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case l:
+        case d:
           return "Fragment";
-        case f:
+        case p:
           return "Portal";
-        case h:
-          return "Profiler";
         case c:
+          return "Profiler";
+        case f:
           return "StrictMode";
         case x:
           return "Suspense";
-        case m:
+        case g:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case b:
-            var t = e;
-            return Ne(t) + ".Consumer";
           case o:
+            var t = e;
+            return Ce(t) + ".Consumer";
+          case w:
             var n = e;
-            return Ne(n._context) + ".Provider";
-          case _:
+            return Ce(n._context) + ".Provider";
+          case m:
             return it(e, e.render, "ForwardRef");
           case S:
             var a = e.displayName || null;
             return a !== null ? a : H(e.type) || "Memo";
           case R: {
-            var p = e, v = p._payload, d = p._init;
+            var v = e, _ = v._payload, u = v._init;
             try {
-              return H(d(v));
+              return H(u(_));
             } catch {
               return null;
             }
@@ -135,18 +135,18 @@ function $t() {
         }
       return null;
     }
-    var $ = Object.assign, J = 0, Ce, Ie, ye, je, Ae, Pe, Oe;
-    function De() {
+    var $ = Object.assign, Z = 0, Ie, ye, je, Ae, Pe, Oe, De;
+    function Me() {
     }
-    De.__reactDisabledLog = !0;
+    Me.__reactDisabledLog = !0;
     function ot() {
       {
-        if (J === 0) {
-          Ce = console.log, Ie = console.info, ye = console.warn, je = console.error, Ae = console.group, Pe = console.groupCollapsed, Oe = console.groupEnd;
+        if (Z === 0) {
+          Ie = console.log, ye = console.info, je = console.warn, Ae = console.error, Pe = console.group, Oe = console.groupCollapsed, De = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: De,
+            value: Me,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -159,12 +159,12 @@ function $t() {
             groupEnd: e
           });
         }
-        J++;
+        Z++;
       }
     }
     function ct() {
       {
-        if (J--, J === 0) {
+        if (Z--, Z === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -172,186 +172,186 @@ function $t() {
           };
           Object.defineProperties(console, {
             log: $({}, e, {
-              value: Ce
+              value: Ie
             }),
             info: $({}, e, {
-              value: Ie
+              value: ye
             }),
             warn: $({}, e, {
-              value: ye
+              value: je
             }),
             error: $({}, e, {
-              value: je
+              value: Ae
             }),
             group: $({}, e, {
-              value: Ae
+              value: Pe
             }),
             groupCollapsed: $({}, e, {
-              value: Pe
+              value: Oe
             }),
             groupEnd: $({}, e, {
-              value: Oe
+              value: De
             })
           });
         }
-        J < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Z < 0 && h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ue = N.ReactCurrentDispatcher, de;
-    function re(e, t, n) {
+    var de = C.ReactCurrentDispatcher, fe;
+    function ae(e, t, n) {
       {
-        if (de === void 0)
+        if (fe === void 0)
           try {
             throw Error();
-          } catch (p) {
-            var a = p.stack.trim().match(/\n( *(at )?)/);
-            de = a && a[1] || "";
+          } catch (v) {
+            var a = v.stack.trim().match(/\n( *(at )?)/);
+            fe = a && a[1] || "";
           }
         return `
-` + de + e;
+` + fe + e;
       }
     }
-    var fe = !1, ae;
+    var pe = !1, se;
     {
       var lt = typeof WeakMap == "function" ? WeakMap : Map;
-      ae = new lt();
+      se = new lt();
     }
-    function Me(e, t) {
-      if (!e || fe)
+    function ke(e, t) {
+      if (!e || pe)
         return "";
       {
-        var n = ae.get(e);
+        var n = se.get(e);
         if (n !== void 0)
           return n;
       }
       var a;
-      fe = !0;
-      var p = Error.prepareStackTrace;
+      pe = !0;
+      var v = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var v;
-      v = ue.current, ue.current = null, ot();
+      var _;
+      _ = de.current, de.current = null, ot();
       try {
         if (t) {
-          var d = function() {
+          var u = function() {
             throw Error();
           };
-          if (Object.defineProperty(d.prototype, "props", {
+          if (Object.defineProperty(u.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(d, []);
-            } catch (P) {
-              a = P;
+              Reflect.construct(u, []);
+            } catch (A) {
+              a = A;
             }
-            Reflect.construct(e, [], d);
+            Reflect.construct(e, [], u);
           } else {
             try {
-              d.call();
-            } catch (P) {
-              a = P;
+              u.call();
+            } catch (A) {
+              a = A;
             }
-            e.call(d.prototype);
+            e.call(u.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (P) {
-            a = P;
+          } catch (A) {
+            a = A;
           }
           e();
         }
-      } catch (P) {
-        if (P && a && typeof P.stack == "string") {
-          for (var u = P.stack.split(`
-`), C = a.stack.split(`
-`), g = u.length - 1, w = C.length - 1; g >= 1 && w >= 0 && u[g] !== C[w]; )
-            w--;
-          for (; g >= 1 && w >= 0; g--, w--)
-            if (u[g] !== C[w]) {
-              if (g !== 1 || w !== 1)
+      } catch (A) {
+        if (A && a && typeof A.stack == "string") {
+          for (var l = A.stack.split(`
+`), N = a.stack.split(`
+`), E = l.length - 1, b = N.length - 1; E >= 1 && b >= 0 && l[E] !== N[b]; )
+            b--;
+          for (; E >= 1 && b >= 0; E--, b--)
+            if (l[E] !== N[b]) {
+              if (E !== 1 || b !== 1)
                 do
-                  if (g--, w--, w < 0 || u[g] !== C[w]) {
+                  if (E--, b--, b < 0 || l[E] !== N[b]) {
                     var I = `
-` + u[g].replace(" at new ", " at ");
-                    return e.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, I), I;
+` + l[E].replace(" at new ", " at ");
+                    return e.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", e.displayName)), typeof e == "function" && se.set(e, I), I;
                   }
-                while (g >= 1 && w >= 0);
+                while (E >= 1 && b >= 0);
               break;
             }
         }
       } finally {
-        fe = !1, ue.current = v, ct(), Error.prepareStackTrace = p;
+        pe = !1, de.current = _, ct(), Error.prepareStackTrace = v;
       }
-      var G = e ? e.displayName || e.name : "", Ke = G ? re(G) : "";
-      return typeof e == "function" && ae.set(e, Ke), Ke;
+      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) {
-      return Me(e, !1);
+      return ke(e, !1);
     }
     function dt(e) {
       var t = e.prototype;
       return !!(t && t.isReactComponent);
     }
-    function se(e, t, n) {
+    function ie(e, t, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Me(e, dt(e));
+        return ke(e, dt(e));
       if (typeof e == "string")
-        return re(e);
+        return ae(e);
       switch (e) {
         case x:
-          return re("Suspense");
-        case m:
-          return re("SuspenseList");
+          return ae("Suspense");
+        case g:
+          return ae("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case _:
+          case m:
             return ut(e.render);
           case S:
-            return se(e.type, t, n);
+            return ie(e.type, t, n);
           case R: {
-            var a = e, p = a._payload, v = a._init;
+            var a = e, v = a._payload, _ = a._init;
             try {
-              return se(v(p), t, n);
+              return ie(_(v), t, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var ie = Object.prototype.hasOwnProperty, ke = {}, Fe = N.ReactDebugCurrentFrame;
-    function oe(e) {
+    var oe = Object.prototype.hasOwnProperty, Fe = {}, Le = C.ReactDebugCurrentFrame;
+    function ce(e) {
       if (e) {
-        var t = e._owner, n = se(e.type, e._source, t ? t.type : null);
-        Fe.setExtraStackFrame(n);
+        var t = e._owner, n = ie(e.type, e._source, t ? t.type : null);
+        Le.setExtraStackFrame(n);
       } else
-        Fe.setExtraStackFrame(null);
+        Le.setExtraStackFrame(null);
     }
-    function ft(e, t, n, a, p) {
+    function ft(e, t, n, a, v) {
       {
-        var v = Function.call.bind(ie);
-        for (var d in e)
-          if (v(e, d)) {
-            var u = void 0;
+        var _ = Function.call.bind(oe);
+        for (var u in e)
+          if (_(e, u)) {
+            var l = void 0;
             try {
-              if (typeof e[d] != "function") {
-                var C = Error((a || "React class") + ": " + n + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw C.name = "Invariant Violation", C;
+              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`.");
+                throw N.name = "Invariant Violation", N;
               }
-              u = e[d](t, d, a, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (g) {
-              u = g;
+              l = e[u](t, u, a, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (E) {
+              l = E;
             }
-            u && !(u instanceof Error) && (oe(p), E("%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, d, typeof u), oe(null)), u instanceof Error && !(u.message in ke) && (ke[u.message] = !0, oe(p), E("Failed %s type: %s", n, u.message), oe(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).", 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));
           }
       }
     }
     var pt = Array.isArray;
-    function pe(e) {
+    function ve(e) {
       return pt(e);
     }
     function vt(e) {
@@ -362,26 +362,26 @@ function $t() {
     }
     function _t(e) {
       try {
-        return Le(e), !1;
+        return Ue(e), !1;
       } catch {
         return !0;
       }
     }
-    function Le(e) {
+    function Ue(e) {
       return "" + e;
     }
-    function Ue(e) {
+    function Be(e) {
       if (_t(e))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vt(e)), Le(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);
     }
-    var Be = N.ReactCurrentOwner, mt = {
+    var He = C.ReactCurrentOwner, mt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, He, $e;
+    }, $e, We;
     function ht(e) {
-      if (ie.call(e, "ref")) {
+      if (oe.call(e, "ref")) {
         var t = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (t && t.isReactWarning)
           return !1;
@@ -389,7 +389,7 @@ function $t() {
       return e.ref !== void 0;
     }
     function gt(e) {
-      if (ie.call(e, "key")) {
+      if (oe.call(e, "key")) {
         var t = Object.getOwnPropertyDescriptor(e, "key").get;
         if (t && t.isReactWarning)
           return !1;
@@ -397,12 +397,12 @@ function $t() {
       return e.key !== void 0;
     }
     function Et(e, t) {
-      typeof e.ref == "string" && Be.current;
+      typeof e.ref == "string" && He.current;
     }
     function wt(e, t) {
       {
         var n = function() {
-          He || (He = !0, E("%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));
+          $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));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: n,
@@ -413,7 +413,7 @@ function $t() {
     function bt(e, t) {
       {
         var n = function() {
-          $e || ($e = !0, E("%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));
+          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));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: n,
@@ -421,70 +421,70 @@ function $t() {
         });
       }
     }
-    var Tt = function(e, t, n, a, p, v, d) {
-      var u = {
+    var Tt = function(e, t, n, a, v, _, u) {
+      var l = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: i,
+        $$typeof: s,
         // Built-in properties that belong on the element
         type: e,
         key: t,
         ref: n,
-        props: d,
+        props: u,
         // Record the component responsible for creating this element.
-        _owner: v
+        _owner: _
       };
-      return u._store = {}, Object.defineProperty(u._store, "validated", {
+      return l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(u, "_self", {
+      }), Object.defineProperty(l, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: a
-      }), Object.defineProperty(u, "_source", {
+      }), Object.defineProperty(l, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: p
-      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
+        value: v
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     };
-    function St(e, t, n, a, p) {
+    function St(e, t, n, a, v) {
       {
-        var v, d = {}, u = null, C = null;
-        n !== void 0 && (Ue(n), u = "" + n), gt(t) && (Ue(t.key), u = "" + t.key), ht(t) && (C = t.ref, Et(t, p));
-        for (v in t)
-          ie.call(t, v) && !mt.hasOwnProperty(v) && (d[v] = t[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));
+        for (_ in t)
+          oe.call(t, _) && !mt.hasOwnProperty(_) && (u[_] = t[_]);
         if (e && e.defaultProps) {
-          var g = e.defaultProps;
-          for (v in g)
-            d[v] === void 0 && (d[v] = g[v]);
+          var E = e.defaultProps;
+          for (_ in E)
+            u[_] === void 0 && (u[_] = E[_]);
         }
-        if (u || C) {
-          var w = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          u && wt(d, w), C && bt(d, w);
+        if (l || N) {
+          var b = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          l && wt(u, b), N && bt(u, b);
         }
-        return Tt(e, u, C, p, a, Be.current, d);
+        return Tt(e, l, N, v, a, He.current, u);
       }
     }
-    var ve = N.ReactCurrentOwner, We = N.ReactDebugCurrentFrame;
-    function Y(e) {
+    var _e = C.ReactCurrentOwner, qe = C.ReactDebugCurrentFrame;
+    function G(e) {
       if (e) {
-        var t = e._owner, n = se(e.type, e._source, t ? t.type : null);
-        We.setExtraStackFrame(n);
+        var t = e._owner, n = ie(e.type, e._source, t ? t.type : null);
+        qe.setExtraStackFrame(n);
       } else
-        We.setExtraStackFrame(null);
+        qe.setExtraStackFrame(null);
     }
-    var _e;
-    _e = !1;
-    function me(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === i;
+    var me;
+    me = !1;
+    function he(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === s;
     }
-    function qe() {
+    function Ve() {
       {
-        if (ve.current) {
-          var e = H(ve.current.type);
+        if (_e.current) {
+          var e = H(_e.current.type);
           if (e)
             return `
 
@@ -496,10 +496,10 @@ Check the render method of \`` + e + "`.";
     function xt(e) {
       return "";
     }
-    var Ve = {};
+    var Ye = {};
     function Rt(e) {
       {
-        var t = qe();
+        var t = Ve();
         if (!t) {
           var n = typeof e == "string" ? e : e.displayName || e.name;
           n && (t = `
@@ -509,35 +509,35 @@ Check the top-level render call using <` + n + ">.");
         return t;
       }
     }
-    function Ye(e, t) {
+    function Ge(e, t) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var n = Rt(t);
-        if (Ve[n])
+        if (Ye[n])
           return;
-        Ve[n] = !0;
+        Ye[n] = !0;
         var a = "";
-        e && e._owner && e._owner !== ve.current && (a = " It was passed a child from " + H(e._owner.type) + "."), Y(e), E('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), Y(null);
+        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);
       }
     }
-    function Ge(e, t) {
+    function ze(e, t) {
       {
         if (typeof e != "object")
           return;
-        if (pe(e))
+        if (ve(e))
           for (var n = 0; n < e.length; n++) {
             var a = e[n];
-            me(a) && Ye(a, t);
+            he(a) && Ge(a, t);
           }
-        else if (me(e))
+        else if (he(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var p = B(e);
-          if (typeof p == "function" && p !== e.entries)
-            for (var v = p.call(e), d; !(d = v.next()).done; )
-              me(d.value) && Ye(d.value, t);
+          var v = U(e);
+          if (typeof v == "function" && v !== e.entries)
+            for (var _ = v.call(e), u; !(u = _.next()).done; )
+              he(u.value) && Ge(u.value, t);
         }
       }
     }
@@ -549,7 +549,7 @@ Check the top-level render call using <` + n + ">.");
         var n;
         if (typeof t == "function")
           n = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === _ || // Note: Memo only checks outer props here.
+        else if (typeof t == "object" && (t.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         t.$$typeof === S))
           n = t.propTypes;
@@ -558,12 +558,12 @@ Check the top-level render call using <` + n + ">.");
         if (n) {
           var a = H(t);
           ft(n, e.props, "prop", a, e);
-        } else if (t.PropTypes !== void 0 && !_e) {
-          _e = !0;
-          var p = H(t);
-          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "Unknown");
+        } else if (t.PropTypes !== void 0 && !me) {
+          me = !0;
+          var v = H(t);
+          h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        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) {
@@ -571,56 +571,56 @@ Check the top-level render call using <` + n + ">.");
         for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
           var a = t[n];
           if (a !== "children" && a !== "key") {
-            Y(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), Y(null);
+            G(e), h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), G(null);
             break;
           }
         }
-        e.ref !== null && (Y(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
+        e.ref !== null && (G(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), G(null));
       }
     }
-    function ze(e, t, n, a, p, v) {
+    function Ke(e, t, n, a, v, _) {
       {
-        var d = st(e);
-        if (!d) {
-          var u = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (u += " 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 C = xt();
-          C ? u += C : u += qe();
-          var g;
-          e === null ? g = "null" : pe(e) ? g = "array" : e !== void 0 && e.$$typeof === i ? (g = "<" + (H(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : g = typeof e, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", g, u);
+        var u = st(e);
+        if (!u) {
+          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();
+          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);
         }
-        var w = St(e, t, n, p, v);
-        if (w == null)
-          return w;
-        if (d) {
+        var b = St(e, t, n, v, _);
+        if (b == null)
+          return b;
+        if (u) {
           var I = t.children;
           if (I !== void 0)
             if (a)
-              if (pe(I)) {
-                for (var G = 0; G < I.length; G++)
-                  Ge(I[G], e);
+              if (ve(I)) {
+                for (var z = 0; z < I.length; z++)
+                  ze(I[z], e);
                 Object.freeze && Object.freeze(I);
               } else
-                E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ge(I, e);
+              ze(I, e);
         }
-        return e === l ? Ct(w) : Nt(w), w;
+        return e === d ? Ct(b) : Nt(b), b;
       }
     }
     function It(e, t, n) {
-      return ze(e, t, n, !0);
+      return Ke(e, t, n, !0);
     }
     function yt(e, t, n) {
-      return ze(e, t, n, !1);
+      return Ke(e, t, n, !1);
     }
     var jt = yt, At = It;
-    Q.Fragment = l, Q.jsx = jt, Q.jsxs = At;
-  }()), Q;
+    ee.Fragment = d, ee.jsx = jt, ee.jsxs = At;
+  }()), ee;
 }
-process.env.NODE_ENV === "production" ? Ee.exports = Ht() : Ee.exports = $t();
-var r = Ee.exports;
-const D = {
+process.env.NODE_ENV === "production" ? we.exports = Ht() : we.exports = $t();
+var r = we.exports;
+const O = {
   SHOWROOM: "/showroom",
   SENDOUTS: "/sendouts",
   SENDOUTS_CMS: "/sendouts-cms",
@@ -635,273 +635,276 @@ const D = {
   SUPERADMIN: "/superadmin",
   CMS: "/cms"
 }, Wt = 300, qt = 300;
-var L = /* @__PURE__ */ ((s) => (s.OPEN = "OPEN", s.HIDDEN = "HIDDEN", s.EXPANDED = "EXPANDED", s))(L || {});
-const Se = we.createContext(
+var F = /* @__PURE__ */ ((i) => (i.OPEN = "OPEN", i.HIDDEN = "HIDDEN", i.EXPANDED = "EXPANDED", i))(F || {});
+const xe = be.createContext(
   {}
 );
 function q() {
-  return K(Se);
+  return X(xe);
 }
 function Vt({
-  children: s,
-  isOpen: i,
-  onNavigationClose: f = () => {
+  children: i,
+  isOpen: s,
+  tenantServiceUrl: p,
+  onNavigationClose: d = () => {
   }
 }) {
-  const [l] = K(be), [c, h] = ce({
-    selectedTenantId: l,
+  const [f] = X(Te), [c, w] = le({
+    selectedTenantId: f,
     currentPosition: "HIDDEN"
     /* HIDDEN */
-  }), { user: o, authService: b, canSignOut: _ } = K(et);
-  ge(() => {
-    if (i) {
-      h((A) => ({
-        ...A,
-        selectedTenantId: l,
+  }), { user: o, authService: m, canSignOut: x } = X(tt);
+  Ee(() => {
+    if (s) {
+      w((B) => ({
+        ...B,
+        selectedTenantId: f,
         currentPosition: "OPEN"
         /* OPEN */
       }));
       return;
     }
-    h((A) => ({
-      ...A,
+    w((B) => ({
+      ...B,
       currentPosition: "HIDDEN"
       /* HIDDEN */
     }));
-  }, [l, i, h]), ge(() => {
-    i && b.refreshUser(300);
-  }, [b, i]);
-  const x = y(
-    () => o ? k(
+  }, [f, s, w]), Ee(() => {
+    s && m.refreshUser(300);
+  }, [m, s]);
+  const g = y(
+    () => o ? M(
       o,
       c.selectedTenantId,
       W.MARKETING_ENGINE_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), m = y(
-    () => o ? k(
+  ), S = y(
+    () => o ? M(
       o,
       c.selectedTenantId,
       W.SHOWROOM_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), S = y(
-    () => o ? k(
+  ), R = y(
+    () => o ? M(
       o,
       c.selectedTenantId,
       W.SENDOUTS_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), R = y(
-    () => o ? k(
+  ), j = y(
+    () => o ? M(
       o,
       c.selectedTenantId,
       W.SENDOUTS_CMS_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), j = y(
-    () => o ? k(
+  ), D = y(
+    () => o ? M(
       o,
       c.selectedTenantId,
       W.USER_MANAGEMENT_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), M = y(
-    () => o ? k(
+  ), L = y(
+    () => o ? M(
       o,
       c.selectedTenantId,
       W.UNIVERSAL
     ) : !1,
     [c.selectedTenantId, o]
   ), U = y(
-    () => o ? k(o, c.selectedTenantId, "settings-app") : !1,
+    () => o ? M(o, c.selectedTenantId, "settings-app") : !1,
     [c.selectedTenantId, o]
-  ), B = y(
-    () => o ? k(
+  ), C = y(
+    () => o ? M(
       o,
       c.selectedTenantId,
       W.INSTORE_ADMIN_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), N = z(
-    (A) => h((le) => ({
-      ...le,
-      ...A
+  ), h = K(
+    (B) => w((ue) => ({
+      ...ue,
+      ...B
     })),
     []
-  ), E = z(async () => {
-    _ && await b.signOut();
-  }, [b, _]), V = z(() => {
+  ), V = K(async () => {
+    x && await m.signOut();
+  }, [m, x]), Y = K(() => {
     if (c.currentPosition === "OPEN") {
-      N({
+      h({
         currentPosition: "EXPANDED",
-        selectedTenantId: l
+        selectedTenantId: f
       });
       return;
     }
     if (c.currentPosition === "EXPANDED") {
-      N({
+      h({
         currentPosition: "OPEN"
         /* OPEN */
       });
       return;
     }
-  }, [l, N, c.currentPosition]), X = y(
+  }, [f, h, c.currentPosition]), J = y(
     () => ({
-      hasMarketingEngineAccess: x,
-      hasShowroomAccess: m,
-      hasSendoutsAccess: S,
-      hasCmsAccess: R,
-      hasUserManagementAccess: j,
-      hasUniversalAccess: M,
+      hasMarketingEngineAccess: g,
+      hasShowroomAccess: S,
+      hasSendoutsAccess: R,
+      hasCmsAccess: j,
+      hasUserManagementAccess: D,
+      hasUniversalAccess: L,
       hasSettingsAccess: U,
-      hasInstoreAccess: B,
+      hasInstoreAccess: C,
       viewState: c,
-      updateViewState: N,
-      signOut: E,
-      toggleTenants: V,
-      onNavigationClose: f
+      updateViewState: h,
+      signOut: V,
+      toggleTenants: Y,
+      onNavigationClose: d,
+      tenantServiceUrl: p
     }),
     [
-      x,
-      S,
+      g,
       R,
-      m,
       j,
-      M,
+      S,
+      D,
+      L,
       U,
-      B,
+      C,
       c,
-      N,
-      E,
+      h,
       V,
-      f
+      Y,
+      d,
+      p
     ]
   );
-  return /* @__PURE__ */ r.jsx(Se.Provider, { value: X, children: s });
+  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 = () => {
+}, 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 = (i) => {
   throw new Error(
     "TENANTS_SERVICE_URL or REACT_APP_TENANTS_SERVICE_URL must be set"
   );
 };
-function Zt() {
-  const s = tt(), i = Jt(), { viewState: f } = q(), [l] = K(be);
-  return z(
-    async (h) => {
-      const o = h.replace(/^\//, "");
-      s.setHeader("tenant-id", f.selectedTenantId);
+function Zt(i) {
+  const s = nt(), p = Jt(), { viewState: d } = q(), [f] = X(Te);
+  return K(
+    async (w) => {
+      const o = w.replace(/^\//, "");
+      s.setHeader("tenant-id", d.selectedTenantId);
       try {
         return await s.post(
-          i,
+          p,
           o
         );
       } finally {
-        l && s.setHeader("tenant-id", l);
+        f && s.setHeader("tenant-id", f);
       }
     },
-    [s, i, f, l]
+    [s, p, d, f]
   );
 }
-function Qt() {
+function Qt(i) {
   throw new Error(
     "TENANTS_SERVICE_URL or REACT_APP_TENANTS_SERVICE_URL must be set"
   );
 }
-function xe() {
-  const s = tt(), i = Qt(), { data: f, error: l } = Lt(i, s.get);
+function Re(i) {
+  const s = nt(), p = Qt(), { data: d, error: f } = Lt(p, s.get);
   return {
-    tenants: f ?? [],
-    isLoading: !f && !l,
-    error: l
+    tenants: d ?? [],
+    isLoading: !d && !f,
+    error: f
   };
 }
 function en() {
   const {
-    viewState: { selectedTenantId: s }
-  } = q(), { tenants: i } = xe();
-  return y(() => i.find((l) => l.id === s), [i, s]);
+    viewState: { selectedTenantId: i }
+  } = q(), { tenants: s } = Re();
+  return y(() => s.find((d) => d.id === i), [s, i]);
 }
-function tn({ layout: s }) {
+function tn({ layout: i }) {
   const {
-    viewState: { selectedTenantId: i }
-  } = q(), { tenants: f } = xe(), l = y(
-    () => f.find((c) => c.id === i),
-    [i, f]
+    viewState: { selectedTenantId: s }
+  } = q(), { tenants: p } = Re(), d = y(
+    () => p.find((f) => f.id === s),
+    [s, p]
   );
-  return l ? /* @__PURE__ */ r.jsx(kt, { src: l.logoUrl, layout: s }) : null;
+  return d ? /* @__PURE__ */ r.jsx(kt, { 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", ee = {
+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
 };
-function nt({
-  children: s,
-  header: i,
-  footer: f,
-  className: l,
-  width: c,
-  showHeaderBorder: h
+function rt({
+  children: i,
+  header: s,
+  footer: p,
+  className: d,
+  width: f,
+  showHeaderBorder: c
 }) {
-  return /* @__PURE__ */ r.jsxs("div", { className: ne([ee.tier, l]), style: { width: c }, children: [
-    !!i && /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ r.jsxs("div", { className: re([te.tier, d]), style: { width: f }, children: [
+    !!s && /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: ne([
-          ee.tierHeader,
-          { [ee.border]: h }
+        className: re([
+          te.tierHeader,
+          { [te.border]: c }
         ]),
-        children: i
+        children: s
       }
     ),
-    /* @__PURE__ */ r.jsx("div", { className: ee.tierMain, children: s }),
-    !!f && /* @__PURE__ */ r.jsx("div", { className: ee.tierFooter, children: f })
+    /* @__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", Ze = {
+const cn = "_navigation-button_1ckcy_1", ln = "_active_1ckcy_15", Qe = {
   navigationButton: cn,
   active: ln
 };
-function O({
-  children: s,
-  to: i,
-  hidden: f,
-  disabled: l,
-  onClick: c
+function P({
+  children: i,
+  to: s,
+  hidden: p,
+  disabled: d,
+  onClick: f
 }) {
-  const [h, o] = K(be), [b, _] = ce(!1), {
+  const [c, w] = X(Te), [o, m] = le(!1), {
     viewState: { selectedTenantId: x }
   } = q();
-  ge(() => {
+  Ee(() => {
     const R = () => {
-      h !== x && b && o(x);
+      c !== x && o && w(x);
     };
     return window.addEventListener("unload", R), () => {
       window.removeEventListener("unload", R);
     };
-  }, [o, h, x, b]);
-  const m = z(() => {
-    if (c) {
-      c(_);
+  }, [w, c, x, o]);
+  const g = K(() => {
+    if (f) {
+      f(m);
       return;
     }
-    i && (_(!0), window.location.assign(i));
-  }, [i, c]), S = i ? !!Ut(`${i}/*`, window.location.pathname) && h === x : !1;
-  return f ? null : /* @__PURE__ */ r.jsx(
-    Te,
+    s && (m(!0), window.location.assign(s));
+  }, [s, f]), S = s ? !!Ut(`${s}/*`, window.location.pathname) && c === x : !1;
+  return p ? null : /* @__PURE__ */ r.jsx(
+    Se,
     {
       align: "left",
       noBorder: !0,
-      className: ne([Ze.navigationButton, { [Ze.active]: S }]),
+      className: re([Qe.navigationButton, { [Qe.active]: S }]),
       noShadow: !0,
-      disabled: S || l,
-      onClick: m,
-      children: s
+      disabled: S || d,
+      onClick: g,
+      children: i
     }
   );
 }
@@ -924,34 +927,34 @@ const un = "_applications_1pwbq_1", dn = "_applications-header_1pwbq_7", fn = "_
   applicationsFooterSignOutLabel: Rn,
   errorAnim: Nn,
   errorText: Cn
-}, In = (s) => new Promise((i) => setTimeout(i, s));
+}, In = (i) => new Promise((s) => setTimeout(s, i));
 function yn() {
-  const { user: s } = K(et), {
-    signOut: i,
-    onNavigationClose: f,
-    toggleTenants: l,
-    hasShowroomAccess: c,
-    hasMarketingEngineAccess: h,
-    hasSendoutsAccess: o,
-    hasCmsAccess: b,
-    hasUserManagementAccess: _,
+  const { user: i } = X(tt), {
+    signOut: s,
+    onNavigationClose: p,
+    toggleTenants: d,
+    hasShowroomAccess: f,
+    hasMarketingEngineAccess: c,
+    hasSendoutsAccess: w,
+    hasCmsAccess: o,
+    hasUserManagementAccess: m,
     hasSettingsAccess: x,
-    hasUniversalAccess: m,
+    hasUniversalAccess: g,
     hasInstoreAccess: S
-  } = q(), R = en(), j = R && !!R.planName, [M, U] = ce(!1), [B, N] = ce(!1), E = Zt(), V = z(
-    async (X) => {
+  } = q(), R = en(), j = R && !!R.planName, [D, L] = le(!1), [U, C] = le(!1), h = Zt(), V = K(
+    async (Y) => {
       try {
-        N(!0);
-        const A = await E(window.location.pathname);
-        X(!0), window.location.assign(A.text);
+        C(!0);
+        const J = await h(window.location.pathname);
+        Y(!0), window.location.assign(J.text);
       } catch {
-        N(!1), U(!0), await In(2500), U(!1);
+        C(!1), L(!0), await In(2500), L(!1);
       }
     },
-    [N, E]
+    [C, h]
   );
   return /* @__PURE__ */ r.jsx(
-    nt,
+    rt,
     {
       className: T.applications,
       width: qt,
@@ -963,129 +966,129 @@ function yn() {
             "div",
             {
               className: T.applicationsHeaderCloseIcon,
-              onClick: f,
-              children: /* @__PURE__ */ r.jsx(te, { src: zt, size: "large" })
+              onClick: p,
+              children: /* @__PURE__ */ r.jsx(ne, { src: zt, size: "large" })
             }
           )
         ] }),
         /* @__PURE__ */ r.jsx(
-          Te,
+          Se,
           {
             align: "left",
             noBorder: !0,
             transparent: !0,
             className: T.applicationsHeaderChangeBrandButton,
-            onClick: l,
+            onClick: d,
             children: "Change brand"
           }
         )
       ] }),
-      footer: /* @__PURE__ */ r.jsx("div", { className: T.applicationsFooter, onClick: i, children: /* @__PURE__ */ r.jsxs("div", { className: T.applicationsFooterSignOut, children: [
-        /* @__PURE__ */ r.jsx("div", { className: T.applicationsFooterSignOutIcon, children: /* @__PURE__ */ r.jsx(te, { src: Kt, size: "medium" }) }),
+      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" }) }),
         /* @__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(O, { to: D.DASHBOARD, children: "Dashboard" }),
-          /* @__PURE__ */ r.jsx(O, { hidden: !c, to: D.SHOWROOM, children: "Presentations (Showroom)" }),
-          /* @__PURE__ */ r.jsx(O, { hidden: !o, to: D.SENDOUTS, children: "Sendouts" }),
+          /* @__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: !w, to: O.SENDOUTS, children: "Sendouts" }),
           /* @__PURE__ */ r.jsx(
-            O,
+            P,
             {
-              hidden: !h,
-              to: D.MARKETING_ENGINE,
+              hidden: !c,
+              to: O.MARKETING_ENGINE,
               children: "Media Library"
             }
           ),
           /* @__PURE__ */ r.jsx(
-            O,
+            P,
             {
-              hidden: !S && !m,
-              to: D.INSTORE_ADMIN,
+              hidden: !S && !g,
+              to: O.INSTORE_ADMIN,
               children: "Stores"
             }
           ),
-          /* @__PURE__ */ r.jsx(O, { hidden: !b, to: D.CMS, children: "Content Manager" }),
+          /* @__PURE__ */ r.jsx(P, { hidden: !o, to: O.CMS, children: "Content Manager" }),
           /* @__PURE__ */ r.jsx(
-            O,
+            P,
             {
-              hidden: !_,
-              to: D.USER_MANAGEMENT,
+              hidden: !m,
+              to: O.USER_MANAGEMENT,
               children: "Users"
             }
           ),
           /* @__PURE__ */ r.jsx(
-            O,
+            P,
             {
-              hidden: !m && !x,
-              to: D.SETTINGS,
+              hidden: !g && !x,
+              to: O.SETTINGS,
               children: "Settings"
             }
           ),
           /* @__PURE__ */ r.jsxs(
-            O,
+            P,
             {
-              disabled: B,
+              disabled: U,
               onClick: V,
-              hidden: !m || !j,
+              hidden: !g || !j,
               to: "#",
               children: [
                 /* @__PURE__ */ r.jsx(
                   "span",
                   {
-                    className: ne({
-                      [T.errorAnim]: M
+                    className: re({
+                      [T.errorAnim]: D
                     }),
                     children: "Subscription"
                   }
                 ),
-                B ? /* @__PURE__ */ r.jsx(te, { size: "xlarge", src: Xt, alt: "Loading" }) : ""
+                U ? /* @__PURE__ */ r.jsx(ne, { size: "xlarge", src: Xt, alt: "Loading" }) : ""
               ]
             }
           ),
-          M ? /* @__PURE__ */ r.jsx("p", { className: T.errorText, children: "Unable to access subscription page" }) : null
+          D ? /* @__PURE__ */ r.jsx("p", { className: T.errorText, children: "Unable to access subscription page" }) : null
         ] }),
-        s && /* @__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: [
-            s.firstName,
+            i.firstName,
             " ",
-            s.lastName
+            i.lastName
           ] }),
-          /* @__PURE__ */ r.jsx("div", { className: T.applicationsMainUserEmail, children: s.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", Qe = {
+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
 };
-function Dn({ tenant: s }) {
+function Dn({ tenant: i }) {
   const {
-    viewState: { selectedTenantId: i },
-    updateViewState: f
-  } = q(), l = i === s.id;
+    viewState: { selectedTenantId: s },
+    updateViewState: p
+  } = q(), d = s === i.id;
   return /* @__PURE__ */ r.jsx(
-    Te,
+    Se,
     {
       align: "left",
       noBorder: !0,
-      className: ne([Qe.tenantButton, { [Qe.active]: l }]),
+      className: re([et.tenantButton, { [et.active]: d }]),
       noShadow: !0,
-      disabled: l,
+      disabled: d,
       onClick: () => {
-        f({
-          selectedTenantId: s.id,
-          currentPosition: L.OPEN
+        p({
+          selectedTenantId: i.id,
+          currentPosition: F.OPEN
         });
       },
-      children: s.label
+      children: i.label
     },
-    s.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", F = {
+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,
@@ -1096,24 +1099,24 @@ const Mn = "_tenants_6vjyd_1", kn = "_tenants-header_6vjyd_7", Fn = "_tenants-he
   tenantsFooterCreateBrandLabel: $n
 };
 function Wn() {
-  const { toggleTenants: s } = q(), { tenants: i } = xe();
-  return /* @__PURE__ */ r.jsx("div", { className: F.tenants, children: /* @__PURE__ */ r.jsx(
-    nt,
+  const { toggleTenants: i } = q(), { tenants: s } = Re();
+  return /* @__PURE__ */ r.jsx("div", { className: k.tenants, children: /* @__PURE__ */ r.jsx(
+    rt,
     {
       width: Wt,
-      header: /* @__PURE__ */ r.jsx("div", { className: F.tenantsHeader, children: /* @__PURE__ */ r.jsx("div", { className: F.tenantsHeaderArrowIcon, onClick: s, children: /* @__PURE__ */ r.jsx(te, { src: An, size: "large" }) }) }),
+      header: /* @__PURE__ */ r.jsx("div", { className: k.tenantsHeader, children: /* @__PURE__ */ r.jsx("div", { className: k.tenantsHeaderArrowIcon, onClick: i, children: /* @__PURE__ */ r.jsx(ne, { src: An, size: "large" }) }) }),
       footer: /* @__PURE__ */ r.jsx(
         "div",
         {
-          className: F.tenantsFooter,
-          onClick: () => window.location.assign(D.CREATE_WORKSPACE),
-          children: /* @__PURE__ */ r.jsxs("div", { className: F.tenantsFooterCreateBrand, children: [
-            /* @__PURE__ */ r.jsx("div", { className: F.tenantsFooterCreateBrandIcon, children: /* @__PURE__ */ r.jsx(te, { src: jn, size: "medium" }) }),
-            /* @__PURE__ */ r.jsx("div", { className: F.tenantsFooterCreateBrandLabel, children: "Create a brand workspace" })
+          className: k.tenantsFooter,
+          onClick: () => window.location.assign(O.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.tenantsFooterCreateBrandLabel, children: "Create a brand workspace" })
           ] })
         }
       ),
-      children: /* @__PURE__ */ r.jsx("div", { className: F.tenantsMain, children: i.map((f) => /* @__PURE__ */ r.jsx(Dn, { tenant: f }, f.id)) })
+      children: /* @__PURE__ */ r.jsx("div", { className: k.tenantsMain, children: s.map((p) => /* @__PURE__ */ r.jsx(Dn, { tenant: p }, p.id)) })
     }
   ) });
 }
@@ -1126,74 +1129,83 @@ function Yn() {
     /* @__PURE__ */ r.jsx(Wn, {})
   ] });
 }
-const he = { ease: "easeOut", duration: 0.3 }, Gn = {
-  [L.HIDDEN]: {
+const ge = { ease: "easeOut", duration: 0.3 }, Gn = {
+  [F.HIDDEN]: {
     left: -600,
-    transition: he
+    transition: ge
   },
-  [L.OPEN]: {
+  [F.OPEN]: {
     left: -300,
-    transition: he
+    transition: ge
   },
-  [L.EXPANDED]: { left: 0, transition: he }
+  [F.EXPANDED]: { left: 0, transition: ge }
 };
 function zn({
-  isOpen: s,
-  portalContainer: i = document.body,
-  onClose: f
+  isOpen: i,
+  portalContainer: s = document.body,
+  onClose: p,
+  tenantServiceUrl: d
 }) {
   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, { onNavigationClose: f, isOpen: s, children: /* @__PURE__ */ r.jsx(Se.Consumer, { children: ({ viewState: { currentPosition: l } }) => Mt(
-      /* @__PURE__ */ r.jsx(Ot, { children: l !== L.HIDDEN && /* @__PURE__ */ r.jsx(
-        Dt.div,
-        {
-          className: Gt.navigation,
-          initial: L.HIDDEN,
-          variants: Gn,
-          animate: l,
-          exit: L.HIDDEN,
-          children: /* @__PURE__ */ r.jsx(Yn, {})
-        }
-      ) }),
-      i
-    ) }) })
+    /* @__PURE__ */ r.jsx(
+      Vt,
+      {
+        onNavigationClose: p,
+        isOpen: i,
+        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,
+            {
+              className: Gt.navigation,
+              initial: F.HIDDEN,
+              variants: Gn,
+              animate: f,
+              exit: F.HIDDEN,
+              children: /* @__PURE__ */ r.jsx(Yn, {})
+            }
+          ) }),
+          s
+        ) })
+      }
+    )
   );
 }
 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: s = "medium",
-  alt: i = "Toggle navigation menu",
-  src: f = Kn,
-  portalContainer: l = document.body,
-  ...c
+  size: i = "medium",
+  alt: s = "Toggle navigation menu",
+  src: p = Kn,
+  portalContainer: d = document.body,
+  ...f
 }) {
-  const [h, o] = Bt(!1);
+  const [c, w] = Bt(!1);
   return /* @__PURE__ */ r.jsxs(Pt, { children: [
     /* @__PURE__ */ r.jsx(
       Ft,
       {
-        size: s,
-        alt: i,
-        src: f,
-        onClick: () => o(),
-        ...c
+        size: i,
+        alt: s,
+        src: p,
+        onClick: () => w(),
+        ...f
       }
     ),
     /* @__PURE__ */ r.jsx(
       zn,
       {
-        isOpen: h,
-        portalContainer: l,
-        onClose: () => o()
+        isOpen: c,
+        portalContainer: d,
+        onClose: () => w()
       }
     )
   ] });
 }
 export {
   qt as APPLICATIONS_TIER_WIDTH,
-  D as AppPaths,
+  O as AppPaths,
   zn as Navigation,
   or as NavigationButton,
   Wt as TENANTS_TIER_WIDTH