@logora/debate 0.4.41 → 0.4.42

package/dist/components/user/{onboarding_modal/OnboardingModal.js → update_user_info_modal/UpdateUserInfoModal.js}

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

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

@@ -0,0 +1,29 @@
+import '../../../assets/components/user/update_user_info_modal/UpdateUserInfoModal.module-DJym6u4r.css';const t = "_container_6t85s_3", n = "_nameContainer_6t85s_22", e = "_inputsContainer_6t85s_48", s = "_hint_6t85s_61", o = "_langSelect_6t85s_67", _ = "_textArea_6t85s_71", a = "_userSaveBox_6t85s_129", c = "_userPictureUpload_6t85s_138", r = "_userImageContainer_6t85s_156", u = "_backButton_6t85s_172", i = "_toggle_6t85s_179", g = "_cgu_6t85s_184", l = {
+  container: t,
+  nameContainer: n,
+  inputsContainer: e,
+  hint: s,
+  langSelect: o,
+  textArea: _,
+  userSaveBox: a,
+  userPictureUpload: c,
+  userImageContainer: r,
+  backButton: u,
+  toggle: i,
+  cgu: g
+};
+export {
+  u as backButton,
+  g as cgu,
+  t as container,
+  l as default,
+  s as hint,
+  e as inputsContainer,
+  o as langSelect,
+  n as nameContainer,
+  _ as textArea,
+  i as toggle,
+  r as userImageContainer,
+  c as userPictureUpload,
+  a as userSaveBox
+};

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

@@ -0,0 +1,27 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useEffect as i } from "react";
+import { UpdateUserInfoModal as p } from "./UpdateUserInfoModal.js";
+import { useAuth as l } from "../../auth/use_auth/useAuth.js";
+import { useModal as m } from "../../dialog/modal/useModal.js";
+import { useConfig as u } from "../../data/config_provider/useConfig.js";
+const U = () => {
+  const { currentUser: t, isLoggedIn: r } = l(), { showModal: e, isModalPresent: s } = m(), o = u(), n = () => {
+    e(
+      /* @__PURE__ */ a(
+        p,
+        {
+          showEmailConsent: o.auth?.showEmailConsent,
+          showTerms: o.auth?.hideCgu !== !0,
+          termsUrl: o.provider?.cguUrl || "https://www.logora.com/blog-posts/cgu",
+          privacyUrl: o.provider?.privacyUrl || "https://www.logora.com/blog-posts/privacy-policy"
+        }
+      )
+    );
+  };
+  return i(() => {
+    !s && r && t.is_onboarded === !1 && o.auth?.showOnboarding === !0 && n();
+  }, [s, r, o.auth?.showOnboarding]), null;
+};
+export {
+  U as useUpdateUserInfo
+};

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

@@ -1,83 +1,73 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import c from "classnames";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import n from "classnames";
 import "react";
