{"version":3,"sources":["components/VideoInline/index.module.scss","components/VideoInline/index.tsx"],"names":["module","exports","hideImage","e","target","setAttribute","withSitecoreContext","props","_fields$maxWidth","_fields$maxWidth2","_fields$embedScript","_fields$embedScript2","_fields$maxWidth3","_fields$image","_fields$image$value","fields","sitecoreContext","isEditing","pageEditing","maxWidthStyles","paddingBottom","concat","maxWidth","value","width","embedScript","React","createElement","Fragment","className","css","container","style","RichText","field","script","image","src","imageContainer","onClick","backgroundImage","mediaApi","updateImageUrl","split"],"mappings":"4FACAA,EAAOC,QAAU,CAAC,UAAY,+BAA+B,OAAS,4BAA4B,eAAiB,sC,kCCDnH,sDAIMC,EAAY,SAACC,GACjBA,EAAEC,OAAOC,aAAa,gBAAgB,IA+BzBC,2CA5BK,SAACC,GAAW,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACrBC,EAA4BR,EAA5BQ,OAAQC,EAAoBT,EAApBS,gBACVC,EAA2B,OAAfD,QAAe,IAAfA,OAAe,EAAfA,EAAiBE,YAE7BC,EAAiB,CACnBC,cAAc,GAADC,OAA+B,OAApB,OAANN,QAAM,IAANA,GAAgB,QAAVP,EAANO,EAAQO,gBAAQ,IAAAd,OAAV,EAANA,EAAkBe,OAAa,MACjDC,MAAM,GAADH,OAAW,OAANN,QAAM,IAANA,GAAgB,QAAVN,EAANM,EAAQO,gBAAQ,IAAAb,OAAV,EAANA,EAAkBc,MAAK,OAGrC,OAAc,OAANR,QAAM,IAANA,GAAmB,QAAbL,EAANK,EAAQU,mBAAW,IAAAf,OAAb,EAANA,EAAqBa,QAASN,EAClCS,IAAAC,cAAAD,IAAAE,SAAA,MAEQ,OAANb,QAAM,IAANA,GAAmB,QAAbJ,EAANI,EAAQU,mBAAW,IAAAd,OAAb,EAANA,EAAqBY,OACrBG,IAAAC,cAAA,WAASE,UAAWC,IAAIC,UAAWC,OAAa,OAANjB,QAAM,IAANA,GAAgB,QAAVH,EAANG,EAAQO,gBAAQ,IAAAV,OAAV,EAANA,EAAkBW,OAAQJ,EAAiB,IACnFO,IAAAC,cAACM,WAAQ,CAACC,MAAOnB,EAAOU,YAAaI,UAAWC,IAAIK,UAE5C,OAANpB,QAAM,IAANA,GAAa,QAAPF,EAANE,EAAQqB,aAAK,IAAAvB,GAAO,QAAPC,EAAbD,EAAeU,aAAK,IAAAT,OAAd,EAANA,EAAsBuB,MACtBX,IAAAC,cAAA,OAAKE,UAAWC,IAAIQ,eAAgBC,QAASrC,EAAW8B,MAAO,CAAEQ,gBAAgB,OAADnB,OAASoB,WAASC,eAAe3B,EAAOqB,MAAMb,MAAMc,IAAIM,MAAM,KAAK,IAAG,SAIxJ5B,EAASW,IAAAC,cAAA,SAAG,iDAAoDD,IAAAC,cAAA,SAAG,0DAGrE","file":"static/js/VideoInline.d284576f.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"VideoInline_container__39b2g\",\"script\":\"VideoInline_script__1pFet\",\"imageContainer\":\"VideoInline_imageContainer__3mMrY\"};","import React from 'react';\r\nimport { Image, RichText, mediaApi, withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\r\nimport css from './index.module.scss';\r\n\r\nconst hideImage = (e) => {\r\n  e.target.setAttribute('data-visible', false);\r\n}\r\n\r\nconst VideoInline = (props) => {\r\n  const { fields, sitecoreContext } = props;\r\n  const isEditing = sitecoreContext?.pageEditing;\r\n\r\n  const maxWidthStyles = {\r\n      paddingBottom: `${fields?.maxWidth?.value * .5625}px`,\r\n      width: `${fields?.maxWidth?.value}px`\r\n  }\r\n\r\n  return (fields?.embedScript?.value || isEditing ?\r\n      <>\r\n      {\r\n        fields?.embedScript?.value ?\r\n        <section className={css.container} style={fields?.maxWidth?.value ? maxWidthStyles : {}}>\r\n          <RichText field={fields.embedScript} className={css.script} />\r\n          {\r\n            fields?.image?.value?.src &&\r\n            <div className={css.imageContainer} onClick={hideImage} style={{ backgroundImage: `url(${mediaApi.updateImageUrl(fields.image.value.src.split('?')[0])})` }}>\r\n            </div>\r\n          }\r\n        </section>\r\n        : fields ? <p>Add video embed to datasource to see it here.</p> : <p>Add and configure datasource to see VideoInline here.</p>\r\n        }\r\n        </>\r\n      : null\r\n  );\r\n}\r\n\r\nexport default withSitecoreContext()(VideoInline);"],"sourceRoot":""}