@logora/debate 0.3.92 → 0.3.93

package/dist/assets/components/navigation/tabs/Tabs.module-CYpmMK3l.css

@@ -0,0 +1 @@
+._tabsWrapper_14x1i_3{position:relative;display:flex;align-items:stretch;width:100%;max-width:100%}._navTabs_14x1i_11{display:flex;flex-wrap:nowrap;gap:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));white-space:nowrap;padding-left:0;margin-top:0;margin-bottom:0;border-bottom:none!important;list-style:none;flex:1}@container (max-width: 575.98px){._navTabs_14x1i_11{font-size:var(--font-size-normal, 16px);gap:var(--space-unit, 1em)}}._navTabs_14x1i_11{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}._navTabs_14x1i_11::-webkit-scrollbar{display:none}._arrow_14x1i_39{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0;transition:opacity .2s ease;outline:none;background:none;line-height:0}._arrow_14x1i_39 svg{display:block}._arrow_14x1i_39:focus-visible{outline:2px solid var(--call-primary-color, #434343);outline-offset:-2px}._arrowLeft_14x1i_63{left:0;padding-left:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to right,var(--background-color-container, white) 40%,transparent)}._arrowLeft_14x1i_63 svg{transform:rotate(90deg)}._arrowRight_14x1i_72{right:0;padding-right:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to left,var(--background-color-container, white) 40%,transparent)}._arrowRight_14x1i_72 svg{transform:rotate(-90deg)}._arrowHidden_14x1i_81{opacity:0;pointer-events:none}._navItem_14x1i_86{cursor:pointer}._navLink_14x1i_90{display:block;position:relative;padding:var(--spacer-md, calc(var(--space-unit, 1em) * .75)) var(--spacer-md, calc(var(--space-unit, 1em) * .75));border:none!important;color:var(--text-primary, #222222);outline:0}._navLink_14x1i_90:hover,._navLink_14x1i_90:focus{text-decoration:none;color:var(--text-primary, #222222)!important;background:transparent}._navLink_14x1i_90._disabled_14x1i_103{color:var(--darkest-text-tertiary, #c7c7c7);pointer-events:none;cursor:default}._navLink_14x1i_90:after{content:"";background-color:var(--text-primary, #222222);height:2px;position:absolute;width:100%;left:0;bottom:0;z-index:1;transition:transform .25s ease 0s;transform:scaleX(0)}._navLink_14x1i_90._active_14x1i_120{color:var(--text-primary, #222222)!important;background:transparent;font-weight:var(--font-weight-bold, 700)}._navLink_14x1i_90._active_14x1i_120:after{transform:scaleX(1)}

package/dist/components/auth/providers/FormAuth.js

@@ -1,19 +1,21 @@
 import { AuthProvider as s } from "./AuthProvider.js";
 import { utf8ToBase64url as e } from "../use_auth/base64.js";
 class u extends s {
-  constructor(r, t) {
-    super(), this.providerName = r, this.userData = t;
+  constructor(t, r) {
+    super(), this.providerName = t, this.userData = r;
   }
   shouldInitAuth() {
     return !!this.userData;
   }
   getSessionId = () => null;
-  isSameUser(r) {
+  isSameUser(t) {
     return !0;
   }
   getAssertion() {
-    const r = JSON.stringify(this.userData);
-    return e(r);
+    if (!this.userData || typeof this.userData != "object")
+      return null;
+    const t = JSON.stringify(this.userData);
+    return e(t);
   }
   getAuthorizationParams() {
     return {

package/dist/components/auth/providers/PasswordAuth.js

@@ -1,17 +1,17 @@
-import { AuthProvider as e } from "./AuthProvider.js";
-class i extends e {
-  constructor(r, s) {
-    super(), this.providerName = r, this.userData = s;
+import { AuthProvider as t } from "./AuthProvider.js";
+class i extends t {
+  constructor(s, r) {
+    super(), this.providerName = s, this.userData = r;
   }
   shouldInitAuth() {
     return !!this.userData;
   }
   getSessionId = () => null;
-  isSameUser(r) {
+  isSameUser(s) {
     return !0;
   }
   getAuthorizationParams() {
-    return {
+    return !this.userData?.email || !this.userData?.password ? null : {
       grant_type: "password",
       username: this.userData.email,
       password: this.userData.password,

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

@@ -1,30 +1,34 @@
-import { authTokenHandler as E } from "./authTokenHandler.js";
+import { authTokenHandler as m } from "./authTokenHandler.js";
 import { useAuth as w } from "./useAuth.js";
 import { useDataProvider as v } from "../../data/data_provider/useDataProvider.js";
-const I = "logora:emailConsent", L = (i, u, d) => {
-  const { removeToken: r, fetchToken: f } = E(
+const I = "logora:emailConsent", L = (i, u, f) => {
+  const { removeToken: a, fetchToken: d } = m(
     i,
     u,
-    d
-  ), { setCurrentUser: o, setIsLoggedIn: n, setIsLoggingIn: s, setAuthError: a } = w(), h = v(), l = (e) => {
-    f(e).then((t) => {
+    f
+  ), { setCurrentUser: n, setIsLoggedIn: s, setIsLoggingIn: t, setAuthError: r } = w(), l = v(), h = (e) => {
+    if (!e) {
+      r(!0), t(!1);
+      return;
+    }
+    d(e).then((o) => {
       c();
-    }).catch((t) => {
-      a(t);
+    }).catch((o) => {
+      r(o);
     });
   }, g = () => {
-    n(!1), s(!1), o({}), r(), p();
+    s(!1), t(!1), n({}), a(), E();
   }, c = () => {
-    h.getOneWithToken("me", "").then((e) => {
+    l.getOneWithToken("me", "").then((e) => {
       if (e.data.success) {
-        const t = e.data.data.resource;
-        o(t), n(!0), s(!1), m(t);
+        const o = e.data.data.resource;
+        n(o), s(!0), t(!1), p(o);
       } else
-        a(!0), n(!1), s(!1), o({}), r();
+        r(!0), s(!1), t(!1), n({}), a();
     }).catch((e) => {
-      a(!0), n(!1), s(!1), o({}), r();
+      r(!0), s(!1), t(!1), n({}), a();
     });
-  }, m = (e) => {
+  }, p = (e) => {
     typeof window < "u" && window.dispatchEvent(
       new CustomEvent("logora:authentication:success", {
         detail: {
@@ -32,11 +36,11 @@ const I = "logora:emailConsent", L = (i, u, d) => {
         }
       })
     );
-  }, p = () => {
+  }, E = () => {
     typeof window < "u" && window.dispatchEvent(new CustomEvent("logora:authentication:logout"));
   };
   return {
-    loginUser: l,
+    loginUser: h,
     logoutUser: g,
     fetchUser: c
   };

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

@@ -35,7 +35,7 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
   sources: p,
   hideSubmit: _ = !1,
   hideSourceAction: A = !1,
-  onActivation: n,
+  onActivation: s,
   disabled: B = !1,
   handleChange: C,
   handleSourcesChange: h,
@@ -51,14 +51,14 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
   autoFocus: a = !1,
   ...H
 }) => {
-  const [s, J] = f(a || g), [Q, W] = f(""), [$, q] = f(""), [d, u] = f([]), { showModal: D } = Me(), N = Ce(), v = Se(), E = xe(!1);
+  const [n, J] = f(a || g), [Q, W] = f(""), [$, q] = f(""), [d, u] = f([]), { showModal: D } = Me(), N = Ce(), v = Se(), E = xe(!1);
   M(() => {
-    a && !E.current && n && (E.current = !0, n());
-  }, [a, n]), M(() => {
+    a && !E.current && s && (E.current = !0, s());
+  }, [a, s]), M(() => {
     p && u(p);
   }, [p]);
   const I = () => {
-    s || (J(!0), n && n());
+    n || (J(!0), s && s());
   }, F = {
     editable: !B,
     theme: Pe,
@@ -114,7 +114,7 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
       "div",
       {
         className: b(i.editorInner, {
-          [i.editorInnerInactive]: !s && !g
+          [i.editorInnerInactive]: !n && !g
         }),
         children: [
           /* @__PURE__ */ e(
@@ -124,7 +124,7 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
                 le,
                 {
                   className: b(i.editorInput, {
-                    [i.editorInputInactive]: !s
+                    [i.editorInputInactive]: !n
                   }),
                   ...H
                 }
@@ -142,14 +142,14 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
               shortBar: O,
               onSubmit: V,
               onAddSource: X,
-              isActive: s || g,
+              isActive: n || g,
               sourceTooltip: T?.length > 0 && N.formatMessage({
                 id: "input.allowed_domains_tooltip",
                 defaultMessage: "With the new source function, you can add links to your article."
               })
             }
           ),
-          s && m && !k && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
+          n && m && !k && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
             /* @__PURE__ */ e(se, { maxLength: m }),
             " ",
             N.formatMessage({
@@ -170,7 +170,7 @@ const y = (l) => l?.replace(/ /g, " "), st = ({
           ),
           /* @__PURE__ */ e(Ie, { content: w }),
           /* @__PURE__ */ e(Re, { richContent: L }),
-          /* @__PURE__ */ e(Ne, { autoFocus: a }),
+          /* @__PURE__ */ e(Ne, { autoFocus: a, isActive: n }),
           m && /* @__PURE__ */ e(ve, { maxLength: m }),
           /* @__PURE__ */ e(Ee, { storageUid: P || v }),
           /* @__PURE__ */ e(me, { editorRef: j })

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

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

package/dist/components/navigation/tabs/Tabs.module.scss.js

@@ -1,23 +1,23 @@
-import '../../../assets/components/navigation/tabs/Tabs.module-CFizOU1d.css';const a = "_tabsWrapper_s0wnb_3", n = "_navTabs_s0wnb_11", r = "_arrow_s0wnb_38", s = "_arrowLeft_s0wnb_62", t = "_arrowRight_s0wnb_71", _ = "_arrowHidden_s0wnb_80", o = "_navItem_s0wnb_85", w = "_navLink_s0wnb_89", e = "_active_s0wnb_119", b = {
+import '../../../assets/components/navigation/tabs/Tabs.module-CYpmMK3l.css';const a = "_tabsWrapper_14x1i_3", r = "_navTabs_14x1i_11", t = "_arrow_14x1i_39", _ = "_arrowLeft_14x1i_63", n = "_arrowRight_14x1i_72", o = "_arrowHidden_14x1i_81", i = "_navItem_14x1i_86", s = "_navLink_14x1i_90", e = "_active_14x1i_120", c = {
   tabsWrapper: a,
-  navTabs: n,
-  arrow: r,
-  arrowLeft: s,
-  arrowRight: t,
-  arrowHidden: _,
-  navItem: o,
-  navLink: w,
+  navTabs: r,
+  arrow: t,
+  arrowLeft: _,
+  arrowRight: n,
+  arrowHidden: o,
+  navItem: i,
+  navLink: s,
   active: e
 };
 export {
   e as active,
-  r as arrow,
-  _ as arrowHidden,
-  s as arrowLeft,
-  t as arrowRight,
-  b as default,
-  o as navItem,
-  w as navLink,
-  n as navTabs,
+  t as arrow,
+  o as arrowHidden,
+  _ as arrowLeft,
+  n as arrowRight,
+  c as default,
+  i as navItem,
+  s as navLink,
+  r as navTabs,
   a as tabsWrapper
 };

package/package.json

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

package/dist/assets/components/navigation/tabs/Tabs.module-CFizOU1d.css

@@ -1 +0,0 @@
-._tabsWrapper_s0wnb_3{position:relative;display:flex;align-items:stretch;width:100%;max-width:100%}._navTabs_s0wnb_11{display:flex;flex-wrap:nowrap;gap:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));white-space:nowrap;padding-left:0;margin-top:0;margin-bottom:0;border-bottom:none!important;list-style:none;flex:1}@container (max-width: 575.98px){._navTabs_s0wnb_11{font-size:var(--font-size-normal, 16px);gap:var(--space-unit, 1em)}}._navTabs_s0wnb_11{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._navTabs_s0wnb_11::-webkit-scrollbar{display:none}._arrow_s0wnb_38{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0;transition:opacity .2s ease;outline:none;background:none;line-height:0}._arrow_s0wnb_38 svg{display:block}._arrow_s0wnb_38:focus-visible{outline:2px solid var(--call-primary-color, #434343);outline-offset:-2px}._arrowLeft_s0wnb_62{left:0;padding-left:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to right,var(--background-color-container, white) 40%,transparent)}._arrowLeft_s0wnb_62 svg{transform:rotate(90deg)}._arrowRight_s0wnb_71{right:0;padding-right:var(--spacer-xs, calc(var(--space-unit, 1em) * .325));background:linear-gradient(to left,var(--background-color-container, white) 40%,transparent)}._arrowRight_s0wnb_71 svg{transform:rotate(-90deg)}._arrowHidden_s0wnb_80{opacity:0;pointer-events:none}._navItem_s0wnb_85{cursor:pointer}._navLink_s0wnb_89{display:block;position:relative;padding:var(--spacer-md, calc(var(--space-unit, 1em) * .75)) var(--spacer-md, calc(var(--space-unit, 1em) * .75));border:none!important;color:var(--text-primary, #222222);outline:0}._navLink_s0wnb_89:hover,._navLink_s0wnb_89:focus{text-decoration:none;color:var(--text-primary, #222222)!important;background:transparent}._navLink_s0wnb_89._disabled_s0wnb_102{color:var(--darkest-text-tertiary, #c7c7c7);pointer-events:none;cursor:default}._navLink_s0wnb_89:after{content:"";background-color:var(--text-primary, #222222);height:2px;position:absolute;width:100%;left:0;bottom:0;z-index:1;transition:transform .25s ease 0s;transform:scaleX(0)}._navLink_s0wnb_89._active_s0wnb_119{color:var(--text-primary, #222222)!important;background:transparent;font-weight:var(--font-weight-bold, 700)}._navLink_s0wnb_89._active_s0wnb_119:after{transform:scaleX(1)}