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

package/lib/{I3HPI4QX-DhV4n2OZ.js → I3HPI4QX-BuVHGkjY.js}

@@ -1,5 +1,5 @@
-import { c, T as l, P as m, a as u, D as v, Q as i } from "./HASRA6WW-qb64R1U-.js";
-import { aP as d, aQ as f, aR as e } from "./index-Dt9ykSDF.js";
+import { c, T as l, P as m, a as u, D as v, Q as i } from "./HASRA6WW-BPaxT9L-.js";
+import { l as d, m as f, n as e } from "./index-HU8ua_Ev.js";
 var p = (a) => {
   const [r, t] = c({
     prefix: "TanstackQueryDevtools"

package/lib/MembersEdit-CblCChDS.js

@@ -0,0 +1,77 @@
+import { jsx as e, jsxs as c, Fragment as T } from "react/jsx-runtime";
+import { WORKFLOW_RIGHTS as N } from "@edifice.io/collect-client-rest";
+import { useEdificeClient as v, useBreakpoint as I, useToast as D, useHasWorkflow as E, LoadingScreen as O, Grid as l, Flex as d, Button as u } from "@edifice.io/react";
+import { useTranslation as S } from "react-i18next";
+import { useParams as w, useNavigate as A } from "react-router-dom";
+import { h as L, i as m, e as j, P as k, M, f as P, j as Q } from "./index-HU8ua_Ev.js";
+import { s as R } from "./submission.queries-Cr0bP5uv.js";
+const K = (o) => async ({ params: t }) => {
+  const s = Number(t.collectionId);
+  return await o.ensureQueryData(P(s)), await o.prefetchInfiniteQuery(
+    R(s)
+  ), null;
+}, $ = () => {
+  const { appCode: o } = v(), { t } = S(o), { lg: s } = I(), p = w(), a = D(), n = A(), g = E(N.COLLECTION_CREATE), h = L(), f = m.use.usersToAdd(), b = m.use.usersToDelete(), { data: i, isLoading: r } = j(
+    Number(p.collectionId)
+  );
+  if (r)
+    return /* @__PURE__ */ e(O, {});
+  if (!g || !i) return /* @__PURE__ */ e(k, {});
+  const C = async () => {
+    const y = Q(b, f);
+    try {
+      await h.mutateAsync({
+        id: i.id,
+        data: y
+      }), a.success(t("collection.toast.success.collection.update.members"), {
+        duration: 1e4,
+        isDismissible: !0
+      }), n(-1);
+    } catch (x) {
+      a.error(t("collection.toast.error.collection.update.members"), {
+        duration: 1e4,
+        isDismissible: !0
+      }), console.log(x);
+    }
+  };
+  return /* @__PURE__ */ c(T, { children: [
+    /* @__PURE__ */ e(l, { className: "flex-grow-1 gap-64 px-md-8 px-lg-48 position-relative", children: /* @__PURE__ */ e(l.Col, { sm: "4", md: "8", xl: "12", className: `${s && "ms-64"}`, children: /* @__PURE__ */ e(
+      d,
+      {
+        direction: "column",
+        gap: "16",
+        className: "h-100 py-24 pb-lg-48 pt-lg-32",
+        children: /* @__PURE__ */ e(M, { collection: i })
+      }
+    ) }) }),
+    /* @__PURE__ */ c(d, { justify: "end", className: "mt-auto px-48 pb-64 gap-16", children: [
+      /* @__PURE__ */ e(
+        u,
+        {
+          variant: "outline",
+          color: "primary",
+          isLoading: r,
+          onClick: () => n(-1),
+          "data-testid": "collect-cancel-sharings-button",
+          children: t("collection.cancel")
+        }
+      ),
+      /* @__PURE__ */ e(
+        u,
+        {
+          variant: "filled",
+          color: "primary",
+          isLoading: r,
+          loadingPosition: "right",
+          onClick: C,
+          "data-testid": "collect-save-sharings-button",
+          children: t("collection.members.edit.save")
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  $ as MembersEdit,
+  K as loader
+};

package/lib/Root--z47Brfh.js

@@ -0,0 +1,17 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { WORKFLOW_RIGHTS as e } from "@edifice.io/collect-client-rest";
+import { useEdificeClient as n, useHasWorkflow as s, LoadingScreen as c, Layout as f } from "@edifice.io/react";
+import { Outlet as a, ScrollRestoration as l } from "react-router-dom";
+import { P as m } from "./index-HU8ua_Ev.js";
+const R = async () => null;
+function S() {
+  const { init: r } = n(), t = s(e.COLLECTION_ACCESS);
+  return r ? t ? /* @__PURE__ */ i(f, { children: [
+    /* @__PURE__ */ o(a, {}),
+    /* @__PURE__ */ o(l, {})
+  ] }) : /* @__PURE__ */ o(m, {}) : /* @__PURE__ */ o(c, { position: !1 });
+}
+export {
+  S as Root,
+  R as loader
+};

package/lib/SearchBarCollect-DBKaVVDV.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useEdificeClient as o, SearchBar as s } from "@edifice.io/react";
+import { useTranslation as l } from "react-i18next";
+const m = ({
+  setSearch: a
+}) => {
+  const { appCode: r } = o(), { t } = l(r);
+  return /* @__PURE__ */ e("div", { className: "w-100 search-bar-collect", children: /* @__PURE__ */ e(
+    s,
+    {
+      "data-testid": "collect-submission-list-search",
+      isVariant: !0,
+      onChange: (c) => {
+        a(c.target.value);
+      },
+      placeholder: t("collection.search.placeholder"),
+      size: "md"
+    }
+  ) });
+};
+export {
+  m as S
+};

package/lib/Submission-AzDGz_dM.js

@@ -0,0 +1,257 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { useEdificeClient as m, Flex as l, Heading as y, IconButton as v, Modal as u, Button as C, useToast as E, useBreakpoint as O, Grid as h, LoadingScreen as P } from "@edifice.io/react";
+import { useNavigate as x, useParams as k } from "react-router-dom";
+import { useState as B, useEffect as N } from "react";
+import { u as g, A as T, C as j } from "./AppHeaderCollection-CdMZTmC6.js";
+import { Editor as U } from "@edifice.io/react/editor";
+import { IconPinOn as A, IconRafterUp as H, IconRafterDown as Q, IconSend as F, IconTextPage as R } from "@edifice.io/react/icons";
+import { useTranslation as b } from "react-i18next";
+import { ContribSubmissionStatus as $ } from "@edifice.io/collect-client-rest";
+import { u as w } from "./DropdownActionTable-BhSk2sde.js";
+import { b as W, c as z, d as G } from "./submission.queries-Cr0bP5uv.js";
+import { e as V, P as J, f as K } from "./index-HU8ua_Ev.js";
+const I = ({
+  collection: n,
+  isMobile: o = !1
+}) => {
+  const { appCode: i } = m(), { t } = b(i), [e, c] = B(!o);
+  return /* @__PURE__ */ a("div", { className: `bg-white shadow rounded-4 ${o ? "p-16" : "p-24"}`, children: [
+    /* @__PURE__ */ a(l, { justify: "between", children: [
+      /* @__PURE__ */ a(l, { gap: "8", align: "center", children: [
+        /* @__PURE__ */ s(
+          l,
+          {
+            className: "bg-secondary-200 rounded",
+            align: "center",
+            justify: "center",
+            style: { minWidth: "36px", height: "36px" },
+            children: /* @__PURE__ */ s(A, {})
+          }
+        ),
+        /* @__PURE__ */ s(y, { level: "h4", headingStyle: "h4", className: "text-truncate", children: t("collection.submission.instruction.title") })
+      ] }),
+      o && /* @__PURE__ */ s(
+        v,
+        {
+          "data-testid": "collect-submission-instruction-button-toggle",
+          icon: e ? /* @__PURE__ */ s(H, {}) : /* @__PURE__ */ s(Q, {}),
+          color: "tertiary",
+          onClick: () => c(!e)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: `wrapper ${e ? "open" : ""}`, children: /* @__PURE__ */ s("div", { className: "inner", children: /* @__PURE__ */ s(
+      U,
+      {
+        content: n.content,
+        mode: "read",
+        toolbar: "none",
+        variant: "ghost"
+      }
+    ) }) })
+  ] });
+}, X = ({
+  onClose: n,
+  isOpen: o,
+  handleUpdateSubmission: i
+}) => {
+  const { appCode: t } = m(), { t: e } = b(t), c = g.use.submissionIsLoading();
+  return /* @__PURE__ */ a(
+    u,
+    {
+      id: "update-submission-modal",
+      isOpen: o,
+      onModalClose: n,
+      size: "sm",
+      children: [
+        /* @__PURE__ */ s(u.Header, { onModalClose: n, children: e("collection.modal.update.submission.title") }),
+        /* @__PURE__ */ a(u.Body, { children: [
+          /* @__PURE__ */ s("p", { children: e("collection.modal.update.submission.description.first") }),
+          /* @__PURE__ */ s("p", { children: e("collection.modal.update.submission.description.second") })
+        ] }),
+        /* @__PURE__ */ a(u.Footer, { children: [
+          /* @__PURE__ */ s(
+            C,
+            {
+              "data-testid": "collect-submission-modal-button-cancel",
+              color: "tertiary",
+              variant: "ghost",
+              onClick: n,
+              children: e("collection.cancel")
+            }
+          ),
+          /* @__PURE__ */ s(
+            C,
+            {
+              "data-testid": "collect-submission-modal-button-send",
+              onClick: () => i({
+                status: $.SUBMITTED,
+                isRedirect: !0
+              }),
+              leftIcon: /* @__PURE__ */ s(F, {}),
+              isLoading: c,
+              children: e("collection.modal.update.submission.button.send")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Y = ({
+  submission: n
+}) => {
+  const { appCode: o } = m(), { t: i } = b(o), t = w.use.isPastDeadline(), { setSubmissionData: e, hydrateSubmissionContent: c } = g((d) => ({
+    setSubmissionData: d.setSubmissionData,
+    hydrateSubmissionContent: d.hydrateSubmissionContent
+  }));
+  return N(() => {
+    c(n);
+  }, [c, n]), /* @__PURE__ */ a(l, { className: "p-24", direction: "column", gap: "16", children: [
+    /* @__PURE__ */ a(l, { gap: "8", align: "center", children: [
+      /* @__PURE__ */ s(
+        l,
+        {
+          className: "bg-secondary-200 rounded",
+          align: "center",
+          justify: "center",
+          style: { minWidth: "36px", height: "36px" },
+          children: /* @__PURE__ */ s(R, {})
+        }
+      ),
+      /* @__PURE__ */ s(y, { level: "h4", headingStyle: "h4", className: "text-truncate", children: i("collection.submission.edit.title") })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "bg-white rounded-3", children: /* @__PURE__ */ s(
+      U,
+      {
+        "data-testid": "collect-submission-edit-content",
+        id: "submissionEdit",
+        content: n.content ?? "",
+        onContentChange: ({ editor: d }) => {
+          e(d.getHTML(), !d.isEmpty);
+        },
+        mode: t ? "read" : "edit"
+      }
+    ) })
+  ] });
+}, Z = ({
+  collection: n,
+  submission: o
+}) => {
+  const { appCode: i } = m(), { t } = b(i), e = E(), c = x(), {
+    submissionContent: d,
+    isUpdateSubmissionModalOpen: p,
+    onCloseUpdateSubmissionModal: S,
+    setSubmissionIsLoading: f
+  } = g((r) => ({
+    submissionContent: r.submissionContent,
+    isUpdateSubmissionModalOpen: r.isUpdateSubmissionModalOpen,
+    onCloseUpdateSubmissionModal: r.onCloseUpdateSubmissionModal,
+    setSubmissionIsLoading: r.setSubmissionIsLoading
+  })), D = W();
+  return {
+    isOpen: p,
+    onClose: S,
+    handleUpdateSubmission: async ({
+      status: r,
+      isRedirect: L
+    }) => {
+      try {
+        f(!0), await D.mutateAsync({
+          collectionId: n.id,
+          submissionId: o.id,
+          data: {
+            content: d,
+            status: r,
+            // FIX ME : For now, attachments are not supported in the frontend, so we send an empty array.
+            attachments: []
+          }
+        }), e.success(t("collection.toast.success.submission.update"));
+      } catch (M) {
+        console.error("Error updating submission:", M), e.error(t("collection.toast.error.submission.update"));
+      } finally {
+        f(!1), L && c("/list-submissions"), S();
+      }
+    }
+  };
+}, _ = ({
+  collection: n,
+  submission: o
+}) => {
+  const i = x(), { lg: t } = O(), { isOpen: e, onClose: c, handleUpdateSubmission: d } = Z({
+    collection: n,
+    submission: o
+  }), p = w.use.setIsPastDeadline();
+  return N(() => {
+    p(new Date(n.deadline) < /* @__PURE__ */ new Date());
+  }, [n.deadline]), /* @__PURE__ */ a(
+    l,
+    {
+      className: "bg-gray-200 mx-n16 flex-fill border-bottom-0 border",
+      direction: "column",
+      children: [
+        /* @__PURE__ */ s(
+          T,
+          {
+            collection: n,
+            context: j.SUBMISSION,
+            onClickBack: () => i("/list-submissions"),
+            handleUpdateSubmission: d
+          }
+        ),
+        /* @__PURE__ */ a(h, { className: "flex-grow-1 p-16 gap-24", children: [
+          /* @__PURE__ */ s(
+            h.Col,
+            {
+              sm: "3",
+              md: "3",
+              lg: "3",
+              xl: "4",
+              className: "d-none d-lg-block",
+              as: "aside",
+              children: /* @__PURE__ */ s(I, { collection: n })
+            }
+          ),
+          /* @__PURE__ */ a(
+            h.Col,
+            {
+              sm: "4",
+              md: "8",
+              lg: "5",
+              xl: "8",
+              className: `${t ? "cancel-gap" : ""}`,
+              children: [
+                !t && /* @__PURE__ */ s(I, { collection: n, isMobile: !0 }),
+                /* @__PURE__ */ s(Y, { submission: o })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s(
+          X,
+          {
+            handleUpdateSubmission: d,
+            onClose: c,
+            isOpen: e
+          }
+        )
+      ]
+    }
+  );
+}, ms = (n) => async ({ params: o }) => {
+  const i = Number(o.collectionId), t = Number(o.submissionId);
+  return await n.ensureQueryData(
+    G(i, t)
+  ), await n.ensureQueryData(K(i)), null;
+}, bs = () => {
+  const n = k(), { isLoading: o, data: i } = z(
+    Number(n.collectionId),
+    Number(n.submissionId)
+  ), { data: t, isLoading: e } = V(
+    Number(n.collectionId)
+  );
+  return o || e ? /* @__PURE__ */ s(P, {}) : !t || !i ? /* @__PURE__ */ s(J, {}) : /* @__PURE__ */ s(_, { collection: t, submission: i });
+};
+export {
+  bs as Submission,
+  ms as loader
+};

package/lib/SubmissionList-Db_nRSqg.js

@@ -0,0 +1,197 @@
+import { jsx as t, Fragment as C, jsxs as r } from "react/jsx-runtime";
+import { useEdificeClient as b, SegmentedControl as D, useDate as I, useDirectory as B, Card as p, Flex as g, Avatar as w, Badge as F, LoadingScreen as M, EmptyScreen as E, Grid as f, Button as P, useBreakpoint as $ } from "@edifice.io/react";
+import { S as j } from "./SearchBarCollect-DBKaVVDV.js";
+import { CollectionStatus as N, SubmissionStatus as v } from "@edifice.io/collect-client-rest";
+import { useTranslation as x } from "react-i18next";
+import { create as R } from "zustand";
+import { c as U, b as Y, d as k } from "./index-HU8ua_Ev.js";
+import { IconRafterDown as z } from "@edifice.io/react/icons";
+import { useNavigate as A } from "react-router-dom";
+import { E as G } from "./emptyscreen-list-collection-CWGxO4Ss.js";
+import { u as O } from "./useGetStatusSubmission-DxHmLPxr.js";
+const Q = {
+  search: "",
+  filter: void 0
+}, S = U(
+  R((e) => ({
+    ...Q,
+    setFilter: (s) => e({ filter: s }),
+    setSearchSubmission: (s) => e({ search: s })
+  }))
+), V = () => {
+  const { appCode: e } = b(), { t: s } = x(e), { filter: o, setFilter: n } = S(), i = [
+    {
+      label: s("collection.submissionList.filter.all"),
+      value: "all"
+    },
+    {
+      label: s("collection.submissionList.filter.toSubmit"),
+      value: N.TO_SUBMIT
+    },
+    {
+      label: s("collection.submissionList.filter.submitted"),
+      value: N.SUBMITTED
+    }
+  ];
+  return /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
+    D,
+    {
+      "data-testid": "collect-segmented-control-submission-filter",
+      onChange: (l) => {
+        n(l === "all" ? void 0 : l);
+      },
+      options: i,
+      value: o ?? "all"
+    }
+  ) });
+}, W = ({
+  collectionToSubmit: e,
+  onClick: s
+}) => {
+  const { fromNow: o, formatDate: n } = I(), { getAvatarURL: i } = B(), { appCode: m } = b(), { t: l } = x(m), { getSubmissionStatus: c } = O(), a = e.status === v.SUBMITTED || e.status === v.VERIFIED, u = i(e.createdBy.entId, "user"), d = new Date(e.deadline) < /* @__PURE__ */ new Date(), h = c({
+    status: e.status,
+    isPastDeadline: d,
+    isSubmissionCard: !0
+  });
+  return /* @__PURE__ */ r(p, { isSelectable: !1, onClick: s, isSelected: !1, children: [
+    /* @__PURE__ */ r(p.Body, { children: [
+      /* @__PURE__ */ r(
+        g,
+        {
+          justify: "center",
+          align: "center",
+          direction: "column",
+          className: `rounded-2 ${d ? "bg-gray-300" : a ? "bg-green-200" : "bg-orange-200"}`,
+          style: { minWidth: "80px", height: "80px" },
+          children: [
+            /* @__PURE__ */ t(
+              "p",
+              {
+                className: `h2 ${d ? "text-gray-800" : a ? "text-green-800" : "text-orange-500"}`,
+                children: n(e.deadline, "D")
+              }
+            ),
+            /* @__PURE__ */ t(
+              "p",
+              {
+                className: `caption ${d ? "text-gray-800" : a ? "text-green-800" : "text-orange-500"}`,
+                children: n(e.deadline, "MMM")
+              }
+            ),
+            /* @__PURE__ */ t(
+              "p",
+              {
+                className: `caption ${d ? "text-gray-800" : a ? "text-green-800" : "text-orange-500"}`,
+                children: n(e.deadline, "YYYY")
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ r("div", { className: "text-truncate", children: [
+        /* @__PURE__ */ t(p.Title, { children: e.name }),
+        /* @__PURE__ */ t(p.Text, { children: /* @__PURE__ */ r("em", { children: [
+          l("collection.planned"),
+          " ",
+          o(e.createdAt)
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(p.Footer, { children: /* @__PURE__ */ r(g, { className: "gap-8 text-truncate w-100", justify: "between", children: [
+      /* @__PURE__ */ r(g, { className: "gap-8", align: "center", children: [
+        /* @__PURE__ */ t(
+          w,
+          {
+            alt: e.createdBy.displayName,
+            size: "xs",
+            src: u,
+            variant: "circle"
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "small text-truncate", children: e.createdBy.displayName })
+      ] }),
+      /* @__PURE__ */ t(g, { className: "gap-8", align: "center", children: /* @__PURE__ */ t(F, { variant: h.variant, children: h.text }) })
+    ] }) })
+  ] });
+}, _ = () => {
+  var h, y;
+  const { filter: e, search: s } = S(), o = e || void 0, n = s || void 0, { data: i, isLoading: m, fetchNextPage: l } = Y({
+    filter: o,
+    search: n
+  }), c = (y = (h = i == null ? void 0 : i.pages) == null ? void 0 : h[i.pages.length - 1]) == null ? void 0 : y.meta, a = !!c && Number(c.currentPage ?? 0) < Number(c.totalPages ?? 0), u = (i == null ? void 0 : i.pages.flatMap((L) => L.items)) ?? [], d = u.length > 0;
+  return {
+    collectionsToSubmit: u,
+    isLoading: m,
+    hasMoreResources: a,
+    hasData: d,
+    fetchNextPage: l
+  };
+}, q = () => {
+  const { appCode: e } = b(), { t: s } = x(e), o = A(), {
+    collectionsToSubmit: n,
+    isLoading: i,
+    hasMoreResources: m,
+    hasData: l,
+    fetchNextPage: c
+  } = _();
+  return i ? /* @__PURE__ */ t(M, {}) : l ? /* @__PURE__ */ r(f, { className: "w-100 p-24", "data-testid": "collect-list-submissions-grid", children: [
+    n.map((a, u) => /* @__PURE__ */ t(f.Col, { sm: "4", md: "4", lg: "4", xl: "4", children: /* @__PURE__ */ t(
+      W,
+      {
+        "data-testid": "collect-list-submissions-card",
+        collectionToSubmit: a,
+        onClick: () => o(
+          `/list-collections/id/${a.collectionId}/submission/${a.submissionId}`
+        )
+      }
+    ) }, u)),
+    m && /* @__PURE__ */ t(f.Col, { sm: "4", md: "8", lg: "12", xl: "12", children: /* @__PURE__ */ t(g, { justify: "center", children: /* @__PURE__ */ t(
+      P,
+      {
+        "data-testid": "collect-list-submissions-button-more",
+        className: "px-48",
+        type: "button",
+        color: "secondary",
+        variant: "filled",
+        rightIcon: /* @__PURE__ */ t(z, {}),
+        onClick: () => c(),
+        children: s("collection.see.more")
+      }
+    ) }) })
+  ] }) : /* @__PURE__ */ t("div", { className: "py-24", children: /* @__PURE__ */ t(
+    E,
+    {
+      imageSrc: G,
+      title: s("collection.collectionList.emptyScreen.title"),
+      text: s("collection.collectionList.emptyScreen.description")
+    }
+  ) });
+}, ae = async (e) => (await e.prefetchInfiniteQuery(
+  k({
+    search: void 0,
+    filter: void 0
+  })
+), null), re = () => {
+  const { lg: e } = $(), s = S(
+    (o) => o.setSearchSubmission
+  );
+  return /* @__PURE__ */ r(C, { children: [
+    /* @__PURE__ */ r(
+      g,
+      {
+        align: e ? "center" : "start",
+        direction: e ? "row" : "column",
+        className: "bg-gray-200 px-24 py-16 gap-16",
+        children: [
+          /* @__PURE__ */ t(j, { setSearch: s }),
+          /* @__PURE__ */ t(V, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(q, {})
+  ] });
+};
+export {
+  re as SubmissionsList,
+  ae as loader
+};