@logora/debate 0.4.75 → 0.4.77

package/dist/components/auth/signup_form/SignupForm.js

@@ -1,18 +1,18 @@
 import { jsx as e, Fragment as E, jsxs as G } from "react/jsx-runtime";
-import P from "@rooks/use-sessionstorage-state";
-import x from "classnames";
+import P from "classnames";
 import { useState as i } from "react";
-import { useIntl as F } from "react-intl";
+import { useIntl as x } from "react-intl";
 import r from "./SignupForm.module.scss.js";
-import { EMAIL_CONSENT_STORAGE_KEY as I } from "../use_auth/useAuthActions.js";
+import { useSessionStorageState as F } from "../../hooks/use_session_storage_state/useSessionStorageState.js";
 import { TextInput as m } from "../../input/text_input/TextInput.js";
-import { Toggle as k } from "../../input/toggle/Toggle.js";
-import { Button as q } from "../../action/button/Button.js";
+import { Toggle as I } from "../../input/toggle/Toggle.js";
+import { Button as k } from "../../action/button/Button.js";
+import { EMAIL_CONSENT_STORAGE_KEY as q } from "../use_auth/useAuthActions.js";
 const U = ({ onSubmit: n, providerName: f, error: t = !1 }) => {
-  const [p, g] = i(""), [c, _] = i(""), [h, M] = i(""), [d, w] = i(""), [u, b] = i(""), [l, v] = P(
-    I,
+  const [p, g] = i(""), [c, _] = i(""), [h, M] = i(""), [d, w] = i(""), [u, b] = i(""), [l, v] = F(
+    q,
     !1
-  ), [o, N] = i(""), a = F(), C = (s) => {
+  ), [o, N] = i(""), a = x(), C = (s) => {
     s.preventDefault(), S(d, u) && n && n(
       c,
       h,
@@ -128,7 +128,7 @@ const U = ({ onSubmit: n, providerName: f, error: t = !1 }) => {
       }
     ) }),
     /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
-      k,
+      I,
       {
         type: "checkbox",
         name: "accepts_provider_email",
@@ -145,8 +145,8 @@ const U = ({ onSubmit: n, providerName: f, error: t = !1 }) => {
         "data-testid": "accepts-email-input"
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: x(r.formGroup, r.formSubmitGroup), children: /* @__PURE__ */ e(
-      q,
+    /* @__PURE__ */ e("div", { className: P(r.formGroup, r.formSubmitGroup), children: /* @__PURE__ */ e(
+      k,
       {
         className: r.formSubmitButton,
         role: "button",

package/dist/components/auth/social_auth_form/SocialAuthForm.js

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as r, Fragment as c } from "react/jsx-runtime";
-import B from "@rooks/use-sessionstorage-state";
 import { useState as N } from "react";
-import { useIntl as O, FormattedMessage as P } from "react-intl";
+import { useIntl as B, FormattedMessage as O } from "react-intl";
 import a from "./SocialAuthForm.module.scss.js";
-import { EMAIL_CONSENT_STORAGE_KEY as E } from "../use_auth/useAuthActions.js";
-import { FacebookLoginButton as j } from "../facebook_login_button/FacebookLoginButton.js";
-import { GoogleLoginButton as z } from "../google_login_button/GoogleLoginButton.js";
+import { useSessionStorageState as P } from "../../hooks/use_session_storage_state/useSessionStorageState.js";
+import { FacebookLoginButton as E } from "../facebook_login_button/FacebookLoginButton.js";
+import { GoogleLoginButton as j } from "../google_login_button/GoogleLoginButton.js";
 import { Icon as y } from "../../icons/icon/Icon.js";
-import { Toggle as D } from "../../input/toggle/Toggle.js";
-import { SignupForm as K } from "../signup_form/SignupForm.js";
-import { LoginForm as R } from "../login_form/LoginForm.js";
+import { Toggle as z } from "../../input/toggle/Toggle.js";
+import { SignupForm as D } from "../signup_form/SignupForm.js";
+import { LoginForm as K } from "../login_form/LoginForm.js";
+import { EMAIL_CONSENT_STORAGE_KEY as R } from "../use_auth/useAuthActions.js";
 const te = ({
   lastStep: s,
   providerName: l,
@@ -25,10 +25,10 @@ const te = ({
 }) => {
   const [w, g] = N(
     !(s === "LOGIN" || s === "SIGNUP")
-  ), [t, I] = N(s !== "SIGNUP"), [f, F] = B(
-    E,
+  ), [t, I] = N(s !== "SIGNUP"), [f, F] = P(
+    R,
     !1
-  ), o = O(), G = (i, n, M, A, Y, v) => {
+  ), o = B(), G = (i, n, M, A, Y, v) => {
     const T = {
       uid: typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : "0000-0000-0000-0000",
       first_name: i,
@@ -47,7 +47,7 @@ const te = ({
   }, _ = (i, n) => {
     d(i, n, "SOCIAL");
   }, x = () => /* @__PURE__ */ e("div", { className: a.formFooterTerms, children: /* @__PURE__ */ e(
-    P,
+    O,
     {
       id: "auth.social_auth_form.terms_text",
       values: {
@@ -112,7 +112,7 @@ const te = ({
       defaultMessage: "Create your account in one click to vote and start debating !"
     }) }),
     /* @__PURE__ */ e(
-      j,
+      E,
       {
         text: o.formatMessage({
           id: "auth.social_auth_form.facebook_login",
@@ -124,7 +124,7 @@ const te = ({
       }
     ),
     /* @__PURE__ */ e(
-      z,
+      j,
       {
         text: o.formatMessage({
           id: "auth.social_auth_form.google_login",
@@ -150,7 +150,7 @@ const te = ({
       }
     ),
     !t && /* @__PURE__ */ e("div", { className: a.checkboxContainer, children: /* @__PURE__ */ e(
-      D,
+      z,
       {
         type: "checkbox",
         name: "accepts_emails",
@@ -195,7 +195,7 @@ const te = ({
       }) })
     ] }),
     t ? /* @__PURE__ */ e("div", { className: a.loginFormContainer, children: /* @__PURE__ */ e(
-      R,
+      K,
       {
         onSubmit: U,
         error: m && s === "LOGIN",
@@ -210,7 +210,7 @@ const te = ({
         { provider: l }
       ) }),
       /* @__PURE__ */ e(
-        K,
+        D,
         {
           onSubmit: G,
           providerName: l,

package/dist/components/auth/sso_form/SSOForm.js

@@ -1,14 +1,14 @@
 import { jsxs as n, jsx as e, Fragment as m } from "react/jsx-runtime";
-import G from "@rooks/use-sessionstorage-state";
-import D from "classnames";
+import G from "classnames";
 import "react";
-import { useIntl as Y, FormattedMessage as w } from "react-intl";
-import { useLocation as z } from "react-router";
+import { useIntl as D, FormattedMessage as w } from "react-intl";
+import { useLocation as Y } from "react-router";
 import a from "./SSOForm.module.scss.js";
-import { EMAIL_CONSENT_STORAGE_KEY as H } from "../use_auth/useAuthActions.js";
-import { Icon as K } from "../../icons/icon/Icon.js";
-import { Button as V } from "../../action/button/Button.js";
-import { Toggle as W } from "../../input/toggle/Toggle.js";
+import { useSessionStorageState as z } from "../../hooks/use_session_storage_state/useSessionStorageState.js";
+import { Icon as H } from "../../icons/icon/Icon.js";
+import { Button as K } from "../../action/button/Button.js";
+import { Toggle as V } from "../../input/toggle/Toggle.js";
+import { EMAIL_CONSENT_STORAGE_KEY as W } from "../use_auth/useAuthActions.js";
 import { utf8ToBase64url as $ } from "../use_auth/base64.js";
 const ie = ({
   authType: v,
@@ -29,8 +29,8 @@ const ie = ({
   hideBelowButton: x = !1,
   error: R = !1
 }) => {
-  const [h, T] = g ? G(H, !1) : [!1, () => {
-  }], o = Y(), d = z(), A = (t) => {
+  const [h, T] = g ? z(W, !1) : [!1, () => {
+  }], o = D(), d = Y(), A = (t) => {
     if (typeof window < "u") {
       const s = t === "CURRENT_LOCATION" ? window.location : t, i = new URL(s, window.location.origin), l = i.searchParams, E = new URLSearchParams(d.search);
       l.has("code") && l.delete("code"), f && l.append(f, window.location.toString());
@@ -73,7 +73,7 @@ const ie = ({
         alt: `Logo ${c}`
       }
     ) : /* @__PURE__ */ e(
-      K,
+      H,
       {
         name: "next",
         "aria-hidden": "true",
@@ -100,7 +100,7 @@ const ie = ({
     ] }),
     U ? null : /* @__PURE__ */ n(m, { children: [
       /* @__PURE__ */ e(
-        V,
+        K,
         {
           "data-tid": "link_signup",
           "data-testid": "signup-button",
@@ -135,8 +135,8 @@ const ie = ({
             }
           )
         ] }),
-        g ? /* @__PURE__ */ e("div", { className: D(a.switchBox), children: /* @__PURE__ */ e(
-          W,
+        g ? /* @__PURE__ */ e("div", { className: G(a.switchBox), children: /* @__PURE__ */ e(
+          V,
           {
             type: "checkbox",
             name: "accepts_provider_email",

package/dist/components/hooks/use_session_storage_state/useSessionStorageState.js

@@ -0,0 +1,25 @@
+import { useState as n, useEffect as a } from "react";
+const c = (t, s) => {
+  try {
+    const e = JSON.parse(sessionStorage.getItem(t));
+    return e === null ? s : e;
+  } catch {
+    return s;
+  }
+}, S = (t, s) => {
+  const [e, r] = n(() => c(t, s));
+  return a(() => {
+    try {
+      sessionStorage.setItem(t, JSON.stringify(e));
+    } catch {
+    }
+  }, [e]), [e, r, () => {
+    try {
+      sessionStorage.removeItem(t);
+    } catch {
+    }
+  }];
+};
+export {
+  S as useSessionStorageState
+};

package/dist/components/input/argument_input/ArgumentInput.js

@@ -1,37 +1,37 @@
 import { jsxs as C, jsx as s } from "react/jsx-runtime";
-import We from "@rooks/use-sessionstorage-state";
-import { useRef as Ye, useState as c, useEffect as p, Suspense as je, lazy as ze } from "react";
+import { useRef as Ye, useState as u, useEffect as p, Suspense as je, lazy as ze } from "react";
 import { useIntl as Oe, FormattedMessage as he } from "react-intl";
-import { useLocation as Re } from "react-router";
+import { useLocation as Je } from "react-router";
 import x from "classnames";
 import n from "./ArgumentInput.module.scss.js";
-import { useDataProvider as Je } from "../../data/data_provider/useDataProvider.js";
-import { useList as Ke } from "../../list/list_provider/useList.js";
+import { useDataProvider as Ke } from "../../data/data_provider/useDataProvider.js";
+import { useList as Re } from "../../list/list_provider/useList.js";
 import { useConfig as Ge } from "../../data/config_provider/useConfig.js";
 import { useInput as He } from "../input_provider/useInput.js";
 import { useAuth as Qe } from "../../auth/use_auth/useAuth.js";
 import { useFormValidation as Xe } from "../../forms/use_form_validation/useFormValidation.js";
 import { useResponsive as Ze } from "../../hooks/use_responsive/useResponsive.js";
-import { useAuthRequired as et } from "../../hooks/use_auth_required/useAuthRequired.js";
-import { useModal as tt } from "../../dialog/modal/useModal.js";
-import { useToast as nt } from "../../dialog/toast_provider/useToast.js";
-import { TogglePosition as at } from "../toggle_position/TogglePosition.js";
-import { Avatar as st } from "../../user/avatar/Avatar.js";
-import { AuthorBox as it } from "../../user/author_box/AuthorBox.js";
-import { TextEditor as ot } from "../text_editor/TextEditor.js";
-import { Icon as rt } from "../../icons/icon/Icon.js";
-const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ default: N.SideModal }))), Ft = ({
+import { useSessionStorageState as et } from "../../hooks/use_session_storage_state/useSessionStorageState.js";
+import { useAuthRequired as tt } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { useModal as nt } from "../../dialog/modal/useModal.js";
+import { useToast as at } from "../../dialog/toast_provider/useToast.js";
+import { TogglePosition as st } from "../toggle_position/TogglePosition.js";
+import { Avatar as it } from "../../user/avatar/Avatar.js";
+import { AuthorBox as ot } from "../../user/author_box/AuthorBox.js";
+import { TextEditor as rt } from "../text_editor/TextEditor.js";
+import { Icon as ut } from "../../icons/icon/Icon.js";
+const dt = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ default: N.SideModal }))), Pt = ({
   argumentListId: N,
   avatarSize: pe = 48,
-  disabled: R = !1,
+  disabled: J = !1,
   positions: a = [],
   disabledPositions: T = [],
   groupId: _,
   groupName: _e,
-  groupType: J,
+  groupType: K,
   hideSourceAction: Me = !1,
   isReply: i = !1,
-  onSubmit: K,
+  onSubmit: R,
   onUpdate: G,
   parentId: M,
   placeholder: ve,
@@ -44,62 +44,61 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
   disableAutoActivate: we = !1,
   autoFocus: Q = !1
 }) => {
-  const r = Oe(), X = Je(), y = Ke(), v = Ge(), {
+  const r = Oe(), X = Ke(), L = Re(), v = Ge(), {
     focus: Z,
     setFocus: ee,
-    setReset: Se,
     inputContent: B,
     setInputContent: te,
-    setInputRichContent: Ie
-  } = He(), { isLoggedIn: S, currentUser: u } = Qe(), { errors: E, validate: $ } = Xe(), { isMobile: m } = Ze(), xe = Re(), ne = Ye(null), [V, k] = c([]), [q, D] = c(""), [ae, U] = c(null), [d, b] = c(null), [se, ie] = c(null), [oe, re] = c(!1), [I, ue] = c(!1), [A, de] = c({}), [Ne, W] = c(!1), [f, Te] = We(
+    setInputRichContent: Se
+  } = He(), { isLoggedIn: S, currentUser: d } = Qe(), { errors: E, validate: $ } = Xe(), { isMobile: m } = Ze(), Ie = Je(), ne = Ye(null), [V, k] = u([]), [q, D] = u(""), [ae, U] = u(null), [l, b] = u(null), [se, ie] = u(null), [oe, re] = u(!1), [I, ue] = u(!1), [A, de] = u({}), [xe, W] = u(!1), [Ne, Te] = u(0), [f, Le] = et(
     "userSide",
     {}
-  ), [g, ye] = c(
+  ), [g, ye] = u(
     !S && v?.actions?.disableInputForVisitor
-  ), Y = et(), { showModal: Le } = tt(), { toast: j } = nt() || {}, le = new URLSearchParams(
-    typeof window < "u" ? window.location.search : xe.search
+  ), Y = tt(), { showModal: Fe } = nt(), { toast: j } = at() || {}, le = new URLSearchParams(
+    typeof window < "u" ? window.location.search : Ie.search
   );
   p(() => {
     ye(
       !S && v?.actions?.disableInputForVisitor
     );
   }, [S, v]);
-  const z = u?.role === "editor" || u?.role === "moderator", ce = u?.moderation_status === "banned";
+  const z = d?.role === "editor" || d?.role === "moderator", ce = d?.moderation_status === "banned";
   p(() => {
     let e = null;
     typeof window < "u" && (e = le.get("positionId")), w && w != a[2]?.id && a?.find((t) => t.id === w) ? b(w) : e && e != a[2]?.id ? b(e) : f && f.groupId == _ && f.positionId != a[2]?.id && b(f.positionId);
   }, [w]), p(() => {
     Q && W(!0);
   }, [Q]), p(() => {
-    P && (O(), W(!0), L());
+    P && (O(), W(!0), y());
   }, [P]), p(() => {
     if (typeof window < "u") {
       const e = be || le.get("initArgument");
-      (e === !0 || e === "true") && (W(!0), L(), qe());
+      (e === !0 || e === "true") && (W(!0), y(), De());
     }
   }, []), p(() => {
-    Z && (L(), ee(!1));
+    Z && !i && (y(), ee(!1));
   }, [Z]), p(() => {
-    B?.id && !i && (Fe(B), ee(!0));
+    B?.id && !i && (Pe(B), ee(!0));
   }, [B]);
-  const Fe = (e) => {
-    de(e), ue(!0), k(e.sources), D(e.content), U(e.rich_content), ie(e.id), L(), b(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ie(e.rich_content) : te(e.content);
-  }, L = () => {
+  const Pe = (e) => {
+    de(e), ue(!0), k(e.sources), D(e.content), U(e.rich_content), ie(e.id), y(), b(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Se(e.rich_content) : te(e.content);
+  }, y = () => {
     ne.current.scrollIntoView({ behavior: "smooth", block: "center" });
   }, me = () => {
-    D(""), U(null), de({}), ie(null), k([]), Se(!0), te(null);
-  }, Pe = (e) => {
+    D(""), U(null), de({}), ie(null), k([]), Te((e) => e + 1), te(null);
+  }, Be = (e) => {
     b(e), ge(e);
-  }, Be = () => {
-    Le(
+  }, Ee = () => {
+    Fe(
       /* @__PURE__ */ s(je, { fallback: null, children: /* @__PURE__ */ s(
-        ut,
+        dt,
         {
           modalTitle: r.formatMessage({
             id: "modal.side_modal.modal_title",
             defaultMessage: "Choose your side"
           }),
-          onChooseSide: Pe,
+          onChooseSide: Be,
           positions: a,
           title: _e,
           disabledPositions: !i && T,
@@ -107,11 +106,11 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
         }
       ) })
     );
-  }, Ee = () => {
-    S ? se ? ke() : !a || a?.length === 0 || !T?.find((e) => e?.id === d) && d || z && i ? ge(i && z && a[0]?.id) : Be() : Y({ loginAction: "argument" });
-  }, $e = (e, t) => {
+  }, $e = () => {
+    S ? se ? qe() : !a || a?.length === 0 || !T?.find((e) => e?.id === l) && l || z && i ? ge(i && z && a[0]?.id) : Ee() : Y({ loginAction: "argument" });
+  }, Ve = (e, t) => {
     g ? Y({ loginAction: "argument" }) : (D(e), U(t), $({ content: e }, [{ content: ["url", null] }]));
-  }, Ve = (e) => {
+  }, ke = (e) => {
     k(e);
   }, fe = [
     { content: ["length", 3] },
@@ -119,23 +118,23 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
     { content: ["url", null] },
     ...!a || a?.length === 0 ? [] : [{ position_id: ["required", null] }]
   ], ge = (e) => {
-    const t = e || d, l = {
+    const t = e || l, c = {
       content: q,
       rich_content: ae,
       group_id: _,
-      ...J && { group_type: J },
+      ...K && { group_type: K },
       ...t && { position_id: t },
       is_reply: !!M,
       message_id: M || null,
       source_ids: V?.map((o) => o.id)
     };
-    $(l, fe) && (t && a && a.map((o) => o.id).includes(t) && Te({
+    $(c, fe) && (t && a && a.map((o) => o.id).includes(t) && Le({
       groupId: _,
       positionId: t
-    }), me(), X.create("messages", l).then((o) => {
+    }), me(), X.create("messages", c).then((o) => {
       if (o.data.success) {
         if (M)
-          K(o.data.data.resource), j(
+          R(o.data.data.resource), j(
             r.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -151,10 +150,10 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
         else {
           const h = o.data.data.resource;
           let F = N;
-          t && !m && (F = `argumentList${h.position.id}`), K?.(
+          t && !m && (F = `argumentList${h.position.id}`), R?.(
             q,
-            a.find((Ue) => Ue.id === t) || null
-          ), y.add(F, [h]), j(
+            a.find((We) => We.id === t) || null
+          ), L.add(F, [h]), j(
             r.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -166,7 +165,7 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                 defaultMessage: "Up to 10 eloquence points"
               }),
               category: "ARGUMENT",
-              contentKey: u.messages_count === 2 ? "alert.third_argument" : "alert.first_argument"
+              contentKey: d.messages_count === 2 ? "alert.third_argument" : "alert.first_argument"
             }
           );
         }
@@ -179,32 +178,32 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
         );
       }
     }));
-  }, ke = () => {
+  }, qe = () => {
     const e = {
       content: q,
       rich_content: ae,
       source_ids: V?.map((t) => t.id),
-      ...d && { position_id: d }
+      ...l && { position_id: l }
     };
     $(e, fe) && X.update("messages", se, e).then((t) => {
       if (t.data.success) {
-        const l = t.data.data.resource;
+        const c = t.data.data.resource;
         let o = N;
         if (A?.is_reply || i) {
           const h = A?.message_id || A?.reply_to_id || M;
           h && (o = `argument_${h}_reply_list`);
-        } else d && !m && (o = `argumentList${l.position?.id}`);
-        if (!A?.is_reply && A?.position?.id != l.position?.id && !m) {
-          const h = `argumentList${A.position.id}`, F = `argumentList${l.position.id}`;
-          y.remove(h, [l]), y.add(F, [l]);
+        } else l && !m && (o = `argumentList${c.position?.id}`);
+        if (!A?.is_reply && A?.position?.id != c.position?.id && !m) {
+          const h = `argumentList${A.position.id}`, F = `argumentList${c.position.id}`;
+          L.remove(h, [c]), L.add(F, [c]);
         } else
-          y.update(o, [l]);
-        G && G(l), j(r.formatMessage({ id: "alert.argument_modify" }), {
+          L.update(o, [c]);
+        G && G(c), j(r.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
         }), me();
       }
     });
-  }, qe = () => {
+  }, De = () => {
     if (!oe) {
       re(!0);
       const e = setTimeout(() => {
@@ -214,9 +213,9 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
     }
   }, O = () => {
     g ? Y({ loginAction: "argument" }) : ue(!0);
-  }, De = () => {
+  }, Ue = () => {
     const e = T.find(
-      (t) => t.id === d
+      (t) => t.id === l
     );
     if (e)
       return r.formatMessage(
@@ -228,7 +227,7 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
       );
   };
   return /* @__PURE__ */ C("div", { className: n.inputContainer, children: [
-    R && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: ce ? r.formatMessage({
+    J && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: ce ? r.formatMessage({
       id: "input.argument_input.user_banned",
       defaultMessage: "You are banned from the debate space."
     }) : r.formatMessage({
@@ -249,9 +248,9 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
               defaultMessage: "Your position"
             }) }),
             /* @__PURE__ */ s(
-              at,
+              st,
               {
-                activeLabel: d === a[0].id ? 0 : d === a[1].id ? 1 : null,
+                activeLabel: l === a[0].id ? 0 : l === a[1].id ? 1 : null,
                 firstLabel: a[0],
                 secondLabel: a[1],
                 onChange: (e) => b(a[e].id)
@@ -274,19 +273,19 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                       [n.argumentAuthorContainerActivated]: !m && I || i
                     }),
                     children: !m && I || i ? /* @__PURE__ */ s(
-                      st,
+                      it,
                       {
-                        avatarUrl: u.image_url,
-                        userName: u.full_name,
+                        avatarUrl: d.image_url,
+                        userName: d.full_name,
                         size: pe
                       }
                     ) : /* @__PURE__ */ s(
-                      it,
+                      ot,
                       {
-                        fullName: u?.full_name || r.formatMessage({ id: "default_author.full_name" }),
-                        avatarUrl: u?.image_url,
-                        points: u?.points || 0,
-                        slug: u?.hash_id
+                        fullName: d?.full_name || r.formatMessage({ id: "default_author.full_name" }),
+                        avatarUrl: d?.image_url,
+                        points: d?.points || 0,
+                        slug: d?.hash_id
                       }
                     )
                   }
@@ -301,41 +300,42 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                     }),
                     children: [
                       /* @__PURE__ */ s(
-                        ot,
+                        rt,
                         {
                           handleChange: (e, t) => {
-                            $e(e, t);
+                            Ve(e, t);
                           },
                           handleSourcesChange: (e) => {
-                            Ve(e);
+                            ke(e);
                           },
                           placeholder: ve,
                           "aria-label": r.formatMessage({
                             id: "input.argument_input.aria_label",
                             defaultMessage: "Message input field"
                           }),
-                          onSubmit: Ee,
+                          onSubmit: $e,
                           sources: V,
                           hideSourceAction: Me || g,
                           uid: M ? `Reply${_}_${M}` : `Argument${_}`,
                           onActivation: O,
                           showStylesControls: I,
-                          disabled: R || g || ce,
+                          disabled: J || g || ce,
                           maxLength: g ? !1 : v?.actions?.argumentMaxLength,
                           disableRichText: v?.actions?.disableRichText || g,
                           shortBar: i,
                           isReply: i,
+                          resetSignal: Ne,
                           hideSubmit: g,
                           allowedDomains: v?.allowed_sources,
                           active: P,
-                          autoFocus: Ne,
+                          autoFocus: xe,
                           hideCharCount: Ce,
                           disableAutoActivate: we
                         }
                       ),
                       E?.content && /* @__PURE__ */ s("div", { className: n.argumentInputWarning, children: E && Object.values(E).map((e, t) => /* @__PURE__ */ s("div", { children: e }, t)) }),
                       I && T?.find(
-                        (e) => e.id === d
+                        (e) => e.id === l
                       ) && /* @__PURE__ */ C(
                         "div",
                         {
@@ -345,7 +345,7 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                           ),
                           children: [
                             /* @__PURE__ */ s(
-                              rt,
+                              ut,
                               {
                                 name: "announcement",
                                 className: n.warningIcon,
@@ -353,7 +353,7 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
                                 width: 20
                               }
                             ),
-                            /* @__PURE__ */ s("div", { className: n.argumentInputWarningText, children: De() })
+                            /* @__PURE__ */ s("div", { className: n.argumentInputWarningText, children: Ue() })
                           ]
                         }
                       ),
@@ -394,5 +394,5 @@ const ut = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ def
   ] });
 };
 export {
-  Ft as ArgumentInput
+  Pt as ArgumentInput
 };

package/dist/components/input/text_editor/TextEditor.js

@@ -1,188 +1,189 @@
-import { jsxs as S, Fragment as re, jsx as e } from "react/jsx-runtime";
-import { ListNode as ie, ListItemNode as ne } from "@lexical/list";
-import { OverflowNode as se } from "@lexical/overflow";
-import { CharacterLimitPlugin as ce } from "@lexical/react/LexicalCharacterLimitPlugin";
-import { LexicalComposer as le } from "@lexical/react/LexicalComposer";
-import { ContentEditable as me } from "@lexical/react/LexicalContentEditable";
-import { EditorRefPlugin as ae } from "@lexical/react/LexicalEditorRefPlugin";
-import { LexicalErrorBoundary as de } from "@lexical/react/LexicalErrorBoundary";
-import { HistoryPlugin as ue } from "@lexical/react/LexicalHistoryPlugin";
-import { ListPlugin as fe } from "@lexical/react/LexicalListPlugin";
-import { OnChangePlugin as pe } from "@lexical/react/LexicalOnChangePlugin";
-import { RichTextPlugin as he } from "@lexical/react/LexicalRichTextPlugin";
-import { QuoteNode as ge } from "@lexical/rich-text";
-import M from "classnames";
-import { $getRoot as Se } from "lexical";
-import { useState as f, useId as xe, useRef as Pe, useEffect as w } from "react";
-import { useIntl as Ce } from "react-intl";
-import Te from "./EditorTheme.js";
+import { jsxs as x, Fragment as it, jsx as t } from "react/jsx-runtime";
+import { ListNode as nt, ListItemNode as st } from "@lexical/list";
+import { OverflowNode as ct } from "@lexical/overflow";
+import { CharacterLimitPlugin as lt } from "@lexical/react/LexicalCharacterLimitPlugin";
+import { LexicalComposer as mt } from "@lexical/react/LexicalComposer";
+import { ContentEditable as at } from "@lexical/react/LexicalContentEditable";
+import { EditorRefPlugin as dt } from "@lexical/react/LexicalEditorRefPlugin";
+import { LexicalErrorBoundary as ut } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as ft } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as pt } from "@lexical/react/LexicalListPlugin";
+import { OnChangePlugin as ht } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as gt } from "@lexical/react/LexicalRichTextPlugin";
+import { QuoteNode as St } from "@lexical/rich-text";
+import R from "classnames";
+import { $getRoot as xt } from "lexical";
+import { useState as p, useId as Pt, useRef as Ct, useEffect as w } from "react";
+import { useIntl as Tt } from "react-intl";
+import It from "./EditorTheme.js";
 import i from "./TextEditor.module.scss.js";
-import { AutoSavePlugin as Ie } from "./plugins/AutoSavePlugin.js";
-import { FocusPlugin as Ne } from "./plugins/FocusPlugin.js";
-import { IOSInsertParagraphFallbackPlugin as ve } from "./plugins/IOSInsertParagraphFallbackPlugin.js";
-import { MaxLengthPlugin as Ee } from "./plugins/MaxLengthPlugin.js";
-import { ResetPlugin as be } from "./plugins/ResetPlugin.js";
-import { SetContentPlugin as Re } from "./plugins/SetContentPlugin.js";
-import { SetRichContentPlugin as Me } from "./plugins/SetRichContentPlugin.js";
-import { ToolbarPlugin as we } from "./plugins/ToolbarPlugin.js";
-import { useModal as ye } from "../../dialog/modal/useModal.js";
-import { SourceModal as Le } from "../../source/source_modal/SourceModal.js";
-import { SourceListItem as _e } from "../../source/source_list_item/SourceListItem.js";
-const y = (l) => l?.replace(/ /g, " "), mt = ({
+import { AutoSavePlugin as Nt } from "./plugins/AutoSavePlugin.js";
+import { FocusPlugin as vt } from "./plugins/FocusPlugin.js";
+import { IOSInsertParagraphFallbackPlugin as Et } from "./plugins/IOSInsertParagraphFallbackPlugin.js";
+import { MaxLengthPlugin as bt } from "./plugins/MaxLengthPlugin.js";
+import { ResetPlugin as Mt } from "./plugins/ResetPlugin.js";
+import { SetContentPlugin as Rt } from "./plugins/SetContentPlugin.js";
+import { SetRichContentPlugin as wt } from "./plugins/SetRichContentPlugin.js";
+import { ToolbarPlugin as Lt } from "./plugins/ToolbarPlugin.js";
+import { useModal as _t } from "../../dialog/modal/useModal.js";
+import { SourceModal as yt } from "../../source/source_modal/SourceModal.js";
+import { SourceListItem as At } from "../../source/source_list_item/SourceListItem.js";
+const L = (l) => l?.replace(/ /g, " "), ae = ({
   placeholder: l,
-  initialContent: L,
-  initialRichContent: _,
-  onSubmit: x,
-  sources: p,
+  initialContent: _,
+  initialRichContent: y,
+  onSubmit: P,
+  sources: h,
   hideSubmit: A = !1,
   hideSourceAction: O = !1,
   onActivation: n,
   disabled: k = !1,
-  handleChange: P,
-  handleSourcesChange: h,
+  handleChange: C,
+  handleSourcesChange: g,
   shortBar: B = !1,
-  active: g = !1,
+  active: S = !1,
   maxLength: m,
   disableRichText: U = !1,
   editorRef: j,
-  uid: C,
-  allowedDomains: T = [],
+  uid: T,
+  allowedDomains: I = [],
   hideCharCount: z = !1,
   disableAutoActivate: F = !1,
   autoFocus: a = !1,
-  isReply: I = !1,
-  ...H
+  isReply: d = !1,
+  resetSignal: H,
+  ...J
 }) => {
-  const [s, J] = f(a || g), [Q, W] = f(""), [$, q] = f(""), [d, u] = f([]), { showModal: D } = ye(), N = Ce(), v = xe(), E = Pe(!1);
+  const [s, Q] = p(a || S), [W, $] = p(""), [q, D] = p(""), [u, f] = p([]), { showModal: G } = _t(), N = Tt(), v = Pt(), E = Ct(!1);
   w(() => {
     a && !E.current && n && (E.current = !0, n());
   }, [a, n]), w(() => {
-    p && u(p);
-  }, [p]);
+    h && f(h);
+  }, [h]);
   const b = () => {
-    s || (J(!0), n && n());
-  }, G = {
+    s || (Q(!0), n && n());
+  }, K = {
     editable: !k,
-    theme: Te,
-    onError(t) {
-      console.error("TextEditor error:", t);
+    theme: It,
+    onError(e) {
+      console.error("TextEditor error:", e);
     },
-    nodes: [ie, ne, ge, se]
-  }, K = () => {
+    nodes: [nt, st, St, ct]
+  }, V = () => {
     b();
-  }, V = (t) => {
-    t.read(() => {
-      const o = Se().getTextContent(), r = y(o), c = JSON.stringify(t), R = y(c);
-      W(r), q(R), P && P(r, R);
+  }, X = (e) => {
+    e.read(() => {
+      const o = xt().getTextContent(), r = L(o), c = JSON.stringify(e), M = L(c);
+      $(r), D(M), C && C(r, M);
     });
-  }, X = (t) => {
-    const o = Q, r = $, c = d;
-    x && (t.preventDefault(), x(o, r, c)), u([]), h?.([]);
-  }, Y = () => {
-    D(
-      /* @__PURE__ */ e(
-        Le,
+  }, Y = (e) => {
+    const o = W, r = q, c = u;
+    P && (e.preventDefault(), P(o, r, c)), f([]), g?.([]);
+  }, Z = () => {
+    G(
+      /* @__PURE__ */ t(
+        yt,
         {
-          onAddSource: Z,
-          allowedSources: T
+          onAddSource: tt,
+          allowedSources: I
         }
       )
     );
-  }, Z = (t) => {
-    u((o) => {
-      const r = [...o, t];
-      return h?.(r), r;
+  }, tt = (e) => {
+    f((o) => {
+      const r = [...o, e];
+      return g?.(r), r;
     });
-  }, ee = (t) => {
-    u((o) => {
+  }, et = (e) => {
+    f((o) => {
       const r = o.filter(
-        (c) => c.source_url !== t.source_url
+        (c) => c.source_url !== e.source_url
       );
-      return h?.(r), r;
+      return g?.(r), r;
     });
-  }, te = (t, o) => /* @__PURE__ */ e(
-    _e,
+  }, ot = (e, o) => /* @__PURE__ */ t(
+    At,
     {
-      publisher: t.publisher,
-      url: t.source_url,
-      title: t.title,
+      publisher: e.publisher,
+      url: e.source_url,
+      title: e.title,
       index: o,
-      onRemove: () => ee(t)
+      onRemove: () => et(e)
     },
     o
-  ), oe = () => /* @__PURE__ */ e("div", { className: i.editorPlaceholder, children: l });
-  return /* @__PURE__ */ S(re, { children: [
-    /* @__PURE__ */ e(le, { initialConfig: G, children: /* @__PURE__ */ e("div", { className: i.editorContainer, onClick: K, children: /* @__PURE__ */ S(
+  ), rt = () => /* @__PURE__ */ t("div", { className: i.editorPlaceholder, children: l });
+  return /* @__PURE__ */ x(it, { children: [
+    /* @__PURE__ */ t(mt, { initialConfig: K, children: /* @__PURE__ */ t("div", { className: i.editorContainer, onClick: V, children: /* @__PURE__ */ x(
       "div",
       {
-        className: M(i.editorInner, {
-          [i.editorInnerInactive]: !s && !g
+        className: R(i.editorInner, {
+          [i.editorInnerInactive]: !s && !S
         }),
         children: [
-          /* @__PURE__ */ e(
-            he,
+          /* @__PURE__ */ t(
+            gt,
             {
-              contentEditable: /* @__PURE__ */ e(
-                me,
+              contentEditable: /* @__PURE__ */ t(
+                at,
                 {
-                  className: M(i.editorInput, {
+                  className: R(i.editorInput, {
                     [i.editorInputInactive]: !s
                   }),
-                  ...H
+                  ...J
                 }
               ),
-              placeholder: l && /* @__PURE__ */ e(oe, {}),
-              ErrorBoundary: de
+              placeholder: l && /* @__PURE__ */ t(rt, {}),
+              ErrorBoundary: ut
             }
           ),
-          /* @__PURE__ */ e(
-            we,
+          /* @__PURE__ */ t(
+            Lt,
             {
               hideSourceAction: O,
               hideSubmit: A,
               disableRichText: U,
               shortBar: B,
-              onSubmit: X,
-              onAddSource: Y,
-              isActive: s || g,
-              sourceTooltip: T?.length > 0 && N.formatMessage({
+              onSubmit: Y,
+              onAddSource: Z,
+              isActive: s || S,
+              sourceTooltip: I?.length > 0 && N.formatMessage({
                 id: "input.allowed_domains_tooltip",
                 defaultMessage: "With the new source function, you can add links to your article."
               })
             }
           ),
-          s && m && !z && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
-            /* @__PURE__ */ e(ce, { maxLength: m }),
+          s && m && !z && /* @__PURE__ */ x("div", { className: i.charactersCount, children: [
+            /* @__PURE__ */ t(lt, { maxLength: m }),
             " ",
             N.formatMessage({
               id: "input.remaining_chars",
               defaultMessage: "remaining characters"
             })
           ] }),
-          /* @__PURE__ */ e(fe, {}),
-          /* @__PURE__ */ e(ue, {}),
-          /* @__PURE__ */ e(pe, { onChange: V, ignoreSelectionChange: !0 }),
-          /* @__PURE__ */ e(
-            Ie,
+          /* @__PURE__ */ t(pt, {}),
+          /* @__PURE__ */ t(ft, {}),
+          /* @__PURE__ */ t(ht, { onChange: X, ignoreSelectionChange: !0 }),
+          /* @__PURE__ */ t(
+            Nt,
             {
               onSetContent: F ? () => {
               } : b,
-              storageUid: C || v
+              storageUid: T || v
             }
           ),
-          /* @__PURE__ */ e(Re, { content: L, isReply: I }),
-          /* @__PURE__ */ e(Me, { richContent: _, isReply: I }),
-          /* @__PURE__ */ e(Ne, { autoFocus: a }),
-          /* @__PURE__ */ e(ve, {}),
-          m && /* @__PURE__ */ e(Ee, { maxLength: m }),
-          /* @__PURE__ */ e(be, { storageUid: C || v }),
-          /* @__PURE__ */ e(ae, { editorRef: j })
+          /* @__PURE__ */ t(Rt, { content: _, isReply: d }),
+          /* @__PURE__ */ t(wt, { richContent: y, isReply: d }),
+          /* @__PURE__ */ t(vt, { autoFocus: a, isReply: d }),
+          /* @__PURE__ */ t(Et, {}),
+          m && /* @__PURE__ */ t(bt, { maxLength: m }),
+          /* @__PURE__ */ t(Mt, { storageUid: T || v, resetSignal: H, isReply: d }),
+          /* @__PURE__ */ t(dt, { editorRef: j })
         ]
       }
     ) }) }),
-    d && d.length !== 0 ? /* @__PURE__ */ e("div", { className: i.sourcesBox, children: /* @__PURE__ */ e("div", { className: i.sourceList, children: d.map(te) }) }) : null
+    u && u.length !== 0 ? /* @__PURE__ */ t("div", { className: i.sourcesBox, children: /* @__PURE__ */ t("div", { className: i.sourceList, children: u.map(ot) }) }) : null
   ] });
 };
 export {
-  mt as TextEditor
+  ae as TextEditor
 };

package/dist/components/input/text_editor/plugins/AutoSavePlugin.js

@@ -1,34 +1,32 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useLexicalComposerContext as f } from "@lexical/react/LexicalComposerContext";
-import { OnChangePlugin as d } from "@lexical/react/LexicalOnChangePlugin";
-import g from "@rooks/use-localstorage-state";
-import { useEffect as u } from "react";
-import { useDebouncedCallback as S } from "use-debounce";
-const O = ({ storageUid: r, onSetContent: n }) => {
-  const [o] = f(), [t, i, l] = g(
-    `TextEditor:content_${r}`,
-    {}
-  );
-  u(() => {
-    if (t && Object.keys(t).length !== 0) {
-      const e = o.parseEditorState(t.editorState);
-      o.setEditorState(e), n?.();
+import { jsx as i } from "react/jsx-runtime";
+import { useLexicalComposerContext as c } from "@lexical/react/LexicalComposerContext";
+import { OnChangePlugin as s } from "@lexical/react/LexicalOnChangePlugin";
+import { useEffect as m } from "react";
+import { useDebouncedCallback as g } from "use-debounce";
+const C = ({ storageUid: r, onSetContent: n }) => {
+  const [e] = c(), o = `TextEditor:content_${r}`;
+  m(() => {
+    try {
+      const t = JSON.parse(localStorage.getItem(o));
+      t?.editorState && (e.setEditorState(e.parseEditorState(t.editorState)), n?.());
+    } catch {
     }
   }, []);
-  const s = S(
-    (e, a) => {
-      e.read(() => {
-        const c = {
-          editorState: JSON.stringify(a.getEditorState())
-        };
-        i(c);
-      });
+  const a = g(
+    (t) => {
+      try {
+        localStorage.setItem(
+          o,
+          JSON.stringify({ editorState: JSON.stringify(t) })
+        );
+      } catch {
+      }
     },
     1e3,
     !1
   );
-  return /* @__PURE__ */ m(d, { onChange: s, ignoreSelectionChange: !0 });
+  return /* @__PURE__ */ i(s, { onChange: a, ignoreSelectionChange: !0 });
 };
 export {
-  O as AutoSavePlugin
+  C as AutoSavePlugin
 };

package/dist/components/input/text_editor/plugins/FocusPlugin.js

@@ -1,10 +1,10 @@
-import { useLexicalComposerContext as u } from "@lexical/react/LexicalComposerContext";
-import { useRef as c, useEffect as n } from "react";
-import { useInput as l } from "../../input_provider/useInput.js";
-const p = ({ autoFocus: o = !1 }) => {
-  const [e] = u(), { focus: t } = l(), r = c(!1);
+import { useLexicalComposerContext as c } from "@lexical/react/LexicalComposerContext";
+import { useRef as l, useEffect as n } from "react";
+import { useInput as f } from "../../input_provider/useInput.js";
+const E = ({ autoFocus: o = !1, isReply: s = !1 }) => {
+  const [e] = c(), { focus: t } = f(), r = l(!1);
   return n(() => {
-    t && e.focus(() => {
+    t && !s && e.focus(() => {
       e.getRootElement().focus({ preventScroll: !0 });
     });
   }, [t, e]), n(() => {
@@ -14,5 +14,5 @@ const p = ({ autoFocus: o = !1 }) => {
   }, [o, e]), null;
 };
 export {
-  p as FocusPlugin
+  E as FocusPlugin
 };

package/dist/components/input/text_editor/plugins/ResetPlugin.js

@@ -1,23 +1,25 @@
-import { useLexicalComposerContext as p } from "@lexical/react/LexicalComposerContext";
-import m from "@rooks/use-localstorage-state";
-import { $addUpdateTag as i, $getRoot as l, $createParagraphNode as f } from "lexical";
-import { useEffect as d } from "react";
-import { useInput as u } from "../../input_provider/useInput.js";
-const L = ({ storageUid: s }) => {
-  const [n] = p(), { reset: t, setReset: a } = u(), [g, x, c] = m(
-    `TextEditor:content_${s}`,
-    {}
-  );
-  return d(() => {
-    t && n.update(() => {
-      i("skip-dom-selection");
-      const e = l(), o = f();
-      e.clear(), e.append(o);
-      const r = o.selectStart();
-      r.format = 0, r.style = "", c(), a(!1);
+import { useLexicalComposerContext as f } from "@lexical/react/LexicalComposerContext";
+import { $addUpdateTag as l, $getRoot as u, $createParagraphNode as d } from "lexical";
+import { useRef as R, useEffect as g } from "react";
+import { useInput as h } from "../../input_provider/useInput.js";
+const E = ({ storageUid: a, resetSignal: t, isReply: n = !1 }) => {
+  const [p] = f(), { reset: e, setReset: i } = h(), o = R(t);
+  return g(() => {
+    const m = t !== void 0 && t !== o.current;
+    o.current = t, (m || e && !n) && p.update(() => {
+      l("skip-dom-selection");
+      const r = u(), s = d();
+      r.clear(), r.append(s);
+      const c = s.selectStart();
+      c.format = 0, c.style = "";
+      try {
+        localStorage.removeItem(`TextEditor:content_${a}`);
+      } catch {
+      }
+      e && i(!1);
     });
-  }, [t]), null;
+  }, [t, e]), null;
 };
 export {
-  L as ResetPlugin
+  E as ResetPlugin
 };

package/dist/components/intl/intl_provider/IntlProvider.js

@@ -1,9 +1,9 @@
 import { jsx as f, Fragment as I } from "react/jsx-runtime";
-import L from "@rooks/use-sessionstorage-state";
-import { flatten as O } from "flat";
-import { useState as u, useEffect as P } from "react";
-import { IntlProvider as b } from "react-intl";
-import { IntlContext as y } from "./IntlContext.js";
+import { flatten as L } from "flat";
+import { useState as u, useEffect as O } from "react";
+import { IntlProvider as P } from "react-intl";
+import { IntlContext as b } from "./IntlContext.js";
+import { useSessionStorageState as y } from "../../hooks/use_session_storage_state/useSessionStorageState.js";
 const R = ({
   language: l,
   locales: t,
@@ -12,7 +12,7 @@ const R = ({
   children: g,
   onError: p
 }) => {
-  const [s, h] = L(
+  const [s, h] = y(
     "logora:locale",
     null
   ), v = () => {
@@ -21,7 +21,7 @@ const R = ({
     if (l)
       return l;
   }, x = () => !o && e in t ? t[e] : {}, [e, S] = u(v()), [c, d] = u(x());
-  P(() => {
+  O(() => {
     e && (o && e in t && t[e]().then((r) => {
       d(r?.default || r);
     }).catch(() => d({})), s !== e && h(e));
@@ -32,12 +32,12 @@ const R = ({
       Object.keys(a).indexOf(i) > -1 && (n[i] = a[i]);
     }), n;
   }, m = () => /* @__PURE__ */ f(
-    b,
+    P,
     {
       locale: e,
-      messages: j(O(c)),
+      messages: j(L(c)),
       onError: p,
-      children: /* @__PURE__ */ f(y.Provider, { value: { locale: e, setLocale: S }, children: g })
+      children: /* @__PURE__ */ f(b.Provider, { value: { locale: e, setLocale: S }, children: g })
     }
   );
   return /* @__PURE__ */ f(I, { children: o && typeof window < "u" ? Object.keys(c).length > 0 ? m() : null : m() });

package/dist/components/suggestion/suggestion_input/SuggestionInput.js

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as g, Fragment as P } from "react/jsx-runtime";
-import z from "@rooks/use-sessionstorage-state";
-import H from "classnames";
+import z from "classnames";
 import { useState as l, useRef as b, useEffect as c } from "react";
-import { useIntl as K, FormattedMessage as n } from "react-intl";
+import { useIntl as H, FormattedMessage as n } from "react-intl";
 import t from "./SuggestionInput.module.scss.js";
-import { useDataProvider as Q } from "../../data/data_provider/useDataProvider.js";
-import { useList as W } from "../../list/list_provider/useList.js";
-import { useToast as X } from "../../dialog/toast_provider/useToast.js";
-import { useAuth as Z } from "../../auth/use_auth/useAuth.js";
-import { useInput as $ } from "../../input/input_provider/useInput.js";
-import { useFormValidation as G } from "../../forms/use_form_validation/useFormValidation.js";
+import { useDataProvider as K } from "../../data/data_provider/useDataProvider.js";
+import { useList as Q } from "../../list/list_provider/useList.js";
+import { useToast as W } from "../../dialog/toast_provider/useToast.js";
+import { useAuth as X } from "../../auth/use_auth/useAuth.js";
+import { useInput as Z } from "../../input/input_provider/useInput.js";
+import { useFormValidation as $ } from "../../forms/use_form_validation/useFormValidation.js";
+import { useSessionStorageState as G } from "../../hooks/use_session_storage_state/useSessionStorageState.js";
 import { useAuthRequired as U } from "../../hooks/use_auth_required/useAuthRequired.js";
 import { TextInput as ee } from "../../input/text_input/TextInput.js";
 import { Button as se } from "../../action/button/Button.js";
@@ -21,7 +21,7 @@ const ve = ({
   userGuideUrl: d,
   hideUserGuideLink: N = !1
 }) => {
-  const o = K(), C = Q(), x = W(), { toast: T } = X() || {}, { isLoggedIn: y } = Z(), { focus: f, setFocus: q } = $(), { errors: p, validate: F } = G(), [h, E] = l(!0), [Y, v] = l(!1), [i, a] = l(""), [S, k, A] = z("userSuggestion", {}), R = b(null), u = b(null), V = U();
+  const o = H(), C = K(), x = Q(), { toast: T } = W() || {}, { isLoggedIn: y } = X(), { focus: f, setFocus: q } = Z(), { errors: p, validate: F } = $(), [h, E] = l(!0), [Y, v] = l(!1), [i, a] = l(""), [S, k, A] = G("userSuggestion", {}), R = b(null), u = b(null), V = U();
   c(() => {
     S?.suggestion && a(S.suggestion);
   }, []), c(() => {
@@ -88,7 +88,7 @@ const ve = ({
       className: t.suggestionInputContainer,
       ref: R,
       children: /* @__PURE__ */ g(P, { children: [
-        /* @__PURE__ */ g("div", { className: H(t.suggestionInputItem), children: [
+        /* @__PURE__ */ g("div", { className: z(t.suggestionInputItem), children: [
           /* @__PURE__ */ e("div", { className: t.suggestionInputTitle, children: /* @__PURE__ */ e(
             n,
             {

package/dist/components/vote/vote_box/VoteBox.js

@@ -1,11 +1,11 @@
 import { jsx as s, Fragment as pe, jsxs as c } from "react/jsx-runtime";
-import P from "@rooks/use-sessionstorage-state";
 import d from "classnames";
 import { useState as N, useEffect as T } from "react";
 import { useIntl as _e, FormattedMessage as f } from "react-intl";
 import { useLocation as Ne } from "react-router";
 import o from "./VoteBox.module.scss.js";
 import { useTranslatedContent as j } from "../../translation/translated_content/useTranslatedContent.js";
+import { useSessionStorageState as P } from "../../hooks/use_session_storage_state/useSessionStorageState.js";
 import { useToast as be } from "../../dialog/toast_provider/useToast.js";
 import { useAuthRequired as Se } from "../../hooks/use_auth_required/useAuthRequired.js";
 import { useDataProvider as we } from "../../data/data_provider/useDataProvider.js";

package/dist/index.js

@@ -160,10 +160,11 @@ import { useReportContent as rm } from "./components/user_content/use_report_con
 import { useResponsive as tm } from "./components/hooks/use_responsive/useResponsive.js";
 import { useRichContent as mm } from "./components/argument/argument/useRichContent.js";
 import { useRoutes as fm } from "./components/data/config_provider/useRoutes.js";
-import { useToast as am } from "./components/dialog/toast_provider/useToast.js";
-import { useVote as sm } from "./components/vote/use_vote/useVote.js";
-import { utf8ToBase64url as dm } from "./components/auth/use_auth/base64.js";
-import { withConfig as gm } from "./components/data/config_provider/withConfig.js";
+import { useSessionStorageState as am } from "./components/hooks/use_session_storage_state/useSessionStorageState.js";
+import { useToast as sm } from "./components/dialog/toast_provider/useToast.js";
+import { useVote as dm } from "./components/vote/use_vote/useVote.js";
+import { utf8ToBase64url as gm } from "./components/auth/use_auth/base64.js";
+import { withConfig as Bm } from "./components/data/config_provider/withConfig.js";
 export {
   a as ActionBar,
   s as AdUnit,
@@ -338,10 +339,11 @@ export {
   tm as useResponsive,
   mm as useRichContent,
   fm as useRoutes,
-  am as useToast,
+  am as useSessionStorageState,
+  sm as useToast,
   mx as useTranslatedContent,
-  sm as useVote,
-  dm as utf8ToBase64url,
+  dm as useVote,
+  gm as utf8ToBase64url,
   F as withAuth,
-  gm as withConfig
+  Bm as withConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.4.75",
+  "version": "0.4.77",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",
@@ -64,9 +64,7 @@
     "@lexical/rich-text": "^0.45.0",
     "@lexical/selection": "^0.45.0",
     "@lexical/utils": "^0.45.0",
-    "@rooks/use-localstorage-state": "^4.11.2",
     "@rooks/use-previous": "^4.11.2",
-    "@rooks/use-sessionstorage-state": "^4.11.2",
     "axios": "^1.15.2",
     "chart.js": "^4.5.1",
     "chartjs-plugin-datalabels": "^2.2.0",