npm - @logora/debate - Versions diffs - 0.3.101 → 0.3.103 - Mend

@logora/debate 0.3.101 → 0.3.103

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/assets/components/proposal/proposal_box/ProposalBox.module-VwIuUE7q.css ADDED Viewed

@@ -0,0 +1 @@

+ ._proposalBoxContainer_ru1rh_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_ru1rh_3._flash_ru1rh_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_ru1rh_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_ru1rh_32{flex:1;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_ru1rh_32._withMinHeight_ru1rh_41{min-height:185px}}._proposalBoxContent_ru1rh_32 ._proposalTitle_ru1rh_45{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_ru1rh_32 ._proposalTitle_ru1rh_45:first-letter{text-transform:uppercase}._proposalBoxContent_ru1rh_32 ._proposalContent_ru1rh_53 *{font-size:var(--font-size-small, 16px)}._proposalSourcesList_ru1rh_57{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_ru1rh_57 a{text-decoration:none}._fixedHeight_ru1rh_69{height:200px;overflow:hidden;position:relative}._fixedHeight_ru1rh_69: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}._proposalContent_ru1rh_53 ol{list-style-type:decimal!important;margin-left:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-left:var(--spacer-xl, calc(var(--space-unit, 1em) * 3))!important}._proposalContent_ru1rh_53 ul{list-style-type:disc!important;margin-left:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-left:var(--spacer-xl, calc(var(--space-unit, 1em) * 3))!important}._proposalContent_ru1rh_53 ol li::marker,._proposalContent_ru1rh_53 ul li::marker{content:normal!important}

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

@@ -1,163 +1,157 @@
 import { jsx as o, jsxs as l, Fragment as f } from "react/jsx-runtime";
-import F from "classnames";
-import { useState as y, useEffect as P, useCallback as pe, Suspense as ue, lazy as me } from "react";
-import { useIntl as he } from "react-intl";
+import B from "classnames";
+import { useState as y, useEffect as le, useCallback as ne, Suspense as de, lazy as ce } from "react";
+import { useIntl as pe } from "react-intl";
 import s from "./Argument.module.scss.js";
-import { ReplyFooter as fe } from "./ReplyFooter.js";
-import { useRichContent as ye } from "./useRichContent.js";
-import { useAuth as _e } from "../../auth/use_auth/useAuth.js";
-import { useConfig as ge } from "../../data/config_provider/useConfig.js";
-import { useList as be } from "../../list/list_provider/useList.js";
-import { useTranslatedContent as j } from "../../translation/translated_content/useTranslatedContent.js";
-import { SourceListItem as Me } from "../../source/source_list_item/SourceListItem.js";
-import { HashScroll as Ie } from "../../tools/hash_scroll/HashScroll.js";
-import { ContentHeader as Ce } from "../../user_content/content_header/ContentHeader.js";
-import { Icon as G } from "../../icons/icon/Icon.js";
-import { ReadMore as ve } from "../../text/read_more/ReadMore.js";
-import { TranslationButton as Se } from "../../translation/translation_button/TranslationButton.js";
-import { ContentFooter as Re } from "../../user_content/content_footer/ContentFooter.js";
-import { VoteButton as Te } from "../../vote/vote_button/VoteButton.js";
-import { VotePaginatedList as Ne } from "../../list/paginated_list/VotePaginatedList.js";
-import { UserContentSkeleton as we } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
-import { Button as Ae } from "../../action/button/Button.js";
-const xe = me(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), H = (e) => e?.replace(/&nbsp;/g, " "), Le = ({
+import { ReplyFooter as me } from "./ReplyFooter.js";
+import { useRichContent as ue } from "./useRichContent.js";
+import { useAuth as he } from "../../auth/use_auth/useAuth.js";
+import { useConfig as fe } from "../../data/config_provider/useConfig.js";
+import { useList as ye } from "../../list/list_provider/useList.js";
+import { useTranslatedContent as D } from "../../translation/translated_content/useTranslatedContent.js";
+import { SourceListItem as _e } from "../../source/source_list_item/SourceListItem.js";
+import { HashScroll as ge } from "../../tools/hash_scroll/HashScroll.js";
+import { ContentHeader as be } from "../../user_content/content_header/ContentHeader.js";
+import { Icon as E } from "../../icons/icon/Icon.js";
+import { ReadMore as Me } from "../../text/read_more/ReadMore.js";
+import { TranslationButton as ve } from "../../translation/translation_button/TranslationButton.js";
+import { ContentFooter as Ie } from "../../user_content/content_footer/ContentFooter.js";
+import { VoteButton as Ce } from "../../vote/vote_button/VoteButton.js";
+import { VotePaginatedList as Se } from "../../list/paginated_list/VotePaginatedList.js";
+import { UserContentSkeleton as Re } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
+import { Button as Te } from "../../action/button/Button.js";
+const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), F = (e) => e?.replace(/&nbsp;/g, " "), we = ({
   argument: e,
   argumentReplies: n,
   nestingLevel: _ = 0,
-  maxNestingLevel: T = 2,
-  groupType: N,
-  groupName: w,
+  maxNestingLevel: S = 2,
+  groupType: R,
+  groupName: T,
   positions: g = [],
-  disableLinks: V = !1,
+  disableLinks: P = !1,
   parentArgument: c,
-  flashParent: z,
-  expandable: O,
+  flashParent: j,
+  expandable: G,
   disabled: b = !1,
-  hideFooter: A = !1,
-  hideReplies: x,
-  vote: Y,
-  fixedContentHeight: q = !1,
-  enableEdition: J = !0,
-  enableDeletion: K = !0,
-  deleteListId: Q,
-  showModerationFeedback: W,
-  lineCount: X = 5,
-  replyRedirectUrl: Z,
-  hideContent: ee = !1
+  hideFooter: N = !1,
+  hideReplies: w,
+  vote: H,
+  fixedContentHeight: V = !1,
+  enableEdition: z = !0,
+  enableDeletion: O = !0,
+  deleteListId: Y,
+  showModerationFeedback: q,
+  lineCount: J = 5,
+  replyRedirectUrl: K,
+  hideContent: Q = !1
 }) => {
-  const a = he(), { isLoggedIn: te, currentUser: p } = _e(), L = p?.moderation_status === "banned", i = ge(), M = be(), [u, I] = y(!1), [oe, $] = y(!1), [se, re] = y(!1), k = ye(e), [m, C] = y(), h = j(
+  const a = pe(), { isLoggedIn: W, currentUser: p } = he(), A = p?.moderation_status === "banned", r = fe(), X = ye(), [m, M] = y(!1), [Z, x] = y(!1), [ee, te] = y(!1), L = ue(e), [u, v] = y(), h = D(
     e.content,
     e.language,
     "content",
     e.translation_entries
-  ), ie = j(
+  ), oe = D(
     e.position?.name,
     e.position?.language,
     "name",
     e.position?.translation_entries
-  ), v = `argument_${e.id}`, S = e.position && g?.map((t) => t.id).indexOf(e.position.id) + 1;
-  P(() => {
-    n !== void 0 && de();
-  }, [n]), P(() => {
-    const t = `argument_${e.id}_reply_list`, r = M.updateElements?.[t];
-    r?.length && C((d) => d?.length ? d.map((R) => {
-      const D = r.find((ce) => ce.id === R.id);
-      return D ? { ...R, ...D } : R;
-    }) : d);
-  }, [M.updateElements, e.id]);
-  const ae = (t) => {
-    if (v === t) {
+  ), I = `argument_${e.id}`, C = e.position && g?.map((t) => t.id).indexOf(e.position.id) + 1;
+  le(() => {
+    n !== void 0 && ae();
+  }, [n]);
+  const se = (t) => {
+    if (I === t) {
       const d = document.getElementById(t);
-      d && d.scrollIntoView({ behavior: "smooth" }), $(!0);
+      d && d.scrollIntoView({ behavior: "smooth" }), x(!0);
     }
   }, U = () => {
-    re((t) => !t);
-  }, B = () => {
-    I((t) => !t), C([]);
-  }, le = (t) => {
-    if (!m?.find((r) => r.id === t.id))
+    te((t) => !t);
+  }, k = () => {
+    M((t) => !t), v([]);
+  }, re = (t) => {
+    if (!u?.find((i) => i.id === t.id))
       return t;
-  }, ne = pe((t, r) => /* @__PURE__ */ o(
-    Me,
+  }, ie = ne((t, i) => /* @__PURE__ */ o(
+    _e,
     {
       publisher: t.publisher,
       url: t.source_url,
       title: t.title,
-      index: r
+      index: i
     },
-    r
-  ), []), de = () => {
+    i
+  ), []), ae = () => {
     if (n && Array.isArray(n)) {
       const t = n.filter(
-        (r) => r.reply_to_id === e.id
+        (i) => i.reply_to_id === e.id
       );
-      t.length > 0 && (C(t), I(!0));
+      t.length > 0 && (v(t), M(!0));
     }
-  }, E = (t = null) => /* @__PURE__ */ o(
-    $e,
+  }, $ = (t = null) => /* @__PURE__ */ o(
+    Ae,
     {
       ...t ? { argument: t } : {},
       nestingLevel: _ + 1,
-      maxNestingLevel: T,
+      maxNestingLevel: S,
       disabled: b,
-      groupName: w,
-      groupType: N,
+      groupName: T,
+      groupType: R,
       positions: g,
       argumentReplies: n,
       parentArgument: e,
-      flashParent: (r) => ae(`argument_${r}`)
+      flashParent: (i) => se(`argument_${i}`)
     }
   );
-  return /* @__PURE__ */ l(Ie, { elementId: v, onScroll: () => $(!0), children: [
+  return /* @__PURE__ */ l(ge, { elementId: I, onScroll: () => x(!0), children: [
     /* @__PURE__ */ l(
       "div",
       {
-        className: F(
+        className: B(
           s.argument,
           {
-            [s.flash]: oe,
+            [s.flash]: Z,
             [s.argumentReply]: e.is_reply === !0
           },
           s[`level-${_}`],
-          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && S}`]
+          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && C}`]
         ),
-        id: v,
+        id: I,
         children: [
           /* @__PURE__ */ o(
-            Ce,
+            be,
             {
               selectedContent: e.is_selected,
               author: e.author,
-              tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : ie.translatedContent,
+              tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : oe.translatedContent,
               date: e.created_at,
-              tagClassName: s[`headerPosition-${S}`],
-              disableLinks: V,
+              tagClassName: s[`headerPosition-${C}`],
+              disableLinks: P,
               isDeleted: e.is_deleted,
-              showModerationFeedback: W ?? (e.status === "rejected" && i.moderation?.showFeedback === !0),
+              showModerationFeedback: q ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
               moderationReason: e.moderation_entry?.moderation_reason,
               moderationNotes: e.moderation_entry?.moderator_notes,
-              moderationPolicyUrl: i.provider?.userGuideUrl
+              moderationPolicyUrl: r.provider?.userGuideUrl
             }
           ),
           e.is_deleted ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: a.formatMessage({
             id: "info.deleted_by_user",
             defaultMessage: "Content deleted by the user"
-          }) }) : ee ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: a.formatMessage({
+          }) }) : Q ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: a.formatMessage({
             id: "argument.argument.content_deleted",
             defaultMessage: "This content has been removed."
           }) }) : /* @__PURE__ */ l(f, { children: [
             /* @__PURE__ */ l(
               "div",
               {
-                className: F(s.argumentBody, {
-                  [s.fixedHeight]: i?.layout?.showAllArgumentInEmbed !== !0 ? q : !1
+                className: B(s.argumentBody, {
+                  [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? V : !1
                 }),
                 children: [
                   e.is_reply && c && /* @__PURE__ */ l(
                     "div",
                     {
                       className: s.replyTo,
-                      onClick: () => z(c.id),
+                      onClick: () => j(c.id),
                       children: [
                         a.formatMessage({
                           id: "info.replying_to",
@@ -168,35 +162,35 @@ const xe = me(() => import("../../input/argument_input/index.js").then((e) => ({
                             id: "info.deleted",
                             defaultMessage: "Deleted"
                           }) : c.author.full_name,
-                          /* @__PURE__ */ o(G, { name: "chat", height: 16 })
+                          /* @__PURE__ */ o(E, { name: "chat", height: 16 })
                         ] })
                       ]
                     }
                   ),
                   /* @__PURE__ */ o(
-                    ve,
+                    Me,
                     {
                       content: /* @__PURE__ */ l(f, { children: [
                         e.is_edited && /* @__PURE__ */ o("div", { className: s.edited, children: a.formatMessage({
                           id: "argument.argument.updated",
                           defaultMessage: "Updated argument"
                         }) }),
-                        k && !h.isTranslated ? /* @__PURE__ */ o(
+                        L && !h.isTranslated ? /* @__PURE__ */ o(
                           "div",
                           {
                             className: s.argumentContent,
-                            dangerouslySetInnerHTML: { __html: H(k) }
+                            dangerouslySetInnerHTML: { __html: F(L) }
                           }
-                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: H(h.translatedContent) }),
+                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: F(h.translatedContent) }),
                         h.isTranslated && /* @__PURE__ */ o(
-                          Se,
+                          ve,
                           {
                             language: e.language,
                             callback: () => h.toggleContent()
                           }
                         )
                       ] }),
-                      lineCount: i?.layout?.showAllArgumentInEmbed !== !0 ? X : void 0,
+                      lineCount: r?.layout?.showAllArgumentInEmbed !== !0 ? J : void 0,
                       readMoreText: a.formatMessage({
                         id: "action.read_more",
                         defaultMessage: "Read more"
@@ -205,27 +199,27 @@ const xe = me(() => import("../../input/argument_input/index.js").then((e) => ({
                         id: "action.read_less",
                         defaultMessage: "Read less"
                       }),
-                      expandable: i?.layout?.showAllArgumentInEmbed !== !0 ? O : !1,
+                      expandable: r?.layout?.showAllArgumentInEmbed !== !0 ? G : !1,
                       readMoreClassName: e.is_reply ? s.replyStyle : s.argumentStyle
                     }
                   )
                 ]
               }
             ),
-            e.sources?.length > 0 && /* @__PURE__ */ o("div", { className: s.argumentSourcesList, children: e.sources.map(ne) })
+            e.sources?.length > 0 && /* @__PURE__ */ o("div", { className: s.argumentSourcesList, children: e.sources.map(ie) })
           ] }),
-          !A && !e.is_deleted && /* @__PURE__ */ o(
-            Re,
+          !N && !e.is_deleted && /* @__PURE__ */ o(
+            Ie,
             {
               resource: e,
-              disabled: b || e.status === "rejected" || !te && i?.actions?.disableInputForVisitor === !0 || L,
+              disabled: b || e.status === "rejected" || !W && r?.actions?.disableInputForVisitor === !0 || A,
               reportType: "Message",
-              softDelete: i.actions?.softDelete,
+              softDelete: r.actions?.softDelete,
               deleteType: "messages",
-              deleteListId: Q,
-              enableReply: _ <= T || p.role === "editor" || p.role === "moderator",
+              deleteListId: Y,
+              enableReply: _ <= S || p.role === "editor" || p.role === "moderator",
               handleReplyTo: U,
-              replyRedirectUrl: Z,
+              replyRedirectUrl: K,
               shareUrl: `https://app.logora.fr/share/a/${e.id}`,
               shareTitle: a.formatMessage({
                 id: "share.argument.title",
@@ -235,54 +229,61 @@ const xe = me(() => import("../../input/argument_input/index.js").then((e) => ({
                 id: "share.argument.text",
                 defaultMessage: "This argument may interest you"
               }),
-              shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${i.shortname}&id=${e.id}&resource=argument" frameborder="0" width="100%" height="275px" scrolling="no"></iframe>`,
-              showShareCode: i?.actions?.hideCodeShare !== !0,
+              shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${r.shortname}&id=${e.id}&resource=argument" frameborder="0" width="100%" height="275px" scrolling="no"></iframe>`,
+              showShareCode: r?.actions?.hideCodeShare !== !0,
               showShareText: !0,
-              showShareButton: i?.actions?.hideShareButton !== !0,
+              showShareButton: r?.actions?.hideShareButton !== !0,
               enableReport: !(e.score === 100 && e.manual_score),
-              enableEdition: J,
-              enableDeletion: K,
+              enableEdition: z,
+              enableDeletion: O,
               children: /* @__PURE__ */ o(
-                Te,
+                Ce,
                 {
                   voteableType: "Message",
                   voteableId: e.id,
                   totalUpvote: e.upvotes,
                   totalDownvote: 0,
-                  activeClassName: s[`voteButtonPosition-${S}`],
-                  disabled: e.status === "rejected" || p?.id === e?.author?.id || L
+                  activeClassName: s[`voteButtonPosition-${C}`],
+                  disabled: e.status === "rejected" || p?.id === e?.author?.id || A
                 }
               )
             }
           ),
-          !A && !x && /* @__PURE__ */ o(
-            fe,
+          !N && !w && /* @__PURE__ */ o(
+            me,
             {
               numberReplies: e.number_replies,
               repliesAuthors: e.replies_authors,
-              expandReplies: u,
-              onToggleReplies: B,
+              expandReplies: m,
+              onToggleReplies: k,
               isReply: e.is_reply
             }
           )
         ]
       }
     ),
-    !x && /* @__PURE__ */ l(f, { children: [
-      se && /* @__PURE__ */ o(ue, { fallback: null, children: /* @__PURE__ */ o(
-        xe,
+    !w && /* @__PURE__ */ l(f, { children: [
+      ee && /* @__PURE__ */ o(de, { fallback: null, children: /* @__PURE__ */ o(
+        Ne,
         {
           groupId: e.group_id,
-          groupType: N,
-          groupName: w,
+          groupType: R,
+          groupName: T,
           positions: g,
           parentId: e.id,
-          positionId: Y?.position_id,
+          positionId: H?.position_id,
           disabled: b,
-          hideSourceAction: i?.actions?.disableUserSources || !1,
+          hideSourceAction: r?.actions?.disableUserSources || !1,
           onSubmit: (t) => {
-            const r = `argument_${e.id}_reply_list`;
-            M.add(r, [t]), U(), I(!0);
+            const i = `argument_${e.id}_reply_list`;
+            X.add(i, [t]), U(), M(!0);
+          },
+          onUpdate: (t) => {
+            v(
+              (i) => i?.map(
+                (d) => d.id === t.id ? { ...d, ...t } : d
+              )
+            );
           },
           isReply: !0,
           autoFocus: !0,
@@ -291,18 +292,18 @@ const xe = me(() => import("../../input/argument_input/index.js").then((e) => ({
             id: "input.reply_input.your_answer",
             defaultMessage: "Your answer"
           }),
-          userGuideUrl: i?.provider?.userGuideUrl,
-          hideUserGuideLink: i?.provider?.hideUserGuideLink
+          userGuideUrl: r?.provider?.userGuideUrl,
+          hideUserGuideLink: r?.provider?.hideUserGuideLink
         },
         `Reply${e.id}`
       ) }),
-      m?.length > 0 && u && /* @__PURE__ */ o("div", { className: s.repliesList, children: m.map((t) => E(t)) }),
-      u && /* @__PURE__ */ o("div", { className: s.repliesList, children: /* @__PURE__ */ o(
-        Ne,
+      u?.length > 0 && m && /* @__PURE__ */ o("div", { className: s.repliesList, children: u.map((t) => $(t)) }),
+      m && /* @__PURE__ */ o("div", { className: s.repliesList, children: /* @__PURE__ */ o(
+        Se,
         {
           voteableType: "Message",
           currentListId: `argument_${e.id}_reply_list`,
-          loadingComponent: /* @__PURE__ */ o(we, {}),
+          loadingComponent: /* @__PURE__ */ o(Re, {}),
           resource: "messages",
           sort: "+created_at",
           filters: {
@@ -314,16 +315,16 @@ const xe = me(() => import("../../input/argument_input/index.js").then((e) => ({
           display: "column",
           resourcePropName: "argument",
           emptyListComponent: /* @__PURE__ */ o(f, {}),
-          transformData: (t) => le(t),
-          children: E(e)
+          transformData: (t) => re(t),
+          children: $(e)
         }
       ) }),
-      m?.length > 0 && !u && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
-        Ae,
+      u?.length > 0 && !m && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
+        Te,
         {
           role: "link",
-          rightIcon: /* @__PURE__ */ o(G, { name: "lightArrow", height: 10, width: 10 }),
-          handleClick: B,
+          rightIcon: /* @__PURE__ */ o(E, { name: "lightArrow", height: 10, width: 10 }),
+          handleClick: k,
           children: a.formatMessage({
             id: "argument.argument.see_more",
             defaultMessage: "See more"
@@ -332,8 +333,8 @@ const xe = me(() => import("../../input/argument_input/index.js").then((e) => ({
       ) }) })
     ] })
   ] });
-}, $e = Le;
+}, Ae = we;
 export {
-  Le as Argument,
-  $e as ArgumentContainer
+  we as Argument,
+  Ae as ArgumentContainer
 };

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

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

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

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as g, Fragment as I } from "react/jsx-runtime";
+import { jsx as t, jsxs as d, 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";
@@ -16,13 +16,13 @@ import { ContentFooter as F } from "../../user_content/content_footer/ContentFoo
 import { UpDownVoteBox as j } from "../../vote/up_down_vote_box/UpDownVoteBox.js";
 const te = ({
   proposal: e,
-  disabled: d = !1,
-  fixedContentHeight: c,
+  disabled: c = !1,
+  fixedContentHeight: m,
   fitContent: T = !1,
   enableEdition: v = !0,
   hideFooter: x = !1
 }) => {
-  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 = _(
+  const [h, M] = p(null), [w, b] = p(!1), r = y(), n = L(), { currentUser: f } = B(), u = f?.moderation_status === "banned", g = `proposal_${e.id}`, i = _(
     e.title,
     e.language,
     "title",
@@ -45,11 +45,11 @@ const te = ({
   const S = () => {
     i.toggleContent(), a.toggleContent();
   };
-  return /* @__PURE__ */ t(U, { elementId: u, onScroll: () => b(!0), children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ t(U, { elementId: g, onScroll: () => b(!0), children: /* @__PURE__ */ d(
     "div",
     {
       className: C(o.proposalBoxContainer, { [o.flash]: w }),
-      id: u,
+      id: g,
       children: [
         /* @__PURE__ */ t(
           D,
@@ -60,65 +60,67 @@ const te = ({
             oneLine: !1
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ d(
           "div",
           {
             className: C(o.proposalBoxContent, {
-              [o.fixedHeight]: c,
-              [o.withMinHeight]: !T && !c
+              [o.fixedHeight]: m,
+              [o.withMinHeight]: !T && !m
             }),
-            children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-              P,
-              {
-                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: i.translatedContent }),
-                  m && !a.isTranslated ? /* @__PURE__ */ t(
-                    "div",
-                    {
-                      className: o.proposalContent,
-                      dangerouslySetInnerHTML: { __html: m }
-                    }
-                  ) : /* @__PURE__ */ t("div", { className: o.proposalContent, children: a.translatedContent }),
-                  (a.isTranslated || i.isTranslated) && /* @__PURE__ */ t(
-                    R,
-                    {
-                      language: e.language,
-                      callback: () => S()
-                    }
-                  )
-                ] }),
-                lineCount: 7,
-                readMoreText: r.formatMessage({
-                  id: "action.read_more",
-                  defaultMessage: "Read more"
-                }),
-                readLessText: r.formatMessage({
-                  id: "action.read_less",
-                  defaultMessage: "Read less"
-                })
-              }
-            ) })
+            children: [
+              /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                P,
+                {
+                  content: /* @__PURE__ */ d(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: i.translatedContent }),
+                    h && !a.isTranslated ? /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: o.proposalContent,
+                        dangerouslySetInnerHTML: { __html: h }
+                      }
+                    ) : /* @__PURE__ */ t("div", { className: o.proposalContent, children: a.translatedContent }),
+                    (a.isTranslated || i.isTranslated) && /* @__PURE__ */ t(
+                      R,
+                      {
+                        language: e.language,
+                        callback: () => S()
+                      }
+                    )
+                  ] }),
+                  lineCount: 7,
+                  readMoreText: r.formatMessage({
+                    id: "action.read_more",
+                    defaultMessage: "Read more"
+                  }),
+                  readLessText: r.formatMessage({
+                    id: "action.read_less",
+                    defaultMessage: "Read less"
+                  })
+                }
+              ) }),
+              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
+              )) })
+            ]
           }
         ),
-        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: d || f,
+            disabled: c || u,
             reportType: "Proposal",
             deleteType: "proposals",
             deleteListId: "proposalsList",
@@ -137,7 +139,7 @@ const te = ({
                 voteableId: e.id,
                 totalUpvote: e.total_upvotes,
                 totalDownvote: e.total_downvotes,
-                disabled: d || h?.id === e?.author?.id || f,
+                disabled: c || f?.id === e?.author?.id || u,
                 hideDownvotes: n?.actions?.hideDownvotes
               }
             )

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

@@ -1,23 +1,23 @@
-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 = {
+import '../../../assets/components/proposal/proposal_box/ProposalBox.module-VwIuUE7q.css';const o = "_proposalBoxContainer_ru1rh_3", t = "_flash_ru1rh_17", r = "_edited_ru1rh_25", s = "_proposalBoxContent_ru1rh_32", e = "_withMinHeight_ru1rh_41", n = "_proposalTitle_ru1rh_45", p = "_proposalContent_ru1rh_53", i = "_proposalSourcesList_ru1rh_57", _ = "_fixedHeight_ru1rh_69", a = {
   proposalBoxContainer: o,
   flash: t,
-  edited: s,
-  proposalBoxContent: e,
-  withMinHeight: n,
-  proposalTitle: p,
-  proposalContent: i,
-  proposalSourcesList: _,
-  fixedHeight: a
+  edited: r,
+  proposalBoxContent: s,
+  withMinHeight: e,
+  proposalTitle: n,
+  proposalContent: p,
+  proposalSourcesList: i,
+  fixedHeight: _
 };
 export {
-  l as default,
-  s as edited,
-  a as fixedHeight,
+  a as default,
+  r as edited,
+  _ as fixedHeight,
   t as flash,
   o as proposalBoxContainer,
-  e as proposalBoxContent,
-  i as proposalContent,
-  _ as proposalSourcesList,
-  p as proposalTitle,
-  n as withMinHeight
+  s as proposalBoxContent,
+  p as proposalContent,
+  i as proposalSourcesList,
+  n as proposalTitle,
+  e as withMinHeight
 };

package/package.json CHANGED Viewed

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

package/dist/assets/components/proposal/proposal_box/ProposalBox.module-Dm8XDnr1.css DELETED Viewed

@@ -1 +0,0 @@

- ._proposalBoxContainer_5x1d0_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_5x1d0_3._flash_5x1d0_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_5x1d0_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_5x1d0_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_5x1d0_32._withMinHeight_5x1d0_40{min-height:185px}}._proposalBoxContent_5x1d0_32 ._proposalTitle_5x1d0_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_5x1d0_32 ._proposalTitle_5x1d0_44:first-letter{text-transform:uppercase}._proposalBoxContent_5x1d0_32 ._proposalContent_5x1d0_52 *{font-size:var(--font-size-small, 16px)}._proposalSourcesList_5x1d0_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_5x1d0_56 a{text-decoration:none}._fixedHeight_5x1d0_68{height:200px;overflow:hidden;position:relative}._fixedHeight_5x1d0_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}