@edifice.io/collect-frontend 0.2.2-develop-pedago.3.20260513153621 → 0.2.2-develop-pedago.3.20260513155143

package/lib/{AppHeaderCollection-BwJiRj0f.js → AppHeaderCollection-NDVqkPAk.js}

@@ -1,28 +1,28 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { useEdificeClient as m, Flex as r, Button as u, IconButton as I, useBreakpoint as f, useDate as S, Badge as g } from "@edifice.io/react";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { useEdificeClient as m, Flex as r, Button as u, IconButton as I, useBreakpoint as f, useDate as g, Badge as S } from "@edifice.io/react";
 import { IconPinOn as O, IconOptions as y, IconSave as L, IconSend as v, IconArrowLeft as M, IconCalendarLight as N } from "@edifice.io/react/icons";
 import { useTranslation as p } from "react-i18next";
-import { u as b, D as w } from "./DropdownActionTable-BDj1h63V.js";
+import { u as b, D as w } from "./DropdownActionTable-CkM3P5s9.js";
 import { ContribSubmissionStatus as x } from "@edifice.io/collect-client-rest";
 import { create as A } from "zustand";
-import { c as H } from "./index-DKvcfKPu.js";
+import { c as H } from "./index-D1A8ZvCs.js";
 const D = ({
-  collection: n
+  collection: o
 }) => {
   const { appCode: t } = m(), { t: i } = p(t), e = b.use.onOpenInstructionModal();
   return /* @__PURE__ */ c(r, { gap: "16", justify: "end", children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n(
       u,
       {
         "data-testid": "collect-collection-actions-button-instruction",
         variant: "outline",
         color: "primary",
-        leftIcon: /* @__PURE__ */ o(O, {}),
+        leftIcon: /* @__PURE__ */ n(O, {}),
         onClick: e,
         children: i("collection.appHeaderCollection.collection.button.instruction")
       }
     ),
-    /* @__PURE__ */ o(w, { collectionId: n.id, isCollection: !0, children: (l) => /* @__PURE__ */ o(
+    /* @__PURE__ */ n(w, { collectionId: o.id, isCollection: !0, children: (l) => /* @__PURE__ */ n(
       I,
       {
         ...l,
@@ -32,28 +32,28 @@ const D = ({
         "data-testid": "collect-collection-actions-button-options",
         color: "primary",
         variant: "outline",
-        icon: /* @__PURE__ */ o(y, {})
+        icon: /* @__PURE__ */ n(y, {})
       }
     ) })
   ] });
-}, k = A((n) => ({
+}, k = A((o) => ({
   submissionId: null,
   submissionContent: "",
   isUpdateSubmissionModalOpen: !1,
   submissionHasContent: !1,
   submissionIsLoading: !1,
-  onOpenUpdateSubmissionModal: () => n({ isUpdateSubmissionModalOpen: !0 }),
-  onCloseUpdateSubmissionModal: () => n({ isUpdateSubmissionModalOpen: !1 }),
-  setSubmissionData: (t, i) => n({ submissionContent: t, submissionHasContent: i }),
-  setSubmissionIsLoading: (t) => n({ submissionIsLoading: t }),
-  hydrateSubmissionContent: (t) => n((i) => i.submissionId === t.id ? i : {
+  onOpenUpdateSubmissionModal: () => o({ isUpdateSubmissionModalOpen: !0 }),
+  onCloseUpdateSubmissionModal: () => o({ isUpdateSubmissionModalOpen: !1 }),
+  setSubmissionData: (t, i) => o({ submissionContent: t, submissionHasContent: i }),
+  setSubmissionIsLoading: (t) => o({ submissionIsLoading: t }),
+  hydrateSubmissionContent: (t) => o((i) => i.submissionId === t.id ? i : {
     submissionId: t.id,
     submissionContent: t.content || ""
   })
 })), B = H(
   k
 ), T = ({
-  handleUpdateSubmission: n
+  handleUpdateSubmission: o
 }) => {
   const { appCode: t } = m(), { t: i } = p(t), e = b.use.isPastDeadline(), {
     submissionHasContent: l,
@@ -65,28 +65,28 @@ const D = ({
     submissionIsLoading: s.submissionIsLoading
   }));
   return /* @__PURE__ */ c(r, { gap: "16", justify: "end", children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n(
       u,
       {
         "data-testid": "collect-submission-app-header-actions-draft-button",
         variant: "outline",
         color: "primary",
-        leftIcon: /* @__PURE__ */ o(L, {}),
+        leftIcon: /* @__PURE__ */ n(L, {}),
         disabled: e,
         isLoading: d,
-        onClick: () => n == null ? void 0 : n({
+        onClick: () => o == null ? void 0 : o({
           status: x.DRAFT
         }),
         children: i("collection.appHeaderSubmission.submission.button.draft")
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n(
       u,
       {
         "data-testid": "collect-submission-app-header-actions-send-button",
         variant: "filled",
         color: "primary",
-        leftIcon: /* @__PURE__ */ o(v, {}),
+        leftIcon: /* @__PURE__ */ n(v, {}),
         disabled: e || !l,
         onClick: () => a(),
         children: i("collection.appHeaderSubmission.submission.button.send")
@@ -94,22 +94,22 @@ const D = ({
     )
   ] });
 };
-var C = /* @__PURE__ */ ((n) => (n.COLLECTION = "COLLECTION", n.SUBMISSION = "SUBMISSION", n))(C || {});
+var h = /* @__PURE__ */ ((o) => (o.COLLECTION = "COLLECTION", o.SUBMISSION = "SUBMISSION", o))(h || {});
 const W = ({
-  collection: n,
+  collection: o,
   onClickBack: t,
   context: i,
   handleUpdateSubmission: e
 }) => {
-  const { appCode: l } = m(), { t: d } = p(l), { lg: a, md: s } = f(), { formatDate: h } = S();
+  const { appCode: l } = m(), { t: d } = p(l), { lg: a, md: s } = f(), { formatDate: C } = g();
   return /* @__PURE__ */ c("div", { className: `py-16 border-bottom bg-white ${s ? "px-48" : "px-16"}`, children: [
-    /* @__PURE__ */ o(r, { align: "center", gap: "8", children: /* @__PURE__ */ o(
+    /* @__PURE__ */ n(r, { align: "center", gap: "8", children: /* @__PURE__ */ n(
       u,
       {
         "data-testid": "collect-submission-app-header-button-back",
         className: "text-gray-700",
         color: "tertiary",
-        leftIcon: /* @__PURE__ */ o(M, { width: 20, height: 20 }),
+        leftIcon: /* @__PURE__ */ n(M, { width: 20, height: 20 }),
         type: "button",
         variant: "ghost",
         size: "sm",
@@ -132,16 +132,18 @@ const W = ({
               className: `${s && "d-flex"} ${!a && "w-100"}`,
               style: { maxWidth: a ? "70%" : "100%" },
               children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ n(
                   "h2",
                   {
+                    "data-testid": "collect-submission-app-header-title",
                     className: `text-truncate ${s ? "me-12" : "mb-12 text-truncate-2"}`,
-                    children: n.name
+                    children: o.name
                   }
                 ),
-                /* @__PURE__ */ o(
-                  g,
+                /* @__PURE__ */ n(
+                  S,
                   {
+                    "data-testid": "collect-submission-app-header-badge-deadline",
                     className: "lh-base",
                     style: { height: "3rem" },
                     variant: {
@@ -149,15 +151,15 @@ const W = ({
                       type: "notification"
                     },
                     children: /* @__PURE__ */ c(r, { align: "center", gap: "8", children: [
-                      /* @__PURE__ */ o(N, { height: 20, width: 20 }),
-                      `${d("collection.appHeaderCollection.deadline")} ${h(n.deadline)}`
+                      /* @__PURE__ */ n(N, { height: 20, width: 20 }),
+                      `${d("collection.appHeaderCollection.deadline")} ${C(o.deadline)}`
                     ] })
                   }
                 )
               ]
             }
           ),
-          i === C.COLLECTION ? /* @__PURE__ */ o(D, { collection: n }) : /* @__PURE__ */ o(T, { handleUpdateSubmission: e })
+          i === h.COLLECTION ? /* @__PURE__ */ n(D, { collection: o }) : /* @__PURE__ */ n(T, { handleUpdateSubmission: e })
         ]
       }
     )
@@ -165,6 +167,6 @@ const W = ({
 };
 export {
   W as A,
-  C,
+  h as C,
   B as u
 };

package/lib/{CXEL7IU7-BiZ2A3Dg.js → CXEL7IU7-BYb7Uvsv.js}

@@ -1,5 +1,5 @@
-import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./HASRA6WW-3i3cuFII.js";
-import { n as v, o as C, p as e } from "./index-DKvcfKPu.js";
+import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./HASRA6WW-CXOTmwiT.js";
+import { n as v, o as C, p as e } from "./index-D1A8ZvCs.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"

package/lib/{Collection-nMX5Wzlf.js → Collection-vh4G8nOA.js}

@@ -3,15 +3,15 @@ import { SubmissionStatus as f, ManagerSubmissionStatus as M, WORKFLOW_RIGHTS as
 import { useDirectory as R, Flex as u, Avatar as P, Badge as v, useEdificeClient as w, Heading as O, Table as C, Button as x, LoadingScreen as T, Modal as I, Dropdown as N, useToast as G, useBreakpoint as j, useDate as _, EmptyScreen as K, Checkbox as Y, Grid as L, useHasWorkflow as J } from "@edifice.io/react";
 import { useNavigate as $, useParams as X } from "react-router-dom";
 import { useState as A, useEffect as k } from "react";
-import { A as Z, C as q } from "./AppHeaderCollection-BwJiRj0f.js";
+import { A as Z, C as q } from "./AppHeaderCollection-NDVqkPAk.js";
 import { IconUsers as ee, IconRafterDown as U, IconEdit as te, IconTextPage as se, IconCalendarLight as ne } from "@edifice.io/react/icons";
 import { useTranslation as D } from "react-i18next";
-import { u as ie, a as oe, s as ae } from "./submission.queries-BUQBqMC9.js";
+import { u as ie, a as oe, s as ae } from "./submission.queries-XI_GKzo9.js";
 import { create as ce } from "zustand";
-import { c as le, f as re, P as de, g as ue } from "./index-DKvcfKPu.js";
+import { c as le, f as re, P as de, g as ue } from "./index-D1A8ZvCs.js";
 import { u as F } from "./useGetStatusSubmission-DxHmLPxr.js";
-import { u as E } from "./DropdownActionTable-BDj1h63V.js";
-import { D as me } from "./DeleteCollectionModal-CdX_aZMd.js";
+import { u as E } from "./DropdownActionTable-CkM3P5s9.js";
+import { D as me } from "./DeleteCollectionModal-DRL-08Rg.js";
 import { Editor as H } from "@edifice.io/react/editor";
 import { E as he } from "./emptyscreen-list-collection-CWGxO4Ss.js";
 const W = (t) => {

package/lib/CollectionsLayout-C1zhEfmW.js

@@ -0,0 +1,41 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { WORKFLOW_RIGHTS as u } from "@edifice.io/collect-client-rest";
+import { useEdificeClient as f, useHasWorkflow as C, useBreakpoint as h, Flex as L, AppHeader as S, Breadcrumb as g, Grid as r, LoadingScreen as x } from "@edifice.io/react";
+import { Suspense as N } from "react";
+import { useLocation as I, Navigate as O, Outlet as A } from "react-router-dom";
+import { u as E, M as l, A as T, C as w } from "./index-D1A8ZvCs.js";
+const B = async () => null, F = () => {
+  const { currentApp: a } = f(), { pathname: s } = I(), n = C(u.COLLECTION_CREATE), { header: c, showMenu: i } = E(), { lg: m } = h(), d = c !== !1, o = i !== !1, p = s === "/" || s === `/${l.LIST_COLLECTIONS}`;
+  return n !== void 0 && !n && p ? /* @__PURE__ */ e(O, { to: `/${l.LIST_SUBMISSIONS}`, replace: !0 }) : /* @__PURE__ */ t(L, { direction: "column", className: "flex-grow-1", children: [
+    d && /* @__PURE__ */ e(S, { render: () => /* @__PURE__ */ e(T, {}), children: /* @__PURE__ */ e(g, { app: a }) }),
+    /* @__PURE__ */ t(r, { className: "flex-grow-1", children: [
+      o && /* @__PURE__ */ e(
+        r.Col,
+        {
+          sm: "3",
+          md: "3",
+          lg: "2",
+          xl: "3",
+          className: "d-none d-lg-block",
+          as: "aside",
+          children: /* @__PURE__ */ e(w, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        r.Col,
+        {
+          sm: "4",
+          md: "8",
+          lg: o ? "6" : "12",
+          xl: o ? "9" : "12",
+          className: `${o && m ? "cancel-gap" : ""}`,
+          children: /* @__PURE__ */ e(N, { fallback: /* @__PURE__ */ e(x, {}), children: /* @__PURE__ */ e(A, {}) })
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  F as Component,
+  B as loader
+};

package/lib/{CollectionsList-DRhnts8C.js → CollectionsList-gwaqCG2y.js}

@@ -1,21 +1,21 @@
 import { jsx as e, Fragment as T, jsxs as u } from "react/jsx-runtime";
 import { useState as D, useMemo as L, useCallback as B, useEffect as E } from "react";
 import { S as A } from "./SearchBarCollect-DBKaVVDV.js";
-import { c as F, a as M, W as O, b as R } from "./index-DKvcfKPu.js";
+import { c as F, a as M, W as O, b as R } from "./index-D1A8ZvCs.js";
 import { useDate as $, Table as m, Flex as I, Badge as k, IconButton as S, useEdificeClient as v, EmptyScreen as G, LoadingScreen as j } from "@edifice.io/react";
 import { useTranslation as N } from "react-i18next";
 import { E as Q } from "./emptyscreen-list-collection-CWGxO4Ss.js";
-import { D as W } from "./DeleteCollectionModal-CdX_aZMd.js";
-import { SortDirection as b, CollectionSortField as y } from "@edifice.io/collect-client-rest";
+import { D as W } from "./DeleteCollectionModal-DRL-08Rg.js";
+import { SortDirection as C, CollectionSortField as y } from "@edifice.io/collect-client-rest";
 import { create as _ } from "zustand";
 import { IconOptions as H, IconRafterLeft as z, IconRafterRight as K, IconListOrder as U, IconArrowUp as Y, IconArrowDown as Z } from "@edifice.io/react/icons";
 import { t as q } from "i18next";
 import { useNavigate as J } from "react-router-dom";
-import { D as V } from "./DropdownActionTable-BDj1h63V.js";
+import { D as V } from "./DropdownActionTable-CkM3P5s9.js";
 const X = {
   search: "",
   sortBy: y.DEADLINE,
-  sortDirection: b.DESC
+  sortDirection: C.DESC
 }, x = F(
   _((n) => ({
     ...X,
@@ -29,15 +29,15 @@ const X = {
     sortBy: o,
     sortDirection: a
   }), [t, l] = D(1), c = L(() => {
-    var C, p;
-    const h = (C = r == null ? void 0 : r.pages) == null ? void 0 : C[r.pages.length - 1];
+    var b, p;
+    const h = (b = r == null ? void 0 : r.pages) == null ? void 0 : b[r.pages.length - 1];
     return ((p = h == null ? void 0 : h.meta) == null ? void 0 : p.totalPages) ?? 1;
   }, [r]), f = L(() => {
     var h;
     if ((h = r == null ? void 0 : r.pages) != null && h.length)
-      return r.pages.find((C) => {
+      return r.pages.find((b) => {
         var p;
-        return ((p = C.meta) == null ? void 0 : p.currentPage) === t;
+        return ((p = b.meta) == null ? void 0 : p.currentPage) === t;
       }) ?? r.pages[t - 1];
   }, [r, t]);
   return {
@@ -108,40 +108,54 @@ const X = {
           ) }) }),
           /* @__PURE__ */ e(m.Td, { className: c, children: /* @__PURE__ */ e("em", { className: "text-gray-700", children: o(t.createdAt) }) }),
           /* @__PURE__ */ e(m.Td, { className: c, children: a(t.deadline, "short") }),
-          /* @__PURE__ */ e(m.Td, { className: c, children: /* @__PURE__ */ u(
-            k,
+          /* @__PURE__ */ e(
+            m.Td,
             {
-              variant: {
-                type: "notification",
-                level: g(
-                  t.contribCount,
-                  t.submissionCount
-                )
-              },
-              className: "fw-normal",
-              children: [
-                t.contribCount,
-                " / ",
-                t.submissionCount
-              ]
+              className: c,
+              "data-testid": "collect-collection-list-row-badge",
+              children: /* @__PURE__ */ u(
+                k,
+                {
+                  variant: {
+                    type: "notification",
+                    level: g(
+                      t.contribCount,
+                      t.submissionCount
+                    )
+                  },
+                  className: "fw-normal",
+                  children: [
+                    t.contribCount,
+                    " / ",
+                    t.submissionCount
+                  ]
+                }
+              )
             }
-          ) }),
-          /* @__PURE__ */ e(m.Td, { className: c, children: /* @__PURE__ */ e(V, { collectionId: t.id, children: (f) => /* @__PURE__ */ e(
-            S,
+          ),
+          /* @__PURE__ */ e(
+            m.Td,
             {
-              ...f,
+              className: c,
               "data-testid": "collect-collection-list-row-actions",
-              className: "icon-button-hover-no-transition bg-white",
-              type: "button",
-              "aria-label": q("collection.table.th.action"),
-              color: "tertiary",
-              variant: "filled",
-              icon: /* @__PURE__ */ e(H, {}),
-              style: {
-                visibility: d(t) ? "visible" : "hidden"
-              }
+              children: /* @__PURE__ */ e(V, { collectionId: t.id, children: (f) => /* @__PURE__ */ e(
+                S,
+                {
+                  ...f,
+                  "data-testid": "collect-collection-list-row-action-button",
+                  className: "icon-button-hover-no-transition bg-white",
+                  type: "button",
+                  "aria-label": q("collection.table.th.action"),
+                  color: "tertiary",
+                  variant: "filled",
+                  icon: /* @__PURE__ */ e(H, {}),
+                  style: {
+                    visibility: d(t) ? "visible" : "hidden"
+                  }
+                }
+              ) })
             }
-          ) }) })
+          )
         ]
       },
       `${t == null ? void 0 : t.id}-${l}`
@@ -209,11 +223,11 @@ const X = {
     }
   ], i = (l) => l.sortField && l.sortField === a, g = (l) => {
     let c = /* @__PURE__ */ e(U, { width: 16, height: 16 });
-    return i(l) && (r === b.ASC ? c = /* @__PURE__ */ e(Y, {}) : c = /* @__PURE__ */ e(Z, {})), c;
+    return i(l) && (r === C.ASC ? c = /* @__PURE__ */ e(Y, {}) : c = /* @__PURE__ */ e(Z, {})), c;
   }, t = B(
     (l) => {
-      let c = b.ASC;
-      a === l && r === b.ASC && (c = b.DESC), d(l, c);
+      let c = C.ASC;
+      a === l && r === C.ASC && (c = C.DESC), d(l, c);
     },
     [a, r, d]
   );

package/lib/{DeleteCollectionModal-CdX_aZMd.js → DeleteCollectionModal-DRL-08Rg.js}

@@ -2,8 +2,8 @@ import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { useEdificeClient as m, useToast as h, Modal as d, Button as C } from "@edifice.io/react";
 import { IconDelete as f } from "@edifice.io/react/icons";
 import { useTranslation as p } from "react-i18next";
-import { h as M } from "./index-DKvcfKPu.js";
-import { u as D } from "./DropdownActionTable-BDj1h63V.js";
+import { h as M } from "./index-D1A8ZvCs.js";
+import { u as D } from "./DropdownActionTable-CkM3P5s9.js";
 const y = () => {
   const { appCode: r } = m(), { t: n } = p(r), e = h(), a = M(), { isDeleteModalOpen: l, onCloseDeleteModal: c, deleteCollectionId: i } = D((o) => ({
     isDeleteModalOpen: o.isDeleteModalOpen,

package/lib/{DropdownActionTable-BDj1h63V.js → DropdownActionTable-CkM3P5s9.js}

@@ -6,7 +6,7 @@ import { IconExternalLink as I, IconEdit as h, IconShare as O, IconDelete as w }
 import { useTranslation as D } from "react-i18next";
 import { useNavigate as C } from "react-router-dom";
 import { create as b } from "zustand";
-import { c as M } from "./index-DKvcfKPu.js";
+import { c as M } from "./index-D1A8ZvCs.js";
 const T = b((e) => ({
   isDeleteModalOpen: !1,
   deleteCollectionId: null,

package/lib/{FormEdit-CY3w6hQR.js → FormEdit-DLe4gaVE.js}

@@ -1,24 +1,24 @@
-import { jsx as t, jsxs as g, Fragment as N } from "react/jsx-runtime";
-import { WORKFLOW_RIGHTS as v, MediaType as x } from "@edifice.io/collect-client-rest";
-import { useEdificeClient as I, useBreakpoint as w, useToast as E, useHasWorkflow as F, LoadingScreen as L, Grid as h, Flex as y, Button as C } from "@edifice.io/react";
-import { useState as O } from "react";
-import { useTranslation as P } from "react-i18next";
-import { useParams as k, useNavigate as A } from "react-router-dom";
-import { m as Q, f as R, P as W, F as j, g as H } from "./index-DKvcfKPu.js";
-import { s as S } from "./submission.queries-BUQBqMC9.js";
-const J = (s) => async ({ params: i }) => {
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { WORKFLOW_RIGHTS as b, MediaType as v } from "@edifice.io/collect-client-rest";
+import { useEdificeClient as x, useBreakpoint as I, useToast as w, useHasWorkflow as E, LoadingScreen as F, Grid as h, Flex as y, Button as C } from "@edifice.io/react";
+import { useState as L } from "react";
+import { useTranslation as O } from "react-i18next";
+import { useParams as P, useNavigate as k } from "react-router-dom";
+import { m as A, f as Q, P as R, F as W, g as j } from "./index-D1A8ZvCs.js";
+import { s as H } from "./submission.queries-XI_GKzo9.js";
+const K = (s) => async ({ params: i }) => {
   const a = Number(i.collectionId);
-  return await s.ensureQueryData(H(a)), await s.prefetchInfiniteQuery(
-    S(a)
+  return await s.ensureQueryData(j(a)), await s.prefetchInfiniteQuery(
+    H(a)
   ), null;
-}, V = () => {
-  const { appCode: s } = I(), { t: i } = P(s), { lg: a } = w(), d = k(), m = A(), u = E(), f = F(v.COLLECTION_CREATE), p = Q(), [e, T] = O(void 0), { data: o, isLoading: l } = R(
+}, J = () => {
+  const { appCode: s } = x(), { t: i } = O(s), { lg: a } = I(), d = P(), m = k(), u = w(), f = E(b.COLLECTION_CREATE), p = A(), [e, N] = L(void 0), { data: o, isLoading: l } = Q(
     Number(d.collectionId)
   );
   if (l)
-    return /* @__PURE__ */ t(L, {});
-  if (!f || !o) return /* @__PURE__ */ t(W, {});
-  const b = async () => {
+    return /* @__PURE__ */ t(F, {});
+  if (!f || !o) return /* @__PURE__ */ t(R, {});
+  const T = async () => {
     const r = Number(d.collectionId);
     if (!r) return;
     const c = {
@@ -37,7 +37,7 @@ const J = (s) => async ({ params: i }) => {
           deadline: c.deadline ?? /* @__PURE__ */ new Date(),
           attachments: c.attachments.map((n) => ({
             name: n.name,
-            type: x.ATTACHMENT,
+            type: v.ATTACHMENT,
             uri: n.filename,
             mimeType: n.contentType
           }))
@@ -53,7 +53,7 @@ const J = (s) => async ({ params: i }) => {
       }), console.log(n);
     }
   };
-  return /* @__PURE__ */ g(N, { children: [
+  return /* @__PURE__ */ g("div", { className: "w-100", children: [
     /* @__PURE__ */ t(h, { className: "flex-grow-1 gap-64 px-md-8 px-lg-48 position-relative", children: /* @__PURE__ */ t(h.Col, { sm: "4", md: "8", xl: "12", className: `${a && "ms-64"}`, children: /* @__PURE__ */ t(
       y,
       {
@@ -61,10 +61,10 @@ const J = (s) => async ({ params: i }) => {
         gap: "16",
         className: "h-100 py-24 pb-lg-48 pt-lg-32",
         children: /* @__PURE__ */ t(
-          j,
+          W,
           {
             collection: o,
-            updateWizardData: T
+            updateWizardData: N
           }
         )
       }
@@ -88,7 +88,7 @@ const J = (s) => async ({ params: i }) => {
           color: "primary",
           isLoading: l || p.isPending,
           loadingPosition: "right",
-          onClick: b,
+          onClick: T,
           "data-testid": "collect-save-sharings-button",
           children: i("collection.form.edit.save")
         }
@@ -97,6 +97,6 @@ const J = (s) => async ({ params: i }) => {
   ] });
 };
 export {
-  V as FormEdit,
-  J as loader
+  J as FormEdit,
+  K as loader
 };