{"version":3,"file":"js/component-embedded-video.chunk.js","mappings":"kJAoDA,UAjDuBA,IACnB,MAAOC,EAAeC,IAAoB,IAAAC,UAAS,OACnD,IAAAC,YAAU,KACN,IAAIC,EACJ,IAAIC,EAAqC,QAA3BD,EAAKE,SAASC,KAAKC,UAAuB,IAAPJ,OAAgB,EAASA,EAAGK,QAAQ,QAAS,IAC1FJ,GACA,gBAAgBA,GAAQ,GAAMK,MAAMC,IAChC,IAAIP,EACJ,IAAIQ,EAAyD,QAArCR,EAAKO,EAAKE,QAAQ,GAAGC,kBAA+B,IAAPV,OAAgB,EAASA,EAAGW,MAAMC,GAAMA,EAAER,KAAOT,EAAMkB,OAC5HhB,EAAiBW,aAA2D,EAASA,EAAiBD,KAAK,GAEnH,GACD,IA4BH,OAAKX,EAGG,gBAAoB,MAAO,CAAEkB,UAAW,kBAC5C,gBAAoB,MAAO,CAAEA,UAAW,iCACpC,gBAAoB,KAAM,CAAEA,UAAW,yBAA2BlB,EAAcmB,OAChF,gBAAoB,IAAK,CAAED,UAAW,4BAA8BlB,EAAcoB,WAXxE,MACd,GAAIpB,EAAcqB,WACd,OAAO,gBAAoB,MAAO,CAAEC,wBAAyB,CAAEC,OAAQvB,EAAcqB,aACzF,EASAG,IANO,gBAAoB,WAAgB,KAM9B,C","sources":["webpack:///./assets/moncler/src/components/experience/EmbeddedVideo.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport api from '@common/utils/api';\nimport '@moncler/scss/components/embedded-video/component-embedded-video.scss';\nconst EmbeddedVideo = (props) => {\n    const [componentData, setComponentData] = useState(null);\n    useEffect(() => {\n        var _a;\n        let pageID = (_a = document.body.id) === null || _a === void 0 ? void 0 : _a.replace('page-', '');\n        if (pageID) {\n            api.getPageJson(pageID, true).then((data) => {\n                var _a;\n                let componentDataRes = (_a = data.regions[0].components) === null || _a === void 0 ? void 0 : _a.find((c) => c.id === props.uuid);\n                setComponentData(componentDataRes === null || componentDataRes === void 0 ? void 0 : componentDataRes.data);\n            });\n        }\n    }, []);\n    // const embedYoutube = () => {\n    //   return (\n    //     <iframe\n    //       src={`https://www.youtube-nocookie.com/embed/${componentData.youtubeID}?modestbranding=1&rel=0&color=white`}\n    //       width=\"300\"\n    //       height=\"150\"\n    //       title={componentData.title}\n    //       frameBorder=\"0\"\n    //       allowFullScreen\n    //     ></iframe>\n    //   );\n    // };\n    // const embedVimeo = () => {\n    //   return <iframe src={`https://player.vimeo.com/video/${componentData.vimeoID}`} title={componentData.title} width=\"640\" height=\"360\" frameBorder=\"0\" allowFullScreen></iframe>;\n    // };\n    // const videoIframe = () => {\n    //   if (componentData.youtubeID) {\n    //     return embedYoutube();\n    //   } else if (componentData.vimeoID) {\n    //     return embedVimeo();\n    //   }\n    // };\n    const embedCode = () => {\n        if (componentData.embed_html) {\n            return React.createElement(\"div\", { dangerouslySetInnerHTML: { __html: componentData.embed_html } });\n        }\n    };\n    if (!componentData) {\n        return React.createElement(React.Fragment, null);\n    }\n    return (React.createElement(\"div\", { className: \"embedded-video\" },\n        React.createElement(\"div\", { className: \"embedded-video__title-wrapper\" },\n            React.createElement(\"h2\", { className: \"embedded-video__title\" }, componentData.title),\n            React.createElement(\"p\", { className: \"embedded-video__subtitle\" }, componentData.subtitle)),\n        embedCode()));\n};\nexport default EmbeddedVideo;\n"],"names":["props","componentData","setComponentData","useState","useEffect","_a","pageID","document","body","id","replace","then","data","componentDataRes","regions","components","find","c","uuid","className","title","subtitle","embed_html","dangerouslySetInnerHTML","__html","embedCode"],"sourceRoot":""}