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

package/lib/I3HPI4QX-DhV4n2OZ.js

@@ -0,0 +1,33 @@
+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";
+var p = (a) => {
+  const [r, t] = c({
+    prefix: "TanstackQueryDevtools"
+  }), n = d(), s = f(() => {
+    const o = r.theme_preference || l;
+    return o !== "system" ? o : n();
+  });
+  return e(i.Provider, {
+    value: a,
+    get children() {
+      return e(m, {
+        localStore: r,
+        setLocalStore: t,
+        get children() {
+          return e(u.Provider, {
+            value: s,
+            get children() {
+              return e(v, {
+                localStore: r,
+                setLocalStore: t
+              });
+            }
+          });
+        }
+      });
+    }
+  });
+}, C = p;
+export {
+  C as default
+};

package/lib/MathsModal-D8rTl0Sb.js

@@ -0,0 +1,42 @@
+import { r as m, d as b, bA as f, bB as C, bC as j, j as e, ak as s, bD as $, B as u } from "./index-Dt9ykSDF.js";
+const M = ({
+  isOpen: h,
+  onSuccess: n,
+  onCancel: r
+}) => {
+  const i = "\\frac{-b + \\sqrt{b^2 - 4ac}}{2a}", [l, d] = m.useState(`$${i}$`), {
+    t: a
+  } = b(), t = f({
+    extensions: [C, j],
+    content: "",
+    editable: !1
+  });
+  m.useEffect(() => {
+    t == null || t.commands.setContent(l), t == null || t.commands.enter();
+  }, [t, l]);
+  const p = (x) => {
+    const o = x.target.value.replaceAll(`
+`, "$<br/>$");
+    o ? (t == null || t.commands.setContent(`$${o}$`), d(`$${o}$`)) : (t == null || t.commands.setContent(""), d("")), t == null || t.commands.enter();
+  }, c = () => {
+    r == null || r();
+  };
+  return /* @__PURE__ */ e.jsxs(s, { id: "MathsModal", isOpen: h, onModalClose: c, children: [
+    /* @__PURE__ */ e.jsx(s.Header, { onModalClose: c, children: a("tiptap.maths.title") }),
+    /* @__PURE__ */ e.jsxs(s.Subtitle, { children: [
+      a("tiptap.maths.subtitle.1"),
+      /* @__PURE__ */ e.jsx("a", { href: a("https://fr.wikibooks.org/wiki/LaTeX/%C3%89crire_des_math%C3%A9matiques"), target: "_blank", children: a("tiptap.maths.subtitle.2") })
+    ] }),
+    /* @__PURE__ */ e.jsxs(s.Body, { children: [
+      /* @__PURE__ */ e.jsx("textarea", { id: "formulaTextArea", name: "formula", rows: 4, cols: 50, onChange: p, placeholder: `Exemple : ${i}`, className: "border rounded-3 w-100 px-16 py-12" }),
+      /* @__PURE__ */ e.jsx($, { editor: t, className: "pt-24 pb-0 text-center fs-1" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(s.Footer, { children: [
+      /* @__PURE__ */ e.jsx(u, { color: "tertiary", onClick: r, type: "button", variant: "ghost", children: a("tiptap.maths.cancel") }),
+      /* @__PURE__ */ e.jsx(u, { color: "primary", onClick: () => n == null ? void 0 : n(l), type: "button", variant: "filled", children: a("tiptap.maths.add") })
+    ] })
+  ] });
+};
+export {
+  M as default
+};

package/lib/MembersEdit-DDj8IWMX.js

@@ -0,0 +1,72 @@
+import { u as f, d as y, n as T, ar as E, h as N, a as v, W as D, aB as I, aC as c, as as L, j as s, L as O, P as S, G as l, F as u, aD as w, B as d, at as A, aE as R, aq as k } from "./index-Dt9ykSDF.js";
+import { s as B } from "./submission.queries-CslqTzEP.js";
+const Q = (t) => async ({ params: e }) => {
+  const a = Number(e.collectionId);
+  return await t.ensureQueryData(A(a)), await t.prefetchInfiniteQuery(
+    B(a)
+  ), null;
+}, U = () => {
+  const { appCode: t } = f(), { t: e } = y(t), { lg: a } = T(), m = E(), n = k(), r = N(), p = v(D.COLLECTION_CREATE), g = I(), h = c.use.usersToAdd(), x = c.use.usersToDelete(), { data: o, isLoading: i } = L(
+    Number(m.collectionId)
+  );
+  if (i)
+    return /* @__PURE__ */ s.jsx(O, {});
+  if (!p || !o) return /* @__PURE__ */ s.jsx(S, {});
+  const b = async () => {
+    const C = R(x, h);
+    try {
+      await g.mutateAsync({
+        id: o.id,
+        data: C
+      }), n.success(e("collection.toast.success.collection.update.members"), {
+        duration: 1e4,
+        isDismissible: !0
+      }), r(-1);
+    } catch (j) {
+      n.error(e("collection.toast.error.collection.update.members"), {
+        duration: 1e4,
+        isDismissible: !0
+      }), console.log(j);
+    }
+  };
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(l, { className: "flex-grow-1 gap-64 px-md-8 px-lg-48 position-relative", children: /* @__PURE__ */ s.jsx(l.Col, { sm: "4", md: "8", xl: "12", className: `${a && "ms-64"}`, children: /* @__PURE__ */ s.jsx(
+      u,
+      {
+        direction: "column",
+        gap: "16",
+        className: "h-100 py-24 pb-lg-48 pt-lg-32",
+        children: /* @__PURE__ */ s.jsx(w, { collection: o })
+      }
+    ) }) }),
+    /* @__PURE__ */ s.jsxs(u, { justify: "end", className: "mt-auto px-48 pb-64 gap-16", children: [
+      /* @__PURE__ */ s.jsx(
+        d,
+        {
+          variant: "outline",
+          color: "primary",
+          isLoading: i,
+          onClick: () => r(-1),
+          "data-testid": "collect-cancel-sharings-button",
+          children: e("collection.cancel")
+        }
+      ),
+      /* @__PURE__ */ s.jsx(
+        d,
+        {
+          variant: "filled",
+          color: "primary",
+          isLoading: i,
+          loadingPosition: "right",
+          onClick: b,
+          "data-testid": "collect-save-sharings-button",
+          children: e("collection.members.edit.save")
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  U as MembersEdit,
+  Q as loader
+};

package/lib/Root-DbGwe5v1.js

@@ -0,0 +1,13 @@
+import { u as r, a, W as e, j as s, L as n, P as i, b as u, O as c, S as l } from "./index-Dt9ykSDF.js";
+const f = async () => null;
+function j() {
+  const { init: t } = r(), o = a(e.COLLECTION_ACCESS);
+  return t ? o ? /* @__PURE__ */ s.jsxs(u, { children: [
+    /* @__PURE__ */ s.jsx(c, {}),
+    /* @__PURE__ */ s.jsx(l, {})
+  ] }) : /* @__PURE__ */ s.jsx(i, {}) : /* @__PURE__ */ s.jsx(n, { position: !1 });
+}
+export {
+  j as Root,
+  f as loader
+};

package/lib/SearchBarCollect-BAnLCwAC.js

@@ -0,0 +1,21 @@
+import { u as l, d as o, j as e, ai as i } from "./index-Dt9ykSDF.js";
+const d = ({
+  setSearch: a
+}) => {
+  const { appCode: s } = l(), { t } = o(s), c = (r) => {
+    a(r.target.value);
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: "w-100 search-bar-collect", children: /* @__PURE__ */ e.jsx(
+    i,
+    {
+      "data-testid": "collect-submission-list-search",
+      isVariant: !0,
+      onChange: c,
+      placeholder: t("collection.search.placeholder"),
+      size: "md"
+    }
+  ) });
+};
+export {
+  d as S
+};

package/lib/Submission-DUcQiBve.js

@@ -0,0 +1,249 @@
+import { u, d as m, r as x, j as s, F as d, H as I, I as U, aw as D, ag as L, al as f, ak as r, B as j, ax as M, an as O, h as y, aq as P, n as k, G as p, ar as B, as as T, L as A, P as H, at as F } from "./index-Dt9ykSDF.js";
+import { a as Q, u as g, b as R, A as $, C as G } from "./AppHeaderCollection-Bglbw6q9.js";
+import { u as N } from "./DropdownActionTable-BLHrdk4t.js";
+import { b as W, c as z, d as V } from "./submission.queries-CslqTzEP.js";
+const C = ({
+  collection: n,
+  isMobile: t = !1
+}) => {
+  const { appCode: i } = u(), { t: o } = m(i), [e, a] = x.useState(!t);
+  return /* @__PURE__ */ s.jsxs("div", { className: `bg-white shadow rounded-4 ${t ? "p-16" : "p-24"}`, children: [
+    /* @__PURE__ */ s.jsxs(d, { justify: "between", 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(Q, {})
+          }
+        ),
+        /* @__PURE__ */ s.jsx(I, { level: "h4", headingStyle: "h4", className: "text-truncate", children: o("collection.submission.instruction.title") })
+      ] }),
+      t && /* @__PURE__ */ s.jsx(
+        U,
+        {
+          "data-testid": "collect-submission-instruction-button-toggle",
+          icon: e ? /* @__PURE__ */ s.jsx(D, {}) : /* @__PURE__ */ s.jsx(L, {}),
+          color: "tertiary",
+          onClick: () => a(!e)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { className: `wrapper ${e ? "open" : ""}`, children: /* @__PURE__ */ s.jsx("div", { className: "inner", children: /* @__PURE__ */ s.jsx(
+      f,
+      {
+        content: n.content,
+        mode: "read",
+        toolbar: "none",
+        variant: "ghost"
+      }
+    ) }) })
+  ] });
+}, q = ({
+  onClose: n,
+  isOpen: t,
+  handleUpdateSubmission: i
+}) => {
+  const { appCode: o } = u(), { t: e } = m(o), a = g.use.submissionIsLoading();
+  return /* @__PURE__ */ s.jsxs(
+    r,
+    {
+      id: "update-submission-modal",
+      isOpen: t,
+      onModalClose: n,
+      size: "sm",
+      children: [
+        /* @__PURE__ */ s.jsx(r.Header, { onModalClose: n, children: e("collection.modal.update.submission.title") }),
+        /* @__PURE__ */ s.jsxs(r.Body, { children: [
+          /* @__PURE__ */ s.jsx("p", { children: e("collection.modal.update.submission.description.first") }),
+          /* @__PURE__ */ s.jsx("p", { children: e("collection.modal.update.submission.description.second") })
+        ] }),
+        /* @__PURE__ */ s.jsxs(r.Footer, { children: [
+          /* @__PURE__ */ s.jsx(
+            j,
+            {
+              "data-testid": "collect-submission-modal-button-cancel",
+              color: "tertiary",
+              variant: "ghost",
+              onClick: n,
+              children: e("collection.cancel")
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            j,
+            {
+              "data-testid": "collect-submission-modal-button-send",
+              onClick: () => i({
+                status: M.SUBMITTED,
+                isRedirect: !0
+              }),
+              leftIcon: /* @__PURE__ */ s.jsx(R, {}),
+              isLoading: a,
+              children: e("collection.modal.update.submission.button.send")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, J = ({
+  submission: n
+}) => {
+  const { appCode: t } = u(), { t: i } = m(t), o = N.use.isPastDeadline(), { setSubmissionData: e, hydrateSubmissionContent: a } = g((c) => ({
+    setSubmissionData: c.setSubmissionData,
+    hydrateSubmissionContent: c.hydrateSubmissionContent
+  }));
+  return x.useEffect(() => {
+    a(n);
+  }, [a, n]), /* @__PURE__ */ s.jsxs(d, { className: "p-24", direction: "column", 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(O, {})
+        }
+      ),
+      /* @__PURE__ */ s.jsx(I, { level: "h4", headingStyle: "h4", className: "text-truncate", children: i("collection.submission.edit.title") })
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { className: "bg-white rounded-3", children: /* @__PURE__ */ s.jsx(
+      f,
+      {
+        "data-testid": "collect-submission-edit-content",
+        id: "submissionEdit",
+        content: n.content ?? "",
+        onContentChange: ({ editor: c }) => {
+          e(c.getHTML(), !c.isEmpty);
+        },
+        mode: o ? "read" : "edit"
+      }
+    ) })
+  ] });
+}, K = ({
+  collection: n,
+  submission: t
+}) => {
+  const { appCode: i } = u(), { t: o } = m(i), e = P(), a = y(), {
+    submissionContent: c,
+    isUpdateSubmissionModalOpen: b,
+    onCloseUpdateSubmissionModal: h,
+    setSubmissionIsLoading: S
+  } = g((l) => ({
+    submissionContent: l.submissionContent,
+    isUpdateSubmissionModalOpen: l.isUpdateSubmissionModalOpen,
+    onCloseUpdateSubmissionModal: l.onCloseUpdateSubmissionModal,
+    setSubmissionIsLoading: l.setSubmissionIsLoading
+  })), v = W();
+  return {
+    isOpen: b,
+    onClose: h,
+    handleUpdateSubmission: async ({
+      status: l,
+      isRedirect: w
+    }) => {
+      try {
+        S(!0), await v.mutateAsync({
+          collectionId: n.id,
+          submissionId: t.id,
+          data: {
+            content: c,
+            status: l,
+            // FIX ME : For now, attachments are not supported in the frontend, so we send an empty array.
+            attachments: []
+          }
+        }), e.success(o("collection.toast.success.submission.update"));
+      } catch (E) {
+        console.error("Error updating submission:", E), e.error(o("collection.toast.error.submission.update"));
+      } finally {
+        S(!1), w && a("/list-submissions"), h();
+      }
+    }
+  };
+}, X = ({
+  collection: n,
+  submission: t
+}) => {
+  const i = y(), { lg: o } = k(), { isOpen: e, onClose: a, handleUpdateSubmission: c } = K({
+    collection: n,
+    submission: t
+  }), b = N.use.setIsPastDeadline();
+  return x.useEffect(() => {
+    b(new Date(n.deadline) < /* @__PURE__ */ new Date());
+  }, [n.deadline]), /* @__PURE__ */ s.jsxs(
+    d,
+    {
+      className: "bg-gray-200 mx-n16 flex-fill border-bottom-0 border",
+      direction: "column",
+      children: [
+        /* @__PURE__ */ s.jsx(
+          $,
+          {
+            collection: n,
+            context: G.SUBMISSION,
+            onClickBack: () => i("/list-submissions"),
+            handleUpdateSubmission: c
+          }
+        ),
+        /* @__PURE__ */ s.jsxs(p, { className: "flex-grow-1 p-16 gap-24", children: [
+          /* @__PURE__ */ s.jsx(
+            p.Col,
+            {
+              sm: "3",
+              md: "3",
+              lg: "3",
+              xl: "4",
+              className: "d-none d-lg-block",
+              as: "aside",
+              children: /* @__PURE__ */ s.jsx(C, { collection: n })
+            }
+          ),
+          /* @__PURE__ */ s.jsxs(
+            p.Col,
+            {
+              sm: "4",
+              md: "8",
+              lg: "5",
+              xl: "8",
+              className: `${o ? "cancel-gap" : ""}`,
+              children: [
+                !o && /* @__PURE__ */ s.jsx(C, { collection: n, isMobile: !0 }),
+                /* @__PURE__ */ s.jsx(J, { submission: t })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s.jsx(
+          q,
+          {
+            handleUpdateSubmission: c,
+            onClose: a,
+            isOpen: e
+          }
+        )
+      ]
+    }
+  );
+}, es = (n) => async ({ params: t }) => {
+  const i = Number(t.collectionId), o = Number(t.submissionId);
+  return await n.ensureQueryData(
+    V(i, o)
+  ), await n.ensureQueryData(F(i)), null;
+}, ts = () => {
+  const n = B(), { isLoading: t, data: i } = z(
+    Number(n.collectionId),
+    Number(n.submissionId)
+  ), { data: o, isLoading: e } = T(
+    Number(n.collectionId)
+  );
+  return t || e ? /* @__PURE__ */ s.jsx(A, {}) : !o || !i ? /* @__PURE__ */ s.jsx(H, {}) : /* @__PURE__ */ s.jsx(X, { collection: o, submission: i });
+};
+export {
+  ts as Submission,
+  es as loader
+};