{"version":3,"file":"webpack-chunks/chunk.7235.19989225740d84f5ca1c.js","mappings":"uLAIe,SAASA,GAAY,MACnCC,EADmC,OAEnCC,EAFmC,KAGnCC,EAHmC,IAInCC,EAJmC,OAKnCC,EALmC,UAMnCC,IAEA,IAAKC,EAAWC,IAAgBC,EAAAA,EAAAA,WAAS,GACzC,MAAOC,EAASC,IAAcF,EAAAA,EAAAA,WAAS,GAEjCG,EAAiB,YAAWX,cAAkBC,IACpD,OACC,wCACC,2BAAKW,UAAY,GAAED,KACjBN,GACA,oBAAC,KAAD,CACCQ,KAAMP,EACNM,UAAU,yCACVE,MAAM,iCACNC,UAAU,YACVC,QAAQ,cACRC,MAAM,kCACNC,UAAU,cACVC,QAAQ,aAER,2BACCC,WAAUhB,EAAOiB,IACjBC,IAAKlB,EAAOkB,KAAO,mBACnBC,qBAAoBnB,EAAOoB,GAC3BZ,UAAU,uDAEX,8BACCa,MAAM,oCACNC,QAAS,KACRnB,GAAcD,GACdI,GAAYD,KAJd,SAWF,2BAAKG,UAAY,oBACf,CAAC,UAAW,SAASe,QAAQzB,GAC7B,oBAAC,IAAD,CACCmB,IAAKlB,EACLH,MAAM,OACNC,OAAO,OACPQ,QAASA,EACTmB,UAAU,IAGX,8BACCzB,IAAKA,EACL0B,YAAY,IACZ7B,MAAM,OACNC,OAAO","sources":["webpack://wfp-usa/./wp-content/themes/tombras/blocks/components/embed-iframe/components/frontend/VideoEmbed.jsx"],"sourcesContent":["import { useState, Fragment } from \"react\";\nimport { Dialog, Transition } from \"@headlessui/react\";\nimport ReactPlayer from \"react-player/lazy\";\n\nexport default function IFrameModal({\n\twidth,\n\theight,\n\ttype,\n\tsrc,\n\tposter,\n\tusePoster,\n}) {\n\tlet [isShowing, setIsShowing] = useState(true);\n\tconst [playing, setPlaying] = useState(false);\n\n\tconst aspectClasses = `aspect-w-${width} aspect-h-${height}`;\n\treturn (\n\t\t<>\n\t\t\t<div className={`${aspectClasses}`}>\n\t\t\t\t{usePoster && (\n\t\t\t\t\t<Transition\n\t\t\t\t\t\tshow={isShowing}\n\t\t\t\t\t\tclassName=\"z-[2] flex items-center justify-center\"\n\t\t\t\t\t\tenter=\"transition-opacity duration-75\"\n\t\t\t\t\t\tenterFrom=\"opacity-0\"\n\t\t\t\t\t\tenterTo=\"opacity-100\"\n\t\t\t\t\t\tleave=\"transition-opacity duration-150\"\n\t\t\t\t\t\tleaveFrom=\"opacity-100\"\n\t\t\t\t\t\tleaveTo=\"opacity-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tdata-src={poster.url}\n\t\t\t\t\t\t\talt={poster.alt || \"Poster for video\"}\n\t\t\t\t\t\t\tdata-credit-lookup={poster.id}\n\t\t\t\t\t\t\tclassName=\"w-full h-full lazyload object-fit absolute inset-0\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"z-[2] btn is-style-primary-button\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetIsShowing(!isShowing);\n\t\t\t\t\t\t\t\tsetPlaying(!playing);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tPlay\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</Transition>\n\t\t\t\t)}\n\t\t\t\t<div className={`absolute inset-0`}>\n\t\t\t\t\t{[\"youtube\", \"vimeo\"].indexOf(type) ? (\n\t\t\t\t\t\t<ReactPlayer\n\t\t\t\t\t\t\turl={src}\n\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\tplaying={playing}\n\t\t\t\t\t\t\tcontrols={true}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<iframe\n\t\t\t\t\t\t\tsrc={src}\n\t\t\t\t\t\t\tframeborder=\"0\"\n\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t></iframe>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"names":["IFrameModal","width","height","type","src","poster","usePoster","isShowing","setIsShowing","useState","playing","setPlaying","aspectClasses","className","show","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","data-src","url","alt","data-credit-lookup","id","class","onClick","indexOf","controls","frameborder"],"sourceRoot":""}