{"version":3,"file":"static/js/9768.176015d3.chunk.js","mappings":"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","sources":["shared/merchant/frontpage/carousel/merchant-carousel.jsx"],"sourcesContent":["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":["MerchantCarousel","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","_this","_jsx","className","children","Slider","_objectSpread","dots","arrows","infinite","slidesToShow","slidesToScroll","swipe","variableWidth","this","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":""}