@deviceinsight/ng-ui-scale-lib 9.25.0 → 10.0.0

package/dist/TemplatesListPage-f2d7bd81.js

@@ -1,330 +0,0 @@
-import { aw as e, ag as s, aX as y, dd as B, b1 as O, ah as F, bP as V, bw as z, aj as N, da as W, de as $ } from "./ContextBarContext-7e6ed0f4.js";
-import { useContext as H, useState as T, useCallback as q, useEffect as Y } from "react";
-import { Link as X, useLocation as J } from "react-router-dom";
-import { fetchUserGroupById as P, fetchEmailTemplates as _, fetchEmailTemplateAccessById as Q, 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 "react-i18next";
-import { A as re } from "./AccessEditModal-cedd4fb0.js";
-import "react-dom";
-import "i18next";
-import "ux4iot-react";
-function ce(r, l, c, h, m) {
-  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(X, { 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 m.find((u) => u.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 u = g(i), x = n.filter(
-                  (A) => A !== u.id
-                );
-                return /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx(
-                  G,
-                  {
-                    text: u.displayName || u.name,
-                    onDelete: () => l(x, t)
-                  }
-                ) }, u.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(O);
-}
-function me({ onCancel: r, onSave: l, template: c }) {
-  const { t: h } = F(), m = y(["ACCESS_TO_ALL_NOTIFICATION_TEMPLATES"]), t = m ? 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: m ? "warning" : "error", icon: V, message: t }),
-      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        m && /* @__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 ue = {
-  page: 0,
-  size: 10,
-  sort: {
-    property: "name",
-    direction: "ASC"
-  }
-}, de = {
-  locale: "null",
-  page: 0,
-  size: 2e3
-};
-async function pe() {
-  const r = await _(de);
-  return await Promise.all(
-    r.map(async (l) => {
-      const { accountGroupIds: c } = await Q(l.id);
-      return Promise.resolve({
-        ...l,
-        accountGroupsWithAccess: c,
-        type: "email"
-      });
-    })
-  );
-}
-function fe({ confirm: r }) {
-  const { setContextInfo: l } = H(z), { pathname: c } = J(), [h, m] = T([]), [t, n] = T(!0), [g, i] = T(!1), [u, x] = T(!1), [A, w] = T([]), [j, L] = T(), M = /* @__PURE__ */ e.jsx(s, { i18nKey: "portalAdmin.sidebarElements.templates.create", children: "Create new notification template" }), I = 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 d = A.filter((p) => p.name !== a.name);
-      w(d), I(d);
-    } 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 v(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 d = await _({
-          name: o.name,
-          page: 0,
-          size: 2e3
-        }), p = { ...o, accountGroupsWithAccess: a }, f = N.unionBy([p], A, "id");
-        await Promise.all(
-          d.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) => P(E)));
-        w(f), m(k), I(f);
-      } catch (d) {
-        console.error("error occured while trying to save access on template: ", d), 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 U(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 (w(o), I(o), y(["READ_ACCOUNT_GROUP"])) {
-          const d = [
-            ...new Set(N.flatten(o.map(({ accountGroupsWithAccess: f }) => f)))
-          ].filter(O), p = await Promise.all(d.map((f) => P(f)));
-          m(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(
-          v,
-          b,
-          U,
-          K,
-          h
-        ),
-        uniqueItemKey: (a) => `${a.id}`,
-        paginationSettings: ue,
-        items: A,
-        isLoading: t,
-        "data-testid": "notification-templates-table",
-        tableName: "notificationTemplates"
-      }
-    ),
-    g && j && /* @__PURE__ */ e.jsx(
-      re,
-      {
-        onCancel: () => i(!1),
-        onSave: b,
-        loading: t,
-        template: j
-      }
-    ),
-    u && j && /* @__PURE__ */ e.jsx(
-      me,
-      {
-        onCancel: () => x(!1),
-        onSave: b,
-        template: j
-      }
-    )
-  ] });
-}
-const be = ne(fe);
-export {
-  be as default
-};

package/dist/UserGroupAssignments-b30d1774.js

@@ -1,297 +0,0 @@
-import { aw as e, db as S, aQ as E, bf as _, ah as N, al as R, ag as o, bl as j, b7 as y, dc as M } from "./ContextBarContext-7e6ed0f4.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 H, deleteInitialAccountGroupAssignmentRule as q } from "@deviceinsight/ng-ui-api-client";
-import "react-router-dom";
-import "react-dom";
-import "react-i18next";
-import "i18next";
-import "ux4iot-react";
-function D() {
-  const [n, a] = A([]), [s, r] = A(!1), [f, m] = A(null);
-  C(() => {
-    r(!0);
-    let i = !1;
-    return v().then((l) => {
-      i || (a(l), r(!1));
-    }).catch((l) => {
-      i || (m(l), r(!1));
-    }), () => {
-      i = !0;
-    };
-  }, []);
-  async function g(i) {
-    try {
-      r(!0);
-      const l = await k(i);
-      a([...n, l]);
-    } finally {
-      r(!1);
-    }
-  }
-  async function c(i, l) {
-    try {
-      r(!0);
-      const u = await H(i, l);
-      a(n.map((t) => t.name === i ? u : t));
-    } finally {
-      r(!1);
-    }
-  }
-  async function d(i) {
-    try {
-      r(!0), await q(i), a(n.filter((l) => l.name !== i));
-    } finally {
-      r(!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: (r) => r.name,
-      paginationSettings: O,
-      items: s,
-      isLoading: !1,
-      "data-testid": "user-group-assignments-table",
-      tableName: "userGroupAssignments"
-    }
-  );
-}
-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: r }) => r);
-  }
-}
-function I({ onSubmit: n, onClose: a, value: s }) {
-  const {
-    handleSubmit: r,
-    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"
-    })
-  }, i = r(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: i, 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 te() {
-  const { isLoading: n, rules: a, error: s, createRule: r, editRule: f, deleteRule: m } = D(), [g, c] = A(!1), [d, i] = 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 r(p), c(!1);
-  }
-  async function h(p) {
-    d && (await f(d.name, p), i(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: i,
-          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: () => i(null),
-        onSubmit: h,
-        value: d
-      }
-    )
-  ] });
-}
-export {
-  te as default
-};