frst-components 0.23.19 → 0.23.21

package/dist/index.js

@@ -2558,7 +2558,7 @@ const ButtonEndIcon = styled__default["default"].button `
   ${({ variant }) => variantStyles$1(variant)}
 `;
 
-function Button$4({ variant, label, sizeIcon, disabled, startIcon, endIcon, handleClick, type, active, style, value, length, id, ref, handleMount }) {
+function Button$4({ variant, label, sizeIcon, disabled, startIcon, endIcon, handleClick, type, active, style, value, length, id, ref, handleMount, buttonProps }) {
     React.useEffect(() => {
         if (handleMount && id) {
             handleMount(id);
@@ -2568,17 +2568,17 @@ function Button$4({ variant, label, sizeIcon, disabled, startIcon, endIcon, hand
             (variant === 'link') ?
                 jsxRuntime.jsxs(LinkButtonStartIcon, { ref: ref, style: { ...style }, disabled: disabled, onClick: handleClick, sizeIcon: sizeIcon, id: id, children: [startIcon, label] })
                 :
-                    jsxRuntime.jsxs(ButtonStartIcon$1, { ref: ref, style: { ...style }, variant: variant, disabled: disabled, onClick: handleClick, sizeIcon: sizeIcon, id: id, children: [startIcon, label] })
+                    jsxRuntime.jsxs(ButtonStartIcon$1, { ...buttonProps, ref: ref, style: { ...style }, variant: variant, disabled: disabled, onClick: handleClick, sizeIcon: sizeIcon, id: id, children: [startIcon, label] })
             : endIcon ?
                 (variant === 'link') ?
                     jsxRuntime.jsxs(LinkButtonEndIcon, { ref: ref, style: { ...style }, disabled: disabled, onClick: handleClick, sizeIcon: sizeIcon, id: id, children: [label, endIcon] })
                     :
-                        jsxRuntime.jsxs(ButtonEndIcon, { ref: ref, style: { ...style }, variant: variant, disabled: disabled, onClick: handleClick, sizeIcon: sizeIcon, id: id, children: [label, endIcon] })
+                        jsxRuntime.jsxs(ButtonEndIcon, { ...buttonProps, ref: ref, style: { ...style }, variant: variant, disabled: disabled, onClick: handleClick, sizeIcon: sizeIcon, id: id, children: [label, endIcon] })
                 :
                     (variant === 'link') ?
                         jsxRuntime.jsx(LinkButton$1, { ref: ref, style: { ...style }, disabled: disabled, onClick: handleClick, id: id, children: label })
                         :
-                            jsxRuntime.jsx(Button$5, { ref: ref, style: { ...style }, length: length, active: active, value: value, variant: variant, disabled: disabled, onClick: handleClick, id: id, children: label }) }));
+                            jsxRuntime.jsx(Button$5, { ...buttonProps, ref: ref, style: { ...style }, length: length, active: active, value: value, variant: variant, disabled: disabled, onClick: handleClick, id: id, children: label }) }));
 }
 
 var css_248z$k = ".BannerProblem-module_container__iitVU {\n  padding: 50px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n  flex-direction: row;\n  flex-wrap: wrap;\n  background-color: white;\n  font-family: 'Work Sans';\n  font-style: normal;\n\n}\n\n@media (max-width:570px) {\n\n  .BannerProblem-module_container__iitVU {\n    padding: 10px !important;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    position: relative;\n    flex-direction: row;\n    flex-wrap: wrap;\n    background-color: white;\n    font-family: 'Work Sans';\n    font-style: normal;\n  \n  }\n  }\n\n.BannerProblem-module_titleProblem__BeJIN{\n  font-weight: 700;\n  font-size: 18px;\n  word-wrap: break-word;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n}\n\n.BannerProblem-module_created__OrSsa{\n  font-size: 12px;\n\n  font-family: 'Work Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 14px;\n  /* identical to box height, or 117% */\n\n  display: flex;\n  align-items: center;\n  letter-spacing: -0.02em;\n\n  color: #757575;\n}\n\n.BannerProblem-module_description__olZ05{\n  font-style: normal;\n  font-weight: 600;\n  font-size: 32px;\n  text-align: left;\n  display: flex;\n  margin-top: 8px;\n  width: 100%;\n  color: #FF4D0D;\n  margin-bottom: 0px;\n}\n\n@media(max-width: 880px){\n  .BannerProblem-module_description__olZ05{\n    word-wrap: break-word;\n  }\n}\n\n.BannerProblem-module_missaoTitle__300kZ{\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  \n  color: #0645AD;\n}\n\nh2{\n  font-family: 'Work Sans';\n  font-style: normal;\n  font-weight: 700;\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-top: 16;\n  margin-bottom: 0;\n}\n\nh3{\n  font-family: 'Work Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 21px;\n  margin: 0;\n  word-wrap: break-word;\n}\n\n.BannerProblem-module_contentInput__YXpxk {\n  background-color: #F2F2F2; \n  border-width: 1px; \n  border-radius: 4px;\n  padding: 24px 16px 24px 16px;\n  border: 1px solid #BDBDBD;\n}\n\n.BannerProblem-module_contentInput__YXpxk input {\n  width: 100% !important;\n  margin: 4px;\n  padding: 16px;\n  border-radius: 8px;\n  border: 1px solid #BDBDBD;\n  background-color: white;\n}\n\n.BannerProblem-module_goal_invite__B0T5N svg {\n  max-width: none;\n  max-height: none !important;\n}\n";
