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

package/lib/Collection-DYHQunUI.js

@@ -1,463 +0,0 @@
-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
-};