@logora/debate 0.3.90 → 0.3.92

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

@@ -1,30 +1,91 @@
-import { jsx as m } from "react/jsx-runtime";
-import l, { useId as p, useRef as y } from "react";
-import b from "./Tabs.module.scss.js";
-const $ = ({ value: f, onChange: s, children: n, label: u }) => {
-  const a = p(), c = y([]), o = l.Children.count(n), i = (r, t) => {
-    let e;
-    if (r.key === "ArrowRight") e = (t + 1) % o;
-    else if (r.key === "ArrowLeft") e = (t - 1 + o) % o;
-    else if (r.key === "Home") e = 0;
-    else if (r.key === "End") e = o - 1;
+import { jsxs as A, jsx as s } from "react/jsx-runtime";
+import h, { useId as C, useRef as v, useState as y, useCallback as T, useEffect as N } from "react";
+import n from "./Tabs.module.scss.js";
+import { Icon as I } from "../../icons/icon/Icon.js";
+const O = ({ value: d, onChange: c, children: u, label: $ }) => {
+  const m = C(), w = v([]), a = v(null), i = h.Children.count(u), [p, R] = y(!1), [g, S] = y(!1), o = T(() => {
+    const e = a.current;
+    e && (R(e.scrollLeft > 1), S(e.scrollLeft + e.clientWidth < e.scrollWidth - 1));
+  }, []);
+  N(() => {
+    o();
+    const e = a.current;
+    if (!e) return;
+    const t = new ResizeObserver(o);
+    return t.observe(e), () => t.disconnect();
+  }, [u, o]);
+  const k = (e, t) => {
+    t.stopPropagation();
+    const r = a.current;
+    if (!r) return;
+    const b = Array.from(r.children), f = d;
+    if (e === "left") {
+      if (f <= 0) return;
+      const l = f - 1;
+      b[l]?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" }), c(t, l);
+    } else {
+      if (f >= b.length - 1) return;
+      const l = f + 1;
+      b[l]?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" }), c(t, l);
+    }
+    setTimeout(o, 300);
+  }, L = (e, t) => {
+    let r;
+    if (e.key === "ArrowRight") r = (t + 1) % i;
+    else if (e.key === "ArrowLeft") r = (t - 1 + i) % i;
+    else if (e.key === "Home") r = 0;
+    else if (e.key === "End") r = i - 1;
     else return;
-    r.preventDefault(), s(r, e), c.current[e]?.focus();
+    e.preventDefault(), c(e, r), w.current[r]?.focus();
   };
-  return /* @__PURE__ */ m("ul", { role: "tablist", "aria-label": u, className: b.navTabs, children: l.Children.map(
-    n,
-    (r, t) => l.cloneElement(r, {
-      active: f === t,
-      id: `${a}-tab-${t}`,
-      panelId: `${a}-panel-${t}`,
-      onClick: (e) => s(e, t),
-      onKeyDown: (e) => i(e, t),
-      ref: (e) => {
-        c.current[t] = e;
+  return /* @__PURE__ */ A("div", { className: n.tabsWrapper, children: [
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        className: `${n.arrow} ${n.arrowLeft} ${p ? "" : n.arrowHidden}`,
+        onClick: (e) => k("left", e),
+        "aria-label": "Onglet précédent",
+        tabIndex: p ? 0 : -1,
+        children: /* @__PURE__ */ s(I, { name: "lightArrow", height: 24, width: 24 })
       }
-    })
-  ) });
+    ),
+    /* @__PURE__ */ s(
+      "ul",
+      {
+        ref: a,
+        role: "tablist",
+        "aria-label": $,
+        className: n.navTabs,
+        onScroll: o,
+        children: h.Children.map(
+          u,
+          (e, t) => h.cloneElement(e, {
+            active: d === t,
+            id: `${m}-tab-${t}`,
+            panelId: `${m}-panel-${t}`,
+            onClick: (r) => c(r, t),
+            onKeyDown: (r) => L(r, t),
+            ref: (r) => {
+              w.current[t] = r;
+            }
+          })
+        )
+      }
+    ),
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        className: `${n.arrow} ${n.arrowRight} ${g ? "" : n.arrowHidden}`,
+        onClick: (e) => k("right", e),
+        "aria-label": "Onglet suivant",
+        tabIndex: g ? 0 : -1,
+        children: /* @__PURE__ */ s(I, { name: "lightArrow", height: 24, width: 24 })
+      }
+    )
+  ] });
 };
 export {
-  $ as Tabs
+  O as Tabs
 };

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

