{"version":3,"sources":["webpack:///./Scripts/Components/ImageGalleryViewer.js","webpack:///./Scripts/Containers/ImageGallery.container.js"],"names":["ImageGalleryViewer","_Component","_inherits","Component","_super","_createSuper","props","_classCallCheck","this","call","_createClass","key","value","_this","galleryImages","images","map","image","index","original","src","thumbnail","originalAlt","alt","thumbnailAlt","gallerySettings","lazyLoad","showPlayButton","onErrorImageURL","slideDuration","showThumbnails","thumbnailPosition","useBrowserFullscreen","showBullets","showFullscreenButton","onClick","_imageGallery","fullScreen","length","react_default","a","createElement","react","Fragment","className","premium","Svg","icon","image_gallery_default","_extends","ref","i","items","ImageGalleryContainer","Components_ImageGalleryViewer"],"mappings":"0iEAEwB,IAyDTA,EAtDS,SAAAC,yRAAAC,CAAAF,EAASG,gBAAT,IAAAC,EAAAC,EAAAL,GACtB,SAAAA,EAAYM,GAAO,mGAAAC,CAAAC,KAAAR,GAAAI,EAAAK,KAAAD,KACXF,GAiDP,wGAhDAI,CAAAV,IAAAW,IAAA,SAAAC,MACD,WAAS,IAAAC,EAAAL,KACDM,EAAgBN,KAAKF,MAAMS,OAAOC,IAAI,SAACC,EAAOC,GAClD,OACEC,SAAUF,EAAMG,IAChBC,UAAWJ,EAAMG,IACjBE,YAAaL,EAAMM,IACnBC,aAAcP,EAAMM,OAIlBE,GACJC,UAAU,EACVC,gBAAgB,EAChBC,gBAAiB,0CACjBC,cAAe,IACfC,gBAAgB,EAChBC,kBAAmB,SACnBC,sBAAsB,EACtBC,aAAa,EACbC,sBAAsB,EACtBC,QAAS,kBAAMtB,EAAKuB,cAAcC,eAGpC,OAAQ7B,KAAKF,MAAMS,QAAUP,KAAKF,MAAMS,OAAOuB,OAAS,EACtDC,EAAAC,EAAAC,cAACC,EAAA,SAAQ,MAETH,EAAAC,EAAAC,cAACC,EAAA,SAAQ,KACN5B,EAAcwB,OAAS,GACtBC,EAAAC,EAAAC,cAAAF,EAAAC,EAAAG,SAAA,KACEJ,EAAAC,EAAAC,cAAA,OAAKG,UAAU,sBACXpC,KAAKF,MAAMuC,SACPN,EAAAC,EAAAC,cAAA,QAAMG,UAAU,kBACdL,EAAAC,EAAAC,cAACK,EAAA,GAAIC,KAAK,aAGlBR,EAAAC,EAAAC,cAACO,EAAAR,EAAYS,GACbC,IAAK,SAAAC,GAAC,OAAItC,EAAKuB,cAAgBe,GAC/BhC,SAAUL,EAAc,GAAGK,UACvBM,GACJ2B,MAAOtC,YAQlBd,EAnDqB,GCCTqD,UAHe,SAAA/C,GAAK,OAAIiC,EAAAC,EAAAC,cAACa,EAAuBhD","file":"8.87cd14e06bfa02c9e21e.js","sourcesContent":["import React, { Component, Fragment } from \"react\";\nimport ImageGallery from \"react-image-gallery\";\nimport Svg from './Svg';\n\n\nclass ImageGalleryViewer extends Component {\n  constructor(props) {\n    super(props);\n  }\n  render() {\n    const galleryImages = this.props.images.map((image, index) => {\n      return {\n        original: image.src,\n        thumbnail: image.src,\n        originalAlt: image.alt,\n        thumbnailAlt: image.alt,\n      };\n    });\n\n    const gallerySettings = {\n      lazyLoad: true,\n      showPlayButton: false,\n      onErrorImageURL: \"https://via.placeholder.com/300x200/ccc\",\n      slideDuration: 225,\n      showThumbnails: false,\n      thumbnailPosition: \"bottom\",\n      useBrowserFullscreen: false,\n      showBullets: true,\n      showFullscreenButton: true,\n      onClick: () => this._imageGallery.fullScreen(),\n    };\n\n    return !this.props.images || this.props.images.length < 1 ? (\n      <Fragment />\n    ) : (\n      <Fragment>\n        {galleryImages.length > 0 && (\n          <>\n            <div className=\"row product-images\">\n               {this.props.premium && (\n                    <span className=\"product__badge\">\n                      <Svg icon=\"premium\" />\n                    </span>\n                  )}\n              <ImageGallery\n              ref={i => this._imageGallery = i}\n              original={galleryImages[0].original}\n              {...gallerySettings}\n              items={galleryImages}\n            ></ImageGallery>\n            </div>\n            \n          </>\n        )}\n      </Fragment>\n    );\n  }\n}\n\nexport default ImageGalleryViewer;\n","import React from 'react';\nimport ImageGalleryViewer from '../Components/ImageGalleryViewer';\n\nconst ImageGalleryContainer = props => <ImageGalleryViewer {...props} />;\n\n\nexport default ImageGalleryContainer;"],"sourceRoot":""}