@logora/debate 0.4.16 → 0.4.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/components/progress/progress_bar/ProgressBar.module-C9_77ipX.css +1 -0
- package/dist/assets/components/vote/vote_box/VoteBox.module-DXymYDHj.css +1 -0
- package/dist/components/argument/argument/Argument.js +191 -179
- package/dist/components/argument/argument/useRichContent.js +11 -9
- package/dist/components/auth/auth_initializer/AuthInitializer.js +33 -33
- package/dist/components/list/paginated_list/PaginatedList.js +69 -69
- package/dist/components/progress/progress_bar/ProgressBar.module.scss.js +7 -7
- package/dist/components/vote/vote_box/VoteBox.module.scss.js +24 -24
- package/package.json +1 -1
- package/dist/assets/components/progress/progress_bar/ProgressBar.module-Dy-27Wf9.css +0 -1
- package/dist/assets/components/vote/vote_box/VoteBox.module-BB7kq_Es.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._progressContainer_w34dy_3{display:flex!important;flex-direction:column!important;width:100%}._titleContainer_w34dy_9{display:flex!important;flex-direction:column!important}@container (min-width: 576px){._titleContainer_w34dy_9{flex-direction:row!important}}._title_w34dy_9{width:100%;font-weight:var(--font-weight-bold, 700)}._subtitleContainer_w34dy_24{width:100%;text-align:right}._progressSubtitle_w34dy_29{margin-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px)}._progressBarContainer_w34dy_35{position:relative;background:var(--background-color-secondary, #E8E8E8);border-radius:var(--button-border-radius, var(--box-border-radius, 6px))!important;overflow:hidden;display:flex;flex-direction:column;justify-content:center;text-align:center;white-space:nowrap}._currentProgressBar_w34dy_47{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:left;white-space:nowrap;color:var(--text-light, white);-webkit-transition:width 1.2s ease!important;transition:width 1.2s ease!important}._progressBar_w34dy_35{display:flex;flex-direction:column;justify-content:center;text-align:center;white-space:nowrap;background-color:var(--call-primary-color, #434343);border-radius:var(--button-border-radius, var(--box-border-radius, 6px))!important;height:100%;color:var(--text-light, white);animation:_progressBarAnimation_w34dy_1 1.2s ease;animation-fill-mode:both;-webkit-animation:_progressBarAnimation_w34dy_1 1.2s ease;-webkit-animation-fill-mode:both;-moz-animation:_progressBarAnimation_w34dy_1 1.2s ease;-moz-animation-fill-mode:both}._progressBarContent_w34dy_77{text-align:left;padding-left:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;color:var(--text-light, white);font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-normal, 400);min-height:.5em}@keyframes _progressBarAnimation_w34dy_1{0%{width:0}to{width:100%}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._voteBox_1tf6x_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_1tf6x_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_1tf6x_11{padding:0!important}._voteProgressHeader_1tf6x_22{margin-bottom:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;display:flex!important;align-items:center!important;font-size:var(--font-size-normal, 16px);display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._voteProgressHeaderAgainst_1tf6x_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_1tf6x_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_1tf6x_47{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:var(--space-unit, 1em)!important;padding:0!important}._voteBoxActions_1tf6x_56{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:var(--space-unit, 1em);color:var(--text-secondary, #5F5F5F);width:100%}._voteBoxActionsBody_1tf6x_66{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding:0!important;width:100%}._voteBoxActionsBodyColumn_1tf6x_74{grid-template-columns:1fr}._voteAction_1tf6x_78{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:100%!important;width:100%!important;text-align:center}._voteAction_1tf6x_78._buttonAlignLeft_1tf6x_88{justify-content:flex-start!important}button._voteButton_1tf6x_92,a._voteButton_1tf6x_92{-webkit-appearance:initial!important;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._textAlignLeft_1tf6x_103{justify-content:flex-start!important}._voteBoxShowResultContainer_1tf6x_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_1tf6x_107{cursor:pointer}._voteBoxShowResult_1tf6x_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_1tf6x_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_1tf6x_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_1tf6x_107 ._boldShowResult_1tf6x_131{font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #222222)}._outlined_1tf6x_136{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_1tf6x_143{display:block;text-align:left;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@container (max-width: 767.98px){._voteButtonThesisSynthesisMobile_1tf6x_155{text-align:center!important}}._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:first-child ._voteButton_1tf6x_92,._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:first-child ._voteButton_1tf6x_92:hover{background-color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:nth-child(2) ._voteButton_1tf6x_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:nth-child(2) ._voteButton_1tf6x_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:nth-child(3) ._voteButton_1tf6x_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBody_1tf6x_66 ._voteAction_1tf6x_78:nth-child(3) ._voteButton_1tf6x_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:first-child ._voteButton_1tf6x_92,._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:first-child ._voteButton_1tf6x_92:hover{background-color:var(--text-light, white)!important;color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:nth-child(2) ._voteButton_1tf6x_92{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:nth-child(2) ._voteButton_1tf6x_92:hover{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:nth-child(3) ._voteButton_1tf6x_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_1tf6x_194 ._voteAction_1tf6x_78:nth-child(3) ._voteButton_1tf6x_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteActionButton_1tf6x_233{cursor:pointer;-webkit-appearance:initial!important;background:none;border:none;color:var(--text-secondary, #5F5F5F)!important;font-size:inherit;padding:0;font-weight:var(--font-weight-bold, 700)}._voteActionButton_1tf6x_233:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_1tf6x_248 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_1tf6x_253{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));color:var(--text-secondary, #5F5F5F);height:25px}._progressBar_1tf6x_259{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));height:25px}._voteResults_1tf6x_11>div:first-child ._progress_1tf6x_253 ._progressBar_1tf6x_259{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_1tf6x_11>div:nth-child(2) ._progress_1tf6x_253 ._progressBar_1tf6x_259{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_1tf6x_11 div:nth-child(3) ._progress_1tf6x_253 ._progressBar_1tf6x_259{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_1tf6x_276{display:flex;align-items:center;gap:var(--space-unit, 1em);width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_1tf6x_284{display:flex;align-items:center;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));font-size:var(--font-size-normal, 16px);color:var(--text-primary, #222222);white-space:nowrap}._debateNumberLabel_1tf6x_293{white-space:nowrap}._showResultButton_1tf6x_297{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_1tf6x_297:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_1tf6x_310{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}
|
|
@@ -1,309 +1,321 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { useState as
|
|
4
|
-
import { useIntl as
|
|
5
|
-
import
|
|
6
|
-
import { ReplyFooter as
|
|
7
|
-
import { useRichContent as
|
|
8
|
-
import { useAuth as
|
|
9
|
-
import { useConfig as
|
|
10
|
-
import { useList as
|
|
11
|
-
import { useTranslatedContent as
|
|
12
|
-
import { SourceListItem as
|
|
13
|
-
import { HashScroll as
|
|
14
|
-
import { ContentHeader as
|
|
15
|
-
import { Icon as
|
|
16
|
-
import { ReadMore as
|
|
17
|
-
import { TranslationButton as
|
|
18
|
-
import { ContentFooter as
|
|
19
|
-
import { VoteButton as
|
|
20
|
-
import { VotePaginatedList as
|
|
21
|
-
import { UserContentSkeleton as
|
|
22
|
-
import { Button as
|
|
23
|
-
const
|
|
1
|
+
import { jsx as s, jsxs as n, Fragment as y } from "react/jsx-runtime";
|
|
2
|
+
import P from "classnames";
|
|
3
|
+
import { useState as _, useEffect as j, useCallback as me, Suspense as he, lazy as fe } from "react";
|
|
4
|
+
import { useIntl as ye } from "react-intl";
|
|
5
|
+
import o from "./Argument.module.scss.js";
|
|
6
|
+
import { ReplyFooter as _e } from "./ReplyFooter.js";
|
|
7
|
+
import { useRichContent as ge } from "./useRichContent.js";
|
|
8
|
+
import { useAuth as be } from "../../auth/use_auth/useAuth.js";
|
|
9
|
+
import { useConfig as Me } from "../../data/config_provider/useConfig.js";
|
|
10
|
+
import { useList as Ie } from "../../list/list_provider/useList.js";
|
|
11
|
+
import { useTranslatedContent as G } from "../../translation/translated_content/useTranslatedContent.js";
|
|
12
|
+
import { SourceListItem as Ce } from "../../source/source_list_item/SourceListItem.js";
|
|
13
|
+
import { HashScroll as ve } from "../../tools/hash_scroll/HashScroll.js";
|
|
14
|
+
import { ContentHeader as Se } from "../../user_content/content_header/ContentHeader.js";
|
|
15
|
+
import { Icon as H } from "../../icons/icon/Icon.js";
|
|
16
|
+
import { ReadMore as Re } from "../../text/read_more/ReadMore.js";
|
|
17
|
+
import { TranslationButton as Te } from "../../translation/translation_button/TranslationButton.js";
|
|
18
|
+
import { ContentFooter as Ne } from "../../user_content/content_footer/ContentFooter.js";
|
|
19
|
+
import { VoteButton as we } from "../../vote/vote_button/VoteButton.js";
|
|
20
|
+
import { VotePaginatedList as xe } from "../../list/paginated_list/VotePaginatedList.js";
|
|
21
|
+
import { UserContentSkeleton as Ae } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
|
|
22
|
+
import { Button as Le } from "../../action/button/Button.js";
|
|
23
|
+
const Ue = fe(() => import("../../input/argument_input/index.js").then((e) => ({ default: e.ArgumentInput }))), V = (e) => e?.replace(/ /g, " "), $e = ({
|
|
24
24
|
argument: e,
|
|
25
|
-
argumentReplies:
|
|
26
|
-
nestingLevel:
|
|
27
|
-
maxNestingLevel:
|
|
28
|
-
groupType:
|
|
29
|
-
groupName:
|
|
30
|
-
positions:
|
|
31
|
-
disableLinks:
|
|
25
|
+
argumentReplies: d,
|
|
26
|
+
nestingLevel: g = 0,
|
|
27
|
+
maxNestingLevel: T = 2,
|
|
28
|
+
groupType: N,
|
|
29
|
+
groupName: w,
|
|
30
|
+
positions: b = [],
|
|
31
|
+
disableLinks: z = !1,
|
|
32
32
|
parentArgument: c,
|
|
33
|
-
flashParent:
|
|
34
|
-
expandable:
|
|
35
|
-
disabled:
|
|
36
|
-
hideFooter:
|
|
37
|
-
hideReplies:
|
|
38
|
-
vote:
|
|
39
|
-
fixedContentHeight:
|
|
40
|
-
enableEdition:
|
|
41
|
-
enableDeletion:
|
|
42
|
-
deleteListId:
|
|
43
|
-
showModerationFeedback:
|
|
44
|
-
lineCount:
|
|
45
|
-
replyRedirectUrl:
|
|
46
|
-
hideContent:
|
|
33
|
+
flashParent: O,
|
|
34
|
+
expandable: Y,
|
|
35
|
+
disabled: M = !1,
|
|
36
|
+
hideFooter: x = !1,
|
|
37
|
+
hideReplies: A,
|
|
38
|
+
vote: q,
|
|
39
|
+
fixedContentHeight: J = !1,
|
|
40
|
+
enableEdition: K = !0,
|
|
41
|
+
enableDeletion: Q = !0,
|
|
42
|
+
deleteListId: W,
|
|
43
|
+
showModerationFeedback: X,
|
|
44
|
+
lineCount: Z = 5,
|
|
45
|
+
replyRedirectUrl: ee,
|
|
46
|
+
hideContent: te = !1
|
|
47
47
|
}) => {
|
|
48
|
-
const
|
|
48
|
+
const l = ye(), { isLoggedIn: se, currentUser: p } = be(), L = p?.moderation_status === "banned", i = Me(), I = Ie(), [u, C] = _(!1), [oe, U] = _(!1), [re, ie] = _(!1), $ = ge(e), [m, h] = _(), f = G(
|
|
49
49
|
e.content,
|
|
50
50
|
e.language,
|
|
51
51
|
"content",
|
|
52
52
|
e.translation_entries
|
|
53
|
-
),
|
|
53
|
+
), ae = G(
|
|
54
54
|
e.position?.name,
|
|
55
55
|
e.position?.language,
|
|
56
56
|
"name",
|
|
57
57
|
e.position?.translation_entries
|
|
58
|
-
),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}, [
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
58
|
+
), v = `argument_${e.id}`, S = e.position && b?.map((t) => t.id).indexOf(e.position.id) + 1;
|
|
59
|
+
j(() => {
|
|
60
|
+
d !== void 0 && ce();
|
|
61
|
+
}, [d]), j(() => {
|
|
62
|
+
const t = `argument_${e.id}_reply_list`, r = I.updateElements?.[t];
|
|
63
|
+
r?.length > 0 && h((a) => {
|
|
64
|
+
if (!a || a.length === 0)
|
|
65
|
+
return a;
|
|
66
|
+
let D = !1;
|
|
67
|
+
const pe = a.map((R) => {
|
|
68
|
+
const F = r.find((ue) => ue.id === R.id);
|
|
69
|
+
return F ? (D = !0, { ...R, ...F }) : R;
|
|
70
|
+
});
|
|
71
|
+
return D ? pe : a;
|
|
72
|
+
});
|
|
73
|
+
}, [I.updateElements, e.id]);
|
|
74
|
+
const le = (t) => {
|
|
75
|
+
if (v === t) {
|
|
76
|
+
const a = document.getElementById(t);
|
|
77
|
+
a && a.scrollIntoView({ behavior: "smooth" }), U(!0);
|
|
66
78
|
}
|
|
67
|
-
}, U = () => {
|
|
68
|
-
te((t) => !t);
|
|
69
79
|
}, k = () => {
|
|
70
|
-
|
|
71
|
-
},
|
|
72
|
-
|
|
80
|
+
ie((t) => !t);
|
|
81
|
+
}, B = () => {
|
|
82
|
+
C((t) => !t), h([]);
|
|
83
|
+
}, ne = (t) => {
|
|
84
|
+
if (!m?.find((r) => r.id === t.id))
|
|
73
85
|
return t;
|
|
74
|
-
},
|
|
75
|
-
|
|
86
|
+
}, de = me((t, r) => /* @__PURE__ */ s(
|
|
87
|
+
Ce,
|
|
76
88
|
{
|
|
77
89
|
publisher: t.publisher,
|
|
78
90
|
url: t.source_url,
|
|
79
91
|
title: t.title,
|
|
80
|
-
index:
|
|
92
|
+
index: r
|
|
81
93
|
},
|
|
82
|
-
|
|
83
|
-
), []),
|
|
84
|
-
if (
|
|
85
|
-
const t =
|
|
86
|
-
(
|
|
94
|
+
r
|
|
95
|
+
), []), ce = () => {
|
|
96
|
+
if (d && Array.isArray(d)) {
|
|
97
|
+
const t = d.filter(
|
|
98
|
+
(r) => r.reply_to_id === e.id
|
|
87
99
|
);
|
|
88
|
-
t.length > 0 && (
|
|
100
|
+
t.length > 0 && (h(t), C(!0));
|
|
89
101
|
}
|
|
90
|
-
},
|
|
91
|
-
|
|
102
|
+
}, E = (t = null) => /* @__PURE__ */ s(
|
|
103
|
+
ke,
|
|
92
104
|
{
|
|
93
105
|
...t ? { argument: t } : {},
|
|
94
|
-
nestingLevel:
|
|
95
|
-
maxNestingLevel:
|
|
96
|
-
disabled:
|
|
97
|
-
groupName:
|
|
98
|
-
groupType:
|
|
99
|
-
positions:
|
|
100
|
-
argumentReplies:
|
|
106
|
+
nestingLevel: g + 1,
|
|
107
|
+
maxNestingLevel: T,
|
|
108
|
+
disabled: M,
|
|
109
|
+
groupName: w,
|
|
110
|
+
groupType: N,
|
|
111
|
+
positions: b,
|
|
112
|
+
argumentReplies: d,
|
|
101
113
|
parentArgument: e,
|
|
102
|
-
flashParent: (
|
|
114
|
+
flashParent: (r) => le(`argument_${r}`)
|
|
103
115
|
}
|
|
104
116
|
);
|
|
105
|
-
return /* @__PURE__ */
|
|
106
|
-
/* @__PURE__ */
|
|
117
|
+
return /* @__PURE__ */ n(ve, { elementId: v, onScroll: () => U(!0), children: [
|
|
118
|
+
/* @__PURE__ */ n(
|
|
107
119
|
"div",
|
|
108
120
|
{
|
|
109
|
-
className:
|
|
110
|
-
|
|
121
|
+
className: P(
|
|
122
|
+
o.argument,
|
|
111
123
|
{
|
|
112
|
-
[
|
|
113
|
-
[
|
|
124
|
+
[o.flash]: oe,
|
|
125
|
+
[o.argumentReply]: e.is_reply === !0
|
|
114
126
|
},
|
|
115
|
-
|
|
116
|
-
|
|
127
|
+
o[`level-${g}`],
|
|
128
|
+
o[`position-${!(e.author.role === "editor" || e.author.role === "moderator") && S}`]
|
|
117
129
|
),
|
|
118
|
-
id:
|
|
130
|
+
id: v,
|
|
119
131
|
children: [
|
|
120
|
-
/* @__PURE__ */
|
|
121
|
-
|
|
132
|
+
/* @__PURE__ */ s(
|
|
133
|
+
Se,
|
|
122
134
|
{
|
|
123
135
|
selectedContent: e.is_selected,
|
|
124
136
|
author: e.author,
|
|
125
|
-
tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null :
|
|
137
|
+
tag: (e.author.role === "editor" || e.author.role === "moderator") && e.is_reply ? null : ae.translatedContent,
|
|
126
138
|
date: e.created_at,
|
|
127
|
-
tagClassName:
|
|
128
|
-
disableLinks:
|
|
139
|
+
tagClassName: o[`headerPosition-${S}`],
|
|
140
|
+
disableLinks: z,
|
|
129
141
|
isDeleted: e.is_deleted,
|
|
130
|
-
showModerationFeedback:
|
|
142
|
+
showModerationFeedback: X ?? (e.status === "rejected" && i.moderation?.showFeedback === !0),
|
|
131
143
|
moderationReason: e.moderation_entry?.moderation_reason,
|
|
132
144
|
moderationNotes: e.moderation_entry?.moderator_notes,
|
|
133
|
-
moderationPolicyUrl:
|
|
145
|
+
moderationPolicyUrl: i.provider?.userGuideUrl
|
|
134
146
|
}
|
|
135
147
|
),
|
|
136
|
-
e.is_deleted ? /* @__PURE__ */
|
|
148
|
+
e.is_deleted ? /* @__PURE__ */ s("div", { className: o.argumentDeletedBody, children: l.formatMessage({
|
|
137
149
|
id: "info.deleted_by_user",
|
|
138
150
|
defaultMessage: "Content deleted by the user"
|
|
139
|
-
}) }) :
|
|
151
|
+
}) }) : te ? /* @__PURE__ */ s("div", { className: o.argumentDeletedBody, children: l.formatMessage({
|
|
140
152
|
id: "argument.argument.content_deleted",
|
|
141
153
|
defaultMessage: "This content has been removed."
|
|
142
|
-
}) }) : /* @__PURE__ */
|
|
143
|
-
/* @__PURE__ */
|
|
154
|
+
}) }) : /* @__PURE__ */ n(y, { children: [
|
|
155
|
+
/* @__PURE__ */ n(
|
|
144
156
|
"div",
|
|
145
157
|
{
|
|
146
|
-
className:
|
|
147
|
-
[
|
|
158
|
+
className: P(o.argumentBody, {
|
|
159
|
+
[o.fixedHeight]: i?.layout?.showAllArgumentInEmbed !== !0 ? J : !1
|
|
148
160
|
}),
|
|
149
161
|
children: [
|
|
150
|
-
e.is_reply && c && /* @__PURE__ */
|
|
162
|
+
e.is_reply && c && /* @__PURE__ */ n(
|
|
151
163
|
"div",
|
|
152
164
|
{
|
|
153
|
-
className:
|
|
154
|
-
onClick: () =>
|
|
165
|
+
className: o.replyTo,
|
|
166
|
+
onClick: () => O(c.id),
|
|
155
167
|
children: [
|
|
156
|
-
|
|
168
|
+
l.formatMessage({
|
|
157
169
|
id: "info.replying_to",
|
|
158
170
|
defaultMessage: "Replying to"
|
|
159
171
|
}),
|
|
160
|
-
/* @__PURE__ */
|
|
161
|
-
c.is_deleted ?
|
|
172
|
+
/* @__PURE__ */ n("span", { className: o.replyingTo, children: [
|
|
173
|
+
c.is_deleted ? l.formatMessage({
|
|
162
174
|
id: "info.deleted",
|
|
163
175
|
defaultMessage: "Deleted"
|
|
164
176
|
}) : c.author.full_name,
|
|
165
|
-
/* @__PURE__ */
|
|
177
|
+
/* @__PURE__ */ s(H, { name: "chat", height: 16 })
|
|
166
178
|
] })
|
|
167
179
|
]
|
|
168
180
|
}
|
|
169
181
|
),
|
|
170
|
-
/* @__PURE__ */
|
|
171
|
-
|
|
182
|
+
/* @__PURE__ */ s(
|
|
183
|
+
Re,
|
|
172
184
|
{
|
|
173
|
-
content: /* @__PURE__ */
|
|
174
|
-
e.is_edited && /* @__PURE__ */
|
|
185
|
+
content: /* @__PURE__ */ n(y, { children: [
|
|
186
|
+
e.is_edited && /* @__PURE__ */ s("div", { className: o.edited, children: l.formatMessage({
|
|
175
187
|
id: "argument.argument.updated",
|
|
176
188
|
defaultMessage: "Updated argument"
|
|
177
189
|
}) }),
|
|
178
|
-
|
|
190
|
+
$ && !f.isTranslated ? /* @__PURE__ */ s(
|
|
179
191
|
"div",
|
|
180
192
|
{
|
|
181
|
-
className:
|
|
182
|
-
dangerouslySetInnerHTML: { __html:
|
|
193
|
+
className: o.argumentContent,
|
|
194
|
+
dangerouslySetInnerHTML: { __html: V($) }
|
|
183
195
|
}
|
|
184
|
-
) : /* @__PURE__ */
|
|
185
|
-
|
|
186
|
-
|
|
196
|
+
) : /* @__PURE__ */ s("div", { className: o.argumentContent, children: V(f.translatedContent) }),
|
|
197
|
+
f.isTranslated && /* @__PURE__ */ s(
|
|
198
|
+
Te,
|
|
187
199
|
{
|
|
188
200
|
language: e.language,
|
|
189
|
-
callback: () =>
|
|
201
|
+
callback: () => f.toggleContent()
|
|
190
202
|
}
|
|
191
203
|
)
|
|
192
204
|
] }),
|
|
193
|
-
lineCount:
|
|
194
|
-
readMoreText:
|
|
205
|
+
lineCount: i?.layout?.showAllArgumentInEmbed !== !0 ? Z : void 0,
|
|
206
|
+
readMoreText: l.formatMessage({
|
|
195
207
|
id: "action.read_more",
|
|
196
208
|
defaultMessage: "Read more"
|
|
197
209
|
}),
|
|
198
|
-
readLessText:
|
|
210
|
+
readLessText: l.formatMessage({
|
|
199
211
|
id: "action.read_less",
|
|
200
212
|
defaultMessage: "Read less"
|
|
201
213
|
}),
|
|
202
|
-
expandable:
|
|
203
|
-
readMoreClassName: e.is_reply ?
|
|
214
|
+
expandable: i?.layout?.showAllArgumentInEmbed !== !0 ? Y : !1,
|
|
215
|
+
readMoreClassName: e.is_reply ? o.replyStyle : o.argumentStyle
|
|
204
216
|
}
|
|
205
217
|
)
|
|
206
218
|
]
|
|
207
219
|
}
|
|
208
220
|
),
|
|
209
|
-
e.sources?.length > 0 && /* @__PURE__ */
|
|
221
|
+
e.sources?.length > 0 && /* @__PURE__ */ s("div", { className: o.argumentSourcesList, children: e.sources.map(de) })
|
|
210
222
|
] }),
|
|
211
|
-
!
|
|
212
|
-
|
|
223
|
+
!x && !e.is_deleted && /* @__PURE__ */ s(
|
|
224
|
+
Ne,
|
|
213
225
|
{
|
|
214
226
|
resource: e,
|
|
215
|
-
disabled:
|
|
227
|
+
disabled: M || e.status === "rejected" || !se && i?.actions?.disableInputForVisitor === !0 || L,
|
|
216
228
|
reportType: "Message",
|
|
217
|
-
softDelete:
|
|
229
|
+
softDelete: i.actions?.softDelete,
|
|
218
230
|
deleteType: "messages",
|
|
219
|
-
deleteListId:
|
|
220
|
-
enableReply:
|
|
221
|
-
handleReplyTo:
|
|
222
|
-
replyRedirectUrl:
|
|
231
|
+
deleteListId: W,
|
|
232
|
+
enableReply: g <= T || p.role === "editor" || p.role === "moderator",
|
|
233
|
+
handleReplyTo: k,
|
|
234
|
+
replyRedirectUrl: ee,
|
|
223
235
|
shareUrl: `https://app.logora.fr/share/a/${e.id}`,
|
|
224
|
-
shareTitle:
|
|
236
|
+
shareTitle: l.formatMessage({
|
|
225
237
|
id: "share.argument.title",
|
|
226
238
|
defaultMessage: "Share a debate"
|
|
227
239
|
}),
|
|
228
|
-
shareText:
|
|
240
|
+
shareText: l.formatMessage({
|
|
229
241
|
id: "share.argument.text",
|
|
230
242
|
defaultMessage: "This argument may interest you"
|
|
231
243
|
}),
|
|
232
|
-
shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${
|
|
233
|
-
showShareCode:
|
|
244
|
+
shareCode: `<iframe src="https://cdn.logora.com/embed.html?shortname=${i.shortname}&id=${e.id}&resource=argument" frameborder="0" width="100%" height="275px" scrolling="no"></iframe>`,
|
|
245
|
+
showShareCode: i?.actions?.hideCodeShare !== !0,
|
|
234
246
|
showShareText: !0,
|
|
235
|
-
showShareButton:
|
|
247
|
+
showShareButton: i?.actions?.hideShareButton !== !0,
|
|
236
248
|
enableReport: !(e.score === 100 && e.manual_score),
|
|
237
|
-
enableEdition:
|
|
238
|
-
enableDeletion:
|
|
239
|
-
children: /* @__PURE__ */
|
|
240
|
-
|
|
249
|
+
enableEdition: K,
|
|
250
|
+
enableDeletion: Q,
|
|
251
|
+
children: /* @__PURE__ */ s(
|
|
252
|
+
we,
|
|
241
253
|
{
|
|
242
254
|
voteableType: "Message",
|
|
243
255
|
voteableId: e.id,
|
|
244
256
|
totalUpvote: e.upvotes,
|
|
245
257
|
totalDownvote: 0,
|
|
246
|
-
activeClassName:
|
|
247
|
-
disabled: e.status === "rejected" || p?.id === e?.author?.id ||
|
|
258
|
+
activeClassName: o[`voteButtonPosition-${S}`],
|
|
259
|
+
disabled: e.status === "rejected" || p?.id === e?.author?.id || L
|
|
248
260
|
}
|
|
249
261
|
)
|
|
250
262
|
}
|
|
251
263
|
),
|
|
252
|
-
!
|
|
253
|
-
|
|
264
|
+
!x && !A && /* @__PURE__ */ s(
|
|
265
|
+
_e,
|
|
254
266
|
{
|
|
255
267
|
numberReplies: e.number_replies,
|
|
256
268
|
repliesAuthors: e.replies_authors,
|
|
257
|
-
expandReplies:
|
|
258
|
-
onToggleReplies:
|
|
269
|
+
expandReplies: u,
|
|
270
|
+
onToggleReplies: B,
|
|
259
271
|
isReply: e.is_reply
|
|
260
272
|
}
|
|
261
273
|
)
|
|
262
274
|
]
|
|
263
275
|
}
|
|
264
276
|
),
|
|
265
|
-
!
|
|
266
|
-
|
|
267
|
-
|
|
277
|
+
!A && /* @__PURE__ */ n(y, { children: [
|
|
278
|
+
re && /* @__PURE__ */ s(he, { fallback: null, children: /* @__PURE__ */ s(
|
|
279
|
+
Ue,
|
|
268
280
|
{
|
|
269
281
|
groupId: e.group_id,
|
|
270
|
-
groupType:
|
|
271
|
-
groupName:
|
|
272
|
-
positions:
|
|
282
|
+
groupType: N,
|
|
283
|
+
groupName: w,
|
|
284
|
+
positions: b,
|
|
273
285
|
parentId: e.id,
|
|
274
|
-
positionId:
|
|
275
|
-
disabled:
|
|
276
|
-
hideSourceAction:
|
|
286
|
+
positionId: q?.position_id,
|
|
287
|
+
disabled: M,
|
|
288
|
+
hideSourceAction: i?.actions?.disableUserSources || !1,
|
|
277
289
|
onSubmit: (t) => {
|
|
278
|
-
const
|
|
279
|
-
|
|
290
|
+
const r = `argument_${e.id}_reply_list`;
|
|
291
|
+
I.add(r, [t]), k(), C(!0);
|
|
280
292
|
},
|
|
281
293
|
onUpdate: (t) => {
|
|
282
|
-
|
|
283
|
-
(
|
|
284
|
-
(
|
|
294
|
+
h(
|
|
295
|
+
(r) => r?.map(
|
|
296
|
+
(a) => a.id === t.id ? { ...a, ...t } : a
|
|
285
297
|
)
|
|
286
298
|
);
|
|
287
299
|
},
|
|
288
300
|
isReply: !0,
|
|
289
301
|
autoFocus: !0,
|
|
290
302
|
avatarSize: 40,
|
|
291
|
-
placeholder:
|
|
303
|
+
placeholder: l.formatMessage({
|
|
292
304
|
id: "input.reply_input.your_answer",
|
|
293
305
|
defaultMessage: "Your answer"
|
|
294
306
|
}),
|
|
295
|
-
userGuideUrl:
|
|
296
|
-
hideUserGuideLink:
|
|
307
|
+
userGuideUrl: i?.provider?.userGuideUrl,
|
|
308
|
+
hideUserGuideLink: i?.provider?.hideUserGuideLink
|
|
297
309
|
},
|
|
298
310
|
`Reply${e.id}`
|
|
299
311
|
) }),
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
312
|
+
m?.length > 0 && u && /* @__PURE__ */ s("div", { className: o.repliesList, children: m.map((t) => E(t)) }),
|
|
313
|
+
u && /* @__PURE__ */ s("div", { className: o.repliesList, children: /* @__PURE__ */ s(
|
|
314
|
+
xe,
|
|
303
315
|
{
|
|
304
316
|
voteableType: "Message",
|
|
305
317
|
currentListId: `argument_${e.id}_reply_list`,
|
|
306
|
-
loadingComponent: /* @__PURE__ */
|
|
318
|
+
loadingComponent: /* @__PURE__ */ s(Ae, {}),
|
|
307
319
|
resource: "messages",
|
|
308
320
|
sort: "+created_at",
|
|
309
321
|
filters: {
|
|
@@ -314,18 +326,18 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
|
|
|
314
326
|
perPage: 5,
|
|
315
327
|
display: "column",
|
|
316
328
|
resourcePropName: "argument",
|
|
317
|
-
emptyListComponent: /* @__PURE__ */
|
|
318
|
-
transformData: (t) =>
|
|
319
|
-
children:
|
|
329
|
+
emptyListComponent: /* @__PURE__ */ s(y, {}),
|
|
330
|
+
transformData: (t) => ne(t),
|
|
331
|
+
children: E(e)
|
|
320
332
|
}
|
|
321
333
|
) }),
|
|
322
|
-
|
|
323
|
-
|
|
334
|
+
m?.length > 0 && !u && /* @__PURE__ */ s("div", { className: o.repliesList, children: e.number_replies > 1 && /* @__PURE__ */ s("div", { className: o.readMoreLink, children: /* @__PURE__ */ s(
|
|
335
|
+
Le,
|
|
324
336
|
{
|
|
325
337
|
role: "link",
|
|
326
|
-
rightIcon: /* @__PURE__ */
|
|
327
|
-
handleClick:
|
|
328
|
-
children:
|
|
338
|
+
rightIcon: /* @__PURE__ */ s(H, { name: "lightArrow", height: 10, width: 10 }),
|
|
339
|
+
handleClick: B,
|
|
340
|
+
children: l.formatMessage({
|
|
329
341
|
id: "argument.argument.see_more",
|
|
330
342
|
defaultMessage: "See more"
|
|
331
343
|
})
|
|
@@ -333,8 +345,8 @@ const Ne = ce(() => import("../../input/argument_input/index.js").then((e) => ({
|
|
|
333
345
|
) }) })
|
|
334
346
|
] })
|
|
335
347
|
] });
|
|
336
|
-
},
|
|
348
|
+
}, ke = $e;
|
|
337
349
|
export {
|
|
338
|
-
|
|
339
|
-
|
|
350
|
+
$e as Argument,
|
|
351
|
+
ke as ArgumentContainer
|
|
340
352
|
};
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
import { lexicalToHtml as
|
|
1
|
+
import { useState as l, useEffect as s } from "react";
|
|
2
|
+
import { lexicalToHtml as i } from "../../input/text_editor/lexicalToHtml.js";
|
|
3
3
|
const f = (t) => {
|
|
4
|
-
const [
|
|
5
|
-
return
|
|
4
|
+
const [n, e] = l(null);
|
|
5
|
+
return s(() => {
|
|
6
6
|
if (t.rich_content && t.is_deleted != !0) {
|
|
7
7
|
const o = JSON.parse(t.rich_content);
|
|
8
8
|
if (o.hasOwnProperty("root")) {
|
|
9
|
-
const c =
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
const c = i(o);
|
|
10
|
+
e(c);
|
|
11
|
+
} else
|
|
12
|
+
e(null);
|
|
13
|
+
} else
|
|
14
|
+
e(null);
|
|
15
|
+
}, [t.rich_content, t.is_deleted]), n;
|
|
14
16
|
};
|
|
15
17
|
export {
|
|
16
18
|
f as useRichContent
|
|
@@ -1,63 +1,63 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { useConfig as
|
|
4
|
-
import { useDataProvider as
|
|
5
|
-
import { useAuthInterceptor as
|
|
1
|
+
import { jsx as l, Fragment as y } from "react/jsx-runtime";
|
|
2
|
+
import { useState as I, useEffect as g } from "react";
|
|
3
|
+
import { useConfig as L } from "../../data/config_provider/useConfig.js";
|
|
4
|
+
import { useDataProvider as O } from "../../data/data_provider/useDataProvider.js";
|
|
5
|
+
import { useAuthInterceptor as q } from "../use_auth/useAuthInterceptor.js";
|
|
6
6
|
import { authTokenHandler as S } from "../use_auth/authTokenHandler.js";
|
|
7
7
|
import { useAuthActions as T } from "../use_auth/useAuthActions.js";
|
|
8
8
|
import { useAuthRequired as _ } from "../../hooks/use_auth_required/useAuthRequired.js";
|
|
9
9
|
import { useAuth as z } from "../use_auth/useAuth.js";
|
|
10
10
|
import { AuthProviderFactory as M } from "../providers/AuthProviderFactory.js";
|
|
11
11
|
import { OnboardingModal as j } from "../../user/onboarding_modal/OnboardingModal.js";
|
|
12
|
-
import { httpClient as
|
|
13
|
-
const X = ({ authUrl: n, authType: i, provider:
|
|
14
|
-
const s = "logora_user_token", e =
|
|
15
|
-
|
|
16
|
-
const [
|
|
17
|
-
|
|
12
|
+
import { httpClient as u } from "../../data/axios_client/httpClient.js";
|
|
13
|
+
const X = ({ authUrl: n, authType: i, provider: p, assertion: w }) => {
|
|
14
|
+
const s = "logora_user_token", e = L(), v = O();
|
|
15
|
+
q(u, n, s);
|
|
16
|
+
const [A, c] = I(!1), { getToken: C, removeToken: P } = S(
|
|
17
|
+
u,
|
|
18
18
|
n,
|
|
19
19
|
s
|
|
20
|
-
), { loginUser:
|
|
21
|
-
|
|
20
|
+
), { loginUser: m, logoutUser: b, fetchUser: k } = T(
|
|
21
|
+
u,
|
|
22
22
|
n,
|
|
23
23
|
s
|
|
24
|
-
),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}, []),
|
|
24
|
+
), h = _(), { setIsLoggingIn: x, currentUser: E } = z();
|
|
25
|
+
g(() => {
|
|
26
|
+
a();
|
|
27
|
+
}, []), g(() => {
|
|
28
28
|
if (typeof window < "u")
|
|
29
|
-
return window.addEventListener("logora:authentication:require",
|
|
30
|
-
window.removeEventListener("logora:authentication:require",
|
|
29
|
+
return window.addEventListener("logora:authentication:require", h), window.addEventListener("logora:authentication:refresh", a), () => {
|
|
30
|
+
window.removeEventListener("logora:authentication:require", h), window.removeEventListener("logora:authentication:refresh", a);
|
|
31
31
|
};
|
|
32
32
|
}, []);
|
|
33
|
-
const
|
|
34
|
-
const o =
|
|
33
|
+
const a = () => {
|
|
34
|
+
const o = f(), t = C();
|
|
35
35
|
if (t) {
|
|
36
36
|
const r = t.session_id;
|
|
37
|
-
o.isSameUser(r) ?
|
|
37
|
+
o.isSameUser(r) ? k() : (P(), d(o));
|
|
38
38
|
} else
|
|
39
|
-
|
|
40
|
-
},
|
|
39
|
+
d(o);
|
|
40
|
+
}, d = (o) => {
|
|
41
41
|
if (o.shouldInitAuth()) {
|
|
42
42
|
const t = o.getAuthorizationParams();
|
|
43
43
|
if (t) {
|
|
44
44
|
if (i !== "social" && i !== "oauth2_server" && e.auth?.showOnboardingBeforeLogin === !0) {
|
|
45
|
-
|
|
45
|
+
c(!0);
|
|
46
46
|
return;
|
|
47
47
|
}
|
|
48
|
-
|
|
48
|
+
m(t);
|
|
49
49
|
}
|
|
50
50
|
} else
|
|
51
|
-
|
|
52
|
-
},
|
|
53
|
-
const r =
|
|
54
|
-
await
|
|
55
|
-
},
|
|
56
|
-
return /* @__PURE__ */
|
|
51
|
+
b();
|
|
52
|
+
}, U = async (o) => {
|
|
53
|
+
const r = f().getAuthorizationParams();
|
|
54
|
+
await m(r), await v.update("users", E.slug, o), c(!1);
|
|
55
|
+
}, f = () => M.create(i, p, w);
|
|
56
|
+
return /* @__PURE__ */ l(y, { children: A && /* @__PURE__ */ l(
|
|
57
57
|
j,
|
|
58
58
|
{
|
|
59
59
|
pendingAuth: !0,
|
|
60
|
-
onConsentConfirmed:
|
|
60
|
+
onConsentConfirmed: U,
|
|
61
61
|
showTerms: e.auth?.hideCgu !== !0,
|
|
62
62
|
showEmailConsent: e.auth?.showEmailConsent,
|
|
63
63
|
termsUrl: e.provider?.cguUrl || "https://www.logora.com/blog-posts/cgu",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { jsxs as Q, jsx as g, Fragment as $e } from "react/jsx-runtime";
|
|
2
|
+
import Qe from "@rooks/use-previous";
|
|
3
|
+
import Ue from "classnames";
|
|
4
4
|
import We, { useState as f, useEffect as p } from "react";
|
|
5
5
|
import { useIntl as ze } from "react-intl";
|
|
6
6
|
import { useLocation as Ge } from "react-router";
|
|
@@ -18,7 +18,7 @@ const ct = ({
|
|
|
18
18
|
sortOptions: o,
|
|
19
19
|
sort: M,
|
|
20
20
|
filters: m,
|
|
21
|
-
tagList:
|
|
21
|
+
tagList: se,
|
|
22
22
|
pinnedTagList: ae,
|
|
23
23
|
currentPage: R,
|
|
24
24
|
resource: A,
|
|
@@ -31,8 +31,8 @@ const ct = ({
|
|
|
31
31
|
queryParam: de = "query",
|
|
32
32
|
tagParam: re = "tag_id",
|
|
33
33
|
totalHeaderParam: D = "total",
|
|
34
|
-
onUpdateTotal:
|
|
35
|
-
onElementsLoad:
|
|
34
|
+
onUpdateTotal: U,
|
|
35
|
+
onElementsLoad: _,
|
|
36
36
|
transformData: W,
|
|
37
37
|
uniqueIdKey: S = "id",
|
|
38
38
|
children: fe,
|
|
@@ -55,44 +55,44 @@ const ct = ({
|
|
|
55
55
|
withUrlParams: Ne = !1,
|
|
56
56
|
onLoadNewPage: Z
|
|
57
57
|
}) => {
|
|
58
|
-
const J = ze(), t = Ve(), H = Xe(), I = Ge(), { isMobile: K, isTablet: Me, isDesktop: L } = Ye(), [
|
|
58
|
+
const J = ze(), t = Ve(), H = Xe(), I = Ge(), { isMobile: K, isTablet: Me, isDesktop: L } = Ye(), [b, E] = f(!1), [Re, _e] = f(!1), [d, y] = Ze(a, []), [O, be] = f(
|
|
59
59
|
d?.length || 0
|
|
60
|
-
), [h, j] = f(R || 1), [w, B] = f(N || null), [
|
|
60
|
+
), [h, j] = f(R || 1), [w, B] = f(N || null), [k, q] = f(null), [ke, ee] = f(null), c = new URLSearchParams(
|
|
61
61
|
typeof window < "u" ? window.location.search : I.search
|
|
62
|
-
),
|
|
62
|
+
), Ce = () => o && o[0].type === "sort" && o[0].value || M || "", Te = () => {
|
|
63
63
|
let e = {};
|
|
64
64
|
return o && o[0].type === "filter" && (e[o[0].name] = o[0].value), m && (e = Object.assign({}, e, m)), e;
|
|
65
|
-
}, [
|
|
66
|
-
R && R !== h && j(R), N !== void 0 && N !== w && B(N), M !== void 0 && M !==
|
|
65
|
+
}, [C, T] = f(Ce()), [$, F] = f(Te()), te = Qe(m);
|
|
66
|
+
R && R !== h && j(R), N !== void 0 && N !== w && B(N), M !== void 0 && M !== C && T(M), te && JSON.stringify(m) !== JSON.stringify(te) && JSON.stringify(m) !== JSON.stringify($) && F(m), p(() => {
|
|
67
67
|
if (c.get("tagId") && q(Number.parseInt(c.get("tagId"))), c.get("search") && B(c.get("search")), c.get("sort")) {
|
|
68
|
-
|
|
68
|
+
T(c.get("sort"));
|
|
69
69
|
for (const e of c.values()) {
|
|
70
|
-
o?.map((
|
|
71
|
-
|
|
70
|
+
o?.map((n) => {
|
|
71
|
+
n.value === e && ee(n.name);
|
|
72
72
|
});
|
|
73
73
|
break;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
for (const e of c.keys()) {
|
|
77
|
-
o?.map((
|
|
78
|
-
|
|
77
|
+
o?.map((n) => {
|
|
78
|
+
n.name === e && (F({
|
|
79
79
|
...m,
|
|
80
|
-
[
|
|
81
|
-
}), ee(
|
|
80
|
+
[n.name]: n.value
|
|
81
|
+
}), ee(n.name));
|
|
82
82
|
});
|
|
83
83
|
break;
|
|
84
84
|
}
|
|
85
85
|
}, [I.search]), p(() => {
|
|
86
|
-
A ? (j(1), y([]), E(!0),
|
|
86
|
+
A ? (j(1), y([]), E(!0), ne(1)) : E(!1);
|
|
87
87
|
}, [
|
|
88
|
-
|
|
89
|
-
|
|
88
|
+
C,
|
|
89
|
+
$,
|
|
90
90
|
w,
|
|
91
91
|
A,
|
|
92
|
-
|
|
92
|
+
k,
|
|
93
93
|
v
|
|
94
94
|
]), p(() => {
|
|
95
|
-
h > 1 && (E(!0),
|
|
95
|
+
h > 1 && (E(!0), ne(h));
|
|
96
96
|
}, [h]), p(() => {
|
|
97
97
|
if (t.addElements && a in t.addElements && t.addElements[a].length > 0) {
|
|
98
98
|
Ae(t.addElements[a]);
|
|
@@ -103,15 +103,15 @@ const ct = ({
|
|
|
103
103
|
if (t.updateElements && a in t.updateElements) {
|
|
104
104
|
const e = t.updateElements[a];
|
|
105
105
|
if (e.length > 0) {
|
|
106
|
-
const
|
|
107
|
-
(i) => d.some((
|
|
106
|
+
const n = e.filter(
|
|
107
|
+
(i) => d.some((s) => s.id === i.id)
|
|
108
108
|
);
|
|
109
|
-
if (
|
|
110
|
-
De(
|
|
109
|
+
if (n.length > 0) {
|
|
110
|
+
De(n);
|
|
111
111
|
const i = e.filter(
|
|
112
112
|
(r) => !d.some((u) => u.id === r.id)
|
|
113
|
-
),
|
|
114
|
-
i.length > 0 ?
|
|
113
|
+
), s = { ...t.updateElements };
|
|
114
|
+
i.length > 0 ? s[a] = i : delete s[a], t.setUpdateElements(s);
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
117
|
}
|
|
@@ -122,71 +122,71 @@ const ct = ({
|
|
|
122
122
|
delete e[a], t.setRemoveElements(e);
|
|
123
123
|
}
|
|
124
124
|
}, [t.removeElements, d]);
|
|
125
|
-
const
|
|
126
|
-
e.type === "filter" ? (
|
|
125
|
+
const Fe = (e) => {
|
|
126
|
+
e.type === "filter" ? (T(""), F({
|
|
127
127
|
...m,
|
|
128
128
|
[e.name]: e.value
|
|
129
|
-
})) : (
|
|
129
|
+
})) : (T(e.value), F(m ? { ...m } : {}));
|
|
130
130
|
}, xe = () => {
|
|
131
131
|
typeof Z == "function" && Z() !== null || j(h + 1);
|
|
132
|
-
},
|
|
133
|
-
const
|
|
132
|
+
}, ne = (e) => {
|
|
133
|
+
const n = le ? H.getListWithToken : H.getList;
|
|
134
134
|
if ((e - 1) * v <= (Y || O) || e === 1) {
|
|
135
135
|
const i = {
|
|
136
136
|
[oe]: e,
|
|
137
137
|
[ie]: v,
|
|
138
|
-
...
|
|
138
|
+
...C && !w && { [me]: C },
|
|
139
139
|
...w && { [de]: w },
|
|
140
140
|
...ye === !0 && { countless: !0 },
|
|
141
|
-
|
|
142
|
-
...
|
|
141
|
+
...$,
|
|
142
|
+
...k && { [re]: k }
|
|
143
143
|
};
|
|
144
|
-
|
|
145
|
-
const r =
|
|
146
|
-
r && D in r && (
|
|
144
|
+
n(A, i).then((s) => {
|
|
145
|
+
const r = s.headers;
|
|
146
|
+
r && D in r && (be(
|
|
147
147
|
Number.parseInt(r[D || "total"], 10)
|
|
148
|
-
),
|
|
149
|
-
let u =
|
|
150
|
-
|
|
151
|
-
}).catch((
|
|
152
|
-
console.error(
|
|
148
|
+
), U && U(r[D || "total"]));
|
|
149
|
+
let u = s?.data?.data;
|
|
150
|
+
_ && _(u), W && (u = u.filter(W)), t.addElements && a in t.addElements && t.addElements[a].length > 0 && (u = [...t.addElements[a], u]), Le(u), E(!1);
|
|
151
|
+
}).catch((s) => {
|
|
152
|
+
console.error(s), s?.response?.status !== 404 && _e(!0), E(!1);
|
|
153
153
|
});
|
|
154
154
|
} else
|
|
155
155
|
E(!1);
|
|
156
156
|
}, Ae = (e) => {
|
|
157
157
|
y(
|
|
158
|
-
(
|
|
159
|
-
),
|
|
158
|
+
(n) => x([...e, ...n], S || "id")
|
|
159
|
+
), _ && _(e);
|
|
160
160
|
}, De = (e) => {
|
|
161
|
-
y((
|
|
162
|
-
let i =
|
|
161
|
+
y((n) => {
|
|
162
|
+
let i = n;
|
|
163
163
|
return e.forEach(
|
|
164
|
-
(
|
|
165
|
-
(r) => r.id ===
|
|
164
|
+
(s) => i = i.map(
|
|
165
|
+
(r) => r.id === s.id ? s : r
|
|
166
166
|
)
|
|
167
167
|
), x(i, S || "id");
|
|
168
168
|
});
|
|
169
169
|
}, Je = (e) => {
|
|
170
|
-
const
|
|
171
|
-
(
|
|
170
|
+
const n = e.map((s) => s.id), i = d.filter(
|
|
171
|
+
(s) => n.indexOf(s.id) === -1
|
|
172
172
|
);
|
|
173
173
|
y(x(i, S || "id"));
|
|
174
174
|
}, Le = (e) => {
|
|
175
175
|
y(
|
|
176
|
-
(
|
|
176
|
+
(n) => x([...n, ...e], S || "id")
|
|
177
177
|
);
|
|
178
|
-
}, je = (e,
|
|
178
|
+
}, je = (e, n) => e !== void 0 ? /* @__PURE__ */ g(
|
|
179
179
|
"li",
|
|
180
180
|
{
|
|
181
181
|
className: l.paginatedListItem,
|
|
182
182
|
"data-testid": "list-item",
|
|
183
183
|
onClick: we,
|
|
184
184
|
children: /* @__PURE__ */ g(Ie, { hideMessage: !0, children: We.cloneElement(fe, {
|
|
185
|
-
index:
|
|
185
|
+
index: n,
|
|
186
186
|
[ce]: e
|
|
187
187
|
}) })
|
|
188
188
|
},
|
|
189
|
-
`${e[S || "id"]}_${e.updated_at || e.content}`
|
|
189
|
+
`${e[S || "id"]}_${e.updated_at || ""}_${e.rich_content || e.content || ""}`
|
|
190
190
|
) : null, Be = (e) => z ? /* @__PURE__ */ g("li", { className: l.paginatedListItem, children: z }, e) : null;
|
|
191
191
|
if (Re)
|
|
192
192
|
throw new Error(
|
|
@@ -195,7 +195,7 @@ const ct = ({
|
|
|
195
195
|
defaultMessage: "Error when loading content."
|
|
196
196
|
})
|
|
197
197
|
);
|
|
198
|
-
return /* @__PURE__ */
|
|
198
|
+
return /* @__PURE__ */ Q("div", { className: l.listContainer, children: [
|
|
199
199
|
/* @__PURE__ */ g(
|
|
200
200
|
Pe,
|
|
201
201
|
{
|
|
@@ -203,25 +203,25 @@ const ct = ({
|
|
|
203
203
|
subtitle: Ee,
|
|
204
204
|
showDebateConsultationSubtitle: he,
|
|
205
205
|
sortOptions: o,
|
|
206
|
-
defaultSelectOption:
|
|
206
|
+
defaultSelectOption: ke,
|
|
207
207
|
searchBar: ue,
|
|
208
|
-
tagList:
|
|
208
|
+
tagList: se,
|
|
209
209
|
pinnedTagList: ae,
|
|
210
|
-
activeTagId:
|
|
210
|
+
activeTagId: k,
|
|
211
211
|
onSearch: (e) => B(e),
|
|
212
|
-
onSortChange:
|
|
212
|
+
onSortChange: Fe,
|
|
213
213
|
onTagChange: (e) => q(e),
|
|
214
214
|
withUrlParams: Ne
|
|
215
215
|
}
|
|
216
216
|
),
|
|
217
|
-
!
|
|
217
|
+
!b && d.length === 0 ? G ? /* @__PURE__ */ g("div", { className: l.emptyListElement, children: G }) : /* @__PURE__ */ g("div", { className: l.emptyList, children: P || J.formatMessage({
|
|
218
218
|
id: "info.emptyList",
|
|
219
219
|
defaultMessage: "No items for now."
|
|
220
|
-
}) }) : /* @__PURE__ */
|
|
221
|
-
/* @__PURE__ */
|
|
220
|
+
}) }) : /* @__PURE__ */ Q($e, { children: [
|
|
221
|
+
/* @__PURE__ */ Q(
|
|
222
222
|
"ul",
|
|
223
223
|
{
|
|
224
|
-
className:
|
|
224
|
+
className: Ue(l.paginatedList, {
|
|
225
225
|
[l.paginatedListIsTablet]: !K && !L,
|
|
226
226
|
[l.centeredList]: V === "column",
|
|
227
227
|
[l.column]: V === "column",
|
|
@@ -235,11 +235,11 @@ const ct = ({
|
|
|
235
235
|
style: { gap: ve },
|
|
236
236
|
children: [
|
|
237
237
|
d.map(je),
|
|
238
|
-
|
|
238
|
+
b ? Array(v).fill().map((e, n) => n).map(Be) : null
|
|
239
239
|
]
|
|
240
240
|
}
|
|
241
241
|
),
|
|
242
|
-
!
|
|
242
|
+
!b && Se !== !1 && /* @__PURE__ */ g(
|
|
243
243
|
He,
|
|
244
244
|
{
|
|
245
245
|
buttonText: J.formatMessage({
|
|
@@ -250,7 +250,7 @@ const ct = ({
|
|
|
250
250
|
perPage: v,
|
|
251
251
|
totalElements: Y || O,
|
|
252
252
|
onLoad: xe,
|
|
253
|
-
isLoading:
|
|
253
|
+
isLoading: b,
|
|
254
254
|
hideLoader: !0,
|
|
255
255
|
"data-tid": "list_read_more"
|
|
256
256
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import '../../../assets/components/progress/progress_bar/ProgressBar.module-
|
|
1
|
+
import '../../../assets/components/progress/progress_bar/ProgressBar.module-C9_77ipX.css';const r = "_progressContainer_w34dy_3", t = "_titleContainer_w34dy_9", s = "_title_w34dy_9", e = "_subtitleContainer_w34dy_24", o = "_progressSubtitle_w34dy_29", n = "_progressBarContainer_w34dy_35", _ = "_currentProgressBar_w34dy_47", a = "_progressBar_w34dy_35", i = "_progressBarContent_w34dy_77", g = {
|
|
2
2
|
progressContainer: r,
|
|
3
|
-
titleContainer:
|
|
4
|
-
title:
|
|
5
|
-
subtitleContainer:
|
|
3
|
+
titleContainer: t,
|
|
4
|
+
title: s,
|
|
5
|
+
subtitleContainer: e,
|
|
6
6
|
progressSubtitle: o,
|
|
7
7
|
progressBarContainer: n,
|
|
8
8
|
currentProgressBar: _,
|
|
@@ -17,7 +17,7 @@ export {
|
|
|
17
17
|
i as progressBarContent,
|
|
18
18
|
r as progressContainer,
|
|
19
19
|
o as progressSubtitle,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
e as subtitleContainer,
|
|
21
|
+
s as title,
|
|
22
|
+
t as titleContainer
|
|
23
23
|
};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import '../../../assets/components/vote/vote_box/VoteBox.module-
|
|
2
|
-
voteBox:
|
|
3
|
-
voteResultsBox:
|
|
1
|
+
import '../../../assets/components/vote/vote_box/VoteBox.module-DXymYDHj.css';const t = "_voteBox_1tf6x_3", o = "_voteResultsBox_1tf6x_11", e = "_voteResults_1tf6x_11", s = "_voteProgressHeader_1tf6x_22", n = "_voteProgressHeaderAgainst_1tf6x_35", _ = "_voteResultsNumberVoters_1tf6x_39", u = "_voteBoxFooter_1tf6x_47", x = "_voteBoxActions_1tf6x_56", v = "_voteBoxActionsBody_1tf6x_66", B = "_voteBoxActionsBodyColumn_1tf6x_74", c = "_voteAction_1tf6x_78", r = "_buttonAlignLeft_1tf6x_88", i = "_voteButton_1tf6x_92", l = "_textAlignLeft_1tf6x_103", f = "_voteBoxShowResultContainer_1tf6x_107", d = "_voteBoxShowResult_1tf6x_107", b = "_boldShowResult_1tf6x_131", A = "_outlined_1tf6x_136", a = "_voteButtonThesis_1tf6x_143", R = "_voteButtonThesisSynthesisMobile_1tf6x_155", g = "_voteBoxActionsBodyOutlined_1tf6x_194", h = "_voteActionButton_1tf6x_233", m = "_sideIcon_1tf6x_248", y = "_progress_1tf6x_253", w = "_progressBar_1tf6x_259", C = "_voteCommentCounts_1tf6x_276", S = "_debateNumberItem_1tf6x_284", I = "_debateNumberLabel_1tf6x_293", L = "_showResultButton_1tf6x_297", N = "_voteResultInfoText_1tf6x_310", T = {
|
|
2
|
+
voteBox: t,
|
|
3
|
+
voteResultsBox: o,
|
|
4
4
|
voteResults: e,
|
|
5
5
|
voteProgressHeader: s,
|
|
6
6
|
voteProgressHeaderAgainst: n,
|
|
7
|
-
voteResultsNumberVoters:
|
|
8
|
-
voteBoxFooter:
|
|
9
|
-
voteBoxActions:
|
|
10
|
-
voteBoxActionsBody:
|
|
7
|
+
voteResultsNumberVoters: _,
|
|
8
|
+
voteBoxFooter: u,
|
|
9
|
+
voteBoxActions: x,
|
|
10
|
+
voteBoxActionsBody: v,
|
|
11
11
|
voteBoxActionsBodyColumn: B,
|
|
12
12
|
voteAction: c,
|
|
13
13
|
buttonAlignLeft: r,
|
|
14
14
|
voteButton: i,
|
|
15
15
|
textAlignLeft: l,
|
|
16
|
-
voteBoxShowResultContainer:
|
|
17
|
-
voteBoxShowResult:
|
|
16
|
+
voteBoxShowResultContainer: f,
|
|
17
|
+
voteBoxShowResult: d,
|
|
18
18
|
boldShowResult: b,
|
|
19
19
|
outlined: A,
|
|
20
20
|
voteButtonThesis: a,
|
|
@@ -26,40 +26,40 @@ import '../../../assets/components/vote/vote_box/VoteBox.module-BB7kq_Es.css';co
|
|
|
26
26
|
progressBar: w,
|
|
27
27
|
voteCommentCounts: C,
|
|
28
28
|
debateNumberItem: S,
|
|
29
|
-
debateNumberLabel:
|
|
30
|
-
showResultButton:
|
|
31
|
-
voteResultInfoText:
|
|
29
|
+
debateNumberLabel: I,
|
|
30
|
+
showResultButton: L,
|
|
31
|
+
voteResultInfoText: N
|
|
32
32
|
};
|
|
33
33
|
export {
|
|
34
34
|
b as boldShowResult,
|
|
35
35
|
r as buttonAlignLeft,
|
|
36
36
|
S as debateNumberItem,
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
I as debateNumberLabel,
|
|
38
|
+
T as default,
|
|
39
39
|
A as outlined,
|
|
40
40
|
y as progress,
|
|
41
41
|
w as progressBar,
|
|
42
|
-
|
|
42
|
+
L as showResultButton,
|
|
43
43
|
m as sideIcon,
|
|
44
44
|
l as textAlignLeft,
|
|
45
45
|
c as voteAction,
|
|
46
46
|
h as voteActionButton,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
t as voteBox,
|
|
48
|
+
x as voteBoxActions,
|
|
49
|
+
v as voteBoxActionsBody,
|
|
50
50
|
B as voteBoxActionsBodyColumn,
|
|
51
51
|
g as voteBoxActionsBodyOutlined,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
52
|
+
u as voteBoxFooter,
|
|
53
|
+
d as voteBoxShowResult,
|
|
54
|
+
f as voteBoxShowResultContainer,
|
|
55
55
|
i as voteButton,
|
|
56
56
|
a as voteButtonThesis,
|
|
57
57
|
R as voteButtonThesisSynthesisMobile,
|
|
58
58
|
C as voteCommentCounts,
|
|
59
59
|
s as voteProgressHeader,
|
|
60
60
|
n as voteProgressHeaderAgainst,
|
|
61
|
-
|
|
61
|
+
N as voteResultInfoText,
|
|
62
62
|
e as voteResults,
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
o as voteResultsBox,
|
|
64
|
+
_ as voteResultsNumberVoters
|
|
65
65
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._progressContainer_1s80e_3{display:flex!important;flex-direction:column!important;width:100%}._titleContainer_1s80e_9{display:flex!important;flex-direction:column!important}@container (min-width: 576px){._titleContainer_1s80e_9{flex-direction:row!important}}._title_1s80e_9{width:100%;font-weight:var(--font-weight-bold, 700)}._subtitleContainer_1s80e_24{width:100%;text-align:right}._progressSubtitle_1s80e_29{margin-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px)}._progressBarContainer_1s80e_35{position:relative;background:var(--background-color-secondary, #E8E8E8);border-radius:var(--box-border-radius, 6px)!important;overflow:hidden;display:flex;flex-direction:column;justify-content:center;text-align:center;white-space:nowrap}._currentProgressBar_1s80e_47{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:left;white-space:nowrap;color:var(--text-light, white);-webkit-transition:width 1.2s ease!important;transition:width 1.2s ease!important}._progressBar_1s80e_35{display:flex;flex-direction:column;justify-content:center;text-align:center;white-space:nowrap;background-color:var(--call-primary-color, #434343);border-radius:var(--box-border-radius, 6px)!important;height:100%;color:var(--text-light, white);animation:_progressBarAnimation_1s80e_1 1.2s ease;animation-fill-mode:both;-webkit-animation:_progressBarAnimation_1s80e_1 1.2s ease;-webkit-animation-fill-mode:both;-moz-animation:_progressBarAnimation_1s80e_1 1.2s ease;-moz-animation-fill-mode:both}._progressBarContent_1s80e_77{text-align:left;padding-left:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;color:var(--text-light, white);font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-normal, 400);min-height:.5em}@keyframes _progressBarAnimation_1s80e_1{0%{width:0}to{width:100%}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._voteBox_13qdv_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_13qdv_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_13qdv_11{padding:0!important}._voteProgressHeader_13qdv_22{margin-bottom:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;display:flex!important;align-items:center!important;font-size:var(--font-size-normal, 16px);display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._voteProgressHeaderAgainst_13qdv_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_13qdv_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_13qdv_47{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:var(--space-unit, 1em)!important;padding:0!important}._voteBoxActions_13qdv_56{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:var(--space-unit, 1em);color:var(--text-secondary, #5F5F5F);width:100%}._voteBoxActionsBody_13qdv_66{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding:0!important;width:100%}._voteBoxActionsBodyColumn_13qdv_74{grid-template-columns:1fr}._voteAction_13qdv_78{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:100%!important;width:100%!important;text-align:center}._voteAction_13qdv_78._buttonAlignLeft_13qdv_88{justify-content:flex-start!important}button._voteButton_13qdv_92,a._voteButton_13qdv_92{-webkit-appearance:initial!important;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._textAlignLeft_13qdv_103{justify-content:flex-start!important}._voteBoxShowResultContainer_13qdv_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_13qdv_107{cursor:pointer}._voteBoxShowResult_13qdv_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_13qdv_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_13qdv_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_13qdv_107 ._boldShowResult_13qdv_131{font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #222222)}._outlined_13qdv_136{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_13qdv_143{display:block;text-align:left;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@container (max-width: 767.98px){._voteButtonThesisSynthesisMobile_13qdv_155{text-align:center!important}}._voteBoxActionsBody_13qdv_66 ._voteAction_13qdv_78:first-child ._voteButton_13qdv_92,._voteBoxActionsBody_13qdv_66 ._voteAction_13qdv_78:first-child ._voteButton_13qdv_92:hover{background-color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBody_13qdv_66 ._voteAction_13qdv_78:nth-child(2) ._voteButton_13qdv_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_13qdv_66 ._voteAction_13qdv_78:nth-child(2) ._voteButton_13qdv_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_13qdv_66 ._voteAction_13qdv_78:nth-child(3) ._voteButton_13qdv_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBody_13qdv_66 ._voteAction_13qdv_78:nth-child(3) ._voteButton_13qdv_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_13qdv_194 ._voteAction_13qdv_78:first-child ._voteButton_13qdv_92,._voteBoxActionsBodyOutlined_13qdv_194 ._voteAction_13qdv_78:first-child ._voteButton_13qdv_92:hover{background-color:var(--text-light, white)!important;color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBodyOutlined_13qdv_194 ._voteAction_13qdv_78:nth-child(2) ._voteButton_13qdv_92{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_13qdv_194 ._voteAction_13qdv_78:nth-child(2) ._voteButton_13qdv_92:hover{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_13qdv_194 ._voteAction_13qdv_78:nth-child(3) ._voteButton_13qdv_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_13qdv_194 ._voteAction_13qdv_78:nth-child(3) ._voteButton_13qdv_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteActionButton_13qdv_233{cursor:pointer;-webkit-appearance:initial!important;background:none;border:none;color:var(--text-secondary, #5F5F5F)!important;font-size:inherit;padding:0;font-weight:var(--font-weight-bold, 700)}._voteActionButton_13qdv_233:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_13qdv_248 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_13qdv_253{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));height:25px;color:var(--text-secondary, #5F5F5F)}._progressBar_13qdv_259{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));height:25px}._voteResults_13qdv_11>div:first-child ._progress_13qdv_253 ._progressBar_13qdv_259{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_13qdv_11>div:nth-child(2) ._progress_13qdv_253 ._progressBar_13qdv_259{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_13qdv_11 div:nth-child(3) ._progress_13qdv_253 ._progressBar_13qdv_259{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_13qdv_276{display:flex;align-items:center;gap:var(--space-unit, 1em);width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_13qdv_284{display:flex;align-items:center;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));font-size:var(--font-size-normal, 16px);color:var(--text-primary, #222222);white-space:nowrap}._debateNumberLabel_13qdv_293{white-space:nowrap}._showResultButton_13qdv_297{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_13qdv_297:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_13qdv_310{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}
|