@logora/debate 0.2.2 → 0.2.3

package/dist/components/suggestion/suggestion_box/SuggestionBox.js

@@ -1,95 +1,118 @@
-import { Icon as e } from "../../icons/icon/Icon.js";
-import { Button as t } from "../../action/button/Button.js";
-import { useAuth as n } from "../../auth/use_auth/useAuth.js";
-import { useRoutes as r } from "../../data/config_provider/useRoutes.js";
-import { useTranslatedContent as i } from "../../translation/translated_content/useTranslatedContent.js";
-import { TranslationButton as a } from "../../translation/translation_button/TranslationButton.js";
-import { ContentFooter as o } from "../../user_content/content_footer/ContentFooter.js";
-import { ContentHeader as s } from "../../user_content/content_header/ContentHeader.js";
-import { SuggestionVoteBox as c } from "../../vote/suggestion_vote_box/SuggestionVoteBox.js";
-import l from "./SuggestionBox.module.js";
-import { useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import p from "classnames";
-import { FormattedMessage as m, useIntl as h } from "react-intl";
-//#region src/components/suggestion/suggestion_box/SuggestionBox.jsx
-var g = ({ suggestion: g, disabled: _ = !1, onVoteCallback: v = null, hideFooter: y = !1 }) => {
-	let b = h(), x = r(), S = new Date(g.created_at), C = new Date(g.expires_at), [w, T] = u(g.debate_suggestion.total_upvotes), E = i(g.name, g.language, "name", g.translation_entries), { currentUser: D } = n(), O = D?.moderation_status === "banned";
-	return /* @__PURE__ */ f("div", {
-		className: l.container,
-		children: [
-			/* @__PURE__ */ d(s, {
-				author: g.debate_suggestion.author,
-				tag: g.is_accepted || g.is_published ? b.formatMessage({
-					id: "suggestion.suggestion_box.selected",
-					defaultMessage: "Selected"
-				}) : g.debate_suggestion.is_expired === !0 || C < S ? b.formatMessage({
-					id: "suggestion.suggestion_box.ended",
-					defaultMessage: "Expired"
-				}) : null,
-				tagClassName: g.is_accepted || g.is_published ? l.selected : g.debate_suggestion.is_expired === !0 || C < S ? l.expired : null
-			}),
-			/* @__PURE__ */ f("div", {
-				className: l.suggestion,
-				children: [E.translatedContent, E.isTranslated && /* @__PURE__ */ d(a, {
-					language: g.language,
-					callback: () => E.toggleContent()
-				})]
-			}),
-			!y && g.is_published && /* @__PURE__ */ d("div", {
-				className: l.voteButton,
-				children: /* @__PURE__ */ d(t, {
-					rightIcon: /* @__PURE__ */ d(e, {
-						name: "lightArrow",
-						width: 10,
-						height: 10,
-						className: l.arrowIcon
-					}),
-					className: l.linkToDebate,
-					to: x.debateShowLocation.toUrl({ debateSlug: g.slug }),
-					children: /* @__PURE__ */ d("span", { children: b.formatMessage({
-						id: "action.link_to_debate",
-						defaultMessage: "Go to debate"
-					}) })
-				})
-			}),
-			!y && g.debate_suggestion.is_accepted === !1 && g.debate_suggestion.is_expired === !1 && !g.is_published && /* @__PURE__ */ d(c, {
-				voteableType: "DebateSuggestion",
-				voteableId: g.debate_suggestion.id,
-				totalUpvote: w,
-				totalDownvote: g.debate_suggestion.total_downvotes,
-				onVote: (e, t, n, r) => {
-					v?.(g), T(n);
-				},
-				disabled: _ || D?.id === g?.debate_suggestion?.author?.id || O,
-				"data-testid": "upvote-icon"
-			}),
-			/* @__PURE__ */ d("div", {
-				className: l.footer,
-				children: !y && /* @__PURE__ */ d(o, {
-					resource: g,
-					reportType: "Group",
-					deleteType: "groups",
-					deleteListId: "suggestionsList",
-					disabled: _ || O,
-					showShareButton: !1,
-					enableEdition: !1,
-					enableDeletion: g.is_published !== !0,
-					showActions: g.is_accepted !== !0,
-					containerClassName: l.footerContainer,
-					voteActionClassName: l.footerActionContainer,
-					children: /* @__PURE__ */ d("div", {
-						className: p(l.voteResultsContainer),
-						children: /* @__PURE__ */ d(m, {
-							id: "suggestion.goal",
-							defaultMessage: "{count} supports",
-							values: { count: w }
-						})
-					})
-				})
-			})
-		]
-	});
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import x from "classnames";
+import { useState as C } from "react";
+import { useIntl as w, FormattedMessage as N } from "react-intl";
+import a from "./SuggestionBox.module.scss.js";
+import { useRoutes as T } from "../../data/config_provider/useRoutes.js";
+import { useTranslatedContent as D } from "../../translation/translated_content/useTranslatedContent.js";
+import { useAuth as M } from "../../auth/use_auth/useAuth.js";
+import { ContentHeader as S } from "../../user_content/content_header/ContentHeader.js";
+import { TranslationButton as B } from "../../translation/translation_button/TranslationButton.js";
+import { Button as I } from "../../action/button/Button.js";
+import { Icon as U } from "../../icons/icon/Icon.js";
+import { SuggestionVoteBox as A } from "../../vote/suggestion_vote_box/SuggestionVoteBox.js";
+import { ContentFooter as y } from "../../user_content/content_footer/ContentFooter.js";
+const X = ({
+  suggestion: e,
+  disabled: n = !1,
+  onVoteCallback: p = null,
+  hideFooter: o = !1
+}) => {
+  const s = w(), f = T(), i = new Date(e.created_at), l = new Date(e.expires_at), [d, _] = C(
+    e.debate_suggestion.total_upvotes
+  ), r = D(
+    e.name,
+    e.language,
+    "name",
+    e.translation_entries
+  ), { currentUser: c } = M(), u = c?.moderation_status === "banned", b = (V, k, g, L) => {
+    p?.(e), _(g);
+  }, h = () => e.is_accepted || e.is_published ? s.formatMessage({
+    id: "suggestion.suggestion_box.selected",
+    defaultMessage: "Selected"
+  }) : e.debate_suggestion.is_expired === !0 || l < i ? s.formatMessage({
+    id: "suggestion.suggestion_box.ended",
+    defaultMessage: "Expired"
+  }) : null, v = () => e.is_accepted || e.is_published ? a.selected : e.debate_suggestion.is_expired === !0 || l < i ? a.expired : null;
+  return /* @__PURE__ */ m("div", { className: a.container, children: [
+    /* @__PURE__ */ t(
+      S,
+      {
+        author: e.debate_suggestion.author,
+        tag: h(),
+        tagClassName: v()
+      }
+    ),
+    /* @__PURE__ */ m("div", { className: a.suggestion, children: [
+      r.translatedContent,
+      r.isTranslated && /* @__PURE__ */ t(
+        B,
+        {
+          language: e.language,
+          callback: () => r.toggleContent()
+        }
+      )
+    ] }),
+    !o && e.is_published && /* @__PURE__ */ t("div", { className: a.voteButton, children: /* @__PURE__ */ t(
+      I,
+      {
+        rightIcon: /* @__PURE__ */ t(
+          U,
+          {
+            name: "lightArrow",
+            width: 10,
+            height: 10,
+            className: a.arrowIcon
+          }
+        ),
+        className: a.linkToDebate,
+        to: f.debateShowLocation.toUrl({
+          debateSlug: e.slug
+        }),
+        children: /* @__PURE__ */ t("span", { children: s.formatMessage({
+          id: "action.link_to_debate",
+          defaultMessage: "Go to debate"
+        }) })
+      }
+    ) }),
+    !o && e.debate_suggestion.is_accepted === !1 && e.debate_suggestion.is_expired === !1 && !e.is_published && /* @__PURE__ */ t(
+      A,
+      {
+        voteableType: "DebateSuggestion",
+        voteableId: e.debate_suggestion.id,
+        totalUpvote: d,
+        totalDownvote: e.debate_suggestion.total_downvotes,
+        onVote: b,
+        disabled: n || c?.id === e?.debate_suggestion?.author?.id || u,
+        "data-testid": "upvote-icon"
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: a.footer, children: !o && /* @__PURE__ */ t(
+      y,
+      {
+        resource: e,
+        reportType: "Group",
+        deleteType: "groups",
+        deleteListId: "suggestionsList",
+        disabled: n || u,
+        showShareButton: !1,
+        enableEdition: !1,
+        enableDeletion: e.is_published !== !0,
+        showActions: e.is_accepted !== !0,
+        containerClassName: a.footerContainer,
+        voteActionClassName: a.footerActionContainer,
+        children: /* @__PURE__ */ t("div", { className: x(a.voteResultsContainer), children: /* @__PURE__ */ t(
+          N,
+          {
+            id: "suggestion.goal",
+            defaultMessage: "{count} supports",
+            values: { count: d }
+          }
+        ) })
+      }
+    ) })
+  ] });
+};
+export {
+  X as SuggestionBox
 };
-//#endregion
-export { g as SuggestionBox };

package/dist/components/suggestion/suggestion_box/SuggestionBox.module.scss.js

@@ -0,0 +1,23 @@
+import '../../../assets/components/suggestion/suggestion_box/SuggestionBox.module-fwf3pCuJ.css';const o = "_container_1c4h2_3", t = "_selected_1c4h2_16", e = "_expired_1c4h2_21", n = "_suggestion_1c4h2_27", c = "_arrowIcon_1c4h2_34", r = "_voteButton_1c4h2_38", s = "_voteResultsContainer_1c4h2_42", _ = "_footerContainer_1c4h2_47", i = "_footerActionContainer_1c4h2_51", a = {
+  container: o,
+  selected: t,
+  expired: e,
+  suggestion: n,
+  arrowIcon: c,
+  voteButton: r,
+  voteResultsContainer: s,
+  footerContainer: _,
+  footerActionContainer: i
+};
+export {
+  c as arrowIcon,
+  o as container,
+  a as default,
+  e as expired,
+  i as footerActionContainer,
+  _ as footerContainer,
+  t as selected,
+  n as suggestion,
+  r as voteButton,
+  s as voteResultsContainer
+};

package/dist/components/suggestion/suggestion_input/SuggestionInput.js

@@ -1,155 +1,183 @@
-import { Button as e } from "../../action/button/Button.js";
-import { useAuth as t } from "../../auth/use_auth/useAuth.js";
-import { useDataProvider as n } from "../../data/data_provider/useDataProvider.js";
-import { useList as r } from "../../list/list_provider/useList.js";
-import { TextInput as i } from "../../input/text_input/TextInput.js";
-import { useInput as a } from "../../input/input_provider/useInput.js";
-import { useToast as o } from "../../dialog/toast_provider/useToast.js";
-import { useAuthRequired as s } from "../../hooks/use_auth_required/useAuthRequired.js";
-import { useFormValidation as c } from "../../forms/use_form_validation/useFormValidation.js";
-import l from "./SuggestionInput.module.js";
-import { useEffect as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import g from "classnames";
-import { FormattedMessage as _, useIntl as v } from "react-intl";
-import y from "@rooks/use-sessionstorage-state";
-//#region src/components/suggestion/suggestion_input/SuggestionInput.jsx
-var b = ({ onSubmit: b = null, maxLength: x = 140, maxPerUser: S = 5, disabled: C = !1, userGuideUrl: w, hideUserGuideLink: T = !1 }) => {
-	let E = v(), D = n(), O = r(), { toast: k } = o() || {}, { isLoggedIn: A } = t(), { focus: j, setFocus: M } = a(), { errors: N, validate: P } = c(), [F, I] = f(!0), [L, R] = f(!1), [z, B] = f(""), [V, H, U] = y("userSuggestion", {}), W = d(null), G = d(null), K = s();
-	u(() => {
-		V?.suggestion && B(V.suggestion);
-	}, []), u(() => {
-		if (F) {
-			let e = setInterval(() => {
-				z?.length > 0 && H({ suggestion: z });
-			}, 1e3);
-			return () => clearInterval(e);
-		}
-	}, [F, z]), u(() => {
-		j && (q(), J(), Y(), M(!1));
-	}, [j]);
-	let q = () => {
-		G.current.scrollIntoView({ behavior: "smooth" });
-	}, J = () => {
-		G.current.focus();
-	}, Y = () => {
-		if (!L) {
-			R(!0);
-			let e = setTimeout(() => {
-				R(!1);
-			}, 2e3);
-			return () => clearTimeout(e);
-		}
-	}, X = () => {
-		B(""), U();
-	}, Z = () => {
-		if (A) {
-			let e = {
-				name: z,
-				position_list: JSON.stringify(E.formatMessage({
-					id: "suggestion.position_list",
-					defaultMessage: "Yes,No"
-				}).split(",")),
-				is_suggestion: !0,
-				is_published: !1
-			};
-			P(e, [
-				{ name: ["length", 3] },
-				{ name: ["maxChar", x] },
-				{ name: ["question", null] }
-			]) && (B(""), X(), I(!1), D.create("groups", e).then((e) => {
-				if (e.data.success) {
-					let t = e.data.data.resource;
-					O.add("suggestionsList", [t]), k(E.formatMessage({
-						id: "alert.suggestion_create",
-						defaultMessage: "Your suggestion has been sent !"
-					}), { type: "success" }), b && b();
-				}
-			}));
-		} else K({});
-	};
-	return /* @__PURE__ */ m("div", {
-		className: l.suggestionInputContainer,
-		ref: W,
-		children: /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
-			className: g(l.suggestionInputItem),
-			children: [
-				/* @__PURE__ */ m("div", {
-					className: l.suggestionInputTitle,
-					children: /* @__PURE__ */ m(_, {
-						id: "suggestion.input_title",
-						defaultMessage: "Your suggestion"
-					})
-				}),
-				/* @__PURE__ */ m(i, {
-					ref: G,
-					type: "text",
-					"aria-label": E.formatMessage({
-						id: "suggestion.suggestion_input.aria_label",
-						defaultMessage: "Suggest a debate question"
-					}),
-					name: "suggestionInput",
-					role: "textbox",
-					placeholder: E.formatMessage({
-						id: "suggestion.input_placeholder",
-						defaultMessage: "Suggest a debate question"
-					}),
-					onChange: (e) => {
-						B(e.target.value);
-					},
-					value: z,
-					disabled: C,
-					error: Object.keys(N).length > 0,
-					required: !0,
-					message: N?.name,
-					maxLength: x,
-					activeLabel: !1
-				}),
-				/* @__PURE__ */ h("div", {
-					className: l.charactersCount,
-					children: [
-						x - z.length,
-						" ",
-						E.formatMessage({
-							id: "input.remaining_chars",
-							defaultMessage: "remaining characters"
-						})
-					]
-				}),
-				w && !T && /* @__PURE__ */ m("div", {
-					className: l.guideMessage,
-					children: /* @__PURE__ */ m(_, {
-						id: "alert.guide_message",
-						defaultMessage: "Contributions must comply with our {userCharter}.",
-						values: { userCharter: /* @__PURE__ */ m("a", {
-							className: l.guideMessage,
-							href: w,
-							target: "_blank",
-							rel: "noreferrer",
-							children: /* @__PURE__ */ m(_, {
-								id: "alert.user_charter",
-								defaultMessage: "user charter"
-							})
-						}) }
-					})
-				}),
-				/* @__PURE__ */ m("div", {
-					className: l.suggestionInputSubtitle,
-					children: E.formatMessage({
-						id: "suggestion.input_info",
-						defaultMessage: "The positions supported will be YES / NO. You can only post 5 suggestions at a time. Suggestions may not exceed 140 characters."
-					}, { max_per_user: S })
-				})
-			]
-		}), /* @__PURE__ */ m(e, {
-			handleClick: () => Z(),
-			className: l.suggestionInputSubmit,
-			children: /* @__PURE__ */ m(_, {
-				id: "action.submit",
-				defaultMessage: "Submit"
-			})
-		})] })
-	});
+import { jsx as e, jsxs as g, Fragment as P } from "react/jsx-runtime";
+import z from "@rooks/use-sessionstorage-state";
+import H from "classnames";
+import { useState as l, useRef as b, useEffect as c } from "react";
+import { useIntl as K, FormattedMessage as n } from "react-intl";
+import t from "./SuggestionInput.module.scss.js";
+import { useDataProvider as Q } from "../../data/data_provider/useDataProvider.js";
+import { useList as W } from "../../list/list_provider/useList.js";
+import { useToast as X } from "../../dialog/toast_provider/useToast.js";
+import { useAuth as Z } from "../../auth/use_auth/useAuth.js";
+import { useInput as $ } from "../../input/input_provider/useInput.js";
+import { useFormValidation as G } from "../../forms/use_form_validation/useFormValidation.js";
+import { useAuthRequired as U } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { TextInput as ee } from "../../input/text_input/TextInput.js";
+import { Button as se } from "../../action/button/Button.js";
+const ve = ({
+  onSubmit: m = null,
+  maxLength: r = 140,
+  maxPerUser: I = 5,
+  disabled: _ = !1,
+  userGuideUrl: d,
+  hideUserGuideLink: N = !1
+}) => {
+  const o = K(), C = Q(), x = W(), { toast: T } = X() || {}, { isLoggedIn: y } = Z(), { focus: f, setFocus: q } = $(), { errors: p, validate: F } = G(), [h, E] = l(!0), [Y, v] = l(!1), [i, a] = l(""), [S, A, R] = z("userSuggestion", {}), V = b(null), u = b(null), j = U();
+  c(() => {
+    S?.suggestion && a(S.suggestion);
+  }, []), c(() => {
+    if (h) {
+      const s = setInterval(() => {
+        i?.length > 0 && A({
+          suggestion: i
+        });
+      }, 1e3);
+      return () => clearInterval(s);
+    }
+  }, [h, i]), c(() => {
+    f && (k(), w(), O(), q(!1));
+  }, [f]);
+  const k = () => {
+    u.current.scrollIntoView({ behavior: "smooth" });
+  }, w = () => {
+    u.current.focus();
+  }, O = () => {
+    if (!Y) {
+      v(!0);
+      const s = setTimeout(() => {
+        v(!1);
+      }, 2e3);
+      return () => clearTimeout(s);
+    }
+  }, L = () => {
+    a(""), R();
+  }, B = () => {
+    if (y) {
+      const s = {
+        name: i,
+        position_list: JSON.stringify(
+          o.formatMessage({
+            id: "suggestion.position_list",
+            defaultMessage: "Yes,No"
+          }).split(",")
+        ),
+        is_suggestion: !0,
+        is_published: !1
+      };
+      F(s, [
+        { name: ["length", 3] },
+        { name: ["maxChar", r] },
+        { name: ["question", null] }
+      ]) && (a(""), L(), E(!1), C.create("groups", s).then((M) => {
+        if (M.data.success) {
+          const J = M.data.data.resource;
+          x.add("suggestionsList", [J]), T(
+            o.formatMessage({
+              id: "alert.suggestion_create",
+              defaultMessage: "Your suggestion has been sent !"
+            }),
+            { type: "success" }
+          ), m && m();
+        }
+      }));
+    } else
+      j({});
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: t.suggestionInputContainer,
+      ref: V,
+      children: /* @__PURE__ */ g(P, { children: [
+        /* @__PURE__ */ g("div", { className: H(t.suggestionInputItem), children: [
+          /* @__PURE__ */ e("div", { className: t.suggestionInputTitle, children: /* @__PURE__ */ e(
+            n,
+            {
+              id: "suggestion.input_title",
+              defaultMessage: "Your suggestion"
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            ee,
+            {
+              ref: u,
+              type: "text",
+              "aria-label": o.formatMessage({
+                id: "suggestion.suggestion_input.aria_label",
+                defaultMessage: "Suggest a debate question"
+              }),
+              name: "suggestionInput",
+              role: "textbox",
+              placeholder: o.formatMessage({
+                id: "suggestion.input_placeholder",
+                defaultMessage: "Suggest a debate question"
+              }),
+              onChange: (s) => {
+                a(s.target.value);
+              },
+              value: i,
+              disabled: _,
+              error: Object.keys(p).length > 0,
+              required: !0,
+              message: p?.name,
+              maxLength: r,
+              activeLabel: !1
+            }
+          ),
+          /* @__PURE__ */ g("div", { className: t.charactersCount, children: [
+            r - i.length,
+            " ",
+            o.formatMessage({
+              id: "input.remaining_chars",
+              defaultMessage: "remaining characters"
+            })
+          ] }),
+          d && !N && /* @__PURE__ */ e("div", { className: t.guideMessage, children: /* @__PURE__ */ e(
+            n,
+            {
+              id: "alert.guide_message",
+              defaultMessage: "Contributions must comply with our {userCharter}.",
+              values: {
+                userCharter: /* @__PURE__ */ e(
+                  "a",
+                  {
+                    className: t.guideMessage,
+                    href: d,
+                    target: "_blank",
+                    rel: "noreferrer",
+                    children: /* @__PURE__ */ e(
+                      n,
+                      {
+                        id: "alert.user_charter",
+                        defaultMessage: "user charter"
+                      }
+                    )
+                  }
+                )
+              }
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: t.suggestionInputSubtitle, children: o.formatMessage(
+            {
+              id: "suggestion.input_info",
+              defaultMessage: "The positions supported will be YES / NO. You can only post 5 suggestions at a time. Suggestions may not exceed 140 characters."
+            },
+            {
+              max_per_user: I
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e(
+          se,
+          {
+            handleClick: () => B(),
+            className: t.suggestionInputSubmit,
+            children: /* @__PURE__ */ e(n, { id: "action.submit", defaultMessage: "Submit" })
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  ve as SuggestionInput
 };
-//#endregion
-export { b as SuggestionInput };

package/dist/components/suggestion/suggestion_input/SuggestionInput.module.scss.js

@@ -0,0 +1,19 @@
+import '../../../assets/components/suggestion/suggestion_input/SuggestionInput.module-BsEj7sF3.css';const t = "_suggestionInputContainer_1uirk_3", s = "_suggestionInputItem_1uirk_10", u = "_suggestionInputTitle_1uirk_16", n = "_suggestionInputSubtitle_1uirk_24", e = "_suggestionInputSubmit_1uirk_28", i = "_charactersCount_1uirk_32", g = "_guideMessage_1uirk_38", o = {
+  suggestionInputContainer: t,
+  suggestionInputItem: s,
+  suggestionInputTitle: u,
+  suggestionInputSubtitle: n,
+  suggestionInputSubmit: e,
+  charactersCount: i,
+  guideMessage: g
+};
+export {
+  i as charactersCount,
+  o as default,
+  g as guideMessage,
+  t as suggestionInputContainer,
+  s as suggestionInputItem,
+  e as suggestionInputSubmit,
+  n as suggestionInputSubtitle,
+  u as suggestionInputTitle
+};