@edifice.io/collect-frontend 0.2.0-develop-pedago.0 → 0.2.2-develop-pedago.2

package/lib/AppHeaderCollection-Bglbw6q9.js

@@ -0,0 +1,188 @@
+import { j as s, u, d as p, F as c, B as r, I as x, t as g, k as v, l as j, ax as C, ay as S, n as f, q as w, az as I, s as y } from "./index-Dt9ykSDF.js";
+import { u as b, D as L } from "./DropdownActionTable-BLHrdk4t.js";
+const M = ({
+  title: n,
+  titleId: i,
+  ...e
+}) => /* @__PURE__ */ s.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": i, ...e, children: [
+  n ? /* @__PURE__ */ s.jsx("title", { id: i, children: n }) : null,
+  /* @__PURE__ */ s.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M17 2a1 1 0 1 0-2 0v1H9V2a1 1 0 0 0-2 0v1H5a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-2zm3 7V6a1 1 0 0 0-1-1h-2v1a1 1 0 1 1-2 0V5H9v1a1 1 0 0 1-2 0V5H5a1 1 0 0 0-1 1v3zM4 11h16v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z", clipRule: "evenodd" })
+] }), O = ({
+  title: n,
+  titleId: i,
+  ...e
+}) => /* @__PURE__ */ s.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": i, ...e, children: [
+  n ? /* @__PURE__ */ s.jsx("title", { id: i, children: n }) : null,
+  /* @__PURE__ */ s.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.207 3.293a1 1 0 0 0-1.59 1.176l-3.17 3.17-3.798 1.425a1 1 0 0 0-.356.229l-1.5 1.5a1 1 0 0 0 0 1.414L7.586 15l-3.793 3.793a1 1 0 1 0 1.414 1.414L9 16.414l2.793 2.793a1 1 0 0 0 1.414 0l1.5-1.5a1 1 0 0 0 .23-.356l1.423-3.797 3.17-3.17a1 1 0 0 0 1.177-1.591l-.5-.5-4.5-4.5zM15 5.914l-3.293 3.293a1 1 0 0 1-.356.23L7.554 10.86l-.64.64 2.793 2.793 2.793 2.793.64-.64 1.424-3.797a1 1 0 0 1 .229-.356L18.086 9z", clipRule: "evenodd" })
+] }), H = ({
+  title: n,
+  titleId: i,
+  ...e
+}) => /* @__PURE__ */ s.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": i, ...e, children: [
+  n ? /* @__PURE__ */ s.jsx("title", { id: i, children: n }) : null,
+  /* @__PURE__ */ s.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M20.604 3.159a.91.91 0 0 1 .345 1.05l-6.364 18.182a.909.909 0 0 1-1.689.07l-3.494-7.863-7.862-3.495a.91.91 0 0 1 .069-1.688l18.158-6.356a.91.91 0 0 1 .837.1M11.175 14.11l6.742-6.742-4.29 12.258zM9.89 12.825l-5.515-2.452 12.257-4.29z", clipRule: "evenodd" })
+] }), N = ({
+  collection: n
+}) => {
+  const { appCode: i } = u(), { t: e } = p(i), t = b.use.onOpenInstructionModal();
+  return /* @__PURE__ */ s.jsxs(c, { gap: "16", justify: "end", children: [
+    /* @__PURE__ */ s.jsx(
+      r,
+      {
+        "data-testid": "collect-collection-actions-button-instruction",
+        variant: "outline",
+        color: "primary",
+        leftIcon: /* @__PURE__ */ s.jsx(O, {}),
+        onClick: t,
+        children: e("collection.appHeaderCollection.collection.button.instruction")
+      }
+    ),
+    /* @__PURE__ */ s.jsx(L, { collectionId: n.id, isCollection: !0, children: (l) => /* @__PURE__ */ s.jsx(
+      x,
+      {
+        ...l,
+        className: "icon-button-hover-no-transition bg-white",
+        type: "button",
+        "aria-label": "label",
+        "data-testid": "collect-collection-actions-button-options",
+        color: "primary",
+        variant: "outline",
+        icon: /* @__PURE__ */ s.jsx(g, {})
+      }
+    ) })
+  ] });
+}, B = j((n) => ({
+  submissionId: null,
+  submissionContent: "",
+  isUpdateSubmissionModalOpen: !1,
+  submissionHasContent: !1,
+  submissionIsLoading: !1,
+  onOpenUpdateSubmissionModal: () => n({ isUpdateSubmissionModalOpen: !0 }),
+  onCloseUpdateSubmissionModal: () => n({ isUpdateSubmissionModalOpen: !1 }),
+  setSubmissionData: (i, e) => n({ submissionContent: i, submissionHasContent: e }),
+  setSubmissionIsLoading: (i) => n({ submissionIsLoading: i }),
+  hydrateSubmissionContent: (i) => n((e) => e.submissionId === i.id ? e : {
+    submissionId: i.id,
+    submissionContent: i.content || ""
+  })
+})), A = v(
+  B
+), z = ({
+  handleUpdateSubmission: n
+}) => {
+  const { appCode: i } = u(), { t: e } = p(i), t = b.use.isPastDeadline(), {
+    submissionHasContent: l,
+    submissionIsLoading: d,
+    onOpenUpdateSubmissionModal: a
+  } = A((o) => ({
+    onOpenUpdateSubmissionModal: o.onOpenUpdateSubmissionModal,
+    submissionHasContent: o.submissionHasContent,
+    submissionIsLoading: o.submissionIsLoading
+  }));
+  return /* @__PURE__ */ s.jsxs(c, { gap: "16", justify: "end", children: [
+    /* @__PURE__ */ s.jsx(
+      r,
+      {
+        "data-testid": "collect-submission-app-header-actions-draft-button",
+        variant: "outline",
+        color: "primary",
+        leftIcon: /* @__PURE__ */ s.jsx(S, {}),
+        disabled: t,
+        isLoading: d,
+        onClick: () => n == null ? void 0 : n({
+          status: C.DRAFT
+        }),
+        children: e("collection.appHeaderSubmission.submission.button.draft")
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      r,
+      {
+        "data-testid": "collect-submission-app-header-actions-send-button",
+        variant: "filled",
+        color: "primary",
+        leftIcon: /* @__PURE__ */ s.jsx(H, {}),
+        disabled: t || !l,
+        onClick: () => a(),
+        children: e("collection.appHeaderSubmission.submission.button.send")
+      }
+    )
+  ] });
+};
+var m = /* @__PURE__ */ ((n) => (n.COLLECTION = "COLLECTION", n.SUBMISSION = "SUBMISSION", n))(m || {});
+const R = ({
+  collection: n,
+  onClickBack: i,
+  context: e,
+  handleUpdateSubmission: t
+}) => {
+  const { appCode: l } = u(), { t: d } = p(l), { lg: a, md: o } = f(), { formatDate: h } = w();
+  return /* @__PURE__ */ s.jsxs("div", { className: `py-16 border-bottom bg-white ${o ? "px-48" : "px-16"}`, children: [
+    /* @__PURE__ */ s.jsx(c, { align: "center", gap: "8", children: /* @__PURE__ */ s.jsx(
+      r,
+      {
+        "data-testid": "collect-submission-app-header-button-back",
+        className: "text-gray-700",
+        color: "tertiary",
+        leftIcon: /* @__PURE__ */ s.jsx(I, { width: 20, height: 20 }),
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        onClick: i,
+        children: d("collection.back")
+      }
+    ) }),
+    /* @__PURE__ */ s.jsxs(
+      c,
+      {
+        className: "w-100 mt-24",
+        justify: "between",
+        align: a ? "center" : "end",
+        gap: "12",
+        direction: a ? "row" : "column",
+        children: [
+          /* @__PURE__ */ s.jsxs(
+            "div",
+            {
+              className: `${o && "d-flex"} ${!a && "w-100"}`,
+              style: { maxWidth: a ? "70%" : "100%" },
+              children: [
+                /* @__PURE__ */ s.jsx(
+                  "h2",
+                  {
+                    className: `text-truncate ${o ? "me-12" : "mb-12 text-truncate-2"}`,
+                    children: n.name
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(
+                  y,
+                  {
+                    className: "lh-base",
+                    style: { height: "3rem" },
+                    variant: {
+                      level: "info",
+                      type: "notification"
+                    },
+                    children: /* @__PURE__ */ s.jsxs(c, { align: "center", gap: "8", children: [
+                      /* @__PURE__ */ s.jsx(M, { height: 20, width: 20 }),
+                      `${d("collection.appHeaderCollection.deadline")} ${h(n.deadline)}`
+                    ] })
+                  }
+                )
+              ]
+            }
+          ),
+          e === m.COLLECTION ? /* @__PURE__ */ s.jsx(N, { collection: n }) : /* @__PURE__ */ s.jsx(z, { handleUpdateSubmission: t })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  R as A,
+  m as C,
+  M as S,
+  O as a,
+  H as b,
+  A as u
+};

package/lib/CXEL7IU7-DVs75C4a.js

@@ -0,0 +1,42 @@
+import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./HASRA6WW-qb64R1U-.js";
+import { aP as v, aQ as C, aR as e } from "./index-Dt9ykSDF.js";
+var h = (t) => {
+  const [r, o] = s({
+    prefix: "TanstackQueryDevtools"
+  }), a = v(), l = C(() => {
+    const n = r.theme_preference || c;
+    return n !== "system" ? n : a();
+  });
+  return e(d.Provider, {
+    value: t,
+    get children() {
+      return e(u, {
+        disabled: !0,
+        localStore: r,
+        setLocalStore: o,
+        get children() {
+          return e(i.Provider, {
+            value: l,
+            get children() {
+              return e(m, {
+                get children() {
+                  return e(P, {
+                    localStore: r,
+                    setLocalStore: o,
+                    get onClose() {
+                      return t.onClose;
+                    },
+                    showPanelViewOnly: !0
+                  });
+                }
+              });
+            }
+          });
+        }
+      });
+    }
+  });
+}, p = h;
+export {
+  p as default
+};

package/lib/Collection-DYHQunUI.js

@@ -0,0 +1,463 @@
+import { r as b, k as W, l as V, j as s, F as d, ad as B, s as N, ae as R, u as v, d as E, aj as Q, H as M, B as I, ag as P, L, h as O, ak as y, al as $, am as G, D as f, n as A, ab as j, q as z, an as _, E as q, ao as K, ap as k, aq as Y, G as w, ar as J, a as X, W as Z, as as ss, P as es, at as ts } from "./index-Dt9ykSDF.js";
+import { S as ns, A as is, C as as } from "./AppHeaderCollection-Bglbw6q9.js";
+import { T as C, D as os } from "./DeleteCollectionModal-Dzsn2899.js";
+import { u as cs, a as ls, s as rs } from "./submission.queries-CslqTzEP.js";
+import { u as F } from "./useGetStatusSubmission-D77F1XUy.js";
+import { u as D } from "./DropdownActionTable-BLHrdk4t.js";
+import { E as ds } from "./emptyscreen-list-collection-CWGxO4Ss.js";
+const U = (e) => {
+  var m;
+  const { data: a, isLoading: t, fetchNextPage: l, hasNextPage: c } = cs(e == null ? void 0 : e.id), [o, x] = b.useState(
+    null
+  ), i = (n) => o === n.id, g = (n) => o === n.id ? "bg-gray-300" : "";
+  return {
+    submissions: ((m = a == null ? void 0 : a.pages) == null ? void 0 : m.flatMap((n) => n.items)) ?? [],
+    isLoading: t,
+    hasNextPage: c,
+    isHovered: i,
+    setHoveredSubmissionId: x,
+    getBgColor: g,
+    fetchNextPage: l
+  };
+}, us = V((e) => ({
+  selectedSubmissionListMenu: null,
+  setSelectedSubmissionListMenu: (a) => e({ selectedSubmissionListMenu: a })
+})), T = W(
+  us
+), H = ({
+  submission: e
+}) => {
+  const { getAvatarURL: a } = R(), { getSubmissionStatus: t } = F(), l = D.use.isPastDeadline(), c = t({
+    status: e.status,
+    isPastDeadline: l
+  }), o = a(e.createdBy.entId, "user");
+  return /* @__PURE__ */ s.jsxs(d, { justify: "between", align: "center", className: "w-100", gap: "8", children: [
+    /* @__PURE__ */ s.jsxs(d, { align: "center", gap: "12", style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ s.jsx(
+        B,
+        {
+          alt: e.createdBy.displayName,
+          size: "xs",
+          src: o,
+          variant: "circle"
+        }
+      ),
+      /* @__PURE__ */ s.jsx("p", { className: "text-truncate", children: e.createdBy.displayName })
+    ] }),
+    /* @__PURE__ */ s.jsx(N, { variant: c.variant, children: c.text })
+  ] });
+}, ms = ({
+  collection: e
+}) => {
+  const { appCode: a } = v(), { t } = E(a), {
+    setHoveredSubmissionId: l,
+    getBgColor: c,
+    submissions: o,
+    fetchNextPage: x,
+    hasNextPage: i,
+    isLoading: g
+  } = U(e), { setSelectedSubmissionListMenu: m, selectedSubmissionListMenu: n } = T();
+  b.useEffect(() => {
+    if (o.length === 0)
+      return;
+    o.some(
+      (h) => h.id === (n == null ? void 0 : n.id)
+    ) || m(o[0]);
+  }, [
+    n == null ? void 0 : n.id,
+    m,
+    o
+  ]);
+  const p = (u) => {
+    m(u);
+  };
+  return /* @__PURE__ */ s.jsxs("div", { className: "py-24 border-end h-100 bg-white rounded-start-4", children: [
+    /* @__PURE__ */ s.jsx("div", { children: /* @__PURE__ */ s.jsxs(d, { gap: "8", align: "center", className: "px-24 mb-16", children: [
+      /* @__PURE__ */ s.jsx(
+        d,
+        {
+          className: "bg-secondary-200 rounded",
+          align: "center",
+          justify: "center",
+          style: { minWidth: "36px", height: "36px" },
+          children: /* @__PURE__ */ s.jsx(Q, {})
+        }
+      ),
+      /* @__PURE__ */ s.jsx(M, { level: "h4", headingStyle: "h4", className: "text-truncate", children: t("collection.submissionList.title") }),
+      /* @__PURE__ */ s.jsx(
+        N,
+        {
+          variant: {
+            type: "chip"
+          },
+          children: o.length
+        }
+      )
+    ] }) }),
+    g ? /* @__PURE__ */ s.jsx(L, {}) : o.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: "table-submissions", children: [
+      /* @__PURE__ */ s.jsx(C, { "data-testid": "collect-collection-submissions-list-table", children: /* @__PURE__ */ s.jsx(C.Tbody, { children: o.map((u) => {
+        const h = c(u);
+        return /* @__PURE__ */ s.jsx(
+          C.Tr,
+          {
+            "data-testid": "collect-collection-submissions-list-row",
+            onMouseEnter: () => l(u.id),
+            onMouseLeave: () => l(null),
+            onClick: () => p(u),
+            children: /* @__PURE__ */ s.jsx(
+              C.Td,
+              {
+                className: `p-16 c-pointer ${h} ${(n == null ? void 0 : n.id) === u.id ? "bg-secondary-200" : ""}`,
+                style: { maxWidth: 0 },
+                children: /* @__PURE__ */ s.jsx(H, { submission: u })
+              }
+            )
+          },
+          u.id
+        );
+      }) }) }),
+      i && /* @__PURE__ */ s.jsx(d, { justify: "center", className: "mt-16", children: /* @__PURE__ */ s.jsx(
+        I,
+        {
+          "data-testid": "collect-collection-submissions-list-button-more",
+          className: "px-48",
+          type: "button",
+          color: "secondary",
+          variant: "filled",
+          rightIcon: /* @__PURE__ */ s.jsx(P, {}),
+          onClick: () => x(),
+          children: t("collection.see.more")
+        }
+      ) })
+    ] })
+  ] });
+}, xs = ({
+  collection: e
+}) => {
+  const { appCode: a } = v(), { t } = E(a), l = O(), { isInstructionModalOpen: c, onCloseInstructionModal: o } = D((i) => ({
+    isInstructionModalOpen: i.isInstructionModalOpen,
+    onCloseInstructionModal: i.onCloseInstructionModal
+  })), x = () => {
+    o(), l(`/id/${e.id}/form`);
+  };
+  return /* @__PURE__ */ s.jsxs(
+    y,
+    {
+      id: "instruction-modal",
+      isOpen: c,
+      onModalClose: o,
+      size: "lg",
+      children: [
+        /* @__PURE__ */ s.jsx(y.Header, { onModalClose: o, children: t("collection.submission.instruction.title") }),
+        /* @__PURE__ */ s.jsx(y.Body, { children: /* @__PURE__ */ s.jsx(
+          $,
+          {
+            content: e.content,
+            mode: "read",
+            toolbar: "none",
+            variant: "ghost"
+          }
+        ) }),
+        /* @__PURE__ */ s.jsxs(y.Footer, { children: [
+          /* @__PURE__ */ s.jsx(
+            I,
+            {
+              "data-testid": "collect-collection-modal-instruction-button-close",
+              color: "tertiary",
+              variant: "ghost",
+              onClick: o,
+              children: t("collection.cancel")
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            I,
+            {
+              "data-testid": "collect-collection-modal-instruction-button-edit",
+              onClick: x,
+              leftIcon: /* @__PURE__ */ s.jsx(G, {}),
+              children: t("collection.modify")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, hs = ({
+  collection: e
+}) => {
+  const { appCode: a } = v(), { t } = E(a), { getAvatarURL: l } = R(), { submissions: c, fetchNextPage: o, hasNextPage: x, isLoading: i } = U(e), { getSubmissionStatus: g } = F(), { setSelectedSubmissionListMenu: m, selectedSubmissionListMenu: n } = T((r) => ({
+    selectedSubmissionListMenu: r.selectedSubmissionListMenu,
+    setSelectedSubmissionListMenu: r.setSelectedSubmissionListMenu
+  })), p = D.use.isPastDeadline();
+  b.useEffect(() => {
+    if (c.length === 0)
+      return;
+    c.some(
+      (S) => S.id === (n == null ? void 0 : n.id)
+    ) || m(c[0] ?? null);
+  }, [
+    n == null ? void 0 : n.id,
+    m,
+    c
+  ]);
+  const u = c.find((r) => r.id === (n == null ? void 0 : n.id)) ?? c[0];
+  if (!u)
+    return null;
+  const h = (r) => {
+    m(r);
+  };
+  return /* @__PURE__ */ s.jsx("div", { className: "position-relative w-100 p-8 ", children: /* @__PURE__ */ s.jsx("div", { className: "bg-white", children: i ? /* @__PURE__ */ s.jsx(L, {}) : /* @__PURE__ */ s.jsxs(
+    f,
+    {
+      block: !0,
+      "data-testid": "collect-collection-submissions-list-dropdown-mobile",
+      children: [
+        /* @__PURE__ */ s.jsx(
+          f.Trigger,
+          {
+            label: /* @__PURE__ */ s.jsx(
+              H,
+              {
+                submission: u
+              },
+              u.id
+            )
+          }
+        ),
+        /* @__PURE__ */ s.jsxs(f.Menu, { children: [
+          c.map((r) => {
+            const S = g({
+              status: r.status,
+              isPastDeadline: p
+            });
+            return /* @__PURE__ */ s.jsx(
+              f.Item,
+              {
+                onClick: () => h(r),
+                "data-testid": "collect-collection-submissions-list-dropdown-item-mobile",
+                children: /* @__PURE__ */ s.jsxs(
+                  d,
+                  {
+                    justify: "between",
+                    align: "center",
+                    className: "w-100",
+                    gap: "8",
+                    children: [
+                      /* @__PURE__ */ s.jsxs(d, { align: "center", gap: "12", style: { minWidth: 0 }, children: [
+                        /* @__PURE__ */ s.jsx(
+                          B,
+                          {
+                            alt: r.createdBy.displayName,
+                            size: "xs",
+                            src: l(r.createdBy.entId, "user"),
+                            variant: "circle"
+                          }
+                        ),
+                        /* @__PURE__ */ s.jsx("p", { className: "text-truncate", children: r.createdBy.displayName })
+                      ] }),
+                      /* @__PURE__ */ s.jsx(N, { variant: S.variant, children: S.text })
+                    ]
+                  }
+                )
+              },
+              r.id
+            );
+          }),
+          x && /* @__PURE__ */ s.jsx(d, { justify: "center", className: "mt-8", children: /* @__PURE__ */ s.jsx(
+            I,
+            {
+              "data-testid": "collect-collection-submissions-list-dropdown-button-more-mobile",
+              className: "px-48",
+              type: "button",
+              color: "secondary",
+              variant: "filled",
+              rightIcon: /* @__PURE__ */ s.jsx(P, {}),
+              onClick: () => o(),
+              children: t("collection.see.more")
+            }
+          ) })
+        ] })
+      ]
+    }
+  ) }) });
+}, gs = ({
+  collectionId: e
+}) => {
+  const { appCode: a } = v(), { t } = E(a), l = Y(), { lg: c } = A(), [o, x] = b.useState(!1), { selectedSubmissionListMenu: i, setSelectedSubmissionListMenu: g } = T(), m = (i == null ? void 0 : i.status) === j.VERIFIED, { formatDate: n } = z(), p = ls(), u = async (h) => {
+    if (i)
+      try {
+        x(!0), await p.mutateAsync({
+          collectionId: e,
+          submissionId: i.id,
+          data: {
+            status: h ? k.VERIFIED : k.SUBMITTED
+          }
+        }), g({
+          ...i,
+          status: h ? j.VERIFIED : j.SUBMITTED
+        }), l.success(t("collection.toast.success.submission.statusUpdate"));
+      } catch (r) {
+        console.error("Error updating submission status:", r), l.error(t("collection.toast.error.submission.statusUpdate"));
+      } finally {
+        x(!1);
+      }
+  };
+  return /* @__PURE__ */ s.jsxs(
+    d,
+    {
+      className: "p-24 bg-white rounded-end-4 h-100",
+      direction: "column",
+      gap: "16",
+      children: [
+        /* @__PURE__ */ s.jsxs(
+          d,
+          {
+            className: "mb-16",
+            justify: "between",
+            direction: c ? "row" : "column",
+            align: c ? "center" : "start",
+            gap: "16",
+            children: [
+              /* @__PURE__ */ s.jsxs(d, { gap: "8", align: "center", children: [
+                /* @__PURE__ */ s.jsx(
+                  d,
+                  {
+                    className: "bg-secondary-200 rounded",
+                    align: "center",
+                    justify: "center",
+                    style: { minWidth: "36px", height: "36px" },
+                    children: /* @__PURE__ */ s.jsx(_, {})
+                  }
+                ),
+                /* @__PURE__ */ s.jsx(M, { level: "h4", headingStyle: "h4", className: "text-truncate", children: `${t("collection.submissionRender.title")}   ${i == null ? void 0 : i.createdBy.displayName}` })
+              ] }),
+              /* @__PURE__ */ s.jsx(d, { justify: "end", children: i && [j.SUBMITTED, j.VERIFIED].includes(
+                i.status
+              ) && /* @__PURE__ */ s.jsx(
+                N,
+                {
+                  className: "lh-base",
+                  style: { height: "3rem" },
+                  variant: {
+                    level: "info",
+                    type: "notification"
+                  },
+                  children: /* @__PURE__ */ s.jsxs(d, { align: "center", gap: "8", children: [
+                    /* @__PURE__ */ s.jsx(ns, { height: 20, width: 20 }),
+                    `${t("collection.submissionRender.date")}   ${n(i.updatedAt)}`
+                  ] })
+                }
+              ) })
+            ]
+          }
+        ),
+        i && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+          /* @__PURE__ */ s.jsx(
+            $,
+            {
+              id: "submissionRead",
+              content: i.content ?? "",
+              mode: "read",
+              variant: "ghost"
+            }
+          ),
+          i.status === j.EMPTY ? /* @__PURE__ */ s.jsx(
+            q,
+            {
+              imageSrc: ds,
+              title: t("collection.collectionList.emptyScreen.title"),
+              text: t("collection.submissionRender.emptyScreen.description")
+            }
+          ) : i.status !== j.DRAFT ? /* @__PURE__ */ s.jsx(d, { justify: "end", children: /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              className: `border rounded p-8 ${m ? "bg-secondary-200 border-secondary" : ""}`,
+              children: /* @__PURE__ */ s.jsx(
+                K,
+                {
+                  "data-testid": "collect-collection-submissions-list-checkbox-validate",
+                  checked: m,
+                  label: t("collection.submissionRender.checkbox.label"),
+                  onChange: () => u(!m),
+                  disabled: o
+                }
+              )
+            }
+          ) }) : null
+        ] })
+      ]
+    }
+  );
+}, js = ({
+  collection: e
+}) => {
+  const a = O(), { lg: t } = A(), l = D.use.setIsPastDeadline();
+  return l(new Date(e.deadline) < /* @__PURE__ */ new Date()), b.useEffect(() => {
+    l(new Date(e.deadline) < /* @__PURE__ */ new Date());
+  }, [e.deadline]), /* @__PURE__ */ s.jsxs(
+    d,
+    {
+      className: "bg-gray-200 mx-n16 flex-fill border-bottom-0 border",
+      direction: "column",
+      children: [
+        /* @__PURE__ */ s.jsx(
+          is,
+          {
+            collection: e,
+            context: as.COLLECTION,
+            onClickBack: () => a("/list-collections")
+          }
+        ),
+        /* @__PURE__ */ s.jsxs(w, { className: "flex-grow-1 m-16 gap-24", children: [
+          /* @__PURE__ */ s.jsx(
+            w.Col,
+            {
+              sm: "3",
+              md: "3",
+              lg: "3",
+              xl: "4",
+              className: "d-none d-lg-block",
+              as: "aside",
+              children: /* @__PURE__ */ s.jsx(ms, { collection: e })
+            }
+          ),
+          /* @__PURE__ */ s.jsxs(
+            w.Col,
+            {
+              sm: "4",
+              md: "8",
+              lg: "5",
+              xl: "8",
+              className: `${t ? "cancel-gap me-0" : ""}`,
+              children: [
+                !t && /* @__PURE__ */ s.jsx(hs, { collection: e }),
+                /* @__PURE__ */ s.jsx(gs, { collectionId: e.id })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s.jsx(
+          os,
+          {
+            onDeleteSuccess: () => a("/list-collections")
+          }
+        ),
+        /* @__PURE__ */ s.jsx(xs, { collection: e })
+      ]
+    }
+  );
+}, Ns = (e) => async ({ params: a }) => {
+  const t = Number(a.collectionId);
+  return await e.ensureQueryData(ts(t)), await e.prefetchInfiniteQuery(
+    rs(t)
+  ), null;
+}, vs = () => {
+  const e = J(), a = X(Z.COLLECTION_CREATE), { data: t, isLoading: l } = ss(
+    Number(e.collectionId)
+  );
+  return l ? /* @__PURE__ */ s.jsx(L, {}) : !a || !t ? /* @__PURE__ */ s.jsx(es, {}) : /* @__PURE__ */ s.jsx(js, { collection: t });
+};
+export {
+  vs as Collection,
+  Ns as loader
+};