@deviceinsight/ng-ui-scale-lib 9.14.0

package/dist/BundlesContainer-44da5cdf.js

@@ -0,0 +1,908 @@
+import { ah as S, bc as P, at as e, ag as r, bi as A, b4 as I, d6 as T, aN as F, b1 as re, aj as ae, d7 as ie, cn as q, d8 as oe } from "./ContextBarContext-f745a63a.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-6dc037cb.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();
+    };
+    return document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s);
+    };
+  }, [n, t]);
+}, Ie = ({ setOpen: n, loadBundles: t }) => {
+  const { t: s } = S(), {
+    handleSubmit: l,
+    control: d,
+    formState: { isSubmitting: a }
+  } = P({ defaultValues: { name: "" } }), i = (o) => xe(o).then(() => {
+    t(), n(!1), $(
+      /* @__PURE__ */ e.jsx(r, { i18nKey: "bundlemanagement.createBundleSuccess", children: "The bundle was created." })
+    );
+  }).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) => {
+    console.warn("Validation error", o);
+  })();
+  return Z(u, !1), /* @__PURE__ */ e.jsx(
+    _,
+    {
+      width: 400,
+      header: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundle.create.title", children: "Create new Bundle" }),
+      content: /* @__PURE__ */ e.jsx(N, { show: a, "data-testid": c.CREATE_BUNDLE_DIALOG, children: /* @__PURE__ */ e.jsx("div", { className: "di form", children: /* @__PURE__ */ e.jsx(
+        A,
+        {
+          name: "name",
+          control: d,
+          rules: {
+            required: s("bundleManagement.bundles.name.required", {
+              defaultValue: "Name is required"
+            }),
+            maxLength: {
+              value: 32,
+              message: s("bundleManagement.bundles.name.maxLength", {
+                defaultValue: "Name cannot be longer than 32 characters"
+              })
+            }
+          },
+          render: ({ field: { value: o, onChange: h, onBlur: m }, fieldState: { error: x } }) => /* @__PURE__ */ e.jsx(
+            I,
+            {
+              value: o,
+              onChange: h,
+              onBlur: m,
+              error: x == null ? void 0 : x.message,
+              required: !0,
+              label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundle.name", children: "Name" }),
+              "data-testid": c.BUNDLE_NAME_INPUT,
+              ref: Y
+            }
+          )
+        }
+      ) }) }),
+      footer: /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            primary: !0,
+            "data-testid": c.SAVE_BUNDLE_BUTTON,
+            onClick: u,
+            disabled: a,
+            children: /* @__PURE__ */ e.jsx(r, { i18nKey: T.save.id, children: T.save.defaultValue })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            onClick: () => n(!1),
+            "data-testid": c.CANCEL_SAVE_BUNDLE_BUTTON,
+            children: /* @__PURE__ */ e.jsx(r, { i18nKey: T.cancel.id, children: T.cancel.defaultValue })
+          }
+        )
+      ] })
+    }
+  );
+}, 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);
+};
+function g({
+  requestFunction: n,
+  errorMessages: t,
+  successMessages: s,
+  initialData: l
+}) {
+  const [d, a] = V(l), [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);
+      m.current && f && a(f), O(s, $, f);
+    } catch (f) {
+      m.current && h(f), O(t, H, f);
+    } finally {
+      m.current && u(!1);
+    }
+  }, [n, t, s]);
+  return D(() => (m.current = !0, () => {
+    m.current = !1;
+  }), [n, t, s]), { run: b, data: d, 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) => [
+  {
+    name: "name",
+    label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.name", children: "Name" }),
+    sortable: !0,
+    render: (d) => /* @__PURE__ */ e.jsx(
+      "a",
+      {
+        href: "edit",
+        onClick: (a) => {
+          a.preventDefault(), n(d.id);
+        },
+        children: d.name
+      }
+    ),
+    width: "15%"
+  },
+  {
+    name: "description",
+    label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.description", children: "Description" }),
+    sortable: !0,
+    render: ({ description: d }) => /* @__PURE__ */ e.jsx("span", { children: d }),
+    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 || "-" }),
+    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" }) }),
+    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) })
+  },
+  {
+    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) : "-" })
+  },
+  {
+    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(
+        j,
+        {
+          naked: !0,
+          small: !0,
+          onClick: () => s(d.id),
+          title: l("bundleversion.edit", {
+            defaultValue: "Edit Bundle Version"
+          }),
+          "data-testid": c.DELETE_VERSION_ICON,
+          children: /* @__PURE__ */ e.jsx(v, { edit: !0 })
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        j,
+        {
+          naked: !0,
+          small: !0,
+          onClick: () => t(d),
+          title: l("bundleversion.delete", {
+            defaultValue: "Delete Bundle Version",
+            version: d.name
+          }),
+          "data-testid": c.DELETE_VERSION_ICON,
+          children: /* @__PURE__ */ e.jsx(v, { del: !0 })
+        }
+      )
+    ] }) })
+  }
+], Me = /^[a-zA-Z0-9_.-]*$/;
+function we({ header: n, formContext: t, onSubmit: s }) {
+  const { t: l } = S(), { control: d } = t;
+  return Z(s, !1), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "h3",
+      {
+        style: {
+          marginBottom: 20
+        },
+        children: n
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("form", { className: "di form", "data-testid": c.CREATE_VERSION_DIALOG, children: [
+      /* @__PURE__ */ e.jsx(
+        A,
+        {
+          name: "name",
+          control: d,
+          rules: {
+            required: l("version.name.required", {
+              defaultValue: "Name is required."
+            }),
+            pattern: {
+              value: Me,
+              message: l("version.name.pattern", {
+                defaultValue: "Name can only contain latin characters, number, dots and underscores."
+              })
+            },
+            maxLength: {
+              value: 50,
+              message: l("version.name.maxLength", {
+                defaultValue: "Name cannot be longer than 50 characters"
+              })
+            }
+          },
+          render: ({ field: { value: a, onChange: i, onBlur: u }, fieldState: { error: o } }) => /* @__PURE__ */ e.jsx(
+            I,
+            {
+              "data-testid": c.VERSION_NAME_INPUT,
+              label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.name", children: "Name" }),
+              value: a,
+              onChange: i,
+              onBlur: u,
+              error: o == null ? void 0 : o.message,
+              required: !0,
+              ref: Y
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        A,
+        {
+          name: "description",
+          control: d,
+          rules: {
+            maxLength: {
+              value: 250,
+              message: l("version.description.maxLength", {
+                defaultValue: "Description cannot be longer than 250 characters"
+              })
+            }
+          },
+          render: ({ field: { value: a, onChange: i, onBlur: u }, fieldState: { error: o } }) => /* @__PURE__ */ e.jsx(
+            I,
+            {
+              "data-testid": c.VERSION_DESCRIPTION_INPUT,
+              label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.description", children: "Description" }),
+              value: a,
+              onChange: i,
+              onBlur: u,
+              error: o == null ? void 0 : o.message
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+const J = [
+  {
+    name: "name",
+    label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.file.name", children: "Name" }),
+    sortable: !0,
+    render: ({ name: n }) => n,
+    width: "60%"
+  },
+  {
+    name: "size",
+    label: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.file.size", children: "Size" }),
+    sortable: !1,
+    render: ({ size: n }) => /* @__PURE__ */ e.jsxs("span", { children: [
+      Math.round(n / 10) / 100,
+      " kB"
+    ] }),
+    width: "30%"
+  }
+], Oe = (n, t) => [
+  ...J,
+  {
+    name: "delete",
+    label: "",
+    align: "right",
+    render: (s) => /* @__PURE__ */ e.jsx(
+      j,
+      {
+        naked: !0,
+        small: !0,
+        onClick: () => n(s),
+        title: t("bundleversion.file.delete", {
+          defaultValue: "Delete File {{name: file.name}}",
+          name: s.name
+        }),
+        "data-testid": c.DELETE_FILE_ICON,
+        children: /* @__PURE__ */ e.jsx(v, { del: !0 })
+      }
+    )
+  }
+], Ke = (n, t) => [
+  ...J,
+  {
+    name: "delete",
+    label: "",
+    align: "right",
+    render: (s) => /* @__PURE__ */ e.jsx(
+      j,
+      {
+        naked: !0,
+        small: !0,
+        onClick: () => n(s),
+        title: t("bundleversion.file.download", {
+          defaultValue: "Download File {{name: file.name}}",
+          name: s.name
+        }),
+        "data-testid": c.DOWNLOAD_FILE_ICON,
+        children: /* @__PURE__ */ e.jsx(v, { download: !0 })
+      }
+    )
+  }
+], X = ({ count: n }) => /* @__PURE__ */ e.jsx(
+  _e,
+  {
+    className: "neutral",
+    style: {
+      marginLeft: 10
+    },
+    text: n ? `${n}` : "0",
+    "data-testid": c.LABEL_VERSION_COUNT
+  }
+), Re = {
+  page: 0,
+  size: 5,
+  sort: {
+    property: "name",
+    direction: "ASC"
+  }
+}, ee = ({
+  files: n,
+  columnDefs: t,
+  isLoading: s
+}) => /* @__PURE__ */ e.jsx("div", { className: "fields", "data-testid": c.VERSION_FILES_DIALOG, children: /* @__PURE__ */ e.jsxs("div", { className: "field", children: [
+  /* @__PURE__ */ e.jsxs("h2", { children: [
+    /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.files", children: "Files" }),
+    /* @__PURE__ */ e.jsx(X, { count: n.length })
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    Ne,
+    {
+      columnDefs: t,
+      uniqueItemKey: (l) => `${l.name}_${l.size}`,
+      paginationSettings: Re,
+      items: n,
+      isLoading: s
+    }
+  )
+] }) }), ne = ({ bundle: n, version: t }) => /* @__PURE__ */ e.jsxs("div", { className: "bundle-version-info", children: [
+  /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(r, { i18nKey: "version.files.bundleName", children: "Bundle Name" }) }),
+    /* @__PURE__ */ e.jsx("span", { children: n.name })
+  ] }),
+  /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(r, { i18nKey: "version.files.versionName", children: "Version Name" }) }),
+    /* @__PURE__ */ e.jsx("span", { children: t ? t.name : "" })
+  ] }),
+  t && t.description && /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(r, { i18nKey: "version.files.versionDescription", children: "Version Description" }) }),
+    /* @__PURE__ */ e.jsx("span", { children: t.description })
+  ] })
+] }), Ue = {
+  id: "bundlemanagement.fetchAllBundlesError",
+  defaultValue: "The bundles could not be loaded"
+}, ke = {
+  id: "bundlemanagement.deleteBundleError",
+  defaultValue: "The bundle could not be deleted"
+}, te = {
+  id: "bundlemanagement.fetchBundleVersionError",
+  defaultValue: "The version could not be loaded"
+}, se = {
+  id: "bundlemanagement.fetchBundleFilesError",
+  defaultValue: "The files for this version could not be loaded"
+}, Pe = {
+  id: "bundlemanagement.downloadBundleFileError",
+  defaultValue: "The file could not be downloaded"
+}, qe = {
+  id: "bundlemanagement.deleteBundleVersionError",
+  defaultValue: "The version could not be deleted"
+}, Ge = {
+  id: "bundlemanagement.releaseBundleVersionError",
+  defaultValue: "The version could not be published"
+}, ze = {
+  id: "bundleversion.createBundleVersionError",
+  defaultValue: "The version could not be created"
+}, We = {
+  id: "bundlemanagement.fetchBundleVersionsError",
+  defaultValue: "The versions for this bundle could not be loaded"
+}, $e = {
+  id: "bundlemanagement.deleteBundleFileError",
+  defaultValue: "The file could not be deleted"
+}, He = {
+  id: "bundlemanagement.saveBundleDuplicateFileError",
+  defaultValue: "A file with this name already exists"
+}, Qe = {
+  id: "bundlemanagement.saveBundleFileError",
+  defaultValue: "The file could not be saved"
+}, Ye = "DUPLICATE_FILE_NAME", Ze = ({
+  bundle: n,
+  version: t,
+  fileLoader: { run: s, data: l, loading: d }
+}) => {
+  const { t: a } = S(), i = t ? t.id : "", { run: u, loading: o } = g({
+    requestFunction: je,
+    errorMessages: [$e]
+  }), { run: h, loading: m } = g({
+    requestFunction: fe,
+    errorMessages: [
+      {
+        ...He,
+        condition: (E) => ae.get(E, "response.data.error") === Ye
+      },
+      Qe
+    ]
+  }), x = () => s(n.id, i), b = (E) => u(n.id, i, E.id).then(x), B = (E) => h(n.id, i, E, ie()).then(x), f = Oe(b, a);
+  return D(() => {
+    i && s(n.id, i);
+  }, [s, i, n]), /* @__PURE__ */ e.jsxs("div", { className: "bundle-version", children: [
+    /* @__PURE__ */ e.jsx(ne, { bundle: n, version: t }),
+    /* @__PURE__ */ e.jsx(
+      ee,
+      {
+        isLoading: o || m || d,
+        files: l || [],
+        columnDefs: f
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { "data-testid": c.VERSION_FILE_UPLOAD_AREA, children: /* @__PURE__ */ e.jsx(
+      Le,
+      {
+        style: {
+          width: "100%"
+        },
+        onChange: (E) => {
+          if (E) {
+            const y = new FormData();
+            y.append("file", E), B(y);
+          }
+        }
+      },
+      l ? l.length : 1
+    ) })
+  ] });
+}, Je = {
+  id: "bundlemanagement.deleteBundleSuccess",
+  defaultValue: "The bundle was deleted"
+}, Xe = {
+  id: "bundlemanagement.deleteBundleVersionSuccess",
+  defaultValue: "The version was deleted."
+}, en = {
+  id: "bundlemanagement.releaseBundleVersionSuccess",
+  defaultValue: "The version was published"
+}, p = {
+  id: "bundlemanagement.modalCloseButton",
+  defaultValue: "Close"
+}, C = {
+  id: "bundlemanagement.modalDeleteButton",
+  defaultValue: "Delete"
+}, L = {
+  id: "bundlemanagement.modalCancelButton",
+  defaultValue: "Cancel"
+}, 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({
+    defaultValues: {
+      name: "",
+      description: ""
+    }
+  }), { handleSubmit: a } = d, 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
+  }), m = g({
+    requestFunction: G,
+    errorMessages: nn
+  }), x = g({
+    requestFunction: z,
+    errorMessages: tn
+  }), { run: b } = m;
+  D(() => {
+    t && b(n.id, t);
+  }, [t, b, n]);
+  const B = !!(x.data && x.data.length);
+  return /* @__PURE__ */ e.jsx(
+    _,
+    {
+      width: 500,
+      header: t ? /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.editversion", children: "Add Files" }) : /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.addversion", children: "Create new Version" }),
+      content: /* @__PURE__ */ e.jsx(
+        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 })
+        }
+      ),
+      footer: t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            primary: !0,
+            onClick: () => h.run(n.id, t || "").then(l),
+            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.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            primary: !0,
+            onClick: o.run,
+            disabled: d.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 }) })
+      ] })
+    }
+  );
+}, U = {
+  id: "bundlemanagement.deleteBundleVersionModalTitle",
+  defaultValue: "Delete Version"
+}, k = {
+  id: "bundlemanagement.deleteBundleModalTitle",
+  defaultValue: "Delete Bundle"
+}, an = (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: [
+  "The version ",
+  /* @__PURE__ */ e.jsx("strong", { children: n }),
+  " cannot be deleted."
+] }) }) }) }), on = (n) => /* @__PURE__ */ e.jsx("div", { "data-testid": c.DELETE_VERSION_DIALOG, children: /* @__PURE__ */ e.jsx("p", { children: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundlemanagement.deleteVersionModalBody", children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  "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(
+  "div",
+  {
+    style: {
+      minHeight: 50
+    },
+    children: !l && (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({
+    requestFunction: Be,
+    errorMessages: un,
+    successMessages: hn
+  }), a = Se(n, t), i = () => d(n.id, t.id).then(l).then(s);
+  return /* @__PURE__ */ e.jsx(
+    _,
+    {
+      header: /* @__PURE__ */ e.jsx(r, { i18nKey: U.id, children: U.defaultValue }),
+      content: /* @__PURE__ */ e.jsx(cn, { version: t, ...a }),
+      footer: /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx(j, { primary: !0, disabled: !a.canBeDeleted, onClick: i, children: /* @__PURE__ */ e.jsx(r, { i18nKey: C.id, children: C.defaultValue }) }),
+        /* @__PURE__ */ e.jsx(j, { onClick: s, children: /* @__PURE__ */ e.jsx(r, { i18nKey: L.id, children: L.defaultValue }) })
+      ] }),
+      width: 500
+    }
+  );
+}, xn = [te], jn = [se], fn = ({ bundle: n, versionId: t, onClose: s, t: l }) => {
+  const {
+    run: d,
+    data: a,
+    loading: i
+  } = g({
+    requestFunction: G,
+    versionId: t,
+    errorMessages: xn
+  }), {
+    run: u,
+    data: o,
+    loading: h
+  } = g({
+    requestFunction: z,
+    errorMessages: jn
+  }), { run: m, loading: x } = g({
+    requestFunction: (B) => be(n.id, t, B.id).then((f) => {
+      window.location.replace(f.downloadLink);
+    }),
+    errorMessages: [Pe]
+  }), b = Ke(m, l);
+  return D(() => {
+    t && (d(n.id, t), u(n.id, t));
+  }, [u, d, t, n]), /* @__PURE__ */ e.jsx(
+    _,
+    {
+      width: 500,
+      header: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.viewVersion", children: "Version Details" }),
+      content: /* @__PURE__ */ e.jsx(N, { show: i, children: /* @__PURE__ */ e.jsxs("div", { className: "bundle-version", "data-testid": c.VERSION_DETAILS_DIALOG, children: [
+        /* @__PURE__ */ e.jsx(ne, { bundle: n, version: a }),
+        /* @__PURE__ */ e.jsx(
+          ee,
+          {
+            isLoading: x || h,
+            files: o || [],
+            columnDefs: b
+          }
+        )
+      ] }) }),
+      footer: /* @__PURE__ */ e.jsx(j, { onClick: s, "data-testid": c.MODAL_CLOSE_BUTTON, children: /* @__PURE__ */ e.jsx(r, { i18nKey: p.id, children: p.defaultValue }) })
+    }
+  );
+}, 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(
+  "div",
+  {
+    className: "bundle-version-table",
+    style: {
+      minHeight: 50
+    },
+    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(
+        Te,
+        {
+          isLoading: !1,
+          uniqueItemKey: (a) => a.id,
+          columnDefs: n,
+          paginationSettings: t,
+          onChangePage: (a) => s({ ...t, page: a }),
+          onSort: (a, i) => s({
+            ...t,
+            sort: {
+              property: a,
+              direction: i
+            }
+          }),
+          pageable: l,
+          rowDef: En,
+          "data-testid": "bundle-versions-table"
+        }
+      )
+    ]
+  }
+) }), Bn = {
+  page: 0,
+  size: 5,
+  sort: {
+    property: "createdAt",
+    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();
+  D(() => {
+    const le = x.get(Q), w = x.get(Ce);
+    w && le === n.id && i(w);
+  }, [x, n]);
+  const b = Fe(
+    {
+      onViewDetails: i,
+      onDelete: m,
+      onEdit: o
+    },
+    s
+  ), [B, f] = V(Bn), {
+    run: E,
+    data: y,
+    loading: de
+  } = g({
+    requestFunction: W,
+    errorMessages: bn
+  }), M = () => E(n.id, B);
+  return D(() => {
+    t && E(n.id, B);
+  }, [t, B, E, n]), /* @__PURE__ */ e.jsxs("div", { "data-testid": c.BUNDLE_VERSION_VIEW, children: [
+    /* @__PURE__ */ e.jsx(
+      gn,
+      {
+        versions: y,
+        paginationSettings: B,
+        setPaginationSettings: f,
+        columnDefs: b,
+        loading: de
+      }
+    ),
+    /* @__PURE__ */ e.jsx(F, { authorities: ["WRITE_BUNDLE"], children: /* @__PURE__ */ e.jsxs(
+      j,
+      {
+        onClick: () => d(!0),
+        "data-testid": c.CREATE_VERSION_BUTTON,
+        children: [
+          /* @__PURE__ */ e.jsx(v, { add: !0 }),
+          /* @__PURE__ */ e.jsx("span", { children: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundleversion.addversion", children: "Create new version" }) })
+        ]
+      }
+    ) }),
+    h && /* @__PURE__ */ e.jsx(
+      mn,
+      {
+        bundle: n,
+        version: h,
+        onCancel: () => m(void 0),
+        loadVersions: M
+      }
+    ),
+    (l || u) && /* @__PURE__ */ e.jsx(
+      rn,
+      {
+        bundle: n,
+        versionId: u,
+        setVersionId: o,
+        onClose: () => {
+          d(!1), o(void 0), M();
+        }
+      }
+    ),
+    a && /* @__PURE__ */ e.jsx(
+      fn,
+      {
+        bundle: n,
+        versionId: a,
+        onClose: () => i(void 0),
+        t: s
+      }
+    )
+  ] });
+}, Dn = (n) => {
+  const { bundle: t, onDelete: s, isOpen: l } = n, { id: d, name: a } = t;
+  return /* @__PURE__ */ he(
+    ye,
+    {
+      ...n,
+      "data-testid": c.ACCORDION_ITEM + d,
+      title: a,
+      key: d,
+      tools: [
+        /* @__PURE__ */ e.jsx(
+          F,
+          {
+            authorities: ["DELETE_BUNDLE"],
+            children: /* @__PURE__ */ e.jsx(
+              j,
+              {
+                naked: !0,
+                onClick: () => s(t),
+                title: {
+                  id: "bundle.delete.title",
+                  defaultValue: "Delete this Bundle"
+                },
+                "data-testid": c.DELETE_BUNDLE_BUTTON,
+                children: /* @__PURE__ */ e.jsx(v, { del: !0, large: !0 })
+              },
+              c.DELETE_BUNDLE_BUTTON
+            )
+          },
+          c.DELETE_BUNDLE_BUTTON
+        )
+      ]
+    },
+    /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(Vn, { bundle: t, isOpen: !!l }) })
+  );
+}, 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);
+}, Tn = ({ bundles: n, onDelete: t, isLoading: s }) => {
+  const l = q(), d = Nn(l, 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),
+    !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: [
+  "The bundle ",
+  /* @__PURE__ */ e.jsx("strong", { children: n }),
+  " cannot be deleted."
+] }) }) }) }), _n = (n, t) => /* @__PURE__ */ e.jsxs("div", { "data-testid": c.DELETE_BUNDLE_DIALOG, children: [
+  /* @__PURE__ */ e.jsx("p", { "data-testid": "deleteBundleModalBody1", children: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundlemanagement.deleteBundleModalBody1", children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    "Do you really want to delete the bundle ",
+    /* @__PURE__ */ e.jsx("strong", { children: n }),
+    "?"
+  ] }) }) }),
+  !!t && t !== "0" && /* @__PURE__ */ e.jsx("p", { "data-testid": "deleteBundleModalBody2", children: /* @__PURE__ */ e.jsx(r, { i18nKey: "bundlemanagement.deleteBundleModalBody2", children: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    "Deleting this bundle will also delete ",
+    /* @__PURE__ */ e.jsx("strong", { children: t }),
+    " 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 }) => {
+  const {
+    run: d,
+    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(
+    "div",
+    {
+      style: {
+        minHeight: 50
+      },
+      children: !l && !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({
+    requestFunction: Ve,
+    errorMessages: pn,
+    successMessages: Cn
+  }), d = Ae(n), a = () => l(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 }),
+      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, { onClick: t, children: /* @__PURE__ */ e.jsx(r, { i18nKey: L.id, children: L.defaultValue }) })
+      ] }),
+      width: 500
+    }
+  );
+}, Sn = [Ue], Pn = () => {
+  const n = me(), [t, s] = V(!1), {
+    data: l,
+    loading: d,
+    run: a
+  } = g({
+    requestFunction: De,
+    errorMessages: Sn,
+    initialData: []
+  }), [i, u] = V(), o = /* @__PURE__ */ e.jsx(r, { i18nKey: "portalAdmin.sidebarElements.bundles.create", children: "Create new bundle" }), h = () => {
+    s(!0);
+  };
+  return D(() => {
+    s(!1), a();
+  }, [n, a]), /* @__PURE__ */ e.jsxs("div", { className: "bundles-container", children: [
+    /* @__PURE__ */ e.jsx(
+      ve,
+      {
+        title: {
+          id: "route.label.bundleManagement.name",
+          defaultValue: "Bundle Management"
+        }
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      oe,
+      {
+        tooltip: o,
+        authorities: "WRITE_BUNDLE",
+        dataTestId: "create-bundle-button",
+        onClick: h
+      }
+    ),
+    /* @__PURE__ */ e.jsx(Tn, { bundles: l, onDelete: u, isLoading: d }),
+    i && /* @__PURE__ */ e.jsx(
+      Ln,
+      {
+        bundle: i,
+        onCancel: () => u(void 0),
+        loadBundles: a
+      }
+    ),
+    t && /* @__PURE__ */ e.jsx(Ie, { loadBundles: a, setOpen: s })
+  ] });
+};
+export {
+  Pn as default
+};