@logora/debate 0.2.2 → 0.2.3

package/dist/components/report/report_box/ReportBox.js

@@ -1,101 +1,104 @@
-import { Icon as e } from "../../icons/icon/Icon.js";
-import { Argument as t } from "../../argument/argument/Argument.js";
-import { ProposalBox as n } from "../../proposal/proposal_box/ProposalBox.js";
-import { SuggestionBox as r } from "../../suggestion/suggestion_box/SuggestionBox.js";
-import i from "./ReportBox.module.js";
-import { useEffect as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "classnames";
-import { useIntl as u } from "react-intl";
-//#region src/components/report/report_box/ReportBox.jsx
-var d = ({ report: d, flash: f }) => {
-	let p = u(), [m, h] = o(!1);
-	a(() => {
-		if (f === d.id) {
-			let e = document.getElementById(`reports_${d.id}`);
-			e && e.scrollIntoView({
-				behavior: "smooth",
-				block: "center"
-			}), h(!0);
-		} else h(!1);
-	}, [f, d.id]);
-	let g = () => {
-		let { reportable_type: e, reportable: i } = d;
-		switch (e) {
-			case "Message": {
-				let e = d.is_processed === !0 && d.reportable?.status === "rejected";
-				return /* @__PURE__ */ s(t, {
-					argument: i,
-					positions: i.group?.group_context?.positions?.slice(0, 2) || [],
-					hideReplies: !0,
-					hideFooter: !0,
-					showModerationFeedback: !1,
-					hideContent: e
-				});
-			}
-			case "Proposal": return /* @__PURE__ */ s(n, {
-				proposal: i,
-				hideFooter: !0
-			});
-			case "Group": return /* @__PURE__ */ s(r, {
-				suggestion: i,
-				hideFooter: !0
-			});
-			default: return /* @__PURE__ */ s("div", { children: p.formatMessage({
-				id: "report.unknown_type",
-				defaultMessage: " Unknown content type"
-			}) });
-		}
-	}, _ = (e, t) => e ? t === "rejected" ? /* @__PURE__ */ s("div", {
-		className: i.statusMessage,
-		"data-testid": "report-status-message",
-		children: p.formatMessage({
-			id: "report.content_header.status_rejected",
-			defaultMessage: "Thank you for your report. After verification, the content has been removed."
-		})
-	}) : /* @__PURE__ */ s("div", {
-		className: i.statusMessage,
-		children: p.formatMessage({
-			id: "report.content_header.status_accepted",
-			defaultMessage: "Thank you for your report. After verification, we have not removed the content."
-		})
-	}) : /* @__PURE__ */ s("div", {
-		className: i.statusMessage,
-		children: p.formatMessage({
-			id: "report.content_header.status_pending",
-			defaultMessage: "The report is currently in process"
-		})
-	});
-	return /* @__PURE__ */ s("div", {
-		id: `reports_${d.id}`,
-		className: l(i.reportBox, { [i.reportHighlighted]: m }),
-		children: d && /* @__PURE__ */ c("div", {
-			className: i.reportItem,
-			children: [/* @__PURE__ */ c("div", {
-				className: i.reportHeader,
-				children: [d.classification && /* @__PURE__ */ c("div", {
-					className: i.reportReason,
-					children: [
-						/* @__PURE__ */ s(e, {
-							name: "announcement",
-							width: 18,
-							height: 18,
-							className: i.warningIcon
-						}),
-						p.formatMessage({
-							id: "report.content_header.moderation_reason",
-							defaultMessage: "Report reason:"
-						}),
-						" ",
-						p.messages[`report.content_header.moderation_reason.${d.classification.toLowerCase()}`] ? p.formatMessage({
-							id: `report.content_header.moderation_reason.${d.classification.toLowerCase()}`,
-							defaultMessage: d.classification
-						}) : d.classification
-					]
-				}), _(d.is_processed, d.reportable?.status)]
-			}), g()]
-		})
-	});
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import f from "classnames";
+import { useState as p, useEffect as h } from "react";
+import { useIntl as g } from "react-intl";
+import s from "./ReportBox.module.scss.js";
+import { Icon as _ } from "../../icons/icon/Icon.js";
+import { SuggestionBox as M } from "../../suggestion/suggestion_box/SuggestionBox.js";
+import { ProposalBox as v } from "../../proposal/proposal_box/ProposalBox.js";
+import { Argument as w } from "../../argument/argument/Argument.js";
+const C = ({ report: e, flash: i }) => {
+  const o = g(), [d, c] = p(!1);
+  h(() => {
+    if (i === e.id) {
+      const r = document.getElementById(`reports_${e.id}`);
+      r && r.scrollIntoView({ behavior: "smooth", block: "center" }), c(!0);
+    } else
+      c(!1);
+  }, [i, e.id]);
+  const l = () => {
+    const { reportable_type: r, reportable: a } = e;
+    switch (r) {
+      case "Message": {
+        const m = e.is_processed === !0 && e.reportable?.status === "rejected";
+        return /* @__PURE__ */ t(
+          w,
+          {
+            argument: a,
+            positions: a.group?.group_context?.positions?.slice(0, 2) || [],
+            hideReplies: !0,
+            hideFooter: !0,
+            showModerationFeedback: !1,
+            hideContent: m
+          }
+        );
+      }
+      case "Proposal":
+        return /* @__PURE__ */ t(v, { proposal: a, hideFooter: !0 });
+      case "Group":
+        return /* @__PURE__ */ t(M, { suggestion: a, hideFooter: !0 });
+      default:
+        return /* @__PURE__ */ t("div", { children: o.formatMessage({
+          id: "report.unknown_type",
+          defaultMessage: " Unknown content type"
+        }) });
+    }
+  }, u = (r, a) => r ? a === "rejected" ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: s.statusMessage,
+      "data-testid": "report-status-message",
+      children: o.formatMessage({
+        id: "report.content_header.status_rejected",
+        defaultMessage: "Thank you for your report. After verification, the content has been removed."
+      })
+    }
+  ) : /* @__PURE__ */ t("div", { className: s.statusMessage, children: o.formatMessage({
+    id: "report.content_header.status_accepted",
+    defaultMessage: "Thank you for your report. After verification, we have not removed the content."
+  }) }) : /* @__PURE__ */ t("div", { className: s.statusMessage, children: o.formatMessage({
+    id: "report.content_header.status_pending",
+    defaultMessage: "The report is currently in process"
+  }) });
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      id: `reports_${e.id}`,
+      className: f(s.reportBox, {
+        [s.reportHighlighted]: d
+      }),
+      children: e && /* @__PURE__ */ n("div", { className: s.reportItem, children: [
+        /* @__PURE__ */ n("div", { className: s.reportHeader, children: [
+          e.classification && /* @__PURE__ */ n("div", { className: s.reportReason, children: [
+            /* @__PURE__ */ t(
+              _,
+              {
+                name: "announcement",
+                width: 18,
+                height: 18,
+                className: s.warningIcon
+              }
+            ),
+            o.formatMessage({
+              id: "report.content_header.moderation_reason",
+              defaultMessage: "Report reason:"
+            }),
+            " ",
+            o.messages[`report.content_header.moderation_reason.${e.classification.toLowerCase()}`] ? o.formatMessage({
+              id: `report.content_header.moderation_reason.${e.classification.toLowerCase()}`,
+              defaultMessage: e.classification
+            }) : e.classification
+          ] }),
+          u(
+            e.is_processed,
+            e.reportable?.status
+          )
+        ] }),
+        l()
+      ] })
+    }
+  );
+};
+export {
+  C as ReportBox
 };