@@ -1,13 +1,23 @@
-import '../../../assets/components/navigation/tabs/Tabs.module-CtDi0tAd.css';const a = "_navTabs_1q9zp_3", n = "_navItem_1q9zp_28", t = "_navLink_1q9zp_32", v = "_active_1q9zp_62", _ = {
-  navTabs: a,
-  navItem: n,
-  navLink: t,
-  active: v
+import '../../../assets/components/navigation/tabs/Tabs.module-CFizOU1d.css';const a = "_tabsWrapper_s0wnb_3", n = "_navTabs_s0wnb_11", r = "_arrow_s0wnb_38", s = "_arrowLeft_s0wnb_62", t = "_arrowRight_s0wnb_71", _ = "_arrowHidden_s0wnb_80", o = "_navItem_s0wnb_85", w = "_navLink_s0wnb_89", e = "_active_s0wnb_119", b = {
+  tabsWrapper: a,
+  navTabs: n,
+  arrow: r,
+  arrowLeft: s,
+  arrowRight: t,
+  arrowHidden: _,
+  navItem: o,
+  navLink: w,
+  active: e
 };
 export {
-  v as active,
-  _ as default,
-  n as navItem,
-  t as navLink,
-  a as navTabs
+  e as active,
+  r as arrow,
+  _ as arrowHidden,
+  s as arrowLeft,
+  t as arrowRight,
+  b as default,
+  o as navItem,
+  w as navLink,
+  n as navTabs,
+  a as tabsWrapper
 };

package/dist/components/notification/notification_menu/NotificationMenu.js

@@ -1,19 +1,20 @@
-import { jsxs as a, Fragment as l, jsx as t } from "react/jsx-runtime";
-import { useState as d } from "react";
+import { jsxs as a, Fragment as c, jsx as t } from "react/jsx-runtime";
+import { useState as l } from "react";
 import { useIntl as m } from "react-intl";
-import i from "./NotificationMenu.module.scss.js";
+import e from "./NotificationMenu.module.scss.js";
 import { useDataProvider as f } from "../../data/data_provider/useDataProvider.js";
-import { PaginatedList as u } from "../../list/paginated_list/PaginatedList.js";
-import { NotificationItem as p } from "../notification_item/NotificationItem.js";
-import { UserContentSkeleton as h } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
-const C = ({ notificationDefinitions: o = {} }) => {
-  const e = m(), n = f(), [r, s] = d(!1), c = () => {
-    s(!0), n.create("notifications/read/all", {}).then(() => {
+import { StandardErrorBoundary as u } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
+import { PaginatedList as p } from "../../list/paginated_list/PaginatedList.js";
+import { NotificationItem as h } from "../notification_item/NotificationItem.js";
+import { UserContentSkeleton as g } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
+const P = ({ notificationDefinitions: o = {} }) => {
+  const i = m(), r = f(), [n, s] = l(!1), d = () => {
+    s(!0), r.create("notifications/read/all", {}).then(() => {
     });
   };
-  return /* @__PURE__ */ a(l, { children: [
-    /* @__PURE__ */ a("div", { className: i.notificationMenuHeader, children: [
-      /* @__PURE__ */ t("div", { className: i.notificationMenuHeaderText, children: e.formatMessage({
+  return /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ a("div", { className: e.notificationMenuHeader, children: [
+      /* @__PURE__ */ t("div", { className: e.notificationMenuHeaderText, children: i.formatMessage({
         id: "header.notifications",
         defaultMessage: "Alerts"
       }) }),
@@ -22,21 +23,21 @@ const C = ({ notificationDefinitions: o = {} }) => {
         {
           id: "read_all_notifications",
           "data-tid": "action_read_all_notifications",
-          className: i.readNotificationsButton,
+          className: e.readNotificationsButton,
           tabIndex: "0",
-          onClick: c,
-          children: e.formatMessage({
+          onClick: d,
+          children: i.formatMessage({
             id: "notifications.read_all",
             defaultMessage: "Mark all as read"
           })
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: i.notificationList, children: /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ t("div", { className: e.notificationList, children: /* @__PURE__ */ t(u, { hideMessage: !0, children: /* @__PURE__ */ t(
+      p,
       {
         currentListId: "notificationList",
-        loadingComponent: /* @__PURE__ */ t(h, { numberLines: 0 }),
+        loadingComponent: /* @__PURE__ */ t(g, { numberLines: 0 }),
         resourcePropName: "notification",
         resource: "notifications",
         sort: "-created_at",
@@ -45,16 +46,16 @@ const C = ({ notificationDefinitions: o = {} }) => {
         display: "column",
         gap: "0px",
         children: /* @__PURE__ */ t(
-          p,
+          h,
           {
             notificationDefinitions: o,
-            isRead: r
+            isRead: n
           }
         )
       }
-    ) })
+    ) }) })
   ] });
 };
 export {
-  C as NotificationMenu
+  P as NotificationMenu
 };

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

@@ -1,57 +1,58 @@
-import { jsx as t, jsxs as f, Fragment as y } from "react/jsx-runtime";
-import u from "classnames";
-import { useState as g, useEffect as I } from "react";
-import { useIntl as N } from "react-intl";
+import { jsx as t, jsxs as g, Fragment as I } from "react/jsx-runtime";
+import { useState as p, useEffect as N } from "react";
+import C from "classnames";
+import { useIntl as y } from "react-intl";
 import o from "./ProposalBox.module.scss.js";
-import { useConfig as S } from "../../data/config_provider/useConfig.js";
+import { useConfig as L } 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 { useTranslatedContent as _ } 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 { 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 Z = ({
+import { HashScroll as U } from "../../tools/hash_scroll/HashScroll.js";
+import { ContentHeader as D } from "../../user_content/content_header/ContentHeader.js";
+import { ReadMore as P } from "../../text/read_more/ReadMore.js";
+import { TranslationButton as R } from "../../translation/translation_button/TranslationButton.js";
+import { SourceListItem as $ } from "../../source/source_list_item/SourceListItem.js";
+import { ContentFooter as F } from "../../user_content/content_footer/ContentFooter.js";
+import { UpDownVoteBox as j } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
+const te = ({
   proposal: e,
-  disabled: i = !1,
-  fixedContentHeight: C,
-  contentMaxHeight: F = 156,
-  enableEdition: T = !0,
-  hideFooter: _ = !1
+  disabled: d = !1,
+  fixedContentHeight: c,
+  fitContent: T = !1,
+  enableEdition: v = !0,
+  hideFooter: x = !1
 }) => {
-  const [d, x] = g(null), [v, M] = g(!1), a = N(), r = S(), { currentUser: l } = B(), c = l?.moderation_status === "banned", m = `proposal_${e.id}`, s = p(
+  const [m, M] = p(null), [w, b] = p(!1), r = y(), n = L(), { currentUser: h } = B(), f = h?.moderation_status === "banned", u = `proposal_${e.id}`, i = _(
     e.title,
     e.language,
     "title",
     e.translation_entries
-  ), n = p(
+  ), a = _(
     e.content,
     e.language,
     "content",
     e.translation_entries
   );
-  I(() => {
+  N(() => {
     if (e.rich_content) {
-      const h = JSON.parse(e.rich_content);
-      if (h.hasOwnProperty("root")) {
-        const b = H(h);
-        x(b);
+      const s = JSON.parse(e.rich_content);
+      if (s.hasOwnProperty("root")) {
+        const l = H(s);
+        M(l);
       }
     }
   }, [e.rich_content]);
-  const w = () => {
-    s.toggleContent(), n.toggleContent();
+  const S = () => {
+    i.toggleContent(), a.toggleContent();
   };
-  return /* @__PURE__ */ t(L, { elementId: m, onScroll: () => M(!0), children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ t(U, { elementId: u, onScroll: () => b(!0), children: /* @__PURE__ */ g(
     "div",
     {
-      className: u(o.proposalBoxContainer, { [o.flash]: v }),
-      id: m,
+      className: C(o.proposalBoxContainer, { [o.flash]: w }),
+      id: u,
       children: [
         /* @__PURE__ */ t(
-          U,
+          D,
           {
             author: e.author,
             tag: e.tag?.display_name,
@@ -62,39 +63,40 @@ const Z = ({
         /* @__PURE__ */ t(
           "div",
           {
-            className: u(o.proposalBoxContent, {
-              [o.fixedHeight]: C
+            className: C(o.proposalBoxContent, {
+              [o.fixedHeight]: c,
+              [o.withMinHeight]: !T && !c
             }),
             children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-              D,
+              P,
               {
-                content: /* @__PURE__ */ f(y, { children: [
-                  e.is_edited && /* @__PURE__ */ t("div", { className: o.edited, children: a.formatMessage({
+                content: /* @__PURE__ */ g(I, { children: [
+                  e.is_edited && /* @__PURE__ */ t("div", { className: o.edited, children: r.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 }),
+                  m && !a.isTranslated ? /* @__PURE__ */ t(
                     "div",
                     {
                       className: o.proposalContent,
-                      dangerouslySetInnerHTML: { __html: d }
+                      dangerouslySetInnerHTML: { __html: m }
                     }
-                  ) : /* @__PURE__ */ t("div", { className: o.proposalContent, children: n.translatedContent }),
-                  (n.isTranslated || s.isTranslated) && /* @__PURE__ */ t(
-                    P,
+                  ) : /* @__PURE__ */ t("div", { className: o.proposalContent, children: a.translatedContent }),
+                  (a.isTranslated || i.isTranslated) && /* @__PURE__ */ t(
+                    R,
                     {
                       language: e.language,
-                      callback: () => w()
+                      callback: () => S()
                     }
                   )
                 ] }),
                 lineCount: 7,
-                readMoreText: a.formatMessage({
+                readMoreText: r.formatMessage({
                   id: "action.read_more",
                   defaultMessage: "Read more"
                 }),
-                readLessText: a.formatMessage({
+                readLessText: r.formatMessage({
                   id: "action.read_less",
                   defaultMessage: "Read less"
                 })
@@ -102,32 +104,41 @@ const Z = ({
             ) })
           }
         ),
-        !_ && /* @__PURE__ */ t(
-          R,
+        e.sources?.length > 0 && /* @__PURE__ */ t("div", { className: o.proposalSourcesList, children: e.sources.map((s, l) => /* @__PURE__ */ t(
+          $,
+          {
+            publisher: s.publisher,
+            url: s.source_url,
+            title: s.title,
+            index: l
+          },
+          s.id
+        )) }),
+        !x && /* @__PURE__ */ t(
+          F,
           {
             resource: e,
-            disabled: i || c,
+            disabled: d || f,
             reportType: "Proposal",
             deleteType: "proposals",
             deleteListId: "proposalsList",
-            shareModal: !0,
-            shareModalTitle: a.formatMessage({ id: "share.proposal" }),
+            shareModalTitle: r.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: r.formatMessage({ id: "share.proposal.title" }),
+            shareText: r.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,
+            enableEdition: v,
             children: /* @__PURE__ */ t(
-              $,
+              j,
               {
                 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 || h?.id === e?.author?.id || f,
+                hideDownvotes: n?.actions?.hideDownvotes
               }
             )
           }
@@ -137,5 +148,5 @@ const Z = ({
   ) });
 };
 export {
-  Z as ProposalBox
+  te as ProposalBox
 };

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

@@ -1,19 +1,23 @@
-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-Dm8XDnr1.css';const o = "_proposalBoxContainer_5x1d0_3", t = "_flash_5x1d0_17", s = "_edited_5x1d0_25", e = "_proposalBoxContent_5x1d0_32", n = "_withMinHeight_5x1d0_40", p = "_proposalTitle_5x1d0_44", i = "_proposalContent_5x1d0_52", _ = "_proposalSourcesList_5x1d0_56", a = "_fixedHeight_5x1d0_68", l = {
   proposalBoxContainer: o,
   flash: t,
-  edited: a,
+  edited: s,
   proposalBoxContent: e,
-  proposalTitle: n,
-  proposalContent: s,
-  fixedHeight: p
+  withMinHeight: n,
+  proposalTitle: p,
+  proposalContent: i,
+  proposalSourcesList: _,
+  fixedHeight: a
 };
 export {
-  _ as default,
-  a as edited,
-  p as fixedHeight,
+  l as default,
+  s as edited,
+  a as fixedHeight,
   t as flash,
   o as proposalBoxContainer,
   e as proposalBoxContent,
-  s as proposalContent,
-  n as proposalTitle
+  i as proposalContent,
+  _ as proposalSourcesList,
+  p as proposalTitle,
+  n as withMinHeight
 };

package/dist/components/section/section_box/SectionBox.js

@@ -6,20 +6,20 @@ import { useResponsive as N } from "../../hooks/use_responsive/useResponsive.js"
 import { Icon as g } from "../../icons/icon/Icon.js";
 const I = ({
   isCollapsible: t = !1,
-  isCollapsedByDefault: a = !1,
-  title: m,
+  isCollapsedByDefault: n = !1,
+  title: a,
   subtitle: r = "",
-  className: n,
-  titleClassName: d,
-  children: l
+  className: m,
+  titleClassName: l,
+  children: d
 }) => {
-  const [c, h] = x(a), { isMobile: f } = N(), p = () => {
+  const [c, h] = x(n), { isMobile: f } = N(), p = () => {
     t && h((v) => !v);
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: o(e.sectionBoxContainer, {
+      className: o(e.sectionBoxContainer, m, {
         [e.isMobile]: f
       }),
       children: [
@@ -30,8 +30,8 @@ const I = ({
             onClick: t ? p : null,
             children: [
               /* @__PURE__ */ s("div", { className: e.titleContainer, children: [
-                /* @__PURE__ */ i("div", { className: o(d, e.title), children: m }),
-                r && /* @__PURE__ */ i("div", { className: o(n, e.subtitle), children: r })
+                /* @__PURE__ */ i("div", { className: o(l, e.title), children: a }),
+                r && /* @__PURE__ */ i("div", { className: o(e.subtitle), children: r })
               ] }),
               t && /* @__PURE__ */ i(
                 g,
@@ -47,7 +47,7 @@ const I = ({
             ]
           }
         ),
-        (!c || !t) && /* @__PURE__ */ i("div", { className: o(e.body, n), children: l })
+        (!c || !t) && /* @__PURE__ */ i("div", { className: o(e.body), children: d })
       ]
     }
   );

package/dist/components/section/section_box/SectionBox.module.scss.js

@@ -1,25 +1,25 @@
-import '../../../assets/components/section/section_box/SectionBox.module-DUeUtdWr.css';const t = "_sectionBoxContainer_m9zal_3", o = "_isMobile_m9zal_15", e = "_header_m9zal_19", i = "_collapsible_m9zal_26", l = "_iconLightArrow_m9zal_30", n = "_iconRotated_m9zal_34", _ = "_titleContainer_m9zal_38", a = "_title_m9zal_38", s = "_subtitle_m9zal_52", c = "_body_m9zal_57", r = {
+import '../../../assets/components/section/section_box/SectionBox.module-qQs4B6bf.css';const t = "_sectionBoxContainer_tcujo_3", o = "_isMobile_tcujo_15", e = "_header_tcujo_19", i = "_collapsible_tcujo_26", c = "_iconLightArrow_tcujo_30", n = "_iconRotated_tcujo_36", _ = "_titleContainer_tcujo_40", s = "_title_tcujo_40", l = "_subtitle_tcujo_54", a = "_body_tcujo_59", r = {
   sectionBoxContainer: t,
   isMobile: o,
   header: e,
   collapsible: i,
-  iconLightArrow: l,
+  iconLightArrow: c,
   iconRotated: n,
   titleContainer: _,
-  title: a,
-  subtitle: s,
-  body: c
+  title: s,
+  subtitle: l,
+  body: a
 };
 export {
-  c as body,
+  a as body,
   i as collapsible,
   r as default,
   e as header,
-  l as iconLightArrow,
+  c as iconLightArrow,
   n as iconRotated,
   o as isMobile,
   t as sectionBoxContainer,
-  s as subtitle,
-  a as title,
+  l as subtitle,
+  s as title,
   _ as titleContainer
 };

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
 };