frst-components 0.20.9 → 0.20.10
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.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +256 -170
- 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/IJ/thumbListContent/index.d.ts +1 -0
- package/dist/src/components/IJ/thumbListContent/index.d.ts.map +1 -1
- package/dist/src/components/IJ/thumbListContent/thumbListContentStyles.d.ts +1 -0
- package/dist/src/components/IJ/thumbListContent/thumbListContentStyles.d.ts.map +1 -1
- package/dist/src/components/LXP/accordionTrack/accordionTrackStyle.d.ts.map +1 -1
- package/dist/src/components/LXP/accordionTrack/contentCoursesTrails.d.ts.map +1 -1
- package/dist/src/components/LXP/avatarChannel/avatarChannelStyles.d.ts +2 -9
- package/dist/src/components/LXP/avatarChannel/avatarChannelStyles.d.ts.map +1 -1
- package/dist/src/components/LXP/avatarChannel/index.d.ts.map +1 -1
- package/dist/src/components/LXP/bannerLxp/index.d.ts.map +1 -1
- package/dist/src/components/LXP/participantThumbnails/participantThumbnails.d.ts.map +1 -1
- package/dist/src/components/expand-button/expandButtonStyle.d.ts +9 -0
- package/dist/src/components/expand-button/expandButtonStyle.d.ts.map +1 -0
- package/dist/src/components/expand-button/index.d.ts +5 -0
- package/dist/src/components/expand-button/index.d.ts.map +1 -0
- package/dist/src/components/scroll-container/index.d.ts +1 -1
- package/dist/src/components/scroll-container/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8,7 +8,7 @@ var styled = require('styled-components');
|
|
|
8
8
|
var useSound = require('use-sound');
|
|
9
9
|
var reactI18next = require('react-i18next');
|
|
10
10
|
var material = require('@mui/material');
|
|
11
|
-
var Button$
|
|
11
|
+
var Button$7 = require('@mui/material/Button');
|
|
12
12
|
var Menu$1 = require('@mui/material/Menu');
|
|
13
13
|
var MenuItem = require('@mui/material/MenuItem');
|
|
14
14
|
var Card = require('@mui/material/Card');
|
|
@@ -89,7 +89,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
89
89
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
90
90
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
91
91
|
var useSound__default = /*#__PURE__*/_interopDefaultLegacy(useSound);
|
|
92
|
-
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$
|
|
92
|
+
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$7);
|
|
93
93
|
var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu$1);
|
|
94
94
|
var MenuItem__default = /*#__PURE__*/_interopDefaultLegacy(MenuItem);
|
|
95
95
|
var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
|
|
@@ -1953,7 +1953,7 @@ function MissionSteps(props) {
|
|
|
1953
1953
|
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$e.missaoTitle, style: rightButtonStyle, children: `${mapTraducao.get(Idioma).nextShort}` })
|
|
1954
1954
|
: props.stepProblem < 5 &&
|
|
1955
1955
|
props.onClickContinue &&
|
|
1956
|
-
jsxRuntime.jsx("span", { className: style$e.missaoTitle, style: { ...rightButtonStyle, marginTop: '-10px' }, children: jsxRuntime.jsx(Button$
|
|
1956
|
+
jsxRuntime.jsx("span", { className: style$e.missaoTitle, style: { ...rightButtonStyle, marginTop: '-10px' }, children: jsxRuntime.jsx(Button$5, { 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: () => {
|
|
1957
1957
|
setStep(1);
|
|
1958
1958
|
} }), jsxRuntime.jsx(Steps, { step: 2, idioma: Idioma, status: stepLiberado >= 2 ? stepActive === 2 ? "A" : "I" : "B", onClick: () => {
|
|
1959
1959
|
setStep(2);
|
|
@@ -2225,7 +2225,7 @@ const variantStyles$1 = (variant = 'contained') => ({
|
|
|
2225
2225
|
}
|
|
2226
2226
|
`,
|
|
2227
2227
|
}[variant]);
|
|
2228
|
-
const Button$
|
|
2228
|
+
const Button$6 = styled__default["default"].button `
|
|
2229
2229
|
display: flex;
|
|
2230
2230
|
flex-direction: row;
|
|
2231
2231
|
align-items: center;
|
|
@@ -2343,7 +2343,7 @@ const ButtonEndIcon = styled__default["default"].button `
|
|
|
2343
2343
|
${({ variant }) => variantStyles$1(variant)}
|
|
2344
2344
|
`;
|
|
2345
2345
|
|
|
2346
|
-
function Button$
|
|
2346
|
+
function Button$5({ variant, label, sizeIcon, disabled, startIcon, endIcon, handleClick, type, active, style, value, length, id, ref, handleMount }) {
|
|
2347
2347
|
React.useEffect(() => {
|
|
2348
2348
|
if (handleMount && id) {
|
|
2349
2349
|
handleMount(id);
|
|
@@ -2363,7 +2363,7 @@ function Button$4({ variant, label, sizeIcon, disabled, startIcon, endIcon, hand
|
|
|
2363
2363
|
(variant === 'link') ?
|
|
2364
2364
|
jsxRuntime.jsx(LinkButton$1, { ref: ref, style: { ...style }, disabled: disabled, onClick: handleClick, id: id, children: label })
|
|
2365
2365
|
:
|
|
2366
|
-
jsxRuntime.jsx(Button$
|
|
2366
|
+
jsxRuntime.jsx(Button$6, { ref: ref, style: { ...style }, length: length, active: active, value: value, variant: variant, disabled: disabled, onClick: handleClick, id: id, children: label }) }));
|
|
2367
2367
|
}
|
|
2368
2368
|
|
|
2369
2369
|
var css_248z$d = ".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.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";
|
|
@@ -2478,7 +2478,7 @@ function BannerProblem(props) {
|
|
|
2478
2478
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$c.container, style: { ...props.style }, children: [props.topHeaderTagText &&
|
|
2479
2479
|
jsxRuntime.jsx(SpanHeaderTag, { background: props.topHeaderTagBgColor, color: props.topHeaderTagColor, children: props.topHeaderTagText }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between', flexDirection: 'row', alignItems: 'center' }, children: [jsxRuntime.jsxs("span", { className: style$c.titleProblem, children: [showChallengeTitle(), props.isVerified &&
|
|
2480
2480
|
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 &&
|
|
2481
|
-
jsxRuntime.jsx(Button$
|
|
2481
|
+
jsxRuntime.jsx(Button$5, { label: Edit ? (props.textButtonLinkEditSave ? props.textButtonLinkEditSave : "Salvar Alterações") : (props.textButtonLinkEdit ? props.textButtonLinkEdit : "Editar"), variant: 'link', handleClick: () => handleEdit(), startIcon: jsxRuntime.jsx(EditIcon, {}) })] }), Edit ?
|
|
2482
2482
|
jsxRuntime.jsx("div", { style: {
|
|
2483
2483
|
marginTop: '8px',
|
|
2484
2484
|
marginBottom: '8px',
|
|
@@ -2517,8 +2517,8 @@ function BannerProblem(props) {
|
|
|
2517
2517
|
jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center', flexWrap: 'wrap', width: '100%' }, 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 &&
|
|
2518
2518
|
jsxRuntime.jsx(RatingCurtidas, { titulo: props.ratingTitleLikes ? props.ratingTitleLikes : 'Curtidas', qtdeCurtidas: props.curtidas, tipoBotao: 2, style: { margin: 0 }, descricaoCurtida: props.ratingLikesDescription ? props.ratingLikesDescription : 'pessoas' })] })
|
|
2519
2519
|
: null, jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '32px' }, children: [props.showButtonInvite &&
|
|
2520
|
-
jsxRuntime.jsx(Button$
|
|
2521
|
-
jsxRuntime.jsx(Button$
|
|
2520
|
+
jsxRuntime.jsx(Button$5, { 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 &&
|
|
2521
|
+
jsxRuntime.jsx(Button$5, { 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 ?
|
|
2522
2522
|
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 &&
|
|
2523
2523
|
jsxRuntime.jsx(RatingCurtidas, { titulo: props.ratingTitleLikes ? props.ratingTitleLikes : 'Curtidas', qtdeCurtidas: props.curtidas, tipoBotao: 2, descricaoCurtida: props.ratingLikesDescription ? props.ratingLikesDescription : 'pessoas' })] })
|
|
2524
2524
|
: null] }) }), jsxRuntime.jsx(MissionSteps, { stepProblem: props.stepProblem, stepActive: props.stepActive, onClickContinue: hasContinueProps ? props.onClickContinue : null, onSelected: (step) => {
|
|
@@ -2767,7 +2767,7 @@ const TextField$1 = styled__default["default"].input.attrs(({ type, as }) => ({
|
|
|
2767
2767
|
${placeholderStyle('linkError')}
|
|
2768
2768
|
`}
|
|
2769
2769
|
`;
|
|
2770
|
-
const Label$
|
|
2770
|
+
const Label$2 = styled__default["default"].label `
|
|
2771
2771
|
font-family: 'PT Sans';
|
|
2772
2772
|
font-style: normal;
|
|
2773
2773
|
font-weight: 400;
|
|
@@ -2853,7 +2853,7 @@ function TextField(props) {
|
|
|
2853
2853
|
setClick(false);
|
|
2854
2854
|
}, 1000);
|
|
2855
2855
|
};
|
|
2856
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme, focused: focus, disabled: props.disabled, hovered: hover, error: props.error, multiline: props.multiline, width: props.width, height: props.height }, children: jsxRuntime.jsxs("div", { style: props.style, className: props.className, children: [jsxRuntime.jsx(Label$
|
|
2856
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme, focused: focus, disabled: props.disabled, hovered: hover, error: props.error, multiline: props.multiline, width: props.width, height: props.height }, children: jsxRuntime.jsxs("div", { style: props.style, className: props.className, children: [jsxRuntime.jsx(Label$2, { htmlFor: props.id, isClicked: click, children: props.label }), jsxRuntime.jsxs(TextFieldContainer, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: () => showBorderAfterClick(), isClicked: click, children: [props.startIcon && !props.multiline && (jsxRuntime.jsx(StartIcon, { children: props.startIcon })), jsxRuntime.jsx(TextField$1, { onFocus: () => setFocus(true), onBlur: () => setFocus(false), id: props.id, placeholder: props.placeholder || `${t('globals.typeHere')}...`, as: props.multiline ? 'textarea' : 'input', type: inputType, value: props.value, disabled: props.disabled, onChange: props.onChange, name: props.name, required: props.required, defaultValue: props.defaultValue, maxLength: props.maxLength }), props.endIcon && !props.multiline && (!!props.endIcon && jsxRuntime.jsx(InputIconButton, { onClick: props.handleClickEndIcon, children: endIconState }))] }), props.helperText && jsxRuntime.jsx(HelperText$3, { children: props.helperText })] }) }));
|
|
2857
2857
|
}
|
|
2858
2858
|
|
|
2859
2859
|
function Textarea(props) {
|
|
@@ -3474,7 +3474,7 @@ function CommentaryBox({ name, className, styles, position, value, date, actionL
|
|
|
3474
3474
|
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 &&
|
|
3475
3475
|
jsxRuntime.jsxs("div", { style: { display: 'flex', marginLeft: '14px', marginTop: '5px', alignItems: 'center' }, children: [(isPrivateAuthor || isPrivateMe) &&
|
|
3476
3476
|
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 ?
|
|
3477
|
-
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$
|
|
3477
|
+
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$5, { handleClick: () => { saveEditComment(); }, label: size[0] > WIDTH_MOBILE ? textSaveButton : textSaveButtonMobile, disabled: !enableSaveEdit, variant: "primary", style: { marginRight: '20px' } }), jsxRuntime.jsx(Button$5, { handleClick: () => { cancelEditComment(); }, label: textCancelButton, variant: "secondary" })] })] })
|
|
3478
3478
|
:
|
|
3479
3479
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CommentaryContent, { id: iDCommentPosted, children: value }), jsxRuntime.jsxs(IterationsWrapper, { children: [jsxRuntime.jsxs(LikesStatistics, { children: [isLiked ?
|
|
3480
3480
|
jsxRuntime.jsx(ThumbsUpCovered, { width: '16px', height: '16px' })
|
|
@@ -3576,7 +3576,7 @@ const ButtonControll = styled__default["default"].div `
|
|
|
3576
3576
|
|
|
3577
3577
|
border-radius: 50%;
|
|
3578
3578
|
|
|
3579
|
-
${({ sizeButton, isLeftButton, marginsArrowButton }) => {
|
|
3579
|
+
/* ${({ sizeButton, isLeftButton, marginsArrowButton }) => {
|
|
3580
3580
|
let result = '';
|
|
3581
3581
|
if (sizeButton >= 80) {
|
|
3582
3582
|
result = isLeftButton
|
|
@@ -3589,7 +3589,7 @@ const ButtonControll = styled__default["default"].div `
|
|
|
3589
3589
|
: 'padding-left: 3px; margin-left: ' + marginsArrowButton + ';';
|
|
3590
3590
|
}
|
|
3591
3591
|
return result;
|
|
3592
|
-
}}
|
|
3592
|
+
}} */
|
|
3593
3593
|
|
|
3594
3594
|
&:hover {
|
|
3595
3595
|
background: ${({ theme }) => theme.colors.primary1} !important;
|
|
@@ -3614,7 +3614,7 @@ styled__default["default"].div `
|
|
|
3614
3614
|
border-radius: 20px;
|
|
3615
3615
|
`;
|
|
3616
3616
|
|
|
3617
|
-
function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize }) {
|
|
3617
|
+
function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick }) {
|
|
3618
3618
|
const [actionAreaButtonLeft, setActionAreaButtonLeft] = React.useState(false);
|
|
3619
3619
|
const [actionAreaButtonRight, setActionAreaButtonRight] = React.useState(false);
|
|
3620
3620
|
const [iDScroll, setIDScroll] = React.useState(`iDScroll-${randID$1()}`);
|
|
@@ -3666,14 +3666,29 @@ function ScrollContainer({ children, type, isVisibleControlsButtons, positionArr
|
|
|
3666
3666
|
updateSize();
|
|
3667
3667
|
return () => window.removeEventListener('resize', updateSize);
|
|
3668
3668
|
}, []);
|
|
3669
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, className: className, children: [jsxRuntime.jsxs(WrapperHorizontal, { children: [isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollLeft, marginTopArrrowButton: marginTopArrrowButton })), jsxRuntime.jsx(WrapperContent$2, { id: iDScroll, paddingIntern: horizontalMarginInternScroll ? horizontalMarginInternScroll : '150px', children: children }), isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollRight, marginTopArrrowButton: marginTopArrrowButton }))] }), jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', width: '100%' }, children: isVisibleControlsButtons && positionArrowButton == 'bottom' && (jsxRuntime.jsxs("div", { style: {
|
|
3669
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles, position: 'relative' }, className: className, children: [jsxRuntime.jsxs(WrapperHorizontal, { children: [isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollLeft, marginTopArrrowButton: marginTopArrrowButton })), jsxRuntime.jsx(WrapperContent$2, { id: iDScroll, paddingIntern: horizontalMarginInternScroll ? horizontalMarginInternScroll : '150px', children: children }), isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollRight, marginTopArrrowButton: marginTopArrrowButton }))] }), jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', width: '100%' }, children: isVisibleControlsButtons && positionArrowButton == 'bottom' && (jsxRuntime.jsxs("div", { style: {
|
|
3670
3670
|
display: 'flex',
|
|
3671
3671
|
flexDirection: 'row',
|
|
3672
3672
|
marginTop: marginTopArrrowButton ? marginTopArrrowButton : '5px'
|
|
3673
|
-
}, children: [jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollLeft, marginTopArrrowButton: marginTopArrrowButton }), jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollRight, marginTopArrrowButton: marginTopArrrowButton })] })) })] }) }));
|
|
3674
|
-
}
|
|
3675
|
-
function ButtonArrow({ isLeftButton, onClick, onActionArea, actionArea, sizeButton, isVisible, margin, ArrowScroll, marginTopArrrowButton }) {
|
|
3676
|
-
return (jsxRuntime.jsx(
|
|
3673
|
+
}, children: [jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollLeft, widthProtectClick: widthProtectClick, marginTopArrrowButton: marginTopArrrowButton }), jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollRight, widthProtectClick: widthProtectClick, marginTopArrrowButton: marginTopArrrowButton })] })) })] }) }));
|
|
3674
|
+
}
|
|
3675
|
+
function ButtonArrow({ isLeftButton, onClick, onActionArea, actionArea, sizeButton, isVisible, margin, ArrowScroll, marginTopArrrowButton, widthProtectClick }) {
|
|
3676
|
+
return (jsxRuntime.jsx("div", { style: {
|
|
3677
|
+
height: '100%',
|
|
3678
|
+
width: widthProtectClick ? widthProtectClick : 100,
|
|
3679
|
+
zIndex: 10,
|
|
3680
|
+
position: 'absolute',
|
|
3681
|
+
left: isLeftButton ? 0 : 'none',
|
|
3682
|
+
right: !isLeftButton ? 0 : 'none',
|
|
3683
|
+
paddingLeft: isLeftButton ? 24 : 0,
|
|
3684
|
+
paddingRight: !isLeftButton ? 24 : 0,
|
|
3685
|
+
display: 'flex',
|
|
3686
|
+
bottom: 0,
|
|
3687
|
+
top: 0,
|
|
3688
|
+
justifyContent: isLeftButton ? 'flex-start' : 'flex-end',
|
|
3689
|
+
alignItems: 'center',
|
|
3690
|
+
visibility: isVisible ? 'visible' : 'hidden'
|
|
3691
|
+
}, children: jsxRuntime.jsx(ButtonControll, { isLeftButton: isLeftButton, onClick: onClick, onMouseOver: () => onActionArea(true), onMouseOut: () => onActionArea(false), sizeButton: sizeButton ? sizeButton : 80, visibility: isVisible ? 'visible' : 'hidden', marginsArrowButton: margin, marginTopArrrowButton: marginTopArrrowButton, children: jsxRuntime.jsx(ArrowScroll, { fill: actionArea ? '#fff' : '#000', height: sizeButton ? (sizeButton / 2.3).toFixed(0).toString() : '34', width: sizeButton ? (sizeButton / 4.3).toFixed(0).toString() : '18' }) }) }));
|
|
3677
3692
|
}
|
|
3678
3693
|
|
|
3679
3694
|
const HeaderWrapper = styled__default["default"].div `
|
|
@@ -4710,7 +4725,7 @@ const CheckButton = styled__default["default"].button `
|
|
|
4710
4725
|
background-color: ${({ theme }) => theme.colors.selectItens};
|
|
4711
4726
|
}
|
|
4712
4727
|
`;
|
|
4713
|
-
const Label = styled__default["default"].div `
|
|
4728
|
+
const Label$1 = styled__default["default"].div `
|
|
4714
4729
|
font-family: 'PT Sans';
|
|
4715
4730
|
font-style: normal;
|
|
4716
4731
|
font-weight: ${({ isChecked }) => (isChecked ? 700 : 400)};
|
|
@@ -4724,7 +4739,7 @@ function Checkbox({ label, isChecked, handleCheck }) {
|
|
|
4724
4739
|
const [actionAreaCheckIcon, setActionAreaCheckIcon] = React.useState(false);
|
|
4725
4740
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(CheckBoxWrapper, { onClick: handleCheck, onMouseOver: () => setActionAreaCheckIcon(true), onMouseOut: () => setActionAreaCheckIcon(false), children: [jsxRuntime.jsx(CheckButton, { children: isChecked ? (jsxRuntime.jsx(CheckboxChecked, {})) : (actionAreaCheckIcon ?
|
|
4726
4741
|
jsxRuntime.jsx(CheckboxEmpty, { stroke: FRSTTheme['colors'].primary1 }) :
|
|
4727
|
-
jsxRuntime.jsx(CheckboxEmpty, { stroke: FRSTTheme['colors'].neutralsGrey4 })) }), jsxRuntime.jsxs(Label, { isChecked: isChecked, children: [" ", label, " "] })] }) }));
|
|
4742
|
+
jsxRuntime.jsx(CheckboxEmpty, { stroke: FRSTTheme['colors'].neutralsGrey4 })) }), jsxRuntime.jsxs(Label$1, { isChecked: isChecked, children: [" ", label, " "] })] }) }));
|
|
4728
4743
|
}
|
|
4729
4744
|
|
|
4730
4745
|
function FilterAccordionCheckbox({ generalTitle, object, onSelected }) {
|
|
@@ -4878,7 +4893,7 @@ function ModalStatusProblema(props) {
|
|
|
4878
4893
|
return () => window.removeEventListener('resize', updateSize);
|
|
4879
4894
|
}, []);
|
|
4880
4895
|
const BREAKWIDTH = 500;
|
|
4881
|
-
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, 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 }, index))) }), jsxRuntime.jsxs("div", { className: style$a.modal_controls_wrapper, children: [jsxRuntime.jsx("div", { className: style$a.descricao, children: props.description }), jsxRuntime.jsx("div", { className: style$a.conclusao, children: jsxRuntime.jsx(Button$
|
|
4896
|
+
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, 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 }, index))) }), jsxRuntime.jsxs("div", { className: style$a.modal_controls_wrapper, children: [jsxRuntime.jsx("div", { className: style$a.descricao, children: props.description }), jsxRuntime.jsx("div", { className: style$a.conclusao, children: jsxRuntime.jsx(Button$5, { variant: 'primary', label: props.language === 'en-US' ? 'ok, close' : 'Ok, entendi', handleClick: props.handleClose, style: { width: '100%', minWidth: '140px' } }) })] })] }) }));
|
|
4882
4897
|
}
|
|
4883
4898
|
|
|
4884
4899
|
var css_248z$a = ".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}";
|
|
@@ -4888,9 +4903,9 @@ styleInject(css_248z$a);
|
|
|
4888
4903
|
function ModalLearningTech(props) {
|
|
4889
4904
|
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$9.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$9.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$9.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$9.container, children: props.children }), jsxRuntime.jsx("div", { className: style$9.conclusao, children: props.confirmationButton ?
|
|
4890
4905
|
props.cancelButton ?
|
|
4891
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$
|
|
4906
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$5, { 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$5, { variant: props.typeButtonConfirmation, label: props.confirmationButton, handleClick: props.handleConfirmation })] })
|
|
4892
4907
|
:
|
|
4893
|
-
jsxRuntime.jsx(Button$
|
|
4908
|
+
jsxRuntime.jsx(Button$5, { variant: props.typeButtonConfirmation, label: props.confirmationButton, handleClick: props.handleConfirmation })
|
|
4894
4909
|
:
|
|
4895
4910
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }) }));
|
|
4896
4911
|
}
|
|
@@ -5176,7 +5191,7 @@ function CardProblem(props) {
|
|
|
5176
5191
|
:
|
|
5177
5192
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}), props.lastUpdated &&
|
|
5178
5193
|
jsxRuntime.jsxs("div", { style: { color: '#000', fontSize: 12, fontWeight: 400, marginTop: 40 }, children: [props.lastUpdated, " "] }), props.isButtonVerMais &&
|
|
5179
|
-
jsxRuntime.jsx("div", { className: style$6.buttonVerMais, children: jsxRuntime.jsx(Button$
|
|
5194
|
+
jsxRuntime.jsx("div", { className: style$6.buttonVerMais, children: jsxRuntime.jsx(Button$5, { variant: 'link', label: translate[languageSlected]['viewMore'], handleClick: () => props.onClick(props.problemID) }) })] })] }));
|
|
5180
5195
|
}
|
|
5181
5196
|
|
|
5182
5197
|
var css_248z$6 = ".cardDefinicaoProblema-module_container__zNoyg {\r\n width: 282px;\r\n height: 445px;\r\n\r\n color: #222222;\r\n background-color: #FFF;\r\n border-radius: 10px;\r\n\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n position: relative;\r\n}\r\n\r\n.cardDefinicaoProblema-module_tagStatusProblem__FoQ12 {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n\r\n font-size: 12px;\r\n font-weight: 500;\r\n padding: 8px;\r\n\r\n border-bottom-left-radius: 10px;\r\n border-top-right-radius: 10px;\r\n\r\n\r\n}\r\n\r\n\r\n.cardDefinicaoProblema-module_headerContainer__UXFIi {\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n height: 200px;\r\n\r\n}\r\n\r\n.cardDefinicaoProblema-module_headerContainer__UXFIi img {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.cardDefinicaoProblema-module_descriptionContainer__Z7yo8 {\r\n\r\n padding: 20px;\r\n height: 197px;\r\n\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainer__6EjXg {\r\n height: 48px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n border-top: 1px solid #E8E8E8;\r\n border-top-left-radius: 5px;\r\n border-top-right-radius: 5px;\r\n padding: 15px;\r\n gap: 32px;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainerType2__v2sGa {\r\n position: relative;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainerType2__v2sGa::after {\r\n content: \"\";\r\n position: absolute;\r\n background-color: #E8E8E8;\r\n width: 1px;\r\n height: 100%;\r\n left: 50%;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainer__6EjXg svg {\r\n max-height: 100% !important;\r\n}\r\n";
|
|
@@ -5216,7 +5231,7 @@ function CardDefinicaoProblema(props) {
|
|
|
5216
5231
|
}
|
|
5217
5232
|
}, [props.problemStatus]);
|
|
5218
5233
|
return (jsxRuntime.jsxs("div", { className: style$5.container, children: [props.typeButton !== 1 &&
|
|
5219
|
-
jsxRuntime.jsx("div", { className: style$5.tagStatusProblem, style: { background: statusColor, color: statusName === (props.textHipotesesLevantadas ? props.textHipotesesLevantadas : "Hipóteses Levantadas") ? '#222222' : '#FFF' }, children: statusName }), jsxRuntime.jsx("div", { className: style$5.headerContainer, children: jsxRuntime.jsx("img", { src: 'https://api-motor.s3.amazonaws.com/background-prezi.png' }) }), jsxRuntime.jsxs("div", { className: style$5.descriptionContainer, children: [jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 500 }, children: [" ", props.cardTitle] }), jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 400, marginTop: 16 }, children: [" ", props.cardDescription] })] }), jsxRuntime.jsxs("div", { className: `${style$5.footerContainer} ${props.typeButton === 2 && style$5.footerContainerType2}`, children: [props.typeButton === 2 && jsxRuntime.jsx(Button$
|
|
5234
|
+
jsxRuntime.jsx("div", { className: style$5.tagStatusProblem, style: { background: statusColor, color: statusName === (props.textHipotesesLevantadas ? props.textHipotesesLevantadas : "Hipóteses Levantadas") ? '#222222' : '#FFF' }, children: statusName }), jsxRuntime.jsx("div", { className: style$5.headerContainer, children: jsxRuntime.jsx("img", { src: 'https://api-motor.s3.amazonaws.com/background-prezi.png' }) }), jsxRuntime.jsxs("div", { className: style$5.descriptionContainer, children: [jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 500 }, children: [" ", props.cardTitle] }), jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 400, marginTop: 16 }, children: [" ", props.cardDescription] })] }), jsxRuntime.jsxs("div", { className: `${style$5.footerContainer} ${props.typeButton === 2 && style$5.footerContainerType2}`, children: [props.typeButton === 2 && jsxRuntime.jsx(Button$5, { variant: 'link', label: props.textButtonVisualizar ? props.textButtonVisualizar : "Visualizar", startIcon: jsxRuntime.jsx(OpenedEye, {}), handleClick: () => props.handleToView() }), jsxRuntime.jsx(Button$5, { variant: 'link', label: props.typeButton === 1 ? (props.textButtonDefinirProblema ? props.textButtonDefinirProblema : 'Definir novo problema') : (props.textButtonContinue ? props.textButtonContinue : 'Continuar'), startIcon: props.typeButton === 1 ? jsxRuntime.jsx(AddIcon, {}) : jsxRuntime.jsx(EditIcon, {}), handleClick: () => props.handleClick(props.problemId) })] })] }));
|
|
5220
5235
|
}
|
|
5221
5236
|
|
|
5222
5237
|
var css_248z$5 = ".cardResultConquista-module_container__39blw {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n width: 343px;\n height: 265px;\n padding: 24px;\n border: 1px solid #BDBDBD;\n border-radius: 8px;\n font-family: 'work sans';\n word-wrap: break-word;\n}\n\n.cardResultConquista-module_container__39blw:hover {\n box-shadow: 0px 0px 20px -7px #BDBDBD;\n}\n\n.cardResultConquista-module_container__39blw:active {\n box-shadow: 0px 0px 20px -7px #BDBDBD;\n background-color: #FF4D0D;\n}\n\n.cardResultConquista-module_cardAvatar__mEUL0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.cardResultConquista-module_description__rgSn5 {\n max-height: 100px !important;\n width: 300px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 4; /** número de linhas que você quer exibir */\n -webkit-box-orient: vertical;\n word-wrap: break-word;\n}\n\n.cardResultConquista-module_verMais__8mtfe {\n position:absolute;\n color: #0645AD;\n font-weight: 700;\n right: 0;\n bottom: 0;\n margin-right: 20px;\n margin-bottom: 12px;\n}";
|
|
@@ -5289,7 +5304,7 @@ const WrapperButton$3 = styled__default["default"].div `
|
|
|
5289
5304
|
`;
|
|
5290
5305
|
|
|
5291
5306
|
function ExclusiveClassCard({ titleClass, labelButton, className, handleClick }) {
|
|
5292
|
-
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$
|
|
5307
|
+
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$5, { label: labelButton, startIcon: jsxRuntime.jsx(EditIcon, {}), variant: "link", handleClick: handleClick }) })] }) }));
|
|
5293
5308
|
}
|
|
5294
5309
|
|
|
5295
5310
|
function ConquistaCarrossel({ onSelected, objectCards, marginsArrowButton, sizeArrowButton, horizontalMarginInternScroll, positionArrowButton, marginTopArrrowButton, textMoreDetails }) {
|
|
@@ -5445,7 +5460,7 @@ function Stepper({ children, }) {
|
|
|
5445
5460
|
function StepperItem({ title, subtitle, buttonText, active = false, onClick }) {
|
|
5446
5461
|
return (jsxRuntime.jsx(ProgressItem, { active: active, children: active
|
|
5447
5462
|
?
|
|
5448
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ProgressItemTitle, { active: active, children: title }), jsxRuntime.jsx(ProgressItemSubtitle, { active: active, children: subtitle }), jsxRuntime.jsx(Button$
|
|
5463
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ProgressItemTitle, { active: active, children: title }), jsxRuntime.jsx(ProgressItemSubtitle, { active: active, children: subtitle }), jsxRuntime.jsx(Button$5, { handleClick: onClick, label: buttonText || 'Agendar reunião', variant: "primary" })] })
|
|
5449
5464
|
:
|
|
5450
5465
|
jsxRuntime.jsx(ProgressItemTitle, { children: title }) }));
|
|
5451
5466
|
}
|
|
@@ -5577,7 +5592,7 @@ const WrapperButtons = styled__default["default"].div `
|
|
|
5577
5592
|
|
|
5578
5593
|
function SpecialistContact({ title, avatar, name, email, telephone, mobileVersion, handleActionConversation, textButtonConversation, handleActionSendEmail, textButtonSendEmail }) {
|
|
5579
5594
|
const src = 'https://i.gyazo.com/499dda909b1ebfe0375d1efa2d5d00a8.png';
|
|
5580
|
-
return (jsxRuntime.jsxs(Wrapper$7, { 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, { children: [jsxRuntime.jsx(Button$
|
|
5595
|
+
return (jsxRuntime.jsxs(Wrapper$7, { 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, { children: [jsxRuntime.jsx(Button$5, { variant: 'primary', label: textButtonConversation ? textButtonConversation : 'Iniciar conversa', handleClick: () => handleActionConversation(), startIcon: !mobileVersion && jsxRuntime.jsx(WhatAppBordered, {}), sizeIcon: '22px' }), jsxRuntime.jsx(Button$5, { variant: 'primary', label: textButtonSendEmail ? textButtonSendEmail : 'Enviar e-mail', handleClick: () => handleActionSendEmail(), startIcon: !mobileVersion && jsxRuntime.jsx(MailBordered, {}), sizeIcon: '22px' })] })] }));
|
|
5581
5596
|
}
|
|
5582
5597
|
|
|
5583
5598
|
styled__default["default"].img `
|
|
@@ -6084,7 +6099,7 @@ function ContentCycle({ title, description, selected, listSkils, urlPhoto, urlVi
|
|
|
6084
6099
|
};
|
|
6085
6100
|
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) => {
|
|
6086
6101
|
return (jsxRuntime.jsx(Skill, { id: skill, children: skill }, index));
|
|
6087
|
-
})] }), started ? (jsxRuntime.jsxs(ContentBarProgess, { children: [jsxRuntime.jsx(BarProgress, { children: jsxRuntime.jsx(Progress, { progress: progress }) }), jsxRuntime.jsxs("p", { children: [progress, "%"] })] })) : (jsxRuntime.jsx(Button$
|
|
6102
|
+
})] }), started ? (jsxRuntime.jsxs(ContentBarProgess, { children: [jsxRuntime.jsx(BarProgress, { children: jsxRuntime.jsx(Progress, { progress: progress }) }), jsxRuntime.jsxs("p", { children: [progress, "%"] })] })) : (jsxRuntime.jsx(Button$5, { 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 })] }));
|
|
6088
6103
|
}
|
|
6089
6104
|
|
|
6090
6105
|
const Container$d = styled__default["default"].div `
|
|
@@ -6312,40 +6327,19 @@ const ContainerGeral$1 = styled__default["default"].div `
|
|
|
6312
6327
|
display: block;
|
|
6313
6328
|
}
|
|
6314
6329
|
&:hover .hide {
|
|
6315
|
-
|
|
6330
|
+
visibility: visible;
|
|
6316
6331
|
}
|
|
6317
6332
|
`;
|
|
6318
6333
|
const AvatarChannel$2 = styled__default["default"].div `
|
|
6319
6334
|
width: ${(props) => props.size || '80px'};
|
|
6320
6335
|
height: ${(props) => props.size || '80px'};
|
|
6321
6336
|
border-radius: 50%;
|
|
6322
|
-
background-color: ${(props) => props.color || '#6a3f86'};
|
|
6323
6337
|
position: relative;
|
|
6324
|
-
|
|
6325
|
-
cursor: pointer;
|
|
6326
|
-
${(props) => props.variant === 'sideRight' &&
|
|
6327
|
-
styled.css `
|
|
6328
|
-
margin-left: 8.5rem;
|
|
6329
|
-
`}
|
|
6330
|
-
|
|
6331
|
-
img {
|
|
6332
|
-
border-radius: 50%;
|
|
6333
|
-
}
|
|
6334
|
-
|
|
6335
|
-
${({ disabled }) => disabled === true &&
|
|
6336
|
-
`
|
|
6337
|
-
filter: grayscale(100%);
|
|
6338
|
-
`}
|
|
6339
|
-
`;
|
|
6340
|
-
const AvatarChannelImage$1 = styled__default["default"].div `
|
|
6341
|
-
width: ${(props) => props.size || '80px'};
|
|
6342
|
-
height: ${(props) => props.size || '80px'};
|
|
6343
|
-
border-radius: 50%;
|
|
6344
|
-
background-image: ${(props) => `url(${props.image})`};
|
|
6338
|
+
background: ${(props) => props.image ? `url(${props.image})` : '#6a3f86'};
|
|
6345
6339
|
background-repeat: no-repeat;
|
|
6346
|
-
background-size:
|
|
6347
|
-
position:
|
|
6348
|
-
margin-top:
|
|
6340
|
+
background-size: cover;
|
|
6341
|
+
background-position: center center;
|
|
6342
|
+
margin-top: 62px;
|
|
6349
6343
|
cursor: pointer;
|
|
6350
6344
|
${(props) => props.variant === 'sideRight' &&
|
|
6351
6345
|
styled.css `
|
|
@@ -6376,20 +6370,25 @@ const Channel$2 = styled__default["default"].span `
|
|
|
6376
6370
|
line-height: 130%;
|
|
6377
6371
|
`;
|
|
6378
6372
|
const AvatarCircle = styled__default["default"].div `
|
|
6373
|
+
display: flex;
|
|
6374
|
+
width: 100%;
|
|
6375
|
+
height: 100%;
|
|
6376
|
+
position: absolute;
|
|
6377
|
+
justify-content: center;
|
|
6378
|
+
align-items: center;
|
|
6379
|
+
visibility: hidden;
|
|
6380
|
+
`;
|
|
6381
|
+
const AvatarCam = styled__default["default"].div `
|
|
6379
6382
|
width: 40px;
|
|
6380
6383
|
height: 40px;
|
|
6381
6384
|
border-radius: 50px;
|
|
6385
|
+
margin: 0;
|
|
6382
6386
|
background-color: ${({ theme }) => theme.colors.shadeWhite};
|
|
6383
|
-
position: absolute;
|
|
6384
|
-
margin: 26.25% 25% 26.25% 25%;
|
|
6385
6387
|
box-shadow: 0px 18px 40px -15px #d3d3d3;
|
|
6386
|
-
display:
|
|
6387
|
-
|
|
6388
|
-
|
|
6389
|
-
|
|
6390
|
-
height: 31px;
|
|
6391
|
-
position: absolute;
|
|
6392
|
-
margin: 15% 9% 12.5% 18%;
|
|
6388
|
+
display: flex;
|
|
6389
|
+
justify-content: center;
|
|
6390
|
+
align-items: center;
|
|
6391
|
+
z-index: 999;
|
|
6393
6392
|
`;
|
|
6394
6393
|
const ContainerPopOver = styled__default["default"].div `
|
|
6395
6394
|
white-space: nowrap;
|
|
@@ -6416,7 +6415,7 @@ const ContainerPopOver = styled__default["default"].div `
|
|
|
6416
6415
|
margin-top: 1rem;
|
|
6417
6416
|
`}
|
|
6418
6417
|
`;
|
|
6419
|
-
|
|
6418
|
+
styled__default["default"].div `
|
|
6420
6419
|
margin-top: 60px;
|
|
6421
6420
|
`;
|
|
6422
6421
|
|
|
@@ -6569,8 +6568,9 @@ function AvatarChannel$1({ size, channel, className, disabled, color, handleValu
|
|
|
6569
6568
|
handleValueAvatar(file);
|
|
6570
6569
|
return file;
|
|
6571
6570
|
};
|
|
6572
|
-
const [image, setImage] = React.useState(
|
|
6573
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(ContainerGeral$1, { className: "geral", variant: variantPopOver, children:
|
|
6571
|
+
const [image, setImage] = React.useState(sourceImage);
|
|
6572
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(ContainerGeral$1, { className: "geral", variant: variantPopOver, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ContainerPopOver, { className: "popOver", variant: variantPopOver, children: jsxRuntime.jsx(PopOverLXP, { children: 'Alterar avatar', variant: variantPopOver, element: undefined }) }), jsxRuntime.jsx("div", { style: { display: 'none' }, children: jsxRuntime.jsx("input", { type: "file", id: "fileSelector", accept: ".jpg, .jpeg, .png", onChange: (e) => handleFileSelected(e.target.files[0]) }) }), jsxRuntime.jsxs(AvatarChannel$2, { size: size, onClick: onChange, className: className, disabled: disabled, variant: variantPopOver, color: color ? color : '#6a3f86', image: image, children: [!image &&
|
|
6573
|
+
jsxRuntime.jsx(Channel$2, { children: channel }), jsxRuntime.jsx(AvatarCircle, { className: "hide", children: jsxRuntime.jsx(AvatarCam, { children: jsxRuntime.jsx(Cam, {}) }) })] })] }) }) }));
|
|
6574
6574
|
}
|
|
6575
6575
|
|
|
6576
6576
|
const ContainerGeral = styled__default["default"].div `
|
|
@@ -6680,7 +6680,7 @@ const ConfigButton = styled__default["default"].div `
|
|
|
6680
6680
|
`;
|
|
6681
6681
|
const ConfigContainer = styled__default["default"].div `
|
|
6682
6682
|
width: 350px;
|
|
6683
|
-
height:
|
|
6683
|
+
height: 448px;
|
|
6684
6684
|
border-radius: 8px;
|
|
6685
6685
|
border: 1px solid #bdbdbd;
|
|
6686
6686
|
box-shadow: 0px 25px 18px -20px rgba(34, 34, 34, 0.15);
|
|
@@ -6743,7 +6743,7 @@ const BgInput = styled__default["default"].div `
|
|
|
6743
6743
|
cursor: pointer;
|
|
6744
6744
|
}
|
|
6745
6745
|
`;
|
|
6746
|
-
|
|
6746
|
+
styled__default["default"].div `
|
|
6747
6747
|
width: 100%;
|
|
6748
6748
|
display: flex;
|
|
6749
6749
|
justify-content: space-between;
|
|
@@ -6856,8 +6856,8 @@ function BannerLxp(props) {
|
|
|
6856
6856
|
}, [props?.bgSrc]);
|
|
6857
6857
|
return (jsxRuntime.jsxs(BannerContainer, { backgroundBanner: props?.bgColor || `url(${props?.bgSrc})`, style: {
|
|
6858
6858
|
...props.style,
|
|
6859
|
-
objectFit:
|
|
6860
|
-
}, children: [!props?.isDisabledTitle && (jsxRuntime.jsx("span", { style: { color: props?.titleColor, fontSize: 40, fontWeight: 700 }, children: props?.title })), props?.showBannerConfigs && (jsxRuntime.jsx(ConfigButton, { className: "configButton", children: jsxRuntime.jsx(Button$
|
|
6859
|
+
objectFit: 'fill'
|
|
6860
|
+
}, children: [!props?.isDisabledTitle && (jsxRuntime.jsx("span", { style: { color: props?.titleColor, fontSize: 40, fontWeight: 700 }, children: props?.title })), props?.showBannerConfigs && (jsxRuntime.jsx(ConfigButton, { className: "configButton", children: jsxRuntime.jsx(Button$5, { 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: {
|
|
6861
6861
|
fontWeight: 700,
|
|
6862
6862
|
fontSize: 16,
|
|
6863
6863
|
color: '#000000',
|
|
@@ -6889,15 +6889,7 @@ function BannerLxp(props) {
|
|
|
6889
6889
|
borderRadius: 8,
|
|
6890
6890
|
border: '1px solid #BDBDBD',
|
|
6891
6891
|
backgroundColor: backgroundColor
|
|
6892
|
-
}, onClick: handleOpenBackgroundColorPicker }), jsxRuntime.jsx(material.Popover, { id: idBg, open: displayBackgroundColorPicker, onClose: handleCloseBackgroundColorPicker, anchorEl: anchor, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, children: jsxRuntime.jsx(PopOverLXP, { variant: "upRight", children: jsxRuntime.jsx(reactColor.SketchPicker, { color: props?.bgColor, onChangeComplete: handleChangeBackgroundColor }) }) })] }), jsxRuntime.jsxs(BgInput, { children: [jsxRuntime.jsx("span", { children: "Imagem de fundo" }), jsxRuntime.jsxs("label", { htmlFor: "backgroundSelector", children: [' ', "\u00A0 Selecionar"] }), jsxRuntime.jsx("input", { type: "file", id: "backgroundSelector", accept: ".jpg, .jpeg, .png", onChange: (e) => handleFileSelected(e.target.files[0]) })] }), jsxRuntime.jsxs(
|
|
6893
|
-
'& .MuiSwitch-switchBase.Mui-checked': {
|
|
6894
|
-
color: '#FFF'
|
|
6895
|
-
},
|
|
6896
|
-
'& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
|
|
6897
|
-
backgroundColor: '#FF4D0D !important',
|
|
6898
|
-
opacity: 1
|
|
6899
|
-
}
|
|
6900
|
-
} })] }), jsxRuntime.jsxs(ActionButtons, { children: [jsxRuntime.jsx("button", { onClick: onCancell, children: "Cancelar" }), jsxRuntime.jsx("span", { children: "ou" }), jsxRuntime.jsx("button", { onClick: onSave, children: "Salvar" })] })] }) })] }));
|
|
6892
|
+
}, onClick: handleOpenBackgroundColorPicker }), jsxRuntime.jsx(material.Popover, { id: idBg, open: displayBackgroundColorPicker, onClose: handleCloseBackgroundColorPicker, anchorEl: anchor, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, children: jsxRuntime.jsx(PopOverLXP, { variant: "upRight", children: jsxRuntime.jsx(reactColor.SketchPicker, { color: props?.bgColor, onChangeComplete: handleChangeBackgroundColor }) }) })] }), jsxRuntime.jsxs(BgInput, { children: [jsxRuntime.jsx("span", { children: "Imagem de fundo" }), jsxRuntime.jsxs("label", { htmlFor: "backgroundSelector", children: [' ', "\u00A0 Selecionar"] }), jsxRuntime.jsx("input", { type: "file", id: "backgroundSelector", accept: ".jpg, .jpeg, .png", onChange: (e) => handleFileSelected(e.target.files[0]) })] }), jsxRuntime.jsxs(ActionButtons, { children: [jsxRuntime.jsx("button", { onClick: onCancell, children: "Cancelar" }), jsxRuntime.jsx("span", { children: "ou" }), jsxRuntime.jsx("button", { onClick: onSave, children: "Salvar" })] })] }) })] }));
|
|
6901
6893
|
}
|
|
6902
6894
|
|
|
6903
6895
|
const variantStyles = (variant = 'contained') => ({
|
|
@@ -7701,10 +7693,10 @@ function HeaderContent(props) {
|
|
|
7701
7693
|
}
|
|
7702
7694
|
}
|
|
7703
7695
|
function RecomendationHeader(item) {
|
|
7704
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { zeroHeigthDescription: zeroHeigthDescription, children: item.description }), jsxRuntime.jsxs(SpaceButtonTopViewMore, { zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$
|
|
7696
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { zeroHeigthDescription: zeroHeigthDescription, children: item.description }), jsxRuntime.jsxs(SpaceButtonTopViewMore, { zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$5, { label: textView, variant: "link", style: { color: '#649AF3', fontWeight: '900' } }), jsxRuntime.jsx(ArrowScrollRight, { fill: "#649AF3", width: "13px", height: "13px", strokeWidth: '4' })] }), jsxRuntime.jsx(SpaceButtonTop, { onClick: item.onClick, children: jsxRuntime.jsx(Button$5, { label: item.labelButton, variant: "primary" }) })] }));
|
|
7705
7697
|
}
|
|
7706
7698
|
function InProgressHeader(item) {
|
|
7707
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { zeroHeigthDescription: zeroHeigthDescription, children: item.description }), jsxRuntime.jsxs(SpaceButtonTopViewMore, { zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$
|
|
7699
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { zeroHeigthDescription: zeroHeigthDescription, children: item.description }), jsxRuntime.jsxs(SpaceButtonTopViewMore, { zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$5, { label: textView, variant: "link", style: { color: '#649AF3', fontWeight: '900' } }), 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 } }), jsxRuntime.jsx(Button$5, { label: item.labelButton, variant: "primary", handleClick: item.onClick })] })] }));
|
|
7708
7700
|
}
|
|
7709
7701
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$9, { style: { ...props.style }, children: [props.listaRecomendacao.map((item, index) => {
|
|
7710
7702
|
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, { onDisplay: index === selectedContent, children: InProgressHeader(item) })) : (jsxRuntime.jsx(Content, { onDisplay: index === selectedContent, children: RecomendationHeader(item) })) }) }, index));
|
|
@@ -8071,7 +8063,7 @@ function CalendarLxp(props) {
|
|
|
8071
8063
|
}
|
|
8072
8064
|
]);
|
|
8073
8065
|
locale.pt.options.weekStartsOn = 0;
|
|
8074
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$3.containerCalendar, style: { ...props.styles }, children: [jsxRuntime.jsx("div", { className: style$3.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsxs("div", { className: style$3.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$3.btnSubmit, children: jsxRuntime.jsx(Button$
|
|
8066
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$3.containerCalendar, style: { ...props.styles }, children: [jsxRuntime.jsx("div", { className: style$3.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsxs("div", { className: style$3.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$3.btnSubmit, children: jsxRuntime.jsx(Button$5, { label: 'Aplicar', variant: 'primary', handleClick: () => {
|
|
8075
8067
|
props.onSave([newRange[0].startDate, newRange[0].endDate]);
|
|
8076
8068
|
} }) })] }) }));
|
|
8077
8069
|
}
|
|
@@ -8850,7 +8842,7 @@ function DropdownProfileMenu({ variant, user, menuItems, profileMenuText, isMobi
|
|
|
8850
8842
|
setAnchorSub(event.currentTarget);
|
|
8851
8843
|
setSubMenu(subItens);
|
|
8852
8844
|
};
|
|
8853
|
-
return (jsxRuntime.jsx(Container$6, { style: { ...style }, children: variant == 'LXP' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [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" })] }))] }), jsxRuntime.jsxs(MenuCustom$2, { 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$
|
|
8845
|
+
return (jsxRuntime.jsx(Container$6, { style: { ...style }, children: variant == 'LXP' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [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" })] }))] }), jsxRuntime.jsxs(MenuCustom$2, { 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$5, { variant: 'secondary', label: profileMenuText, handleClick: handleProfileMenuClick }) }))] })] }), menuItems &&
|
|
8854
8846
|
menuItems.length > 0 &&
|
|
8855
8847
|
menuItems.map((item, index) => {
|
|
8856
8848
|
if (item.subItens) {
|
|
@@ -9056,7 +9048,7 @@ function NotificationPopOver(props) {
|
|
|
9056
9048
|
: [];
|
|
9057
9049
|
const emptyStateImage = 'https://i.gyazo.com/5551ed515f94a8b2502d2694d67633dc.png';
|
|
9058
9050
|
const notificationsLength = props?.notificationList?.length;
|
|
9059
|
-
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$
|
|
9051
|
+
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$5, { 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(Button$5, { variant: "link", label: props.textMarkAllAsRead, disabled: isNewNotification.length ? false : true, handleClick: props.handleClickMarkRead })] }), props.notificationList ? (jsxRuntime.jsx(notificationCardList, { children: props.notificationList.map((item, index) => {
|
|
9060
9052
|
return (jsxRuntime.jsx("div", { style: { borderBottom: `1px solid ${FRSTTheme['colors'].borderPrimary}` }, children: jsxRuntime.jsx(NotificationCard, { style: { width: '100%' }, notificationAvatar: item.notificationAvatar, notificationDescription: item.notificationDescription, notificationDate: item.notificationDate, textNew: item.textNew, isNewNotification: item.isNewNotification, handleClick: item.handleClick }, index) }));
|
|
9061
9053
|
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] })] })) : (jsxRuntime.jsxs(PopoverCustom, { open: props.isOpen, anchorEl: props.anchor, anchorOrigin: {
|
|
9062
9054
|
vertical: 'bottom',
|
|
@@ -9084,7 +9076,7 @@ function NotificationPopOver(props) {
|
|
|
9084
9076
|
transform: 'rotate(45deg)',
|
|
9085
9077
|
left: 'calc(50% - 6px)'
|
|
9086
9078
|
}
|
|
9087
|
-
} }), jsxRuntime.jsxs(notificationContainer, { children: [jsxRuntime.jsxs(notificationHeader, { onMouseOver: () => props?.setOnAreaPopOver(true), onMouseOut: () => props?.setOnAreaPopOver(false), children: [jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontSize: 20, fontWeight: 500, color: FRSTTheme['colors'].primary1 }, children: props.textNotification }), jsxRuntime.jsx(Button$
|
|
9079
|
+
} }), jsxRuntime.jsxs(notificationContainer, { children: [jsxRuntime.jsxs(notificationHeader, { onMouseOver: () => props?.setOnAreaPopOver(true), onMouseOut: () => props?.setOnAreaPopOver(false), children: [jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontSize: 20, fontWeight: 500, color: FRSTTheme['colors'].primary1 }, children: props.textNotification }), jsxRuntime.jsx(Button$5, { variant: "link", label: props.textMarkAllAsRead, disabled: isNewNotification.length ? false : true, handleClick: props.handleClickMarkRead })] }), props.notificationList ? (jsxRuntime.jsx(notificationCardList, { notificationsLength: notificationsLength, children: props.notificationList.map((item, index) => {
|
|
9088
9080
|
return (jsxRuntime.jsx("div", { style: { borderBottom: `1px solid ${FRSTTheme['colors'].borderPrimary}` }, onMouseOver: () => props?.setOnAreaPopOver(true), onMouseOut: () => props?.setOnAreaPopOver(false), children: jsxRuntime.jsx(NotificationCard, { notificationAvatar: item.notificationAvatar, notificationDescription: item.notificationDescription, notificationDate: item.notificationDate, textNew: item.textNew, isNewNotification: item.isNewNotification, handleClick: item.handleClick }, index) }, index));
|
|
9089
9081
|
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] })] })) }));
|
|
9090
9082
|
}
|
|
@@ -9381,10 +9373,10 @@ function AdminExtraContent(props) {
|
|
|
9381
9373
|
setTranscriptionText(e.target.value);
|
|
9382
9374
|
} })] }), valueTabs === 1 &&
|
|
9383
9375
|
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400 }, children: "Adicone materiais extras como PDFs e PPTs que ajudem seus alunos a se desenvolverem neste assunto." }) }), jsxRuntime.jsx("div", { style: { marginTop: 24, marginBottom: 8 }, children: jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400 }, children: "Fa\u00E7a o upload dos arquivos abaixo" }) }), jsxRuntime.jsx(FileUpload, { variant: "landscape" })] }), valueTabs === 2 &&
|
|
9384
|
-
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400 }, children: "Adicione abaixo links de compra dos livros que podem ajudar seus alunos a se desenvolverem nesta \u00E1rea." }), BooksInfo(), jsxRuntime.jsx("div", { style: { marginTop: 24 }, children: jsxRuntime.jsx(Button$
|
|
9376
|
+
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400 }, children: "Adicione abaixo links de compra dos livros que podem ajudar seus alunos a se desenvolverem nesta \u00E1rea." }), BooksInfo(), jsxRuntime.jsx("div", { style: { marginTop: 24 }, children: jsxRuntime.jsx(Button$5, { variant: "expandedSecondary", label: "Adicionar", startIcon: jsxRuntime.jsx(AddIcon, { fill: "#FF4D0D" }), handleClick: () => { } }) })] })] })] }));
|
|
9385
9377
|
}
|
|
9386
9378
|
|
|
9387
|
-
const Button$
|
|
9379
|
+
const Button$4 = React__default["default"].forwardRef(({ className, active, reversed, ...props }, ref) => (jsxRuntime.jsx("span", { ...props, ref: ref, className: css.cx(className, css.css `
|
|
9388
9380
|
cursor: pointer;
|
|
9389
9381
|
color: ${reversed
|
|
9390
9382
|
? active
|
|
@@ -9557,14 +9549,14 @@ const Leaf = ({ attributes, children, leaf }) => {
|
|
|
9557
9549
|
};
|
|
9558
9550
|
const BlockButton = ({ format, icon }) => {
|
|
9559
9551
|
const editor = slateReact.useSlate();
|
|
9560
|
-
return (jsxRuntime.jsx(Button$
|
|
9552
|
+
return (jsxRuntime.jsx(Button$4, { active: isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type'), onMouseDown: event => {
|
|
9561
9553
|
event.preventDefault();
|
|
9562
9554
|
toggleBlock(editor, format);
|
|
9563
9555
|
}, children: icon }));
|
|
9564
9556
|
};
|
|
9565
9557
|
const MarkButton = ({ format, icon }) => {
|
|
9566
9558
|
const editor = slateReact.useSlate();
|
|
9567
|
-
return (jsxRuntime.jsx(Button$
|
|
9559
|
+
return (jsxRuntime.jsx(Button$4, { active: isMarkActive(editor, format), onMouseDown: event => {
|
|
9568
9560
|
event.preventDefault();
|
|
9569
9561
|
toggleMark(editor, format);
|
|
9570
9562
|
}, children: icon }));
|
|
@@ -9602,7 +9594,7 @@ function StudentExtraContent(props) {
|
|
|
9602
9594
|
backgroundColor: '#FF5427 !important',
|
|
9603
9595
|
}
|
|
9604
9596
|
}, children: [jsxRuntime.jsx(material.Tab, { label: 'Anota\u00E7\u00F5es', value: 0 }), jsxRuntime.jsx(material.Tab, { label: 'Livros recomendados', value: 1 }), jsxRuntime.jsx(material.Tab, { label: 'Material de apoio', value: 2 }), jsxRuntime.jsx(material.Tab, { label: 'Transcri\u00E7\u00E3o', value: 3 }), jsxRuntime.jsx(material.Tab, { label: 'Coment\u00E1rios', value: 4 })] }) }), jsxRuntime.jsxs("div", { className: style$2.contentInfo, children: [valueTabs === 0 &&
|
|
9605
|
-
jsxRuntime.jsxs("div", { className: style$2.notes, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400, color: '#000' }, children: " Escreva e fa\u00E7a suas anota\u00E7\u00F5es aqui para rever depois, este espa\u00E7o \u00E9 seu." }), jsxRuntime.jsx("div", { style: { marginTop: 12 }, children: jsxRuntime.jsx(RichTextExample, {}) }), jsxRuntime.jsx("div", { className: style$2.saveNotes, children: jsxRuntime.jsx(Button$
|
|
9597
|
+
jsxRuntime.jsxs("div", { className: style$2.notes, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400, color: '#000' }, children: " Escreva e fa\u00E7a suas anota\u00E7\u00F5es aqui para rever depois, este espa\u00E7o \u00E9 seu." }), jsxRuntime.jsx("div", { style: { marginTop: 12 }, children: jsxRuntime.jsx(RichTextExample, {}) }), jsxRuntime.jsx("div", { className: style$2.saveNotes, children: jsxRuntime.jsx(Button$5, { label: "Salvar", variant: "primary", handleClick: () => { } }) })] }), valueTabs === 1 &&
|
|
9606
9598
|
jsxRuntime.jsx(material.Grid, { container: true, spacing: 0, children: props.bookList?.map((item, index) => {
|
|
9607
9599
|
return (jsxRuntime.jsxs(material.Grid, { item: true, style: { position: 'relative', width: 200, height: 310, backgroundColor: '#FFF', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-start', padding: '16px 32px 8px 32px', border: '1px solid #BDBDBD', cursor: 'pointer' }, onClick: () => { props.onClickBook(item.id); }, children: [jsxRuntime.jsx("img", { src: item.img, width: 130, height: 185 }), jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 400, color: '#000', marginTop: 12 }, children: [" ", item.title, " "] }), jsxRuntime.jsxs("span", { style: { fontSize: 12, fontWeight: 400, color: '#000', position: 'absolute', bottom: 0, marginBottom: 8 }, children: [" ", item.autor, " "] })] }, index));
|
|
9608
9600
|
}) }), valueTabs === 2 &&
|
|
@@ -10022,19 +10014,19 @@ function Login(props) {
|
|
|
10022
10014
|
setError(props.isError);
|
|
10023
10015
|
setMsgInput2(props.isError ? 'E-mail ou senhas incorretos.' : '');
|
|
10024
10016
|
}, [props.isError]);
|
|
10025
|
-
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$
|
|
10017
|
+
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$5, { 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$5, { 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
|
|
10026
10018
|
? props.textEmailCadastro
|
|
10027
10019
|
: 'Digite seu e-mail de cadastro abaixo e clique em enviar.' }), jsxRuntime.jsx(TypographyRecover, { children: props.textEmailCadastro2
|
|
10028
10020
|
? props.textEmailCadastro2
|
|
10029
|
-
: '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$
|
|
10021
|
+
: '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$5, { variant: "link", label: props.textEmailButtonLinkCancel ? props.textEmailButtonLinkCancel : 'Não, cancelar', handleClick: onClickNotCancel }), jsxRuntime.jsx(Button$5, { 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
|
|
10030
10022
|
? props.textNewPasswordInformacao
|
|
10031
10023
|
: '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
|
|
10032
10024
|
? props.textNewPasswordInputEmailPlaceholder
|
|
10033
10025
|
: '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
|
|
10034
10026
|
? props.textNewPasswordErrorSenhaForte
|
|
10035
|
-
: '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$
|
|
10027
|
+
: '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$5, { variant: "link", label: props.textNewPasswordButtonLink ? props.textNewPasswordButtonLink : 'Voltar Login', handleClick: props.handleClickChangePasswordCancel }), jsxRuntime.jsx(Button$5, { 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
|
|
10036
10028
|
? props.textConfirmacaoRespostaEmail
|
|
10037
|
-
: 'Solicitação enviada com sucesso para o seu e-mail.' }), jsxRuntime.jsx(ContainerButtonSendConfirmation, { children: jsxRuntime.jsx(Button$
|
|
10029
|
+
: 'Solicitação enviada com sucesso para o seu e-mail.' }), jsxRuntime.jsx(ContainerButtonSendConfirmation, { children: jsxRuntime.jsx(Button$5, { variant: "primary", label: props.textConfirmacaoButtonRetorna ? props.textConfirmacaoButtonRetorna : 'Retornar', handleClick: props.onClickConfimationBackToLogin }) })] })) : null }));
|
|
10038
10030
|
}
|
|
10039
10031
|
|
|
10040
10032
|
const ContainerHeader = styled__default["default"].div `
|
|
@@ -10172,6 +10164,10 @@ const ContainerCard = styled__default["default"].div `
|
|
|
10172
10164
|
gap: 20px;
|
|
10173
10165
|
`;
|
|
10174
10166
|
const ContainerInputNameTrail = styled__default["default"].div `
|
|
10167
|
+
display: inline-flex;
|
|
10168
|
+
flex-direction: row;
|
|
10169
|
+
gap: 18px;
|
|
10170
|
+
|
|
10175
10171
|
input{
|
|
10176
10172
|
border: 1px solid #BDBDBD;
|
|
10177
10173
|
border-radius: 8px;
|
|
@@ -10447,7 +10443,7 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10447
10443
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: Loading ?
|
|
10448
10444
|
jsxRuntime.jsxs(LoadingContainer, { children: [jsxRuntime.jsx(LoadingImage, {}), jsxRuntime.jsx(LoadingContent, {}), jsxRuntime.jsx(LoadingContent, { style: { width: '50%' } })] })
|
|
10449
10445
|
:
|
|
10450
|
-
jsxRuntime.jsxs(ContainerThumbnails, { showSwitchIndividual: showSwitch, className: variant = 'default', ref: provided ? provided.innerRef : null, ...provided ? provided.draggableProps : null, children: [jsxRuntime.jsxs(GeralThumbnails, { ref: provided ? provided.innerRef : null, ...provided ? provided.dragHandleProps : null, children: [jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] })] }), jsxRuntime.jsx(Image, { onMouseEnter: handleHoverImage, className: 'imageHover', src: src || defaultImg, active: ativo }), jsxRuntime.jsxs(ContainerMain, { children: [jsxRuntime.jsx(LightTooltip, { title: title, children: jsxRuntime.jsx(Typography$2, { style: { color: ativo ? '#000000' : '#bdbdbd' }, children: title && title?.length > 17 ? `${title.substring(0, 17)}...` : title }) }), jsxRuntime.jsx(IconVertical, { onClick: (element) => {
|
|
10446
|
+
jsxRuntime.jsxs(ContainerThumbnails, { showSwitchIndividual: showSwitch, className: variant = 'default', ref: provided ? provided.innerRef : null, ...provided ? provided.draggableProps : null, children: [jsxRuntime.jsxs(GeralThumbnails, { ref: provided ? provided.innerRef : null, ...provided ? provided.dragHandleProps : null, children: [jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] })] }), jsxRuntime.jsx(Image, { ref: provided ? provided.innerRef : null, ...provided ? provided.dragHandleProps : null, onMouseEnter: handleHoverImage, className: 'imageHover', src: src || defaultImg, active: ativo }), jsxRuntime.jsxs(ContainerMain, { children: [jsxRuntime.jsx(LightTooltip, { title: title, children: jsxRuntime.jsx(Typography$2, { style: { color: ativo ? '#000000' : '#bdbdbd' }, children: title && title?.length > 17 ? `${title.substring(0, 17)}...` : title }) }), jsxRuntime.jsx(IconVertical, { onClick: (element) => {
|
|
10451
10447
|
setElementPopover(element.currentTarget);
|
|
10452
10448
|
}, children: jsxRuntime.jsx(MoreVertical, { fill: ativo ? '#000000' : '#bdbdbd' }) })] }), showSwitch &&
|
|
10453
10449
|
jsxRuntime.jsxs(ContainerAtivar, { children: [jsxRuntime.jsx(TypographyAtivar, { active: ativo, style: { fontWeight: ativo ? 700 : 400 }, children: txtAtivarCurso ? txtAtivarCurso : 'Ativar Curso' }), jsxRuntime.jsx(Switch__default["default"], { onChange: handleChangeCheck, checked: ativo, height: 16, width: 35, checkedIcon: false, uncheckedIcon: false, handleDiameter: 20, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#ebebeb', activeBoxShadow: ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] })] }) })
|
|
@@ -10459,7 +10455,7 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10459
10455
|
: null, jsxRuntime.jsx(PopOver, { element: ElementPopover, onClosePopover: () => {
|
|
10460
10456
|
setElementPopover(null);
|
|
10461
10457
|
}, variant: 'upRight', children: jsxRuntime.jsx("div", { style: { display: 'flex', flexDirection: 'column', padding: 0 }, children: isTrail ?
|
|
10462
|
-
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteTrail ? txtPopOverDeleteTrail : "Excluir da
|
|
10458
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteTrail ? txtPopOverDeleteTrail : "Excluir da trilha", onClick: () => {
|
|
10463
10459
|
setElementPopover(null);
|
|
10464
10460
|
/// timeout para corrigir o bug de scroll na tela
|
|
10465
10461
|
setTimeout(() => {
|
|
@@ -10470,17 +10466,17 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10470
10466
|
width: 100
|
|
10471
10467
|
} }) })
|
|
10472
10468
|
:
|
|
10473
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContent ? txtPopOverEditContent : "Editar
|
|
10469
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContent ? txtPopOverEditContent : "Editar conteúdo", onClick: () => {
|
|
10474
10470
|
setElementPopover(null);
|
|
10475
10471
|
handleClickPopOverEdit();
|
|
10476
10472
|
}, style: {
|
|
10477
10473
|
borderBottom: '1px black solid'
|
|
10478
|
-
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContentActivity ? txtPopOverEditContentActivity : "Editar
|
|
10474
|
+
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContentActivity ? txtPopOverEditContentActivity : "Editar atividades", onClick: () => {
|
|
10479
10475
|
setElementPopover(null);
|
|
10480
10476
|
handleClickPopOverEditActivity();
|
|
10481
10477
|
}, style: {
|
|
10482
10478
|
borderBottom: '1px black solid'
|
|
10483
|
-
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteContent ? txtPopOverDeleteContent : "Excluir
|
|
10479
|
+
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteContent ? txtPopOverDeleteContent : "Excluir conteúdo", onClick: () => {
|
|
10484
10480
|
setElementPopover(null);
|
|
10485
10481
|
/// timeout para corrigir o bug de scroll na tela
|
|
10486
10482
|
setTimeout(() => {
|
|
@@ -10599,11 +10595,11 @@ function ContentCoursesTrails(props) {
|
|
|
10599
10595
|
const [OpenPopper, setOpenPopper] = React.useState(false);
|
|
10600
10596
|
const [checked, setChecked] = React.useState(true);
|
|
10601
10597
|
const [checkedPrivate, setCheckedPrivate] = React.useState(true);
|
|
10602
|
-
const [
|
|
10598
|
+
const [show, setShow] = React.useState(true);
|
|
10603
10599
|
const [ElementPopover, setElementPopover] = React.useState(null);
|
|
10604
10600
|
const [ElementPopoverPublish, setElementPopoverPublish] = React.useState(null);
|
|
10605
10601
|
const [active, setActive] = React.useState(false);
|
|
10606
|
-
const [nameTrail, setNameTrail] = React.useState(
|
|
10602
|
+
const [nameTrail, setNameTrail] = React.useState(props.TrailName);
|
|
10607
10603
|
const [Publishing, setPublishing] = React.useState(props.publishStatus);
|
|
10608
10604
|
const [arrowRef, setArrowRef] = React__default["default"].useState(null);
|
|
10609
10605
|
const classes = useStyles();
|
|
@@ -10612,6 +10608,10 @@ function ContentCoursesTrails(props) {
|
|
|
10612
10608
|
setPublishing(props.publishStatus);
|
|
10613
10609
|
setOpenPopper(props.publishStatus === "pending");
|
|
10614
10610
|
}, [props.publishStatus]);
|
|
10611
|
+
React.useEffect(() => {
|
|
10612
|
+
setNameTrail(props.TrailName);
|
|
10613
|
+
console.log('props.TrailName', props.TrailName);
|
|
10614
|
+
}, [props.TrailName]);
|
|
10615
10615
|
React.useEffect(() => {
|
|
10616
10616
|
if (props.publishStatus && props.publishStatus === "processing") {
|
|
10617
10617
|
console.log(" . --- Startando Verificacao Publicacao", props.trailId);
|
|
@@ -10629,19 +10629,9 @@ function ContentCoursesTrails(props) {
|
|
|
10629
10629
|
props.handleChangePrivate(!checkedValue);
|
|
10630
10630
|
};
|
|
10631
10631
|
const changeSelect = () => {
|
|
10632
|
-
|
|
10633
|
-
if (up) {
|
|
10634
|
-
setUp(false);
|
|
10635
|
-
props.handleChangeShow(false);
|
|
10636
|
-
}
|
|
10637
|
-
else {
|
|
10638
|
-
setUp(true);
|
|
10639
|
-
props.handleChangeShow(true);
|
|
10640
|
-
}
|
|
10641
|
-
}
|
|
10632
|
+
setShow(!show);
|
|
10642
10633
|
};
|
|
10643
10634
|
const handleClickActiveNameTrail = () => {
|
|
10644
|
-
setNameTrail('');
|
|
10645
10635
|
if (active) {
|
|
10646
10636
|
return setActive(false);
|
|
10647
10637
|
}
|
|
@@ -10662,19 +10652,25 @@ function ContentCoursesTrails(props) {
|
|
|
10662
10652
|
}
|
|
10663
10653
|
};
|
|
10664
10654
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContainerHeader, { className: "opened", active: props.ativo, children: [jsxRuntime.jsx(ContentTrailName, { active: active, children: !active ?
|
|
10665
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyTrailName, { children:
|
|
10655
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyTrailName, { children: nameTrail }), jsxRuntime.jsx(Select, { onClick: changeSelect, children: show === true ? jsxRuntime.jsx(VectorUp, {}) : jsxRuntime.jsx(VectorDown, {}) })] })
|
|
10666
10656
|
:
|
|
10667
|
-
jsxRuntime.
|
|
10668
|
-
|
|
10669
|
-
|
|
10670
|
-
|
|
10671
|
-
|
|
10672
|
-
|
|
10673
|
-
|
|
10657
|
+
jsxRuntime.jsxs(ContainerInputNameTrail, { children: [jsxRuntime.jsx("input", { placeholder: props.txtPlacerolderInputNameTrail ? props.txtPlacerolderInputNameTrail : 'Digite o nome da trilha', value: nameTrail, onChange: (e) => {
|
|
10658
|
+
setNameTrail(e.target.value);
|
|
10659
|
+
}, onKeyPress: (event) => {
|
|
10660
|
+
if (event.key === 'Enter') {
|
|
10661
|
+
if (nameTrail) {
|
|
10662
|
+
setActive(false);
|
|
10663
|
+
props.handleChangeTrailName(nameTrail);
|
|
10664
|
+
}
|
|
10674
10665
|
}
|
|
10675
|
-
}
|
|
10676
|
-
|
|
10677
|
-
|
|
10666
|
+
} }), jsxRuntime.jsx(Button$5, { handleClick: async () => {
|
|
10667
|
+
setActive(false);
|
|
10668
|
+
}, label: "Cancelar", variant: 'link' }), jsxRuntime.jsx(Button$5, { handleClick: async () => {
|
|
10669
|
+
setActive(false);
|
|
10670
|
+
props.handleChangeTrailName(nameTrail);
|
|
10671
|
+
}, label: "Salvar", variant: 'primary' })] }) }), props.showButtonActive &&
|
|
10672
|
+
jsxRuntime.jsxs(ContentActiveHeader, { children: [!active &&
|
|
10673
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtPrivateTrilha ? props.txtPrivateTrilha : 'Tornar a Trilha Pública', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChangePrivate, checked: !props.private, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#757575', activeBoxShadow: props.private ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.private ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }), 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$5, { id: `btnPublish${props.id}`, handleMount: (element) => {
|
|
10678
10674
|
let el = document.getElementById(element);
|
|
10679
10675
|
setElementPopoverPublish(el ? el : null);
|
|
10680
10676
|
}, handleClick: async () => {
|
|
@@ -10703,7 +10699,7 @@ function ContentCoursesTrails(props) {
|
|
|
10703
10699
|
setTimeout(() => {
|
|
10704
10700
|
props.handlePopOverTrailDelete(props.id);
|
|
10705
10701
|
}, 500);
|
|
10706
|
-
}, icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }),
|
|
10702
|
+
}, icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }), show && props.children] }));
|
|
10707
10703
|
}
|
|
10708
10704
|
|
|
10709
10705
|
function ContentCourses(data) {
|
|
@@ -10717,12 +10713,12 @@ styleInject(css_248z$1);
|
|
|
10717
10713
|
function ModalLXP(props) {
|
|
10718
10714
|
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 ?
|
|
10719
10715
|
props.cancelButton ?
|
|
10720
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$
|
|
10716
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$5, { variant: "link", label: props.confirmationButton, handleClick: () => {
|
|
10721
10717
|
props.handleConfirmation();
|
|
10722
10718
|
props.handleClose();
|
|
10723
|
-
} }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$
|
|
10719
|
+
} }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$5, { variant: 'primary', label: props.cancelButton, handleClick: props.handleClose })] })
|
|
10724
10720
|
:
|
|
10725
|
-
jsxRuntime.jsx(Button$
|
|
10721
|
+
jsxRuntime.jsx(Button$5, { variant: "primary", label: props.confirmationButton, handleClick: () => {
|
|
10726
10722
|
props.handleConfirmation();
|
|
10727
10723
|
props.handleClose();
|
|
10728
10724
|
} })
|
|
@@ -10840,10 +10836,10 @@ function AccordionTrack(props) {
|
|
|
10840
10836
|
}, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent }) }));
|
|
10841
10837
|
}) }) }), provided.placeholder] }, `contentTrailsDrop${trailIndex}`));
|
|
10842
10838
|
} }, trailIndex + 2) }, `contentTrails${trailIndex}`) }));
|
|
10843
|
-
})] }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteConteudo, handleClose: () => { setModalDeleteConteudo(false); }, handleConfirmation: () => { props.handleDeleteCourse(IdDelete); }, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim,
|
|
10839
|
+
})] }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteConteudo, handleClose: () => { setModalDeleteConteudo(false); }, handleConfirmation: () => { props.handleDeleteCourse(IdDelete); }, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, excluir", cancelButton: "Cancelar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer deletar este conte\u00FAdo? Voc\u00EA ir\u00E1 perder todas as atividades criadas." }) }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteTrilha, handleClose: () => { setModalDeleteTrilha(false); }, handleConfirmation: () => {
|
|
10844
10840
|
console.log("Passou aqui");
|
|
10845
10841
|
props.handlePopOverTrailDelete(IdDelete);
|
|
10846
|
-
}, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim,
|
|
10842
|
+
}, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, excluir", cancelButton: "Cancelar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer deletar esta trilha?" }) }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteTrilhaConteudo, handleClose: () => { setModalDeleteTrilhaConteudo(false); }, handleConfirmation: () => { props.handleDeleteCourseTrail(IdDelete); }, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, excluir", cancelButton: "Cancelar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer remover o conte\u00FAdo desta trilha?" }) })] }));
|
|
10847
10843
|
}
|
|
10848
10844
|
|
|
10849
10845
|
function AccordionTrackList({ trailsData, courseData, handleChange, onNewTrail, handleEditCourse,
|
|
@@ -11332,33 +11328,34 @@ const ThumbnailHeaderImage = styled__default["default"].div `
|
|
|
11332
11328
|
`;
|
|
11333
11329
|
const CardThumbnailsHove = styled__default["default"].div `
|
|
11334
11330
|
cursor: pointer;
|
|
11335
|
-
width:
|
|
11336
|
-
height:
|
|
11331
|
+
width: 240px;
|
|
11332
|
+
height: 380px;
|
|
11337
11333
|
border-radius: 8px;
|
|
11338
11334
|
display: flex;
|
|
11339
11335
|
flex-direction: column;
|
|
11340
11336
|
`;
|
|
11341
11337
|
const ThumbnailImageHover = styled__default["default"].div `
|
|
11342
|
-
width:
|
|
11343
|
-
height:
|
|
11338
|
+
width: 240px;
|
|
11339
|
+
height: 140px;
|
|
11344
11340
|
background-image: url(${(props) => props.img});
|
|
11345
11341
|
background-repeat: no-repeat;
|
|
11346
11342
|
background-size: cover;
|
|
11347
|
-
background-position: center;
|
|
11343
|
+
background-position: center center;
|
|
11348
11344
|
border-radius: 8px 8px 0px 0px;
|
|
11349
11345
|
box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.15), 0px 35px 25px -20px rgba(34, 34, 34, 0.2);
|
|
11350
11346
|
`;
|
|
11351
11347
|
const DescriptionThumbnails = styled__default["default"].div `
|
|
11352
|
-
width:
|
|
11353
|
-
height:
|
|
11348
|
+
width: 240px;
|
|
11349
|
+
height: 250px;
|
|
11354
11350
|
background-color: #000;
|
|
11355
11351
|
border-radius: 0px 0px 8px 8px;
|
|
11356
11352
|
display: flex;
|
|
11357
11353
|
flex-direction: column;
|
|
11354
|
+
/* text-align: justify; */
|
|
11358
11355
|
margin-top: -1px;
|
|
11359
|
-
padding:
|
|
11356
|
+
padding: 12px;
|
|
11360
11357
|
|
|
11361
|
-
|
|
11358
|
+
.title {
|
|
11362
11359
|
font-family: ${({ theme }) => theme.fonts.textMessageComponentsCardTitle.fontFamily};
|
|
11363
11360
|
font-weight: ${({ theme }) => theme.fonts.textMessageComponentsCardTitle.fontWeight};
|
|
11364
11361
|
font-size: ${({ theme }) => theme.fonts.textMessageComponentsCardTitle.fontSize};
|
|
@@ -11367,17 +11364,40 @@ const DescriptionThumbnails = styled__default["default"].div `
|
|
|
11367
11364
|
white-space: normal;
|
|
11368
11365
|
color: ${({ theme }) => theme.colors.shadeWhite};
|
|
11369
11366
|
padding-bottom: 8px;
|
|
11367
|
+
width: 240px;
|
|
11370
11368
|
}
|
|
11371
11369
|
p {
|
|
11372
11370
|
color: ${({ theme }) => theme.colors.shadeWhite};
|
|
11373
11371
|
font-weight: ${({ theme }) => theme.fonts.textMessageComponentsBodyRegular.fontWeight};
|
|
11374
|
-
font-size:
|
|
11372
|
+
font-size: 13px;
|
|
11375
11373
|
line-height: 18px;
|
|
11376
|
-
padding-right: 16px;
|
|
11374
|
+
/* padding-right: 16px; */
|
|
11377
11375
|
word-break: break-word;
|
|
11378
11376
|
font-family: 'PT Sans';
|
|
11379
11377
|
font-family: ${({ theme }) => theme.fonts.textMessageComponentsBodyRegular.fontFamily};
|
|
11380
11378
|
white-space: normal;
|
|
11379
|
+
overflow: auto;
|
|
11380
|
+
}
|
|
11381
|
+
|
|
11382
|
+
p::-webkit-scrollbar {
|
|
11383
|
+
width: 10px;
|
|
11384
|
+
}
|
|
11385
|
+
|
|
11386
|
+
/* Track */
|
|
11387
|
+
p::-webkit-scrollbar-track {
|
|
11388
|
+
background: #88888860;
|
|
11389
|
+
border-radius: 10px;
|
|
11390
|
+
}
|
|
11391
|
+
|
|
11392
|
+
/* Handle */
|
|
11393
|
+
p::-webkit-scrollbar-thumb {
|
|
11394
|
+
background: #888;
|
|
11395
|
+
border-radius: 10px;
|
|
11396
|
+
}
|
|
11397
|
+
|
|
11398
|
+
/* Handle on hover */
|
|
11399
|
+
p::-webkit-scrollbar-thumb:hover {
|
|
11400
|
+
background: #555;
|
|
11381
11401
|
}
|
|
11382
11402
|
`;
|
|
11383
11403
|
styled__default["default"].div `
|
|
@@ -11423,7 +11443,7 @@ function ParticipantThumbnails(props) {
|
|
|
11423
11443
|
}, children: jsxRuntime.jsx(CardThumbnailsHove, { onMouseLeave: (event) => {
|
|
11424
11444
|
setAnchorEl(null);
|
|
11425
11445
|
setItemSelected(null);
|
|
11426
|
-
}, children: jsxRuntime.jsxs(CardThumbnailsHove, { theme: FRSTTheme, onClick: props.handleFunctionThumbnail, children: [jsxRuntime.jsx(ThumbnailImageHover, { img: props.imgThumbnails ? props.imgThumbnails : '/img/NoUploaded.png' }), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, children: [jsxRuntime.jsx("
|
|
11446
|
+
}, children: jsxRuntime.jsxs(CardThumbnailsHove, { theme: FRSTTheme, onClick: props.handleFunctionThumbnail, children: [jsxRuntime.jsx(ThumbnailImageHover, { img: props.imgThumbnails ? props.imgThumbnails : '/img/NoUploaded.png' }), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, children: [jsxRuntime.jsx("div", { className: 'title', children: props.titleThumbnail }), jsxRuntime.jsx("p", { children: props.descpThumbnail })] })] }) }) }), jsxRuntime.jsxs(CardThumbnails, { id: "teste", theme: FRSTTheme, onClick: props.handleFunctionThumbnail, onMouseOver: (event) => {
|
|
11427
11447
|
setAnchorEl(event.currentTarget);
|
|
11428
11448
|
setItemSelected(props);
|
|
11429
11449
|
props.handleFunctionThumbnail;
|
|
@@ -11431,7 +11451,7 @@ function ParticipantThumbnails(props) {
|
|
|
11431
11451
|
}
|
|
11432
11452
|
|
|
11433
11453
|
function handleThumbnails(listThumbnails, isVisibleControlsButtons) {
|
|
11434
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ScrollContainer, {
|
|
11454
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ScrollContainer, { stepMove: 600, isVisibleControlsButtons: isVisibleControlsButtons, sizeArrowButton: 80, marginsArrowButton: 1, horizontalMarginInternScroll: '0', marginTopArrrowButton: '-5rem', widthProtectClick: 200, className: 'scrollThumbnail', children: listThumbnails.map((item, index) => {
|
|
11435
11455
|
return (jsxRuntime.jsx(ParticipantThumbnails, { imgThumbnails: item.imgThumbnails, titleThumbnail: item.titleThumbnail, descpThumbnail: item.descpThumbnail, handleFunctionThumbnail: item.handleFunctionThumbnail }));
|
|
11436
11456
|
}) }) }));
|
|
11437
11457
|
}
|
|
@@ -12307,23 +12327,23 @@ function LateralMenu$1({ label, onClick, button, beginComponent, activeBeginIcon
|
|
|
12307
12327
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: subItems && subItems.length > 0 ?
|
|
12308
12328
|
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 &&
|
|
12309
12329
|
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 &&
|
|
12310
|
-
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$
|
|
12330
|
+
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$5, { label: button.label, handleClick: (e) => button.onClick(e), variant: button?.variant ? button.variant : 'primary' }) }), !hiddenIconDropArrow &&
|
|
12311
12331
|
jsxRuntime.jsx(WrapperIconDrop, { isOpen: isActive, children: jsxRuntime.jsx(DropdownIconLine, { fill: '#000' }) })] }), jsxRuntime.jsx(WrapperSubItems, { isOpen: isActive, children: subItems.map((item, index) => {
|
|
12312
12332
|
return jsxRuntime.jsx(SubItem, { onClick: () => item.onClick(item.id), children: item.label }, index);
|
|
12313
12333
|
}) })] })
|
|
12314
12334
|
:
|
|
12315
12335
|
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 &&
|
|
12316
12336
|
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 &&
|
|
12317
|
-
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$
|
|
12337
|
+
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$5, { label: button.label, handleClick: (e) => button.onClick(e), variant: button?.variant ? button.variant : 'primary' }) })] }) }));
|
|
12318
12338
|
}
|
|
12319
12339
|
|
|
12320
12340
|
function LateralMenu({ variant, hiddenButtonHeader, avatar, name, channel, button, listOptions, style }) {
|
|
12321
12341
|
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 &&
|
|
12322
12342
|
jsxRuntime.jsx(Channel, { children: channel }), !hiddenButtonHeader &&
|
|
12323
12343
|
jsxRuntime.jsx(WrapperButton$2, { children: !channel ?
|
|
12324
|
-
jsxRuntime.jsx(Button$
|
|
12344
|
+
jsxRuntime.jsx(Button$5, { variant: 'primary', label: button.label, handleClick: (e) => button.onClick(e) })
|
|
12325
12345
|
:
|
|
12326
|
-
jsxRuntime.jsx(Button$
|
|
12346
|
+
jsxRuntime.jsx(Button$5, { variant: 'link', label: button.label, handleClick: (e) => button.onClick(e) }) }), jsxRuntime.jsx(HR, {})] }), listOptions && listOptions.length > 0 && listOptions.map((item, index) => {
|
|
12327
12347
|
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));
|
|
12328
12348
|
})] }) }));
|
|
12329
12349
|
}
|
|
@@ -12544,7 +12564,7 @@ const ItemFrstSocials = styled__default["default"].button `
|
|
|
12544
12564
|
|
|
12545
12565
|
function BannerSRG(props) {
|
|
12546
12566
|
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, { style: { maxHeight: '240px', height: '240px', display: 'flex', alignItems: 'flex-start', marginTop: '-100px' }, children: [props && props.social &&
|
|
12547
|
-
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, { 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$
|
|
12567
|
+
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, { 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$5, { 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$5, { 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, { children: jsxRuntime.jsx(Button$5, { 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 })] }) }));
|
|
12548
12568
|
}
|
|
12549
12569
|
|
|
12550
12570
|
const achievementHeader = styled__default["default"].div `
|
|
@@ -12836,15 +12856,15 @@ function FeedInteraction(props) {
|
|
|
12836
12856
|
: null] })
|
|
12837
12857
|
: jsxRuntime.jsx(jsxRuntime.Fragment, { children: (props.textTotalView || props.qtdLikes || props.qtdComments) &&
|
|
12838
12858
|
jsxRuntime.jsxs(infoContentWithView, { children: [jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '5px' }, children: [props.qtdLikes && jsxRuntime.jsxs(infoWithView, { children: [" ", jsxRuntime.jsx(ThumbsUpCovered, {}), " \u00A0", props.qtdLikes] }), props.qtdLikes && props.qtdComments && jsxRuntime.jsx("div", { children: "\u2022" }), props.qtdComments && jsxRuntime.jsxs(infoWithView, { children: [" ", props.qtdComments, " "] })] }), props.textTotalView && jsxRuntime.jsx(infoWithView, { style: { color: '#0645AD', fontWeight: 700, cursor: 'pointer' }, onClick: () => props.handleClickTextTotalViews(), children: props.textTotalView })] }) }), jsxRuntime.jsxs(buttonsContent, { children: [props.isLiked ?
|
|
12839
|
-
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$
|
|
12859
|
+
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$5, { startIcon: jsxRuntime.jsx(ThumbsUpIcon, { fill: 'currentColor' }), label: props.textDeslike, variant: 'link', handleClick: props.handleLikeClick }) })
|
|
12840
12860
|
:
|
|
12841
|
-
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$
|
|
12861
|
+
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$5, { startIcon: jsxRuntime.jsx(ThumbsUpIcon, { fill: 'currentColor' }), label: props.textLikes, variant: 'link', handleClick: props.handleLikeClick }) }), isVisibleComments &&
|
|
12842
12862
|
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 &&
|
|
12843
12863
|
jsxRuntime.jsxs(reviewContainer, { children: [props.textAvaluationTitle, jsxRuntime.jsxs(reviewContent, { children: [props.isChallengeReview &&
|
|
12844
12864
|
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 &&
|
|
12845
12865
|
jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', marginLeft: 24 }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingRelevancia, handleRating: props?.handleRelevanciaChange }), jsxRuntime.jsx("span", { children: props.textRelevancia })] }), props.isPostReview &&
|
|
12846
12866
|
jsxRuntime.jsx("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.ratingPostReview, handleRating: props?.handlePostReviewChange }) })] })] }), openComments &&
|
|
12847
|
-
jsxRuntime.jsxs(commentsContainer, { children: [jsxRuntime.jsxs(inputComment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment$1, { styles: { width: '100%', marginLeft: 8 }, IDInput: 'userComment', showCharacterCounter: false, className: 'userComment', hasEmoji: true, emojiWindowlanguage: 'pt', placeholder: props.userCommentPlaceholder ? props.userCommentPlaceholder : '', onChange: OnChangeComment, value: commentData }), jsxRuntime.jsx(submitButton, { style: { display: focusComment ? 'block' : 'none' }, children: jsxRuntime.jsx(Button$
|
|
12867
|
+
jsxRuntime.jsxs(commentsContainer, { children: [jsxRuntime.jsxs(inputComment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment$1, { styles: { width: '100%', marginLeft: 8 }, IDInput: 'userComment', showCharacterCounter: false, className: 'userComment', hasEmoji: true, emojiWindowlanguage: 'pt', placeholder: props.userCommentPlaceholder ? props.userCommentPlaceholder : '', onChange: OnChangeComment, value: commentData }), jsxRuntime.jsx(submitButton, { style: { display: focusComment ? 'block' : 'none' }, children: jsxRuntime.jsx(Button$5, { variant: 'primary', label: props.textSaveCommentBtn, handleClick: HandleSaveComment }) })] }), props.isChallengeReview ?
|
|
12848
12868
|
stateLatestComment ?
|
|
12849
12869
|
jsxRuntime.jsxs(commentList, { children: [props.textLatestComment, jsxRuntime.jsxs(comment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: stateLatestComment.avatar }), jsxRuntime.jsx(CommentaryBox, { styles: { width: '100%', marginLeft: 8 }, name: stateLatestComment.name, date: stateLatestComment.date, position: stateLatestComment.position, value: stateLatestComment.value, className: stateLatestComment.className, onChange: stateLatestComment.onChange, actionLike: stateLatestComment.actionLike, textLiked: stateLatestComment.textLike, textUnliked: stateLatestComment.textDeslike, isLiked: stateLatestComment.isLiked, totalLikes: stateLatestComment.totalLikes, hasDropdown: stateLatestComment.hasDropdown, isAuthor: stateLatestComment.isAuthor, isMe: stateLatestComment.isMe, actionDeleteComment: stateLatestComment.actionDeleteComment, actionEditComment: stateLatestComment.actionEditComment, actionAnswer: stateLatestComment.actionAnswer, actionMakePrivate: stateLatestComment.actionMakePrivate, actionUpdateValue: stateLatestComment.actionUpdateValue, detectLinks: stateLatestComment.detectLinks, hasAnswer: stateLatestComment.hasAnswer, isPrivateAuthor: stateLatestComment.isPrivateAuthor, isPrivateMe: stateLatestComment.isPrivateMe, idTextComment: stateLatestComment.idTextComment, textAnswer: stateLatestComment.textAnswer, textCancelButton: stateLatestComment.textCancelButton, textDeleteComment: stateLatestComment.textDeleteComment, textEditComment: stateLatestComment.textEditComment, textEdited: stateLatestComment.textEdited, textMakePrivate: stateLatestComment.textMakePrivate, textMakePublic: stateLatestComment.textMakePublic, textPrivateComment: stateLatestComment.textPrivateComment, textSaveButton: stateLatestComment.textSaveButton, textSaveButtonMobile: stateLatestComment.textSaveButtonMobile, textYou: stateLatestComment.textYou, wasEdited: stateLatestComment.wasEdited })] })] })
|
|
12850
12870
|
: null
|
|
@@ -12929,7 +12949,7 @@ function BannerProblemFeed(props) {
|
|
|
12929
12949
|
jsxRuntime.jsx(Tag, { style: { color: '#000 !important' }, title: item, color: "#E4E1FF", selected: false, inverted: false }, index))) }), jsxRuntime.jsxs(lastUpdatedText, { children: [jsxRuntime.jsxs("span", { style: { fontWeight: 700 }, children: [props.lastUpdated, ":"] }), jsxRuntime.jsxs("span", { children: ["\u00A0", props.lastUpdatedStep] })] }), jsxRuntime.jsx("div", { style: { width: '100%', marginTop: 16, borderTop: `1px solid ${FRSTTheme['colors'].borderPrimary}` }, children: jsxRuntime.jsx(MissionSteps, { stepProblem: props.stepProblem, stepActive: props.stepActive, onSelected: (step) => {
|
|
12930
12950
|
props.onSelectedStep(step);
|
|
12931
12951
|
setSelectedStep(step);
|
|
12932
|
-
}, idioma: props.language }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$
|
|
12952
|
+
}, idioma: props.language }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$5, { label: props.textButton, variant: 'expandedPrimary', handleClick: props.onClickButton, startIcon: jsxRuntime.jsx(AddIcon, { fill: FRSTTheme['colors'].shadeWhite }) })] }), jsxRuntime.jsx(FeedInteraction, { isChallengeReview: true, id: props.id, isLiked: props.isLiked, qtdComments: props.qtdComments, qtdLikes: props.qtdLikes, textAvaluation: props.textAvaluation, textAvaluationTitle: props.textAvaluationTitle, isDisabledAvaluation: props.isDisabledAvaluation, textComments: props.textComments, textDeslike: props.textDeslike, textLikes: props.textLikes, latestComment: stateLatestComment, textLatestComment: props.textLatestComment, textImpacto: props.textImpacto, ratingImpacto: props.ratingImpacto, textRelevancia: props.textRelevancia, ratingRelevancia: props.ratingRelevancia, userCommentPlaceholder: props.userCommentPlaceholder, onCommentChange: props.onCommentChange, handleLikeClick: props.handleLikeClick, handleImpactoChange: props.handleImpactoChange, handleRelevanciaChange: props.handleRelevanciaChange, textSaveCommentBtn: props.textSaveCommentBtn, handleSaveCommentBtn: props.handleSaveCommentBtn, userAvatar: props.avatar, textTotalView: props.textTotalView, handleClickTextTotalViews: props.handleClickTextTotalViews })] }));
|
|
12933
12953
|
}
|
|
12934
12954
|
|
|
12935
12955
|
const ButtonSessionFilters = styled__default["default"].button `
|
|
@@ -13096,7 +13116,7 @@ const SrgLogo = styled__default["default"].div `
|
|
|
13096
13116
|
justify-content: center;
|
|
13097
13117
|
align-items: center;
|
|
13098
13118
|
`;
|
|
13099
|
-
const Button$
|
|
13119
|
+
const Button$3 = styled__default["default"].div `
|
|
13100
13120
|
display: flex;
|
|
13101
13121
|
justify-content: center;
|
|
13102
13122
|
align-items: center;
|
|
@@ -13104,7 +13124,7 @@ const Button$2 = styled__default["default"].div `
|
|
|
13104
13124
|
`;
|
|
13105
13125
|
|
|
13106
13126
|
function SmallSRGBanner(props) {
|
|
13107
|
-
return (jsxRuntime.jsx(Container$1, { style: { ...props.style }, onClick: props.handleClick, children: jsxRuntime.jsxs(mask, { children: [jsxRuntime.jsx(SrgLogo, { children: jsxRuntime.jsx("img", { src: 'https://i.gyazo.com/eb084ab35cbd9ad52b24148afba59950.png', alt: 'SRG Logo' }) }), jsxRuntime.jsx(Button$
|
|
13127
|
+
return (jsxRuntime.jsx(Container$1, { style: { ...props.style }, onClick: props.handleClick, children: jsxRuntime.jsxs(mask, { children: [jsxRuntime.jsx(SrgLogo, { children: jsxRuntime.jsx("img", { src: 'https://i.gyazo.com/eb084ab35cbd9ad52b24148afba59950.png', alt: 'SRG Logo' }) }), jsxRuntime.jsx(Button$3, { children: jsxRuntime.jsx(Button$5, { variant: 'primary', label: props.textButton, startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFF' }) }) })] }) }));
|
|
13108
13128
|
}
|
|
13109
13129
|
|
|
13110
13130
|
const Wrapper$3 = styled__default["default"].div `
|
|
@@ -13312,7 +13332,7 @@ function PostFeed(props) {
|
|
|
13312
13332
|
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' &&
|
|
13313
13333
|
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" })] })
|
|
13314
13334
|
: null, props.handlePostButtonClick ?
|
|
13315
|
-
jsxRuntime.jsx("div", { style: { marginTop: 32, width: '100%', paddingLeft: '24px', paddingRight: '24px' }, children: jsxRuntime.jsx(Button$
|
|
13335
|
+
jsxRuntime.jsx("div", { style: { marginTop: 32, width: '100%', paddingLeft: '24px', paddingRight: '24px' }, children: jsxRuntime.jsx(Button$5, { variant: 'expandedPrimary', label: props.textPostButton, handleClick: props.handlePostButtonClick }) })
|
|
13316
13336
|
: 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, commentList: props.commentList, userCommentPlaceholder: props.userCommentPlaceholder, textLoadMoreComments: props.textLoadMoreComments, textSaveCommentBtn: props.textSaveCommentBtn, ratingPostReview: props.ratingPostReview, handleLikeClick: props.handleLikeClick, handlePostReviewChange: props.handlePostReviewChange, handleSaveCommentBtn: props.handleSaveCommentBtn, onCommentChange: props.onCommentChange, isDisabledAvaluation: props.isDisabledAvaluation })] }) }));
|
|
13317
13337
|
}
|
|
13318
13338
|
function IconPin({ fill }) {
|
|
@@ -13722,8 +13742,9 @@ const infoThumbContent = styled__default["default"].div `
|
|
|
13722
13742
|
gap: 4px;
|
|
13723
13743
|
font-family: 'PT Sans';
|
|
13724
13744
|
word-wrap: break-word;
|
|
13745
|
+
background: ${(props) => props?.isSelected && '#F26818'};
|
|
13725
13746
|
span {
|
|
13726
|
-
color: ${(
|
|
13747
|
+
color: ${(props) => (props?.isSelected ? '#F8FAFC' : '#F26818')};
|
|
13727
13748
|
font-size: 16px;
|
|
13728
13749
|
font-weight: 700;
|
|
13729
13750
|
padding-top: ${(props) => (props.tagVisualized === 'notVisualized' ? '16px' : '0px')};
|
|
@@ -13751,13 +13772,13 @@ const tagThumbContent = styled__default["default"].div `
|
|
|
13751
13772
|
display: flex;
|
|
13752
13773
|
justify-content: center;
|
|
13753
13774
|
align-items: center;
|
|
13775
|
+
display: ${(props) => props?.isSelected && 'none'};
|
|
13754
13776
|
`;
|
|
13755
13777
|
const descriptionThumbContent = styled__default["default"].div `
|
|
13756
13778
|
font-size: 14px;
|
|
13757
13779
|
font-weight: 400;
|
|
13758
|
-
color: ${(
|
|
13780
|
+
color: ${(props) => (props?.isSelected ? '#F9FAFB' : '#222222')};
|
|
13759
13781
|
padding: 0px 16px 0px 16px;
|
|
13760
|
-
|
|
13761
13782
|
overflow: hidden;
|
|
13762
13783
|
text-overflow: ${(props) => (props.showText ? 'none' : 'ellipsis')};
|
|
13763
13784
|
display: ${(props) => (props.showText ? 'flex' : '-webkit-box')};
|
|
@@ -13772,7 +13793,7 @@ const viewMoreContent$1 = styled__default["default"].div `
|
|
|
13772
13793
|
user-select: none;
|
|
13773
13794
|
`;
|
|
13774
13795
|
const shadedThumb = styled__default["default"].div `
|
|
13775
|
-
position: relative;
|
|
13796
|
+
position: relative;
|
|
13776
13797
|
height: 100%;
|
|
13777
13798
|
:after {
|
|
13778
13799
|
position: absolute;
|
|
@@ -13790,7 +13811,7 @@ const shadedThumb = styled__default["default"].div `
|
|
|
13790
13811
|
`;
|
|
13791
13812
|
const ProgressAndImg = styled__default["default"].div `
|
|
13792
13813
|
padding: 0.3rem 0.5rem;
|
|
13793
|
-
z-index:
|
|
13814
|
+
z-index: 99;
|
|
13794
13815
|
position: absolute;
|
|
13795
13816
|
width: 100%;
|
|
13796
13817
|
`;
|
|
@@ -13800,7 +13821,7 @@ const ProgressIcon = styled__default["default"].div `
|
|
|
13800
13821
|
display: flex;
|
|
13801
13822
|
width: 100%;
|
|
13802
13823
|
flex-direction: column;
|
|
13803
|
-
z-index:
|
|
13824
|
+
z-index: 10;
|
|
13804
13825
|
padding-bottom: 0.3rem;
|
|
13805
13826
|
padding-left: 0.5rem;
|
|
13806
13827
|
padding-right: 0.5rem;
|
|
@@ -13816,10 +13837,15 @@ const IconAndProgress = styled__default["default"].div `
|
|
|
13816
13837
|
function ThumbListContent(props) {
|
|
13817
13838
|
const [showMore, setShowMore] = React.useState(false);
|
|
13818
13839
|
const [tagVisualized, setTagVisualized] = React.useState(props.valueProgress);
|
|
13840
|
+
const [isSelected, setIsSelected] = React.useState(props?.isSelected);
|
|
13819
13841
|
React.useEffect(() => {
|
|
13820
13842
|
setTagVisualized(props.valueProgress);
|
|
13821
13843
|
}, [props.valueProgress]);
|
|
13822
|
-
|
|
13844
|
+
React.useMemo(() => {
|
|
13845
|
+
if (props.isSelected)
|
|
13846
|
+
setIsSelected(props?.isSelected);
|
|
13847
|
+
}, [props.isSelected]);
|
|
13848
|
+
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.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb }))) : 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, isSelected: props?.isSelected, children: props.textProgressVisualized }) })) : null, props.tagValue === 'inProgress' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, isSelected: props?.isSelected, 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 })] }), jsxRuntime.jsx(viewMoreContent$1, { children: jsxRuntime.jsx(Button$5, { variant: "link", label: showMore ? props.textViewLessButton : props.textViewMoreButton, handleClick: () => setShowMore(!showMore), style: { fontSize: 12, color: props?.isSelected ? '#E5E7EB' : '#444444' } }) })] })) }));
|
|
13823
13849
|
}
|
|
13824
13850
|
|
|
13825
13851
|
const containerList = styled__default["default"].div `
|
|
@@ -13891,7 +13917,7 @@ function ListSelector(props) {
|
|
|
13891
13917
|
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)
|
|
13892
13918
|
: null);
|
|
13893
13919
|
}) }), props.minShowList < props.contentList.length ?
|
|
13894
|
-
jsxRuntime.jsx(viewMoreContent, { children: jsxRuntime.jsx(Button$
|
|
13920
|
+
jsxRuntime.jsx(viewMoreContent, { children: jsxRuntime.jsx(Button$5, { variant: 'link', label: showSize === props.minShowList ? props.textViewMore : props.textViewLess, handleClick: handleView }) })
|
|
13895
13921
|
: null] }) }));
|
|
13896
13922
|
}
|
|
13897
13923
|
|
|
@@ -14548,7 +14574,7 @@ const DataListItem = styled__default["default"].li `
|
|
|
14548
14574
|
font-weight: 400;
|
|
14549
14575
|
padding: 0px 10px;
|
|
14550
14576
|
`;
|
|
14551
|
-
const Button$
|
|
14577
|
+
const Button$2 = styled__default["default"].button `
|
|
14552
14578
|
background: transparent;
|
|
14553
14579
|
display: flex;
|
|
14554
14580
|
align-items: center;
|
|
@@ -14649,7 +14675,7 @@ function LearningCycleCard({ id, tag, name, favorite, labels, modulesList, handl
|
|
|
14649
14675
|
handleFavorite(!isFavorite);
|
|
14650
14676
|
} }));
|
|
14651
14677
|
};
|
|
14652
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard, { disabled: disabled, status: tag, style: { ...style }, children: [jsxRuntime.jsxs(TagArea, { children: [jsxRuntime.jsx(TagStatus, { disabled: disabled, children: tag }), jsxRuntime.jsxs(Actions, { children: [jsxRuntime.jsx(FavoriteStar, {}), jsxRuntime.jsx(CardMenu, { id: id, menuOptions: menuOptions })] })] }), jsxRuntime.jsx(CycleName, { children: name }), jsxRuntime.jsx(AccordionList, { disabled: disabled, children: jsxRuntime.jsxs(material.Accordion, { expanded: selectedItem === id && isAccordionOpen, onChange: () => handleSelectedItem(id), children: [jsxRuntime.jsx(material.AccordionSummary, { expandIcon: jsxRuntime.jsx(IconUp, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: jsxRuntime.jsxs(AccortionTitle, { children: [jsxRuntime.jsx("span", { children: handleQuantityGroups(modulesList?.length) }), " ", jsxRuntime.jsxs("span", { children: [" ", labels?.groupsLabel, " "] }), labels?.groupsQuantityDescription] }) }), !disabled && isAccordionOpen && jsxRuntime.jsx(material.Divider, { sx: { margin: '5px 10px 0px 10px' } }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(DataList, { children: modulesList?.map((item, index) => (jsxRuntime.jsx(DataListItem, { children: item.name }, index))) }) }), isAccordionOpen && jsxRuntime.jsx(material.Divider, { sx: { margin: '5px 10px 0px 10px' } }), jsxRuntime.jsx(Button$
|
|
14678
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard, { disabled: disabled, status: tag, style: { ...style }, children: [jsxRuntime.jsxs(TagArea, { children: [jsxRuntime.jsx(TagStatus, { disabled: disabled, children: tag }), jsxRuntime.jsxs(Actions, { children: [jsxRuntime.jsx(FavoriteStar, {}), jsxRuntime.jsx(CardMenu, { id: id, menuOptions: menuOptions })] })] }), jsxRuntime.jsx(CycleName, { children: name }), jsxRuntime.jsx(AccordionList, { disabled: disabled, children: jsxRuntime.jsxs(material.Accordion, { expanded: selectedItem === id && isAccordionOpen, onChange: () => handleSelectedItem(id), children: [jsxRuntime.jsx(material.AccordionSummary, { expandIcon: jsxRuntime.jsx(IconUp, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: jsxRuntime.jsxs(AccortionTitle, { children: [jsxRuntime.jsx("span", { children: handleQuantityGroups(modulesList?.length) }), " ", jsxRuntime.jsxs("span", { children: [" ", labels?.groupsLabel, " "] }), labels?.groupsQuantityDescription] }) }), !disabled && isAccordionOpen && jsxRuntime.jsx(material.Divider, { sx: { margin: '5px 10px 0px 10px' } }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(DataList, { children: modulesList?.map((item, index) => (jsxRuntime.jsx(DataListItem, { children: item.name }, index))) }) }), isAccordionOpen && jsxRuntime.jsx(material.Divider, { sx: { margin: '5px 10px 0px 10px' } }), jsxRuntime.jsx(Button$2, { onClick: () => handleClick(id), children: labels?.actionButton })] }) })] }) }));
|
|
14653
14679
|
}
|
|
14654
14680
|
|
|
14655
14681
|
const Div = styled__default["default"].div `
|
|
@@ -15245,7 +15271,7 @@ function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, s
|
|
|
15245
15271
|
}
|
|
15246
15272
|
}
|
|
15247
15273
|
|
|
15248
|
-
const Button = styled__default["default"].div `
|
|
15274
|
+
const Button$1 = styled__default["default"].div `
|
|
15249
15275
|
${({ variant, disabled, theme }) => {
|
|
15250
15276
|
let styleVariant = {
|
|
15251
15277
|
'primary': styled.css `
|
|
@@ -15296,7 +15322,7 @@ const Button = styled__default["default"].div `
|
|
|
15296
15322
|
`;
|
|
15297
15323
|
|
|
15298
15324
|
function MiniButton({ variant, label, disabled, onClick, styles }) {
|
|
15299
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme }, children: jsxRuntime.jsx(Button, { onClick: (e) => !disabled && onClick(e), disabled: disabled, variant: variant, style: { ...styles }, children: label }) }));
|
|
15325
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme }, children: jsxRuntime.jsx(Button$1, { onClick: (e) => !disabled && onClick(e), disabled: disabled, variant: variant, style: { ...styles }, children: label }) }));
|
|
15300
15326
|
}
|
|
15301
15327
|
|
|
15302
15328
|
const WrapperButton = styled__default["default"].div `
|
|
@@ -15985,6 +16011,65 @@ function CommentPost({ user, like, menuMore, valueComment, onChangeValueComment,
|
|
|
15985
16011
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(HeaderImprovementIdea, { user: user, like: like, menuMore: menuMore }), jsxRuntime.jsx(WrapperValue, { children: valueComment })] }) }) }));
|
|
15986
16012
|
}
|
|
15987
16013
|
|
|
16014
|
+
const Button = styled__default["default"].div `
|
|
16015
|
+
font-family: 'PT Sans';
|
|
16016
|
+
font-style: normal;
|
|
16017
|
+
font-weight: 700;
|
|
16018
|
+
font-size: 16px;
|
|
16019
|
+
width: fit-content;
|
|
16020
|
+
color: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.neutralsGrey2};
|
|
16021
|
+
cursor: pointer;
|
|
16022
|
+
user-select:none;
|
|
16023
|
+
gap: 9px;
|
|
16024
|
+
white-space: nowrap;
|
|
16025
|
+
svg {
|
|
16026
|
+
path {
|
|
16027
|
+
stroke: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.neutralsGrey2};
|
|
16028
|
+
}
|
|
16029
|
+
}
|
|
16030
|
+
|
|
16031
|
+
&:hover {
|
|
16032
|
+
color: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.messageError1};
|
|
16033
|
+
svg {
|
|
16034
|
+
path {
|
|
16035
|
+
stroke: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.messageError1};
|
|
16036
|
+
}
|
|
16037
|
+
}
|
|
16038
|
+
}
|
|
16039
|
+
&:active {
|
|
16040
|
+
color: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.secondary5};
|
|
16041
|
+
text-decoration: underline;
|
|
16042
|
+
svg {
|
|
16043
|
+
path {
|
|
16044
|
+
stroke: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.secondary5};
|
|
16045
|
+
}
|
|
16046
|
+
}
|
|
16047
|
+
}
|
|
16048
|
+
display: flex;
|
|
16049
|
+
align-items: center;
|
|
16050
|
+
`;
|
|
16051
|
+
const Label = styled__default["default"].div `
|
|
16052
|
+
width: ${({ active }) => active ? '100%' : '0px'};
|
|
16053
|
+
overflow: hidden;
|
|
16054
|
+
white-space: nowrap;
|
|
16055
|
+
transition: width 0.5s ease-in-out;
|
|
16056
|
+
`;
|
|
16057
|
+
|
|
16058
|
+
function ExpandButton({ label, disabled, onClick, styles, startIcon }) {
|
|
16059
|
+
const [actionArea, setActionArea] = React.useState(false);
|
|
16060
|
+
const [timeoutId, setTimeoutId] = React.useState(null);
|
|
16061
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme }, children: jsxRuntime.jsxs(Button, { onClick: (e) => !disabled && onClick(e), disabled: disabled, style: { ...styles }, onMouseOut: () => {
|
|
16062
|
+
clearTimeout(timeoutId); // Cancela o timeout anterior
|
|
16063
|
+
const newTimeoutId = setTimeout(() => {
|
|
16064
|
+
setActionArea(false);
|
|
16065
|
+
}, 5000);
|
|
16066
|
+
setTimeoutId(newTimeoutId); // Armazena o ID do novo timeout
|
|
16067
|
+
}, onMouseOver: () => {
|
|
16068
|
+
clearTimeout(timeoutId); // Cancela o timeout anterior
|
|
16069
|
+
setActionArea(true);
|
|
16070
|
+
}, children: [jsxRuntime.jsx("div", { style: { width: '20px' }, children: startIcon }), jsxRuntime.jsx(Label, { active: actionArea, children: label })] }) }));
|
|
16071
|
+
}
|
|
16072
|
+
|
|
15988
16073
|
exports.AccordionTrackList = AccordionTrackList;
|
|
15989
16074
|
exports.AddIcon = AddIcon;
|
|
15990
16075
|
exports.AlertCicle = AlertCicle;
|
|
@@ -15998,7 +16083,7 @@ exports.BannerProblemFeed = BannerProblemFeed;
|
|
|
15998
16083
|
exports.BannerSRG = BannerSRG;
|
|
15999
16084
|
exports.BaseCard = EmptyCard;
|
|
16000
16085
|
exports.Books = Books;
|
|
16001
|
-
exports.Button = Button$
|
|
16086
|
+
exports.Button = Button$5;
|
|
16002
16087
|
exports.ButtonContent = ButtonContent;
|
|
16003
16088
|
exports.ButtonGroup = ButtonGroup;
|
|
16004
16089
|
exports.CalendarCard = CalendarCard;
|
|
@@ -16034,6 +16119,7 @@ exports.EditIcon = EditIcon;
|
|
|
16034
16119
|
exports.EmojiPicker = EmojiPicker;
|
|
16035
16120
|
exports.ExclusiveClassCard = ExclusiveClassCard;
|
|
16036
16121
|
exports.ExitArrow = ExitArrow;
|
|
16122
|
+
exports.ExpandButton = ExpandButton;
|
|
16037
16123
|
exports.ExtraContent = ExtraContent;
|
|
16038
16124
|
exports.EyeOff = EyeOff;
|
|
16039
16125
|
exports.Favorite = Favorite;
|