{"version":3,"file":"index.b709537a.js","sources":["../../../../../../node_modules/@babylon/ui-kit/dist/components/common/others/text-html/views/mobile/styled.js","../../../../../../node_modules/@babylon/ui-kit/dist/components/common/others/text-html/views/mobile/index.js"],"sourcesContent":["import { linearGradient, rgba } from \"polished\";\nimport styled from \"styled-components\";\nimport { Button } from \"../../../../../base/buttons/button/index.js\";\nimport InnerMarkdownHTML from \"../../../../../base/text/inner-markdown-HTML/index.js\";\nimport Title from \"../../../../../base/text/title/index.js\";\nimport Modal from \"../../../../../structures/others/modal/index.js\";\nimport { ModalContent, ModalHeader, ModalHeaderText } from \"../../../../../structures/others/modal/styled.js\";\nimport { FlexMixin, FontMixin } from \"../../../../../../styles/common/mixins/helpers.styled.js\";\nimport { Padding } from \"../../../../../../styles/common/mixins/logical.styled.js\";\nexport const MobileTextHTML = styled.div.withConfig({\n displayName: \"styled__MobileTextHTML\",\n componentId: \"sc-cd3f603b-0\"\n})`\n\t${FlexMixin({\n direction: 'column'\n})}\n\t${Button} {\n\t\talign-self: center;\n\t\tmargin-top: 16px;\n\t}\n`;\nexport const MobileContent = styled.div.withConfig({\n displayName: \"styled__MobileContent\",\n componentId: \"sc-cd3f603b-1\"\n})`\n\tposition: relative;\n\tmax-height: 300px;\n\toverflow: hidden;\n\t&::after {\n\t\t${({ theme })=>linearGradient({\n colorStops: [\n `${rgba(theme.colors.white.base, 0)} 0`,\n `${rgba(theme.colors.white.base, 0.4)} 40%`,\n `${rgba(theme.colors.white.base, 0.98)} 80%`\n ],\n toDirection: '180deg'\n })}\n\t\tbackground-repeat: repeat-x;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\theight: 72px;\n\t}\n\th2 {\n\t\t${FontMixin({\n size: 'base',\n weight: 'semiBold'\n})}\n\t\tpadding: 5px 0;\n\t}\n\t${Padding({\n x: '16px',\n y: '0'\n})}\n`;\nexport const MobileTitle = styled(Title).withConfig({\n displayName: \"styled__MobileTitle\",\n componentId: \"sc-cd3f603b-2\"\n})`\n\t&,\n\tp {\n\t\tcolor: ${({ theme })=>theme.colors.text.dark};\n\t\t${FontMixin({\n size: 'base',\n height: 'base',\n weight: 'medium'\n})}\n\t\tmargin-bottom: 8px;\n\t\t${Padding({\n all: '0'\n})}\n\t\ttext-align: left;\n\t}\n`;\nexport const MobileMarkdown = styled(InnerMarkdownHTML).withConfig({\n displayName: \"styled__MobileMarkdown\",\n componentId: \"sc-cd3f603b-3\"\n})`\n\tcolor: ${({ theme })=>theme.colors.text.dark};\n\tmargin-bottom: 4px;\n\t${FontMixin({\n size: 'medium',\n height: 'base',\n weight: 'light'\n})}\n\tstrong {\n\t\t${FontMixin({\n weight: 'medium'\n})}\n\t}\n\n\tol {\n\t\tlist-style: decimal;\n\t\tpadding-left: 20px;\n\t}\n`;\nexport const MobileModal = styled(Modal).withConfig({\n displayName: \"styled__MobileModal\",\n componentId: \"sc-cd3f603b-4\"\n})`\n\t${ModalHeader} {\n\t\t${FlexMixin({\n justify: 'center'\n})}\n\t\t${ModalHeaderText} {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\twidth: 86%;\n\t\t}\n\t}\n\t${ModalContent} {\n\t\t${Padding({\n x: '16px',\n y: '20px'\n})}\n\t}\n`;\n\n//# sourceMappingURL=styled.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Children, useEffect, useRef } from \"react\";\nimport { useBoolean } from \"usehooks-ts\";\nimport { Button } from \"../../../../../base/buttons/button/index.js\";\nimport { InnerHTML } from \"../../../../../base/text/inner-HTML/index.js\";\nimport { Title } from \"../../../../../base/text/title/index.js\";\nimport { initLazy } from \"../../utils/index.js\";\nimport * as S from \"./styled.js\";\nexport const MobileTextHTMLView = ({ config , title =false , items =[] , hasNoMarkdown =false })=>{\n const { value: isVisible , toggle: toggleVisibility } = useBoolean();\n const inputRef = useRef(null);\n useEffect(()=>{\n if (inputRef) initLazy(inputRef);\n }, [\n items,\n inputRef\n ]);\n const renderedItems = Children.toArray(items.map(({ title , content })=>/*#__PURE__*/ _jsxs(_Fragment, {\n children: [\n title && /*#__PURE__*/ _jsx(S.MobileTitle, {\n title: title\n }),\n hasNoMarkdown ? /*#__PURE__*/ _jsx(InnerHTML, {\n content: content\n }) : /*#__PURE__*/ _jsx(S.MobileMarkdown, {\n content: content\n })\n ]\n })));\n return /*#__PURE__*/ _jsxs(S.MobileTextHTML, {\n \"data-testid\": \"TextHTML\",\n ref: inputRef,\n children: [\n title && /*#__PURE__*/ _jsx(Title, {\n \"data-testid\": \"TextHTMLTitle\",\n title: title\n }),\n /*#__PURE__*/ _jsx(S.MobileContent, {\n \"data-testid\": \"Content\",\n children: renderedItems\n }),\n /*#__PURE__*/ _jsx(Button, {\n \"data-testid\": \"ShowMore\",\n onClick: toggleVisibility,\n variant: \"negative\",\n height: \"auto\",\n children: config?.literals?.viewMore\n }),\n /*#__PURE__*/ _jsx(S.MobileModal, {\n content: renderedItems,\n header: config?.literals?.modalTitle,\n visible: isVisible,\n hide: toggleVisibility\n })\n ]\n });\n};\nexport default MobileTextHTMLView;\n\n//# sourceMappingURL=index.js.map"],"names":["MobileTextHTML","styled","FlexMixin","Button","MobileContent","theme","linearGradient","rgba","FontMixin","Padding","MobileTitle","Title","MobileMarkdown","InnerMarkdownHTML","MobileModal","Modal","ModalHeader","ModalHeaderText","ModalContent","MobileTextHTMLView","config","title","items","hasNoMarkdown","isVisible","toggleVisibility","useBoolean","inputRef","useRef","useEffect","initLazy","renderedItems","Children","content","_jsxs","_Fragment","_jsx","S.MobileTitle","InnerHTML","S.MobileMarkdown","S.MobileTextHTML","S.MobileContent","_a","S.MobileModal","_b"],"mappings":"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","x_google_ignoreList":[0,1]}