@myxtra/authentication-green 1.1.2 → 1.2.0-alpha.1

package/dist/{App-68194ae6.mjs → App-31fb8116.mjs}

@@ -1,5 +1,5 @@
-import { r as d, j as n, g as wt, u as Q, a as Qe, b as _t, E as Rt } from "./index-3594faaf.mjs";
-class K {
+import { r as d, j as n, g as wt, u as Q, a as Qe, b as _t, E as Rt } from "./index-919d6dee.mjs";
+class H {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
   }
@@ -171,7 +171,7 @@ function St() {
 function pe(t, e, s) {
   return s.isDataEqual != null && s.isDataEqual(t, e) ? t : typeof s.structuralSharing == "function" ? s.structuralSharing(t, e) : s.structuralSharing !== !1 ? Ke(t, e) : e;
 }
-class Pt extends K {
+class Pt extends H {
   constructor() {
     super(), this.setup = (e) => {
       if (!z && window.addEventListener) {
@@ -212,7 +212,7 @@ class Pt extends K {
   }
 }
 const re = new Pt(), Ne = ["online", "offline"];
-class At extends K {
+class At extends H {
   constructor() {
     super(), this.setup = (e) => {
       if (!z && window.addEventListener) {
@@ -271,54 +271,54 @@ class Ve {
 function te(t) {
   return t instanceof Ve;
 }
-function Ge(t) {
+function $e(t) {
   let e = !1, s = 0, r = !1, i, o, a;
-  const u = new Promise((v, y) => {
-    o = v, a = y;
-  }), l = (v) => {
-    r || (f(new Ve(v)), t.abort == null || t.abort());
+  const u = new Promise((m, C) => {
+    o = m, a = C;
+  }), l = (m) => {
+    r || (f(new Ve(m)), t.abort == null || t.abort());
   }, h = () => {
     e = !0;
   }, c = () => {
     e = !1;
-  }, p = () => !re.isFocused() || t.networkMode !== "always" && !ne.isOnline(), m = (v) => {
-    r || (r = !0, t.onSuccess == null || t.onSuccess(v), i == null || i(), o(v));
-  }, f = (v) => {
-    r || (r = !0, t.onError == null || t.onError(v), i == null || i(), a(v));
-  }, C = () => new Promise((v) => {
-    i = (y) => {
+  }, p = () => !re.isFocused() || t.networkMode !== "always" && !ne.isOnline(), v = (m) => {
+    r || (r = !0, t.onSuccess == null || t.onSuccess(m), i == null || i(), o(m));
+  }, f = (m) => {
+    r || (r = !0, t.onError == null || t.onError(m), i == null || i(), a(m));
+  }, y = () => new Promise((m) => {
+    i = (C) => {
       const _ = r || !p();
-      return _ && v(y), _;
+      return _ && m(C), _;
     }, t.onPause == null || t.onPause();
   }).then(() => {
     i = void 0, r || t.onContinue == null || t.onContinue();
-  }), b = () => {
+  }), g = () => {
     if (r)
       return;
-    let v;
+    let m;
     try {
-      v = t.fn();
-    } catch (y) {
-      v = Promise.reject(y);
+      m = t.fn();
+    } catch (C) {
+      m = Promise.reject(C);
     }
-    Promise.resolve(v).then(m).catch((y) => {
+    Promise.resolve(m).then(v).catch((C) => {
       var _, j;
       if (r)
         return;
-      const O = (_ = t.retry) != null ? _ : 3, N = (j = t.retryDelay) != null ? j : Nt, R = typeof N == "function" ? N(s, y) : N, w = O === !0 || typeof O == "number" && s < O || typeof O == "function" && O(s, y);
+      const S = (_ = t.retry) != null ? _ : 3, N = (j = t.retryDelay) != null ? j : Nt, R = typeof N == "function" ? N(s, C) : N, w = S === !0 || typeof S == "number" && s < S || typeof S == "function" && S(s, C);
       if (e || !w) {
-        f(y);
+        f(C);
         return;
       }
-      s++, t.onFail == null || t.onFail(s, y), He(R).then(() => {
+      s++, t.onFail == null || t.onFail(s, C), He(R).then(() => {
         if (p())
-          return C();
+          return y();
       }).then(() => {
-        e ? f(y) : b();
+        e ? f(C) : g();
       });
     });
   };
-  return ue(t.networkMode) ? b() : C().then(b), {
+  return ue(t.networkMode) ? g() : y().then(g), {
     promise: u,
     cancel: l,
     continue: () => (i == null ? void 0 : i()) ? u : Promise.resolve(),
@@ -373,7 +373,7 @@ function Mt() {
   };
 }
 const P = Mt();
-class $e {
+class Ge {
   destroy() {
     this.clearGcTimeout();
   }
@@ -389,7 +389,7 @@ class $e {
     this.gcTimeout && (clearTimeout(this.gcTimeout), this.gcTimeout = void 0);
   }
 }
-class Ft extends $e {
+class Ft extends Ge {
   constructor(e) {
     super(), this.abortSignalConsumed = !1, this.defaultOptions = e.defaultOptions, this.setOptions(e.options), this.observers = [], this.cache = e.cache, this.logger = e.logger || be, this.queryKey = e.queryKey, this.queryHash = e.queryHash, this.initialState = e.state || kt(this.options), this.state = this.initialState, this.scheduleGc();
   }
@@ -497,7 +497,7 @@ class Ft extends $e {
       }
     }
     if (e && this.setOptions(e), !this.options.queryFn) {
-      const f = this.observers.find((C) => C.options.queryFn);
+      const f = this.observers.find((y) => y.options.queryFn);
       f && this.setOptions(f.options);
     }
     Array.isArray(this.options.queryKey);
@@ -529,33 +529,33 @@ class Ft extends $e {
         meta: (p = c.fetchOptions) == null ? void 0 : p.meta
       });
     }
-    const m = (f) => {
+    const v = (f) => {
       if (te(f) && f.silent || this.dispatch({
         type: "error",
         error: f
       }), !te(f)) {
-        var C, b, v, y;
-        (C = (b = this.cache.config).onError) == null || C.call(b, f, this), (v = (y = this.cache.config).onSettled) == null || v.call(y, this.state.data, f, this);
+        var y, g, m, C;
+        (y = (g = this.cache.config).onError) == null || y.call(g, f, this), (m = (C = this.cache.config).onSettled) == null || m.call(C, this.state.data, f, this);
       }
       this.isFetchingOptimistic || this.scheduleGc(), this.isFetchingOptimistic = !1;
     };
-    return this.retryer = Ge({
+    return this.retryer = $e({
       fn: c.fetchFn,
       abort: a == null ? void 0 : a.abort.bind(a),
       onSuccess: (f) => {
-        var C, b, v, y;
+        var y, g, m, C;
         if (typeof f > "u") {
-          m(new Error(this.queryHash + " data is undefined"));
+          v(new Error(this.queryHash + " data is undefined"));
           return;
         }
-        this.setData(f), (C = (b = this.cache.config).onSuccess) == null || C.call(b, f, this), (v = (y = this.cache.config).onSettled) == null || v.call(y, f, this.state.error, this), this.isFetchingOptimistic || this.scheduleGc(), this.isFetchingOptimistic = !1;
+        this.setData(f), (y = (g = this.cache.config).onSuccess) == null || y.call(g, f, this), (m = (C = this.cache.config).onSettled) == null || m.call(C, f, this.state.error, this), this.isFetchingOptimistic || this.scheduleGc(), this.isFetchingOptimistic = !1;
       },
-      onError: m,
-      onFail: (f, C) => {
+      onError: v,
+      onFail: (f, y) => {
         this.dispatch({
           type: "failed",
           failureCount: f,
-          error: C
+          error: y
         });
       },
       onPause: () => {
@@ -674,7 +674,7 @@ function kt(t) {
     fetchStatus: "idle"
   };
 }
-class Lt extends K {
+class Lt extends H {
   constructor(e) {
     super(), this.config = e || {}, this.queries = [], this.queriesMap = {};
   }
@@ -750,7 +750,7 @@ class Lt extends K {
     });
   }
 }
-class Dt extends $e {
+class Dt extends Ge {
   constructor(e) {
     super(), this.defaultOptions = e.defaultOptions, this.mutationId = e.mutationId, this.mutationCache = e.mutationCache, this.logger = e.logger || be, this.observers = [], this.state = e.state || Ze(), this.setOptions(e.options), this.scheduleGc();
   }
@@ -793,12 +793,12 @@ class Dt extends $e {
   async execute() {
     const e = () => {
       var w;
-      return this.retryer = Ge({
+      return this.retryer = $e({
         fn: () => this.options.mutationFn ? this.options.mutationFn(this.state.variables) : Promise.reject("No mutationFn found"),
-        onFail: (g, F) => {
+        onFail: (b, F) => {
           this.dispatch({
             type: "failed",
-            failureCount: g,
+            failureCount: b,
             error: F
           });
         },
@@ -820,15 +820,15 @@ class Dt extends $e {
     try {
       var r, i, o, a, u, l, h, c;
       if (!s) {
-        var p, m, f, C;
+        var p, v, f, y;
         this.dispatch({
           type: "loading",
           variables: this.options.variables
-        }), await ((p = (m = this.mutationCache.config).onMutate) == null ? void 0 : p.call(m, this.state.variables, this));
-        const g = await ((f = (C = this.options).onMutate) == null ? void 0 : f.call(C, this.state.variables));
-        g !== this.state.context && this.dispatch({
+        }), await ((p = (v = this.mutationCache.config).onMutate) == null ? void 0 : p.call(v, this.state.variables, this));
+        const b = await ((f = (y = this.options).onMutate) == null ? void 0 : f.call(y, this.state.variables));
+        b !== this.state.context && this.dispatch({
           type: "loading",
-          context: g,
+          context: b,
           variables: this.state.variables
         });
       }
@@ -839,8 +839,8 @@ class Dt extends $e {
       }), w;
     } catch (w) {
       try {
-        var b, v, y, _, j, O, N, R;
-        throw await ((b = (v = this.mutationCache.config).onError) == null ? void 0 : b.call(v, w, this.state.variables, this.state.context, this)), await ((y = (_ = this.options).onError) == null ? void 0 : y.call(_, w, this.state.variables, this.state.context)), await ((j = (O = this.mutationCache.config).onSettled) == null ? void 0 : j.call(O, void 0, w, this.state.variables, this.state.context, this)), await ((N = (R = this.options).onSettled) == null ? void 0 : N.call(R, void 0, w, this.state.variables, this.state.context)), w;
+        var g, m, C, _, j, S, N, R;
+        throw await ((g = (m = this.mutationCache.config).onError) == null ? void 0 : g.call(m, w, this.state.variables, this.state.context, this)), await ((C = (_ = this.options).onError) == null ? void 0 : C.call(_, w, this.state.variables, this.state.context)), await ((j = (S = this.mutationCache.config).onSettled) == null ? void 0 : j.call(S, void 0, w, this.state.variables, this.state.context, this)), await ((N = (R = this.options).onSettled) == null ? void 0 : N.call(R, void 0, w, this.state.variables, this.state.context)), w;
       } finally {
         this.dispatch({
           type: "error",
@@ -930,7 +930,7 @@ function Ze() {
     variables: void 0
   };
 }
-class It extends K {
+class It extends H {
   constructor(e) {
     super(), this.config = e || {}, this.mutations = [], this.mutationId = 0;
   }
@@ -997,63 +997,63 @@ function Tt() {
     onFetch: (t) => {
       t.fetchFn = () => {
         var e, s, r, i, o, a;
-        const u = (e = t.fetchOptions) == null || (s = e.meta) == null ? void 0 : s.refetchPage, l = (r = t.fetchOptions) == null || (i = r.meta) == null ? void 0 : i.fetchMore, h = l == null ? void 0 : l.pageParam, c = (l == null ? void 0 : l.direction) === "forward", p = (l == null ? void 0 : l.direction) === "backward", m = ((o = t.state.data) == null ? void 0 : o.pages) || [], f = ((a = t.state.data) == null ? void 0 : a.pageParams) || [];
-        let C = f, b = !1;
-        const v = (R) => {
+        const u = (e = t.fetchOptions) == null || (s = e.meta) == null ? void 0 : s.refetchPage, l = (r = t.fetchOptions) == null || (i = r.meta) == null ? void 0 : i.fetchMore, h = l == null ? void 0 : l.pageParam, c = (l == null ? void 0 : l.direction) === "forward", p = (l == null ? void 0 : l.direction) === "backward", v = ((o = t.state.data) == null ? void 0 : o.pages) || [], f = ((a = t.state.data) == null ? void 0 : a.pageParams) || [];
+        let y = f, g = !1;
+        const m = (R) => {
           Object.defineProperty(R, "signal", {
             enumerable: !0,
             get: () => {
               var w;
               if ((w = t.signal) != null && w.aborted)
-                b = !0;
+                g = !0;
               else {
-                var g;
-                (g = t.signal) == null || g.addEventListener("abort", () => {
-                  b = !0;
+                var b;
+                (b = t.signal) == null || b.addEventListener("abort", () => {
+                  g = !0;
                 });
               }
               return t.signal;
             }
           });
-        }, y = t.options.queryFn || (() => Promise.reject("Missing queryFn for queryKey '" + t.options.queryHash + "'")), _ = (R, w, g, F) => (C = F ? [w, ...C] : [...C, w], F ? [g, ...R] : [...R, g]), j = (R, w, g, F) => {
-          if (b)
+        }, C = t.options.queryFn || (() => Promise.reject("Missing queryFn for queryKey '" + t.options.queryHash + "'")), _ = (R, w, b, F) => (y = F ? [w, ...y] : [...y, w], F ? [b, ...R] : [...R, b]), j = (R, w, b, F) => {
+          if (g)
             return Promise.reject("Cancelled");
-          if (typeof g > "u" && !w && R.length)
+          if (typeof b > "u" && !w && R.length)
             return Promise.resolve(R);
-          const Z = {
+          const W = {
             queryKey: t.queryKey,
-            pageParam: g,
+            pageParam: b,
             meta: t.options.meta
           };
-          v(Z);
-          const le = y(Z);
-          return Promise.resolve(le).then((jt) => _(R, g, jt, F));
+          m(W);
+          const le = C(W);
+          return Promise.resolve(le).then((jt) => _(R, b, jt, F));
         };
-        let O;
-        if (!m.length)
-          O = j([]);
+        let S;
+        if (!v.length)
+          S = j([]);
         else if (c) {
-          const R = typeof h < "u", w = R ? h : Me(t.options, m);
-          O = j(m, R, w);
+          const R = typeof h < "u", w = R ? h : Me(t.options, v);
+          S = j(v, R, w);
         } else if (p) {
-          const R = typeof h < "u", w = R ? h : Ut(t.options, m);
-          O = j(m, R, w, !0);
+          const R = typeof h < "u", w = R ? h : Ut(t.options, v);
+          S = j(v, R, w, !0);
         } else {
-          C = [];
+          y = [];
           const R = typeof t.options.getNextPageParam > "u";
-          O = (u && m[0] ? u(m[0], 0, m) : !0) ? j([], R, f[0]) : Promise.resolve(_([], f[0], m[0]));
-          for (let g = 1; g < m.length; g++)
-            O = O.then((F) => {
-              if (u && m[g] ? u(m[g], g, m) : !0) {
-                const le = R ? f[g] : Me(t.options, F);
+          S = (u && v[0] ? u(v[0], 0, v) : !0) ? j([], R, f[0]) : Promise.resolve(_([], f[0], v[0]));
+          for (let b = 1; b < v.length; b++)
+            S = S.then((F) => {
+              if (u && v[b] ? u(v[b], b, v) : !0) {
+                const le = R ? f[b] : Me(t.options, F);
                 return j(F, R, le);
               }
-              return Promise.resolve(_(F, f[g], m[g]));
+              return Promise.resolve(_(F, f[b], v[b]));
             });
         }
-        return O.then((R) => ({
+        return S.then((R) => ({
           pages: R,
-          pageParams: C
+          pageParams: y
         }));
       };
     }
@@ -1261,7 +1261,7 @@ class We {
     this.queryCache.clear(), this.mutationCache.clear();
   }
 }
-class Qt extends K {
+class Qt extends H {
   constructor(e, s) {
     super(), this.client = e, this.options = s, this.trackedProps = /* @__PURE__ */ new Set(), this.selectError = null, this.bindMethods(), this.setOptions(s);
   }
@@ -1378,65 +1378,65 @@ class Qt extends K {
       state: p
     } = e;
     let {
-      dataUpdatedAt: m,
+      dataUpdatedAt: v,
       error: f,
-      errorUpdatedAt: C,
-      fetchStatus: b,
-      status: v
-    } = p, y = !1, _ = !1, j;
+      errorUpdatedAt: y,
+      fetchStatus: g,
+      status: m
+    } = p, C = !1, _ = !1, j;
     if (s._optimisticResults) {
-      const g = this.hasListeners(), F = !g && Fe(e, s), Z = g && ke(e, r, s, i);
-      (F || Z) && (b = ue(e.options.networkMode) ? "fetching" : "paused", m || (v = "loading")), s._optimisticResults === "isRestoring" && (b = "idle");
+      const b = this.hasListeners(), F = !b && Fe(e, s), W = b && ke(e, r, s, i);
+      (F || W) && (g = ue(e.options.networkMode) ? "fetching" : "paused", v || (m = "loading")), s._optimisticResults === "isRestoring" && (g = "idle");
     }
-    if (s.keepPreviousData && !p.dataUpdatedAt && c != null && c.isSuccess && v !== "error")
-      j = c.data, m = c.dataUpdatedAt, v = c.status, y = !0;
+    if (s.keepPreviousData && !p.dataUpdatedAt && c != null && c.isSuccess && m !== "error")
+      j = c.data, v = c.dataUpdatedAt, m = c.status, C = !0;
     else if (s.select && typeof p.data < "u")
       if (o && p.data === (a == null ? void 0 : a.data) && s.select === this.selectFn)
         j = this.selectResult;
       else
         try {
           this.selectFn = s.select, j = s.select(p.data), j = pe(o == null ? void 0 : o.data, j, s), this.selectResult = j, this.selectError = null;
-        } catch (g) {
-          this.selectError = g;
+        } catch (b) {
+          this.selectError = b;
         }
     else
       j = p.data;
-    if (typeof s.placeholderData < "u" && typeof j > "u" && v === "loading") {
-      let g;
+    if (typeof s.placeholderData < "u" && typeof j > "u" && m === "loading") {
+      let b;
       if (o != null && o.isPlaceholderData && s.placeholderData === (u == null ? void 0 : u.placeholderData))
-        g = o.data;
-      else if (g = typeof s.placeholderData == "function" ? s.placeholderData() : s.placeholderData, s.select && typeof g < "u")
+        b = o.data;
+      else if (b = typeof s.placeholderData == "function" ? s.placeholderData() : s.placeholderData, s.select && typeof b < "u")
         try {
-          g = s.select(g), this.selectError = null;
+          b = s.select(b), this.selectError = null;
         } catch (F) {
           this.selectError = F;
         }
-      typeof g < "u" && (v = "success", j = pe(o == null ? void 0 : o.data, g, s), _ = !0);
+      typeof b < "u" && (m = "success", j = pe(o == null ? void 0 : o.data, b, s), _ = !0);
     }
-    this.selectError && (f = this.selectError, j = this.selectResult, C = Date.now(), v = "error");
-    const O = b === "fetching", N = v === "loading", R = v === "error";
+    this.selectError && (f = this.selectError, j = this.selectResult, y = Date.now(), m = "error");
+    const S = g === "fetching", N = m === "loading", R = m === "error";
     return {
-      status: v,
-      fetchStatus: b,
+      status: m,
+      fetchStatus: g,
       isLoading: N,
-      isSuccess: v === "success",
+      isSuccess: m === "success",
       isError: R,
-      isInitialLoading: N && O,
+      isInitialLoading: N && S,
       data: j,
-      dataUpdatedAt: m,
+      dataUpdatedAt: v,
       error: f,
-      errorUpdatedAt: C,
+      errorUpdatedAt: y,
       failureCount: p.fetchFailureCount,
       failureReason: p.fetchFailureReason,
       errorUpdateCount: p.errorUpdateCount,
       isFetched: p.dataUpdateCount > 0 || p.errorUpdateCount > 0,
       isFetchedAfterMount: p.dataUpdateCount > h.dataUpdateCount || p.errorUpdateCount > h.errorUpdateCount,
-      isFetching: O,
-      isRefetching: O && !N,
+      isFetching: S,
+      isRefetching: S && !N,
       isLoadingError: R && p.dataUpdatedAt === 0,
-      isPaused: b === "paused",
+      isPaused: g === "paused",
       isPlaceholderData: _,
-      isPreviousData: y,
+      isPreviousData: C,
       isRefetchError: R && p.dataUpdatedAt !== 0,
       isStale: je(e, s),
       refetch: this.refetch,
@@ -1522,7 +1522,7 @@ function je(t, e) {
 function Bt(t, e, s) {
   return s.keepPreviousData ? !1 : s.placeholderData !== void 0 ? e.isPlaceholderData : t.getCurrentResult() !== e;
 }
-class Kt extends K {
+class Kt extends H {
   constructor(e, s) {
     super(), this.client = e, this.setOptions(s), this.bindMethods(), this.updateResult();
   }
@@ -1606,16 +1606,16 @@ var Ye = { exports: {} }, ze = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var B = d;
+var K = d;
 function Ht(t, e) {
   return t === e && (t !== 0 || 1 / t === 1 / e) || t !== t && e !== e;
 }
-var Vt = typeof Object.is == "function" ? Object.is : Ht, Gt = B.useState, $t = B.useEffect, Zt = B.useLayoutEffect, Wt = B.useDebugValue;
+var Vt = typeof Object.is == "function" ? Object.is : Ht, $t = K.useState, Gt = K.useEffect, Zt = K.useLayoutEffect, Wt = K.useDebugValue;
 function Yt(t, e) {
-  var s = e(), r = Gt({ inst: { value: s, getSnapshot: e } }), i = r[0].inst, o = r[1];
+  var s = e(), r = $t({ inst: { value: s, getSnapshot: e } }), i = r[0].inst, o = r[1];
   return Zt(function() {
     i.value = s, i.getSnapshot = e, ce(i) && o({ inst: i });
-  }, [t, s, e]), $t(function() {
+  }, [t, s, e]), Gt(function() {
     return ce(i) && o({ inst: i }), t(function() {
       ce(i) && o({ inst: i });
     });
@@ -1635,7 +1635,7 @@ function zt(t, e) {
   return e();
 }
 var Jt = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? zt : Yt;
-ze.useSyncExternalStore = B.useSyncExternalStore !== void 0 ? B.useSyncExternalStore : Jt;
+ze.useSyncExternalStore = K.useSyncExternalStore !== void 0 ? K.useSyncExternalStore : Jt;
 Ye.exports = ze;
 var Xt = Ye.exports;
 const Je = Xt.useSyncExternalStore, Le = /* @__PURE__ */ d.createContext(void 0), Xe = /* @__PURE__ */ d.createContext(!1);
@@ -1764,7 +1764,7 @@ function it(t) {
         t[e] && (r && (r += " "), r += e);
   return r;
 }
-function S() {
+function O() {
   for (var t, e, s = 0, r = ""; s < arguments.length; )
     (t = arguments[s++]) && (e = it(t)) && (r && (r += " "), r += e);
   return r;
@@ -1851,7 +1851,7 @@ var _s = ({ firstName: t, lastName: e, variant: s = "small" }) => {
       children: /* @__PURE__ */ n.jsx("span", { className: "avatar__initials", children: r })
     }
   );
-}, H = d.forwardRef(
+}, V = d.forwardRef(
   (t, e) => {
     var s = t, {
       iconLeft: r,
@@ -1876,7 +1876,7 @@ var _s = ({ firstName: t, lastName: e, variant: s = "small" }) => {
       E(x({
         ref: e
       }, c), {
-        className: S(
+        className: O(
           "button",
           u && `button--${u}`,
           u && a && `button--${u}--filled`,
@@ -1893,7 +1893,7 @@ var _s = ({ firstName: t, lastName: e, variant: s = "small" }) => {
     );
   }
 );
-H.displayName = "Button";
+V.displayName = "Button";
 d.createContext(void 0);
 var Rs = d.forwardRef(
   (t, e) => {
@@ -1904,7 +1904,7 @@ var Rs = d.forwardRef(
         "input",
         x({
           ref: e,
-          className: S(
+          className: O(
             "input",
             r && "input--with-prefix",
             i && "input--with-suffix",
@@ -2194,7 +2194,7 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       )
     ]
   })
-), Gs = Vs, $s = (t) => {
+), $s = Vs, Gs = (t) => {
   const e = (s) => `${s}${t.suffix ? `_${t.suffix}` : ""}`;
   return /* @__PURE__ */ n.jsxs(
     "svg",
@@ -2365,7 +2365,7 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       ]
     })
   );
-}, _e = $s, Zs = (t) => /* @__PURE__ */ n.jsx(
+}, _e = Gs, Zs = (t) => /* @__PURE__ */ n.jsx(
   "svg",
   E(x({
     fill: "none",
@@ -2431,7 +2431,7 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
   return /* @__PURE__ */ n.jsx(
     "div",
     E(x({}, l), {
-      className: S(
+      className: O(
         "card__empty-state",
         s === "error" && "card__empty-state--error",
         i && "card__empty-state--standalone",
@@ -2461,7 +2461,7 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
   return /* @__PURE__ */ n.jsx(
     "div",
     E(x({}, a), {
-      className: S(
+      className: O(
         "card__header",
         s && `card__header--${s}`,
         r && "card__header--sticky",
@@ -2470,7 +2470,7 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
       children: o
     })
   );
-}, tr = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__image", children: t }), sr = ({ children: t, className: e }) => /* @__PURE__ */ n.jsx("div", { className: S("card__body__item", e), children: t }), rr = ({ icon: t, children: e }) => /* @__PURE__ */ n.jsxs("div", { className: "card__header__title", children: [
+}, tr = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__image", children: t }), sr = ({ children: t, className: e }) => /* @__PURE__ */ n.jsx("div", { className: O("card__body__item", e), children: t }), rr = ({ icon: t, children: e }) => /* @__PURE__ */ n.jsxs("div", { className: "card__header__title", children: [
   t && /* @__PURE__ */ n.jsx("span", { className: "card__header__title__icon", children: t }),
   e
 ] }), ut = d.forwardRef(
@@ -2479,7 +2479,7 @@ var Es = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "card__h
     return d.createElement(
       r,
       x({
-        className: S(
+        className: O(
           "card",
           u && "card--disabled",
           a && `card--${a}`,
@@ -2504,13 +2504,13 @@ Object.assign(ut, {
 });
 var nr = (t) => {
   var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
-  return /* @__PURE__ */ n.jsx("div", E(x({ className: S("checkbox__content", s) }, i), { children: r }));
+  return /* @__PURE__ */ n.jsx("div", E(x({ className: O("checkbox__content", s) }, i), { children: r }));
 }, ir = (t) => {
   var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
-  return /* @__PURE__ */ n.jsx("span", E(x({ className: S("checkbox__error", s) }, i), { children: r }));
+  return /* @__PURE__ */ n.jsx("span", E(x({ className: O("checkbox__error", s) }, i), { children: r }));
 }, or = (t) => {
   var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
-  return /* @__PURE__ */ n.jsx("span", E(x({ className: S("checkbox__hint", s) }, i), { children: r }));
+  return /* @__PURE__ */ n.jsx("span", E(x({ className: O("checkbox__hint", s) }, i), { children: r }));
 }, lt = d.createContext(void 0), ar = ({ id: t, name: e, children: s }) => /* @__PURE__ */ n.jsx(lt.Provider, { value: { id: t, name: e }, children: s }), ur = () => {
   const t = d.useContext(lt);
   if (!t)
@@ -2519,7 +2519,7 @@ var nr = (t) => {
 }, lr = (t) => {
   var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
   const { id: o } = ur();
-  return /* @__PURE__ */ n.jsx("label", E(x({ htmlFor: o, className: S("checkbox__label", s) }, i), { children: r }));
+  return /* @__PURE__ */ n.jsx("label", E(x({ htmlFor: o, className: O("checkbox__label", s) }, i), { children: r }));
 }, U = (t) => {
   var e = t, {
     id: s,
@@ -2544,7 +2544,7 @@ var nr = (t) => {
   }, [i]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: S("checkbox", o && `checkbox--${o}`, a && "checkbox--error"),
+      className: O("checkbox", o && `checkbox--${o}`, a && "checkbox--error"),
       children: [
         /* @__PURE__ */ n.jsx(
           "input",
@@ -2553,10 +2553,10 @@ var nr = (t) => {
             name: r,
             type: "checkbox",
             ref: c,
-            className: S("checkbox__input", u)
+            className: O("checkbox__input", u)
           }, h)
         ),
-        i ? /* @__PURE__ */ n.jsx(Gs, { className: "checkbox__spinner", "aria-hidden": !0 }) : /* @__PURE__ */ n.jsx(Qs, { className: "checkbox__check", "aria-hidden": !0, strokeDasharray: "75" }),
+        i ? /* @__PURE__ */ n.jsx($s, { className: "checkbox__spinner", "aria-hidden": !0 }) : /* @__PURE__ */ n.jsx(Qs, { className: "checkbox__check", "aria-hidden": !0, strokeDasharray: "75" }),
         /* @__PURE__ */ n.jsx(ar, { id: s, name: r, children: l })
       ]
     }
@@ -2568,20 +2568,20 @@ U.Hint = or;
 U.Error = ir;
 var cr = (t) => {
   var e = t, { type: s = "div", className: r, children: i } = e, o = A(e, ["type", "className", "children"]);
-  return d.createElement(s, x({ className: S("dialog__body", r) }, o), i);
+  return d.createElement(s, x({ className: O("dialog__body", r) }, o), i);
 }, ye = () => document.body.style.removeProperty("overflow"), Ie = (t) => t.preventDefault(), dr = 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])', hr = (t) => {
   var e = t, { className: s, children: r, shouldAnimate: i = !0 } = e, o = A(e, ["className", "children", "shouldAnimate"]);
   const { ref: a, defaultOpen: u, isModal: l, onClose: h } = X();
   return d.useEffect(() => {
     const c = a == null ? void 0 : a.current;
     if (c != null && c.open) {
-      const p = c.querySelectorAll(dr), m = p[0], f = p[p.length - 1], C = (b) => {
-        if (!(b.key === "Tab"))
+      const p = c.querySelectorAll(dr), v = p[0], f = p[p.length - 1], y = (g) => {
+        if (!(g.key === "Tab"))
           return;
-        b.shiftKey ? document.activeElement === m && (f.focus(), b.preventDefault()) : document.activeElement === f && (m.focus(), b.preventDefault());
+        g.shiftKey ? document.activeElement === v && (f.focus(), g.preventDefault()) : document.activeElement === f && (v.focus(), g.preventDefault());
       };
-      return document.body.style.overflow = "hidden", c.addEventListener("keydown", C), window.addEventListener("popstate", () => ye()), () => {
-        c.removeEventListener("keydown", C), window.removeEventListener("popstate", () => ye());
+      return document.body.style.overflow = "hidden", c.addEventListener("keydown", y), window.addEventListener("popstate", () => ye()), () => {
+        c.removeEventListener("keydown", y), window.removeEventListener("popstate", () => ye());
       };
     }
   }, [a]), d.useEffect(() => {
@@ -2590,9 +2590,9 @@ var cr = (t) => {
       return;
     if (u && (c.removeAttribute("open"), c.showModal(), c.focus()), l)
       return c.addEventListener("cancel", Ie), () => c.removeEventListener("cancel", Ie);
-    const p = ({ clientX: m, clientY: f }) => {
-      const { top: C, right: b, bottom: v, left: y } = c.getBoundingClientRect(), _ = 0 < f && 0 < m, j = C < f && f < v, O = y < m && m < b;
-      _ && !(j && O) && h();
+    const p = ({ clientX: v, clientY: f }) => {
+      const { top: y, right: g, bottom: m, left: C } = c.getBoundingClientRect(), _ = 0 < f && 0 < v, j = y < f && f < m, S = C < v && v < g;
+      _ && !(j && S) && h();
     };
     return c.addEventListener("cancel", h), c.addEventListener("mousedown", p), () => {
       c.removeEventListener("cancel", h), c.removeEventListener("mousedown", p);
@@ -2604,7 +2604,7 @@ var cr = (t) => {
       tabIndex: -1,
       open: u,
       "aria-modal": !!l,
-      className: S("dialog", i && "dialog--animated", s)
+      className: O("dialog", i && "dialog--animated", s)
     }, o), {
       children: r
     })
@@ -2623,12 +2623,12 @@ var cr = (t) => {
 }, pr = (t) => {
   var e = t, { children: s } = e, r = A(e, ["children"]);
   const { onClose: i } = X();
-  return /* @__PURE__ */ n.jsx(H, E(x({ onClick: i }, r), { children: s }));
+  return /* @__PURE__ */ n.jsx(V, E(x({ onClick: i }, r), { children: s }));
 }, dt = d.forwardRef((t, e) => {
   var s = t, { className: r } = s, i = A(s, ["className"]);
   const { onClose: o } = X();
   return /* @__PURE__ */ n.jsx(
-    H,
+    V,
     x({
       type: "submit",
       ref: e,
@@ -2636,14 +2636,14 @@ var cr = (t) => {
       onClick: o,
       iconLeft: /* @__PURE__ */ n.jsx(As, {}),
       variant: "icon--secondary",
-      className: S("dialog__close button--icon", r)
+      className: O("dialog__close button--icon", r)
     }, i)
   );
 });
 dt.displayName = "Close";
 var vr = (t) => {
   var e = t, { className: s, children: r } = e, i = A(e, ["className", "children"]);
-  return /* @__PURE__ */ n.jsx("div", E(x({ className: S("dialog__footer", s) }, i), { children: r }));
+  return /* @__PURE__ */ n.jsx("div", E(x({ className: O("dialog__footer", s) }, i), { children: r }));
 }, mr = ({ children: t }) => /* @__PURE__ */ n.jsx("div", { className: "dialog__header", children: t }), yr = (t) => {
   var e = t, { icon: s, children: r, className: i } = e, o = A(e, ["icon", "children", "className"]);
   const { ref: a } = X(), u = d.useRef(null);
@@ -2654,7 +2654,7 @@ var vr = (t) => {
     E(x({
       tabIndex: 0,
       ref: u,
-      className: S("dialog__header__title", i)
+      className: O("dialog__header__title", i)
     }, o), {
       children: [
         s && /* @__PURE__ */ n.jsx("span", { className: "dialog__header__icon", children: s }),
@@ -2665,7 +2665,7 @@ var vr = (t) => {
 }, Cr = (t) => {
   var e = t, { children: s } = e, r = A(e, ["children"]);
   const { ref: i } = X();
-  return /* @__PURE__ */ n.jsx(H, E(x({ onClick: () => {
+  return /* @__PURE__ */ n.jsx(V, E(x({ onClick: () => {
     var o;
     return (o = i == null ? void 0 : i.current) == null ? void 0 : o.showModal();
   } }, r), { children: s }));
@@ -2710,55 +2710,64 @@ var ht = d.createContext(void 0), xr = ({
   if (t === void 0)
     throw new Error("useMenu must be used within a MenuProvider");
   return t;
-}, gr = ({ children: t }) => {
+}, gr = ({ as: t, children: e }) => {
   const {
-    id: e,
-    position: s,
-    isOpen: r,
-    setIsOpen: i,
-    activeItemIndex: o,
-    setActiveItemIndex: a,
-    clearActiveItemIndex: u,
-    triggerRef: l,
-    contentRef: h
-  } = ft(), c = (p) => {
-    var m;
-    if (!r)
+    id: s,
+    position: r,
+    isOpen: i,
+    setIsOpen: o,
+    activeItemIndex: a,
+    setActiveItemIndex: u,
+    clearActiveItemIndex: l,
+    triggerRef: h,
+    contentRef: c
+  } = ft(), p = (v) => {
+    var f;
+    if (!i)
       return;
-    if (p.key === "Escape")
-      return u(), i(!1), (m = l.current) == null ? void 0 : m.focus();
-    const f = h.current.childElementCount - 1;
-    switch (p.key) {
+    if (v.key === "Escape")
+      return l(), o(!1), (f = h.current) == null ? void 0 : f.focus();
+    const y = c.current.childElementCount - 1;
+    switch (v.key) {
       case "ArrowUp":
       case "ArrowLeft":
-        return p.preventDefault(), a(o ? Math.max(0, o - 1) : 0);
+        return v.preventDefault(), u(a ? Math.max(0, a - 1) : 0);
       case "ArrowDown":
       case "ArrowRight":
-        p.preventDefault();
-        const C = o !== void 0 ? o + 1 : 0;
-        return a(Math.min(f, C));
+        v.preventDefault();
+        const g = a !== void 0 ? a + 1 : 0;
+        return u(Math.min(y, g));
       case "Home":
-        return p.preventDefault(), a(0);
+        return v.preventDefault(), u(0);
       case "End":
-        return p.preventDefault(), a(f);
+        return v.preventDefault(), u(y);
     }
   };
-  return (
+  return t ? d.createElement(
+    t,
+    {
+      id: `${s}-content`,
+      ref: c,
+      className: O("menu__list", `menu__list--${r}`, i && "menu__list--active"),
+      onKeyDown: p
+    },
+    e
+  ) : (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n.jsx(
       "ul",
       {
-        id: `${e}-content`,
-        ref: h,
-        className: S("menu__list", `menu__list--${s}`, r && "menu__list--active"),
-        onKeyDown: c,
-        children: t
+        id: `${s}-content`,
+        ref: c,
+        className: O("menu__list", `menu__list--${r}`, i && "menu__list--active"),
+        onKeyDown: p,
+        children: e
       }
     )
   );
 }, br = (t) => {
   var e = t, { children: s, className: r } = e, i = A(e, ["children", "className"]);
-  return /* @__PURE__ */ n.jsx("li", E(x({}, i), { className: S("menu__list-item", r), children: s }));
+  return /* @__PURE__ */ n.jsx("li", E(x({}, i), { className: O("menu__list-item", r), children: s }));
 }, pt = ({ children: t, className: e }) => {
   const { id: s, isOpen: r, setIsOpen: i, clearActiveItemIndex: o, setActiveItemIndex: a, triggerRef: u } = ft(), l = () => {
     o(), i((c) => !c);
@@ -2772,7 +2781,7 @@ var ht = d.createContext(void 0), xr = ({
   return d.cloneElement(t, {
     id: `${s}-trigger`,
     ref: u,
-    className: S("menu__trigger", e),
+    className: O("menu__trigger", e),
     onClick: l,
     onKeyDown: h,
     "aria-expanded": r,
@@ -2782,13 +2791,13 @@ var ht = d.createContext(void 0), xr = ({
 pt.displayName = "Trigger";
 var L = (t) => {
   var e = t, { type: s, id: r, position: i = "right", children: o, className: a } = e, u = A(e, ["type", "id", "position", "children", "className"]);
-  const l = d.useRef(null), h = d.useRef(null), c = d.useRef(null), [p, m] = d.useState(!1), [f, C] = d.useState(), [b, v] = d.useState(f);
-  f !== b && f !== void 0 && (c.current.children[f].firstChild.focus(), v(f));
-  const y = () => {
-    C(void 0), v(void 0);
+  const l = d.useRef(null), h = d.useRef(null), c = d.useRef(null), [p, v] = d.useState(!1), [f, y] = d.useState(), [g, m] = d.useState(f);
+  f !== g && f !== void 0 && (c.current.children[f].firstChild.focus(), m(f));
+  const C = () => {
+    y(void 0), m(void 0);
   }, _ = (j) => {
-    var O;
-    ((O = l.current) == null ? void 0 : O.contains(j.relatedTarget)) || (y(), m(!1));
+    var S;
+    ((S = l.current) == null ? void 0 : S.contains(j.relatedTarget)) || (C(), v(!1));
   };
   return /* @__PURE__ */ n.jsx(
     xr,
@@ -2796,10 +2805,10 @@ var L = (t) => {
       id: r,
       position: i,
       isOpen: p,
-      setIsOpen: m,
+      setIsOpen: v,
       activeItemIndex: f,
-      setActiveItemIndex: C,
-      clearActiveItemIndex: y,
+      setActiveItemIndex: y,
+      clearActiveItemIndex: C,
       triggerRef: h,
       contentRef: c,
       children: d.createElement(
@@ -2826,7 +2835,7 @@ var jr = (/* @__PURE__ */ new Map()).set("BE", "32").set("FR", "33").set("NL", "
 }));
 d.createContext(void 0);
 d.createContext(void 0);
-const W = ({
+const B = ({
   className: t,
   label: e,
   mobileUrl: s,
@@ -2841,7 +2850,13 @@ const W = ({
     i,
     e
   ] })
-] }), vt = d.createContext(void 0), wr = ({ position: t, authenticationStatus: e, profile: s, children: r }) => /* @__PURE__ */ n.jsx(vt.Provider, { value: { position: t, authenticationStatus: e, profile: s }, children: r }), Re = () => {
+] }), vt = d.createContext(void 0), wr = ({
+  position: t,
+  bouMenuItems: e,
+  authenticationStatus: s,
+  profile: r,
+  children: i
+}) => /* @__PURE__ */ n.jsx(vt.Provider, { value: { position: t, bouMenuItems: e, authenticationStatus: s, profile: r }, children: i }), Re = () => {
   const t = d.useContext(vt);
   if (!t)
     throw new Error("Authentication context can not be rendered outside of Authentication");
@@ -2851,7 +2866,7 @@ const W = ({
   if (!t)
     throw new Error("Api context can not be rendered outside of Api");
   return t;
-}, V = () => {
+}, $ = () => {
   const { apiUrl: t, redirectUrl: e } = yt(), s = wt({ apiUrl: t, redirectUrl: e }), r = `${t}/logout?redirectUrl=${e}`, i = `${t}/user/profile`, o = `${t}/gdpr/tc/check`, a = `${t}/gdpr/tc`;
   return {
     loginUrl: s,
@@ -2860,83 +2875,96 @@ const W = ({
     getTermsAndConditionsEndpoint: o,
     postTermsAndConditionsEndpoint: a
   };
-}, Rr = () => {
-  const { t } = Q(), e = Qe(), { position: s, profile: r } = Re(), { logoutUrl: i } = V(), o = (r == null ? void 0 : r.firstName) ?? "", a = (r == null ? void 0 : r.lastName) ?? "";
+}, Rr = (t) => t ? /* @__PURE__ */ n.jsx("ul", { className: "bou-menu__list", children: t == null ? void 0 : t.map(({ label: e, icon: s, url: r }, i) => /* @__PURE__ */ n.jsx(
+  B,
+  {
+    className: "bou-menu-item",
+    mobileUrl: r,
+    desktopUrl: r,
+    icon: s,
+    label: e
+  },
+  i
+)) }) : null, Er = () => {
+  const { t } = Q(), e = Qe(), { position: s, profile: r, bouMenuItems: i } = Re(), { logoutUrl: o } = $(), a = (r == null ? void 0 : r.firstName) ?? "", u = (r == null ? void 0 : r.lastName) ?? "";
   return /* @__PURE__ */ n.jsxs(L, { type: "nav", id: "xtra-menu", position: s, children: [
     /* @__PURE__ */ n.jsx(
       L.Trigger,
       {
-        className: S(
+        className: O(
           "button",
           "button--neutral",
           "button--authentication",
           "button--authentication--authenticated"
         ),
         children: /* @__PURE__ */ n.jsxs("button", { children: [
-          /* @__PURE__ */ n.jsx("div", { className: "button__icon", children: /* @__PURE__ */ n.jsx(_s, { variant: "small", firstName: o, lastName: a }) }),
-          /* @__PURE__ */ n.jsx("span", { className: "button__label", children: o }),
+          /* @__PURE__ */ n.jsx("div", { className: "button__icon", children: /* @__PURE__ */ n.jsx(_s, { variant: "small", firstName: a, lastName: u }) }),
+          /* @__PURE__ */ n.jsx("span", { className: "button__label", children: a }),
           /* @__PURE__ */ n.jsx("div", { className: "button__icon button__icon-right", children: /* @__PURE__ */ n.jsx(we, {}) })
         ] })
       }
     ),
-    /* @__PURE__ */ n.jsxs(L.Content, { children: [
-      /* @__PURE__ */ n.jsx(
-        W,
-        {
-          className: "manage-profile",
-          mobileUrl: `${e}/manage-profile`,
-          desktopUrl: `${e}/manage-profile/personal-data`,
-          icon: /* @__PURE__ */ n.jsx(Ts, {}),
-          label: t("manageProfile")
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        W,
-        {
-          className: "payment",
-          mobileUrl: `${e}/payment`,
-          desktopUrl: `${e}/payment/pay-with-xtra`,
-          icon: /* @__PURE__ */ n.jsx(Ws, {}),
-          label: t("payment")
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        W,
-        {
-          mobileUrl: `${e}/identifiers`,
-          icon: /* @__PURE__ */ n.jsx(zs, {}),
-          label: t("qrCode")
-        }
-      ),
-      /* @__PURE__ */ n.jsx(
-        W,
-        {
-          className: "manage-privacy",
-          mobileUrl: `${e}/manage-privacy`,
-          desktopUrl: `${e}/manage-privacy/permissions`,
-          icon: /* @__PURE__ */ n.jsx(Bs, {}),
-          label: t("privacy")
-        }
-      ),
-      /* @__PURE__ */ n.jsx(W, { mobileUrl: i, icon: /* @__PURE__ */ n.jsx(Ds, {}), label: t("logout") })
+    /* @__PURE__ */ n.jsxs(L.Content, { as: "div", children: [
+      Rr(i),
+      /* @__PURE__ */ n.jsxs("ul", { children: [
+        /* @__PURE__ */ n.jsx(
+          B,
+          {
+            className: "manage-profile",
+            mobileUrl: `${e}/manage-profile`,
+            desktopUrl: `${e}/manage-profile/personal-data`,
+            icon: /* @__PURE__ */ n.jsx(Ts, {}),
+            label: t("manageProfile")
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          B,
+          {
+            className: "payment",
+            mobileUrl: `${e}/payment`,
+            desktopUrl: `${e}/payment/pay-with-xtra`,
+            icon: /* @__PURE__ */ n.jsx(Ws, {}),
+            label: t("payment")
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          B,
+          {
+            mobileUrl: `${e}/identifiers`,
+            icon: /* @__PURE__ */ n.jsx(zs, {}),
+            label: t("qrCode")
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          B,
+          {
+            className: "manage-privacy",
+            mobileUrl: `${e}/manage-privacy`,
+            desktopUrl: `${e}/manage-privacy/permissions`,
+            icon: /* @__PURE__ */ n.jsx(Bs, {}),
+            label: t("privacy")
+          }
+        ),
+        /* @__PURE__ */ n.jsx(B, { mobileUrl: o, icon: /* @__PURE__ */ n.jsx(Ds, {}), label: t("logout") })
+      ] })
     ] })
   ] });
-}, Er = () => {
+}, Or = () => {
   const { t } = Q();
-  return /* @__PURE__ */ n.jsxs("button", { className: S("button", "button--neutral", "button--authentication"), children: [
+  return /* @__PURE__ */ n.jsxs("button", { className: O("button", "button--neutral", "button--authentication"), children: [
     /* @__PURE__ */ n.jsx("div", { className: "button__icon", children: /* @__PURE__ */ n.jsx("i", { className: "spinner" }) }),
     /* @__PURE__ */ n.jsxs("span", { className: "button__label", children: [
       t("loading"),
       "..."
     ] })
   ] });
-}, Or = ({ className: t }) => {
-  const { t: e } = Q(), { loginUrl: s } = V();
+}, Sr = ({ className: t }) => {
+  const { t: e } = Q(), { loginUrl: s } = $();
   return /* @__PURE__ */ n.jsxs(
     "a",
     {
       href: s,
-      className: S(
+      className: O(
         "button",
         "button--neutral",
         "button--authentication",
@@ -2951,10 +2979,10 @@ const W = ({
     }
   );
 };
-const Sr = () => {
-  const { t } = Q(), { loginUrl: e } = V(), s = Qe(), { position: r } = Re();
+const Pr = () => {
+  const { t } = Q(), { loginUrl: e } = $(), s = Qe(), { position: r } = Re();
   return /* @__PURE__ */ n.jsxs(L, { type: "nav", id: "xtra-menu", position: r, className: "menu--unauthenticated", children: [
-    /* @__PURE__ */ n.jsx(L.Trigger, { className: S("button", "button--neutral", "button--authentication"), children: /* @__PURE__ */ n.jsxs("button", { children: [
+    /* @__PURE__ */ n.jsx(L.Trigger, { className: O("button", "button--neutral", "button--authentication"), children: /* @__PURE__ */ n.jsxs("button", { children: [
       /* @__PURE__ */ n.jsx("div", { className: "button__icon", children: /* @__PURE__ */ n.jsx(_e, { width: 24, height: 24, suffix: "mobile" }) }),
       /* @__PURE__ */ n.jsx("div", { className: "button__icon button__icon-right", children: /* @__PURE__ */ n.jsx(we, {}) })
     ] }) }),
@@ -2971,12 +2999,12 @@ const Sr = () => {
   ] });
 };
 var D = /* @__PURE__ */ ((t) => (t.Authenticated = "authenticated", t.NotAuthenticated = "notAuthenticated", t.Pending = "pending", t))(D || {});
-const Pr = () => {
+const Ar = () => {
   const { authenticationStatus: t } = Re();
   return t === D.NotAuthenticated ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(Or, {}),
-    /* @__PURE__ */ n.jsx(Sr, {})
-  ] }) : t === D.Pending ? /* @__PURE__ */ n.jsx(Er, {}) : /* @__PURE__ */ n.jsx(Rr, {});
+    /* @__PURE__ */ n.jsx(Sr, {}),
+    /* @__PURE__ */ n.jsx(Pr, {})
+  ] }) : t === D.Pending ? /* @__PURE__ */ n.jsx(Or, {}) : /* @__PURE__ */ n.jsx(Er, {});
 };
 /*! js-cookie v3.0.5 | MIT */
 function ee(t) {
@@ -2987,7 +3015,7 @@ function ee(t) {
   }
   return t;
 }
-var Ar = {
+var Nr = {
   read: function(t) {
     return t[0] === '"' && (t = t.slice(1, -1)), t.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
   },
@@ -3048,14 +3076,14 @@ function Ce(t, e) {
     }
   );
 }
-var xe = Ce(Ar, { path: "/" });
+var xe = Ce(Nr, { path: "/" });
 class Te extends Error {
   constructor(e) {
     super(e), this.name = "UnauthorizedError";
   }
 }
-const Nr = () => {
-  const { i18n: t } = Q(), { profileEndpoint: e } = V();
+const Mr = () => {
+  const { i18n: t } = Q(), { profileEndpoint: e } = $();
   return nt({
     // @ts-expect-error queryKey is the right type
     queryKey: ["profile"],
@@ -3078,7 +3106,7 @@ const Nr = () => {
     e ? D.Authenticated : D.Pending
   ), [i, o] = d.useState(
     e ? JSON.parse(t) : void 0
-  ), a = Nr();
+  ), a = Mr();
   return d.useEffect(() => {
     if (a.isError && e && (xe.remove("profile"), r(D.NotAuthenticated)), a.isError && !e && r(D.NotAuthenticated), a.isSuccess) {
       r(D.Authenticated);
@@ -3098,18 +3126,27 @@ const Nr = () => {
     a.isLoading,
     a.isSuccess
   ]), { authenticationStatus: s, profile: i };
-}, Mr = ({ position: t }) => {
-  const { authenticationStatus: e, profile: s } = Ct();
-  return /* @__PURE__ */ n.jsx(wr, { authenticationStatus: e, position: t, profile: s, children: /* @__PURE__ */ n.jsx(Pr, {}) });
+}, Fr = ({ position: t, bouMenuItems: e }) => {
+  const { authenticationStatus: s, profile: r } = Ct();
+  return /* @__PURE__ */ n.jsx(
+    wr,
+    {
+      bouMenuItems: e,
+      authenticationStatus: s,
+      position: t,
+      profile: r,
+      children: /* @__PURE__ */ n.jsx(Ar, {})
+    }
+  );
 };
-var Fr = Object.defineProperty, kr = Object.defineProperties, Lr = Object.getOwnPropertyDescriptors, ae = Object.getOwnPropertySymbols, xt = Object.prototype.hasOwnProperty, gt = Object.prototype.propertyIsEnumerable, Ue = (t, e, s) => e in t ? Fr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, q = (t, e) => {
+var kr = Object.defineProperty, Lr = Object.defineProperties, Dr = Object.getOwnPropertyDescriptors, ae = Object.getOwnPropertySymbols, xt = Object.prototype.hasOwnProperty, gt = Object.prototype.propertyIsEnumerable, Ue = (t, e, s) => e in t ? kr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, q = (t, e) => {
   for (var s in e || (e = {}))
     xt.call(e, s) && Ue(t, s, e[s]);
   if (ae)
     for (var s of ae(e))
       gt.call(e, s) && Ue(t, s, e[s]);
   return t;
-}, G = (t, e) => kr(t, Lr(e)), $ = (t, e) => {
+}, G = (t, e) => Lr(t, Dr(e)), Z = (t, e) => {
   var s = {};
   for (var r in t)
     xt.call(t, r) && e.indexOf(r) < 0 && (s[r] = t[r]);
@@ -3117,14 +3154,14 @@ var Fr = Object.defineProperty, kr = Object.defineProperties, Lr = Object.getOwn
     for (var r of ae(t))
       e.indexOf(r) < 0 && gt.call(t, r) && (s[r] = t[r]);
   return s;
-}, Dr = d.forwardRef((t, e) => {
-  const s = t, { isAuthenticated: r, className: i } = s, o = $(s, ["isAuthenticated", "className"]);
+}, Ir = d.forwardRef((t, e) => {
+  const s = t, { isAuthenticated: r, className: i } = s, o = Z(s, ["isAuthenticated", "className"]);
   return /* @__PURE__ */ n.jsx(
-    H,
+    V,
     q({
       type: "button",
       ref: e,
-      className: S(
+      className: O(
         "button--neutral",
         "button--authentication",
         r && "button--authentication--authenticated",
@@ -3133,30 +3170,30 @@ var Fr = Object.defineProperty, kr = Object.defineProperties, Lr = Object.getOwn
     }, o)
   );
 });
-Dr.displayName = "AuthenticationButton";
-var Ir = (t) => {
+Ir.displayName = "AuthenticationButton";
+var Tr = (t) => {
   var e = t, {
     children: s
-  } = e, r = $(e, [
+  } = e, r = Z(e, [
     "children"
   ]);
   return /* @__PURE__ */ n.jsx(U.Label, G(q({ className: "form--tc__label" }, r), { children: s }));
 }, bt = d.forwardRef(
   (t, e) => {
-    var s = t, { children: r } = s, i = $(s, ["children"]);
+    var s = t, { children: r } = s, i = Z(s, ["children"]);
     return /* @__PURE__ */ n.jsx("form", G(q({ className: "form--tc", ref: e }, i), { children: r }));
   }
 );
 bt.displayName = "TermsAndConditionsForm";
-var Tr = (t) => {
+var Ur = (t) => {
   var e = t, {
     children: s
-  } = e, r = $(e, [
+  } = e, r = Z(e, [
     "children"
   ]);
   return /* @__PURE__ */ n.jsx("p", G(q({ className: "form--tc__description" }, r), { children: s }));
-}, Ur = (t) => {
-  var e = t, { children: s } = e, r = $(e, ["children"]);
+}, Qr = (t) => {
+  var e = t, { children: s } = e, r = Z(e, ["children"]);
   return /* @__PURE__ */ n.jsx(
     "a",
     G(q({
@@ -3169,16 +3206,16 @@ var Tr = (t) => {
       children: s
     })
   );
-}, Qr = ({ children: t }) => /* @__PURE__ */ n.jsx("h1", { className: "form--tc__title", children: t }), qr = d.forwardRef(
+}, qr = ({ children: t }) => /* @__PURE__ */ n.jsx("h1", { className: "form--tc__title", children: t }), Br = d.forwardRef(
   (t, e) => /* @__PURE__ */ n.jsx(M.Close, G(q({ className: "hidden" }, t), { ref: e }))
 );
-qr.displayName = "TermsAndConditionsClose";
-var Br = (t) => {
-  var e = t, { children: s } = e, r = $(e, ["children"]);
+Br.displayName = "TermsAndConditionsClose";
+var Kr = (t) => {
+  var e = t, { children: s } = e, r = Z(e, ["children"]);
   return /* @__PURE__ */ n.jsx("span", G(q({ className: "form--tc__error", role: "alert" }, r), { children: s }));
 };
-const Kr = () => {
-  const { postTermsAndConditionsEndpoint: t } = V(), e = new We();
+const Hr = () => {
+  const { postTermsAndConditionsEndpoint: t } = $(), e = new We();
   return fs({
     mutationFn: async (r) => {
       const i = await fetch(t, {
@@ -3195,8 +3232,8 @@ const Kr = () => {
       await e.invalidateQueries({ queryKey: ["gdpr"] });
     }
   });
-}, Hr = () => {
-  const { i18n: t } = Q(), { getTermsAndConditionsEndpoint: e } = V(), { authenticationStatus: s } = Ct(), r = xe.get("hasAcceptedLatestTermsAndConditions"), i = [], o = r === "true", a = s === D.Authenticated;
+}, Vr = () => {
+  const { i18n: t } = Q(), { getTermsAndConditionsEndpoint: e } = $(), { authenticationStatus: s } = Ct(), r = xe.get("hasAcceptedLatestTermsAndConditions"), i = [], o = r === "true", a = s === D.Authenticated;
   return nt({
     queryKey: ["gdpr"],
     queryFn: async () => {
@@ -3212,68 +3249,68 @@ const Kr = () => {
     enabled: a && !o,
     initialData: i
   });
-}, Vr = ({ redirectUrl: t }) => {
-  const { t: e } = Q(), { apiUrl: s } = yt(), r = d.useRef(null), [i, o] = d.useState(0), [a, u] = d.useState({}), { mutate: l, isError: h } = Kr(), { AccessibleFormMessage: c, formRef: p } = _t({ submitCount: i, errors: a }), { data: m } = Hr(), f = !!(m != null && m.length), C = e("termsAndConditions.error.required"), b = () => {
-    var y;
-    (y = r == null ? void 0 : r.current) == null || y.click(), document.body.style.removeProperty("overflow");
+}, $r = ({ redirectUrl: t }) => {
+  const { t: e } = Q(), { apiUrl: s } = yt(), r = d.useRef(null), [i, o] = d.useState(0), [a, u] = d.useState({}), { mutate: l, isError: h } = Hr(), { AccessibleFormMessage: c, formRef: p } = _t({ submitCount: i, errors: a }), { data: v } = Vr(), f = !!(v != null && v.length), y = e("termsAndConditions.error.required"), g = () => {
+    var C;
+    (C = r == null ? void 0 : r.current) == null || C.click(), document.body.style.removeProperty("overflow");
   };
   d.useEffect(() => {
     f && document.body.style.setProperty("overflow", "hidden");
   }, [f]), d.useEffect(() => {
-    h && u({ acceptedTC: C });
-  }, [C, h]);
-  const v = (y) => {
-    y.preventDefault(), o(i + 1);
-    const { acceptedTC: _ } = y.target;
+    h && u({ acceptedTC: y });
+  }, [y, h]);
+  const m = (C) => {
+    C.preventDefault(), o(i + 1);
+    const { acceptedTC: _ } = C.target;
     if (_ instanceof RadioNodeList) {
       const j = Object.values(_);
-      j.every((N) => N.checked) ? (u({}), l(j.map((N) => N.value)), b()) : u({ acceptedTC: C });
+      j.every((N) => N.checked) ? (u({}), l(j.map((N) => N.value)), g()) : u({ acceptedTC: y });
     } else
-      _ != null && _.checked ? (u({}), l([_.value]), b()) : u({ acceptedTC: C });
+      _ != null && _.checked ? (u({}), l([_.value]), g()) : u({ acceptedTC: y });
   };
   return f ? /* @__PURE__ */ n.jsxs(M, { defaultOpen: f, isModal: !0, children: [
     c,
     /* @__PURE__ */ n.jsxs(M.Root, { children: [
-      /* @__PURE__ */ n.jsx(M.Header, { children: /* @__PURE__ */ n.jsx(M.Title, { icon: /* @__PURE__ */ n.jsx(_e, { role: "presentation" }), children: /* @__PURE__ */ n.jsx(Qr, { children: e("termsAndConditions.title") }) }) }),
-      /* @__PURE__ */ n.jsx(M.Body, { children: /* @__PURE__ */ n.jsxs(bt, { ref: p, id: "tc-form", onSubmit: v, children: [
-        /* @__PURE__ */ n.jsxs(Tr, { children: [
+      /* @__PURE__ */ n.jsx(M.Header, { children: /* @__PURE__ */ n.jsx(M.Title, { icon: /* @__PURE__ */ n.jsx(_e, { role: "presentation" }), children: /* @__PURE__ */ n.jsx(qr, { children: e("termsAndConditions.title") }) }) }),
+      /* @__PURE__ */ n.jsx(M.Body, { children: /* @__PURE__ */ n.jsxs(bt, { ref: p, id: "tc-form", onSubmit: m, children: [
+        /* @__PURE__ */ n.jsxs(Ur, { children: [
           e("termsAndConditions.description"),
-          a.acceptedTC && /* @__PURE__ */ n.jsx(Br, { children: C })
+          a.acceptedTC && /* @__PURE__ */ n.jsx(Kr, { children: y })
         ] }),
-        m.map(({ tcCode: y, title: _, URL: j }) => /* @__PURE__ */ n.jsx(
+        v.map(({ tcCode: C, title: _, URL: j }) => /* @__PURE__ */ n.jsx(
           U,
           {
-            id: y,
-            value: y,
+            id: C,
+            value: C,
             name: "acceptedTC",
             variant: "primary",
             children: /* @__PURE__ */ n.jsxs(U.Content, { children: [
-              /* @__PURE__ */ n.jsx(Ir, { children: _ }),
-              /* @__PURE__ */ n.jsx(Ur, { href: j, children: e("termsAndConditions.action", { title: _ }) })
+              /* @__PURE__ */ n.jsx(Tr, { children: _ }),
+              /* @__PURE__ */ n.jsx(Qr, { href: j, children: e("termsAndConditions.action", { title: _ }) })
             ] })
           },
-          y
+          C
         ))
       ] }) }),
       /* @__PURE__ */ n.jsxs(M.Footer, { children: [
         /* @__PURE__ */ n.jsx(
           "a",
           {
-            className: S("button", "button--secondary", "button--terms-and-conditions"),
+            className: O("button", "button--secondary", "button--terms-and-conditions"),
             href: `${s}/logout?redirectUrl=${t}`,
             children: e("logout")
           }
         ),
-        /* @__PURE__ */ n.jsx(H, { form: "tc-form", type: "submit", variant: "primary", children: e("confirm") })
+        /* @__PURE__ */ n.jsx(V, { form: "tc-form", type: "submit", variant: "primary", children: e("confirm") })
       ] })
     ] })
   ] }) : /* @__PURE__ */ n.jsx(n.Fragment, {});
 }, Gr = d.forwardRef(({ children: t, ...e }, s) => /* @__PURE__ */ n.jsx("form", { className: "form--tc", ref: s, ...e, children: t }));
 Gr.displayName = "TermsAndConditionsForm";
-const $r = new We(), Yr = ({ environment: t, redirectUrl: e, apiUrl: s, position: r }) => /* @__PURE__ */ n.jsx(Rt, { environment: t, children: /* @__PURE__ */ n.jsx(_r, { apiUrl: s, redirectUrl: e, children: /* @__PURE__ */ n.jsxs(es, { client: $r, children: [
-  /* @__PURE__ */ n.jsx(Mr, { position: r }),
-  /* @__PURE__ */ n.jsx(Vr, { redirectUrl: e })
+const Zr = new We(), zr = ({ environment: t, redirectUrl: e, apiUrl: s, position: r, bouMenuItems: i }) => /* @__PURE__ */ n.jsx(Rt, { environment: t, children: /* @__PURE__ */ n.jsx(_r, { apiUrl: s, redirectUrl: e, children: /* @__PURE__ */ n.jsxs(es, { client: Zr, children: [
+  /* @__PURE__ */ n.jsx(Fr, { position: r, bouMenuItems: i }),
+  /* @__PURE__ */ n.jsx($r, { redirectUrl: e })
 ] }) }) });
 export {
-  Yr as default
+  zr as default
 };