{"version":3,"file":"FullWidthMediaWithCardContainer-DMgVmTWO-chunk.js","sources":["../../../src/components/full-width/FullWidthMediaWithCard.tsx","../../../src/components/full-width/FullWidthMediaWithCardContainer.jsx"],"sourcesContent":["import { useState, useRef, useLayoutEffect, useEffect } from \"react\";\nimport { getDecodedHtml } from \"utils/getDecodedHtml\";\nimport { FullWidthMediaWithCardProps } from \"./types/full-width-media-with-card-types\";\nimport VideoPopup from \"components/utility/video/VideoPopup\";\nimport { isMobile } from \"components/utility/page-responsive/PageResponsive\";\nconst FullWidthMediaWithCard = ({ data }: FullWidthMediaWithCardProps) => {\n\tconst {\n\t\timageAlt,\n\t\timageUrl,\n\t\txsImageUrl,\n\t\txsImageAlt,\n\t\tcardPosition,\n\t\trails,\n\t\ttitle,\n\t\tdescription,\n\t\tvideoUrl,\n\t\tvideoPlayTime\n\t} = data;\n\t// height of rails container should be calculated from text-card Height minus text card positive top value\n\tconst [textCardContainerHeight, setTextCardContainerHeight] = useState<number>(0);\n\tconst textCardRef = useRef(null);\n\tconst [isMobileScreen, setIsMobile] = useState(false);\n\tuseEffect(() => {\n\t\tconst isMobileFunc = () => {\n\t\t\tif (isMobile() && xsImageUrl) {\n\t\t\t\tsetIsMobile(true);\n\t\t\t} else {\n\t\t\t\tsetIsMobile(false);\n\t\t\t}\n\t\t};\n\t\tisMobileFunc();\n\t\twindow.addEventListener(\"resize\", isMobileFunc);\n\n\t\treturn () => {\n\t\t\twindow.addEventListener(\"resize\", isMobileFunc);\n\t\t};\n\t});\n\tuseLayoutEffect(() => {\n\t\tconst textCard = textCardRef?.current;\n\n\t\tconst textCardHeightObserver = new ResizeObserver((entries) => {\n\t\t\tentries.forEach((entry) => {\n\t\t\t\tconst entryHeight = entry.borderBoxSize[0].blockSize;\n\t\t\t\tconst entryTopValue = Math.abs((entry.target as HTMLElement).offsetTop);\n\n\t\t\t\tif (entryHeight > entryTopValue) {\n\t\t\t\t\tsetTextCardContainerHeight(entryHeight - entryTopValue);\n\t\t\t\t} else {\n\t\t\t\t\tsetTextCardContainerHeight(0);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\tif (textCard) {\n\t\t\ttextCardHeightObserver.observe(textCard);\n\t\t}\n\t\treturn () => {\n\t\t\ttextCardHeightObserver.disconnect();\n\t\t};\n\t}, [textCardRef]);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"full-width-media\">\n\t\t\t\t{!videoUrl && imageUrl ? (\n\t\t\t\t\t<div className=\"full-width-image-container\">\n\t\t\t\t\t\t<img alt={imageAlt} src={isMobileScreen ? xsImageUrl : imageUrl}></img>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<VideoPopup\n\t\t\t\t\t\tsrcUrl={videoUrl}\n\t\t\t\t\t\timage={imageUrl}\n\t\t\t\t\t\talt={imageAlt}\n\t\t\t\t\t\txsImage={xsImageUrl}\n\t\t\t\t\t\tisMobile={isMobileScreen}\n\t\t\t\t\t\txsImageAlt={xsImageAlt}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{cardPosition ? (\n\t\t\t\t\t<div className={`rails-container ${rails === true ? \"\" : \"no-rails\"}`}>\n\t\t\t\t\t\t<div className=\"text-card-container\" style={{ height: textCardContainerHeight + \"px\" }}>\n\t\t\t\t\t\t\t<div className={`text-card ${cardPosition}`} ref={textCardRef}>\n\t\t\t\t\t\t\t\t<div className=\"title t-heading-md\">{title}</div>\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tclassName=\"description t-body-xs\"\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: getDecodedHtml(description) }}\n\t\t\t\t\t\t\t\t></p>\n\t\t\t\t\t\t\t\t{videoUrl && videoPlayTime && (\n\t\t\t\t\t\t\t\t\t<p className=\"video-duration t-label-xs-heavy\">({videoPlayTime})</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default FullWidthMediaWithCard;\n","import FullWidthMediaWithCard from \"./FullWidthMediaWithCard\";\nimport DataContainer from \"components/utility/data-container/DataContainer\";\n\nconst FullWidthMediaWithCardContainer = ({ dataset }) => {\n\treturn (\n\t\t<div>\n\t\t\t<DataContainer data={`fullWidthMediaWithCard_${dataset.guid}`}>\n\t\t\t\t<FullWidthMediaWithCard dataset={dataset} />\n\t\t\t</DataContainer>\n\t\t</div>\n\t);\n};\n\nexport default FullWidthMediaWithCardContainer;\n"],"names":["FullWidthMediaWithCard","data","imageAlt","imageUrl","xsImageUrl","xsImageAlt","cardPosition","rails","title","description","videoUrl","videoPlayTime","textCardContainerHeight","setTextCardContainerHeight","useState","textCardRef","useRef","isMobileScreen","setIsMobile","useEffect","isMobileFunc","isMobile","useLayoutEffect","textCard","textCardHeightObserver","entries","entry","entryHeight","entryTopValue","jsx","Fragment","jsxs","VideoPopup","getDecodedHtml","FullWidthMediaWithCardContainer","dataset","DataContainer"],"mappings":"iSAKA,MAAMA,EAAyB,CAAC,CAAE,KAAAC,KAAwC,CACnE,KAAA,CACL,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,WAAAC,EACA,aAAAC,EACA,MAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,cAAAC,CAAA,EACGV,EAEE,CAACW,EAAyBC,CAA0B,EAAIC,EAAAA,SAAiB,CAAC,EAC1EC,EAAcC,SAAO,IAAI,EACzB,CAACC,EAAgBC,CAAW,EAAIJ,EAAAA,SAAS,EAAK,EACpDK,OAAAA,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAe,IAAM,CACtBC,KAAcjB,EACjBc,EAAY,EAAI,EAEhBA,EAAY,EAAK,CAEnB,EACa,OAAAE,EAAA,EACN,OAAA,iBAAiB,SAAUA,CAAY,EAEvC,IAAM,CACL,OAAA,iBAAiB,SAAUA,CAAY,CAC/C,CAAA,CACA,EACDE,EAAAA,gBAAgB,IAAM,CACrB,MAAMC,EAAWR,GAAA,YAAAA,EAAa,QAExBS,EAAyB,IAAI,eAAgBC,GAAY,CACtDA,EAAA,QAASC,GAAU,CAC1B,MAAMC,EAAcD,EAAM,cAAc,CAAC,EAAE,UACrCE,EAAgB,KAAK,IAAKF,EAAM,OAAuB,SAAS,EAElEC,EAAcC,EACjBf,EAA2Bc,EAAcC,CAAa,EAEtDf,EAA2B,CAAC,CAC7B,CACA,CAAA,CACD,EAED,OAAIU,GACHC,EAAuB,QAAQD,CAAQ,EAEjC,IAAM,CACZC,EAAuB,WAAW,CACnC,CAAA,EACE,CAACT,CAAW,CAAC,EAIdc,EAAA,IAAAC,WAAA,CAAA,SAAAC,EAAAA,KAAC,MAAI,CAAA,UAAU,mBACb,SAAA,CAAA,CAACrB,GAAYP,EACZ0B,MAAA,MAAA,CAAI,UAAU,6BACd,SAAAA,EAAA,IAAC,MAAI,CAAA,IAAK3B,EAAU,IAAKe,EAAiBb,EAAaD,CAAA,CAAU,CAClE,CAAA,EAEA0B,EAAA,IAACG,EAAA,CACA,OAAQtB,EACR,MAAOP,EACP,IAAKD,EACL,QAASE,EACT,SAAUa,EACV,WAAAZ,CAAA,CACD,EAEAC,EACCuB,EAAA,IAAA,MAAA,CAAI,UAAW,mBAAmBtB,IAAU,GAAO,GAAK,UAAU,GAClE,SAAAsB,EAAAA,IAAC,MAAI,CAAA,UAAU,sBAAsB,MAAO,CAAE,OAAQjB,EAA0B,IAAA,EAC/E,SAAAmB,EAAAA,KAAC,MAAI,CAAA,UAAW,aAAazB,CAAY,GAAI,IAAKS,EACjD,SAAA,CAACc,EAAA,IAAA,MAAA,CAAI,UAAU,qBAAsB,SAAMrB,EAAA,EAC3CqB,EAAA,IAAC,IAAA,CACA,UAAU,wBACV,wBAAyB,CAAE,OAAQI,EAAexB,CAAW,CAAE,CAAA,CAC/D,EACAC,GAAYC,GACXoB,OAAA,IAAA,CAAE,UAAU,kCAAkC,SAAA,CAAA,IAAEpB,EAAc,GAAA,CAAC,CAAA,CAAA,EAElE,CAAA,CACD,EACD,EACG,IAAA,CAAA,CACL,CACD,CAAA,CAEF,EC9FMuB,EAAkC,CAAC,CAAE,QAAAC,KAExCN,EAAA,IAAA,MAAA,CACA,SAACA,EAAA,IAAAO,EAAA,CAAc,KAAM,0BAA0BD,EAAQ,IAAI,GAC1D,SAAAN,EAAA,IAAC7B,EAAuB,CAAA,QAAAmC,CAAA,CAAkB,CAC3C,CAAA,EACD"}