frst-components 0.20.38 → 0.20.41

package/dist/index.js

@@ -3608,6 +3608,7 @@ const WrapperContent$3 = styled__default["default"].div `
   overflow-x: ${({ hiddenHorizontalScrollBar }) => (hiddenHorizontalScrollBar ? 'hidden' : 'scroll')};
   overflow-y: hidden;
   white-space: nowrap;
+  gap: 24px;
 
   scroll-behavior: smooth;
   &::-webkit-scrollbar {
@@ -3674,7 +3675,7 @@ styled__default["default"].div `
   border-radius: 20px;
 `;
 
-function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick, hiddenHorizontalScrollBar }) {
+function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick, hiddenHorizontalScrollBar, colorBackground }) {
     const [actionAreaButtonLeft, setActionAreaButtonLeft] = React.useState(false);
     const [actionAreaButtonRight, setActionAreaButtonRight] = React.useState(false);
     const [iDScroll, setIDScroll] = React.useState(`iDScroll-${randID$1()}`);
@@ -3726,29 +3727,28 @@ function ScrollContainer({ children, type, isVisibleControlsButtons, positionArr
         updateSize();
         return () => window.removeEventListener('resize', updateSize);
     }, []);
-    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$3, { id: iDScroll, paddingIntern: horizontalMarginInternScroll ? horizontalMarginInternScroll : '150px', hiddenHorizontalScrollBar: hiddenHorizontalScrollBar, 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: {
+    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, { colorBackground: colorBackground, 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$3, { id: iDScroll, paddingIntern: horizontalMarginInternScroll ? horizontalMarginInternScroll : '150px', hiddenHorizontalScrollBar: hiddenHorizontalScrollBar, children: children }), isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { colorBackground: colorBackground, 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: {
                             display: 'flex',
                             flexDirection: 'row',
                             marginTop: marginTopArrrowButton ? marginTopArrrowButton : '5px'
-                        }, 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 })] })) })] }) }));
+                        }, 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, colorBackground: colorBackground, onClick: scrollToRight, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollRight, widthProtectClick: widthProtectClick, marginTopArrrowButton: marginTopArrrowButton })] })) })] }) }));
 }
-function ButtonArrow({ isLeftButton, onClick, onActionArea, actionArea, sizeButton, isVisible, margin, ArrowScroll, marginTopArrrowButton, widthProtectClick }) {
+function ButtonArrow({ isLeftButton, onClick, onActionArea, actionArea, sizeButton = 40, isVisible, margin, ArrowScroll, marginTopArrrowButton, widthProtectClick, colorBackground = 'transparent' }) {
     return (jsxRuntime.jsx("div", { style: {
             height: '100%',
-            width: widthProtectClick ? widthProtectClick : 100,
+            width: widthProtectClick ? widthProtectClick : 'fit-content',
             zIndex: 10,
             position: 'absolute',
             left: isLeftButton ? 0 : 'none',
             right: !isLeftButton ? 0 : 'none',
-            paddingLeft: isLeftButton ? 24 : 0,
-            paddingRight: !isLeftButton ? 24 : 0,
             display: 'flex',
             bottom: 0,
             top: 0,
             justifyContent: isLeftButton ? 'flex-start' : 'flex-end',
             alignItems: 'center',
-            visibility: isVisible ? 'visible' : 'hidden'
-        }, 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' }) }) }));
+            visibility: isVisible ? 'visible' : 'hidden',
+            boxShadow: `inset ${isLeftButton ? '8px' : '-8px'} 0px 8px  ${colorBackground}`
+        }, children: jsxRuntime.jsx(ButtonControll, { isLeftButton: isLeftButton, onClick: onClick, onMouseOver: () => onActionArea(true), onMouseOut: () => onActionArea(false), sizeButton: sizeButton, 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' }) }) }));
 }
 
 const HeaderWrapper = styled__default["default"].div `