-import { useIntl as d, FormattedMessage as r } from "react-intl";
-import s from "./UserBox.module.scss.js";
-import { useRoutes as m } from "../../data/config_provider/useRoutes.js";
-import { useConfig as _ } from "../../data/config_provider/useConfig.js";
-import { Avatar as l } from "../avatar/Avatar.js";
-import { Link as o } from "../../action/link/Link.js";
-const B = ({ user: e }) => {
-  const n = d(), t = m(), u = _()?.layout?.disableProfileLinks === !0;
-  return /* @__PURE__ */ i("div", { className: c(s.userBox, "author-box"), children: [
-    /* @__PURE__ */ a("div", { className: s.userBoxHeader, children: u ? /* @__PURE__ */ a(
-      l,
+import { useIntl as u, FormattedMessage as i } from "react-intl";
+import o from "./UserBox.module.scss.js";
+import { useRoutes as c } from "../../data/config_provider/useRoutes.js";
+import { Link as t } from "../../action/link/Link.js";
+import { Avatar as d } from "../avatar/Avatar.js";
+const N = ({ user: s }) => {
+  const l = u(), a = c();
+  return /* @__PURE__ */ r("div", { className: n(o.userBox, "author-box"), children: [
+    /* @__PURE__ */ e("div", { className: o.userBoxHeader, children: /* @__PURE__ */ e(
+      t,
       {
-        "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__ */ a(
-      o,
-      {
-        to: t.userShowLocation.toUrl({ userSlug: e.hash_id }),
-        "aria-label": n.formatMessage({
+        to: a.userShowLocation.toUrl({ userSlug: s.hash_id }),
+        "aria-label": l.formatMessage({
           id: "user.user_box.author_link.aria_label",
           defaultMessage: "View profile"
         }),
-        children: /* @__PURE__ */ a(
-          l,
+        children: /* @__PURE__ */ e(
+          d,
           {
             "data-tid": "action_view_user_image",
-            userName: e.full_name,
-            avatarUrl: e.image_url,
-            isOnline: new Date(e.last_activity) > Date.now(),
+            userName: s.full_name,
+            avatarUrl: s.image_url,
+            isOnline: new Date(s.last_activity) > Date.now(),
             size: 60
           }
         )
       }
     ) }),
-    /* @__PURE__ */ i("div", { className: s.userBoxDescription, children: [
-      /* @__PURE__ */ a(o, { to: t.userShowLocation.toUrl({ userSlug: e.hash_id }), children: /* @__PURE__ */ a(
+    /* @__PURE__ */ r("div", { className: o.userBoxDescription, children: [
+      /* @__PURE__ */ e(t, { to: a.userShowLocation.toUrl({ userSlug: s.hash_id }), children: /* @__PURE__ */ e(
         "div",
         {
           "data-tid": "action_view_user_name",
-          className: s.userBoxName,
-          title: e.full_name,
-          children: e.full_name
+          className: o.userBoxName,
+          title: s.full_name,
+          children: s.full_name
         }
       ) }),
-      e.role === "contributor" && /* @__PURE__ */ a(
-        o,
+      s.role === "contributor" && /* @__PURE__ */ e(
+        t,
         {
-          to: t.userShowLocation.toUrl({ userSlug: e.hash_id }),
+          to: a.userShowLocation.toUrl({ userSlug: s.hash_id }),
           hash: "activity",
-          children: /* @__PURE__ */ a("div", { className: s.userBoxPoints, children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
-            r,
+          children: /* @__PURE__ */ e("div", { className: o.userBoxPoints, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+            i,
             {
               id: "user.user_box.points",
-              values: { count: e.points },
+              values: { count: s.points },
               defaultMessage: "{count} points"
             }
           ) }) })
         }
       ),
-      /* @__PURE__ */ a(o, { to: t.userShowLocation.toUrl({ userSlug: e.hash_id }), children: /* @__PURE__ */ i("div", { className: s.userBoxStats, children: [
-        /* @__PURE__ */ a("div", { className: s.userDebates, children: /* @__PURE__ */ a(
-          r,
+      /* @__PURE__ */ e(t, { to: a.userShowLocation.toUrl({ userSlug: s.hash_id }), children: /* @__PURE__ */ r("div", { className: o.userBoxStats, children: [
+        /* @__PURE__ */ e("div", { className: o.userDebates, children: /* @__PURE__ */ e(
+          i,
           {
             id: "user.user_box.user_arguments",
-            values: { count: e.messages_count },
+            values: { count: s.messages_count },
             defaultMessage: "{count} arguments"
           }
         ) }),
-        /* @__PURE__ */ a("div", { className: s.userVotes, children: /* @__PURE__ */ a(
-          r,
+        /* @__PURE__ */ e("div", { className: o.userVotes, children: /* @__PURE__ */ e(
+          i,
           {
             id: "user.user_box.user_votes",
-            values: { count: e.upvotes },
+            values: { count: s.upvotes },
             defaultMessage: "{count} votes"
           }
         ) })
@@ -86,5 +76,5 @@ const B = ({ user: e }) => {
   ] });
 };
 export {
-  B as UserBox
+  N as UserBox
 };

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

@@ -1,17 +1,17 @@
-import '../../../assets/components/user/user_box/UserBox.module-DMFhZDAH.css';const e = "_userBox_ifte1_3", s = "_userBoxHeader_ifte1_20", o = "_userBoxDescription_ifte1_44", t = "_userBoxName_ifte1_53", r = "_userBoxPoints_ifte1_71", u = "_userBoxStats_ifte1_82", x = {
-  userBox: e,
+import '../../../assets/components/user/user_box/UserBox.module-DGKK1afI.css';const o = "_userBox_1hkol_3", s = "_userBoxHeader_1hkol_20", e = "_userBoxDescription_1hkol_44", r = "_userBoxName_1hkol_53", t = "_userBoxPoints_1hkol_70", u = "_userBoxStats_1hkol_81", x = {
+  userBox: o,
   userBoxHeader: s,
-  userBoxDescription: o,
-  userBoxName: t,
-  userBoxPoints: r,
+  userBoxDescription: e,
+  userBoxName: r,
+  userBoxPoints: t,
   userBoxStats: u
 };
 export {
   x as default,
-  e as userBox,
-  o as userBoxDescription,
+  o as userBox,
+  e as userBoxDescription,
   s as userBoxHeader,
-  t as userBoxName,
-  r as userBoxPoints,
+  r as userBoxName,
+  t as userBoxPoints,
   u as userBoxStats
 };