@logora/debate 0.3.87 → 0.3.89

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 x = ({ title: r, imageUrl: c, date: i, author: t }) => {
+const g = ({ title: t, imageUrl: c, date: i, author: r }) => {
   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: [
-        t && /* @__PURE__ */ a(n, { children: [
-          /* @__PURE__ */ s("span", { className: e.sourceAuthor, children: t }),
+        r && /* @__PURE__ */ a(n, { children: [
+          /* @__PURE__ */ s("span", { className: e.sourceAuthor, children: r }),
           /* @__PURE__ */ s("span", { className: e.separator, children: "·" })
         ] }),
         /* @__PURE__ */ s("span", { className: e.sourcePublishedDate, children: /* @__PURE__ */ s(
@@ -21,21 +21,21 @@ const x = ({ title: r, imageUrl: c, date: i, author: t }) => {
           }
         ) })
       ] }),
-      /* @__PURE__ */ s("div", { className: e.sourceTitle, children: r })
+      /* @__PURE__ */ s("div", { className: e.sourceTitle, children: t })
     ] }),
     /* @__PURE__ */ s(
       "img",
       {
         src: c,
         alt: o.formatMessage({
-          id: "source.context_source_box.alt"
+          id: "source.context_source_box.alt",
+          defaultMessage: "Debate source image"
         }),
-        "data-testid": "context-source-image",
         className: e.image
       }
     )
   ] });
 };
 export {
-  x as ContextSourceBox
+  g as ContextSourceBox
 };

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

@@ -1,13 +1,14 @@
 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 p } from "../../hooks/use_responsive/useResponsive.js";
-import { SectionBox as c } from "../../section/section_box/SectionBox.js";
+import { useResponsive as c } from "../../hooks/use_responsive/useResponsive.js";
+import { SectionBox as u } from "../../section/section_box/SectionBox.js";
 import { Link as d } from "../../action/link/Link.js";
-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(
+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(
     d,
     {
       className: e.listItem,
@@ -15,7 +16,7 @@ const C = ({ sources: i = [], title: r = "" }) => {
       target: "_blank",
       external: !0,
       children: /* @__PURE__ */ o(
-        u,
+        f,
         {
           imageUrl: t.origin_image_url,
           author: t.publisher,
@@ -27,12 +28,14 @@ const C = ({ sources: i = [], title: r = "" }) => {
     t.id
   );
   return /* @__PURE__ */ o(
-    c,
+    u,
     {
-      className: e.sectionBox,
       isCollapsible: !0,
       isCollapsedByDefault: !1,
-      title: r,
+      title: r.formatMessage({
+        id: "source.context_source_list.title",
+        defaultMessage: "Debate context"
+      }),
       children: /* @__PURE__ */ o(
         "div",
         {
@@ -48,5 +51,5 @@ const C = ({ sources: i = [], title: r = "" }) => {
   );
 };
 export {
-  C as ContextSourceList
+  S as ContextSourceList
 };

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

@@ -1,17 +1,15 @@
-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
+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
 };
 export {
-  n as content,
-  c as contentDesktop,
-  o as contentMobile,
-  e as contentTablet,
-  _ as default,
-  s as listItem,
-  t as sectionBox
+  t as content,
+  e as contentDesktop,
+  n as contentMobile,
+  o as contentTablet,
+  s as default,
+  c as listItem
 };

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

@@ -1,48 +1,34 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as e, jsx as s } 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 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
-          ] })
+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
         ] })
-      ]
-    }
-  ),
-  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 {
-  k as SourceListItem
+  h as SourceListItem
 };

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

@@ -1,11 +1,9 @@
-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
+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
 };
 export {
-  s as default,
-  o as removeSourceButton,
-  e as sourceListItem,
-  t as sourceListItemContainer
+  e as default,
+  s as sourceListItem,
+  t as sourceListItemLink
 };

package/dist/components/source/source_modal/SourceModal.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as a, Fragment as v } from "react/jsx-runtime";
+import { jsx as e, jsxs as a, Fragment as _ } from "react/jsx-runtime";
 import { useState as d } from "react";
 import { useIntl as B, FormattedMessage as f } from "react-intl";
 import s from "./SourceModal.module.scss.js";
@@ -6,24 +6,24 @@ import { useDataProvider as x } from "../../data/data_provider/useDataProvider.j
 import { useModal as y } from "../../dialog/modal/useModal.js";
 import { Modal as z } from "../../dialog/modal/Modal.js";
 import { SearchInput as A } from "../../input/search_input/SearchInput.js";
