{"version":3,"file":"TabcordionVideo-CUUJo1KR-chunk.js","sources":["../../../src/components/page/campaign/tabcordion/TabcordionVideoModal.tsx","../../../src/components/page/campaign/tabcordion/TabcordionVideo.jsx"],"sourcesContent":["import ImageX from \"components/utility/images/ImageX\";\nimport { DDXModal } from \"components/ddx-modal/DDXModal\";\nimport React, { useEffect, useRef } from \"react\";\n\ninterface TabcordionVideoModalProps {\n\tshowModal: boolean;\n\tsetShowModal: React.Dispatch<React.SetStateAction<boolean>>;\n\tvid: string;\n}\n\nconst TabcordionVideoModal = ({\n\tshowModal,\n\tsetShowModal,\n\tvid\n}: React.PropsWithChildren<TabcordionVideoModalProps>) => {\n\tconst tabcordionModalRef = useRef<HTMLDivElement>(null);\n\n\tconst handleCloseModal = (e) => {\n\t\tif (e && e.type === \"keydown\" && [\"Tab\", \"Shift\"].includes(e.key)) return;\n\t\tsetShowModal(false);\n\t};\n\n\tuseEffect(() => {\n\t\tconst handleResize = () => {\n\t\t\tconst tabcordionModal = tabcordionModalRef.current;\n\n\t\t\tif (tabcordionModal) {\n\t\t\t\tsetShowModal(tabcordionModal.checkVisibility());\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener(\"resize\", handleResize);\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"resize\", handleResize);\n\t\t};\n\t}, [setShowModal]);\n\n\treturn (\n\t\t<DDXModal\n\t\t\tshowModal={showModal}\n\t\t\thandleCloseModal={handleCloseModal}\n\t\t\tclassName=\"tabcordion--video-modal\"\n\t\t>\n\t\t\t<div id=\"tabcordion-modal\" ref={tabcordionModalRef}>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"modal-close-button\"\n\t\t\t\t\ttabIndex={0}\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tonKeyDown={handleCloseModal}\n\t\t\t\t\tonClick={handleCloseModal}\n\t\t\t\t>\n\t\t\t\t\t<ImageX />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"tabcordion--video-content\">\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tclassName=\"tabcordion--video-iframe\"\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\tframeBorder=\"0\"\n\t\t\t\t\t\ttitle=\"Video Modal\"\n\t\t\t\t\t\tsrc={vid}\n\t\t\t\t\t\tallowTransparency={true}\n\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</DDXModal>\n\t);\n};\n\nexport default TabcordionVideoModal;\n","import React, { useState } from \"react\";\nimport TabcordionVideoModal from \"./TabcordionVideoModal\";\nimport ButtonIcon from \"components/utility/button/ButtonIcon\";\nconst TabcordionVideo = ({ vid, image, alt }) => {\n\tconst [showModal, setShowModal] = useState(false);\n\n\tconst openModal = () => {\n\t\tsetShowModal((prev) => !prev);\n\t};\n\n\treturn (\n\t\t<div className=\"tabcordion--card\">\n\t\t\t<button className=\"tabcordion--card-btn\" onClick={openModal}>\n\t\t\t\t<div className=\"tabcordion--card-container\">\n\t\t\t\t\t<img className=\"tabcordion--card-image\" src={image} alt={alt} />\n\t\t\t\t\t<div className=\"tabcordion--card-overlay\"></div>\n\t\t\t\t\t<div className=\"content-card-button\">\n\t\t\t\t\t\t<ButtonIcon type=\"play\" color=\"teal\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</button>\n\t\t\t<TabcordionVideoModal showModal={showModal} setShowModal={setShowModal} vid={vid} />\n\t\t</div>\n\t);\n};\n\nexport default TabcordionVideo;\n"],"names":["TabcordionVideoModal","showModal","setShowModal","vid","tabcordionModalRef","useRef","handleCloseModal","useEffect","handleResize","tabcordionModal","jsx","DDXModal","jsxs","ImageX","TabcordionVideo","image","alt","useState","openModal","prev","ButtonIcon"],"mappings":"iMAUA,MAAMA,EAAuB,CAAC,CAC7B,UAAAC,EACA,aAAAC,EACA,IAAAC,CACD,IAA0D,CACnD,MAAAC,EAAqBC,SAAuB,IAAI,EAEhDC,EAAoB,GAAM,CAC3B,GAAK,EAAE,OAAS,WAAa,CAAC,MAAO,OAAO,EAAE,SAAS,EAAE,GAAG,GAChEJ,EAAa,EAAK,CACnB,EAEAK,OAAAA,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAe,IAAM,CAC1B,MAAMC,EAAkBL,EAAmB,QAEvCK,GACUP,EAAAO,EAAgB,iBAAiB,CAEhD,EAEO,cAAA,iBAAiB,SAAUD,CAAY,EAEvC,IAAM,CACL,OAAA,oBAAoB,SAAUA,CAAY,CAClD,CAAA,EACE,CAACN,CAAY,CAAC,EAGhBQ,EAAA,IAACC,EAAA,CACA,UAAAV,EACA,iBAAAK,EACA,UAAU,0BAEV,SAACM,EAAAA,KAAA,MAAA,CAAI,GAAG,mBAAmB,IAAKR,EAC/B,SAAA,CAAAM,EAAA,IAAC,MAAA,CACA,UAAU,qBACV,SAAU,EACV,KAAK,SACL,UAAWJ,EACX,QAASA,EAET,eAACO,EAAO,CAAA,CAAA,CAAA,CACT,EACAH,EAAAA,IAAC,MAAI,CAAA,UAAU,4BACd,SAAAA,EAAA,IAAC,SAAA,CACA,UAAU,2BACV,MAAM,OACN,OAAO,OACP,YAAY,IACZ,MAAM,cACN,IAAKP,EACL,kBAAmB,GACnB,gBAAe,EAAA,CAAA,CAEjB,CAAA,CAAA,CACD,CAAA,CAAA,CACD,CAEF,EClEMW,EAAkB,CAAC,CAAE,IAAAX,EAAK,MAAAY,EAAO,IAAAC,KAAU,CAChD,KAAM,CAACf,EAAWC,CAAY,EAAIe,EAAAA,SAAS,EAAK,EAE1CC,EAAY,IAAM,CACVhB,EAACiB,GAAS,CAACA,CAAI,CAC7B,EAGC,OAAAP,EAAA,KAAC,MAAI,CAAA,UAAU,mBACd,SAAA,CAACF,EAAAA,IAAA,SAAA,CAAO,UAAU,uBAAuB,QAASQ,EACjD,SAACN,EAAA,KAAA,MAAA,CAAI,UAAU,6BACd,SAAA,CAAAF,EAAA,IAAC,MAAI,CAAA,UAAU,yBAAyB,IAAKK,EAAO,IAAAC,EAAU,EAC9DN,EAAAA,IAAC,MAAI,CAAA,UAAU,0BAA2B,CAAA,EAC1CA,EAAAA,IAAC,MAAI,CAAA,UAAU,sBACd,SAAAA,EAAAA,IAACU,GAAW,KAAK,OAAO,MAAM,MAAO,CAAA,CACtC,CAAA,CAAA,CAAA,CACD,CACD,CAAA,EACCV,EAAAA,IAAAV,EAAA,CAAqB,UAAAC,EAAsB,aAAAC,EAA4B,IAAAC,CAAU,CAAA,CAAA,EACnF,CAEF"}