@logora/debate 0.3.59 → 0.3.61

package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-CZB4qRb2.css

@@ -0,0 +1 @@
+._container_jsaa0_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;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:var(--background-color-primary, white)}._container_jsaa0_3 a{text-decoration:none!important;color:var(--text-primary, #222222)!important}._consultationImageBox_jsaa0_18{position:relative}._consultationImage_jsaa0_18{border-top-right-radius:var(--box-border-radius, 6px);border-top-left-radius:var(--box-border-radius, 6px);width:100%;aspect-ratio:var(--img-aspect-ratio, 16/9);object-fit:cover;display:block}._consultationTime_jsaa0_31{display:flex!important;align-items:center!important;position:absolute;left:var(--space-unit, 1em);bottom:var(--space-unit, 1em);padding-right:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-left:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;background-color:var(--call-primary-color, #434343);border-radius:var(--box-border-radius, 6px);font-size:var(--font-size-normal, 16px);color:var(--text-light, white);max-width:93%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._consultationTime_jsaa0_31 span{color:var(--text-light, white)}._consultationTime_jsaa0_31._ended_jsaa0_53{background-color:var(--call-primary-color, #434343)}._consultationTitle_jsaa0_57{padding-top:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700)}._iconVote_jsaa0_66{padding-top:3px!important}._iconChat_jsaa0_70{padding-top:6px!important}._consultationButtonContainer_jsaa0_74{display:flex!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-bottom:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px)}._consultationButtonContainer_jsaa0_74:hover{text-decoration:underline;text-decoration-color:var(--text-secondary, #5F5F5F)}._consultationButtonContainer_jsaa0_74 ._arrowIcon_jsaa0_86{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;transform:rotate(180deg);fill:var(--text-secondary, #5F5F5F);top:1px;position:relative}._consultationInformations_jsaa0_94{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;min-height:50px}._consultationInformations_jsaa0_94 ._consultationLeft_jsaa0_104{display:flex!important}._consultationInformations_jsaa0_94 ._consultationGroupInformation_jsaa0_107{display:flex!important;align-items:center!important}._consultationInformations_jsaa0_94 ._consultationGroupInformation_jsaa0_107._consultationGroupRight_jsaa0_111{padding-right:var(--space-unit, 1em)!important}._consultationInformations_jsaa0_94 ._progressBarContainer_jsaa0_114{width:60%;display:flex!important;flex-direction:column!important;align-items:flex-end!important;font-size:var(--font-size-extra-small, 14px)}._consultationInformations_jsaa0_94 ._progressBarContainer_jsaa0_114 ._progress_jsaa0_114{margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;height:15px;width:100%;border-radius:var(--box-border-radius, 6px);background-color:var(--background-color-secondary, #E8E8E8)!important}._consultationInformations_jsaa0_94 ._progressBarContainer_jsaa0_114 ._bar_jsaa0_128{background-color:var(--call-primary-color, #434343)}._consultationInformations_jsaa0_94 ._progressBarContainer_jsaa0_114 ._totalVotes_jsaa0_131{margin-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_jsaa0_94 ._progressBarContainer_jsaa0_114 ._totalVotesPercentage_jsaa0_134{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_jsaa0_94 ._consultationTextInformation_jsaa0_137{padding-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;padding-top:10px!important}

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

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as l, Fragment as h } from "react/jsx-runtime";
+import { jsx as o, jsxs as l, Fragment as y } from "react/jsx-runtime";
 import B from "classnames";
-import { useState as f, useEffect as ae, useCallback as le, Suspense as ne, lazy as de } from "react";
+import { useState as _, useEffect as ae, useCallback as le, Suspense as ne, lazy as de } from "react";
 import { useIntl as ce } from "react-intl";
 import s from "./Argument.module.scss.js";
 import { ReplyFooter as pe } from "./ReplyFooter.js";
@@ -22,18 +22,18 @@ import { Button as Se } from "../../action/button/Button.js";
 const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), P = (e) => e?.replace(/ /g, " "), Te = ({
   argument: e,
   argumentReplies: n,
-  nestingLevel: y = 0,
-  maxNestingLevel: C = 2,
-  groupType: S,
-  groupName: R,
-  positions: _ = [],
+  nestingLevel: g = 0,
+  maxNestingLevel: S = 2,
+  groupType: R,
+  groupName: T,
+  positions: b = [],
   disableLinks: F = !1,
-  parentArgument: d,
+  parentArgument: c,
   flashParent: j,
   expandable: G,
-  disabled: g = !1,
-  hideFooter: T = !1,
-  hideReplies: N,
+  disabled: M = !1,
+  hideFooter: N = !1,
+  hideReplies: w,
   vote: H,
   fixedContentHeight: V = !1,
   enableEdition: z = !0,
@@ -44,7 +44,7 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
   replyRedirectUrl: K,
   hideContent: Q = !1
 }) => {
-  const i = ce(), { isLoggedIn: W, currentUser: c } = ue(), w = c?.moderation_status === "banned", r = he(), [p, b] = f(!1), [X, A] = f(!1), [Z, ee] = f(!1), x = me(e), [m, M] = f(), u = D(
+  const i = ce(), { isLoggedIn: W, currentUser: p } = ue(), A = p?.moderation_status === "banned", r = he(), [m, v] = _(!1), [X, x] = _(!1), [Z, ee] = _(!1), L = me(e), [u, h] = _(), f = D(
     e.content,
     e.language,
     "content",
@@ -54,21 +54,21 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
     e.position?.language,
     "name",
     e.position?.translation_entries
-  ), v = `argument_${e.id}`, I = e.position && _?.map((t) => t.id).indexOf(e.position.id) + 1;
+  ), I = `argument_${e.id}`, C = e.position && b?.map((t) => t.id).indexOf(e.position.id) + 1;
   ae(() => {
     n !== void 0 && ie();
   }, [n]);
   const oe = (t) => {
-    if (v === t) {
-      const $ = document.getElementById(t);
-      $ && $.scrollIntoView({ behavior: "smooth" }), A(!0);
+    if (I === t) {
+      const d = document.getElementById(t);
+      d && d.scrollIntoView({ behavior: "smooth" }), x(!0);
     }
-  }, L = () => {
+  }, U = () => {
     ee((t) => !t);
   }, k = () => {
-    b((t) => !t), M([]);
+    v((t) => !t), h([]);
   }, se = (t) => {
-    if (!m?.find((a) => a.id === t.id))
+    if (!u?.find((a) => a.id === t.id))
       return t;
   }, re = le((t, a) => /* @__PURE__ */ o(
     fe,
@@ -84,24 +84,24 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
       const t = n.filter(
         (a) => a.reply_to_id === e.id
       );
-      t.length > 0 && (M(t), b(!0));
+      t.length > 0 && (h(t), v(!0));
     }
-  }, U = (t = null) => /* @__PURE__ */ o(
+  }, $ = (t = null) => /* @__PURE__ */ o(
     Ne,
     {
       ...t ? { argument: t } : {},
-      nestingLevel: y + 1,
-      maxNestingLevel: C,
-      disabled: g,
-      groupName: R,
-      groupType: S,
-      positions: _,
+      nestingLevel: g + 1,
+      maxNestingLevel: S,
+      disabled: M,
+      groupName: T,
+      groupType: R,
+      positions: b,
       argumentReplies: n,
       parentArgument: e,
       flashParent: (a) => oe(`argument_${a}`)
     }
   );
-  return /* @__PURE__ */ l(ye, { elementId: v, onScroll: () => A(!0), children: [
+  return /* @__PURE__ */ l(ye, { elementId: I, onScroll: () => x(!0), children: [
     /* @__PURE__ */ l(
       "div",
       {
@@ -111,10 +111,10 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
             [s.flash]: X,
             [s.argumentReply]: e.is_reply === !0
           },
-          s[`level-${y}`],
-          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && I}`]
+          s[`level-${g}`],
+          s[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && C}`]
         ),
-        id: v,
+        id: I,
         children: [
           /* @__PURE__ */ o(
             _e,
@@ -123,7 +123,7 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
               author: e.author,
               tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : te.translatedContent,
               date: e.created_at,
-              tagClassName: s[`headerPosition-${I}`],
+              tagClassName: s[`headerPosition-${C}`],
               disableLinks: F,
               isDeleted: e.is_deleted,
               showModerationFeedback: q ?? (e.status === "rejected" && r.moderation?.showFeedback === !0),
@@ -138,7 +138,7 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
           }) }) : Q ? /* @__PURE__ */ o("div", { className: s.argumentDeletedBody, children: i.formatMessage({
             id: "argument.argument.content_deleted",
             defaultMessage: "This content has been removed."
-          }) }) : /* @__PURE__ */ l(h, { children: [
+          }) }) : /* @__PURE__ */ l(y, { children: [
             /* @__PURE__ */ l(
               "div",
               {
@@ -146,21 +146,21 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
                   [s.fixedHeight]: r?.layout?.showAllArgumentInEmbed !== !0 ? V : !1
                 }),
                 children: [
-                  e.is_reply && d && /* @__PURE__ */ l(
+                  e.is_reply && c && /* @__PURE__ */ l(
                     "div",
                     {
                       className: s.replyTo,
-                      onClick: () => j(d.id),
+                      onClick: () => j(c.id),
                       children: [
                         i.formatMessage({
                           id: "info.replying_to",
                           defaultMessage: "Replying to"
                         }),
                         /* @__PURE__ */ l("span", { className: s.replyingTo, children: [
-                          d.is_deleted ? i.formatMessage({
+                          c.is_deleted ? i.formatMessage({
                             id: "info.deleted",
                             defaultMessage: "Deleted"
-                          }) : d.author.full_name,
+                          }) : c.author.full_name,
                           /* @__PURE__ */ o(E, { name: "chat", height: 16 })
                         ] })
                       ]
@@ -169,23 +169,23 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
                   /* @__PURE__ */ o(
                     ge,
                     {
-                      content: /* @__PURE__ */ l(h, { children: [
+                      content: /* @__PURE__ */ l(y, { children: [
                         e.is_edited && /* @__PURE__ */ o("div", { className: s.edited, children: i.formatMessage({
                           id: "argument.argument.updated",
                           defaultMessage: "Updated argument"
                         }) }),
-                        x && !u.isTranslated ? /* @__PURE__ */ o(
+                        L && !f.isTranslated ? /* @__PURE__ */ o(
                           "div",
                           {
                             className: s.argumentContent,
-                            dangerouslySetInnerHTML: { __html: P(x) }
+                            dangerouslySetInnerHTML: { __html: P(L) }
                           }
-                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: P(u.translatedContent) }),
-                        u.isTranslated && /* @__PURE__ */ o(
+                        ) : /* @__PURE__ */ o("div", { className: s.argumentContent, children: P(f.translatedContent) }),
+                        f.isTranslated && /* @__PURE__ */ o(
                           be,
                           {
                             language: e.language,
-                            callback: () => u.toggleContent()
+                            callback: () => f.toggleContent()
                           }
                         )
                       ] }),
@@ -207,17 +207,17 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
             ),
             e.sources?.length > 0 && /* @__PURE__ */ o("div", { className: s.argumentSourcesList, children: e.sources.map(re) })
           ] }),
-          !T && !e.is_deleted && /* @__PURE__ */ o(
+          !N && !e.is_deleted && /* @__PURE__ */ o(
             Me,
             {
               resource: e,
-              disabled: g || e.status === "rejected" || !W && r?.actions?.disableInputForVisitor === !0 || w,
+              disabled: M || e.status === "rejected" || !W && r?.actions?.disableInputForVisitor === !0 || A,
               reportType: "Message",
               softDelete: r.actions?.softDelete,
               deleteType: "messages",
               deleteListId: Y,
-              enableReply: y <= C || c.role === "editor" || c.role === "moderator",
-              handleReplyTo: L,
+              enableReply: g <= S || p.role === "editor" || p.role === "moderator",
+              handleReplyTo: U,
               replyRedirectUrl: K,
               shareUrl: `https://app.logora.fr/share/a/${e.id}`,
               shareTitle: i.formatMessage({
@@ -242,18 +242,18 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
                   voteableId: e.id,
                   totalUpvote: e.upvotes,
                   totalDownvote: 0,
-                  activeClassName: s[`voteButtonPosition-${I}`],
-                  disabled: e.status === "rejected" || c?.id === e?.author?.id || w
+                  activeClassName: s[`voteButtonPosition-${C}`],
+                  disabled: e.status === "rejected" || p?.id === e?.author?.id || A
                 }
               )
             }
           ),
-          !T && !N && /* @__PURE__ */ o(
+          !N && !w && /* @__PURE__ */ o(
             pe,
             {
               numberReplies: e.number_replies,
               repliesAuthors: e.replies_authors,
-              expandReplies: p,
+              expandReplies: m,
               onToggleReplies: k,
               isReply: e.is_reply
             }
@@ -261,21 +261,26 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
         ]
       }
     ),
-    !N && /* @__PURE__ */ l(h, { children: [
+    !w && /* @__PURE__ */ l(y, { children: [
       Z && /* @__PURE__ */ o(ne, { fallback: null, children: /* @__PURE__ */ o(
         Re,
         {
           groupId: e.group_id,
-          groupType: S,
-          groupName: R,
-          positions: _,
+          groupType: R,
+          groupName: T,
+          positions: b,
           parentId: e.id,
           positionId: H?.position_id,
-          disabled: g,
+          disabled: M,
           hideSourceAction: r?.actions?.disableUserSources || !1,
           argumentListId: `argument_${e.id}_reply_list`,
           onSubmit: (t) => {
-            L(), M([t]), b(!0);
+            U(), h([t]), v(!0);
+          },
+          onUpdate: (t) => {
+            h(
+              (a) => a.map((d) => d.id === t.id ? t : d)
+            );
           },
           isReply: !0,
           avatarSize: 40,
@@ -288,8 +293,8 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
         },
         `Reply${e.id}`
       ) }),
-      m?.length > 0 && p && /* @__PURE__ */ o("div", { className: s.repliesList, children: m.map((t) => U(t)) }),
-      p && /* @__PURE__ */ o("div", { className: s.repliesList, children: /* @__PURE__ */ o(
+      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(
         Ie,
         {
           voteableType: "Message",
@@ -305,12 +310,12 @@ const Re = de(() => import("../../input/argument_input/index.js").then((e) => ({
           perPage: 5,
           display: "column",
           resourcePropName: "argument",
-          emptyListComponent: /* @__PURE__ */ o(h, {}),
+          emptyListComponent: /* @__PURE__ */ o(y, {}),
           transformData: (t) => se(t),
-          children: U(e)
+          children: $(e)
         }
       ) }),
-      m?.length > 0 && !p && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
+      u?.length > 0 && !m && /* @__PURE__ */ o("div", { className: s.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ o("div", { className: s.readMoreLink, children: /* @__PURE__ */ o(
         Se,
         {
           role: "link",

package/dist/components/consultation/consultation_box/ConsultationBox.module.scss.js

@@ -1,18 +1,18 @@
-import '../../../assets/components/consultation/consultation_box/ConsultationBox.module-BPJksgZ-.css';const o = "_container_e2zsr_3", n = "_consultationImageBox_e2zsr_18", t = "_consultationImage_e2zsr_18", s = "_consultationTime_e2zsr_31", a = "_ended_e2zsr_53", e = "_consultationTitle_e2zsr_57", i = "_iconVote_e2zsr_66", r = "_iconChat_e2zsr_70", c = "_consultationInformations_e2zsr_94", _ = "_consultationLeft_e2zsr_104", u = "_consultationGroupInformation_e2zsr_107", l = "_consultationGroupRight_e2zsr_111", m = "_progressBarContainer_e2zsr_114", z = "_progress_e2zsr_114", g = "_bar_e2zsr_128", I = "_consultationTextInformation_e2zsr_137", f = {
+import '../../../assets/components/consultation/consultation_box/ConsultationBox.module-CZB4qRb2.css';const o = "_container_jsaa0_3", n = "_consultationImageBox_jsaa0_18", t = "_consultationImage_jsaa0_18", a = "_consultationTime_jsaa0_31", s = "_ended_jsaa0_53", i = "_consultationTitle_jsaa0_57", c = "_iconVote_jsaa0_66", _ = "_iconChat_jsaa0_70", e = "_consultationInformations_jsaa0_94", r = "_consultationLeft_jsaa0_104", u = "_consultationGroupInformation_jsaa0_107", l = "_consultationGroupRight_jsaa0_111", m = "_progressBarContainer_jsaa0_114", j = "_progress_jsaa0_114", g = "_bar_jsaa0_128", I = "_consultationTextInformation_jsaa0_137", f = {
   container: o,
   consultationImageBox: n,
   consultationImage: t,
-  consultationTime: s,
-  ended: a,
-  consultationTitle: e,
-  iconVote: i,
-  iconChat: r,
-  consultationInformations: c,
-  consultationLeft: _,
+  consultationTime: a,
+  ended: s,
+  consultationTitle: i,
+  iconVote: c,
+  iconChat: _,
+  consultationInformations: e,
+  consultationLeft: r,
   consultationGroupInformation: u,
   consultationGroupRight: l,
   progressBarContainer: m,
-  progress: z,
+  progress: j,
   bar: g,
   consultationTextInformation: I
 };
@@ -22,16 +22,16 @@ export {
   l as consultationGroupRight,
   t as consultationImage,
   n as consultationImageBox,
-  c as consultationInformations,
-  _ as consultationLeft,
+  e as consultationInformations,
+  r as consultationLeft,
   I as consultationTextInformation,
-  s as consultationTime,
-  e as consultationTitle,
+  a as consultationTime,
+  i as consultationTitle,
   o as container,
   f as default,
-  a as ended,
-  r as iconChat,
-  i as iconVote,
-  z as progress,
+  s as ended,
+  _ as iconChat,
+  c as iconVote,
+  j as progress,
   m as progressBarContainer
 };

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

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

package/package.json

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

package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-BPJksgZ-.css

@@ -1 +0,0 @@
-._container_e2zsr_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;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:var(--background-color-primary, white)}._container_e2zsr_3 a{text-decoration:none!important;color:var(--text-primary, #222222)!important}._consultationImageBox_e2zsr_18{position:relative}._consultationImage_e2zsr_18{border-top-right-radius:var(--box-border-radius, 6px);border-top-left-radius:var(--box-border-radius, 6px);width:100%;aspect-ratio:16/9;object-fit:cover;display:block}._consultationTime_e2zsr_31{display:flex!important;align-items:center!important;position:absolute;left:var(--space-unit, 1em);bottom:var(--space-unit, 1em);padding-right:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-left:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;background-color:var(--call-primary-color, #434343);border-radius:var(--box-border-radius, 6px);font-size:var(--font-size-normal, 16px);color:var(--text-light, white);max-width:93%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._consultationTime_e2zsr_31 span{color:var(--text-light, white)}._consultationTime_e2zsr_31._ended_e2zsr_53{background-color:var(--call-primary-color, #434343)}._consultationTitle_e2zsr_57{padding-top:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700)}._iconVote_e2zsr_66{padding-top:3px!important}._iconChat_e2zsr_70{padding-top:6px!important}._consultationButtonContainer_e2zsr_74{display:flex!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-bottom:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px)}._consultationButtonContainer_e2zsr_74:hover{text-decoration:underline;text-decoration-color:var(--text-secondary, #5F5F5F)}._consultationButtonContainer_e2zsr_74 ._arrowIcon_e2zsr_86{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;transform:rotate(180deg);fill:var(--text-secondary, #5F5F5F);top:1px;position:relative}._consultationInformations_e2zsr_94{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;min-height:50px}._consultationInformations_e2zsr_94 ._consultationLeft_e2zsr_104{display:flex!important}._consultationInformations_e2zsr_94 ._consultationGroupInformation_e2zsr_107{display:flex!important;align-items:center!important}._consultationInformations_e2zsr_94 ._consultationGroupInformation_e2zsr_107._consultationGroupRight_e2zsr_111{padding-right:var(--space-unit, 1em)!important}._consultationInformations_e2zsr_94 ._progressBarContainer_e2zsr_114{width:60%;display:flex!important;flex-direction:column!important;align-items:flex-end!important;font-size:var(--font-size-extra-small, 14px)}._consultationInformations_e2zsr_94 ._progressBarContainer_e2zsr_114 ._progress_e2zsr_114{margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;height:15px;width:100%;border-radius:var(--box-border-radius, 6px);background-color:var(--background-color-secondary, #E8E8E8)!important}._consultationInformations_e2zsr_94 ._progressBarContainer_e2zsr_114 ._bar_e2zsr_128{background-color:var(--call-primary-color, #434343)}._consultationInformations_e2zsr_94 ._progressBarContainer_e2zsr_114 ._totalVotes_e2zsr_131{margin-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_e2zsr_94 ._progressBarContainer_e2zsr_114 ._totalVotesPercentage_e2zsr_134{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_e2zsr_94 ._consultationTextInformation_e2zsr_137{padding-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;padding-top:10px!important}