@logora/debate 0.3.79 → 0.3.80

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

@@ -1,55 +1,75 @@
-import { jsx as t, Fragment as g, jsxs as s } from "react/jsx-runtime";
-import i from "classnames";
+import { jsx as t, Fragment as d, jsxs as n } from "react/jsx-runtime";
+import l from "classnames";
 import { useMemo as p } from "react";
-import { useIntl as f, FormattedMessage as h } from "react-intl";
+import { useIntl as f, FormattedMessage as a } 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 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 { 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 { ProgressBar as x } from "../../progress/progress_bar/ProgressBar.js";
-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: [
+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: [
       /* @__PURE__ */ t(
-        r,
+        a,
         {
-          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"
-              })
-            }
-          )
+          id: "consultation.consultation_box.in_progress",
+          defaultMessage: "Consultation in progress"
         }
       ),
-      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(
-      r,
+      c,
       {
-        to: n.consultationShowLocation.toUrl({
+        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({
           consultationSlug: e.slug
         }),
         children: /* @__PURE__ */ t("div", { className: o.consultationTitle, children: /* @__PURE__ */ t(
-          _,
+          w,
           {
             originalContent: e.title,
             originalLanguage: e.language,
@@ -60,61 +80,72 @@ const P = ({ consultation: e, showVoteProgress: u = !0 }) => {
       }
     ),
     /* @__PURE__ */ t(
-      r,
+      c,
       {
-        to: n.consultationShowLocation.toUrl({
+        to: r.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__ */ s("div", { className: o.consultationInformations, children: [
-      /* @__PURE__ */ s("div", { className: o.consultationLeft, children: [
-        /* @__PURE__ */ t(
-          m,
-          {
-            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__ */ t(
-          m,
+    /* @__PURE__ */ n("div", { className: o.consultationInformations, children: [
+      /* @__PURE__ */ n("div", { className: o.consultationLeft, children: [
+        /* @__PURE__ */ n(
+          "div",
           {
-            text: a.formatMessage({
-              id: "info.proposals_count",
-              defaultMessage: "Number of proposals"
-            }),
-            position: "top",
-            children: /* @__PURE__ */ s("div", { className: o.consultationGroupInformation, children: [
+            className: l(
+              o.consultationGroupInformation,
+              o.consultationGroupRight
+            ),
+            children: [
               /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.proposals_count }),
-              /* @__PURE__ */ t(d, { name: "chat", width: 15, height: 20, className: o.iconChat })
-            ] })
+              /* @__PURE__ */ t(m, { name: "chat", width: 15, height: 20 })
+            ]
           }
-        )
+        ),
+        /* @__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 })
+        ] })
       ] }),
-      u && e.vote_goal > 0 && c > l && /* @__PURE__ */ t(
+      e.vote_goal > 0 && /* @__PURE__ */ t(
         "div",
         {
-          className: i(
+          className: l(
             o.consultationGroupInformation,
             o.progressBarContainer
           ),
-          children: /* @__PURE__ */ t(
+          children: s < i ? /* @__PURE__ */ t(
+            a,
+            {
+              id: "consultation.consultation_box.stats_votes",
+              values: { votesCount: e.total_votes },
+              defaultMessage: "{votesCount} votes"
+            }
+          ) : /* @__PURE__ */ t(
             x,
             {
               className: o.progress,
@@ -131,5 +162,5 @@ const P = ({ consultation: e, showVoteProgress: u = !0 }) => {
   ] }) });
 };
 export {
-  P as ConsultationBox
+  D as ConsultationBox
 };

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

@@ -1,37 +1,35 @@
-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,
+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,
   consultationImage: n,
-  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
+  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
 };
 export {
-  v as bar,
-  r as consultationGroupInformation,
-  l as consultationGroupRight,
+  c as arrowIcon,
+  k as bar,
+  i as consultationButtonContainer,
+  e as consultationGroupInformation,
+  u as consultationGroupRight,
   n as consultationImage,
-  o as consultationImageBox,
-  _ as consultationInformations,
-  e as consultationLeft,
-  g as consultationTextInformation,
-  s as consultationTime,
-  i as consultationTitle,
-  t as container,
+  r as consultationInformations,
+  _ as consultationLeft,
+  m as consultationTextInformation,
+  t as consultationTime,
+  a as consultationTitle,
+  o as container,
   I as default,
-  a as ended,
-  u as iconChat,
-  c as iconVote,
-  k as progress,
-  m as progressBarContainer
+  s as ended,
+  w as progress,
+  l as progressBarContainer
 };

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

@@ -1,50 +1,43 @@
-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
+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
 }) => {
-  const [r, o] = g(!1), n = x(null), p = () => {
-    l || (s && s(), o(!r));
+  const [o, r] = u(!1), f = x(null), a = () => {
+    p || (t && t(), r(!o));
   };
-  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(
+  return v(f, () => r(!1)), /* @__PURE__ */ m(
     "div",
     {
-      ref: n,
-      className: u(t.dropdownWrapper, { [d]: d }),
+      ref: f,
+      className: l(e.dropdownWrapper, { [i]: i }),
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            "aria-expanded": r,
-            className: t.dropdownHeader,
-            onClick: p,
-            children: f[0]
+            "aria-expanded": o,
+            className: e.dropdownHeader,
+            onClick: a,
+            children: d[0]
           }
         ),
-        r && /* @__PURE__ */ i(
+        o && /* @__PURE__ */ c(
           "div",
           {
-            className: a || u(t.dropdownList, {
-              [t[c]]: c
+            className: n || l(e.dropdownList, {
+              [e[s]]: s
             }),
-            onClick: (e) => {
-              (m || e.target === e.currentTarget) && o(!1);
-            },
-            children: f[1]
+            onClick: () => r(!1),
+            children: d[1]
           }
         )
       ]
@@ -52,5 +45,5 @@ const k = ({
   );
 };
 export {
-  k as Dropdown
+  y as Dropdown
 };

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