@variamosple/variamos-components 0.1.0 → 0.1.2

package/dist/Components/Header/HeaderOptions.d.ts

@@ -1,2 +1,5 @@
 import { FC } from 'react';
-export declare const HeaderOptions: FC<unknown>;
+export interface HeaderOptionsProps {
+    adminApiUrl?: string;
+}
+export declare const HeaderOptions: FC<HeaderOptionsProps>;

package/dist/Components/Header/HeaderOptions.js

@@ -1,15 +1,15 @@
-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 { jsxs as S, Fragment as F, jsx as p } from "react/jsx-runtime";
+import { useState as h, useEffect as T, useMemo as j } from "react";
 import { NavDropdown as g } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
-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 { useMenu as C } from "../../Context/MenuContext.js";
+import { useRouter as b } from "../../Context/RouterContext.js";
+import { useSession as x } from "../../Context/SessionContext.js";
+import { mapToWebTarget as L } 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([
+import { BugFormModal as U } from "./BugFormModal.js";
+const u = {}, O = ({ adminApiUrl: B }) => {
+  const { user: o, isAuthenticated: m, logout: P } = x(), { options: l } = C(), { navigate: A } = b(), [R, c] = h(!1), [k] = h([
     "Editor",
     "Model",
     "Language",
@@ -17,8 +17,8 @@ const u = {}, K = () => {
     "Simulation",
     "Account/Security",
     "Other"
-  ]), [k, f] = h(!1), v = (u == null ? void 0 : u.VITE_ADMIN_API_URL) || "http://localhost:4000/v1";
-  F(() => {
+  ]), [v, f] = h(!1), D = B || (u == null ? void 0 : u.VITE_ADMIN_API_URL) || "/v1";
+  T(() => {
     const t = () => {
       c(!0);
     };
@@ -26,14 +26,16 @@ const u = {}, K = () => {
       y.unsubscribe("openReportBugModal", t);
     };
   }, []);
-  const D = async (t, d) => {
+  const E = 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");
+      let r = D.replace(/\/v1$/, "");
+      r.endsWith("/") && (r = r.slice(0, -1));
+      const s = {}, n = localStorage.getItem("authToken");
       n && (s.Authorization = `Bearer ${n}`);
-      const a = await fetch(`${i}/bugs`, {
+      const a = await fetch(`${r}/bugs`, {
         method: "POST",
         headers: s,
         body: e,
@@ -43,21 +45,21 @@ const u = {}, K = () => {
     } catch (e) {
       f(!1), alert("Failed to submit bug. Please try again."), console.error(e);
     }
-  }, r = T(() => {
+  }, i = j(() => {
     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 i = !0;
-      return e.allowedRoles && (i = i && e.allowedRoles.some((a) => d.includes(a))), e.allowedPermissions && (i = i && e.allowedPermissions.some(
+      let r = !0;
+      return e.allowedRoles && (r = r && e.allowedRoles.some((a) => d.includes(a))), e.allowedPermissions && (r = r && e.allowedPermissions.some(
         (a) => t.includes(a)
-      )), i;
+      )), r;
     }) : [];
   }, [l, o]);
-  return !(r != null && r.length) && !m ? null : /* @__PURE__ */ S(E, { children: [
+  return !(i != null && i.length) && !m ? null : /* @__PURE__ */ S(F, { 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(
+      i == null ? void 0 : i.map((t) => /* @__PURE__ */ p(
         g.Item,
         {
           onClick: () => {
@@ -65,29 +67,29 @@ const u = {}, K = () => {
               c(!0);
               return;
             }
-            P(t.location, {
-              target: x(t.target)
+            A(t.location, {
+              target: L(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" })
+      m && !!(i != null && i.length) && /* @__PURE__ */ p(g.Divider, {}),
+      m && /* @__PURE__ */ p(g.Item, { onClick: P, children: "Logout" })
     ] }),
     /* @__PURE__ */ p(
-      L,
+      U,
       {
         show: R,
         onHide: () => c(!1),
-        onSubmit: D,
-        categories: A,
-        isSubmitting: k
+        onSubmit: E,
+        categories: k,
+        isSubmitting: v
       }
     )
   ] });
 };
 export {
-  K as HeaderOptions
+  O as HeaderOptions
 };

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

@@ -3,5 +3,6 @@ export interface HeaderProps {
     logoUrl?: string;
     logoAlt?: string;
     signInUrl: string;
+    adminApiUrl?: string;
 }
 export declare const Header: FC<HeaderProps>;

package/dist/Components/Header/index.js

@@ -1,21 +1,22 @@
 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 { Navbar as t, Container as h, Nav as i } from "react-bootstrap";
 import "../../Context/AnalyticsContext.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 { useMenu as f } from "../../Context/MenuContext.js";
+import { useRouter as g } from "../../Context/RouterContext.js";
+import { useSession as N } from "../../Context/SessionContext.js";
+import { HeaderOptions as k } from "./HeaderOptions.js";
 import { MenuItemComponent as n } from "./MenuItem.js";
-import { SubHeader as k } from "./SubHeader.js";
-const I = ({
+import { SubHeader as b } from "./SubHeader.js";
+const M = ({
   logoUrl: a,
   logoAlt: m = "App logo",
-  signInUrl: s
+  signInUrl: s,
+  adminApiUrl: c
 }) => {
-  const { items: c } = h(), { navigate: l } = f(), { isAuthenticated: p, isLoading: d } = g();
+  const { items: l } = f(), { navigate: p } = g(), { isAuthenticated: d, isLoading: u } = N();
   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(
+    /* @__PURE__ */ e(t, { bg: "dark", variant: "dark", children: /* @__PURE__ */ o(h, { fluid: !0, children: [
+      /* @__PURE__ */ e(t.Brand, { onClick: () => p("/"), children: /* @__PURE__ */ e(
         "img",
         {
           src: a,
@@ -24,10 +25,10 @@ const I = ({
           alt: m
         }
       ) }),
-      /* @__PURE__ */ e(i, { className: "me-auto", children: c.map((r) => /* @__PURE__ */ e(n, { ...r }, r.title)) }),
+      /* @__PURE__ */ e(i, { className: "me-auto", children: l.map((r) => /* @__PURE__ */ e(n, { ...r }, r.title)) }),
       /* @__PURE__ */ o(i, { className: "me-5 pe-5", children: [
-        /* @__PURE__ */ e(N, {}),
-        !d && !p && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(k, { adminApiUrl: c }),
+        !u && !d && /* @__PURE__ */ e(
           n,
           {
             title: "Sign In",
@@ -37,9 +38,9 @@ const I = ({
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ e(k, {})
+    /* @__PURE__ */ e(b, {})
   ] });
 };
 export {
-  I as Header
+  M as Header
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@variamosple/variamos-components",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",