{"version":3,"sources":["webpack:///./ClientApp/components/Pages/Resources/FamilyResources/FRUtils.tsx","webpack:///./ClientApp/components/Pages/Resources/FamilyResources/FRVideos.tsx"],"names":["ICON_LINK","require","TEXT_LINK","FRVideos","searchQuery","React","contentVideosList","setContentVideosList","modalVisible","setModalVisible","videoSrc","setVideoSrc","videoIndex","setVideoIndex","offsetContent","setOffsetContent","isLoaded","setIsLoaded","rest","get","then","res","prev","list","formatShareVideo","videoUrl","indexOf","replace","className","length","map","item","index","key","title","smallText","onClick","url","contentType","src","alt","style","backgroundImage","avatar","count","getContainer","withSeo","state","videosPage"],"mappings":"kYAAaA,EAAY,CACxBC,EAAQ,IACRA,EAAQ,KACRA,EAAQ,KAGIC,EAAY,CACxB,YACA,iBACA,c,6FATYF,E,yIAMAE,E,g/ECKPC,EAAW,SAAC,GAAkB,IAAjBC,EAAiB,EAAjBA,YAAiB,IACeC,aADf,GAC5BC,EAD4B,KACTC,EADS,SAEKF,YAAe,GAFpB,GAE5BG,EAF4B,KAEdC,EAFc,SAGHJ,WAAe,IAHZ,GAG5BK,EAH4B,KAGlBC,EAHkB,SAICN,WAAe,GAJhB,GAI5BO,EAJ4B,KAIhBC,EAJgB,SAKOR,WAAuB,GAL9B,GAK5BS,EAL4B,KAKbC,EALa,SAMWV,aANX,kBAOHA,YAAwB,GAPrB,IAO5BW,EAP4B,KAOlBC,EAPkB,KASnCZ,aAAgB,WACfa,IAAKC,IAAL,yCAAgEf,EAAc,SAAH,OAAYA,GAAgB,KACrGgB,MAAK,SAACC,GACNd,EAAqBc,GACrBJ,GAAY,QAEZ,CAACb,IAEJC,aAAgB,WACfa,IAAKC,IAAL,iDAAwEL,IACtEM,MAAK,SAACC,GACNP,EAAgB,GAAKP,GAAqB,SAACe,GAE1C,OAAIA,aAAJ,EAAIA,EAAMC,MACT,OACIF,GADJ,IAECE,KAAM,GAAF,SAAMD,EAAKC,MAAX,EAAoBF,EAAIE,SAIvBF,UAGR,CAACP,IAEJ,IASMU,EAAmB,SAACC,GACzB,OAAIA,EAASC,QAAQ,gBAAkB,EAC/BD,EAASE,QAAQ,SAAU,YAG5BF,GAGR,OACC,gCACC,uBAAKG,UAAU,sBACZZ,EACDV,GAAqBA,EAAkBiB,KAAKM,OAC3CvB,EAAkBiB,KAAKO,KAAI,SAACC,EAAMC,GAAP,OAC1B,2BAASC,IAAKD,EAAOJ,UAAS,gCAA2BI,IAC1D,uBAAKJ,UAAU,iBACd,sBAAIA,UAAU,oBAAoBG,EAAKG,OACvC,qBAAGN,UAAU,iBAAiBG,EAAKI,WACnC,uBAAKP,UAAU,qBACd,wBACCQ,QAAS,WACR3B,GAAgB,GAChBE,EAAYoB,EAAKM,KACjBxB,EAAcmB,IAEfJ,UAAU,0BACR1B,IAAU6B,EAAKO,aAPlB,IAOgC,uBAAKV,UAAU,aAAaW,IAAKvC,IAAU+B,EAAKO,aAAcE,IAAI,WAElG,uBAAKZ,UAAU,eACd,6CACA,gBAAC,IAAD,CAAeS,IAAKb,EAAiBO,EAAKM,OAC1C,gBAAC,IAAD,CAAeA,IAAKb,EAAiBO,EAAKM,OAC1C,gBAAC,IAAD,CAAcA,IAAKb,EAAiBO,EAAKM,OACzC,gBAAC,IAAD,CAAYA,IAAKb,EAAiBO,EAAKM,UAI1C,uBAAKT,UAAU,iBAAiBa,MAAO,CAAEC,gBAAiB,OAAF,OAASX,EAAKY,OAAd,YAEnD,uBAAKf,UAAU,oBAAf,sEA5BM,uBAAKA,UAAU,oBAAf,sDA+BZtB,GAAqBA,EAAkBsC,MAAQtC,EAAkBiB,KAAKM,QACvE,uBAAKD,UAAU,eACd,0BAAQA,UAAU,gDAAgDQ,QAAS,WApD9ErB,EAAiBD,EAqDS,MADvB,eASF,gBAAC,IAAD,CACCN,aAAcA,EACdC,gBAAiBA,EACjBC,SAAUA,EACVmC,aAAY,yBAAoBjC,O,EApG9BT,E,yWA0GS2C,YAAQ3C,GAAU,SAAA4C,GAAK,OAAIA,EAAMC,aAAY,aAAc,UAA3D,a,6FA1GT7C,E","file":"chunks/FRVideos.chunk.beb7c5130d0251d69976.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\n\r\nimport {List} from '@common/typescript/objects/List';\r\n\r\nimport ModalVideo from '@app/components/UI/ModalVideo/ModalVideo';\r\nimport {TEXT_LINK, ICON_LINK} from '@app/components/Pages/Resources/FamilyResources/FRUtils';\r\nimport {ContentEntity, ContentTopic} from '@app/objects/ContentTopic';\r\nimport {rest} from '@app/components/Api';\r\nimport withSeo from '@app/components/LocalCommon/HigherOrderComponents/WithSeo';\r\nimport {EmailShare, LinkedinShare, FacebookShare, TwitterShare} from '@app/components/LocalCommon/ShareButtons/ShareButtons';\r\n\r\nconst FRVideos = ({searchQuery}) => {\r\n\tconst [contentVideosList, setContentVideosList] = React.useState<List<ContentEntity>>();\r\n\tconst [modalVisible, setModalVisible] = React.useState(false);\r\n\tconst [videoSrc, setVideoSrc] = React.useState('');\r\n\tconst [videoIndex, setVideoIndex] = React.useState(0);\r\n\tconst [offsetContent, setOffsetContent] = React.useState<number>(0);\r\n\tconst [currentCategory, setCurrentCategory] = React.useState<ContentTopic>();\r\n\tconst [isLoaded, setIsLoaded] = React.useState<boolean>(false);\r\n\r\n\tReact.useEffect(() => {\r\n\t\trest.get<List<ContentEntity>>(`v2/contentTopics/videos/content${searchQuery ? `?text=${searchQuery}` : ''}`)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tsetContentVideosList(res);\r\n\t\t\t\tsetIsLoaded(true);\r\n\t\t\t});\r\n\t}, [searchQuery]);\r\n\r\n\tReact.useEffect(() => {\r\n\t\trest.get<List<ContentEntity>>(`v2/contentTopics/videos/content?offset=${offsetContent}`)\r\n\t\t\t.then((res) => {\r\n\t\t\t\toffsetContent > 0 && setContentVideosList((prev) => {\r\n\r\n\t\t\t\t\tif (prev?.list) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t...res,\r\n\t\t\t\t\t\t\tlist: [...prev.list, ...res.list]\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn res;\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t}, [offsetContent]);\r\n\r\n\tconst increaseOffsetContent = (count) => {\r\n\t\tsetOffsetContent(offsetContent + count);\r\n\t};\r\n\r\n\tconst onSetIssue = (category) => {\r\n\t\tsetCurrentCategory(category);\r\n\t\tsetOffsetContent(0);\r\n\t};\r\n\r\n\tconst formatShareVideo = (videoUrl: string) => {\r\n\t\tif (videoUrl.indexOf('youtube.com') >= 0) {\r\n\t\t\treturn videoUrl.replace('embed/', 'watch?v=');\r\n\t\t}\r\n\r\n\t\treturn videoUrl;\r\n\t};\r\n\r\n\treturn (\r\n\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\tcontentVideosList && contentVideosList.list.length ?\r\n\t\t\t\t\t\tcontentVideosList.list.map((item, index) => (\r\n\t\t\t\t\t\t\t<article key={index} className={`article article-video-${index}`}>\r\n\t\t\t\t\t\t<div className=\"article__info\">\r\n\t\t\t\t\t\t\t<h6 className=\"article__caption\">{item.title}</h6>\r\n\t\t\t\t\t\t\t<p className=\"article__text\">{item.smallText}</p>\r\n\t\t\t\t\t\t\t<div className=\"article__addition\">\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetModalVisible(true);\r\n\t\t\t\t\t\t\t\t\t\tsetVideoSrc(item.url);\r\n\t\t\t\t\t\t\t\t\t\tsetVideoIndex(index);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\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{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</span>\r\n\t\t\t\t\t\t\t\t<div className=\"share-icons\">\r\n\t\t\t\t\t\t\t\t\t<p>Share This Video</p>\r\n\t\t\t\t\t\t\t\t\t<FacebookShare url={formatShareVideo(item.url)} />\r\n\t\t\t\t\t\t\t\t\t<LinkedinShare url={formatShareVideo(item.url)} />\r\n\t\t\t\t\t\t\t\t\t<TwitterShare url={formatShareVideo(item.url)} />\r\n\t\t\t\t\t\t\t\t\t<EmailShare url={formatShareVideo(item.url)} />\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</div>\r\n\t\t\t\t\t\t<div className=\"article__photo\" style={{ backgroundImage: `url(${item.avatar})` }} />\r\n\t\t\t\t\t</article>\r\n\t\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{contentVideosList && contentVideosList.count > contentVideosList.list.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\tgetContainer={`.article-video-${videoIndex}`}\r\n\t\t\t/>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default withSeo(FRVideos, state => state.videosPage, 'videosPage', 'videos');"],"sourceRoot":""}