@variamosple/variamos-components 0.0.23 → 0.1.0

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/BugFormModal.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+interface BugFormModalProps {
+    show: boolean;
+    onHide: () => void;
+    onSubmit: (data: {
+        title: string;
+        description: string;
+        category: string;
+    }, file?: File) => void;
+    categories: string[];
+    isSubmitting: boolean;
+}
+export declare const BugFormModal: FC<BugFormModalProps>;
+export {};

package/dist/Components/Header/BugFormModal.js

@@ -0,0 +1,100 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useState as a, useEffect as B } from "react";
+import { Modal as o, Form as t, Button as y } from "react-bootstrap";
+const q = ({
+  show: i,
+  onHide: d,
+  onSubmit: C,
+  categories: n,
+  isSubmitting: c
+}) => {
+  const [s, u] = a(""), [h, p] = a(""), [m, g] = a(""), [v, b] = a(null), [F, f] = a(!1);
+  B(() => {
+    i && (u(""), p(""), g(n[0] || "Other"), b(null), f(!1));
+  }, [i, n]);
+  const x = (e) => {
+    if (e.preventDefault(), e.currentTarget.checkValidity() === !1) {
+      e.stopPropagation(), f(!0);
+      return;
+    }
+    C({ title: s, description: h, category: m }, v || void 0);
+  };
+  return /* @__PURE__ */ l(
+    o,
+    {
+      show: i,
+      onHide: d,
+      backdrop: "static",
+      keyboard: !1,
+      centered: !0,
+      children: [
+        /* @__PURE__ */ r(o.Header, { closeButton: !0, children: /* @__PURE__ */ r(o.Title, { children: "Report a New Bug" }) }),
+        /* @__PURE__ */ l(t, { noValidate: !0, validated: F, onSubmit: x, children: [
+          /* @__PURE__ */ l(o.Body, { children: [
+            /* @__PURE__ */ l(t.Group, { className: "mb-3", controlId: "bugTitle", children: [
+              /* @__PURE__ */ r(t.Label, { children: "Title *" }),
+              /* @__PURE__ */ r(
+                t.Control,
+                {
+                  required: !0,
+                  type: "text",
+                  placeholder: "e.g. Build error on auth routes",
+                  value: s,
+                  onChange: (e) => u(e.target.value),
+                  maxLength: 100
+                }
+              ),
+              /* @__PURE__ */ r(t.Control.Feedback, { type: "invalid", children: "Title is required (max 100 characters)" })
+            ] }),
+            /* @__PURE__ */ l(t.Group, { className: "mb-3", controlId: "bugDescription", children: [
+              /* @__PURE__ */ r(t.Label, { children: "Description *" }),
+              /* @__PURE__ */ r(
+                t.Control,
+                {
+                  required: !0,
+                  as: "textarea",
+                  rows: 4,
+                  placeholder: "Describe step-by-step how to reproduce the bug...",
+                  value: h,
+                  onChange: (e) => p(e.target.value)
+                }
+              ),
+              /* @__PURE__ */ r(t.Control.Feedback, { type: "invalid", children: "Description is required" })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "row", children: /* @__PURE__ */ r("div", { className: "col-md-12", children: /* @__PURE__ */ l(t.Group, { className: "mb-3", controlId: "bugCategory", children: [
+              /* @__PURE__ */ r(t.Label, { children: "Category *" }),
+              /* @__PURE__ */ r(
+                t.Select,
+                {
+                  required: !0,
+                  value: m,
+                  onChange: (e) => g(e.target.value),
+                  children: n.map((e) => /* @__PURE__ */ r("option", { value: e, children: e }, e))
+                }
+              )
+            ] }) }) }),
+            /* @__PURE__ */ l(t.Group, { className: "mb-3", controlId: "bugFile", children: [
+              /* @__PURE__ */ r(t.Label, { children: "Attachment (Optional)" }),
+              /* @__PURE__ */ r(
+                t.Control,
+                {
+                  type: "file",
+                  onChange: (e) => {
+                    e.target.files && e.target.files.length > 0 && b(e.target.files[0]);
+                  }
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ l(o.Footer, { children: [
+            /* @__PURE__ */ r(y, { variant: "secondary", onClick: d, disabled: c, children: "Cancel" }),
+            /* @__PURE__ */ r(y, { variant: "primary", type: "submit", disabled: c, children: c ? "Creating..." : "Report Bug" })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  q as BugFormModal
+};

package/dist/Components/Header/HeaderOptions.js

@@ -1,39 +1,93 @@
-import { j as s } from "../../jsx-runtime-Drh4NO5G.js";
-import { useMemo as p } from "react";
+import { jsxs as S, Fragment as E, jsx as p } from "react/jsx-runtime";
+import { useState as h, useEffect as F, useMemo as T } from "react";
+import { NavDropdown as g } 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(() => {
-    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))
+import { useMenu as j } from "../../Context/MenuContext.js";
+import { useRouter as C } from "../../Context/RouterContext.js";
+import { useSession as b } from "../../Context/SessionContext.js";
+import { mapToWebTarget as x } from "../../Model/Router.js";
+import { Events as y } from "../../Common/Events.js";
+import { BugFormModal as L } from "./BugFormModal.js";
+const u = {}, K = () => {
+  const { user: o, isAuthenticated: m, logout: B } = b(), { options: l } = j(), { navigate: P } = C(), [R, c] = h(!1), [A] = h([
+    "Editor",
+    "Model",
+    "Language",
+    "Project",
+    "Simulation",
+    "Account/Security",
+    "Other"
+  ]), [k, f] = h(!1), v = (u == null ? void 0 : u.VITE_ADMIN_API_URL) || "http://localhost:4000/v1";
+  F(() => {
+    const t = () => {
+      c(!0);
+    };
+    return y.subscribe("openReportBugModal", t), () => {
+      y.unsubscribe("openReportBugModal", t);
+    };
+  }, []);
+  const D = async (t, d) => {
+    f(!0);
+    try {
+      const e = new FormData();
+      e.append("title", t.title), e.append("description", t.description), e.append("priority", "medium"), e.append("category", t.category), o != null && o.email && e.append("reporterEmail", o.email), d && e.append("file", d);
+      const i = v.replace(/\/v1$/, ""), s = {}, n = localStorage.getItem("authToken");
+      n && (s.Authorization = `Bearer ${n}`);
+      const a = await fetch(`${i}/bugs`, {
+        method: "POST",
+        headers: s,
+        body: e,
+        credentials: "include"
+      }), w = await a.json();
+      f(!1), a.ok && !w.errorCode ? c(!1) : alert(w.message || "Failed to submit bug. Please try again.");
+    } catch (e) {
+      f(!1), alert("Failed to submit bug. Please try again."), console.error(e);
+    }
+  }, r = T(() => {
+    const t = (o == null ? void 0 : o.permissions) || [], d = (o == null ? void 0 : o.roles) || [];
+    return l != null && l.length ? l.filter((e) => {
+      var s, n;
+      if (!((s = e == null ? void 0 : e.allowedPermissions) != null && s.length) && !((n = e == null ? void 0 : e.allowedRoles) != null && n.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)
-      )), e;
+      let i = !0;
+      return e.allowedRoles && (i = i && e.allowedRoles.some((a) => d.includes(a))), e.allowedPermissions && (i = i && e.allowedPermissions.some(
+        (a) => t.includes(a)
+      )), i;
     }) : [];
-  }, [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(
-      a.Item,
+  }, [l, o]);
+  return !(r != null && r.length) && !m ? null : /* @__PURE__ */ S(E, { children: [
+    /* @__PURE__ */ S(g, { title: (o == null ? void 0 : o.name) || "Options", id: "nav-dropdown", children: [
+      r == null ? void 0 : r.map((t) => /* @__PURE__ */ p(
+        g.Item,
+        {
+          onClick: () => {
+            if (t.location.endsWith("#report-bug")) {
+              c(!0);
+              return;
+            }
+            P(t.location, {
+              target: x(t.target)
+            });
+          },
+          children: t.title
+        },
+        t.title
+      )),
+      m && !!(r != null && r.length) && /* @__PURE__ */ p(g.Divider, {}),
+      m && /* @__PURE__ */ p(g.Item, { onClick: B, children: "Logout" })
+    ] }),
+    /* @__PURE__ */ p(
+      L,
       {
-        onClick: () => m(i.location, {
-          target: R(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" })
+        show: R,
+        onHide: () => c(!1),
+        onSubmit: D,
+        categories: A,
+        isSubmitting: k
+      }
+    )
   ] });
 };
 export {
-  E as HeaderOptions
+  K as HeaderOptions
 };