@logora/debate 0.4.51 → 0.4.52

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

@@ -9,9 +9,10 @@ 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";
-const oe = ({
+import { utf8ToBase64url as $ } from "../use_auth/base64.js";
+const ie = ({
   authType: v,
-  providerName: d,
+  providerName: c,
   loginUrl: M,
   signupUrl: b,
   termsUrl: N,
@@ -20,25 +21,25 @@ const oe = ({
   oAuthRedirectUri: y,
   scope: I,
   redirectParameter: f = "logora_redirect",
-  trackingParameters: U = {},
-  hideActions: P = !1,
+  trackingParameters: P = {},
+  hideActions: U = !1,
   hideLoginButton: k = !1,
   showEmailConsent: g = !1,
   showTerms: L = !1,
-  hideBelowButton: R = !1,
-  error: x = !1
+  hideBelowButton: x = !1,
+  error: R = !1
 }) => {
-  const [h, A] = g ? G(H, !1) : [!1, () => {
-  }], o = Y(), c = z(), C = (t) => {
+  const [h, T] = g ? G(H, !1) : [!1, () => {
+  }], o = Y(), d = z(), 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(c.search);
+      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());
-      for (const [_, F] of Object.entries(U)) {
+      for (const [_, F] of Object.entries(P)) {
         let r = F;
         if (r) {
-          const j = c.pathname.slice(
+          const j = d.pathname.slice(
             0,
-            c.pathname.lastIndexOf("/")
+            d.pathname.lastIndexOf("/")
           );
           r = r.replace(
             "{{UTM_CAMPAIGN}}",
@@ -48,19 +49,19 @@ const oe = ({
             decodeURIComponent(j)
           );
         }
-        _ === "metadata" && r && (r = window.btoa(r)), l.append(_, encodeURIComponent(r));
+        _ === "metadata" && r && (r = $(r)), l.append(_, r);
       }
       return i.search = l.toString(), i.toString();
     }
     return "";
-  }, T = (t) => {
+  }, C = (t) => {
     const s = new URL(t);
     if (s.searchParams.delete("code"), s.searchParams.append("client_id", S), s.searchParams.append("redirect_uri", y), s.searchParams.append("scope", I), s.searchParams.append("response_type", "code"), typeof window < "u") {
       const i = new URL(window.location.href);
       i.searchParams.delete("code"), s.searchParams.append("state", window.btoa(i.toString()));
     }
     return s.href;
-  }, p = (t) => v === "oauth2_server" ? T(t) : C(t), O = p(M), B = p(b);
+  }, p = (t) => v === "oauth2_server" ? C(t) : A(t), B = p(M), O = p(b);
   return /* @__PURE__ */ n("div", { className: a.ssoForm, children: [
     /* @__PURE__ */ e("div", { className: a.logo, children: u ? /* @__PURE__ */ e(
       "img",
@@ -69,7 +70,7 @@ const oe = ({
         width: 100,
         className: a.logoImage,
         src: u,
-        alt: `Logo ${d}`
+        alt: `Logo ${c}`
       }
     ) : /* @__PURE__ */ e(
       K,
@@ -94,17 +95,17 @@ const oe = ({
           id: "auth.sso_form.subtitle",
           defaultMessage: "Sign up right now and receive alerts by email."
         },
-        { provider: d }
+        { provider: c }
       )
     ] }),
-    P ? null : /* @__PURE__ */ n(m, { children: [
+    U ? null : /* @__PURE__ */ n(m, { children: [
       /* @__PURE__ */ e(
         V,
         {
           "data-tid": "link_signup",
           "data-testid": "signup-button",
           className: a.loginButton,
-          to: B,
+          to: O,
           external: !0,
           border: !1,
           children: o.formatMessage({
@@ -113,7 +114,7 @@ const oe = ({
           })
         }
       ),
-      R ? null : /* @__PURE__ */ n(m, { children: [
+      x ? null : /* @__PURE__ */ n(m, { children: [
         k === !0 ? null : /* @__PURE__ */ n("div", { className: a.cgu, children: [
           o.formatMessage({
             id: "auth.sso_form.already_account",
@@ -126,7 +127,7 @@ const oe = ({
               "data-testid": "signin-link",
               "data-tid": "link_login",
               rel: "nofollow",
-              href: O,
+              href: B,
               children: o.formatMessage({
                 id: "auth.sso_form.signin",
                 defaultMessage: "Sign in"
@@ -146,13 +147,13 @@ const oe = ({
                 id: "auth.sso_form.consent_label",
                 defaultMessage: "I agree to receive emails from the editor"
               },
-              { variable: d }
+              { variable: c }
             ),
-            onInputChanged: (t) => A(!h),
+            onInputChanged: (t) => T(!h),
             "data-testid": "accepts-email-input"
           }
         ) }) : null,
-        x ? /* @__PURE__ */ e("div", { className: a.error, children: o.formatMessage({
+        R ? /* @__PURE__ */ e("div", { className: a.error, children: o.formatMessage({
           id: "auth.sso_form.error",
           defaultMessage: "An error occurred during sign in. Please try again in a few moments."
         }) }) : null,
@@ -189,5 +190,5 @@ const oe = ({
   ] });
 };
 export {
-  oe as SSOForm
+  ie as SSOForm
 };

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

@@ -1,250 +1,249 @@
-import { jsxs as E, jsx as n } from "react/jsx-runtime";
-import { $isListNode as P, ListNode as Y, INSERT_ORDERED_LIST_COMMAND as Z, $isListItemNode as O, $createListNode as ee } from "@lexical/list";
+import { jsxs as R, jsx as i } from "react/jsx-runtime";
+import { $isListNode as B, ListNode as Y, INSERT_ORDERED_LIST_COMMAND as Z, $isListItemNode as $, $createListNode as ee } from "@lexical/list";
 import { useLexicalComposerContext as te } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as oe, $createQuoteNode as R } from "@lexical/rich-text";
-import { $setBlocksType as B } from "@lexical/selection";
+import { $isHeadingNode as oe, $createQuoteNode as q } from "@lexical/rich-text";
+import { $setBlocksType as K } from "@lexical/selection";
 import { $getNearestNodeOfType as ne, mergeRegister as ie } from "@lexical/utils";
-import i from "classnames";
-import { $getSelection as M, $isRangeSelection as I, SELECTION_CHANGE_COMMAND as ae, FORMAT_TEXT_COMMAND as le, $createParagraphNode as $ } from "lexical";
-import { useRef as x, useState as N, useCallback as re, useEffect as q } from "react";
+import l from "classnames";
+import { $getSelection as M, $isRangeSelection as I, SELECTION_CHANGE_COMMAND as le, FORMAT_TEXT_COMMAND as ae, $createParagraphNode as F } from "lexical";
+import { useRef as x, useState as N, useCallback as re, useEffect as U } from "react";
 import { useIntl as se } from "react-intl";
 import t from "./ToolbarPlugin.module.scss.js";
 import { Icon as f } from "../../../icons/icon/Icon.js";
 import { Button as ce } from "../../../action/button/Button.js";
-const we = (a) => {
-  const d = se(), K = 1, [l] = te(), F = x(null), [T, S] = N("paragraph"), [de, U] = N(null), [j, H] = N(!1), [Q, V] = N(!1), [z, G] = N(!1), L = a.hideSubmit && a.hideSourceAction && a.disableRichText, _ = re(() => {
+const Ce = (a) => {
+  const d = se(), j = 1, [r] = te(), H = x(null), [T, S] = N("paragraph"), [de, Q] = N(null), [V, L] = N(!1), [z, A] = N(!1), [G, v] = N(!1), D = a.hideSubmit && a.hideSourceAction && a.disableRichText, _ = re(() => {
     const e = M();
     if (I(e)) {
-      const c = e.anchor.getNode(), r = c.getKey() === "root" ? c : c.getTopLevelElementOrThrow(), u = r.getKey();
-      if (l.getElementByKey(u) !== null)
-        if (U(u), P(r)) {
-          const o = ne(c, Y), p = o ? o.getTag() : r.getTag();
+      const n = e.anchor.getNode(), s = n.getKey() === "root" ? n : n.getTopLevelElementOrThrow(), u = s.getKey();
+      if (r.getElementByKey(u) !== null)
+        if (Q(u), B(s)) {
+          const o = ne(n, Y), p = o ? o.getTag() : s.getTag();
           S(p);
         } else {
-          const o = oe(r) ? r.getTag() : r.getType();
+          const o = oe(s) ? s.getTag() : s.getType();
           S(o);
         }
-      H(e.hasFormat("bold")), V(e.hasFormat("italic")), G(e.hasFormat("underline"));
+      L(e.hasFormat("bold")), A(e.hasFormat("italic")), v(e.hasFormat("underline"));
     }
-  }, [l]);
-  q(() => ie(
-    l.registerUpdateListener(({ editorState: e }) => {
+  }, [r]);
+  U(() => ie(
+    r.registerUpdateListener(({ editorState: e }) => {
       e.read(() => {
         _();
       });
     }),
-    l.registerCommand(
-      ae,
+    r.registerCommand(
+      le,
       () => (_(), !1),
-      K
+      j
     )
-  ), [l, _]);
-  const y = x(!1), s = x(null);
-  q(() => () => {
-    s.current && clearTimeout(s.current);
+  ), [r, _]);
+  const y = x(!1), c = x(null);
+  U(() => () => {
+    c.current && clearTimeout(c.current);
   }, []);
-  const g = (e, c) => {
-    e.preventDefault(), (e.pointerType === "touch" || e.pointerType === "pen") && (y.current = !0, c(), s.current && clearTimeout(s.current), s.current = setTimeout(() => {
-      y.current = !1, s.current = null;
+  const g = (e, n) => {
+    (e.pointerType === "touch" || e.pointerType === "pen") && (e.preventDefault(), y.current = !0, n(), c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+      y.current = !1, c.current = null;
     }, 500));
   }, h = (e) => {
     if (y.current) {
-      y.current = !1, s.current && (clearTimeout(s.current), s.current = null);
+      y.current = !1, c.current && (clearTimeout(c.current), c.current = null);
       return;
     }
     e();
-  }, w = () => {
+  }, C = () => {
     setTimeout(() => {
-      l.getEditorState().read(() => {
+      r.getEditorState().read(() => {
         _();
       });
     }, 0);
   }, b = (e) => {
-    l.dispatchCommand(le, e), w();
+    r.dispatchCommand(ae, e), e === "bold" ? L((n) => !n) : e === "italic" ? A((n) => !n) : e === "underline" && v((n) => !n), C();
   }, X = () => {
-    l.update(() => {
+    r.update(() => {
       const e = M();
       if (!I(e))
         return;
-      const c = e.getNodes(), r = /* @__PURE__ */ new Set();
-      for (const m of c) {
+      const n = e.getNodes(), s = /* @__PURE__ */ new Set();
+      for (const m of n) {
         let o = m;
-        for (; o !== null && !O(o); )
+        for (; o !== null && !$(o); )
           o = o.getParent();
-        O(o) && r.add(o);
+        $(o) && s.add(o);
       }
-      const u = Array.from(r).reverse();
+      const u = Array.from(s).reverse();
       for (const m of u) {
         const o = m.getParent();
-        if (!P(o))
+        if (!B(o))
           continue;
-        const p = $(), J = m.getChildren();
-        for (const k of J)
-          p.append(k);
-        const C = m.getNextSiblings();
-        if (o.insertAfter(p), C.length > 0) {
-          const k = C[0].getValue(), v = ee(o.getListType(), k);
-          for (const W of C)
-            v.append(W);
-          p.insertAfter(v);
+        const p = F(), J = m.getChildren();
+        for (const w of J)
+          p.append(w);
+        const k = m.getNextSiblings();
+        if (o.insertAfter(p), k.length > 0) {
+          const w = k[0].getValue(), P = ee(o.getListType(), w);
+          for (const W of k)
+            P.append(W);
+          p.insertAfter(P);
         }
         m.remove(), o.getChildrenSize() === 0 && o.remove();
       }
     });
-  }, A = () => {
-    T !== "ol" ? l.dispatchCommand(Z) : X(), w();
-  }, D = () => {
-    T !== "quote" ? l.update(() => {
+  }, E = () => {
+    T !== "ol" ? r.dispatchCommand(Z) : X(), C();
+  }, O = () => {
+    T !== "quote" ? r.update(() => {
       const e = M();
       if (I(e))
         if (e.isCollapsed()) {
-          const r = e.anchor.getNode().getTopLevelElementOrThrow(), u = R();
-          r.insertAfter(u), u.selectEnd();
+          const s = e.anchor.getNode().getTopLevelElementOrThrow(), u = q();
+          s.insertAfter(u), u.selectEnd();
         } else
-          B(e, () => R());
-    }) : l.update(() => {
+          K(e, () => q());
+    }) : r.update(() => {
       const e = M();
-      I(e) && B(e, () => $());
-    }), w();
+      I(e) && K(e, () => F());
+    }), C();
   };
-  return L ? null : /* @__PURE__ */ E(
+  return D ? null : /* @__PURE__ */ R(
     "div",
     {
-      className: i(t.toolbar, {
-        [t.toolbarIsActive]: L ? !1 : a.isActive
+      className: l(t.toolbar, {
+        [t.toolbarIsActive]: D ? !1 : a.isActive
       }),
-      ref: F,
+      ref: H,
       children: [
-        a.isActive ? !a.disableRichText && /* @__PURE__ */ E(
+        a.isActive ? !a.disableRichText && /* @__PURE__ */ R(
           "div",
           {
-            className: i(t.iconToolbar, {
+            className: l(t.iconToolbar, {
               [t.shortBar]: a.shortBar
             }),
             children: [
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ i(
                 "button",
                 {
                   onPointerDown: (e) => g(e, () => b("bold")),
                   onClick: () => h(() => b("bold")),
                   type: "button",
-                  className: i(t.toolbarItem, { [t.active]: j }),
+                  className: l(t.toolbarItem, { [t.active]: V }),
                   "data-testid": "format-bold",
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
                     defaultMessage: "Make text bold"
                   }),
-                  children: /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ i(
                     f,
                     {
                       name: "bold",
                       width: 24,
                       height: 24,
-                      className: i(t.format, t.bold)
+                      className: l(t.format, t.bold)
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ i(
                 "button",
                 {
                   onPointerDown: (e) => g(e, () => b("italic")),
                   onClick: () => h(() => b("italic")),
                   type: "button",
-                  className: i(t.toolbarItem, {
-                    [t.active]: Q
+                  className: l(t.toolbarItem, {
+                    [t.active]: z
                   }),
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
                     defaultMessage: "Make text italic"
                   }),
-                  children: /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ i(
                     f,
                     {
                       name: "italic",
                       width: 24,
                       height: 24,
-                      className: i(t.format, t.italic)
+                      className: l(t.format, t.italic)
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ i(
                 "button",
                 {
                   onPointerDown: (e) => g(e, () => b("underline")),
                   onClick: () => h(() => b("underline")),
                   type: "button",
-                  className: i(t.toolbarItem, {
-                    [t.active]: z
+                  className: l(t.toolbarItem, {
+                    [t.active]: G
                   }),
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
                     defaultMessage: "Underline text"
                   }),
-                  children: /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ i(
                     f,
                     {
                       name: "underline",
                       width: 24,
                       height: 24,
-                      className: i(t.format, t.underline)
+                      className: l(t.format, t.underline)
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: (e) => g(e, () => D()),
-                  onClick: () => h(() => D()),
+                  onPointerDown: (e) => g(e, () => O()),
+                  onClick: () => h(() => O()),
                   type: "button",
-                  className: i(t.toolbarItem, {
+                  className: l(t.toolbarItem, {
                     [t.active]: T === "quote"
                   }),
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
                     defaultMessage: "Add a blockquote"
                   }),
-                  children: /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ i(
                     f,
                     {
                       name: "blockquote",
                       width: 24,
                       height: 24,
-                      className: i(t.format, t.quote)
+                      className: l(t.format, t.quote)
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: (e) => g(e, () => A()),
-                  onClick: () => h(() => A()),
+                  onPointerDown: (e) => g(e, () => E()),
+                  onClick: () => h(() => E()),
                   type: "button",
-                  className: i(t.toolbarItem, {
+                  className: l(t.toolbarItem, {
                     [t.active]: T === "ol"
                   }),
                   "aria-label": d.formatMessage({
                     id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
                     defaultMessage: "Insert a numbered list"
                   }),
-                  children: /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ i(
                     f,
                     {
                       name: "orderedList",
                       width: 24,
                       height: 24,
-                      className: i(t.format, t.numberedList)
+                      className: l(t.format, t.numberedList)
                     }
                   )
                 }
               ),
-              !a.hideSourceAction && /* @__PURE__ */ n(
+              !a.hideSourceAction && /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: (e) => e.preventDefault(),
                   onClick: a.onAddSource,
                   type: "button",
                   className: t.toolbarItem,
@@ -252,13 +251,13 @@ const we = (a) => {
                     id: "input.text_editor.plugins.toolbar_plugin.add_link.aria_label",
                     defaultMessage: "Add hyperlink"
                   }),
-                  children: /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ i(
                     f,
                     {
                       name: "link",
                       width: 20,
                       height: 20,
-                      className: i(t.format, t.link)
+                      className: l(t.format, t.link)
                     }
                   )
                 }
@@ -266,18 +265,18 @@ const we = (a) => {
             ]
           }
         ) : null,
-        /* @__PURE__ */ n("div", { className: t.actionButton, children: a.hideSubmit ? null : /* @__PURE__ */ n(
+        /* @__PURE__ */ i("div", { className: t.actionButton, children: a.hideSubmit ? null : /* @__PURE__ */ i(
           ce,
           {
             type: "button",
             "data-testid": "submit-button",
             handleClick: a.onSubmit,
-            className: i(t.inputSubmitActionButton, t.submitAction),
+            className: l(t.inputSubmitActionButton, t.submitAction),
             "aria-label": d.formatMessage({
               id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
               defaultMessage: "Send message"
             }),
-            children: /* @__PURE__ */ n(f, { name: "send", width: 20, height: 20 })
+            children: /* @__PURE__ */ i(f, { name: "send", width: 20, height: 20 })
           }
         ) })
       ]
@@ -285,5 +284,5 @@ const we = (a) => {
   );
 };
 export {
-  we as ToolbarPlugin
+  Ce as ToolbarPlugin
 };

package/package.json

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