-import { AnnouncementDialog as w } from "../../dialog/announcement_dialog/AnnouncementDialog.js";
+import { AnnouncementDialog as M } from "../../dialog/announcement_dialog/AnnouncementDialog.js";
 import { SourceBox as I } from "../source_box/SourceBox.js";
 import { Button as C } from "../../action/button/Button.js";
 import { Loader as j } from "../../progress/loader/Loader.js";
 const Q = ({
-  onAddSource: b,
+  onAddSource: v,
   onHideModal: h,
   allowedSources: t = []
 }) => {
-  const [p, u] = d(!1), [r, n] = d(), [g, i] = d(!1), S = x(), [_, M] = d(!1), l = B(), { hideModal: E } = y(), N = () => {
-    b(r), n(null), E(), h && h();
+  const [p, u] = d(!1), [r, n] = d(), [w, i] = d(!1), b = x(), [S, g] = d(!1), l = B(), { hideModal: E } = y(), N = () => {
+    v(r), n(null), E(), h && h();
   }, P = (o) => {
     if (!t || t.length === 0)
       return !0;
     const c = o.hostname.replace("www.", "");
     return !!t.includes(c);
   }, U = (o) => {
-    if (M(!1), n(null), i(!1), !o)
+    if (g(!1), n(null), i(!1), !o)
       return !1;
     let c;
     try {
@@ -31,14 +31,14 @@ const Q = ({
     } catch {
       return i(!0), !1;
     }
-    P(c) ? (u(!0), S.create("sources/fetch", { query: o }).then(
+    P(c) ? (u(!0), b.create("sources/fetch", { query: o }).then(
       (m) => {
         m.data.success ? (n(m.data.data.resource), u(!1)) : (u(!1), i(!0));
       },
       (m) => {
         u(!1), i(!0);
       }
-    )) : M(!0);
+    )) : g(!0);
   };
   return /* @__PURE__ */ e(
     z,
@@ -62,14 +62,14 @@ const Q = ({
               type: "url"
             }
           ),
-          !r && !g && !_ && /* @__PURE__ */ e("div", { className: s.sourceInputHelp, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: s.sourceInputHelp, children: /* @__PURE__ */ e(
             f,
             {
               id: "source.source_modal.input_help",
               defaultMessage: "Press Enter to add the source"
             }
           ) }),
-          t.length > 0 && /* @__PURE__ */ a(v, { children: [
+          t.length > 0 && /* @__PURE__ */ a(_, { children: [
             /* @__PURE__ */ e("div", { className: s.separator }),
             /* @__PURE__ */ e("div", { className: s.allowedSourcesInfo, children: /* @__PURE__ */ e(
               f,
@@ -82,8 +82,8 @@ const Q = ({
           ] })
         ] }),
         /* @__PURE__ */ a("div", { className: s.sourcePreviewBox, children: [
-          g && /* @__PURE__ */ e(
-            w,
+          w && /* @__PURE__ */ e(
+            M,
             {
               message: l.formatMessage({
                 id: "source.source_modal.error",
@@ -92,8 +92,8 @@ const Q = ({
               fullWidth: !0
             }
           ),
-          _ && /* @__PURE__ */ e(
-            w,
+          S && /* @__PURE__ */ e(
+            M,
             {
               message: l.formatMessage({
                 id: "source.source_modal.error_unauthorized",
@@ -102,7 +102,7 @@ const Q = ({
               fullWidth: !0
             }
           ),
-          r && /* @__PURE__ */ e("div", { children: p ? /* @__PURE__ */ e(j, {}) : /* @__PURE__ */ a(v, { children: [
+          r && /* @__PURE__ */ e("div", { children: p ? /* @__PURE__ */ e(j, {}) : /* @__PURE__ */ a(_, { children: [
             /* @__PURE__ */ e(
               I,
               {

package/dist/components/summary/summary/Summary.js

@@ -1,66 +1,88 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import "react";
-import { useIntl as h } from "react-intl";
-import m from "./Summary.module.scss.js";
-import { SectionBox as y } from "../../section/section_box/SectionBox.js";
-import { SummaryBox as n } from "../summary_box/SummaryBox.js";
-const M = ({
-  summary: t,
-  tags: i = [],
-  tagClassNames: l = [],
-  title: c,
-  subtitle: d
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
+import { useState as w, useEffect as b } from "react";
+import { useIntl as j } from "react-intl";
+import l from "./Summary.module.scss.js";
+import { SectionBox as B } from "../../section/section_box/SectionBox.js";
+import { BoxSkeleton as f } from "../../skeleton/box_skeleton/BoxSkeleton.js";
+import { SummaryBox as h } from "../summary_box/SummaryBox.js";
+const k = ({
+  apiUrl: d,
+  summaryId: a,
+  tags: t = [],
+  tagClassNames: p = [],
+  title: y,
+  subtitle: g
 }) => {
-  const a = h(), f = () => {
-    if (!t) return {};
-    if (typeof t == "object") return t;
+  const [n, x] = w({}), i = j(), u = async (e, r = "") => {
     try {
-      return JSON.parse(t);
-    } catch {
-      return { global: t };
+      const o = `${d}/${e}${r ? `-${r}` : ""}`, m = await fetch(o);
+      if (!m.ok)
+        throw new Error(`HTTP error! Status: ${m.status}`);
+      return (await m.json()).data?.content?.arguments || [];
+    } catch (o) {
+      console.error(o);
     }
-  }, u = (e) => e ? e.split(`
-`).map((o) => o.trim()).filter(Boolean) : [], s = f();
-  return /* @__PURE__ */ r(
-    y,
+  };
+  return b(() => {
+    (async () => {
+      try {
+        const r = {};
+        if (t.length === 0)
+          r["no-position"] = await u(a);
+        else {
+          const o = await Promise.all(
+            t.map((m) => u(a, m.id))
+          );
+          t.forEach((m, c) => {
+            r[m.id] = o[c];
+          });
+        }
+        x(r);
+      } catch (r) {
+        console.error(r);
+      }
+    })();
+  }, [a, t]), /* @__PURE__ */ S(
+    B,
     {
-      className: m.sectionBox,
       isCollapsible: !0,
       isCollapsedByDefault: !0,
-      title: c,
-      subtitle: d,
-      children: /* @__PURE__ */ p("div", { className: m.content, children: [
-        /* @__PURE__ */ r("div", { className: m.description, children: a.formatMessage({
+      title: y,
+      subtitle: g,
+      children: [
+        /* @__PURE__ */ s("div", { className: l.description, children: i.formatMessage({
           id: "summary.description.argument_summary",
           defaultMessage: "Our algorithm produces comprehensive, well-structured summaries of the most recurrent arguments. Each published argument influences the content of this summary. The better structured the argument, the more weight it carries."
         }) }),
-        /* @__PURE__ */ r("div", { className: m.summaryContainer, children: i.length > 0 ? i.map((e, o) => /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-          n,
+        /* @__PURE__ */ s("div", { className: l.summaryContainer, children: Object.keys(n).length === 0 ? t.length === 0 ? /* @__PURE__ */ s(f, { onlyEdgeBox: !0, boxHeight: 120 }) : t.map((e) => /* @__PURE__ */ s(f, { onlyEdgeBox: !0, boxHeight: 120 }, e.id)) : t.length === 0 ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
+          h,
           {
-            summaryItems: u(s[e.id]),
-            tag: e.name,
-            tagClassName: l[o],
-            emptySummaryText: a.formatMessage({
+            summaryItems: (n["no-position"] || []).map(
+              (e) => e.argument
+            ),
+            emptySummaryText: i.formatMessage({
               id: "info.emptysummary",
               defaultMessage: "No resume found."
             })
           }
-        ) }, e.id)) : /* @__PURE__ */ r(
-          n,
+        ) }) : t.map((e, r) => /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
+          h,
           {
-            summaryItems: u(
-              s.global || s.untagged || Object.values(s)[0]
+            summaryItems: (n[e.id] || []).map(
+              (o) => o.argument
             ),
-            emptySummaryText: a.formatMessage({
+            tag: e.name,
+            tagClassName: p[r],
+            emptySummaryText: i.formatMessage({
               id: "info.emptysummary",
               defaultMessage: "No resume found."
             })
           }
-        ) })
-      ] })
+        ) }, e.id)) })
+      ]
     }
   );
 };
 export {
-  M as Summary
+  k as Summary
 };

package/dist/components/summary/summary/Summary.module.scss.js

@@ -1,13 +1,9 @@
-import '../../../assets/components/summary/summary/Summary.module-2bnx3egy.css';const t = "_sectionBox_tui97_3", n = "_content_tui97_7", o = "_summaryContainer_tui97_11", s = "_description_tui97_35", i = {
-  sectionBox: t,
-  content: n,
-  summaryContainer: o,
-  description: s
+import '../../../assets/components/summary/summary/Summary.module-DjfmUlkW.css';const t = "_summaryContainer_1xdmt_3", n = "_description_1xdmt_21", s = {
+  summaryContainer: t,
+  description: n
 };
 export {
-  n as content,
-  i as default,
-  s as description,
-  t as sectionBox,
-  o as summaryContainer
+  s as default,
+  n as description,
+  t as summaryContainer
 };

package/dist/components/summary/summary_box/SummaryBox.module.scss.js

@@ -1,17 +1,17 @@
-import '../../../assets/components/summary/summary_box/SummaryBox.module-Dr9PevSJ.css';const t = "_box_f4my1_3", m = "_stats_f4my1_17", s = "_withTag_f4my1_24", _ = "_tag_f4my1_28", a = "_summaryItem_f4my1_47", y = "_emptySummaryText_f4my1_57", e = {
+import '../../../assets/components/summary/summary_box/SummaryBox.module-DQVkA8l7.css';const t = "_box_5a37o_3", a = "_stats_5a37o_14", s = "_withTag_5a37o_21", m = "_tag_5a37o_25", _ = "_summaryItem_5a37o_44", o = "_emptySummaryText_5a37o_53", e = {
   box: t,
-  stats: m,
+  stats: a,
   withTag: s,
-  tag: _,
-  summaryItem: a,
-  emptySummaryText: y
+  tag: m,
+  summaryItem: _,
+  emptySummaryText: o
 };
 export {
   t as box,
   e as default,
-  y as emptySummaryText,
-  m as stats,
-  a as summaryItem,
-  _ as tag,
+  o as emptySummaryText,
+  a as stats,
+  _ as summaryItem,
+  m as tag,
   s as withTag
 };