frst-components 0.21.86 → 0.21.88

package/dist/index.js

@@ -3301,7 +3301,7 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
     const [showMention, setShowMention] = React.useState(false);
     const [inputSearch, setInputSearch] = React.useState('');
     const divInputRef = React.useRef(null);
-    const mentionTopPosition = `${(divInputRef.current?.clientHeight ?? 15) + 30}px`;
+    const mentionTopPosition = `${(divInputRef.current?.clientHeight ?? 15) + 20}px`;
     const [textLength, setTextLength] = React.useState(0);
     const [isPlaceholder, setPlaceholder] = React.useState(false);
     const [styleLimitExceeded, setStyleLimitExceeded] = React.useState(false);
@@ -3561,6 +3561,7 @@ const Container$j = styled__default["default"].div `
   overflow-y: auto;
   z-index: 100;
   border-radius: 8px;
+  box-shadow: 0px 8px 10px 0 #BDBDBD;
 
   &::-webkit-scrollbar {
     width: 5px; 
@@ -4642,10 +4643,6 @@ const CommentarysContainer = styled__default["default"].div `
 `;
 styled__default["default"].div `
 display:flex;
-margin-bottom:16px;
-`;
-styled__default["default"].div `
-display:flex;
 flex-direction:column;
 margin-left:0px
 `;
@@ -4658,8 +4655,8 @@ font-weight: 400;
 line-height: 110%; 
 position: relative;
 left: 59px;
-margin-bottom:10px;
-margin-top: 8px;
+margin-bottom:4px;
+margin-top: 6px;
 
 span{
     cursor:pointer;
@@ -4671,7 +4668,7 @@ 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 }));
+    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: '0px' }, commentTextWithMention: commentData.mentionText }));
 };
 
 const container = styled__default["default"].div `
@@ -4812,7 +4809,7 @@ const InputReply = ({ placeHolderText, getSearchUsers, onClickPublishButton, par
         const response = await getSearchUsers(value);
         setUsers(response?.data?.results || response);
     };
-    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) => {
+    return (jsxRuntime.jsxs(Container$g, { style: { ...styles }, children: [jsxRuntime.jsx(Avatar, { src: imgProfile, size: "32px", style: { marginTop: '16px', 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}
@@ -10078,6 +10075,8 @@ const MenuContainer = styled__default["default"].div `
 const WrapperLogo = styled__default["default"].div `
   margin-right: 65px;
   cursor: pointer;
+  position: relative;
+  top: 3px;
 `;
 const HamburgerButton = styled__default["default"].div `
   cursor: pointer;
@@ -11272,8 +11271,8 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
                             }, children: SubMenu.map((item, index) => {
                                 return (jsxRuntime.jsx(ItemGlobalMenu, { label: item.label, variant: "LXP", type: "submenu", handleOnClick: () => item.onClick('tes'), style: { paddingRight: '10px', paddingLeft: '10px' } }, item.id ? item.id : index));
                             }) }))] }), openNotificationMobile && windowSize[0] < 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: true, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification() })) : null] })) : variant === 'default' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MenuMobile, { onClickExit: onClickExit, languageSelected: languageSelected, variant: 'default', items: menu, isVisible: isVisibleMenuMobile, setVisible: (e) => setIsVisibleMenuMobile(e), onClickSite: onClickSite, onClickLinkedin: onClickLinkedin, onClickInstagram: onClickInstagram, onClickYoutube: onClickYoutube, onClickSpotify: onClickSpotify, onClickPodCast: onClickPodCast, customMenu: customMenu }), jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', flexDirection: 'column' }, children: jsxRuntime.jsxs(MenuContainer, { variant: variant, style: {
