{"version":3,"sources":["webpack:///./ClientApp/components/Pages/Resources/FamilyResources/FRUtils.tsx","webpack:///./ClientApp/components/Pages/Resources/FamilyResources/FRBlog.tsx"],"names":["ICON_LINK","require","TEXT_LINK","FRBlog","currentCategoryBlog","match","categoriesBlog","onSetCategory","searchQuery","React","contentTopicList","setContentTopicList","offsetContent","setOffsetContent","modalVisible","setModalVisible","videoSrc","setVideoSrc","blogItemsTotalCount","setBlogItemsTotalCount","isLoaded","setIsLoaded","url","params","id","forEach","item","rest","get","then","res","prev","list","count","name","property","content","description","undefined","className","length","map","index","key","title","smallText","contentType","ContentType","Video","onClick","src","alt","Article","to","topic","href","target","style","backgroundImage","avatar","withSeo","state","blogPage"],"mappings":"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","file":"chunks/FRBlog.chunk.0c498f0cb10db1e24122.js","sourcesContent":["export const ICON_LINK = [\r\n\trequire('@app/images/arrow_circle.svg'),\r\n\trequire('@app/images/text-button_link.svg'),\r\n\trequire('@app/images/arrow_circle.svg'),\r\n];\r\n\r\nexport const TEXT_LINK = [\r\n\t'Read more',\r\n\t'Visit the site',\r\n\t'Watch Now'\r\n];","import * as React from 'react';\r\nimport {Helmet} from 'react-helmet';\r\nimport {Link} from 'react-router-dom';\r\n\r\nimport {List} from '@common/typescript/objects/List';\r\n\r\nimport {ContentEntity, ContentType} from '@app/objects/ContentTopic';\r\nimport ModalVideo from '@app/components/UI/ModalVideo/ModalVideo';\r\nimport {TEXT_LINK, ICON_LINK} from '@app/components/Pages/Resources/FamilyResources/FRUtils';\r\nimport {rest} from '@app/components/Api';\r\nimport withSeo from '@app/components/LocalCommon/HigherOrderComponents/WithSeo';\r\n\r\nconst FRBlog = ({\r\n\tcurrentCategoryBlog,\r\n\tmatch,\r\n\tcategoriesBlog,\r\n\tonSetCategory,\r\n\tsearchQuery\r\n}) => {\r\n\tconst [contentTopicList, setContentTopicList] = React.useState<ContentEntity[]>();\r\n\tconst [offsetContent, setOffsetContent] = React.useState<number>(0);\r\n\tconst [modalVisible, setModalVisible] = React.useState(false);\r\n\tconst [videoSrc, setVideoSrc] = React.useState('');\r\n\tconst [blogItemsTotalCount, setBlogItemsTotalCount] = React.useState<number>(0);\r\n\tconst [isLoaded, setIsLoaded] = React.useState<boolean>(false);\r\n\tconst initBlogItemsCount  = 10;\r\n\r\n\tconst increaseOffsetContent = (count) => {\r\n\t\tsetOffsetContent(offsetContent + count);\r\n\t};\r\n\r\n\tReact.useEffect(() => {\r\n\t\tlet url;\r\n\t\tif (!currentCategoryBlog?.url) {\r\n\t\t\tif (match.params.id) {\r\n\t\t\t\tif (categoriesBlog) {\r\n\t\t\t\t\tcategoriesBlog.forEach((item) => {\r\n\t\t\t\t\t\tif (item.url === match.params.id) {\r\n\t\t\t\t\t\t\tonSetCategory(item);\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\turl = `v2/contentTopics/blog/${match.params.id || ''}/content?text=${searchQuery || ''}${offsetContent ? `&offset=${offsetContent}` : ''}`;\r\n\t\t\t} else {\r\n\t\t\t\turl = `v2/contentTopics/blog/content?text=${searchQuery || ''}${offsetContent ? `&offset=${offsetContent}` : ''}`;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\turl = `v2/contentTopics/blog/${currentCategoryBlog?.url}/content?text=${searchQuery || ''}${offsetContent ? `&offset=${offsetContent}` : ''}`;\r\n\t\t}\r\n\t\trest.get<List<ContentEntity>>(url)\r\n\t\t\t.then((res) => {\r\n\t\t\t\toffsetContent ?\r\n\t\t\t\t\tsetContentTopicList(prev => prev ? [...prev, ...res.list] : res.list) :\r\n\t\t\t\t\tsetContentTopicList(res.list);\r\n\t\t\t\tsetBlogItemsTotalCount(res.count);\r\n\t\t\t\tsetIsLoaded(true);\r\n\t\t\t});\r\n\t}, [currentCategoryBlog, offsetContent, searchQuery]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tsetOffsetContent(0);\r\n\t}, [currentCategoryBlog]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{currentCategoryBlog &&\r\n\t\t\t<Helmet>\r\n\t\t\t\t<title>{`${currentCategoryBlog.name || 'Blog'} | Lap of Love`}</title>\r\n\t\t\t\t<meta name=\"description\" property=\"og:description\" content={currentCategoryBlog.description || undefined}/>\r\n\t\t\t</Helmet>\r\n\t\t\t}\r\n\t\t\t<div className=\"blog-page__content\">\r\n\t\t\t\t{!isLoaded ? <div className=\"faq-block__dummy\">Woof! Looks like we're still loading a few things.</div> : \r\n\t\t\t\t\tcontentTopicList && contentTopicList.length ?\r\n\t\t\t\t\tcontentTopicList.map((item, index) => (\r\n\t\t\t\t\t\t<article key={index} className=\"article\">\r\n\t\t\t\t\t\t\t<div className=\"article__info\">\r\n\t\t\t\t\t\t\t\t<h6 className=\"article__caption\">{item.title}</h6>\r\n\t\t\t\t\t\t\t\t<p className=\"article__text\">{item.smallText}</p>\r\n\t\t\t\t\t\t\t\t<div className=\"article__addition\">\r\n\t\t\t\t\t\t\t\t\t{item.contentType === ContentType.Video ?\r\n\t\t\t\t\t\t\t\t\t\t<span onClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\tsetModalVisible(true);\r\n\t\t\t\t\t\t\t\t\t\t\tsetVideoSrc(item.url);\r\n\t\t\t\t\t\t\t\t\t\t}} className=\"article__more btn-text\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{TEXT_LINK[item.contentType]} <img className=\"arrow-icon\" src={ICON_LINK[item.contentType]} alt=\"Arrow\"/>\r\n\t\t\t\t\t\t\t\t\t\t\t</span> :\r\n\t\t\t\t\t\t\t\t\t\t(item.contentType === ContentType.Article ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Link\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tto={`/blog/${item.topic.url}/${item.url}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"article__more btn-text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{TEXT_LINK[item.contentType]} <img className=\"arrow-icon\" src={ICON_LINK[item.contentType]} alt=\"Arrow\"/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</Link> :\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a href={item.url} className=\"article__more btn-text\" target={'_blank'}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{TEXT_LINK[item.contentType]} <img className=\"arrow-icon\" src={ICON_LINK[item.contentType]} alt=\"Arrow\"/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\r\n\t\t\t\t\t\t\t\t\t<span className=\"article__name-date\">\r\n\t\t\t\t\t\t\t\t\t\t{currentCategoryBlog?.name || item.topic?.name}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"article__photo\" style={{backgroundImage:  `url(${item.avatar})`}}/>\r\n\t\t\t\t\t\t</article>\r\n\t\t\t\t\t)) : <div className=\"faq-block__dummy\">Woof! We were not able to find a match. Please try another search.</div>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t{contentTopicList && blogItemsTotalCount > contentTopicList.length &&\r\n\t\t\t\t<div className=\"text-center\">\r\n\t\t\t\t\t<button className=\"btn btn-lg btn-secondary blog-page__load-more\" onClick={() => {\r\n\t\t\t\t\t\tincreaseOffsetContent(10);\r\n\t\t\t\t\t}}>\r\n\t\t\t\t\t\tLoad more\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\r\n\t\t\t<ModalVideo\r\n\t\t\t\tmodalVisible={modalVisible}\r\n\t\t\t\tsetModalVisible={setModalVisible}\r\n\t\t\t\tvideoSrc={videoSrc}\r\n\t\t\t/>\r\n\t\t</>\r\n\r\n\t);\r\n};\r\n\r\nexport default withSeo(FRBlog, state => state.blogPage, 'blogPage', 'blog');"],"sourceRoot":""}