@logora/debate 0.4.76 → 0.4.78

package/dist/assets/components/vote/vote_button/VoteButton.module-_-1B5PIK.css

@@ -0,0 +1 @@
+._voteButton_shygl_3{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._voteButton_shygl_3:focus:not(:focus-visible){outline:none;box-shadow:none}._active_shygl_22{font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal);color:var(--call-primary-color, #434343)}._active_shygl_22 svg{fill:var(--call-primary-color, #434343);fill-rule:evenodd}._disabled_shygl_32{cursor:not-allowed;opacity:.6}._disabled_shygl_32 svg{fill:var(--text-secondary, #5F5F5F);fill-rule:evenodd}

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,17 +1,17 @@
 import { jsxs as C, jsx as s } from "react/jsx-runtime";
-import Ye from "@rooks/use-sessionstorage-state";
-import { useRef as je, useState as u, useEffect as p, Suspense as ze, lazy as Oe } from "react";
-import { useIntl as Je, FormattedMessage as he } from "react-intl";
-import { useLocation as Ke } from "react-router";
+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 Je } from "react-router";
 import x from "classnames";
 import n from "./ArgumentInput.module.scss.js";
-import { useDataProvider as Re } from "../../data/data_provider/useDataProvider.js";
-import { useList as Ge } from "../../list/list_provider/useList.js";
-import { useConfig as He } from "../../data/config_provider/useConfig.js";
-import { useInput as Qe } from "../input_provider/useInput.js";
-import { useAuth as Xe } from "../../auth/use_auth/useAuth.js";
-import { useFormValidation as Ze } from "../../forms/use_form_validation/useFormValidation.js";
-import { useResponsive as et } from "../../hooks/use_responsive/useResponsive.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 { 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";
@@ -20,7 +20,7 @@ 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 = Oe(() => import("../../modal/side_modal/index.js").then((N) => ({ default: N.SideModal }))), Pt = ({
+const dt = ze(() => import("../../modal/side_modal/index.js").then((N) => ({ default: N.SideModal }))), Pt = ({
   argumentListId: N,
   avatarSize: pe = 48,
   disabled: J = !1,
@@ -44,13 +44,13 @@ const dt = Oe(() => import("../../modal/side_modal/index.js").then((N) => ({ def
   disableAutoActivate: we = !1,
   autoFocus: Q = !1
 }) => {
-  const r = Je(), X = Re(), L = Ge(), v = He(), {
+  const r = Oe(), X = Ke(), L = Re(), v = Ge(), {
     focus: Z,
     setFocus: ee,
     inputContent: B,
     setInputContent: te,
     setInputRichContent: Se
-  } = Qe(), { isLoggedIn: S, currentUser: d } = Xe(), { errors: E, validate: $ } = Ze(), { isMobile: m } = et(), Ie = Ke(), ne = je(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] = Ye(
+  } = 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] = u(
@@ -91,7 +91,7 @@ const dt = Oe(() => import("../../modal/side_modal/index.js").then((N) => ({ def
     b(e), ge(e);
   }, Ee = () => {
     Fe(
-      /* @__PURE__ */ s(ze, { fallback: null, children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s(je, { fallback: null, children: /* @__PURE__ */ s(
         dt,
         {
           modalTitle: r.formatMessage({

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/ResetPlugin.js

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

@@ -1,11 +1,11 @@
-import '../../../assets/components/vote/vote_button/VoteButton.module-DqD79xv_.css';const t = "_voteButton_iuwpf_3", e = "_active_iuwpf_22", o = "_disabled_iuwpf_32", s = {
+import '../../../assets/components/vote/vote_button/VoteButton.module-_-1B5PIK.css';const t = "_voteButton_shygl_3", s = "_active_shygl_22", e = "_disabled_shygl_32", o = {
   voteButton: t,
-  active: e,
-  disabled: o
+  active: s,
+  disabled: e
 };
 export {
-  e as active,
-  s as default,
-  o as disabled,
+  s as active,
+  o as default,
+  e as disabled,
   t as voteButton
 };

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.76",
+  "version": "0.4.78",
   "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",

package/dist/assets/components/vote/vote_button/VoteButton.module-DqD79xv_.css

@@ -1 +0,0 @@
-._voteButton_iuwpf_3{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._voteButton_iuwpf_3:focus:not(:focus-visible){outline:none;box-shadow:none}._active_iuwpf_22{font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal);color:inherit}._active_iuwpf_22 svg{fill:currentColor!important;fill-rule:evenodd}._disabled_iuwpf_32{cursor:not-allowed;opacity:.6}._disabled_iuwpf_32 svg{fill:var(--text-secondary, #5F5F5F);fill-rule:evenodd}