@logora/debate 0.2.1 → 0.2.3

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

@@ -1,102 +1,104 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Icon as n } from "../../icons/icon/Icon.js";
-import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import i from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
-import { Argument as a } from "../../argument/argument/Argument.js";
-import { ProposalBox as o } from "../../proposal/proposal_box/ProposalBox.js";
-import { SuggestionBox as s } from "../../suggestion/suggestion_box/SuggestionBox.js";
-import c from "./ReportBox.module.js";
-import { useEffect as l, useState as u } from "react";
-//#region src/components/report/report_box/ReportBox.jsx
-var d = /* @__PURE__ */ e(r()), f = t(), p = ({ report: e, flash: t }) => {
-	let r = i(), [p, m] = u(!1);
-	l(() => {
-		if (t === e.id) {
-			let t = document.getElementById(`reports_${e.id}`);
-			t && t.scrollIntoView({
-				behavior: "smooth",
-				block: "center"
-			}), m(!0);
-		} else m(!1);
-	}, [t, e.id]);
-	let h = () => {
-		let { reportable_type: t, reportable: n } = e;
-		switch (t) {
-			case "Message": {
-				let t = e.is_processed === !0 && e.reportable?.status === "rejected";
-				return /* @__PURE__ */ (0, f.jsx)(a, {
-					argument: n,
-					positions: n.group?.group_context?.positions?.slice(0, 2) || [],
-					hideReplies: !0,
-					hideFooter: !0,
-					showModerationFeedback: !1,
-					hideContent: t
-				});
-			}
-			case "Proposal": return /* @__PURE__ */ (0, f.jsx)(o, {
-				proposal: n,
-				hideFooter: !0
-			});
-			case "Group": return /* @__PURE__ */ (0, f.jsx)(s, {
-				suggestion: n,
-				hideFooter: !0
-			});
-			default: return /* @__PURE__ */ (0, f.jsx)("div", { children: r.formatMessage({
-				id: "report.unknown_type",
-				defaultMessage: " Unknown content type"
-			}) });
-		}
-	}, g = (e, t) => e ? t === "rejected" ? /* @__PURE__ */ (0, f.jsx)("div", {
-		className: c.statusMessage,
-		"data-testid": "report-status-message",
-		children: r.formatMessage({
-			id: "report.content_header.status_rejected",
-			defaultMessage: "Thank you for your report. After verification, the content has been removed."
-		})
-	}) : /* @__PURE__ */ (0, f.jsx)("div", {
-		className: c.statusMessage,
-		children: r.formatMessage({
-			id: "report.content_header.status_accepted",
-			defaultMessage: "Thank you for your report. After verification, we have not removed the content."
-		})
-	}) : /* @__PURE__ */ (0, f.jsx)("div", {
-		className: c.statusMessage,
-		children: r.formatMessage({
-			id: "report.content_header.status_pending",
-			defaultMessage: "The report is currently in process"
-		})
-	});
-	return /* @__PURE__ */ (0, f.jsx)("div", {
-		id: `reports_${e.id}`,
-		className: (0, d.default)(c.reportBox, { [c.reportHighlighted]: p }),
-		children: e && /* @__PURE__ */ (0, f.jsxs)("div", {
-			className: c.reportItem,
-			children: [/* @__PURE__ */ (0, f.jsxs)("div", {
-				className: c.reportHeader,
-				children: [e.classification && /* @__PURE__ */ (0, f.jsxs)("div", {
-					className: c.reportReason,
-					children: [
-						/* @__PURE__ */ (0, f.jsx)(n, {
-							name: "announcement",
-							width: 18,
-							height: 18,
-							className: c.warningIcon
-						}),
-						r.formatMessage({
-							id: "report.content_header.moderation_reason",
-							defaultMessage: "Report reason:"
-						}),
-						" ",
-						r.messages[`report.content_header.moderation_reason.${e.classification.toLowerCase()}`] ? r.formatMessage({
-							id: `report.content_header.moderation_reason.${e.classification.toLowerCase()}`,
-							defaultMessage: e.classification
-						}) : e.classification
-					]
-				}), g(e.is_processed, e.reportable?.status)]
-			}), h()]
-		})
-	});
+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 { p 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,40 +1,57 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Icon as n } from "../../icons/icon/Icon.js";
-import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import { useResponsive as i } from "../../hooks/use_responsive/useResponsive.js";
-import a from "./SectionBox.module.js";
-import { useState as o } from "react";
-//#region src/components/section/section_box/SectionBox.jsx
-var s = /* @__PURE__ */ e(r()), c = t(), l = ({ isCollapsible: e = !1, isCollapsedByDefault: t = !1, title: r, subtitle: l = "", className: u, titleClassName: d, children: f }) => {
-	let [p, m] = o(t), { isMobile: h } = i(), g = () => {
-		e && m((e) => !e);
-	};
-	return /* @__PURE__ */ (0, c.jsxs)("div", {
-		className: (0, s.default)(a.sectionBoxContainer, { [a.isMobile]: h }),
-		children: [/* @__PURE__ */ (0, c.jsxs)("div", {
-			className: (0, s.default)(a.header, { [a.collapsible]: e }),
-			onClick: e ? g : null,
-			children: [/* @__PURE__ */ (0, c.jsxs)("div", {
-				className: a.titleContainer,
-				children: [/* @__PURE__ */ (0, c.jsx)("div", {
-					className: (0, s.default)(d, a.title),
-					children: r
-				}), l && /* @__PURE__ */ (0, c.jsx)("div", {
-					className: (0, s.default)(u, a.subtitle),
-					children: l
-				})]
-			}), e && /* @__PURE__ */ (0, c.jsx)(n, {
-				name: "lightArrow",
-				className: (0, s.default)(a.iconLightArrow, { [a.iconRotated]: !p }),
-				height: 15,
-				width: 15
-			})]
-		}), (!p || !e) && /* @__PURE__ */ (0, c.jsx)("div", {
-			className: (0, s.default)(a.body, u),
-			children: f
-		})]
-	});
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import o from "classnames";
+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 { l 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
+};