@logora/debate 0.3.77 → 0.3.79

package/dist/assets/components/proposal/proposal_box/ProposalBox.module-C9BaTFDH.css

@@ -0,0 +1 @@
+._proposalBoxContainer_5d6lc_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative;box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));color:var(--text-primary, #222222);border-radius:var(--box-border-radius, 6px);background-color:var(--background-color-primary, white);scroll-margin-top:150px;padding:var(--box-spacing, var(--space-unit, 1em));gap:var(--box-spacing, var(--space-unit, 1em))}._proposalBoxContainer_5d6lc_3._flash_5d6lc_17{-webkit-transition:box-shadow .8s ease-in-out;-moz-transition:box-shadow .8s ease-in-out;-o-transition:box-shadow .8s ease-in-out;transition:box-shadow .8s ease-in-out;box-shadow:0 0 15px var(--call-primary-color, #434343)}._edited_5d6lc_25{font-size:var(--font-size-extra-small, 14px);color:var(--text-secondary, #5F5F5F);line-height:var(--line-height-loose, 1.38em);margin-bottom:var(--spacer-xs, calc(var(--space-unit, 1em) * .325))!important}._proposalBoxContent_5d6lc_32{text-align:left;white-space:pre-line;line-height:var(--line-height-loose, 1.38em);font-size:var(--font-size-small, 16px)}@container (min-width: 768px){._proposalBoxContent_5d6lc_32{min-height:185px}}._proposalBoxContent_5d6lc_32 ._proposalTitle_5d6lc_44{font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700);padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._proposalBoxContent_5d6lc_32 ._proposalTitle_5d6lc_44:first-letter{text-transform:uppercase}._proposalBoxContent_5d6lc_32 ._proposalContent_5d6lc_52 *{font-size:var(--font-size-small, 16px)}._proposalSourcesList_5d6lc_56{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:var(--font-size-extra-small, 14px);font-weight:var(--font-weight-normal, 400)}._proposalSourcesList_5d6lc_56 a{text-decoration:none}._fixedHeight_5d6lc_68{height:200px;overflow:hidden;position:relative}._fixedHeight_5d6lc_68:after{content:"";position:absolute;z-index:1;bottom:0;left:0;right:0;pointer-events:none;background-image:linear-gradient(to bottom,#fff0,#fff 90%);width:100%;height:5em}

package/dist/components/argument/argument/Argument.js

@@ -279,6 +279,7 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
             X.add(a, [t]), L(), b(!0);
           },
           isReply: !0,
