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

package/dist/{AccessEditModal-a02b50a1.js → AccessEditModal-38c11d48.js}

@@ -1,12 +1,12 @@
-import { aA as g, aj as y, a_ as w, az as e, ai as r, bR as I, di as U, dj as _, dk as O, cj as E, dl as m } from "./ContextBarContext-f2968fee.js";
-import { useState as f, useContext as M, useMemo as k } from "react";
-import { Modal as b, SpinnerContainer as K, Button as x } from "@deviceinsight/ng-ui-basic-components";
+import { aA as g, aj as y, a_ as w, az as e, ai as r, bR as I, di as U, dj as _, dk as O, cj as b, dl as m } from "./ContextBarContext-0565a593.js";
+import { useState as f, useContext as E, useMemo as M } from "react";
+import { Modal as k, SpinnerContainer as K, Button as x } from "@deviceinsight/ng-ui-basic-components";
 import { InfoBox as F } from "@deviceinsight/ng-ui-components";
 import { searchUserGroups as R } from "@deviceinsight/ng-ui-api-client";
 const W = "usergroupsWithoutAccessToTemplate";
 function z(o) {
   return {
-    fields: E,
+    fields: b,
     search: (s, t) => R(o(s), t)
   };
 }
@@ -17,15 +17,15 @@ function L(o, s) {
   ) : m(o, !0);
 }
 function q({ onSave: o, onCancel: s, loading: t, template: n }) {
-  const [i, T] = f([]), [c, S] = f(!0), { user: u } = M(g), l = n && n.accountGroupsWithAccess || [], C = c ? u.accountGroupIds ?? [] : null, G = k(
+  const [i, T] = f([]), [a, S] = f(!0), { user: u } = E(g), l = n && n.accountGroupsWithAccess || [], C = a ? u.accountGroupIds ?? [] : null, G = M(
     () => Math.random(),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [c]
+    [a]
   ), { t: d } = y(), h = w(["ACCESS_TO_ALL_NOTIFICATION_TEMPLATES"]), j = (n == null ? void 0 : n.accountGroupsWithAccess) ?? [], p = [...i, ...j].some(
-    (a) => u.accountGroupIds.includes(a)
+    (c) => u.accountGroupIds.includes(c)
   ), A = !h && !p || t;
   return /* @__PURE__ */ e.jsx(
-    b,
+    k,
     {
       onOutsideClick: s,
       header: /* @__PURE__ */ e.jsx(r, { i18nKey: "notificationTemplate.access.modal.title", children: "Authorize User Groups to access this template" }),
@@ -47,7 +47,7 @@ function q({ onSave: o, onCancel: s, loading: t, template: n }) {
             searchContext: W,
             searchConfig: z(L(l, C)),
             columnDefinitions: _(!0),
-            uniqueItemKey: (a) => a.id,
+            uniqueItemKey: (c) => c.id,
             pageSize: 5,
             onSelectSome: T,
             updateTrigger: G,
@@ -58,7 +58,7 @@ function q({ onSave: o, onCancel: s, loading: t, template: n }) {
                   flexGrow: 1,
                   marginLeft: "50px"
                 },
-                value: c,
+                value: a,
                 onChange: S,
                 label: d("notificationTemplate.access.modal.showOnlyMyGroups", {
                   defaultValue: "Show only my groups"
@@ -66,7 +66,8 @@ function q({ onSave: o, onCancel: s, loading: t, template: n }) {
                 horizontal: !0
               }
             ),
-            searchInputScope: "notification-template-access-modal"
+            searchInputScope: "notification-template-access-modal",
+            tableName: "notification-template-access-modal-table"
           }
         ),
         /* @__PURE__ */ e.jsx(r, { i18nKey: "notificationTemplate.access.modal.note", children: "Please select User Groups to authorise them to access and work with this template." })

package/dist/{BundleManagementContainer-dbac0259.js → BundleManagementContainer-0efa3cec.js}

@@ -1,4 +1,4 @@
-import { by as n, az as r } from "./ContextBarContext-f2968fee.js";
+import { by as n, az as r } from "./ContextBarContext-0565a593.js";
 import { useContext as m, useEffect as s } from "react";
 import { useLocation as a } from "react-router-dom";
 import { messageBoxDismissGroup as i } from "@deviceinsight/ng-ui-components";

package/dist/{BundlesContainer-498d7121.js → BundlesContainer-ff572d82.js}

@@ -1,19 +1,19 @@
-import { aj as S, bi as P, az as e, ai as r, bo as A, ba as I, d8 as T, aT as F, b7 as re, am as ae, d9 as ie, cq as q, da as oe } from "./ContextBarContext-f2968fee.js";
+import { aj as S, bi as P, az as e, ai as r, bo as A, ba as I, d8 as T, aT as F, b7 as re, am as ae, d9 as ie, cq as q, da as oe } from "./ContextBarContext-0565a593.js";
 import { useEffect as D, useState as V, useRef as ce, useCallback as ue, createElement as he } from "react";
 import { useLocation as me } from "react-router-dom";
 import { createBundle as xe, deleteBundleFile as je, createBundleFile as fe, releaseBundleVersion as Ee, fetchBundleVersion as G, fetchBundleFiles as z, createBundleVersion as ge, deleteBundleVersion as Be, downloadBundleFile as be, fetchBundleVersions as W, deleteBundle as Ve, fetchAllBundles as De } from "@deviceinsight/ng-ui-api-client";
 import { messageBoxSuccess as $, messageBoxError as H, ReactableWithClientSidePagination as Ne, Reactable as Te, ContentHeader as ve } from "@deviceinsight/ng-ui-components";
 import { Modal as _, SpinnerContainer as N, Button as j, Icon as v, Label as _e, AccordionItem as ye, Accordion as pe } from "@deviceinsight/ng-ui-basic-components";
 import { B as c, Q, a as Ce } from "./consts-012135e5.js";
-import { F as Le } from "./FileUploadInput-aea4f866.js";
+import { F as Le } from "./FileUploadInput-87e9d774.js";
 import { u as Se, b as Ae } from "./useCanDeleteBundleVersion-64f35949.js";
 import "react-dom";
 const Y = (n) => {
   n && setTimeout(() => n.focus(), 0);
 }, Z = (n, t) => {
   D(() => {
-    const s = (l) => {
-      t || (l.code === "Enter" || l.code === "NumpadEnter") && n();
+    const s = (d) => {
+      t || (d.code === "Enter" || d.code === "NumpadEnter") && n();
     };
     return document.addEventListener("keydown", s), () => {
       document.removeEventListener("keydown", s);
@@ -21,8 +21,8 @@ const Y = (n) => {
   }, [n, t]);
 }, Ie = ({ setOpen: n, loadBundles: t }) => {
   const { t: s } = S(), {
-    handleSubmit: l,
-    control: d,
+    handleSubmit: d,
+    control: l,
     formState: { isSubmitting: a }
   } = P({ defaultValues: { name: "" } }), i = (o) => xe(o).then(() => {
     t(), n(!1), $(
@@ -30,7 +30,7 @@ const Y = (n) => {
     );
   }).catch((h) => {
     console.error("bundle creation error", h), H(/* @__PURE__ */ e.jsx(r, { i18nKey: "bundlemanagement.createBundleError", children: "Could not save bundle" }));
-  }), u = () => l(i, (o) => {
+  }), u = () => d(i, (o) => {
     console.warn("Validation error", o);
   })();
   return Z(u, !1), /* @__PURE__ */ e.jsx(
@@ -42,7 +42,7 @@ const Y = (n) => {
         A,
         {
           name: "name",
-          control: d,
+          control: l,
           rules: {
             required: s("bundleManagement.bundles.name.required", {
               defaultValue: "Name is required"
@@ -92,15 +92,15 @@ const Y = (n) => {
     }
   );
 }, O = (n, t, s) => {
-  n && n.some((l) => !l.condition || l.condition(s) ? (t(/* @__PURE__ */ e.jsx(r, { i18nKey: l.id, children: l.defaultValue })), !0) : !1);
+  n && n.some((d) => !d.condition || d.condition(s) ? (t(/* @__PURE__ */ e.jsx(r, { i18nKey: d.id, children: d.defaultValue })), !0) : !1);
 };
 function g({
   requestFunction: n,
   errorMessages: t,
   successMessages: s,
-  initialData: l
+  initialData: d
 }) {
-  const [d, a] = V(l), [i, u] = V(!1), [o, h] = V(void 0), m = ce(!0), b = ue(async (...B) => {
+  const [l, a] = V(d), [i, u] = V(!1), [o, h] = V(void 0), m = ce(!0), b = ue(async (...B) => {
     try {
       h(void 0), u(!0);
       const f = await n(...B);
@@ -113,25 +113,25 @@ function g({
   }, [n, t, s]);
   return D(() => (m.current = !0, () => {
     m.current = !1;
-  }), [n, t, s]), { run: b, data: d, loading: i, error: o };
+  }), [n, t, s]), { run: b, data: l, loading: i, error: o };
 }
 const K = (n) => n ? /* @__PURE__ */ e.jsx("span", { children: re(n, { showTimezone: !1 }) }) : "-", Fe = ({
   onViewDetails: n,
   onDelete: t,
   onEdit: s
-}, l) => [
+}, d) => [
   {
     name: "name",
     label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.name", children: "Name" }),
     sortable: !0,
-    render: (d) => /* @__PURE__ */ e.jsx(
+    render: (l) => /* @__PURE__ */ e.jsx(
       "a",
       {
         href: "edit",
         onClick: (a) => {
-          a.preventDefault(), n(d.id);
+          a.preventDefault(), n(l.id);
         },
-        children: d.name
+        children: l.name
       }
     ),
     width: "15%"
@@ -140,48 +140,48 @@ const K = (n) => n ? /* @__PURE__ */ e.jsx("span", { children: re(n, { showTimez
     name: "description",
     label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.description", children: "Description" }),
     sortable: !0,
-    render: ({ description: d }) => /* @__PURE__ */ e.jsx("span", { children: d }),
+    render: ({ description: l }) => /* @__PURE__ */ e.jsx("span", { children: l }),
     width: "20%"
   },
   {
     name: "fileCount",
     label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.files", children: "Files" }),
     sortable: !0,
-    render: ({ fileCount: d }) => /* @__PURE__ */ e.jsx("span", { children: d || "-" }),
+    render: ({ fileCount: l }) => /* @__PURE__ */ e.jsx("span", { children: l || "-" }),
     width: "10%"
   },
   {
     name: "draft",
     label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.status", children: "Status" }),
     sortable: !0,
-    render: ({ draft: d }) => /* @__PURE__ */ e.jsx("span", { children: d ? /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.draft", children: "Draft" }) : /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.published", children: "Published" }) }),
+    render: ({ draft: l }) => /* @__PURE__ */ e.jsx("span", { children: l ? /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.draft", children: "Draft" }) : /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.published", children: "Published" }) }),
     width: "10%"
   },
   {
     name: "createdAt",
     label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.createdAt", children: "Created at" }),
     sortable: !0,
-    render: ({ createdAt: d }) => /* @__PURE__ */ e.jsx("span", { children: K(d) })
+    render: ({ createdAt: l }) => /* @__PURE__ */ e.jsx("span", { children: K(l) })
   },
   {
     name: "releasedAt",
     label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.releasedAt", children: "Published at" }),
     sortable: !0,
-    render: ({ releasedAt: d }) => /* @__PURE__ */ e.jsx("span", { children: d ? K(d) : "-" })
+    render: ({ releasedAt: l }) => /* @__PURE__ */ e.jsx("span", { children: l ? K(l) : "-" })
   },
   {
     name: "delete",
     label: "",
     width: "5%",
     align: "right",
-    render: (d) => /* @__PURE__ */ e.jsx(F, { authorities: ["WRITE_BUNDLE"], children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      d.draft && /* @__PURE__ */ e.jsx(
+    render: (l) => /* @__PURE__ */ e.jsx(F, { authorities: ["WRITE_BUNDLE"], children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      l.draft && /* @__PURE__ */ e.jsx(
         j,
         {
           naked: !0,
           small: !0,
-          onClick: () => s(d.id),
-          title: l("bundleversion.edit", {
+          onClick: () => s(l.id),
+          title: d("bundleversion.edit", {
             defaultValue: "Edit Bundle Version"
           }),
           "data-testid": c.DELETE_VERSION_ICON,
@@ -193,10 +193,10 @@ const K = (n) => n ? /* @__PURE__ */ e.jsx("span", { children: re(n, { showTimez
         {
           naked: !0,
           small: !0,
-          onClick: () => t(d),
-          title: l("bundleversion.delete", {
+          onClick: () => t(l),
+          title: d("bundleversion.delete", {
             defaultValue: "Delete Bundle Version",
-            version: d.name
+            version: l.name
           }),
           "data-testid": c.DELETE_VERSION_ICON,
           children: /* @__PURE__ */ e.jsx(v, { del: !0 })
@@ -206,7 +206,7 @@ const K = (n) => n ? /* @__PURE__ */ e.jsx("span", { children: re(n, { showTimez
   }
 ], Me = /^[a-zA-Z0-9_.-]*$/;
 function we({ header: n, formContext: t, onSubmit: s }) {
-  const { t: l } = S(), { control: d } = t;
+  const { t: d } = S(), { control: l } = t;
   return Z(s, !1), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "h3",
@@ -222,20 +222,20 @@ function we({ header: n, formContext: t, onSubmit: s }) {
         A,
         {
           name: "name",
-          control: d,
+          control: l,
           rules: {
-            required: l("version.name.required", {
+            required: d("version.name.required", {
               defaultValue: "Name is required."
             }),
             pattern: {
               value: Me,
-              message: l("version.name.pattern", {
+              message: d("version.name.pattern", {
                 defaultValue: "Name can only contain latin characters, number, dots and underscores."
               })
             },
             maxLength: {
               value: 50,
-              message: l("version.name.maxLength", {
+              message: d("version.name.maxLength", {
                 defaultValue: "Name cannot be longer than 50 characters"
               })
             }
@@ -259,11 +259,11 @@ function we({ header: n, formContext: t, onSubmit: s }) {
         A,
         {
           name: "description",
-          control: d,
+          control: l,
           rules: {
             maxLength: {
               value: 250,
-              message: l("version.description.maxLength", {
+              message: d("version.description.maxLength", {
                 defaultValue: "Description cannot be longer than 250 characters"
               })
             }
@@ -374,10 +374,11 @@ const J = [
     Ne,
     {
       columnDefs: t,
-      uniqueItemKey: (l) => `${l.name}_${l.size}`,
+      uniqueItemKey: (d) => `${d.name}_${d.size}`,
       paginationSettings: Re,
       items: n,
-      isLoading: s
+      isLoading: s,
+      tableName: "files"
     }
   )
 ] }) }), ne = ({ bundle: n, version: t }) => /* @__PURE__ */ e.jsxs("div", { className: "bundle-version-info", children: [
@@ -432,7 +433,7 @@ const J = [
 }, Ye = "DUPLICATE_FILE_NAME", Ze = ({
   bundle: n,
   version: t,
-  fileLoader: { run: s, data: l, loading: d }
+  fileLoader: { run: s, data: d, loading: l }
 }) => {
   const { t: a } = S(), i = t ? t.id : "", { run: u, loading: o } = g({
     requestFunction: je,
@@ -454,8 +455,8 @@ const J = [
     /* @__PURE__ */ e.jsx(
       ee,
       {
-        isLoading: o || m || d,
-        files: l || [],
+        isLoading: o || m || l,
+        files: d || [],
         columnDefs: f
       }
     ),
@@ -472,7 +473,7 @@ const J = [
           }
         }
       },
-      l ? l.length : 1
+      d ? d.length : 1
     ) })
   ] });
 }, Je = {
@@ -496,21 +497,21 @@ const J = [
 }, R = {
   id: "bundlemanagement.modalSaveAndProceedButton",
   defaultValue: "Save and Proceed"
-}, nn = [te], tn = [se], sn = [ze], dn = [Ge], ln = [en], rn = ({ bundle: n, versionId: t, setVersionId: s, onClose: l }) => {
-  const d = P({
+}, nn = [te], tn = [se], sn = [ze], ln = [Ge], dn = [en], rn = ({ bundle: n, versionId: t, setVersionId: s, onClose: d }) => {
+  const l = P({
     defaultValues: {
       name: "",
       description: ""
     }
-  }), { handleSubmit: a } = d, i = (f) => ge(n.id, f).then((E) => s(E.id)), u = () => a(i, (f) => {
+  }), { handleSubmit: a } = l, i = (f) => ge(n.id, f).then((E) => s(E.id)), u = () => a(i, (f) => {
     console.warn("Validation error", f);
   })(), o = g({
     requestFunction: u,
     errorMessages: sn
   }), h = g({
     requestFunction: Ee,
-    errorMessages: dn,
-    successMessages: ln
+    errorMessages: ln,
+    successMessages: dn
   }), m = g({
     requestFunction: G,
     errorMessages: nn
@@ -531,7 +532,7 @@ const J = [
         N,
         {
           show: h.loading || m.loading && !m.data || o.loading,
-          children: t ? /* @__PURE__ */ e.jsx(Ze, { bundle: n, version: m.data, fileLoader: x }) : /* @__PURE__ */ e.jsx(we, { header: n.name, formContext: d, onSubmit: u })
+          children: t ? /* @__PURE__ */ e.jsx(Ze, { bundle: n, version: m.data, fileLoader: x }) : /* @__PURE__ */ e.jsx(we, { header: n.name, formContext: l, onSubmit: u })
         }
       ),
       footer: t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -539,24 +540,24 @@ const J = [
           j,
           {
             primary: !0,
-            onClick: () => h.run(n.id, t || "").then(l),
+            onClick: () => h.run(n.id, t || "").then(d),
             disabled: !B || h.loading,
             children: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundlemanagement.publish", children: "Publish" })
           }
         ),
-        /* @__PURE__ */ e.jsx(j, { onClick: l, "data-testid": c.CANCEL_SAVE_VERSION_BUTTON, children: /* @__PURE__ */ e.jsx(r, { i18nKey: p.id, children: p.defaultValue }) })
+        /* @__PURE__ */ e.jsx(j, { onClick: d, "data-testid": c.CANCEL_SAVE_VERSION_BUTTON, children: /* @__PURE__ */ e.jsx(r, { i18nKey: p.id, children: p.defaultValue }) })
       ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
           j,
           {
             primary: !0,
             onClick: o.run,
-            disabled: d.formState.isSubmitting || o.loading,
+            disabled: l.formState.isSubmitting || o.loading,
             "data-testid": c.SAVE_VERSION_BUTTON,
             children: /* @__PURE__ */ e.jsx(r, { i18nKey: R.id, children: R.defaultValue })
           }
         ),
-        /* @__PURE__ */ e.jsx(j, { onClick: l, "data-testid": c.CANCEL_SAVE_VERSION_BUTTON, children: /* @__PURE__ */ e.jsx(r, { i18nKey: T.cancel.id, children: T.cancel.defaultValue }) })
+        /* @__PURE__ */ e.jsx(j, { onClick: d, "data-testid": c.CANCEL_SAVE_VERSION_BUTTON, children: /* @__PURE__ */ e.jsx(r, { i18nKey: T.cancel.id, children: T.cancel.defaultValue }) })
       ] })
     }
   );
@@ -574,20 +575,20 @@ const J = [
   "Do you really want to delete the version ",
   /* @__PURE__ */ e.jsx("strong", { children: n }),
   "?"
-] }) }) }) }), cn = ({ version: n, canBeDeleted: t, error: s, processing: l }) => /* @__PURE__ */ e.jsx(N, { show: l, children: /* @__PURE__ */ e.jsx(
+] }) }) }) }), cn = ({ version: n, canBeDeleted: t, error: s, processing: d }) => /* @__PURE__ */ e.jsx(N, { show: d, children: /* @__PURE__ */ e.jsx(
   "div",
   {
     style: {
       minHeight: 50
     },
-    children: !l && (t ? on(n.name) : an(n.name, s))
+    children: !d && (t ? on(n.name) : an(n.name, s))
   }
-) }), un = [qe], hn = [Xe], mn = ({ bundle: n, version: t, onCancel: s, loadVersions: l }) => {
-  const { run: d } = g({
+) }), un = [qe], hn = [Xe], mn = ({ bundle: n, version: t, onCancel: s, loadVersions: d }) => {
+  const { run: l } = g({
     requestFunction: Be,
     errorMessages: un,
     successMessages: hn
-  }), a = Se(n, t), i = () => d(n.id, t.id).then(l).then(s);
+  }), a = Se(n, t), i = () => l(n.id, t.id).then(d).then(s);
   return /* @__PURE__ */ e.jsx(
     _,
     {
@@ -600,9 +601,9 @@ const J = [
       width: 500
     }
   );
-}, xn = [te], jn = [se], fn = ({ bundle: n, versionId: t, onClose: s, t: l }) => {
+}, xn = [te], jn = [se], fn = ({ bundle: n, versionId: t, onClose: s, t: d }) => {
   const {
-    run: d,
+    run: l,
     data: a,
     loading: i
   } = g({
@@ -621,10 +622,10 @@ const J = [
       window.location.replace(f.downloadLink);
     }),
     errorMessages: [Pe]
-  }), b = Ke(m, l);
+  }), b = Ke(m, d);
   return D(() => {
-    t && (d(n.id, t), u(n.id, t));
-  }, [u, d, t, n]), /* @__PURE__ */ e.jsx(
+    t && (l(n.id, t), u(n.id, t));
+  }, [u, l, t, n]), /* @__PURE__ */ e.jsx(
     _,
     {
       width: 500,
@@ -645,7 +646,7 @@ const J = [
   );
 }, En = {
   getRowClass: (n) => n.draft ? "draft" : "released"
-}, gn = ({ columnDefs: n, paginationSettings: t, setPaginationSettings: s, versions: l, loading: d }) => /* @__PURE__ */ e.jsx(N, { show: d, children: /* @__PURE__ */ e.jsxs(
+}, gn = ({ columnDefs: n, paginationSettings: t, setPaginationSettings: s, versions: d, loading: l }) => /* @__PURE__ */ e.jsx(N, { show: l, children: /* @__PURE__ */ e.jsxs(
   "div",
   {
     className: "bundle-version-table",
@@ -655,7 +656,7 @@ const J = [
     children: [
       /* @__PURE__ */ e.jsxs("h2", { children: [
         /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.title", children: "Versions" }),
-        /* @__PURE__ */ e.jsx(X, { count: l && l.totalElements })
+        /* @__PURE__ */ e.jsx(X, { count: d && d.totalElements })
       ] }),
       /* @__PURE__ */ e.jsx(
         Te,
@@ -672,7 +673,7 @@ const J = [
               direction: i
             }
           }),
-          pageable: l,
+          pageable: d,
           rowDef: En,
           "data-testid": "bundle-versions-table"
         }
@@ -687,10 +688,10 @@ const J = [
     direction: "DESC"
   }
 }, bn = [We], Vn = ({ bundle: n, isOpen: t }) => {
-  const { t: s } = S(), [l, d] = V(!1), [a, i] = V(void 0), [u, o] = V(void 0), [h, m] = V(void 0), x = q();
+  const { t: s } = S(), [d, l] = V(!1), [a, i] = V(void 0), [u, o] = V(void 0), [h, m] = V(void 0), x = q();
   D(() => {
-    const le = x.get(Q), w = x.get(Ce);
-    w && le === n.id && i(w);
+    const de = x.get(Q), w = x.get(Ce);
+    w && de === n.id && i(w);
   }, [x, n]);
   const b = Fe(
     {
@@ -702,7 +703,7 @@ const J = [
   ), [B, f] = V(Bn), {
     run: E,
     data: y,
-    loading: de
+    loading: le
   } = g({
     requestFunction: W,
     errorMessages: bn
@@ -717,13 +718,13 @@ const J = [
         paginationSettings: B,
         setPaginationSettings: f,
         columnDefs: b,
-        loading: de
+        loading: le
       }
     ),
     /* @__PURE__ */ e.jsx(F, { authorities: ["WRITE_BUNDLE"], children: /* @__PURE__ */ e.jsxs(
       j,
       {
-        onClick: () => d(!0),
+        onClick: () => l(!0),
         "data-testid": c.CREATE_VERSION_BUTTON,
         children: [
           /* @__PURE__ */ e.jsx(v, { add: !0 }),
@@ -740,14 +741,14 @@ const J = [
         loadVersions: M
       }
     ),
-    (l || u) && /* @__PURE__ */ e.jsx(
+    (d || u) && /* @__PURE__ */ e.jsx(
       rn,
       {
         bundle: n,
         versionId: u,
         setVersionId: o,
         onClose: () => {
-          d(!1), o(void 0), M();
+          l(!1), o(void 0), M();
         }
       }
     ),
@@ -762,14 +763,14 @@ const J = [
     )
   ] });
 }, Dn = (n) => {
-  const { bundle: t, onDelete: s, isOpen: l } = n, { id: d, name: a } = t;
+  const { bundle: t, onDelete: s, isOpen: d } = n, { id: l, name: a } = t;
   return /* @__PURE__ */ he(
     ye,
     {
       ...n,
-      "data-testid": c.ACCORDION_ITEM + d,
+      "data-testid": c.ACCORDION_ITEM + l,
       title: a,
-      key: d,
+      key: l,
       tools: [
         /* @__PURE__ */ e.jsx(
           F,
@@ -794,15 +795,15 @@ const J = [
         )
       ]
     },
-    /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(Vn, { bundle: t, isOpen: !!l }) })
+    /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(Vn, { bundle: t, isOpen: !!d }) })
   );
 }, Nn = (n, t) => {
   const s = n.get(Q);
-  return !t || !t.length || !s ? 0 : t.reduce((l, d, a) => d.id === s ? a : l, 0);
+  return !t || !t.length || !s ? 0 : t.reduce((d, l, a) => l.id === s ? a : d, 0);
 }, Tn = ({ bundles: n, onDelete: t, isLoading: s }) => {
-  const l = q(), d = Nn(l, n);
+  const d = q(), l = Nn(d, n);
   return /* @__PURE__ */ e.jsxs(N, { show: s, children: [
-    /* @__PURE__ */ e.jsx(pe, { accordionClass: "bundles", defaultOpenPageIndex: d, children: (n || []).map((a) => /* @__PURE__ */ e.jsx(Dn, { bundle: a, onDelete: t }, a.name)) }, d),
+    /* @__PURE__ */ e.jsx(pe, { accordionClass: "bundles", defaultOpenPageIndex: l, children: (n || []).map((a) => /* @__PURE__ */ e.jsx(Dn, { bundle: a, onDelete: t }, a.name)) }, l),
     !s && (!n || !n.length) && /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleManagement.noBundles", children: "There are currently no bundles" })
   ] });
 }, vn = (n, t) => /* @__PURE__ */ e.jsx("div", { "data-testid": c.DELETE_BUNDLE_DIALOG, children: t || /* @__PURE__ */ e.jsx("p", { children: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundlemanagement.deleteBundleModalBodyError", children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -821,38 +822,38 @@ const J = [
     " version(s) and the associated files."
   ] }) }) }),
   /* @__PURE__ */ e.jsx("p", { "data-testid": "deleteBundleModalBody3", children: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundlemanagement.deleteBundleModalBody3", children: "This action cannot be undone." }) })
-] }), yn = ({ bundle: n, canBeDeleted: t, error: s, processing: l }) => {
+] }), yn = ({ bundle: n, canBeDeleted: t, error: s, processing: d }) => {
   const {
-    run: d,
+    run: l,
     data: a,
     loading: i
   } = g({
     requestFunction: W
   });
   return D(() => {
-    t && d(n.id);
-  }, [d, n, t]), /* @__PURE__ */ e.jsx(N, { show: l || i, children: /* @__PURE__ */ e.jsx(
+    t && l(n.id);
+  }, [l, n, t]), /* @__PURE__ */ e.jsx(N, { show: d || i, children: /* @__PURE__ */ e.jsx(
     "div",
     {
       style: {
         minHeight: 50
       },
-      children: !l && !i && (t ? _n(n.name, a ? a.totalElements.toString() : void 0) : vn(n.name, s))
+      children: !d && !i && (t ? _n(n.name, a ? a.totalElements.toString() : void 0) : vn(n.name, s))
     }
   ) });
 }, pn = [ke], Cn = [Je], Ln = ({ bundle: n, onCancel: t, loadBundles: s }) => {
-  const { run: l } = g({
+  const { run: d } = g({
     requestFunction: Ve,
     errorMessages: pn,
     successMessages: Cn
-  }), d = Ae(n), a = () => l(n.id).then(s).then(t);
+  }), l = Ae(n), a = () => d(n.id).then(s).then(t);
   return /* @__PURE__ */ e.jsx(
     _,
     {
       header: /* @__PURE__ */ e.jsx(r, { i18nKey: k.id, children: k.defaultValue }),
-      content: /* @__PURE__ */ e.jsx(yn, { bundle: n, ...d }),
+      content: /* @__PURE__ */ e.jsx(yn, { bundle: n, ...l }),
       footer: /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx(j, { primary: !0, disabled: !d.canBeDeleted, onClick: a, children: /* @__PURE__ */ e.jsx(r, { i18nKey: C.id, children: C.defaultValue }) }),
+        /* @__PURE__ */ e.jsx(j, { primary: !0, disabled: !l.canBeDeleted, onClick: a, children: /* @__PURE__ */ e.jsx(r, { i18nKey: C.id, children: C.defaultValue }) }),
         /* @__PURE__ */ e.jsx(j, { onClick: t, children: /* @__PURE__ */ e.jsx(r, { i18nKey: L.id, children: L.defaultValue }) })
       ] }),
       width: 500
@@ -860,8 +861,8 @@ const J = [
   );
 }, Sn = [Ue], Pn = () => {
   const n = me(), [t, s] = V(!1), {
-    data: l,
-    loading: d,
+    data: d,
+    loading: l,
     run: a
   } = g({
     requestFunction: De,
@@ -891,7 +892,7 @@ const J = [
         onClick: h
       }
     ),
-    /* @__PURE__ */ e.jsx(Tn, { bundles: l, onDelete: u, isLoading: d }),
+    /* @__PURE__ */ e.jsx(Tn, { bundles: d, onDelete: u, isLoading: l }),
     i && /* @__PURE__ */ e.jsx(
       Ln,
       {