@@ -11689,7 +11689,6 @@ const CardThumbnails = styled__default["default"].div `
   gap: 8px;
   font-family: 'PT Sans';
   font-style: normal;
-  padding: 5px;
 
   :hover {
     > .title {
@@ -11775,25 +11774,27 @@ const DescriptionThumbnails = styled__default["default"].div `
 
 function ParticipantThumbnails({ imgThumbnails, titleThumbnail, descpThumbnail, handleFunctionThumbnail, author }) {
     const [seeMore, setSeeMore] = React.useState(true);
-    const defaultImg = 'https://i.gyazo.com/35d9c18bbdc6a48d843b0aa24ab2499e.png';
+    const defaultImg = 'https://lxp-cdn.frstfalconi.cloud/contentThumbnail_empty.jpg';
     const textLarge = descpThumbnail.length >= 100;
     return (jsxRuntime.jsxs(CardThumbnails, { theme: FRSTTheme, onClick: () => {
             !textLarge && handleFunctionThumbnail();
         }, style: !textLarge ? { cursor: 'pointer' } : { cursor: 'auto' }, children: [jsxRuntime.jsx("img", { src: imgThumbnails ? imgThumbnails : defaultImg, alt: titleThumbnail, onClick: () => {
                     textLarge && handleFunctionThumbnail();
-                } }), jsxRuntime.jsx("p", { className: "title", children: titleThumbnail }), author && (jsxRuntime.jsxs("p", { className: "author", children: ["com ", jsxRuntime.jsx("span", { children: author })] })), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, onClick: () => textLarge && setSeeMore((prev) => !prev), children: [jsxRuntime.jsx("p", { className: textLarge && seeMore ? 'descriptionThumb short' : 'descriptionThumb', children: descpThumbnail }), textLarge && jsxRuntime.jsx("small", { children: seeMore ? 'Ver mais' : 'Ver menos' })] })] }));
+                } }), jsxRuntime.jsx("p", { className: "title", style: textLarge ? { cursor: 'pointer' } : { cursor: 'auto' }, onClick: () => {
+                    textLarge && handleFunctionThumbnail();
+                }, children: titleThumbnail }), author && (jsxRuntime.jsxs("p", { className: "author", children: ["com ", jsxRuntime.jsx("span", { children: author })] })), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, onClick: () => textLarge && setSeeMore((prev) => !prev), children: [jsxRuntime.jsx("p", { className: textLarge && seeMore ? 'descriptionThumb short' : 'descriptionThumb', children: descpThumbnail }), textLarge && jsxRuntime.jsx("small", { children: seeMore ? 'Ver mais' : 'Ver menos' })] })] }));
 }
 
-function handleThumbnails(listThumbnails, isVisibleControlsButtons) {
+function handleThumbnails(listThumbnails, isVisibleControlsButtons, colorBackground) {
     const [refesh, setRefesh] = React.useState(0);
     React.useEffect(() => {
         setRefesh((prev) => prev + 1);
     }, [listThumbnails]);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ScrollContainer, { refreshResize: refesh, stepMove: 600, isVisibleControlsButtons: isVisibleControlsButtons, sizeArrowButton: 80, marginsArrowButton: 1, horizontalMarginInternScroll: '0', marginTopArrrowButton: '-5rem', widthProtectClick: 200, className: 'scrollThumbnail', children: listThumbnails.map((item, index) => {
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ScrollContainer, { colorBackground: colorBackground, refreshResize: refesh, stepMove: 600, isVisibleControlsButtons: isVisibleControlsButtons, sizeArrowButton: 40, marginsArrowButton: 1, horizontalMarginInternScroll: '0', marginTopArrrowButton: '0rem', widthProtectClick: 50, className: 'scrollThumbnail', children: listThumbnails.map((item, index) => {
                 return (jsxRuntime.jsx(ParticipantThumbnails, { imgThumbnails: item.imgThumbnails, titleThumbnail: item.titleThumbnail, descpThumbnail: item.descpThumbnail, handleFunctionThumbnail: item.handleFunctionThumbnail }));
             }) }) }));
 }
-function ParticipantThumbnailsList({ listThumbnails }) {
+function ParticipantThumbnailsList({ listThumbnails, colorBackground }) {
     const [width, setWidth] = React.useState(typeof window !== 'undefined' && window.innerWidth);
     function handleWindowSizeChange() {
         setWidth(typeof window !== 'undefined' && window.innerWidth);
@@ -11805,10 +11806,10 @@ function ParticipantThumbnailsList({ listThumbnails }) {
         };
     }, []);
     if (width <= 834) {
-        return handleThumbnails(listThumbnails, false);
+        return handleThumbnails(listThumbnails, false, colorBackground);
     }
     else {
-        return handleThumbnails(listThumbnails, true);
+        return handleThumbnails(listThumbnails, true, colorBackground);
     }
 }
 
@@ -13270,7 +13271,7 @@ function FeedInteraction(props) {
                     jsxRuntime.jsxs(reviewContainer, { children: [props.textAvaluationTitle, jsxRuntime.jsxs(reviewContent, { children: [props.isChallengeReview &&
                                         jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingImpacto, handleRating: props?.handleImpactoChange }), jsxRuntime.jsx("span", { children: props.textImpacto })] }), props.isChallengeReview &&
                                         jsxRuntime.jsxs("div", { style: { 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 &&
-                                        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 &&
+                                        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 && !props.isCommentV2 &&
                     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 ?
                                 stateLatestComment ?
                                     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 })] })] })
