@deviceinsight/ng-ui-scale-lib 9.18.8 → 9.20.0

package/dist/{TemplateEditPage-a34efc41.js → TemplateEditPage-94088888.js}

@@ -1,13 +1,16 @@
-import { az as e, ai as r, d8 as v, bP as z, df as $, aj as R, dg as B, bo as S, dh as M, ba as q, bf as U, bi as H, bl as J, by as Q, bT as X, af as Y } from "./ContextBarContext-f2968fee.js";
-import Z, { useState as C, useRef as D, useContext as O, useEffect as N } from "react";
+import { aw as e, ag as r, d5 as v, bN as B, dc as $, ah as R, dd as M, bl as S, de as z, b7 as q, bc as U, bf as H, bi as J, bw as Q, bR as X, ad as Y } from "./ContextBarContext-0c28ce9d.js";
+import Z, { useState as C, useRef as D, useContext as O, useEffect as w } from "react";
 import { useParams as ee, useHistory as te, useLocation as ae } from "react-router-dom";
 import { fetchEmailTemplateById as ne, fetchEmailTemplates as se, createEmailTemplate as ie, updateEmailTemplate as oe, deleteEmailTemplate as le } from "@deviceinsight/ng-ui-api-client";
 import { Modal as _, Button as k, useConfirm as re, Accordion as ce, AccordionItem as de, Icon as A, ButtonRow as ue, SpinnerContainer as me } from "@deviceinsight/ng-ui-basic-components";
 import { ReactableWithClientSidePagination as W, nanoid10 as fe, messageBoxError as K, ContentHeader as pe } from "@deviceinsight/ng-ui-components";
-import { P as he } from "./react-router-7b367edf.js";
-import { A as xe } from "./AccessEditModal-a02b50a1.js";
+import { P as he } from "./react-router-d38ecdf4.js";
+import "react-i18next";
+import { A as xe } from "./AccessEditModal-ee0139fb.js";
+import "i18next";
+import "ux4iot-react";
 import "react-dom";
-import "./extends-0a3e0827.js";
+import "./objectWithoutPropertiesLoose-a4604547.js";
 const je = (t) => [
   {
     name: "locale",
@@ -38,7 +41,8 @@ const je = (t) => [
               direction: "ASC"
             }
           },
-          isLoading: !1
+          isLoading: !1,
+          tableName: "localePicker"
         }
       ),
       footer: /* @__PURE__ */ e.jsx(k, { onClick: n, children: /* @__PURE__ */ e.jsx(r, { i18nKey: v.cancel.id, children: v.cancel.defaultValue }) }),
@@ -59,7 +63,7 @@ const je = (t) => [
     render: (a) => /* @__PURE__ */ e.jsx("div", { onClick: () => t(a), className: "clickable", children: a })
   }
 ], ge = () => {
-  const { assetProperties: t, assetGroupProperties: a } = z();
+  const { assetProperties: t, assetGroupProperties: a } = B();
   return {
     assetProperties: t.filter((n) => !n.key.startsWith("_") && n.deletable),
     assetGroupProperties: a.filter(
@@ -87,14 +91,15 @@ const je = (t) => [
               direction: "ASC"
             }
           },
-          isLoading: !1
+          isLoading: !1,
+          tableName: "variablePicker"
         }
       ),
       footer: /* @__PURE__ */ e.jsx(k, { onClick: a, children: /* @__PURE__ */ e.jsx(r, { i18nKey: v.cancel.id, children: v.cancel.defaultValue }) }),
       width: 600
     }
   );
