@edifice.io/collect-frontend 1.0.0 → 1.0.2

package/lib/I3HPI4QX-BiqSZkoI.js

@@ -1,33 +0,0 @@
-import { c, T as l, a as m, b as u, D as v, Q as i } from "./HASRA6WW-Lcj-6-Jg.js";
-import { T as d, E as f, x as e } from "./index-DPvhGf6m.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
-              });
-            }
-          });
-        }
-      });
-    }
-  });
-}, E = p;
-export {
-  E as default
-};

package/lib/MembersEdit--SFUJ5dS.js

@@ -1,77 +0,0 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { WORKFLOW_RIGHTS as N } from "@edifice.io/collect-client-rest";
-import { useEdificeClient as T, useBreakpoint as v, useToast as I, useHasWorkflow as w, LoadingScreen as D, Grid as l, Flex as d, Button as u } from "@edifice.io/react";
-import { useTranslation as E } from "react-i18next";
-import { useParams as O, useNavigate as S } from "react-router-dom";
-import { aq as A, ar as m, ai as L, P as k, g as P, t as Q, q as R } from "./index-DPvhGf6m.js";
-import { a as U } from "./submission.queries-rlTI0q9h.js";
-const _ = (o) => async ({ params: t }) => {
-  const s = Number(t.collectionId);
-  return await o.ensureQueryData(Q(s)), await o.prefetchInfiniteQuery(
-    U(s)
-  ), null;
-}, q = () => {
-  const { appCode: o } = T(), { t } = E(o), { lg: s } = v(), p = O(), r = I(), n = S(), g = w(N.COLLECTION_CREATE), h = A(), f = m.use.usersToAdd(), b = m.use.usersToDelete(), { data: i, isLoading: a } = L(
-    Number(p.collectionId)
-  );
-  if (a)
-    return /* @__PURE__ */ e(D, {});
-  if (!g || !i) return /* @__PURE__ */ e(k, {});
-  const C = async () => {
-    const y = R(b, f);
-    try {
-      await h.mutateAsync({
-        id: i.id,
-        data: y
-      }), r.success(t("collection.toast.success.collection.update.members"), {
-        duration: 1e4,
-        isDismissible: !0
-      }), n(-1);
-    } catch (x) {
-      r.error(t("collection.toast.error.collection.update.members"), {
-        duration: 1e4,
-        isDismissible: !0
-      }), console.log(x);
-    }
-  };
-  return /* @__PURE__ */ c("div", { className: "w-100", 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(P, { 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: a,
-          onClick: () => n(-1),
-          "data-testid": "collect-cancel-sharings-button",
-          children: t("collection.cancel")
-        }
-      ),
-      /* @__PURE__ */ e(
-        u,
-        {
-          variant: "filled",
-          color: "primary",
-          isLoading: a,
-          loadingPosition: "right",
-          onClick: C,
-          "data-testid": "collect-save-sharings-button",
-          children: t("collection.members.edit.save")
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  q as MembersEdit,
-  _ as loader
-};

package/lib/Root-4Xv-j-fs.js

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

package/lib/SearchBarCollect-DBKaVVDV.js

@@ -1,23 +0,0 @@
-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-Bi1puhNG.js

@@ -1,257 +0,0 @@
-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 f, 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-CnQ2pqtl.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 p } from "react-i18next";
-import { ContribSubmissionStatus as $ } from "@edifice.io/collect-client-rest";
-import { u as w } from "./DropdownActionTable-CJA3djIr.js";
-import { c as W, u as z, s as G } from "./submission.queries-rlTI0q9h.js";
-import { ai as V, P as J, t as K } from "./index-DPvhGf6m.js";
-const I = ({
-  collection: n,
-  isMobile: o = !1
-}) => {
-  const { appCode: i } = m(), { t } = p(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 } = p(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(
-            f,
-            {
-              "data-testid": "collect-submission-modal-button-cancel",
-              color: "tertiary",
-              variant: "ghost",
-              onClick: n,
-              children: e("collection.cancel")
-            }
-          ),
-          /* @__PURE__ */ s(
-            f,
-            {
-              "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 } = p(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 } = p(i), e = E(), c = x(), {
-    submissionContent: d,
-    isUpdateSubmissionModalOpen: b,
-    onCloseUpdateSubmissionModal: S,
-    setSubmissionIsLoading: C
-  } = g((r) => ({
-    submissionContent: r.submissionContent,
-    isUpdateSubmissionModalOpen: r.isUpdateSubmissionModalOpen,
-    onCloseUpdateSubmissionModal: r.onCloseUpdateSubmissionModal,
-    setSubmissionIsLoading: r.setSubmissionIsLoading
-  })), D = W();
-  return {
-    isOpen: b,
-    onClose: S,
-    handleUpdateSubmission: async ({
-      status: r,
-      isRedirect: L
-    }) => {
-      try {
-        C(!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 {
-        C(!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
-  }), b = w.use.setIsPastDeadline();
-  return N(() => {
-    b(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;
-}, ps = () => {
-  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 {
-  ps as Submission,
-  ms as loader
-};

package/lib/SubmissionList-BUexy8AF.js

@@ -1,197 +0,0 @@
-import { jsx as t, Fragment as C, jsxs as r } from "react/jsx-runtime";
-import { useEdificeClient as x, 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 v, SubmissionStatus as N } from "@edifice.io/collect-client-rest";
-import { useTranslation as S } from "react-i18next";
-import { create as R } from "zustand";
-import { J as U, am as Y, v as k } from "./index-DPvhGf6m.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
-}, b = U(
-  R((e) => ({
-    ...Q,
-    setFilter: (s) => e({ filter: s }),
-    setSearchSubmission: (s) => e({ search: s })
-  }))
-), V = () => {
-  const { appCode: e } = x(), { t: s } = S(e), { filter: o, setFilter: a } = b(), i = [
-    {
-      label: s("collection.submissionList.filter.all"),
-      value: "all"
-    },
-    {
-      label: s("collection.submissionList.filter.toSubmit"),
-      value: v.TO_SUBMIT
-    },
-    {
-      label: s("collection.submissionList.filter.submitted"),
-      value: v.SUBMITTED
-    }
-  ];
-  return /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
-    D,
-    {
-      "data-testid": "collect-segmented-control-submission-filter",
-      onChange: (l) => {
-        a(l === "all" ? void 0 : l);
-      },
-      options: i,
-      value: o ?? "all"
-    }
-  ) });
-}, J = ({
-  collectionToSubmit: e,
-  onClick: s
-}) => {
-  const { fromNow: o, formatDate: a } = I(), { getAvatarURL: i } = B(), { appCode: m } = x(), { t: l } = S(m), { getSubmissionStatus: c } = O(), n = e.status === N.SUBMITTED || e.status === N.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" : n ? "bg-green-200" : "bg-orange-200"}`,
-          style: { minWidth: "80px", height: "80px" },
-          children: [
-            /* @__PURE__ */ t(
-              "p",
-              {
-                className: `h2 ${d ? "text-gray-800" : n ? "text-green-800" : "text-orange-500"}`,
-                children: a(e.deadline, "D")
-              }
-            ),
-            /* @__PURE__ */ t(
-              "p",
-              {
-                className: `caption ${d ? "text-gray-800" : n ? "text-green-800" : "text-orange-500"}`,
-                children: a(e.deadline, "MMM")
-              }
-            ),
-            /* @__PURE__ */ t(
-              "p",
-              {
-                className: `caption ${d ? "text-gray-800" : n ? "text-green-800" : "text-orange-500"}`,
-                children: a(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 }) })
-    ] }) })
-  ] });
-}, W = () => {
-  var h, y;
-  const { filter: e, search: s } = b(), o = e || void 0, a = s || void 0, { data: i, isLoading: m, fetchNextPage: l } = Y({
-    filter: o,
-    search: a
-  }), c = (y = (h = i == null ? void 0 : i.pages) == null ? void 0 : h[i.pages.length - 1]) == null ? void 0 : y.meta, n = !!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: n,
-    hasData: d,
-    fetchNextPage: l
-  };
-}, _ = () => {
-  const { appCode: e } = x(), { t: s } = S(e), o = A(), {
-    collectionsToSubmit: a,
-    isLoading: i,
-    hasMoreResources: m,
-    hasData: l,
-    fetchNextPage: c
-  } = W();
-  return i ? /* @__PURE__ */ t(M, {}) : l ? /* @__PURE__ */ r(f, { className: "w-100 p-24", "data-testid": "collect-list-submissions-grid", children: [
-    a.map((n, u) => /* @__PURE__ */ t(f.Col, { sm: "4", md: "4", lg: "4", xl: "4", children: /* @__PURE__ */ t(
-      J,
-      {
-        "data-testid": "collect-list-submissions-card",
-        collectionToSubmit: n,
-        onClick: () => o(
-          `/list-collections/id/${n.collectionId}/submission/${n.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")
-    }
-  ) });
-}, ne = async (e) => (await e.prefetchInfiniteQuery(
-  k({
-    search: void 0,
-    filter: void 0
-  })
-), null), re = () => {
-  const { lg: e } = $(), s = b(
-    (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(_, {})
-  ] });
-};
-export {
-  re as SubmissionsList,
-  ne as loader
-};