frst-components 0.21.85 → 0.21.86

package/dist/index.js

@@ -4182,7 +4182,6 @@ const Box = styled__default["default"].div `
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
-    margin-left: 6px;
     border-radius: 0px 16px 16px 16px;
     background-color: #f2f2f2 ;
 `;
@@ -4248,9 +4247,9 @@ const RelationContainer = styled__default["default"].div `
 const InteractiveButtonsContainer = styled__default["default"].div `
     display:flex;
     flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha */
-    gap:16px;
+    gap:4px;
     margin-top: 4px;
-    margin-left: 44px;
+    margin-left: 40px;
     align-items: center;
     color: #444;
     font-family: PT Sans;
@@ -4573,7 +4572,7 @@ const createUUID = () => {
     return uuid;
 };
 
-const CommentaryBoxV2 = ({ userName, imgProfile, userCompany, userOffice, showMoreText, relationToPhaseText, showLessText, showLikeButton, styles, actionLike, answerButtonText, likeButtonText, commentTextWithMention, editText, deleteText, isAuthor, isOwnerPost, howLongAgo, commentId, commentText, actionAnswer, onClickUserInfo, actionEditComment, actionDeleteComment, likesCount, hasActionToClickOnAvatar, showOptions, itsLiked }) => {
+const CommentaryBoxV2 = ({ userName, imgProfile, userCompany, userOffice, showMoreText, relationToPhaseText, showLessText, showLikeButton, styles, actionLike, answerButtonText, likeButtonText, commentTextWithMention, editText, deleteText, isAuthor, isOwnerPost, howLongAgo, commentId, commentText, actionAnswer, onClickUserInfo, actionEditComment, actionDeleteComment, isMainComment, likesCount, hasActionToClickOnAvatar, showOptions, itsLiked }) => {
     const iDCommentPosted = commentId ? commentId : `IDCommentPosted-${createUUID()}`;
     const [isLiked, setIsLiked] = React.useState(itsLiked);
     const edit = {
@@ -4625,30 +4624,30 @@ const CommentaryBoxV2 = ({ userName, imgProfile, userCompany, userOffice, showMo
             window.removeEventListener('resize', handleResize);
         };
     }, []);
-    return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(Container$i, { style: { ...styles }, children: [jsxRuntime.jsx(Avatar, { size: relationToPhaseText ? '48px' : '32px', src: imgProfile, onClick: onClickUserInfo, style: { cursor: hasActionToClickOnAvatar ? 'pointer' : 'default' } }), jsxRuntime.jsxs(Box, { children: [jsxRuntime.jsxs(UserDataContainer, { children: [jsxRuntime.jsxs(FirstChildUserData, { children: [jsxRuntime.jsx(Username, { children: userName }), likesCount > 0 && (jsxRuntime.jsxs(LikesContainer, { children: [jsxRuntime.jsx(IconLikeContainer, { children: jsxRuntime.jsx(IconLikeFilled, { fill: '#fff', stroke: '#fff', customColor_1: '#757575', width: '16px', height: '16px' }) }), jsxRuntime.jsx("p", { children: likesCount })] }))] }), jsxRuntime.jsxs(UserDataLastChild, { children: [userOffice && userOffice, " ", userCompany && `• ${userCompany}`, " ", howLongAgo && `• ${howLongAgo}`] })] }), relationToPhaseText && jsxRuntime.jsx(RelationContainer, { children: relationToPhaseText }), jsxRuntime.jsxs(TextContainer$1, { id: 'textContainerId', children: [jsxRuntime.jsx(Text$2, { style: isExpanded ? { display: 'block' } : { display: '-webkit-box' }, id: iDCommentPosted, dangerouslySetInnerHTML: { __html: buildStringWithLinkHTML(commentTextWithMention ? commentTextWithMention : commentText) } }), jsxRuntime.jsx(ShowMore$1, { isVisible: isEllipsisVisible, onClick: toggleExpand, children: isExpanded ? showLessText : showMoreText })] })] })] }), jsxRuntime.jsxs(InteractiveButtonsContainer, { children: [showLikeButton && (jsxRuntime.jsxs(FlexButtonContainer, { onClick: handleLike, children: [isLiked ?
+    return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(Container$i, { style: { ...styles }, children: [jsxRuntime.jsx(Avatar, { size: isMainComment ? '48px' : '32px', src: imgProfile, onClick: onClickUserInfo, style: { cursor: hasActionToClickOnAvatar ? 'pointer' : 'default', marginRight: '6px' } }), jsxRuntime.jsxs(Box, { children: [jsxRuntime.jsxs(UserDataContainer, { children: [jsxRuntime.jsxs(FirstChildUserData, { children: [jsxRuntime.jsx(Username, { children: userName }), likesCount > 0 && (jsxRuntime.jsxs(LikesContainer, { children: [jsxRuntime.jsx(IconLikeContainer, { children: jsxRuntime.jsx(IconLikeFilled, { fill: '#fff', stroke: '#fff', customColor_1: '#757575', width: '16px', height: '16px' }) }), jsxRuntime.jsx("p", { children: likesCount })] }))] }), jsxRuntime.jsxs(UserDataLastChild, { children: [userOffice && userOffice, " ", userCompany && `• ${userCompany}`, " ", howLongAgo && `• ${howLongAgo}`] })] }), relationToPhaseText && jsxRuntime.jsx(RelationContainer, { children: relationToPhaseText }), jsxRuntime.jsxs(TextContainer$1, { id: 'textContainerId', children: [jsxRuntime.jsx(Text$2, { style: isExpanded ? { display: 'block' } : { display: '-webkit-box' }, id: iDCommentPosted, dangerouslySetInnerHTML: { __html: buildStringWithLinkHTML(commentTextWithMention ? commentTextWithMention : commentText) } }), jsxRuntime.jsx(ShowMore$1, { isVisible: isEllipsisVisible, onClick: toggleExpand, children: isExpanded ? showLessText : showMoreText })] })] })] }), jsxRuntime.jsxs(InteractiveButtonsContainer, { style: isMainComment ? { marginLeft: '55px' } : {}, children: [showLikeButton && (jsxRuntime.jsxs(FlexButtonContainer, { onClick: handleLike, children: [isLiked ?
                                 jsxRuntime.jsx(IconLikeFilled, {}) : jsxRuntime.jsx(IconLikeLine, { fill: '#444' }), jsxRuntime.jsx(MiniButton, { variant: 'terciary', onClick: handleLike, label: likeButtonText, active: isLiked, styles: { padding: '0px' } })] })), jsxRuntime.jsx(MiniButton, { variant: 'terciary', onClick: actionAnswer, label: answerButtonText, styles: {} }), showOptions && isAuthor ? jsxRuntime.jsx(MenuMore, { options: authorOptions }) : isOwnerPost ? jsxRuntime.jsx(MenuMore, { options: ownerPost }) : jsxRuntime.jsx("div", {})] })] }));
 };
 
 const Container$h = styled__default["default"].div `
-  background-color: #ffff;
+  background-color: inerit;
   display: flex;
-  align-items: left;
+  align-items: flex-start;
   flex-direction: column;
   width:100%;
 `;
 const CommentarysContainer = styled__default["default"].div `
-  align-items: center;
-  justify-content:center;
+  display: flex;
+  flex-direction: column;
+  width:100%;
 `;
 styled__default["default"].div `
 display:flex;
-margin-bottom:20px;
+margin-bottom:16px;
 `;
 styled__default["default"].div `
 display:flex;
 flex-direction:column;
-margin-bottom:30px;
-margin-left:55px
+margin-left:0px
 `;
 const ViewReplysButtonContainer = styled__default["default"].div `
 color: #444444;
@@ -4658,7 +4657,7 @@ font-style: normal;
 font-weight: 400;
 line-height: 110%; 
 position: relative;
-left: 45px;
+left: 59px;
 margin-bottom:10px;
 margin-top: 8px;
 
@@ -4668,7 +4667,8 @@ span{
 `;
 const RepplysContainer = styled__default["default"].div `
 width: ${({ width }) => (width ? `${width}px` : 'auto')};
-margin-left:50px`;
+margin-left:60px;
+`;
 
 const CommentaryBoxReply = ({ commentData, showMoreButtonText, showLessButtonText, answerButtonText, onClickAnswerButton }) => {
     return (jsxRuntime.jsx(CommentaryBoxV2, { hasActionToClickOnAvatar: false, imgProfile: commentData.user?.avatar, itsLiked: false, userName: commentData.user?.name, userOffice: commentData.user?.role_name, userCompany: commentData.user?.company_name, commentId: commentData.id, commentText: commentData.text, howLongAgo: commentData.howLongAgo, showMoreText: showMoreButtonText, actionAnswer: () => onClickAnswerButton(commentData.id), showLessText: showLessButtonText, answerButtonText: answerButtonText, styles: { marginTop: '8px' }, commentTextWithMention: commentData.mentionText }));
@@ -4755,7 +4755,7 @@ const InputContainer = styled__default["default"].div `
 const Container$g = styled__default["default"].div `
     display:flex;
     justify-content:center;
-    margin-bottom:40px;
+    margin-bottom:24px;
 `;
 
 const InputReply = ({ placeHolderText, getSearchUsers, onClickPublishButton, parentId, limitInput, publishButtonText, replyMentionedUser, imgProfile, styles, handleHiddenInput, group_uuid, limitMessageExceeded }) => {
@@ -4812,11 +4812,11 @@ const InputReply = ({ placeHolderText, getSearchUsers, onClickPublishButton, par
         const response = await getSearchUsers(value);
         setUsers(response?.data?.results || response);
     };
-    return (jsxRuntime.jsxs(Container$g, { children: [jsxRuntime.jsx(Avatar, { src: imgProfile, size: "32px", style: { marginTop: '50px', marginRight: '8px' } }), jsxRuntime.jsxs(InputContainer, { ref: inputRef, style: { ...styles }, children: [jsxRuntime.jsx(InputComment$1, { styles: { width: '100%', marginTop: '22.5px' }, className: "userComment", onChange: (e) => {
+    return (jsxRuntime.jsxs(Container$g, { style: { ...styles }, children: [jsxRuntime.jsx(Avatar, { src: imgProfile, size: "32px", style: { marginTop: '12px', marginRight: '8px' } }), jsxRuntime.jsxs(InputContainer, { ref: inputRef, style: { width: '100%', marginTop: '16px' }, children: [jsxRuntime.jsx(InputComment$1, { styles: { width: '100%' }, className: "userComment", onChange: (e) => {
                             handleSearchUsers(e);
                         }, value: comment, placeholder: placeHolderText, limit: limitInput, showCharacterCounter: true, onContentUnformat: (unformattedValue) => setCommentData(unformattedValue), onContentFormat: (formattedValue) => setCaptureFormattedValue(formattedValue), onSendMentions: (mentions) => setCaptureMentions(mentions), users: users, 
                         //replyMentionedUser={!userMentionedOnReplied && user}
-                        group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded }), jsxRuntime.jsx(MiniButton, { disabled: comment.length <= 0 || comment.length > limitInput || isLoading, label: publishButtonText, onClick: () => handlePublish(), variant: "primary", styles: { marginLeft: 'auto', marginTop: '15px' } }), isLoading && jsxRuntime.jsx(Loading, {})] })] }));
+                        group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded }), jsxRuntime.jsx(MiniButton, { disabled: comment.length <= 0 || comment.length > limitInput || isLoading, label: publishButtonText, onClick: () => handlePublish(), variant: "primary", styles: { marginLeft: 'auto', marginTop: '14px' } }), isLoading && jsxRuntime.jsx(Loading, {})] })] }));
 };
 
 const ThreadComments = ({ mainComment, listReplyComments, placeHolderText, onClickPublishButton, showReplysButtonText, publishButtonText, limitInputs, answerButtonText, loggedUserProfileImg, group_uuid, getSearchUsers, showMoreButtonText, showLessButtonText, styles, relationToPhaseText, limitMessageExceeded, size = 5, showMoreReplysButtonText }) => {
@@ -4847,7 +4847,7 @@ const ThreadComments = ({ mainComment, listReplyComments, placeHolderText, onCli
     const handleCommentReplyReply = (idReply) => {
         setShowInputByIdReply([...showInputByIdReply, idReply]);
     };
-    return (jsxRuntime.jsx(Container$h, { style: styles, children: jsxRuntime.jsxs(CommentarysContainer, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(CommentaryBoxV2, { styles: { marginBottom: '8px' }, hasActionToClickOnAvatar: false, imgProfile: mainComment.user?.avatar, itsLiked: false, userId: mainComment.user?.uuid, userName: mainComment.user?.name, userOffice: mainComment.user?.role_name, userCompany: mainComment.user?.company_name, commentId: mainComment.id, commentText: mainComment.text, howLongAgo: mainComment.howLongAgo, showMoreText: showMoreButtonText, showLessText: showLessButtonText, answerButtonText: answerButtonText, showLikeButton: false, actionAnswer: handleCommentReply, relationToPhaseText: relationToPhaseText, commentTextWithMention: mainComment.mentionText }), listReplyComments.length > visibleReplies && (jsxRuntime.jsx(ViewReplysButtonContainer, { children: jsxRuntime.jsx("span", { onClick: handleLoadMoreReplies, children: showReplysOnClickCounter === 0 ? showReplysButtonText : showMoreReplysButtonText }) })), showReplyInput && (jsxRuntime.jsx(InputReply, { styles: { width: '100%', marginTop: '24px' }, imgProfile: loggedUserProfileImg, idInput: `idInput-${mainComment.id}`, placeHolderText: placeHolderText, publishButtonText: publishButtonText, limitInput: limitInputs, onClickPublishButton: onClickPublishButton, getSearchUsers: getSearchUsers, replyMentionedUser: mainComment.user, parentId: Number(mainComment.id), handleHiddenInput: handleHiddenInput, group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded }))] }), showAnswers && visibleReplies && (jsxRuntime.jsx(RepplysContainer, { children: listReplyComments.slice(0, visibleReplies).map((replyComment) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(CommentaryBoxReply, { commentData: replyComment, answerButtonText: '', showMoreButtonText: showMoreButtonText, showLessButtonText: showLessButtonText, onClickAnswerButton: handleCommentReplyReply }), showInputByIdReply.includes(replyComment.id) && (jsxRuntime.jsx(InputReply, { imgProfile: loggedUserProfileImg, styles: { width: '100%', marginTop: '24px' }, idInput: `idInput-${replyComment.id}`, placeHolderText: placeHolderText, publishButtonText: publishButtonText, limitInput: limitInputs, onClickPublishButton: onClickPublishButton, replyMentionedUser: replyComment.user, getSearchUsers: getSearchUsers, parentId: Number(mainComment.id), handleHiddenInput: (replyId = replyComment.id) => handleHiddenInputReply(replyId), group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded }))] }, replyComment.id))) }))] }) }));
+    return (jsxRuntime.jsx(Container$h, { style: styles, children: jsxRuntime.jsxs(CommentarysContainer, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(CommentaryBoxV2, { hasActionToClickOnAvatar: false, imgProfile: mainComment.user?.avatar, itsLiked: false, userId: mainComment.user?.uuid, userName: mainComment.user?.name, userOffice: mainComment.user?.role_name, userCompany: mainComment.user?.company_name, commentId: mainComment.id, commentText: mainComment.text, howLongAgo: mainComment.howLongAgo, showMoreText: showMoreButtonText, showLessText: showLessButtonText, answerButtonText: answerButtonText, actionAnswer: handleCommentReply, relationToPhaseText: relationToPhaseText, commentTextWithMention: mainComment.mentionText, isMainComment: true }), listReplyComments.length > visibleReplies && (jsxRuntime.jsx(ViewReplysButtonContainer, { children: jsxRuntime.jsx("span", { onClick: handleLoadMoreReplies, children: showReplysOnClickCounter === 0 ? showReplysButtonText : showMoreReplysButtonText }) })), showReplyInput && (jsxRuntime.jsx(InputReply, { styles: { marginLeft: '60px' }, imgProfile: loggedUserProfileImg, idInput: `idInput-${mainComment.id}`, placeHolderText: placeHolderText, publishButtonText: publishButtonText, limitInput: limitInputs, onClickPublishButton: onClickPublishButton, getSearchUsers: getSearchUsers, replyMentionedUser: mainComment.user, parentId: Number(mainComment.id), handleHiddenInput: handleHiddenInput, group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded }))] }), showAnswers && visibleReplies && (jsxRuntime.jsx(RepplysContainer, { children: listReplyComments.slice(0, visibleReplies).map((replyComment) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(CommentaryBoxReply, { commentData: replyComment, answerButtonText: '', showMoreButtonText: showMoreButtonText, showLessButtonText: showLessButtonText, onClickAnswerButton: handleCommentReplyReply }), showInputByIdReply.includes(replyComment.id) && (jsxRuntime.jsx(InputReply, { imgProfile: loggedUserProfileImg, styles: { width: '100%' }, idInput: `idInput-${replyComment.id}`, placeHolderText: placeHolderText, publishButtonText: publishButtonText, limitInput: limitInputs, onClickPublishButton: onClickPublishButton, replyMentionedUser: replyComment.user, getSearchUsers: getSearchUsers, parentId: Number(mainComment.id), handleHiddenInput: (replyId = replyComment.id) => handleHiddenInputReply(replyId), group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded }))] }, replyComment.id))) }))] }) }));
 };
 
 const ButtonCheckmark = styled__default["default"].div `
@@ -15616,7 +15616,7 @@ const ContentScroll = styled__default["default"].div `
 `;
 const CardItemUser = styled__default["default"].div `
     width: calc(100% + 10px);
