@logora/debate 0.2.1 → 0.2.2

package/dist/components/user/author_box/AuthorBox.js

@@ -1,114 +1,112 @@
-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 { useRoutes as a } from "../../data/config_provider/useRoutes.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/useIntl.js";
-import s 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 c } from "../avatar/Avatar.js";
-import { getLocaleIcon as l } from "../../util/lang_emojis/langEmojis.js";
-import u from "./AuthorBox.module.js";
+import { Link as e } from "../../action/link/Link.js";
+import { Icon as t } from "../../icons/icon/Icon.js";
+import { useRoutes as n } from "../../data/config_provider/useRoutes.js";
+import { Avatar as r } from "../avatar/Avatar.js";
+import { getLocaleIcon as i } from "../../util/lang_emojis/langEmojis.js";
+import a from "./AuthorBox.module.js";
 import "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "classnames";
+import { FormattedMessage as u, useIntl as d } from "react-intl";
 //#region src/components/user/author_box/AuthorBox.jsx
-var d = /* @__PURE__ */ e(i()), f = t(), p = ({ fullName: e, slug: t, avatarUrl: i, lastActivity: p, showBadge: m = !1, points: h = 0, eloquenceTitle: g, occupation: _, disableLinks: v = !1, isDeleted: y = !1, language: b = null, languageDialect: x = null }) => {
-	let S = o(), C = a(), w = new Date(p) > Date.now();
-	return /* @__PURE__ */ (0, f.jsxs)("div", {
-		className: (0, d.default)(u.authorBox, "author-box"),
-		children: [!t || v || y ? /* @__PURE__ */ (0, f.jsx)(c, {
-			avatarUrl: y ? null : i,
-			userName: e,
-			isOnline: w,
+var f = ({ fullName: f, slug: p, avatarUrl: m, lastActivity: h, showBadge: g = !1, points: _ = 0, eloquenceTitle: v, occupation: y, disableLinks: b = !1, isDeleted: x = !1, language: S = null, languageDialect: C = null }) => {
+	let w = d(), T = n(), E = new Date(h) > Date.now();
+	return /* @__PURE__ */ c("div", {
+		className: l(a.authorBox, "author-box"),
+		children: [!p || b || x ? /* @__PURE__ */ s(r, {
+			avatarUrl: x ? null : m,
+			userName: f,
+			isOnline: E,
 			size: 48
-		}) : /* @__PURE__ */ (0, f.jsx)(n, {
-			to: C.userShowLocation.toUrl({ userSlug: t }),
-			className: u.authorLink,
-			children: /* @__PURE__ */ (0, f.jsx)(c, {
-				avatarUrl: i,
-				userName: e,
-				isOnline: w,
+		}) : /* @__PURE__ */ s(e, {
+			to: T.userShowLocation.toUrl({ userSlug: p }),
+			className: a.authorLink,
+			children: /* @__PURE__ */ s(r, {
+				avatarUrl: m,
+				userName: f,
+				isOnline: E,
 				size: 48
 			})
-		}), /* @__PURE__ */ (0, f.jsxs)("div", {
-			className: u.authorNameBox,
-			children: [/* @__PURE__ */ (0, f.jsx)("div", {
-				className: u.authorName,
-				children: /* @__PURE__ */ (0, f.jsxs)("div", {
-					className: u.authorNameLine,
+		}), /* @__PURE__ */ c("div", {
+			className: a.authorNameBox,
+			children: [/* @__PURE__ */ s("div", {
+				className: a.authorName,
+				children: /* @__PURE__ */ c("div", {
+					className: a.authorNameLine,
 					children: [
-						!t || v || y ? /* @__PURE__ */ (0, f.jsx)("span", {
-							className: (0, d.default)(u.authorLink, {
-								[u.deleted]: y,
-								[u.linkDisabled]: !t || v
+						!p || b || x ? /* @__PURE__ */ s("span", {
+							className: l(a.authorLink, {
+								[a.deleted]: x,
+								[a.linkDisabled]: !p || b
 							}),
-							children: y ? S.formatMessage({
+							children: x ? w.formatMessage({
 								id: "user.author_box.deleted",
 								defaultMessage: "Deleted"
-							}) : e
-						}) : /* @__PURE__ */ (0, f.jsx)("div", {
-							className: u.authorLink,
-							children: /* @__PURE__ */ (0, f.jsx)(n, {
-								to: C.userShowLocation.toUrl({ userSlug: t }),
-								children: e
+							}) : f
+						}) : /* @__PURE__ */ s("div", {
+							className: a.authorLink,
+							children: /* @__PURE__ */ s(e, {
+								to: T.userShowLocation.toUrl({ userSlug: p }),
+								children: f
 							})
 						}),
-						m && !y && /* @__PURE__ */ (0, f.jsxs)("div", {
-							className: u.expertContainer,
-							children: [/* @__PURE__ */ (0, f.jsx)(r, {
+						g && !x && /* @__PURE__ */ c("div", {
+							className: a.expertContainer,
+							children: [/* @__PURE__ */ s(t, {
 								name: "expertBadge",
 								width: 14,
 								height: 14
-							}), /* @__PURE__ */ (0, f.jsx)("span", {
-								className: u.expertBadge,
-								children: S.formatMessage({
+							}), /* @__PURE__ */ s("span", {
+								className: a.expertBadge,
+								children: w.formatMessage({
 									id: "user.author_box.expert",
 									defaultMessage: "Journalist"
 								})
 							})]
 						}),
-						b && x && /* @__PURE__ */ (0, f.jsx)("div", {
-							className: u.languageContainer,
-							children: l(b, x)
+						S && C && /* @__PURE__ */ s("div", {
+							className: a.languageContainer,
+							children: i(S, C)
 						})
 					]
 				})
-			}), !y && /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [/* @__PURE__ */ (0, f.jsxs)("div", {
-				className: u.authorPointsBox,
-				children: [h != null && /* @__PURE__ */ (0, f.jsx)("div", {
-					className: u.authorPoints,
-					"aria-label": S.formatMessage({
+			}), !x && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
+				className: a.authorPointsBox,
+				children: [_ != null && /* @__PURE__ */ s("div", {
+					className: a.authorPoints,
+					"aria-label": w.formatMessage({
 						id: "user.author_box.aria_label",
 						defaultMessage: "User points"
 					}),
-					children: /* @__PURE__ */ (0, f.jsxs)("span", { children: [
-						S.formatNumber(h, {
+					children: /* @__PURE__ */ c("span", { children: [
+						w.formatNumber(_, {
 							notation: "compact",
 							maximumFractionDigits: 1,
 							roundingMode: "floor"
 						}),
 						" ",
-						/* @__PURE__ */ (0, f.jsx)(s, {
+						/* @__PURE__ */ s(u, {
 							id: "user.author_box.points",
 							defaultMessage: "points",
-							values: { count: h }
+							values: { count: _ }
 						})
 					] })
-				}), g && /* @__PURE__ */ (0, f.jsxs)(f.Fragment, { children: [/* @__PURE__ */ (0, f.jsx)("span", { className: u.separator }), /* @__PURE__ */ (0, f.jsx)("div", {
-					className: u.authorEloquence,
-					children: /* @__PURE__ */ (0, f.jsx)("span", { children: S.formatMessage({
-						id: "gamification.badge_box." + g + ".reward",
+				}), v && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", { className: a.separator }), /* @__PURE__ */ s("div", {
+					className: a.authorEloquence,
+					children: /* @__PURE__ */ s("span", { children: w.formatMessage({
+						id: "gamification.badge_box." + v + ".reward",
 						defaultMessage: "Eloquence title"
 					}) })
 				})] })]
-			}), _ && /* @__PURE__ */ (0, f.jsx)("div", {
-				className: u.occupationBox,
-				children: /* @__PURE__ */ (0, f.jsx)("span", {
-					className: u.authorPoints,
-					children: _
+			}), y && /* @__PURE__ */ s("div", {
+				className: a.occupationBox,
+				children: /* @__PURE__ */ s("span", {
+					className: a.authorPoints,
+					children: y
 				})
 			})] })]
 		})]
 	});
 };
 //#endregion
-export { p as AuthorBox };
+export { f as AuthorBox };

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

@@ -1,54 +1,53 @@
-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 r 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 { Tooltip as i } from "../../dialog/tooltip/Tooltip.js";
-import a from "./Avatar.module.js";
-import { DefaultAvatarIcon as o } from "./DefaultAvatar.js";
-import { useState as s } from "react";
+import { Tooltip as e } from "../../dialog/tooltip/Tooltip.js";
+import t from "./Avatar.module.js";
+import { DefaultAvatarIcon as n } from "./DefaultAvatar.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "classnames";
+import { useIntl as s } from "react-intl";
 //#region src/components/user/avatar/Avatar.jsx
-var c = /* @__PURE__ */ e(n()), l = t(), u = ({ avatarUrl: e, userName: t, isOnline: n = !1, showTooltip: u = !1, size: d = 40, className: f, ...p }) => {
-	let [m, h] = s(!1), g = r(), _ = {
+var c = ({ avatarUrl: c, userName: l, isOnline: u = !1, showTooltip: d = !1, size: f = 40, className: p, ...m }) => {
+	let [h, g] = r(!1), _ = s(), v = {
 		loading: "lazy",
-		className: (0, c.default)(a.avatarImage, f),
-		height: d,
-		width: d,
-		...p
-	}, v = {
-		width: `${d}px`,
-		height: `${d}px`
-	}, y = () => e && !m ? /* @__PURE__ */ (0, l.jsx)("img", {
-		..._,
-		style: v,
-		src: e,
-		alt: g.formatMessage({
+		className: o(t.avatarImage, p),
+		height: f,
+		width: f,
+		...m
+	}, y = {
+		width: `${f}px`,
+		height: `${f}px`
+	}, b = () => c && !h ? /* @__PURE__ */ i("img", {
+		...v,
+		style: y,
+		src: c,
+		alt: _.formatMessage({
 			id: "user.avatar.alt",
 			defaultMessage: "{name}'s profile picture"
-		}, { name: t }),
+		}, { name: l }),
 		onError: () => {
-			h(!0);
+			g(!0);
 		}
-	}) : /* @__PURE__ */ (0, l.jsx)(o, {
-		..._,
-		style: v,
+	}) : /* @__PURE__ */ i(n, {
+		...v,
+		style: y,
 		"data-testid": "avatar-icon"
 	});
-	return /* @__PURE__ */ (0, l.jsx)("div", {
-		className: a.avatarContainer,
-		children: u || n ? /* @__PURE__ */ (0, l.jsx)(i, {
-			text: n ? g.formatMessage({
+	return /* @__PURE__ */ i("div", {
+		className: t.avatarContainer,
+		children: d || u ? /* @__PURE__ */ i(e, {
+			text: u ? _.formatMessage({
 				id: "user.avatar.online",
 				defaultMessage: "{name} is online"
-			}, { name: t }) : t,
-			children: /* @__PURE__ */ (0, l.jsxs)("div", {
-				className: a.avatarBox,
-				children: [y(), n ? /* @__PURE__ */ (0, l.jsx)("span", {
+			}, { name: l }) : l,
+			children: /* @__PURE__ */ a("div", {
+				className: t.avatarBox,
+				children: [b(), u ? /* @__PURE__ */ i("span", {
 					"data-testid": "online-pin",
-					className: a.onlinePin
+					className: t.onlinePin
 				}) : null]
 			})
-		}) : y()
+		}) : b()
 	});
 };
 //#endregion
-export { u as Avatar };
+export { c as Avatar };

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

@@ -1,16 +1,16 @@
-import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
 import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 //#region src/components/user/avatar/DefaultAvatar.jsx
-var t = e(), n = (e) => /* @__PURE__ */ (0, t.jsx)("svg", {
+var n = (n) => /* @__PURE__ */ e("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", {
+	...n,
+	children: /* @__PURE__ */ t("g", { children: [/* @__PURE__ */ e("path", {
 		d: "M-36.103 292.103V-36.103h328.206v328.206z",
 		fill: "#ececec"
-	}), /* @__PURE__ */ (0, t.jsxs)("g", {
+	}), /* @__PURE__ */ t("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" })]
+		children: [/* @__PURE__ */ e("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__ */ e("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

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

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