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

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import we, { useContext as K, useState as ce, useEffect as ge, useMemo as I, useCallback as z, 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 et, userHasTenantAccess as k, Privileges as $ } from "@touchtech/web-auth";
-import { TenantIdContext as Te } from "@touchtech/web-tenant-id-provider";
+import we, { useContext as K, useState as ce, useEffect as ge, useMemo as y, useCallback as z, 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 Ft, Button as be, Icon as te, IconButton as Lt } from "@touchtech/baselayer-ui";
-import { useApi as tt, createUrl as nt } 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";
+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 Lt from "swr";
+import { matchPath as Ut } from "react-router-dom";
+import { useToggle as Bt } from "@touchtech/web-hooks";
 var Ee = { exports: {} }, Z = {};
 /**
  * @license React
@@ -20,16 +20,16 @@ var Ee = { exports: {} }, Z = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Xe;
-function Vt() {
+function Ht() {
   if (Xe) return Z;
   Xe = 1;
-  var a = we, i = Symbol.for("react.element"), f = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, c = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(T, _, x) {
-    var m, S = {}, R = null, y = null;
-    x !== void 0 && (R = "" + x), _.key !== void 0 && (R = "" + _.key), _.ref !== void 0 && (y = _.ref);
+  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 (T && T.defaultProps) for (m in _ = T.defaultProps, _) S[m] === void 0 && (S[m] = _[m]);
-    return { $$typeof: i, type: T, key: R, ref: y, props: S, _owner: c.current };
+    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 };
   }
   return Z.Fragment = f, Z.jsx = o, Z.jsxs = o, Z;
 }
@@ -46,24 +46,24 @@ var Q = {};
 var Je;
 function $t() {
   return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = 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"), T = 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"), y = Symbol.for("react.offscreen"), M = Symbol.iterator, U = "@@iterator";
+    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) {
       if (e === null || typeof e != "object")
         return null;
       var t = M && e[M] || e[U];
       return typeof t == "function" ? t : null;
     }
-    var N = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var N = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function E(e) {
       {
-        for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
-          n[s - 1] = arguments[s];
-        q("error", e, n);
+        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);
       }
     }
-    function q(e, t, n) {
+    function V(e, t, n) {
       {
-        var s = N.ReactDebugCurrentFrame, p = s.getStackAddendum();
+        var a = N.ReactDebugCurrentFrame, p = a.getStackAddendum();
         p !== "" && (t += "%s", n = n.concat([p]));
         var v = n.map(function(d) {
           return String(d);
@@ -71,19 +71,19 @@ function $t() {
         v.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, v);
       }
     }
-    var X = !1, P = !1, le = !1, at = !1, st = !1, Re;
+    var X = !1, A = !1, le = !1, rt = !1, at = !1, Re;
     Re = Symbol.for("react.module.reference");
-    function it(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === l || e === h || st || e === c || e === x || e === m || at || e === y || X || P || le || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === S || e.$$typeof === o || e.$$typeof === T || e.$$typeof === _ || // This needs to include all possible module reference object
+    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
       // 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));
     }
-    function ot(e, t, n) {
-      var s = e.displayName;
-      if (s)
-        return s;
+    function it(e, t, n) {
+      var a = e.displayName;
+      if (a)
+        return a;
       var p = t.displayName || t.name || "";
       return p !== "" ? n + "(" + p + ")" : n;
     }
@@ -113,17 +113,17 @@ function $t() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case T:
+          case b:
             var t = e;
             return Ne(t) + ".Consumer";
           case o:
             var n = e;
             return Ne(n._context) + ".Provider";
           case _:
-            return ot(e, e.render, "ForwardRef");
+            return it(e, e.render, "ForwardRef");
           case S:
-            var s = e.displayName || null;
-            return s !== null ? s : H(e.type) || "Memo";
+            var a = e.displayName || null;
+            return a !== null ? a : H(e.type) || "Memo";
           case R: {
             var p = e, v = p._payload, d = p._init;
             try {
@@ -135,14 +135,14 @@ function $t() {
         }
       return null;
     }
-    var V = Object.assign, J = 0, Ce, Ae, Ie, ye, Pe, je, Oe;
+    var $ = Object.assign, J = 0, Ce, Ie, ye, je, Ae, Pe, Oe;
     function De() {
     }
     De.__reactDisabledLog = !0;
-    function ct() {
+    function ot() {
       {
         if (J === 0) {
-          Ce = console.log, Ae = console.info, Ie = console.warn, ye = console.error, Pe = console.group, je = console.groupCollapsed, Oe = console.groupEnd;
+          Ce = console.log, Ie = console.info, ye = console.warn, je = console.error, Ae = console.group, Pe = console.groupCollapsed, Oe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -162,7 +162,7 @@ function $t() {
         J++;
       }
     }
-    function lt() {
+    function ct() {
       {
         if (J--, J === 0) {
           var e = {
@@ -171,25 +171,25 @@ function $t() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, e, {
+            log: $({}, e, {
               value: Ce
             }),
-            info: V({}, e, {
-              value: Ae
-            }),
-            warn: V({}, e, {
+            info: $({}, e, {
               value: Ie
             }),
-            error: V({}, e, {
+            warn: $({}, e, {
               value: ye
             }),
-            group: V({}, e, {
-              value: Pe
-            }),
-            groupCollapsed: V({}, e, {
+            error: $({}, e, {
               value: je
             }),
-            groupEnd: V({}, e, {
+            group: $({}, e, {
+              value: Ae
+            }),
+            groupCollapsed: $({}, e, {
+              value: Pe
+            }),
+            groupEnd: $({}, e, {
               value: Oe
             })
           });
@@ -204,8 +204,8 @@ function $t() {
           try {
             throw Error();
           } catch (p) {
-            var s = p.stack.trim().match(/\n( *(at )?)/);
-            de = s && s[1] || "";
+            var a = p.stack.trim().match(/\n( *(at )?)/);
+            de = a && a[1] || "";
           }
         return `
 ` + de + e;
@@ -213,8 +213,8 @@ function $t() {
     }
     var fe = !1, ae;
     {
-      var ut = typeof WeakMap == "function" ? WeakMap : Map;
-      ae = new ut();
+      var lt = typeof WeakMap == "function" ? WeakMap : Map;
+      ae = new lt();
     }
     function Me(e, t) {
       if (!e || fe)
@@ -224,12 +224,12 @@ function $t() {
         if (n !== void 0)
           return n;
       }
-      var s;
+      var a;
       fe = !0;
       var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var v;
-      v = ue.current, ue.current = null, ct();
+      v = ue.current, ue.current = null, ot();
       try {
         if (t) {
           var d = function() {
@@ -242,30 +242,30 @@ function $t() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(d, []);
-            } catch (j) {
-              s = j;
+            } catch (P) {
+              a = P;
             }
             Reflect.construct(e, [], d);
           } else {
             try {
               d.call();
-            } catch (j) {
-              s = j;
+            } catch (P) {
+              a = P;
             }
             e.call(d.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (j) {
-            s = j;
+          } catch (P) {
+            a = P;
           }
           e();
         }
-      } catch (j) {
-        if (j && s && typeof j.stack == "string") {
-          for (var u = j.stack.split(`
-`), C = s.stack.split(`
+      } 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--)
@@ -273,24 +273,24 @@ function $t() {
               if (g !== 1 || w !== 1)
                 do
                   if (g--, w--, w < 0 || u[g] !== C[w]) {
-                    var A = `
+                    var I = `
 ` + u[g].replace(" at new ", " at ");
-                    return e.displayName && A.includes("<anonymous>") && (A = A.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, A), A;
+                    return e.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, I), I;
                   }
                 while (g >= 1 && w >= 0);
               break;
             }
         }
       } finally {
-        fe = !1, ue.current = v, lt(), Error.prepareStackTrace = p;
+        fe = !1, ue.current = v, ct(), Error.prepareStackTrace = p;
       }
       var G = e ? e.displayName || e.name : "", Ke = G ? re(G) : "";
       return typeof e == "function" && ae.set(e, Ke), Ke;
     }
-    function dt(e, t, n) {
+    function ut(e, t, n) {
       return Me(e, !1);
     }
-    function ft(e) {
+    function dt(e) {
       var t = e.prototype;
       return !!(t && t.isReactComponent);
     }
@@ -298,7 +298,7 @@ function $t() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Me(e, ft(e));
+        return Me(e, dt(e));
       if (typeof e == "string")
         return re(e);
       switch (e) {
@@ -310,11 +310,11 @@ function $t() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case _:
-            return dt(e.render);
+            return ut(e.render);
           case S:
             return se(e.type, t, n);
           case R: {
-            var s = e, p = s._payload, v = s._init;
+            var a = e, p = a._payload, v = a._init;
             try {
               return se(v(p), t, n);
             } catch {
@@ -331,7 +331,7 @@ function $t() {
       } else
         Fe.setExtraStackFrame(null);
     }
-    function pt(e, t, n, s, p) {
+    function ft(e, t, n, a, p) {
       {
         var v = Function.call.bind(ie);
         for (var d in e)
@@ -339,28 +339,28 @@ function $t() {
             var u = void 0;
             try {
               if (typeof e[d] != "function") {
-                var C = Error((s || "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`.");
+                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;
               }
-              u = e[d](t, d, s, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              u = e[d](t, d, a, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (g) {
               u = g;
             }
-            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).", s || "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));
+            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));
           }
       }
     }
-    var vt = Array.isArray;
+    var pt = Array.isArray;
     function pe(e) {
-      return vt(e);
+      return pt(e);
     }
-    function _t(e) {
+    function vt(e) {
       {
         var t = typeof Symbol == "function" && Symbol.toStringTag, n = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return n;
       }
     }
-    function mt(e) {
+    function _t(e) {
       try {
         return Le(e), !1;
       } catch {
@@ -371,16 +371,16 @@ function $t() {
       return "" + e;
     }
     function Ue(e) {
-      if (mt(e))
-        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _t(e)), Le(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);
     }
-    var Be = N.ReactCurrentOwner, ht = {
+    var Be = N.ReactCurrentOwner, mt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, He, Ve;
-    function gt(e) {
+    }, He, $e;
+    function ht(e) {
       if (ie.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 Et(e) {
+    function gt(e) {
       if (ie.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 wt(e, t) {
+    function Et(e, t) {
       typeof e.ref == "string" && Be.current;
     }
-    function Tt(e, t) {
+    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));
@@ -413,7 +413,7 @@ function $t() {
     function bt(e, t) {
       {
         var n = function() {
-          Ve || (Ve = !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));
+          $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));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: n,
@@ -421,7 +421,7 @@ function $t() {
         });
       }
     }
-    var St = function(e, t, n, s, p, v, d) {
+    var Tt = function(e, t, n, a, p, v, d) {
       var u = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: i,
@@ -442,7 +442,7 @@ function $t() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: s
+        value: a
       }), Object.defineProperty(u, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -450,12 +450,12 @@ function $t() {
         value: p
       }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     };
-    function xt(e, t, n, s, p) {
+    function St(e, t, n, a, p) {
       {
         var v, d = {}, u = null, C = null;
-        n !== void 0 && (Ue(n), u = "" + n), Et(t) && (Ue(t.key), u = "" + t.key), gt(t) && (C = t.ref, wt(t, p));
+        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) && !ht.hasOwnProperty(v) && (d[v] = t[v]);
+          ie.call(t, v) && !mt.hasOwnProperty(v) && (d[v] = t[v]);
         if (e && e.defaultProps) {
           var g = e.defaultProps;
           for (v in g)
@@ -463,25 +463,25 @@ function $t() {
         }
         if (u || C) {
           var w = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          u && Tt(d, w), C && bt(d, w);
+          u && wt(d, w), C && bt(d, w);
         }
-        return St(e, u, C, p, s, Be.current, d);
+        return Tt(e, u, C, p, a, Be.current, d);
       }
     }
-    var ve = N.ReactCurrentOwner, $e = N.ReactDebugCurrentFrame;
+    var ve = N.ReactCurrentOwner, We = N.ReactDebugCurrentFrame;
     function Y(e) {
       if (e) {
         var t = e._owner, n = se(e.type, e._source, t ? t.type : null);
-        $e.setExtraStackFrame(n);
+        We.setExtraStackFrame(n);
       } else
-        $e.setExtraStackFrame(null);
+        We.setExtraStackFrame(null);
     }
     var _e;
     _e = !1;
     function me(e) {
       return typeof e == "object" && e !== null && e.$$typeof === i;
     }
-    function We() {
+    function qe() {
       {
         if (ve.current) {
           var e = H(ve.current.type);
@@ -493,13 +493,13 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Rt(e) {
+    function xt(e) {
       return "";
     }
-    var qe = {};
-    function Nt(e) {
+    var Ve = {};
+    function Rt(e) {
       {
-        var t = We();
+        var t = qe();
         if (!t) {
           var n = typeof e == "string" ? e : e.displayName || e.name;
           n && (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 = Nt(t);
-        if (qe[n])
+        var n = Rt(t);
+        if (Ve[n])
           return;
-        qe[n] = !0;
-        var s = "";
-        e && e._owner && e._owner !== ve.current && (s = " 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, s), Y(null);
+        Ve[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);
       }
     }
     function Ge(e, t) {
@@ -528,8 +528,8 @@ Check the top-level render call using <` + n + ">.");
           return;
         if (pe(e))
           for (var n = 0; n < e.length; n++) {
-            var s = e[n];
-            me(s) && Ye(s, t);
+            var a = e[n];
+            me(a) && Ye(a, t);
           }
         else if (me(e))
           e._store && (e._store.validated = !0);
@@ -541,7 +541,7 @@ Check the top-level render call using <` + n + ">.");
         }
       }
     }
-    function Ct(e) {
+    function Nt(e) {
       {
         var t = e.type;
         if (t == null || typeof t == "string")
@@ -556,8 +556,8 @@ Check the top-level render call using <` + n + ">.");
         else
           return;
         if (n) {
-          var s = H(t);
-          pt(n, e.props, "prop", s, e);
+          var a = H(t);
+          ft(n, e.props, "prop", a, e);
         } else if (t.PropTypes !== void 0 && !_e) {
           _e = !0;
           var p = H(t);
@@ -566,46 +566,46 @@ Check the top-level render call using <` + n + ">.");
         typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function At(e) {
+    function Ct(e) {
       {
         for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
-          var s = t[n];
-          if (s !== "children" && s !== "key") {
-            Y(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), Y(null);
+          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);
             break;
           }
         }
         e.ref !== null && (Y(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
       }
     }
-    function ze(e, t, n, s, p, v) {
+    function ze(e, t, n, a, p, v) {
       {
-        var d = it(e);
+        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 = Rt();
-          C ? u += C : u += We();
+          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 w = xt(e, t, n, p, v);
+        var w = St(e, t, n, p, v);
         if (w == null)
           return w;
         if (d) {
-          var A = t.children;
-          if (A !== void 0)
-            if (s)
-              if (pe(A)) {
-                for (var G = 0; G < A.length; G++)
-                  Ge(A[G], e);
-                Object.freeze && Object.freeze(A);
+          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);
+                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.");
             else
-              Ge(A, e);
+              Ge(I, e);
         }
-        return e === l ? At(w) : Ct(w), w;
+        return e === l ? Ct(w) : Nt(w), w;
       }
     }
     function It(e, t, n) {
@@ -614,11 +614,11 @@ Check the top-level render call using <` + n + ">.");
     function yt(e, t, n) {
       return ze(e, t, n, !1);
     }
-    var Pt = yt, jt = It;
-    Q.Fragment = l, Q.jsx = Pt, Q.jsxs = jt;
+    var jt = yt, At = It;
+    Q.Fragment = l, Q.jsx = jt, Q.jsxs = At;
   }()), Q;
 }
-process.env.NODE_ENV === "production" ? Ee.exports = Vt() : Ee.exports = $t();
+process.env.NODE_ENV === "production" ? Ee.exports = Ht() : Ee.exports = $t();
 var r = Ee.exports;
 const D = {
   SHOWROOM: "/showroom",
@@ -635,103 +635,103 @@ const D = {
   SUPERADMIN: "/superadmin",
   CMS: "/cms"
 }, Wt = 300, qt = 300;
-var L = /* @__PURE__ */ ((a) => (a.OPEN = "OPEN", a.HIDDEN = "HIDDEN", a.EXPANDED = "EXPANDED", a))(L || {});
+var L = /* @__PURE__ */ ((s) => (s.OPEN = "OPEN", s.HIDDEN = "HIDDEN", s.EXPANDED = "EXPANDED", s))(L || {});
 const Se = we.createContext(
   {}
 );
