@logora/debate 0.3.68 → 0.3.69

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-D2an6OmR.css';const o = "_container_1fmcx_3", n = "_consultationImageBox_1fmcx_18", t = "_consultationImage_1fmcx_18", c = "_consultationTime_1fmcx_31", s = "_ended_1fmcx_53", a = "_consultationTitle_1fmcx_57", i = "_iconVote_1fmcx_66", _ = "_iconChat_1fmcx_70", e = "_consultationInformations_1fmcx_94", r = "_consultationLeft_1fmcx_104", m = "_consultationGroupInformation_1fmcx_107", u = "_consultationGroupRight_1fmcx_111", l = "_progressBarContainer_1fmcx_114", f = "_progress_1fmcx_114", x = "_bar_1fmcx_128", g = "_consultationTextInformation_1fmcx_137", I = {
+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,
-  consultationImageBox: n,
-  consultationImage: t,
-  consultationTime: c,
+  consultationImage: n,
+  consultationTime: t,
   ended: s,
   consultationTitle: a,
-  iconVote: i,
-  iconChat: _,
-  consultationInformations: e,
-  consultationLeft: r,
-  consultationGroupInformation: m,
+  consultationButtonContainer: i,
+  arrowIcon: c,
+  consultationInformations: r,
+  consultationLeft: _,
+  consultationGroupInformation: e,
   consultationGroupRight: u,
   progressBarContainer: l,
-  progress: f,
-  bar: x,
-  consultationTextInformation: g
+  progress: w,
+  bar: k,
+  consultationTextInformation: m
 };
 export {
-  x as bar,
-  m as consultationGroupInformation,
+  c as arrowIcon,
+  k as bar,
+  i as consultationButtonContainer,
+  e as consultationGroupInformation,
   u as consultationGroupRight,
-  t as consultationImage,
-  n as consultationImageBox,
-  e as consultationInformations,
-  r as consultationLeft,
-  g as consultationTextInformation,
-  c as consultationTime,
+  n as consultationImage,
+  r as consultationInformations,
+  _ as consultationLeft,
+  m as consultationTextInformation,
+  t as consultationTime,
   a as consultationTitle,
   o as container,
   I as default,
   s as ended,
-  _ as iconChat,
-  i as iconVote,
-  f as progress,
+  w as progress,
   l as progressBarContainer
 };

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
 };

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

@@ -1,104 +1,74 @@
 import { ExpertBadge as e } from "./ExpertBadge.js";
