@logora/debate 0.3.89 → 0.3.91

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

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 p } from "react-intl";
 import e from "./ContextSourceList.module.scss.js";
-import { useResponsive as c } from "../../hooks/use_responsive/useResponsive.js";
-import { SectionBox as u } from "../../section/section_box/SectionBox.js";
+import { useResponsive as p } from "../../hooks/use_responsive/useResponsive.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 S = ({ sources: i = [] }) => {
-  const r = p(), { isMobile: l, isTablet: s, isDesktop: n } = c(), 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 S = ({ sources: i = [] }) => {
       target: "_blank",
       external: !0,
       children: /* @__PURE__ */ o(
-        f,
+        u,
         {
           imageUrl: t.origin_image_url,
           author: t.publisher,
@@ -28,14 +27,12 @@ const S = ({ 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",
         {
@@ -51,5 +48,5 @@ const S = ({ sources: i = [] }) => {
   );
 };
 export {
-  S as ContextSourceList
+  C as ContextSourceList
 };

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

@@ -1,15 +1,17 @@
-import '../../../assets/components/source/context_source_list/ContextSourceList.module-D6X_0dB7.css';const t = "_content_19ocx_10", n = "_contentMobile_19ocx_14", o = "_contentTablet_19ocx_17", e = "_contentDesktop_19ocx_20", c = "_listItem_19ocx_24", s = {
-  content: t,
-  contentMobile: n,
-  contentTablet: o,
-  contentDesktop: e,
-  listItem: c
+import '../../../assets/components/source/context_source_list/ContextSourceList.module-DUPbI-wb.css';const t = "_sectionBox_15pa0_3", n = "_content_15pa0_14", o = "_contentMobile_15pa0_18", e = "_contentTablet_15pa0_21", c = "_contentDesktop_15pa0_24", s = "_listItem_15pa0_28", _ = {
+  sectionBox: t,
+  content: n,
+  contentMobile: o,
+  contentTablet: e,
+  contentDesktop: c,
+  listItem: s
 };
 export {
-  t as content,
-  e as contentDesktop,
-  n as contentMobile,
-  o as contentTablet,
-  s as default,
-  c as listItem
+  n as content,
+  c as contentDesktop,
+  o as contentMobile,
+  e as contentTablet,
+  _ as default,
+  s as listItem,
+  t as sectionBox
 };

package/dist/components/source/source_list_item/SourceListItem.js

@@ -1,34 +1,48 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import "react";
 import t from "./SourceListItem.module.scss.js";
 import { Link as m } from "../../action/link/Link.js";
-import { Icon as l } from "../../icons/icon/Icon.js";
-const h = ({ index: o = 0, url: i, title: n, publisher: r }) => /* @__PURE__ */ e(
-  m,
-  {
-    className: t.sourceListItem,
-    to: i,
-    external: !0,
-    target: "_blank",
-    rel: "nofollow noreferrer noopener",
-    "data-tid": "link_view_source",
-    children: [
-      /* @__PURE__ */ s(l, { name: "link", width: 16, height: 16 }),
-      /* @__PURE__ */ e("div", { className: t.sourceListItemLink, children: [
-        /* @__PURE__ */ e("span", { children: [
-          "[ ",
-          o + 1,
-          " ]"
-        ] }),
-        /* @__PURE__ */ e("span", { children: [
-          r && `${r} – `,
-          " ",
-          n
+import { Icon as s } from "../../icons/icon/Icon.js";
+const k = ({ index: a = 0, url: l, title: c, publisher: o, onRemove: i }) => /* @__PURE__ */ e("div", { className: t.sourceListItemContainer, children: [
+  /* @__PURE__ */ e(
+    m,
+    {
+      className: t.sourceListItem,
+      to: l,
+      external: !0,
+      target: "_blank",
+      rel: "nofollow noreferrer noopener",
+      "data-tid": "link_view_source",
+      children: [
+        /* @__PURE__ */ r(s, { name: "link", width: 16, height: 16 }),
+        /* @__PURE__ */ e("div", { className: t.sourceListItemLink, children: [
+          /* @__PURE__ */ e("span", { children: [
+            "[ ",
+            a + 1,
+            " ] "
+          ] }),
+          /* @__PURE__ */ e("span", { children: [
+            o && `${o} – `,
+            " ",
+            c
+          ] })
         ] })
-      ] })
-    ]
-  }
-);
+      ]
+    }
+  ),
+  i && /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      className: t.removeSourceButton,
+      onClick: (n) => {
+        n.preventDefault(), n.stopPropagation(), i();
+      },
+      "aria-label": "Remove source",
+      children: /* @__PURE__ */ r(s, { name: "close", width: 10, height: 10 })
+    }
+  )
+] });
 export {
-  h as SourceListItem
+  k as SourceListItem
 };

package/dist/components/source/source_list_item/SourceListItem.module.scss.js

@@ -1,9 +1,11 @@
-import '../../../assets/components/source/source_list_item/SourceListItem.module-mTxHhXPV.css';const s = "_sourceListItem_1498g_3", t = "_sourceListItemLink_1498g_26", e = {
-  sourceListItem: s,
-  sourceListItemLink: t
+import '../../../assets/components/source/source_list_item/SourceListItem.module-fm_uHuY4.css';const t = "_sourceListItemContainer_as5dp_3", e = "_sourceListItem_as5dp_3", o = "_removeSourceButton_as5dp_33", s = {
+  sourceListItemContainer: t,
+  sourceListItem: e,
+  removeSourceButton: o
 };
 export {
-  e as default,
-  s as sourceListItem,
-  t as sourceListItemLink
+  s as default,
+  o as removeSourceButton,
+  e as sourceListItem,
+  t as sourceListItemContainer
 };