-//#endregion
-export { d as default };

package/dist/components/report/report_box/ReportBox.module.scss.js

@@ -0,0 +1,19 @@
+import '../../../assets/components/report/report_box/ReportBox.module-B-_0iQqX.css';const e = "_reportBox_1k8m5_3", t = "_reportItem_1k8m5_7", r = "_reportHeader_1k8m5_15", o = "_reportReason_1k8m5_19", s = "_warningIcon_1k8m5_28", _ = "_statusMessage_1k8m5_36", n = "_reportHighlighted_1k8m5_41", a = {
+  reportBox: e,
+  reportItem: t,
+  reportHeader: r,
+  reportReason: o,
+  warningIcon: s,
+  statusMessage: _,
+  reportHighlighted: n
+};
+export {
+  a as default,
+  e as reportBox,
+  r as reportHeader,
+  n as reportHighlighted,
+  t as reportItem,
+  o as reportReason,
+  _ as statusMessage,
+  s as warningIcon
+};

package/dist/components/section/section_box/SectionBox.js

@@ -1,39 +1,57 @@
-import { Icon as e } from "../../icons/icon/Icon.js";
-import { useResponsive as t } from "../../hooks/use_responsive/useResponsive.js";
-import n from "./SectionBox.module.js";
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import o from "classnames";
-//#region src/components/section/section_box/SectionBox.jsx
-var s = ({ isCollapsible: s = !1, isCollapsedByDefault: c = !1, title: l, subtitle: u = "", className: d, titleClassName: f, children: p }) => {
-	let [m, h] = r(c), { isMobile: g } = t(), _ = () => {
-		s && h((e) => !e);
-	};
-	return /* @__PURE__ */ a("div", {
-		className: o(n.sectionBoxContainer, { [n.isMobile]: g }),
-		children: [/* @__PURE__ */ a("div", {
-			className: o(n.header, { [n.collapsible]: s }),
-			onClick: s ? _ : null,
-			children: [/* @__PURE__ */ a("div", {
-				className: n.titleContainer,
-				children: [/* @__PURE__ */ i("div", {
-					className: o(f, n.title),
-					children: l
-				}), u && /* @__PURE__ */ i("div", {
-					className: o(d, n.subtitle),
-					children: u
-				})]
-			}), s && /* @__PURE__ */ i(e, {
-				name: "lightArrow",
-				className: o(n.iconLightArrow, { [n.iconRotated]: !m }),
-				height: 15,
-				width: 15
-			})]
-		}), (!m || !s) && /* @__PURE__ */ i("div", {
-			className: o(n.body, d),
-			children: p
-		})]
-	});
+import { useState as x } from "react";
+import e from "./SectionBox.module.scss.js";
+import { useResponsive as N } from "../../hooks/use_responsive/useResponsive.js";
+import { Icon as g } from "../../icons/icon/Icon.js";
+const I = ({
+  isCollapsible: t = !1,
+  isCollapsedByDefault: a = !1,
+  title: m,
+  subtitle: r = "",
+  className: n,
+  titleClassName: d,
+  children: l
+}) => {
+  const [c, h] = x(a), { isMobile: f } = N(), p = () => {
+    t && h((v) => !v);
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: o(e.sectionBoxContainer, {
+        [e.isMobile]: f
+      }),
+      children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: o(e.header, { [e.collapsible]: t }),
+            onClick: t ? p : null,
+            children: [
+              /* @__PURE__ */ s("div", { className: e.titleContainer, children: [
+                /* @__PURE__ */ i("div", { className: o(d, e.title), children: m }),
+                r && /* @__PURE__ */ i("div", { className: o(n, e.subtitle), children: r })
+              ] }),
+              t && /* @__PURE__ */ i(
+                g,
+                {
+                  name: "lightArrow",
+                  className: o(e.iconLightArrow, {
+                    [e.iconRotated]: !c
+                  }),
+                  height: 15,
+                  width: 15
+                }
+              )
+            ]
+          }
+        ),
+        (!c || !t) && /* @__PURE__ */ i("div", { className: o(e.body, n), children: l })
+      ]
+    }
+  );
+};
+export {
+  I as SectionBox
 };
-//#endregion
-export { s as SectionBox };

package/dist/components/section/section_box/SectionBox.module.scss.js

@@ -0,0 +1,25 @@
+import '../../../assets/components/section/section_box/SectionBox.module-DUeUtdWr.css';const t = "_sectionBoxContainer_m9zal_3", o = "_isMobile_m9zal_15", e = "_header_m9zal_19", i = "_collapsible_m9zal_26", l = "_iconLightArrow_m9zal_30", n = "_iconRotated_m9zal_34", _ = "_titleContainer_m9zal_38", a = "_title_m9zal_38", s = "_subtitle_m9zal_52", c = "_body_m9zal_57", r = {
+  sectionBoxContainer: t,
+  isMobile: o,
+  header: e,
+  collapsible: i,
+  iconLightArrow: l,
+  iconRotated: n,
+  titleContainer: _,
+  title: a,
+  subtitle: s,
+  body: c
+};
+export {
+  c as body,
+  i as collapsible,
+  r as default,
+  e as header,
+  l as iconLightArrow,
+  n as iconRotated,
+  o as isMobile,
+  t as sectionBoxContainer,
+  s as subtitle,
+  a as title,
+  _ as titleContainer
+};