-    height: 86px;
+    min-height: 86px;
     border-bottom: 1px solid #BDBDBD;
     padding: 16px;
     padding-left: 24px;
@@ -15637,14 +15637,9 @@ const NameUser$2 = styled__default["default"].div `
     font-weight: 700;
     font-size: 16px;
     line-height: 110%;
-    /* or 18px */
-
-    display: flex;
-    align-items: center;
-
-    /* neutrals/neutral_1 */
 
     color: #222222;
+
 `;
 const PositionUser = styled__default["default"].div `
     font-family: 'PT Sans';
@@ -15674,7 +15669,7 @@ const OrgUser = styled__default["default"].div `
 
     color: #222222;
 
-    max-width: 21ch;
+    max-width: 40ch;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/ThreadComments/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAIxD,eAAO,MAAM,cAAc,mUAmBxB,eAAe,gBAuHjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/ThreadComments/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAIxD,eAAO,MAAM,cAAc,mUAmBxB,eAAe,gBAqHjB,CAAA"}

package/dist/src/components/FI/ThreadComments/threadComments.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"threadComments.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/ThreadComments/threadComments.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEAMrB,CAAA;AACD,eAAO,MAAM,oBAAoB,oEAGhC,CAAA;AAED,eAAO,MAAM,sBAAsB,oEAGlC,CAAA;AACD,eAAO,MAAM,cAAc,oEAK1B,CAAA;AAED,eAAO,MAAM,yBAAyB,oEAerC,CAAA;AAED,eAAO,MAAM,gBAAgB;YAAwB,MAAM;SAE1C,CAAA"}
+{"version":3,"file":"threadComments.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/ThreadComments/threadComments.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEAMrB,CAAA;AACD,eAAO,MAAM,oBAAoB,oEAIhC,CAAA;AAED,eAAO,MAAM,sBAAsB,oEAGlC,CAAA;AACD,eAAO,MAAM,cAAc,oEAI1B,CAAA;AAED,eAAO,MAAM,yBAAyB,oEAerC,CAAA;AAED,eAAO,MAAM,gBAAgB;YAAwB,MAAM;SAG1D,CAAA"}