-import { Alarm as m } from "../regular_icons/Alarm.js";
-import { Announcement as x } from "../regular_icons/Announcement.js";
-import { Arrow as l } from "../regular_icons/Arrow.js";
-import { Blockquote as n } from "../regular_icons/Blockquote.js";
-import { Bold as C } from "../regular_icons/Bold.js";
-import { Camera as s } from "../regular_icons/Camera.js";
-import { Chat as h } from "../regular_icons/Chat.js";
-import { Check as d } from "../regular_icons/Check.js";
-import { CheckCircle as w } from "../regular_icons/CheckCircle.js";
-import { Checkbox as b } from "../regular_icons/Checkbox.js";
-import { Clap as L } from "../regular_icons/Clap.js";
-import { Clock as B } from "../regular_icons/Clock.js";
-import { Close as v } from "../regular_icons/Close.js";
-import { Code as D } from "../regular_icons/Code.js";
-import { Community as F } from "../regular_icons/Community.js";
-import { Crown as P } from "../regular_icons/Crown.js";
-import { Document as q } from "../regular_icons/Document.js";
-import { Downvote as I } from "../regular_icons/Downvote.js";
-import { Ellipsis as Q } from "../regular_icons/Ellipsis.js";
-import { Facebook as V } from "../regular_icons/Facebook.js";
-import { Flag as z } from "../regular_icons/Flag.js";
-import { Home as J } from "../regular_icons/Home.js";
-import { Italic as W } from "../regular_icons/Italic.js";
-import { LightArrow as Y } from "../regular_icons/LightArrow.js";
-import { Link as _ } from "../regular_icons/Link.js";
-import { Login as oo } from "../regular_icons/Login.js";
-import { Logora as eo } from "../regular_icons/Logora.js";
-import { Mail as mo } from "../regular_icons/Mail.js";
-import { MinusCircle as xo } from "../regular_icons/MinusCircle.js";
-import { MobileClose as lo } from "../regular_icons/MobileClose.js";
-import { MobileMenu as no } from "../regular_icons/MobileMenu.js";
-import { Next as Co } from "../regular_icons/Next.js";
-import { OpenBlank as so } from "../regular_icons/OpenBlank.js";
-import { OrderedList as ho } from "../regular_icons/OrderedList.js";
-import { PauseCircle as go } from "../regular_icons/PauseCircle.js";
-import { Point as So } from "../regular_icons/Point.js";
-import { Question as Ao } from "../regular_icons/Question.js";
-import { Refresh as Mo } from "../regular_icons/Refresh.js";
-import { Reply as Uo } from "../regular_icons/Reply.js";
-import { Search as yo } from "../regular_icons/Search.js";
-import { Send as Eo } from "../regular_icons/Send.js";
-import { Share as Oo } from "../regular_icons/Share.js";
-import { SmallArrow as Ro } from "../regular_icons/SmallArrow.js";
-import { Source as Ho } from "../regular_icons/Source.js";
-import { Suggestion as No } from "../regular_icons/Suggestion.js";
-import { Twitter as To } from "../regular_icons/Twitter.js";
-import { Underline as jo } from "../regular_icons/Underline.js";
-import { Upvote as Go } from "../regular_icons/Upvote.js";
-import { User as Ko } from "../regular_icons/User.js";
-import { Votebox as Xo } from "../regular_icons/Votebox.js";
+import { Arrow as m } from "../regular_icons/Arrow.js";
+import { Blockquote as x } from "../regular_icons/Blockquote.js";
+import { Bold as l } from "../regular_icons/Bold.js";
+import { Camera as n } from "../regular_icons/Camera.js";
+import { Check as c } from "../regular_icons/Check.js";
+import { CheckCircle as k } from "../regular_icons/CheckCircle.js";
+import { Clock as d } from "../regular_icons/Clock.js";
+import { Close as w } from "../regular_icons/Close.js";
+import { Code as h } from "../regular_icons/Code.js";
+import { Community as M } from "../regular_icons/Community.js";
+import { Crown as b } from "../regular_icons/Crown.js";
+import { Document as S } from "../regular_icons/Document.js";
+import { Downvote as F } from "../regular_icons/Downvote.js";
+import { Facebook as P } from "../regular_icons/Facebook.js";
+import { Flag as v } from "../regular_icons/Flag.js";
+import { Italic as E } from "../regular_icons/Italic.js";
+import { LightArrow as N } from "../regular_icons/LightArrow.js";
+import { Link as T } from "../regular_icons/Link.js";
+import { Login as j } from "../regular_icons/Login.js";
+import { Logora as G } from "../regular_icons/Logora.js";
+import { Mail as J } from "../regular_icons/Mail.js";
+import { MinusCircle as Q } from "../regular_icons/MinusCircle.js";
+import { MobileClose as W } from "../regular_icons/MobileClose.js";
+import { MobileMenu as Y } from "../regular_icons/MobileMenu.js";
+import { Next as _ } from "../regular_icons/Next.js";
+import { OpenBlank as oo } from "../regular_icons/OpenBlank.js";
+import { OrderedList as eo } from "../regular_icons/OrderedList.js";
+import { PauseCircle as mo } from "../regular_icons/PauseCircle.js";
+import { Point as xo } from "../regular_icons/Point.js";
+import { Refresh as lo } from "../regular_icons/Refresh.js";
+import { Search as no } from "../regular_icons/Search.js";
+import { SmallArrow as co } from "../regular_icons/SmallArrow.js";
+import { Source as ko } from "../regular_icons/Source.js";
+import { Twitter as so } from "../regular_icons/Twitter.js";
+import { Underline as go } from "../regular_icons/Underline.js";
 export {
-  m as Alarm,
-  x as Announcement,
-  l as Arrow,
-  n as Blockquote,
-  C as Bold,
-  s as Camera,
-  h as Chat,
-  d as Check,
-  w as CheckCircle,
-  b as Checkbox,
-  L as Clap,
-  B as Clock,
-  v as Close,
-  D as Code,
-  F as Community,
-  P as Crown,
-  q as Document,
-  I as Downvote,
-  Q as Ellipsis,
+  m as Arrow,
+  x as Blockquote,
+  l as Bold,
+  n as Camera,
+  c as Check,
+  k as CheckCircle,
+  d as Clock,
+  w as Close,
+  h as Code,
+  M as Community,
+  b as Crown,
+  S as Document,
+  F as Downvote,
   e as ExpertBadge,
-  V as Facebook,
-  z as Flag,
-  J as Home,
-  W as Italic,
-  Y as LightArrow,
-  _ as Link,
-  oo as Login,
-  eo as Logora,
-  mo as Mail,
-  xo as MinusCircle,
-  lo as MobileClose,
-  no as MobileMenu,
-  Co as Next,
-  so as OpenBlank,
-  ho as OrderedList,
-  go as PauseCircle,
-  So as Point,
-  Ao as Question,
-  Mo as Refresh,
-  Uo as Reply,
-  yo as Search,
-  Eo as Send,
-  Oo as Share,
-  Ro as SmallArrow,
-  Ho as Source,
-  No as Suggestion,
-  To as Twitter,
-  jo as Underline,
-  Go as Upvote,
-  Ko as User,
-  Xo as Votebox
+  P as Facebook,
+  v as Flag,
+  E as Italic,
+  N as LightArrow,
+  T as Link,
+  j as Login,
+  G as Logora,
+  J as Mail,
+  Q as MinusCircle,
+  W as MobileClose,
+  Y as MobileMenu,
+  _ as Next,
+  oo as OpenBlank,
+  eo as OrderedList,
+  mo as PauseCircle,
+  xo as Point,
+  lo as Refresh,
+  no as Search,
+  co as SmallArrow,
+  ko as Source,
+  so as Twitter,
+  go as Underline
 };