@logora/debate 0.1.0 → 0.2.0

package/dist/components/user_content/content_footer/ContentFooter.js

@@ -0,0 +1,172 @@
+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 { Link as n } from "../../action/link/Link.js";
+import { Icon as r } from "../../icons/icon/Icon.js";
+import { require_classnames as i } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { useAuth as a } from "../../auth/use_auth/useAuth.js";
+import { useConfig as o } from "../../data/config_provider/useConfig.js";
+import { useResponsive as s } from "../../hooks/use_responsive/useResponsive.js";
+import c 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 { Dropdown as l } from "../../dialog/dropdown/Dropdown.js";
+import { useModal as u } from "../../dialog/modal/useModal.js";
+import { useInput as d } from "../../input/input_provider/useInput.js";
+import { ShareButton as f } from "../../share/share_button/ShareButton.js";
+import { useDeleteContent as p } from "../use_delete_content/useDeleteContent.js";
+import { useReportContent as m } from "../use_report_content/useReportContent.js";
+import h from "./ContentFooter.module.js";
+import { Suspense as g, lazy as _ } from "react";
+//#region src/components/user_content/content_footer/ContentFooter.jsx
+var v = t(), y = /* @__PURE__ */ e(i()), b = _(() => import("../../share/share_modal/index.js")), x = ({ resource: e, reportType: t, deleteType: i, deleteListId: _, softDelete: x = !1, disabled: S = !1, children: C, enableReply: w, handleReplyTo: T, showActions: ee = !0, showShareButton: E = !0, shareModal: D, shareUrl: O, shareTitle: k, shareText: A, shareModalTitle: j, showShareCode: M, shareCode: N, showShareText: P, enableEdition: F = !0, enableDeletion: I = !0, enableReport: L = !0, containerClassName: R, voteActionClassName: z, replyRedirectUrl: B }) => {
+	let V = c(), H = o(), { currentUser: U } = a(), { showModal: W } = u(), { setInputContent: G } = d() || {}, { reportContent: K } = m(t, e.id), { deleteContent: q } = p(e, i, _, x), { elementWidth: J } = s(), Y = () => U?.id ? e.author?.id === U?.id || e.debate_suggestion?.author?.id === U?.id : !1, X = () => {
+		G(e);
+	}, Z = () => {
+		if (e.created_at && H.actions?.editionTime) {
+			let t = new Date(new Date(e.created_at).setSeconds(new Date(e.created_at).getSeconds() + H.actions?.editionTime));
+			return /* @__PURE__ */ new Date() < t;
+		}
+		return !0;
+	}, Q = () => {
+		W(/* @__PURE__ */ (0, v.jsx)(g, {
+			fallback: null,
+			children: /* @__PURE__ */ (0, v.jsx)(b, {
+				shareUrl: O,
+				shareTitle: k,
+				shareText: A,
+				title: j,
+				showShareCode: M,
+				shareCode: N
+			})
+		}));
+	}, $ = (e) => (t) => {
+		(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
+	};
+	return /* @__PURE__ */ (0, v.jsxs)("div", {
+		className: (0, y.default)(h.container, R),
+		children: [
+			/* @__PURE__ */ (0, v.jsx)("div", {
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), onClick());
+				},
+				className: (0, y.default)(h.voteAction, z),
+				"data-tid": "action_vote_argument",
+				children: C
+			}),
+			!S && w && /* @__PURE__ */ (0, v.jsx)("div", {
+				"data-tid": "action_reply_argument",
+				"data-testid": "reply-button",
+				children: B ? /* @__PURE__ */ (0, v.jsxs)(n, {
+					to: B,
+					className: h.replyAction,
+					tabIndex: "0",
+					"data-testid": "action-reply-button",
+					children: [/* @__PURE__ */ (0, v.jsx)(r, {
+						name: "reply",
+						"data-tid": "action_reply_argument",
+						height: 17,
+						width: 17
+					}), !(J < 768) && /* @__PURE__ */ (0, v.jsx)("span", {
+						className: h.replyText,
+						children: V.formatMessage({
+							id: "user_content.content_footer.reply",
+							defaultMessage: "Reply"
+						})
+					})]
+				}) : /* @__PURE__ */ (0, v.jsxs)("button", {
+					type: "button",
+					className: h.replyAction,
+					onClick: T,
+					"data-testid": "action-reply-button",
+					children: [/* @__PURE__ */ (0, v.jsx)(r, {
+						name: "reply",
+						"data-tid": "action_reply_argument",
+						height: 17,
+						width: 17
+					}), !(J < 768) && /* @__PURE__ */ (0, v.jsx)("span", {
+						className: h.replyText,
+						children: V.formatMessage({
+							id: "user_content.content_footer.reply",
+							defaultMessage: "Reply"
+						})
+					})]
+				})
+			}),
+			E && /* @__PURE__ */ (0, v.jsx)(f, {
+				shareUrl: O,
+				shareTitle: k,
+				shareText: A,
+				showShareCode: M,
+				shareCode: N,
+				showText: !(J < 768) && P,
+				iconSize: 17
+			}),
+			ee && /* @__PURE__ */ (0, v.jsx)("div", {
+				className: h.moreAction,
+				title: V.formatMessage({
+					id: "user_content.content_footer.more",
+					defaultMessage: "More options"
+				}),
+				children: /* @__PURE__ */ (0, v.jsxs)(l, {
+					className: h.moreActionDropdown,
+					horizontalPosition: "right",
+					children: [/* @__PURE__ */ (0, v.jsx)(r, {
+						name: "ellipsis",
+						width: 17,
+						height: 17,
+						"data-testid": "dropdown",
+						"aria-label": V.formatMessage({
+							id: "user_content.content_footer.menu.aria_label",
+							defaultMessage: "opens menu"
+						})
+					}), /* @__PURE__ */ (0, v.jsxs)("div", { children: [
+						Y() && /* @__PURE__ */ (0, v.jsxs)(v.Fragment, { children: [!S && F && Z() && /* @__PURE__ */ (0, v.jsx)("div", {
+							"data-tid": "action_edit_argument",
+							className: h.dropdownItem,
+							tabIndex: "0",
+							onClick: X,
+							onKeyDown: $(X),
+							children: V.formatMessage({
+								id: "user_content.content_footer.update",
+								defaultMessage: "Update"
+							})
+						}), I && /* @__PURE__ */ (0, v.jsx)("div", {
+							"data-tid": "action_delete_argument",
+							className: h.dropdownItem,
+							tabIndex: "0",
+							onClick: q,
+							onKeyDown: $(q),
+							children: V.formatMessage({
+								id: "user_content.content_footer.delete",
+								defaultMessage: "Delete"
+							})
+						})] }),
+						L && /* @__PURE__ */ (0, v.jsx)("div", {
+							"data-tid": "action_report_argument",
+							className: h.dropdownItem,
+							tabIndex: "0",
+							onClick: K,
+							"data-testid": "report-content",
+							onKeyDown: $(K),
+							children: V.formatMessage({
+								id: "user_content.content_footer.report",
+								defaultMessage: "Report"
+							})
+						}),
+						D && /* @__PURE__ */ (0, v.jsx)("div", {
+							"data-tid": "action_share_argument",
+							className: h.dropdownItem,
+							tabIndex: "0",
+							onClick: Q,
+							onKeyDown: $(Q),
+							children: V.formatMessage({
+								id: "user_content.content_footer.share",
+								defaultMessage: "Share"
+							})
+						})
+					] })]
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { x as ContentFooter };

package/dist/components/user_content/content_footer/ContentFooter.module.js

@@ -0,0 +1,11 @@
+var e = {
+	container: "_container_173pi_3",
+	replyAction: "_replyAction_173pi_17",
+	voteAction: "_voteAction_173pi_21",
+	moreAction: "_moreAction_173pi_25",
+	moreActionDropdown: "_moreActionDropdown_173pi_33",
+	replyText: "_replyText_173pi_54",
+	dropdownItem: "_dropdownItem_173pi_58"
+};
+//#endregion
+export { e as default };

package/dist/components/user_content/content_header/ContentHeader.js

@@ -0,0 +1,121 @@
+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 { useConfig as i } from "../../data/config_provider/useConfig.js";
+import a 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 { useRelativeTime as o } from "../../hooks/use_relative_time/useRelativeTime.js";
+import { AuthorBox as s } from "../../user/author_box/AuthorBox.js";
+import { UserBoxSmall as c } from "../../user/user_box_small/UserBoxSmall.js";
+import l from "./ContentHeader.module.js";
+import "react";
+//#region src/components/user_content/content_header/ContentHeader.jsx
+var u = /* @__PURE__ */ e(r()), d = t(), f = ({ author: e, tag: t, tagClassName: r, date: f, oneLine: p = !1, disableLinks: m = !1, selectedContent: h = !1, isDeleted: g = !1, moderationReason: _, moderationNotes: v, moderationPolicyUrl: y, showModerationFeedback: b = !1 }) => {
+	let x = o(new Date(f).getTime()), S = a(), C = i();
+	return /* @__PURE__ */ (0, d.jsxs)("div", {
+		className: l.contentHeaderContainer,
+		children: [
+			b && /* @__PURE__ */ (0, d.jsxs)("div", {
+				className: l.moderationInfo,
+				children: [
+					/* @__PURE__ */ (0, d.jsxs)("div", {
+						className: l.moderationReason,
+						children: [
+							/* @__PURE__ */ (0, d.jsx)(n, {
+								name: "announcement",
+								width: 18,
+								height: 18,
+								className: l.warningIcon
+							}),
+							S.formatMessage({
+								id: "user_content.content_header.moderation_reason",
+								defaultMessage: "Content rejected by moderation."
+							}),
+							" ",
+							_ && S.messages[`user_content.content_header.moderation_reason.${_.toLowerCase()}`] ? S.formatMessage({
+								id: `user_content.content_header.moderation_reason.${_.toLowerCase()}`,
+								defaultMessage: ""
+							}) : null
+						]
+					}),
+					v && /* @__PURE__ */ (0, d.jsx)("div", { children: S.formatMessage({
+						id: "user_content.content_header.moderation_notes",
+						defaultMessage: "Moderation Notes: {notes}"
+					}, { notes: v }) }),
+					y && /* @__PURE__ */ (0, d.jsxs)("div", { children: [
+						S.formatMessage({
+							id: "user_content.content_header.moderationPolicyUrl",
+							defaultMessage: "Please keep contributions respectful. See rules:"
+						}),
+						" ",
+						/* @__PURE__ */ (0, d.jsx)("a", {
+							href: y,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: l.moderationLink,
+							children: S.formatMessage({
+								id: "user_content.content_header.moderation_policy_link",
+								defaultMessage: "moderation policy"
+							})
+						})
+					] })
+				]
+			}),
+			h && !g && /* @__PURE__ */ (0, d.jsxs)("div", {
+				className: l.selectedContent,
+				children: [/* @__PURE__ */ (0, d.jsx)(n, {
+					name: "expertBadge",
+					width: 18,
+					height: 18
+				}), S.formatMessage({
+					id: "user_content.content_header.selected",
+					defaultMessage: "Selected by editor"
+				})]
+			}),
+			/* @__PURE__ */ (0, d.jsxs)("div", {
+				className: l.contentHeader,
+				children: [/* @__PURE__ */ (0, d.jsx)("div", {
+					className: l.contentHeaderAuthorBox,
+					children: p === !0 ? /* @__PURE__ */ (0, d.jsx)(c, {
+						userName: e.full_name,
+						avatarUrl: e.image_url,
+						userSlug: e.hash_id
+					}) : /* @__PURE__ */ (0, d.jsx)(s, {
+						fullName: e.full_name,
+						avatarUrl: e.image_url,
+						points: e.role === "contributor" ? e.points : null,
+						slug: e.hash_id,
+						lastActivity: e.last_activity,
+						occupation: e.occupation,
+						eloquenceTitle: e.eloquence_title,
+						showBadge: e.role === "editor" || e.role === "moderator",
+						disableLinks: m,
+						isDeleted: g,
+						language: C?.translation?.enable === !0 ? `${e.language}` : null,
+						languageDialect: C?.translation?.dialect || null
+					})
+				}), /* @__PURE__ */ (0, d.jsxs)("div", {
+					className: l.contentHeaderRight,
+					children: [t && /* @__PURE__ */ (0, d.jsx)("div", {
+						className: (0, u.default)(l.contentHeaderTagBox, r),
+						children: /* @__PURE__ */ (0, d.jsx)("div", {
+							className: l.contentHeaderTag,
+							title: t,
+							children: t
+						})
+					}), !f || p ? null : /* @__PURE__ */ (0, d.jsx)("div", {
+						"data-testid": "content-header-date",
+						className: (0, u.default)(l.contentHeaderDate),
+						"aria-label": S.formatMessage({
+							id: "user_content.content_header.date",
+							defaultMessage: "Publication date"
+						}),
+						children: x
+					})]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { f as ContentHeader };

package/dist/components/user_content/content_header/ContentHeader.module.js

@@ -0,0 +1,16 @@
+var e = {
+	contentHeaderContainer: "_contentHeaderContainer_k9pgg_3",
+	contentHeader: "_contentHeader_k9pgg_3",
+	contentHeaderAuthorBox: "_contentHeaderAuthorBox_k9pgg_16",
+	contentHeaderDate: "_contentHeaderDate_k9pgg_25",
+	contentHeaderRight: "_contentHeaderRight_k9pgg_33",
+	contentHeaderTagBox: "_contentHeaderTagBox_k9pgg_45",
+	contentHeaderTag: "_contentHeaderTag_k9pgg_45",
+	selectedContent: "_selectedContent_k9pgg_71",
+	moderationInfo: "_moderationInfo_k9pgg_86",
+	moderationReason: "_moderationReason_k9pgg_92",
+	moderationLink: "_moderationLink_k9pgg_98",
+	warningIcon: "_warningIcon_k9pgg_104"
+};
+//#endregion
+export { e as default };

package/dist/components/user_content/summary_content_box/SummaryContentBox.js

@@ -0,0 +1,72 @@
+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 { Link as n } from "../../action/link/Link.js";
+import { Icon as r } from "../../icons/icon/Icon.js";
+import { require_classnames as i } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import a from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/message.js";
+import { ReadMore as o } from "../../text/read_more/ReadMore.js";
+import { useTranslatedContent as s } from "../../translation/translated_content/useTranslatedContent.js";
+import { ContentHeader as c } from "../content_header/ContentHeader.js";
+import l from "./SummaryContentBox.module.js";
+import "react";
+//#region src/components/user_content/summary_content_box/SummaryContentBox.jsx
+var u = /* @__PURE__ */ e(i()), d = t(), f = ({ author: e, tag: t, date: i, title: f = "", content: p, link: m, contentCount: h = 0, tagClassName: g, headerOneLine: _ = !1, showFooter: v = !1, language: y, lineCount: b, translationEntries: x = [] }) => {
+	let S = s(f, y, "title", x), C = s(p, y, "content", x);
+	return /* @__PURE__ */ (0, d.jsx)("div", {
+		className: l.contentBox,
+		children: /* @__PURE__ */ (0, d.jsxs)(d.Fragment, { children: [
+			/* @__PURE__ */ (0, d.jsx)(c, {
+				author: e,
+				tag: t,
+				tagClassName: g,
+				date: i,
+				oneLine: _
+			}),
+			/* @__PURE__ */ (0, d.jsxs)("div", {
+				className: l.contentBody,
+				children: [f && /* @__PURE__ */ (0, d.jsx)("div", {
+					className: l.title,
+					children: S.translatedContent
+				}), /* @__PURE__ */ (0, d.jsx)(o, {
+					content: C.translatedContent,
+					charCount: b ? void 0 : 200,
+					lineCount: b ?? void 0,
+					to: m,
+					"data-tid": "link_argument_read_more",
+					target: "_top",
+					external: !0,
+					expandable: !0,
+					readMoreText: /* @__PURE__ */ (0, d.jsxs)("div", {
+						className: l.readMore,
+						children: [/* @__PURE__ */ (0, d.jsx)(a, {
+							id: "user_content.summary_content_box.read_more",
+							defaultMessage: "Read more"
+						}), /* @__PURE__ */ (0, d.jsx)(r, {
+							name: "arrow",
+							height: 20,
+							width: 20,
+							className: l.arrow
+						})]
+					})
+				})]
+			}),
+			v && /* @__PURE__ */ (0, d.jsx)(n, {
+				className: (0, u.default)(l.contentBoxFooter, g),
+				to: m,
+				"data-tid": "link_arguments_read_more",
+				target: "_top",
+				external: !0,
+				children: /* @__PURE__ */ (0, d.jsx)(a, {
+					id: "user_content.summary_content_box.read_more_arguments",
+					values: {
+						count: h,
+						position: t
+					},
+					defaultMessage: "Read {count} arguments \"{position}\""
+				})
+			})
+		] })
+	});
+};
+//#endregion
+export { f as SummaryContentBox };

package/dist/components/user_content/summary_content_box/SummaryContentBox.module.js

@@ -0,0 +1,10 @@
+var e = {
+	contentBox: "_contentBox_1j0hw_3",
+	contentBody: "_contentBody_1j0hw_14",
+	title: "_title_1j0hw_22",
+	contentBoxFooter: "_contentBoxFooter_1j0hw_33",
+	readMore: "_readMore_1j0hw_57",
+	arrow: "_arrow_1j0hw_63"
+};
+//#endregion
+export { e as default };

package/dist/components/user_content/use_delete_content/useDeleteContent.js

@@ -0,0 +1,46 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.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 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 { useModal as a } from "../../dialog/modal/useModal.js";
+import { ConfirmModal as o } from "../../dialog/confirm_modal/ConfirmModal.js";
+import { useToast as s } from "../../dialog/toast_provider/useToast.js";
+import { useAuthRequired as c } from "../../hooks/use_auth_required/useAuthRequired.js";
+import "react";
+//#region src/components/user_content/use_delete_content/useDeleteContent.jsx
+var l = e(), u = (e, u, d, f = !1, p, m, h) => {
+	let { showModal: g } = a(), { isLoggedIn: _ } = t(), v = i(), y = r(), b = n(), { toast: x } = s() || {}, S = c(), C = () => {
+		_ ? g(/* @__PURE__ */ (0, l.jsx)(o, {
+			title: p || v.formatMessage({
+				id: "info.delete_content_title",
+				defaultMessage: "Delete content"
+			}),
+			question: m || v.formatMessage({
+				id: "info.delete_content_question",
+				defaultMessage: "Delete contribution"
+			}),
+			confirmLabel: v.formatMessage({
+				id: "info.yes",
+				defaultMessage: "Yes"
+			}),
+			cancelLabel: v.formatMessage({
+				id: "info.no",
+				defaultMessage: "No"
+			}),
+			onConfirmCallback: () => w()
+		})) : S();
+	}, w = () => {
+		y.remove(d, [e]), x(h || v.formatMessage({
+			id: "info.delete_content_alert",
+			defaultMessage: "Your contribution has been deleted"
+		}), { type: "success" }), f ? b.update(u, e.id, { is_deleted: !0 }).then((e) => {
+			e.data.success;
+		}) : b.delete(u, e.id).then((e) => {
+			e.data.success;
+		});
+	};
+	return { deleteContent: C };
+};
+//#endregion
+export { u as useDeleteContent };