@logora/debate 0.4.4 → 0.4.6

package/dist/components/auth/auth_initializer/AuthInitializer.js

@@ -1,66 +1,63 @@
-import { jsx as d, Fragment as q } from "react/jsx-runtime";
+import { jsx as l, Fragment as I } from "react/jsx-runtime";
 import { useState as E, useEffect as f } from "react";
-import { useConfig as _ } from "../../data/config_provider/useConfig.js";
-import { useAuthInterceptor as J } from "../use_auth/useAuthInterceptor.js";
-import { authTokenHandler as S } from "../use_auth/authTokenHandler.js";
-import { useAuthActions as T } from "../use_auth/useAuthActions.js";
-import { useAuthRequired as W } from "../../hooks/use_auth_required/useAuthRequired.js";
-import { useAuth as y } from "../use_auth/useAuth.js";
-import { AuthProviderFactory as z } from "../providers/AuthProviderFactory.js";
-import { UpdateUserInfoModal as L } from "../../user/update_user_info_modal/UpdateUserInfoModal.js";
+import { useConfig as O } from "../../data/config_provider/useConfig.js";
+import { useDataProvider as q } from "../../data/data_provider/useDataProvider.js";
+import { useAuthInterceptor as S } from "../use_auth/useAuthInterceptor.js";
+import { authTokenHandler as T } from "../use_auth/authTokenHandler.js";
+import { useAuthActions as _ } from "../use_auth/useAuthActions.js";
+import { useAuthRequired as z } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { useAuth as L } from "../use_auth/useAuth.js";
+import { AuthProviderFactory as M } from "../providers/AuthProviderFactory.js";
+import { OnboardingModal as j } from "../../user/onboarding_modal/OnboardingModal.js";
 import { httpClient as a } from "../../data/axios_client/httpClient.js";
