frst-components 0.20.43 → 0.20.45

package/dist/index.js

@@ -11028,7 +11028,7 @@ const useStyles = core.makeStyles((theme) => {
     return {
         popoverRoot: {
             backgroundColor: color,
-            maxWidth: 200,
+            maxWidth: 200
         },
         content: {
             padding: theme.spacing(2),
@@ -11041,71 +11041,71 @@ const useStyles = core.makeStyles((theme) => {
             '&[x-placement*="bottom"] $arrow': {
                 top: 0,
                 left: 0,
-                marginTop: "-0.71em",
+                marginTop: '-0.71em',
                 marginLeft: 4,
                 marginRight: 4,
-                "&::before": {
-                    transformOrigin: "0 100%"
+                '&::before': {
+                    transformOrigin: '0 100%'
                 }
             },
             '&[x-placement*="top"] $arrow': {
                 bottom: 0,
                 left: 0,
-                marginBottom: "-0.71em",
+                marginBottom: '-0.71em',
                 marginLeft: 4,
                 marginRight: 4,
-                "&::before": {
-                    transformOrigin: "100% 0"
+                '&::before': {
+                    transformOrigin: '100% 0'
                 }
             },
             '&[x-placement*="right"] $arrow': {
                 left: 0,
-                marginLeft: "-0.71em",
-                height: "1em",
-                width: "0.71em",
+                marginLeft: '-0.71em',
+                height: '1em',
+                width: '0.71em',
                 marginTop: 4,
                 marginBottom: 4,
-                "&::before": {
-                    transformOrigin: "100% 100%"
+                '&::before': {
+                    transformOrigin: '100% 100%'
                 }
             },
             '&[x-placement*="left"] $arrow': {
                 right: 0,
-                marginRight: "-0.71em",
-                height: "1em",
-                width: "0.71em",
+                marginRight: '-0.71em',
+                height: '1em',
+                width: '0.71em',
                 marginTop: 4,
                 marginBottom: 4,
-                "&::before": {
-                    transformOrigin: "0 0"
+                '&::before': {
+                    transformOrigin: '0 0'
                 }
             }
         },
         // Stolen from https://github.com/mui-org/material-ui/blob/next/packages/material-ui/src/Tooltip/Tooltip.js
         arrow: {
-            overflow: "hidden",
-            position: "absolute",
-            width: "1em",
-            height: "0.71em" /* = width / sqrt(2) = (length of the hypotenuse) */,
-            boxSizing: "border-box",
+            overflow: 'hidden',
+            position: 'absolute',
+            width: '1em',
+            height: '0.71em' /* = width / sqrt(2) = (length of the hypotenuse) */,
+            boxSizing: 'border-box',
             color,
-            "&::before": {
+            '&::before': {
                 content: '""',
-                margin: "auto",
-                display: "block",
-                width: "100%",
-                height: "100%",
+                margin: 'auto',
+                display: 'block',
+                width: '100%',
+                height: '100%',
                 boxShadow: theme.shadows[2],
-                backgroundColor: "currentColor",
-                transform: "rotate(45deg)"
-            },
+                backgroundColor: 'currentColor',
+                transform: 'rotate(45deg)'
+            }
         }
     };
 });
 function ContentCoursesTrails(props) {
     const [OpenPopper, setOpenPopper] = React.useState(false);
     const [checked, setChecked] = React.useState(true);
-    const [checkedPrivate, setCheckedPrivate] = React.useState(true);
+    React.useState(true);
     const [show, setShow] = React.useState(true);
     const [ElementPopover, setElementPopover] = React.useState(null);
     const [ElementPopoverPublish, setElementPopoverPublish] = React.useState(null);
@@ -11117,15 +11117,15 @@ function ContentCoursesTrails(props) {
     // const refContainer = useRef(null);
     React.useEffect(() => {
         setPublishing(props.publishStatus);
-        setOpenPopper(props.publishStatus === "pending");
+        setOpenPopper(props.publishStatus === 'pending');
     }, [props.publishStatus]);
     React.useEffect(() => {
         setNameTrail(props.TrailName);
         console.log('props.TrailName', props.TrailName);
     }, [props.TrailName]);
     React.useEffect(() => {
-        if (props.publishStatus && props.publishStatus === "processing") {
-            console.log(" . --- Startando Verificacao Publicacao", props.trailId);
+        if (props.publishStatus && props.publishStatus === 'processing') {
+            console.log(' . --- Startando Verificacao Publicacao', props.trailId);
             setTimeout(() => {
                 checkStatusPublish();
             }, 5000);
@@ -11135,82 +11135,67 @@ function ContentCoursesTrails(props) {
         setChecked(checkedValue);
         props.handleChangeCheck(checkedValue);
     };
-    const handleChangePrivate = (checkedValue) => {
-        setCheckedPrivate(checkedValue);
-        props.handleChangePrivate(!checkedValue);
-    };
     const changeSelect = () => {
         setShow(!show);
     };
-    const handleClickActiveNameTrail = () => {
-        if (active) {
-            return setActive(false);
-        }
-        else {
-            setActive(true);
-        }
-    };
     const checkStatusPublish = async () => {
         let publicacao = await props.handlePublicarCheck(props.trailId);
         console.log(props.trailId, 'publicacao', publicacao);
         setPublishing(publicacao);
         if (publicacao) {
-            if (publicacao === "processing") {
+            if (publicacao === 'processing') {
                 setTimeout(() => {
                     checkStatusPublish();
                 }, 5000);
             }
         }
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContainerHeader, { className: "opened", active: props.ativo, children: [jsxRuntime.jsx(ContentTrailName, { active: active, children: !active ?
-                            jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyTrailName, { children: nameTrail }), jsxRuntime.jsx(Select, { onClick: changeSelect, children: show === true ? jsxRuntime.jsx(VectorUp, {}) : jsxRuntime.jsx(VectorDown, {}) })] })
-                            :
-                                jsxRuntime.jsxs(ContainerInputNameTrail, { children: [jsxRuntime.jsx("input", { placeholder: props.txtPlacerolderInputNameTrail ? props.txtPlacerolderInputNameTrail : 'Digite o nome da trilha', value: nameTrail, onChange: (e) => {
-                                                setNameTrail(e.target.value);
-                                            }, onKeyPress: (event) => {
-                                                if (event.key === 'Enter') {
-                                                    if (nameTrail) {
-                                                        setActive(false);
-                                                        props.handleChangeTrailName(nameTrail);
-                                                    }
-                                                }
-                                            } }), jsxRuntime.jsx(Button$5, { handleClick: async () => {
-                                                setActive(false);
-                                            }, label: "Cancelar", variant: 'link' }), jsxRuntime.jsx(Button$5, { handleClick: async () => {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContainerHeader, { className: 'opened', active: props.ativo, children: [jsxRuntime.jsx(ContentTrailName, { active: active, children: !active ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyTrailName, { children: nameTrail }), jsxRuntime.jsx(Select, { onClick: changeSelect, children: show === true ? jsxRuntime.jsx(VectorUp, {}) : jsxRuntime.jsx(VectorDown, {}) })] })) : (jsxRuntime.jsxs(ContainerInputNameTrail, { children: [jsxRuntime.jsx("input", { placeholder: props.txtPlacerolderInputNameTrail ? props.txtPlacerolderInputNameTrail : 'Digite o nome da trilha', value: nameTrail, onChange: (e) => {
+                                        setNameTrail(e.target.value);
+                                    }, onKeyPress: (event) => {
+                                        if (event.key === 'Enter') {
+                                            if (nameTrail) {
                                                 setActive(false);
                                                 props.handleChangeTrailName(nameTrail);
-                                            }, label: "Salvar", variant: 'primary' })] }) }), props.showButtonActive &&
-                        jsxRuntime.jsxs(ContentActiveHeader, { children: [!active &&
-                                    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) => {
-                                                let el = document.getElementById(element);
-                                                setElementPopoverPublish(el ? el : null);
-                                            }, handleClick: async () => {
-                                                setPublishing('processing');
-                                                await props.handlePublicarTrilha(props);
-                                                checkStatusPublish();
-                                            }, startIcon: Publishing === 'processing' && jsxRuntime.jsx(Loading, { sizeLoading: 'small', loadColor: '#a5a5a5', style: { width: 40 } }), label: Publishing === 'pending' ? "Publicar" : Publishing === 'complete' ? "Publicado" : "Publicando...", variant: 'secondary', disabled: Publishing === 'pending' ? false : true }), jsxRuntime.jsx(core.Popper, { id: Publishing === 'pending' ? `btnPublishPopper${props.id}` : undefined, open: OpenPopper, anchorEl: ElementPopoverPublish ? ElementPopoverPublish : null, placement: 'top', className: classes.popper, transition: true, modifiers: {
-                                                preventOverflow: {
-                                                    enabled: true,
-                                                    boundariesElement: "window"
-                                                },
-                                                arrow: {
-                                                    enabled: true,
-                                                    element: arrowRef
-                                                }
-                                            }, children: ({ TransitionProps }) => (jsxRuntime.jsx(core.Fade, { ...TransitionProps, timeout: 350, children: jsxRuntime.jsx(core.Paper, { children: jsxRuntime.jsx(core.ClickAwayListener, { onClickAway: () => { setOpenPopper(false); }, children: jsxRuntime.jsxs(core.Paper, { className: classes.popoverRoot, children: [jsxRuntime.jsx("span", { className: classes.arrow, ref: setArrowRef }), jsxRuntime.jsx(core.Box, { className: classes.content, children: "Ap\u00F3s realizar todas as altera\u00E7\u00F5es na trilha, \u00E9 necess\u00E1rio clicar em publicar para que o conte\u00FAdo editado esteja dispon\u00EDvel" })] }) }) }) })) }, props)] }), jsxRuntime.jsx(IconVerticalHeader, { onClick: (element) => {
-                                        setElementPopover(element.currentTarget);
-                                    }, children: jsxRuntime.jsx("div", { style: { marginRight: 8 }, children: jsxRuntime.jsx(MoreVertical, { fill: props.ativo ? '#000000' : '#bdbdbd' }) }) })] }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOver, { element: ElementPopover, onClosePopover: () => {
+                                            }
+                                        }
+                                    } }), jsxRuntime.jsx(Button$5, { handleClick: async () => {
+                                        setActive(false);
+                                    }, label: 'Cancelar', variant: "link" }), jsxRuntime.jsx(Button$5, { handleClick: async () => {
+                                        setActive(false);
+                                        props.handleChangeTrailName(nameTrail);
+                                    }, label: 'Salvar', variant: "primary" })] })) }), props.showButtonActive && (jsxRuntime.jsxs(ContentActiveHeader, { children: [!active && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtAtivarTrilha ? props.txtAtivarTrilha : 'Ativar trilha', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChange, checked: props.ativo, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: "#ffffff", offHandleColor: "#ffffff", onColor: "#FF4D0D", offColor: "#757575", activeBoxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }) })), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [jsxRuntime.jsx(Button$5, { id: `btnPublish${props.id}`, handleMount: (element) => {
+                                            let el = document.getElementById(element);
+                                            setElementPopoverPublish(el ? el : null);
+                                        }, handleClick: async () => {
+                                            setPublishing('processing');
+                                            await props.handlePublicarTrilha(props);
+                                            checkStatusPublish();
+                                        }, startIcon: Publishing === 'processing' && (jsxRuntime.jsx(Loading, { sizeLoading: "small", loadColor: "#a5a5a5", style: { width: 40 } })), label: Publishing === 'pending' ? 'Publicar' : Publishing === 'complete' ? 'Publicado' : 'Publicando...', variant: "secondary", disabled: Publishing === 'pending' ? false : true }), jsxRuntime.jsx(core.Popper, { id: Publishing === 'pending' ? `btnPublishPopper${props.id}` : undefined, open: OpenPopper, anchorEl: ElementPopoverPublish ? ElementPopoverPublish : null, placement: 'top', className: classes.popper, transition: true, modifiers: {
+                                            preventOverflow: {
+                                                enabled: true,
+                                                boundariesElement: 'window'
+                                            },
+                                            arrow: {
+                                                enabled: true,
+                                                element: arrowRef
+                                            }
+                                        }, children: ({ TransitionProps }) => (jsxRuntime.jsx(core.Fade, { ...TransitionProps, timeout: 350, children: jsxRuntime.jsx(core.Paper, { children: jsxRuntime.jsx(core.ClickAwayListener, { onClickAway: () => {
+                                                        setOpenPopper(false);
+                                                    }, children: jsxRuntime.jsxs(core.Paper, { className: classes.popoverRoot, children: [jsxRuntime.jsx("span", { className: classes.arrow, ref: setArrowRef }), jsxRuntime.jsx(core.Box, { className: classes.content, children: "Ap\u00F3s realizar todas as altera\u00E7\u00F5es na trilha, \u00E9 necess\u00E1rio clicar em publicar para que o conte\u00FAdo editado esteja dispon\u00EDvel" })] }) }) }) })) }, props)] }), jsxRuntime.jsx(IconVerticalHeader, { onClick: (element) => {
+                                    setElementPopover(element.currentTarget);
+                                }, children: jsxRuntime.jsx("div", { style: { marginRight: 8 }, children: jsxRuntime.jsx(MoreVertical, { fill: props.ativo ? '#000000' : '#bdbdbd' }) }) })] })), jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOver, { element: ElementPopover, onClosePopover: () => {
                                 setElementPopover(null);
-                            }, variant: 'upRight', children: jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column', padding: 0 }, children: [jsxRuntime.jsx(PopOverItem, { label: props.txtTrailsPopOverEdit ? props.txtTrailsPopOverEdit : "Editar nome da trilha", onClick: () => {
-                                            //props.handlePopOverTrailEdit(props.id)
-                                            handleClickActiveNameTrail();
+                            }, variant: 'upRight', children: jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column', padding: 0 }, children: [jsxRuntime.jsx(PopOverItem, { label: props.txtTrailsPopOverEdit ? props.txtTrailsPopOverEdit : 'Editar trilha', onClick: () => {
+                                            props.handlePopOverTrailEdit(props.id);
+                                            // handleClickActiveNameTrail()
                                             setElementPopover(null);