-}, G = Z.lazy(() => import("./TemplateTextInput-fe5912e7.js")), ve = (t, a) => t.locale === "default" ? -1 : a.locale === "default" ? 1 : t.locale.localeCompare(a.locale);
+}, G = Z.lazy(() => import("./TemplateTextInput-e8861a0f.js")), ve = (t, a) => t.locale === "default" ? -1 : a.locale === "default" ? 1 : t.locale.localeCompare(a.locale);
 function Ce() {
   const t = re(), [a, n] = C(!1), [c, s] = C("message"), {
     watch: m,
@@ -133,14 +138,14 @@ function Ce() {
   return /* @__PURE__ */ e.jsxs("div", { className: "notification-content", children: [
     /* @__PURE__ */ e.jsx("h2", { children: /* @__PURE__ */ e.jsx(r, { i18nKey: "notificationTemplates.form.languages", children: "Languages" }) }),
     /* @__PURE__ */ e.jsx(ce, { children: [...o].sort(ve).map((x) => {
-      var w;
-      const { locale: u } = x, y = /* @__PURE__ */ e.jsx(r, { i18nKey: "notificationTemplate.form.message", children: "Message" }), i = o.indexOf(x), p = !!((w = b.locales) != null && w[i]);
+      var N;
+      const { locale: u } = x, y = /* @__PURE__ */ e.jsx(r, { i18nKey: "notificationTemplate.form.message", children: "Message" }), i = o.indexOf(x), p = !!((N = b.locales) != null && N[i]);
       return /* @__PURE__ */ e.jsx(
         de,
         {
           title: /* @__PURE__ */ e.jsxs("span", { className: "notification-locale-header", children: [
             u,
-            p && /* @__PURE__ */ e.jsx("img", { src: B, alt: "" })
+            p && /* @__PURE__ */ e.jsx("img", { src: M, alt: "" })
           ] }),
           tools: [
             /* @__PURE__ */ e.jsx(
@@ -228,7 +233,7 @@ function Ce() {
 }
 function ke() {
   const { t } = R(), { control: a } = $();
-  return /* @__PURE__ */ e.jsxs(M, { children: [
+  return /* @__PURE__ */ e.jsxs(z, { children: [
     /* @__PURE__ */ e.jsx(
       S,
       {
@@ -267,13 +272,13 @@ function ke() {
     )
   ] });
 }
-function we({ onCancel: t, onSubmit: a, disabled: n }) {
+function Ne({ onCancel: t, onSubmit: a, disabled: n }) {
   return /* @__PURE__ */ e.jsxs(ue, { dividing: !0, children: [
     /* @__PURE__ */ e.jsx(k, { primary: !0, onClick: a, disabled: n, children: /* @__PURE__ */ e.jsx(r, { i18nKey: v.save.id, children: v.save.defaultValue }) }),
     /* @__PURE__ */ e.jsx(k, { onClick: t, children: /* @__PURE__ */ e.jsx(r, { i18nKey: v.cancel.id, children: v.cancel.defaultValue }) })
   ] });
 }
-function Ne() {
+function we() {
   return {
     name: `__${fe()}`,
     locales: [
@@ -289,7 +294,7 @@ function Ne() {
 }
 function Se({ onCancel: t, onSubmit: a, editedTemplateData: n }) {
   const { locales: c } = O(U), s = H({
-    defaultValues: n ?? Ne()
+    defaultValues: n ?? we()
   }), {
     handleSubmit: m,
     setValue: h,
@@ -327,7 +332,7 @@ function Se({ onCancel: t, onSubmit: a, editedTemplateData: n }) {
       }
     ) }),
     /* @__PURE__ */ e.jsx(
-      we,
+      Ne,
       {
         onCancel: t,
         onSubmit: n ? j : () => d(!0),
@@ -355,7 +360,7 @@ function Se({ onCancel: t, onSubmit: a, editedTemplateData: n }) {
 }
 function Ve() {
   const { templateId: t } = ee(), [a, n] = C(void 0), [c, s] = C(void 0), [m, h] = C(!0);
-  return N(() => {
+  return w(() => {
     if (!t || t === "create") {
       h(!1);
       return;
@@ -422,7 +427,7 @@ function Ke(t, a, n) {
   };
 }
 const Ae = (t, a) => t.subject !== a.subject || t.text !== a.text;
-function Be() {
+function He() {
   const { t } = R(), { setContextInfo: a } = O(Q), n = te(), { pathname: c } = ae(), { initialFormData: s, error: m, loading: h } = Ve();
   async function f(o, l, T) {
     const j = Le(o), x = Ee(l), u = Ie(T);
@@ -443,7 +448,7 @@ function Be() {
       ({ locale: i }) => !j.some((p) => p.locale === i)
     ), y = T === o.displayName ? l.filter((i) => {
       const p = j.find(
-        (w) => w.locale === i.locale
+        (N) => N.locale === i.locale
       );
       return p && Ae(p, i);
     }) : l.filter(
@@ -467,13 +472,13 @@ function Be() {
   function d() {
     n.push("/portaladmin/templates");
   }
-  return N(() => {
+  return w(() => {
     a({
       type: "string",
       value: (s == null ? void 0 : s.displayName) || (s == null ? void 0 : s.name) || "",
       pathname: c
     });
-  }, [s, c, a]), N(() => () => a(), [a]), N(() => {
+  }, [s, c, a]), w(() => () => a(), [a]), w(() => {
     m && (console.error(m), K(
       /* @__PURE__ */ e.jsx(r, { i18nKey: "notificationTemplates.form.fetchFailed", children: "An error occurred while trying to fetch the template(s)" })
     ));
@@ -501,5 +506,5 @@ function Be() {
   ] });
 }
 export {
-  Be as default
+  He as default
 };

package/dist/TemplateTextInput-e8861a0f.js

@@ -0,0 +1,50 @@
+import { aw as r, cy as x, aN as n } from "./ContextBarContext-0c28ce9d.js";
+import j from "react";
+import { C as d, j as N } from "./index-34a2015c.js";
+import "react-router-dom";
+import "@deviceinsight/ng-ui-basic-components";
+import "@deviceinsight/ng-ui-components";
+import "react-i18next";
+import "i18next";
+import "@deviceinsight/ng-ui-api-client";
+import "ux4iot-react";
+import "react-dom";
+import "./objectWithoutPropertiesLoose-a4604547.js";
+const S = j.forwardRef(
+  ({ onFocus: l, onChange: i, refField: p, renderAs: e, ...a }, s) => {
+    function c() {
+      l();
+    }
+    const m = (t, o) => {
+      !e || e === "input" ? i == null || i(t.replace(/\n/g, ""), o) : i == null || i(t, o);
+    }, { label: f, ...u } = a;
+    return /* @__PURE__ */ r.jsx(x, { ...u, label: f, children: /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: n("di notification-template-field", {
+          textarea: e === "textarea"
+        }),
+        children: /* @__PURE__ */ r.jsx(
+          d,
+          {
+            ...a,
+            basicSetup: {
+              lineNumbers: !1,
+              highlightActiveLine: !1,
+              foldGutter: !1
+            },
+            onChange: (t, o) => m(t, o),
+            onCreateEditor: (t) => {
+              p(t), s && (typeof s == "function" ? s(t) : s.current = t);
+            },
+            onFocus: c,
+            extensions: [N()]
+          }
+        )
+      }
+    ) });
+  }
+);
+export {
+  S as default
+};

package/dist/{TemplatesListPage-ce7fea1d.js → TemplatesListPage-866246c6.js}

@@ -1,12 +1,15 @@
-import { az as e, ai as s, a_ as y, dd as B, b4 as P, aj as F, bR as V, by as z, am as N, da as W, de as $ } from "./ContextBarContext-f2968fee.js";
+import { aw as e, ag as s, aX as y, da as B, b1 as O, ah as F, bP as V, bw as z, aj as N, d7 as W, db as $ } from "./ContextBarContext-0c28ce9d.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 g, Icon as te, Modal as ae, withConfirm as ne } from "@deviceinsight/ng-ui-basic-components";
+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 { A as re } from "./AccessEditModal-a02b50a1.js";
+import "react-i18next";
+import { A as re } from "./AccessEditModal-ee0139fb.js";
+import "i18next";
+import "ux4iot-react";
 import "react-dom";
-function ce(r, l, c, h, u) {
+function ce(r, l, c, h, m) {
   return [
     {
       name: "displayName",
@@ -17,7 +20,7 @@ function ce(r, l, c, h, u) {
         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 }) : "-"
+      render: (t) => t.id ? /* @__PURE__ */ e.jsx(X, { to: `./${t.id}`, children: t.displayName || t.name }) : "-"
     },
     {
       name: "message",
@@ -48,8 +51,8 @@ function ce(r, l, c, h, u) {
         const { accountGroupsWithAccess: n } = t;
         if (!n || !n.length)
           return null;
-        function j(i) {
-          return u.find((d) => d.id === i) || {
+        function g(i) {
+          return m.find((u) => u.id === i) || {
             displayName: "-",
             id: i
           };
@@ -60,21 +63,21 @@ function ce(r, l, c, h, u) {
             {
               menuButton: /* @__PURE__ */ e.jsx(G, { text: `${n.length} User Groups` }),
               children: n.map((i) => {
-                const d = j(i), x = n.filter(
-                  (A) => A !== d.id
+                const u = g(i), x = n.filter(
+                  (A) => A !== u.id
                 );
                 return /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx(
                   G,
                   {
-                    text: d.displayName || d.name,
+                    text: u.displayName || u.name,
                     onDelete: () => l(x, t)
                   }
-                ) }, d.id);
+                ) }, u.id);
               })
             }
           );
         {
-          const i = j(n[0]);
+          const i = g(n[0]);
           return /* @__PURE__ */ e.jsx(
             G,
             {
@@ -92,7 +95,7 @@ function ce(r, l, c, h, u) {
       align: "right",
       render: (t) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         y([["READ_ACCOUNT_GROUP"]]) && /* @__PURE__ */ e.jsx(
-          g,
+          C,
           {
             naked: !0,
             onClick: () => c(t),
@@ -101,7 +104,7 @@ function ce(r, l, c, h, u) {
           }
         ),
         y(["DELETE_NOTIFICATION_TEMPLATE"]) && /* @__PURE__ */ e.jsx(
-          g,
+          C,
           {
             naked: !0,
             onClick: () => r(t),
@@ -111,10 +114,10 @@ function ce(r, l, c, h, u) {
         )
       ] })
     } : null
-  ].filter(P);
+  ].filter(O);
 }
-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", {
+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."
@@ -124,31 +127,31 @@ function ue({ onCancel: r, onSave: l, template: c }) {
     {
       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 }),
+      content: /* @__PURE__ */ e.jsx(ie, { type: m ? "warning" : "error", icon: V, message: t }),
       footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        u && /* @__PURE__ */ e.jsx(g, { onClick: () => l([], c), children: /* @__PURE__ */ e.jsx(s, { i18nKey: "general.actions.save", children: "Save" }) }),
-        /* @__PURE__ */ e.jsx(g, { onClick: () => r(), children: /* @__PURE__ */ e.jsx(s, { i18nKey: "general.actions.cancel", children: "Cancel" }) })
+        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 de = {
+const ue = {
   page: 0,
   size: 10,
   sort: {
     property: "name",
     direction: "ASC"
   }
-}, me = {
+}, de = {
   locale: "null",
   page: 0,
   size: 2e3
 };
 async function pe() {
-  const r = await _(me);
+  const r = await _(de);
   return await Promise.all(
     r.map(async (l) => {
-      const { accountGroupIds: c } = await X(l.id);
+      const { accountGroupIds: c } = await Q(l.id);
       return Promise.resolve({
         ...l,
         accountGroupsWithAccess: c,
@@ -158,7 +161,7 @@ async function pe() {
   );
 }
 function fe({ confirm: r }) {
-  const { setContextInfo: l } = H(z), { pathname: c } = Q(), [h, u] = T([]), [t, n] = T(!0), [j, i] = T(!1), [d, x] = T(!1), [A, I] = T([]), [C, L] = T(), M = /* @__PURE__ */ e.jsx(s, { i18nKey: "portalAdmin.sidebarElements.templates.create", children: "Create new notification template" }), w = q(
+  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",
@@ -180,8 +183,8 @@ function fe({ confirm: r }) {
         size: 2e3
       });
       await Promise.all(o.map((p) => ee(p.id)));
-      const m = A.filter((p) => p.name !== a.name);
-      I(m), w(m);
+      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" })
@@ -206,29 +209,29 @@ function fe({ confirm: r }) {
     if (o) {
       n(!0);
       try {
-        const m = await _({
+        const d = await _({
           name: o.name,
           page: 0,
           size: 2e3
         }), p = { ...o, accountGroupsWithAccess: a }, f = N.unionBy([p], A, "id");
         await Promise.all(
-          m.map(
+          d.map(
             (E) => Z({
               ...E,
               accountGroupsWithAccess: a
             })
           )
         );
-        const K = [
+        const R = [
           ...new Set(
             N.flatten(
               f.map(({ accountGroupsWithAccess: E }) => E).filter(Boolean)
             )
           )
-        ], k = await Promise.all(K.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(
+        ], 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 {
@@ -239,7 +242,7 @@ function fe({ confirm: r }) {
   function U(a) {
     L(a), i(!0);
   }
-  function R(a) {
+  function K(a) {
     L(a), x(!0);
   }
   return Y(() => {
@@ -249,11 +252,11 @@ function fe({ confirm: r }) {
         const o = await pe();
         if (a)
           return;
-        if (I(o), w(o), y(["READ_ACCOUNT_GROUP"])) {
-          const m = [
+        if (w(o), I(o), y(["READ_ACCOUNT_GROUP"])) {
+          const d = [
             ...new Set(N.flatten(o.map(({ accountGroupsWithAccess: f }) => f)))
-          ].filter(P), p = await Promise.all(m.map((f) => O(f)));
-          u(p);
+          ].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(
@@ -291,36 +294,37 @@ function fe({ confirm: r }) {
           v,
           b,
           U,
-          R,
+          K,
           h
         ),
         uniqueItemKey: (a) => `${a.id}`,
-        paginationSettings: de,
+        paginationSettings: ue,
         items: A,
         isLoading: t,
-        "data-testid": "notification-templates-table"
+        "data-testid": "notification-templates-table",
+        tableName: "notificationTemplates"
       }
     ),
-    j && C && /* @__PURE__ */ e.jsx(
+    g && j && /* @__PURE__ */ e.jsx(
       re,
       {
         onCancel: () => i(!1),
         onSave: b,
         loading: t,
-        template: C
+        template: j
       }
     ),
-    d && C && /* @__PURE__ */ e.jsx(
-      ue,
+    u && j && /* @__PURE__ */ e.jsx(
+      me,
       {
         onCancel: () => x(!1),
         onSave: b,
-        template: C
+        template: j
       }
     )
   ] });
 }
-const ge = ne(fe);
+const be = ne(fe);
 export {
-  ge as default
+  be as default
 };

package/dist/{UserGroupAssignments-8fd3c47d.js → UserGroupAssignments-6feae326.js}

@@ -1,46 +1,49 @@
-import { az as e, db as S, aT as E, bi as _, aj as N, ao as R, ai as o, bo as j, ba as y, dc as M } from "./ContextBarContext-f2968fee.js";
+import { aw as e, d8 as S, aQ as E, bf as _, ah as N, al as R, ag as o, bl as j, b7 as y, d9 as M } from "./ContextBarContext-0c28ce9d.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-i18next";
+import "i18next";
+import "ux4iot-react";
 import "react-dom";
 function D() {
-  const [n, a] = A([]), [s, i] = A(!1), [f, m] = A(null);
+  const [n, a] = A([]), [s, r] = A(!1), [f, m] = A(null);
   C(() => {
-    i(!0);
-    let r = !1;
+    r(!0);
+    let i = !1;
     return v().then((l) => {
-      r || (a(l), i(!1));
+      i || (a(l), r(!1));
     }).catch((l) => {
-      r || (m(l), i(!1));
+      i || (m(l), r(!1));
     }), () => {
-      r = !0;
+      i = !0;
     };
   }, []);
-  async function g(r) {
+  async function g(i) {
     try {
-      i(!0);
-      const l = await k(r);
+      r(!0);
+      const l = await k(i);
       a([...n, l]);
     } finally {
-      i(!1);
+      r(!1);
     }
   }
-  async function c(r, l) {
+  async function c(i, l) {
     try {
-      i(!0);
-      const u = await H(r, l);
-      a(n.map((t) => t.name === r ? u : t));
+      r(!0);
+      const u = await H(i, l);
+      a(n.map((t) => t.name === i ? u : t));
     } finally {
-      i(!1);
+      r(!1);
     }
   }
-  async function d(r) {
+  async function d(i) {
     try {
-      i(!0), await q(r), a(n.filter((l) => l.name !== r));
+      r(!0), await q(i), a(n.filter((l) => l.name !== i));
     } finally {
-      i(!1);
+      r(!1);
     }
   }
   return { rules: n, isLoading: s, error: f, createRule: g, editRule: c, deleteRule: d };
@@ -90,11 +93,12 @@ function P({ onEditRuleClick: n, onDeleteRuleClick: a, rules: s }) {
     U,
     {
       columnDefs: F(n, a),
-      uniqueItemKey: (i) => i.name,
+      uniqueItemKey: (r) => r.name,
       paginationSettings: O,
       items: s,
       isLoading: !1,
-      "data-testid": "user-group-assignments-table"
+      "data-testid": "user-group-assignments-table",
+      tableName: "userGroupAssignments"
     }
   );
 }
@@ -103,12 +107,12 @@ function W(n) {
   if (R.isAxiosError(n) && ((a = n.response) != null && a.data)) {
     const { fieldErrors: s } = n.response.data;
     if (s)
-      return s.map(({ field: i }) => i);
+      return s.map(({ field: r }) => r);
   }
 }
 function I({ onSubmit: n, onClose: a, value: s }) {
   const {
-    handleSubmit: i,
+    handleSubmit: r,
     formState: { isSubmitting: f },
     control: m,
     setError: g
@@ -118,7 +122,7 @@ function I({ onSubmit: n, onClose: a, value: s }) {
     required: c("userGroupAssignments.ruleModal.validation.required", {
       defaultValue: "Required field"
     })
-  }, r = i(async (l) => {
+  }, i = r(async (l) => {
     var u, t;
     try {
       await n(l);
@@ -221,24 +225,24 @@ function I({ onSubmit: n, onClose: a, value: s }) {
         )
       ] }),
       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, { 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 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();
+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 i(p), c(!1);
+    await r(p), c(!1);
   }
   async function h(p) {
-    d && (await f(d.name, p), r(null));
+    d && (await f(d.name, p), i(null));
   }
   async function G(p) {
     await l({
@@ -265,7 +269,7 @@ function Z() {
         P,
         {
           rules: a,
-          onEditRuleClick: r,
+          onEditRuleClick: i,
           onDeleteRuleClick: G
         }
       ),
@@ -281,7 +285,7 @@ function Z() {
     d && /* @__PURE__ */ e.jsx(
       I,
       {
-        onClose: () => r(null),
+        onClose: () => i(null),
         onSubmit: h,
         value: d
       }
@@ -289,5 +293,5 @@ function Z() {
   ] });
 }
 export {
-  Z as default
+  te as default
 };