-const N = ({ authUrl: s, authType: r, provider: g, assertion: p }) => {
-  const i = "logora_user_token", e = _();
-  J(a, s, i);
-  const [w, u] = E(!1), { getToken: A, removeToken: v } = S(
+const X = ({ authUrl: n, authType: i, provider: g, assertion: p }) => {
+  const s = "logora_user_token", e = O(), w = q();
+  S(a, n, s);
+  const [v, u] = E(!1), { getToken: A, removeToken: C } = T(
     a,
-    s,
-    i
-  ), { loginUser: c, logoutUser: C, fetchUser: P } = T(
+    n,
+    s
+  ), { loginUser: c, logoutUser: P, fetchUser: b } = _(
     a,
-    s,
-    i
-  ), U = W(), { setIsLoggingIn: k } = y();
-  f(() => {
-    I();
-  }, []);
-  const h = (o) => {
-    r !== "social" && r !== "oauth2_server" && e.auth?.showOnboarding === !0 ? u(!0) : U(o);
-  };
+    n,
+    s
+  ), m = z(), { setIsLoggingIn: x, currentUser: k } = L();
   f(() => {
+    U();
+  }, []), f(() => {
     if (typeof window < "u")
-      return window.addEventListener("logora:authentication:require", h), () => {
-        window.removeEventListener("logora:authentication:require", h);
+      return window.addEventListener("logora:authentication:require", m), () => {
+        window.removeEventListener("logora:authentication:require", m);
       };
   }, []);
-  const I = () => {
-    const o = l(), t = A();
+  const U = () => {
+    const o = d(), t = A();
     if (t) {
-      const n = t.session_id;
-      o.isSameUser(n) ? P() : (v(), m(o));
+      const r = t.session_id;
+      o.isSameUser(r) ? b() : (C(), h(o));
     } else
-      m(o);
-  }, m = (o) => {
+      h(o);
+  }, h = (o) => {
     if (o.shouldInitAuth()) {
       const t = o.getAuthorizationParams();
       if (t) {
-        if (r !== "social" && r !== "oauth2_server" && e.auth?.showOnboarding === !0) {
-          k(!1);
+        if (i !== "social" && i !== "oauth2_server" && e.auth?.showOnboarding === !0) {
+          u(!0);
           return;
         }
         c(t);
       }
     } else
-      C();
-  }, b = (o) => {
-    const n = l().getAuthorizationParams();
-    c({ ...n, ...o }), u(!1);
-  }, l = () => z.create(r, g, p);
-  return /* @__PURE__ */ d(q, { children: w && /* @__PURE__ */ d(
-    L,
+      P();
+  }, y = async (o) => {
+    const r = d().getAuthorizationParams();
+    await c(r), await w.update("users", k.slug, o), u(!1);
+  }, d = () => M.create(i, g, p);
+  return /* @__PURE__ */ l(I, { children: v && /* @__PURE__ */ l(
+    j,
     {
       pendingAuth: !0,
-      onConsentConfirmed: b,
+      onConsentConfirmed: y,
       showTerms: e.auth?.hideCgu !== !0,
       showEmailConsent: e.auth?.showEmailConsent,
       termsUrl: e.provider?.cguUrl || "https://www.logora.com/blog-posts/cgu",
@@ -69,5 +66,5 @@ const N = ({ authUrl: s, authType: r, provider: g, assertion: p }) => {
   ) });
 };
 export {
-  N as AuthInitializer
+  X as AuthInitializer
 };

package/dist/components/auth/use_auth/useAuthActions.js

@@ -11,24 +11,20 @@ const A = "logora:emailConsent", L = (c, u, f) => {
       r(!0), t(!1);
       return;
     }
-    d(e).then((o) => {
-      i();
-    }).catch((o) => {
+    return d(e).then((o) => i()).catch((o) => {
       r(o);
     });
   }, g = () => {
     s(!1), t(!1), n({}), a(), sessionStorage.removeItem(A), p();
-  }, i = () => {
-    l.getOneWithToken("me", "").then((e) => {
-      if (e.data.success) {
-        const o = e.data.data.resource;
-        n(o), s(!0), t(!1), m(o);
-      } else
-        r(!0), s(!1), t(!1), n({}), a();
-    }).catch((e) => {
+  }, i = () => l.getOneWithToken("me", "").then((e) => {
+    if (e.data.success) {
+      const o = e.data.data.resource;
+      n(o), s(!0), t(!1), m(o);
+    } else
       r(!0), s(!1), t(!1), n({}), a();
-    });
-  }, m = (e) => {
+  }).catch((e) => {
+    r(!0), s(!1), t(!1), n({}), a();
+  }), m = (e) => {
     typeof window < "u" && window.dispatchEvent(
       new CustomEvent("logora:authentication:success", {
         detail: {

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

@@ -1,7 +1,7 @@
-import { jsx as a, jsxs as d, Fragment as S } from "react/jsx-runtime";
+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 "./UpdateUserInfoModal.module.scss.js";
+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";
@@ -12,28 +12,28 @@ import { Modal as ne } from "../../dialog/modal/Modal.js";
 import { Loader as de } from "../../progress/loader/Loader.js";
 import { AvatarSelector as ce } from "../avatar_selector/AvatarSelector.js";
 import { Icon as me } from "../../icons/icon/Icon.js";
-import { Button as D } from "../../action/button/Button.js";
-import { TextInput as O } from "../../input/text_input/TextInput.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 F } from "../../input/toggle/Toggle.js";
-const De = ({
+import { Toggle as D } from "../../input/toggle/Toggle.js";
+const Se = ({
   termsUrl: L,
   privacyUrl: B,
-  showEmailConsent: v = !1,
-  showTerms: h = !1,
+  showEmailConsent: U = !1,
+  showTerms: f = !1,
   pendingAuth: n = !1,
   onConsentConfirmed: y = null
 }) => {
   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}`
-  ), [m, j] = l(o.currentUser.first_name || ""), [b, R] = l(
+  ), [p, j] = l(o.currentUser.first_name || ""), [g, R] = l(
     o.currentUser.description || ""
-  ), [u, q] = l(o.currentUser.last_name || ""), [M, z] = l(o.currentUser.language), [E, N] = l(!1), [x, C] = l(
+  ), [_, q] = l(o.currentUser.last_name || ""), [h, E] = l(o.currentUser.language), [z, v] = l(!1), [C, x] = l(
     o.currentUser.image_url
-  ), [f, T] = l(null), [k, P] = l(!1), [V, W] = l(!1), { isMobile: I } = ie(), { errors: c, validate: G } = le(), { hideModal: w } = oe(), [p, H] = l(!1), [_, J] = l(!1), K = (e) => {
+  ), [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 s = new FileReader();
     s.onloadend = () => {
-      C(s.result);
+      x(s.result);
     }, s.readAsDataURL(e);
   }, Q = [
     { first_name: ["required", null] },
@@ -41,30 +41,22 @@ const De = ({
     { last_name: ["required", null] },
     { last_name: ["minChar", 2] },
     ...n ? [] : [{ language: ["required", null] }],
-    ...h ? [{ accepts_terms: ["enforceValue", !0] }] : []
+    ...f ? [{ accepts_terms: ["enforceValue", !0] }] : []
   ], X = (e) => {
     e.preventDefault();
     const s = {};
-    if (m && (s.first_name = m), u && (s.last_name = u), M && (s.language = M), f && k && (s.image = f), f && !k && (s.origin_image_url = f), b && (s.description = b), v && (s.accepts_provider_email = _), h && (s.accepts_terms = p), s.is_onboarded = !0, G(s, Q))
-      if (W(!0), n && y)
-        y({
-          first_name: m,
-          last_name: u,
-          accepts_terms: p,
-          accepts_provider_email: v ? _ : !1,
-          is_onboarded: !0
-        });
-      else {
-        const U = new FormData();
-        Object.entries(s).forEach(([g, Z]) => {
-          U.append(g, Z);
-        }), A.update("users", o.currentUser.slug, U).then((g) => {
-          g.data.success && o.setCurrentUser(g.data.data.resource), w();
-        });
-      }
+    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();
+      });
+    }
   }, Y = (e) => {
     const s = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/i;
-    T(e), N(!1), s.test(e) ? (C(e), P(!1)) : (P(!0), K(e));
+    T(e), v(!1), s.test(e) ? (x(e), P(!1)) : (P(!0), K(e));
   };
   return /* @__PURE__ */ a(
     ne,
@@ -78,13 +70,13 @@ const De = ({
         defaultMessage: "Update your profile"
       }),
       style: {
-        width: I ? "unset" : "max-content",
-        minWidth: I ? "unset" : "500px",
+        width: w ? "unset" : "max-content",
+        minWidth: w ? "unset" : "500px",
         maxWidth: "800px"
       },
       showCloseButton: !1,
       disableClickOutside: !0,
-      children: V ? /* @__PURE__ */ a(de, {}) : E && !n ? /* @__PURE__ */ d(S, { children: [
+      children: V ? /* @__PURE__ */ a(de, {}) : z && !n ? /* @__PURE__ */ d(O, { children: [
         /* @__PURE__ */ a(
           ce,
           {
@@ -98,21 +90,21 @@ const De = ({
           "div",
           {
             className: t.backButton,
-            onClick: () => N(!1),
+            onClick: () => v(!1),
             children: r.formatMessage({
               id: "user.user_edit.back",
               defaultMessage: "Back"
             })
           }
         )
-      ] }) : /* @__PURE__ */ d(S, { children: [
+      ] }) : /* @__PURE__ */ d(O, { children: [
         /* @__PURE__ */ d("div", { className: t.container, children: [
           /* @__PURE__ */ d("div", { className: t.userImageContainer, children: [
-            x ? /* @__PURE__ */ a(
+            C ? /* @__PURE__ */ a(
               "img",
               {
                 className: t.userPictureUpload,
-                src: x,
+                src: C,
                 alt: r.formatMessage({
                   id: "alt.my_profile_picture",
                   defaultMessage: "Ma photo de profil"
@@ -131,11 +123,11 @@ const De = ({
               }
             ) }),
             !n && /* @__PURE__ */ a(
-              D,
+              S,
               {
                 "data-testid": "avatar-button",
                 "data-tid": "action_save_profile",
-                onClick: () => N(!0),
+                onClick: () => v(!0),
                 style: { whiteSpace: "nowrap" },
                 children: r.formatMessage({
                   id: "user.user_edit.avatar",
@@ -147,7 +139,7 @@ const De = ({
           /* @__PURE__ */ d("div", { className: t.inputsContainer, children: [
             /* @__PURE__ */ d("div", { className: t.nameContainer, children: [
               /* @__PURE__ */ a("div", { className: t.updateProfileInput, children: /* @__PURE__ */ a(
-                O,
+                F,
                 {
                   type: "text",
                   name: "first_name",
@@ -160,7 +152,7 @@ const De = ({
                     defaultMessage: "First name"
                   }),
                   onChange: (e) => i.actions?.disableOnboardingNameUpdate === !0 ? null : j(e.target.value),
-                  value: m,
+                  value: p,
                   error: !!c.first_name,
                   message: c.first_name,
                   "data-testid": "first-name",
@@ -168,7 +160,7 @@ const De = ({
                 }
               ) }),
               /* @__PURE__ */ a("div", { className: t.updateProfileInput, children: /* @__PURE__ */ a(
-                O,
+                F,
                 {
                   type: "text",
                   name: "last_name",
@@ -181,7 +173,7 @@ const De = ({
                     defaultMessage: "Last name"
                   }),
                   onChange: (e) => i.actions?.disableOnboardingNameUpdate === !0 ? null : q(e.target.value),
-                  value: u,
+                  value: _,
                   error: !!c.last_name,
                   message: c.last_name,
                   "data-testid": "last-name",
@@ -204,8 +196,8 @@ const De = ({
                   value: e,
                   text: `${e.toUpperCase()}`
                 })),
-                defaultOption: M,
-                onChange: (e) => z(e.value)
+                defaultOption: h,
+                onChange: (e) => E(e.value)
               }
             ),
             !n && /* @__PURE__ */ a("div", { className: t.userDescription, children: /* @__PURE__ */ a(
@@ -216,7 +208,7 @@ const De = ({
                   id: "user.user_edit.user_description",
                   defaultMessage: "Describe yourself in a few words"
                 }),
-                value: b,
+                value: g,
                 onChange: (e) => R(e.target.value),
                 maxLength: 500,
                 "data-testid": "description"
@@ -224,13 +216,13 @@ const De = ({
             ) })
           ] })
         ] }),
-        h && /* @__PURE__ */ a("div", { className: t.toggle, children: /* @__PURE__ */ a(
-          F,
+        f && /* @__PURE__ */ a("div", { className: t.toggle, children: /* @__PURE__ */ a(
+          D,
           {
             type: "checkbox",
             name: "accepts_terms",
             style: { fontSize: 18 },
-            checked: p,
+            checked: b,
             label: /* @__PURE__ */ a(
               ae,
               {
@@ -260,18 +252,18 @@ const De = ({
                 }
               }
             ),
-            onInputChanged: (e) => H(!p),
+            onInputChanged: (e) => H(!b),
             message: c.accepts_terms,
             "data-testid": "accepts-terms-input"
           }
         ) }),
-        v && /* @__PURE__ */ a("div", { className: t.toggle, children: /* @__PURE__ */ a(
-          F,
+        U && /* @__PURE__ */ a("div", { className: t.toggle, children: /* @__PURE__ */ a(
+          D,
           {
             type: "checkbox",
             name: "accepts_provider_email",
             style: { fontSize: 18 },
-            checked: _,
+            checked: M,
             label: r.formatMessage(
               {
                 id: "modal.update_user_info_modal.consent_label",
@@ -279,12 +271,12 @@ const De = ({
               },
               { provider: i.provider?.companyName }
             ),
-            onInputChanged: (e) => J(!_),
+            onInputChanged: (e) => J(!M),
             "data-testid": "accepts-email-input"
           }
         ) }),
         /* @__PURE__ */ a("div", { className: t.userSaveBox, children: /* @__PURE__ */ a(
-          D,
+          S,
           {
             "data-testid": "save-button",
             "data-tid": "action_save_profile",
@@ -300,5 +292,5 @@ const De = ({
   );
 };
 export {
-  De as UpdateUserInfoModal
+  Se as OnboardingModal
 };

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

@@ -1,4 +1,4 @@
-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 = {
+import '../../../assets/components/user/onboarding_modal/OnboardingModal.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,

package/dist/components/user/onboarding_modal/useOnboarding.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useEffect as a } from "react";
+import { OnboardingModal as l } from "./OnboardingModal.js";
+import { useAuth as m } from "../../auth/use_auth/useAuth.js";
+import { useModal as u } from "../../dialog/modal/useModal.js";
+import { useConfig as p } from "../../data/config_provider/useConfig.js";
+const b = () => {
+  const { currentUser: t, isLoggedIn: r } = m(), { showModal: n, isModalPresent: s } = u(), o = p(), i = () => {
+    n(
+      /* @__PURE__ */ e(
+        l,
+        {
+          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 a(() => {
+    !s && r && t.is_onboarded === !1 && o.auth?.showOnboarding === !0 && i();
+  }, [s, r, o.auth?.showOnboarding]), null;
+};
+export {
+  b as useOnboarding
+};

package/dist/index.js

@@ -12,16 +12,16 @@ import { Argument as c } from "./components/argument/argument/Argument.js";
 import { ArgumentInput as B } from "./components/input/argument_input/ArgumentInput.js";
 import { ArgumentSummaryBox as C } from "./components/summary/argument_summary_box/ArgumentSummaryBox.js";
 import { AuthContext as h } from "./components/auth/use_auth/AuthContext.js";
-import { AuthInitializer as T } from "./components/auth/auth_initializer/AuthInitializer.js";
+import { AuthInitializer as I } from "./components/auth/auth_initializer/AuthInitializer.js";
 import { AuthModal as v } from "./components/auth/auth_modal/AuthModal.js";
 import { AuthProvider as M, withAuth as F } from "./components/auth/use_auth/AuthProvider.js";
 import { AuthProviderFactory as k } from "./components/auth/providers/AuthProviderFactory.js";
 import { AuthorBox as R } from "./components/user/author_box/AuthorBox.js";
-import { Avatar as w } from "./components/user/avatar/Avatar.js";
-import { AvatarSelector as V } from "./components/user/avatar_selector/AvatarSelector.js";
-import { BackLink as N } from "./components/action/back_link/BackLink.js";
-import { BadgeBox as $ } from "./components/gamification/badge_box/BadgeBox.js";
-import { BoxSkeleton as O } from "./components/skeleton/box_skeleton/BoxSkeleton.js";
+import { Avatar as E } from "./components/user/avatar/Avatar.js";
+import { AvatarSelector as y } from "./components/user/avatar_selector/AvatarSelector.js";
+import { BackLink as H } from "./components/action/back_link/BackLink.js";
+import { BadgeBox as U } from "./components/gamification/badge_box/BadgeBox.js";
+import { BoxSkeleton as G } from "./components/skeleton/box_skeleton/BoxSkeleton.js";
 import { Button as q } from "./components/action/button/Button.js";
 import { ConfigContext as z, ConfigProvider as W } from "./components/data/config_provider/ConfigProvider.js";
 import { ConfirmModal as j } from "./components/dialog/confirm_modal/ConfirmModal.js";
@@ -37,16 +37,16 @@ import { DialogBox as lo } from "./components/dialog/dialog_box/DialogBox.js";
 import { Drawer as go } from "./components/dialog/drawer/Drawer.js";
 import { Dropdown as So } from "./components/dialog/dropdown/Dropdown.js";
 import { EMAIL_CONSENT_STORAGE_KEY as Ao, useAuthActions as ho } from "./components/auth/use_auth/useAuthActions.js";
-import { EmbedHeader as To } from "./components/embed/embed_header/EmbedHeader.js";
+import { EmbedHeader as Io } from "./components/embed/embed_header/EmbedHeader.js";
 import { ExpandableText as vo } from "./components/text/expandable_text/ExpandableText.js";
 import { FacebookLoginButton as Mo } from "./components/auth/facebook_login_button/FacebookLoginButton.js";
 import { FollowButton as bo } from "./components/follow/follow_button/FollowButton.js";
 import { Form as Do } from "./components/forms/form/form.js";
-import { FormContext as Uo } from "./components/forms/form/form-context.js";
-import { GoogleLoginButton as Eo } from "./components/auth/google_login_button/GoogleLoginButton.js";
-import { HashScroll as yo } from "./components/tools/hash_scroll/HashScroll.js";
-import { Icon as Ho } from "./components/icons/icon/Icon.js";
-import { IconContext as Go, IconProvider as Oo } from "./components/icons/icon_provider/IconProvider.js";
+import { FormContext as wo } from "./components/forms/form/form-context.js";
+import { GoogleLoginButton as Vo } from "./components/auth/google_login_button/GoogleLoginButton.js";
+import { HashScroll as No } from "./components/tools/hash_scroll/HashScroll.js";
+import { Icon as Oo } from "./components/icons/icon/Icon.js";
+import { IconContext as $o, IconProvider as Go } from "./components/icons/icon_provider/IconProvider.js";
 import { IconTextLink as qo } from "./components/action/icon_text_link/IconTextLink.js";
 import { InformationBox as zo } from "./components/information/information_box/InformationBox.js";
 import { HiddenCheckbox as Yo } from "./components/input/checkbox/hidden/hidden-checkbox.js";
@@ -62,70 +62,70 @@ import { Loader as lr } from "./components/progress/loader/Loader.js";
 import { Location as gr } from "./components/util/location/Location.js";
 import { LoginForm as Sr } from "./components/auth/login_form/LoginForm.js";
 import { Message as Ar } from "./components/input/text_input/message.js";
-import { Modal as Ir } from "./components/dialog/modal/Modal.js";
+import { Modal as Tr } from "./components/dialog/modal/Modal.js";
 import { ModalContext as Pr, ModalProvider as vr } from "./components/dialog/modal/ModalProvider.js";
 import { NavbarButton as Mr } from "./components/navbar/navbar_button/NavbarButton.js";
 import { NavbarModal as br } from "./components/navbar/navbar_modal/NavbarModal.js";
 import { NotificationItem as Dr } from "./components/notification/notification_item/NotificationItem.js";
-import { NotificationMenu as Ur } from "./components/notification/notification_menu/NotificationMenu.js";
-import { OAuth2Button as Er } from "./components/auth/oauth2_button/OAuth2Button.js";
-import { PaginatedList as yr } from "./components/list/paginated_list/PaginatedList.js";
-import { Pagination as Hr } from "./components/list/pagination/Pagination.js";
-import { PieChart as Gr } from "./components/chart/pie_chart/PieChart.js";
-import { PointBox as _r } from "./components/gamification/point_box/PointBox.js";
-import { ProgressBar as Kr } from "./components/progress/progress_bar/ProgressBar.js";
-import { ProposalBox as Wr } from "./components/proposal/proposal_box/ProposalBox.js";
-import { ReadMore as jr } from "./components/text/read_more/ReadMore.js";
-import { ReportBox as Qr } from "./components/report/report_box/ReportBox.js";
-import { ReportModal as Zr } from "./components/user_content/use_report_content/ReportModal.js";
-import { ResponsiveProvider as re } from "./components/hooks/use_responsive/ResponsiveProvider.js";
-import { SSOForm as te } from "./components/auth/sso_form/SSOForm.js";
-import { ScrollToTop as me } from "./components/tools/scroll_to_top/ScrollToTop.js";
-import { SearchInput as fe } from "./components/input/search_input/SearchInput.js";
-import { SectionBox as ae } from "./components/section/section_box/SectionBox.js";
-import { Select as se } from "./components/input/select/Select.js";
-import { ShareBox as de } from "./components/share/share_box/ShareBox.js";
-import { ShareButton as ce } from "./components/share/share_button/ShareButton.js";
-import { ShareModal as Be } from "./components/share/share_modal/ShareModal.js";
-import { SideModal as Ce } from "./components/modal/side_modal/SideModal.js";
-import { SignupForm as he } from "./components/auth/signup_form/SignupForm.js";
-import { SocialAuthForm as Te } from "./components/auth/social_auth_form/SocialAuthForm.js";
-import { SourceBox as ve } from "./components/source/source_box/SourceBox.js";
-import { SourceListItem as Me } from "./components/source/source_list_item/SourceListItem.js";
-import { SourceModal as be } from "./components/source/source_modal/SourceModal.js";
-import { StandardErrorBoundary as De } from "./components/error/standard_error_boundary/StandardErrorBoundary.js";
-import { SuggestionBanner as Ue } from "./components/suggestion/suggestion_banner/SuggestionBanner.js";
-import { SuggestionBox as Ee } from "./components/suggestion/suggestion_box/SuggestionBox.js";
-import { SuggestionInput as ye } from "./components/suggestion/suggestion_input/SuggestionInput.js";
-import { SuggestionVoteBox as He } from "./components/vote/suggestion_vote_box/SuggestionVoteBox.js";
-import { Summary as Ge } from "./components/summary/summary/Summary.js";
-import { SummaryBox as _e } from "./components/summary/summary_box/SummaryBox.js";
-import { SummaryContentBox as Ke } from "./components/user_content/summary_content_box/SummaryContentBox.js";
-import { Tab as We } from "./components/navigation/tabs/Tab.js";
-import { TabPanel as je } from "./components/navigation/tabs/TabPanel.js";
-import { Tabs as Qe } from "./components/navigation/tabs/Tabs.js";
-import { Tag as Ze } from "./components/tag/tag/Tag.js";
-import { TextEditor as rt } from "./components/input/text_editor/TextEditor.js";
-import { TextInput as tt } from "./components/input/text_input/TextInput.js";
-import { Toast as mt } from "./components/dialog/toast/Toast.js";
-import { ToastProvider as ft } from "./components/dialog/toast_provider/ToastProvider.js";
-import { Toggle as at } from "./components/input/toggle/Toggle.js";
-import { TogglePosition as st } from "./components/input/toggle_position/TogglePosition.js";
-import { Tooltip as dt } from "./components/dialog/tooltip/Tooltip.js";
-import { TopArguments as ct } from "./components/argument/top_arguments/TopArguments.js";
-import { TranslatedContent as Bt } from "./components/translation/translated_content/TranslatedContent.js";
-import { TranslationButton as Ct } from "./components/translation/translation_button/TranslationButton.js";
-import { UpDownVoteBox as ht } from "./components/vote/up_down_vote_box/UpDownVoteBox.js";
-import { UpdateUserInfoModal as Tt } from "./components/user/update_user_info_modal/UpdateUserInfoModal.js";
+import { NotificationMenu as wr } from "./components/notification/notification_menu/NotificationMenu.js";
+import { OAuth2Button as Vr } from "./components/auth/oauth2_button/OAuth2Button.js";
+import { OnboardingModal as Nr } from "./components/user/onboarding_modal/OnboardingModal.js";
+import { PaginatedList as Or } from "./components/list/paginated_list/PaginatedList.js";
+import { Pagination as $r } from "./components/list/pagination/Pagination.js";
+import { PieChart as _r } from "./components/chart/pie_chart/PieChart.js";
+import { PointBox as Kr } from "./components/gamification/point_box/PointBox.js";
+import { ProgressBar as Wr } from "./components/progress/progress_bar/ProgressBar.js";
+import { ProposalBox as jr } from "./components/proposal/proposal_box/ProposalBox.js";
+import { ReadMore as Qr } from "./components/text/read_more/ReadMore.js";
+import { ReportBox as Zr } from "./components/report/report_box/ReportBox.js";
+import { ReportModal as re } from "./components/user_content/use_report_content/ReportModal.js";
+import { ResponsiveProvider as te } from "./components/hooks/use_responsive/ResponsiveProvider.js";
+import { SSOForm as me } from "./components/auth/sso_form/SSOForm.js";
+import { ScrollToTop as fe } from "./components/tools/scroll_to_top/ScrollToTop.js";
+import { SearchInput as ae } from "./components/input/search_input/SearchInput.js";
+import { SectionBox as se } from "./components/section/section_box/SectionBox.js";
+import { Select as de } from "./components/input/select/Select.js";
+import { ShareBox as ce } from "./components/share/share_box/ShareBox.js";
+import { ShareButton as Be } from "./components/share/share_button/ShareButton.js";
+import { ShareModal as Ce } from "./components/share/share_modal/ShareModal.js";
+import { SideModal as he } from "./components/modal/side_modal/SideModal.js";
+import { SignupForm as Ie } from "./components/auth/signup_form/SignupForm.js";
+import { SocialAuthForm as ve } from "./components/auth/social_auth_form/SocialAuthForm.js";
+import { SourceBox as Me } from "./components/source/source_box/SourceBox.js";
+import { SourceListItem as be } from "./components/source/source_list_item/SourceListItem.js";
+import { SourceModal as De } from "./components/source/source_modal/SourceModal.js";
+import { StandardErrorBoundary as we } from "./components/error/standard_error_boundary/StandardErrorBoundary.js";
+import { SuggestionBanner as Ve } from "./components/suggestion/suggestion_banner/SuggestionBanner.js";
+import { SuggestionBox as Ne } from "./components/suggestion/suggestion_box/SuggestionBox.js";
+import { SuggestionInput as Oe } from "./components/suggestion/suggestion_input/SuggestionInput.js";
+import { SuggestionVoteBox as $e } from "./components/vote/suggestion_vote_box/SuggestionVoteBox.js";
+import { Summary as _e } from "./components/summary/summary/Summary.js";
+import { SummaryBox as Ke } from "./components/summary/summary_box/SummaryBox.js";
+import { SummaryContentBox as We } from "./components/user_content/summary_content_box/SummaryContentBox.js";
+import { Tab as je } from "./components/navigation/tabs/Tab.js";
+import { TabPanel as Qe } from "./components/navigation/tabs/TabPanel.js";
+import { Tabs as Ze } from "./components/navigation/tabs/Tabs.js";
+import { Tag as rt } from "./components/tag/tag/Tag.js";
+import { TextEditor as tt } from "./components/input/text_editor/TextEditor.js";
+import { TextInput as mt } from "./components/input/text_input/TextInput.js";
+import { Toast as ft } from "./components/dialog/toast/Toast.js";
+import { ToastProvider as at } from "./components/dialog/toast_provider/ToastProvider.js";
+import { Toggle as st } from "./components/input/toggle/Toggle.js";
+import { TogglePosition as dt } from "./components/input/toggle_position/TogglePosition.js";
+import { Tooltip as ct } from "./components/dialog/tooltip/Tooltip.js";
+import { TopArguments as Bt } from "./components/argument/top_arguments/TopArguments.js";
+import { TranslatedContent as Ct } from "./components/translation/translated_content/TranslatedContent.js";
+import { TranslationButton as ht } from "./components/translation/translation_button/TranslationButton.js";
+import { UpDownVoteBox as It } from "./components/vote/up_down_vote_box/UpDownVoteBox.js";
 import { UserBox as vt } from "./components/user/user_box/UserBox.js";
 import { UserBoxSmall as Mt } from "./components/user/user_box_small/UserBoxSmall.js";
 import { UserContentSkeleton as bt } from "./components/skeleton/user_content_skeleton/UserContentSkeleton.js";
 import { VoteBox as Dt } from "./components/vote/vote_box/VoteBox.js";
-import { VoteButton as Ut } from "./components/vote/vote_button/VoteButton.js";
-import { VoteContext as Et, VoteProvider as Vt } from "./components/vote/vote_provider/VoteProvider.js";
-import { VotePaginatedList as Nt } from "./components/list/paginated_list/VotePaginatedList.js";
-import { WithAd as $t } from "./components/ad/with_ad/WithAd.js";
-import { authTokenHandler as Ot } from "./components/auth/use_auth/authTokenHandler.js";
+import { VoteButton as wt } from "./components/vote/vote_button/VoteButton.js";
+import { VoteContext as Vt, VoteProvider as yt } from "./components/vote/vote_provider/VoteProvider.js";
+import { VotePaginatedList as Ht } from "./components/list/paginated_list/VotePaginatedList.js";
+import { WithAd as Ut } from "./components/ad/with_ad/WithAd.js";
+import { authTokenHandler as Gt } from "./components/auth/use_auth/authTokenHandler.js";
 import { classes as qt, getAccent as Kt } from "./components/input/text_input/color-accent.js";
 import { dataProvider as Wt } from "./components/data/data_provider/DataProvider.js";
 import { extractFormData as jt } from "./components/forms/form/extract-form-data.js";
@@ -141,25 +141,25 @@ import { useConfig as lx } from "./components/data/config_provider/useConfig.js"
 import { useCssTheme as gx } from "./components/hooks/use_css_theme/useCssTheme.js";
 import { useData as Sx } from "./components/data/data_provider/useData.js";
 import { useDataProvider as Ax } from "./components/data/data_provider/useDataProvider.js";
-import { useDeleteContent as Ix } from "./components/user_content/use_delete_content/useDeleteContent.js";
+import { useDeleteContent as Tx } from "./components/user_content/use_delete_content/useDeleteContent.js";
 import { useFollow as Px } from "./components/follow/use_follow/useFollow.js";
 import { useFontLoader as Lx } from "./components/hooks/use_font_loader/useFontLoader.js";
 import { useForm as Fx } from "./components/forms/form/use-form.js";
 import { useFormContext as kx } from "./components/forms/form/use-form-context.js";
 import { useFormValidation as Rx } from "./components/forms/use_form_validation/useFormValidation.js";
-import { useGoogleAdManager as wx } from "./components/ad/use_google_ad_manager/useGoogleAdManager.js";
-import { useInput as Vx } from "./components/input/input_provider/useInput.js";
-import { useList as Nx } from "./components/list/list_provider/useList.js";
-import { useLocale as $x } from "./components/intl/intl_provider/useLocale.js";
-import { useMatomo as Ox } from "./components/hooks/use_matomo/useMatomo.js";
+import { useGoogleAdManager as Ex } from "./components/ad/use_google_ad_manager/useGoogleAdManager.js";
+import { useInput as yx } from "./components/input/input_provider/useInput.js";
+import { useList as Hx } from "./components/list/list_provider/useList.js";
+import { useLocale as Ux } from "./components/intl/intl_provider/useLocale.js";
+import { useMatomo as Gx } from "./components/hooks/use_matomo/useMatomo.js";
 import { useModal as qx } from "./components/dialog/modal/useModal.js";
-import { useRelativeTime as zx } from "./components/hooks/use_relative_time/useRelativeTime.js";
-import { useReportContent as Yx } from "./components/user_content/use_report_content/useReportContent.js";
-import { useResponsive as Jx } from "./components/hooks/use_responsive/useResponsive.js";
-import { useRichContent as Xx } from "./components/argument/argument/useRichContent.js";
-import { useRoutes as om } from "./components/data/config_provider/useRoutes.js";
-import { useToast as em } from "./components/dialog/toast_provider/useToast.js";
-import { useUpdateUserInfo as xm } from "./components/user/update_user_info_modal/useUpdateUserInfo.js";
+import { useOnboarding as zx } from "./components/user/onboarding_modal/useOnboarding.js";
+import { useRelativeTime as Yx } from "./components/hooks/use_relative_time/useRelativeTime.js";
+import { useReportContent as Jx } from "./components/user_content/use_report_content/useReportContent.js";
+import { useResponsive as Xx } from "./components/hooks/use_responsive/useResponsive.js";
+import { useRichContent as om } from "./components/argument/argument/useRichContent.js";
+import { useRoutes as em } from "./components/data/config_provider/useRoutes.js";
+import { useToast as xm } from "./components/dialog/toast_provider/useToast.js";
 import { useVote as pm } from "./components/vote/use_vote/useVote.js";
 import { utf8ToBase64url as nm } from "./components/auth/use_auth/base64.js";
 import { withConfig as im } from "./components/data/config_provider/withConfig.js";
@@ -171,16 +171,16 @@ export {
   B as ArgumentInput,
   C as ArgumentSummaryBox,
   h as AuthContext,
-  T as AuthInitializer,
+  I as AuthInitializer,
   v as AuthModal,
   M as AuthProvider,
   k as AuthProviderFactory,
   R as AuthorBox,
-  w as Avatar,
-  V as AvatarSelector,
-  N as BackLink,
-  $ as BadgeBox,
-  O as BoxSkeleton,
+  E as Avatar,
+  y as AvatarSelector,
+  H as BackLink,
+  U as BadgeBox,
+  G as BoxSkeleton,
   q as Button,
   z as ConfigContext,
   W as ConfigProvider,
@@ -197,17 +197,17 @@ export {
   go as Drawer,
   So as Dropdown,
   Ao as EMAIL_CONSENT_STORAGE_KEY,
-  To as EmbedHeader,
+  Io as EmbedHeader,
   vo as ExpandableText,
   Mo as FacebookLoginButton,
   bo as FollowButton,
   Do as Form,
-  Uo as FormContext,
-  Eo as GoogleLoginButton,
-  yo as HashScroll,
-  Ho as Icon,
-  Go as IconContext,
-  Oo as IconProvider,
+  wo as FormContext,
+  Vo as GoogleLoginButton,
+  No as HashScroll,
+  Oo as Icon,
+  $o as IconContext,
+  Go as IconProvider,
   qo as IconTextLink,
   zo as InformationBox,
   Yo as Input,
@@ -223,72 +223,72 @@ export {
   gr as Location,
   Sr as LoginForm,
   Ar as Message,
-  Ir as Modal,
+  Tr as Modal,
   Pr as ModalContext,
   vr as ModalProvider,
   Mr as NavbarButton,
   br as NavbarModal,
   Dr as NotificationItem,
-  Ur as NotificationMenu,
-  Er as OAuth2Button,
-  yr as PaginatedList,
-  Hr as Pagination,
-  Gr as PieChart,
-  _r as PointBox,
-  Kr as ProgressBar,
-  Wr as ProposalBox,
-  jr as ReadMore,
-  Qr as ReportBox,
-  Zr as ReportModal,
-  re as ResponsiveProvider,
-  te as SSOForm,
-  me as ScrollToTop,
-  fe as SearchInput,
-  ae as SectionBox,
-  se as Select,
-  de as ShareBox,
-  ce as ShareButton,
-  Be as ShareModal,
-  Ce as SideModal,
-  he as SignupForm,
-  Te as SocialAuthForm,
-  ve as SourceBox,
-  Me as SourceListItem,
-  be as SourceModal,
-  De as StandardErrorBoundary,
-  Ue as SuggestionBanner,
-  Ee as SuggestionBox,
-  ye as SuggestionInput,
-  He as SuggestionVoteBox,
-  Ge as Summary,
-  _e as SummaryBox,
-  Ke as SummaryContentBox,
-  We as Tab,
-  je as TabPanel,
-  Qe as Tabs,
-  Ze as Tag,
-  rt as TextEditor,
-  tt as TextInput,
-  mt as Toast,
-  ft as ToastProvider,
-  at as Toggle,
-  st as TogglePosition,
-  dt as Tooltip,
-  ct as TopArguments,
-  Bt as TranslatedContent,
-  Ct as TranslationButton,
-  ht as UpDownVoteBox,
-  Tt as UpdateUserInfoModal,
+  wr as NotificationMenu,
+  Vr as OAuth2Button,
+  Nr as OnboardingModal,
+  Or as PaginatedList,
+  $r as Pagination,
+  _r as PieChart,
+  Kr as PointBox,
+  Wr as ProgressBar,
+  jr as ProposalBox,
+  Qr as ReadMore,
+  Zr as ReportBox,
+  re as ReportModal,
+  te as ResponsiveProvider,
+  me as SSOForm,
+  fe as ScrollToTop,
+  ae as SearchInput,
+  se as SectionBox,
+  de as Select,
+  ce as ShareBox,
+  Be as ShareButton,
+  Ce as ShareModal,
+  he as SideModal,
+  Ie as SignupForm,
+  ve as SocialAuthForm,
+  Me as SourceBox,
+  be as SourceListItem,
+  De as SourceModal,
+  we as StandardErrorBoundary,
+  Ve as SuggestionBanner,
+  Ne as SuggestionBox,
+  Oe as SuggestionInput,
+  $e as SuggestionVoteBox,
+  _e as Summary,
+  Ke as SummaryBox,
+  We as SummaryContentBox,
+  je as Tab,
+  Qe as TabPanel,
+  Ze as Tabs,
+  rt as Tag,
+  tt as TextEditor,
+  mt as TextInput,
+  ft as Toast,
+  at as ToastProvider,
+  st as Toggle,
+  dt as TogglePosition,
+  ct as Tooltip,
+  Bt as TopArguments,
+  Ct as TranslatedContent,
+  ht as TranslationButton,
+  It as UpDownVoteBox,
   vt as UserBox,
   Mt as UserBoxSmall,
   bt as UserContentSkeleton,
   Dt as VoteBox,
-  Ut as VoteButton,
-  Et as VoteContext,
-  Nt as VotePaginatedList,
-  Vt as VoteProvider,
-  $t as WithAd,
-  Ot as authTokenHandler,
+  wt as VoteButton,
+  Vt as VoteContext,
+  Ht as VotePaginatedList,
+  yt as VoteProvider,
+  Ut as WithAd,
+  Gt as authTokenHandler,
   r as bildIcons,
   p as clarinIcons,
   qt as classes,
@@ -315,26 +315,26 @@ export {
   gx as useCssTheme,
   Sx as useData,
   Ax as useDataProvider,
-  Ix as useDeleteContent,
+  Tx as useDeleteContent,
   Px as useFollow,
   Lx as useFontLoader,
   Fx as useForm,
   kx as useFormContext,
   Rx as useFormValidation,
-  wx as useGoogleAdManager,
-  Vx as useInput,
-  Nx as useList,
-  $x as useLocale,
-  Ox as useMatomo,
+  Ex as useGoogleAdManager,
+  yx as useInput,
+  Hx as useList,
+  Ux as useLocale,
+  Gx as useMatomo,
   qx as useModal,
-  zx as useRelativeTime,
-  Yx as useReportContent,
-  Jx as useResponsive,
-  Xx as useRichContent,
-  om as useRoutes,
-  em as useToast,
+  zx as useOnboarding,
+  Yx as useRelativeTime,
+  Jx as useReportContent,
+  Xx as useResponsive,
+  om as useRichContent,
+  em as useRoutes,
+  xm as useToast,
   Xt as useTranslatedContent,
-  xm as useUpdateUserInfo,
   pm as useVote,
   nm as utf8ToBase64url,
   F as withAuth,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",

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

@@ -1,27 +0,0 @@
-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
-};