@variamosple/variamos-components 0.0.22 → 0.0.24

package/dist/Components/AuthWrapper/index.js

@@ -1,55 +1,35 @@
-import { j as a } from "../../jsx-runtime-Drh4NO5G.js";
-import * as p from "react";
-import f, { useEffect as u } from "react";
+import { jsx as o, Fragment as u } from "react/jsx-runtime";
+import d, { useEffect as c } from "react";
+import { Spinner as f } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
 import "../../Context/MenuContext.js";
-import { useRouter as h } from "../../Context/RouterContext.js";
+import { useRouter as p } from "../../Context/RouterContext.js";
 import { useSession as l } from "../../Context/SessionContext.js";
-import { u as g, c as w } from "../../ThemeProvider-Q3gZ4GF2.js";
-const d = /* @__PURE__ */ p.forwardRef(({
-  bsPrefix: t,
-  variant: n,
-  animation: i = "border",
-  size: c,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: r = "div",
-  className: s,
-  ...m
-}, e) => {
-  t = g(t, "spinner");
-  const o = `${t}-${i}`;
-  return /* @__PURE__ */ a.jsx(r, {
-    ref: e,
-    ...m,
-    className: w(s, o, c && `${o}-${c}`, n && `text-${n}`)
-  });
-});
-d.displayName = "Spinner";
-const k = ({
-  redirectPath: t,
-  children: n
+const P = ({
+  redirectPath: i,
+  children: m
 }) => {
-  const [i, c] = f.useState(!1), { isAuthenticated: r, isLoading: s } = l(), { navigate: m } = h();
-  return u(() => {
-    if (!s && !r && !i) {
-      const e = window.location.href, o = new URLSearchParams();
-      o.set("redirectTo", encodeURIComponent(e)), c(!0), setTimeout(
-        () => m(`${t}?${o.toString()}`),
+  const [a, h] = d.useState(!1), { isAuthenticated: t, isLoading: r } = l(), { navigate: n } = p();
+  return c(() => {
+    if (!r && !t && !a) {
+      const e = window.location.href, s = new URLSearchParams();
+      s.set("redirectTo", encodeURIComponent(e)), h(!0), setTimeout(
+        () => n(`${i}?${s.toString()}`),
         300
       );
     }
-  }, [r, s, t, m, i]), u(() => {
+  }, [t, r, i, n, a]), c(() => {
     const e = new URL(window.location.href);
     e.searchParams.has("authToken") && (localStorage.setItem("authToken", e.searchParams.get("authToken")), e.searchParams.delete("authToken"), window.history.replaceState({}, "", e));
-  }, []), s || !r ? /* @__PURE__ */ a.jsx("div", { className: "d-flex justify-content-center align-items-center w-100 h-100", children: /* @__PURE__ */ a.jsx(
-    d,
+  }, []), r || !t ? /* @__PURE__ */ o("div", { className: "d-flex justify-content-center align-items-center w-100 h-100", children: /* @__PURE__ */ o(
+    f,
     {
       animation: "border",
       variant: "primary",
       style: { width: "3rem", height: "3rem", borderWidth: "0.5rem" }
     }
-  ) }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: n });
+  ) }) : /* @__PURE__ */ o(u, { children: m });
 };
 export {
-  k as AuthWrapper
+  P as AuthWrapper
 };

package/dist/Components/ConfirmationModal/index.d.ts

@@ -9,4 +9,4 @@ export interface ConfirmationModalProps {
     cancelButtonVariant?: string;
 }
 export declare const confirmationModalDefaultProps: ConfirmationModalProps;
-export default function ConfirmationModal({ show, onCancel, onConfirm, message, confirmLabel, confirmButtonVariant, cancelButtonVariant, cancelLabel, }: ConfirmationModalProps): import("react/jsx-runtime").JSX.Element;
+export default function ConfirmationModal({ show, onCancel, onConfirm, message, confirmLabel, confirmButtonVariant, cancelButtonVariant, cancelLabel, }: ConfirmationModalProps): import("react").JSX.Element;

package/dist/Components/ConfirmationModal/index.js

@@ -1,267 +1,6 @@
-import { j as n } from "../../jsx-runtime-Drh4NO5G.js";
-import { u as c, c as d, a as $e } from "../../ThemeProvider-Q3gZ4GF2.js";
-import { c as V, u as xe, b as q, r as G, e as De, o as Fe } from "../../useWindow-rGE2GXIv.js";
-import * as u from "react";
-import { useRef as N, useEffect as Oe, useState as E, useMemo as be, useCallback as Ie } from "react";
-import { A as Ue, d as He, M as ze, B as Le, F as X, g as We, t as _e } from "../../AbstractModalHeader-UzCRSxIO.js";
-import { B as J } from "../../Button-GQJKgb76.js";
-function Ke(e) {
-  const t = N(e);
-  return t.current = e, t;
-}
-function qe(e) {
-  const t = Ke(e);
-  Oe(() => () => t.current(), []);
-}
-var R;
-function Q(e) {
-  if ((!R && R !== 0 || e) && V) {
-    var t = document.createElement("div");
-    t.style.position = "absolute", t.style.top = "-9999px", t.style.width = "50px", t.style.height = "50px", t.style.overflow = "scroll", document.body.appendChild(t), R = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
-  }
-  return R;
-}
-function Ge() {
-  return E(null);
-}
-const Y = /* @__PURE__ */ u.forwardRef(({
-  className: e,
-  bsPrefix: t,
-  as: r = "div",
-  ...s
-}, o) => (t = c(t, "modal-body"), /* @__PURE__ */ n.jsx(r, {
-  ref: o,
-  className: d(e, t),
-  ...s
-})));
-Y.displayName = "ModalBody";
-const A = /* @__PURE__ */ u.forwardRef(({
-  bsPrefix: e,
-  className: t,
-  contentClassName: r,
-  centered: s,
-  size: o,
-  fullscreen: l,
-  children: f,
-  scrollable: m,
-  ...j
-}, C) => {
-  e = c(e, "modal");
-  const g = `${e}-dialog`, S = typeof l == "string" ? `${e}-fullscreen-${l}` : `${e}-fullscreen`;
-  return /* @__PURE__ */ n.jsx("div", {
-    ...j,
-    ref: C,
-    className: d(g, t, o && `${e}-${o}`, s && `${g}-centered`, m && `${g}-scrollable`, l && S),
-    children: /* @__PURE__ */ n.jsx("div", {
-      className: d(`${e}-content`, r),
-      children: f
-    })
-  });
-});
-A.displayName = "ModalDialog";
-const Z = /* @__PURE__ */ u.forwardRef(({
-  className: e,
-  bsPrefix: t,
-  as: r = "div",
-  ...s
-}, o) => (t = c(t, "modal-footer"), /* @__PURE__ */ n.jsx(r, {
-  ref: o,
-  className: d(e, t),
-  ...s
-})));
-Z.displayName = "ModalFooter";
-const P = /* @__PURE__ */ u.forwardRef(({
-  bsPrefix: e,
-  className: t,
-  closeLabel: r = "Close",
-  closeButton: s = !1,
-  ...o
-}, l) => (e = c(e, "modal-header"), /* @__PURE__ */ n.jsx(Ue, {
-  ref: l,
-  ...o,
-  className: d(t, e),
-  closeLabel: r,
-  closeButton: s
-})));
-P.displayName = "ModalHeader";
-const Je = He("h4"), ee = /* @__PURE__ */ u.forwardRef(({
-  className: e,
-  bsPrefix: t,
-  as: r = Je,
-  ...s
-}, o) => (t = c(t, "modal-title"), /* @__PURE__ */ n.jsx(r, {
-  ref: o,
-  className: d(e, t),
-  ...s
-})));
-ee.displayName = "ModalTitle";
-function Qe(e) {
-  return /* @__PURE__ */ n.jsx(X, {
-    ...e,
-    timeout: null
-  });
-}
-function Ve(e) {
-  return /* @__PURE__ */ n.jsx(X, {
-    ...e,
-    timeout: null
-  });
-}
-const te = /* @__PURE__ */ u.forwardRef(({
-  bsPrefix: e,
-  className: t,
-  style: r,
-  dialogClassName: s,
-  contentClassName: o,
-  children: l,
-  dialogAs: f = A,
-  "data-bs-theme": m,
-  "aria-labelledby": j,
-  "aria-describedby": C,
-  "aria-label": g,
-  /* BaseModal props */
-  show: S = !1,
-  animation: h = !0,
-  backdrop: M = !0,
-  keyboard: ae = !0,
-  onEscapeKeyDown: $,
-  onShow: ne,
-  onHide: w,
-  container: oe,
-  autoFocus: re = !0,
-  enforceFocus: se = !0,
-  restoreFocus: le = !0,
-  restoreFocusOptions: de,
-  onEntered: ie,
-  onExit: x,
-  onExiting: ce,
-  onEnter: D,
-  onEntering: F,
-  onExited: O,
-  backdropClassName: b,
-  manager: I,
-  ...ue
-}, fe) => {
-  const [me, ge] = E({}), [he, U] = E(!1), v = N(!1), B = N(!1), p = N(null), [y, pe] = Ge(), ye = xe(fe, pe), H = q(w), Me = $e();
-  e = c(e, "modal");
-  const we = be(() => ({
-    onHide: H
-  }), [H]);
-  function z() {
-    return I || We({
-      isRTL: Me
-    });
-  }
-  function L(a) {
-    if (!V) return;
-    const i = z().getScrollbarWidth() > 0, K = a.scrollHeight > Fe(a).documentElement.clientHeight;
-    ge({
-      paddingRight: i && !K ? Q() : void 0,
-      paddingLeft: !i && K ? Q() : void 0
-    });
-  }
-  const T = q(() => {
-    y && L(y.dialog);
-  });
-  qe(() => {
-    G(window, "resize", T), p.current == null || p.current();
-  });
-  const Re = () => {
-    v.current = !0;
-  }, Ne = (a) => {
-    v.current && y && a.target === y.dialog && (B.current = !0), v.current = !1;
-  }, W = () => {
-    U(!0), p.current = _e(y.dialog, () => {
-      U(!1);
-    });
-  }, je = (a) => {
-    a.target === a.currentTarget && W();
-  }, Ce = (a) => {
-    if (M === "static") {
-      je(a);
-      return;
-    }
-    if (B.current || a.target !== a.currentTarget) {
-      B.current = !1;
-      return;
-    }
-    w == null || w();
-  }, Se = (a) => {
-    ae ? $ == null || $(a) : (a.preventDefault(), M === "static" && W());
-  }, ve = (a, i) => {
-    a && L(a), D == null || D(a, i);
-  }, Be = (a) => {
-    p.current == null || p.current(), x == null || x(a);
-  }, Te = (a, i) => {
-    F == null || F(a, i), De(window, "resize", T);
-  }, ke = (a) => {
-    a && (a.style.display = ""), O == null || O(a), G(window, "resize", T);
-  }, Ee = Ie((a) => /* @__PURE__ */ n.jsx("div", {
-    ...a,
-    className: d(`${e}-backdrop`, b, !h && "show")
-  }), [h, b, e]), _ = {
-    ...r,
-    ...me
-  };
-  _.display = "block";
-  const Ae = (a) => /* @__PURE__ */ n.jsx("div", {
-    role: "dialog",
-    ...a,
-    style: _,
-    className: d(t, e, he && `${e}-static`, !h && "show"),
-    onClick: M ? Ce : void 0,
-    onMouseUp: Ne,
-    "data-bs-theme": m,
-    "aria-label": g,
-    "aria-labelledby": j,
-    "aria-describedby": C,
-    children: /* @__PURE__ */ n.jsx(f, {
-      ...ue,
-      onMouseDown: Re,
-      className: s,
-      contentClassName: o,
-      children: l
-    })
-  });
-  return /* @__PURE__ */ n.jsx(ze.Provider, {
-    value: we,
-    children: /* @__PURE__ */ n.jsx(Le, {
-      show: S,
-      ref: ye,
-      backdrop: M,
-      container: oe,
-      keyboard: !0,
-      autoFocus: re,
-      enforceFocus: se,
-      restoreFocus: le,
-      restoreFocusOptions: de,
-      onEscapeKeyDown: Se,
-      onShow: ne,
-      onHide: w,
-      onEnter: ve,
-      onEntering: Te,
-      onEntered: ie,
-      onExit: Be,
-      onExiting: ce,
-      onExited: ke,
-      manager: z(),
-      transition: h ? Qe : void 0,
-      backdropTransition: h ? Ve : void 0,
-      renderBackdrop: Ee,
-      renderDialog: Ae
-    })
-  });
-});
-te.displayName = "Modal";
-const k = Object.assign(te, {
-  Body: Y,
-  Header: P,
-  Title: ee,
-  Footer: Z,
-  Dialog: A,
-  TRANSITION_DURATION: 300,
-  BACKDROP_TRANSITION_DURATION: 150
-}), at = Object.freeze({
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { Modal as n, Button as i } from "react-bootstrap";
+const p = Object.freeze({
   message: "",
   show: !1,
   onCancel: () => {
@@ -269,25 +8,25 @@ const k = Object.assign(te, {
   onConfirm: () => {
   }
 });
-function nt({
-  show: e,
-  onCancel: t,
-  onConfirm: r,
-  message: s,
-  confirmLabel: o = "Accept",
-  confirmButtonVariant: l = "primary",
-  cancelButtonVariant: f = "secondary",
-  cancelLabel: m = "Cancel"
+function u({
+  show: a,
+  onCancel: r,
+  onConfirm: t,
+  message: c,
+  confirmLabel: l = "Accept",
+  confirmButtonVariant: d = "primary",
+  cancelButtonVariant: s = "secondary",
+  cancelLabel: f = "Cancel"
 }) {
-  return /* @__PURE__ */ n.jsxs(k, { show: e, onHide: t, children: [
-    /* @__PURE__ */ n.jsx(k.Body, { children: s }),
-    /* @__PURE__ */ n.jsxs(k.Footer, { children: [
-      /* @__PURE__ */ n.jsx(J, { variant: f, onClick: t, children: m }),
-      /* @__PURE__ */ n.jsx(J, { variant: l, onClick: r, children: o })
+  return /* @__PURE__ */ e(n, { show: a, onHide: r, children: [
+    /* @__PURE__ */ o(n.Body, { children: c }),
+    /* @__PURE__ */ e(n.Footer, { children: [
+      /* @__PURE__ */ o(i, { variant: s, onClick: r, children: f }),
+      /* @__PURE__ */ o(i, { variant: d, onClick: t, children: l })
     ] })
   ] });
 }
 export {
-  at as confirmationModalDefaultProps,
-  nt as default
+  p as confirmationModalDefaultProps,
+  u as default
 };

package/dist/Components/Footer/index.js

@@ -1,11 +1,11 @@
-import { j as o } from "../../jsx-runtime-Drh4NO5G.js";
-import '../../assets/index.css';const s = "_footer_chhcn_1", t = {
-  footer: s
-}, c = ({ version: r = "" }) => /* @__PURE__ */ o.jsx("footer", { className: `container-fluid ${t.footer}`, children: /* @__PURE__ */ o.jsx("div", { className: "row copyright", children: /* @__PURE__ */ o.jsxs("p", { className: "mb-0", children: [
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import '../../assets/index.css';const e = "_footer_cvhpi_1", s = {
+  footer: e
+}, i = ({ version: o = "" }) => /* @__PURE__ */ r("footer", { className: `container-fluid ${s.footer}`, children: /* @__PURE__ */ r("div", { className: "row copyright", children: /* @__PURE__ */ t("p", { className: "mb-0", children: [
   "©",
   " Copyright 2023 VariaMos.",
-  r && ` ${r}`
+  o && ` ${o}`
 ] }) }) });
 export {
-  c as Footer
+  i as Footer
 };

package/dist/Components/Header/HeaderOptions.js

@@ -1,39 +1,39 @@
-import { j as s } from "../../jsx-runtime-Drh4NO5G.js";
+import { jsxs as w, jsx as c } from "react/jsx-runtime";
 import { useMemo as p } from "react";
+import { NavDropdown as a } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
-import { useMenu as w } from "../../Context/MenuContext.js";
-import { useRouter as x } from "../../Context/RouterContext.js";
-import { useSession as j } from "../../Context/SessionContext.js";
-import { mapToWebTarget as R } from "../../Model/Router.js";
-import { N as a } from "../../NavDropdown-AuV3RgfC.js";
-const E = () => {
-  const { user: o, isAuthenticated: d, logout: g } = j(), { options: t } = w(), { navigate: m } = x(), l = p(() => {
+import { useMenu as v } from "../../Context/MenuContext.js";
+import { useRouter as R } from "../../Context/RouterContext.js";
+import { useSession as x } from "../../Context/SessionContext.js";
+import { mapToWebTarget as P } from "../../Model/Router.js";
+const N = () => {
+  const { user: o, isAuthenticated: d, logout: g } = x(), { options: t } = v(), { navigate: m } = R(), l = p(() => {
     const i = (o == null ? void 0 : o.permissions) || [], h = (o == null ? void 0 : o.roles) || [];
     return t != null && t.length ? t.filter((r) => {
       var n, f;
       if (!((n = r == null ? void 0 : r.allowedPermissions) != null && n.length) && !((f = r == null ? void 0 : r.allowedRoles) != null && f.length))
         return !0;
       let e = !0;
-      return r.allowedRoles && (e = e && r.allowedRoles.some((c) => h.includes(c))), r.allowedPermissions && (e = e && r.allowedPermissions.some(
-        (c) => i.includes(c)
+      return r.allowedRoles && (e = e && r.allowedRoles.some((s) => h.includes(s))), r.allowedPermissions && (e = e && r.allowedPermissions.some(
+        (s) => i.includes(s)
       )), e;
     }) : [];
   }, [t, o]);
-  return !(l != null && l.length) && !d ? null : /* @__PURE__ */ s.jsxs(a, { title: (o == null ? void 0 : o.name) || "Options", id: "nav-dropdown", children: [
-    l == null ? void 0 : l.map((i) => /* @__PURE__ */ s.jsx(
+  return !(l != null && l.length) && !d ? null : /* @__PURE__ */ w(a, { title: (o == null ? void 0 : o.name) || "Options", id: "nav-dropdown", children: [
+    l == null ? void 0 : l.map((i) => /* @__PURE__ */ c(
       a.Item,
       {
         onClick: () => m(i.location, {
-          target: R(i.target)
+          target: P(i.target)
         }),
         children: i.title
       },
       i.title
     )),
-    d && !!(l != null && l.length) && /* @__PURE__ */ s.jsx(a.Divider, {}),
-    d && /* @__PURE__ */ s.jsx(a.Item, { onClick: g, children: "Logout" })
+    d && !!(l != null && l.length) && /* @__PURE__ */ c(a.Divider, {}),
+    d && /* @__PURE__ */ c(a.Item, { onClick: g, children: "Logout" })
   ] });
 };
 export {
-  E as HeaderOptions
+  N as HeaderOptions
 };

package/dist/Components/Header/MenuItem.js

@@ -1,40 +1,39 @@
-import { j as n } from "../../jsx-runtime-Drh4NO5G.js";
-import { useMemo as N } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import { Nav as v, NavDropdown as d } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
 import "../../Context/MenuContext.js";
-import { useRouter as R } from "../../Context/RouterContext.js";
-import { useSession as k } from "../../Context/SessionContext.js";
+import { useRouter as C } from "../../Context/RouterContext.js";
+import { useSession as N } from "../../Context/SessionContext.js";
 import { mapToWebTarget as m } from "../../Model/Router.js";
-import { N as h } from "../../Nav-CdxSljzW.js";
-import { N as d } from "../../NavDropdown-AuV3RgfC.js";
 const y = ({
   title: e,
   type: w,
   location: g,
-  target: x,
-  children: l
+  target: k,
+  children: t
 }) => {
-  const { user: r } = k(), { navigate: p } = R(), s = N(() => {
-    const i = (r == null ? void 0 : r.permissions) || [], j = (r == null ? void 0 : r.roles) || [];
-    return l ? l.filter((o) => {
+  const { user: r } = N(), { navigate: p } = C(), a = h(() => {
+    const i = (r == null ? void 0 : r.permissions) || [], R = (r == null ? void 0 : r.roles) || [];
+    return t ? t.filter((o) => {
       var c, f;
       if (!((c = o == null ? void 0 : o.allowedPermissions) != null && c.length) && !((f = o == null ? void 0 : o.allowedRoles) != null && f.length))
         return !0;
-      let t = !0;
-      return o.allowedRoles && (t = t && o.allowedRoles.some((a) => j.includes(a))), o.allowedPermissions && (t = t && o.allowedPermissions.some(
-        (a) => i.includes(a)
-      )), t;
+      let l = !0;
+      return o.allowedRoles && (l = l && o.allowedRoles.some((n) => R.includes(n))), o.allowedPermissions && (l = l && o.allowedPermissions.some(
+        (n) => i.includes(n)
+      )), l;
     }) : [];
-  }, [l, r]);
-  return w === "location" ? /* @__PURE__ */ n.jsx(
-    h.Link,
+  }, [t, r]);
+  return w === "location" ? /* @__PURE__ */ s(
+    v.Link,
     {
       as: "button",
       className: "btn btn-link",
-      onClick: () => p(g, { target: m(x) }),
+      onClick: () => p(g, { target: m(k) }),
       children: e
     }
-  ) : /* @__PURE__ */ n.jsx(d, { title: e, children: s == null ? void 0 : s.map((i) => /* @__PURE__ */ n.jsx(
+  ) : /* @__PURE__ */ s(d, { title: e, children: a == null ? void 0 : a.map((i) => /* @__PURE__ */ s(
     d.Item,
     {
       as: "button",

package/dist/Components/Header/SubHeader.js

@@ -1,12 +1,38 @@
-import "../../jsx-runtime-Drh4NO5G.js";
-import "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as w } from "react";
+import { Navbar as h, Container as g, Nav as d } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
-import "../../Context/MenuContext.js";
-import "../../Context/RouterContext.js";
-import "../../Context/SessionContext.js";
-import { S as d } from "../../SubHeader-gTVD9DIX.js";
-import "../../Container-BLjzOisH.js";
-import "../../Nav-CdxSljzW.js";
+import { useMenu as N } from "../../Context/MenuContext.js";
+import { useRouter as v } from "../../Context/RouterContext.js";
+import { useSession as R } from "../../Context/SessionContext.js";
+const H = () => {
+  const { navigate: f } = v(), { subMenu: n } = N(), { user: r } = R(), t = w(() => {
+    const l = (r == null ? void 0 : r.roles) || [], m = (r == null ? void 0 : r.permissions) || [];
+    return n ? n.filter((o) => {
+      var a, c;
+      if (!((a = o == null ? void 0 : o.allowedRoles) != null && a.length) && !((c = o == null ? void 0 : o.allowedPermissions) != null && c.length))
+        return !0;
+      let i = !0;
+      return o.allowedRoles && (i = i && o.allowedRoles.some(
+        (e) => l.includes(e)
+      )), o.allowedPermissions && (i = i && o.allowedPermissions.some(
+        (e) => m.includes(e)
+      )), i;
+    }) : [];
+  }, [n, r]), p = (l) => () => {
+    f(l);
+  };
+  return t.length ? /* @__PURE__ */ s(h, { className: "py-1 shadow-sm bg-white", children: /* @__PURE__ */ s(g, { children: /* @__PURE__ */ s(d, { className: "d-flex justify-content-center w-100 gap-3", children: t.map((l) => /* @__PURE__ */ s(
+    d.Link,
+    {
+      as: "button",
+      className: "btn btn-link p-0",
+      onClick: p(l.location),
+      children: l.title
+    },
+    l.location
+  )) }) }) }) : null;
+};
 export {
-  d as SubHeader
+  H as SubHeader
 };

package/dist/Components/Header/index.js

@@ -1,44 +1,43 @@
-import { j as s } from "../../jsx-runtime-Drh4NO5G.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { Navbar as t, Container as u, Nav as i } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
-import { useMenu as d } from "../../Context/MenuContext.js";
-import { useRouter as x } from "../../Context/RouterContext.js";
-import { useSession as j } from "../../Context/SessionContext.js";
-import { HeaderOptions as u } from "./HeaderOptions.js";
-import { MenuItemComponent as o } from "./MenuItem.js";
-import { N as r, S as f } from "../../SubHeader-gTVD9DIX.js";
-import { C as h } from "../../Container-BLjzOisH.js";
-import { N as t } from "../../Nav-CdxSljzW.js";
+import { useMenu as h } from "../../Context/MenuContext.js";
+import { useRouter as f } from "../../Context/RouterContext.js";
+import { useSession as g } from "../../Context/SessionContext.js";
+import { HeaderOptions as N } from "./HeaderOptions.js";
+import { MenuItemComponent as n } from "./MenuItem.js";
+import { SubHeader as k } from "./SubHeader.js";
 const I = ({
-  logoUrl: i,
-  logoAlt: a = "App logo",
-  signInUrl: n
+  logoUrl: a,
+  logoAlt: m = "App logo",
+  signInUrl: s
 }) => {
-  const { items: m } = d(), { navigate: c } = x(), { isAuthenticated: l, isLoading: p } = j();
-  return /* @__PURE__ */ s.jsxs("header", { className: "sticky-top", children: [
-    /* @__PURE__ */ s.jsx(r, { bg: "dark", variant: "dark", children: /* @__PURE__ */ s.jsxs(h, { fluid: !0, children: [
-      /* @__PURE__ */ s.jsx(r.Brand, { onClick: () => c("/"), children: /* @__PURE__ */ s.jsx(
+  const { items: c } = h(), { navigate: l } = f(), { isAuthenticated: p, isLoading: d } = g();
+  return /* @__PURE__ */ o("header", { className: "sticky-top", children: [
+    /* @__PURE__ */ e(t, { bg: "dark", variant: "dark", children: /* @__PURE__ */ o(u, { fluid: !0, children: [
+      /* @__PURE__ */ e(t.Brand, { onClick: () => l("/"), children: /* @__PURE__ */ e(
         "img",
         {
-          src: i,
+          src: a,
           height: "30",
           className: "d-inline-block align-top",
-          alt: a
+          alt: m
         }
       ) }),
-      /* @__PURE__ */ s.jsx(t, { className: "me-auto", children: m.map((e) => /* @__PURE__ */ s.jsx(o, { ...e }, e.title)) }),
-      /* @__PURE__ */ s.jsxs(t, { className: "me-5 pe-5", children: [
-        /* @__PURE__ */ s.jsx(u, {}),
-        !p && !l && /* @__PURE__ */ s.jsx(
-          o,
+      /* @__PURE__ */ e(i, { className: "me-auto", children: c.map((r) => /* @__PURE__ */ e(n, { ...r }, r.title)) }),
+      /* @__PURE__ */ o(i, { className: "me-5 pe-5", children: [
+        /* @__PURE__ */ e(N, {}),
+        !d && !p && /* @__PURE__ */ e(
+          n,
           {
             title: "Sign In",
             type: "location",
-            location: n
+            location: s
           }
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ s.jsx(f, {})
+    /* @__PURE__ */ e(k, {})
   ] });
 };
 export {