{"version":3,"file":"static/js/3121.ae3ad334.chunk.js","mappings":"2RAKqBA,EAA0B,SAAAC,GAC7C,SAAAD,EAAYE,GAAQ,IAADC,EAKhB,OALgBC,EAAAA,EAAAA,GAAA,KAAAJ,IACjBG,GAAAE,EAAAA,EAAAA,GAAA,KAAAL,EAAA,CAAME,KAORI,8BAAgC,SAACC,GAC/B,GAAIA,EAAUC,OAAS,EACrB,OAAgB,OAATD,QAAS,IAATA,OAAS,EAATA,EAAWE,KAAI,SAACC,EAAMC,GAC3B,OACEC,EAAAA,EAAAA,MAAA,OAAKC,UAAU,iBAAgBC,SAAA,EAC7BF,EAAAA,EAAAA,MAAA,OAAKC,UAAU,QAAOC,SAAA,EACpBC,EAAAA,EAAAA,KAAA,OAAKF,UAAS,eAAAG,OAAiBN,EAAKO,aAAe,WAAa,IAAKH,SAAEJ,EAAKQ,YAC5EH,EAAAA,EAAAA,KAAA,OAAKI,IAAKT,EAAKU,YAEjBL,EAAAA,EAAAA,KAAA,MAAIF,UAAU,YAAWC,SACtBJ,EAAKW,SACJX,EAAKW,QAAQZ,KAAI,SAACa,EAAKC,GACrB,OACER,EAAAA,EAAAA,KAAA,MAAAD,UACEF,EAAAA,EAAAA,MAAA,KAAGY,KAAMF,EAAIG,KAAMZ,UAAU,WAAUC,SAAA,EACrCC,EAAAA,EAAAA,KAACW,EAAAA,EAAG,CAACC,SAAUL,EAAIM,KAAMC,UAAW,YACnCP,EAAIQ,SACH,MAAAd,OAJSO,GAOnB,OAEJR,EAAAA,EAAAA,KAAA,OAAKF,UAAU,YAAWC,UACxBF,EAAAA,EAAAA,MAAA,KAAGY,KAAMd,EAAKqB,WAAYlB,UAAU,WAAUC,SAAA,EAC5CC,EAAAA,EAAAA,KAACW,EAAAA,EAAG,CAACC,SAAU,aAAcE,UAAW,YACvCnB,EAAKsB,iBAGVjB,EAAAA,EAAAA,KAAA,OAAKF,UAAU,YAAc,yBAAAG,OAxB+BL,GA2BlE,GAEJ,EAtCER,EAAK8B,MAAQ,CACX1B,UAAWL,EAAMK,WAClBJ,CACH,CAAC,OAAA+B,EAAAA,EAAAA,GAAAlC,EAAAC,IAAAkC,EAAAA,EAAAA,GAAAnC,EAAA,EAAAoC,IAAA,SAAAC,MAqCD,WAWE,OAAOC,EAAAA,IACLvB,EAAAA,EAAAA,KAAA,OAAKF,UAAW,6BAA6BC,UAC3CC,EAAAA,EAAAA,KAACwB,EAAAA,GAAMC,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GAZI,CACbC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,aAAc,EACdC,eAAgB,EAChBC,OAAO,EACPC,eAAe,IAKO,IAAAjC,SAAGkC,KAAKf,MAAM1B,WAAayC,KAAK1C,8BAA8B0C,KAAKf,MAAM1B,iBAG/FQ,EAAAA,EAAAA,KAAA,OAAAD,SAAMkC,KAAKf,MAAM1B,WAAayC,KAAK1C,8BAA8B0C,KAAKf,MAAM1B,YAEhF,IAAC,CA9D4C,CAAS0C,EAAAA,WCDnCC,EAAgC,WAOlD,OAAAf,EAAAA,EAAAA,IAND,SAAAe,EAAYC,IAAM/C,EAAAA,EAAAA,GAAA,KAAA8C,GAChB,IAAME,EAAOJ,KAIb,OAHAI,EAAKD,KAAOA,EACZC,EAAKC,wBAA0BF,EAAKG,QAAQD,yBAA2BE,KAAKC,MAAML,EAAKG,QAAQD,yBAC/FD,EAAKK,OACEL,CACT,GAAC,EAAAhB,IAAA,OAAAC,MAED,WACE,IAAMe,EAAOJ,KACbU,EAAAA,uBAAgCN,EAAKD,MACrCO,EAAAA,QAAgB3C,EAAAA,EAAAA,KAACf,GAA0BwC,EAAAA,EAAAA,GAAA,GAAKY,EAAKC,0BAA6BD,EAAKD,KACzF,IAAC,CAbkD,E","sources":["shared/merchant/further-inspiration-links/merchant-further-inspiration.jsx","shared/merchant/further-inspiration-links/merchant-further-inspiration-module.js"],"sourcesContent":["import React, { Component } from \"react\"\nimport Svg from \"../../../shared/_svgs/svg\"\nimport { isMobile } from \"react-device-detect\"\nimport Slider from \"react-slick\"\n\nexport default class MerchantFurtherInspiration extends Component {\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      linkItems: props.linkItems,\n    }\n  }\n\n  renderFurtherInspirationLinks = (linkItems) => {\n    if (linkItems.length > 0) {\n      return linkItems?.map((item, index) => {\n        return (\n          <div className=\"spot-box__item\" key={`furtherInspirationLink${index}`}>\n            <div className=\"image\">\n              <div className={`on-img-text ${item.shopNameBlue ? \"cph-blue\" : \"\"}`}>{item.shopName}</div>\n              <img src={item.image} />\n            </div>\n            <ul className=\"linkgroup\">\n              {item.uspList &&\n                item.uspList.map((usp, uspIndex) => {\n                  return (\n                    <li key={`usp${uspIndex}`}>\n                      <a href={usp.link} className=\"linkitem\">\n                        <Svg iconName={usp.icon} fillColor={\"#071143\"} />\n                        {usp.text}\n                      </a>\n                    </li>\n                  )\n                })}\n            </ul>\n            <div className=\"visitlink\">\n              <a href={item.buttonLink} className=\"linkitem\">\n                <Svg iconName={\"arrowright\"} fillColor={\"#071143\"} />\n                {item.buttonText}\n              </a>\n            </div>\n            <div className=\"clear\"></div>\n          </div>\n        )\n      })\n    }\n  }\n\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 isMobile ? (\n      <div className={\"further-inspiration-slider\"}>\n        <Slider {...settings}>{this.state.linkItems && this.renderFurtherInspirationLinks(this.state.linkItems)}</Slider>\n      </div>\n    ) : (\n      <div>{this.state.linkItems && this.renderFurtherInspirationLinks(this.state.linkItems)}</div>\n    )\n  }\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport MerchantFurtherInspiration from \"./merchant-further-inspiration\"\n\nexport default class MerchantFurtherInspirationModule {\n  constructor(elem) {\n    const self = this\n    self.elem = elem\n    self.furtherInspirationLinks = elem.dataset.furtherInspirationLinks && JSON.parse(elem.dataset.furtherInspirationLinks)\n    self.init()\n    return self\n  }\n\n  init() {\n    const self = this\n    ReactDOM.unmountComponentAtNode(self.elem)\n    ReactDOM.render(<MerchantFurtherInspiration {...self.furtherInspirationLinks} />, self.elem)\n  }\n}\n"],"names":["MerchantFurtherInspiration","_Component","props","_this","_classCallCheck","_callSuper","renderFurtherInspirationLinks","linkItems","length","map","item","index","_jsxs","className","children","_jsx","concat","shopNameBlue","shopName","src","image","uspList","usp","uspIndex","href","link","Svg","iconName","icon","fillColor","text","buttonLink","buttonText","state","_inherits","_createClass","key","value","isMobile","Slider","_objectSpread","dots","arrows","infinite","slidesToShow","slidesToScroll","swipe","variableWidth","this","Component","MerchantFurtherInspirationModule","elem","self","furtherInspirationLinks","dataset","JSON","parse","init","ReactDOM"],"sourceRoot":""}