frst-components 0.37.0 → 0.38.0

package/dist/esm/src/components/IJ/pagination/index.js

@@ -0,0 +1,82 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { FRSTTheme } from '../../../theme/index.js';
+import { ThemeProvider } from 'styled-components';
+import { useState, useEffect } from 'react';
+import { containerPagination, contentPagination, pageButtonList, ButtonPage } from './paginationStyles.js';
+import { BackArrow, FowardArrow } from '../../../shared/icons.js';
+
+function Pagination(props) {
+    const [activePage, setActivePage] = useState(0);
+    const [TotalRegistry, setTotalRegistry] = useState(props.totalRegistry);
+    const [totalPages, setTotalPages] = useState(Math.ceil(props.totalRegistry / props.registryPerPage));
+    const [paginationElements, setPaginationElements] = useState([]);
+    const [IsLoading, setIsLoading] = useState(props.isLoading);
+    const [Refresh, setRefresh] = useState(0);
+    const handleSwitchPage = (page) => {
+        if (page < 0) {
+            setActivePage(0);
+            props.onLoadPage(0);
+        }
+        else if (page > totalPages - 1) {
+            setActivePage(totalPages - 1);
+            if (page === 0) {
+                props.onLoadPage(totalPages - 1);
+            }
+        }
+        else {
+            setActivePage(page);
+            props.onLoadPage(page);
+        }
+    };
+    useEffect(() => {
+        setIsLoading(props.isLoading);
+    }, [props.isLoading]);
+    useEffect(() => {
+        if (props.totalRegistry === 0) {
+            setActivePage(0);
+        }
+        setTotalRegistry(props.totalRegistry);
+        setTotalPages(Math.ceil(props.totalRegistry / props.registryPerPage));
+        CalcPaginations(Math.ceil(props.totalRegistry / props.registryPerPage));
+        setRefresh(Refresh + 1);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.totalRegistry]);
+    useEffect(() => {
+        CalcPaginations(totalPages);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [activePage]);
+    const CalcPaginations = (totalPages) => {
+        let elements = [];
+        let start = 1;
+        let finish = 0;
+        let showEllipsis = true;
+        if (totalPages <= props.qtdNumberShowPagination) {
+            start = 1;
+            finish = totalPages;
+        }
+        else {
+            if (activePage + props.qtdNumberShowPagination + 1 > totalPages) {
+                start = totalPages - props.qtdNumberShowPagination + 1;
+                finish = totalPages;
+                showEllipsis = false;
+            }
+            else {
+                start = activePage + 1;
+                finish = activePage + props.qtdNumberShowPagination;
+            }
+        }
+        for (let i = start; i <= finish; i++) {
+            if (showEllipsis && i === finish) {
+                elements.push('...');
+                elements.push(totalPages);
+            }
+            else {
+                elements.push(i);
+            }
+        }
+        setPaginationElements(elements);
+    };
+    return (jsx(ThemeProvider, { theme: FRSTTheme, children: jsxs(containerPagination, { style: { ...props.style }, id: "container-pagination", children: [jsx(contentPagination, { id: "content-pagination", children: props.children }), !IsLoading && Refresh > 0 && (jsxs(pageButtonList, { id: "page-button-list", children: [props.showFirstLastButton ? (jsx(ButtonPage, { disabled: activePage === 0, onClick: () => activePage > 0 && handleSwitchPage(0), selected: false, backgroundColor: props.buttonBackgroundColor, children: props.textFirstButton ? props.textFirstButton : 'Primeiro' })) : null, jsx(ButtonPage, { disabled: activePage === 0, onClick: () => activePage > 0 && handleSwitchPage(activePage - 1), selected: false, backgroundColor: props.buttonBackgroundColor, children: jsx(BackArrow, { width: "16", height: "16", fill: "currentColor" }) }), paginationElements.map((item, index) => (jsx(ButtonPage, { disabled: item === '...', onClick: () => item != '...' && handleSwitchPage(item - 1), selected: activePage === item - 1, backgroundColor: props.buttonBackgroundColor, children: item }, index))), jsx(ButtonPage, { disabled: activePage === totalPages - 1, onClick: () => activePage < totalPages - 1 && handleSwitchPage(activePage + 1), selected: false, backgroundColor: props.buttonBackgroundColor, children: jsx(FowardArrow, { width: "18", height: "18", fill: "currentColor" }) }), props.showFirstLastButton ? (jsx(ButtonPage, { disabled: activePage === totalPages - 1, onClick: () => activePage < totalPages - 1 && handleSwitchPage(totalPages - 1), selected: false, backgroundColor: props.buttonBackgroundColor, children: props.textLastButton ? props.textLastButton : 'Último' })) : null] }))] }) }));
+}
+
+export { Pagination as default };

package/dist/esm/src/components/IJ/pagination/paginationStyles.js

@@ -0,0 +1,59 @@
+import styled, { css } from 'styled-components';
+
+const containerPagination = styled.div `
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+    flex-direction: column;
+`;
+const contentPagination = styled.div `
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    flex-direction: column;
+    padding-bottom: 12px;
+`;
+const pageButtonList = styled.div `
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    flex-direction: row;
+    gap: 8px;
+`;
+const ButtonPage = styled.div `
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-width: 40px;
+    height: 40px;
+    padding: 12px;
+    border-radius: 6px;
+    cursor: pointer;
+
+    user-select: none;
+    font-family: 'PT Sans', sans-serif;
+    font-size: 16px;
+    font-weight: 700;
+
+    color: ${({ selected, theme }) => selected ? theme.colors.shadeWhite : theme.colors.neutralsGrey1};
+
+    background-color: ${({ selected, theme, backgroundColor }) => selected
+    ? (backgroundColor || theme.colors.primary1)
+    : (backgroundColor || theme.colors.neutralsGrey6)};
+
+    ${({ disabled, theme }) => !disabled &&
+    css `
+            &:hover {
+                color: ${theme.colors.shadeWhite};
+                background-color: ${theme.colors.primary3};
+            }
+        `}
+    
+    ${({ disabled, theme }) => disabled &&
+    css `
+            color: ${theme.colors.linkDisabled};
+            cursor: not-allowed;
+        `}
+`;
+
+export { ButtonPage, containerPagination, contentPagination, pageButtonList };

package/dist/esm/src/components/IJ/participantCard/index.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../../../shared/global.css.js';
+import { ThemeProvider } from 'styled-components';
+import { FRSTTheme } from '../../../theme/index.js';
+import { WrapperCard, ClickArea, TagArea, TagStatus, UserInfo, DescriptionUser, NameUser, EmailUser, UserAdditionalInfo, Area, Position, AccordionList, AccortionTitle, DataList, DataListItem } from './participantCardStyle.js';
+import Avatar from '../../avatar/index.js';
+import { IconUp, IconGaps, IconModules } from '../../../shared/icons.js';
+import { useState } from 'react';
+import { Accordion, AccordionSummary, AccordionDetails } from '@mui/material';
+
+function ParticipantCard({ userInfo, labels, competencesList, modulesList, disabled, style }) {
+    const [selectedItem, setSelectedItem] = useState(null);
+    const [typeDetails, setTypeDetails] = useState(null);
+    const [isAccordionOpen, setIsAccordionOpen] = useState(false);
+    const [isPressed, setIsPressed] = useState(false);
+    const [accordionState, setAccordionState] = useState({
+        competences: false,
+        modules: false
+    });
+    const IS_TYPE_COMPETENCES = typeDetails === 'competences';
+    const IS_TYPE_MODULES = typeDetails === 'modules';
+    const handleSelectedItem = (id, type) => {
+        setIsAccordionOpen(!isAccordionOpen);
+        setSelectedItem(id);
+        setTypeDetails(type);
+        handleAccordionState(type, !accordionState[type]);
+    };
+    const handleAccordionState = (type, value) => {
+        setAccordionState({
+            ...accordionState,
+            [type]: value
+        });
+    };
+    return (jsx(ThemeProvider, { theme: FRSTTheme, children: jsxs(WrapperCard, { status: labels?.tag, style: { ...style }, children: [jsxs(ClickArea, { status: labels?.tag, isPressed: isPressed, onClick: () => setIsPressed(true), children: [jsx(TagArea, { children: jsx(TagStatus, { isPressed: isPressed, status: labels?.tag, children: labels?.tag }) }), jsxs(UserInfo, { children: [jsx(Avatar, { size: "40px", src: userInfo?.avatar }), jsxs(DescriptionUser, { children: [jsx(NameUser, { children: userInfo?.name }), jsx(EmailUser, { children: userInfo?.email })] })] }), jsxs(UserAdditionalInfo, { children: [jsx(Area, { children: `${labels?.area}: ${userInfo?.area}` }), jsx(Position, { children: `${labels?.position}: ${userInfo?.position}` })] })] }), !disabled && (jsxs(AccordionList, { children: [competencesList && (jsxs(Accordion, { expanded: selectedItem === userInfo?.id && IS_TYPE_COMPETENCES && isAccordionOpen, onChange: () => handleSelectedItem(userInfo?.id, 'competences'), children: [jsx(AccordionSummary, { expandIcon: jsx(IconUp, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: jsxs(AccortionTitle, { children: [jsx(IconGaps, {}), labels?.competences] }) }), jsx(AccordionDetails, { children: jsx(DataList, { children: competencesList?.map((item, index) => (jsx(DataListItem, { children: item.name }, index))) }) })] })), modulesList && (jsxs(Accordion, { expanded: selectedItem === userInfo?.id && IS_TYPE_MODULES && isAccordionOpen, onChange: () => handleSelectedItem(userInfo?.id, 'modules'), children: [jsx(AccordionSummary, { expandIcon: jsx(IconUp, {}), "aria-controls": "panel2bh-content", id: "panel2bh-header", children: jsxs(AccortionTitle, { children: [jsx(IconModules, {}), labels?.modules] }) }), jsx(AccordionDetails, { children: jsx(DataList, { children: modulesList?.map((item, index) => (jsx(DataListItem, { children: item.name }, index))) }) })] }))] }))] }) }));
+}
+
+export { ParticipantCard as default };

package/dist/esm/src/components/IJ/participantCard/participantCardStyle.js

@@ -0,0 +1,273 @@
+import styled from 'styled-components';
+
+const activeStatus = 'Cadastrado';
+const inactiveStatus = 'Inativado';
+const WrapperCard = styled.div `
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: fit-content;
+
+  background: ${(props) => (props.status == activeStatus ? '#fff' : '#BDBDBD')};
+
+  border-radius: 10px;
+  padding-bottom: ${(props) => (props.status == inactiveStatus ? '30px' : '7px')};
+
+  :hover {
+    cursor: pointer;
+  }
+`;
+const TagArea = styled.div `
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  padding: 8px 8px 0px 5px;
+`;
+const ClickArea = styled.div `
+  background-color: ${(props) => props.status !== inactiveStatus && props.isPressed && '#FCE4CC'};
+  border-radius: 10px 10px 0px 0px;
+  padding-bottom: 10px;
+  min-height: 150px;
+`;
+const TagStatus = styled.div `
+  background-color: ${(props) => (props.isPressed && props.status === activeStatus && '#2CA92A') ||
+    (props.status === activeStatus && '#398787') ||
+    (props.status === inactiveStatus && '#222222')};
+  color: ${(props) => (props.status !== inactiveStatus && '#fff') || '#D3D3D3'};
+  font-weight: 300;
+  border-radius: 4px;
+  max-width: 120px !important;
+  padding: 2px 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const AccordionList = styled.div `
+  .css-1elwnq4-MuiPaper-root-MuiAccordion-root {
+    box-shadow: none !important;
+    border-top: 1px solid ${({ theme }) => theme.colors.borderPrimary};
+    border-radius: 0px !important;
+    padding: 0px 10px;
+  }
+
+  #panel1bh-content {
+    margin-top: -5px;
+  }
+
+  .Mui-expanded {
+    margin: 0px !important;
+    background-color: #f7f9fc !important;
+  }
+`;
+const AccortionTitle = styled.span `
+  color: #0645ad;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  svg {
+    margin-right: 5px;
+  }
+`;
+styled.div `
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+`;
+const UserInfo = styled.div `
+  display: flex;
+  flex-direction: row;
+  padding: 0px 25px;
+`;
+const DescriptionUser = styled.div `
+  display: flex;
+  flex-direction: column;
+  margin-left: 13px;
+`;
+const NameUser = styled.div `
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 110%;
+
+  display: flex;
+  align-items: center;
+
+  color: #222222;
+  word-break: normal;
+
+  max-width: 100%;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  word-wrap: break-word;
+`;
+const EmailUser = styled.div `
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 16px;
+  display: flex;
+  align-items: center;
+
+  color: #9c9c9c;
+  word-break: normal;
+
+  max-width: 100%;
+
+  max-width: 100%;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  word-wrap: break-word;
+`;
+const UserAdditionalInfo = styled.div `
+  display: flex;
+  flex-direction: column;
+  margin-top: 15px;
+  padding: 0px 25px;
+`;
+const Area = styled.div `
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 110%;
+  /* or 18px */
+
+  display: flex;
+  align-items: center;
+
+  /* neutrals/grey_1 */
+
+  color: #222222;
+  max-width: 100%;
+
+  max-width: 100%;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  word-wrap: break-word;
+`;
+const Position = styled.div `
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 110%;
+  /* or 18px */
+
+  display: flex;
+  align-items: center;
+
+  /* neutrals/grey_1 */
+
+  color: #222222;
+
+  max-width: 100%;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  word-wrap: break-word;
+`;
+styled.div `
+  display: flex;
+  flex-direction: row;
+  margin-top: 15px;
+  justify-content: space-around;
+  align-items: center;
+`;
+styled.div `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-left: 0px;
+  padding: 4px 16px;
+  gap: 8px;
+
+  width: 149px;
+  height: 32px;
+
+  /* primary_1 */
+
+  background: ${({ theme }) => theme.colors.primary1};
+  border-radius: 8px;
+
+  font-family: 'Work Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 14px;
+  color: ${({ theme }) => theme.colors.shadeWhite};
+  cursor: pointer;
+  margin-left: -13px;
+`;
+styled.div `
+  font-family: 'Work Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 14px;
+  color: #0645ad;
+  cursor: pointer;
+`;
+styled.div `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 4px 16px;
+  gap: 8px;
+
+  width: 159px;
+  height: 32px;
+
+  /* message/success_2 */
+
+  background: #d1f6d1;
+  /* message/success_1 */
+
+  border: 1px solid #1ba853;
+  border-radius: 8px;
+
+  width: 163px;
+  height: 32px;
+  cursor: default;
+  white-space: nowrap;
+
+  font-family: 'Work Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 14px;
+  /* identical to box height */
+
+  display: flex;
+  align-items: center;
+
+  /* neutrals/grey_1 */
+
+  color: #222222;
+`;
+const DataList = styled.ul `
+  list-style-type: none;
+  padding: 0;
+  margin-top: 0 !important;
+  line-height: 25px;
+`;
+const DataListItem = styled.li `
+  list-style-type: none;
+  margin: 0;
+  font-weight: 400;
+`;
+
+export { AccordionList, AccortionTitle, Area, ClickArea, DataList, DataListItem, DescriptionUser, EmailUser, NameUser, Position, TagArea, TagStatus, UserAdditionalInfo, UserInfo, WrapperCard };

package/dist/esm/src/components/IJ/participantCardOld/index.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import '../../../shared/global.css.js';
+import { ThemeProvider } from 'styled-components';
+import { FRSTTheme } from '../../../theme/index.js';
+import { WrapperCard, UserInfo, DescriptionUser, NameUser, EmailUser, UserAdditionalInfo, Area, Position, FooterButton, WrapperButtons, ButtonSendV2, ButtonOrV2, ButtonRemoveV2, ButtonSuccessV2, ButtonSend, ButtonRemove, ButtonSuccess } from './participantCardStyle.js';
+import Avatar from '../../avatar/index.js';
+import Tooltip$1 from '../../LXP/tooltip/index.js';
+import Tooltip from '../../DS/tooltip/index.js';
+import { AddPeople, MessageCheckLine } from '../../../shared/icons.js';
+import { useState, useEffect } from 'react';
+
+function ParticipantCardOld({ variant, userInfo, labels, successfullInvite, style, handleSendInvitation, handleClickRemove, onClickUserInfo, textVisitProfile, hidenRemoveBtn, }) {
+    const [userName, setUserName] = useState(userInfo?.name);
+    const [userEmail, setUserEmail] = useState(userInfo?.email);
+    const [area, setArea] = useState(`${labels?.area ? labels?.area : 'Área'}: ${userInfo?.area}`);
+    const [position, setPosition] = useState(`${labels?.position ? labels?.position : 'Cargo'}: ${userInfo?.position}`);
+    const [statusSend, setStatusSend] = useState(successfullInvite ? 'success' : 'default');
+    useEffect(() => {
+        setUserName(userInfo?.name);
+        setUserEmail(userInfo?.email);
+        setArea(`${labels?.area ? labels?.area : 'Área'}: ${userInfo?.area}`);
+        setPosition(`${labels?.position ? labels?.position : 'Cargo'}: ${userInfo?.position}`);
+        setStatusSend(successfullInvite ? 'success' : 'default');
+    }, [userInfo, labels, successfullInvite]);
+    const clickSendInvitation = () => {
+        setStatusSend('success');
+        handleSendInvitation(userInfo?.id);
+    };
+    return (jsx(ThemeProvider, { theme: FRSTTheme, children: jsxs(WrapperCard, { variant: variant, style: { ...style }, children: [jsxs(UserInfo, { onClick: () => onClickUserInfo ? onClickUserInfo() : {}, children: [jsx(Tooltip, { direction: "top", content: textVisitProfile ? textVisitProfile : 'Visitar perfil', trigger: 'hover', width: '101px', height: '32px', style: { top: '-10px', textAlign: 'center' }, children: jsx(Avatar, { size: "40px", src: userInfo?.avatar, isActiveClick: true }) }), jsxs(DescriptionUser, { children: [userName && userName?.length > 25 ? (jsx(Tooltip$1, { position: "top", textTooltip: userName, children: jsx(NameUser, { children: userName }) })) : (jsx(NameUser, { children: userName })), userEmail && userEmail?.length > 20 ? (jsx(Tooltip$1, { position: "top", textTooltip: userEmail, children: jsx(EmailUser, { children: userEmail }) })) : (jsx(EmailUser, { children: userEmail }))] })] }), jsxs(UserAdditionalInfo, { children: [area && area?.length > 31 ? (jsx(Tooltip$1, { position: "top", textTooltip: userInfo?.area, children: jsx(Area, { variant: variant, children: area }) })) : (jsx(Area, { variant: variant, children: area })), position && position?.length > 33 ? (jsx(Tooltip$1, { position: "top", textTooltip: userInfo?.position, children: jsx(Position, { children: position }) })) : (jsx(Position, { children: position }))] }), variant == 'secondary' ? (jsx(FooterButtonVariantIcons, { statusSend: statusSend, clickSendInvitation: clickSendInvitation, handleClickRemove: handleClickRemove, labels: labels, userInfo: userInfo, variant: variant, IconSend: jsx(LetterEnvelopLineIcon, {}), hidenRemoveBtn: hidenRemoveBtn })) : (variant == 'tertiary' ?
+                    jsx(FooterButtonVariantIcons, { statusSend: statusSend, clickSendInvitation: () => handleSendInvitation(userInfo?.id), handleClickRemove: handleClickRemove, labels: labels, userInfo: userInfo, variant: variant, IconSend: jsx(PeopleLineIcon, {}), hidenRemoveBtn: hidenRemoveBtn })
+                    :
+                        jsx(FooterButtonDefault, { statusSend: statusSend, clickSendInvitation: clickSendInvitation, handleClickRemove: handleClickRemove, labels: labels, userInfo: userInfo }))] }) }));
+}
+function FooterButtonVariantIcons({ statusSend, clickSendInvitation, handleClickRemove, labels, userInfo, variant, IconSend, hidenRemoveBtn }) {
+    const [status, setStatus] = useState(statusSend);
+    useEffect(() => {
+        setStatus(statusSend);
+    }, [statusSend]);
+    return (jsxs(FooterButton, { style: { justifyContent: 'flex-start', gap: '4px', alignItems: 'center' }, children: [status == 'default' ? (jsxs(WrapperButtons, { status: status, children: [jsxs(ButtonSendV2, { onClick: () => {
+                            if (variant == 'secondary')
+                                setStatus('success');
+                            clickSendInvitation();
+                        }, children: [IconSend, labels?.sendInvitation ? labels?.sendInvitation : 'Convidar'] }), !hidenRemoveBtn && jsxs(Fragment, { children: [jsx(ButtonOrV2, { children: labels.or }), jsx(ButtonRemoveV2, { onClick: () => handleClickRemove(userInfo?.id), children: labels?.remove ? labels?.remove : 'Remover' })] })] })) : null, jsx("div", { style: { width: '100%', justifyContent: 'flex-start' }, children: jsxs(ButtonSuccessV2, { status: status, children: [jsx(CheckInCicle, {}), labels?.invitationSuccess ? labels?.invitationSuccess : 'Convite enviado'] }) })] }));
+}
+function FooterButtonDefault({ statusSend, clickSendInvitation, labels, handleClickRemove, userInfo }) {
+    return (jsxs(FooterButton, { children: [statusSend == 'default' ? (jsxs(Fragment, { children: [clickSendInvitation ? (jsxs(ButtonSend, { onClick: () => clickSendInvitation(), children: [jsx(AddPeople, {}), labels?.sendInvitation ? labels?.sendInvitation : 'Enviar convite'] })) : null, handleClickRemove ? (jsx(ButtonRemove, { onClick: () => handleClickRemove(userInfo?.id), children: labels?.remove ? labels?.remove : 'Remover' })) : null] })) : null, statusSend == 'success' ? (jsx("div", { style: { width: '100%', justifyContent: 'flex-start' }, children: jsxs(ButtonSuccess, { children: [jsx(MessageCheckLine, { width: "14" }), labels?.invitationSuccess ? labels?.invitationSuccess : 'Convite enviado'] }) })) : null] }));
+}
+function PeopleLineIcon() {
+    return (jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M12.549 14.9713C12.532 14.7717 12.6157 14.5769 12.772 14.4518C13.2283 14.0867 13.5727 13.581 13.7932 12.9049C14.0286 12.1829 14.1413 11.5131 14.1413 10.8923V8.62656C14.1413 8.30123 14.016 7.93557 13.6901 7.51986C13.3643 7.10436 12.9296 6.75178 12.3712 6.46759C11.8218 6.18796 11.2767 6.05454 10.7301 6.05454C10.4151 6.05454 10.0826 6.10541 9.73058 6.21296C9.37604 6.32129 9.05625 6.46735 8.76858 6.64954L8.44995 6.14643L8.76858 6.64954C8.46646 6.84088 8.19782 7.05279 7.96103 7.28464C7.73815 7.50288 7.57086 7.73504 7.45235 7.98085C7.33291 8.22857 7.28531 8.44184 7.28531 8.62656V10.8923C7.28531 11.4321 7.4064 12.0735 7.67084 12.8245C7.91914 13.5297 8.28527 14.0571 8.75636 14.4359C8.91295 14.5618 8.99614 14.7577 8.97796 14.9578C8.95979 15.1579 8.84266 15.3356 8.66594 15.4312L5.19182 17.3109C5.18613 17.314 5.1804 17.317 5.17462 17.3199C5.11819 17.3481 5.04257 17.3883 4.94593 17.442C4.91178 17.4609 4.82117 17.5256 4.66114 17.675C4.63587 17.6986 4.61809 17.7179 4.60598 17.7327C4.60376 17.7354 4.60177 17.738 4.6 17.7403V19.0489C4.6 19.1498 4.62784 19.2078 4.68601 19.2642C4.75468 19.3307 4.81815 19.3552 4.90629 19.3552H16.5203C16.6084 19.3552 16.6719 19.3307 16.7406 19.2642C16.7987 19.2078 16.8266 19.1498 16.8266 19.0489V17.7212C16.8184 17.7054 16.8107 17.6951 16.8044 17.6881C16.776 17.6565 16.7386 17.6203 16.69 17.5798C16.6454 17.5426 16.6054 17.5149 16.5704 17.4945L12.549 14.9713ZM12.549 14.9713C12.566 15.1708 12.6815 15.3487 12.8568 15.4455M12.549 14.9713L12.8568 15.4455M12.8568 15.4455L16.2083 17.2963L16.2378 17.316C16.2798 17.344 16.3252 17.3666 16.3729 17.3832L12.8568 15.4455ZM16.3735 17.3836C16.3791 17.3862 16.3894 17.3913 16.4051 17.4L16.3735 17.3836Z", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M12 4.62121C12.2991 4.42929 12.628 4.27778 12.9869 4.16667C13.3458 4.05556 13.6947 4 14.0336 4C14.6118 4 15.1801 4.14394 15.7383 4.43182C16.2966 4.7197 16.7477 5.08586 17.0916 5.5303C17.4355 5.97475 17.6075 6.41919 17.6075 6.86364V8.90909C17.6075 9.53535 17.4953 10.197 17.271 10.8939C17.0467 11.5909 16.6854 12.1414 16.1869 12.5455L19.1925 14.2273L19.2374 14.2576C19.2673 14.2677 19.3047 14.2854 19.3495 14.3106C19.3944 14.3359 19.4467 14.3662 19.5065 14.4015C19.5664 14.4369 19.6262 14.4798 19.686 14.5303C19.7458 14.5808 19.7981 14.6313 19.843 14.6818C19.8878 14.7323 19.9252 14.7904 19.9551 14.8561C19.985 14.9217 20 14.9848 20 15.0455V16.2727C20 16.505 19.9202 16.6995 19.7607 16.8561C19.6012 17.0126 19.4118 17.0909 19.1925 17.0909", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+function LetterEnvelopLineIcon() {
+    return (jsx("div", { style: { height: '12px', borderRadius: '2px', overflow: 'hidden', marginRight: '8px', marginLeft: '8px' }, children: jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "12", viewBox: "1 1 16.4 12", children: jsx("path", { strokeWidth: "1", fill: '#0645ad', d: "m3.2,0C1.43,0,0,1.43,0,3.2h2.4c0-.44.36-.8.8-.8V0Zm12,2.4c.44,0,.8.36.8.8h2.4c0-1.77-1.43-3.2-3.2-3.2v2.4Zm.8,8.8c0,.44-.36.8-.8.8v2.4c1.77,0,3.2-1.43,3.2-3.2h-2.4Zm-12.8.8c-.44,0-.8-.36-.8-.8H0c0,1.77,1.43,3.2,3.2,3.2v-2.4Zm-.8-.8V3.2H0v8h2.4Zm12.8.8H3.2v2.4h12v-2.4Zm.8-8.8v8h2.4V3.2h-2.4Zm-12.8-.8h12V0H3.2v2.4Zm4.48,4.44c.91.66,2.14.66,3.05,0l-.7-.97c-.49.35-1.15.35-1.64,0l-.7.97Zm3.05,0l6.43-4.65-.7-.97-6.43,4.65.7.97ZM1.25,2.19l6.43,4.65.7-.97L1.95,1.21l-.7.97Zm9.12,4.17l-.35-.49.35.49Zm-2.35,0l-.35.49.35-.49Z" }) }) }));
+}
+function CheckInCicle() {
+    return (jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("rect", { width: "16", height: "16", rx: "8", fill: "#1BA853" }), jsx("path", { d: "M11.8806 5.09106L6.54729 10.4244L4.12305 8.00016", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+
+export { ParticipantCardOld as default };