{"version":3,"file":"js/4780-6e86d204bcef01d5a4ef.js","mappings":"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","sources":["webpack://AYTM/./app/_stock/webpack/app/swidget/questions/styles/common/swidget-image.module.scss?e03c","webpack://AYTM/./app/_stock/webpack/app/swidget/questions/components/common/swidget-image.jsx","webpack://AYTM/./app/_stock/webpack/lib/rfd-ui/components/basic/image-pin.jsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"fullsized\":\"swidget-image-module__fullsized___3OjM3 swidget-image-fullsized\",\"popup\":\"swidget-image-module__popup___3S2D7\",\"thumbnail\":\"swidget-image-module__thumbnail___10IUi swidget-thumbnail\",\"thumbnail-placeholder\":\"swidget-image-module__thumbnail-placeholder___3Ra_M swidget-thumbnail-placeholder\",\"thumbnail-mobile\":\"swidget-image-module__thumbnail-mobile___3VTfp swidget-thumbnail-mobile\"};","import autobind from 'autobind-decorator'\nimport React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { stopEvent } from '@aytm/lib/common/func'\nimport { PureDataComponent } from '@aytm/lib/common/components/pure-component'\nimport ImagePin from '@aytm/lib/rfd-ui/components/basic/image-pin'\nimport Popup from '@aytm/lib/rfd-ui/components/basic/popup'\nimport ImagePreview from '@aytm/app/survey/editor/components/content/assets/ImagePreview'\n\n// styles\nimport style from '@aytm/app/swidget/questions/styles/common/swidget-image.module.scss'\n\nexport class SwidgetPinImage extends PureDataComponent {\n  static propTypes = {\n    picture: PropTypes.object,\n    clickOnZoom: PropTypes.bool,\n    text: PropTypes.string\n  }\n\n  render() {\n    const { picture, onLoad, imageCallback, hasLoaded, text, onClick, theme, withPincher = true } = this.props\n    const pinImage = picture.get('pin_image')\n    const originalUrl = picture.get('original_url')\n    const bigThumbnailUrl = picture.get('big_thumbnail_path')\n    const thumbnail = picture.getIn(['thumbnail'])\n    const proportion = picture.getIn(['proportion'])\n    const scrolling = picture.get('scrolling')\n\n    return (\n      <div className={style.fullsized}>\n        {pinImage && originalUrl && (\n          <ImagePin\n            scrolling={scrolling}\n            baseURL={originalUrl}\n            previewURL={bigThumbnailUrl}\n            label={text}\n            clickOnZoom={true}\n            withPopup={true}\n            withZoom={true}\n            onLoad={onLoad}\n            hasLoaded={hasLoaded}\n            onClick={onClick}\n            mobile={'mobile' == theme}\n            thumbnail={thumbnail}\n            withPincher={withPincher}\n            proportion={proportion}\n            onZoomClick={'function' == typeof imageCallback ? imageCallback : null}\n          />\n        )}\n      </div>\n    )\n  }\n}\n\nexport class SwidgetImage extends PureDataComponent {\n  static propTypes = {\n    picture: PropTypes.object,\n    theme: PropTypes.string\n  }\n\n  componentDidMount() {\n    if (this.refImagePin && 'function' === typeof this.refImagePin.addEventListener) {\n      this.refImagePin.addEventListener('pincher:create', this.handlePincherCreate)\n      this.refImagePin.addEventListener('pincher:destroy', this.handlePincherDestroy)\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.refImagePin && 'function' === typeof this.refImagePin.removeEventListener) {\n      this.refImagePin.removeEventListener('pincher:create', this.handlePincherCreate)\n      this.refImagePin.removeEventListener('pincher:destroy', this.handlePincherDestroy)\n    }\n  }\n\n  @autobind\n  handlePincherCreate() {\n    window.addEventListener('touchmove', this.handleTouchMove)\n  }\n\n  @autobind\n  handlePincherDestroy() {\n    window.removeEventListener('touchmove', this.handleTouchMove)\n  }\n\n  @autobind\n  handleTouchMove(event) {\n    stopEvent(event)\n  }\n\n  @autobind\n  renderPopupContent(baseURL, previewURL, scrolling) {\n    return (\n      <ImagePreview\n        maxHeight=\"250px\"\n        maxWidth=\"250px\"\n        imageUrl={baseURL}\n        previewUrl={previewURL}\n        allowScrolling={scrolling}\n        minHeight=\"50px\"\n        minWidth=\"50px\"\n      />\n    )\n  }\n\n  render() {\n    const { picture, theme, inFrame, accentColor, imageCallback, text, withPincher } = this.props\n    const pinImage = picture.get('pin_image')\n    const scrolling = picture.get('scrolling')\n    const originalUrl = picture.get('original_url')\n    const bigThumbnailUrl = picture.get('big_thumbnail_path')\n    const thumbnailUrl = picture.get('thumbnail_path')\n    const withPopup = 'mobile' !== theme && !inFrame\n\n    return (\n      <Fragment>\n        {!pinImage && (\n          <div className={`${style.thumbnail} ${'mobile' == theme ? style['thumbnail-mobile'] : ''}`}>\n            {withPopup ? (\n              <Popup\n                portal={true}\n                trigger=\"hover\"\n                direction=\"left\"\n                accentColor={accentColor}\n                className={style.popup}\n                contentStyle={{ borderRadius: '8px', padding: '2px', background: accentColor }}\n                hideOtherPopupsOnShow={true}\n                content={() => this.renderPopupContent(originalUrl, bigThumbnailUrl, scrolling)}\n                contentTheme=\"thin-black\"\n              >\n                <ImagePin\n                  scrolling={scrolling}\n                  baseURL={originalUrl}\n                  previewURL={thumbnailUrl}\n                  clickOnZoom={false}\n                  withPopup={true}\n                  withZoom={true}\n                  withPincher={withPincher}\n                  mobile={'mobile' == theme}\n                  label={text}\n                  zoomIcon={imageCallback ? 'icon-aytmfd-zoom-in' : 'no-icon'}\n                  onZoomClick={'function' == typeof imageCallback ? imageCallback : null}\n                />\n              </Popup>\n            ) : (\n              <ImagePin\n                ref={this.saveRef('ImagePin')}\n                baseURL={originalUrl}\n                previewURL={thumbnailUrl}\n                // clickOnZoom={Boolean(imageCallback)}\n                label={text}\n                mobile={'mobile' == theme}\n                withPopup={true}\n                withZoom={true}\n                clickOnImage={'mobile' == theme}\n                withPincher={withPincher}\n                zoomIcon={'no-icon'}\n                onZoomClick={'function' == typeof imageCallback ? imageCallback : null}\n              />\n            )}\n          </div>\n        )}\n      </Fragment>\n    )\n  }\n}\n\nexport class SwidgetImagePlaceholder extends PureDataComponent {\n  static propTypes = {\n    theme: PropTypes.string\n  }\n\n  render() {\n    const theme = this.props.theme\n    return (\n      <div\n        className={`${style.thumbnail} ${style['thumbnail-placeholder']} ${\n          'mobile' == theme ? style['thumbnail-mobile'] : ''\n        }`}\n      ></div>\n    )\n  }\n}\n","import React, { Fragment } from 'react'\nimport { Map } from 'immutable'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport autobind from 'autobind-decorator'\nimport PureDataComponent from '@aytm/lib/common/components/pure-component'\nimport { stopEvent } from '@aytm/lib/common/func'\n\nimport Popup from '@aytm/lib/rfd-ui/components/basic/popup'\nimport ImagePopup from './image-popup'\n\nimport '@aytm/lib/rfd-ui/styles/basic/image-pin.scss'\n\n// const isIFrame = (() => {\n//   try {\n//     return window.self !== window.top\n//     // eslint-disable-next-line no-unused-vars\n//   } catch {\n//     return true\n//   }\n// })()\n\nexport default class ImagePin extends PureDataComponent {\n  static propTypes = {\n    baseURL: PropTypes.string,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    previewURL: PropTypes.string.isRequired,\n    thumbnail: PropTypes.instanceOf(Map),\n    label: PropTypes.string,\n    zoomIcon: PropTypes.string,\n    loadingIcon: PropTypes.string,\n    failedIcon: PropTypes.string,\n    clickOnZoom: PropTypes.bool,\n    centeredZoom: PropTypes.bool,\n    withPincher: PropTypes.bool,\n    withPopup: PropTypes.bool,\n    withZoom: PropTypes.bool,\n    scrolling: PropTypes.bool,\n    clickOnImage: PropTypes.bool,\n    popupOpened: PropTypes.bool,\n    mobile: PropTypes.bool,\n    onLoad: PropTypes.func,\n    onPopup: PropTypes.func,\n    onError: PropTypes.func,\n    onClick: PropTypes.func,\n    onZoomClick: PropTypes.func\n  }\n\n  static contextTypes = {\n    popup: PropTypes.instanceOf(Popup)\n  }\n\n  constructor(props) {\n    super(props)\n    this.doChangeStateHandler = {}\n    this.state = {\n      loading: true,\n      loaded: false,\n      popup: props.popupOpened || false\n    }\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (this.props.popupOpened != nextProps.popupOpened) this.setState({ popup: nextProps.popupOpened })\n  }\n\n  doChangeState(id, change, zoom) {\n    const that = this\n    const { onClick, onZoomClick } = this.props\n    // if ('function' == typeof onClick) {\n    //   // onClick()\n    //   return onClick\n    // } else {\n    return (\n      this.doChangeStateHandler[id] ||\n      (this.doChangeStateHandler[id] = event => {\n        stopEvent(event)\n        // if ('function' == typeof onClick) onClick()\n        if (onZoomClick && zoom && 'function' == typeof onZoomClick) onZoomClick(change.popup)\n        if (change.popup) {\n          const { popup } = this.context\n          if (popup) {\n            popup.hide()\n          } else {\n            if ('function' == typeof onClick) onClick()\n          }\n        }\n        that.setState(change)\n        return false\n      })\n    )\n    // }\n  }\n\n  @autobind\n  clickImage() {\n    if (!this.state.loaded) return false\n    const { onClick } = this.props\n    if ('function' == typeof onClick) {\n      onClick()\n    }\n    return true\n  }\n\n  @autobind\n  popupOpened() {\n    setTimeout(() => {\n      const { onPopup } = this.props\n      'function' == typeof onPopup && onPopup()\n    }, 10)\n  }\n\n  @autobind\n  imageLoad(callback) {\n    callback &&\n      setTimeout(() => {\n        const { onLoad } = this.props\n        'function' == typeof onLoad && onLoad()\n      }, 10)\n\n    this.setState({ loading: false, loaded: true })\n  }\n\n  @autobind\n  imageError() {\n    const { onError } = this.props\n    'function' == typeof onError && onError()\n\n    this.setState({ loading: false, loaded: false })\n  }\n\n  render() {\n    const {\n      baseURL,\n      previewURL,\n      width,\n      label,\n      clickOnZoom,\n      // onClick,\n      withPopup,\n      withZoom,\n      hasLoaded,\n      thumbnail,\n      popupOpened,\n      mobile,\n      clickOnImage,\n      closeOnClick = true,\n      withPincher\n    } = this.props\n    const { loading, loaded, popup } = this.state\n    const zoomIcon = this.props.zoomIcon || 'icon-aytmfd-zoom-in'\n    const loadingIcon = this.props.loadingIcon || 'icon-aytmfd-spin aytmfd-spin'\n    const failedIcon = this.props.failedIcon || 'icon-aytmfd-delete'\n    const scrolling = this.props.scrolling || false\n    const proportion = thumbnail ? thumbnail.get('width') / thumbnail.get('height') : 1\n    const showPreloader = thumbnail && thumbnail.get('width') > 30 && thumbnail.get('height') > 30\n    const supportThumbnail = thumbnail && thumbnail.get('src')\n    const showThumbnail = !hasLoaded && thumbnail && thumbnail.get('src')\n\n    const isPincherSupport = false\n    const isPincherActive = isPincherSupport && withPincher\n    const isPopupActive = popupOpened || (withPopup && !isPincherActive)\n    const isZoomActive = withZoom && !isPincherActive\n\n    return (\n      <div\n        className={classNames('rfd-ui-image-pin', {\n          'rfd-ui-image-pin-loading-thumbnail': supportThumbnail && showThumbnail,\n          'rfd-ui-image-pin-loaded-thumbnail': supportThumbnail && !showThumbnail,\n          'rfd-ui-image-pin-loading': loading,\n          'rfd-ui-image-pin-mobile': mobile,\n          'rfd-ui-image-pin-loaded': loaded\n        })}\n        ref={this.saveRef('PinRoot')}\n        style={{ width }}\n        onClick={this.clickImage}\n      >\n        {supportThumbnail ? (\n          <div\n            className=\"thumbnailDiv\"\n            style={{\n              width: !thumbnail.get('fitToWidth')\n                ? thumbnail.get('fitToHeight')\n                  ? 'auto'\n                  : proportion > 1\n                  ? '100%'\n                  : proportion * 100 + '%'\n                : 'auto',\n              height: thumbnail.get('fitToHeight') ? thumbnail.get('fitToHeight') : 'auto',\n              maxWidth: thumbnail.get('width'),\n              maxHeight: thumbnail.get('height')\n            }}\n          >\n            <img\n              // data-pincher={isPincherActive ? true : undefined}\n              width={width}\n              src={previewURL}\n              ref={this.saveRef('Image')}\n              onLoad={this.imageLoad}\n              onError={this.imageError}\n              style={{ opacity: showThumbnail ? 0 : 1 }}\n              className=\"preview\"\n              data-testid=\"SW-Image\"\n              alt=\"\"\n              role=\"presentation\"\n            />\n            {showPreloader && showThumbnail && <i className=\"preloader icon-aytmfd-spin afd-spin\"></i>}\n            <img\n              style={{\n                opacity: !showThumbnail ? 0 : 1,\n                zIndex: !showThumbnail ? -1 : 0\n              }}\n              className=\"thumbnail\"\n              src={thumbnail.get('src')}\n              ref={this.saveRef('Image')}\n              onLoad={() => this.imageLoad(false)}\n              data-testid=\"SW-Image-Thumbnail\"\n              alt=\"\"\n              role=\"presentation\"\n            />\n          </div>\n        ) : (\n          <img\n            data-pincher={isPincherActive ? true : undefined}\n            src={isPincherActive ? baseURL : previewURL}\n            ref={this.saveRef('Image')}\n            onLoad={this.imageLoad}\n            onError={this.imageError}\n            data-testid=\"SW-Image\"\n            alt=\"\"\n            role=\"presentation\"\n          />\n        )}\n        {!showThumbnail && loaded ? (\n          <Fragment>\n            {isPopupActive ? (\n              <Fragment>\n                {clickOnZoom !== false ? (\n                  <div className={'rfd-ui-image-pin-zoom rfd-ui-image-pin-zoom-top-right'}>\n                    <i\n                      className={`${zoomIcon} ${clickOnImage ? 'fullWidth' : ''} rfd-ui-image-pin-zoom-button`}\n                      onClick={this.doChangeState('ps', { popup: true }, true)}\n                    />\n                  </div>\n                ) : null}\n                <ImagePopup\n                  scrolling={scrolling}\n                  imageProps={{\n                    'data-pincher': isPincherSupport ? true : undefined\n                  }}\n                  src={baseURL}\n                  label={label}\n                  show={popup}\n                  loadingIcon={loadingIcon}\n                  failedIcon={failedIcon}\n                  closeOnClick={closeOnClick}\n                  closeIcon={failedIcon}\n                  onLoad={this.popupOpened}\n                  onClose={this.doChangeState('ph', { popup: false }, true)}\n                />\n              </Fragment>\n            ) : isZoomActive ? (\n              <div className=\"rfd-ui-image-pin-zoom rfd-ui-image-pin-zoom-top-left\">\n                <input type=\"hidden\" value={baseURL} className=\"preview_image hidden_image\" />\n                <i className={`${zoomIcon} rfd-ui-image-pin-zoom-button`} />\n              </div>\n            ) : null}\n          </Fragment>\n        ) : loading ? (\n          <div className=\"rfd-ui-image-pin-loader\">\n            <i className={`${loadingIcon}`} />\n          </div>\n        ) : !showThumbnail ? (\n          <div className=\"rfd-ui-image-pin-failed\">\n            <i className={failedIcon} />\n          </div>\n        ) : null}\n      </div>\n    )\n  }\n}\n"],"names":["SwidgetPinImage","_PureDataComponent","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","_this$props","this","props","picture","onLoad","imageCallback","hasLoaded","text","onClick","theme","_this$props$withPinch","withPincher","pinImage","get","originalUrl","bigThumbnailUrl","thumbnail","getIn","proportion","scrolling","React","className","style","ImagePin","baseURL","previewURL","label","clickOnZoom","withPopup","withZoom","mobile","onZoomClick","PureDataComponent","propTypes","PropTypes","SwidgetImage","_SwidgetImage","_PureDataComponent2","refImagePin","addEventListener","handlePincherCreate","handlePincherDestroy","removeEventListener","window","handleTouchMove","event","stopEvent","ImagePreview","maxHeight","maxWidth","imageUrl","previewUrl","allowScrolling","minHeight","minWidth","_this","_this$props2","inFrame","accentColor","thumbnailUrl","Fragment","Popup","portal","trigger","direction","contentStyle","borderRadius","padding","background","hideOtherPopupsOnShow","content","renderPopupContent","contentTheme","zoomIcon","ref","saveRef","clickOnImage","_applyDecoratedDescriptor","_class","prototype","autobind","Object","getOwnPropertyDescriptor","SwidgetImagePlaceholder","_PureDataComponent3","_ImagePin","doChangeStateHandler","state","loading","loaded","popup","popupOpened","nextProps","setState","id","change","zoom","_this2","that","context","hide","_this3","setTimeout","onPopup","callback","_this4","onError","_this5","width","_this$props2$closeOnC","closeOnClick","_this$state","loadingIcon","failedIcon","showPreloader","supportThumbnail","showThumbnail","isPopupActive","isZoomActive","classNames","clickImage","height","src","imageLoad","imageError","opacity","alt","role","zIndex","undefined","doChangeState","ImagePopup","imageProps","show","closeIcon","onClose","type","Map","centeredZoom","contextTypes"],"sourceRoot":""}