package/dist/src/components/FI/interactionsModal/InteractionsModalStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractionsModalStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/interactionsModal/InteractionsModalStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,oLAiBrB,CAAA;AACD,eAAO,MAAM,UAAU,oEAWtB,CAAA;AACD,eAAO,MAAM,WAAW,oEAMvB,CAAA;AAED,eAAO,MAAM,SAAS,oEAQrB,CAAA;AAED,eAAO,MAAM,UAAU,oEAgCtB,CAAA;AAED,eAAO,MAAM,sBAAsB,oEAElC,CAAA;AAGD,eAAO,MAAM,aAAa,oEAGzB,CAAA;AAED,eAAO,MAAM,YAAY,oEASxB,CAAA;AAGD,eAAO,MAAM,iBAAiB,oEAM7B,CAAA;AAED,eAAO,MAAM,QAAQ,oEAcpB,CAAA;AAED,eAAO,MAAM,YAAY,oEAexB,CAAA;AAED,eAAO,MAAM,OAAO,oEAgBnB,CAAA"}
+{"version":3,"file":"InteractionsModalStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/interactionsModal/InteractionsModalStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,oLAiBrB,CAAA;AACD,eAAO,MAAM,UAAU,oEAWtB,CAAA;AACD,eAAO,MAAM,WAAW,oEAMvB,CAAA;AAED,eAAO,MAAM,SAAS,oEAQrB,CAAA;AAED,eAAO,MAAM,UAAU,oEAgCtB,CAAA;AAED,eAAO,MAAM,sBAAsB,oEAElC,CAAA;AAGD,eAAO,MAAM,aAAa,oEAGzB,CAAA;AAED,eAAO,MAAM,YAAY,oEASxB,CAAA;AAGD,eAAO,MAAM,iBAAiB,oEAM7B,CAAA;AAED,eAAO,MAAM,QAAQ,oEASpB,CAAA;AAED,eAAO,MAAM,YAAY,oEAexB,CAAA;AAED,eAAO,MAAM,OAAO,oEAgBnB,CAAA"}

