@logora/debate 0.3.89 → 0.3.91

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

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

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

@@ -1,9 +1,11 @@
-import '../../../assets/components/follow/follow_button/FollowButton.module-Da-cPgwT.css';const o = "_followUserButton_6sp8j_3", t = "_followUserButtonNoBorder_6sp8j_12", l = {
+import '../../../assets/components/follow/follow_button/FollowButton.module-C9YXM8AM.css';const o = "_followUserButton_o22h6_3", l = "_followUserButtonNoBorder_o22h6_12", t = "_followIcon_o22h6_18", n = {
   followUserButton: o,
-  followUserButtonNoBorder: t
+  followUserButtonNoBorder: l,
+  followIcon: t
 };
 export {
-  l as default,
+  n as default,
+  t as followIcon,
   o as followUserButton,
-  t as followUserButtonNoBorder
+  l 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 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 { 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 { 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,38 +24,39 @@ 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 { 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";
+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";
 export {
   b as Alarm,
   L as Announcement,
   B as Arrow,
-  v as Blockquote,
-  D as Bold,
-  F as Camera,
+  U as Blockquote,
+  y as Bold,
+  E as Camera,
   e as Chat,
   m as Check,
   P as CheckCircle,
@@ -72,33 +73,34 @@ export {
   C as ExpertBadge,
   Y as Facebook,
   _ as Flag,
-  oo as Home,
-  eo as Italic,
+  oo as Follow,
+  eo as Home,
+  mo as Italic,
   s as LightArrow,
-  mo as Link,
+  xo as Link,
   h as Login,
-  xo as Logora,
-  lo as Mail,
-  no as MinusCircle,
+  lo as Logora,
+  no as Mail,
+  Co as MinusCircle,
   d as MobileClose,
-  Co as MobileMenu,
-  so as Next,
-  ho as OpenBlank,
-  go as OrderedList,
+  so as MobileMenu,
+  ho as Next,
+  go as OpenBlank,
+  So as OrderedList,
   w 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
+  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
 };