@@ -13280,7 +13281,8 @@ function FeedInteraction(props) {
                                         jsxRuntime.jsxs(commentList, { children: [jsxRuntime.jsxs(comment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.commentList[0].avatar }), jsxRuntime.jsx(CommentaryBox, { styles: { width: '100%' }, name: props.commentList[0].name, date: props.commentList[0].date, position: props.commentList[0].position, value: props.commentList[0].value, className: props.commentList[0].className, onChange: props.commentList[0].onChange, actionLike: props.commentList[0].actionLike, textLiked: props.commentList[0].textLike, textUnliked: props.commentList[0].textDeslike, isLiked: props.commentList[0].isLiked, totalLikes: props.commentList[0].totalLikes, hasDropdown: props.commentList[0].hasDropdown, isAuthor: props.commentList[0].isAuthor, isMe: props.commentList[0].isMe, actionDeleteComment: props.commentList[0].actionDeleteComment, actionEditComment: props.commentList[0].actionEditComment, actionAnswer: props.commentList[0].actionAnswer, actionMakePrivate: props.commentList[0].actionMakePrivate, actionUpdateValue: props.commentList[0].actionUpdateValue, detectLinks: props.commentList[0].detectLinks, hasAnswer: props.commentList[0].hasAnswer, isPrivateAuthor: props.commentList[0].isPrivateAuthor, isPrivateMe: props.commentList[0].isPrivateMe, idTextComment: props.commentList[0].idTextComment, textAnswer: props.commentList[0].textAnswer, textCancelButton: props.commentList[0].textCancelButton, textDeleteComment: props.commentList[0].textDeleteComment, textEditComment: props.commentList[0].textEditComment, textEdited: props.commentList[0].textEdited, textMakePrivate: props.commentList[0].textMakePrivate, textMakePublic: props.commentList[0].textMakePublic, textPrivateComment: props.commentList[0].textPrivateComment, textSaveButton: props.commentList[0].textSaveButton, textSaveButtonMobile: props.commentList[0].textSaveButtonMobile, textYou: props.commentList[0].textYou, wasEdited: props.commentList[0].wasEdited })] }), loadCommentsText &&
                                                     jsxRuntime.jsx("span", { style: { color: FRSTTheme['colors'].linkOnfocus, marginTop: 12, cursor: 'pointer' }, onClick: OnLoadCommentsClick, children: props.textLoadMoreComments }), showMoreComments &&
                                                     jsxRuntime.jsxs(comment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.commentList[1].avatar }), jsxRuntime.jsx(CommentaryBox, { styles: { width: '100%' }, name: props.commentList[1].name, date: props.commentList[1].date, position: props.commentList[1].position, value: props.commentList[1].value, className: props.commentList[1].className, onChange: props.commentList[1].onChange, actionLike: props.commentList[1].actionLike, textLiked: props.commentList[1].textLike, textUnliked: props.commentList[1].textDeslike, isLiked: props.commentList[1].isLiked, totalLikes: props.commentList[1].totalLikes, hasDropdown: props.commentList[1].hasDropdown, isAuthor: props.commentList[1].isAuthor, isMe: props.commentList[1].isMe, actionDeleteComment: props.commentList[1].actionDeleteComment, actionEditComment: props.commentList[1].actionEditComment, actionAnswer: props.commentList[1].actionAnswer, actionMakePrivate: props.commentList[1].actionMakePrivate, actionUpdateValue: props.commentList[1].actionUpdateValue, detectLinks: props.commentList[1].detectLinks, hasAnswer: props.commentList[1].hasAnswer, isPrivateAuthor: props.commentList[1].isPrivateAuthor, isPrivateMe: props.commentList[1].isPrivateMe, idTextComment: props.commentList[1].idTextComment, textAnswer: props.commentList[1].textAnswer, textCancelButton: props.commentList[1].textCancelButton, textDeleteComment: props.commentList[1].textDeleteComment, textEditComment: props.commentList[1].textEditComment, textEdited: props.commentList[1].textEdited, textMakePrivate: props.commentList[1].textMakePrivate, textMakePublic: props.commentList[1].textMakePublic, textPrivateComment: props.commentList[1].textPrivateComment, textSaveButton: props.commentList[1].textSaveButton, textSaveButtonMobile: props.commentList[1].textSaveButtonMobile, textYou: props.commentList[1].textYou, wasEdited: props.commentList[1].wasEdited })] })] })
