{"version":3,"file":"static/js/189.33b33d9b.chunk.js","mappings":"6LAIA,MAAMA,EAAYC,IAAW,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAC1B,MAAOC,EAAaC,IAAkBC,EAAAA,EAAAA,UAClB,qBAAXC,OAAyBA,OAAOC,WAAa,GActD,OAXAC,EAAAA,EAAAA,YAAU,KACR,GAAsB,qBAAXF,OACT,OAEF,MAAMG,EAAeA,KACnBL,EAAeE,OAAOC,WAAW,EAGnC,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,IAAMH,OAAOK,oBAAoB,SAAUF,EAAa,GAC9D,KAGDG,EAAAA,EAAAA,KAAA,OAAKC,UAAW,oBAAyB,OAALxB,QAAK,IAALA,GAAa,QAARC,EAALD,EAAOyB,cAAM,IAAAxB,GAAoB,QAApBC,EAAbD,EAAeyB,0BAAkB,IAAAxB,OAA5B,EAALA,EAAmCyB,QAAQC,UAC7EC,EAAAA,EAAAA,MAAA,WAAAD,SAAA,EACEL,EAAAA,EAAAA,KAAA,UAAQO,MAAM,qBAAqBC,OAAa,OAAL/B,QAAK,IAALA,GAAa,QAARG,EAALH,EAAOyB,cAAM,IAAAtB,GAAO,QAAPC,EAAbD,EAAe6B,aAAK,IAAA5B,GAAO,QAAPC,EAApBD,EAAsBuB,aAAK,IAAAtB,OAAtB,EAALA,EAA6B4B,OACxEV,EAAAA,EAAAA,KAAA,OACEC,UAAU,yBACVS,IAAU,OAALjC,QAAK,IAALA,GAAa,QAARM,EAALN,EAAOyB,cAAM,IAAAnB,GAAa,QAAbC,EAAbD,EAAe4B,mBAAW,IAAA3B,GAAO,QAAPC,EAA1BD,EAA4BoB,aAAK,IAAAnB,OAA5B,EAALA,EAAmCyB,IACxCE,IAAU,OAALnC,QAAK,IAALA,GAAa,QAARS,EAALT,EAAOyB,cAAM,IAAAhB,GAAO,QAAPC,EAAbD,EAAeuB,aAAK,IAAAtB,GAAO,QAAPC,EAApBD,EAAsBiB,aAAK,IAAAhB,OAAtB,EAALA,EAA6BwB,IAClCC,QAAc,OAALpC,QAAK,IAALA,GAAa,QAARY,EAALZ,EAAOyB,cAAM,IAAAb,GAAgB,QAAhBC,EAAbD,EAAeyB,sBAAc,IAAAxB,GAA7BA,EAA+Bc,MAAQ,GAAK,aAGrD,EAIV,GAAeW,EAAAA,EAAAA,IAAf,CAAqCC,EAAAA,KAAWxC,G","sources":["components/Feature/TvsImage/TvsImage.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport './TvsImage.scss';\r\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\r\n\r\nconst TvsImage = (props) => {\r\n  const [windowWidth, setWindowWidth] = useState(\r\n    typeof window !== 'undefined' ? window.innerWidth : 0\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined') {\r\n      return;\r\n    }\r\n    const handleResize = () => {\r\n      setWindowWidth(window.innerWidth);\r\n    };\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <div className={`banner-container ${props?.fields?.AdditionalCssClass?.value}`}>\r\n      <picture>\r\n        <source media=\"(min-width: 768px)\" srcSet={props?.fields?.Image?.value?.src} />\r\n        <img\r\n          className=\"banner-image img-fluid\"\r\n          src={props?.fields?.MobileImage?.value?.src}\r\n          alt={props?.fields?.Image?.value?.alt}\r\n          loading={props?.fields?.IsTopComponent?.value ? '' : 'lazy'}\r\n        />\r\n      </picture>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default withSitecoreContext()(React.memo(TvsImage));\r\n"],"names":["TvsImage","props","_props$fields","_props$fields$Additio","_props$fields2","_props$fields2$Image","_props$fields2$Image$","_props$fields3","_props$fields3$Mobile","_props$fields3$Mobile2","_props$fields4","_props$fields4$Image","_props$fields4$Image$","_props$fields5","_props$fields5$IsTopC","windowWidth","setWindowWidth","useState","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","_jsx","className","fields","AdditionalCssClass","value","children","_jsxs","media","srcSet","Image","src","MobileImage","alt","loading","IsTopComponent","withSitecoreContext","React"],"sourceRoot":""}