@logora/debate 0.1.0 → 0.2.0

package/dist/components/user/avatar/Avatar.module.js

@@ -0,0 +1,8 @@
+var e = {
+	avatarContainer: "_avatarContainer_pgyns_1",
+	avatarBox: "_avatarBox_pgyns_5",
+	onlinePin: "_onlinePin_pgyns_9",
+	avatarImage: "_avatarImage_pgyns_21"
+};
+//#endregion
+export { e as default };

package/dist/components/user/avatar/DefaultAvatar.js

@@ -0,0 +1,17 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import "react";
+//#region src/components/user/avatar/DefaultAvatar.jsx
+var t = e(), n = (e) => /* @__PURE__ */ (0, t.jsx)("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 256 256",
+	...e,
+	children: /* @__PURE__ */ (0, t.jsxs)("g", { children: [/* @__PURE__ */ (0, t.jsx)("path", {
+		d: "M-36.103 292.103V-36.103h328.206v328.206z",
+		fill: "#ececec"
+	}), /* @__PURE__ */ (0, t.jsxs)("g", {
+		fill: "#cecece",
+		children: [/* @__PURE__ */ (0, t.jsx)("path", { d: "m102.812 166.253.168.1a48.702 48.702 0 0 0 3.938 2.15l.315.146c.537.255 1.08.503 1.628.739.171.074.343.151.517.223a47.8 47.8 0 0 0 1.905.755c.1.036.2.068.3.108.56.204 1.13.395 1.7.577.25.082.498.156.747.232.454.137.91.265 1.37.389.232.062.463.13.7.192.63.157 1.267.305 1.908.443a62.288 62.288 0 0 0 2.155.4c.251.041.5.083.752.121.673.1 1.348.19 2.031.26.156.018.312.028.467.042.585.054 1.172.102 1.764.133.21.012.417.026.627.034.73.034 1.463.056 2.202.056s1.472-.024 2.2-.056c.21-.008.418-.022.63-.034a51.24 51.24 0 0 0 1.759-.133c.155-.014.313-.024.467-.042a45.391 45.391 0 0 0 2.785-.382c.47-.08.937-.161 1.402-.25l.757-.149a53.906 53.906 0 0 0 1.905-.443c.238-.06.471-.13.709-.194.455-.124.906-.25 1.354-.387a41.645 41.645 0 0 0 2.434-.803c.112-.042.225-.08.337-.12a52.548 52.548 0 0 0 1.88-.749c.175-.072.353-.15.528-.225a43.299 43.299 0 0 0 1.94-.887 46.787 46.787 0 0 0 4.105-2.254c13.941-8.55 23.266-23.966 23.266-41.532.004-26.813-21.737-48.63-48.46-48.63S79.538 97.9 79.538 124.715c0 17.566 9.329 32.985 23.274 41.538z" }), /* @__PURE__ */ (0, t.jsx)("path", { d: "M212.71 220.194c-8.917-25.882-27.953-42.126-56.587-48.292a58.546 58.546 0 0 1-1.977 1.126l-.126.066a51.997 51.997 0 0 1-2.072 1.064l-.332.164a58.28 58.28 0 0 1-2.22 1.01l-.336.138a57.89 57.89 0 0 1-1.86.735l-.68.251a52.735 52.735 0 0 1-2.094.711c-.184.058-.37.11-.555.166a68.15 68.15 0 0 1-1.75.501c-.283.074-.569.15-.854.22-.605.15-1.212.291-1.825.423-.258.056-.52.108-.78.162-.636.126-1.275.24-1.916.343-.274.044-.545.088-.82.126-.684.098-1.369.188-2.055.262-.132.016-.264.034-.394.044a59.644 59.644 0 0 1-2.328.181l-.659.032a54.2 54.2 0 0 1-2.486.064c-.83 0-1.657-.028-2.486-.064l-.659-.032a56.258 56.258 0 0 1-2.328-.181c-.13-.012-.262-.03-.394-.044a58.918 58.918 0 0 1-2.875-.388 55.75 55.75 0 0 1-1.917-.343c-.26-.054-.52-.106-.777-.162a56.36 56.36 0 0 1-1.827-.423c-.285-.07-.569-.146-.852-.22a65.176 65.176 0 0 1-1.754-.501l-.55-.164a55.176 55.176 0 0 1-4.641-1.703l-.33-.134a54.24 54.24 0 0 1-2.224-1.01l-.328-.162c-.7-.34-1.391-.697-2.08-1.068-.04-.024-.08-.042-.12-.064a58.812 58.812 0 0 1-1.983-1.126c-28.714 6.182-47.773 22.498-56.66 48.5-5.205 15.241-5.255 29.52-4.991 35.393h179.546c.262-5.912.202-20.33-5.064-35.6z" })]
+	})] })
+});
+//#endregion
+export { n as DefaultAvatarIcon };