package/dist/src/components/commentaryBoxV2/CommentaryBoxV2.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentaryBoxV2.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/commentaryBoxV2/CommentaryBoxV2.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;YAAuB,MAAM;aAAU,MAAM;SAIlE,CAAC;AAEF,eAAO,MAAM,GAAG;YAAuB,MAAM;aAAU,MAAM;SAW5D,CAAC;AAEF,eAAO,MAAM,iBAAiB,oEAM7B,CAAA;AACD,eAAO,MAAM,QAAQ,mEAOpB,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAG7B,CAAA;AAEF,eAAO,MAAM,iBAAiB,oEAQ7B,CAAA;AAED,eAAO,MAAM,cAAc,oEAW1B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA;AACD,eAAO,MAAM,iBAAiB,oEAU7B,CAAA;AAGD,eAAO,MAAM,2BAA2B,oEAkBvC,CAAA;AAED,eAAO,MAAM,mBAAmB,yEAsB/B,CAAA;AAED,eAAO,MAAM,IAAI,oEAUhB,CAAA;AAED,eAAO,MAAM,aAAa,oEACzB,CAAA;AACD,eAAO,MAAM,QAAQ;eAA0B,OAAO;SASrD,CAAC;AAEF,UAAU,OAAO;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB"}
+{"version":3,"file":"CommentaryBoxV2.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/commentaryBoxV2/CommentaryBoxV2.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;YAAuB,MAAM;aAAU,MAAM;SAIlE,CAAC;AAEF,eAAO,MAAM,GAAG;YAAuB,MAAM;aAAU,MAAM;SAU5D,CAAC;AAEF,eAAO,MAAM,iBAAiB,oEAM7B,CAAA;AACD,eAAO,MAAM,QAAQ,mEAOpB,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAG7B,CAAA;AAEF,eAAO,MAAM,iBAAiB,oEAQ7B,CAAA;AAED,eAAO,MAAM,cAAc,oEAW1B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA;AACD,eAAO,MAAM,iBAAiB,oEAU7B,CAAA;AAGD,eAAO,MAAM,2BAA2B,oEAkBvC,CAAA;AAED,eAAO,MAAM,mBAAmB,yEAsB/B,CAAA;AAED,eAAO,MAAM,IAAI,oEAUhB,CAAA;AAED,eAAO,MAAM,aAAa,oEACzB,CAAA;AACD,eAAO,MAAM,QAAQ;eAA0B,OAAO;SASrD,CAAC;AAEF,UAAU,OAAO;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB"}

