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

package/lib/SubmissionList-DjQ0x7eD.js

@@ -0,0 +1,695 @@
+import { r, _ as L, J as je, K as Ne, M as G, Q as q, R as ue, U as we, V as Re, X as Me, Y as ie, Z as K, $ as me, a0 as Ie, a1 as Oe, a2 as De, a3 as Ee, a4 as E, a5 as Pe, a6 as Be, a7 as He, a8 as Le, a9 as Ve, j as s, c as Fe, k as Ae, l as ze, u as J, d as Z, aa as se, q as Te, ab as re, ac as W, F as U, ad as _e, s as Ke, ae as Ue, af as Xe, h as We, L as qe, E as Ge, G as Q, B as Ye, ag as Qe, n as Je, ah as Ze } from "./index-Dt9ykSDF.js";
+import { S as ke } from "./SearchBarCollect-BAnLCwAC.js";
+import { E as et } from "./emptyscreen-list-collection-CWGxO4Ss.js";
+import { u as tt } from "./useGetStatusSubmission-D77F1XUy.js";
+var oe = function(t, i) {
+  if (!t) return null;
+  var a = {
+    left: t.offsetLeft,
+    right: t.parentElement.clientWidth - t.clientWidth - t.offsetLeft,
+    width: t.clientWidth,
+    top: t.offsetTop,
+    bottom: t.parentElement.clientHeight - t.clientHeight - t.offsetTop,
+    height: t.clientHeight
+  };
+  return i ? {
+    left: 0,
+    right: 0,
+    width: 0,
+    top: a.top,
+    bottom: a.bottom,
+    height: a.height
+  } : {
+    left: a.left,
+    right: a.right,
+    width: a.width,
+    top: 0,
+    bottom: 0,
+    height: 0
+  };
+}, C = function(t) {
+  return t !== void 0 ? "".concat(t, "px") : void 0;
+};
+function at(e) {
+  var t = e.prefixCls, i = e.containerRef, a = e.value, n = e.getValueIndex, h = e.motionName, d = e.onMotionStart, u = e.onMotionEnd, l = e.direction, g = e.vertical, o = g === void 0 ? !1 : g, S = r.useRef(null), x = r.useState(a), p = L(x, 2), j = p[0], P = p[1], N = function(I) {
+    var R, O = n(I), M = (R = i.current) === null || R === void 0 ? void 0 : R.querySelectorAll(".".concat(t, "-item"))[O];
+    return (M == null ? void 0 : M.offsetParent) && M;
+  }, V = r.useState(null), b = L(V, 2), c = b[0], F = b[1], y = r.useState(null), B = L(y, 2), m = B[0], $ = B[1];
+  je(function() {
+    if (j !== a) {
+      var v = N(j), I = N(a), R = oe(v, o), O = oe(I, o);
+      P(a), F(R), $(O), v && I ? d() : u();
+    }
+  }, [a]);
+  var H = r.useMemo(function() {
+    if (o) {
+      var v;
+      return C((v = c == null ? void 0 : c.top) !== null && v !== void 0 ? v : 0);
+    }
+    return C(l === "rtl" ? -(c == null ? void 0 : c.right) : c == null ? void 0 : c.left);
+  }, [o, l, c]), w = r.useMemo(function() {
+    if (o) {
+      var v;
+      return C((v = m == null ? void 0 : m.top) !== null && v !== void 0 ? v : 0);
+    }
+    return C(l === "rtl" ? -(m == null ? void 0 : m.right) : m == null ? void 0 : m.left);
+  }, [o, l, m]), A = function() {
+    return o ? {
+      transform: "translateY(var(--thumb-start-top))",
+      height: "var(--thumb-start-height)"
+    } : {
+      transform: "translateX(var(--thumb-start-left))",
+      width: "var(--thumb-start-width)"
+    };
+  }, z = function() {
+    return o ? {
+      transform: "translateY(var(--thumb-active-top))",
+      height: "var(--thumb-active-height)"
+    } : {
+      transform: "translateX(var(--thumb-active-left))",
+      width: "var(--thumb-active-width)"
+    };
+  }, T = function() {
+    F(null), $(null), u();
+  };
+  return !c || !m ? null : /* @__PURE__ */ r.createElement(Ne, {
+    visible: !0,
+    motionName: h,
+    motionAppear: !0,
+    onAppearStart: A,
+    onAppearActive: z,
+    onVisibleChanged: T
+  }, function(v, I) {
+    var R = v.className, O = v.style, M = G(G({}, O), {}, {
+      "--thumb-start-left": H,
+      "--thumb-start-width": C(c == null ? void 0 : c.width),
+      "--thumb-active-left": w,
+      "--thumb-active-width": C(m == null ? void 0 : m.width),
+      "--thumb-start-top": H,
+      "--thumb-start-height": C(c == null ? void 0 : c.height),
+      "--thumb-active-top": w,
+      "--thumb-active-height": C(m == null ? void 0 : m.height)
+    }), X = {
+      ref: ue(S, I),
+      style: M,
+      className: q("".concat(t, "-thumb"), R)
+    };
+    return process.env.NODE_ENV === "test" && (X["data-test-style"] = JSON.stringify(M)), /* @__PURE__ */ r.createElement("div", X);
+  });
+}
+var nt = ["prefixCls", "direction", "vertical", "options", "disabled", "defaultValue", "value", "name", "onChange", "className", "motionName"];
+function it(e) {
+  if (typeof e.title < "u")
+    return e.title;
+  if (me(e.label) !== "object") {
+    var t;
+    return (t = e.label) === null || t === void 0 ? void 0 : t.toString();
+  }
+}
+function st(e) {
+  return e.map(function(t) {
+    if (me(t) === "object" && t !== null) {
+      var i = it(t);
+      return G(G({}, t), {}, {
+        title: i
+      });
+    }
+    return {
+      label: t == null ? void 0 : t.toString(),
+      title: t == null ? void 0 : t.toString(),
+      value: t
+    };
+  });
+}
+var rt = function(t) {
+  var i = t.prefixCls, a = t.className, n = t.disabled, h = t.checked, d = t.label, u = t.title, l = t.value, g = t.name, o = t.onChange, S = t.onFocus, x = t.onBlur, p = t.onKeyDown, j = t.onKeyUp, P = t.onMouseDown, N = function(b) {
+    n || o(b, l);
+  };
+  return /* @__PURE__ */ r.createElement("label", {
+    className: q(a, K({}, "".concat(i, "-item-disabled"), n)),
+    onMouseDown: P
+  }, /* @__PURE__ */ r.createElement("input", {
+    name: g,
+    className: "".concat(i, "-item-input"),
+    type: "radio",
+    disabled: n,
+    checked: h,
+    onChange: N,
+    onFocus: S,
+    onBlur: x,
+    onKeyDown: p,
+    onKeyUp: j
+  }), /* @__PURE__ */ r.createElement("div", {
+    className: "".concat(i, "-item-label"),
+    title: u
+  }, d));
+}, he = /* @__PURE__ */ r.forwardRef(function(e, t) {
+  var i, a = e.prefixCls, n = a === void 0 ? "rc-segmented" : a, h = e.direction, d = e.vertical, u = e.options, l = u === void 0 ? [] : u, g = e.disabled, o = e.defaultValue, S = e.value, x = e.name, p = e.onChange, j = e.className, P = j === void 0 ? "" : j, N = e.motionName, V = N === void 0 ? "thumb-motion" : N, b = we(e, nt), c = r.useRef(null), F = r.useMemo(function() {
+    return ue(c, t);
+  }, [c, t]), y = r.useMemo(function() {
+    return st(l);
+  }, [l]), B = Re((i = y[0]) === null || i === void 0 ? void 0 : i.value, {
+    value: S,
+    defaultValue: o
+  }), m = L(B, 2), $ = m[0], H = m[1], w = r.useState(!1), A = L(w, 2), z = A[0], T = A[1], v = function(D, _) {
+    H(_), p == null || p(_);
+  }, I = Me(b, ["children"]), R = r.useState(!1), O = L(R, 2), M = O[0], X = O[1], ve = r.useState(!1), ee = L(ve, 2), fe = ee[0], te = ee[1], be = function() {
+    te(!0);
+  }, pe = function() {
+    te(!1);
+  }, Se = function() {
+    X(!1);
+  }, xe = function(D) {
+    D.key === "Tab" && X(!0);
+  }, ae = function(D) {
+    var _ = y.findIndex(function(Ce) {
+      return Ce.value === $;
+    }), ne = y.length, $e = (_ + D + ne) % ne, Y = y[$e];
+    Y && (H(Y.value), p == null || p(Y.value));
+  }, ye = function(D) {
+    switch (D.key) {
+      case "ArrowLeft":
+      case "ArrowUp":
+        ae(-1);
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        ae(1);
+        break;
+    }
+  };
+  return /* @__PURE__ */ r.createElement("div", ie({
+    role: "radiogroup",
+    "aria-label": "segmented control",
+    tabIndex: g ? void 0 : 0,
+    "aria-orientation": d ? "vertical" : "horizontal"
+  }, I, {
+    className: q(n, K(K(K({}, "".concat(n, "-rtl"), h === "rtl"), "".concat(n, "-disabled"), g), "".concat(n, "-vertical"), d), P),
+    ref: F
+  }), /* @__PURE__ */ r.createElement("div", {
+    className: "".concat(n, "-group")
+  }, /* @__PURE__ */ r.createElement(at, {
+    vertical: d,
+    prefixCls: n,
+    value: $,
+    containerRef: c,
+    motionName: "".concat(n, "-").concat(V),
+    direction: h,
+    getValueIndex: function(D) {
+      return y.findIndex(function(_) {
+        return _.value === D;
+      });
+    },
+    onMotionStart: function() {
+      T(!0);
+    },
+    onMotionEnd: function() {
+      T(!1);
+    }
+  }), y.map(function(f) {
+    return /* @__PURE__ */ r.createElement(rt, ie({}, f, {
+      name: x,
+      key: f.value,
+      prefixCls: n,
+      className: q(f.className, "".concat(n, "-item"), K(K({}, "".concat(n, "-item-selected"), f.value === $ && !z), "".concat(n, "-item-focused"), fe && M && f.value === $)),
+      checked: f.value === $,
+      onChange: v,
+      onFocus: be,
+      onBlur: pe,
+      onKeyDown: ye,
+      onKeyUp: xe,
+      onMouseDown: Se,
+      disabled: !!g || !!f.disabled
+    }));
+  })));
+});
+process.env.NODE_ENV !== "production" && (he.displayName = "Segmented");
+var ot = he;
+function le(e, t) {
+  return {
+    [`${e}, ${e}:hover, ${e}:focus`]: {
+      color: t.colorTextDisabled,
+      cursor: "not-allowed"
+    }
+  };
+}
+function ce(e) {
+  return {
+    background: e.itemSelectedBg,
+    boxShadow: e.boxShadowTertiary
+  };
+}
+const lt = Object.assign({
+  overflow: "hidden"
+}, Be), ct = (e) => {
+  const {
+    componentCls: t
+  } = e, i = e.calc(e.controlHeight).sub(e.calc(e.trackPadding).mul(2)).equal(), a = e.calc(e.controlHeightLG).sub(e.calc(e.trackPadding).mul(2)).equal(), n = e.calc(e.controlHeightSM).sub(e.calc(e.trackPadding).mul(2)).equal();
+  return {
+    [t]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, De(e)), {
+      display: "inline-block",
+      padding: e.trackPadding,
+      color: e.itemColor,
+      background: e.trackBg,
+      borderRadius: e.borderRadius,
+      transition: `all ${e.motionDurationMid}`
+    }), Ee(e)), {
+      [`${t}-group`]: {
+        position: "relative",
+        display: "flex",
+        alignItems: "stretch",
+        justifyItems: "flex-start",
+        flexDirection: "row",
+        width: "100%"
+      },
+      // RTL styles
+      [`&${t}-rtl`]: {
+        direction: "rtl"
+      },
+      [`&${t}-vertical`]: {
+        [`${t}-group`]: {
+          flexDirection: "column"
+        },
+        [`${t}-thumb`]: {
+          width: "100%",
+          height: 0,
+          padding: `0 ${E(e.paddingXXS)}`
+        }
+      },
+      // block styles
+      [`&${t}-block`]: {
+        display: "flex"
+      },
+      [`&${t}-block ${t}-item`]: {
+        flex: 1,
+        minWidth: 0
+      },
+      // item styles
+      [`${t}-item`]: {
+        position: "relative",
+        textAlign: "center",
+        cursor: "pointer",
+        transition: `color ${e.motionDurationMid}`,
+        borderRadius: e.borderRadiusSM,
+        // Fix Safari render bug
+        // https://github.com/ant-design/ant-design/issues/45250
+        transform: "translateZ(0)",
+        "&-selected": Object.assign(Object.assign({}, ce(e)), {
+          color: e.itemSelectedColor
+        }),
+        "&-focused": Pe(e),
+        "&::after": {
+          content: '""',
+          position: "absolute",
+          zIndex: -1,
+          width: "100%",
+          height: "100%",
+          top: 0,
+          insetInlineStart: 0,
+          borderRadius: "inherit",
+          opacity: 0,
+          transition: `opacity ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,
+          // This is mandatory to make it not clickable or hoverable
+          // Ref: https://github.com/ant-design/ant-design/issues/40888
+          pointerEvents: "none"
+        },
+        [`&:not(${t}-item-selected):not(${t}-item-disabled)`]: {
+          "&:hover, &:active": {
+            color: e.itemHoverColor
+          },
+          "&:hover::after": {
+            opacity: 1,
+            backgroundColor: e.itemHoverBg
+          },
+          "&:active::after": {
+            opacity: 1,
+            backgroundColor: e.itemActiveBg
+          }
+        },
+        "&-label": Object.assign({
+          minHeight: i,
+          lineHeight: E(i),
+          padding: `0 ${E(e.segmentedPaddingHorizontal)}`
+        }, lt),
+        // syntactic sugar to add `icon` for Segmented Item
+        "&-icon + *": {
+          marginInlineStart: e.calc(e.marginSM).div(2).equal()
+        },
+        "&-input": {
+          position: "absolute",
+          insetBlockStart: 0,
+          insetInlineStart: 0,
+          width: 0,
+          height: 0,
+          opacity: 0,
+          pointerEvents: "none"
+        }
+      },
+      // thumb styles
+      [`${t}-thumb`]: Object.assign(Object.assign({}, ce(e)), {
+        position: "absolute",
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        width: 0,
+        height: "100%",
+        padding: `${E(e.paddingXXS)} 0`,
+        borderRadius: e.borderRadiusSM,
+        [`& ~ ${t}-item:not(${t}-item-selected):not(${t}-item-disabled)::after`]: {
+          backgroundColor: "transparent"
+        }
+      }),
+      // size styles
+      [`&${t}-lg`]: {
+        borderRadius: e.borderRadiusLG,
+        [`${t}-item-label`]: {
+          minHeight: a,
+          lineHeight: E(a),
+          padding: `0 ${E(e.segmentedPaddingHorizontal)}`,
+          fontSize: e.fontSizeLG
+        },
+        [`${t}-item, ${t}-thumb`]: {
+          borderRadius: e.borderRadius
+        }
+      },
+      [`&${t}-sm`]: {
+        borderRadius: e.borderRadiusSM,
+        [`${t}-item-label`]: {
+          minHeight: n,
+          lineHeight: E(n),
+          padding: `0 ${E(e.segmentedPaddingHorizontalSM)}`
+        },
+        [`${t}-item, ${t}-thumb`]: {
+          borderRadius: e.borderRadiusXS
+        }
+      }
+    }), le(`&-disabled ${t}-item`, e)), le(`${t}-item-disabled`, e)), {
+      // transition effect when `appear-active`
+      [`${t}-thumb-motion-appear-active`]: {
+        transition: `transform ${e.motionDurationSlow} ${e.motionEaseInOut}, width ${e.motionDurationSlow} ${e.motionEaseInOut}`,
+        willChange: "transform, width"
+      },
+      [`&${t}-shape-round`]: {
+        borderRadius: 9999,
+        [`${t}-item, ${t}-thumb`]: {
+          borderRadius: 9999
+        }
+      }
+    })
+  };
+}, dt = (e) => {
+  const {
+    colorTextLabel: t,
+    colorText: i,
+    colorFillSecondary: a,
+    colorBgElevated: n,
+    colorFill: h,
+    lineWidthBold: d,
+    colorBgLayout: u
+  } = e;
+  return {
+    trackPadding: d,
+    trackBg: u,
+    itemColor: t,
+    itemHoverColor: i,
+    itemHoverBg: a,
+    itemSelectedBg: n,
+    itemActiveBg: h,
+    itemSelectedColor: i
+  };
+}, ut = Ie("Segmented", (e) => {
+  const {
+    lineWidth: t,
+    calc: i
+  } = e, a = Oe(e, {
+    segmentedPaddingHorizontal: i(e.controlPaddingHorizontal).sub(t).equal(),
+    segmentedPaddingHorizontalSM: i(e.controlPaddingHorizontalSM).sub(t).equal()
+  });
+  return ct(a);
+}, dt);
+var de = function(e, t) {
+  var i = {};
+  for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && t.indexOf(a) < 0 && (i[a] = e[a]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, a = Object.getOwnPropertySymbols(e); n < a.length; n++)
+    t.indexOf(a[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[n]) && (i[a[n]] = e[a[n]]);
+  return i;
+};
+function mt(e) {
+  return typeof e == "object" && !!(e != null && e.icon);
+}
+const ht = /* @__PURE__ */ r.forwardRef((e, t) => {
+  const i = He(), {
+    prefixCls: a,
+    className: n,
+    rootClassName: h,
+    block: d,
+    options: u = [],
+    size: l = "middle",
+    style: g,
+    vertical: o,
+    shape: S = "default",
+    name: x = i
+  } = e, p = de(e, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical", "shape", "name"]), {
+    getPrefixCls: j,
+    direction: P,
+    className: N,
+    style: V
+  } = Le("segmented"), b = j("segmented", a), [c, F, y] = ut(b), B = Ve(l), m = r.useMemo(() => u.map((w) => {
+    if (mt(w)) {
+      const {
+        icon: A,
+        label: z
+      } = w, T = de(w, ["icon", "label"]);
+      return Object.assign(Object.assign({}, T), {
+        label: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("span", {
+          className: `${b}-item-icon`
+        }, A), z && /* @__PURE__ */ r.createElement("span", null, z))
+      });
+    }
+    return w;
+  }), [u, b]), $ = q(n, h, N, {
+    [`${b}-block`]: d,
+    [`${b}-sm`]: B === "small",
+    [`${b}-lg`]: B === "large",
+    [`${b}-vertical`]: o,
+    [`${b}-shape-${S}`]: S === "round"
+  }, F, y), H = Object.assign(Object.assign({}, V), g);
+  return c(/* @__PURE__ */ r.createElement(ot, Object.assign({}, p, {
+    name: x,
+    className: $,
+    style: H,
+    options: m,
+    ref: t,
+    prefixCls: b,
+    direction: P,
+    vertical: o
+  })));
+}), ge = ht;
+process.env.NODE_ENV !== "production" && (ge.displayName = "Segmented");
+const gt = /* @__PURE__ */ r.forwardRef(({
+  options: e,
+  value: t,
+  onChange: i,
+  variant: a = "default",
+  className: n,
+  ...h
+}, d) => {
+  const u = e.map((o) => ({
+    ...o,
+    label: /* @__PURE__ */ s.jsx("span", { "data-testid": `segmented-option-${o.value}`, children: o.label })
+  })), l = Fe(n, {
+    ghost: a === "ghost"
+  }), g = {
+    options: u,
+    value: t,
+    onChange: i,
+    ref: d,
+    className: l,
+    ...h
+  };
+  return /* @__PURE__ */ s.jsx(ge, { ...g });
+}), vt = {
+  search: "",
+  filter: void 0
+}, k = Ae(
+  ze((e) => ({
+    ...vt,
+    setFilter: (t) => e({ filter: t }),
+    setSearchSubmission: (t) => e({ search: t })
+  }))
+), ft = () => {
+  const { appCode: e } = J(), { t } = Z(e), { filter: i, setFilter: a } = k(), n = [
+    {
+      label: t("collection.submissionList.filter.all"),
+      value: "all"
+    },
+    {
+      label: t("collection.submissionList.filter.toSubmit"),
+      value: se.TO_SUBMIT
+    },
+    {
+      label: t("collection.submissionList.filter.submitted"),
+      value: se.SUBMITTED
+    }
+  ], h = (d) => {
+    a(d === "all" ? void 0 : d);
+  };
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx(
+    gt,
+    {
+      "data-testid": "collect-segmented-control-submission-filter",
+      onChange: h,
+      options: n,
+      value: i ?? "all"
+    }
+  ) });
+}, bt = ({
+  collectionToSubmit: e,
+  onClick: t
+}) => {
+  const { fromNow: i, formatDate: a } = Te(), { getAvatarURL: n } = Ue(), { appCode: h } = J(), { t: d } = Z(h), { getSubmissionStatus: u } = tt(), l = e.status === re.SUBMITTED || e.status === re.VERIFIED, g = n(e.createdBy.entId, "user"), o = new Date(e.deadline) < /* @__PURE__ */ new Date(), S = u({
+    status: e.status,
+    isPastDeadline: o,
+    isSubmissionCard: !0
+  });
+  return /* @__PURE__ */ s.jsxs(W, { isSelectable: !1, onClick: t, isSelected: !1, children: [
+    /* @__PURE__ */ s.jsxs(W.Body, { children: [
+      /* @__PURE__ */ s.jsxs(
+        U,
+        {
+          justify: "center",
+          align: "center",
+          direction: "column",
+          className: `rounded-2 ${o ? "bg-gray-300" : l ? "bg-green-200" : "bg-orange-200"}`,
+          style: { minWidth: "80px", height: "80px" },
+          children: [
+            /* @__PURE__ */ s.jsx(
+              "p",
+              {
+                className: `h2 ${o ? "text-gray-800" : l ? "text-green-800" : "text-orange-500"}`,
+                children: a(e.deadline, "D")
+              }
+            ),
+            /* @__PURE__ */ s.jsx(
+              "p",
+              {
+                className: `caption ${o ? "text-gray-800" : l ? "text-green-800" : "text-orange-500"}`,
+                children: a(e.deadline, "MMM")
+              }
+            ),
+            /* @__PURE__ */ s.jsx(
+              "p",
+              {
+                className: `caption ${o ? "text-gray-800" : l ? "text-green-800" : "text-orange-500"}`,
+                children: a(e.deadline, "YYYY")
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ s.jsxs("div", { className: "text-truncate", children: [
+        /* @__PURE__ */ s.jsx(W.Title, { children: e.name }),
+        /* @__PURE__ */ s.jsx(W.Text, { children: /* @__PURE__ */ s.jsxs("em", { children: [
+          d("collection.planned"),
+          " ",
+          i(e.createdAt)
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ s.jsx(W.Footer, { children: /* @__PURE__ */ s.jsxs(U, { className: "gap-8 text-truncate w-100", justify: "between", children: [
+      /* @__PURE__ */ s.jsxs(U, { className: "gap-8", align: "center", children: [
+        /* @__PURE__ */ s.jsx(
+          _e,
+          {
+            alt: e.createdBy.displayName,
+            size: "xs",
+            src: g,
+            variant: "circle"
+          }
+        ),
+        /* @__PURE__ */ s.jsx("div", { className: "small text-truncate", children: e.createdBy.displayName })
+      ] }),
+      /* @__PURE__ */ s.jsx(U, { className: "gap-8", align: "center", children: /* @__PURE__ */ s.jsx(Ke, { variant: S.variant, children: S.text }) })
+    ] }) })
+  ] });
+}, pt = () => {
+  var S, x;
+  const { filter: e, search: t } = k(), i = e || void 0, a = t || void 0, { data: n, isLoading: h, fetchNextPage: d } = Xe({
+    filter: i,
+    search: a
+  }), u = (x = (S = n == null ? void 0 : n.pages) == null ? void 0 : S[n.pages.length - 1]) == null ? void 0 : x.meta, l = !!u && Number(u.currentPage ?? 0) < Number(u.totalPages ?? 0), g = (n == null ? void 0 : n.pages.flatMap((p) => p.items)) ?? [], o = g.length > 0;
+  return {
+    collectionsToSubmit: g,
+    isLoading: h,
+    hasMoreResources: l,
+    hasData: o,
+    fetchNextPage: d
+  };
+}, St = () => {
+  const { appCode: e } = J(), { t } = Z(e), i = We(), {
+    collectionsToSubmit: a,
+    isLoading: n,
+    hasMoreResources: h,
+    hasData: d,
+    fetchNextPage: u
+  } = pt();
+  return n ? /* @__PURE__ */ s.jsx(qe, {}) : d ? /* @__PURE__ */ s.jsxs(Q, { className: "w-100 p-24", "data-testid": "collect-list-submissions-grid", children: [
+    a.map((l, g) => /* @__PURE__ */ s.jsx(Q.Col, { sm: "4", md: "4", lg: "4", xl: "4", children: /* @__PURE__ */ s.jsx(
+      bt,
+      {
+        "data-testid": "collect-list-submissions-card",
+        collectionToSubmit: l,
+        onClick: () => i(
+          `/list-collections/id/${l.collectionId}/submission/${l.submissionId}`
+        )
+      }
+    ) }, g)),
+    h && /* @__PURE__ */ s.jsx(Q.Col, { sm: "4", md: "8", lg: "12", xl: "12", children: /* @__PURE__ */ s.jsx(U, { justify: "center", children: /* @__PURE__ */ s.jsx(
+      Ye,
+      {
+        "data-testid": "collect-list-submissions-button-more",
+        className: "px-48",
+        type: "button",
+        color: "secondary",
+        variant: "filled",
+        rightIcon: /* @__PURE__ */ s.jsx(Qe, {}),
+        onClick: () => u(),
+        children: t("collection.see.more")
+      }
+    ) }) })
+  ] }) : /* @__PURE__ */ s.jsx("div", { className: "py-24", children: /* @__PURE__ */ s.jsx(
+    Ge,
+    {
+      imageSrc: et,
+      title: t("collection.collectionList.emptyScreen.title"),
+      text: t("collection.collectionList.emptyScreen.description")
+    }
+  ) });
+}, jt = async (e) => (await e.prefetchInfiniteQuery(
+  Ze({
+    search: void 0,
+    filter: void 0
+  })
+), null), Nt = () => {
+  const { lg: e } = Je(), t = k(
+    (i) => i.setSearchSubmission
+  );
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsxs(
+      U,
+      {
+        align: e ? "center" : "start",
+        direction: e ? "row" : "column",
+        className: "bg-gray-200 px-24 py-16 gap-16",
+        children: [
+          /* @__PURE__ */ s.jsx(ke, { setSearch: t }),
+          /* @__PURE__ */ s.jsx(ft, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ s.jsx(St, {})
+  ] });
+};
+export {
+  Nt as SubmissionsList,
+  jt as loader
+};