@logora/debate 0.4.56 → 0.4.58

package/dist/assets/components/input/text_editor/plugins/ToolbarPlugin.module-DSNBpqDn.css

@@ -0,0 +1 @@
+._toolbar_1ml63_3{display:flex!important;justify-content:space-between!important;flex-wrap:wrap;background:var(--background-color-primary, white);padding-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;vertical-align:middle;align-items:flex-start;gap:var(--space-unit, 1em)}._toolbar_1ml63_3._toolbarIsActive_1ml63_13{border-top:1px solid var(--text-tertiary, #fafafa)}._iconToolbar_1ml63_17{display:flex!important;flex-wrap:wrap;gap:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))}._iconToolbar_1ml63_17._shortBar_1ml63_22{gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}@container (max-width: 575.98px){._iconToolbar_1ml63_17{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._toolbarItem_1ml63_31{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:0;background:none;padding:0!important;cursor:pointer;vertical-align:middle;touch-action:manipulation;display:flex;align-items:center;justify-content:center;outline:none}@container (max-width: 575.98px){._toolbarItem_1ml63_31{min-width:44px;min-height:44px}}._toolbarItem_1ml63_31._disabled_1ml63_52{cursor:not-allowed}._toolbarItem_1ml63_31:active,._toolbarItem_1ml63_31._active_1ml63_55{background-color:#bababa66!important;border-radius:50%}._toolbarItem_1ml63_31 ._format_1ml63_59{background-size:contain;display:inline-block;vertical-align:-.25em;display:flex!important}._actionButton_1ml63_66{display:flex!important;gap:var(--space-unit, 1em);margin-left:auto}._inputSubmitActionButton_1ml63_72{width:100%;height:35px;display:flex!important;justify-content:center!important;align-items:center!important;background-color:var(--call-primary-color, #434343)!important}._inputSubmitActionButton_1ml63_72._submitAction_1ml63_80 svg{fill:var(--text-light, white)!important}._inputSubmitActionButton_1ml63_72 ._inputSourceText_1ml63_83{display:none!important;margin-left:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;font-size:var(--font-size-small, 16px)}@container (min-width: 576px){._inputSubmitActionButton_1ml63_72 ._inputSourceText_1ml63_83{display:block!important}}._tooltip_1ml63_94{width:230px!important;margin-left:-117px!important}

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

@@ -1,69 +1,102 @@
-import { jsx as l, Fragment as L } from "react/jsx-runtime";
-import { useState as O, useEffect as g } from "react";
-import { useConfig as U } from "../../data/config_provider/useConfig.js";
-import { useAuthInterceptor as y } from "../use_auth/useAuthInterceptor.js";
-import { authTokenHandler as _ } from "../use_auth/authTokenHandler.js";
-import { useAuthActions as q } from "../use_auth/useAuthActions.js";
-import { useAuthRequired as I } from "../../hooks/use_auth_required/useAuthRequired.js";
-import { AuthProviderFactory as S } from "../providers/AuthProviderFactory.js";
-import { OnboardingModal as T } from "../../user/onboarding_modal/OnboardingModal.js";
-import { saveOnboardingBeforeLogin as z } from "../../user/onboarding_modal/useOnboarding.js";
-import { httpClient as u } from "../../data/axios_client/httpClient.js";
-const G = ({ authUrl: r, authType: n, provider: p, assertion: w }) => {
-  const i = "logora_user_token", e = U();
-  y(u, r, i);
-  const [v, c] = O(!1), { getToken: A, removeToken: C } = _(
-    u,
-    r,
-    i
-  ), { loginUser: m, logoutUser: b, fetchUser: P } = q(
-    u,
-    r,
-    i
-  ), h = I();
-  g(() => {
-    s();
-  }, []), g(() => {
+import { jsx as v, Fragment as E } from "react/jsx-runtime";
+import { useState as L, useEffect as _ } from "react";
+import { useConfig as O } from "../../data/config_provider/useConfig.js";
+import { useAuthInterceptor as k } from "../use_auth/useAuthInterceptor.js";
+import { authTokenHandler as I } from "../use_auth/authTokenHandler.js";
+import { useAuthActions as S } from "../use_auth/useAuthActions.js";
+import { useAuthRequired as q } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { AuthProviderFactory as F } from "../providers/AuthProviderFactory.js";
+import { OnboardingModal as J } from "../../user/onboarding_modal/OnboardingModal.js";
+import { saveOnboardingBeforeLogin as M } from "../../user/onboarding_modal/useOnboarding.js";
+import { httpClient as h } from "../../data/axios_client/httpClient.js";
+const T = (t) => {
+  const e = t.replace(/-/g, "+").replace(/_/g, "/"), s = e.padEnd(e.length + (4 - e.length % 4) % 4, "=");
+  return atob(s);
+}, j = (t) => {
+  if (!t || typeof t != "string")
+    return null;
+  const e = t.split(".");
+  if (e.length < 2)
+    return null;
+  try {
+    return JSON.parse(T(e[1]));
+  } catch {
+    return null;
+  }
+}, z = (t, e) => {
+  if (!t || typeof t != "object")
+    return {};
+  const s = e || {}, a = (u) => {
+    const r = s[u];
+    return typeof r == "string" && r.length > 0 ? r.split(".").reduce((o, l) => o == null ? o : o[l], t) : t[u];
+  };
+  return {
+    first_name: a("first_name"),
+    last_name: a("last_name"),
+    image_url: a("image_url")
+  };
+}, X = ({ authUrl: t, authType: e, provider: s, assertion: a }) => {
+  const u = "logora_user_token", r = O();
+  k(h, t, u);
+  const o = z(
+    j(a),
+    r.auth?.userProfileMapping
+  ), [l, f] = L(!1), { getToken: A, removeToken: b } = I(
+    h,
+    t,
+    u
+  ), { loginUser: g, logoutUser: P, fetchUser: C } = S(
+    h,
+    t,
+    u
+  ), d = q();
+  _(() => {
+    c();
+  }, []), _(() => {
     if (typeof window < "u")
-      return window.addEventListener("logora:authentication:require", h), window.addEventListener("logora:authentication:refresh", s), () => {
-        window.removeEventListener("logora:authentication:require", h), window.removeEventListener("logora:authentication:refresh", s);
+      return window.addEventListener("logora:authentication:require", d), window.addEventListener("logora:authentication:refresh", c), () => {
+        window.removeEventListener("logora:authentication:require", d), window.removeEventListener("logora:authentication:refresh", c);
       };
   }, []);
-  const s = () => {
-    const o = f(), t = A();
-    if (t) {
-      const a = t.session_id;
-      o.isSameUser(a) ? P() : (C(), d(o));
+  const c = () => {
+    const n = w(), i = A();
+    if (i) {
+      const m = i.session_id;
+      n.isSameUser(m) ? C() : (b(), p(n));
     } else
-      d(o);
-  }, d = (o) => {
-    if (o.shouldInitAuth()) {
-      const t = o.getAuthorizationParams();
-      if (t) {
-        if (n !== "social" && n !== "oauth2_server" && e.auth?.showOnboardingBeforeLogin === !0) {
-          c(!0);
+      p(n);
+  }, p = (n) => {
+    if (n.shouldInitAuth()) {
+      const i = n.getAuthorizationParams();
+      if (i) {
+        if (e !== "social" && e !== "oauth2_server" && r.auth?.showOnboardingBeforeLogin === !0) {
+          f(!0);
           return;
         }
-        m(t);
+        g(i);
       }
     } else
-      b();
-  }, k = (o, t) => {
-    const E = f().getAuthorizationParams();
-    z(e.shortname, t), c(!1), m(E);
-  }, f = () => S.create(n, p, w);
-  return /* @__PURE__ */ l(L, { children: v && /* @__PURE__ */ l(
-    T,
+      P();
+  }, U = (n, i) => {
+    const y = w().getAuthorizationParams();
+    M(r.shortname, i), f(!1), g(y);
+  }, w = () => F.create(e, s, a);
+  return /* @__PURE__ */ v(E, { children: l && /* @__PURE__ */ v(
+    J,
     {
       pendingAuth: !0,
-      onConsentConfirmed: k,
-      showTerms: e.auth?.hideCgu !== !0,
-      showEmailConsent: e.auth?.showEmailConsent,
-      termsUrl: e.provider?.cguUrl || "https://www.logora.com/blog-posts/cgu",
-      privacyUrl: e.provider?.privacyUrl || "https://www.logora.com/blog-posts/privacy-policy"
+      onConsentConfirmed: U,
+      showTerms: r.auth?.hideCgu !== !0,
+      showEmailConsent: r.auth?.showEmailConsent,
+      initialFirstName: o.first_name,
+      initialLastName: o.last_name,
+      initialImageUrl: o.image_url,
+      termsUrl: r.provider?.cguUrl || "https://www.logora.com/blog-posts/cgu",
+      privacyUrl: r.provider?.privacyUrl || "https://www.logora.com/blog-posts/privacy-policy"
     }
   ) });
 };
 export {
-  G as AuthInitializer
+  X as AuthInitializer,
+  j as decodeJwtPayload
 };

package/dist/components/gamification/badge_box/BadgeBox.js

@@ -1,95 +1,97 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import r from "classnames";
-import "react";
-import { useIntl as f, FormattedMessage as g } from "react-intl";
-import a from "./BadgeBox.module.scss.js";
-import { ProgressBar as u } from "../../progress/progress_bar/ProgressBar.js";
-const _ = ({
-  icon_url: b,
-  level: l,
-  name: d,
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import g from "classnames";
+import { useState as N } from "react";
+import { useIntl as w, FormattedMessage as l } from "react-intl";
+import e from "./BadgeBox.module.scss.js";
+import { useConfig as p } from "../../data/config_provider/useConfig.js";
+import { ProgressBar as $ } from "../../progress/progress_bar/ProgressBar.js";
+const j = ({
+  icon_url: h,
+  level: r,
+  name: i,
   next_title_level: n,
-  steps: i,
+  steps: s,
   title: c,
   progress: t,
   eloquenceTitle: m
 }) => {
-  const s = f();
-  return /* @__PURE__ */ o("div", { className: a.badgeBox, children: [
-    /* @__PURE__ */ e("div", { className: r(a.badgeLevel, a[`level-${l}`]), children: /* @__PURE__ */ e(
-      g,
+  const d = w(), b = p(), [v, M] = N(!1), f = b?.badges?.baseUrl, u = f && `${f.replace(/\/+$/, "")}/${i}.${b?.badges?.fileExtension || "png"}`, x = !v && u ? u : h;
+  return /* @__PURE__ */ o("div", { className: e.badgeBox, children: [
+    /* @__PURE__ */ a("div", { className: g(e.badgeLevel, e[`level-${r}`]), children: /* @__PURE__ */ a(
+      l,
       {
         id: "gamification.badge_box.level",
-        values: { count: l },
+        values: { count: r },
         defaultMessage: "Level {count}"
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: a.badgeImageBox, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ a("div", { className: e.badgeImageBox, children: /* @__PURE__ */ a(
       "img",
       {
-        className: a.badgeImage,
-        src: b,
+        className: e.badgeImage,
+        src: x,
         loading: "lazy",
         width: 80,
         height: 80,
         title: c,
-        alt: `Badge ${c}`
+        alt: `Badge ${c}`,
+        onError: () => M(!0)
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: a.badgeName, children: s.formatMessage({
-      id: `gamification.badge_box.${d}.title`,
+    /* @__PURE__ */ a("div", { className: e.badgeName, children: d.formatMessage({
+      id: `gamification.badge_box.${i}.title`,
       defaultMessage: "Contributor"
     }) }),
-    /* @__PURE__ */ e("div", { className: a.badgeDescription, children: /* @__PURE__ */ e(
-      g,
+    /* @__PURE__ */ a("div", { className: e.badgeDescription, children: /* @__PURE__ */ a(
+      l,
       {
-        id: `gamification.badge_box.${d}.description`,
-        values: { count: i },
+        id: `gamification.badge_box.${i}.description`,
+        values: { count: s },
         defaultMessage: "Write {count} arguments with a relevance score of at least 75"
       }
     ) }),
-    /* @__PURE__ */ o("div", { className: a.badgeProgressContainer, children: [
-      t >= i ? /* @__PURE__ */ e("span", { children: s.formatMessage({
+    /* @__PURE__ */ o("div", { className: e.badgeProgressContainer, children: [
+      t >= s ? /* @__PURE__ */ a("span", { children: d.formatMessage({
         id: "gamification.badge_box.completed",
         defaultMessage: "Completed !"
-      }) }) : /* @__PURE__ */ e("span", { children: t + "/" + i }),
-      /* @__PURE__ */ e(
-        u,
+      }) }) : /* @__PURE__ */ a("span", { children: t + "/" + s }),
+      /* @__PURE__ */ a(
+        $,
         {
           progress: t,
-          goal: i,
-          className: a.badgeProgress,
-          innerClassName: r(a.badgeProgressBar, a[`level-${l}`])
+          goal: s,
+          className: e.badgeProgress,
+          innerClassName: g(e.badgeProgressBar, e[`level-${r}`])
         }
       )
     ] }),
     n !== null && /* @__PURE__ */ o(
       "div",
       {
-        className: r(a.badgeReward, {
-          [a.rewardObtained]: t >= i,
-          [a.rewardShown]: m === d
+        className: g(e.badgeReward, {
+          [e.rewardObtained]: t >= s,
+          [e.rewardShown]: m === i
         }),
         "data-testid": "badge-reward",
         children: [
-          /* @__PURE__ */ e("span", { children: m === d ? s.formatMessage({
+          /* @__PURE__ */ a("span", { children: m === i ? d.formatMessage({
             id: "gamification.badge_box.title_shown",
             defaultMessage: "Title shown :"
-          }) : t >= i ? s.formatMessage({
+          }) : t >= s ? d.formatMessage({
             id: "gamification.badge_box.title_obtained",
             defaultMessage: "Title obtained :"
-          }) : /* @__PURE__ */ e(
-            g,
+          }) : /* @__PURE__ */ a(
+            l,
             {
               id: "gamification.badge_box.title",
               values: { variable: n },
               defaultMessage: "At level {variable} you will get the title :"
             }
           ) }),
-          /* @__PURE__ */ o("span", { className: a.rewardName, children: [
+          /* @__PURE__ */ o("span", { className: e.rewardName, children: [
             '"',
-            s.formatMessage({
-              id: `gamification.badge_box.${d}.reward`,
+            d.formatMessage({
+              id: `gamification.badge_box.${i}.reward`,
               defaultMessage: "Dialogue pro"
             }),
             '"'
@@ -100,5 +102,5 @@ const _ = ({
   ] });
 };
 export {
-  _ as BadgeBox
+  j as BadgeBox
 };

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

@@ -1,21 +1,23 @@
 import { useLexicalComposerContext as p } from "@lexical/react/LexicalComposerContext";
-import c from "@rooks/use-localstorage-state";
-import { $addUpdateTag as m, $getRoot as i, $createParagraphNode as d } from "lexical";
-import { useEffect as f } from "react";
+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 E = ({ storageUid: o }) => {
-  const [r] = p(), { reset: t, setReset: n } = u(), [l, g, s] = c(
-    `TextEditor:content_${o}`,
+const L = ({ storageUid: s }) => {
+  const [n] = p(), { reset: t, setReset: a } = u(), [g, x, c] = m(
+    `TextEditor:content_${s}`,
     {}
   );
-  return f(() => {
-    t && r.update(() => {
-      m("skip-dom-selection");
-      const e = i(), a = d();
-      e.clear(), e.append(a), s(), n(!1);
+  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);
     });
   }, [t]), null;
 };
 export {
-  E as ResetPlugin
+  L as ResetPlugin
 };

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

@@ -1,33 +1,34 @@
-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 { jsxs as B, jsx as i } from "react/jsx-runtime";
+import { $isListNode as $, ListNode as Y, INSERT_ORDERED_LIST_COMMAND as Z, $isListItemNode as q, $createListNode as ee } from "@lexical/list";
 import { useLexicalComposerContext as te } from "@lexical/react/LexicalComposerContext";
-import { $isHeadingNode as oe, $createQuoteNode as q } from "@lexical/rich-text";
-import { $setBlocksType as K } from "@lexical/selection";
+import { $isHeadingNode as oe, $createQuoteNode as K } from "@lexical/rich-text";
+import { $setBlocksType as F } from "@lexical/selection";
 import { $getNearestNodeOfType as ne, mergeRegister as ie } from "@lexical/utils";
 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 { $getSelection as M, $isRangeSelection as I, SELECTION_CHANGE_COMMAND as le, FORMAT_TEXT_COMMAND as ae, $createParagraphNode as U } from "lexical";
+import { useRef as D, useState as N, useCallback as re, useEffect as j } 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 Ce = (r) => {
-  const d = se(), j = 1, [a] = te(), H = x(null), [T, S] = N("paragraph"), [de, Q] = N(null), [V, L] = N(!1), [z, A] = N(!1), [G, D] = N(!1), E = r.hideSubmit && r.hideSourceAction && r.disableRichText, _ = re(() => {
+  const d = se(), H = 1, [a] = te(), Q = D(null), [T, C] = N("paragraph"), [de, E] = N(null), [V, k] = N(!1), [z, w] = N(!1), [G, x] = N(!1), v = r.hideSubmit && r.hideSourceAction && r.disableRichText, _ = re(() => {
     const e = M();
     if (I(e)) {
       const o = e.anchor.getNode(), s = o.getKey() === "root" ? o : o.getTopLevelElementOrThrow(), u = s.getKey();
       if (a.getElementByKey(u) !== null)
-        if (Q(u), B(s)) {
+        if (E(u), $(s)) {
           const n = ne(o, Y), p = n ? n.getTag() : s.getTag();
-          S(p);
+          C(p);
         } else {
           const n = oe(s) ? s.getTag() : s.getType();
-          S(n);
+          C(n);
         }
-      L(e.hasFormat("bold")), A(e.hasFormat("italic")), D(e.hasFormat("underline"));
-    }
+      k(e.hasFormat("bold")), w(e.hasFormat("italic")), x(e.hasFormat("underline"));
+    } else
+      E(null), C("paragraph"), k(!1), w(!1), x(!1);
   }, [a]);
-  U(() => ie(
+  j(() => ie(
     a.registerUpdateListener(({ editorState: e }) => {
       e.read(() => {
         _();
@@ -36,11 +37,11 @@ const Ce = (r) => {
     a.registerCommand(
       le,
       () => (_(), !1),
-      j
+      H
     )
   ), [a, _]);
-  const y = x(!1), c = x(null);
-  U(() => () => {
+  const y = D(!1), c = D(null);
+  j(() => () => {
     c.current && clearTimeout(c.current);
   }, []);
   const g = (e, o) => {
@@ -53,17 +54,17 @@ const Ce = (r) => {
       return;
     }
     e();
-  }, C = () => {
+  }, S = () => {
     setTimeout(() => {
       a.getEditorState().read(() => {
         _();
       });
     }, 0);
   }, b = (e) => {
-    a.dispatchCommand(ae, e), e === "bold" ? L((o) => !o) : e === "italic" ? A((o) => !o) : e === "underline" && D((o) => !o), a.focus(() => {
+    a.dispatchCommand(ae, e), e === "bold" ? k((o) => !o) : e === "italic" ? w((o) => !o) : e === "underline" && x((o) => !o), a.focus(() => {
       const o = a.getRootElement();
       o && o.focus();
-    }), C();
+    }), S();
   }, X = () => {
     a.update(() => {
       const e = M();
@@ -72,53 +73,53 @@ const Ce = (r) => {
       const o = e.getNodes(), s = /* @__PURE__ */ new Set();
       for (const m of o) {
         let n = m;
-        for (; n !== null && !$(n); )
+        for (; n !== null && !q(n); )
           n = n.getParent();
-        $(n) && s.add(n);
+        q(n) && s.add(n);
       }
       const u = Array.from(s).reverse();
       for (const m of u) {
         const n = m.getParent();
-        if (!B(n))
+        if (!$(n))
           continue;
-        const p = F(), J = m.getChildren();
-        for (const w of J)
-          p.append(w);
-        const k = m.getNextSiblings();
-        if (n.insertAfter(p), k.length > 0) {
-          const w = k[0].getValue(), P = ee(n.getListType(), w);
-          for (const W of k)
-            P.append(W);
-          p.insertAfter(P);
+        const p = U(), J = m.getChildren();
+        for (const A of J)
+          p.append(A);
+        const L = m.getNextSiblings();
+        if (n.insertAfter(p), L.length > 0) {
+          const A = L[0].getValue(), R = ee(n.getListType(), A);
+          for (const W of L)
+            R.append(W);
+          p.insertAfter(R);
         }
         m.remove(), n.getChildrenSize() === 0 && n.remove();
       }
     });
-  }, v = () => {
-    T !== "ol" ? a.dispatchCommand(Z) : X(), C();
   }, O = () => {
+    T !== "ol" ? a.dispatchCommand(Z) : X(), S();
+  }, P = () => {
     T !== "quote" ? a.update(() => {
       const e = M();
       if (I(e))
         if (e.isCollapsed()) {
-          const s = e.anchor.getNode().getTopLevelElementOrThrow(), u = q();
+          const s = e.anchor.getNode().getTopLevelElementOrThrow(), u = K();
           s.insertAfter(u), u.selectEnd();
         } else
-          K(e, () => q());
+          F(e, () => K());
     }) : a.update(() => {
       const e = M();
-      I(e) && K(e, () => F());
-    }), C();
+      I(e) && F(e, () => U());
+    }), S();
   };
-  return E ? null : /* @__PURE__ */ R(
+  return v ? null : /* @__PURE__ */ B(
     "div",
     {
       className: l(t.toolbar, {
-        [t.toolbarIsActive]: E ? !1 : r.isActive
+        [t.toolbarIsActive]: v ? !1 : r.isActive
       }),
-      ref: H,
+      ref: Q,
       children: [
-        r.isActive ? !r.disableRichText && /* @__PURE__ */ R(
+        r.isActive ? !r.disableRichText && /* @__PURE__ */ B(
           "div",
           {
             className: l(t.iconToolbar, {
@@ -199,8 +200,8 @@ const Ce = (r) => {
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: (e) => g(e, () => O()),
-                  onClick: () => h(() => O()),
+                  onPointerDown: (e) => g(e, () => P()),
+                  onClick: () => h(() => P()),
                   type: "button",
                   className: l(t.toolbarItem, {
                     [t.active]: T === "quote"
@@ -223,8 +224,8 @@ const Ce = (r) => {
               /* @__PURE__ */ i(
                 "button",
                 {
-                  onPointerDown: (e) => g(e, () => v()),
-                  onClick: () => h(() => v()),
+                  onPointerDown: (e) => g(e, () => O()),
+                  onClick: () => h(() => O()),
                   type: "button",
                   className: l(t.toolbarItem, {
                     [t.active]: T === "ol"

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

@@ -1,25 +1,25 @@
-import '../../../../assets/components/input/text_editor/plugins/ToolbarPlugin.module-f1t2UhlS.css';const o = "_toolbar_iro9e_3", t = "_toolbarIsActive_iro9e_13", i = "_iconToolbar_iro9e_17", n = "_shortBar_iro9e_21", r = "_toolbarItem_iro9e_25", _ = "_active_iro9e_49", c = "_format_iro9e_53", a = "_actionButton_iro9e_60", s = "_inputSubmitActionButton_iro9e_66", e = "_submitAction_iro9e_74", b = {
-  toolbar: o,
-  toolbarIsActive: t,
-  iconToolbar: i,
-  shortBar: n,
-  toolbarItem: r,
-  active: _,
-  format: c,
-  actionButton: a,
+import '../../../../assets/components/input/text_editor/plugins/ToolbarPlugin.module-DSNBpqDn.css';const t = "_toolbar_1ml63_3", o = "_toolbarIsActive_1ml63_13", n = "_iconToolbar_1ml63_17", _ = "_shortBar_1ml63_22", c = "_toolbarItem_1ml63_31", i = "_active_1ml63_55", a = "_format_1ml63_59", l = "_actionButton_1ml63_66", s = "_inputSubmitActionButton_1ml63_72", m = "_submitAction_1ml63_80", r = {
+  toolbar: t,
+  toolbarIsActive: o,
+  iconToolbar: n,
+  shortBar: _,
+  toolbarItem: c,
+  active: i,
+  format: a,
+  actionButton: l,
   inputSubmitActionButton: s,
-  submitAction: e
+  submitAction: m
 };
 export {
-  a as actionButton,
-  _ as active,
-  b as default,
-  c as format,
-  i as iconToolbar,
+  l as actionButton,
+  i as active,
+  r as default,
+  a as format,
+  n as iconToolbar,
   s as inputSubmitActionButton,
-  n as shortBar,
-  e as submitAction,
-  o as toolbar,
-  t as toolbarIsActive,
-  r as toolbarItem
+  _ as shortBar,
+  m as submitAction,
+  t as toolbar,
+  o as toolbarIsActive,
+  c as toolbarItem
 };

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

@@ -1,65 +1,72 @@
-import { jsx as a, jsxs as d, Fragment as O } from "react/jsx-runtime";
+import { jsx as a, jsxs as d, Fragment as S } from "react/jsx-runtime";
 import { useState as l } from "react";
-import { useIntl as ee, FormattedMessage as ae } from "react-intl";
+import { useIntl as re, FormattedMessage as ie } from "react-intl";
 import s from "./OnboardingModal.module.scss.js";
-import { useAuth as te } from "../../auth/use_auth/useAuth.js";
-import { useDataProvider as se } from "../../data/data_provider/useDataProvider.js";
-import { useConfig as re } from "../../data/config_provider/useConfig.js";
-import { useResponsive as ie } from "../../hooks/use_responsive/useResponsive.js";
-import { useFormValidation as le } from "../../forms/use_form_validation/useFormValidation.js";
-import { useModal as oe } from "../../dialog/modal/useModal.js";
-import { Modal as ne } from "../../dialog/modal/Modal.js";
-import { Loader as de } from "../../progress/loader/Loader.js";
-import { AvatarSelector as ce } from "../avatar_selector/AvatarSelector.js";
-import { Icon as me } from "../../icons/icon/Icon.js";
-import { Button as S } from "../../action/button/Button.js";
-import { TextInput as F } from "../../input/text_input/TextInput.js";
-import { Select as ue } from "../../input/select/Select.js";
+import { useAuth as le } from "../../auth/use_auth/useAuth.js";
+import { useDataProvider as oe } from "../../data/data_provider/useDataProvider.js";
+import { useConfig as ne } from "../../data/config_provider/useConfig.js";
+import { useResponsive as de } from "../../hooks/use_responsive/useResponsive.js";
+import { useFormValidation as ce } from "../../forms/use_form_validation/useFormValidation.js";
+import { useModal as me } from "../../dialog/modal/useModal.js";
+import { Modal as ue } from "../../dialog/modal/Modal.js";
+import { Loader as fe } from "../../progress/loader/Loader.js";
+import { AvatarSelector as pe } from "../avatar_selector/AvatarSelector.js";
+import { Icon as ge } from "../../icons/icon/Icon.js";
+import { Button as F } from "../../action/button/Button.js";
+import { TextInput as B } from "../../input/text_input/TextInput.js";
+import { Select as _e } from "../../input/select/Select.js";
 import { Toggle as D } from "../../input/toggle/Toggle.js";
-const Se = ({
+const Le = ({
   termsUrl: L,
-  privacyUrl: B,
-  showEmailConsent: U = !1,
-  showTerms: f = !1,
+  privacyUrl: A,
+  showEmailConsent: y = !1,
+  showTerms: g = !1,
   pendingAuth: n = !1,
-  onConsentConfirmed: y = null
+  onConsentConfirmed: C = null,
+  initialFirstName: j = "",
+  initialLastName: $ = "",
+  initialImageUrl: x = null
 }) => {
-  const o = te(), A = se(), r = ee(), i = re(), $ = [...Array(i.avatars?.maxFileName || 0).keys()].map(
+  const o = le(), R = oe(), r = re(), i = ne(), q = [...Array(i.avatars?.maxFileName || 0).keys()].map(
     (e) => `${i.avatars?.baseUrl}/${e + 1}.${i.avatars?.fileExtension}`
-  ), [p, j] = l(o.currentUser.first_name || ""), [g, R] = l(
+  ), [m, E] = l(
+    j || o.currentUser.first_name || ""
+  ), [_, z] = l(
     o.currentUser.description || ""
-  ), [_, q] = l(o.currentUser.last_name || ""), [h, E] = l(o.currentUser.language), [z, v] = l(!1), [C, x] = l(
-    o.currentUser.image_url
-  ), [m, T] = l(null), [k, P] = l(!1), [V, W] = l(!1), { isMobile: w } = ie(), { errors: c, validate: G } = le(), { hideModal: I } = oe(), [b, H] = l(!1), [M, J] = l(!1), K = (e) => {
+  ), [u, T] = l(
+    $ || o.currentUser.last_name || ""
+  ), [h, V] = l(o.currentUser.language), [W, v] = l(!1), [b, k] = l(
+    x || o.currentUser.image_url
+  ), [f, G] = l(x || null), H = [m, u].filter(Boolean).join(" ") || o.currentUser?.full_name, [P, w] = l(!1), [J, K] = l(!1), { isMobile: I } = de(), { errors: c, validate: Q } = ce(), { hideModal: O } = me(), [M, X] = l(!1), [N, Y] = l(!1), Z = (e) => {
     const t = new FileReader();
     t.onloadend = () => {
-      x(t.result);
+      k(t.result);
     }, t.readAsDataURL(e);
-  }, Q = [
+  }, ee = [
     { first_name: ["required", null] },
     { first_name: ["minChar", 2] },
     { last_name: ["required", null] },
     { last_name: ["minChar", 2] },
     ...n ? [] : [{ language: ["required", null] }],
-    ...f ? [{ accepts_terms: ["enforceValue", !0] }] : []
-  ], X = (e) => {
+    ...g ? [{ accepts_terms: ["enforceValue", !0] }] : []
+  ], ae = (e) => {
     e.preventDefault();
     const t = {};
-    if (p && (t.first_name = p), _ && (t.last_name = _), h && (t.language = h), m && k && (t.image = m), m && !k && (t.origin_image_url = m), g && (t.description = g), U && (t.accepts_provider_email = M), f && (t.accepts_terms = b), t.is_onboarded = !0, G(t, Q)) {
-      W(!0);
-      const N = new FormData();
-      Object.entries(t).forEach(([u, Z]) => {
-        N.append(u, Z);
-      }), n && y ? y(N, t) : A.update("users", o.currentUser.slug, N).then((u) => {
-        u.data.success && o.setCurrentUser(u.data.data.resource), I();
+    if (m && (t.first_name = m), u && (t.last_name = u), h && (t.language = h), f && P && (t.image = n ? b : f), f && !P && (t.origin_image_url = f), _ && (t.description = _), y && (t.accepts_provider_email = N), g && (t.accepts_terms = M), t.is_onboarded = !0, Q(t, ee)) {
+      K(!0);
+      const U = new FormData();
+      Object.entries(t).forEach(([p, se]) => {
+        U.append(p, se);
+      }), n && C ? C(U, t) : R.update("users", o.currentUser.slug, U).then((p) => {
+        p.data.success && o.setCurrentUser(p.data.data.resource), O();
       });
     }
-  }, Y = (e) => {
+  }, te = (e) => {
     const t = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/i;
-    T(e), v(!1), t.test(e) ? (x(e), P(!1)) : (P(!0), K(e));
+    G(e), v(!1), t.test(e) ? (k(e), w(!1)) : (w(!0), Z(e));
   };
   return /* @__PURE__ */ a(
-    ne,
+    ue,
     {
       "data-vid": "update_user_info_modal",
       title: n ? r.formatMessage({
@@ -70,19 +77,19 @@ const Se = ({
         defaultMessage: "Update your profile"
       }),
       style: {
-        width: w ? "unset" : "max-content",
-        minWidth: w ? "unset" : "500px",
+        width: I ? "unset" : "max-content",
+        minWidth: I ? "unset" : "500px",
         maxWidth: "800px"
       },
       showCloseButton: !1,
       disableClickOutside: !0,
-      children: V ? /* @__PURE__ */ a(de, {}) : z && !n ? /* @__PURE__ */ d(O, { children: [
+      children: J ? /* @__PURE__ */ a(fe, {}) : W ? /* @__PURE__ */ d(S, { children: [
         /* @__PURE__ */ a(
-          ce,
+          pe,
           {
-            onChooseAvatar: Y,
-            avatarUrlList: $,
-            userName: o.currentUser.full_name,
+            onChooseAvatar: te,
+            avatarUrlList: q,
+            userName: H,
             allowUserImage: i.avatars?.allowUserImage
           }
         ),
@@ -97,21 +104,21 @@ const Se = ({
             })
           }
         )
-      ] }) : /* @__PURE__ */ d(O, { children: [
+      ] }) : /* @__PURE__ */ d(S, { children: [
         /* @__PURE__ */ d("div", { className: s.container, children: [
           /* @__PURE__ */ d("div", { className: s.userImageContainer, children: [
-            C ? /* @__PURE__ */ a(
+            b ? /* @__PURE__ */ a(
               "img",
               {
                 className: s.userPictureUpload,
-                src: C,
+                src: b,
                 alt: r.formatMessage({
                   id: "alt.my_profile_picture",
                   defaultMessage: "Ma photo de profil"
                 })
               }
             ) : /* @__PURE__ */ a("div", { className: s.userPictureUpload, children: /* @__PURE__ */ a(
-              me,
+              ge,
               {
                 name: "camera",
                 height: 20,
@@ -122,8 +129,8 @@ const Se = ({
                 })
               }
             ) }),
-            !n && /* @__PURE__ */ a(
-              S,
+            /* @__PURE__ */ a(
+              F,
               {
                 "data-testid": "avatar-button",
                 "data-tid": "action_save_profile",
@@ -139,7 +146,7 @@ const Se = ({
           /* @__PURE__ */ d("div", { className: s.inputsContainer, children: [
             /* @__PURE__ */ d("div", { className: s.nameContainer, children: [
               /* @__PURE__ */ a("div", { className: s.updateProfileInput, children: /* @__PURE__ */ a(
-                F,
+                B,
                 {
                   type: "text",
                   name: "first_name",
@@ -151,8 +158,8 @@ const Se = ({
                     id: "auth_signup_form_first_name_placeholder",
                     defaultMessage: "First name"
                   }),
-                  onChange: (e) => i.actions?.disableOnboardingNameUpdate === !0 ? null : j(e.target.value),
-                  value: p,
+                  onChange: (e) => i.actions?.disableOnboardingNameUpdate === !0 ? null : E(e.target.value),
+                  value: m,
                   error: !!c.first_name,
                   message: c.first_name,
                   "data-testid": "first-name",
@@ -160,7 +167,7 @@ const Se = ({
                 }
               ) }),
               /* @__PURE__ */ a("div", { className: s.updateProfileInput, children: /* @__PURE__ */ a(
-                F,
+                B,
                 {
                   type: "text",
                   name: "last_name",
@@ -172,8 +179,8 @@ const Se = ({
                     id: "auth_signup_form_last_name_placeholder",
                     defaultMessage: "Last name"
                   }),
-                  onChange: (e) => i.actions?.disableOnboardingNameUpdate === !0 ? null : q(e.target.value),
-                  value: _,
+                  onChange: (e) => i.actions?.disableOnboardingNameUpdate === !0 ? null : T(e.target.value),
+                  value: u,
                   error: !!c.last_name,
                   message: c.last_name,
                   "data-testid": "last-name",
@@ -186,7 +193,7 @@ const Se = ({
               defaultMessage: "last name"
             }) }),
             !n && i.translation?.translationMethods && Object.keys(i.translation.translationMethods).length > 0 && /* @__PURE__ */ a(
-              ue,
+              _e,
               {
                 selectClassName: s.langSelect,
                 options: Object.keys(
@@ -197,7 +204,7 @@ const Se = ({
                   text: `${e.toUpperCase()}`
                 })),
                 defaultOption: h,
-                onChange: (e) => E(e.value)
+                onChange: (e) => V(e.value)
               }
             ),
             !n && /* @__PURE__ */ a("div", { className: s.userDescription, children: /* @__PURE__ */ a(
@@ -208,23 +215,23 @@ const Se = ({
                   id: "user.user_edit.user_description",
                   defaultMessage: "Describe yourself in a few words"
                 }),
-                value: g,
-                onChange: (e) => R(e.target.value),
+                value: _,
+                onChange: (e) => z(e.target.value),
                 maxLength: 500,
                 "data-testid": "description"
               }
             ) })
           ] })
         ] }),
-        f && /* @__PURE__ */ a("div", { className: s.toggle, children: /* @__PURE__ */ a(
+        g && /* @__PURE__ */ a("div", { className: s.toggle, children: /* @__PURE__ */ a(
           D,
           {
             type: "checkbox",
             name: "accepts_terms",
             style: { fontSize: 18 },
-            checked: b,
+            checked: M,
             label: /* @__PURE__ */ a(
-              ae,
+              ie,
               {
                 id: "modal.update_user_info_modal.accepts_terms",
                 defaultMessage: "I declare I have read the <var1>General Conditions of Use</var1> and the <var2>Privacy policy</var2> of the debate space and accept them.",
@@ -244,7 +251,7 @@ const Se = ({
                     {
                       className: s.cgu,
                       target: "_blank",
-                      href: B,
+                      href: A,
                       rel: "noreferrer",
                       children: e
                     }
@@ -252,18 +259,18 @@ const Se = ({
                 }
               }
             ),
-            onInputChanged: (e) => H(!b),
+            onInputChanged: (e) => X(!M),
             message: c.accepts_terms,
             "data-testid": "accepts-terms-input"
           }
         ) }),
-        U && /* @__PURE__ */ a("div", { className: s.toggle, children: /* @__PURE__ */ a(
+        y && /* @__PURE__ */ a("div", { className: s.toggle, children: /* @__PURE__ */ a(
           D,
           {
             type: "checkbox",
             name: "accepts_provider_email",
             style: { fontSize: 18 },
-            checked: M,
+            checked: N,
             label: r.formatMessage(
               {
                 id: "modal.update_user_info_modal.consent_label",
@@ -271,16 +278,16 @@ const Se = ({
               },
               { provider: i.provider?.companyName }
             ),
-            onInputChanged: (e) => J(!M),
+            onInputChanged: (e) => Y(!N),
             "data-testid": "accepts-email-input"
           }
         ) }),
         /* @__PURE__ */ a("div", { className: s.userSaveBox, children: /* @__PURE__ */ a(
-          S,
+          F,
           {
             "data-testid": "save-button",
             "data-tid": "action_save_profile",
-            onClick: (e) => X(e),
+            onClick: (e) => ae(e),
             children: r.formatMessage({
               id: "user.user_edit.save",
               defaultMessage: "Save"
@@ -292,5 +299,5 @@ const Se = ({
   );
 };
 export {
-  Se as OnboardingModal
+  Le as OnboardingModal
 };

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

@@ -1,80 +1,85 @@
-import { jsx as B } from "react/jsx-runtime";
-import { useState as w, useEffect as S } from "react";
-import { OnboardingModal as E } from "./OnboardingModal.js";
-import { useAuth as I } from "../../auth/use_auth/useAuth.js";
-import { useModal as A } from "../../dialog/modal/useModal.js";
+import { jsx as L } from "react/jsx-runtime";
+import { useState as h, useEffect as S } from "react";
+import { OnboardingModal as A } from "./OnboardingModal.js";
+import { useAuth as E } from "../../auth/use_auth/useAuth.js";
+import { useModal as I } from "../../dialog/modal/useModal.js";
 import { useDataProvider as U } from "../../data/data_provider/useDataProvider.js";
 import { useConfig as C } from "../../data/config_provider/useConfig.js";
-const i = "logora:onboardingBeforeLogin", g = (t) => t ? `${i}:${t}` : i, T = (t, r) => {
+const c = "logora:onboardingBeforeLogin", w = (n) => n ? `${c}:${n}` : c, D = (n) => {
+  const [t, a] = n.split(","), d = t.match(/^data:([^;]+)/)?.[1] || "application/octet-stream", i = atob(a), g = new Uint8Array(i.length);
+  for (let o = 0; o < i.length; o++)
+    g[o] = i.charCodeAt(o);
+  return new Blob([g], { type: d });
+}, x = (n, t) => {
   typeof window > "u" || !window.sessionStorage || window.sessionStorage.setItem(
-    g(t),
-    JSON.stringify(r)
+    w(n),
+    JSON.stringify(t)
   );
-}, x = () => {
-  const t = I(), { currentUser: r, isLoggedIn: f } = t, { showModal: b, isModalPresent: u } = A(), _ = U(), n = C(), [a, d] = w(!1), [l, O] = w(!1), h = () => {
-    b(
-      /* @__PURE__ */ B(
-        E,
+}, F = () => {
+  const n = E(), { currentUser: t, isLoggedIn: a } = n, { showModal: d, isModalPresent: i } = I(), g = U(), o = C(), [f, l] = h(!1), [b, O] = h(!1), y = () => {
+    d(
+      /* @__PURE__ */ L(
+        A,
         {
-          showEmailConsent: n.auth?.showEmailConsent,
-          showTerms: n.auth?.hideCgu !== !0,
-          termsUrl: n.provider?.cguUrl || "https://www.logora.com/blog-posts/cgu",
-          privacyUrl: n.provider?.privacyUrl || "https://www.logora.com/blog-posts/privacy-policy"
+          showEmailConsent: o.auth?.showEmailConsent,
+          showTerms: o.auth?.hideCgu !== !0,
+          termsUrl: o.provider?.cguUrl || "https://www.logora.com/blog-posts/cgu",
+          privacyUrl: o.provider?.privacyUrl || "https://www.logora.com/blog-posts/privacy-policy"
         }
       )
     );
   };
   S(() => {
-    if (!a && !u && f && r?.is_onboarded === !1 && n.auth?.showOnboarding === !0) {
-      if (v()) {
-        y();
+    if (!f && !i && a && t?.is_onboarded === !1 && o.auth?.showOnboarding === !0) {
+      if (B()) {
+        v();
         return;
       }
-      h();
+      y();
     }
-  }, [u, f, r?.slug, r?.is_onboarded, n.auth?.showOnboarding, a, l]);
-  const p = () => {
+  }, [i, a, t?.slug, t?.is_onboarded, o.auth?.showOnboarding, f, b]);
+  const _ = () => {
     if (typeof window > "u" || !window.sessionStorage)
       return null;
-    const e = window.sessionStorage.getItem(g(n.shortname)) || window.sessionStorage.getItem(i);
+    const e = window.sessionStorage.getItem(w(o.shortname)) || window.sessionStorage.getItem(c);
     if (!e)
       return null;
     try {
-      const o = JSON.parse(e);
-      return o && typeof o == "object" ? o : { accepts_terms: !0 };
+      const r = JSON.parse(e);
+      return r && typeof r == "object" ? r : { accepts_terms: !0 };
     } catch {
       return { accepts_terms: e === "true" };
     }
-  }, c = () => {
-    typeof window > "u" || !window.sessionStorage || (window.sessionStorage.removeItem(g(n.shortname)), window.sessionStorage.removeItem(i));
-  }, v = () => {
-    if (a || l || n.auth?.showOnboardingBeforeLogin !== !0 || !r?.slug)
+  }, p = () => {
+    typeof window > "u" || !window.sessionStorage || (window.sessionStorage.removeItem(w(o.shortname)), window.sessionStorage.removeItem(c));
+  }, B = () => {
+    if (f || b || o.auth?.showOnboardingBeforeLogin !== !0 || !t?.slug)
       return !1;
-    const e = p();
+    const e = _();
     return e?.accepts_terms === !0 || e?.acceptsTerms === !0;
-  }, y = () => {
-    const e = p();
+  }, v = () => {
+    const e = _();
     if (!e)
       return;
-    const o = {
+    const r = {
       accepts_terms: !0,
       is_onboarded: !0
     };
-    e.accepts_provider_email !== void 0 ? o.accepts_provider_email = e.accepts_provider_email : e.acceptsProviderEmail !== void 0 && (o.accepts_provider_email = e.acceptsProviderEmail), e.first_name && !r.first_name && (o.first_name = e.first_name), e.last_name && !r.last_name && (o.last_name = e.last_name);
+    e.accepts_provider_email !== void 0 ? r.accepts_provider_email = e.accepts_provider_email : e.acceptsProviderEmail !== void 0 && (r.accepts_provider_email = e.acceptsProviderEmail), e.first_name && !t.first_name && (r.first_name = e.first_name), e.last_name && !t.last_name && (r.last_name = e.last_name), e.origin_image_url && (r.origin_image_url = e.origin_image_url), e.image && typeof e.image == "string" && (r.image = D(e.image));
     const m = new FormData();
-    Object.entries(o).forEach(([s, L]) => {
-      m.append(s, L);
-    }), d(!0), O(!0), _.update("users", r.slug, m).then((s) => {
-      d(!1), s.data.success ? (c(), t.setCurrentUser(s.data.data.resource)) : c();
+    Object.entries(r).forEach(([s, u]) => {
+      s === "image" && u instanceof Blob ? m.append(s, u, "avatar.png") : m.append(s, u);
+    }), l(!0), O(!0), g.update("users", t.slug, m).then((s) => {
+      l(!1), s.data.success ? (p(), n.setCurrentUser(s.data.data.resource)) : p();
     }).catch(() => {
-      c(), d(!1);
+      p(), l(!1);
     });
   };
   return null;
 };
 export {
-  i as ONBOARDING_BEFORE_LOGIN_STORAGE_KEY,
-  g as getOnboardingBeforeLoginStorageKey,
-  T as saveOnboardingBeforeLogin,
-  x as useOnboarding
+  c as ONBOARDING_BEFORE_LOGIN_STORAGE_KEY,
+  w as getOnboardingBeforeLoginStorageKey,
+  x as saveOnboardingBeforeLogin,
+  F as useOnboarding
 };

package/package.json

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

package/dist/assets/components/input/text_editor/plugins/ToolbarPlugin.module-f1t2UhlS.css

@@ -1 +0,0 @@
-._toolbar_iro9e_3{display:flex!important;justify-content:space-between!important;flex-wrap:wrap;background:var(--background-color-primary, white);padding-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;vertical-align:middle;align-items:flex-start;gap:var(--space-unit, 1em)}._toolbar_iro9e_3._toolbarIsActive_iro9e_13{border-top:1px solid var(--text-tertiary, #fafafa)}._iconToolbar_iro9e_17{display:flex!important;gap:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))}._iconToolbar_iro9e_17._shortBar_iro9e_21{gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}._toolbarItem_iro9e_25{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:0;background:none;padding:0!important;cursor:pointer;vertical-align:middle;touch-action:manipulation;display:flex;align-items:center;justify-content:center;outline:none}@container (max-width: 575.98px){._toolbarItem_iro9e_25{min-width:44px;min-height:44px}}._toolbarItem_iro9e_25._disabled_iro9e_46{cursor:not-allowed}._toolbarItem_iro9e_25:active,._toolbarItem_iro9e_25._active_iro9e_49{background-color:#bababa66!important;border-radius:50%}._toolbarItem_iro9e_25 ._format_iro9e_53{background-size:contain;display:inline-block;vertical-align:-.25em;display:flex!important}._actionButton_iro9e_60{display:flex!important;gap:var(--space-unit, 1em);margin-left:auto}._inputSubmitActionButton_iro9e_66{width:100%;height:35px;display:flex!important;justify-content:center!important;align-items:center!important;background-color:var(--call-primary-color, #434343)!important}._inputSubmitActionButton_iro9e_66._submitAction_iro9e_74 svg{fill:var(--text-light, white)!important}._inputSubmitActionButton_iro9e_66 ._inputSourceText_iro9e_77{display:none!important;margin-left:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;font-size:var(--font-size-small, 16px)}@container (min-width: 576px){._inputSubmitActionButton_iro9e_66 ._inputSourceText_iro9e_77{display:block!important}}._tooltip_iro9e_88{width:230px!important;margin-left:-117px!important}