@@ -3017,6 +3017,10 @@ const ExcludeVoteIcon = ({ style, width = '16', height = '17', stroke = '#444444
     return (jsxRuntime.jsxs("svg", { style: style, width: width, height: height, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M8.00065 14.9381C11.6825 14.9381 14.6673 11.9533 14.6673 8.2714C14.6673 4.5895 11.6825 1.60474 8.00065 1.60474C4.31875 1.60474 1.33398 4.5895 1.33398 8.2714C1.33398 11.9533 4.31875 14.9381 8.00065 14.9381Z", stroke: stroke, "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M10.6673 5.60474L5.33398 10.9381", stroke: stroke, "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M5.33398 5.60474L10.6673 10.9381", stroke: stroke, "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
 };
 
+const VoteCurrentIcon = ({ style, width = '16', height = '17', stroke = '#444444' }) => {
+    return (jsxRuntime.jsxs("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M3.33398 5.05884V8.906H6.97035", stroke: "#444444", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M16.6676 15.318V11.4708H13.0312", stroke: "#444444", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M15.1461 8.26484C14.8387 7.34587 14.3163 6.52425 13.6276 5.87666C12.939 5.22906 12.1064 4.77659 11.2077 4.56147C10.3091 4.34634 9.37353 4.37557 8.48841 4.64643C7.6033 4.9173 6.79747 5.42096 6.14611 6.11043L3.33398 8.90603M16.6673 11.4708L13.8552 14.2664C13.2038 14.9559 12.398 15.4595 11.5129 15.7304C10.6278 16.0013 9.69223 16.0305 8.79355 15.8154C7.89487 15.6003 7.06235 15.1478 6.37366 14.5002C5.68497 13.8526 5.16257 13.031 4.8552 12.112", stroke: "#444444", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
+};
+
 const fadeInRight = styled.keyframes `
   0% {
     opacity: 0;
@@ -3108,173 +3112,213 @@ const Toast = ({ type = 'success', message, onClose, showBySeconds = 5, styles }
 };
 
 const MainContainer = styled__default["default"].div `
-display: flex;
-align-items: center;
-justify-content: space-between;
-width:100%;
-color: #222222;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  color: #222222;
 `;
 const Container$m = styled__default["default"].div `
-width: 100%;
-display: flex;
-align-items: center;
-justify-content: space-between;
-font-family: PT Sans;
-font-size:14px;
-border-radius:8px;
-padding: 0 0 0 16px; 
-min-height: 52px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-family: PT Sans;
+  font-size: 14px;
+  border-radius: 8px;
+  padding: 0 0 0 16px;
+  min-height: 52px;
 
-${({ type }) => {
+  ${({ type }) => {
     switch (type) {
         case 'prioritize':
-            return styled.css `background: #FDAE15;`;
+            return styled.css `
+          background: #fdae15;
+        `;
         case 'raised':
-            return styled.css `background: #F8D784;`;
+            return styled.css `
+          background: #f8d784;
+        `;
         case 'suggested':
-            return styled.css `background: #CDDAEF;`;
+            return styled.css `
+          background: #cddaef;
+        `;
         default:
             return '';
     }
 }}
 `;
 const Title$6 = styled__default["default"].span `
-font-weight:700;
-white-space: nowrap;
+  font-weight: 700;
+  white-space: nowrap;
 `;
 styled__default["default"].span `
-font-weight:700;
+  font-weight: 700;
 `;
 const Separator = styled__default["default"].div `
-font-weight:bold;
-margin: 0 8px;
+  font-weight: bold;
+  margin: 0 8px;
 `;
 const Description$4 = styled__default["default"].span `
-font-weight:400;
-padding: 8px 0 8px;
-
+  font-weight: 400;
+  padding: 8px 0 8px;
 `;
 const SplitContainer = styled__default["default"].div `
-display:flex;
-justify-content: flex-start;
-align-items:center;
-height: 100%;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  height: 100%;
 `;
 styled__default["default"].div `
-display: flex;
-align-items: center;
-justify-content: flex-start;
-position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
 `;
 styled__default["default"].div `
-    position: absolute;
+  position: absolute;
 `;
 const VoteButtonContainer = styled__default["default"].span `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 150px;
-    background: #F9CD5E;
-    cursor: pointer;
-    ${({ height }) => height > 0 && styled.css `
-    height: ${height}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 150px;
+  background: #f9cd5e;
+  cursor: pointer;
+  ${({ height }) => height > 0 &&
+    styled.css `
+      height: ${height}px;
     `}
 
-    ${({ type }) => {
+  ${({ type }) => {
     switch (type) {
         case 'prioritize':
-            return styled.css `background: #DC9100;`;
+            return styled.css `
+          background: #dc9100;
+        `;
         case 'raised':
-            return styled.css `background: #F9CD5E;`;
+            return styled.css `
+          background: #f9cd5e;
+        `;
         case 'suggested':
-            return styled.css `background: #A5C3F2;`;
+            return styled.css `
+          background: #a5c3f2;
+        `;
         default:
             return '';
     }
 }}
-    ${({ modeDelete }) => modeDelete && styled.css `
-    background: inherit;
+    ${({ modeDelete }) => modeDelete &&
+    styled.css `
+      background: inherit;
     `}
     border-radius:0 8px 8px 0;
-    padding: 0 16px 0 16px;
-    min-height: 52px;
-    margin-left: 4px;
-
+  padding: 0 16px 0 16px;
+  min-height: 52px;
+  margin-left: 4px;
 `;
 const VoteCount = styled__default["default"].span `
-    display: flex;
-    align-items: center;
-    height: 100%;
-    gap: 4px;
-    white-space: nowrap;
-    width: auto;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  gap: 4px;
+  white-space: nowrap;
+  width: auto;
 `;
 const VoteButton = styled__default["default"].p `
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    height:100%;
-    width: 100%;
-    font-family: PT Sans;
-    font-size: 14px;
-    font-weight: 700;
-    line-height: 18.12px;
-    text-align: left;
-    color: #444444;
-    white-space: nowrap;
-    width: auto;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  height: 100%;
+  width: 100%;
+  font-family: PT Sans;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18.12px;
+  text-align: left;
+  color: #444444;
+  white-space: nowrap;
+  width: auto;
 `;
 const VoteContent = styled__default["default"].div `
+  display: flex;
+  div {
+    flex-direction: row-reverse;
     display: flex;
-    div{
-        flex-direction: row-reverse;
-        display: flex;
-        :nth-child(1n){
-        margin-left: -8px;
-    }
+    :nth-child(1n) {
+      margin-left: -8px;
     }
+  }
 `;
 const ImageContent$1 = styled__default["default"].div `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width:32px;
-    height: 32px;
-    border-radius: 50%;
-    overflow: hidden;
-    border: solid  2.5px #fff;
-    color: #FFFFFF;
-    img{
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-    }
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  overflow: hidden;
+  border: solid 2.5px #fff;
+  color: #ffffff;
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
 `;
 const VoteListContainer = styled__default["default"].div `
-position: absolute;
-top: calc(100% + 1px);
-right: 0;
-width: 225px; 
-max-height: 300px; 
-overflow-y: auto;
-padding: 5px 0px;
-background-color: #fff;
-border: 1px solid #ccc;
-border-radius: 8px;
-z-index: 1999;
-display: ${({ showVotes }) => showVotes ? 'block' : 'none'};
-    &::-webkit-scrollbar {
-      display: none;
-    }
-box-shadow: 0px 15px 20px 0px #22222226;
+  position: absolute;
+  top: calc(100% + 1px);
+  right: 0;
+  width: 225px;
+  max-height: 300px;
+  overflow-y: auto;
+  padding: 5px 0px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  z-index: 1999;
+  display: ${({ showVotes }) => (showVotes ? 'block' : 'none')};
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  box-shadow: 0px 15px 20px 0px #22222226;
 `;
 const VoteListItem = styled__default["default"].div `
-cursor: pointer;
-height: 36px;
-display: flex;
-align-items: center;
-gap: 10px;
-${({ lastVote }) => lastVote === false && "border-bottom: solid 1px #ccc;"}
+  cursor: pointer;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  ${({ lastVote }) => lastVote === false && 'border-bottom: solid 1px #ccc;'}
+`;
+styled__default["default"].div `
+  width: 100%;
+  h2{
+    margin-bottom: 0.4rem;
+
+  }
+  p{
+    font-weight: 400;
+    margin-bottom: 1rem;
+
+  }
+`;
+styled__default["default"].div `
+  width: 100%;
+  border: solid 0.2px #E0E0E0;
+  margin-bottom: 1rem;
+
+`;
+styled__default["default"].div `
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: end;
+  button{
+    margin-left: 1rem;
+  }
+
 `;
 
 const container = styled__default["default"].div `
@@ -3350,7 +3394,7 @@ function Loading(props) {
     return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(container, { textPosition: PositionTextLoad, style: { ...props.style }, children: [jsxRuntime.jsx(loader, { children: jsxRuntime.jsx(Load, { width: Size, height: Size, fill: Color !== '' && Color }) }), jsxRuntime.jsx(loadText, { style: { color: props.loadTextColor ? props.loadTextColor : 'white' }, children: LoadText })] }) }));
 }
 
-const HypothesisComponent = ({ description, type, id, title, votes = [], onVote, canVote = false, canViewVote = false, userLoggedId, deleteVote, canViewListVotes, votesSingularText, votesPluralText, voteText, deleteVoteText, handleViewProfile, avatar, showAvatar, authorId, hasVoteGoal, loading }) => {
+const HypothesisComponent = ({ description, type, id, title, votes = [], onVote, canVote = false, canViewVote = false, userLoggedId, deleteVote, canViewListVotes, votesSingularText, votesPluralText, voteText, deleteVoteText, handleViewProfile, avatar, showAvatar, authorId, hasVoteGoal, loading, onChangeVote, changeVoteText }) => {
     const [isHover, seIsHover] = React.useState(false);
     const [hasVoteHypothesis, setHasVoteHypothesis] = React.useState(false);
     const [showVotesList, setShowVotesList] = React.useState(false);
@@ -3393,6 +3437,9 @@ const HypothesisComponent = ({ description, type, id, title, votes = [], onVote,
     const handleDeleteVote = async (voteId) => {
         await deleteVote(voteId);
     };
+    const handleChangeVote = async (hyphoteseId) => {
+        await onChangeVote(hyphoteseId);
+    };
     return (jsxRuntime.jsx(MainContainer, { children: jsxRuntime.jsxs(Container$m, { type: type, id: id, ref: ContainerRef, children: [jsxRuntime.jsxs(SplitContainer, { children: [showAvatar && (jsxRuntime.jsx(Avatar, { src: avatar, size: "24px", style: { marginRight: '8px', cursor: authorId ? 'pointer' : 'default' }, onClick: () => handleViewProfile(authorId) })), jsxRuntime.jsx(Title$6, { children: title }), jsxRuntime.jsx(Separator, { children: "|" }), jsxRuntime.jsx(Description$4, { children: description })] }), loading && (jsxRuntime.jsx(SplitContainer, { children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, style: { cursor: 'default' }, children: jsxRuntime.jsx(Loading, {}) }) })), !loading && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!canVote && canViewVote && votes?.length > 0 && (jsxRuntime.jsxs("div", { style: { position: 'relative', height: '100%' }, children: [jsxRuntime.jsx(SplitContainer, { children: jsxRuntime.jsx(VoteButtonContainer, { ref: viewVotesRef, height: heightContainer, style: { cursor: canViewListVotes ? 'pointer' : 'default' }, type: type, onClick: canViewListVotes ? toggleVotes : null, children: jsxRuntime.jsxs(VoteCount, { children: [jsxRuntime.jsxs(VoteContent, { children: [votes?.slice(0, 2)?.map((vote, index) => {
                                                             return (jsxRuntime.jsx(ImageContent$1, { style: { zIndex: 14 - index }, children: jsxRuntime.jsx("img", { src: vote?.user?.avatar || 'https://cdn-images.frstfalconi.cloud/path582.svg' }) }, vote?.id));
                                                         }), votes?.length > 2 && (jsxRuntime.jsx(ImageContent$1, { style: { background: '#444444' }, children: jsxRuntime.jsxs("p", { style: {
@@ -3406,13 +3453,21 @@ const HypothesisComponent = ({ description, type, id, title, votes = [], onVote,
                                         justifyContent: 'center'
                                     }, children: [jsxRuntime.jsx(ExcludeVoteIcon, { width: "24", height: "24" }), jsxRuntime.jsx(VoteButton, { children: deleteVoteText })] })) : (jsxRuntime.jsxs(VoteCount, { children: [jsxRuntime.jsxs(VoteContent, { children: [votes?.slice(0, 2)?.map((vote, index) => {
                                                     return (jsxRuntime.jsx(ImageContent$1, { style: { zIndex: 14 - index }, children: jsxRuntime.jsx("img", { src: vote?.user?.avatar || 'https://cdn-images.frstfalconi.cloud/path582.svg' }) }, vote?.id));
-                                                }), votes.length > 2 && (jsxRuntime.jsx(ImageContent$1, { style: { background: '#444444' }, children: jsxRuntime.jsxs("p", { children: ["+", votes?.length - 2] }) }))] }), jsxRuntime.jsxs("p", { children: [votes?.length, " ", votes?.length > 1 ? votesPluralText : votesSingularText] })] }))) : (jsxRuntime.jsx(ViewVotes, { hypothesisVotes: votes, votesPluralText: votesPluralText, votesSingularText: votesSingularText })) }) })), canVote && !hasVoteGoal && (jsxRuntime.jsx(SplitContainer, { onClick: () => handleVote(id), children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, onMouseEnter: () => seIsHover(true), onMouseLeave: () => seIsHover(false), children: jsxRuntime.jsxs("div", { style: {
+                                                }), votes.length > 2 && (jsxRuntime.jsx(ImageContent$1, { style: { background: '#444444' }, children: jsxRuntime.jsxs("p", { children: ["+", votes?.length - 2] }) }))] }), jsxRuntime.jsxs("p", { children: [votes?.length, " ", votes?.length > 1 ? votesPluralText : votesSingularText] })] }))) : (jsxRuntime.jsx(ViewVotes, { hypothesisVotes: votes, votesPluralText: votesPluralText, votesSingularText: votesSingularText })) }) })), canVote && !hasVoteGoal ? (jsxRuntime.jsx(SplitContainer, { onClick: () => handleVote(id), children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, onMouseEnter: () => seIsHover(true), onMouseLeave: () => seIsHover(false), children: jsxRuntime.jsxs("div", { style: {
                                         display: 'flex',
                                         alignItems: 'center',
                                         justifyContent: 'center',
                                         paddingLeft: '4px',
                                         height: '100%'
-                                    }, children: [jsxRuntime.jsx(VoteIcon, { width: "24", height: "24", style: { marginLeft: '4px', marginRight: '4px' } }), jsxRuntime.jsx(VoteButton, { children: voteText })] }) }) }))] }))] }) }));
+                                    }, children: [jsxRuntime.jsx(VoteIcon, { width: "24", height: "24", style: { marginLeft: '4px', marginRight: '4px' } }), jsxRuntime.jsx(VoteButton, { children: voteText })] }) }) })) :
+                            canVote && !hasVoteHypothesis &&
+                                jsxRuntime.jsx(SplitContainer, { onClick: () => handleChangeVote(id), children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, onMouseEnter: () => seIsHover(true), onMouseLeave: () => seIsHover(false), children: jsxRuntime.jsxs("div", { style: {
+                                                display: 'flex',
+                                                alignItems: 'center',
+                                                justifyContent: 'center',
+                                                paddingLeft: '4px',
+                                                height: '100%'
+                                            }, children: [jsxRuntime.jsx(VoteCurrentIcon, { width: "24", height: "24", style: { marginLeft: '4px', marginRight: '4px' } }), jsxRuntime.jsx(VoteButton, { children: changeVoteText })] }) }) })] }))] }) }));
 };
 const VoteList = ({ hypothesisVotes, showVotes, viewProfile }) => {
     const sortedVotes = [...hypothesisVotes].sort((a, b) => a.user.name.localeCompare(b.user.name));
@@ -16805,12 +16860,18 @@ function InteractionsModal({ textTitle, textSubtitle, listUsers, isOpen, handleC
             }
         };
     }, []);
+    const [listUsersState, setListUsersState] = React.useState(listUsers);
+    React.useEffect(() => {
+        if (newListUsers) {
+            setListUsersState((listUsersState) => [...listUsersState, ...newListUsers]);
+        }
+    }, [newListUsers]);
     return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(material.Modal, { open: isOpen, onClose: () => handleClickClose(), children: jsxRuntime.jsxs(Container, { style: {
                     top: '50%',
                     left: '50%',
                     transform: 'translate(-50%, -50%)',
                     ...style
-                }, children: [jsxRuntime.jsxs(HeaderDiv, { children: [jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(CloseButton, { onClick: () => handleClickClose(), children: jsxRuntime.jsx(CloseIcon, { width: '11' }) }) }), jsxRuntime.jsx(Typography, { children: textTitle }), jsxRuntime.jsx(Typography, { children: textSubtitle })] }), jsxRuntime.jsx(ContentDiv, { ref: scrollContainerRef, onScroll: handleScroll, onClick: trackClick ? () => trackClick() : () => { }, children: jsxRuntime.jsx(ContentScroll, { children: newListUsers && newListUsers.map((item) => {
+                }, children: [jsxRuntime.jsxs(HeaderDiv, { children: [jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(CloseButton, { onClick: () => handleClickClose(), children: jsxRuntime.jsx(CloseIcon, { width: '11' }) }) }), jsxRuntime.jsx(Typography, { children: textTitle }), jsxRuntime.jsx(Typography, { children: textSubtitle })] }), jsxRuntime.jsx(ContentDiv, { ref: scrollContainerRef, onScroll: handleScroll, onClick: trackClick ? () => trackClick() : () => { }, children: jsxRuntime.jsx(ContentScroll, { children: listUsersState && listUsersState.map((item) => {
                                 return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(CardItemUser, { children: item?.onClickUserInfo ?
                                             jsxRuntime.jsxs(Tooltip$2, { direction: "bottom", content: item.textVisitProfile ? item.textVisitProfile : 'Visitar perfil', trigger: 'hover', width: '101px', height: '32px', style: { top: '10px', textAlign: 'center' }, children: [jsxRuntime.jsx(Avatar, { size: '50px', src: item?.avatar, isActiveClick: true, onClick: () => item?.onClickUserInfo ? item?.onClickUserInfo() : {} }), jsxRuntime.jsxs(UserInfoContainer, { onClick: () => item?.onClickUserInfo ? item?.onClickUserInfo() : {}, style: { cursor: item?.onClickUserInfo ? 'pointer' : 'auto' }, children: [jsxRuntime.jsxs(NameUser$2, { children: [" ", item?.name, " "] }), jsxRuntime.jsxs(PositionUser, { children: [" ", item?.position, "  "] }), jsxRuntime.jsxs(OrgUser, { children: [" ", item?.organization, " "] })] })] })
                                             : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Avatar, { size: '50px', src: item?.avatar }), jsxRuntime.jsxs(UserInfoContainer, { onClick: () => item?.onClickUserInfo ? item?.onClickUserInfo() : {}, style: { cursor: item?.onClickUserInfo ? 'pointer' : 'auto' }, children: [jsxRuntime.jsxs(NameUser$2, { children: [" ", item?.name, " "] }), jsxRuntime.jsxs(PositionUser, { children: [" ", item?.position, "  "] }), jsxRuntime.jsxs(OrgUser, { children: [" ", item?.organization, " "] })] })] }) }, item?.id) }));

package/dist/public/customIcons/CircledAlert.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const CircledAlert: ({ fill, width, height }: {
     fill?: string;
     width?: string;
     height?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 //# sourceMappingURL=CircledAlert.d.ts.map

package/dist/public/customIcons/CircledAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircledAlert.d.ts","sourceRoot":"","sources":["../../../public/customIcons/CircledAlert.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;WAKhB,MAAM;YACL,MAAM;aACL,MAAM;6CAWhB,CAAA"}
+{"version":3,"file":"CircledAlert.d.ts","sourceRoot":"","sources":["../../../public/customIcons/CircledAlert.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,YAAY;WAKhB,MAAM;YACL,MAAM;aACL,MAAM;iBAWhB,CAAA"}

package/dist/public/customIcons/CircledCheck.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const CircledCheck: ({ width, height, fill }: {
     fill?: string;
     width?: string;
     height?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 //# sourceMappingURL=CircledCheck.d.ts.map

package/dist/public/customIcons/CircledCheck.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircledCheck.d.ts","sourceRoot":"","sources":["../../../public/customIcons/CircledCheck.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;WAIhB,MAAM;YAAS,MAAM;aAAU,MAAM;6CAa7C,CAAA"}
+{"version":3,"file":"CircledCheck.d.ts","sourceRoot":"","sources":["../../../public/customIcons/CircledCheck.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,YAAY;WAIhB,MAAM;YAAS,MAAM;aAAU,MAAM;iBAa7C,CAAA"}

package/dist/public/customIcons/DefaultProfile.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const DefaultProfile: ({ className, size }: {
     className?: string;
     size?: number;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 //# sourceMappingURL=DefaultProfile.d.ts.map

package/dist/public/customIcons/DefaultProfile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultProfile.d.ts","sourceRoot":"","sources":["../../../public/customIcons/DefaultProfile.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc;gBAA4C,MAAM;WAAS,MAAM;6CAa3F,CAAA"}
+{"version":3,"file":"DefaultProfile.d.ts","sourceRoot":"","sources":["../../../public/customIcons/DefaultProfile.tsx"],"names":[],"mappings":";AACA,eAAO,MAAM,cAAc;gBAA4C,MAAM;WAAS,MAAM;iBAa3F,CAAA"}

package/dist/public/customIcons/ExcludeVoteIcon.d.ts

@@ -4,5 +4,5 @@ export declare const ExcludeVoteIcon: ({ style, width, height, stroke }: {
     width?: string;
     height?: string;
     stroke?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 //# sourceMappingURL=ExcludeVoteIcon.d.ts.map

package/dist/public/customIcons/ExcludeVoteIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExcludeVoteIcon.d.ts","sourceRoot":"","sources":["../../../public/customIcons/ExcludeVoteIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,eAAe;YAMlB,aAAa,GAAG,SAAS;YACzB,MAAM;aACL,MAAM;aACN,MAAM;6CA2BhB,CAAA"}
+{"version":3,"file":"ExcludeVoteIcon.d.ts","sourceRoot":"","sources":["../../../public/customIcons/ExcludeVoteIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,eAAe;YAMlB,aAAa,GAAG,SAAS;YACzB,MAAM;aACL,MAAM;aACN,MAAM;iBA2BhB,CAAA"}

package/dist/public/customIcons/SmallTrash.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const SmallTrash: ({ width, height, fill }: {
     fill?: string;
     width?: string;
     height?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 //# sourceMappingURL=SmallTrash.d.ts.map

package/dist/public/customIcons/SmallTrash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmallTrash.d.ts","sourceRoot":"","sources":["../../../public/customIcons/SmallTrash.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;WAKd,MAAM;YACL,MAAM;aACL,MAAM;6CAUhB,CAAA"}
+{"version":3,"file":"SmallTrash.d.ts","sourceRoot":"","sources":["../../../public/customIcons/SmallTrash.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,UAAU;WAKd,MAAM;YACL,MAAM;aACL,MAAM;iBAUhB,CAAA"}

package/dist/public/customIcons/TagAlert.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const TagAlert: ({ width, height, color }: {
     width?: number;
     height?: number;
     color?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 //# sourceMappingURL=TagAlert.d.ts.map

package/dist/public/customIcons/TagAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagAlert.d.ts","sourceRoot":"","sources":["../../../public/customIcons/TagAlert.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;YAA8D,MAAM;aAAW,MAAM;YAAU,MAAM;6CASzH,CAAA"}
+{"version":3,"file":"TagAlert.d.ts","sourceRoot":"","sources":["../../../public/customIcons/TagAlert.tsx"],"names":[],"mappings":";AAAA,eAAO,MAAM,QAAQ;YAA8D,MAAM;aAAW,MAAM;YAAU,MAAM;iBASzH,CAAA"}

package/dist/public/customIcons/VoteCurrentIcon.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+export declare const VoteCurrentIcon: ({ style, width, height, stroke }: {
+    style?: CSSProperties | undefined;
+    width?: string;
+    height?: string;
+    stroke?: string;
+}) => JSX.Element;
+//# sourceMappingURL=VoteCurrentIcon.d.ts.map

package/dist/public/customIcons/VoteCurrentIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoteCurrentIcon.d.ts","sourceRoot":"","sources":["../../../public/customIcons/VoteCurrentIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,eAAe;YAMlB,aAAa,GAAG,SAAS;YACzB,MAAM;aACL,MAAM;aACN,MAAM;iBAShB,CAAA"}

package/dist/public/customIcons/VoteIcon.d.ts

@@ -4,5 +4,5 @@ export declare const VoteIcon: ({ style, width, height, stroke }: {
     width?: string;
     height?: string;
     stroke?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 //# sourceMappingURL=VoteIcon.d.ts.map

package/dist/public/customIcons/VoteIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoteIcon.d.ts","sourceRoot":"","sources":["../../../public/customIcons/VoteIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,QAAQ;YAMX,aAAa,GAAG,SAAS;YACzB,MAAM;aACL,MAAM;aACN,MAAM;6CA4BhB,CAAA"}
+{"version":3,"file":"VoteIcon.d.ts","sourceRoot":"","sources":["../../../public/customIcons/VoteIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,QAAQ;YAMX,aAAa,GAAG,SAAS;YACzB,MAAM;aACL,MAAM;aACN,MAAM;iBA4BhB,CAAA"}

package/dist/public/customIcons/index.d.ts

@@ -4,4 +4,5 @@ export { CircledCheck } from './CircledCheck';
 export { CircledAlert } from './CircledAlert';
 export { VoteIcon } from './VoteIcon';
 export { ExcludeVoteIcon } from './ExcludeVoteIcon';
+export { VoteCurrentIcon } from './VoteCurrentIcon';
 //# sourceMappingURL=index.d.ts.map

package/dist/public/customIcons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../public/customIcons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../public/customIcons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/DS/admButton/admButton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"admButton.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DS/admButton/admButton.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE1C,eAAO,MAAM,aAAa,gFAgBzB,CAAA;AACD,eAAO,MAAM,UAAU,oEAatB,CAAA;AACD,eAAO,MAAM,kBAAkB,oEAI9B,CAAA;AACD,eAAO,MAAM,YAAY,oEAWxB,CAAA"}
+{"version":3,"file":"admButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/admButton/admButton.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE1C,eAAO,MAAM,aAAa,gFAgBzB,CAAA;AACD,eAAO,MAAM,UAAU,oEAatB,CAAA;AACD,eAAO,MAAM,kBAAkB,oEAI9B,CAAA;AACD,eAAO,MAAM,YAAY,oEAWxB,CAAA"}

package/dist/src/components/DS/admButton/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IAdmButton } from './admButton';
-export default function AdmButton({ variant, count, image, onClick }: IAdmButton): import("react/jsx-runtime").JSX.Element;
+export default function AdmButton({ variant, count, image, onClick }: IAdmButton): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/DS/admButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DS/admButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,2CAiC/E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/admButton/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,eAiC/E"}

package/dist/src/components/DS/cardPeople/cardPeople.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cardPeople.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DS/cardPeople/cardPeople.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAA;AAE9E,eAAO,MAAM,eAAe,kFAY3B,CAAA;AACD,eAAO,MAAM,UAAU,oEAGtB,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAE7B,CAAA;AACD,eAAO,MAAM,UAAU,oEAWtB,CAAA;AACD,eAAO,MAAM,WAAW,oEAWvB,CAAA;AACD,eAAO,MAAM,iBAAiB,oFAO7B,CAAA;AACD,eAAO,MAAM,SAAS,oEAcrB,CAAA"}
+{"version":3,"file":"cardPeople.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/cardPeople/cardPeople.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAA;AAE9E,eAAO,MAAM,eAAe,kFAY3B,CAAA;AACD,eAAO,MAAM,UAAU,oEAGtB,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAE7B,CAAA;AACD,eAAO,MAAM,UAAU,oEAWtB,CAAA;AACD,eAAO,MAAM,WAAW,oEAWvB,CAAA;AACD,eAAO,MAAM,iBAAiB,oFAO7B,CAAA;AACD,eAAO,MAAM,SAAS,oEAcrB,CAAA"}

package/dist/src/components/DS/cardPeople/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ICardPeople } from './cardPeople';
-export default function CardPeople({ labels, userInfo, isChecked, onChecked, hiddenCheckbox, style }: ICardPeople): import("react/jsx-runtime").JSX.Element;
+export default function CardPeople({ labels, userInfo, isChecked, onChecked, hiddenCheckbox, style }: ICardPeople): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/DS/cardPeople/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DS/cardPeople/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAC,EAAC,WAAW,2CAwH9G"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/cardPeople/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAC,EAAC,WAAW,eAwH9G"}

package/dist/src/components/DS/cardUser/cardUser.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cardUser.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DS/cardUser/cardUser.styles.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACpB,OAAO,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,gFA0BzB,CAAA;AAED,eAAO,MAAM,OAAO,oEAKnB,CAAA;AAED,eAAO,MAAM,QAAQ,8EAYpB,CAAA;AAED,eAAO,MAAM,UAAU,oEASlB,CAAA;AACL,eAAO,MAAM,eAAe,gFAe3B,CAAA"}
+{"version":3,"file":"cardUser.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/cardUser/cardUser.styles.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACpB,OAAO,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,gFA0BzB,CAAA;AAED,eAAO,MAAM,OAAO,oEAKnB,CAAA;AAED,eAAO,MAAM,QAAQ,8EAYpB,CAAA;AAED,eAAO,MAAM,UAAU,oEASlB,CAAA;AACL,eAAO,MAAM,eAAe,gFAe3B,CAAA"}

package/dist/src/components/DS/cardUser/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ICardUser } from './cardUser';
-export default function CarUser({ style, userInfo, handleLinkProfile, hasButton, labelButton, handleInvite, handleRemove }: ICardUser): import("react/jsx-runtime").JSX.Element;
+export default function CarUser({ style, userInfo, handleLinkProfile, hasButton, labelButton, handleInvite, handleRemove }: ICardUser): JSX.Element;
 //# sourceMappingURL=index.d.ts.map