-                                        : null] })] }) }));
+                                        : null] }), openComments && props?.isCommentV2 &&
+                    jsxRuntime.jsx("div", { children: props?.childrenCommentV2 })] }) }));
 }
 
 function BannerProblemFeed(props) {
@@ -13368,7 +13370,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 })] }));
+                        }, 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 })] }));
 }
 function getStepsChallenge(language, stepProblem, setSelectedStep, onSelectedStep) {
     let translate = {

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

@@ -47,6 +47,8 @@ interface IBannerProblemFeed extends stepsInfo {
     topHeaderTagText?: string;
     textTotalView?: string;
     handleClickTextTotalViews?: () => void;
+    isCommentV2?: boolean;
+    childrenCommentV2?: any;
 }
 interface stepsInfo {
     /**

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

@@ -34,6 +34,8 @@ interface IFeedInteraction {
     hideComments?: any;
     textTotalView?: string;
     handleClickTextTotalViews?: () => void;
+    isCommentV2?: boolean;
+    childrenCommentV2?: any;
 }
 export default function FeedInteraction(props: IFeedInteraction): JSX.Element;
 export {};

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;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAG,KAAK,EAAG,gBAAgB,eAiSjE"}
+{"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"}

package/dist/src/components/LXP/participantThumbnails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAOnC,UAAU,qBAAqB;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,aAAa,EACb,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,MAAM,EACP,EAAE,qBAAqB,eAkCvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAOnC,UAAU,qBAAqB;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,aAAa,EACb,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,MAAM,EACP,EAAE,qBAAqB,eA0CvB"}

package/dist/src/components/LXP/participantThumbnails/participantThumbnails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"participantThumbnails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/participantThumbnails.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,oEAqD1B,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAoCjC,CAAA"}
+{"version":3,"file":"participantThumbnails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/participantThumbnails.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,oEAoD1B,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAoCjC,CAAA"}

package/dist/src/components/LXP/participantThumbnailsList/index.d.ts

@@ -9,7 +9,8 @@ interface objThumbnails {
 }
 interface ParticipantThumbnails {
     listThumbnails: Array<objThumbnails>;
+    colorBackground?: string;
 }
-export default function ParticipantThumbnailsList({ listThumbnails }: ParticipantThumbnails): JSX.Element;
+export default function ParticipantThumbnailsList({ listThumbnails, colorBackground }: ParticipantThumbnails): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/LXP/participantThumbnailsList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnailsList/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,qBAAqB,MAAM,0BAA0B,CAAA;AAE5D,UAAU,aAAa;IACrB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;CACrC;AACD,UAAU,qBAAqB;IAC7B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;CACrC;AAmCD,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAAE,cAAc,EAAE,EAAE,qBAAqB,eAkB1F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnailsList/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,qBAAqB,MAAM,0BAA0B,CAAA;AAE5D,UAAU,aAAa;IACrB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;CACrC;AACD,UAAU,qBAAqB;IAC7B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAoCD,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,qBAAqB,eAkB3G"}

package/dist/src/components/scroll-container/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import '../../shared/global.css';
 import { IScrollContainer } from './scrollContainer';
-export default function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick, hiddenHorizontalScrollBar }: IScrollContainer): JSX.Element;
+export default function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick, hiddenHorizontalScrollBar, colorBackground }: IScrollContainer): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/scroll-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-container/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAMhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAKpD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,IAAI,EACJ,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,EACrB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,4BAA4B,EAC5B,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EAC1B,EAAE,gBAAgB,eAyIlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-container/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAMhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAKpD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,IAAI,EACJ,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,EACrB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,4BAA4B,EAC5B,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EACzB,eAAe,EAChB,EAAE,gBAAgB,eA4IlB"}

package/dist/src/components/scroll-container/scrollContainerStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollContainerStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-container/scrollContainerStyles.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA;AAED,eAAO,MAAM,cAAc;oBAAgC,MAAM;+BAA6B,OAAO;SAcpG,CAAA;AAED,eAAO,MAAM,cAAc,gFA2C1B,CAAA;AAKD,eAAO,MAAM,QAAQ,oEASpB,CAAA"}
+{"version":3,"file":"scrollContainerStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-container/scrollContainerStyles.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA;AAED,eAAO,MAAM,cAAc;oBAAgC,MAAM;+BAA6B,OAAO;SAepG,CAAA;AAED,eAAO,MAAM,cAAc,gFA2C1B,CAAA;AAKD,eAAO,MAAM,QAAQ,oEASpB,CAAA"}

package/package.json

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