{"version":3,"file":"static/js/8969.a805d658.chunk.js","mappings":"sPAIqBA,EAAsB,WAOxC,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,WACnEF,EAAKM,OACEN,CACT,GAAC,EAAAO,IAAA,OAAAC,MAED,WACE,IAAMR,EAAOC,KACbQ,EAAAA,uBAAgCT,EAAKF,MACrCW,EAAAA,QAAgBC,EAAAA,EAAAA,KAACC,EAAAA,SAAgBC,EAAAA,EAAAA,GAAA,GAAKZ,EAAKE,YAAeF,EAAKF,KACjE,IAAC,CAbwC,E,gMCEtBa,EAAgB,SAAAE,GAAA,SAAAF,IAAA,OAAAZ,EAAAA,EAAAA,GAAA,KAAAY,IAAAG,EAAAA,EAAAA,GAAA,KAAAH,EAAAI,UAAA,QAAAC,EAAAA,EAAAA,GAAAL,EAAAE,IAAAhB,EAAAA,EAAAA,GAAAc,EAAA,EAAAJ,IAAA,SAAAC,MACnC,WAAU,IAADS,EAAA,KAWP,OACEP,EAAAA,EAAAA,KAAA,OAAKQ,UAAU,oBAAmBC,UAChCT,EAAAA,EAAAA,KAACU,EAAAA,GAAMR,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GAZI,CACbS,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,aAAc,EACdC,eAAgB,EAChBC,OAAO,EACPC,eAAe,IAKO,IAAAR,SACjBlB,KAAK2B,MAAMC,eACV5B,KAAK2B,MAAMC,cAAcC,KAAI,SAACC,EAAMC,GAClC,OAAOtB,EAAAA,EAAAA,KAACuB,GAAYrB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GAAiBmB,GAAI,IAAEG,SAAUjB,EAAKW,MAAMC,cAAcM,OAAS,EAAI,cAAgB,KAAjFH,EAC5B,QAIV,IAAC,CAtBkC,CAASI,EAAAA,WAyBxCH,EAAY,SAAAI,GAAA,SAAAJ,IAAA,OAAAlC,EAAAA,EAAAA,GAAA,KAAAkC,IAAAnB,EAAAA,EAAAA,GAAA,KAAAmB,EAAAlB,UAAA,QAAAC,EAAAA,EAAAA,GAAAiB,EAAAI,IAAAxC,EAAAA,EAAAA,GAAAoC,EAAA,EAAA1B,IAAA,SAAAC,MAChB,WACE,IAAM8B,EAAcC,EAAAA,EAA+CtC,KAAK2B,MAAMU,aACxEE,EAAaD,EAAAA,EAA+CtC,KAAK2B,MAAMY,YACvEC,EAAiBF,EAAAA,EAA+CtC,KAAK2B,MAAMa,gBAC3EC,EAAczC,KAAK2B,MAAMe,gBAAkB,CAAEC,MAAO3C,KAAK2B,MAAMe,sBAAoBE,EAEnFC,GACJpC,EAAAA,EAAAA,KAAA,OAAKQ,UAAU,YAAWC,UACxBT,EAAAA,EAAAA,KAAA,OAAKqC,IAAK9C,KAAK2B,MAAMoB,MAAO,gBAAc,YAIxCC,GACJvC,EAAAA,EAAAA,KAAA,OAAKQ,UAAU,YAAWC,UACxBT,EAAAA,EAAAA,KAAA,OAAKqC,IAAK9C,KAAK2B,MAAMsB,YAAa,gBAAc,kBAI9CC,GACJC,EAAAA,EAAAA,MAAA,OAAKlC,UAAU,aAAYC,SAAA,EACzBT,EAAAA,EAAAA,KAAA,OAAKQ,UAAU,WAAW,gBAAc,eAAcC,SACnDlB,KAAK2B,MAAMyB,gBAEd3C,EAAAA,EAAAA,KAAA,MAAI,gBAAc,UAASS,SAAElB,KAAK2B,MAAM0B,WACxC5C,EAAAA,EAAAA,KAAA,OAAKQ,UAAU,WAAW,gBAAc,OAAMC,SAC3ClB,KAAK2B,MAAM2B,QAEd7C,EAAAA,EAAAA,KAAA,MAAAS,SACGlB,KAAK2B,MAAM4B,UACVvD,KAAK2B,MAAM4B,SAAS1B,KAAI,SAAC2B,EAAKzB,GAAW,IAAD0B,EAChCC,EAAUpB,EAAAA,EAA+CkB,EAAIE,SACnE,OACEjD,EAAAA,EAAAA,KAAA,KAAGkD,KAAiB,QAAbF,EAAED,EAAII,eAAO,IAAAH,EAAAA,OAAIb,EAAU1B,UAChCiC,EAAAA,EAAAA,MAAA,MAAI,gBAAc,UAASjC,SAAA,EACzBT,EAAAA,EAAAA,KAACoD,EAAAA,EAAG,CAACC,SAAUJ,EAASK,UAAW,YAClCP,EAAIQ,YACF,MAAAC,OAJuClC,GAOlD,OAEJtB,EAAAA,EAAAA,KAAA,KAAGkD,KAAM3D,KAAK2B,MAAMuC,WAAWhD,UAC7BT,EAAAA,EAAAA,KAAA,OAAKQ,UAAS,kCAAAgD,OAAoC5B,GAAeA,GAAe8B,MAAO1B,EAAYvB,UACjGT,EAAAA,EAAAA,KAAA,QAAMQ,UAAU,OAAO,gBAAc,aAAYC,SAC9ClB,KAAK2B,MAAMyC,oBAOtB,OAAIpE,KAAK2B,MAAMsB,aAEXxC,EAAAA,EAAAA,KAAA,OAAKQ,UAAS,eAAAgD,OAAiB1B,GAAcA,EAAU,KAAA0B,OAAIjE,KAAK2B,MAAMM,UAAWf,UAC/EiC,EAAAA,EAAAA,MAAA,OAAKlC,UAAU,gBAAeC,SAAA,CAC3B2B,EACAK,EACAF,OAMLqB,EAAAA,IASsB,SAAnB7B,GAPHW,EAAAA,EAAAA,MAAA,OAAKlC,UAAS,eAAAgD,OAAiB1B,GAAcA,EAAU,KAAA0B,OAAIjE,KAAK2B,MAAMM,UAAWf,SAAA,CAC9E2B,EACAK,MAWLC,EAAAA,EAAAA,MAAA,OAAKlC,UAAS,eAAAgD,OAAiB1B,GAAcA,EAAU,KAAA0B,OAAIjE,KAAK2B,MAAMM,UAAWf,SAAA,CAC9EgC,EACAL,IAGP,IAAC,CApFe,CAASV,EAAAA,U","sources":["shared/merchant/frontpage/carousel/merchant-carousel-module.js","shared/merchant/frontpage/carousel/merchant-carousel.jsx"],"sourcesContent":["import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport MerchantCarousel from \"./merchant-carousel\"\n\nexport default class MerchantCarouselModule {\n  constructor(elem) {\n    const self = this\n    self.elem = elem\n    self.modelJson = elem.dataset.modelJson && JSON.parse(elem.dataset.modelJson)\n    self.init()\n    return self\n  }\n\n  init() {\n    const self = this\n    ReactDOM.unmountComponentAtNode(self.elem)\n    ReactDOM.render(<MerchantCarousel {...self.modelJson} />, self.elem)\n  }\n}\n","import React, { Component } from \"react\"\nimport Svg from \"../../../../shared/_svgs/svg\"\nimport * as SelectionFactoryHelper from \"../../../helpers/SelectionFactoryHelper\"\nimport Slider from \"react-slick\"\nimport { isMobile } from \"react-device-detect\"\n\nexport default class MerchantCarousel extends Component {\n  render() {\n    var settings = {\n      dots: true,\n      arrows: true,\n      infinite: true,\n      slidesToShow: 1,\n      slidesToScroll: 1,\n      swipe: true,\n      variableWidth: true,\n    }\n\n    return (\n      <div className=\"merchant-carousel\">\n        <Slider {...settings}>\n          {this.props.carouselItems &&\n            this.props.carouselItems.map((item, index) => {\n              return <CarouselItem key={index} {...item} cssClass={this.props.carouselItems.length > 1 ? \"more-margin\" : \"\"} />\n            })}\n        </Slider>\n      </div>\n    )\n  }\n}\n\nclass CarouselItem extends Component {\n  render() {\n    const buttonColor = SelectionFactoryHelper.getFromSelectionFactory(this.props.buttonColor)\n    const blockColor = SelectionFactoryHelper.getFromSelectionFactory(this.props.blockColor)\n    const imageAlignment = SelectionFactoryHelper.getFromSelectionFactory(this.props.imageAlignment)\n    const buttonStyle = this.props.buttonTextColor ? { color: this.props.buttonTextColor } : undefined\n\n    const leftSide = (\n      <div className=\"left-side\">\n        <img src={this.props.image} data-epi-edit=\"Image\" />\n      </div>\n    )\n\n    const leftSideTwo = (\n      <div className=\"left-side\">\n        <img src={this.props.secondImage} data-epi-edit=\"SecondImage\" />\n      </div>\n    )\n\n    const rightSide = (\n      <div className=\"right-side\">\n        <div className=\"category\" data-epi-edit=\"CategoryText\">\n          {this.props.categoryText}\n        </div>\n        <h2 data-epi-edit=\"Heading\">{this.props.heading}</h2>\n        <div className=\"maintext\" data-epi-edit=\"Text\">\n          {this.props.text}\n        </div>\n        <ul>\n          {this.props.uspItems &&\n            this.props.uspItems.map((usp, index) => {\n              const uspIcon = SelectionFactoryHelper.getFromSelectionFactory(usp.uspIcon)\n              return (\n                <a href={usp.uspLink ?? undefined} key={`usp${index}`}>\n                  <li data-epi-edit=\"UspText\">\n                    <Svg iconName={uspIcon} fillColor={\"#071143\"} />\n                    {usp.uspText}\n                  </li>\n                </a>\n              )\n            })}\n        </ul>\n        <a href={this.props.buttonLink}>\n          <div className={`button button--small no-shadow ${buttonColor && buttonColor}`} style={buttonStyle}>\n            <span className=\"text\" data-epi-edit=\"ButtonText\">\n              {this.props.buttonText}\n            </span>\n          </div>\n        </a>\n      </div>\n    )\n\n    if (this.props.secondImage) {\n      return (\n        <div className={`slide-inner ${blockColor && blockColor} ${this.props.cssClass}`}>\n          <div className=\"two-img-slide\">\n            {leftSide}\n            {rightSide}\n            {leftSideTwo}\n          </div>\n        </div>\n      )\n    }\n\n    if (isMobile) {\n      return (\n        <div className={`slide-inner ${blockColor && blockColor} ${this.props.cssClass}`}>\n          {leftSide}\n          {rightSide}\n        </div>\n      )\n    }\n\n    return imageAlignment === \"left\" ? (\n      <div className={`slide-inner ${blockColor && blockColor} ${this.props.cssClass}`}>\n        {leftSide}\n        {rightSide}\n      </div>\n    ) : (\n      <div className={`slide-inner ${blockColor && blockColor} ${this.props.cssClass}`}>\n        {rightSide}\n        {leftSide}\n      </div>\n    )\n  }\n}\n"],"names":["MerchantCarouselModule","_createClass","elem","_classCallCheck","self","this","modelJson","dataset","JSON","parse","init","key","value","ReactDOM","_jsx","MerchantCarousel","_objectSpread","_Component","_callSuper","arguments","_inherits","_this","className","children","Slider","dots","arrows","infinite","slidesToShow","slidesToScroll","swipe","variableWidth","props","carouselItems","map","item","index","CarouselItem","cssClass","length","Component","_Component2","buttonColor","SelectionFactoryHelper","blockColor","imageAlignment","buttonStyle","buttonTextColor","color","undefined","leftSide","src","image","leftSideTwo","secondImage","rightSide","_jsxs","categoryText","heading","text","uspItems","usp","_usp$uspLink","uspIcon","href","uspLink","Svg","iconName","fillColor","uspText","concat","buttonLink","style","buttonText","isMobile"],"sourceRoot":""}