@logora/debate 0.3.80 → 0.3.81

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

@@ -1,75 +1,55 @@
-import { jsx as t, Fragment as d, jsxs as n } from "react/jsx-runtime";
-import l from "classnames";
+import { jsx as t, Fragment as g, jsxs as s } from "react/jsx-runtime";
+import i from "classnames";
 import { useMemo as p } from "react";
-import { useIntl as f, FormattedMessage as a } from "react-intl";
+import { useIntl as f, FormattedMessage as h } from "react-intl";
 import o from "./ConsultationBox.module.scss.js";
-import { useRelativeTime as _ } from "../../hooks/use_relative_time/useRelativeTime.js";
 import { useRoutes as v } from "../../data/config_provider/useRoutes.js";
 import { useResponsive as N } from "../../hooks/use_responsive/useResponsive.js";
-import { Link as c } from "../../action/link/Link.js";
-import { TranslatedContent as w } from "../../translation/translated_content/TranslatedContent.js";
-import { Icon as m } from "../../icons/icon/Icon.js";
+import { Link as r } from "../../action/link/Link.js";
+import { TranslatedContent as _ } from "../../translation/translated_content/TranslatedContent.js";
+import { Tooltip as m } from "../../dialog/tooltip/Tooltip.js";
+import { Icon as d } from "../../icons/icon/Icon.js";
 import { ProgressBar as x } from "../../progress/progress_bar/ProgressBar.js";
