frst-components 0.23.78 → 0.23.80
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/index.js +181 -177
- package/dist/src/components/DS/hypotesisAndImpediment/index.d.ts.map +1 -1
- package/dist/src/components/DS/impedimentosTab/index.d.ts +1 -1
- package/dist/src/components/DS/impedimentosTab/index.d.ts.map +1 -1
- package/dist/src/components/FI/ThreadComments/utilitiesComponents/commentaryBoxReply/index.d.ts.map +1 -1
- package/dist/src/components/FI/ThreadComments/utilitiesComponents/inputReply/index.d.ts.map +1 -1
- package/dist/src/components/FI/ThreadComments/utilitiesComponents/inputReply/inputReply.styles.d.ts.map +1 -1
- package/dist/src/components/IJ/learningCycleCard/components/menu/index.d.ts.map +1 -1
- package/dist/src/components/IJ/learningCycleCard/components/menu/menuStyle.d.ts.map +1 -1
- package/dist/src/components/form-elements/table/parts/TableBody/index.d.ts.map +1 -1
- package/dist/src/components/form-elements/table/parts/TableBody/tableStyle.d.ts.map +1 -1
- package/dist/src/components/form-elements/table/parts/TableHead/index.d.ts.map +1 -1
- package/dist/src/components/form-elements/table/parts/TableHead/tableStyle.d.ts.map +1 -1
- package/dist/src/components/form-elements/table-actions/parts/CollaboratorAvatar/collaboratorAvatarStyle.d.ts.map +1 -1
- package/dist/src/components/form-elements/table-actions/parts/CollaboratorAvatar/index.d.ts.map +1 -1
- package/dist/src/components/form-elements/table-actions/parts/DateLimit/dateLimitStyle.d.ts.map +1 -1
- package/dist/src/components/form-elements/table-actions/parts/DateLimit/index.d.ts.map +1 -1
- package/dist/src/components/form-elements/table-actions/parts/EmptyState/emptyStateStyle.d.ts.map +1 -1
- package/dist/src/components/form-elements/table-actions/parts/EmptyState/index.d.ts.map +1 -1
- package/dist/src/components/form-elements/table-actions/parts/TagStatus/index.d.ts.map +1 -1
- package/dist/src/components/form-elements/table-actions/parts/TagStatus/tagStatusStyle.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/src/components/DS/hypotesisAndImpediment/editHypotesisAndImpediment/editHypotesisAndImpediment.styles.d.ts +0 -5
- package/dist/src/components/DS/hypotesisAndImpediment/editHypotesisAndImpediment/editHypotesisAndImpediment.styles.d.ts.map +0 -1
package/dist/index.js
CHANGED
|
@@ -8,14 +8,14 @@ var styled = require('styled-components');
|
|
|
8
8
|
var ReactPlayer = require('react-player');
|
|
9
9
|
var material = require('@mui/material');
|
|
10
10
|
var reactI18next = require('react-i18next');
|
|
11
|
-
var Button$
|
|
11
|
+
var Button$6 = require('@mui/material/Button');
|
|
12
12
|
var Menu = require('@mui/material/Menu');
|
|
13
13
|
var MenuItem = require('@mui/material/MenuItem');
|
|
14
14
|
var Card = require('@mui/material/Card');
|
|
15
15
|
var Stepper$1 = require('@mui/material/Stepper');
|
|
16
16
|
var FormControl = require('@mui/material/FormControl');
|
|
17
17
|
var Select$3 = require('@mui/material/Select');
|
|
18
|
-
var CheckIcon
|
|
18
|
+
var CheckIcon = require('@mui/icons-material/Check');
|
|
19
19
|
var LoginIcon = require('@mui/icons-material/Login');
|
|
20
20
|
var Box$1 = require('@mui/material/Box');
|
|
21
21
|
var Step = require('@mui/material/Step');
|
|
@@ -25,7 +25,7 @@ var styles = require('@mui/material/styles');
|
|
|
25
25
|
var Select$4 = require('react-select');
|
|
26
26
|
var reactToastify = require('react-toastify');
|
|
27
27
|
var usehooksTs = require('usehooks-ts');
|
|
28
|
-
var CloseIcon$
|
|
28
|
+
var CloseIcon$1 = require('@mui/icons-material/Close');
|
|
29
29
|
var ArrowDropUpOutlinedIcon = require('@mui/icons-material/ArrowDropUpOutlined');
|
|
30
30
|
var ArrowDropDownOutlinedIcon = require('@mui/icons-material/ArrowDropDownOutlined');
|
|
31
31
|
var reactColor = require('react-color');
|
|
@@ -88,21 +88,21 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
88
88
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
89
89
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
90
90
|
var ReactPlayer__default = /*#__PURE__*/_interopDefaultLegacy(ReactPlayer);
|
|
91
|
-
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$
|
|
91
|
+
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$6);
|
|
92
92
|
var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu);
|
|
93
93
|
var MenuItem__default = /*#__PURE__*/_interopDefaultLegacy(MenuItem);
|
|
94
94
|
var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
|
|
95
95
|
var Stepper__default = /*#__PURE__*/_interopDefaultLegacy(Stepper$1);
|
|
96
96
|
var FormControl__default = /*#__PURE__*/_interopDefaultLegacy(FormControl);
|
|
97
97
|
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$3);
|
|
98
|
-
var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon
|
|
98
|
+
var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
|
|
99
99
|
var LoginIcon__default = /*#__PURE__*/_interopDefaultLegacy(LoginIcon);
|
|
100
100
|
var Box__default = /*#__PURE__*/_interopDefaultLegacy(Box$1);
|
|
101
101
|
var Step__default = /*#__PURE__*/_interopDefaultLegacy(Step);
|
|
102
102
|
var CardActions__default = /*#__PURE__*/_interopDefaultLegacy(CardActions);
|
|
103
103
|
var StepConnector__default = /*#__PURE__*/_interopDefaultLegacy(StepConnector);
|
|
104
104
|
var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$4);
|
|
105
|
-
var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon$
|
|
105
|
+
var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon$1);
|
|
106
106
|
var ArrowDropUpOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDropUpOutlinedIcon);
|
|
107
107
|
var ArrowDropDownOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDropDownOutlinedIcon);
|
|
108
108
|
var LinearProgress__default = /*#__PURE__*/_interopDefaultLegacy(LinearProgress);
|
|
@@ -242,7 +242,7 @@ function SearchIcon({ fill = 'black', stroke, customColor_1, width, height }) {
|
|
|
242
242
|
function ErrorInCicleIcon({ fill = '#FF0000', stroke, customColor_1, width = '48', height = '48' }) {
|
|
243
243
|
return (jsxRuntime.jsxs("svg", { width: width, height: height, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: fill }), jsxRuntime.jsx("path", { d: "M36 12L12 36", stroke: "white", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 12L36 36", stroke: "white", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
244
244
|
}
|
|
245
|
-
function CloseIcon
|
|
245
|
+
function CloseIcon({ fill, width = '12', height = '12' }) {
|
|
246
246
|
return (jsxRuntime.jsxs("svg", { width: width, height: height, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M11.3334 0.666687L0.666748 11.3334", stroke: fill ? fill : '#222222', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M0.666748 0.666687L11.3334 11.3334", stroke: fill ? fill : '#222222', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
247
247
|
}
|
|
248
248
|
function AddIcon({ fill, width, height }) {
|
|
@@ -2470,7 +2470,7 @@ const variantStyles$1 = (variant = 'contained') => ({
|
|
|
2470
2470
|
}
|
|
2471
2471
|
`
|
|
2472
2472
|
}[variant]);
|
|
2473
|
-
const Button$
|
|
2473
|
+
const Button$5 = styled__default["default"].button `
|
|
2474
2474
|
display: flex;
|
|
2475
2475
|
flex-direction: row;
|
|
2476
2476
|
align-items: center;
|
|
@@ -2593,7 +2593,7 @@ const ButtonEndIcon = styled__default["default"].button `
|
|
|
2593
2593
|
${({ variant }) => variantStyles$1(variant)}
|
|
2594
2594
|
`;
|
|
2595
2595
|
|
|
2596
|
-
function Button$
|
|
2596
|
+
function Button$4({ variant, label, sizeIcon, disabled, startIcon, endIcon, handleClick, type, active, style, value, length, id, ref, handleMount, buttonProps }) {
|
|
2597
2597
|
React.useEffect(() => {
|
|
2598
2598
|
if (handleMount && id) {
|
|
2599
2599
|
handleMount(id);
|
|
@@ -2613,7 +2613,7 @@ function Button$5({ variant, label, sizeIcon, disabled, startIcon, endIcon, hand
|
|
|
2613
2613
|
(variant === 'link') ?
|
|
2614
2614
|
jsxRuntime.jsx(LinkButton$1, { ref: ref, style: { ...style }, disabled: disabled, onClick: handleClick, id: id, children: label })
|
|
2615
2615
|
:
|
|
2616
|
-
jsxRuntime.jsx(Button$
|
|
2616
|
+
jsxRuntime.jsx(Button$5, { ...buttonProps, ref: ref, style: { ...style }, length: length, active: active, value: value, variant: variant, disabled: disabled, onClick: handleClick, id: id, children: label }) }));
|
|
2617
2617
|
}
|
|
2618
2618
|
|
|
2619
2619
|
var css_248z$k = ".BannerProblem-module_container__iitVU {\n padding: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n background-color: white;\n font-family: 'Work Sans';\n font-style: normal;\n\n}\n\n@media (max-width:570px) {\n\n .BannerProblem-module_container__iitVU {\n padding: 10px !important;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n background-color: white;\n font-family: 'Work Sans';\n font-style: normal;\n \n }\n }\n\n.BannerProblem-module_titleProblem__BeJIN{\n font-weight: 700;\n font-size: 18px;\n word-wrap: break-word;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n}\n\n.BannerProblem-module_created__OrSsa{\n font-size: 12px;\n\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n /* identical to box height, or 117% */\n\n display: flex;\n align-items: center;\n letter-spacing: -0.02em;\n\n color: #757575;\n}\n\n.BannerProblem-module_description__olZ05{\n font-style: normal;\n font-weight: 600;\n font-size: 32px;\n text-align: left;\n display: flex;\n margin-top: 8px;\n width: 100%;\n color: #FF4D0D;\n margin-bottom: 0px;\n}\n\n@media(max-width: 880px){\n .BannerProblem-module_description__olZ05{\n word-wrap: break-word;\n }\n}\n\n.BannerProblem-module_missaoTitle__300kZ{\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n \n color: #0645AD;\n}\n\nh2{\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 700;\n font-size: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n margin-top: 16;\n margin-bottom: 0;\n}\n\nh3{\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 21px;\n margin: 0;\n word-wrap: break-word;\n}\n\n.BannerProblem-module_contentInput__YXpxk {\n background-color: #F2F2F2; \n border-width: 1px; \n border-radius: 4px;\n padding: 24px 16px 24px 16px;\n border: 1px solid #BDBDBD;\n}\n\n.BannerProblem-module_contentInput__YXpxk input {\n width: 100% !important;\n margin: 4px;\n padding: 16px;\n border-radius: 8px;\n border: 1px solid #BDBDBD;\n background-color: white;\n}\n\n.BannerProblem-module_goal_invite__B0T5N svg {\n max-width: none;\n max-height: none !important;\n}\n";
|
|
@@ -2750,7 +2750,7 @@ function BannerProblem(props) {
|
|
|
2750
2750
|
justifyContent: 'space-between',
|
|
2751
2751
|
flexDirection: 'row',
|
|
2752
2752
|
alignItems: 'center'
|
|
2753
|
-
}, children: [jsxRuntime.jsxs("span", { className: style$d.titleProblem, children: [showChallengeTitle(), props.isVerified && (jsxRuntime.jsx(Tooltip$2, { direction: "bottom", content: props.verifiedTooltipContent, trigger: "hover", width: "361px", height: "54px", style: { top: '10px', textAlign: 'center' }, children: jsxRuntime.jsx(SawBadgeIcon, {}) }))] }), props.isEditable && (jsxRuntime.jsx(Button$
|
|
2753
|
+
}, children: [jsxRuntime.jsxs("span", { className: style$d.titleProblem, children: [showChallengeTitle(), props.isVerified && (jsxRuntime.jsx(Tooltip$2, { direction: "bottom", content: props.verifiedTooltipContent, trigger: "hover", width: "361px", height: "54px", style: { top: '10px', textAlign: 'center' }, children: jsxRuntime.jsx(SawBadgeIcon, {}) }))] }), props.isEditable && (jsxRuntime.jsx(Button$4, { label: Edit
|
|
2754
2754
|
? props.textButtonLinkEditSave
|
|
2755
2755
|
? props.textButtonLinkEditSave
|
|
2756
2756
|
: 'Salvar Alterações'
|
|
@@ -2816,7 +2816,7 @@ function BannerProblem(props) {
|
|
|
2816
2816
|
alignItems: 'center',
|
|
2817
2817
|
flexWrap: 'wrap',
|
|
2818
2818
|
width: '100%'
|
|
2819
|
-
}, children: [jsxRuntime.jsx(Rating$1, { titulo: props.ratingTitleImpact ? props.ratingTitleImpact : 'Impacto', descricaoAvaliacao: props.descriptionImpacto, qtdeAvaliacao: props.qtdeAvaliacao, nota: props.notaAvaliacao, tipoVisualizacao: 1, style: { margin: 0 }, nomeAvaliacao: props.ratingLikesEvaluation ? props.ratingLikesEvaluation : 'avaliação' }), jsxRuntime.jsx(Rating$1, { titulo: props.ratingTitleRelevance ? props.ratingTitleRelevance : 'Relevância', descricaoAvaliacao: props.descriptionRelevancia, qtdeAvaliacao: props.qtdeRelevancia, nota: props.notaRelevancia, tipoVisualizacao: 1, style: { margin: 0 }, nomeAvaliacao: props.ratingLikesEvaluation ? props.ratingLikesEvaluation : 'avaliação' }), props.curtidas && (jsxRuntime.jsx(RatingCurtidas, { titulo: props.ratingTitleLikes ? props.ratingTitleLikes : 'Curtidas', qtdeCurtidas: props.curtidas, tipoBotao: 2, style: { margin: 0 }, descricaoCurtida: props.ratingLikesDescription ? props.ratingLikesDescription : 'pessoas' }))] })) : null, jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '32px' }, children: [props.showButtonInvite && (jsxRuntime.jsx(Button$
|
|
2819
|
+
}, children: [jsxRuntime.jsx(Rating$1, { titulo: props.ratingTitleImpact ? props.ratingTitleImpact : 'Impacto', descricaoAvaliacao: props.descriptionImpacto, qtdeAvaliacao: props.qtdeAvaliacao, nota: props.notaAvaliacao, tipoVisualizacao: 1, style: { margin: 0 }, nomeAvaliacao: props.ratingLikesEvaluation ? props.ratingLikesEvaluation : 'avaliação' }), jsxRuntime.jsx(Rating$1, { titulo: props.ratingTitleRelevance ? props.ratingTitleRelevance : 'Relevância', descricaoAvaliacao: props.descriptionRelevancia, qtdeAvaliacao: props.qtdeRelevancia, nota: props.notaRelevancia, tipoVisualizacao: 1, style: { margin: 0 }, nomeAvaliacao: props.ratingLikesEvaluation ? props.ratingLikesEvaluation : 'avaliação' }), props.curtidas && (jsxRuntime.jsx(RatingCurtidas, { titulo: props.ratingTitleLikes ? props.ratingTitleLikes : 'Curtidas', qtdeCurtidas: props.curtidas, tipoBotao: 2, style: { margin: 0 }, descricaoCurtida: props.ratingLikesDescription ? props.ratingLikesDescription : 'pessoas' }))] })) : null, jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '32px' }, children: [props.showButtonInvite && (jsxRuntime.jsx(Button$4, { variant: "link", label: props.textGoalInviteBtn, startIcon: jsxRuntime.jsx("div", { style: { width: '26px', marginBottom: '-2px', marginRight: '8px' }, children: jsxRuntime.jsx(GoalInviteIcon, { width: "26px", height: "26px" }) }), handleClick: props.onClickMessage, style: { paddingTop: '0px', paddingBottom: '16px' } })), props.showButtonViews && (jsxRuntime.jsx(Button$4, { variant: "link", label: props.textGoalViewsBtn, startIcon: jsxRuntime.jsx("div", { style: { width: '20px', marginBottom: '-1px', marginRight: '8px' }, children: jsxRuntime.jsx(GoalViewsIcon, { width: "20px" }) }), handleClick: props.onClickViewsBtn, style: { paddingTop: '0px', paddingBottom: '16px' } }))] })] }), size[0] > MOBILEWIDTH && Edit === false ? (jsxRuntime.jsxs("div", { style: { position: 'absolute', right: 0, flexFlow: 'column', justifyContent: 'flex-end', width: '20%' }, id: "avaliations-banner-problem", children: [jsxRuntime.jsx(Rating$1, { titulo: props.ratingTitleImpact ? props.ratingTitleImpact : 'Impacto', descricaoAvaliacao: props.descriptionImpacto, qtdeAvaliacao: props.qtdeAvaliacao, nota: props.notaAvaliacao, tipoVisualizacao: 1, nomeAvaliacao: props.ratingLikesEvaluation ? props.ratingLikesEvaluation : 'avaliação' }), jsxRuntime.jsx(Rating$1, { titulo: props.ratingTitleRelevance ? props.ratingTitleRelevance : 'Relevância', descricaoAvaliacao: props.descriptionRelevancia, qtdeAvaliacao: props.qtdeRelevancia, nota: props.notaRelevancia, tipoVisualizacao: 1, nomeAvaliacao: props.ratingLikesEvaluation ? props.ratingLikesEvaluation : 'avaliação' }), props.curtidas && (jsxRuntime.jsx(RatingCurtidas, { titulo: props.ratingTitleLikes ? props.ratingTitleLikes : 'Curtidas', qtdeCurtidas: props.curtidas, tipoBotao: 2, descricaoCurtida: props.ratingLikesDescription ? props.ratingLikesDescription : 'pessoas' }))] })) : null] }) }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', flexDirection: 'column' }, children: [jsxRuntime.jsx("div", { style: { marginTop: '20px' }, children: jsxRuntime.jsx(ButtonsProcessSteps, { idioma: Idioma, definedSteps: props?.stepProblem, selectedStep: selectedStep, setSelectedStep: (e) => {
|
|
2820
2820
|
setSelectedStep(e);
|
|
2821
2821
|
props?.onSelectedStep(e);
|
|
2822
2822
|
}, hasContinueProps: props?.hasContinueButton, onClickContinue: () => props.onClickContinue() }) }), jsxRuntime.jsx(Steps$1, { children: jsxRuntime.jsx(StepsProgress, { definedSteps: definedSteps, stepSelected: selectedStep }) })] }), jsxRuntime.jsx("div", { style: {
|
|
@@ -2900,11 +2900,11 @@ function ButtonsProcessSteps({ selectedStep, definedSteps, setSelectedStep, idio
|
|
|
2900
2900
|
}
|
|
2901
2901
|
}, [idioma]);
|
|
2902
2902
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [selectedStep == 1 && definedSteps > 1 &&
|
|
2903
|
-
jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(Button$
|
|
2904
|
-
jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between' }, children: [jsxRuntime.jsx(Button$
|
|
2905
|
-
jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between' }, children: [jsxRuntime.jsx(Button$
|
|
2906
|
-
jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-start' }, children: jsxRuntime.jsx(Button$
|
|
2907
|
-
jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: hasContinuePropsState ? jsxRuntime.jsx(Button$
|
|
2903
|
+
jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(Button$4, { handleClick: () => setSelectedStep(2), label: anhorsBtn.next, variant: "link", style: { height: '40px' } }) }), selectedStep > 1 && selectedStep < definedSteps &&
|
|
2904
|
+
jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between' }, children: [jsxRuntime.jsx(Button$4, { handleClick: () => setSelectedStep(selectedStep - 1), label: anhorsBtn.previous, variant: "link", style: { height: '40px' } }), jsxRuntime.jsx(Button$4, { handleClick: () => setSelectedStep(selectedStep + 1), label: anhorsBtn.next, variant: "link", style: { height: '40px' } })] }), selectedStep == definedSteps && definedSteps != 5 && definedSteps != 1 &&
|
|
2905
|
+
jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between' }, children: [jsxRuntime.jsx(Button$4, { handleClick: () => setSelectedStep(selectedStep - 1), label: anhorsBtn.previous, variant: "link", style: { height: '40px' } }), hasContinuePropsState ? jsxRuntime.jsx(Button$4, { handleClick: () => onClickContinue(), label: anhorsBtn.continueChallenge, variant: "primary", style: { height: '40px' } }) : jsxRuntime.jsx("div", { children: " " })] }), selectedStep == definedSteps && definedSteps == 5 &&
|
|
2906
|
+
jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-start' }, children: jsxRuntime.jsx(Button$4, { handleClick: () => setSelectedStep(selectedStep - 1), label: anhorsBtn.previous, variant: "link", style: { height: '40px' } }) }), selectedStep == definedSteps && definedSteps == 1 &&
|
|
2907
|
+
jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: hasContinuePropsState ? jsxRuntime.jsx(Button$4, { handleClick: () => onClickContinue(), label: anhorsBtn.continueChallenge, variant: "primary", style: { height: '40px' } }) : jsxRuntime.jsx("div", { children: " " }) })] });
|
|
2908
2908
|
}
|
|
2909
2909
|
function getTranslateBtnNextPrevSteps() {
|
|
2910
2910
|
const traducaoPTBR = {
|
|
@@ -3025,7 +3025,7 @@ function MessageBox(props) {
|
|
|
3025
3025
|
right: 0,
|
|
3026
3026
|
top: 0,
|
|
3027
3027
|
cursor: 'pointer'
|
|
3028
|
-
}, onClick: props.onClickExit, children: [" ", jsxRuntime.jsx(CloseIcon
|
|
3028
|
+
}, onClick: props.onClickExit, children: [" ", jsxRuntime.jsx(CloseIcon, { width: '9' }), " "] })] }));
|
|
3029
3029
|
}
|
|
3030
3030
|
|
|
3031
3031
|
const SmallTrash = ({ width = '16', height = '16', fill = '#BDBDBD' }) => {
|
|
@@ -3060,14 +3060,6 @@ function NewVoteIcon() {
|
|
|
3060
3060
|
return (jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_80_23523)", children: [jsxRuntime.jsx("path", { d: "M7.99967 14.6668C11.6816 14.6668 14.6663 11.6821 14.6663 8.00016C14.6663 4.31826 11.6816 1.3335 7.99967 1.3335C4.31778 1.3335 1.33301 4.31826 1.33301 8.00016C1.33301 11.6821 4.31778 14.6668 7.99967 14.6668Z", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M11 8L8 5L5 8", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8 11V5", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_80_23523", children: jsxRuntime.jsx("rect", { width: "16", height: "16", fill: "white" }) }) })] }));
|
|
3061
3061
|
}
|
|
3062
3062
|
|
|
3063
|
-
function CheckIcon({ stroke = "#1BA853", fill = '#D1F6D1' }) {
|
|
3064
|
-
return (jsxRuntime.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("rect", { width: "32", height: "32", rx: "16", fill: fill }), jsxRuntime.jsx("path", { d: "M21.3332 12L13.9998 19.3333L10.6665 16", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
3065
|
-
}
|
|
3066
|
-
|
|
3067
|
-
function CloseIcon() {
|
|
3068
|
-
return (jsxRuntime.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("rect", { width: "32", height: "32", rx: "16", fill: "#FFE0E0" }), jsxRuntime.jsx("path", { d: "M21.3332 10.6666L10.6665 21.3333", stroke: "#C00F00", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M10.6665 10.6666L21.3332 21.3333", stroke: "#C00F00", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
|
|
3069
|
-
}
|
|
3070
|
-
|
|
3071
3063
|
const SwitchVoteIcon = ({ style, width = '16', height = '17', stroke = '#444444' }) => {
|
|
3072
3064
|
return (jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M3.3335 4.36444V7.05746H5.87895", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12.6665 11.5459V8.85284H10.1211", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M11.602 6.60864C11.3868 5.96536 11.0211 5.39023 10.5391 4.93691C10.057 4.4836 9.47421 4.16687 8.84513 4.01628C8.21606 3.86569 7.56118 3.88616 6.9416 4.07576C6.32202 4.26536 5.75793 4.61792 5.30198 5.10055L3.3335 7.05748M12.6668 8.85282L10.6983 10.8097C10.2424 11.2924 9.67831 11.6449 9.05873 11.8345C8.43915 12.0241 7.78427 12.0446 7.15519 11.894C6.52612 11.7434 5.94335 11.4267 5.46127 10.9734C4.97919 10.5201 4.61351 9.94493 4.39834 9.30166", stroke: stroke, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
3073
3065
|
};
|
|
@@ -3159,7 +3151,7 @@ const Toast = ({ type = 'success', message, onClose, showBySeconds = 5, styles }
|
|
|
3159
3151
|
default:
|
|
3160
3152
|
iconComponent = jsxRuntime.jsx(CircledAlert, { width: '22', height: '22' });
|
|
3161
3153
|
}
|
|
3162
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(ToastWrapper, { visible: isToastOpen, style: { ...styles }, children: [jsxRuntime.jsx(Icon, { children: iconComponent }), jsxRuntime.jsx(Text$3, { children: message }), jsxRuntime.jsx(CloseButton$3, { onClick: onClose, children: jsxRuntime.jsx(CloseIcon
|
|
3154
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(ToastWrapper, { visible: isToastOpen, style: { ...styles }, children: [jsxRuntime.jsx(Icon, { children: iconComponent }), jsxRuntime.jsx(Text$3, { children: message }), jsxRuntime.jsx(CloseButton$3, { onClick: onClose, children: jsxRuntime.jsx(CloseIcon, { width: '14', height: '14' }) })] }) }));
|
|
3163
3155
|
};
|
|
3164
3156
|
|
|
3165
3157
|
const StyledContainer = styled__default["default"](reactToastify.ToastContainer) `
|
|
@@ -3194,7 +3186,7 @@ const showToastV2 = ({ type = 'success', message, showBySeconds = 5, styles }) =
|
|
|
3194
3186
|
const toastOptions = {
|
|
3195
3187
|
position: 'top-right',
|
|
3196
3188
|
autoClose: showBySeconds * 1000,
|
|
3197
|
-
closeButton: (jsxRuntime.jsx("span", { style: { display: 'flex', marginTop: 'auto', marginBottom: 'auto', marginRight: '20px' }, children: jsxRuntime.jsx(CloseIcon
|
|
3189
|
+
closeButton: (jsxRuntime.jsx("span", { style: { display: 'flex', marginTop: 'auto', marginBottom: 'auto', marginRight: '20px' }, children: jsxRuntime.jsx(CloseIcon, { width: "14", height: "14" }) })),
|
|
3198
3190
|
icon: iconComponent,
|
|
3199
3191
|
hideProgressBar: true,
|
|
3200
3192
|
closeOnClick: true,
|
|
@@ -3723,7 +3715,7 @@ const ButtonContainer$2 = styled__default["default"].div `
|
|
|
3723
3715
|
`;
|
|
3724
3716
|
|
|
3725
3717
|
const ModalConfirme = ({ open, onClose, title, children, onConfirm }) => {
|
|
3726
|
-
return (jsxRuntime.jsx(material.Modal, { open: open, onClose: onClose, children: jsxRuntime.jsxs(ModalContainer$1, { children: [jsxRuntime.jsxs(ModalHeader$2, { children: [jsxRuntime.jsx(ModalTitle$1, { children: title }), jsxRuntime.jsx(CloseButton$2, { onClick: onClose, children: "X" })] }), jsxRuntime.jsx(HorizontalLine$1, {}), jsxRuntime.jsxs(ContainerContent$1, { children: [children, jsxRuntime.jsxs(ButtonContainer$2, { children: [jsxRuntime.jsx(Button$
|
|
3718
|
+
return (jsxRuntime.jsx(material.Modal, { open: open, onClose: onClose, children: jsxRuntime.jsxs(ModalContainer$1, { children: [jsxRuntime.jsxs(ModalHeader$2, { children: [jsxRuntime.jsx(ModalTitle$1, { children: title }), jsxRuntime.jsx(CloseButton$2, { onClick: onClose, children: "X" })] }), jsxRuntime.jsx(HorizontalLine$1, {}), jsxRuntime.jsxs(ContainerContent$1, { children: [children, jsxRuntime.jsxs(ButtonContainer$2, { children: [jsxRuntime.jsx(Button$4, { variant: "link", style: { color: '#444444' }, handleClick: onClose, label: "N\u00E3o, cancelar" }), jsxRuntime.jsx(Button$4, { variant: "primary", label: "Sim, excluir", handleClick: onConfirm })] })] })] }) }));
|
|
3727
3719
|
};
|
|
3728
3720
|
|
|
3729
3721
|
const HypothesisComponent = ({ description, type, id, title, votes = [], onVote, canVote = false, canViewVote = false, userLoggedId, deleteVote, canViewListVotes, votesSingularText, votesPluralText, voteText, deleteVoteText, handleViewProfile, avatar, hasEditHipotesis, onDeleteHipotesis, showAvatar, authorId, hasVoteGoal, loading, onChangeVote, authorGoalId, changeVoteText, onSaveEditHipotesis }) => {
|
|
@@ -5289,7 +5281,7 @@ function CommentaryBox({ name, className, styles, position, value, date, actionL
|
|
|
5289
5281
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ItemDrop, { onClick: actionMakePrivate, children: [" ", (!isPrivateAuthor && !isPrivateMe) ? textMakePrivate : textMakePublic, " "] }), jsxRuntime.jsxs(ItemDrop, { isLastItem: true, onClick: actionDeleteComment, children: [" ", textDeleteComment, " "] })] })] })] })] })] }), size[0] <= WIDTH_MOBILE &&
|
|
5290
5282
|
jsxRuntime.jsxs("div", { style: { display: 'flex', marginLeft: '14px', marginTop: '5px', alignItems: 'center' }, children: [(isPrivateAuthor || isPrivateMe) &&
|
|
5291
5283
|
jsxRuntime.jsx("div", { style: { marginRight: '10px' }, children: jsxRuntime.jsx(EyeOffIcon, { children: jsxRuntime.jsx(EyeOff, { fill: '#757575' }) }) }), jsxRuntime.jsxs(Date$2, { children: [" ", date, " ", wasEdited && `(${textEdited})`, " "] })] }), onEditing ?
|
|
5292
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CommentaryEditingContent, { id: iDCommentInEditing, "data-gramm": "false", contentEditable: "true", role: "textbox", "aria-multiline": "true", suppressContentEditableWarning: true, children: value }), jsxRuntime.jsxs(FooterEditingWrapper, { width: size[0], children: [jsxRuntime.jsx(Button$
|
|
5284
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CommentaryEditingContent, { id: iDCommentInEditing, "data-gramm": "false", contentEditable: "true", role: "textbox", "aria-multiline": "true", suppressContentEditableWarning: true, children: value }), jsxRuntime.jsxs(FooterEditingWrapper, { width: size[0], children: [jsxRuntime.jsx(Button$4, { handleClick: () => { saveEditComment(); }, label: size[0] > WIDTH_MOBILE ? textSaveButton : textSaveButtonMobile, disabled: !enableSaveEdit, variant: "primary", style: { marginRight: '20px' } }), jsxRuntime.jsx(Button$4, { handleClick: () => { cancelEditComment(); }, label: textCancelButton, variant: "secondary" })] })] })
|
|
5293
5285
|
:
|
|
5294
5286
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CommentaryContent, { id: iDCommentPosted, children: value }), jsxRuntime.jsxs(IterationsWrapper, { children: [showStatusLike ? jsxRuntime.jsxs(LikesStatistics, { children: [!isLiked ?
|
|
5295
5287
|
jsxRuntime.jsx(ThumbsUpCovered, { width: '16px', height: '16px' })
|
|
@@ -5464,7 +5456,7 @@ const ShowMore$1 = styled__default["default"].span `
|
|
|
5464
5456
|
display: ${({ isVisible }) => (isVisible ? 'inline' : 'none')};
|
|
5465
5457
|
`;
|
|
5466
5458
|
|
|
5467
|
-
const Button$
|
|
5459
|
+
const Button$3 = styled__default["default"].div `
|
|
5468
5460
|
${({ variant, disabled, active, theme, isTooltipActive }) => {
|
|
5469
5461
|
let styleVariant = {
|
|
5470
5462
|
'primary': styled.css `
|
|
@@ -5571,7 +5563,7 @@ const Button$4 = styled__default["default"].div `
|
|
|
5571
5563
|
|
|
5572
5564
|
function MiniButton({ variant, label, disabled, onClick, styles, active, tooltipText, }) {
|
|
5573
5565
|
const [isTooltipActive, setIsTooltipActive] = React.useState(false);
|
|
5574
|
-
const generateButtonComponent = () => (jsxRuntime.jsx(Button$
|
|
5566
|
+
const generateButtonComponent = () => (jsxRuntime.jsx(Button$3, { onClick: (e) => !disabled && onClick(e), disabled: disabled, variant: variant, style: { ...styles }, active: !!active, isTooltipActive: isTooltipActive, children: label }));
|
|
5575
5567
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme }, children: tooltipText ? (jsxRuntime.jsx(Tooltip$2, { direction: "bottom", content: tooltipText, trigger: "hover", width: tooltipText.length > 18 ? "220px" : "100px", height: "auto", style: { top: '50px', textAlign: 'center' }, setIsActive: setIsTooltipActive, children: generateButtonComponent() })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: generateButtonComponent() })) }));
|
|
5576
5568
|
}
|
|
5577
5569
|
|
|
@@ -6656,7 +6648,7 @@ function Modal({ children, width, headerContent, style, onClose, onOpen, handleC
|
|
|
6656
6648
|
onClose(e);
|
|
6657
6649
|
};
|
|
6658
6650
|
return (jsxRuntime.jsx(ModalWrapper, { open: active, ref: ModalWrapperRef, children: jsxRuntime.jsxs(ModalContent, { style: style, width: width, mobileFullPage: mobileFullPage, ref: ModalContentRef, animation: AnimationType, children: [showHeader === true ||
|
|
6659
|
-
(showCloseButton === true && (jsxRuntime.jsx(ModalHeader$1, { children: showCloseButton === true && (jsxRuntime.jsxs(ModalCloseButton, { onClick: (e) => handleClose(e), children: [headerContent && headerContent, jsxRuntime.jsx("span", { onClick: (e) => (handleCloseOnIcon ? handleCloseOnIcon() : handleClose(e)), children: jsxRuntime.jsx(CloseIcon
|
|
6651
|
+
(showCloseButton === true && (jsxRuntime.jsx(ModalHeader$1, { children: showCloseButton === true && (jsxRuntime.jsxs(ModalCloseButton, { onClick: (e) => handleClose(e), children: [headerContent && headerContent, jsxRuntime.jsx("span", { onClick: (e) => (handleCloseOnIcon ? handleCloseOnIcon() : handleClose(e)), children: jsxRuntime.jsx(CloseIcon, {}) })] })) }))), children && children] }) }));
|
|
6660
6652
|
}
|
|
6661
6653
|
|
|
6662
6654
|
const ContainerSelected = styled__default["default"].div `
|
|
@@ -7284,7 +7276,7 @@ const InfoDescription = styled__default["default"].div `
|
|
|
7284
7276
|
|
|
7285
7277
|
function CarUser({ style, userInfo, handleLinkProfile, hasButton, labelButton, handleInvite, handleRemove }) {
|
|
7286
7278
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(UserContainer, { id: "userContainer", style: { ...style }, variant: Boolean(hasButton), children: [jsxRuntime.jsxs(Headers, { children: [jsxRuntime.jsx(Avatar, { src: userInfo.avatar, size: hasButton ? '56px' : '74px', onClick: handleLinkProfile, isActiveClick: true }), jsxRuntime.jsx(UserInfo$2, { variant: Boolean(hasButton), children: userInfo.name }), hasButton &&
|
|
7287
|
-
jsxRuntime.jsx("div", { style: { position: 'absolute', top: '8px', right: '8px', cursor: 'pointer' }, onClick: handleRemove, children: jsxRuntime.jsx(CloseIcon__default["default"], { htmlColor: '#BDBDBD', fontSize: 'small' }) })] }), jsxRuntime.jsxs(InfoDescription, { variant: Boolean(hasButton), children: [jsxRuntime.jsx("p", { children: userInfo.profession }), jsxRuntime.jsx("p", { style: { marginTop: '3px' }, children: userInfo.education })] }), hasButton ? (jsxRuntime.jsx(Button$
|
|
7279
|
+
jsxRuntime.jsx("div", { style: { position: 'absolute', top: '8px', right: '8px', cursor: 'pointer' }, onClick: handleRemove, children: jsxRuntime.jsx(CloseIcon__default["default"], { htmlColor: '#BDBDBD', fontSize: 'small' }) })] }), jsxRuntime.jsxs(InfoDescription, { variant: Boolean(hasButton), children: [jsxRuntime.jsx("p", { children: userInfo.profession }), jsxRuntime.jsx("p", { style: { marginTop: '3px' }, children: userInfo.education })] }), hasButton ? (jsxRuntime.jsx(Button$4, { label: labelButton, variant: 'primary', handleClick: handleInvite, style: { width: '160px', height: '36px', marginTop: '24px' } })) : (jsxRuntime.jsx(InfoBottom, { children: jsxRuntime.jsxs("p", { children: [userInfo.activeSice, " ", jsxRuntime.jsx("b", { children: userInfo.date })] }) }))] }) }));
|
|
7288
7280
|
}
|
|
7289
7281
|
|
|
7290
7282
|
const ContainerImpedimentos = styled__default["default"]('div') `
|
|
@@ -7437,13 +7429,13 @@ const WrapperMenuMore = styled__default["default"]('div') `
|
|
|
7437
7429
|
margin-left: auto;
|
|
7438
7430
|
margin-right: 0;
|
|
7439
7431
|
`;
|
|
7440
|
-
|
|
7432
|
+
styled__default["default"]('div') `
|
|
7441
7433
|
width: 100%;
|
|
7442
7434
|
display: flex;
|
|
7443
7435
|
align-items: center;
|
|
7444
7436
|
gap: 16px;
|
|
7445
7437
|
`;
|
|
7446
|
-
|
|
7438
|
+
styled__default["default"]('div') `
|
|
7447
7439
|
width: 32px;
|
|
7448
7440
|
height: 32px;
|
|
7449
7441
|
border-radius: 100px;
|
|
@@ -7480,7 +7472,7 @@ function AddImpedimentoModal({ isOpen, onClose, onSaveBtn, anchor }) {
|
|
|
7480
7472
|
}, transformOrigin: {
|
|
7481
7473
|
horizontal: 'right',
|
|
7482
7474
|
vertical: 'top'
|
|
7483
|
-
}, children: jsxRuntime.jsxs(ContainerModal, { children: [jsxRuntime.jsx(TextField, { value: text, onChange: (e) => setText(e.target.value), placeholder: 'Sugira o impedimento aqui' }), jsxRuntime.jsx(Button$
|
|
7475
|
+
}, children: jsxRuntime.jsxs(ContainerModal, { children: [jsxRuntime.jsx(TextField, { value: text, onChange: (e) => setText(e.target.value), placeholder: 'Sugira o impedimento aqui' }), jsxRuntime.jsx(Button$4, { label: 'Salvar', variant: 'expandedPrimary', disabled: text === '', handleClick: handleSave })] }) }));
|
|
7484
7476
|
}
|
|
7485
7477
|
|
|
7486
7478
|
const ContainerDropdown = styled__default["default"]('div') `
|
|
@@ -7528,7 +7520,7 @@ function Dropdown$1({ isOpen, anchor, onClose, impedimentoList, onClickImpedimen
|
|
|
7528
7520
|
}, children: jsxRuntime.jsx(ContainerDropdown, { children: render() }) }));
|
|
7529
7521
|
}
|
|
7530
7522
|
|
|
7531
|
-
function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpedimento, onSelectedTab, idSelectedTab, currentTab }) {
|
|
7523
|
+
function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpedimento, onSelectedTab, idSelectedTab, currentTab, handleClickAvatar }) {
|
|
7532
7524
|
const [selectedTab, setSelectedTab] = React.useState(null);
|
|
7533
7525
|
const [allTabs, setAllTabs] = React.useState([]);
|
|
7534
7526
|
const [onShowTabs, setOnShowTabs] = React.useState([]);
|
|
@@ -7609,44 +7601,58 @@ function ImpedimentosTab({ maxTabs, tabsList, showAddButton, onSaveNewImpediment
|
|
|
7609
7601
|
jsxRuntime.jsx(Tooltip$2, { content: 'Ver todos os impedimentos', direction: 'bottom', delay: 200, style: { textAlign: 'center' }, children: jsxRuntime.jsxs(WrapperImpedimentoSelect, { activeSelect: openImpedimentoSelect, onClick: (e) => setImpedimentoSelectAnchor(e.currentTarget), children: [jsxRuntime.jsxs("p", { children: ["Mais ", onHideTabs.length] }), jsxRuntime.jsx(WrapperSelectIcon, { isOpenSelect: openImpedimentoSelect, children: jsxRuntime.jsx(ArrrowExpandDropdown, {}) })] }) })
|
|
7610
7602
|
:
|
|
7611
7603
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }), selectedTab?.id ?
|
|
7612
|
-
jsxRuntime.
|
|
7613
|
-
jsxRuntime.jsx(material.Box, { border: '2px solid #AD46FF', borderRadius: '50%', children: jsxRuntime.jsx(Avatar, { src: selectedTab.avatar, size: '24px' }) })
|
|
7604
|
+
jsxRuntime.jsx(material.Box, { display: 'flex', flexDirection: 'column', gap: '8px', onDoubleClick: () => selectedTab?.showOptions && setIsEdit(true), children: jsxRuntime.jsxs(TabInfoWrapper, { children: [jsxRuntime.jsx(Tooltip$2, { content: selectedTab?.user_name, direction: 'bottom', delay: 200, style: { width: 'fit-content', height: 'fit-content' }, children: selectedTab.isGoalOwner ?
|
|
7605
|
+
jsxRuntime.jsx(material.Box, { border: '2px solid #AD46FF', borderRadius: '50%', onClick: handleClickAvatar, children: jsxRuntime.jsx(Avatar, { src: selectedTab.avatar, size: '24px', isActiveClick: true }) })
|
|
7614
7606
|
:
|
|
7615
|
-
jsxRuntime.jsx(Avatar, { src: selectedTab.avatar, size: '24px'
|
|
7616
|
-
|
|
7617
|
-
|
|
7618
|
-
|
|
7619
|
-
|
|
7620
|
-
|
|
7621
|
-
|
|
7622
|
-
|
|
7623
|
-
|
|
7624
|
-
|
|
7625
|
-
|
|
7626
|
-
|
|
7627
|
-
|
|
7628
|
-
|
|
7629
|
-
|
|
7630
|
-
|
|
7631
|
-
|
|
7632
|
-
|
|
7633
|
-
|
|
7634
|
-
|
|
7635
|
-
|
|
7636
|
-
|
|
7637
|
-
|
|
7638
|
-
|
|
7639
|
-
|
|
7640
|
-
|
|
7641
|
-
|
|
7642
|
-
|
|
7643
|
-
|
|
7644
|
-
|
|
7645
|
-
|
|
7646
|
-
|
|
7647
|
-
|
|
7648
|
-
|
|
7649
|
-
|
|
7607
|
+
jsxRuntime.jsx(Avatar, { src: selectedTab.avatar, size: '24px', isActiveClick: true, onClick: handleClickAvatar }) }), isEdit ?
|
|
7608
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(material.TextField, { placeholder: editDescription, value: editDescription, onChange: (e) => setEditDescription(e.target.value), fullWidth: true, variant: 'standard', InputProps: {
|
|
7609
|
+
autoFocus: true,
|
|
7610
|
+
disableUnderline: true,
|
|
7611
|
+
style: {
|
|
7612
|
+
fontFamily: 'PT Sans',
|
|
7613
|
+
fontSize: '14px',
|
|
7614
|
+
lineHeight: 1.3
|
|
7615
|
+
}
|
|
7616
|
+
}, onKeyDown: (event) => {
|
|
7617
|
+
if (event.key === 'Enter') {
|
|
7618
|
+
if (editDescription == '')
|
|
7619
|
+
return;
|
|
7620
|
+
setDisplayDescription(editDescription);
|
|
7621
|
+
let editTab = { ...selectedTab, description: editDescription };
|
|
7622
|
+
selectedTab?.handleEdit(editTab);
|
|
7623
|
+
setIsEdit(false);
|
|
7624
|
+
}
|
|
7625
|
+
if (event.key === 'Escape') {
|
|
7626
|
+
setEditDescription(displayDescription);
|
|
7627
|
+
setIsEdit(false);
|
|
7628
|
+
}
|
|
7629
|
+
}, onBlur: () => {
|
|
7630
|
+
setEditDescription(displayDescription);
|
|
7631
|
+
setIsEdit(false);
|
|
7632
|
+
} }) })
|
|
7633
|
+
:
|
|
7634
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("p", { children: displayDescription }), selectedTab?.showOptions ?
|
|
7635
|
+
jsxRuntime.jsx(WrapperMenuMore, { children: jsxRuntime.jsx(MenuMore, { options: [
|
|
7636
|
+
...(selectedTab?.handlePriorize ? [{
|
|
7637
|
+
description: 'Priorizar',
|
|
7638
|
+
onClick: () => selectedTab?.handlePriorize(selectedTab),
|
|
7639
|
+
disabled: !!selectedTab?.disabledPriorize,
|
|
7640
|
+
startIcon: jsxRuntime.jsx(StarPrioritize, { stroke: !!selectedTab?.disabledPriorize ? "#b7b7b7" : "#222222" })
|
|
7641
|
+
}] : []),
|
|
7642
|
+
...(selectedTab?.handleEdit ? [{
|
|
7643
|
+
description: 'Editar',
|
|
7644
|
+
onClick: () => setIsEdit(true),
|
|
7645
|
+
startIcon: jsxRuntime.jsx(EditHipoteses, {})
|
|
7646
|
+
}] : []),
|
|
7647
|
+
...(selectedTab?.handleDelete ? [{
|
|
7648
|
+
description: 'Excluir',
|
|
7649
|
+
onClick: () => selectedTab?.handleDelete(selectedTab),
|
|
7650
|
+
startIcon: jsxRuntime.jsx(TrashHipoteses, {}),
|
|
7651
|
+
color: '#C00F00'
|
|
7652
|
+
}] : []),
|
|
7653
|
+
], closeAfterClick: true, isContainerOptions: true }) })
|
|
7654
|
+
:
|
|
7655
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, {})] })] }) })
|
|
7650
7656
|
:
|
|
7651
7657
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}), jsxRuntime.jsx(AddImpedimentoModal, { isOpen: openAddImpedimento, anchor: addImpedimentoAnchor, onClose: () => setAddImpedimentoAnchor(null), onSaveBtn: handleSaveNewImpedimento }), jsxRuntime.jsx(Dropdown$1, { isOpen: openImpedimentoSelect, anchor: impedimentoSelectAnchor, onClose: () => setImpedimentoSelectAnchor(null), impedimentoList: onHideTabs, maxTabs: maxTabs, onClickImpedimento: handleClickSelectImpedimento })] })
|
|
7652
7658
|
:
|
|
@@ -7940,49 +7946,6 @@ const Voting = ({ type, voteText, onDeleteVote, onChangeVote, votersList, onVote
|
|
|
7940
7946
|
jsxRuntime.jsxs("div", { onClick: handleChangeVote, children: [jsxRuntime.jsx(SwitchVoteIcon, {}), "Trocar voto"] })] })) : (jsxRuntime.jsxs("span", { children: [votersList?.length, " ", votersList?.length > 1 ? 'votos' : 'voto'] })) })] })) : (jsxRuntime.jsx(ContainerVoting, { type: type, children: jsxRuntime.jsxs(ContainerTitleVoting, { onClick: onVote, children: [jsxRuntime.jsx(NewVoteIcon, {}), jsxRuntime.jsx(TitleVoting, { children: voteText })] }) })) }));
|
|
7941
7947
|
};
|
|
7942
7948
|
|
|
7943
|
-
const ContainerInput = styled__default["default"].div `
|
|
7944
|
-
display: flex;
|
|
7945
|
-
width: 100%;
|
|
7946
|
-
align-items: center;
|
|
7947
|
-
`;
|
|
7948
|
-
const TextArea = styled__default["default"].textarea `
|
|
7949
|
-
width: 100%;
|
|
7950
|
-
resize: none;
|
|
7951
|
-
background: #F2F2F2;
|
|
7952
|
-
font-family:'PT Sans';
|
|
7953
|
-
font-size: 16px;
|
|
7954
|
-
padding: 12px;
|
|
7955
|
-
border-radius: 8px;
|
|
7956
|
-
border: 1px solid #BDBDBD;
|
|
7957
|
-
`;
|
|
7958
|
-
const ContainerButton = styled__default["default"].div `
|
|
7959
|
-
display: flex;
|
|
7960
|
-
gap: 8px;
|
|
7961
|
-
padding-left: 16px;
|
|
7962
|
-
|
|
7963
|
-
`;
|
|
7964
|
-
const Button$3 = styled__default["default"].button `
|
|
7965
|
-
cursor: pointer;
|
|
7966
|
-
background-color: transparent;
|
|
7967
|
-
border: none;
|
|
7968
|
-
&:disabled {
|
|
7969
|
-
cursor: not-allowed;
|
|
7970
|
-
}
|
|
7971
|
-
|
|
7972
|
-
`;
|
|
7973
|
-
|
|
7974
|
-
const EditHypotesisAndImpediment = ({ setEditDescription, editDescription, onSave, onCancel, originalDescription }) => {
|
|
7975
|
-
const isButtonDisabled = React.useMemo(() => {
|
|
7976
|
-
return editDescription === originalDescription;
|
|
7977
|
-
}, [editDescription, originalDescription]);
|
|
7978
|
-
const handleSave = () => {
|
|
7979
|
-
if (!isButtonDisabled) {
|
|
7980
|
-
onSave(editDescription);
|
|
7981
|
-
}
|
|
7982
|
-
};
|
|
7983
|
-
return (jsxRuntime.jsxs(ContainerInput, { children: [jsxRuntime.jsx(TextArea, { value: editDescription, onChange: (e) => setEditDescription(e.target.value) }), jsxRuntime.jsxs(ContainerButton, { children: [jsxRuntime.jsx(Button$3, { onClick: handleSave, disabled: isButtonDisabled, children: jsxRuntime.jsx(CheckIcon, { stroke: isButtonDisabled ? '#9C9C9C' : '#1BA853', fill: isButtonDisabled ? '#EBEBEB' : '#D1F6D1' }) }), jsxRuntime.jsx(Button$3, { onClick: onCancel, children: jsxRuntime.jsx(CloseIcon, {}) })] })] }));
|
|
7984
|
-
};
|
|
7985
|
-
|
|
7986
7949
|
const HypothesisAndImpediment = ({ description, variant, type, avatar, id, index, authorGoalId, // id do dono do desafio
|
|
7987
7950
|
userLoggedId, authorName, // nome autor da hipotese ou do impedimento
|
|
7988
7951
|
handleViewProfile, authorId, // id do autor do impedimento ou da hipotese
|
|
@@ -8032,8 +7995,10 @@ hasVoting, voteHasAlreadyBeenRegistered, isVotedByUserLogged, voteText, onDelete
|
|
|
8032
7995
|
}, [type, variant, index]);
|
|
8033
7996
|
const avatarBorder = isOwnerGoal ? `2px solid ${borderAvatar[variant][type]}` : 'none';
|
|
8034
7997
|
const handleSaveDescription = () => {
|
|
8035
|
-
|
|
8036
|
-
|
|
7998
|
+
if (isEditing) {
|
|
7999
|
+
onSaveEditHipotesisOrImpediment(editDescription);
|
|
8000
|
+
setIsEditing(false);
|
|
8001
|
+
}
|
|
8037
8002
|
};
|
|
8038
8003
|
const handleCancel = () => {
|
|
8039
8004
|
setEditDescription(description);
|
|
@@ -8049,11 +8014,38 @@ hasVoting, voteHasAlreadyBeenRegistered, isVotedByUserLogged, voteText, onDelete
|
|
|
8049
8014
|
}
|
|
8050
8015
|
return false;
|
|
8051
8016
|
}, [type, hasEditHipotesisOrImpediment, authorGoalId, authorId, userLoggedId]);
|
|
8017
|
+
const clickTimeoutRef = React.useRef(null);
|
|
8052
8018
|
const handleClickAction = (event) => {
|
|
8053
|
-
|
|
8054
|
-
|
|
8019
|
+
if (clickTimeoutRef.current) {
|
|
8020
|
+
clearTimeout(clickTimeoutRef.current);
|
|
8021
|
+
}
|
|
8022
|
+
clickTimeoutRef.current = setTimeout(() => {
|
|
8023
|
+
if (!isEditing) {
|
|
8024
|
+
event.stopPropagation();
|
|
8025
|
+
onClickAction();
|
|
8026
|
+
}
|
|
8027
|
+
}, 300);
|
|
8028
|
+
};
|
|
8029
|
+
const inputRef = React.useRef(null);
|
|
8030
|
+
const handleChange = (event) => {
|
|
8031
|
+
setEditDescription(event.target.value);
|
|
8055
8032
|
};
|
|
8056
|
-
|
|
8033
|
+
const handleKeyDown = (event) => {
|
|
8034
|
+
if (event.key === 'Enter') {
|
|
8035
|
+
handleSaveDescription();
|
|
8036
|
+
}
|
|
8037
|
+
else if (event.key === 'Escape') {
|
|
8038
|
+
handleCancel();
|
|
8039
|
+
}
|
|
8040
|
+
};
|
|
8041
|
+
React.useEffect(() => {
|
|
8042
|
+
if (isEditing && inputRef.current) {
|
|
8043
|
+
setTimeout(() => {
|
|
8044
|
+
inputRef.current.focus();
|
|
8045
|
+
}, 200);
|
|
8046
|
+
}
|
|
8047
|
+
}, [isEditing]);
|
|
8048
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MainContainer, { children: jsxRuntime.jsxs(ContainerHypotheis, { type: type, variant: variant, children: [hasUpdownButtons &&
|
|
8057
8049
|
jsxRuntime.jsx(UpDownButtons, { type: type, variant: variant, onDownClick: () => onDown(id, index), onUpClick: () => onUp(id, index) }), jsxRuntime.jsxs(SplitContainerDescription, { children: [jsxRuntime.jsx(Tooltip$2, { content: authorName, direction: 'bottom', style: {
|
|
8058
8050
|
fontFamily: 'PT Sans',
|
|
8059
8051
|
fontWeight: 400,
|
|
@@ -8065,7 +8057,12 @@ hasVoting, voteHasAlreadyBeenRegistered, isVotedByUserLogged, voteText, onDelete
|
|
|
8065
8057
|
left: '4px',
|
|
8066
8058
|
whiteSpace: 'nowrap',
|
|
8067
8059
|
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
8068
|
-
}, children: jsxRuntime.jsx(Avatar, { src: avatar, size: isOwnerGoal ? '28px' : '24px', border: avatarBorder, style: { marginRight: '14px', cursor: 'pointer', marginLeft: '16px' }, onClick: () => handleViewProfile(authorId) }) }), jsxRuntime.jsx(Title$6, { children: title }), jsxRuntime.jsx(Separator, { type: type, variant: variant }), jsxRuntime.jsx(Description$4, { onClick: handleClickAction,
|
|
8060
|
+
}, children: jsxRuntime.jsx(Avatar, { src: avatar, size: isOwnerGoal ? '28px' : '24px', border: avatarBorder, style: { marginRight: '14px', cursor: 'pointer', marginLeft: '16px' }, onClick: () => handleViewProfile(authorId) }) }), jsxRuntime.jsx(Title$6, { children: title }), jsxRuntime.jsx(Separator, { type: type, variant: variant }), jsxRuntime.jsx(Description$4, { onClick: handleClickAction, onDoubleClick: () => {
|
|
8061
|
+
if (clickTimeoutRef.current) {
|
|
8062
|
+
clearTimeout(clickTimeoutRef.current);
|
|
8063
|
+
}
|
|
8064
|
+
setIsEditing(true);
|
|
8065
|
+
}, style: { height: isEditing ? '20px' : 'fit-content' }, children: jsxRuntime.jsxs(Tooltip$2, { content: 'Clique na hipótese para ver as ações vinculadas', direction: 'bottom', wrapperWidth: '100%', style: {
|
|
8069
8066
|
fontFamily: 'PT Sans',
|
|
8070
8067
|
fontWeight: 400,
|
|
8071
8068
|
fontSize: '14px',
|
|
@@ -8077,7 +8074,14 @@ hasVoting, voteHasAlreadyBeenRegistered, isVotedByUserLogged, voteText, onDelete
|
|
|
8077
8074
|
whiteSpace: 'wrap',
|
|
8078
8075
|
boxShadow: ' 0px 25px 18px -20px #22222233;',
|
|
8079
8076
|
display: variant === 'impediment' ? 'none' : 'block'
|
|
8080
|
-
}, children: jsxRuntime.jsx("div", { style: {
|
|
8077
|
+
}, children: [jsxRuntime.jsx("div", { style: {
|
|
8078
|
+
width: isEditing ? '100%' : '0',
|
|
8079
|
+
overflow: 'hidden',
|
|
8080
|
+
border: 'none',
|
|
8081
|
+
outline: 'none',
|
|
8082
|
+
background: 'transparent',
|
|
8083
|
+
marginTop: '-8px'
|
|
8084
|
+
}, children: jsxRuntime.jsx("input", { ref: inputRef, type: "text", value: editDescription, onBlur: handleSaveDescription, onChange: handleChange, onKeyDown: handleKeyDown, autoFocus: true, style: { width: '100%', border: 'none', outline: 'none', background: 'transparent' } }) }), jsxRuntime.jsx("div", { style: { width: !isEditing ? '100%' : '0', overflow: 'hidden', }, children: editDescription })] }) }), !isEditing && hasVoting && (jsxRuntime.jsx(Voting, { voteText: voteText, type: type, onDeleteVote: onDeleteVote, votersList: votersList, onVote: () => onVote(id), onChangeVote: () => onChangeVote(id), isVotedByUserLogged: isVotedByUserLogged, voteHasAlreadyBeenRegistered: voteHasAlreadyBeenRegistered, popperStyle: popperStyle })), !isEditing && validHasEditHipotesisOrImpediment && (jsxRuntime.jsx(MenuMore, { options: options, isContainerOptions: true, closeAfterClick: true }))] })] }) }) }));
|
|
8081
8085
|
};
|
|
8082
8086
|
|
|
8083
8087
|
const ModalContainer = styled__default["default"].div `
|
|
@@ -8134,7 +8138,7 @@ const ButtonContainer$1 = styled__default["default"].div `
|
|
|
8134
8138
|
`;
|
|
8135
8139
|
|
|
8136
8140
|
const ConfirmationModal = ({ open, onClose, title, children, onConfirm, labelButton }) => {
|
|
8137
|
-
return (jsxRuntime.jsx(material.Modal, { open: open, onClose: onClose, children: jsxRuntime.jsxs(ModalContainer, { children: [jsxRuntime.jsxs(ModalHeader, { children: [jsxRuntime.jsx(ModalTitle, { children: title }), jsxRuntime.jsx(CloseButton$1, { onClick: onClose, children: "X" })] }), jsxRuntime.jsx(HorizontalLine, {}), jsxRuntime.jsxs(ContainerContent, { children: [children, jsxRuntime.jsx(ButtonContainer$1, { children: jsxRuntime.jsx(Button$
|
|
8141
|
+
return (jsxRuntime.jsx(material.Modal, { open: open, onClose: onClose, children: jsxRuntime.jsxs(ModalContainer, { children: [jsxRuntime.jsxs(ModalHeader, { children: [jsxRuntime.jsx(ModalTitle, { children: title }), jsxRuntime.jsx(CloseButton$1, { onClick: onClose, children: "X" })] }), jsxRuntime.jsx(HorizontalLine, {}), jsxRuntime.jsxs(ContainerContent, { children: [children, jsxRuntime.jsx(ButtonContainer$1, { children: jsxRuntime.jsx(Button$4, { variant: "primary", label: labelButton, handleClick: onConfirm }) })] })] }) }));
|
|
8138
8142
|
};
|
|
8139
8143
|
|
|
8140
8144
|
const Container$g = styled__default["default"].div `
|
|
@@ -8514,7 +8518,7 @@ function ModalStatusProblema(props) {
|
|
|
8514
8518
|
return () => window.removeEventListener('resize', updateSize);
|
|
8515
8519
|
}, []);
|
|
8516
8520
|
const BREAKWIDTH = 500;
|
|
8517
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$b.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$b.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon
|
|
8521
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$b.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$b.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$b.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$b.container, style: { height: props.approves.length >= 3 ? 555 : 185 * props.approves.length }, children: props.approves.map((item, index) => (jsxRuntime.jsx(ApprovesItem, { avatarSize: (size[0] >= BREAKWIDTH) ? '120px' : '100px', size: (size[0] >= BREAKWIDTH) ? '160px' : '120px', nomeAvatar: item.nome, dataAvatar: item.data, statusApprove: item.approve, avatar: item.avatarFoto, onClickUserInfo: item?.onClickUserInfo }, index))) }), jsxRuntime.jsxs("div", { className: style$b.modal_controls_wrapper, children: [jsxRuntime.jsx("div", { className: style$b.descricao, children: props.description }), jsxRuntime.jsx("div", { className: style$b.conclusao, children: jsxRuntime.jsx(Button$4, { variant: 'primary', label: props.language === 'en-US' ? 'ok, close' : 'Ok, entendi', handleClick: props.handleClose, style: { width: '100%', minWidth: '140px' } }) })] })] }) }));
|
|
8518
8522
|
}
|
|
8519
8523
|
|
|
8520
8524
|
var css_248z$h = ".modalLearningTech-module_modalBox__y9RGt{\n background-color: #FFF;\n max-width: 900px;\n min-height: 300px;\n max-height: 80%;\n padding-top: 30px;\n padding-bottom: 30px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n border-radius: 10px;\n\n font-family: 'Work Sans';\n \n\n}\n\n.modalLearningTech-module_fechar__1Vw6M{\n font-size: 12px;\n color: #222222;\n padding: 12px;\n background-color: transparent;\n border-top-right-radius: 10px;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0px;\n right: 0px;\n\n margin-top: 0px;\n cursor: pointer;\n}\n\n.modalLearningTech-module_titulo__U8Urp{\n \n width: 100%;\n\n margin-top: 10px;\n \n font-size: 24px;\n font-weight: 700;\n \n\n display: flex;\n justify-content: center;\n align-items: center;\n\n \n}\n\n.modalLearningTech-module_container__HKtAY {\n overflow: auto;\n width: 100%;\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n\n}\n\n.modalLearningTech-module_conclusao__KHnxJ{\n margin-top: 30px;\n\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: nowrap;\n\n}";
|
|
@@ -8522,11 +8526,11 @@ var style$a = {"modalBox":"modalLearningTech-module_modalBox__y9RGt","fechar":"m
|
|
|
8522
8526
|
styleInject(css_248z$h);
|
|
8523
8527
|
|
|
8524
8528
|
function ModalLearningTech(props) {
|
|
8525
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$a.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$a.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon
|
|
8529
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$a.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$a.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$a.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$a.container, children: props.children }), jsxRuntime.jsx("div", { className: style$a.conclusao, children: props.confirmationButton ?
|
|
8526
8530
|
props.cancelButton ?
|
|
8527
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$
|
|
8531
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$4, { variant: 'link', label: props.cancelButton, handleClick: props.handleClose }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$4, { variant: props.typeButtonConfirmation, label: props.confirmationButton, handleClick: props.handleConfirmation })] })
|
|
8528
8532
|
:
|
|
8529
|
-
jsxRuntime.jsx(Button$
|
|
8533
|
+
jsxRuntime.jsx(Button$4, { variant: props.typeButtonConfirmation, label: props.confirmationButton, handleClick: props.handleConfirmation })
|
|
8530
8534
|
:
|
|
8531
8535
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }) }));
|
|
8532
8536
|
}
|
|
@@ -8661,7 +8665,7 @@ function ModalVideo(props) {
|
|
|
8661
8665
|
height: props.showRating ? '80%' : '400px',
|
|
8662
8666
|
maxHeight: props.showRating ? '620px' : '400px',
|
|
8663
8667
|
overflowY: 'auto'
|
|
8664
|
-
}, children: [jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "flex-start", justifyContent: "space-between", px: 3, children: [jsxRuntime.jsx(material.Box, { textAlign: "left", style: { paddingLeft: 6, }, children: props.title }), jsxRuntime.jsx(material.Box, { className: style$9.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon
|
|
8668
|
+
}, children: [jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "flex-start", justifyContent: "space-between", px: 3, children: [jsxRuntime.jsx(material.Box, { textAlign: "left", style: { paddingLeft: 6, }, children: props.title }), jsxRuntime.jsx(material.Box, { className: style$9.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) })] }), jsxRuntime.jsxs(material.Box, { p: 3, children: [props.videoUrl && (jsxRuntime.jsx(material.Box, { width: "100%", children: jsxRuntime.jsx(Video, { videoId: IdVideo, privateHash: HashVideo, autoplay: 1, controls: 1, keyboard: 1, timeStart: convertTimeToString(props.timeBegin), showSpeedControl: 1, width: 620, height: 400 }) })), props.showRating && (jsxRuntime.jsx(material.Box, { style: { display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsxs(material.Box, { style: { maxWidth: 240 }, children: [jsxRuntime.jsx("p", { style: { textAlign: 'left', fontSize: 14, fontWeight: 400 }, children: props.ratingDescription }), jsxRuntime.jsx(material.Box, { style: { display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(Rating, { isVisibleNumberRating: true, marginStars: "3.5px", orientation: "horizontal", qtdStars: 5, rating: currentRating, sizeStars: 25, handleRating: (e) => {
|
|
8665
8669
|
setCurrentRating(e);
|
|
8666
8670
|
props.handleChangeRating(props.recommendationId, e);
|
|
8667
8671
|
}, disabled: false }) })] }) }))] })] }) }));
|
|
@@ -8681,7 +8685,7 @@ function ModalBase(props) {
|
|
|
8681
8685
|
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { id: `modal-video${(props.title ? props.title : '').replace(/( )+/g, '')}`, className: style$8.modalBox, style: {
|
|
8682
8686
|
height: props.showRating ? '80%' : '400px',
|
|
8683
8687
|
maxHeight: props.showRating ? '620px' : '400px',
|
|
8684
|
-
}, children: [jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "flex-start", justifyContent: "space-between", px: 3, children: [jsxRuntime.jsx(material.Box, { textAlign: "left", children: props.title }), jsxRuntime.jsx(material.Box, { className: style$8.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon
|
|
8688
|
+
}, children: [jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "flex-start", justifyContent: "space-between", px: 3, children: [jsxRuntime.jsx(material.Box, { textAlign: "left", children: props.title }), jsxRuntime.jsx(material.Box, { className: style$8.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) })] }), jsxRuntime.jsxs(material.Box, { p: 3, children: [jsxRuntime.jsx(material.Box, { width: "100%", style: {
|
|
8685
8689
|
display: 'flex',
|
|
8686
8690
|
justifyContent: 'center'
|
|
8687
8691
|
}, children: props.children }), props.showRating && (jsxRuntime.jsx(material.Box, { style: {
|
|
@@ -8849,7 +8853,7 @@ function CardProblem(props) {
|
|
|
8849
8853
|
}, children: selected ? jsxRuntime.jsx(CheckboxChecked, {}) : jsxRuntime.jsx(CheckboxEmpty, {}) }), jsxRuntime.jsxs("div", { className: style$6.contentCard, children: [props.onClickUserInfo ?
|
|
8850
8854
|
jsxRuntime.jsx(Tooltip$2, { direction: "bottom", content: props.textVisitProfile ? props.textVisitProfile : 'Visitar perfil', trigger: 'hover', width: '101px', height: '32px', style: { top: '-10px', textAlign: 'center' }, children: jsxRuntime.jsxs("div", { className: style$6.avatarInfoUser, onClick: () => props.onClickUserInfo ? props.onClickUserInfo() : {}, style: { cursor: 'pointer' }, children: [jsxRuntime.jsxs("div", { children: [' ', jsxRuntime.jsx(Avatar, { size: "40px", src: props.userAvatar, isActiveClick: true }), ' '] }), jsxRuntime.jsxs("div", { className: style$6.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600, cursor: 'pointer' }, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }) })
|
|
8851
8855
|
:
|
|
8852
|
-
jsxRuntime.jsxs("div", { className: style$6.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [' ', jsxRuntime.jsx(Avatar, { size: "40px", src: props.userAvatar }), ' '] }), jsxRuntime.jsxs("div", { className: style$6.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600, cursor: 'auto' }, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.isVerified ? (jsxRuntime.jsxs("div", { style: { textAlign: 'center', display: 'flex' }, children: [jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['verifiedChallenge'] }) }), jsxRuntime.jsx(SawBadgeIcon, {})] })) : (jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['challenge'] }) })), props.cardTitle && (jsxRuntime.jsx("div", { className: style$6.tituloCard, style: { color: selected ? '#FFF' : '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) })), props.lastUpdated && (jsxRuntime.jsxs("div", { style: { color: '#000', fontSize: 12, fontWeight: 400, marginTop: 40 }, children: [props.lastUpdated, " "] })), props.isButtonVerMais && (jsxRuntime.jsx("div", { className: style$6.buttonVerMais, children: jsxRuntime.jsx(Button$
|
|
8856
|
+
jsxRuntime.jsxs("div", { className: style$6.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [' ', jsxRuntime.jsx(Avatar, { size: "40px", src: props.userAvatar }), ' '] }), jsxRuntime.jsxs("div", { className: style$6.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600, cursor: 'auto' }, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.isVerified ? (jsxRuntime.jsxs("div", { style: { textAlign: 'center', display: 'flex' }, children: [jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['verifiedChallenge'] }) }), jsxRuntime.jsx(SawBadgeIcon, {})] })) : (jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['challenge'] }) })), props.cardTitle && (jsxRuntime.jsx("div", { className: style$6.tituloCard, style: { color: selected ? '#FFF' : '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) })), props.lastUpdated && (jsxRuntime.jsxs("div", { style: { color: '#000', fontSize: 12, fontWeight: 400, marginTop: 40 }, children: [props.lastUpdated, " "] })), props.isButtonVerMais && (jsxRuntime.jsx("div", { className: style$6.buttonVerMais, children: jsxRuntime.jsx(Button$4, { variant: "link", label: translate[languageSlected]['viewMore'], handleClick: () => props.onClick(props.problemID) }) }))] })] }));
|
|
8853
8857
|
}
|
|
8854
8858
|
|
|
8855
8859
|
var css_248z$c = ".cardDefinicaoFase-module_container__KEYns {\r\n width: 282px !important;\r\n max-width: 282px !important;\r\n color: #222222;\r\n background-color: #fff;\r\n border-radius: 10px;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n position: relative;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_headerContainer__uxRId {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n background: rgba(241, 134, 36, 0.2);\r\n height: 200px;\r\n max-width: 282px;\r\n}\r\n\r\n.cardDefinicaoFase-module_titleDescription__x7pED {\r\n font-family: 'PT Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 16px;\r\n line-height: 110%;\r\n color: #444444;\r\n max-width: 250px;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_description__-pzJG {\r\n font-family: 'Work Sans';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-size: 20px;\r\n line-height: 23px;\r\n color: #f26818;\r\n max-width: 250px;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n overflow: hidden;\r\n display: -webkit-box !important;\r\n -webkit-line-clamp: 6 !important;\r\n -webkit-box-orient: vertical !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_descriptionContainer__XLHCC {\r\n padding: 20px;\r\n height: 197px;\r\n max-width: 282px !important;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n flex-wrap: wrap;\r\n margin-bottom: 1rem;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_buttonContainer__6u6bM {\r\n display: flex;\r\n justify-content: space-between;\r\n height: 55px;\r\n padding: 0 35px;\r\n border-radius: 0px 0px 8px 8px;\r\n border: 1px solid #bdbdbd;\r\n}\r\n\r\n.cardDefinicaoFase-module_divisoria__IYAiv {\r\n border: 1px solid #bdbdbd;\r\n transform: rotate(360deg);\r\n}\r\n\r\n.cardDefinicaoFase-module_titleAndMenu__aqXT0 {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n align-items: center;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.cardDefinicaoFase-module_titleFrase__b8v0i {\r\n font-family: 'PT Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 25px;\r\n line-height: 110%;\r\n color: #f18624;\r\n max-width: 200px;\r\n padding-left: 1.5rem;\r\n padding-bottom: 2rem;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_buttonFinalizado__V8Oas {\r\n display: flex;\r\n justify-content: center;\r\n height: 55px;\r\n padding: 0 35px;\r\n border-radius: 0px 0px 8px 8px;\r\n border: 1px solid #bdbdbd;\r\n}\r\n";
|
|
@@ -8875,7 +8879,7 @@ function CardDefinicaoFase(props) {
|
|
|
8875
8879
|
return jsxRuntime.jsx(FaseUm, {});
|
|
8876
8880
|
}
|
|
8877
8881
|
}
|
|
8878
|
-
return (jsxRuntime.jsxs("div", { className: style$5.container, children: [jsxRuntime.jsxs("div", { className: style$5.headerContainer, children: [jsxRuntime.jsx("div", { className: style$5.titleFrase, children: props.titleFase ? props.titleFase : 'Definição do objetivo' }), props.fase ? handleFase() : jsxRuntime.jsx(FaseUm, {})] }), jsxRuntime.jsxs("div", { className: style$5.descriptionContainer, children: [jsxRuntime.jsxs("div", { className: style$5.titleAndMenu, children: [jsxRuntime.jsxs("span", { className: style$5.titleDescription, children: [" ", props.cardTitle] }), jsxRuntime.jsx(MenuMore, { options: props.optionsMenuMore })] }), jsxRuntime.jsxs("span", { className: style$5.description, children: [" ", props.cardDescription] })] }), props.fase === 'finalizado' ? (jsxRuntime.jsx("div", { className: style$5.buttonFinalizado, children: jsxRuntime.jsx(Button$
|
|
8882
|
+
return (jsxRuntime.jsxs("div", { className: style$5.container, children: [jsxRuntime.jsxs("div", { className: style$5.headerContainer, children: [jsxRuntime.jsx("div", { className: style$5.titleFrase, children: props.titleFase ? props.titleFase : 'Definição do objetivo' }), props.fase ? handleFase() : jsxRuntime.jsx(FaseUm, {})] }), jsxRuntime.jsxs("div", { className: style$5.descriptionContainer, children: [jsxRuntime.jsxs("div", { className: style$5.titleAndMenu, children: [jsxRuntime.jsxs("span", { className: style$5.titleDescription, children: [" ", props.cardTitle] }), jsxRuntime.jsx(MenuMore, { options: props.optionsMenuMore })] }), jsxRuntime.jsxs("span", { className: style$5.description, children: [" ", props.cardDescription] })] }), props.fase === 'finalizado' ? (jsxRuntime.jsx("div", { className: style$5.buttonFinalizado, children: jsxRuntime.jsx(Button$4, { variant: "link", label: props.textButtonVisualizar ? props.textButtonVisualizar : 'Visualizar', handleClick: props.handleToView }) })) : (jsxRuntime.jsxs("div", { className: style$5.buttonContainer, children: [jsxRuntime.jsx(Button$4, { variant: "link", label: props.textButtonVisualizar ? props.textButtonVisualizar : 'Visualizar', handleClick: props.handleToView }), jsxRuntime.jsx("div", { className: style$5.divisoria }), jsxRuntime.jsx(Button$4, { variant: "link", label: props.textButtonContinue ? props.textButtonContinue : 'Continuar', handleClick: props.handleClickContinue })] }))] }));
|
|
8879
8883
|
}
|
|
8880
8884
|
|
|
8881
8885
|
const Container$f = styled__default["default"].div `
|
|
@@ -9127,7 +9131,7 @@ const WrapperButton$3 = styled__default["default"].div `
|
|
|
9127
9131
|
`;
|
|
9128
9132
|
|
|
9129
9133
|
function ExclusiveClassCard({ titleClass, labelButton, className, handleClick }) {
|
|
9130
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$7, { children: [jsxRuntime.jsxs(WrapperTitle, { children: [jsxRuntime.jsx(PeopleIcon, {}), jsxRuntime.jsx(TitleCard$1, { style: { marginLeft: '14.67px' }, children: titleClass })] }), jsxRuntime.jsx(WrapperButton$3, { style: { display: 'flex', justifyContent: 'end', marginRight: '26px' }, children: jsxRuntime.jsx(Button$
|
|
9134
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$7, { children: [jsxRuntime.jsxs(WrapperTitle, { children: [jsxRuntime.jsx(PeopleIcon, {}), jsxRuntime.jsx(TitleCard$1, { style: { marginLeft: '14.67px' }, children: titleClass })] }), jsxRuntime.jsx(WrapperButton$3, { style: { display: 'flex', justifyContent: 'end', marginRight: '26px' }, children: jsxRuntime.jsx(Button$4, { label: labelButton, startIcon: jsxRuntime.jsx(EditIcon, {}), variant: "link", handleClick: handleClick }) })] }) }));
|
|
9131
9135
|
}
|
|
9132
9136
|
|
|
9133
9137
|
function ConquistaCarrossel({ onSelected, objectCards, marginsArrowButton, sizeArrowButton, horizontalMarginInternScroll, positionArrowButton, marginTopArrrowButton, textMoreDetails, }) {
|
|
@@ -9301,7 +9305,7 @@ function MissionSteps(props) {
|
|
|
9301
9305
|
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$3.missaoTitle, style: rightButtonStyle, children: `${mapTraducao.get(Idioma).nextShort}` })
|
|
9302
9306
|
: props.stepProblem < 5 &&
|
|
9303
9307
|
props.onClickContinue &&
|
|
9304
|
-
jsxRuntime.jsx("span", { className: style$3.missaoTitle, style: { ...rightButtonStyle, marginTop: '-10px' }, children: jsxRuntime.jsx(Button$
|
|
9308
|
+
jsxRuntime.jsx("span", { className: style$3.missaoTitle, style: { ...rightButtonStyle, marginTop: '-10px' }, children: jsxRuntime.jsx(Button$4, { handleClick: () => props.onClickContinue(), label: mapTraducao.get(Idioma).continueChallenge, variant: "primary", endIcon: jsxRuntime.jsx(FowardArrow, { fill: "#fff" }), style: { height: '40px' } }) }), jsxRuntime.jsxs("div", { style: { display: "inline-flex", marginTop: 40, justifyContent: 'center', width: '100%' }, children: [jsxRuntime.jsx(Steps, { step: 1, idioma: Idioma, status: stepLiberado >= 1 ? stepActive === 1 ? "A" : "I" : "B", onClick: () => {
|
|
9305
9309
|
setStep(1);
|
|
9306
9310
|
} }), jsxRuntime.jsx(Steps, { step: 2, idioma: Idioma, status: stepLiberado >= 2 ? stepActive === 2 ? "A" : "I" : "B", onClick: () => {
|
|
9307
9311
|
setStep(2);
|
|
@@ -9455,7 +9459,7 @@ function Stepper({ children, }) {
|
|
|
9455
9459
|
function StepperItem({ title, subtitle, buttonText, active = false, onClick }) {
|
|
9456
9460
|
return (jsxRuntime.jsx(ProgressItem, { active: active, children: active
|
|
9457
9461
|
?
|
|
9458
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ProgressItemTitle, { active: active, children: title }), jsxRuntime.jsx(ProgressItemSubtitle, { active: active, children: subtitle }), jsxRuntime.jsx(Button$
|
|
9462
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ProgressItemTitle, { active: active, children: title }), jsxRuntime.jsx(ProgressItemSubtitle, { active: active, children: subtitle }), jsxRuntime.jsx(Button$4, { handleClick: onClick, label: buttonText || 'Agendar reunião', variant: "primary" })] })
|
|
9459
9463
|
:
|
|
9460
9464
|
jsxRuntime.jsx(ProgressItemTitle, { children: title }) }));
|
|
9461
9465
|
}
|
|
@@ -9587,7 +9591,7 @@ const WrapperButtons$1 = styled__default["default"].div `
|
|
|
9587
9591
|
|
|
9588
9592
|
function SpecialistContact({ title, avatar, name, email, telephone, mobileVersion, handleActionConversation, textButtonConversation, handleActionSendEmail, textButtonSendEmail }) {
|
|
9589
9593
|
const src = 'https://i.gyazo.com/499dda909b1ebfe0375d1efa2d5d00a8.png';
|
|
9590
|
-
return (jsxRuntime.jsxs(Wrapper$6, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(Title$5, { mobileVersion: mobileVersion, children: title }), jsxRuntime.jsxs(WrapperSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(AvatarImg, { src: avatar ? avatar : src }), jsxRuntime.jsxs(TextSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsxs(Name$1, { mobileVersion: mobileVersion, children: [" ", name, " "] }), jsxRuntime.jsxs(Email, { mobileVersion: mobileVersion, children: [" ", email, " "] }), jsxRuntime.jsxs(Phone, { mobileVersion: mobileVersion, children: [" ", telephone, " "] })] })] }), jsxRuntime.jsxs(WrapperButtons$1, { children: [jsxRuntime.jsx(Button$
|
|
9594
|
+
return (jsxRuntime.jsxs(Wrapper$6, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(Title$5, { mobileVersion: mobileVersion, children: title }), jsxRuntime.jsxs(WrapperSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(AvatarImg, { src: avatar ? avatar : src }), jsxRuntime.jsxs(TextSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsxs(Name$1, { mobileVersion: mobileVersion, children: [" ", name, " "] }), jsxRuntime.jsxs(Email, { mobileVersion: mobileVersion, children: [" ", email, " "] }), jsxRuntime.jsxs(Phone, { mobileVersion: mobileVersion, children: [" ", telephone, " "] })] })] }), jsxRuntime.jsxs(WrapperButtons$1, { children: [jsxRuntime.jsx(Button$4, { variant: 'primary', label: textButtonConversation ? textButtonConversation : 'Iniciar conversa', handleClick: () => handleActionConversation(), startIcon: !mobileVersion && jsxRuntime.jsx(WhatAppBordered, {}), sizeIcon: '22px' }), jsxRuntime.jsx(Button$4, { variant: 'primary', label: textButtonSendEmail ? textButtonSendEmail : 'Enviar e-mail', handleClick: () => handleActionSendEmail(), startIcon: !mobileVersion && jsxRuntime.jsx(MailBordered, {}), sizeIcon: '22px' })] })] }));
|
|
9591
9595
|
}
|
|
9592
9596
|
|
|
9593
9597
|
styled__default["default"].img `
|
|
@@ -10121,7 +10125,7 @@ function ContentCycle({ title, description, selected, listSkils, urlPhoto, urlVi
|
|
|
10121
10125
|
};
|
|
10122
10126
|
return (jsxRuntime.jsxs(Container$e, { className: selected && 'selected', onClick: () => onSelect(), id: id, children: [jsxRuntime.jsx(Thumbnail, { children: jsxRuntime.jsx("img", { src: urlPhoto ? urlPhoto : defaultImage[typeContent], alt: title }) }), jsxRuntime.jsxs(Content$2, { children: [jsxRuntime.jsxs(Article, { children: [jsxRuntime.jsxs(Options, { children: [jsxRuntime.jsx(Title$3, { children: title }), stepContent && (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: "Remover", children: jsxRuntime.jsx(Trash, {}) }))] }), jsxRuntime.jsx(Description$2, { children: description })] }), jsxRuntime.jsxs(SkillsList, { children: [jsxRuntime.jsx("p", { className: "title", children: "Competencias: " }), listSkils.map((skill, index) => {
|
|
10123
10127
|
return (jsxRuntime.jsx(Skill, { id: skill, children: skill }, index));
|
|
10124
|
-
})] }), started ? (jsxRuntime.jsxs(ContentBarProgess, { children: [jsxRuntime.jsx(BarProgress, { children: jsxRuntime.jsx(Progress, { progress: progress }) }), jsxRuntime.jsxs("p", { children: [progress, "%"] })] })) : (jsxRuntime.jsx(Button$
|
|
10128
|
+
})] }), started ? (jsxRuntime.jsxs(ContentBarProgess, { children: [jsxRuntime.jsx(BarProgress, { children: jsxRuntime.jsx(Progress, { progress: progress }) }), jsxRuntime.jsxs("p", { children: [progress, "%"] })] })) : (jsxRuntime.jsx(Button$4, { startIcon: jsxRuntime.jsx(PlayLineIcon, { fill: "#0645AD" }), variant: "link", label: "Ver Teaser", handleClick: () => setOpenModal(true), sizeIcon: "24px" }))] }), jsxRuntime.jsx(ModalVideo, { timeBegin: 0, open: openModal, handleClose: () => setOpenModal(false), videoUrl: urlVideo, nameVideo: titleVideo, title: titleVideo })] }));
|
|
10125
10129
|
}
|
|
10126
10130
|
|
|
10127
10131
|
const Container$d = styled__default["default"].div `
|
|
@@ -10912,7 +10916,7 @@ function BannerLxp(props) {
|
|
|
10912
10916
|
color: props?.titleColor,
|
|
10913
10917
|
fontSize: 40,
|
|
10914
10918
|
fontWeight: 700
|
|
10915
|
-
}, children: props?.title })), props?.showBannerConfigs && (jsxRuntime.jsx(ConfigButton, { className: "configButton", children: jsxRuntime.jsx(Button$
|
|
10919
|
+
}, children: props?.title })), props?.showBannerConfigs && (jsxRuntime.jsx(ConfigButton, { className: "configButton", children: jsxRuntime.jsx(Button$4, { variant: "primary", label: "Configura\u00E7\u00E3o de capa", handleClick: handleOpenConfig }) }))] })), jsxRuntime.jsx(material.Modal, { open: openConfig, onClose: onCancell, children: jsxRuntime.jsxs(ConfigContainer, { style: { ...props.style }, children: [jsxRuntime.jsx("span", { style: {
|
|
10916
10920
|
fontWeight: 700,
|
|
10917
10921
|
fontSize: 16,
|
|
10918
10922
|
color: '#000000',
|
|
@@ -11807,11 +11811,11 @@ function HeaderContent(props) {
|
|
|
11807
11811
|
}
|
|
11808
11812
|
function RecomendationHeader(item) {
|
|
11809
11813
|
const hasSeeMore = item.description.length >= 164;
|
|
11810
|
-
return (jsxRuntime.jsxs(StyleHeaderInProgress, { children: [jsxRuntime.jsxs("section", { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { className: !zeroHeigthDescription ? 'short' : '', zeroHeigthDescription: zeroHeigthDescription, children: item.description }), hasSeeMore && (jsxRuntime.jsxs(SpaceButtonTopViewMore, { className: zeroHeigthDescription ? 'open' : 'closed', zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$
|
|
11814
|
+
return (jsxRuntime.jsxs(StyleHeaderInProgress, { children: [jsxRuntime.jsxs("section", { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { className: !zeroHeigthDescription ? 'short' : '', zeroHeigthDescription: zeroHeigthDescription, children: item.description }), hasSeeMore && (jsxRuntime.jsxs(SpaceButtonTopViewMore, { className: zeroHeigthDescription ? 'open' : 'closed', zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$4, { label: textView, variant: "link", style: { color: '#649AF3', fontWeight: '900' } }), jsxRuntime.jsx("span", { className: !zeroHeigthDescription ? 'open' : 'closed', children: jsxRuntime.jsx(ArrowScrollRight, { fill: "#649AF3", width: "13px", height: "13px", strokeWidth: '4' }) })] }))] }), jsxRuntime.jsx(SpaceButtonTop, { onClick: item.onClick, children: item.labelButton && jsxRuntime.jsx(Button$4, { label: item.labelButton, variant: "primary" }) })] }));
|
|
11811
11815
|
}
|
|
11812
11816
|
function InProgressHeader(item) {
|
|
11813
11817
|
const hasSeeMore = item.description.length >= 164;
|
|
11814
|
-
return (jsxRuntime.jsxs(StyleHeaderInProgress, { children: [jsxRuntime.jsxs("section", { children: [jsxRuntime.jsx(Title$1, { title: item.title, children: item.title }), jsxRuntime.jsx(Description$1, { className: !zeroHeigthDescription ? 'short' : '', zeroHeigthDescription: zeroHeigthDescription, children: item.description }), hasSeeMore && (jsxRuntime.jsxs(SpaceButtonTopViewMore, { className: zeroHeigthDescription ? 'open' : 'closed', zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$
|
|
11818
|
+
return (jsxRuntime.jsxs(StyleHeaderInProgress, { children: [jsxRuntime.jsxs("section", { children: [jsxRuntime.jsx(Title$1, { title: item.title, children: item.title }), jsxRuntime.jsx(Description$1, { className: !zeroHeigthDescription ? 'short' : '', zeroHeigthDescription: zeroHeigthDescription, children: item.description }), hasSeeMore && (jsxRuntime.jsxs(SpaceButtonTopViewMore, { className: zeroHeigthDescription ? 'open' : 'closed', zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$4, { label: textView, variant: "link", style: { color: '#649AF3', fontWeight: '900' } }), jsxRuntime.jsx("span", { className: !zeroHeigthDescription ? 'open' : 'closed', children: jsxRuntime.jsx(ArrowScrollRight, { fill: "#649AF3", width: "13px", height: "13px", strokeWidth: '4' }) })] }))] }), jsxRuntime.jsxs(SpaceProgressAndButton, { children: [jsxRuntime.jsx(ProgressBar$1, { value: item.progresso, label: item.channel, style: { width: 200 } }), item.labelButton && jsxRuntime.jsx(Button$4, { label: item.labelButton, variant: "primary", handleClick: item.onClick })] })] }));
|
|
11815
11819
|
}
|
|
11816
11820
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$9, { style: { ...props.style }, children: [props.listaRecomendacao.map((item, index) => {
|
|
11817
11821
|
return (jsxRuntime.jsx(HeaderImage$1, { img: item.bgImg, tmnDescription: item.description.length, onDisplay: index === selectedContent, style: { ...props.style }, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: item.typeOfHeader === 'inProgress' ? (jsxRuntime.jsx(Content, { height: props?.height, onDisplay: index === selectedContent, children: InProgressHeader(item) })) : (jsxRuntime.jsx(Content, { height: props?.height, onDisplay: index === selectedContent, children: RecomendationHeader(item) })) }) }, index));
|
|
@@ -12178,7 +12182,7 @@ function CalendarLxp(props) {
|
|
|
12178
12182
|
}
|
|
12179
12183
|
]);
|
|
12180
12184
|
locale.pt.options.weekStartsOn = 0;
|
|
12181
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$2.containerCalendar, style: { ...props.styles }, children: [jsxRuntime.jsx("div", { className: style$2.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon
|
|
12185
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$2.containerCalendar, style: { ...props.styles }, children: [jsxRuntime.jsx("div", { className: style$2.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsxs("div", { className: style$2.calendar, children: [jsxRuntime.jsx("div", { style: { fontSize: 16 }, children: jsxRuntime.jsx(reactDateRange.DefinedRange, { inputRanges: [], staticRanges: defaultStaticRanges, ranges: newRange, rangeColors: ['#0645AD'], onChange: item => setNewRange([item.selection]) }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(reactDateRange.DateRange, { locale: locale.pt, ranges: newRange, onChange: item => setNewRange([item.selection]), months: 2, direction: 'horizontal', rangeColors: ['#FF4D0D'], showDateDisplay: false, showPreview: false, weekdayDisplayFormat: 'EEEEE', preventSnapRefocus: true }) })] }), jsxRuntime.jsx("div", { className: style$2.btnSubmit, children: jsxRuntime.jsx(Button$4, { label: 'Aplicar', variant: 'primary', handleClick: () => {
|
|
12182
12186
|
props.onSave([newRange[0].startDate, newRange[0].endDate]);
|
|
12183
12187
|
} }) })] }) }));
|
|
12184
12188
|
}
|
|
@@ -12880,7 +12884,7 @@ function DropdownProfileMenu({ variant, user, menuItems, profileMenuText, isMobi
|
|
|
12880
12884
|
};
|
|
12881
12885
|
return (jsxRuntime.jsx(Container$6, { style: { ...style }, children: variant == 'LXP' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showProfile ?
|
|
12882
12886
|
jsxRuntime.jsxs(Button__default["default"], { id: "profile-dropdown", "aria-controls": "basic-menu", "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, style: { padding: 0 }, onClick: handleClick, children: [jsxRuntime.jsx(AvatarCustomUser, { alt: "User Photo", src: user.avatar || 'https://certificates-mentor.s3.amazonaws.com/frst-avatar-default.png' }), !isMobileVersion && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(UserName, { children: [" ", user.textIsMe, " "] }), jsxRuntime.jsx(DropdownIcon, { fill: "white" })] }))] })
|
|
12883
|
-
: null, jsxRuntime.jsxs(MenuCustom$1, { id: "basic-menu", anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, anchorEl: anchorEl, open: open, onClose: handleClose, variantstyle: 'LXP', children: [jsxRuntime.jsxs(ProfileInfos, { children: [jsxRuntime.jsx(AvatarCustomUser, { alt: "User Photo", src: user.avatar || 'https://certificates-mentor.s3.amazonaws.com/frst-avatar-default.png', style: { width: '70px', height: '70px' } }), jsxRuntime.jsxs(WrapperRightProfileInfo, { children: [jsxRuntime.jsxs(ProfileNameInfo, { children: [" ", user.name, " "] }), jsxRuntime.jsxs(ProfileCompanyInfo, { children: [" ", user.company, " "] }), !hiddenProfileMenu && (jsxRuntime.jsx(WrapperButtonFrst, { children: jsxRuntime.jsx(Button$
|
|
12887
|
+
: null, jsxRuntime.jsxs(MenuCustom$1, { id: "basic-menu", anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, anchorEl: anchorEl, open: open, onClose: handleClose, variantstyle: 'LXP', children: [jsxRuntime.jsxs(ProfileInfos, { children: [jsxRuntime.jsx(AvatarCustomUser, { alt: "User Photo", src: user.avatar || 'https://certificates-mentor.s3.amazonaws.com/frst-avatar-default.png', style: { width: '70px', height: '70px' } }), jsxRuntime.jsxs(WrapperRightProfileInfo, { children: [jsxRuntime.jsxs(ProfileNameInfo, { children: [" ", user.name, " "] }), jsxRuntime.jsxs(ProfileCompanyInfo, { children: [" ", user.company, " "] }), !hiddenProfileMenu && (jsxRuntime.jsx(WrapperButtonFrst, { children: jsxRuntime.jsx(Button$4, { variant: 'secondary', label: profileMenuText, handleClick: handleProfileMenuClick }) }))] })] }), menuItems &&
|
|
12884
12888
|
menuItems.length > 0 &&
|
|
12885
12889
|
menuItems.map((item, index) => {
|
|
12886
12890
|
if (item.subItens) {
|
|
@@ -13164,7 +13168,7 @@ function NotificationPopOver(props) {
|
|
|
13164
13168
|
color: props.notificationList ? '#FF6868' : '#9C9C9C',
|
|
13165
13169
|
disabled: !props.notificationList
|
|
13166
13170
|
};
|
|
13167
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isMobile ? (jsxRuntime.jsxs("div", { style: { backgroundColor: '#E5E5E5' }, children: [jsxRuntime.jsx("div", { style: { padding: 16 }, children: jsxRuntime.jsx(Button$
|
|
13171
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isMobile ? (jsxRuntime.jsxs("div", { style: { backgroundColor: '#E5E5E5' }, children: [jsxRuntime.jsx("div", { style: { padding: 16 }, children: jsxRuntime.jsx(Button$4, { variant: "link", startIcon: jsxRuntime.jsx(BackArrow, { fill: "currentColor" }), label: props.textBack, handleClick: () => props.handleClickBack() }) }), jsxRuntime.jsxs(notificationContainerMobile, { children: [jsxRuntime.jsxs(notificationHeader, { children: [jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontSize: 20, fontWeight: 500, color: FRSTTheme['colors'].primary1 }, children: props.textNotification }), jsxRuntime.jsx(MenuMore, { options: [markAllAsReadOption, deleteAllNotificationsOption], isHover: false, closeAfterClick: true, isArrowInMenu: false, isPaddingInMenu: false, isDarkMode: true, iconButton: jsxRuntime.jsx(MoreDotsVertical, { fill: "#F7F9FC" }) })] }), props.notificationList ? (jsxRuntime.jsx(notificationCardList, { children: props.notificationList.map((item, index) => {
|
|
13168
13172
|
return (jsxRuntime.jsx("div", { style: { borderBottom: `1px solid ${FRSTTheme['colors'].borderPrimary}` }, children: jsxRuntime.jsx(NotificationCard, { style: { width: '100%' }, onClickUserInfo: item.onClickUserInfo, textVisitProfile: item.textVisitProfile, notificationAvatar: item.notificationAvatar, notificationDescription: item.notificationDescription, notificationDate: item.notificationDate, notificationHour: item.notificationHour, textNew: item.textNew, isNewNotification: item.isNewNotification, handleClick: item.handleClick, handleClickDelete: item.handleClickDelete }, index) }));
|
|
13169
13173
|
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] })] })) : (jsxRuntime.jsx(PopoverCustom, { open: props.isOpen, anchorEl: props.anchor, anchorOrigin: {
|
|
13170
13174
|
vertical: 'bottom',
|
|
@@ -13866,19 +13870,19 @@ function Login(props) {
|
|
|
13866
13870
|
setError(props.isError);
|
|
13867
13871
|
setMsgInput2(props.isError ? 'E-mail ou senhas incorretos.' : '');
|
|
13868
13872
|
}, [props.isError]);
|
|
13869
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.variant === 'login' && step === 1 ? (jsxRuntime.jsxs(Container$5, { children: [jsxRuntime.jsx(ContainerLogo, { children: jsxRuntime.jsx(FRSTLogoBig, {}) }), jsxRuntime.jsx(ContainerTypography, { children: jsxRuntime.jsx(TypographyWelcome, { children: props.textBoasVindas ? props.textBoasVindas : 'Bem-vindo' }) }), jsxRuntime.jsx(TypographyFill, { children: props.textLoginInformacao ? props.textLoginInformacao : 'Para acessar, preencha os campos abaixo:' }), jsxRuntime.jsxs(ContainerInputAndLink, { children: [jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(ContainerEmail, { isError: error, children: jsxRuntime.jsx(TextField, { error: error, helperText: MsgInput1, placeholder: "Email", label: "Email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), style: { width: '100%' } }) }), error && (jsxRuntime.jsx(IconAlert, { children: jsxRuntime.jsx(AlertCicle, {}) }))] }), jsxRuntime.jsx(ContainerButtonLink, { children: jsxRuntime.jsx(Button$
|
|
13873
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.variant === 'login' && step === 1 ? (jsxRuntime.jsxs(Container$5, { children: [jsxRuntime.jsx(ContainerLogo, { children: jsxRuntime.jsx(FRSTLogoBig, {}) }), jsxRuntime.jsx(ContainerTypography, { children: jsxRuntime.jsx(TypographyWelcome, { children: props.textBoasVindas ? props.textBoasVindas : 'Bem-vindo' }) }), jsxRuntime.jsx(TypographyFill, { children: props.textLoginInformacao ? props.textLoginInformacao : 'Para acessar, preencha os campos abaixo:' }), jsxRuntime.jsxs(ContainerInputAndLink, { children: [jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(ContainerEmail, { isError: error, children: jsxRuntime.jsx(TextField, { error: error, helperText: MsgInput1, placeholder: "Email", label: "Email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), style: { width: '100%' } }) }), error && (jsxRuntime.jsx(IconAlert, { children: jsxRuntime.jsx(AlertCicle, {}) }))] }), jsxRuntime.jsx(ContainerButtonLink, { children: jsxRuntime.jsx(Button$4, { variant: "link", label: props.textoLabelLoginButtonLink ? props.textoLabelLoginButtonLink : 'Esqueceu a senha?', handleClick: onClickForgotPassword }) }), jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(ContainerPassword, { isError: error, children: jsxRuntime.jsx(TextField, { helperText: MsgInput2, error: error, endIcon: jsxRuntime.jsx(Viewer, { fill: error ? '#ff0000' : '#000000' }), placeholder: props.textInputLoginSenha ? props.textInputLoginSenha : 'Senha', label: props.textInputLoginSenha ? props.textInputLoginSenha : 'Senha', type: "password", value: password, onChange: (e) => setPassword(e.target.value), style: { width: '100%' } }) }), error && (jsxRuntime.jsx(IconAlert, { style: { paddingTop: '78px' }, children: jsxRuntime.jsx(AlertCicle, {}) }))] })] }), jsxRuntime.jsxs(ContainerConnect, { children: [jsxRuntime.jsxs(ContainerCheckbox, { onClick: handleClickCheckbox, children: [keepConnected ? jsxRuntime.jsx(CheckboxEmpty, { fill: '#ebeded' }) : jsxRuntime.jsx(CheckboxChecked, {}), jsxRuntime.jsx(TypographyConnect, { children: props.textLoginConectado ? props.textLoginConectado : 'Manter-me conectado' })] }), jsxRuntime.jsx(Button$4, { variant: "primary", label: props.textLoginButton ? props.textLoginButton : 'Entrar', handleClick: onClikLogin })] })] })) : props.variant === 'login' && step === 2 ? (jsxRuntime.jsxs(ContainerRecover, { children: [jsxRuntime.jsx(ContainerLogoRecover, { children: jsxRuntime.jsx(FRSTLogoBig, {}) }), jsxRuntime.jsxs(ContainerEmailAndTypeRecoverRecover, { children: [jsxRuntime.jsxs(ContainerTypographyRecover, { children: [jsxRuntime.jsx(TypographyRecover, { children: props.textEmailCadastro
|
|
13870
13874
|
? props.textEmailCadastro
|
|
13871
13875
|
: 'Digite seu e-mail de cadastro abaixo e clique em enviar.' }), jsxRuntime.jsx(TypographyRecover, { children: props.textEmailCadastro2
|
|
13872
13876
|
? props.textEmailCadastro2
|
|
13873
|
-
: 'Nós lhe enviaremos um e-mail com o link para recastrar sua senha.' })] }), jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(ContainerEmailRecover, { isError: error, children: jsxRuntime.jsx(TextField, { error: error, helperText: MsgInput2, placeholder: "Email", label: "Email", type: "email", value: emailRecover, onChange: (e) => setEmailRecover(e.target.value), style: { width: '100%' } }) }), error && (jsxRuntime.jsx(IconAlert, { isStep: step, children: jsxRuntime.jsx(AlertCicle, {}) }))] })] }), jsxRuntime.jsxs(ContainerButtonRecover, { children: [jsxRuntime.jsx(Button$
|
|
13877
|
+
: 'Nós lhe enviaremos um e-mail com o link para recastrar sua senha.' })] }), jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(ContainerEmailRecover, { isError: error, children: jsxRuntime.jsx(TextField, { error: error, helperText: MsgInput2, placeholder: "Email", label: "Email", type: "email", value: emailRecover, onChange: (e) => setEmailRecover(e.target.value), style: { width: '100%' } }) }), error && (jsxRuntime.jsx(IconAlert, { isStep: step, children: jsxRuntime.jsx(AlertCicle, {}) }))] })] }), jsxRuntime.jsxs(ContainerButtonRecover, { children: [jsxRuntime.jsx(Button$4, { variant: "link", label: props.textEmailButtonLinkCancel ? props.textEmailButtonLinkCancel : 'Não, cancelar', handleClick: onClickNotCancel }), jsxRuntime.jsx(Button$4, { variant: "primary", label: props.textEmailButtonEnviar ? props.textEmailButtonEnviar : 'Enviar', handleClick: onClickForgotPasswordChange })] })] })) : props.variant === 'newPassword' ? (jsxRuntime.jsxs(Container$5, { children: [jsxRuntime.jsx(ContainerLogoRecover, { children: jsxRuntime.jsx(FRSTLogoBig, {}) }), jsxRuntime.jsx(TypographyNewPassword, { children: props.textNewPasswordInformacao
|
|
13874
13878
|
? props.textNewPasswordInformacao
|
|
13875
13879
|
: 'Para criar uma nova senha, preencha os campos abaixo:' }), jsxRuntime.jsxs(ContainerPasswordNew, { isError: error, children: [jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(TextField, { error: error, placeholder: props.textNewPasswordInputEmailPlaceholder
|
|
13876
13880
|
? props.textNewPasswordInputEmailPlaceholder
|
|
13877
13881
|
: 'Por favor, insira seu e-mail aqui', label: props.textNewPasswordInputEmail ? props.textNewPasswordInputEmail : 'Digite o email', type: 'text', value: confirmEmail, onChange: (e) => setConfirmEmail(e.target.value), style: { width: '95%' } }), error && (jsxRuntime.jsx(IconAlert, { children: jsxRuntime.jsx(AlertCicle, {}) }))] }), jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(TextField, { error: error, endIcon: jsxRuntime.jsx(Viewer, { fill: error ? '#ff0000' : '#000000' }), placeholder: props.textNewPasswordInput ? props.textNewPasswordInput : 'Insira sua nova senha', label: props.textNewPasswordInput ? props.textNewPasswordInput : 'Nova senha', type: 'password', value: newPassword, onChange: (e) => setNewPassword(e.target.value), style: { width: '95%' } }), error && (jsxRuntime.jsx(IconAlert, { children: jsxRuntime.jsx(AlertCicle, {}) }))] }), jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(TextField, { helperText: MsgInput2, error: error, placeholder: props.textNewPasswordInputPlaceholderCodigo ? props.textNewPasswordInputPlaceholderCodigo : 'Código', label: props.textNewPasswordInputCodigo ? props.textNewPasswordInputCodigo : 'Digite o Código', type: 'text', value: codigoNewPassword, onChange: (e) => setCodigoNewPassword(e.target.value), style: { width: '95%' } }), error && (jsxRuntime.jsx(IconAlert, { children: jsxRuntime.jsx(AlertCicle, {}) }))] })] }), jsxRuntime.jsx(ContainerTypographyNewPassword, { children: jsxRuntime.jsx(TypographyNewPassword, { isColorError: colorError, style: { fontSize: '14px' }, children: props.textNewPasswordErrorSenhaForte
|
|
13878
13882
|
? props.textNewPasswordErrorSenhaForte
|
|
13879
|
-
: 'Use pelo menos 8 caracteres, 1 maiúscula, 1 minúscula, e um número ou caractere especial. Não use parte de seu e-mail (seunome@empresa.com) como senha.' }) }), jsxRuntime.jsxs(ContainerButtonRecover, { children: [jsxRuntime.jsx(Button$
|
|
13883
|
+
: 'Use pelo menos 8 caracteres, 1 maiúscula, 1 minúscula, e um número ou caractere especial. Não use parte de seu e-mail (seunome@empresa.com) como senha.' }) }), jsxRuntime.jsxs(ContainerButtonRecover, { children: [jsxRuntime.jsx(Button$4, { variant: "link", label: props.textNewPasswordButtonLink ? props.textNewPasswordButtonLink : 'Voltar Login', handleClick: props.handleClickChangePasswordCancel }), jsxRuntime.jsx(Button$4, { variant: "primary", label: props.textNewPasswordButtonSalvar ? props.textNewPasswordButtonSalvar : 'Salvar', handleClick: onClickSave })] })] })) : props.variant === 'login' && step === 3 ? (jsxRuntime.jsxs(ContainerSendComfirmation, { children: [jsxRuntime.jsx(ContainerLogoRecover, { children: jsxRuntime.jsx(FRSTLogoBig, {}) }), jsxRuntime.jsx(TypographyNewPassword, { children: props.textConfirmacaoRespostaEmail
|
|
13880
13884
|
? props.textConfirmacaoRespostaEmail
|
|
13881
|
-
: 'Solicitação enviada com sucesso para o seu e-mail.' }), jsxRuntime.jsx(ContainerButtonSendConfirmation, { children: jsxRuntime.jsx(Button$
|
|
13885
|
+
: 'Solicitação enviada com sucesso para o seu e-mail.' }), jsxRuntime.jsx(ContainerButtonSendConfirmation, { children: jsxRuntime.jsx(Button$4, { variant: "primary", label: props.textConfirmacaoButtonRetorna ? props.textConfirmacaoButtonRetorna : 'Retornar', handleClick: props.onClickConfimationBackToLogin }) })] })) : null }));
|
|
13882
13886
|
}
|
|
13883
13887
|
|
|
13884
13888
|
const ContainerHeader = styled__default["default"].div `
|
|
@@ -14325,7 +14329,7 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
14325
14329
|
src: src || defaultImg }), jsxRuntime.jsxs(ContainerMain, { children: [jsxRuntime.jsx(LightTooltip, { title: title, children: jsxRuntime.jsx(Typography$2, { style: { color: ativo ? '#000000' : '#bdbdbd', textAlign: 'start' }, children: title && title?.length > 17 ? `${title.substring(0, 17)}...` : title }) }), jsxRuntime.jsx(IconVertical, { onClick: (element) => {
|
|
14326
14330
|
setElementPopover(element.currentTarget);
|
|
14327
14331
|
}, children: activeMenuModule && jsxRuntime.jsx(MoreVertical, { fill: ativo ? '#000000' : '#bdbdbd' }) })] }), activePublishButton &&
|
|
14328
|
-
jsxRuntime.jsx(Button$
|
|
14332
|
+
jsxRuntime.jsx(Button$4
|
|
14329
14333
|
// label={txtButtonLabel ? txtButtonLabel : 'Publicar'}
|
|
14330
14334
|
, {
|
|
14331
14335
|
// label={txtButtonLabel ? txtButtonLabel : 'Publicar'}
|
|
@@ -14536,12 +14540,12 @@ function ContentCoursesTrails(props) {
|
|
|
14536
14540
|
props.handleChangeTrailName(nameTrail);
|
|
14537
14541
|
}
|
|
14538
14542
|
}
|
|
14539
|
-
} }), jsxRuntime.jsx(Button$
|
|
14543
|
+
} }), jsxRuntime.jsx(Button$4, { handleClick: async () => {
|
|
14540
14544
|
setActive(false);
|
|
14541
|
-
}, label: 'Cancelar', variant: "link" }), jsxRuntime.jsx(Button$
|
|
14545
|
+
}, label: 'Cancelar', variant: "link" }), jsxRuntime.jsx(Button$4, { handleClick: async () => {
|
|
14542
14546
|
setActive(false);
|
|
14543
14547
|
props.handleChangeTrailName(nameTrail);
|
|
14544
|
-
}, label: 'Salvar', variant: "primary" })] })) }), props.showButtonActive && (jsxRuntime.jsxs(ContentActiveHeader, { children: [!active && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtAtivarTrilha ? props.txtAtivarTrilha : 'Ativar trilha', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChange, checked: props.ativo, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: "#ffffff", offHandleColor: "#ffffff", onColor: "#FF4D0D", offColor: "#757575", activeBoxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }) })), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [jsxRuntime.jsx(Button$
|
|
14548
|
+
}, label: 'Salvar', variant: "primary" })] })) }), props.showButtonActive && (jsxRuntime.jsxs(ContentActiveHeader, { children: [!active && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtAtivarTrilha ? props.txtAtivarTrilha : 'Ativar trilha', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChange, checked: props.ativo, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: "#ffffff", offHandleColor: "#ffffff", onColor: "#FF4D0D", offColor: "#757575", activeBoxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }) })), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [jsxRuntime.jsx(Button$4, { id: `btnPublish${props.id}`, handleMount: (element) => {
|
|
14545
14549
|
let el = document.getElementById(element);
|
|
14546
14550
|
setElementPopoverPublish(el ? el : null);
|
|
14547
14551
|
}, handleClick: async () => {
|
|
@@ -14584,14 +14588,14 @@ var style$1 = {"modalBox":"modal-module_modalBox__14oto","fechar":"modal-module_
|
|
|
14584
14588
|
styleInject(css_248z$7);
|
|
14585
14589
|
|
|
14586
14590
|
function ModalLXP(props) {
|
|
14587
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$1.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$1.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon
|
|
14591
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$1.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$1.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$1.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$1.container, children: props.children }), jsxRuntime.jsx("div", { className: style$1.conclusao, children: props.confirmationButton ?
|
|
14588
14592
|
props.cancelButton ?
|
|
14589
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$
|
|
14593
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$4, { variant: "link", label: props.confirmationButton, handleClick: () => {
|
|
14590
14594
|
props.handleConfirmation();
|
|
14591
14595
|
props.handleClose();
|
|
14592
|
-
} }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$
|
|
14596
|
+
} }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$4, { variant: 'primary', label: props.cancelButton, handleClick: props.handleClose })] })
|
|
14593
14597
|
:
|
|
14594
|
-
jsxRuntime.jsx(Button$
|
|
14598
|
+
jsxRuntime.jsx(Button$4, { variant: "primary", label: props.confirmationButton, handleClick: () => {
|
|
14595
14599
|
props.handleConfirmation();
|
|
14596
14600
|
props.handleClose();
|
|
14597
14601
|
} })
|
|
@@ -15658,7 +15662,7 @@ const modalNewFeatures = ({ title = 'Novidades', open, onClose, onFinish, steps,
|
|
|
15658
15662
|
target.id === 'container-modal' && onClose();
|
|
15659
15663
|
}, children: jsxRuntime.jsxs(ModalNewFeaturesContent, { children: [jsxRuntime.jsx(divExit, { children: jsxRuntime.jsx(TextExit, { id: 'exit', onClick: onClose, children: Exit }) }), jsxRuntime.jsxs(AssideNewFeatures, { children: [jsxRuntime.jsxs("div", { className: "list", children: [jsxRuntime.jsx(Text$1, { id: "modal-title", className: "title", children: title }), jsxRuntime.jsx(ListTopics, { children: steps.map((topic, i) => {
|
|
15660
15664
|
return (jsxRuntime.jsx(Topic, { id: `step${i + 1}`, className: currentTopic.topicName === topic.topicName ? 'active' : '', onClick: () => handleClickTopic(i), children: topic.topicName }, i));
|
|
15661
|
-
}) })] }), jsxRuntime.jsx(Button$
|
|
15665
|
+
}) })] }), jsxRuntime.jsx(Button$4, { id: isLastStep ? 'button-finish' : 'button-nextStep', label: labelButton, variant: variantButton, handleClick: handleClickButtonNext, style: { padding: '8px 32px', height: 'fit-content' } })] }), jsxRuntime.jsxs(MidiaContent, { children: [jsxRuntime.jsx(Midia, { id: "midia-container", children: jsxRuntime.jsx("div", { className: "content", children: currentTopic.typeMidia !== 'video' ? (jsxRuntime.jsx("img", { style: currentTopic.styleImage, src: currentTopic.midia, alt: currentTopic.title })) : (jsxRuntime.jsx(ReactPlayer__default["default"], { url: 'currentTopic.midia', controls: true, playing: true, style: { width: '100%', height: '100%' } })) }) }), jsxRuntime.jsxs(ContentDescription, { children: [jsxRuntime.jsx(Text$1, { id: "step-title", className: "subtitle", children: currentTopic.title }), jsxRuntime.jsx(Text$1, { id: "step-description", children: currentTopic.description })] })] })] }) })) }));
|
|
15662
15666
|
};
|
|
15663
15667
|
|
|
15664
15668
|
const ProgressBox = styled__default["default"](_.Box) `
|
|
@@ -16514,23 +16518,23 @@ function LateralMenu$1({ label, onClick, button, beginComponent, activeBeginIcon
|
|
|
16514
16518
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: subItems && subItems.length > 0 ?
|
|
16515
16519
|
jsxRuntime.jsxs(WrapperCompound, { isOpen: isActive, style: { ...style, maxHeight: isActive ? getSizeCompound() : '40px' }, children: [jsxRuntime.jsxs(WrapperItem, { active: isActive, onClick: (e) => setIsActive(!isActive), style: { ...style, margin: 0, padding: 0, justifyContent: 'space-between' }, children: [jsxRuntime.jsxs(WrapperItem, { style: { background: 'transparent', width: '100%' }, children: [beginComponent &&
|
|
16516
16520
|
jsxRuntime.jsx(WrapperComponent, { active: isActive, children: isActive ? activeBeginIcon ? activeBeginIcon : beginComponent : beginComponent }), jsxRuntime.jsx(WrapperMainLabel, { active: isActive, style: { marginLeft: beginComponent ? '8px' : '0px' }, children: label })] }), button && button?.label &&
|
|
16517
|
-
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$
|
|
16521
|
+
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$4, { label: button.label, handleClick: (e) => button.onClick(e), variant: button?.variant ? button.variant : 'primary' }) }), !hiddenIconDropArrow &&
|
|
16518
16522
|
jsxRuntime.jsx(WrapperIconDrop, { isOpen: isActive, children: jsxRuntime.jsx(DropdownIconLine, { fill: '#000' }) })] }), jsxRuntime.jsx(WrapperSubItems, { isOpen: isActive, children: subItems.map((item, index) => {
|
|
16519
16523
|
return jsxRuntime.jsx(SubItem, { onClick: () => item.onClick(item.id), children: item.label }, index);
|
|
16520
16524
|
}) })] })
|
|
16521
16525
|
:
|
|
16522
16526
|
jsxRuntime.jsxs(WrapperItem, { active: isActive, style: { ...style, margin: 0, padding: 0, justifyContent: 'space-between' }, children: [jsxRuntime.jsxs(WrapperItem, { style: { background: 'transparent', width: '100%' }, onClick: (e) => onClick(e), children: [beginComponent &&
|
|
16523
16527
|
jsxRuntime.jsx(WrapperComponent, { active: isActive, children: isActive ? activeBeginIcon ? activeBeginIcon : beginComponent : beginComponent }), jsxRuntime.jsx(WrapperMainLabel, { active: isActive, style: { marginLeft: beginComponent ? '8px' : '0px' }, children: label })] }), button && button?.label &&
|
|
16524
|
-
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$
|
|
16528
|
+
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$4, { label: button.label, handleClick: (e) => button.onClick(e), variant: button?.variant ? button.variant : 'primary' }) })] }) }));
|
|
16525
16529
|
}
|
|
16526
16530
|
|
|
16527
16531
|
function LateralMenu({ variant, hiddenButtonHeader, avatar, name, channel, button, listOptions, style }) {
|
|
16528
16532
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$3, { style: { ...style }, children: [jsxRuntime.jsxs(WrapperHeader, { children: [jsxRuntime.jsx(Avatar, { src: avatar.src, alt: avatar.alt ? avatar.alt : 'Image profile avatar', size: avatar.size ? avatar.size : '80px' }), jsxRuntime.jsx(NameProfile, { children: name }), channel &&
|
|
16529
16533
|
jsxRuntime.jsx(Channel, { children: channel }), !hiddenButtonHeader &&
|
|
16530
16534
|
jsxRuntime.jsx(WrapperButton$2, { children: !channel ?
|
|
16531
|
-
jsxRuntime.jsx(Button$
|
|
16535
|
+
jsxRuntime.jsx(Button$4, { variant: 'primary', label: button.label, handleClick: (e) => button.onClick(e) })
|
|
16532
16536
|
:
|
|
16533
|
-
jsxRuntime.jsx(Button$
|
|
16537
|
+
jsxRuntime.jsx(Button$4, { variant: 'link', label: button.label, handleClick: (e) => button.onClick(e) }) }), jsxRuntime.jsx(HR, {})] }), listOptions && listOptions.length > 0 && listOptions.map((item, index) => {
|
|
16534
16538
|
return (jsxRuntime.jsx(LateralMenu$1, { label: item.label, button: item.button, beginComponent: item.beginComponent, activeBeginIcon: item.activeBeginIcon, hiddenIconDropArrow: item.hiddenIconDropArrow, onClick: (e) => item.onClick(e), selected: item.selected, subItems: item.subItems, style: { width: '100%' } }, index));
|
|
16535
16539
|
})] }) }));
|
|
16536
16540
|
}
|
|
@@ -16751,7 +16755,7 @@ const ItemFrstSocials = styled__default["default"].button `
|
|
|
16751
16755
|
|
|
16752
16756
|
function BannerSRG(props) {
|
|
16753
16757
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(ContainerTotal, { isExtendedVersion: props?.isExtendedVersion, bannerLarge: props?.bannerSRG?.large, bannerNormal: props?.bannerSRG?.normal, bannerResponsive: props?.bannerSRG?.responsive, style: { ...props.style }, children: [jsxRuntime.jsxs(ContainerBanner, { children: [jsxRuntime.jsxs(WrapperContent$3, { style: { maxHeight: '240px', height: '240px', display: 'flex', alignItems: 'flex-start', marginTop: '-100px' }, children: [props && props.social &&
|
|
16754
|
-
jsxRuntime.jsxs(FrstSocials, { children: [props.social.onClickSite && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSite(), children: [" ", jsxRuntime.jsx(SiteIcon, {}), " "] }), props.social.onClickLinkedin && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickLinkedin(), children: [" ", jsxRuntime.jsx(LinkedinIcon, {}), " "] }), props.social.onClickInstagram && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickInstagram(), children: [" ", jsxRuntime.jsx(InstagramIcon, {}), " "] }), props.social.onClickYoutube && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickYoutube(), children: [" ", jsxRuntime.jsx(YoutubeIcon, {}), " "] }), props.social.onClickSpotify && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSpotify(), children: [" ", jsxRuntime.jsx(SpotifyIcon, {}), " "] }), props.social.onClickPodCast && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickPodCast(), children: [" ", jsxRuntime.jsx(PodCastIcon, {}), " "] })] }), jsxRuntime.jsx(LateralMenu, { variant: 'primary', channel: '', name: props.lateralMenu.name, hiddenButtonHeader: true, avatar: props.lateralMenu.avatar, button: props.lateralMenu.button, listOptions: props.lateralMenu.listOptions })] }), jsxRuntime.jsx(WrapperContent$3, { children: jsxRuntime.jsx("img", { src: props.logoSRG }) }), jsxRuntime.jsxs(WrapperContentMain, { children: [jsxRuntime.jsx(TitleSRG, { children: props?.labels?.textTitle ? props?.labels?.textTitle : 'Space Race Game' }), jsxRuntime.jsx(DescriptionSRG, { children: props?.labels?.textDescription }), jsxRuntime.jsx(Button$
|
|
16758
|
+
jsxRuntime.jsxs(FrstSocials, { children: [props.social.onClickSite && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSite(), children: [" ", jsxRuntime.jsx(SiteIcon, {}), " "] }), props.social.onClickLinkedin && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickLinkedin(), children: [" ", jsxRuntime.jsx(LinkedinIcon, {}), " "] }), props.social.onClickInstagram && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickInstagram(), children: [" ", jsxRuntime.jsx(InstagramIcon, {}), " "] }), props.social.onClickYoutube && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickYoutube(), children: [" ", jsxRuntime.jsx(YoutubeIcon, {}), " "] }), props.social.onClickSpotify && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSpotify(), children: [" ", jsxRuntime.jsx(SpotifyIcon, {}), " "] }), props.social.onClickPodCast && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickPodCast(), children: [" ", jsxRuntime.jsx(PodCastIcon, {}), " "] })] }), jsxRuntime.jsx(LateralMenu, { variant: 'primary', channel: '', name: props.lateralMenu.name, hiddenButtonHeader: true, avatar: props.lateralMenu.avatar, button: props.lateralMenu.button, listOptions: props.lateralMenu.listOptions })] }), jsxRuntime.jsx(WrapperContent$3, { children: jsxRuntime.jsx("img", { src: props.logoSRG }) }), jsxRuntime.jsxs(WrapperContentMain, { children: [jsxRuntime.jsx(TitleSRG, { children: props?.labels?.textTitle ? props?.labels?.textTitle : 'Space Race Game' }), jsxRuntime.jsx(DescriptionSRG, { children: props?.labels?.textDescription }), jsxRuntime.jsx(Button$4, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) })] }), jsxRuntime.jsxs(WrapperContentHelper, { children: [jsxRuntime.jsxs(SpeechBubble, { children: [jsxRuntime.jsx(HelperText$1, { children: props.labels.textHelperDescription }), jsxRuntime.jsx(Button$4, { variant: 'link', label: props?.acessHere?.label ? props.acessHere.label : 'Acesse aqui', handleClick: () => props.acessHere.action(), style: { color: '#21bffc' } })] }), jsxRuntime.jsx("img", { src: props.avatarSRG })] }), jsxRuntime.jsx(WrapperContent$3, { children: jsxRuntime.jsx(Button$4, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) }) })] }), jsxRuntime.jsx(VersionExtended, { isExtendedVersion: props.isExtendedVersion, heightExtended: props.heightExtended })] }) }));
|
|
16755
16759
|
}
|
|
16756
16760
|
|
|
16757
16761
|
const achievementHeader = styled__default["default"].div `
|
|
@@ -17071,7 +17075,7 @@ function FeedInteraction(props) {
|
|
|
17071
17075
|
lineHeight: '17.6px',
|
|
17072
17076
|
fontWeight: 400,
|
|
17073
17077
|
textDecoration: 'underline'
|
|
17074
|
-
}, children: props.qtdLikes })] })), props?.qtdLikes && stateTotalComments && jsxRuntime.jsx("div", { children: "\u2022" }), stateTotalComments && jsxRuntime.jsxs(infoWithView, { children: [" ", stateTotalComments, " "] })] }), props.textTotalView && (jsxRuntime.jsx(infoWithView, { style: { color: '#0645AD', fontWeight: 700, cursor: 'pointer' }, onClick: () => props.handleClickTextTotalViews(), children: props.textTotalView }))] })) })), jsxRuntime.jsxs(buttonsContent, { children: [props.isLiked ? (jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$
|
|
17078
|
+
}, children: props.qtdLikes })] })), props?.qtdLikes && stateTotalComments && jsxRuntime.jsx("div", { children: "\u2022" }), stateTotalComments && jsxRuntime.jsxs(infoWithView, { children: [" ", stateTotalComments, " "] })] }), props.textTotalView && (jsxRuntime.jsx(infoWithView, { style: { color: '#0645AD', fontWeight: 700, cursor: 'pointer' }, onClick: () => props.handleClickTextTotalViews(), children: props.textTotalView }))] })) })), jsxRuntime.jsxs(buttonsContent, { children: [props.isLiked ? (jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$4, { startIcon: jsxRuntime.jsx(ThumbsUpIcon, { fill: 'currentColor' }), label: props.textDeslike, variant: "link", handleClick: props.handleLikeClick }) })) : (jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$4, { startIcon: jsxRuntime.jsx(ThumbsUpIcon, { fill: 'currentColor' }), label: props.textLikes, variant: "link", handleClick: props.handleLikeClick }) })), isVisibleComments && (jsxRuntime.jsxs(buttons, { onClick: OnCommentsClick, style: { color: openComments && FRSTTheme['colors'].linkPressed }, children: [jsxRuntime.jsx(TalkIcon, { fill: 'currentColor' }), " ", props.textComments] })), jsxRuntime.jsxs(buttons, { onClick: OnReviewClick, style: { color: openReview && FRSTTheme['colors'].linkPressed }, children: [jsxRuntime.jsx(StarOutlined, { fill: 'currentColor' }), " ", props.textAvaluation] })] }), openReview && (jsxRuntime.jsxs(reviewContainer, { children: [props.textAvaluationTitle, jsxRuntime.jsxs(reviewContent, { children: [props.isChallengeReview && (jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: "horizontal", qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingImpacto, handleRating: props?.handleImpactoChange }), jsxRuntime.jsx("span", { children: props.textImpacto })] })), props.isChallengeReview && (jsxRuntime.jsxs("div", { style: {
|
|
17075
17079
|
display: 'flex',
|
|
17076
17080
|
justifyContent: 'center',
|
|
17077
17081
|
alignItems: 'center',
|
|
@@ -17178,7 +17182,7 @@ function BannerProblemFeed(props) {
|
|
|
17178
17182
|
marginBottom: 4,
|
|
17179
17183
|
borderTop: `1px solid ${FRSTTheme['colors'].borderPrimary}`,
|
|
17180
17184
|
display: 'flex', justifyContent: 'center'
|
|
17181
|
-
}, children: jsxRuntime.jsx("div", { style: { width: '95%' }, children: jsxRuntime.jsx(StepsProgress, { definedSteps: definedSteps, stepSelected: selectedStep }) }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$
|
|
17185
|
+
}, children: jsxRuntime.jsx("div", { style: { width: '95%' }, children: jsxRuntime.jsx(StepsProgress, { definedSteps: definedSteps, stepSelected: selectedStep }) }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$4, { label: props.textButton, variant: 'expandedPrimary', handleClick: () => props.onClickButton() })] }), !props.hideInteraction &&
|
|
17182
17186
|
jsxRuntime.jsx(FeedInteraction, { isChallengeReview: true, id: props.id, isLiked: props.isLiked, qtdComments: stateTotalComments, qtdLikes: props.qtdLikes, textAvaluation: props.textAvaluation, textAvaluationTitle: props.textAvaluationTitle, isDisabledAvaluation: props.isDisabledAvaluation, textComments: props.textComments, textDeslike: props.textDeslike, textLikes: props.textLikes,
|
|
17183
17187
|
// latestComment={stateLatestComment}
|
|
17184
17188
|
// textLatestComment={props.textLatestComment}
|
|
@@ -17429,7 +17433,7 @@ var imgFrst = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAAA3CAYAAABzTLo
|
|
|
17429
17433
|
|
|
17430
17434
|
function SmallSRGBanner(props) {
|
|
17431
17435
|
return (jsxRuntime.jsx(Container$1, { style: { ...props.style }, onClick: props.handleClick, children: jsxRuntime.jsxs(mask, { children: [props.isTexto ? (jsxRuntime.jsx(TextCard, { children: props.traducao ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.traducao === 'en-US' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("b", { children: "Accelerate" }), " your performance and ", jsxRuntime.jsx("b", { children: "develop" }), " by solving ", jsxRuntime.jsx("b", { children: "real challenges" })] })) : props.traducao === 'es-ES' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("b", { children: "Acelera" }), " tu rendimiento y ", jsxRuntime.jsx("b", { children: "desarrollate" }), " resolviendo ", jsxRuntime.jsx("b", { children: "desaf\u00EDos reales" })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("b", { children: "Acelere" }), " sua performance e ", jsxRuntime.jsx("b", { children: "desenvolva-se" }), " solucionando ", jsxRuntime.jsx("b", { children: "desafios reais" })] })) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("b", { children: "Acelere" }), " sua performance e ", jsxRuntime.jsx("b", { children: "desenvolva-se" }), " solucionando ", jsxRuntime.jsx("b", { children: "desafios reais" })] })) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TitleLogo, { children: props.textTitleLogo }), jsxRuntime.jsx(SrgLogo, { children: jsxRuntime.jsx("img", { src: imgFrst, alt: "SRG Logo" }) })] })), !props.hideBtn &&
|
|
17432
|
-
jsxRuntime.jsx(Button$2, { children: jsxRuntime.jsx(Button$
|
|
17436
|
+
jsxRuntime.jsx(Button$2, { children: jsxRuntime.jsx(Button$4, { variant: "primary", label: props.textButton, startIcon: jsxRuntime.jsx(AddIcon, { fill: "#FFF" }) }) })] }) }));
|
|
17433
17437
|
}
|
|
17434
17438
|
|
|
17435
17439
|
const Wrapper$3 = styled__default["default"].div `
|
|
@@ -17637,7 +17641,7 @@ function PostFeed(props) {
|
|
|
17637
17641
|
jsxRuntime.jsx("iframe", { src: `https://www.youtube.com/embed/${props.postVideoId}`, frameBorder: "0", allow: "autoplay; fullscreen; picture-in-picture", width: props.videoWidth ? props.videoWidth : '100%', height: props.videoHeight ? props.videoHeight : 430 }), props.videoSource == 'vimeo' &&
|
|
17638
17642
|
jsxRuntime.jsx("iframe", { src: `https://player.vimeo.com/video/${props.postVideoId}?autoplay=0`, width: props.videoWidth ? props.videoWidth : '100%', height: props.videoHeight ? props.videoHeight : 430, allow: "autoplay; fullscreen" })] })
|
|
17639
17643
|
: null, props.handlePostButtonClick ?
|
|
17640
|
-
jsxRuntime.jsx("div", { style: { marginTop: 32, width: '100%', paddingLeft: '24px', paddingRight: '24px' }, children: jsxRuntime.jsx(Button$
|
|
17644
|
+
jsxRuntime.jsx("div", { style: { marginTop: 32, width: '100%', paddingLeft: '24px', paddingRight: '24px' }, children: jsxRuntime.jsx(Button$4, { variant: 'expandedPrimary', label: props.textPostButton, handleClick: props.handlePostButtonClick }) })
|
|
17641
17645
|
: null] }), jsxRuntime.jsx(FeedInteraction, { hideComments: isVisibleComments, isPostReview: true, userAvatar: props.userAvatar, id: props.postId, isLiked: props.isPostLiked, qtdComments: props.qtdComments, qtdLikes: props.qtdLikes, textAvaluation: props.textAvaluation, textAvaluationTitle: props.textAvaluationTitle, textComments: props.textComments, textDeslike: props.textDeslike, textLikes: props.textLikes,
|
|
17642
17646
|
// commentList={props.commentList}
|
|
17643
17647
|
// userCommentPlaceholder={props.userCommentPlaceholder}
|
|
@@ -17825,7 +17829,7 @@ function InteractionsModal({ textTitle, textSubtitle, listUsers, isOpen, handleC
|
|
|
17825
17829
|
left: '50%',
|
|
17826
17830
|
transform: 'translate(-50%, -50%)',
|
|
17827
17831
|
...style
|
|
17828
|
-
}, children: [jsxRuntime.jsxs(HeaderDiv, { children: [jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(CloseButton, { onClick: () => handleClickClose(), children: jsxRuntime.jsx(CloseIcon
|
|
17832
|
+
}, children: [jsxRuntime.jsxs(HeaderDiv, { children: [jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(CloseButton, { onClick: () => handleClickClose(), children: jsxRuntime.jsx(CloseIcon, { width: '11' }) }) }), jsxRuntime.jsx(Typography, { children: textTitle }), jsxRuntime.jsx(Typography, { children: textSubtitle })] }), jsxRuntime.jsx(ContentDiv, { ref: scrollContainerRef, onScroll: handleScroll, onClick: trackClick ? () => trackClick() : () => { }, children: jsxRuntime.jsx(ContentScroll, { children: newListUsers && newListUsers.map((item) => {
|
|
17829
17833
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(CardItemUser, { children: item?.onClickUserInfo ?
|
|
17830
17834
|
jsxRuntime.jsxs(Tooltip$2, { direction: "bottom", content: item.textVisitProfile ? item.textVisitProfile : 'Visitar perfil', trigger: 'hover', width: '101px', height: '32px', style: { top: '10px', textAlign: 'center' }, children: [jsxRuntime.jsx(Avatar, { size: '50px', src: item?.avatar, isActiveClick: true, onClick: () => item?.onClickUserInfo ? item?.onClickUserInfo() : {} }), jsxRuntime.jsxs(UserInfoContainer, { onClick: () => item?.onClickUserInfo ? item?.onClickUserInfo() : {}, style: { cursor: item?.onClickUserInfo ? 'pointer' : 'auto' }, children: [jsxRuntime.jsxs(NameUser$2, { children: [" ", item?.name, " "] }), jsxRuntime.jsxs(PositionUser, { children: [" ", item?.position, " "] }), jsxRuntime.jsxs(OrgUser, { children: [" ", item?.organization, " "] })] })] })
|
|
17831
17835
|
: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Avatar, { size: '50px', src: item?.avatar }), jsxRuntime.jsxs(UserInfoContainer, { onClick: () => item?.onClickUserInfo ? item?.onClickUserInfo() : {}, style: { cursor: item?.onClickUserInfo ? 'pointer' : 'auto' }, children: [jsxRuntime.jsxs(NameUser$2, { children: [" ", item?.name, " "] }), jsxRuntime.jsxs(PositionUser, { children: [" ", item?.position, " "] }), jsxRuntime.jsxs(OrgUser, { children: [" ", item?.organization, " "] })] })] }) }, item?.id) }));
|
|
@@ -18222,7 +18226,7 @@ function ThumbListContent(props) {
|
|
|
18222
18226
|
setIsSelected(props?.isSelected);
|
|
18223
18227
|
}, [props.isSelected]);
|
|
18224
18228
|
const MAX_CHARACTERS = 150;
|
|
18225
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isLoading ? (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [jsxRuntime.jsx(loadingImageThumb, {}), jsxRuntime.jsxs(loadingThumbContent, { children: [props.title && jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" })] })] })) : (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [props.imageSrc ? (tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { children: jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb, children: jsxRuntime.jsx(ProgressAndImg, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) }) }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb, children: jsxRuntime.jsxs(IconPlayVideo, { children: [' ', jsxRuntime.jsx(IconPlay, {}), ' '] }) }), jsxRuntime.jsxs(InfCanal, { id: 'DadosCanal', href: props.urlCanal, children: [jsxRuntime.jsx(ImgCanal, { src: props.imageSrcCanal }), jsxRuntime.jsx(NameCanal, { children: props.nameCanal })] })] }))) : tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { onClick: props.onClickThumb, children: jsxRuntime.jsxs(iconsThumbAndProgress, { children: [props.typeThumbContent === 'video' ? jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx(IconAndProgress, { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, props.typeThumbContent === 'textual' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, jsxRuntime.jsx(ProgressIcon, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) })] }) })) : (jsxRuntime.jsxs(iconsThumb, { onClick: props.onClickThumb, children: [props.typeThumbContent === 'video' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'textual' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null] })), jsxRuntime.jsxs(infoThumbContent, { onClick: props.onClickThumb, tagVisualized: props.tagValue, isSelected: props?.isSelected, children: [props.tagValue !== 'notVisualized' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.tagValue === 'vizualized' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressVisualized }) })) : null, props.tagValue === 'inProgress' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressInProgress }) })) : null] })) : null, props.title ? jsxRuntime.jsx("span", { children: props.title }) : null, jsxRuntime.jsx(descriptionThumbContent, { showText: showMore, isSelected: props?.isSelected, children: props.description.length > MAX_CHARACTERS ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: showMore ? props.description : `${props.description.slice(0, MAX_CHARACTERS)}...` })) : (props.description) })] }), jsxRuntime.jsx(viewMoreContent$1, { children: jsxRuntime.jsx(Button$
|
|
18229
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isLoading ? (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [jsxRuntime.jsx(loadingImageThumb, {}), jsxRuntime.jsxs(loadingThumbContent, { children: [props.title && jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" })] })] })) : (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [props.imageSrc ? (tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { children: jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb, children: jsxRuntime.jsx(ProgressAndImg, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) }) }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb, children: jsxRuntime.jsxs(IconPlayVideo, { children: [' ', jsxRuntime.jsx(IconPlay, {}), ' '] }) }), jsxRuntime.jsxs(InfCanal, { id: 'DadosCanal', href: props.urlCanal, children: [jsxRuntime.jsx(ImgCanal, { src: props.imageSrcCanal }), jsxRuntime.jsx(NameCanal, { children: props.nameCanal })] })] }))) : tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { onClick: props.onClickThumb, children: jsxRuntime.jsxs(iconsThumbAndProgress, { children: [props.typeThumbContent === 'video' ? jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx(IconAndProgress, { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, props.typeThumbContent === 'textual' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, jsxRuntime.jsx(ProgressIcon, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) })] }) })) : (jsxRuntime.jsxs(iconsThumb, { onClick: props.onClickThumb, children: [props.typeThumbContent === 'video' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'textual' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null] })), jsxRuntime.jsxs(infoThumbContent, { onClick: props.onClickThumb, tagVisualized: props.tagValue, isSelected: props?.isSelected, children: [props.tagValue !== 'notVisualized' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.tagValue === 'vizualized' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressVisualized }) })) : null, props.tagValue === 'inProgress' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressInProgress }) })) : null] })) : null, props.title ? jsxRuntime.jsx("span", { children: props.title }) : null, jsxRuntime.jsx(descriptionThumbContent, { showText: showMore, isSelected: props?.isSelected, children: props.description.length > MAX_CHARACTERS ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: showMore ? props.description : `${props.description.slice(0, MAX_CHARACTERS)}...` })) : (props.description) })] }), jsxRuntime.jsx(viewMoreContent$1, { children: jsxRuntime.jsx(Button$4, { variant: "link", label: showMore ? props.textViewLessButton : props.textViewMoreButton, handleClick: () => setShowMore(!showMore), style: { fontSize: 12, color: props?.isSelected ? '#E5E7EB' : '#444444' } }) })] })) }));
|
|
18226
18230
|
function IconPlay() {
|
|
18227
18231
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "33", height: "33", viewBox: "0 0 33 33", fill: "none", children: [jsxRuntime.jsx("g", { filter: "url(#filter0_d_1_13248)", children: jsxRuntime.jsx("path", { d: "M22.7851 17.6767C23.3898 17.273 23.3898 16.3841 22.7851 15.9803L14.8446 10.6786C14.1668 10.2261 13.2583 10.7119 13.2583 11.5269V22.1302C13.2583 22.9451 14.1668 23.4309 14.8446 22.9784L22.7851 17.6767Z", fill: "white" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_d_1_13248", x: "0", y: "0", width: "32.6364", height: "32.6364", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "20.3983", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1_13248" }), jsxRuntime.jsx("feOffset", { dy: "3.05975" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.54979" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 0.301961 0 0 0 0 0.0509804 0 0 0 0.4 0" }), jsxRuntime.jsx("feBlend", { mode: "multiply", in2: "BackgroundImageFix", result: "effect1_dropShadow_1_13248" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_1_13248", result: "shape" })] }) })] }) }));
|
|
18228
18232
|
}
|
|
@@ -18297,7 +18301,7 @@ function ListSelector(props) {
|
|
|
18297
18301
|
jsxRuntime.jsxs(itemList, { children: [jsxRuntime.jsx("div", { onClick: () => handleSelect(item.id), children: selectedItens.includes(item.id) ? jsxRuntime.jsx(CheckboxChecked, {}) : jsxRuntime.jsx(CheckboxEmpty, {}) }), item.description] }, index)
|
|
18298
18302
|
: null);
|
|
18299
18303
|
}) }), props.minShowList < props.contentList.length ?
|
|
18300
|
-
jsxRuntime.jsx(viewMoreContent, { children: jsxRuntime.jsx(Button$
|
|
18304
|
+
jsxRuntime.jsx(viewMoreContent, { children: jsxRuntime.jsx(Button$4, { variant: 'link', label: showSize === props.minShowList ? props.textViewMore : props.textViewLess, handleClick: handleView }) })
|
|
18301
18305
|
: null] }) }));
|
|
18302
18306
|
}
|
|
18303
18307
|
|
|
@@ -20618,7 +20622,7 @@ function ContentModalInviteMultiple({ labels, onClickInvite, statusSend }) {
|
|
|
20618
20622
|
return (jsxRuntime.jsxs(WrapperContent$2, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(TitleModal, { children: labels?.title }), jsxRuntime.jsx(DesriptionModal, { children: labels?.description }), jsxRuntime.jsx(WrapperInputs, { children: inputMultiplePerson?.map((inputPerson, index) => {
|
|
20619
20623
|
return (jsxRuntime.jsxs(WrapperInputPerson, { children: [jsxRuntime.jsx(CustomTextField, { label: labels?.name, placeholder: labels?.placeholderName, onChange: (e) => onChangeInput({ e, type: 'name', id: inputPerson.id }), type: 'text', value: inputPerson?.name, required: true, error: inputPerson?.errorName }), jsxRuntime.jsx(CustomTextField, { label: labels?.lastName, placeholder: labels.placeholderLastName, onChange: (e) => onChangeInput({ e, type: 'lastName', id: inputPerson?.id }), type: 'text', value: inputPerson?.lastName, required: true, error: inputPerson?.errorLastName }), jsxRuntime.jsx(CustomTextField, { label: labels?.email, placeholder: labels.placeholderEmail, onChange: (e) => onChangeInput({ e, type: 'email', id: inputPerson?.id }), type: 'text', value: inputPerson?.email, required: true, error: inputPerson?.errorEmail })] }, index));
|
|
20620
20624
|
}) }), inputMultiplePerson?.length > 1 &&
|
|
20621
|
-
jsxRuntime.jsxs(ButtonRemove, { onClick: () => handleRemoveInput(), children: [jsxRuntime.jsx(TrashIconNew, { fill: '#444' }), labels?.delete] }), jsxRuntime.jsxs(ButtonAddNewPerson, { onClick: () => handleAddNewInput(), children: [jsxRuntime.jsx("div", { style: { width: '24px', display: 'flex', alignItems: 'center' }, children: jsxRuntime.jsx(IconPlusCicle, {}) }), jsxRuntime.jsx(LabelButtonAddPerson, { children: labels?.buttonAddMore })] })] }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between', marginTop: '14px' }, children: [jsxRuntime.jsx(StatusSendInvite, { statusSendLocal: statusSendLocal, labels: labels, setStatusSendLocal: setStatusSendLocal }), jsxRuntime.jsx(Button$
|
|
20625
|
+
jsxRuntime.jsxs(ButtonRemove, { onClick: () => handleRemoveInput(), children: [jsxRuntime.jsx(TrashIconNew, { fill: '#444' }), labels?.delete] }), jsxRuntime.jsxs(ButtonAddNewPerson, { onClick: () => handleAddNewInput(), children: [jsxRuntime.jsx("div", { style: { width: '24px', display: 'flex', alignItems: 'center' }, children: jsxRuntime.jsx(IconPlusCicle, {}) }), jsxRuntime.jsx(LabelButtonAddPerson, { children: labels?.buttonAddMore })] })] }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between', marginTop: '14px' }, children: [jsxRuntime.jsx(StatusSendInvite, { statusSendLocal: statusSendLocal, labels: labels, setStatusSendLocal: setStatusSendLocal }), jsxRuntime.jsx(Button$4, { variant: 'primary', label: labels?.invite, handleClick: () => sendListInput(), disabled: isDisabledSendInvite })] })] }));
|
|
20622
20626
|
}
|
|
20623
20627
|
function IconPlusCicle() {
|
|
20624
20628
|
return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: "#F26818", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 8V16", stroke: "#F26818", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8 12H16", stroke: "#F26818", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
@@ -21456,9 +21460,9 @@ function FiltroGaleriaDesafios({ placeholderSelect, handleValueSelect, optionLab
|
|
|
21456
21460
|
const lengthList = selectedItems ? selectedItems.length : 0;
|
|
21457
21461
|
return listItems.length >= maxListItems ? (jsxRuntime.jsxs(searchAndButton$1, { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(SearchField, { placeholder: textBusca, className: null, handleClickButton: null, isButton: true, hasSearchIcon: true, onChange: (e) => {
|
|
21458
21462
|
setTextFilter(e.target.value);
|
|
21459
|
-
} }) }), lengthList >= 2 ? (jsxRuntime.jsx(Button$
|
|
21463
|
+
} }) }), lengthList >= 2 ? (jsxRuntime.jsx(Button$4, { style: { marginTop: "1rem" }, variant: 'link', label: textButtonClear, disabled: false, handleClick: () => {
|
|
21460
21464
|
setSelectedListItems([]);
|
|
21461
|
-
} })) : (jsxRuntime.jsx("div", {}))] })) : lengthList >= 1 ? (jsxRuntime.jsx(searchAndButton$1, { children: jsxRuntime.jsx(Button$
|
|
21465
|
+
} })) : (jsxRuntime.jsx("div", {}))] })) : lengthList >= 1 ? (jsxRuntime.jsx(searchAndButton$1, { children: jsxRuntime.jsx(Button$4, { variant: 'link', label: textButtonClear, disabled: false, handleClick: () => {
|
|
21462
21466
|
setSelectedListItems([]);
|
|
21463
21467
|
} }) })) : (jsxRuntime.jsx("div", {}));
|
|
21464
21468
|
};
|
|
@@ -21746,7 +21750,7 @@ function index (props) {
|
|
|
21746
21750
|
if (option) {
|
|
21747
21751
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: option.map((item, index) => {
|
|
21748
21752
|
if (index < props.maxSelectedShow) {
|
|
21749
|
-
return props.optionLayout ? (props.optionLayout(item)) : (jsxRuntime.jsxs(selectTag, { id: "tag-container", children: [canShowAvatar && jsxRuntime.jsx(Avatar, { src: item.avatar, size: "24px" }), jsxRuntime.jsxs("p", { children: [" ", item.name, " "] }), jsxRuntime.jsx(material.IconButton, { id: "close-icon", onClick: () => removeSelectedValue(item.id), children: jsxRuntime.jsx(CloseIcon
|
|
21753
|
+
return props.optionLayout ? (props.optionLayout(item)) : (jsxRuntime.jsxs(selectTag, { id: "tag-container", children: [canShowAvatar && jsxRuntime.jsx(Avatar, { src: item.avatar, size: "24px" }), jsxRuntime.jsxs("p", { children: [" ", item.name, " "] }), jsxRuntime.jsx(material.IconButton, { id: "close-icon", onClick: () => removeSelectedValue(item.id), children: jsxRuntime.jsx(CloseIcon, { width: "8", height: "8", fill: "#FFFFFF" }) })] }, index));
|
|
21750
21754
|
}
|
|
21751
21755
|
else if (index === props.maxSelectedShow) {
|
|
21752
21756
|
return (jsxRuntime.jsx(overShowInfo, { onClick: () => setShowModal(true), id: "number-people", children: jsxRuntime.jsx("p", { children: `+ ${pessoasAMais} ${pessoasAMais > 1 ? props.people : props.person}` }) }, index));
|
|
@@ -21763,7 +21767,7 @@ function index (props) {
|
|
|
21763
21767
|
return (jsxRuntime.jsxs(searchAndButton, { children: [jsxRuntime.jsx("div", { style: { marginBottom: '1rem' }, children: jsxRuntime.jsx(SearchField, { placeholder: props.searchSelectPlaceholder ? props.searchSelectPlaceholder : 'Buscar', className: null, handleClickButton: null, isButton: true, hasSearchIcon: true, value: textFilter, onChange: (e) => {
|
|
21764
21768
|
props.onSearch(e.target.value);
|
|
21765
21769
|
setTextFilter(e.target.value);
|
|
21766
|
-
} }) }), props.listItems.length > 0 ? (jsxRuntime.jsx(Button$
|
|
21770
|
+
} }) }), props.listItems.length > 0 ? (jsxRuntime.jsx(Button$4, { id: "select-all", variant: 'link', label: props.btnSelectAllText ? props.btnSelectAllText : 'Selecionar todos', disabled: false, handleClick: () => {
|
|
21767
21771
|
setSelectedValues([
|
|
21768
21772
|
...selectedValues,
|
|
21769
21773
|
...listFilterSearch.filter((value) => {
|
|
@@ -21777,7 +21781,7 @@ function index (props) {
|
|
|
21777
21781
|
const selectValuesModal = () => {
|
|
21778
21782
|
return (jsxRuntime.jsx(material.Modal, { open: showModal, onClose: () => setShowModal(false), children: jsxRuntime.jsxs(modalContainer, { id: "container-modal", children: [jsxRuntime.jsx(modalHeader, { id: "header-people", children: jsxRuntime.jsxs("p", { children: [' ', props.modalTitle ? props.modalTitle : 'Este grupo é administrado por', " ", selectedValues.length, ' ', selectedValues.length > 1 ? props.people : props.person, ' '] }) }), jsxRuntime.jsx(modalContent, { children: selectedValues.map((item, index) => {
|
|
21779
21783
|
return (jsxRuntime.jsxs(modalCards, { style: { background: index % 2 === 0 ? '#F2F2F2' : '#FFF' }, children: [jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '12px' }, children: [canShowAvatar && jsxRuntime.jsx(Avatar, { src: item.avatar, size: "50px" }), jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [jsxRuntime.jsxs(cardTitle, { children: [" ", item.name, " "] }), jsxRuntime.jsxs(cardDescription, { children: [" ", item.description, " "] }), jsxRuntime.jsxs(cardDescription, { children: [" ", item.subDescription, " "] })] })] }), jsxRuntime.jsxs("div", { id: "remove-people-admin", style: { display: 'flex', cursor: 'pointer' }, onClick: () => removeSelectedValue(item.id), children: [jsxRuntime.jsx(Trash, { fill: "#A50000", width: "24", height: "24" }), jsxRuntime.jsxs(cardTitle, { style: { color: '#A50000' }, children: [' ', props.removeModalText ? props.removeModalText : 'Remover', ' '] })] })] }, index));
|
|
21780
|
-
}) }), jsxRuntime.jsx(closeModal, { children: jsxRuntime.jsx(material.IconButton, { id: "close-modal", onClick: () => setShowModal(false), children: jsxRuntime.jsx(CloseIcon
|
|
21784
|
+
}) }), jsxRuntime.jsx(closeModal, { children: jsxRuntime.jsx(material.IconButton, { id: "close-modal", onClick: () => setShowModal(false), children: jsxRuntime.jsx(CloseIcon, {}) }) })] }) }));
|
|
21781
21785
|
};
|
|
21782
21786
|
const onLazyLoad = (event) => {
|
|
21783
21787
|
setLazyLoading(true);
|
|
@@ -22516,7 +22520,7 @@ exports.BannerProblemFeed = BannerProblemFeed;
|
|
|
22516
22520
|
exports.BannerSRG = BannerSRG;
|
|
22517
22521
|
exports.BaseCard = EmptyCard;
|
|
22518
22522
|
exports.Books = Books;
|
|
22519
|
-
exports.Button = Button$
|
|
22523
|
+
exports.Button = Button$4;
|
|
22520
22524
|
exports.ButtonContent = ButtonContent;
|
|
22521
22525
|
exports.ButtonGroup = ButtonGroup;
|
|
22522
22526
|
exports.CalendarCard = CalendarCard;
|