@deviceinsight/ng-ui-scale-lib 9.14.0

package/dist/TemplatesListPage-a11b0d84.js

@@ -0,0 +1,326 @@
+import { at as e, ag as s, aU as y, db as B, a_ as P, ah as F, bL as V, bs as z, aj as N, d8 as W, dc as $ } from "./ContextBarContext-f745a63a.js";
+import { useContext as H, useState as T, useCallback as q, useEffect as Y } from "react";
+import { Link as J, useLocation as Q } from "react-router-dom";
+import { fetchUserGroupById as O, fetchEmailTemplates as _, fetchEmailTemplateAccessById as X, updateEmailTemplate as Z, deleteEmailTemplate as ee } from "@deviceinsight/ng-ui-api-client";
+import { Label as G, Button as C, Icon as te, Modal as ae, withConfirm as ne } from "@deviceinsight/ng-ui-basic-components";
+import { MultiMenu as oe, MultiMenuItem as se, InfoBox as ie, messageBoxError as S, ContentHeader as le } from "@deviceinsight/ng-ui-components";
+import { A as re } from "./AccessEditModal-a5347dbd.js";
+import "react-dom";
+function ce(r, l, c, h, u) {
+  return [
+    {
+      name: "displayName",
+      label: /* @__PURE__ */ e.jsx(s, { i18nKey: "notificationTemplates.columns.name", children: "Name" }),
+      width: "10%",
+      sortable: !0,
+      filterable: {
+        filterType: "text",
+        filterFn: (t, n) => (t.displayName || t.name).toLowerCase().indexOf(n.toLowerCase()) >= 0
+      },
+      render: (t) => t.id ? /* @__PURE__ */ e.jsx(J, { to: `./${t.id}`, children: t.displayName || t.name }) : "-"
+    },
+    {
+      name: "message",
+      label: /* @__PURE__ */ e.jsx(s, { i18nKey: "notificationTemplates.columns.message", children: "Message" }),
+      width: "40%",
+      sortable: !0,
+      whiteSpace: "normal",
+      render: ({ text: t }) => t
+    },
+    {
+      name: "subject",
+      label: /* @__PURE__ */ e.jsx(s, { i18nKey: "notificationTemplates.columns.subject", children: "Subject" }),
+      width: "20%",
+      sortable: !0,
+      whiteSpace: "normal",
+      render: ({ subject: t }) => /* @__PURE__ */ e.jsx("span", { children: t }) || /* @__PURE__ */ e.jsx(s, { i18nKey: "notificationTemplates.noSubject", children: "None" })
+    },
+    y(["READ_ACCOUNT_GROUP"]) ? {
+      name: "userGroups",
+      label: /* @__PURE__ */ e.jsx(s, { i18nKey: "notificationTemplates.columns.userGroups", children: "Authorised User Groups" }),
+      width: "10%",
+      whiteSpace: "normal",
+      filterable: {
+        filterType: "text",
+        filterFn: (t, n) => t.name.toLowerCase().includes(n.toLowerCase())
+      },
+      render: (t) => {
+        const { accountGroupsWithAccess: n } = t;
+        if (!n || !n.length)
+          return null;
+        function g(i) {
+          return u.find((d) => d.id === i) || {
+            displayName: "-",
+            id: i
+          };
+        }
+        if (n.length > 1)
+          return /* @__PURE__ */ e.jsx(
+            oe,
+            {
+              menuButton: /* @__PURE__ */ e.jsx(G, { text: `${n.length} User Groups` }),
+              children: n.map((i) => {
+                const d = g(i), x = n.filter(
+                  (A) => A !== d.id
+                );
+                return /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx(
+                  G,
+                  {
+                    text: d.displayName || d.name,
+                    onDelete: () => l(x, t)
+                  }
+                ) }, d.id);
+              })
+            }
+          );
+        {
+          const i = g(n[0]);
+          return /* @__PURE__ */ e.jsx(
+            G,
+            {
+              text: i.displayName || i.name,
+              onDelete: () => h(t)
+            }
+          );
+        }
+      }
+    } : null,
+    y([["DELETE_NOTIFICATION_TEMPLATE"], ["READ_ACCOUNT_GROUP"]]) ? {
+      name: "actions",
+      label: "",
+      width: "10%",
+      align: "right",
+      render: (t) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        y([["READ_ACCOUNT_GROUP"]]) && /* @__PURE__ */ e.jsx(
+          C,
+          {
+            naked: !0,
+            onClick: () => c(t),
+            "data-testid": "edit-notification-template-access-button",
+            children: /* @__PURE__ */ e.jsx("img", { className: "di icon", src: B, alt: "key" })
+          }
+        ),
+        y(["DELETE_NOTIFICATION_TEMPLATE"]) && /* @__PURE__ */ e.jsx(
+          C,
+          {
+            naked: !0,
+            onClick: () => r(t),
+            "data-testid": "delete-notification-template-button",
+            children: /* @__PURE__ */ e.jsx(te, { del: !0 })
+          }
+        )
+      ] })
+    } : null
+  ].filter(P);
+}
+function ue({ onCancel: r, onSave: l, template: c }) {
+  const { t: h } = F(), u = y(["ACCESS_TO_ALL_NOTIFICATION_TEMPLATES"]), t = u ? h("notificationTemplate.access.delete.authorized", {
+    defaultValue: "You are about to remove all User Groups from a Template. Please note that for all other Users who don't have such Authorities like you (ACCESS_TO_ALL_NOTIFICATION_TEMPLATES), this Template will then be completely hidden!"
+  }) : h("notificationTemplate.access.delete.unauthorized", {
+    defaultValue: "You are about ot remove the last User Groups from a Template. Please note that you wouldn't be able to see it as you do not have the required Authorities. Please contact your Administrator."
+  });
+  return /* @__PURE__ */ e.jsx(
+    ae,
+    {
+      onOutsideClick: r,
+      header: /* @__PURE__ */ e.jsx(s, { i18nKey: "notificationTemplate.access.delete.modal.title", children: "Remove all authorised User Groups from this Template" }),
+      content: /* @__PURE__ */ e.jsx(ie, { type: u ? "warning" : "error", icon: V, message: t }),
+      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        u && /* @__PURE__ */ e.jsx(C, { onClick: () => l([], c), children: /* @__PURE__ */ e.jsx(s, { i18nKey: "general.actions.save", children: "Save" }) }),
+        /* @__PURE__ */ e.jsx(C, { onClick: () => r(), children: /* @__PURE__ */ e.jsx(s, { i18nKey: "general.actions.cancel", children: "Cancel" }) })
+      ] })
+    }
+  );
+}
+const de = {
+  page: 0,
+  size: 10,
+  sort: {
+    property: "name",
+    direction: "ASC"
+  }
+}, me = {
+  locale: "null",
+  page: 0,
+  size: 2e3
+};
+async function pe() {
+  const r = await _(me);
+  return await Promise.all(
+    r.map(async (l) => {
+      const { accountGroupIds: c } = await X(l.id);
+      return Promise.resolve({
+        ...l,
+        accountGroupsWithAccess: c,
+        type: "email"
+      });
+    })
+  );
+}
+function fe({ confirm: r }) {
+  const { setContextInfo: l } = H(z), { pathname: c } = Q(), [h, u] = T([]), [t, n] = T(!0), [g, i] = T(!1), [d, x] = T(!1), [A, I] = T([]), [j, L] = T(), M = /* @__PURE__ */ e.jsx(s, { i18nKey: "portalAdmin.sidebarElements.templates.create", children: "Create new notification template" }), w = q(
+    (a) => {
+      l({
+        type: "search",
+        elements: a.length,
+        totalElements: a.length,
+        totalElementsAccurate: void 0,
+        context: "notificationtemplates",
+        pathname: c
+      });
+    },
+    [c, l]
+  );
+  async function D(a) {
+    n(!0);
+    try {
+      const o = await _({
+        name: a.name,
+        page: 0,
+        size: 2e3
+      });
+      await Promise.all(o.map((p) => ee(p.id)));
+      const m = A.filter((p) => p.name !== a.name);
+      I(m), w(m);
+    } catch (o) {
+      console.error("error occured while trying to delete the template", o), S(
+        /* @__PURE__ */ e.jsx(s, { i18nKey: "notificationTemplate.list.deleteTemplate.error", children: "An error occurred while trying to delete the template" })
+      );
+    } finally {
+      n(!1);
+    }
+  }
+  function U(a) {
+    r(
+      {
+        id: "notificationTemplate.list.confirmDeleteTitle",
+        defaultValue: "Delete template"
+      },
+      {
+        id: "notificationTemplate.list.confirmDeleteMessage",
+        defaultValue: "Do you really want to delete this template?"
+      }
+    ).then(() => D(a));
+  }
+  async function b(a, o) {
+    if (o) {
+      n(!0);
+      try {
+        const m = await _({
+          name: o.name,
+          page: 0,
+          size: 2e3
+        }), p = { ...o, accountGroupsWithAccess: a }, f = N.unionBy([p], A, "id");
+        await Promise.all(
+          m.map(
+            (E) => Z({
+              ...E,
+              accountGroupsWithAccess: a
+            })
+          )
+        );
+        const R = [
+          ...new Set(
+            N.flatten(
+              f.map(({ accountGroupsWithAccess: E }) => E).filter(Boolean)
+            )
+          )
+        ], k = await Promise.all(R.map((E) => O(E)));
+        I(f), u(k), w(f);
+      } catch (m) {
+        console.error("error occured while trying to save access on template: ", m), S(
+          /* @__PURE__ */ e.jsx(s, { i18nKey: "notificationTemplate.list.updateTemplate.error", children: "An error occured while trying to save access" })
+        );
+      } finally {
+        n(!1), x(!1), i(!1);
+      }
+    }
+  }
+  function v(a) {
+    L(a), i(!0);
+  }
+  function K(a) {
+    L(a), x(!0);
+  }
+  return Y(() => {
+    let a = !1;
+    return (async () => {
+      try {
+        const o = await pe();
+        if (a)
+          return;
+        if (I(o), w(o), y(["READ_ACCOUNT_GROUP"])) {
+          const m = [
+            ...new Set(N.flatten(o.map(({ accountGroupsWithAccess: f }) => f)))
+          ].filter(P), p = await Promise.all(m.map((f) => O(f)));
+          u(p);
+        }
+      } catch (o) {
+        console.error("error occured while trying to fetch templates: ", o), S(
+          /* @__PURE__ */ e.jsx(s, { i18nKey: "notificationTemplate.list.fetchTemplates.error", children: "An error occured while trying to fetch templates" })
+        );
+      } finally {
+        n(!1);
+      }
+    })(), () => {
+      a = !0, l();
+    };
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: "template-list", children: [
+    /* @__PURE__ */ e.jsx(
+      le,
+      {
+        title: {
+          id: "route.label.templates.name",
+          defaultValue: "Notification Templates"
+        }
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      W,
+      {
+        tooltip: M,
+        authorities: "WRITE_NOTIFICATION_TEMPLATE",
+        path: "/portaladmin/templates/create",
+        dataTestId: "create-template-button"
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      $,
+      {
+        columnDefs: ce(
+          U,
+          b,
+          v,
+          K,
+          h
+        ),
+        uniqueItemKey: (a) => `${a.id}`,
+        paginationSettings: de,
+        items: A,
+        isLoading: t,
+        "data-testid": "notification-templates-table"
+      }
+    ),
+    g && j && /* @__PURE__ */ e.jsx(
+      re,
+      {
+        onCancel: () => i(!1),
+        onSave: b,
+        loading: t,
+        template: j
+      }
+    ),
+    d && j && /* @__PURE__ */ e.jsx(
+      ue,
+      {
+        onCancel: () => x(!1),
+        onSave: b,
+        template: j
+      }
+    )
+  ] });
+}
+const Ce = ne(fe);
+export {
+  Ce as default
+};

package/dist/UserGroupAssignments-8710d8e3.js

@@ -0,0 +1,293 @@
+import { at as e, d9 as S, aN as E, bc as _, ah as N, aq as R, ag as o, bi as j, b4 as y, da as M } from "./ContextBarContext-f745a63a.js";
+import { useState as A, useEffect as C } from "react";
+import { ReactableWithClientSidePagination as U, messageBoxError as T, ContentHeader as w } from "@deviceinsight/ng-ui-components";
+import { Button as x, Icon as b, Modal as K, useConfirm as V, SpinnerContainer as L } from "@deviceinsight/ng-ui-basic-components";
+import { getInitialAccountGroupAssignmentRules as v, createInitialAccountGroupAssignmentRule as k, updateInitialAccountGroupAssignmentRule as q, deleteInitialAccountGroupAssignmentRule as H } from "@deviceinsight/ng-ui-api-client";
+import "react-router-dom";
+import "react-dom";
+function D() {
+  const [n, a] = A([]), [s, i] = A(!1), [f, m] = A(null);
+  C(() => {
+    i(!0);
+    let r = !1;
+    return v().then((l) => {
+      r || (a(l), i(!1));
+    }).catch((l) => {
+      r || (m(l), i(!1));
+    }), () => {
+      r = !0;
+    };
+  }, []);
+  async function g(r) {
+    try {
+      i(!0);
+      const l = await k(r);
+      a([...n, l]);
+    } finally {
+      i(!1);
+    }
+  }
+  async function c(r, l) {
+    try {
+      i(!0);
+      const u = await q(r, l);
+      a(n.map((t) => t.name === r ? u : t));
+    } finally {
+      i(!1);
+    }
+  }
+  async function d(r) {
+    try {
+      i(!0), await H(r), a(n.filter((l) => l.name !== r));
+    } finally {
+      i(!1);
+    }
+  }
+  return { rules: n, isLoading: s, error: f, createRule: g, editRule: c, deleteRule: d };
+}
+const O = {
+  page: 0,
+  size: 10,
+  sort: { direction: "ASC", property: "name" }
+}, F = (n, a) => [
+  {
+    name: "name",
+    sortable: !0,
+    label: { id: "userGroupAssignments.col.name", defaultValue: "Name" },
+    render: ({ name: s }) => s
+  },
+  {
+    name: "displayName",
+    sortable: !0,
+    label: { id: "userGroupAssignments.col.displayName", defaultValue: "Display Name" },
+    render: ({ displayName: s }) => s
+  },
+  {
+    name: "acceptedEmailHostname",
+    sortable: !0,
+    label: { id: "userGroupAssignments.col.acceptedEmailHostname", defaultValue: "Accepted Email Hostname" },
+    render: ({ acceptedEmailHostname: s }) => s
+  },
+  {
+    name: "accountGroup",
+    sortable: !1,
+    label: { id: "userGroupAssignments.col.accountGroup", defaultValue: "Account Group" },
+    render: ({ accountGroupId: s }) => /* @__PURE__ */ e.jsx(S, { id: s })
+  },
+  {
+    name: "actions",
+    sortable: !0,
+    label: "",
+    width: "1%",
+    render: (s) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(E, { authorities: ["WRITE_INITIAL_ACCOUNT_GROUP_ASSIGNMENT_RULE"], children: /* @__PURE__ */ e.jsx(x, { naked: !0, onClick: () => n(s), "data-testid": "edit-rule-button", children: /* @__PURE__ */ e.jsx(b, { edit: !0 }) }) }),
+      /* @__PURE__ */ e.jsx(E, { authorities: ["DELETE_INITIAL_ACCOUNT_GROUP_ASSIGNMENT_RULE"], children: /* @__PURE__ */ e.jsx(x, { naked: !0, onClick: () => a(s.name), "data-testid": "delete-rule-button", children: /* @__PURE__ */ e.jsx(b, { del: !0 }) }) })
+    ] })
+  }
+];
+function P({ onEditRuleClick: n, onDeleteRuleClick: a, rules: s }) {
+  return /* @__PURE__ */ e.jsx(
+    U,
+    {
+      columnDefs: F(n, a),
+      uniqueItemKey: (i) => i.name,
+      paginationSettings: O,
+      items: s,
+      isLoading: !1,
+      "data-testid": "user-group-assignments-table"
+    }
+  );
+}
+function W(n) {
+  var a;
+  if (R.isAxiosError(n) && ((a = n.response) != null && a.data)) {
+    const { fieldErrors: s } = n.response.data;
+    if (s)
+      return s.map(({ field: i }) => i);
+  }
+}
+function I({ onSubmit: n, onClose: a, value: s }) {
+  const {
+    handleSubmit: i,
+    formState: { isSubmitting: f },
+    control: m,
+    setError: g
+  } = _({
+    defaultValues: s ?? { name: "", displayName: "", acceptedEmailHostname: "" }
+  }), { t: c } = N(), d = {
+    required: c("userGroupAssignments.ruleModal.validation.required", {
+      defaultValue: "Required field"
+    })
+  }, r = i(async (l) => {
+    var u, t;
+    try {
+      await n(l);
+    } catch (h) {
+      const G = W(h);
+      if (G)
+        for (const p of G)
+          g(p, {
+            message: c("userGroupAssignments.ruleModal.validation.invalid", { defaultValue: "Invalid value" })
+          });
+      else
+        R.isAxiosError(h) && T(
+          ((t = (u = h.response) == null ? void 0 : u.data) == null ? void 0 : t.message) ?? c("userGroupAssignments.ruleModal.validation.unknownError", { defaultValue: "An error occurred" })
+        );
+    }
+  });
+  return /* @__PURE__ */ e.jsx(
+    K,
+    {
+      width: 500,
+      header: s ? /* @__PURE__ */ e.jsx(o, { i18nKey: "userGroupAssignments.ruleModal.editTitle", children: "Edit Rule" }) : /* @__PURE__ */ e.jsx(o, { i18nKey: "userGroupAssignments.ruleModal.createTitle", children: "Create Rule" }),
+      content: /* @__PURE__ */ e.jsxs("div", { className: "rule-modal", children: [
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(o, { i18nKey: "userGroupAssignments.ruleModal.info", children: [
+          "Rules regulate from which e-mail addresses (hostnames) logins will be accepted. Users",
+          "'",
+          " Rights will finally depend on the User Group they are assigned to."
+        ] }) }),
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            control: m,
+            name: "name",
+            rules: d,
+            render: ({ field: { ref: l, ...u }, fieldState: { error: t } }) => /* @__PURE__ */ e.jsx(
+              y,
+              {
+                label: /* @__PURE__ */ e.jsx(o, { i18nKey: "userGroupAssignments.ruleModal.name", children: "Name" }),
+                "data-testid": "nameField",
+                ...u,
+                error: t == null ? void 0 : t.message,
+                required: !0
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            control: m,
+            name: "displayName",
+            rules: d,
+            render: ({ field: { ref: l, ...u }, fieldState: { error: t } }) => /* @__PURE__ */ e.jsx(
+              y,
+              {
+                label: /* @__PURE__ */ e.jsx(o, { i18nKey: "userGroupAssignments.ruleModal.displayName", children: "Display Name" }),
+                ...u,
+                error: t == null ? void 0 : t.message,
+                "data-testid": "displayNameField",
+                required: !0
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            control: m,
+            name: "acceptedEmailHostname",
+            rules: d,
+            render: ({ field: { ref: l, ...u }, fieldState: { error: t } }) => /* @__PURE__ */ e.jsx(
+              y,
+              {
+                label: /* @__PURE__ */ e.jsx(o, { i18nKey: "userGroupAssignments.ruleModal.acceptedEmailHostname", children: "E-Mail Hostname" }),
+                ...u,
+                "data-testid": "acceptedEmailHostnameField",
+                error: t == null ? void 0 : t.message,
+                required: !0
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx("hr", {}),
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            control: m,
+            name: "accountGroupId",
+            rules: d,
+            render: ({ field: { ref: l, ...u }, fieldState: { error: t } }) => /* @__PURE__ */ e.jsx(
+              M,
+              {
+                ...u,
+                label: /* @__PURE__ */ e.jsx(o, { i18nKey: "userGroupAssignments.ruleModal.accountGroupId", children: "in Target User Group" }),
+                "data-testid": "accountGroupIdField",
+                error: t == null ? void 0 : t.message,
+                required: !0
+              }
+            )
+          }
+        )
+      ] }),
+      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(x, { primary: !0, onClick: r, disabled: f, children: /* @__PURE__ */ e.jsx(o, { i18nKey: "general.actions.apply", children: "Apply" }) }),
+        /* @__PURE__ */ e.jsx(x, { onClick: a, disabled: f, children: /* @__PURE__ */ e.jsx(o, { i18nKey: "general.actions.cancel", children: "Cancel" }) })
+      ] })
+    }
+  );
+}
+function Z() {
+  const { isLoading: n, rules: a, error: s, createRule: i, editRule: f, deleteRule: m } = D(), [g, c] = A(!1), [d, r] = A(null), l = V(), { t: u } = N();
+  C(() => {
+    s && R.isAxiosError(s) && (T(
+      /* @__PURE__ */ e.jsx(o, { i18nKey: "userGroupAssignments.fetchError", children: "An error occurred while loading the initial user group assignment rules" })
+    ), console.error("Error loading initial user group assignment rules", s));
+  }, [s]);
+  async function t(p) {
+    await i(p), c(!1);
+  }
+  async function h(p) {
+    d && (await f(d.name, p), r(null));
+  }
+  async function G(p) {
+    await l({
+      title: u("userGroupAssignments.deleteConfirmTitle", { defaultValue: "Delete Rule" }),
+      message: u("userGroupAssignments.deleteConfirm", {
+        defaultValue: "Do you really want to delete the rule?"
+      })
+    }) && await m(p);
+  }
+  return /* @__PURE__ */ e.jsxs("div", { className: "di user-group-assignments", children: [
+    /* @__PURE__ */ e.jsxs(L, { show: n, "data-testid": "spinner-container", children: [
+      /* @__PURE__ */ e.jsx(
+        w,
+        {
+          title: {
+            id: "route.label.userGroupAssignments.name",
+            defaultValue: "User Group Assignments"
+          }
+        }
+      ),
+      !n && !!s && /* @__PURE__ */ e.jsx(o, { i18nKey: "userGroupAssignments.fetchError", children: "An error occurred while loading the initial user group assignment rules" }),
+      !n && !s && a.length === 0 && /* @__PURE__ */ e.jsx(o, { i18nKey: "userGroupAssignments.emptyList", children: "No initial user group assignment rules available yet." }),
+      a.length > 0 && /* @__PURE__ */ e.jsx(
+        P,
+        {
+          rules: a,
+          onEditRuleClick: r,
+          onDeleteRuleClick: G
+        }
+      ),
+      /* @__PURE__ */ e.jsx(E, { authorities: ["WRITE_INITIAL_ACCOUNT_GROUP_ASSIGNMENT_RULE"], children: /* @__PURE__ */ e.jsx("div", { className: "footer", children: /* @__PURE__ */ e.jsx(x, { "data-testid": "create-rule-button", onClick: () => c(!0), children: /* @__PURE__ */ e.jsx(o, { i18nKey: "userGroupAssignments.createRule", children: "Create Rule" }) }) }) })
+    ] }),
+    g && /* @__PURE__ */ e.jsx(
+      I,
+      {
+        onClose: () => c(!1),
+        onSubmit: t
+      }
+    ),
+    d && /* @__PURE__ */ e.jsx(
+      I,
+      {
+        onClose: () => r(null),
+        onSubmit: h,
+        value: d
+      }
+    )
+  ] });
+}
+export {
+  Z as default
+};