{"version":3,"file":"static/js/4556.b12c5e30.chunk.js","mappings":"sPAMe,SAASA,EAAmBC,GAAmB,IACtDC,EADiDD,EAAXE,aACV,GAC5BC,GAAcC,EAAAA,EAAAA,KAEhBC,EAAW,CACbC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,aAAc,EACdC,eAAgB,EAChBC,OAAO,EACPC,eAAe,GAOjB,OAJIT,GAAe,KAAOA,EAAc,MACtCE,EAASI,aAAe,IAIxBI,EAAAA,EAAAA,KAAA,WAASC,UAAU,wBAAuBC,UACxCF,EAAAA,EAAAA,KAAA,OAAKC,UAAU,YAAWC,SACvBZ,GAAe,IACdF,EAAWe,OAAS,EAClBf,EAAWgB,KAAI,SAACC,GACd,OACEL,EAAAA,EAAAA,KAACM,EAAS,CAERC,KAAMF,EAAKE,KAAK,IAAM,KACtBC,WAAYH,EAAKG,WACjBC,OAAQJ,EAAKI,OACbC,YAAaL,EAAKK,aAJbL,EAAKI,OAOhB,IACE,MAEJT,EAAAA,EAAAA,KAACW,EAAAA,GAAMC,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GAAKpB,GAAQ,IAAAU,SACjBd,EAAWe,OAAS,EACjBf,EAAWgB,KAAI,SAACC,GACd,OACEL,EAAAA,EAAAA,KAACM,EAAS,CAERC,KAAMF,EAAKE,KAAK,IAAM,KACtBC,WAAYH,EAAKG,WACjBC,OAAQJ,EAAKI,OACbC,YAAaL,EAAKK,aAJbL,EAAKI,OAOhB,IACA,WAMhB,CAEA,SAASH,EAASO,GAA6C,IAA1CN,EAAIM,EAAJN,KAAMC,EAAUK,EAAVL,WAAYC,EAAMI,EAANJ,OAAQC,EAAWG,EAAXH,YACvCI,GAAU,OAAJP,QAAI,IAAJA,OAAI,EAAJA,EAAMQ,aAASC,EAE3B,OACEhB,EAAAA,EAAAA,KAAA,OAAKC,UAAU,iBAAgBC,UAC7Be,EAAAA,EAAAA,MAAA,WAAShB,UAAU,aAAYC,SAAA,CACpB,SAARY,GACCd,EAAAA,EAAAA,KAACkB,EAAAA,EAAG,CAACC,SAAUL,EAAKM,UAAW,cAAeC,OAAQ,QAAaP,GACjEN,GACFR,EAAAA,EAAAA,KAAA,OAAKC,UAAU,OAAMC,UACnBF,EAAAA,EAAAA,KAAA,OAAKsB,IAAKd,MAGZ,IAEFR,EAAAA,EAAAA,KAAA,MAAAE,SAAKO,KACLT,EAAAA,EAAAA,KAAA,KAAAE,SAAIQ,QAIZ,C,iKC9EqBa,EAAyB,WAO3C,OAAAC,EAAAA,EAAAA,IAND,SAAAD,EAAYE,IAAMC,EAAAA,EAAAA,GAAA,KAAAH,GAChB,IAAMI,EAAOC,KAIb,OAHAD,EAAKF,KAAOA,EACZE,EAAKE,UAAYJ,EAAKK,QAAQD,WAAaE,KAAKC,MAAMP,EAAKK,QAAQD,WACnED,KAAKK,OACEN,CACT,GAAC,EAAAO,IAAA,OAAAnB,MAED,WACE,IAAMY,EAAOC,KACbO,EAAAA,uBAAgCR,EAAKF,MACrCU,EAAAA,QAAgBnC,EAAAA,EAAAA,KAACd,EAAAA,SAAmB0B,EAAAA,EAAAA,GAAA,GAAKe,EAAKE,YAAeF,EAAKF,KACpE,IAAC,CAb2C,E","sources":["shared/value-cards-container/value-cards-container-component.jsx","shared/value-cards-container/value-cards-container-module.jsx"],"sourcesContent":["import React from \"react\"\nimport Slider from \"react-slick\"\nimport Svg from \"../_svgs/svg\"\nimport \"./_value-card.scss\"\nimport useWindowWidth from \"../../hooks/useWindowWidth\"\n\nexport default function ValueCardsContainer({ contentArea }) {\n  const valueCards = contentArea || []\n  const windowWidth = useWindowWidth()\n\n  var settings = {\n    dots: true,\n    arrows: false,\n    infinite: false,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    swipe: true,\n    variableWidth: false,\n  }\n\n  if (windowWidth >= 768 && windowWidth < 920) {\n    settings.slidesToShow = 2\n  }\n\n  return (\n    <section className=\"value-cards-container\">\n      <div className=\"w--narrow\">\n        {windowWidth >= 768 ? (\n          valueCards.length > 0 ? (\n            valueCards.map((card) => {\n              return (\n                <ValueCard\n                  key={card.header}\n                  icon={card.icon[0] || null}\n                  iconUpload={card.iconUpload}\n                  header={card.header}\n                  description={card.description}\n                />\n              )\n            })\n          ) : null\n        ) : (\n          <Slider {...settings}>\n            {valueCards.length > 0\n              ? valueCards.map((card) => {\n                  return (\n                    <ValueCard\n                      key={card.header}\n                      icon={card.icon[0] || null}\n                      iconUpload={card.iconUpload}\n                      header={card.header}\n                      description={card.description}\n                    />\n                  )\n                })\n              : null}\n          </Slider>\n        )}\n      </div>\n    </section>\n  )\n}\n\nfunction ValueCard({ icon, iconUpload, header, description }) {\n  const svg = icon?.value || undefined\n\n  return (\n    <div className=\"card-container\">\n      <article className=\"value-card\">\n        {svg !== \"None\" || undefined ? (\n          <Svg iconName={svg} fillColor={\"transparent\"} stroke={\"#000\"} key={svg}></Svg>\n        ) : iconUpload ? (\n          <div className=\"icon\">\n            <img src={iconUpload}></img>\n          </div>\n        ) : (\n          \"\"\n        )}\n        <h3>{header}</h3>\n        <p>{description}</p>\n      </article>\n    </div>\n  )\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport ValueCardsContainer from \"./value-cards-container-component.jsx\"\nimport \"./_value-card.scss\"\n\nexport default class ValueCardsContainerModule {\n  constructor(elem) {\n    const self = this\n    self.elem = elem\n    self.modelJson = elem.dataset.modelJson && JSON.parse(elem.dataset.modelJson)\n    this.init()\n    return self\n  }\n\n  init() {\n    const self = this\n    ReactDOM.unmountComponentAtNode(self.elem)\n    ReactDOM.render(<ValueCardsContainer {...self.modelJson} />, self.elem)\n  }\n}\n"],"names":["ValueCardsContainer","_ref","valueCards","contentArea","windowWidth","useWindowWidth","settings","dots","arrows","infinite","slidesToShow","slidesToScroll","swipe","variableWidth","_jsx","className","children","length","map","card","ValueCard","icon","iconUpload","header","description","Slider","_objectSpread","_ref2","svg","value","undefined","_jsxs","Svg","iconName","fillColor","stroke","src","ValueCardsContainerModule","_createClass","elem","_classCallCheck","self","this","modelJson","dataset","JSON","parse","init","key","ReactDOM"],"sourceRoot":""}