-function W() {
+function q() {
   return K(Se);
 }
-function Yt({
-  children: a,
+function Vt({
+  children: s,
   isOpen: i,
   onNavigationClose: f = () => {
   }
 }) {
-  const [l] = K(Te), [c, h] = ce({
+  const [l] = K(be), [c, h] = ce({
     selectedTenantId: l,
     currentPosition: "HIDDEN"
     /* HIDDEN */
-  }), { user: o, authService: T, canSignOut: _ } = K(et);
+  }), { user: o, authService: b, canSignOut: _ } = K(et);
   ge(() => {
     if (i) {
-      h((P) => ({
-        ...P,
+      h((A) => ({
+        ...A,
         selectedTenantId: l,
         currentPosition: "OPEN"
         /* OPEN */
       }));
       return;
     }
-    h((P) => ({
-      ...P,
+    h((A) => ({
+      ...A,
       currentPosition: "HIDDEN"
       /* HIDDEN */
     }));
   }, [l, i, h]), ge(() => {
-    i && T.refreshUser(300);
-  }, [T, i]);
-  const x = I(
+    i && b.refreshUser(300);
+  }, [b, i]);
+  const x = y(
     () => o ? k(
       o,
       c.selectedTenantId,
-      $.MARKETING_ENGINE_APP
+      W.MARKETING_ENGINE_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), m = I(
+  ), m = y(
     () => o ? k(
       o,
       c.selectedTenantId,
-      $.SHOWROOM_APP
+      W.SHOWROOM_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), S = I(
+  ), S = y(
     () => o ? k(
       o,
       c.selectedTenantId,
-      $.SENDOUTS_APP
+      W.SENDOUTS_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), R = I(
+  ), R = y(
     () => o ? k(
       o,
       c.selectedTenantId,
-      $.SENDOUTS_CMS_APP
+      W.SENDOUTS_CMS_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), y = I(
+  ), j = y(
     () => o ? k(
       o,
       c.selectedTenantId,
-      $.USER_MANAGEMENT_APP
+      W.USER_MANAGEMENT_APP
     ) : !1,
     [c.selectedTenantId, o]
-  ), M = I(
+  ), M = y(
     () => o ? k(
       o,
       c.selectedTenantId,
-      $.UNIVERSAL
+      W.UNIVERSAL
     ) : !1,
     [c.selectedTenantId, o]
-  ), U = I(
+  ), U = y(
     () => o ? k(o, c.selectedTenantId, "settings-app") : !1,
     [c.selectedTenantId, o]
-  ), B = I(
+  ), B = y(
     () => o ? k(
       o,
       c.selectedTenantId,
-      $.INSTORE_ADMIN_APP
+      W.INSTORE_ADMIN_APP
     ) : !1,
     [c.selectedTenantId, o]
   ), N = z(
-    (P) => h((le) => ({
+    (A) => h((le) => ({
       ...le,
-      ...P
+      ...A
     })),
     []
   ), E = z(async () => {
-    _ && await T.signOut();
-  }, [T, _]), q = z(() => {
+    _ && await b.signOut();
+  }, [b, _]), V = z(() => {
     if (c.currentPosition === "OPEN") {
       N({
         currentPosition: "EXPANDED",
@@ -746,20 +746,20 @@ function Yt({
       });
       return;
     }
-  }, [l, N, c.currentPosition]), X = I(
+  }, [l, N, c.currentPosition]), X = y(
     () => ({
       hasMarketingEngineAccess: x,
       hasShowroomAccess: m,
       hasSendoutsAccess: S,
       hasCmsAccess: R,
-      hasUserManagementAccess: y,
+      hasUserManagementAccess: j,
       hasUniversalAccess: M,
       hasSettingsAccess: U,
       hasInstoreAccess: B,
       viewState: c,
       updateViewState: N,
       signOut: E,
-      toggleTenants: q,
+      toggleTenants: V,
       onNavigationClose: f
     }),
     [
@@ -767,90 +767,81 @@ function Yt({
       S,
       R,
       m,
-      y,
+      j,
       M,
       U,
       B,
       c,
       N,
       E,
-      q,
+      V,
       f
     ]
   );
-  return /* @__PURE__ */ r.jsx(Se.Provider, { value: X, children: a });
+  return /* @__PURE__ */ r.jsx(Se.Provider, { value: X, children: s });
 }
-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 = () => {
-  const a = process.env.TENANTS_SERVICE_URL ?? process.env.REACT_APP_TENANTS_SERVICE_URL;
-  if (!a)
-    throw new Error(
-      "TENANTS_SERVICE_URL or REACT_APP_TENANTS_SERVICE_URL must be set"
-    );
-  return nt(
-    a,
-    "/api/Subscriptions/create-customer-portal-session"
+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 = () => {
+  throw new Error(
+    "TENANTS_SERVICE_URL or REACT_APP_TENANTS_SERVICE_URL must be set"
   );
 };
-function Qt() {
-  const a = tt(), i = Zt(), { viewState: f } = W(), [l] = K(Te);
+function Zt() {
+  const s = tt(), i = Jt(), { viewState: f } = q(), [l] = K(be);
   return z(
     async (h) => {
       const o = h.replace(/^\//, "");
-      a.setHeader("tenant-id", f.selectedTenantId);
+      s.setHeader("tenant-id", f.selectedTenantId);
       try {
-        return await a.post(
+        return await s.post(
           i,
           o
         );
       } finally {
-        l && a.setHeader("tenant-id", l);
+        l && s.setHeader("tenant-id", l);
       }
     },
-    [a, i, f, l]
+    [s, i, f, l]
   );
 }
-function en() {
-  const a = process.env.TENANTS_SERVICE_URL ?? process.env.REACT_APP_TENANTS_SERVICE_URL;
-  if (!a)
-    throw new Error(
-      "TENANTS_SERVICE_URL or REACT_APP_TENANTS_SERVICE_URL must be set"
-    );
-  return nt(a, "/api/Tenants/view");
+function Qt() {
+  throw new Error(
+    "TENANTS_SERVICE_URL or REACT_APP_TENANTS_SERVICE_URL must be set"
+  );
 }
 function xe() {
-  const a = tt(), i = en(), { data: f, error: l } = Ut(i, a.get);
+  const s = tt(), i = Qt(), { data: f, error: l } = Lt(i, s.get);
   return {
     tenants: f ?? [],
     isLoading: !f && !l,
     error: l
   };
 }
-function tn() {
+function en() {
   const {
-    viewState: { selectedTenantId: a }
-  } = W(), { tenants: i } = xe();
-  return I(() => i.find((l) => l.id === a), [i, a]);
+    viewState: { selectedTenantId: s }
+  } = q(), { tenants: i } = xe();
+  return y(() => i.find((l) => l.id === s), [i, s]);
 }
-function nn({ layout: a }) {
+function tn({ layout: s }) {
   const {
     viewState: { selectedTenantId: i }
-  } = W(), { tenants: f } = xe(), l = I(
+  } = q(), { tenants: f } = xe(), l = y(
     () => f.find((c) => c.id === i),
     [i, f]
   );
-  return l ? /* @__PURE__ */ r.jsx(Ft, { src: l.logoUrl, layout: a }) : null;
+  return l ? /* @__PURE__ */ r.jsx(kt, { src: l.logoUrl, layout: s }) : null;
 }
-const rn = "_tier_1cqnw_1", an = "_tier-header_1cqnw_12", sn = "_border_1cqnw_17", on = "_tier-main_1cqnw_21", cn = "_tier-footer_1cqnw_26", ee = {
-  tier: rn,
-  tierHeader: an,
-  border: sn,
-  tierMain: on,
-  tierFooter: cn
+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 = {
+  tier: nn,
+  tierHeader: rn,
+  border: an,
+  tierMain: sn,
+  tierFooter: on
 };
-function rt({
-  children: a,
+function nt({
+  children: s,
   header: i,
   footer: f,
   className: l,
@@ -868,41 +859,41 @@ function rt({
         children: i
       }
     ),
-    /* @__PURE__ */ r.jsx("div", { className: ee.tierMain, children: a }),
+    /* @__PURE__ */ r.jsx("div", { className: ee.tierMain, children: s }),
     !!f && /* @__PURE__ */ r.jsx("div", { className: ee.tierFooter, children: f })
   ] });
 }
-const ln = "_navigation-button_1ckcy_1", un = "_active_1ckcy_15", Ze = {
-  navigationButton: ln,
-  active: un
+const cn = "_navigation-button_1ckcy_1", ln = "_active_1ckcy_15", Ze = {
+  navigationButton: cn,
+  active: ln
 };
 function O({
-  children: a,
+  children: s,
   to: i,
   hidden: f,
   disabled: l,
   onClick: c
 }) {
-  const [h, o] = K(Te), [T, _] = ce(!1), {
+  const [h, o] = K(be), [b, _] = ce(!1), {
     viewState: { selectedTenantId: x }
-  } = W();
+  } = q();
   ge(() => {
     const R = () => {
-      h !== x && T && o(x);
+      h !== x && b && o(x);
     };
     return window.addEventListener("unload", R), () => {
       window.removeEventListener("unload", R);
     };
-  }, [o, h, x, T]);
+  }, [o, h, x, b]);
   const m = z(() => {
     if (c) {
       c(_);
       return;
     }
     i && (_(!0), window.location.assign(i));
-  }, [i, c]), S = i ? !!Bt(`${i}/*`, window.location.pathname) && h === x : !1;
+  }, [i, c]), S = i ? !!Ut(`${i}/*`, window.location.pathname) && h === x : !1;
   return f ? null : /* @__PURE__ */ r.jsx(
-    be,
+    Te,
     {
       align: "left",
       noBorder: !0,
@@ -910,49 +901,49 @@ function O({
       noShadow: !0,
       disabled: S || l,
       onClick: m,
-      children: a
+      children: 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", Tn = "_applications-main-user-name_1pwbq_81", bn = "_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", An = "_error-text_1pwbq_169", b = {
-  applications: dn,
-  applicationsHeader: fn,
-  applicationsHeaderBrand: pn,
-  applicationsHeaderLogo: vn,
-  applicationsHeaderCloseIcon: _n,
-  applicationsHeaderChangeBrandButton: mn,
-  applicationsMain: hn,
-  applicationsMainContent: gn,
-  applicationsMainList: En,
-  applicationsMainUser: wn,
-  applicationsMainUserName: Tn,
+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: Sn,
-  applicationsFooterSignOut: xn,
-  applicationsFooterSignOutIcon: Rn,
-  applicationsFooterSignOutLabel: Nn,
-  errorAnim: Cn,
-  errorText: An
-}, In = (a) => new Promise((i) => setTimeout(i, a));
+  applicationsFooter: Tn,
+  applicationsFooterSignOut: Sn,
+  applicationsFooterSignOutIcon: xn,
+  applicationsFooterSignOutLabel: Rn,
+  errorAnim: Nn,
+  errorText: Cn
+}, In = (s) => new Promise((i) => setTimeout(i, s));
 function yn() {
-  const { user: a } = K(et), {
+  const { user: s } = K(et), {
     signOut: i,
     onNavigationClose: f,
     toggleTenants: l,
     hasShowroomAccess: c,
     hasMarketingEngineAccess: h,
     hasSendoutsAccess: o,
-    hasCmsAccess: T,
+    hasCmsAccess: b,
     hasUserManagementAccess: _,
     hasSettingsAccess: x,
     hasUniversalAccess: m,
     hasInstoreAccess: S
-  } = W(), R = tn(), y = R && !!R.planName, [M, U] = ce(!1), [B, N] = ce(!1), E = Qt(), q = z(
+  } = q(), R = en(), j = R && !!R.planName, [M, U] = ce(!1), [B, N] = ce(!1), E = Zt(), V = z(
     async (X) => {
       try {
         N(!0);
-        const P = await E(window.location.pathname);
-        X(!0), window.location.assign(P.text);
+        const A = await E(window.location.pathname);
+        X(!0), window.location.assign(A.text);
       } catch {
         N(!1), U(!0), await In(2500), U(!1);
       }
@@ -960,41 +951,41 @@ function yn() {
     [N, E]
   );
   return /* @__PURE__ */ r.jsx(
-    rt,
+    nt,
     {
-      className: b.applications,
+      className: T.applications,
       width: qt,
       showHeaderBorder: !0,
-      header: /* @__PURE__ */ r.jsxs("div", { className: b.applicationsHeader, children: [
-        /* @__PURE__ */ r.jsxs("div", { className: b.applicationsHeaderBrand, children: [
-          /* @__PURE__ */ r.jsx("div", { className: b.applicationsHeaderLogo, children: /* @__PURE__ */ r.jsx(nn, {}) }),
+      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: b.applicationsHeaderCloseIcon,
+              className: T.applicationsHeaderCloseIcon,
               onClick: f,
-              children: /* @__PURE__ */ r.jsx(te, { src: Kt, size: "large" })
+              children: /* @__PURE__ */ r.jsx(te, { src: zt, size: "large" })
             }
           )
         ] }),
         /* @__PURE__ */ r.jsx(
-          be,
+          Te,
           {
             align: "left",
             noBorder: !0,
             transparent: !0,
-            className: b.applicationsHeaderChangeBrandButton,
+            className: T.applicationsHeaderChangeBrandButton,
             onClick: l,
             children: "Change brand"
           }
         )
       ] }),
-      footer: /* @__PURE__ */ r.jsx("div", { className: b.applicationsFooter, onClick: i, children: /* @__PURE__ */ r.jsxs("div", { className: b.applicationsFooterSignOut, children: [
-        /* @__PURE__ */ r.jsx("div", { className: b.applicationsFooterSignOutIcon, children: /* @__PURE__ */ r.jsx(te, { src: Xt, size: "medium" }) }),
-        /* @__PURE__ */ r.jsx("div", { className: b.applicationsFooterSignOutLabel, children: "Sign out" })
+      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" }) }),
+        /* @__PURE__ */ r.jsx("div", { className: T.applicationsFooterSignOutLabel, children: "Sign out" })
       ] }) }),
-      children: /* @__PURE__ */ r.jsx("div", { className: b.applicationsMain, children: /* @__PURE__ */ r.jsxs("div", { className: b.applicationsMainContent, children: [
-        /* @__PURE__ */ r.jsxs("div", { className: b.applicationsMainList, children: [
+      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" }),
@@ -1014,7 +1005,7 @@ function yn() {
               children: "Stores"
             }
           ),
-          /* @__PURE__ */ r.jsx(O, { hidden: !T, to: D.CMS, children: "Content Manager" }),
+          /* @__PURE__ */ r.jsx(O, { hidden: !b, to: D.CMS, children: "Content Manager" }),
           /* @__PURE__ */ r.jsx(
             O,
             {
@@ -1035,48 +1026,48 @@ function yn() {
             O,
             {
               disabled: B,
-              onClick: q,
-              hidden: !m || !y,
+              onClick: V,
+              hidden: !m || !j,
               to: "#",
               children: [
                 /* @__PURE__ */ r.jsx(
                   "span",
                   {
                     className: ne({
-                      [b.errorAnim]: M
+                      [T.errorAnim]: M
                     }),
                     children: "Subscription"
                   }
                 ),
-                B ? /* @__PURE__ */ r.jsx(te, { size: "xlarge", src: Jt, alt: "Loading" }) : ""
+                B ? /* @__PURE__ */ r.jsx(te, { size: "xlarge", src: Xt, alt: "Loading" }) : ""
               ]
             }
           ),
-          M ? /* @__PURE__ */ r.jsx("p", { className: b.errorText, children: "Unable to access subscription page" }) : null
+          M ? /* @__PURE__ */ r.jsx("p", { className: T.errorText, children: "Unable to access subscription page" }) : null
         ] }),
-        a && /* @__PURE__ */ r.jsxs("div", { className: b.applicationsMainUser, children: [
-          /* @__PURE__ */ r.jsxs("div", { className: b.applicationsMainUserName, children: [
-            a.firstName,
+        s && /* @__PURE__ */ r.jsxs("div", { className: T.applicationsMainUser, children: [
+          /* @__PURE__ */ r.jsxs("div", { className: T.applicationsMainUserName, children: [
+            s.firstName,
             " ",
-            a.lastName
+            s.lastName
           ] }),
-          /* @__PURE__ */ r.jsx("div", { className: b.applicationsMainUserEmail, children: a.email })
+          /* @__PURE__ */ r.jsx("div", { className: T.applicationsMainUserEmail, children: s.email })
         ] })
       ] }) })
     }
   );
 }
-const Pn = "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", jn = "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", Qe = {
-  tenantButton: On,
-  active: Dn
+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 = {
+  tenantButton: Pn,
+  active: On
 };
-function Mn({ tenant: a }) {
+function Dn({ tenant: s }) {
   const {
     viewState: { selectedTenantId: i },
     updateViewState: f
-  } = W(), l = i === a.id;
+  } = q(), l = i === s.id;
   return /* @__PURE__ */ r.jsx(
-    be,
+    Te,
     {
       align: "left",
       noBorder: !0,
@@ -1085,57 +1076,57 @@ function Mn({ tenant: a }) {
       disabled: l,
       onClick: () => {
         f({
-          selectedTenantId: a.id,
+          selectedTenantId: s.id,
           currentPosition: L.OPEN
         });
       },
-      children: a.label
+      children: s.label
     },
-    a.id
+    s.id
   );
 }
-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", Vn = "_tenants-footer-create-brand-icon_6vjyd_56", $n = "_tenants-footer-create-brand-label_6vjyd_60", F = {
-  tenants: kn,
-  tenantsHeader: Fn,
-  tenantsHeaderArrowIcon: Ln,
-  tenantsMain: Un,
-  tenantsFooter: Bn,
-  tenantsFooterCreateBrand: Hn,
-  tenantsFooterCreateBrandIcon: Vn,
+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 = {
+  tenants: Mn,
+  tenantsHeader: kn,
+  tenantsHeaderArrowIcon: Fn,
+  tenantsMain: Ln,
+  tenantsFooter: Un,
+  tenantsFooterCreateBrand: Bn,
+  tenantsFooterCreateBrandIcon: Hn,
   tenantsFooterCreateBrandLabel: $n
 };
 function Wn() {
-  const { toggleTenants: a } = W(), { tenants: i } = xe();
+  const { toggleTenants: s } = q(), { tenants: i } = xe();
   return /* @__PURE__ */ r.jsx("div", { className: F.tenants, children: /* @__PURE__ */ r.jsx(
-    rt,
+    nt,
     {
       width: Wt,
-      header: /* @__PURE__ */ r.jsx("div", { className: F.tenantsHeader, children: /* @__PURE__ */ r.jsx("div", { className: F.tenantsHeaderArrowIcon, onClick: a, children: /* @__PURE__ */ r.jsx(te, { src: jn, size: "large" }) }) }),
+      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" }) }) }),
       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: Pn, size: "medium" }) }),
+            /* @__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" })
           ] })
         }
       ),
-      children: /* @__PURE__ */ r.jsx("div", { className: F.tenantsMain, children: i.map((f) => /* @__PURE__ */ r.jsx(Mn, { tenant: f }, f.id)) })
+      children: /* @__PURE__ */ r.jsx("div", { className: F.tenantsMain, children: i.map((f) => /* @__PURE__ */ r.jsx(Dn, { tenant: f }, f.id)) })
     }
   ) });
 }
-const qn = "_tiers_dtxbu_1", Yn = {
+const qn = "_tiers_dtxbu_1", Vn = {
   tiers: qn
 };
-function Gn() {
-  return /* @__PURE__ */ r.jsxs("div", { className: Yn.tiers, children: [
+function Yn() {
+  return /* @__PURE__ */ r.jsxs("div", { className: Vn.tiers, children: [
     /* @__PURE__ */ r.jsx(yn, {}),
     /* @__PURE__ */ r.jsx(Wn, {})
   ] });
 }
-const he = { ease: "easeOut", duration: 0.3 }, zn = {
+const he = { ease: "easeOut", duration: 0.3 }, Gn = {
   [L.HIDDEN]: {
     left: -600,
     transition: he
@@ -1146,44 +1137,44 @@ const he = { ease: "easeOut", duration: 0.3 }, zn = {
   },
   [L.EXPANDED]: { left: 0, transition: he }
 };
-function Kn({
-  isOpen: a,
+function zn({
+  isOpen: s,
   portalContainer: i = document.body,
   onClose: f
 }) {
   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(Yt, { onNavigationClose: f, isOpen: a, children: /* @__PURE__ */ r.jsx(Se.Consumer, { children: ({ viewState: { currentPosition: l } }) => kt(
-      /* @__PURE__ */ r.jsx(Dt, { children: l !== L.HIDDEN && /* @__PURE__ */ r.jsx(
-        Mt.div,
+    /* @__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: zt.navigation,
+          className: Gt.navigation,
           initial: L.HIDDEN,
-          variants: zn,
+          variants: Gn,
           animate: l,
           exit: L.HIDDEN,
-          children: /* @__PURE__ */ r.jsx(Gn, {})
+          children: /* @__PURE__ */ r.jsx(Yn, {})
         }
       ) }),
       i
     ) }) })
   );
 }
-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: a = "medium",
+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 = Xn,
+  src: f = Kn,
   portalContainer: l = document.body,
   ...c
 }) {
-  const [h, o] = Ht(!1);
-  return /* @__PURE__ */ r.jsxs(Ot, { children: [
+  const [h, o] = Bt(!1);
+  return /* @__PURE__ */ r.jsxs(Pt, { children: [
     /* @__PURE__ */ r.jsx(
-      Lt,
+      Ft,
       {
-        size: a,
+        size: s,
         alt: i,
         src: f,
         onClick: () => o(),
@@ -1191,7 +1182,7 @@ function cr({
       }
     ),
     /* @__PURE__ */ r.jsx(
-      Kn,
+      zn,
       {
         isOpen: h,
         portalContainer: l,
@@ -1203,8 +1194,8 @@ function cr({
 export {
   qt as APPLICATIONS_TIER_WIDTH,
   D as AppPaths,
-  Kn as Navigation,
-  cr as NavigationButton,
+  zn as Navigation,
+  or as NavigationButton,
   Wt as TENANTS_TIER_WIDTH
 };
 //# sourceMappingURL=index.mjs.map