+          activeOnInit: !0,
           avatarSize: 40,
           placeholder: i.formatMessage({
             id: "input.reply_input.your_answer",

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

@@ -1,113 +1,113 @@
-import { jsxs as M, jsx as i } from "react/jsx-runtime";
-import $e from "@rooks/use-sessionstorage-state";
-import { useRef as qe, useState as c, useEffect as v, Suspense as De, lazy as We } from "react";
-import { useIntl as Ye, FormattedMessage as me } from "react-intl";
-import { useLocation as ke } from "react-router";
+import { jsxs as M, jsx as s } from "react/jsx-runtime";
+import De from "@rooks/use-sessionstorage-state";
+import { useRef as We, useState as l, useEffect as v, Suspense as Ye, lazy as ke } from "react";
+import { useIntl as Re, FormattedMessage as fe } from "react-intl";
+import { useLocation as je } from "react-router";
 import I from "classnames";
 import n from "./ArgumentInput.module.scss.js";
-import { useDataProvider as Re } from "../../data/data_provider/useDataProvider.js";
-import { useList as je } from "../../list/list_provider/useList.js";
-import { useConfig as ze } from "../../data/config_provider/useConfig.js";
-import { useInput as Oe } from "../input_provider/useInput.js";
-import { useAuth as Je } from "../../auth/use_auth/useAuth.js";
-import { useFormValidation as Ke } from "../../forms/use_form_validation/useFormValidation.js";
-import { useResponsive as Ge } from "../../hooks/use_responsive/useResponsive.js";
-import { useAuthRequired as He } from "../../hooks/use_auth_required/useAuthRequired.js";
-import { useModal as Qe } from "../../dialog/modal/useModal.js";
-import { useToast as Xe } from "../../dialog/toast_provider/useToast.js";
-import { TogglePosition as Ze } from "../toggle_position/TogglePosition.js";
-import { Avatar as et } from "../../user/avatar/Avatar.js";
-import { AuthorBox as tt } from "../../user/author_box/AuthorBox.js";
-import { TextEditor as nt } from "../text_editor/TextEditor.js";
-import { Icon as at } from "../../icons/icon/Icon.js";
-const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ default: S.SideModal }))), Nt = ({
+import { useDataProvider as ze } from "../../data/data_provider/useDataProvider.js";
+import { useList as Oe } from "../../list/list_provider/useList.js";
+import { useConfig as Je } from "../../data/config_provider/useConfig.js";
+import { useInput as Ke } from "../input_provider/useInput.js";
+import { useAuth as Ge } from "../../auth/use_auth/useAuth.js";
+import { useFormValidation as He } from "../../forms/use_form_validation/useFormValidation.js";
+import { useResponsive as Qe } from "../../hooks/use_responsive/useResponsive.js";
+import { useAuthRequired as Xe } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { useModal as Ze } from "../../dialog/modal/useModal.js";
+import { useToast as et } from "../../dialog/toast_provider/useToast.js";
+import { TogglePosition as tt } from "../toggle_position/TogglePosition.js";
+import { Avatar as nt } from "../../user/avatar/Avatar.js";
+import { AuthorBox as at } from "../../user/author_box/AuthorBox.js";
+import { TextEditor as st } from "../text_editor/TextEditor.js";
+import { Icon as it } from "../../icons/icon/Icon.js";
+const ot = ke(() => import("../../modal/side_modal/index.js").then((S) => ({ default: S.SideModal }))), yt = ({
   argumentListId: S,
-  avatarSize: fe = 48,
-  disabled: z = !1,
+  avatarSize: ge = 48,
+  disabled: j = !1,
   positions: a = [],
   disabledPositions: x = [],
   groupId: b,
-  groupName: ge,
-  groupType: O,
-  hideSourceAction: he = !1,
+  groupName: he,
+  groupType: z,
+  hideSourceAction: pe = !1,
   isReply: r = !1,
-  onSubmit: J,
+  onSubmit: O,
   parentId: F,
-  placeholder: pe,
+  placeholder: _e,
   positionId: A,
-  focusOnInit: _e = !1,
+  focusOnInit: Me = !1,
   activeOnInit: P = !1,
-  userGuideUrl: K,
-  hideUserGuideLink: Me = !1,
-  hideCharCount: ve = !1,
-  disableAutoActivate: be = !1
+  userGuideUrl: J,
+  hideUserGuideLink: ve = !1,
+  hideCharCount: be = !1,
+  disableAutoActivate: Ae = !1
 }) => {
-  const o = Ye(), G = Re(), N = je(), h = ze(), {
-    focus: H,
-    setFocus: T,
-    setReset: Ae,
+  const o = Re(), K = ze(), N = Oe(), h = Je(), {
+    focus: G,
+    setFocus: H,
+    setReset: Ce,
     inputContent: B,
     setInputContent: Q,
-    setInputRichContent: Ce
-  } = Oe(), { isLoggedIn: C, currentUser: u } = Je(), { errors: E, validate: V } = Ke(), { isMobile: m } = Ge(), we = ke(), X = qe(null), [U, $] = c([]), [q, D] = c(""), [Z, W] = c(null), [d, p] = c(null), [ee, te] = c(null), [ne, ae] = c(!1), [w, ie] = c(!1), [_, se] = c({}), [f, Ie] = $e(
+    setInputRichContent: we
+  } = Ke(), { isLoggedIn: C, currentUser: u } = Ge(), { errors: E, validate: V } = He(), { isMobile: m } = Qe(), Ie = je(), X = We(null), [U, $] = l([]), [q, D] = l(""), [Z, W] = l(null), [d, p] = l(null), [ee, te] = l(null), [ne, ae] = l(!1), [w, se] = l(!1), [_, ie] = l({}), [Se, oe] = l(!1), [f, xe] = De(
     "userSide",
     {}
-  ), [g, Se] = c(
+  ), [g, Ne] = l(
     !C && h?.actions?.disableInputForVisitor
-  ), Y = He(), { showModal: xe } = Qe(), { toast: k } = Xe() || {}, oe = new URLSearchParams(
-    typeof window < "u" ? window.location.search : we.search
+  ), Y = Xe(), { showModal: Te } = Ze(), { toast: k } = et() || {}, re = new URLSearchParams(
+    typeof window < "u" ? window.location.search : Ie.search
   );
   v(() => {
-    Se(
+    Ne(
       !C && h?.actions?.disableInputForVisitor
     );
   }, [C, h]);
-  const R = u?.role === "editor" || u?.role === "moderator", re = u?.moderation_status === "banned";
+  const R = u?.role === "editor" || u?.role === "moderator", ue = u?.moderation_status === "banned";
   v(() => {
     let e = null;
-    typeof window < "u" && (e = oe.get("positionId")), A && A != a[2]?.id && a?.find((t) => t.id === A) ? p(A) : e && e != a[2]?.id ? p(e) : f && f.groupId == b && f.positionId != a[2]?.id && p(f.positionId);
+    typeof window < "u" && (e = re.get("positionId")), A && A != a[2]?.id && a?.find((t) => t.id === A) ? p(A) : e && e != a[2]?.id ? p(e) : f && f.groupId == b && f.positionId != a[2]?.id && p(f.positionId);
   }, [A]), v(() => {
-    P && (j(), T(!0));
+    P && (oe(!0), T());
   }, [P]), v(() => {
     if (typeof window < "u") {
-      const e = _e || oe.get("initArgument");
-      (e === !0 || e === "true") && (T(!0), Ee());
+      const e = Me || re.get("initArgument");
+      (e === !0 || e === "true") && (oe(!0), T(), Ue());
     }
   }, []), v(() => {
-    H && (ue(), T(!1));
-  }, [H]), v(() => {
-    B?.id && (Ne(B), T(!0));
+    G && (T(), H(!1));
+  }, [G]), v(() => {
+    B?.id && (ye(B), H(!0));
   }, [B]);
-  const Ne = (e) => {
-    se(e), ie(!0), $(e.sources), D(e.content), W(e.rich_content), te(e.id), ue(), p(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ce(e.rich_content) : Q(e.content);
-  }, ue = () => {
+  const ye = (e) => {
+    ie(e), se(!0), $(e.sources), D(e.content), W(e.rich_content), te(e.id), T(), p(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? we(e.rich_content) : Q(e.content);
+  }, T = () => {
     X.current.scrollIntoView(!1);
   }, de = () => {
-    D(""), W(null), se({}), te(null), $([]), Ae(!0), Q(null);
-  }, Te = (e) => {
+    D(""), W(null), ie({}), te(null), $([]), Ce(!0), Q(null);
+  }, Le = (e) => {
     p(e), ce(e);
-  }, ye = () => {
-    xe(
-      /* @__PURE__ */ i(De, { fallback: null, children: /* @__PURE__ */ i(
-        it,
+  }, Fe = () => {
+    Te(
+      /* @__PURE__ */ s(Ye, { fallback: null, children: /* @__PURE__ */ s(
+        ot,
         {
           modalTitle: o.formatMessage({
             id: "modal.side_modal.modal_title",
             defaultMessage: "Choose your side"
           }),
-          onChooseSide: Te,
+          onChooseSide: Le,
           positions: a,
-          title: ge,
+          title: he,
           disabledPositions: !r && x,
           isNeutral: f && f.groupId == b && f.positionId === a[2]?.id
         }
       ) })
     );
-  }, Le = () => {
-    C ? ee ? Be() : !a || a?.length === 0 || !x?.find((e) => e?.id === d) && d || R && r ? ce(r && R && a[0]?.id) : ye() : Y({ loginAction: "argument" });
-  }, Fe = (e, t) => {
+  }, Pe = () => {
+    C ? ee ? Ve() : !a || a?.length === 0 || !x?.find((e) => e?.id === d) && d || R && r ? ce(r && R && a[0]?.id) : Fe() : Y({ loginAction: "argument" });
+  }, Be = (e, t) => {
     g ? Y({ loginAction: "argument" }) : (D(e), W(t), V({ content: e }, [{ content: ["url", null] }]));
-  }, Pe = (e) => {
+  }, Ee = (e) => {
     $(e);
   }, le = [
     { content: ["length", 3] },
@@ -115,23 +115,23 @@ const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ def
     { content: ["url", null] },
     ...!a || a?.length === 0 ? [] : [{ position_id: ["required", null] }]
   ], ce = (e) => {
-    const t = e || d, l = {
+    const t = e || d, c = {
       content: q,
       rich_content: Z,
       group_id: b,
-      ...O && { group_type: O },
+      ...z && { group_type: z },
       ...t && { position_id: t },
       is_reply: !!F,
       message_id: F || null,
-      source_ids: U?.map((s) => s.id)
+      source_ids: U?.map((i) => i.id)
     };
-    V(l, le) && (t && a && a.map((s) => s.id).includes(t) && Ie({
+    V(c, le) && (t && a && a.map((i) => i.id).includes(t) && xe({
       groupId: b,
       positionId: t
-    }), de(), G.create("messages", l).then((s) => {
-      if (s.data.success) {
+    }), de(), K.create("messages", c).then((i) => {
+      if (i.data.success) {
         if (F)
-          J(s.data.data.resource), k(
+          O(i.data.data.resource), k(
             o.formatMessage({
               id: "alert.argument_create",
               defaultMessage: "Your contribution has been sent !"
@@ -145,11 +145,11 @@ const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ def
             }
           );
         else {
-          const y = s.data.data.resource;
+          const y = i.data.data.resource;
           let L = S;
-          t && !m && (L = `argumentList${y.position.id}`), J?.(
+          t && !m && (L = `argumentList${y.position.id}`), O?.(
             q,
-            a.find((Ue) => Ue.id === t) || null
+            a.find((qe) => qe.id === t) || null
           ), N.add(L, [y]), k(
             o.formatMessage({
               id: "alert.argument_create",
@@ -169,34 +169,34 @@ const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ def
         typeof window < "u" && window.dispatchEvent(
           new CustomEvent("logora:user_content:created", {
             detail: {
-              content: s.data.data?.resource
+              content: i.data.data?.resource
             }
           })
         );
       }
     }));
-  }, Be = () => {
+  }, Ve = () => {
     const e = {
       content: q,
       rich_content: Z,
       source_ids: U?.map((t) => t.id),
       ...d && { position_id: d }
     };
-    V(e, le) && G.update("messages", ee, e).then((t) => {
+    V(e, le) && K.update("messages", ee, e).then((t) => {
       if (t.data.success) {
-        const l = t.data.data.resource;
-        let s = S;
-        if (_?.is_reply && _?.message_id ? s = `argument_${_.message_id}_reply_list` : d && !m && (s = `argumentList${l.position?.id}`), !_?.is_reply && _?.position?.id != l.position?.id && !m) {
-          const y = `argumentList${_.position.id}`, L = `argumentList${l.position.id}`;
-          N.remove(y, [l]), N.add(L, [l]);
+        const c = t.data.data.resource;
+        let i = S;
+        if (_?.is_reply && _?.message_id ? i = `argument_${_.message_id}_reply_list` : d && !m && (i = `argumentList${c.position?.id}`), !_?.is_reply && _?.position?.id != c.position?.id && !m) {
+          const y = `argumentList${_.position.id}`, L = `argumentList${c.position.id}`;
+          N.remove(y, [c]), N.add(L, [c]);
         } else
-          N.update(s, [l]);
+          N.update(i, [c]);
         k(o.formatMessage({ id: "alert.argument_modify" }), {
           type: "success"
         }), de();
       }
     });
-  }, Ee = () => {
+  }, Ue = () => {
     if (!ne) {
       ae(!0);
       const e = setTimeout(() => {
@@ -204,9 +204,9 @@ const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ def
       }, 2e3);
       return () => clearTimeout(e);
     }
-  }, j = () => {
-    g ? Y({ loginAction: "argument" }) : ie(!0);
-  }, Ve = () => {
+  }, me = () => {
+    g ? Y({ loginAction: "argument" }) : se(!0);
+  }, $e = () => {
     const e = x.find(
       (t) => t.id === d
     );
@@ -220,28 +220,28 @@ const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ def
       );
   };
   return /* @__PURE__ */ M("div", { className: n.inputContainer, children: [
-    z && /* @__PURE__ */ i("div", { className: n.disabledInputMask, children: re ? o.formatMessage({
+    j && /* @__PURE__ */ s("div", { className: n.disabledInputMask, children: ue ? o.formatMessage({
       id: "input.argument_input.user_banned",
       defaultMessage: "You are banned from the debate space."
     }) : o.formatMessage({
       id: "info.debate_is_inactive",
       defaultMessage: "Debate is closed"
     }) }),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ s(
       "div",
       {
         className: I(n.argumentInput, {
           [n.flash]: ne,
           [n.replyInputContainer]: r
         }),
-        children: /* @__PURE__ */ i("div", { "data-tid": "action_add_argument", ref: X, children: /* @__PURE__ */ M("div", { className: n.argumentInputBox, children: [
+        children: /* @__PURE__ */ s("div", { "data-tid": "action_add_argument", ref: X, children: /* @__PURE__ */ M("div", { className: n.argumentInputBox, children: [
           a.length > 0 && C && (!r || !R) && /* @__PURE__ */ M("div", { className: n.userPosition, children: [
-            /* @__PURE__ */ i("div", { children: o.formatMessage({
+            /* @__PURE__ */ s("div", { children: o.formatMessage({
               id: "input.position",
               defaultMessage: "Your position"
             }) }),
-            /* @__PURE__ */ i(
-              Ze,
+            /* @__PURE__ */ s(
+              tt,
               {
                 activeLabel: d === a[0].id ? 0 : d === a[1].id ? 1 : null,
                 firstLabel: a[0],
@@ -258,22 +258,22 @@ const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                 [n.replyEditorRow]: r
               }),
               children: [
-                /* @__PURE__ */ i(
+                /* @__PURE__ */ s(
                   "div",
                   {
                     className: I(n.argumentAuthorContainer, {
                       [n.argumentAuthorContainerMobile]: m,
                       [n.argumentAuthorContainerActivated]: !m && w || r
                     }),
-                    children: !m && w || r ? /* @__PURE__ */ i(
-                      et,
+                    children: !m && w || r ? /* @__PURE__ */ s(
+                      nt,
                       {
                         avatarUrl: u.image_url,
                         userName: u.full_name,
-                        size: fe
+                        size: ge
                       }
-                    ) : /* @__PURE__ */ i(
-                      tt,
+                    ) : /* @__PURE__ */ s(
+                      at,
                       {
                         fullName: u?.full_name || o.formatMessage({ id: "default_author.full_name" }),
                         avatarUrl: u?.image_url,
@@ -286,44 +286,45 @@ const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                 /* @__PURE__ */ M(
                   "div",
                   {
-                    onClick: j,
+                    onClick: me,
                     "data-testid": "argument-input",
                     className: I(n.textEditorBox, {
                       [n.replyTextEditorBox]: r
                     }),
                     children: [
-                      /* @__PURE__ */ i(
-                        nt,
+                      /* @__PURE__ */ s(
+                        st,
                         {
                           handleChange: (e, t) => {
-                            Fe(e, t);
+                            Be(e, t);
                           },
                           handleSourcesChange: (e) => {
-                            Pe(e);
+                            Ee(e);
                           },
-                          placeholder: pe,
+                          placeholder: _e,
                           "aria-label": o.formatMessage({
                             id: "input.argument_input.aria_label",
                             defaultMessage: "Message input field"
                           }),
-                          onSubmit: Le,
+                          onSubmit: Pe,
                           sources: U,
-                          hideSourceAction: he || g,
+                          hideSourceAction: pe || g,
                           uid: `Argument${b}`,
-                          onActivation: j,
+                          onActivation: me,
                           showStylesControls: w,
-                          disabled: z || g || re,
+                          disabled: j || g || ue,
                           maxLength: g ? !1 : h?.actions?.argumentMaxLength,
                           disableRichText: h?.actions?.disableRichText || g,
                           shortBar: r,
                           hideSubmit: g,
                           allowedDomains: h?.allowed_sources,
                           active: P,
-                          hideCharCount: ve,
-                          disableAutoActivate: be
+                          autoFocus: Se,
+                          hideCharCount: be,
+                          disableAutoActivate: Ae
                         }
                       ),
-                      E?.content && /* @__PURE__ */ i("div", { className: n.argumentInputWarning, children: E && Object.values(E).map((e, t) => /* @__PURE__ */ i("div", { children: e }, t)) }),
+                      E?.content && /* @__PURE__ */ s("div", { className: n.argumentInputWarning, children: E && Object.values(E).map((e, t) => /* @__PURE__ */ s("div", { children: e }, t)) }),
                       w && x?.find(
                         (e) => e.id === d
                       ) && /* @__PURE__ */ M(
@@ -334,8 +335,8 @@ const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                             n.disabledPositionWarning
                           ),
                           children: [
-                            /* @__PURE__ */ i(
-                              at,
+                            /* @__PURE__ */ s(
+                              it,
                               {
                                 name: "announcement",
                                 className: n.warningIcon,
@@ -343,25 +344,25 @@ const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ def
                                 width: 20
                               }
                             ),
-                            /* @__PURE__ */ i("div", { className: n.argumentInputWarningText, children: Ve() })
+                            /* @__PURE__ */ s("div", { className: n.argumentInputWarningText, children: $e() })
                           ]
                         }
                       ),
-                      w && K && !Me && /* @__PURE__ */ i("div", { className: n.guideMessage, children: /* @__PURE__ */ i(
-                        me,
+                      w && J && !ve && /* @__PURE__ */ s("div", { className: n.guideMessage, children: /* @__PURE__ */ s(
+                        fe,
                         {
                           id: "alert.guide_message",
                           defaultMessage: "Contributions must comply with our {userCharter}.",
                           values: {
-                            userCharter: /* @__PURE__ */ i(
+                            userCharter: /* @__PURE__ */ s(
                               "a",
                               {
                                 className: n.guideMessage,
-                                href: K,
+                                href: J,
                                 target: "_blank",
                                 rel: "noreferrer",
-                                children: /* @__PURE__ */ i(
-                                  me,
+                                children: /* @__PURE__ */ s(
+                                  fe,
                                   {
                                     id: "alert.user_charter",
                                     defaultMessage: "user charter"
@@ -384,5 +385,5 @@ const it = We(() => import("../../modal/side_modal/index.js").then((S) => ({ def
   ] });
 };
 export {
-  Nt as ArgumentInput
+  yt as ArgumentInput
 };

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

@@ -1,182 +1,185 @@
-import { jsxs as p, Fragment as Z, jsx as o } from "react/jsx-runtime";
-import { ListNode as oo, ListItemNode as to } from "@lexical/list";
-import { OverflowNode as eo } from "@lexical/overflow";
-import { CharacterLimitPlugin as ro } from "@lexical/react/LexicalCharacterLimitPlugin";
-import { LexicalComposer as io } from "@lexical/react/LexicalComposer";
-import { ContentEditable as no } from "@lexical/react/LexicalContentEditable";
-import { EditorRefPlugin as so } from "@lexical/react/LexicalEditorRefPlugin";
-import { LexicalErrorBoundary as co } from "@lexical/react/LexicalErrorBoundary";
-import { HistoryPlugin as lo } from "@lexical/react/LexicalHistoryPlugin";
-import { ListPlugin as mo } from "@lexical/react/LexicalListPlugin";
-import { OnChangePlugin as ao } from "@lexical/react/LexicalOnChangePlugin";
-import { RichTextPlugin as uo } from "@lexical/react/LexicalRichTextPlugin";
-import { QuoteNode as fo } from "@lexical/rich-text";
-import I from "classnames";
-import { $getRoot as po } from "lexical";
-import { useState as d, useId as ho, useEffect as go } from "react";
-import { useIntl as So } from "react-intl";
-import xo from "./EditorTheme.js";
+import { jsxs as S, Fragment as oe, jsx as e } from "react/jsx-runtime";
+import { ListNode as re, ListItemNode as ie } from "@lexical/list";
+import { OverflowNode as ne } from "@lexical/overflow";
+import { CharacterLimitPlugin as se } from "@lexical/react/LexicalCharacterLimitPlugin";
+import { LexicalComposer as ce } from "@lexical/react/LexicalComposer";
+import { ContentEditable as le } from "@lexical/react/LexicalContentEditable";
+import { EditorRefPlugin as me } from "@lexical/react/LexicalEditorRefPlugin";
+import { LexicalErrorBoundary as ae } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as de } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as ue } from "@lexical/react/LexicalListPlugin";
+import { OnChangePlugin as fe } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as pe } from "@lexical/react/LexicalRichTextPlugin";
+import { QuoteNode as he } from "@lexical/rich-text";
+import b from "classnames";
+import { $getRoot as ge } from "lexical";
+import { useState as f, useId as Se, useRef as xe, useEffect as M } from "react";
+import { useIntl as Ce } from "react-intl";
+import Pe from "./EditorTheme.js";
 import i from "./TextEditor.module.scss.js";
-import { AutoSavePlugin as vo } from "./plugins/AutoSavePlugin.js";
-import { FocusPlugin as Co } from "./plugins/FocusPlugin.js";
-import { MaxLengthPlugin as Po } from "./plugins/MaxLengthPlugin.js";
-import { ResetPlugin as To } from "./plugins/ResetPlugin.js";
-import { SetContentPlugin as No } from "./plugins/SetContentPlugin.js";
-import { SetRichContentPlugin as Eo } from "./plugins/SetRichContentPlugin.js";
-import { ToolbarPlugin as Io } from "./plugins/ToolbarPlugin.js";
-import { useModal as Ro } from "../../dialog/modal/useModal.js";
-import { SourceModal as bo } from "../../source/source_modal/SourceModal.js";
-import { SourceListItem as Mo } from "../../source/source_list_item/SourceListItem.js";
-const R = (c) => c?.replace(/ /g, " "), it = ({
-  placeholder: c,
-  initialContent: b,
-  initialRichContent: M,
-  onSubmit: h,
-  sources: u,
-  hideSubmit: y = !1,
-  hideSourceAction: w = !1,
-  onActivation: g,
-  disabled: A = !1,
-  handleChange: S,
-  handleSourcesChange: f,
-  shortBar: L = !1,
-  active: x = !1,
-  maxLength: l,
-  disableRichText: _ = !1,
-  editorRef: B,
-  uid: v,
-  allowedDomains: C = [],
-  hideCharCount: F = !1,
-  disableAutoActivate: O = !1,
-  ...U
+import { AutoSavePlugin as Te } from "./plugins/AutoSavePlugin.js";
+import { FocusPlugin as Ne } from "./plugins/FocusPlugin.js";
+import { MaxLengthPlugin as ve } from "./plugins/MaxLengthPlugin.js";
+import { ResetPlugin as Ee } from "./plugins/ResetPlugin.js";
+import { SetContentPlugin as Ie } from "./plugins/SetContentPlugin.js";
+import { SetRichContentPlugin as Re } from "./plugins/SetRichContentPlugin.js";
+import { ToolbarPlugin as be } from "./plugins/ToolbarPlugin.js";
+import { useModal as Me } from "../../dialog/modal/useModal.js";
+import { SourceModal as ye } from "../../source/source_modal/SourceModal.js";
+import { SourceListItem as we } from "../../source/source_list_item/SourceListItem.js";
+const y = (l) => l?.replace(/ /g, " "), st = ({
+  placeholder: l,
+  initialContent: w,
+  initialRichContent: L,
+  onSubmit: x,
+  sources: p,
+  hideSubmit: _ = !1,
+  hideSourceAction: A = !1,
+  onActivation: n,
+  disabled: B = !1,
+  handleChange: C,
+  handleSourcesChange: h,
+  shortBar: O = !1,
+  active: g = !1,
+  maxLength: m,
+  disableRichText: U = !1,
+  editorRef: j,
+  uid: P,
+  allowedDomains: T = [],
+  hideCharCount: k = !1,
+  disableAutoActivate: z = !1,
+  autoFocus: a = !1,
+  ...H
 }) => {
-  const [n, j] = d(!1), [k, z] = d(""), [H, J] = d(""), [m, a] = d([]), { showModal: Q } = Ro(), P = So(), T = ho();
-  go(() => {
-    u && a(u);
-  }, [u]);
-  const N = () => {
-    n || (j(!0), g && g());
-  }, W = {
-    editable: !A,
-    theme: xo,
+  const [s, 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(() => {
+    p && u(p);
+  }, [p]);
+  const I = () => {
+    s || (J(!0), n && n());
+  }, F = {
+    editable: !B,
+    theme: Pe,
     onError(t) {
       console.error("TextEditor error:", t);
     },
-    nodes: [oo, to, fo, eo]
-  }, $ = () => {
-    N();
-  }, q = (t) => {
+    nodes: [re, ie, he, ne]
+  }, G = () => {
+    I();
+  }, K = (t) => {
     t.read(() => {
-      const e = po().getTextContent(), r = R(e), s = JSON.stringify(t), E = R(s);
-      z(r), J(E), S && S(r, E);
+      const o = ge().getTextContent(), r = y(o), c = JSON.stringify(t), R = y(c);
+      W(r), q(R), C && C(r, R);
     });
-  }, D = (t) => {
-    const e = k, r = H, s = m;
-    h && (t.preventDefault(), h(e, r, s)), a([]), f?.([]);
-  }, G = () => {
-    Q(
-      /* @__PURE__ */ o(
-        bo,
+  }, V = (t) => {
+    const o = Q, r = $, c = d;
+    x && (t.preventDefault(), x(o, r, c)), u([]), h?.([]);
+  }, X = () => {
+    D(
+      /* @__PURE__ */ e(
+        ye,
         {
-          onAddSource: K,
-          allowedSources: C
+          onAddSource: Y,
+          allowedSources: T
         }
       )
     );
-  }, K = (t) => {
-    a((e) => {
-      const r = [...e, t];
-      return f?.(r), r;
+  }, Y = (t) => {
+    u((o) => {
+      const r = [...o, t];
+      return h?.(r), r;
     });
-  }, V = (t) => {
-    a((e) => {
-      const r = e.filter(
-        (s) => s.source_url !== t.source_url
+  }, Z = (t) => {
+    u((o) => {
+      const r = o.filter(
+        (c) => c.source_url !== t.source_url
       );
-      return f?.(r), r;
+      return h?.(r), r;
     });
-  }, X = (t, e) => /* @__PURE__ */ o(
-    Mo,
+  }, ee = (t, o) => /* @__PURE__ */ e(
+    we,
     {
       publisher: t.publisher,
       url: t.source_url,
       title: t.title,
-      index: e,
-      onRemove: () => V(t)
+      index: o,
+      onRemove: () => Z(t)
     },
-    e
-  ), Y = () => /* @__PURE__ */ o("div", { className: i.editorPlaceholder, children: c });
-  return /* @__PURE__ */ p(Z, { children: [
-    /* @__PURE__ */ o(io, { initialConfig: W, children: /* @__PURE__ */ o("div", { className: i.editorContainer, onClick: $, children: /* @__PURE__ */ p(
+    o
+  ), te = () => /* @__PURE__ */ e("div", { className: i.editorPlaceholder, children: l });
+  return /* @__PURE__ */ S(oe, { children: [
+    /* @__PURE__ */ e(ce, { initialConfig: F, children: /* @__PURE__ */ e("div", { className: i.editorContainer, onClick: G, children: /* @__PURE__ */ S(
       "div",
       {
-        className: I(i.editorInner, {
-          [i.editorInnerInactive]: !n && !x
+        className: b(i.editorInner, {
+          [i.editorInnerInactive]: !s && !g
         }),
         children: [
-          /* @__PURE__ */ o(
-            uo,
+          /* @__PURE__ */ e(
+            pe,
             {
-              contentEditable: /* @__PURE__ */ o(
-                no,
+              contentEditable: /* @__PURE__ */ e(
+                le,
                 {
-                  className: I(i.editorInput, {
-                    [i.editorInputInactive]: !n
+                  className: b(i.editorInput, {
+                    [i.editorInputInactive]: !s
                   }),
-                  ...U
+                  ...H
                 }
               ),
-              placeholder: c && /* @__PURE__ */ o(Y, {}),
-              ErrorBoundary: co
+              placeholder: l && /* @__PURE__ */ e(te, {}),
+              ErrorBoundary: ae
             }
           ),
-          /* @__PURE__ */ o(
-            Io,
+          /* @__PURE__ */ e(
+            be,
             {
-              hideSourceAction: w,
-              hideSubmit: y,
-              disableRichText: _,
-              shortBar: L,
-              onSubmit: D,
-              onAddSource: G,
-              isActive: n || x,
-              sourceTooltip: C?.length > 0 && P.formatMessage({
+              hideSourceAction: A,
+              hideSubmit: _,
+              disableRichText: U,
+              shortBar: O,
+              onSubmit: V,
+              onAddSource: X,
+              isActive: s || 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."
               })
             }
           ),
-          n && l && !F && /* @__PURE__ */ p("div", { className: i.charactersCount, children: [
-            /* @__PURE__ */ o(ro, { maxLength: l }),
+          s && m && !k && /* @__PURE__ */ S("div", { className: i.charactersCount, children: [
+            /* @__PURE__ */ e(se, { maxLength: m }),
             " ",
-            P.formatMessage({
+            N.formatMessage({
               id: "input.remaining_chars",
               defaultMessage: "remaining characters"
             })
           ] }),
-          /* @__PURE__ */ o(mo, {}),
-          /* @__PURE__ */ o(lo, {}),
-          /* @__PURE__ */ o(ao, { onChange: q, ignoreSelectionChange: !0 }),
-          /* @__PURE__ */ o(
-            vo,
+          /* @__PURE__ */ e(ue, {}),
+          /* @__PURE__ */ e(de, {}),
+          /* @__PURE__ */ e(fe, { onChange: K, ignoreSelectionChange: !0 }),
+          /* @__PURE__ */ e(
+            Te,
             {
-              onSetContent: O ? () => {
-              } : N,
-              storageUid: v || T
+              onSetContent: z ? () => {
+              } : I,
+              storageUid: P || v
             }
           ),
-          /* @__PURE__ */ o(No, { content: b }),
-          /* @__PURE__ */ o(Eo, { richContent: M }),
-          /* @__PURE__ */ o(Co, {}),
-          l && /* @__PURE__ */ o(Po, { maxLength: l }),
-          /* @__PURE__ */ o(To, { storageUid: v || T }),
-          /* @__PURE__ */ o(so, { editorRef: B })
+          /* @__PURE__ */ e(Ie, { content: w }),
+          /* @__PURE__ */ e(Re, { richContent: L }),
+          /* @__PURE__ */ e(Ne, { autoFocus: a }),
+          m && /* @__PURE__ */ e(ve, { maxLength: m }),
+          /* @__PURE__ */ e(Ee, { storageUid: P || v }),
+          /* @__PURE__ */ e(me, { editorRef: j })
         ]
       }
     ) }) }),
-    m && m.length !== 0 ? /* @__PURE__ */ o("div", { className: i.sourcesBox, children: /* @__PURE__ */ o("div", { className: i.sourceList, children: m.map(X) }) }) : null
+    d && d.length !== 0 ? /* @__PURE__ */ e("div", { className: i.sourcesBox, children: /* @__PURE__ */ e("div", { className: i.sourceList, children: d.map(ee) }) }) : null
   ] });
 };
 export {
-  it as TextEditor
+  st as TextEditor
 };

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

@@ -1,14 +1,18 @@
-import { useLexicalComposerContext as e } from "@lexical/react/LexicalComposerContext";
-import { useEffect as r } from "react";
-import { useInput as n } from "../../input_provider/useInput.js";
-const f = () => {
-  const [o] = e(), { focus: t } = n();
-  return r(() => {
-    t && o.focus(() => {
+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();
     });
+  }, [e, o]), s(() => {
+    t && !r.current && (r.current = !0, o.focus(() => {
+      o.getRootElement().focus();
+    }));
   }, [t, o]), null;
 };
 export {
-  f as FocusPlugin
+  E as FocusPlugin
 };

package/dist/components/proposal/proposal_box/ProposalBox.js

@@ -1,31 +1,32 @@
-import { jsx as t, jsxs as f, Fragment as y } from "react/jsx-runtime";
-import { useState as u, useEffect as I } from "react";
-import g from "classnames";
+import { jsx as t, jsxs as u, Fragment as S } from "react/jsx-runtime";
+import { useState as g, useEffect as I } from "react";
+import p from "classnames";
 import { useIntl as N } from "react-intl";
 import o from "./ProposalBox.module.scss.js";
-import { useConfig as S } from "../../data/config_provider/useConfig.js";
-import { useAuth as B } from "../../auth/use_auth/useAuth.js";
-import { useTranslatedContent as p } from "../../translation/translated_content/useTranslatedContent.js";
-import { lexicalToHtml as H } from "../../input/text_editor/lexicalToHtml.js";
-import { HashScroll as L } from "../../tools/hash_scroll/HashScroll.js";
+import { useConfig as y } from "../../data/config_provider/useConfig.js";
+import { useAuth as L } from "../../auth/use_auth/useAuth.js";
+import { useTranslatedContent as C } from "../../translation/translated_content/useTranslatedContent.js";
+import { lexicalToHtml as B } from "../../input/text_editor/lexicalToHtml.js";
+import { HashScroll as H } from "../../tools/hash_scroll/HashScroll.js";
 import { ContentHeader as U } from "../../user_content/content_header/ContentHeader.js";
 import { ReadMore as D } from "../../text/read_more/ReadMore.js";
 import { TranslationButton as P } from "../../translation/translation_button/TranslationButton.js";
-import { ContentFooter as R } from "../../user_content/content_footer/ContentFooter.js";
-import { UpDownVoteBox as $ } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
-const Y = ({
+import { SourceListItem as R } from "../../source/source_list_item/SourceListItem.js";
+import { ContentFooter as $ } from "../../user_content/content_footer/ContentFooter.js";
+import { UpDownVoteBox as F } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
+const ee = ({
   proposal: e,
-  disabled: i = !1,
-  fixedContentHeight: C,
+  disabled: d = !1,
+  fixedContentHeight: _,
   enableEdition: T = !0,
-  hideFooter: _ = !1
+  hideFooter: v = !1
 }) => {
-  const [d, v] = u(null), [x, M] = u(!1), a = N(), r = S(), { currentUser: l } = B(), c = l?.moderation_status === "banned", m = `proposal_${e.id}`, s = p(
+  const [c, x] = g(null), [M, w] = g(!1), s = N(), n = y(), { currentUser: m } = L(), h = m?.moderation_status === "banned", f = `proposal_${e.id}`, i = C(
     e.title,
     e.language,
     "title",
     e.translation_entries
-  ), n = p(
+  ), a = C(
     e.content,
     e.language,
     "content",
@@ -33,21 +34,21 @@ const Y = ({
   );
   I(() => {
     if (e.rich_content) {
-      const h = JSON.parse(e.rich_content);
-      if (h.hasOwnProperty("root")) {
-        const b = H(h);
-        v(b);
+      const r = JSON.parse(e.rich_content);
+      if (r.hasOwnProperty("root")) {
+        const l = B(r);
+        x(l);
       }
     }
   }, [e.rich_content]);
-  const w = () => {
-    s.toggleContent(), n.toggleContent();
+  const b = () => {
+    i.toggleContent(), a.toggleContent();
   };
-  return /* @__PURE__ */ t(L, { elementId: m, onScroll: () => M(!0), children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ t(H, { elementId: f, onScroll: () => w(!0), children: /* @__PURE__ */ u(
     "div",
     {
-      className: g(o.proposalBoxContainer, { [o.flash]: x }),
-      id: m,
+      className: p(o.proposalBoxContainer, { [o.flash]: M }),
+      id: f,
       children: [
         /* @__PURE__ */ t(
           U,
@@ -61,39 +62,39 @@ const Y = ({
         /* @__PURE__ */ t(
           "div",
           {
-            className: g(o.proposalBoxContent, {
-              [o.fixedHeight]: C
+            className: p(o.proposalBoxContent, {
+              [o.fixedHeight]: _
             }),
             children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
               D,
               {
-                content: /* @__PURE__ */ f(y, { children: [
-                  e.is_edited && /* @__PURE__ */ t("div", { className: o.edited, children: a.formatMessage({
+                content: /* @__PURE__ */ u(S, { children: [
+                  e.is_edited && /* @__PURE__ */ t("div", { className: o.edited, children: s.formatMessage({
                     id: "proposal.updated",
                     defaultMessage: "Updated proposal"
                   }) }),
-                  /* @__PURE__ */ t("div", { className: o.proposalTitle, children: s.translatedContent }),
-                  d && !n.isTranslated ? /* @__PURE__ */ t(
+                  /* @__PURE__ */ t("div", { className: o.proposalTitle, children: i.translatedContent }),
+                  c && !a.isTranslated ? /* @__PURE__ */ t(
                     "div",
                     {
                       className: o.proposalContent,
-                      dangerouslySetInnerHTML: { __html: d }
+                      dangerouslySetInnerHTML: { __html: c }
                     }
-                  ) : /* @__PURE__ */ t("div", { className: o.proposalContent, children: n.translatedContent }),
-                  (n.isTranslated || s.isTranslated) && /* @__PURE__ */ t(
+                  ) : /* @__PURE__ */ t("div", { className: o.proposalContent, children: a.translatedContent }),
+                  (a.isTranslated || i.isTranslated) && /* @__PURE__ */ t(
                     P,
                     {
                       language: e.language,
-                      callback: () => w()
+                      callback: () => b()
                     }
                   )
                 ] }),
                 lineCount: 7,
-                readMoreText: a.formatMessage({
+                readMoreText: s.formatMessage({
                   id: "action.read_more",
                   defaultMessage: "Read more"
                 }),
-                readLessText: a.formatMessage({
+                readLessText: s.formatMessage({
                   id: "action.read_less",
                   defaultMessage: "Read less"
                 })
@@ -101,31 +102,41 @@ const Y = ({
             ) })
           }
         ),
-        !_ && /* @__PURE__ */ t(
+        e.sources?.length > 0 && /* @__PURE__ */ t("div", { className: o.proposalSourcesList, children: e.sources.map((r, l) => /* @__PURE__ */ t(
           R,
+          {
+            publisher: r.publisher,
+            url: r.source_url,
+            title: r.title,
+            index: l
+          },
+          r.id
+        )) }),
+        !v && /* @__PURE__ */ t(
+          $,
           {
             resource: e,
-            disabled: i || c,
+            disabled: d || h,
             reportType: "Proposal",
             deleteType: "proposals",
             deleteListId: "proposalsList",
-            shareModalTitle: a.formatMessage({ id: "share.proposal" }),
+            shareModalTitle: s.formatMessage({ id: "share.proposal" }),
             shareUrl: `https://app.logora.fr/share/p/${e.id}`,
-            shareTitle: a.formatMessage({ id: "share.proposal.title" }),
-            shareText: a.formatMessage({ id: "share.proposal.text" }),
-            shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${r.shortname}&id=${e.id}&resource=proposal" frameborder="0" width="100%" height="335px" scrolling="no"></iframe>`,
-            showShareCode: r?.actions?.hideCodeShare !== !0,
+            shareTitle: s.formatMessage({ id: "share.proposal.title" }),
+            shareText: s.formatMessage({ id: "share.proposal.text" }),
+            shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${n.shortname}&id=${e.id}&resource=proposal" frameborder="0" width="100%" height="335px" scrolling="no"></iframe>`,
+            showShareCode: n?.actions?.hideCodeShare !== !0,
             showActions: !e.author.consultation_id,
             enableEdition: T,
             children: /* @__PURE__ */ t(
-              $,
+              F,
               {
                 voteableType: "Proposal",
                 voteableId: e.id,
                 totalUpvote: e.total_upvotes,
                 totalDownvote: e.total_downvotes,
-                disabled: i || l?.id === e?.author?.id || c,
-                hideDownvotes: r?.actions?.hideDownvotes
+                disabled: d || m?.id === e?.author?.id || h,
+                hideDownvotes: n?.actions?.hideDownvotes
               }
             )
           }
@@ -135,5 +146,5 @@ const Y = ({
   ) });
 };
 export {
-  Y as ProposalBox
+  ee as ProposalBox
 };

package/dist/components/proposal/proposal_box/ProposalBox.module.scss.js

@@ -1,19 +1,21 @@
-import '../../../assets/components/proposal/proposal_box/ProposalBox.module-T4ms_LQ7.css';const o = "_proposalBoxContainer_awwcm_3", t = "_flash_awwcm_17", a = "_edited_awwcm_25", e = "_proposalBoxContent_awwcm_32", n = "_proposalTitle_awwcm_44", s = "_proposalContent_awwcm_52", p = "_fixedHeight_awwcm_56", _ = {
+import '../../../assets/components/proposal/proposal_box/ProposalBox.module-C9BaTFDH.css';const o = "_proposalBoxContainer_5d6lc_3", t = "_flash_5d6lc_17", s = "_edited_5d6lc_25", l = "_proposalBoxContent_5d6lc_32", p = "_proposalTitle_5d6lc_44", e = "_proposalContent_5d6lc_52", n = "_proposalSourcesList_5d6lc_56", _ = "_fixedHeight_5d6lc_68", a = {
   proposalBoxContainer: o,
   flash: t,
-  edited: a,
-  proposalBoxContent: e,
-  proposalTitle: n,
-  proposalContent: s,
-  fixedHeight: p
+  edited: s,
+  proposalBoxContent: l,
+  proposalTitle: p,
+  proposalContent: e,
+  proposalSourcesList: n,
+  fixedHeight: _
 };
 export {
-  _ as default,
-  a as edited,
-  p as fixedHeight,
+  a as default,
+  s as edited,
+  _ as fixedHeight,
   t as flash,
   o as proposalBoxContainer,
-  e as proposalBoxContent,
-  s as proposalContent,
-  n as proposalTitle
+  l as proposalBoxContent,
+  e as proposalContent,
+  n as proposalSourcesList,
+  p as proposalTitle
 };

package/dist/components/source/context_source_box/ContextSourceBox.js

@@ -2,13 +2,13 @@ import { jsxs as a, Fragment as n, jsx as s } from "react/jsx-runtime";
 import "react";
 import { useIntl as l, FormattedDate as m } from "react-intl";
 import e from "./ContextSourceBox.module.scss.js";
-const g = ({ title: t, imageUrl: c, date: i, author: r }) => {
+const x = ({ title: r, imageUrl: c, date: i, author: t }) => {
   const o = l();
   return /* @__PURE__ */ a("div", { className: e.container, children: [
     /* @__PURE__ */ a("div", { className: e.content, children: [
       /* @__PURE__ */ a("div", { className: e.infos, children: [
-        r && /* @__PURE__ */ a(n, { children: [
-          /* @__PURE__ */ s("span", { className: e.sourceAuthor, children: r }),
+        t && /* @__PURE__ */ a(n, { children: [
+          /* @__PURE__ */ s("span", { className: e.sourceAuthor, children: t }),
           /* @__PURE__ */ s("span", { className: e.separator, children: "·" })
         ] }),
         /* @__PURE__ */ s("span", { className: e.sourcePublishedDate, children: /* @__PURE__ */ s(
@@ -21,21 +21,21 @@ const g = ({ title: t, imageUrl: c, date: i, author: r }) => {
           }
         ) })
       ] }),
-      /* @__PURE__ */ s("div", { className: e.sourceTitle, children: t })
+      /* @__PURE__ */ s("div", { className: e.sourceTitle, children: r })
     ] }),
     /* @__PURE__ */ s(
       "img",
       {
         src: c,
         alt: o.formatMessage({
-          id: "source.context_source_box.alt",
-          defaultMessage: "Debate source image"
+          id: "source.context_source_box.alt"
         }),
+        "data-testid": "context-source-image",
         className: e.image
       }
     )
   ] });
 };
 export {
-  g as ContextSourceBox
+  x as ContextSourceBox
 };

package/dist/components/source/context_source_list/ContextSourceList.js

@@ -1,14 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "classnames";
 import "react";
-import { useIntl as c } from "react-intl";
 import e from "./ContextSourceList.module.scss.js";
 import { useResponsive as p } from "../../hooks/use_responsive/useResponsive.js";
-import { SectionBox as u } from "../../section/section_box/SectionBox.js";
+import { SectionBox as c } from "../../section/section_box/SectionBox.js";
 import { Link as d } from "../../action/link/Link.js";
-import { ContextSourceBox as f } from "../context_source_box/ContextSourceBox.js";
-const M = ({ sources: i = [] }) => {
-  const r = c(), { isMobile: s, isTablet: l, isDesktop: n } = p(), a = (t) => /* @__PURE__ */ o(
+import { ContextSourceBox as u } from "../context_source_box/ContextSourceBox.js";
+const C = ({ sources: i = [], title: r = "" }) => {
+  const { isMobile: l, isTablet: s, isDesktop: n } = p(), a = (t) => /* @__PURE__ */ o(
     d,
     {
       className: e.listItem,
@@ -16,7 +15,7 @@ const M = ({ sources: i = [] }) => {
       target: "_blank",
       external: !0,
       children: /* @__PURE__ */ o(
-        f,
+        u,
         {
           imageUrl: t.origin_image_url,
           author: t.publisher,
@@ -28,22 +27,19 @@ const M = ({ sources: i = [] }) => {
     t.id
   );
   return /* @__PURE__ */ o(
-    u,
+    c,
     {
       className: e.sectionBox,
       isCollapsible: !0,
       isCollapsedByDefault: !1,
-      title: r.formatMessage({
-        id: "source.context_source_list.title",
-        defaultMessage: "Debate context"
-      }),
+      title: r,
       children: /* @__PURE__ */ o(
         "div",
         {
           className: m(e.content, {
             [e.contentDesktop]: n,
-            [e.contentTablet]: l,
-            [e.contentMobile]: s
+            [e.contentTablet]: s,
+            [e.contentMobile]: l
           }),
           children: i.map(a)
         }
@@ -52,5 +48,5 @@ const M = ({ sources: i = [] }) => {
   );
 };
 export {
-  M as ContextSourceList
+  C as ContextSourceList
 };

package/package.json

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

package/dist/assets/components/proposal/proposal_box/ProposalBox.module-T4ms_LQ7.css

@@ -1 +0,0 @@
-._proposalBoxContainer_awwcm_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative;box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));color:var(--text-primary, #222222);border-radius:var(--box-border-radius, 6px);background-color:var(--background-color-primary, white);scroll-margin-top:150px;padding:var(--box-spacing, var(--space-unit, 1em));gap:var(--box-spacing, var(--space-unit, 1em))}._proposalBoxContainer_awwcm_3._flash_awwcm_17{-webkit-transition:box-shadow .8s ease-in-out;-moz-transition:box-shadow .8s ease-in-out;-o-transition:box-shadow .8s ease-in-out;transition:box-shadow .8s ease-in-out;box-shadow:0 0 15px var(--call-primary-color, #434343)}._edited_awwcm_25{font-size:var(--font-size-extra-small, 14px);color:var(--text-secondary, #5F5F5F);line-height:var(--line-height-loose, 1.38em);margin-bottom:var(--spacer-xs, calc(var(--space-unit, 1em) * .325))!important}._proposalBoxContent_awwcm_32{text-align:left;white-space:pre-line;line-height:var(--line-height-loose, 1.38em);font-size:var(--font-size-small, 16px)}@container (min-width: 768px){._proposalBoxContent_awwcm_32{min-height:185px}}._proposalBoxContent_awwcm_32 ._proposalTitle_awwcm_44{font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700);padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._proposalBoxContent_awwcm_32 ._proposalTitle_awwcm_44:first-letter{text-transform:uppercase}._proposalBoxContent_awwcm_32 ._proposalContent_awwcm_52 *{font-size:var(--font-size-small, 16px)}._fixedHeight_awwcm_56{height:200px;overflow:hidden;position:relative}._fixedHeight_awwcm_56:after{content:"";position:absolute;z-index:1;bottom:0;left:0;right:0;pointer-events:none;background-image:linear-gradient(to bottom,#fff0,#fff 90%);width:100%;height:5em}