-                            paddingRight: windowSize[0] > 1400 ? '124px' : windowSize[0] < 500 ? '10px' : '35px',
-                            paddingLeft: windowSize[0] > 1400 ? '124px' : windowSize[0] < 500 ? '10px' : '35px',
+                            paddingRight: windowSize[0] > 1400 ? '124px' : windowSize[0] > 1199 ? '124px' : windowSize[0] < 500 ? '10px' : '35px',
+                            paddingLeft: windowSize[0] > 1400 ? '225px' : windowSize[0] > 1199 ? '124px' : windowSize[0] < 500 ? '10px' : '35px',
                             ...style
                         }, children: [isMobileVersion && (jsxRuntime.jsx(HamburgerButton, { style: { marginLeft: 0 }, onClick: () => onClickMenuHamburger(), children: jsxRuntime.jsx(IconHamburgerMenu, {}) })), isTabletVersion && (jsxRuntime.jsx(HamburgerButton, { onClick: () => onClickMenuHamburger(), children: jsxRuntime.jsx(IconHamburgerMenu, {}) })), !isMobileVersion && !isTabletVersion && (jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), children: jsxRuntime.jsx(FRSTLogo, { height: "28", fill: FRSTTheme['colors'].primary1 }) })), showLogo && (jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), style: { marginRight: '0px' }, children: jsxRuntime.jsx(FRSTLogo, { height: "28", fill: FRSTTheme['colors'].primary1 }) })), jsxRuntime.jsx(WrapperMenu, { style: { height: '100%' }, children: !isMobileVersion && !isTabletVersion && showSearchField && (jsxRuntime.jsx(FieldSearch, { variant: "LXP", value: valueSearch, onFilter: search.onFilter, onChange: (e) => handleChangeValueSearch(e.target.value), placeholder: search.label, loading: loadingSearch, textLoading: search.textLoading, fieldSearchIsOpen: controlExpandedSearchMobile, setFieldSearchIsOpen: setControlExpandedSearchMobile, isLabeledResult: search.isLabeledResult, listResults: search.isLabeledResult ? null : valueListSearch, labeledResultList: search.isLabeledResult ? valueListSearch : null, historicResults: search.historicResults, isMobileVersion: isMobileVersion, hasOptionSeeAll: search.hasOptionSeeAll, seeAll: search.seeAll, style: {
                                         width: isMobileVersion ? '190px' : '332px'
@@ -15889,6 +15888,11 @@ const imageThumbContent = styled__default["default"].div `
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
+  border-radius: 6.733px;
+  align-items: center;
+  margin-left: -1px;
+  background: rgba(0, 0, 0, 0.30);
+
 `;
 const loadingThumbContent = styled__default["default"].div `
   display: flex;
@@ -15918,6 +15922,22 @@ const loadingContent = styled__default["default"].div `
   &:last-child {
     width: 30%;
   }
+
+`;
+const IconPlayVideo = styled__default["default"].div `
+width: 133px;
+height: 119px;
+border-radius: 8px;
+flex-shrink: 0;
+background-color: rgba(0, 0, 0, 0.30);
+/* background-color: red; */
+position: relative;
+left: 0px;
+display: flex;
+align-items: center;
+justify-content: center;
+
+
 `;
 const infoThumbContent = styled__default["default"].div `
   display: flex;
@@ -15962,15 +15982,21 @@ const tagThumbContent = styled__default["default"].div `
   display: ${(props) => props?.isSelected && 'none'};
 `;
 const descriptionThumbContent = styled__default["default"].div `
-  font-size: 14px;
-  font-weight: 400;
+  font-size: 13px;
+  font-weight: 700;
+  font-style: normal;
+  line-height: normal;
+  font-family: PT Sans;
   color: ${(props) => (props?.isSelected ? '#F9FAFB' : '#222222')};
-  padding: 0px 16px 0px 16px;
+  padding: 10px 16px 0px 0px;
+  width: 165px;
   overflow: hidden;
   text-overflow: ${(props) => (props.showText ? 'none' : 'ellipsis')};
   display: ${(props) => (props.showText ? 'flex' : '-webkit-box')};
   -webkit-line-clamp: ${(props) => (props.showText ? 'none' : 3)};
   -webkit-box-orient: ${(props) => (props.showText ? 'none' : 'vertical')};
+  position: relative;
+  left: 8.83px;
 `;
 const viewMoreContent$1 = styled__default["default"].div `
   position: absolute;
@@ -15978,6 +16004,38 @@ const viewMoreContent$1 = styled__default["default"].div `
   bottom: 0;
   margin: 0px 16px 12px 0px;
   user-select: none;
+`;
+const NameCanal = styled__default["default"].p `
+
+color: var(--neutrals-neutral_2, #444);
+font-family: PT Sans;
+font-size: 10px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+position: relative;
+right: 10px;
+`;
+const ImgCanal = styled__default["default"].img `
+
+width: 24px;
+height: 24px;
+flex-shrink: 0;
+border-radius: 40px;
+
+`;
+const InfCanal = styled__default["default"].div `
+
+width: 150px;
+height: 30px;
+position: absolute;
+display: inline-flex;
+align-items: center;
+gap: 16px;
+right: 17px;
+margin-bottom: 7px;
+border-top: 0.5px solid #E2E8F0;
+
 `;
 const shadedThumb = styled__default["default"].div `
   position: relative;
@@ -16032,7 +16090,11 @@ function ThumbListContent(props) {
         if (props.isSelected)
             setIsSelected(props?.isSelected);
     }, [props.isSelected]);
-    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isLoading ? (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [jsxRuntime.jsx(loadingImageThumb, {}), jsxRuntime.jsxs(loadingThumbContent, { children: [props.title && jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" })] })] })) : (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, onClick: props.onClickThumb, children: [props.imageSrc ? (tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { children: jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb, children: jsxRuntime.jsx(ProgressAndImg, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) }) }) })) : (jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb }))) : tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { onClick: props.onClickThumb, children: jsxRuntime.jsxs(iconsThumbAndProgress, { children: [props.typeThumbContent === 'video' ? jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx(IconAndProgress, { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, props.typeThumbContent === 'textual' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, jsxRuntime.jsx(ProgressIcon, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) })] }) })) : (jsxRuntime.jsxs(iconsThumb, { onClick: props.onClickThumb, children: [props.typeThumbContent === 'video' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'textual' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null] })), jsxRuntime.jsxs(infoThumbContent, { onClick: props.onClickThumb, tagVisualized: props.tagValue, isSelected: props?.isSelected, children: [props.tagValue !== 'notVisualized' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.tagValue === 'vizualized' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressVisualized }) })) : null, props.tagValue === 'inProgress' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressInProgress }) })) : null] })) : null, props.title ? jsxRuntime.jsx("span", { children: props.title }) : null, jsxRuntime.jsx(descriptionThumbContent, { showText: showMore, isSelected: props?.isSelected, children: props.description })] }), jsxRuntime.jsx(viewMoreContent$1, { children: jsxRuntime.jsx(Button$4, { variant: "link", label: showMore ? props.textViewLessButton : props.textViewMoreButton, handleClick: () => setShowMore(!showMore), style: { fontSize: 12, color: props?.isSelected ? '#E5E7EB' : '#444444' } }) })] })) }));
+    const MAX_CHARACTERS = 150;
+    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isLoading ? (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [jsxRuntime.jsx(loadingImageThumb, {}), jsxRuntime.jsxs(loadingThumbContent, { children: [props.title && jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" })] })] })) : (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, onClick: props.onClickThumb, children: [props.imageSrc ? (tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { children: jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb, children: jsxRuntime.jsx(ProgressAndImg, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) }) }) })) : (jsxRuntime.jsxs(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb, children: [jsxRuntime.jsxs(IconPlayVideo, { children: [' ', jsxRuntime.jsx(IconPlay, {}), ' '] }), jsxRuntime.jsxs(InfCanal, { children: [jsxRuntime.jsx(ImgCanal, { src: props.imageSrcCanal }), jsxRuntime.jsx(NameCanal, { children: props.nameCanal })] })] }))) : tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { onClick: props.onClickThumb, children: jsxRuntime.jsxs(iconsThumbAndProgress, { children: [props.typeThumbContent === 'video' ? jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx(IconAndProgress, { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, props.typeThumbContent === 'textual' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, jsxRuntime.jsx(ProgressIcon, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) })] }) })) : (jsxRuntime.jsxs(iconsThumb, { onClick: props.onClickThumb, children: [props.typeThumbContent === 'video' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'textual' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null] })), jsxRuntime.jsxs(infoThumbContent, { onClick: props.onClickThumb, tagVisualized: props.tagValue, isSelected: props?.isSelected, children: [props.tagValue !== 'notVisualized' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.tagValue === 'vizualized' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressVisualized }) })) : null, props.tagValue === 'inProgress' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressInProgress }) })) : null] })) : null, props.title ? jsxRuntime.jsx("span", { children: props.title }) : null, jsxRuntime.jsx(descriptionThumbContent, { showText: showMore, isSelected: props?.isSelected, children: props.description.length > MAX_CHARACTERS ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: showMore ? props.description : `${props.description.slice(0, MAX_CHARACTERS)}...` })) : (props.description) })] }), jsxRuntime.jsx(viewMoreContent$1, { children: jsxRuntime.jsx(Button$4, { variant: "link", label: showMore ? props.textViewLessButton : props.textViewMoreButton, handleClick: () => setShowMore(!showMore), style: { fontSize: 12, color: props?.isSelected ? '#E5E7EB' : '#444444' } }) })] })) }));
+    function IconPlay() {
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "33", height: "33", viewBox: "0 0 33 33", fill: "none", children: [jsxRuntime.jsx("g", { filter: "url(#filter0_d_1_13248)", children: jsxRuntime.jsx("path", { d: "M22.7851 17.6767C23.3898 17.273 23.3898 16.3841 22.7851 15.9803L14.8446 10.6786C14.1668 10.2261 13.2583 10.7119 13.2583 11.5269V22.1302C13.2583 22.9451 14.1668 23.4309 14.8446 22.9784L22.7851 17.6767Z", fill: "white" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_d_1_13248", x: "0", y: "0", width: "32.6364", height: "32.6364", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB", children: [jsxRuntime.jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "20.3983", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1_13248" }), jsxRuntime.jsx("feOffset", { dy: "3.05975" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.54979" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 0.301961 0 0 0 0 0.0509804 0 0 0 0.4 0" }), jsxRuntime.jsx("feBlend", { mode: "multiply", in2: "BackgroundImageFix", result: "effect1_dropShadow_1_13248" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_1_13248", result: "shape" })] }) })] }) }));
+    }
 }
 
 const containerList = styled__default["default"].div `

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,gBAqHjB,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,gBAuHjB,CAAA"}

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

@@ -1,6 +1,5 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CommentarysContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CommentaryBoxContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ViewReplysButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RepplysContainer: import("styled-components").StyledComponent<"div", any, {

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,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"}
+{"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,cAAc,oEAI1B,CAAA;AAED,eAAO,MAAM,yBAAyB,oEAerC,CAAA;AAED,eAAO,MAAM,gBAAgB;YAAwB,MAAM;SAG1D,CAAA"}

package/dist/src/components/IJ/thumbListContent/index.d.ts

@@ -15,6 +15,8 @@ interface IThumbListContent {
     valueProgress?: number;
     tagValue: 'vizualized' | 'inProgress' | 'notVisualized';
     isSelected?: boolean;
+    nameCanal?: string;
+    imageSrcCanal?: string;
 }
 export default function ThumbListContent(props: IThumbListContent): JSX.Element;
 export {};

package/dist/src/components/IJ/thumbListContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/thumbListContent/index.tsx"],"names":[],"mappings":";AAQA,KAAK,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;AAE7D,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,YAAY,GAAG,YAAY,GAAG,eAAe,CAAA;IACvD,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,eA+HhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/thumbListContent/index.tsx"],"names":[],"mappings":";AAQA,KAAK,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;AAE7D,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,YAAY,GAAG,YAAY,GAAG,eAAe,CAAA;IACvD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,eA0LhE"}

package/dist/src/components/IJ/thumbListContent/thumbListContentStyles.d.ts

@@ -10,11 +10,15 @@ export declare const iconsThumb: import("styled-components").StyledComponent<"di
 export declare const imageThumbContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const loadingThumbContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const loadingContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconPlayVideo: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const infoThumbContent: import("styled-components").StyledComponent<"div", any, content, never>;
 export declare const tagThumbContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const tagThumbContent: import("styled-components").StyledComponent<"div", any, content, never>;
 export declare const descriptionThumbContent: import("styled-components").StyledComponent<"div", any, content, never>;
 export declare const viewMoreContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NameCanal: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const ImgCanal: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const InfCanal: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const shadedThumb: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ProgressAndImg: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ProgressIcon: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/src/components/IJ/thumbListContent/thumbListContentStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thumbListContentStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/thumbListContent/thumbListContentStyles.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,qBAAqB,oEAQjC,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAU7B,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAOjC,CAAA;AAED,eAAO,MAAM,UAAU,oEAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAQ7B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAO/B,CAAA;AAED,eAAO,MAAM,cAAc,oEAoB1B,CAAA;AAED,eAAO,MAAM,gBAAgB,yEAoB5B,CAAA;AAED,eAAO,MAAM,wBAAwB,oEAKpC,CAAA;AACD,eAAO,MAAM,eAAe,yEAc3B,CAAA;AAED,eAAO,MAAM,uBAAuB,yEAUnC,CAAA;AAED,eAAO,MAAM,eAAe,oEAM3B,CAAA;AAED,eAAO,MAAM,WAAW,oEAgBvB,CAAA;AAED,eAAO,MAAM,cAAc,oEAK1B,CAAA;AAED,eAAO,MAAM,YAAY,oEAUxB,CAAA;AAED,eAAO,MAAM,eAAe,oEAM3B,CAAA"}
+{"version":3,"file":"thumbListContentStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/thumbListContent/thumbListContentStyles.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,qBAAqB,oEAQjC,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAU7B,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAOjC,CAAA;AAED,eAAO,MAAM,UAAU,oEAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAa7B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAO/B,CAAA;AAED,eAAO,MAAM,cAAc,oEAqB1B,CAAA;AAGD,eAAO,MAAM,aAAa,oEAczB,CAAA;AAGD,eAAO,MAAM,gBAAgB,yEAoB5B,CAAA;AAED,eAAO,MAAM,wBAAwB,oEAKpC,CAAA;AACD,eAAO,MAAM,eAAe,yEAc3B,CAAA;AAED,eAAO,MAAM,uBAAuB,yEAgBnC,CAAA;AAED,eAAO,MAAM,eAAe,oEAM3B,CAAA;AACD,eAAO,MAAM,SAAS,kEAUrB,CAAA;AAED,eAAO,MAAM,QAAQ,oEAOpB,CAAA;AAED,eAAO,MAAM,QAAQ,oEAYpB,CAAA;AAGD,eAAO,MAAM,WAAW,oEAgBvB,CAAA;AAED,eAAO,MAAM,cAAc,oEAK1B,CAAA;AAED,eAAO,MAAM,YAAY,oEAUxB,CAAA;AAED,eAAO,MAAM,eAAe,oEAM3B,CAAA"}

package/dist/src/components/global-menu/globalMenuStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globalMenuStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/global-menu/globalMenuStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,aAAa,gFAYzB,CAAA;AAED,eAAO,MAAM,WAAW,oEAGvB,CAAA;AACD,eAAO,MAAM,eAAe,oEAO3B,CAAA;AACD,eAAO,MAAM,WAAW,oEAOvB,CAAA;AACD,eAAO,MAAM,WAAW,oEAKvB,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAO5B,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAWnC,CAAA;AAED,eAAO,MAAM,2BAA2B,kEAMvC,CAAA;AAGD,eAAO,MAAM,6BAA6B,oEAWzC,CAAA;AAED,eAAO,MAAM,gBAAgB,gFAgB5B,CAAA;AAED,eAAO,MAAM,UAAU;;SAWtB,CAAA;AAED,eAAO,MAAM,QAAQ;;SAWpB,CAAA;AAED,eAAO,MAAM,YAAY,oEAqBxB,CAAA;AAED,eAAO,MAAM,cAAc,oEAqB1B,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAU5B,CAAA;AAED,eAAO,MAAM,WAAW,oEAOvB,CAAA;AAED,eAAO,MAAM,eAAe,uEAI3B,CAAA;AAED,eAAO,MAAM,IAAI,oEAWhB,CAAA;AAED,eAAO,MAAM,QAAQ,kEASpB,CAAA"}
+{"version":3,"file":"globalMenuStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/global-menu/globalMenuStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,aAAa,gFAYzB,CAAA;AAED,eAAO,MAAM,WAAW,oEAKvB,CAAA;AACD,eAAO,MAAM,eAAe,oEAO3B,CAAA;AACD,eAAO,MAAM,WAAW,oEAOvB,CAAA;AACD,eAAO,MAAM,WAAW,oEAKvB,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAO5B,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAWnC,CAAA;AAED,eAAO,MAAM,2BAA2B,kEAMvC,CAAA;AAGD,eAAO,MAAM,6BAA6B,oEAWzC,CAAA;AAED,eAAO,MAAM,gBAAgB,gFAgB5B,CAAA;AAED,eAAO,MAAM,UAAU;;SAWtB,CAAA;AAED,eAAO,MAAM,QAAQ;;SAWpB,CAAA;AAED,eAAO,MAAM,YAAY,oEAqBxB,CAAA;AAED,eAAO,MAAM,cAAc,oEAqB1B,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAU5B,CAAA;AAED,eAAO,MAAM,WAAW,oEAOvB,CAAA;AAED,eAAO,MAAM,eAAe,uEAI3B,CAAA;AAED,eAAO,MAAM,IAAI,oEAWhB,CAAA;AAED,eAAO,MAAM,QAAQ,kEASpB,CAAA"}

package/dist/src/components/global-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/global-menu/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAuB1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAO,EACP,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,WAAkB,EACnB,EAAE,WAAW,eAoxBb;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACX;;;;;;;;;;;;;;CAAA,eAoLA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACX;;;;;;;;;;;;;;CAAA,eA4GA;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACX;;;;;;;;;;;;;;CAAA,eAqKA;AAED,wBAAgB,iBAAiB,gBAiBhC;AAED,wBAAgB,mBAAmB,gBAQlC;AAED,wBAAgB,QAAQ,gBAgCvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/global-menu/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAuB1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAO,EACP,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,WAAkB,EACnB,EAAE,WAAW,eAqxBb;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACX;;;;;;;;;;;;;;CAAA,eAoLA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACX;;;;;;;;;;;;;;CAAA,eA4GA;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACX;;;;;;;;;;;;;;CAAA,eAqKA;AAED,wBAAgB,iBAAiB,gBAiBhC;AAED,wBAAgB,mBAAmB,gBAQlC;AAED,wBAAgB,QAAQ,gBAgCvB"}

package/dist/src/components/input-comment/mentionsStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mentionsStyle.d.ts","sourceRoot":"","sources":["../../../../src/components/input-comment/mentionsStyle.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;UAAsB,OAAO;SAAO,MAAM;YAAU,MAAM;aAAW,MAAM;SA6BhG,CAAA;AAED,eAAO,MAAM,YAAY,sEAAiB,CAAA;AAE1C,eAAO,MAAM,WAAW,oEAKvB,CAAA;AAED,eAAO,MAAM,WAAW;aAAyB,OAAO;SAoBvD,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAI5B,CAAA;AAED,eAAO,MAAM,aAAa,oEAIzB,CAAA;AAED,eAAO,MAAM,oBAAoB,oEAQhC,CAAA;AAED,eAAO,MAAM,eAAe,qEAI3B,CAAA;AAED,eAAO,MAAM,eAAe,oEAK3B,CAAA;AAED,eAAO,MAAM,mBAAmB,qEAO/B,CAAA;AACD,eAAO,MAAM,MAAM,oEAMlB,CAAA"}
+{"version":3,"file":"mentionsStyle.d.ts","sourceRoot":"","sources":["../../../../src/components/input-comment/mentionsStyle.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;UAAsB,OAAO;SAAO,MAAM;YAAU,MAAM;aAAW,MAAM;SA8BhG,CAAA;AAED,eAAO,MAAM,YAAY,sEAAiB,CAAA;AAE1C,eAAO,MAAM,WAAW,oEAKvB,CAAA;AAED,eAAO,MAAM,WAAW;aAAyB,OAAO;SAoBvD,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAI5B,CAAA;AAED,eAAO,MAAM,aAAa,oEAIzB,CAAA;AAED,eAAO,MAAM,oBAAoB,oEAQhC,CAAA;AAED,eAAO,MAAM,eAAe,qEAI3B,CAAA;AAED,eAAO,MAAM,eAAe,oEAK3B,CAAA;AAED,eAAO,MAAM,mBAAmB,qEAO/B,CAAA;AACD,eAAO,MAAM,MAAM,oEAMlB,CAAA"}

package/package.json

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