-const D = ({ consultation: e }) => {
-  const u = f(), i = p(() => /* @__PURE__ */ new Date()), s = new Date(e.ends_at), g = _(s.getTime()), r = v(), { isMobile: C } = N(), h = () => s < i ? /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
-    a,
-    {
-      id: "consultation.consultation_box.consultation_ended",
-      defaultMessage: "Consultation ended"
-    }
-  ) }) : /* @__PURE__ */ n(d, { children: [
-    /* @__PURE__ */ n("span", { children: [
+const P = ({ consultation: e, showVoteProgress: u = !0 }) => {
+  const a = f(), l = p(() => /* @__PURE__ */ new Date()), c = new Date(e.ends_at), n = v(), { isMobile: I } = N();
+  return /* @__PURE__ */ t(g, { children: /* @__PURE__ */ s("div", { className: o.container, children: [
+    /* @__PURE__ */ s("div", { className: o.consultationImageBox, children: [
       /* @__PURE__ */ t(
-        a,
+        r,
         {
-          id: "consultation.consultation_box.in_progress",
-          defaultMessage: "Consultation in progress"
+          to: n.consultationShowLocation.toUrl({
+            consultationSlug: e.slug
+          }),
+          children: /* @__PURE__ */ t(
+            "img",
+            {
+              loading: "lazy",
+              className: o.consultationImage,
+              src: e.image_url,
+              alt: a.formatMessage({
+                id: "consultation.consultation_box.alt",
+                defaultMessage: "Presentation image for the consultation"
+              })
+            }
+          )
         }
       ),
-      " ",
-      "-",
-      " "
+      e.ends_at && c < l && /* @__PURE__ */ t("div", { className: i(o.consultationTime, o.ended), children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
+        h,
+        {
+          id: "consultation.consultation_box.consultation_ended",
+          defaultMessage: "Consultation ended"
+        }
+      ) }) })
     ] }),
-    /* @__PURE__ */ t("span", { children: g })
-  ] });
-  return /* @__PURE__ */ t(d, { children: /* @__PURE__ */ n("div", { className: o.container, children: [
     /* @__PURE__ */ t(
-      c,
+      r,
       {
-        to: r.consultationShowLocation.toUrl({
-          consultationSlug: e.slug
-        }),
-        children: /* @__PURE__ */ t(
-          "img",
-          {
-            loading: "lazy",
-            className: o.consultationImage,
-            src: e.image_url,
-            alt: u.formatMessage({
-              id: "consultation.consultation_box.alt",
-              defaultMessage: "Presentation image for the consultation"
-            })
-          }
-        )
-      }
-    ),
-    e.ends_at && /* @__PURE__ */ t(
-      "div",
-      {
-        className: l(o.consultationTime, {
-          [o.ended]: s < i
-        }),
-        children: h()
-      }
-    ),
-    /* @__PURE__ */ t(
-      c,
-      {
-        to: r.consultationShowLocation.toUrl({
+        to: n.consultationShowLocation.toUrl({
           consultationSlug: e.slug
         }),
         children: /* @__PURE__ */ t("div", { className: o.consultationTitle, children: /* @__PURE__ */ t(
-          w,
+          _,
           {
             originalContent: e.title,
             originalLanguage: e.language,
@@ -80,72 +60,61 @@ const D = ({ consultation: e }) => {
       }
     ),
     /* @__PURE__ */ t(
-      c,
+      r,
       {
-        to: r.consultationShowLocation.toUrl({
+        to: n.consultationShowLocation.toUrl({
           consultationSlug: e.slug
-        }),
-        children: /* @__PURE__ */ n("div", { className: o.consultationButtonContainer, children: [
-          e.ends_at && s < i ? /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
-            a,
-            {
-              id: "consultation.consultation_box.action_show_result",
-              defaultMessage: "Show result"
-            }
-          ) }) : /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
-            a,
-            {
-              id: "consultation.consultation_box.action_consultation_participate",
-              defaultMessage: "Participate"
-            }
-          ) }),
-          /* @__PURE__ */ t(
-            m,
-            {
-              name: "arrow",
-              width: 18,
-              height: 18,
-              className: o.arrowIcon
-            }
-          )
-        ] })
+        })
       }
     ),
-    /* @__PURE__ */ n("div", { className: o.consultationInformations, children: [
-      /* @__PURE__ */ n("div", { className: o.consultationLeft, children: [
-        /* @__PURE__ */ n(
-          "div",
+    /* @__PURE__ */ s("div", { className: o.consultationInformations, children: [
+      /* @__PURE__ */ s("div", { className: o.consultationLeft, children: [
+        /* @__PURE__ */ t(
+          m,
           {
-            className: l(
-              o.consultationGroupInformation,
-              o.consultationGroupRight
-            ),
-            children: [
-              /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.proposals_count }),
-              /* @__PURE__ */ t(m, { name: "chat", width: 15, height: 20 })
-            ]
+            text: a.formatMessage({
+              id: "info.votes_count",
+              defaultMessage: "Number of votes"
+            }),
+            position: "top",
+            children: /* @__PURE__ */ s(
+              "div",
+              {
+                className: i(
+                  o.consultationGroupInformation,
+                  o.consultationGroupRight
+                ),
+                children: [
+                  /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.total_votes }),
+                  /* @__PURE__ */ t(d, { name: "votebox", width: 15, height: 20, className: o.iconVote })
+                ]
+              }
+            )
           }
         ),
-        /* @__PURE__ */ n("div", { className: o.consultationGroupInformation, children: [
-          /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.total_participants }),
-          /* @__PURE__ */ t(m, { name: "user", width: 15, height: 20 })
-        ] })
+        /* @__PURE__ */ t(
+          m,
+          {
+            text: a.formatMessage({
+              id: "info.proposals_count",
+              defaultMessage: "Number of proposals"
+            }),
+            position: "top",
+            children: /* @__PURE__ */ s("div", { className: o.consultationGroupInformation, children: [
+              /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.proposals_count }),
+              /* @__PURE__ */ t(d, { name: "chat", width: 15, height: 20, className: o.iconChat })
+            ] })
+          }
+        )
       ] }),
-      e.vote_goal > 0 && /* @__PURE__ */ t(
+      u && e.vote_goal > 0 && c > l && /* @__PURE__ */ t(
         "div",
         {
-          className: l(
+          className: i(
             o.consultationGroupInformation,
             o.progressBarContainer
           ),
-          children: s < i ? /* @__PURE__ */ t(
-            a,
-            {
-              id: "consultation.consultation_box.stats_votes",
-              values: { votesCount: e.total_votes },
-              defaultMessage: "{votesCount} votes"
-            }
-          ) : /* @__PURE__ */ t(
+          children: /* @__PURE__ */ t(
             x,
             {
               className: o.progress,
@@ -162,5 +131,5 @@ const D = ({ consultation: e }) => {
   ] }) });
 };
 export {
-  D as ConsultationBox
+  P as ConsultationBox
 };

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

@@ -1,35 +1,37 @@
-import '../../../assets/components/consultation/consultation_box/ConsultationBox.module-BnTr5IaF.css';const o = "_container_1k9w3_3", n = "_consultationImage_1k9w3_18", t = "_consultationTime_1k9w3_26", s = "_ended_1k9w3_36", a = "_consultationTitle_1k9w3_40", i = "_consultationButtonContainer_1k9w3_49", c = "_arrowIcon_1k9w3_61", r = "_consultationInformations_1k9w3_67", _ = "_consultationLeft_1k9w3_78", e = "_consultationGroupInformation_1k9w3_81", u = "_consultationGroupRight_1k9w3_85", l = "_progressBarContainer_1k9w3_88", w = "_progress_1k9w3_88", k = "_bar_1k9w3_102", m = "_consultationTextInformation_1k9w3_111", I = {
-  container: o,
+import '../../../assets/components/consultation/consultation_box/ConsultationBox.module-DjNiVt-p.css';const t = "_container_tvku5_3", o = "_consultationImageBox_tvku5_19", n = "_consultationImage_tvku5_19", s = "_consultationTime_tvku5_32", a = "_ended_tvku5_54", i = "_consultationTitle_tvku5_58", c = "_iconVote_tvku5_69", u = "_iconChat_tvku5_73", _ = "_consultationInformations_tvku5_97", e = "_consultationLeft_tvku5_107", r = "_consultationGroupInformation_tvku5_110", l = "_consultationGroupRight_tvku5_114", m = "_progressBarContainer_tvku5_117", k = "_progress_tvku5_117", v = "_bar_tvku5_131", g = "_consultationTextInformation_tvku5_140", I = {
+  container: t,
+  consultationImageBox: o,
   consultationImage: n,
-  consultationTime: t,
-  ended: s,
-  consultationTitle: a,
-  consultationButtonContainer: i,
-  arrowIcon: c,
-  consultationInformations: r,
-  consultationLeft: _,
-  consultationGroupInformation: e,
-  consultationGroupRight: u,
-  progressBarContainer: l,
-  progress: w,
-  bar: k,
-  consultationTextInformation: m
+  consultationTime: s,
+  ended: a,
+  consultationTitle: i,
+  iconVote: c,
+  iconChat: u,
+  consultationInformations: _,
+  consultationLeft: e,
+  consultationGroupInformation: r,
+  consultationGroupRight: l,
+  progressBarContainer: m,
+  progress: k,
+  bar: v,
+  consultationTextInformation: g
 };
 export {
-  c as arrowIcon,
-  k as bar,
-  i as consultationButtonContainer,
-  e as consultationGroupInformation,
-  u as consultationGroupRight,
+  v as bar,
+  r as consultationGroupInformation,
+  l as consultationGroupRight,
   n as consultationImage,
-  r as consultationInformations,
-  _ as consultationLeft,
-  m as consultationTextInformation,
-  t as consultationTime,
-  a as consultationTitle,
-  o as container,
+  o as consultationImageBox,
+  _ as consultationInformations,
+  e as consultationLeft,
+  g as consultationTextInformation,
+  s as consultationTime,
+  i as consultationTitle,
+  t as container,
   I as default,
-  s as ended,
-  w as progress,
-  l as progressBarContainer
+  a as ended,
+  u as iconChat,
+  c as iconVote,
+  k as progress,
+  m as progressBarContainer
 };

package/dist/components/dialog/dropdown/Dropdown.js

@@ -1,43 +1,50 @@
-import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import l from "classnames";
-import { useState as u, useRef as x } from "react";
-import v from "use-onclickoutside";
-import e from "./Dropdown.module.scss.js";
-const y = ({
-  onClick: t,
-  horizontalPosition: s = "left",
-  disabled: p = !1,
-  className: i,
-  dropdownClassName: n,
-  children: d
+import { jsxs as w, jsx as i } from "react/jsx-runtime";
+import u from "classnames";
+import { useState as g, useRef as x, useEffect as E } from "react";
+import t from "./Dropdown.module.scss.js";
+const k = ({
+  onClick: s,
+  horizontalPosition: c = "left",
+  disabled: l = !1,
+  closeOnContentClick: m = !1,
+  className: d,
+  dropdownClassName: a,
+  children: f
 }) => {
-  const [o, r] = u(!1), f = x(null), a = () => {
-    p || (t && t(), r(!o));
+  const [r, o] = g(!1), n = x(null), p = () => {
+    l || (s && s(), o(!r));
   };
-  return v(f, () => r(!1)), /* @__PURE__ */ m(
+  return E(() => {
+    const e = (v) => {
+      n.current && !n.current.contains(v.target) && o(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []), /* @__PURE__ */ w(
     "div",
     {
-      ref: f,
-      className: l(e.dropdownWrapper, { [i]: i }),
+      ref: n,
+      className: u(t.dropdownWrapper, { [d]: d }),
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ i(
           "button",
           {
             type: "button",
-            "aria-expanded": o,
-            className: e.dropdownHeader,
-            onClick: a,
-            children: d[0]
+            "aria-expanded": r,
+            className: t.dropdownHeader,
+            onClick: p,
+            children: f[0]
           }
         ),
-        o && /* @__PURE__ */ c(
+        r && /* @__PURE__ */ i(
           "div",
           {
-            className: n || l(e.dropdownList, {
-              [e[s]]: s
+            className: a || u(t.dropdownList, {
+              [t[c]]: c
             }),
-            onClick: () => r(!1),
-            children: d[1]
+            onClick: (e) => {
+              (m || e.target === e.currentTarget) && o(!1);
+            },
+            children: f[1]
           }
         )
       ]
@@ -45,5 +52,5 @@ const y = ({
   );
 };
 export {
-  y as Dropdown
+  k as Dropdown
 };

package/dist/components/icons/spiegel_icons/Downvote.js

@@ -0,0 +1,6 @@
+import { jsx as L } from "react/jsx-runtime";
+import "react";
+const H = (C) => /* @__PURE__ */ L("svg", { viewBox: "0 0 50 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ L("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M25.1109 48.0906C29.3616 48.0903 32.8082 44.644 32.8082 40.3933V32.697H41.2457C44.8599 32.6967 47.5856 29.4125 46.9195 25.8601L43.3121 6.61792L43.2584 6.36401C42.6504 3.76613 40.329 1.9092 37.6383 1.90894H25.0035L24.5572 1.92261C23.6651 1.97446 22.7885 2.18144 21.9674 2.53394L21.5621 2.72241L16.3023 5.35132C15.835 5.58497 15.3253 5.72136 14.8053 5.75171L14.5816 5.75757H9.71738L2.01953 5.7578V28.8484L9.71738 28.8484H15.4898L19.0963 34.2576C19.2556 34.4966 19.3594 34.7691 19.4 35.0535L21.0269 46.4382C21.1624 47.3861 21.9738 48.0904 22.9312 48.0906H25.1109ZM21.5924 32.5935C22.0001 33.2052 22.2657 33.9009 22.3697 34.6287L23.8648 45.0906H25.1109C27.7047 45.0903 29.8082 42.9872 29.8082 40.3933V29.697H41.2457C42.9815 29.6967 44.2911 28.119 43.9713 26.4128L40.3629 7.17065C40.1169 5.85969 38.9721 4.90921 37.6383 4.90894H25.0035C24.2746 4.90899 23.5549 5.07912 22.9029 5.40503L17.6441 8.03491C16.6934 8.51025 15.6446 8.75748 14.5816 8.75757H12.7174V25.8484H17.0953L21.5924 32.5935Z" }) });
+export {
+  H as Downvote
+};

package/dist/components/icons/spiegel_icons/Upvote.js

@@ -0,0 +1,6 @@
+import { jsx as L } from "react/jsx-runtime";
+import "react";
+const H = (C) => /* @__PURE__ */ L("svg", { viewBox: "0 0 50 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ L("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M32.8082 9.60669C32.8082 5.35599 29.3616 1.90969 25.1109 1.90942H22.9312C21.9738 1.90957 21.1624 2.61392 21.0269 3.56177L19.4 14.9465C19.3594 15.2309 19.2556 15.5034 19.0963 15.7424L15.4898 21.1516H9.7164L2.01953 21.1516V44.2422L9.7164 44.2424H14.5816L14.8053 44.2483C15.3253 44.2786 15.835 44.415 16.3023 44.6487L21.5621 47.2776L21.9674 47.4661C22.7885 47.8186 23.6651 48.0255 24.5572 48.0774L25.0035 48.0911H37.6383C40.329 48.0908 42.6504 46.2339 43.2584 43.636L43.3121 43.3821L46.9195 24.1399C47.5856 20.5875 44.8599 17.3033 41.2457 17.303H32.8082V9.60669ZM21.5924 17.4065C22.0001 16.7948 22.2657 16.0991 22.3697 15.3713L23.8648 4.90942H25.1109C27.7047 4.90969 29.8082 7.01284 29.8082 9.60669V20.303H41.2457C42.9815 20.3033 44.2911 21.881 43.9713 23.5872L40.3629 42.8293C40.1169 44.1403 38.9721 45.0908 37.6383 45.0911H25.0035C24.2746 45.091 23.5549 44.9209 22.9029 44.595L17.6441 41.9651C16.6934 41.4897 15.6446 41.2425 14.5816 41.2424H12.7164V24.1516H17.0953L21.5924 17.4065Z" }) });
+export {
+  H as Upvote
+};

package/dist/components/icons/spiegel_icons/index.js

@@ -24,79 +24,79 @@ import { Suggestion as J } from "./Suggestion.js";
 import { Underline as W } from "./Underline.js";
 import { Votebox as Y } from "./Votebox.js";
 import { CheckCircle as _ } from "./CheckCircle.js";
-import { MinusCircle as oo } from "./MinusCircle.js";
-import { Flag as eo } from "./Flag.js";
-import { PauseCircle as mo } from "./PauseCircle.js";
-import { Alarm as xo } from "../regular_icons/Alarm.js";
-import { Announcement as lo } from "../regular_icons/Announcement.js";
-import { Arrow as no } from "../regular_icons/Arrow.js";
-import { Camera as Co } from "../regular_icons/Camera.js";
-import { Check as so } from "../regular_icons/Check.js";
-import { Code as ho } from "../regular_icons/Code.js";
-import { Community as go } from "../regular_icons/Community.js";
-import { Downvote as So } from "../regular_icons/Downvote.js";
-import { Home as Ao } from "../regular_icons/Home.js";
-import { Logora as Mo } from "../regular_icons/Logora.js";
-import { MobileMenu as Uo } from "../regular_icons/MobileMenu.js";
-import { Next as yo } from "../regular_icons/Next.js";
-import { OpenBlank as Fo } from "../regular_icons/OpenBlank.js";
-import { Point as Po } from "../regular_icons/Point.js";
-import { Refresh as qo } from "../regular_icons/Refresh.js";
-import { Search as Ho } from "../regular_icons/Search.js";
-import { Send as No } from "../regular_icons/Send.js";
-import { Source as To } from "../regular_icons/Source.js";
-import { Twitter as jo } from "../regular_icons/Twitter.js";
-import { Upvote as Go } from "../regular_icons/Upvote.js";
+import { Downvote as oo } from "./Downvote.js";
+import { MinusCircle as eo } from "./MinusCircle.js";
+import { Upvote as mo } from "./Upvote.js";
+import { Flag as xo } from "./Flag.js";
+import { PauseCircle as lo } from "./PauseCircle.js";
+import { Alarm as no } from "../regular_icons/Alarm.js";
+import { Announcement as Co } from "../regular_icons/Announcement.js";
+import { Arrow as so } from "../regular_icons/Arrow.js";
+import { Camera as ho } from "../regular_icons/Camera.js";
+import { Check as go } from "../regular_icons/Check.js";
+import { Code as So } from "../regular_icons/Code.js";
+import { Community as Ao } from "../regular_icons/Community.js";
+import { Home as Mo } from "../regular_icons/Home.js";
+import { Logora as Uo } from "../regular_icons/Logora.js";
+import { MobileMenu as yo } from "../regular_icons/MobileMenu.js";
+import { Next as Fo } from "../regular_icons/Next.js";
+import { OpenBlank as Po } from "../regular_icons/OpenBlank.js";
+import { Point as qo } from "../regular_icons/Point.js";
+import { Refresh as Ho } from "../regular_icons/Refresh.js";
+import { Search as No } from "../regular_icons/Search.js";
+import { Send as To } from "../regular_icons/Send.js";
+import { Source as jo } from "../regular_icons/Source.js";
+import { Twitter as Go } from "../regular_icons/Twitter.js";
 import { User as Ko } from "../regular_icons/User.js";
 export {
-  xo as Alarm,
-  lo as Announcement,
-  no as Arrow,
+  no as Alarm,
+  Co as Announcement,
+  so as Arrow,
   e as Blockquote,
   m as Bold,
-  Co as Camera,
+  ho as Camera,
   x as Chat,
-  so as Check,
+  go as Check,
   _ as CheckCircle,
   l as Checkbox,
   n as Clap,
   C as Clock,
   s as Close,
-  ho as Code,
-  go as Community,
+  So as Code,
+  Ao as Community,
   h as Crown,
-  So as Downvote,
+  oo as Downvote,
   d as Ellipsis,
   w as ExpertBadge,
   b as Facebook,
-  eo as Flag,
-  Ao as Home,
+  xo as Flag,
+  Mo as Home,
   L as Italic,
   B as LightArrow,
   v as Link,
   E as Login,
-  Mo as Logora,
+  Uo as Logora,
   O as Mail,
-  oo as MinusCircle,
+  eo as MinusCircle,
   R as MobileClose,
-  Uo as MobileMenu,
-  yo as Next,
-  Fo as OpenBlank,
+  yo as MobileMenu,
+  Fo as Next,
+  Po as OpenBlank,
   D as OrderedList,
-  mo as PauseCircle,
-  Po as Point,
+  lo as PauseCircle,
+  qo as Point,
   I as Question,
-  qo as Refresh,
+  Ho as Refresh,
   Q as Reply,
-  Ho as Search,
-  No as Send,
+  No as Search,
+  To as Send,
   V as Share,
   z as SmallArrow,
-  To as Source,
+  jo as Source,
   J as Suggestion,
-  jo as Twitter,
+  Go as Twitter,
   W as Underline,
-  Go as Upvote,
+  mo as Upvote,
   Ko as User,
   Y as Votebox
 };