- \r\n
\r\n {title} \r\n \r\n {description}\r\n \r\n
\r\n Only admins will see this header
\r\nIf not editor will be redirected to 401
\r\nOnly admins of the subweb 'deca' or of the editor will see this
\r\n- \r\n {users.map(\r\n (user, index) => {\r\n if (index === maxItems) {\r\n return (\r\n
- \r\n
\r\n setPage(nextPage)}\r\n current={page}\r\n total={filteredPages.length}\r\n />\r\n
\r\n \r\n setPage(nextPage)}\r\n current={page}\r\n total={filteredPages.length}\r\n />\r\n
\r\n \r\n setPage(nextPage)}\r\n current={page}\r\n total={totalRecords}\r\n />\r\n
\r\n \r\n setPage(nextPage)}\r\n current={page}\r\n total={totalRecords}\r\n />\r\n
\r\n - \r\n
\r\n Apagar página \r\n Depois de apagada, não será possível recuperar a página. \r\n \r\n Apagar esta página\r\n \r\n
\r\n )\r\n}\r\n\r\nPageDangerZone.propTypes = {\r\n subweb: PropTypes.string.isRequired,\r\n pageId: PropTypes.string.isRequired,\r\n}\r\n\r\nexport default PageDangerZone\r\n","/* eslint-disable no-plusplus */\r\nimport React, { useEffect } from 'react'\r\nimport styled from 'styled-components/macro'\r\nimport PropTypes from 'prop-types'\r\nimport cleanDeep from 'clean-deep';\r\nimport { usePaginatedQuery } from 'react-query'\r\nimport { Spacer } from 'components/atoms'\r\nimport { InputIcon, Pagination } from 'components/molecules'\r\nimport { PeopleTable } from 'components/organisms'\r\nimport {\r\n getPeople, PEOPLE_KEY, ALL_PEOPLE_KEY, getAllPeople \r\n} from 'services/requests'\r\nimport { useDebounce } from 'react-use'\r\nimport { useEditorContext, actions } from 'context/EditorContext';\r\n\r\nlet peopleIDaux = [];\r\nconst PeopleList = ({\r\n subweb, lang, activePeopleId, isPeopleModule, onClickAdd, value\r\n}) => {\r\n const [search, setSearch] = React.useState('')\r\n const [debouncedSearch, setDebouncedSearch] = React.useState('');\r\n const [page, setPage] = React.useState(1)\r\n const [{ peopleModuleselected }] = useEditorContext();\r\n\r\n const peopleID = peopleModuleselected;\r\n\r\n useEffect(() => {\r\n peopleIDaux = []\r\n }, []);\r\n\r\n useDebounce(\r\n () => {\r\n if (debouncedSearch !== search) setDebouncedSearch(search);\r\n },\r\n 500,\r\n [search]\r\n );\r\n\r\n const {\r\n isLoading,\r\n isFetching,\r\n resolvedData,\r\n refetch\r\n } = usePaginatedQuery([PEOPLE_KEY, {\r\n lang,\r\n ...(debouncedSearch === '' ? { subweb } : null),\r\n currentPage: page,\r\n search: debouncedSearch,\r\n }], getPeople)\r\n\r\n \r\n const totalRecords = React.useMemo(() => (\r\n resolvedData\r\n && resolvedData.data\r\n && resolvedData.data.pagination\r\n && resolvedData.data.pagination.totalRecords ? resolvedData.data.pagination.totalRecords : 0\r\n ), [resolvedData])\r\n\r\n const peopleComputed = React.useMemo(() => {\r\n if (\r\n resolvedData && resolvedData.data && resolvedData.data.data\r\n && resolvedData.data.data.length > 0\r\n ) {\r\n if (isPeopleModule) {\r\n let flag = true;\r\n // eslint-disable-next-line no-unused-expressions\r\n for (let i = 0; i < resolvedData.data.data.length; i++) {\r\n if (peopleID.length > 0) {\r\n flag = true;\r\n for (let j = 0; j < peopleID.length; j++) {\r\n if (\r\n resolvedData.data.data[i].photoId === peopleID[j].id \r\n ) {\r\n resolvedData.data.data[i].check = true;\r\n resolvedData.data.data[i].disabledCheck = true;\r\n }\r\n else if (peopleIDaux.length > 0 && flag) {\r\n for (let k = 0; k < peopleIDaux.length; k++) {\r\n if (\r\n peopleIDaux[k].id === resolvedData.data.data[i].photoId) {\r\n if (peopleIDaux[k].check === false || peopleIDaux[k].check === undefined) {\r\n flag = false;\r\n resolvedData.data.data[i].check = peopleIDaux[k].check;\r\n }\r\n else {\r\n flag = false;\r\n resolvedData.data.data[i].check = peopleIDaux[k].check;\r\n resolvedData.data.data[i].disabledCheck = false;\r\n }\r\n \r\n }\r\n }\r\n }\r\n }\r\n }\r\n else if (peopleIDaux.length > 0) {\r\n for (let t = 0; t < peopleIDaux.length; t++) {\r\n if (\r\n peopleIDaux[t].id === resolvedData.data.data[i].photoId \r\n ) {\r\n resolvedData.data.data[i].check = peopleIDaux[t].check;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return resolvedData.data.data.map(({\r\n id,\r\n email,\r\n name,\r\n career,\r\n category,\r\n internalPhone,\r\n visible,\r\n check,\r\n photoId,\r\n disabledCheck,\r\n externalPhone\r\n }) => {\r\n const person = {\r\n id,\r\n name,\r\n category: category || career,\r\n phoneExtension: internalPhone,\r\n email: email.length >= 1 ? email[0] : null,\r\n isVisible: visible,\r\n check: !!check,\r\n photoId,\r\n disabledCheck: !!disabledCheck,\r\n externalPhone\r\n }\r\n return cleanDeep(person)\r\n }) \r\n }\r\n return []\r\n }, [resolvedData])\r\n\r\n const handleSearch = (e) => {\r\n const searchValue = e.target.value\r\n setSearch(searchValue)\r\n setPage(1)\r\n }\r\n\r\n const setCheck = (i, id, check) => {\r\n let obj = {\r\n id,\r\n check\r\n }\r\n peopleIDaux.push(obj)\r\n }\r\n\r\n // react-table pages start at 0 while rc-pagination starts at 1\r\n const tablePage = React.useMemo(() => page - 1, [page])\r\n\r\n return (\r\n <>\r\n - \r\n
A carregar...
\r\n }\r\n\r\n if (isError) {\r\n return (\r\n- \r\n
- \r\n {totalPages > 1 && (\r\n
- \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nRow.propTypes = {\r\n index: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n style: PropTypes.shape({}),\r\n data: PropTypes.shape({\r\n list: PropTypes.arrayOf(PropTypes.shape({})),\r\n stretch: PropTypes.bool,\r\n activeSubweb: PropTypes.string,\r\n }),\r\n}\r\n\r\nRow.defaultProps = {\r\n index: 0,\r\n style: {},\r\n data: {\r\n list: [],\r\n stretch: false,\r\n activeSubweb: null,\r\n },\r\n}\r\n\r\nconst SubwebsList = ({\r\n stretch,\r\n sites,\r\n maxVisible,\r\n activeSubweb,\r\n}) => {\r\n const listHeight = useMemo(() => {\r\n const numberOfCards = sites.length\r\n return numberOfCards < maxVisible ? sizeOfCard * numberOfCards : sizeOfCard * maxVisible\r\n }, [sites, maxVisible])\r\n\r\n // scroll to active subweb\r\n const listRef = useRef(null)\r\n const scrollToItem = (index) => {\r\n listRef.current.scrollToItem(index);\r\n };\r\n\r\n const activeSubwebIndex = useMemo(() => {\r\n if (!activeSubweb) return -1\r\n return sites.findIndex(site => site.slug === activeSubweb)\r\n }, [sites, activeSubweb])\r\n\r\n useEffect(() => {\r\n if (activeSubwebIndex === -1) return;\r\n const scrollToIndex = activeSubwebIndex\r\n scrollToItem(scrollToIndex)\r\n }, [activeSubwebIndex, maxVisible])\r\n\r\n return (\r\n {code}
\r\n\r\n {helper} \r\n : helper\r\n }\r\n
\r\n {message}
\r\n {typeof helper === 'string'\r\n ?- \r\n {modulesFiltered.map(module => (\r\n
| Header A | \r\nHeader B | \r\n
|---|---|
| Célula A | \r\nCélula B | \r\n
\r\n \r\n {!isAbsolute &&\r\n breakpoints.names.map(breakpoint => (\r\n 
\r\n \r\n
\r\n );\r\n}\r\n\r\nPicture.defaultProps = {\r\n isLocal: true,\r\n isVector: false,\r\n backgroundColor: \"transparent\",\r\n backgroundSize: \"fill\",\r\n imagePosition: \"center\",\r\n size: \"md\",\r\n useHeight: false,\r\n absoluteSize: null\r\n};\r\n\r\nPicture.propTypes = {\r\n src: PropTypes.string.isRequired,\r\n isLocal: PropTypes.bool,\r\n isVector: PropTypes.bool,\r\n alt: PropTypes.string.isRequired,\r\n imagePosition: PropTypes.string,\r\n size: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\"]),\r\n useHeight: PropTypes.bool,\r\n absoluteSize: PropTypes.string\r\n};\r\n\r\nexport default styled(Picture)`\r\n /* Without line height 0 there be a weird white spacing below the images */\r\n line-height: 0;\r\n background: ${props => props.backgroundColor};\r\n img {\r\n object-fit: ${props => props.backgroundSize};\r\n object-position: ${props => props.imagePosition};\r\n width: 100%;\r\n height: ${props => props.height};\r\n }\r\n // Small devices (landscape phones, less than 768px)\r\n @media (max-width: 767px) {\r\n img {\r\n height: ${props => props.smHeight};\r\n }\r\n }\r\n`;\r\n","import PropTypes from \"prop-types\";\r\n//Styles\r\nimport styled from \"styled-components\";\r\nimport theme from \"../../../styles/theme\";\r\nconst imagePlaceholder = `https://via.placeholder.com/1920x400/fff/000`;\r\n\r\nconst ImageContainer = styled.div`\r\n height: ${props => props.height};\r\n width: ${props => props.width};\r\n background-image: url(${props =>\r\n props.url === \"\" ? imagePlaceholder : props.url});\r\n background-color: ${props => props.backgroundColor};\r\n background-size: ${props => props.backgroundSize};\r\n -webkit-background-size: ${props => props.backgroundSize};\r\n -moz-background-size: ${props => props.backgroundSize};\r\n -o-background-size: ${props => props.backgroundSize};\r\n background-position: ${props => props.backgroundPosition};\r\n background-repeat: ${props => props.backgroundRepeat};\r\n background-attachment: ${props => props.backgroundAttachment};\r\n\r\n // Medium devices (tablets, less than 992px)\r\n @media (max-width: 991px) {\r\n height: ${props => props.mdHeight};\r\n }\r\n`;\r\n\r\nImageContainer.propTypes = {\r\n width: PropTypes.string,\r\n height: PropTypes.string,\r\n url: PropTypes.string,\r\n backgroundColor: PropTypes.string,\r\n backgroundSize: PropTypes.string,\r\n backgroundPosition: PropTypes.string,\r\n backgroundRepeat: PropTypes.string,\r\n backgroundAttachment: PropTypes.string\r\n};\r\n\r\nImageContainer.defaultProps = {\r\n height: \"auto\",\r\n width: \"auto\",\r\n url: imagePlaceholder,\r\n backgroundColor: theme.colors.white,\r\n backgroundSize: \"cover\",\r\n backgroundPosition: \"center 40%\",\r\n backgroundRepeat: \"no-repeat\",\r\n backgroundAttachment: \"initial\"\r\n};\r\n\r\nexport default ImageContainer;\r\n","import PropTypes from \"prop-types\";\r\n//Styles\r\nimport styled from \"styled-components\";\r\nimport theme from \"../../../styles/theme\";\r\n\r\nconst HorizontalList = styled.ul`\r\n width: 100%;\r\n position: ${props => props.position};\r\n left: ${props => props.left};\r\n\r\n li {\r\n display: ${props => props.display};\r\n }\r\n\r\n // Extra small devices (portrait phones, less than 576px)\r\n @media (max-width: 575px) {\r\n text-align: ${props => props.xsTextAlign};\r\n }\r\n`;\r\n\r\nHorizontalList.propTypes = {\r\n display: PropTypes.string,\r\n spacing: PropTypes.string\r\n};\r\n\r\nHorizontalList.defaultProps = {\r\n display: \"inline\",\r\n spacing: theme.spacing.s\r\n};\r\n\r\nexport default HorizontalList;\r\n","import PropTypes from \"prop-types\";\r\n//Styles\r\nimport styled from \"styled-components\";\r\n\r\nconst VerticalList = styled.ul`\r\n margin-top: ${props => props.marginTop};\r\n margin-bottom: ${props => props.marginBottom};\r\n li {\r\n line-height: ${props => props.lineHeight};\r\n list-style-type: ${props => props.listStyleType};\r\n\r\n padding-top: ${props => props.listPaddingTop};\r\n padding-bottom: ${props => props.listPaddingBottom};\r\n\r\n :last-child {\r\n margin-bottom: ${props => props.marginBottom};\r\n }\r\n }\r\n`;\r\n\r\nVerticalList.defaultProps = {\r\n marginTop: \"0\",\r\n marginBottom: \"0\",\r\n lineHeight: \"normal\",\r\n listStyleType: \"none\"\r\n};\r\n\r\nVerticalList.propTypes = {\r\n marginTop: PropTypes.string,\r\n marginBottom: PropTypes.string,\r\n lineHeight: PropTypes.string,\r\n listPaddingTop: PropTypes.string,\r\n listPaddingBottom: PropTypes.string\r\n};\r\n\r\nexport default VerticalList;\r\n","import PropTypes from \"prop-types\";\r\n//Styles\r\nimport styled from \"styled-components\";\r\nimport theme from \"../../../styles/theme.semantic\";\r\n\r\nconst ListItem = styled.li`\r\n margin-top: ${props => props.marginTop};\r\n margin-bottom: ${props => props.marginBottom};\r\n margin-right: ${props => props.marginRight};\r\n margin-left: ${props => props.marginLeft};\r\n padding-right: ${props => props.paddingRight};\r\n padding-left: ${props => props.paddingLeft};\r\n padding-top: ${props => props.paddingTop};\r\n padding-bottom: ${props => props.paddingBottom};\r\n border-top: ${props => props.borderTop};\r\n border-bottom: ${props => props.borderBottom};\r\n border-right: ${props => props.borderRight};\r\n border-left: ${props => props.borderLeft};\r\n line-height: ${props => props.lineHeight};\r\n height: ${props => props.height};\r\n vertical-align: ${props => props.verticalAlign};\r\n\r\n ${props =>\r\n props.separationLine\r\n ? `\r\n border-right: 0.75pt solid ${props.lineColor || \"#e6e6e6\"}; \r\n padding: ${props.padding || \"0 12px 0 12px\"};\r\n &:last-child{\r\n padding-right: 0;\r\n border-right: none;\r\n }\r\n &:first-child{\r\n padding-left: 0;\r\n }\r\n `\r\n : null};\r\n`;\r\n\r\nListItem.propTypes = {\r\n marginTop: PropTypes.string,\r\n marginBottom: PropTypes.string,\r\n paddingTop: PropTypes.string,\r\n paddingBottom: PropTypes.string,\r\n borderTop: PropTypes.string,\r\n borderBottom: PropTypes.string,\r\n separationLine: PropTypes.bool,\r\n lineColor: PropTypes.string,\r\n padding: PropTypes.string\r\n};\r\n\r\nListItem.defaultProps = {\r\n marginTop: \"0\",\r\n marginBottom: \"0\",\r\n paddingTop: \"0\",\r\n paddingBottom: \"0\",\r\n borderTop: \"none\",\r\n borderBottom: \"none\",\r\n separationLine: false,\r\n lineColor: theme.components.ListItem.lineColor,\r\n padding: \"0 12px 0 12px\"\r\n};\r\n\r\nexport default ListItem;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n//Styles\r\nimport styled from \"styled-components\";\r\n//theme\r\nimport theme from \"../../../styles/theme.semantic\";\r\n\r\nfunction Title({ className, text, children, tag, tabIndex }) {\r\n switch (tag) {\r\n case \"h1\":\r\n return (\r\n \r\n {children || text}\r\n
\r\n );\r\n case \"h3\":\r\n return (\r\n\r\n {children || text}\r\n
\r\n );\r\n default:\r\n return (\r\n\r\n {children || text}\r\n
\r\n );\r\n }\r\n}\r\n\r\nTitle.defaultProps = {\r\n tag: \"h2\"\r\n};\r\n\r\nTitle.propTypes = {\r\n tag: PropTypes.string,\r\n text: PropTypes.string\r\n};\r\n\r\nconst TitleWithStyles = styled(Title)`\r\n font-size: ${props => props.fontSize || \"28px\"};\r\n color: ${props => props.color || \"#000\"};\r\n cursor: ${props => props.cursor};\r\n line-height: ${props => props.lineHeight || \"1.4\"};\r\n font-style: ${props => props.fontStyle || \"normal\"};\r\n font-weight: ${props => props.fontWeight || \"500\"};\r\n margin-bottom: ${props => props.marginBottom};\r\n margin-top: ${props => props.marginTop};\r\n display: ${props => props.display};\r\n font-family: ${props =>\r\n props.alternativeStyle ? props.theme.type.serif : props.fontFamily};\r\n word-break: ${props => props.break};\r\n text-transform: ${props => props.textTransform};\r\n :first-letter {\r\n text-transform: ${props => props.firstLetter};\r\n }\r\n\r\n :focus {\r\n outline: 2px solid inherit;\r\n }\r\n\r\n // Medium devices (tablets, less than 992px)\r\n @media (max-width: 991px) {\r\n color: ${props => props.mobileMdColor};\r\n }\r\n\r\n // Small devices (landscape phones, less than 768px)\r\n @media (max-width: 767px) {\r\n font-size: ${props => props.mobileSmFontSize};\r\n }\r\n\r\n // Extra small devices (portrait phones, less than 576px)\r\n @media (max-width: 575px) {\r\n font-size: ${props => props.mobileXsFontSize};\r\n }\r\n`;\r\n\r\nTitleWithStyles.defaultProps = {\r\n fontFamily: theme.components.title.fontFamily,\r\n alternativeStyle: false\r\n};\r\n\r\nTitleWithStyles.propTypes = {\r\n fontSize: PropTypes.string,\r\n color: PropTypes.string,\r\n lineHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n fontWeight: PropTypes.string,\r\n marginBottom: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n marginTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n fontStyle: PropTypes.string,\r\n text: PropTypes.string,\r\n fontFamily: PropTypes.string,\r\n mobileSmFontSize: PropTypes.string,\r\n mobileXsFontSize: PropTypes.string,\r\n alternativeStyle: PropTypes.bool,\r\n mobileMdColor: PropTypes.string\r\n};\r\n\r\nexport default TitleWithStyles;\r\n","import React, { useState, useMemo } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport PropTypes from \"prop-types\";\r\nimport { useMousePosition } from \"hooks\";\r\nimport { Portal } from \"components/atoms\";\r\nimport { lighten } from \"polished\";\r\n\r\nconst Link = styled.a`\r\n color: #000;\r\n font-size: ${props => props.theme.sizes.s};\r\n &:hover {\r\n text-decoration-color: inherit;\r\n }\r\n`;\r\n\r\nconst HelperStyled = styled.div`\r\n background-color: ${props => lighten(0.34, props.activeColor)};\r\n position: absolute;\r\n z-index: 9999;\r\n font-size: ${props => props.theme.sizes.xs};\r\n top: ${props => props.mouseY}px;\r\n left: ${props => props.mouseX}px;\r\n transform: translateY(-110%);\r\n padding: ${props => props.theme.spacing.xs3};\r\n font-weight: ${props => props.theme.weight.light};\r\n`;\r\n\r\nconst Helper = ({ children, activeColor }) => {\r\n const { x: mouseX, y: mouseY } = useMousePosition();\r\n return (\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nScrollMore.propTypes = {\r\n className: PropTypes.string,\r\n theme: PropTypes.object,\r\n onClick: PropTypes.func\r\n};\r\n\r\nconst ScrollMoreWithStyles = styled(ScrollMore)`\r\n height: ${props => props.height || \"50px\"};\r\n width: 100%;\r\n position: ${props => props.position || \"relative\"};\r\n bottom: ${props => props.bottom || \"initial\"};\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 2;\r\n button {\r\n background-color: transparent;\r\n height: 100%;\r\n width: 100%;\r\n border: none;\r\n cursor: pointer;\r\n i {\r\n -webkit-animation: bouncey 1.6s linear infinite;\r\n animation: bouncey 1.6s linear infinite;\r\n }\r\n }\r\n\r\n @keyframes bouncey {\r\n 0% {\r\n transform: translateY(0);\r\n -webkit-transform: translateY(0);\r\n -moz-transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(4px);\r\n -webkit-transform: translateY(4px);\r\n -moz-transform: translateY(4px);\r\n }\r\n 100% {\r\n transform: translateY(0);\r\n -webkit-transform: translateY(0);\r\n -moz-transform: translateY(0);\r\n }\r\n }\r\n`;\r\n\r\nexport default withTheme(ScrollMoreWithStyles);\r\n","/*\r\n Centralized PropTypes\r\n Read more here: https://medium.freecodecamp.org/react-pattern-centralized-proptypes-f981ff672f3b\r\n*/\r\n\r\nimport PropTypes from 'prop-types';\r\nimport { status } from 'context/EditorContext'\r\n\r\nconst {\r\n shape,\r\n string,\r\n func,\r\n number,\r\n oneOfType,\r\n arrayOf,\r\n bool,\r\n} = PropTypes;\r\n\r\nconst pageCardShape = shape({\r\n height: string.isRequired,\r\n width: string.isRequired,\r\n});\r\n\r\nconst headerShape = shape({\r\n color: string.isRequired,\r\n});\r\n\r\nexport const themeType = shape({\r\n colors: shape({\r\n base: string.isRequired,\r\n baseInverse: string.isRequired,\r\n baseLighter: string.isRequired,\r\n bg: string.isRequired,\r\n bgAnimation: string.isRequired,\r\n bgDark: string.isRequired,\r\n bgFocus: string.isRequired,\r\n bgLighter: string.isRequired,\r\n bgLighterS: string.isRequired,\r\n bgPrimary: string.isRequired,\r\n black: string.isRequired,\r\n blackLight: string.isRequired,\r\n blue: string.isRequired,\r\n blueFocus: string.isRequired,\r\n blueLight: string.isRequired,\r\n border: string.isRequired,\r\n borderBtn: string.isRequired,\r\n borderLighter: string.isRequired,\r\n danger: string.isRequired,\r\n dangerDarker: string.isRequired,\r\n dangerLighter: string.isRequired,\r\n editorBg: string.isRequired,\r\n editorHighlight: string.isRequired,\r\n green: string.isRequired,\r\n grey: string.isRequired,\r\n greyDark: string.isRequired,\r\n greyLighS: string.isRequired,\r\n greyLight: string.isRequired,\r\n greyLightM: string.isRequired,\r\n greyLighter: string.isRequired,\r\n orange: string.isRequired,\r\n primary: string.isRequired,\r\n primaryDarker: string.isRequired,\r\n primaryLighter: string.isRequired,\r\n red: string.isRequired,\r\n redDarker: string.isRequired,\r\n redLighter: string.isRequired,\r\n warn: string.isRequired,\r\n warnDark: string.isRequired,\r\n warnLighter: string.isRequired,\r\n white: string.isRequired,\r\n whiteDarker: string.isRequired,\r\n yellow: string.isRequired,\r\n }).isRequired,\r\n components: shape({\r\n button: shape({\r\n fontSize: string.isRequired,\r\n fontWeight: string.isRequired,\r\n }).isRequired,\r\n form: shape({\r\n maxWidth: string.isRequired,\r\n }).isRequired,\r\n layout: shape({\r\n backgroundColor: string.isRequired,\r\n paddingHorizontal: string.isRequired,\r\n paddingVertical: string.isRequired,\r\n widthNav: string.isRequired,\r\n }).isRequired,\r\n menuHeader: shape({\r\n width: string.isRequired,\r\n }).isRequired,\r\n navActions: shape({\r\n backgroundColor: string.isRequired,\r\n width: string.isRequired,\r\n }).isRequired,\r\n navGlobal: shape({\r\n paddingRight: string.isRequired,\r\n width: string.isRequired,\r\n widthClosed: string.isRequired,\r\n }).isRequired,\r\n pageCard: pageCardShape.isRequired,\r\n sectionCard: pageCardShape.isRequired,\r\n table: shape({\r\n header: headerShape.isRequired,\r\n }).isRequired,\r\n text: headerShape.isRequired,\r\n }).isRequired,\r\n shadows: shape({\r\n base: string.isRequired,\r\n button: string.isRequired,\r\n card: string.isRequired,\r\n icon: string.isRequired,\r\n }).isRequired,\r\n sizes: shape({\r\n l: string.isRequired,\r\n m: string.isRequired,\r\n s: string.isRequired,\r\n xl: string.isRequired,\r\n xl2: string.isRequired,\r\n xl3: string.isRequired,\r\n xl4: string.isRequired,\r\n xl5: string.isRequired,\r\n xl6: string.isRequired,\r\n xl7: string.isRequired,\r\n xs: string.isRequired,\r\n xs2: string.isRequired,\r\n xs3: string.isRequired,\r\n }).isRequired,\r\n spacing: shape({\r\n l: string.isRequired,\r\n m: string.isRequired,\r\n s: string.isRequired,\r\n sm: string.isRequired,\r\n xl: string.isRequired,\r\n xl1: string.isRequired,\r\n xl2: string.isRequired,\r\n xl3: string.isRequired,\r\n xl4: string.isRequired,\r\n xl5: string.isRequired,\r\n xl6: string.isRequired,\r\n xs: string.isRequired,\r\n xs2: string.isRequired,\r\n xs3: string.isRequired,\r\n xs4: string.isRequired,\r\n }).isRequired,\r\n type: shape({\r\n base: string.isRequired,\r\n icons: string.isRequired,\r\n serif: string.isRequired,\r\n }).isRequired,\r\n typos: shape({\r\n button: string.isRequired,\r\n input: string.isRequired,\r\n link: string.isRequired,\r\n text: string.isRequired,\r\n title: string.isRequired,\r\n }).isRequired,\r\n values: shape({\r\n borderRadius: string.isRequired,\r\n borderRadiusM: string.isRequired,\r\n borderSize: string.isRequired,\r\n headerLine: pageCardShape.isRequired,\r\n zIndex: shape({\r\n m: string.isRequired,\r\n s: string.isRequired,\r\n superBig: string.isRequired,\r\n l: string.isRequired,\r\n }).isRequired,\r\n }).isRequired,\r\n weight: shape({\r\n base: number.isRequired,\r\n bold: number.isRequired,\r\n light: number.isRequired,\r\n xbase: number.isRequired,\r\n xlight: number.isRequired,\r\n xxlight: number.isRequired,\r\n }).isRequired,\r\n});\r\n\r\nexport const iconType = string;\r\n\r\nexport const historyType = shape({\r\n location: shape({ pathname: string }),\r\n push: func,\r\n});\r\n\r\nexport const locationType = shape({\r\n hash: string,\r\n key: string,\r\n pathname: string,\r\n search: string,\r\n});\r\n\r\nexport const errorType = shape({\r\n message: string,\r\n code: oneOfType([number, string])\r\n});\r\n\r\nexport const modifiersType = oneOfType([string, arrayOf(string)]);\r\n\r\nexport const sitesType = arrayOf(\r\n shape({\r\n slug: string.isRequired,\r\n initials: string.isRequired,\r\n description: string.isRequired,\r\n color: string.isRequired,\r\n isActive: bool,\r\n })\r\n);\r\n\r\nexport const userType = shape({\r\n name: PropTypes.string.isRequired,\r\n email: PropTypes.string.isRequired,\r\n});\r\n\r\nexport const imageType = PropTypes.shape({\r\n src: PropTypes.string,\r\n alt: PropTypes.string,\r\n});\r\n\r\nexport const mediaType = PropTypes.shape({\r\n title: PropTypes.string,\r\n alt: PropTypes.string,\r\n url: PropTypes.string,\r\n isLocal: PropTypes.bool,\r\n})\r\n\r\nexport const slideType = PropTypes.shape({\r\n description: PropTypes.string,\r\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n image: PropTypes.shape({\r\n id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n alt: PropTypes.string,\r\n title: PropTypes.string,\r\n url: PropTypes.string,\r\n }),\r\n summary: PropTypes.string,\r\n title: PropTypes.string,\r\n url: PropTypes.string,\r\n});\r\n\r\nexport const screenType = PropTypes.oneOf(['mobile', 'tablet', 'desktop']);\r\n\r\nexport const refType = PropTypes.oneOfType([\r\n PropTypes.func,\r\n PropTypes.shape({ current: PropTypes.any })\r\n])\r\n\r\nexport const richTextEditorOptions = PropTypes.shape({\r\n activeColor: PropTypes.string,\r\n})\r\n\r\nexport const intlType = PropTypes.shape(({\r\n formatMessage: PropTypes.func\r\n}))\r\n\r\nexport const slideTypeOptions = {\r\n VIDEO: 'video',\r\n LEFT_COLUMNS: 'leftColumns',\r\n DEFAULT: 'default'\r\n}\r\n\r\nexport const statusType = PropTypes.oneOf([...Object.keys(status), 'history', 'actual'])\r\n","import { hasHash } from \"./constants\";\r\n\r\n/**\r\n * USER OPERATIONS\r\n */\r\n\r\n//Saves the user token to remember the user\r\nconst _storeUser = token => {\r\n window.localStorage.setItem(\"portalWebToken\", token);\r\n};\r\n\r\n//Checks if the user is loggedin\r\nconst _isLoggedIn = () => {\r\n return window.localStorage.getItem(\"portalWebToken\");\r\n};\r\n//Removes the token and logs out the user\r\nconst _logout = () => {\r\n window.localStorage.removeItem(\"portalWebToken\");\r\n setTimeout(() => {\r\n _refreshPage();\r\n }, 200);\r\n};\r\n\r\n/**\r\n * UTILS OPERATIONS\r\n */\r\nconst generateToken = () => {\r\n return guid();\r\n};\r\n\r\nconst guid = () => {\r\n function s4() {\r\n return Math.floor((1 + Math.random()) * 0x10000)\r\n .toString(16)\r\n .substring(1);\r\n }\r\n return s4() + \"\" + s4() + \"\" + s4() + \"\" + s4();\r\n};\r\n\r\nconst _refreshPage = () => {\r\n window.location.reload();\r\n};\r\n\r\nconst smartWidth = (width = 1140) => {\r\n return (window.innerWidth - width) / 2;\r\n};\r\n\r\nconst compose = (...funcs) =>\r\n funcs.reduce((a, b) => (...args) => a(b(...args)), arg => arg);\r\n\r\nconst validURL = str => {\r\n var pattern = new RegExp(\r\n \"^(https?:\\\\/\\\\/)?\" + // protocol\r\n \"((([a-z\\\\d]([a-z\\\\d-]*[a-z\\\\d])*)\\\\.)+[a-z]{2,}|\" + // domain name\r\n \"((\\\\d{1,3}\\\\.){3}\\\\d{1,3}))\" + // OR ip (v4) address\r\n \"(\\\\:\\\\d+)?(\\\\/[-a-z\\\\d%_.~+]*)*\" + // port and path\r\n \"(\\\\?[;&a-z\\\\d%_.~+=-]*)?\" + // query string\r\n \"(\\\\#[-a-z\\\\d_]*)?$\",\r\n \"i\"\r\n ); // fragment locator\r\n return !!pattern.test(str);\r\n};\r\n\r\nconst is_touch_device = () => {\r\n const prefixes = \" -webkit- -moz- -o- -ms- \".split(\" \");\r\n const mq = query => {\r\n return window.matchMedia(query).matches;\r\n };\r\n\r\n if (\r\n \"ontouchstart\" in window ||\r\n (window.DocumentTouch && document instanceof \"DocumentTouch\")\r\n ) {\r\n return true;\r\n }\r\n\r\n // include the 'heartz' as a way to have a non matching MQ to help terminate the join\r\n // https://git.io/vznFH\r\n let query = [\"(\", prefixes.join(\"touch-enabled),(\"), \"heartz\", \")\"].join(\"\");\r\n return mq(query);\r\n};\r\n\r\n// strip html tags\r\nconst stripHtml = html => {\r\n const doc = new DOMParser().parseFromString(html, \"text/html\");\r\n return doc.body.textContent || \"\";\r\n};\r\n\r\n// clear hash route\r\nconst clearHashRoute = hashRoute => {\r\n const chars = hashRoute.split(\"\");\r\n let cleanRoute = hashRoute;\r\n if (chars[0] === \"#\") cleanRoute = hashRoute.substr(1);\r\n return cleanRoute;\r\n};\r\n\r\nfunction changeAccessibilityFilter(value) {\r\n localStorage.setItem(\"portalUAAccessibilityFilter\", value);\r\n // window.location.reload();\r\n}\r\n\r\n//gets the default or current value for de accessibility filter\r\nfunction getAccessibilityFilter() {\r\n if (localStorage.getItem(\"portalUAAccessibilityFilter\") === null) {\r\n changeAccessibilityFilter(0);\r\n return 0;\r\n }\r\n return localStorage.getItem(\"portalUAAccessibilityFilter\");\r\n}\r\n\r\nfunction changeZoom(value) {\r\n localStorage.setItem(\"portalUAZoomFilter\", value);\r\n // window.location.reload();\r\n}\r\n\r\nfunction getZoom() {\r\n if (localStorage.getItem(\"portalUAZoomFilter\") === null) {\r\n changeZoom(\"100%\");\r\n return \"100%\";\r\n }\r\n return localStorage.getItem(\"portalUAZoomFilter\");\r\n}\r\n\r\n//gets the cookies bar state\r\nfunction setCookieBarLocalStorage(hasConsent = true) {\r\n localStorage.setItem(\"portalUACookiesBarConsent\", hasConsent);\r\n return hasConsent;\r\n}\r\n\r\nfunction getCookieBarLocalStorage() {\r\n const cookieBarConsent = localStorage.getItem(\"portalUACookiesBarConsent\");\r\n if (cookieBarConsent === null) return false;\r\n return JSON.parse(cookieBarConsent);\r\n}\r\n\r\n/**\r\n * Returns an internal link to a path\r\n * @param {string} path page path\r\n * @returns {string} link of the path with language and hash\r\n */\r\nconst internalLink = path => `${hasHash}/pt/${path}`;\r\n\r\nconst isIE = () => {\r\n var ua = window.navigator.userAgent;\r\n var msie = ua.indexOf(\"MSIE \");\r\n\r\n // eslint-disable-next-line\r\n if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\\:11\\./)) {\r\n // If Internet Explorer, return version number\r\n // alert(parseInt(ua.substring(msie + 5, ua.indexOf(\".\", msie))));\r\n return true;\r\n } // If another browser, return 0\r\n\r\n /*\r\n if (/Edge\\/\\d./i.test(navigator.userAgent)){\r\n // This is Microsoft Edge\r\n return true;\r\n }*/\r\n\r\n return false;\r\n};\r\n\r\nexport {\r\n _storeUser,\r\n _isLoggedIn,\r\n _logout,\r\n generateToken,\r\n guid,\r\n _refreshPage,\r\n smartWidth,\r\n compose,\r\n validURL,\r\n is_touch_device,\r\n stripHtml,\r\n clearHashRoute,\r\n getAccessibilityFilter,\r\n changeAccessibilityFilter,\r\n changeZoom,\r\n getZoom,\r\n internalLink,\r\n setCookieBarLocalStorage,\r\n getCookieBarLocalStorage,\r\n isIE\r\n};\r\n","/* eslint-disable no-param-reassign, no-restricted-syntax, max-len, no-plusplus */\r\n\r\n/*\r\n Based on the work from Rosey:\r\n https://github.com/Rosey/markdown-draft-js\r\n\r\n Specifically this file:\r\n https://github.com/Rosey/markdown-draft-js/blob/master/src/markdown-to-draft.js\r\n\r\n*/\r\n\r\nimport { Remarkable } from 'remarkable';\r\n\r\nconst TRAILING_NEW_LINE = /\\n$/;\r\n\r\n// In DraftJS, string lengths are calculated differently than in JS itself (due\r\n// to surrogate pairs). Instead of importing the entire UnicodeUtils file from\r\n// FBJS, we use a simpler alternative, in the form of `Array.from`.\r\n//\r\n// Alternative: const { strlen } = require('fbjs/lib/UnicodeUtils');\r\nfunction strlen(str) {\r\n return Array.from(str).length;\r\n}\r\n\r\n// Block level items, key is Remarkable's key for them, value returned is\r\n// A function that generates the raw draftjs key and block data.\r\n//\r\n// Why a function? Because in some cases (headers) we need additional information\r\n// before we can determine the exact key to return. And blocks may also return data\r\nconst DefaultBlockTypes = {\r\n paragraph_open() {\r\n return {\r\n type: 'unstyled',\r\n text: '',\r\n entityRanges: [],\r\n inlineStyleRanges: []\r\n };\r\n },\r\n\r\n blockquote_open() {\r\n return {\r\n type: 'blockquote',\r\n text: ''\r\n };\r\n },\r\n\r\n ordered_list_item_open() {\r\n return {\r\n type: 'ordered-list-item',\r\n text: ''\r\n };\r\n },\r\n\r\n unordered_list_item_open() {\r\n return {\r\n type: 'unordered-list-item',\r\n text: ''\r\n };\r\n },\r\n\r\n fence(item) {\r\n return {\r\n type: 'code-block',\r\n data: {\r\n language: item.params || ''\r\n },\r\n text: (item.content || '').replace(TRAILING_NEW_LINE, ''), // remarkable seems to always append an erronious trailing newline to its codeblock content, so we need to trim it out.\r\n entityRanges: [],\r\n inlineStyleRanges: []\r\n };\r\n },\r\n\r\n heading_open(item) {\r\n const type = `header-${({\r\n 1: 'one',\r\n 2: 'two',\r\n 3: 'three',\r\n 4: 'four',\r\n 5: 'five',\r\n 6: 'six'\r\n })[item.hLevel]}`;\r\n\r\n return {\r\n type,\r\n text: ''\r\n };\r\n }\r\n};\r\n\r\n// Entity types. These are things like links or images that require\r\n// additional data and will be added to the `entityMap`\r\n// again. In this case, key is remarkable key, value is\r\n// meethod that returns the draftjs key + any data needed.\r\nconst DefaultBlockEntities = {\r\n link_open(item) {\r\n return {\r\n type: 'LINK',\r\n mutability: 'MUTABLE',\r\n data: {\r\n url: item.href,\r\n href: item.href\r\n }\r\n };\r\n }\r\n};\r\n\r\n// Entity styles. Simple Inline styles that aren't added to entityMap\r\n// key is remarkable key, value is draftjs raw key\r\nconst DefaultBlockStyles = {\r\n strong_open: 'BOLD',\r\n em_open: 'ITALIC',\r\n code: 'CODE'\r\n};\r\n\r\n// Key generator for entityMap items\r\nlet idCounter = -1;\r\nfunction generateUniqueKey() {\r\n idCounter += 1;\r\n return idCounter;\r\n}\r\n\r\n/*\r\n * Handle inline content in a block level item\r\n * parses for BlockEntities (links, images) and BlockStyles (em, strong)\r\n * doesn't handle block level items (blockquote, ordered list, etc)\r\n *\r\n * @param