package/dist/src/components/commentaryBoxV2/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ICommentaryBoxV2 } from './CommentaryBoxV2.types';
-export declare const CommentaryBoxV2: ({ userName, imgProfile, userCompany, userOffice, showMoreText, relationToPhaseText, showLessText, showLikeButton, styles, actionLike, answerButtonText, likeButtonText, commentTextWithMention, editText, deleteText, isAuthor, isOwnerPost, howLongAgo, commentId, commentText, actionAnswer, onClickUserInfo, actionEditComment, actionDeleteComment, likesCount, hasActionToClickOnAvatar, showOptions, itsLiked }: ICommentaryBoxV2) => JSX.Element;
+export declare const CommentaryBoxV2: ({ userName, imgProfile, userCompany, userOffice, showMoreText, relationToPhaseText, showLessText, showLikeButton, styles, actionLike, answerButtonText, likeButtonText, commentTextWithMention, editText, deleteText, isAuthor, isOwnerPost, howLongAgo, commentId, commentText, actionAnswer, onClickUserInfo, actionEditComment, actionDeleteComment, isMainComment, likesCount, hasActionToClickOnAvatar, showOptions, itsLiked }: ICommentaryBoxV2) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/commentaryBoxV2/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/commentaryBoxV2/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AASzD,eAAO,MAAM,eAAe,0ZAGsC,gBAAgB,gBAiHjF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/commentaryBoxV2/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AASzD,eAAO,MAAM,eAAe,yaAGsC,gBAAgB,gBAiHjF,CAAA"}

package/package.json

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