@logora/debate 0.3.88 → 0.3.89

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/follow/follow_button/FollowButton.js

@@ -1,28 +1,27 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import w from "classnames";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import m from "classnames";
 import "react";
 import { useIntl as c } from "react-intl";
 import e from "./FollowButton.module.scss.js";
-import { useFollow as p } from "../use_follow/useFollow.js";
-import { Tooltip as h } from "../../dialog/tooltip/Tooltip.js";
+import { useFollow as w } from "../use_follow/useFollow.js";
+import { Tooltip as p } from "../../dialog/tooltip/Tooltip.js";
 import { Button as u } from "../../action/button/Button.js";
-import { Icon as a } from "../../icons/icon/Icon.js";
-const B = ({
-  followableType: i,
+const j = ({
+  followableType: a,
   followableId: r,
-  tooltipText: f,
-  dataTid: n,
+  tooltipText: i,
+  dataTid: f,
   noBorder: l
 }) => {
-  const s = c(), { followActive: t, handleFollow: d } = p(
-    i,
+  const s = c(), { followActive: t, handleFollow: d } = w(
+    a,
     r
   );
-  return /* @__PURE__ */ o(h, { text: f, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ o(p, { text: i, children: /* @__PURE__ */ n(
     u,
     {
-      "data-tid": n,
-      className: w(e.followUserButton, {
+      "data-tid": f,
+      className: m(e.followUserButton, {
         [e.followUserButtonNoBorder]: l
       }),
       active: l || t,
@@ -30,7 +29,7 @@ const B = ({
       "data-testid": "button",
       border: !1,
       children: [
-        !t && l && /* @__PURE__ */ o("span", { className: e.followIcon, children: /* @__PURE__ */ o(a, { name: "follow", width: 16, height: 16 }) }),
+        !t && l && /* @__PURE__ */ o("span", { className: e.followIcon, children: "+" }),
         t ? /* @__PURE__ */ o("span", { "data-testid": "followed", children: s.formatMessage({
           id: "follow.followed",
           defaultMessage: "Followed"
@@ -38,11 +37,11 @@ const B = ({
           id: "follow.follow",
           defaultMessage: "Follow"
         }) }),
-        !t && !l && /* @__PURE__ */ o("span", { className: e.followIcon, children: /* @__PURE__ */ o(a, { name: "follow", width: 16, height: 16 }) })
+        !t && !l && /* @__PURE__ */ o("span", { className: e.followIcon, children: "+" })
       ]
     }
   ) });
 };
 export {
-  B as FollowButton
+  j as FollowButton
 };

package/dist/components/follow/follow_button/FollowButton.module.scss.js

@@ -1,11 +1,9 @@
-import '../../../assets/components/follow/follow_button/FollowButton.module-C9YXM8AM.css';const o = "_followUserButton_o22h6_3", l = "_followUserButtonNoBorder_o22h6_12", t = "_followIcon_o22h6_18", n = {
+import '../../../assets/components/follow/follow_button/FollowButton.module-Da-cPgwT.css';const o = "_followUserButton_6sp8j_3", t = "_followUserButtonNoBorder_6sp8j_12", l = {
   followUserButton: o,
-  followUserButtonNoBorder: l,
-  followIcon: t
+  followUserButtonNoBorder: t
 };
 export {
-  n as default,
-  t as followIcon,
+  l as default,
   o as followUserButton,
-  l as followUserButtonNoBorder
+  t as followUserButtonNoBorder
 };

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

@@ -11,9 +11,9 @@ import { PauseCircle as w } from "./PauseCircle.js";
 import { Alarm as b } from "../regular_icons/Alarm.js";
 import { Announcement as L } from "../regular_icons/Announcement.js";
 import { Arrow as B } from "../regular_icons/Arrow.js";
-import { Blockquote as U } from "../regular_icons/Blockquote.js";
-import { Bold as y } from "../regular_icons/Bold.js";
-import { Camera as E } from "../regular_icons/Camera.js";
+import { Blockquote as v } from "../regular_icons/Blockquote.js";
+import { Bold as D } from "../regular_icons/Bold.js";
+import { Camera as F } from "../regular_icons/Camera.js";
 import { CheckCircle as P } from "../regular_icons/CheckCircle.js";
 import { Checkbox as q } from "../regular_icons/Checkbox.js";
 import { Clock as I } from "../regular_icons/Clock.js";
@@ -24,39 +24,38 @@ import { Document as J } from "../regular_icons/Document.js";
 import { Downvote as W } from "../regular_icons/Downvote.js";
 import { Facebook as Y } from "../regular_icons/Facebook.js";
 import { Flag as _ } from "../regular_icons/Flag.js";
-import { Follow as oo } from "../regular_icons/Follow.js";
-import { Home as eo } from "../regular_icons/Home.js";
-import { Italic as mo } from "../regular_icons/Italic.js";
-import { Link as xo } from "../regular_icons/Link.js";
-import { Logora as lo } from "../regular_icons/Logora.js";
-import { Mail as no } from "../regular_icons/Mail.js";
-import { MinusCircle as Co } from "../regular_icons/MinusCircle.js";
-import { MobileMenu as so } from "../regular_icons/MobileMenu.js";
-import { Next as ho } from "../regular_icons/Next.js";
-import { OpenBlank as go } from "../regular_icons/OpenBlank.js";
-import { OrderedList as So } from "../regular_icons/OrderedList.js";
-import { Point as Ao } from "../regular_icons/Point.js";
-import { Question as Mo } from "../regular_icons/Question.js";
-import { Refresh as Fo } from "../regular_icons/Refresh.js";
-import { Reply as vo } from "../regular_icons/Reply.js";
-import { Search as Do } from "../regular_icons/Search.js";
-import { Send as Oo } from "../regular_icons/Send.js";
-import { Share as Ro } from "../regular_icons/Share.js";
-import { SmallArrow as Ho } from "../regular_icons/SmallArrow.js";
-import { Source as No } from "../regular_icons/Source.js";
-import { Suggestion as To } from "../regular_icons/Suggestion.js";
-import { Twitter as jo } from "../regular_icons/Twitter.js";
-import { Underline as Go } from "../regular_icons/Underline.js";
-import { Upvote as Ko } from "../regular_icons/Upvote.js";
-import { User as Xo } from "../regular_icons/User.js";
-import { Votebox as Zo } from "../regular_icons/Votebox.js";
+import { Home as oo } from "../regular_icons/Home.js";
+import { Italic as eo } from "../regular_icons/Italic.js";
+import { Link as mo } from "../regular_icons/Link.js";
+import { Logora as xo } from "../regular_icons/Logora.js";
+import { Mail as lo } from "../regular_icons/Mail.js";
+import { MinusCircle as no } from "../regular_icons/MinusCircle.js";
+import { MobileMenu as Co } from "../regular_icons/MobileMenu.js";
+import { Next as so } from "../regular_icons/Next.js";
+import { OpenBlank as ho } from "../regular_icons/OpenBlank.js";
+import { OrderedList as go } from "../regular_icons/OrderedList.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";
 export {
   b as Alarm,
   L as Announcement,
   B as Arrow,
-  U as Blockquote,
-  y as Bold,
-  E as Camera,
+  v as Blockquote,
+  D as Bold,
+  F as Camera,
   e as Chat,
   m as Check,
   P as CheckCircle,
@@ -73,34 +72,33 @@ export {
   C as ExpertBadge,
   Y as Facebook,
   _ as Flag,
-  oo as Follow,
-  eo as Home,
-  mo as Italic,
+  oo as Home,
+  eo as Italic,
   s as LightArrow,
-  xo as Link,
+  mo as Link,
   h as Login,
-  lo as Logora,
-  no as Mail,
-  Co as MinusCircle,
+  xo as Logora,
+  lo as Mail,
+  no as MinusCircle,
   d as MobileClose,
-  so as MobileMenu,
-  ho as Next,
-  go as OpenBlank,
-  So as OrderedList,
+  Co as MobileMenu,
+  so as Next,
+  ho as OpenBlank,
+  go as OrderedList,
   w as PauseCircle,
-  Ao as Point,
-  Mo as Question,
-  Fo as Refresh,
-  vo as Reply,
-  Do as Search,
-  Oo as Send,
-  Ro as Share,
-  Ho as SmallArrow,
-  No as Source,
-  To as Suggestion,
-  jo as Twitter,
-  Go as Underline,
-  Ko as Upvote,
-  Xo as User,
-  Zo as Votebox
+  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
 };