@variamosple/variamos-components 0.0.24 → 0.1.0

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 { jsxs as w, jsx as c } from "react/jsx-runtime";
-import { useMemo as p } from "react";
-import { NavDropdown as a } from "react-bootstrap";
+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 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))
+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((s) => h.includes(s))), r.allowedPermissions && (e = e && r.allowedPermissions.some(
-        (s) => i.includes(s)
-      )), 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__ */ 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,
+  }, [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: P(i.target)
-        }),
-        children: i.title
-      },
-      i.title
-    )),
-    d && !!(l != null && l.length) && /* @__PURE__ */ c(a.Divider, {}),
-    d && /* @__PURE__ */ c(a.Item, { onClick: g, children: "Logout" })
+        show: R,
+        onHide: () => c(!1),
+        onSubmit: D,
+        categories: A,
+        isSubmitting: k
+      }
+    )
   ] });
 };
 export {
-  N as HeaderOptions
+  K as HeaderOptions
 };

package/package.json

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