package/dist/components/user/avatar_selector/AvatarSelector.js

@@ -0,0 +1,108 @@
+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 { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { Button as r } from "../../action/button/Button.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 { Avatar as a } from "../avatar/Avatar.js";
+import o from "./AvatarSelector.module.js";
+import { useState as s } from "react";
+//#region src/components/user/avatar_selector/AvatarSelector.jsx
+var c = /* @__PURE__ */ e(n()), l = t(), u = ({ avatarUrlList: e, onChooseAvatar: t, userName: n, allowUserImage: u }) => {
+	let d = i(), [f, p] = s(!1), [m, h] = s(!1), [g, _] = s(!1), v = (e) => {
+		t(e || m);
+	}, y = (e) => {
+		let t = e[0];
+		if (t && t.type.includes("image/")) {
+			h(t);
+			let e = new FileReader();
+			e.onloadend = () => {
+				_(e.result);
+			}, e.readAsDataURL(t);
+		}
+	};
+	return /* @__PURE__ */ (0, l.jsxs)(l.Fragment, { children: [
+		u && /* @__PURE__ */ (0, l.jsxs)(l.Fragment, { children: [
+			/* @__PURE__ */ (0, l.jsx)("div", {
+				className: o.title,
+				children: d.formatMessage({
+					id: "user.avatar_selector.user_image_title",
+					defaultMessage: "Import image of your choice"
+				})
+			}),
+			/* @__PURE__ */ (0, l.jsx)("input", {
+				"data-testid": "avatar-input",
+				id: "user_image",
+				className: o.imageInput,
+				name: "user_image",
+				type: "file",
+				accept: "image/*",
+				onChange: (e) => y(e.target.files)
+			}),
+			/* @__PURE__ */ (0, l.jsxs)("div", {
+				className: o.uploadAvatarContainer,
+				children: [g && /* @__PURE__ */ (0, l.jsx)("img", {
+					"data-testid": "upload-avatar",
+					src: g,
+					alt: d.formatMessage({
+						id: "user.avatar_selector.avatar",
+						defaultMessage: "Selected profile picture"
+					}),
+					className: o.uploadedAvatar
+				}), /* @__PURE__ */ (0, l.jsx)("label", {
+					htmlFor: "user_image",
+					className: o.imageInputLabel,
+					children: d.formatMessage({
+						id: "user.avatar_selector.upload_input",
+						defaultMessage: "Upload an image"
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, l.jsx)("div", {
+				className: (0, c.default)(o.title, o.avatarListTitle),
+				children: d.formatMessage({
+					id: "user.avatar_selector.avatar_list_title",
+					defaultMessage: "Or choose from one of our avatars"
+				})
+			})
+		] }),
+		f && u && /* @__PURE__ */ (0, l.jsx)("div", {
+			onClick: () => p(!1),
+			className: o.cancelSelection,
+			children: d.formatMessage({
+				id: "user.avatar_selector.cancel_selection",
+				defaultMessage: "Cancel selection"
+			})
+		}),
+		/* @__PURE__ */ (0, l.jsx)("div", {
+			className: (0, c.default)(o.avatarList, { [o.userChoice]: f || m }),
+			children: e.map((e, t) => /* @__PURE__ */ (0, l.jsx)(a, {
+				size: 70,
+				avatarUrl: e,
+				userName: n,
+				onClick: () => p(e),
+				className: (0, c.default)(o.avatar, { [o.selected]: e === f }),
+				"data-testid": "avatar"
+			}, t))
+		}),
+		(f || m) && /* @__PURE__ */ (0, l.jsxs)("div", {
+			className: o.confirm,
+			children: [/* @__PURE__ */ (0, l.jsx)("img", {
+				src: f || g || void 0,
+				alt: d.formatMessage({
+					id: "user.avatar_selector.avatar",
+					defaultMessage: "Selected profile picture"
+				}),
+				className: o.chosenAvatar
+			}), /* @__PURE__ */ (0, l.jsx)(r, {
+				handleClick: () => v(f || m),
+				className: o.button,
+				children: d.formatMessage({
+					id: "user.avatar_selector.confirm",
+					defaultMessage: "Choose this image"
+				})
+			})]
+		})
+	] });
+};
+//#endregion
+export { u as AvatarSelector };

package/dist/components/user/avatar_selector/AvatarSelector.module.js

@@ -0,0 +1,18 @@
+var e = {
+	title: "_title_11j5r_3",
+	avatarListTitle: "_avatarListTitle_11j5r_8",
+	uploadAvatarContainer: "_uploadAvatarContainer_11j5r_15",
+	imageInput: "_imageInput_11j5r_20",
+	imageInputLabel: "_imageInputLabel_11j5r_24",
+	avatarList: "_avatarList_11j5r_8",
+	userChoice: "_userChoice_11j5r_47",
+	cancelSelection: "_cancelSelection_11j5r_51",
+	avatar: "_avatar_11j5r_8",
+	selected: "_selected_11j5r_71",
+	uploadedAvatar: "_uploadedAvatar_11j5r_76",
+	chosenAvatar: "_chosenAvatar_11j5r_84",
+	confirm: "_confirm_11j5r_91",
+	button: "_button_11j5r_106"
+};
+//#endregion
+export { e as default };

package/dist/components/user/update_user_info_modal/UpdateUserInfoModal.js

@@ -0,0 +1,251 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Icon as t } from "../../icons/icon/Icon.js";
+import { Button as n } from "../../action/button/Button.js";
+import { useAuth as r } from "../../auth/use_auth/useAuth.js";
+import { useDataProvider as i } from "../../data/data_provider/useDataProvider.js";
+import { useConfig as a } from "../../data/config_provider/useConfig.js";
+import { useResponsive as o } from "../../hooks/use_responsive/useResponsive.js";
+import { Loader as s } from "../../progress/loader/Loader.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 l 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 { TextInput as u } from "../../input/text_input/TextInput.js";
+import { Select as d } from "../../input/select/Select.js";
+import { useModal as f } from "../../dialog/modal/useModal.js";
+import { Modal as p } from "../../dialog/modal/Modal.js";
+import { Toggle as m } from "../../input/toggle/Toggle.js";
+import { useFormValidation as h } from "../../forms/use_form_validation/useFormValidation.js";
+import { AvatarSelector as g } from "../avatar_selector/AvatarSelector.js";
+import _ from "./UpdateUserInfoModal.module.js";
+import { useState as v } from "react";
+//#region src/components/user/update_user_info_modal/UpdateUserInfoModal.jsx
+var y = e(), b = ({ termsUrl: e, privacyUrl: b, showEmailConsent: x = !1, showTerms: S = !1 }) => {
+	let C = r(), w = i(), T = c(), E = a(), D = [...Array(E.avatars?.maxFileName || 0).keys()].map((e) => `${E.avatars?.baseUrl}/${e + 1}.${E.avatars?.fileExtension}`), [O, k] = v(C.currentUser.first_name || ""), [A, j] = v(C.currentUser.description || ""), [M, N] = v(C.currentUser.last_name || ""), [P, F] = v(C.currentUser.language), [I, L] = v(!1), [R, z] = v(C.currentUser.image_url), [B, V] = v(null), [H, U] = v(!1), [W, G] = v(!1), { isMobile: K } = o(), { errors: q, validate: J } = h(), { hideModal: Y } = f(), [X, Z] = v(!1), [Q, $] = v(!1), ee = (e) => {
+		let t = new FileReader();
+		t.onloadend = () => {
+			z(t.result);
+		}, t.readAsDataURL(e);
+	}, te = [
+		{ first_name: ["required", null] },
+		{ first_name: ["minChar", 2] },
+		{ last_name: ["required", null] },
+		{ last_name: ["minChar", 2] },
+		{ language: ["required", null] },
+		...S ? [{ accepts_terms: ["enforceValue", !0] }] : []
+	], ne = (e) => {
+		e.preventDefault();
+		let t = {};
+		if (O && (t.first_name = O), M && (t.last_name = M), P && (t.language = P), B && H && (t.image = B), B && !H && (t.origin_image_url = B), A && (t.description = A), x && (t.accepts_provider_email = Q), S && (t.accepts_terms = X), t.is_onboarded = !0, J(t, te)) {
+			G(!0);
+			let e = new FormData();
+			Object.entries(t).forEach(([t, n]) => {
+				e.append(t, n);
+			}), w.update("users", C.currentUser.slug, e).then((e) => {
+				e.data.success && C.setCurrentUser(e.data.data.resource), Y();
+			});
+		}
+	};
+	return /* @__PURE__ */ (0, y.jsx)(p, {
+		"data-vid": "update_user_info_modal",
+		title: T.formatMessage({
+			id: "modal.update_user_info_modal.modal_title",
+			defaultMessage: "Update your profile"
+		}),
+		style: {
+			width: K ? "unset" : "max-content",
+			minWidth: K ? "unset" : "500px",
+			maxWidth: "800px"
+		},
+		showCloseButton: !1,
+		disableClickOutside: !0,
+		children: W ? /* @__PURE__ */ (0, y.jsx)(s, {}) : I ? /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [/* @__PURE__ */ (0, y.jsx)(g, {
+			onChooseAvatar: (e) => {
+				V(e), L(!1), /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/i.test(e) ? (z(e), U(!1)) : (U(!0), ee(e));
+			},
+			avatarUrlList: D,
+			userName: C.currentUser.full_name,
+			allowUserImage: E.avatars?.allowUserImage
+		}), /* @__PURE__ */ (0, y.jsx)("div", {
+			className: _.backButton,
+			onClick: () => L(!1),
+			children: T.formatMessage({
+				id: "user.user_edit.back",
+				defaultMessage: "Back"
+			})
+		})] }) : /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [
+			/* @__PURE__ */ (0, y.jsxs)("div", {
+				className: _.container,
+				children: [/* @__PURE__ */ (0, y.jsxs)("div", {
+					className: _.userImageContainer,
+					children: [R ? /* @__PURE__ */ (0, y.jsx)("img", {
+						className: _.userPictureUpload,
+						src: R,
+						alt: T.formatMessage({
+							id: "alt.my_profile_picture",
+							defaultMessage: "Ma photo de profil"
+						})
+					}) : /* @__PURE__ */ (0, y.jsx)("div", {
+						className: _.userPictureUpload,
+						children: /* @__PURE__ */ (0, y.jsx)(t, {
+							name: "camera",
+							height: 20,
+							width: 20,
+							alt: T.formatMessage({
+								id: "user.user_edit.profile_picture",
+								defaultMessage: "Profile picture"
+							})
+						})
+					}), /* @__PURE__ */ (0, y.jsx)(n, {
+						"data-testid": "avatar-button",
+						"data-tid": "action_save_profile",
+						onClick: () => L(!0),
+						style: { whiteSpace: "nowrap" },
+						children: T.formatMessage({
+							id: "user.user_edit.avatar",
+							defaultMessage: "Select an avatar"
+						})
+					})]
+				}), /* @__PURE__ */ (0, y.jsxs)("div", {
+					className: _.inputsContainer,
+					children: [
+						/* @__PURE__ */ (0, y.jsxs)("div", {
+							className: _.nameContainer,
+							children: [/* @__PURE__ */ (0, y.jsx)("div", {
+								className: _.updateProfileInput,
+								children: /* @__PURE__ */ (0, y.jsx)(u, {
+									type: "text",
+									name: "first_name",
+									"aria-label": T.formatMessage({
+										id: "auth.signup_form.first_name.aria_label",
+										defaultMessage: "First name"
+									}),
+									placeholder: T.formatMessage({
+										id: "auth_signup_form_first_name_placeholder",
+										defaultMessage: "First name"
+									}),
+									onChange: (e) => E.actions?.disableOnboardingNameUpdate === !0 ? null : k(e.target.value),
+									value: O,
+									error: !!q.first_name,
+									message: q.first_name,
+									"data-testid": "first-name",
+									disabled: E.actions?.disableOnboardingNameUpdate === !0
+								})
+							}), /* @__PURE__ */ (0, y.jsx)("div", {
+								className: _.updateProfileInput,
+								children: /* @__PURE__ */ (0, y.jsx)(u, {
+									type: "text",
+									name: "last_name",
+									"aria-label": T.formatMessage({
+										id: "auth.signup_form.last_name.aria_label",
+										defaultMessage: "Last name"
+									}),
+									placeholder: T.formatMessage({
+										id: "auth_signup_form_last_name_placeholder",
+										defaultMessage: "Last name"
+									}),
+									onChange: (e) => E.actions?.disableOnboardingNameUpdate === !0 ? null : N(e.target.value),
+									value: M,
+									error: !!q.last_name,
+									message: q.last_name,
+									"data-testid": "last-name",
+									disabled: E.actions?.disableOnboardingNameUpdate === !0
+								})
+							})]
+						}),
+						E.actions?.disableNameUpdate == 1 && E.actions?.disableOnboardingNameUpdate != 1 && /* @__PURE__ */ (0, y.jsx)("div", {
+							className: _.hint,
+							children: T.formatMessage({
+								id: "user.user_edit.user_name_hint",
+								defaultMessage: "last name"
+							})
+						}),
+						E.translation?.translationMethods && Object.keys(E.translation.translationMethods).length > 0 && /* @__PURE__ */ (0, y.jsx)(d, {
+							selectClassName: _.langSelect,
+							options: Object.keys(E.translation.translationMethods).map((e) => ({
+								name: e,
+								value: e,
+								text: `${e.toUpperCase()}`
+							})),
+							defaultOption: P,
+							onChange: (e) => F(e.value)
+						}),
+						/* @__PURE__ */ (0, y.jsx)("div", {
+							className: _.userDescription,
+							children: /* @__PURE__ */ (0, y.jsx)("textarea", {
+								className: _.textArea,
+								placeholder: T.formatMessage({
+									id: "user.user_edit.user_description",
+									defaultMessage: "Describe yourself in a few words"
+								}),
+								value: A,
+								onChange: (e) => j(e.target.value),
+								maxLength: 500,
+								"data-testid": "description"
+							})
+						})
+					]
+				})]
+			}),
+			S && /* @__PURE__ */ (0, y.jsx)("div", {
+				className: _.toggle,
+				children: /* @__PURE__ */ (0, y.jsx)(m, {
+					type: "checkbox",
+					name: "accepts_terms",
+					style: { fontSize: 18 },
+					checked: X,
+					label: /* @__PURE__ */ (0, y.jsx)(l, {
+						id: "modal.update_user_info_modal.accepts_terms",
+						defaultMessage: "I declare I have read the <var1>General Conditions of Use</var1> and the <var2>Privacy policy</var2> of the debate space and accept them.",
+						values: {
+							var1: (t) => /* @__PURE__ */ (0, y.jsx)("a", {
+								className: _.cgu,
+								target: "_blank",
+								href: e,
+								rel: "noreferrer",
+								children: t
+							}),
+							var2: (e) => /* @__PURE__ */ (0, y.jsx)("a", {
+								className: _.cgu,
+								target: "_blank",
+								href: b,
+								rel: "noreferrer",
+								children: e
+							})
+						}
+					}),
+					onInputChanged: (e) => Z(!X),
+					message: q.accepts_terms,
+					"data-testid": "accepts-terms-input"
+				})
+			}),
+			x && /* @__PURE__ */ (0, y.jsx)("div", {
+				className: _.toggle,
+				children: /* @__PURE__ */ (0, y.jsx)(m, {
+					type: "checkbox",
+					name: "accepts_provider_email",
+					style: { fontSize: 18 },
+					checked: Q,
+					label: T.formatMessage({
+						id: "modal.update_user_info_modal.consent_label",
+						defaultMessage: "I agree to receive emails from the editor"
+					}, { provider: E.provider?.companyName }),
+					onInputChanged: (e) => $(!Q),
+					"data-testid": "accepts-email-input"
+				})
+			}),
+			/* @__PURE__ */ (0, y.jsx)("div", {
+				className: _.userSaveBox,
+				children: /* @__PURE__ */ (0, y.jsx)(n, {
+					"data-testid": "save-button",
+					"data-tid": "action_save_profile",
+					onClick: (e) => ne(e),
+					children: T.formatMessage({
+						id: "user.user_edit.save",
+						defaultMessage: "Save"
+					})
+				})
+			})
+		] })
+	});
+};
+//#endregion
+export { b as UpdateUserInfoModal };

package/dist/components/user/update_user_info_modal/UpdateUserInfoModal.module.js

@@ -0,0 +1,23 @@
+var e = {
+	container: "_container_6t85s_3",
+	nameContainer: "_nameContainer_6t85s_22",
+	inputsContainer: "_inputsContainer_6t85s_48",
+	hint: "_hint_6t85s_61",
+	langSelect: "_langSelect_6t85s_67",
+	textArea: "_textArea_6t85s_71",
+	filled: "_filled_6t85s_92",
+	success: "_success_6t85s_108",
+	error: "_error_6t85s_114",
+	userSaveBox: "_userSaveBox_6t85s_129",
+	dialog: "_dialog_6t85s_134",
+	userPictureUpload: "_userPictureUpload_6t85s_138",
+	userImageContainer: "_userImageContainer_6t85s_156",
+	formFooterTerms: "_formFooterTerms_6t85s_162",
+	termsLink: "_termsLink_6t85s_168",
+	backButton: "_backButton_6t85s_172",
+	toggle: "_toggle_6t85s_179",
+	cgu: "_cgu_6t85s_184",
+	required: "_required_6t85s_190"
+};
+//#endregion
+export { e as default };

package/dist/components/user/update_user_info_modal/useUpdateUserInfo.js

@@ -0,0 +1,26 @@
+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 { useConfig as n } from "../../data/config_provider/useConfig.js";
+import { useModal as r } from "../../dialog/modal/useModal.js";
+import { UpdateUserInfoModal as i } from "./UpdateUserInfoModal.js";
+import { useEffect as a } from "react";
+//#region src/components/user/update_user_info_modal/useUpdateUserInfo.jsx
+var o = e(), s = () => {
+	let { currentUser: e, isLoggedIn: s } = t(), { showModal: c, isModalPresent: l } = r(), u = n(), d = () => {
+		c(/* @__PURE__ */ (0, o.jsx)(i, {
+			showEmailConsent: u.auth?.showEmailConsent,
+			showTerms: u.auth?.hideCgu !== !0,
+			termsUrl: u.provider?.cguUrl || "https://www.logora.com/blog-posts/cgu",
+			privacyUrl: u.provider?.privacyUrl || "https://www.logora.com/blog-posts/privacy-policy"
+		}));
+	};
+	return a(() => {
+		!l && s && e.is_onboarded === !1 && u.auth?.showOnboarding === !0 && d();
+	}, [
+		l,
+		s,
+		u.auth?.showOnboarding
+	]), null;
+};
+//#endregion
+export { s as useUpdateUserInfo };

package/dist/components/user/user_box/UserBox.js

@@ -0,0 +1,82 @@
+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 { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { useRoutes as i } from "../../data/config_provider/useRoutes.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 o 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 { Avatar as s } from "../avatar/Avatar.js";
+import c from "./UserBox.module.js";
+import "react";
+//#region src/components/user/user_box/UserBox.jsx
+var l = /* @__PURE__ */ e(r()), u = t(), d = ({ user: e }) => {
+	let t = a(), r = i();
+	return /* @__PURE__ */ (0, u.jsxs)("div", {
+		className: (0, l.default)(c.userBox, "author-box"),
+		children: [/* @__PURE__ */ (0, u.jsx)("div", {
+			className: c.userBoxHeader,
+			children: /* @__PURE__ */ (0, u.jsx)(n, {
+				to: r.userShowLocation.toUrl({ userSlug: e.hash_id }),
+				"aria-label": t.formatMessage({
+					id: "user.user_box.author_link.aria_label",
+					defaultMessage: "View profile"
+				}),
+				children: /* @__PURE__ */ (0, u.jsx)(s, {
+					"data-tid": "action_view_user_image",
+					userName: e.full_name,
+					avatarUrl: e.image_url,
+					isOnline: new Date(e.last_activity) > Date.now(),
+					size: 60
+				})
+			})
+		}), /* @__PURE__ */ (0, u.jsxs)("div", {
+			className: c.userBoxDescription,
+			children: [
+				/* @__PURE__ */ (0, u.jsx)(n, {
+					to: r.userShowLocation.toUrl({ userSlug: e.hash_id }),
+					children: /* @__PURE__ */ (0, u.jsx)("div", {
+						"data-tid": "action_view_user_name",
+						className: c.userBoxName,
+						title: e.full_name,
+						children: e.full_name
+					})
+				}),
+				e.role === "contributor" && /* @__PURE__ */ (0, u.jsx)(n, {
+					to: r.userShowLocation.toUrl({ userSlug: e.hash_id }),
+					hash: "activity",
+					children: /* @__PURE__ */ (0, u.jsx)("div", {
+						className: c.userBoxPoints,
+						children: /* @__PURE__ */ (0, u.jsx)("span", { children: /* @__PURE__ */ (0, u.jsx)(o, {
+							id: "user.user_box.points",
+							values: { count: e.points },
+							defaultMessage: "{count} points"
+						}) })
+					})
+				}),
+				/* @__PURE__ */ (0, u.jsx)(n, {
+					to: r.userShowLocation.toUrl({ userSlug: e.hash_id }),
+					children: /* @__PURE__ */ (0, u.jsxs)("div", {
+						className: c.userBoxStats,
+						children: [/* @__PURE__ */ (0, u.jsx)("div", {
+							className: c.userDebates,
+							children: /* @__PURE__ */ (0, u.jsx)(o, {
+								id: "user.user_box.user_arguments",
+								values: { count: e.messages_count },
+								defaultMessage: "{count} arguments"
+							})
+						}), /* @__PURE__ */ (0, u.jsx)("div", {
+							className: c.userVotes,
+							children: /* @__PURE__ */ (0, u.jsx)(o, {
+								id: "user.user_box.user_votes",
+								values: { count: e.upvotes },
+								defaultMessage: "{count} votes"
+							})
+						})]
+					})
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { d as UserBox };

package/dist/components/user/user_box/UserBox.module.js

@@ -0,0 +1,13 @@
+var e = {
+	userBox: "_userBox_1hkol_3",
+	userBoxHeader: "_userBoxHeader_1hkol_20",
+	userBoxConnectedPin: "_userBoxConnectedPin_1hkol_24",
+	userBoxImage: "_userBoxImage_1hkol_36",
+	userBoxDescription: "_userBoxDescription_1hkol_44",
+	userBoxName: "_userBoxName_1hkol_53",
+	userBoxPoints: "_userBoxPoints_1hkol_70",
+	userBoxStats: "_userBoxStats_1hkol_81",
+	userCount: "_userCount_1hkol_88"
+};
+//#endregion
+export { e as default };

package/dist/components/user/user_box_small/UserBoxSmall.js

@@ -0,0 +1,44 @@
+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 { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { useRoutes as i } from "../../data/config_provider/useRoutes.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 { Avatar as o } from "../avatar/Avatar.js";
+import s from "./UserBoxSmall.module.js";
+import "react";
+//#region src/components/user/user_box_small/UserBoxSmall.jsx
+var c = /* @__PURE__ */ e(r()), l = t(), u = ({ userName: e, avatarUrl: t, userSlug: r }) => {
+	let u = a(), d = i();
+	return /* @__PURE__ */ (0, l.jsxs)("div", {
+		className: (0, c.default)(s.authorContainer, "author-box"),
+		children: [/* @__PURE__ */ (0, l.jsx)(n, {
+			to: d.userShowLocation.toUrl({ userSlug: r }),
+			className: s.authorLink,
+			target: "_top",
+			"aria-label": u.formatMessage({
+				id: "user.user_box_small.author_link.aria_label",
+				defaultMessage: "View profile"
+			}),
+			children: /* @__PURE__ */ (0, l.jsx)(o, {
+				avatarUrl: t,
+				userName: e,
+				size: 25
+			})
+		}), /* @__PURE__ */ (0, l.jsx)("div", {
+			className: s.authorName,
+			children: /* @__PURE__ */ (0, l.jsx)(n, {
+				to: d.userShowLocation.toUrl({ userSlug: r }),
+				className: s.authorLink,
+				target: "_top",
+				"aria-label": u.formatMessage({
+					id: "user.user_box_small.author_link.aria_label",
+					defaultMessage: "View profile"
+				}),
+				children: e
+			})
+		})]
+	});
+};
+//#endregion
+export { u as UserBoxSmall };

package/dist/components/user/user_box_small/UserBoxSmall.module.js

@@ -0,0 +1,6 @@
+var e = {
+	authorContainer: "_authorContainer_u1moq_3",
+	authorName: "_authorName_u1moq_9"
+};
+//#endregion
+export { e as default };