-                                        } }), jsxRuntime.jsx(PopOverItem, { label: props.txtTrailsPopOverDelete ? props.txtTrailsPopOverDelete : "Excluir trilha", onClick: () => {
+                                        } }), jsxRuntime.jsx(PopOverItem, { label: props.txtTrailsPopOverDelete ? props.txtTrailsPopOverDelete : 'Excluir trilha', onClick: () => {
                                             setElementPopover(null);
                                             setTimeout(() => {
                                                 props.handlePopOverTrailDelete(props.id);
                                             }, 500);
-                                        }, icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }), show && props.children] }));
+                                        }, icon: jsxRuntime.jsx(Trash, { fill: "#C00F00" }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }), show && props.children] }));
 }
 
 function ContentCourses(data) {
@@ -13355,6 +13340,10 @@ function FeedInteraction(props) {
     React.useEffect(() => {
         setStateLatestComment(props.latestComment);
     }, [props.latestComment]);
+    const [stateTotalComments, setStateTotalComments] = React.useState(props.qtdComments);
+    React.useEffect(() => {
+        setStateTotalComments(props.qtdComments);
+    }, [props.qtdComments]);
     const OnReviewClick = () => {
         setOpenReview(!openReview);
         setOpenComments(false);
@@ -13376,14 +13365,14 @@ function FeedInteraction(props) {
         setCommentData('');
         setFocusComment(false);
     };
-    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$2, { style: { ...props.style }, id: props.id, children: [!props.textTotalView && (props.qtdLikes || props.qtdComments) ?
+    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$2, { style: { ...props.style }, id: props.id, children: [!props.textTotalView && (props.qtdLikes || stateTotalComments) ?
                     jsxRuntime.jsxs(infoContent, { children: [props.qtdLikes ?
                                 jsxRuntime.jsxs(info, { style: { left: 0 }, children: [" ", jsxRuntime.jsx(ThumbsUpCovered, {}), " \u00A0", props.qtdLikes] })
-                                : null, props.qtdComments ?
-                                jsxRuntime.jsx(info, { style: { right: 0 }, children: props.qtdComments })
+                                : null, stateTotalComments ?
+                                jsxRuntime.jsx(info, { style: { right: 0 }, children: stateTotalComments })
                                 : null] })
-                    : jsxRuntime.jsx(jsxRuntime.Fragment, { children: (props.textTotalView || props.qtdLikes || props.qtdComments) &&
-                            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 ?
+                    : jsxRuntime.jsx(jsxRuntime.Fragment, { children: (props.textTotalView || props.qtdLikes || stateTotalComments) &&
+                            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 && stateTotalComments && jsxRuntime.jsx("div", { children: "\u2022" }), stateTotalComments && jsxRuntime.jsxs(infoWithView, { children: [" ", stateTotalComments, " "] })] }), props.textTotalView && jsxRuntime.jsx(infoWithView, { style: { color: '#0645AD', fontWeight: 700, cursor: 'pointer' }, onClick: () => props.handleClickTextTotalViews(), children: props.textTotalView })] }) }), jsxRuntime.jsxs(buttonsContent, { children: [props.isLiked ?
                             jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$5, { startIcon: jsxRuntime.jsx(ThumbsUpIcon, { fill: 'currentColor' }), label: props.textDeslike, variant: 'link', handleClick: props.handleLikeClick }) })
                             :
                                 jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$5, { startIcon: jsxRuntime.jsx(ThumbsUpIcon, { fill: 'currentColor' }), label: props.textLikes, variant: 'link', handleClick: props.handleLikeClick }) }), isVisibleComments &&
@@ -13413,6 +13402,10 @@ function BannerProblemFeed(props) {
     React.useEffect(() => {
         setStateLatestComment(props.latestComment);
     }, [props.latestComment]);
+    const [stateTotalComments, setStateTotalComments] = React.useState(props.qtdComments);
+    React.useEffect(() => {
+        setStateTotalComments(props.qtdComments);
+    }, [props.qtdComments]);
     const [definedSteps, setDefinedSteps] = React.useState(getStepsChallenge(props.language, props.stepProblem, setSelectedStep, props.onSelectedStep) || []);
     React.useEffect(() => {
         setDefinedSteps(getStepsChallenge(props.language, props.stepProblem, setSelectedStep, props.onSelectedStep));
@@ -13490,7 +13483,7 @@ function BannerProblemFeed(props) {
                             marginBottom: 4,
                             borderTop: `1px solid ${FRSTTheme['colors'].borderPrimary}`,
                             display: 'flex', justifyContent: 'center'
-                        }, children: jsxRuntime.jsx("div", { style: { width: '95%' }, children: jsxRuntime.jsx(StepsProgress, { definedSteps: definedSteps, stepSelected: selectedStep }) }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$5, { label: props.textButton, variant: 'expandedPrimary', handleClick: props.onClickButton })] }), 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, isCommentV2: props?.isCommentV2, childrenCommentV2: props?.childrenCommentV2 })] }));
+                        }, children: jsxRuntime.jsx("div", { style: { width: '95%' }, children: jsxRuntime.jsx(StepsProgress, { definedSteps: definedSteps, stepSelected: selectedStep }) }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$5, { label: props.textButton, variant: 'expandedPrimary', handleClick: props.onClickButton })] }), jsxRuntime.jsx(FeedInteraction, { isChallengeReview: true, id: props.id, isLiked: props.isLiked, qtdComments: stateTotalComments, qtdLikes: props.qtdLikes, textAvaluation: props.textAvaluation, textAvaluationTitle: props.textAvaluationTitle, isDisabledAvaluation: props.isDisabledAvaluation, textComments: props.textComments, textDeslike: props.textDeslike, textLikes: props.textLikes, 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, isCommentV2: props?.isCommentV2, childrenCommentV2: props?.childrenCommentV2 })] }));
 }
 function getStepsChallenge(language, stepProblem, setSelectedStep, onSelectedStep) {
     let translate = {

package/dist/src/components/FI/bannerProblemFeed/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/bannerProblemFeed/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/bannerProblemFeed/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/FI/feedInteraction/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/feedInteraction/index.tsx"],"names":[],"mappings":";AAWA,UAAU,gBAAgB;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,OAAO,EAAE,OAAO,CAAA;IAChB,iBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,iBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,aAAc,CAAC,EAAE,GAAG,CAAA;IACpB,WAAY,CAAC,EAAE,GAAG,EAAE,CAAA;IACpB,oBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,kBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,oBAAqB,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAA;IAEzC,oBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B,KAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC5B,eAAgB,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC9B,eAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,sBAAsB,CAAC,EAAE,GAAG,CAAA;IAC5B,sBAAuB,CAAC,EAAE,GAAG,CAAA;IAE7B,YAAa,CAAC,EAAE,GAAG,CAAA;IAEnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,GAAG,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAG,KAAK,EAAG,gBAAgB,eAmSjE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/feedInteraction/index.tsx"],"names":[],"mappings":";AAWA,UAAU,gBAAgB;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,OAAO,EAAE,OAAO,CAAA;IAChB,iBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,iBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,aAAc,CAAC,EAAE,GAAG,CAAA;IACpB,WAAY,CAAC,EAAE,GAAG,EAAE,CAAA;IACpB,oBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,kBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,oBAAqB,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAA;IAEzC,oBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B,KAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC5B,eAAgB,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC9B,eAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,sBAAsB,CAAC,EAAE,GAAG,CAAA;IAC5B,sBAAuB,CAAC,EAAE,GAAG,CAAA;IAE7B,YAAa,CAAC,EAAE,GAAG,CAAA;IAEnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,GAAG,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAG,KAAK,EAAG,gBAAgB,eAwSjE"}

package/dist/src/components/LXP/accordionTrack/contentCoursesTrails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contentCoursesTrails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/contentCoursesTrails.tsx"],"names":[],"mappings":";AACA,OAAO,4BAA4B,CAAA;AAqGnC,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,GAAG,eA+QtD"}
+{"version":3,"file":"contentCoursesTrails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/contentCoursesTrails.tsx"],"names":[],"mappings":";AACA,OAAO,4BAA4B,CAAA;AA6FnC,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,GAAG,eAmRtD"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frst-components",
   "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-  "version": "0.20.43",
+  "version": "0.20.45",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",