{"version":3,"file":"js/2169-0fea5f19d00f03d07c48.chunk.js","mappings":"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","sources":["webpack://artfully-walls/./app/javascript/arts/actions/favorites.js","webpack://artfully-walls/./app/javascript/arts/components/Application/scroll.js","webpack://artfully-walls/./app/javascript/arts/components/Viewer/eye.js","webpack://artfully-walls/./app/javascript/arts/components/explore/explore.js","webpack://artfully-walls/./app/javascript/arts/components/explore/zoom.js","webpack://artfully-walls/./app/javascript/arts/components/explore/explore_header.js","webpack://artfully-walls/./app/javascript/arts/components/explore/index.js","webpack://artfully-walls/./app/javascript/arts/actions/explore_art.js","webpack://artfully-walls/./app/javascript/arts/components/favorite/heart_e.js","webpack://artfully-walls/./app/javascript/arts/components/favorite/heart_f.js","webpack://artfully-walls/./app/javascript/arts/components/favorite/styles.module.scss?53eb","webpack://artfully-walls/./app/javascript/arts/components/favorite/favorite.js","webpack://artfully-walls/./app/javascript/arts/selectors/favorite.js","webpack://artfully-walls/./app/javascript/arts/components/favorite/index.js","webpack://artfully-walls/./app/javascript/arts/components/visual_search/similar_grid.js","webpack://artfully-walls/./app/javascript/arts/components/visual_search/use_window_size.js","webpack://artfully-walls/./app/javascript/arts/components/explore/styles.module.scss?c1f4","webpack://artfully-walls/./app/javascript/arts/components/visual_search/styles.module.scss?a2a3"],"sourcesContent":["import Constants from 'arts/config/constants';\nimport {\n  addFavoriteApi,\n  removeFavoriteApi,\n  loadFavoritesApi\n} from 'arts/config/api';\n\nexport const add = (id, type) => (dispatch) => addFavoriteApi(id, type)\n  .then(\n    (favorite) => dispatch({ type: Constants.Favorites.ADD, favorite })\n  ).catch(() => {});\n\nexport const remove = (id, type) => (dispatch) => removeFavoriteApi(id, type)\n  .then(\n    () => dispatch({ type: Constants.Favorites.REMOVE, favorite: { id, type } })\n  ).catch(() => {});\n\nexport const load = () => (dispatch, getState) => {\n  if (!window.currentUser) {\n    return;\n  }\n  setTimeout(() => {\n    const { favorites: { loaded, loading } } = getState();\n    if (!loaded && !loading) {\n      dispatch({ type: Constants.Favorites.LOAD });\n      loadFavoritesApi().then((favorites) => dispatch({\n        type: Constants.Favorites.LOADED,\n        favorites\n      })).catch(() => {});\n    }\n  }, 0);\n};\n","import { useEffect } from 'react';\n\nexport default () => {\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, []);\n\n  return null;\n};\n","import React from 'react';\n\nconst SvgComponent = (props) => (\n  <svg viewBox=\"0 0 20 20\" { ...props } width={ 20 } height={ 20 }>\n    <g clipPath=\"url(#clip0_165_166)\">\n      <rect width=\"20\" height=\"20\" fill=\"white\" fillOpacity=\"0.5\" />\n      <path d=\"M8 3H4C3.44772 3 3 3.44772 3 4V8H4V4H8V3Z\" fill=\"black\" fillOpacity=\"0.5\" />\n      <path d=\"M12.1959 4H16V8H17V4C17 3.44772 16.5523 3 16 3H12.1959V4Z\" fill=\"black\" fillOpacity=\"0.5\" />\n      <path d=\"M16 16V12.1959H17V16C17 16.5523 16.5523 17 16 17H12.1959V16H16Z\" fill=\"black\" fillOpacity=\"0.5\" />\n      <path d=\"M8 16H4V12H3V16C3 16.5523 3.44772 17 4 17H8V16Z\" fill=\"black\" fillOpacity=\"0.5\" />\n      <path d=\"M12 10C12 11.1046 11.1046 12 10 12C8.89543 12 8 11.1046 8 10C8 8.89543 8.89543 8 10 8C11.1046 8 12 8.89543 12 10Z\" fill=\"#110000\" fillOpacity=\"0.5\" />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_165_166\">\n        <rect width=\"20\" height=\"20\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport default SvgComponent;\n","import React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useHistory } from 'react-router-dom';\nimport { Loader } from 'semantic-ui-react';\nimport queryString from 'query-string';\nimport classnames from 'classnames';\nimport { trackEvent } from '../../config/analytics';\nimport Scroll from '../Application/scroll';\nimport * as AppClasses from '../Application/styles.module.scss';\nimport * as Classes from './styles.module.scss';\nimport SimilarGrid from '../visual_search/similar_grid';\nimport ExploreHeader from './explore_header';\n\nexport const VISUAL_SEARCH_PATH = 'visual-search';\n\nconst Explore = ({\n  // error,\n  works,\n  query,\n  fetchExploredArt\n}) => {\n  const ref = useRef(null);\n  const history = useHistory();\n  const { squery } = queryString.parse(window.location.search) || '';\n\n  useEffect(() => {\n    if (works.length && query === squery) { return; }\n    fetchExploredArt(squery);\n    trackEvent('visual search home', { query: squery });\n  }, [squery]);\n\n  const onSubmit = (values, { setSubmitting }) => {\n    const { squery: newQuery } = values;\n    history.push(`${ VISUAL_SEARCH_PATH }?squery=${ encodeURIComponent(newQuery) }`);\n    setSubmitting(false);\n    fetchExploredArt(newQuery);\n  };\n\n  const onReset = () => {\n    history.push(VISUAL_SEARCH_PATH);\n    fetchExploredArt(null, true);\n  };\n\n  return (\n    <div className={ classnames(AppClasses.innerContainerArt, Classes.explore) } ref={ ref }>\n      <Scroll />\n      <ExploreHeader\n        squery={ squery }\n        onSubmit={ onSubmit }\n        onReset={ onReset }\n        onBack={ () => history.goBack() }\n      />\n      {\n        works.length ? (\n          <SimilarGrid items={ works } />\n        ) : (\n          <Loader active inline className={ Classes.loader } />\n        )\n      }\n    </div>\n  );\n};\n\nExplore.propTypes = {\n  error: PropTypes.string,\n  works: PropTypes.array.isRequired,\n  query: PropTypes.string,\n  fetchExploredArt: PropTypes.func.isRequired\n};\n\nexport default Explore;\n","import React from 'react';\n\nexport default (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={ 28 }\n    height={ 28 }\n    viewBox=\"0 0 28 28\"\n    fill=\"none\"\n    { ...props }\n  >\n    <path\n      stroke=\"#000\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={ 2 }\n      d=\"M18.912 18.912 21.5 21.5 27 27m-5.102-15.551a10.45 10.45 0 1 1-20.898 0 10.45 10.45 0 0 1 20.898 0Z\"\n    />\n  </svg>\n);\n","/* eslint-disable jsx-a11y/media-has-caption */\nimport React, {\n  useState, useRef, useEffect, useMemo\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { MODAL_SELECTOR } from 'arts/config/constants';\nimport {\n  Formik, Form, Field\n} from 'formik';\nimport TutorialIcon from '../Viewer/tutorial_icon';\nimport * as Classes from './styles.module.scss';\nimport Zoom from './zoom';\nimport Modal from '../Modal';\nimport * as ModalClasses from '../Modal/styles.module.scss';\n\nconst CYCLE_CLASSES = [Classes.c1, Classes.c2, Classes.c3];\n\nconst hints = [\n  'impressionist landscapes',\n  'monochromatic abstract art',\n  'fashion illustrations for girls room',\n  'inspired by Monet',\n  'pink art for kitchen',\n  'vintage portraits',\n  'antique style art',\n  'California cool',\n  'modern cityscapes',\n  'impressionist landscapes'\n];\n\nconst ExploreHeader = ({\n  squery, onSubmit, onReset, onBack, subTitle\n}) => {\n  const initialValues = { squery };\n  const aref = useRef(null);\n  const [position, setPosition] = useState(0);\n  const [focused, setFocused]  = useState(false);\n  const [disclaimerVisible, setDisclaimerVisible] = useState(false);\n  const [tutorialVisible, setTutorialVisible] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      /* eslint-disable no-shadow */\n      setPosition(position => (\n        position === hints.length - 1 ? 0 : position + 1\n      ));\n    }, 1750);\n    return () => clearInterval(interval);\n  }, []);\n\n  const classIndex = Math.abs(position % CYCLE_CLASSES.length);\n\n  useEffect(() => {\n    if (aref.current) {\n      if (position) {\n        aref.current.classList.add(Classes.animate);\n      } else {\n        aref.current.classList.remove(Classes.animate);\n      }\n      aref.current.style.top = `${ -position * 100 }%`;\n    }\n  }, [position]);\n\n  const tutorial = useMemo(() => (\n    tutorialVisible ? (\n      <Modal\n        selector={ MODAL_SELECTOR }\n        onCancel={ () => setTutorialVisible(false) }\n        headerText={ <strong>Learn More About Our AI Search</strong> }\n      >\n        <div className={ ModalClasses.videoContainer }>\n          <video\n            src=\"https://assets.artfullywalls.com/assets/videos/visual_search_2025_02_19_2.mp4\"\n            autoPlay={ false }\n            loop\n            playsInline={ false }\n            controls\n          />\n        </div>\n      </Modal>\n    ) : null\n  ), [tutorialVisible]);\n\n  const browse = useMemo(() => (\n    subTitle ? (\n      <p className={ Classes.browse }>\n        { subTitle }\n      </p>\n    ) : (\n      <p className={ Classes.browse }>\n        Browse art that is “More Like This” and discover new artwork along the way.\n      </p>\n    )\n  ), [subTitle]);\n\n  const back = (onBack ? (\n    <button type=\"button\" onClick={ onBack } className={ Classes.icon }>\n\n      <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clipPath=\"url(#clip0_158_200)\">\n          <circle cx=\"14\" cy=\"14\" r=\"13.5\" stroke=\"black\" />\n          <path d=\"M16 8L10 14.1714L16 20\" stroke=\"black\" strokeLinecap=\"round\" />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_158_200\">\n            <rect width=\"28\" height=\"28\" fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n      <span>Back</span>\n    </button>\n  ) : null);\n\n  const buttons = (resetForm, isMobile) => (\n    <div>\n      <button\n        type=\"button\"\n        className={ Classes.icon }\n        onClick={ () => { resetForm({ values: { squery: '' } }); onReset(); } }\n      >\n\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g clipPath=\"url(#clip0_158_196)\">\n            <circle cx=\"14\" cy=\"14\" r=\"13.5\" stroke=\"black\" />\n            <path d=\"M13.8926 8.05497C11.2141 7.53557 8 10.7931 8 13.7678C8 17.1982 10.878 20 14.4283 20C16.6642 20 20 18.3269 20 13.7678\" stroke=\"black\" strokeLinecap=\"round\" />\n            <path d=\"M17 8L12.5 10.5981L12.5 5.40192L17 8Z\" fill=\"black\" />\n          </g>\n          <defs>\n            <clipPath id=\"clip0_158_196\">\n              <rect width=\"28\" height=\"28\" fill=\"white\" />\n            </clipPath>\n          </defs>\n        </svg>\n        <span>Start Over</span>\n      </button>\n      { back }\n      { isMobile ? (\n        <button type=\"button\" className={ Classes.icon } aria-label=\"Tutorial\" onClick={ () => setTutorialVisible(true) }>\n          <TutorialIcon />\n        </button>\n      ) : null }\n    </div>\n  );\n\n  return (\n    <>\n      {\n        disclaimerVisible ? (\n          <Modal\n            selector={ MODAL_SELECTOR }\n            onCancel={ () => setDisclaimerVisible(false) }\n          >\n            <h2>Disclaimer</h2>\n            <p>\n              Our AI Search uses artificial intelligence technology and machine learning\n              algorithms and tools (collectively, &quot;AI Technology&quot;), which in parts\n              incorporate, or are based on, technology and training data developed and provided\n              by third parties. The search results are generated by a machine and as such may\n              not consistently match human expectations or represent the subject or theme intended\n              by the user. Moreover, AI Technology may also produce results that could be inaccurate\n              or considered inappropriate, offensive, or insensitive. In addition, the search\n              output generated by AI Technology depends on various factors that are not within\n              Artfully Walls&apos; control. Consequently, Artfully Walls is not responsible for,\n              and disclaims all liability with respect to, the output generated by Visual Search.\n              Users are encouraged to provide feedback if they encounter results that do not\n              meet expectations at&nbsp;\n              <a href=\"mailto:support@artfullywalls.com\">support@artfullywalls.com</a>\n              . This feedback may help refine and enhance the AI Technology&apos;s performance\n              over time.\n            </p>\n          </Modal>\n        ) : null\n      }\n      { tutorial }\n      <div className={ Classes.root }>\n        <div className={ Classes.divider } />\n        <Formik initialValues={ initialValues } onSubmit={ onSubmit }>\n          {\n            ({ isSubmitting, resetForm, values }) => (\n              <Form className={ Classes.form }>\n                <div className={ Classes.buttons }>\n                  { buttons(resetForm, false) }\n                </div>\n                <div className={ Classes.holder }>\n                  <p>In your own words, describe what you&apos;re looking for:</p>\n                  <div className={ Classes.search }>\n                    <div className={ Classes.iHolder }>\n                      <Field\n                        type=\"text\"\n                        name=\"squery\"\n                        placeholder=\"\"\n                        disabled={ isSubmitting }\n                        autoComplete=\"off\"\n                        onFocus={ () => setFocused(true) }\n                        onBlur={ () => setFocused(false) }\n                      />\n                      <ul\n                        className={\n                          classnames(\n                            Classes.hint,\n                            Classes.animate,\n                            CYCLE_CLASSES[classIndex],\n                            { [Classes.hideHint]: (!!values.squery || focused) }\n                          )\n                        }\n                        ref={ aref }\n                      >\n                        { hints.map((hint, index) => <li key={ index }>{ hint }</li>) }\n                      </ul>\n                    </div>\n                    <button type=\"submit\" className={ Classes.icon } aria-label=\"Zoom\">\n                      <Zoom />\n                    </button>\n                  </div>\n                  <div className={ Classes.mobileButtons }>\n                    { buttons(resetForm, true) }\n                  </div>\n                  { browse }\n                  <div\n                    className={ Classes.disclaimer }\n                    onClick={ () => setDisclaimerVisible(true) }\n                  >\n                    <button type=\"button\">Read Disclaimer About Our AI Search</button>\n                  </div>\n                </div>\n                <div className={ Classes.tutorial }>\n                  <button\n                    type=\"button\"\n                    className={ Classes.icon }\n                    aria-label=\"Tutorial\"\n                    onClick={ () => setTutorialVisible(true) }\n                  >\n                    <TutorialIcon />\n                  </button>\n                </div>\n              </Form>\n            )\n          }\n        </Formik>\n      </div>\n    </>\n  );\n};\n\nExploreHeader.propTypes = {\n  squery: PropTypes.string,\n  onSubmit: PropTypes.func.isRequired,\n  onReset: PropTypes.func.isRequired,\n  onBack: PropTypes.func,\n  subTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n};\n\nexport default ExploreHeader;\n","import { connect } from 'react-redux';\nimport { fetchExploredArt } from 'arts/actions/explore_art';\nimport Explore from './explore';\n\nconst mapStateToProps = ({ exploreArt }) => exploreArt;\n\nexport default connect(mapStateToProps, {\n  fetchExploredArt\n})(Explore);\n","import Constants from 'arts/config/constants';\nimport { getExploredArtApi } from 'arts/config/api';\nimport { toCamelCase } from 'arts/config/convertCase';\n\nconst fetchExploredArtStart = (query) => ({\n  type: Constants.ExploreArt.FETCH,\n  query\n});\n\nconst fetchExploredArtSuccess = (query, works) => ({\n  type: Constants.ExploreArt.FETCH_SUCCESS,\n  works,\n  query\n});\n\nconst fetchExploredArtFailure = (error) => ({\n  type: Constants.ExploreArt.FETCH_FAILURE,\n  error\n});\n\nexport const fetchExploredArt = (query, forceReload) => (dispatch, getState) => {\n  if (!forceReload) {\n    if (getState().exploreArt.query === query) { return; }\n  }\n  dispatch(fetchExploredArtStart(query));\n\n  getExploredArtApi(query).then(\n    (data) => dispatch(fetchExploredArtSuccess(query, toCamelCase(data))),\n    (error) => dispatch(fetchExploredArtFailure(error))\n  );\n};\n","import React from 'react';\n\nexport default (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 21 19\" { ...props }>\n    <path d=\"M15.34 1.9c1 0 1.93.41 2.64 1.14 1.5 1.56 1.5 4.1 0 5.66L16.8 9.93l-6.29 6.55-6.3-6.55L3.02 8.7c-1.5-1.56-1.5-4.1 0-5.66.71-.73 1.65-1.14 2.64-1.14s1.94.41 2.65 1.14l1.18 1.23 1.01 1.05 1.01-1.05 1.18-1.23a3.68 3.68 0 012.65-1.14m0-1.4c-1.32 0-2.64.52-3.65 1.57L10.5 3.3 9.32 2.07C8.31 1.02 6.99.5 5.66.5s-2.64.52-3.65 1.57C0 4.17 0 7.57 2.01 9.67L3.2 10.9l7.3 7.6 7.3-7.6 1.18-1.23c2.02-2.1 2.02-5.5 0-7.6-1-1.05-2.32-1.57-3.64-1.57z\" />\n  </svg>\n);\n","import React from 'react';\n\nexport default (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 21 19\" { ...props }>\n    <path d=\"M18.99 2.07c-2.02-2.1-5.29-2.1-7.3 0L10.5 3.3 9.32 2.07c-2.02-2.1-5.29-2.1-7.3 0C0 4.17 0 7.57 2.01 9.67L3.2 10.9l7.3 7.6 7.3-7.6 1.18-1.23c2.02-2.1 2.02-5.5.01-7.6z\" />\n  </svg>\n);\n","// extracted by mini-css-extract-plugin\nvar _1 = \"aFSN3O2Qhh4FqjePRYT3\";\nvar _2 = \"aaRM_DpYs_hBjAzZpxKT\";\nvar _3 = \"qOQrvfHpzEjJUcg06NLp\";\nexport { _1 as \"button\", _2 as \"off\", _3 as \"on\" }\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport HeartE from './heart_e';\nimport HeartF from './heart_f';\nimport * as classes from './styles.module.scss';\n\nconst Favorite = ({\n  id,\n  type,\n  isAdded,\n  add,\n  remove,\n  load,\n  loading,\n  loaded,\n  className\n}) => {\n  useEffect(() => {\n    if (!loaded && !loading) {\n      load();\n    }\n  }, []);\n\n  if (!window.currentUser) {\n    const onSignIn = () => {\n      const event = new CustomEvent('LoginRequiredFavroutes');\n      document.dispatchEvent(event);\n    };\n\n    return (\n      <button className={ classnames(classes.button, className) } type=\"button\" onClick={ onSignIn } aria-label=\"Add to Favorites\">\n        <HeartE className={ classes.off } />\n      </button>\n    );\n  }\n\n  if (!loaded) {\n    return null;\n  }\n\n  const onClick = () => {\n    if (isAdded) {\n      remove(id, type);\n    } else {\n      add(id, type);\n    }\n  };\n\n  const icon = isAdded ? <HeartF className={ classes.on } /> : <HeartE className={ classes.off } />;\n\n  return (\n    <button\n      className={ classnames(classes.button, className) }\n      type=\"button\"\n      onClick={ onClick }\n      alt=\"Add to Favorites\"\n    >\n      { icon }\n    </button>\n  );\n};\n\nFavorite.propTypes = {\n  id: PropTypes.number.isRequired,\n  type: PropTypes.string.isRequired,\n\n  isAdded: PropTypes.bool,\n\n  add: PropTypes.func.isRequired,\n  remove: PropTypes.func.isRequired,\n  load: PropTypes.func.isRequired,\n\n  loading: PropTypes.bool.isRequired,\n  loaded: PropTypes.bool.isRequired,\n\n  className: PropTypes.string\n};\n\nexport default Favorite;\n","import { createSelector } from 'reselect';\n\nconst getFavories = ({ favorites }) => favorites;\n\nconst getProps = (_, { id, type }) => ({ type, id });\n\nexport const fetchFavorites = createSelector(\n  [getFavories, getProps],\n  (favorites, { id, type }) => {\n    const { loaded, loading, ...rest } = favorites;\n    const res = {\n      loaded,\n      loading\n    };\n    const favorite = (rest[type] || {})[id];\n    if (favorite) {\n      res.isAdded = true;\n    }\n    return res;\n  }\n);\n","import { connect } from 'react-redux';\nimport Favorite from './favorite';\nimport { add, remove, load } from '../../actions/favorites';\nimport { fetchFavorites } from '../../selectors/favorite';\n\nconst mapStateToProps = (state, props) => fetchFavorites(state, props);\n\nexport default connect(mapStateToProps, { add, remove, load })(Favorite);\n","import React, { useMemo } from 'react';\nimport queryString from 'query-string';\nimport classnames from 'classnames';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { useWindowSize } from './use_window_size';\nimport Eye from '../Viewer/eye';\nimport Favorite from '../favorite';\nimport * as Classes from './styles.module.scss';\n\nconst {\n  w1, w2, w3, w4\n} = Classes;\n\nconst ROWS_MAPPING = [\n  [parseInt(w4, 10), 3, 'c3w'],\n  [parseInt(w3, 10), 3, 'c3n'],\n  [parseInt(w2, 10), 2, 'c2w'],\n  [parseInt(w1, 10), 2, 'c2n']\n];\n\nconst columnsPerWidth = (width) => {\n  const w = ROWS_MAPPING.find(v => (v[0] <= width));\n  if (w) {\n    return { columnsCount: w[1], className: w[2], groupsCount: 3 };\n  }\n  return { columnsCount: 2, className: 'c2m', groupsCount: 1 };\n};\n\nconst linkPath = ({ id, exploreContext, explore }) => {\n  const path = `/more-like-this/${ id }`;\n  const o = {};\n  if (explore) { o.explore = true; }\n  if (exploreContext) { o.explore_context = exploreContext; }\n  const extraPath = queryString.stringify(o);\n  if (extraPath) {\n    return `${ path }?${ extraPath }`;\n  }\n  return path;\n};\n\nconst renderColumns = (columns) => (\n  <>\n    {\n      columns.map((c, index) => (\n        <div className={ Classes.column } key={ index }>\n          {\n            c.map(w => (\n              <Link\n                to={ linkPath(w) }\n                className={ Classes.similar }\n                key={ w.id }\n                title={ w.title }\n                style={ { paddingBottom: `${ w.aspectRatio * 100 }%` } }\n              >\n                <img src={ w.imgUrl } alt={ w.title } />\n                <Eye />\n              </Link>\n            ))\n          }\n        </div>\n      ))\n    }\n  </>\n);\n\nconst renderWork = (work) => (\n  <div className={ Classes.work }>\n    <Link to={ work.path } className={ Classes.image }>\n      <img src={ work.imgUrl } alt={ work.title } />\n    </Link>\n    <div className={ Classes.info }>\n      <div className={ Classes.left }>\n        <Link to={ work.path } className={ Classes.title }>\n          <span>\n            { work.title }\n          </span>\n        </Link>\n        <div className={ Classes.author }>\n          <span>\n            By&nbsp;\n            <Link to={ `/artists/${ work.authorId }/${ work.authorSlug }` }>\n              { work.authorName }\n            </Link>\n          </span>\n        </div>\n      </div>\n      <div className={ Classes.share }>\n        <Favorite id={ work.id } type=\"Work\" className={ Classes.favorite } />\n      </div>\n    </div>\n  </div>\n);\n\nconst render1Group = (work, columns, className) => (\n  <div className={ classnames(Classes.centerColumn, Classes[className]) }>\n    { work ? renderWork(work) : null }\n    <div className={ Classes[className] }>\n      { renderColumns(columns) }\n    </div>\n  </div>\n);\n\nconst render3Groups = (work, groupsAndColumns, className) => (\n  <div className={ Classes.grid }>\n    <div className={ Classes[className] }>\n      { renderColumns(groupsAndColumns[0]) }\n    </div>\n    {\n      render1Group(work, groupsAndColumns[1], className)\n    }\n    <div className={ Classes[className] }>\n      { renderColumns(groupsAndColumns[2]) }\n    </div>\n  </div>\n);\n\nconst SimilarGrid = ({ work, items }) => {\n  const { width } = useWindowSize();\n\n  const { columnsCount, className, groupsCount } = useMemo(() => columnsPerWidth(width), [width]);\n\n  const groupsAndColumns = useMemo(() => {\n    const res = new Array(columnsCount * groupsCount);\n    for (let i = 0; i < res.length; i += 1) { res[i] = []; }\n    let columnIndex = 0;\n    let index = 0;\n    while (index < items.length) {\n      const w = items[index];\n      // delay middle group columns until first column has at least 5 items\n      if (!res[columnIndex]) { res[columnIndex] = []; }\n\n      if (work) {\n        if (groupsCount > 1 && Math.floor(columnIndex / columnsCount) === 1) {\n          if (res[0].length < 5) {\n            // start of 3rd column\n            columnIndex = columnsCount * 2;\n          }\n        }\n      }\n\n      if (!res[columnIndex]) { res[columnIndex] = []; }\n\n      res[columnIndex].push(w);\n      columnIndex += 1;\n      if (columnIndex === res.length) {\n        columnIndex = 0;\n      }\n      index += 1;\n    }\n    const groups = [];\n    for (let g = 0; g < groupsCount; g += 1) {\n      const group = [];\n      for (let c = 0; c < columnsCount; c += 1) {\n        columnIndex = g * columnsCount + c;\n        group.push(res[columnIndex]);\n      }\n      groups.push(group);\n    }\n    return groups;\n  }, [items, columnsCount, groupsCount]);\n\n  // groups === 1 - work and the first group under it\n  // groups === 3 - g1, work and g2 under it, g3\n\n  if (groupsCount === 3) {\n    return render3Groups(work, groupsAndColumns, className);\n  }\n  return render1Group(work, groupsAndColumns[0], className);\n};\n\nSimilarGrid.propTypes = {\n  work: PropTypes.object,\n  items: PropTypes.array\n};\n\nexport default SimilarGrid;\n","import { useState, useEffect } from 'react';\n\nexport const useWindowSize = () => {\n  const [windowSize, setWindowSize] = useState({\n    width: window.innerWidth,\n    height: window.innerHeight\n  });\n\n  useEffect(() => {\n    const onResize = () => window.requestAnimationFrame(\n      () => setWindowSize({ width: window.innerWidth, height: window.innerHeight })\n    );\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, []);\n\n  return windowSize;\n};\n","// extracted by mini-css-extract-plugin\nvar _1 = \"RgAb2OJklM2g1Vi1PaL5\";\nvar _2 = \"uo4rnZm5DKC7vcyuEoRS\";\nvar _3 = \"NQGvtsxkqg1HpW6E7sFR\";\nvar _4 = \"ZlNAWJASHaFDkG6em1C_\";\nvar _5 = \"LbRNcQiFmNFsacqNBYxw\";\nvar _6 = \"JQaJD5v6ZQ6JHAWNf2xr\";\nvar _7 = \"nMXmGTqSV043lIJwod1E\";\nvar _8 = \"JDj18PXkxsebjfkywxzH\";\nvar _9 = \"eDZVKaREfFnvTqExxj2K\";\nvar _a = \"CSsLuZhCWLpdgSvFR8T1\";\nvar _b = \"DSc7D4UnBkNcDTA9m6zc\";\nvar _c = \"oIpnWMC36yZlg5Rj88iG\";\nvar _d = \"FC9P63NUYIZbh0omLgFa\";\nvar _e = \"yGIZBXj7WsFjs3YzRShQ\";\nvar _f = \"GeFEA48CyrUYsR7Mg10T\";\nvar _10 = \"FKfIfcvQv_z7BfxZ4qP8\";\nvar _11 = \"zlpzkIhCGgCNpPbrGLPO\";\nvar _12 = \"r8lPmk37jJBx1DwwGjhQ\";\nvar _13 = \"lMXQ6ihIuXQbMLvM6kAS\";\nvar _14 = \"O2gSNrP4OqycCMFMuF85\";\nexport { _1 as \"animate\", _2 as \"browse\", _3 as \"buttons\", _4 as \"c1\", _5 as \"c2\", _6 as \"c3\", _7 as \"disclaimer\", _8 as \"divider\", _9 as \"explore\", _a as \"form\", _b as \"hideHint\", _c as \"hint\", _d as \"holder\", _e as \"iHolder\", _f as \"icon\", _10 as \"loader\", _11 as \"mobileButtons\", _12 as \"root\", _13 as \"search\", _14 as \"tutorial\" }\n","// extracted by mini-css-extract-plugin\nvar _1 = \"jHWxb24JQsuK4BOYVo5p\";\nvar _2 = \"lyaXvOr4YLn2E7Wzc_oy\";\nvar _3 = \"KMvubslNXHXKrX5UAxjF\";\nvar _4 = \"AABheHgJ4_GfdeKDy1m6\";\nvar _5 = \"yBl8X5JT743qFH8X5UMO\";\nvar _6 = \"_tB60sfJ6LukgUiTVCsi\";\nvar _7 = \"WwGUW9B0CYXouMQuKwOz\";\nvar _8 = \"n12doIJmF9MxmD0DpXaZ\";\nvar _9 = \"Q908mgurA1VoUiti8yEg\";\nvar _a = \"iH7dhjM8JJCMyspLpiek\";\nvar _b = \"mOhjmt8f3fSsvLLjARhf\";\nvar _c = \"W5D9M8MrPcjjBOWDNVNQ\";\nvar _d = \"zhyBP1GSRPxona2XcUeM\";\nvar _e = \"qUoaKF8n4Qpr0ihDdyjD\";\nvar _f = \"xufQEM1zMpGr8W6H8HQN\";\nvar _10 = \"OZY77YuMHd1IdXVai4mk\";\nvar _11 = \"bsgCRRrKzS7yGUrx6x_5\";\nvar _12 = \"sM8plmo50x_wAHzXE8CA\";\nvar _13 = \"942px\";\nvar _14 = \"1138px\";\nvar _15 = \"1405px\";\nvar _16 = \"1970px\";\nvar _17 = \"BFfqSKi7qyg_PKuwH7fX\";\nexport { _1 as \"author\", _2 as \"c2m\", _3 as \"c2n\", _4 as \"c2w\", _5 as \"c3n\", _6 as \"c3w\", _7 as \"centerColumn\", _8 as \"column\", _9 as \"favorite\", _a as \"grid\", _b as \"image\", _c as \"info\", _d as \"left\", _e as \"loader\", _f as \"share\", _10 as \"similar\", _11 as \"title\", _12 as \"vSearch\", _13 as \"w1\", _14 as \"w2\", _15 as \"w3\", _16 as \"w4\", _17 as \"work\" }\n"],"names":["add","id","type","dispatch","addFavoriteApi","then","favorite","Constants","Favorites","ADD","catch","remove","removeFavoriteApi","REMOVE","load","getState","window","currentUser","setTimeout","favorites","loaded","loading","LOAD","loadFavoritesApi","LOADED","useEffect","scrollTo","props","React","Object","assign","viewBox","width","height","clipPath","fill","fillOpacity","d","VISUAL_SEARCH_PATH","Explore","works","query","fetchExploredArt","ref","useRef","history","useHistory","squery","queryString","parse","location","search","length","trackEvent","className","classnames","AppClasses","Classes","Scroll","ExploreHeader","onSubmit","values","setSubmitting","newQuery","push","encodeURIComponent","onReset","onBack","goBack","SimilarGrid","items","Loader","active","inline","xmlns","stroke","strokeLinecap","strokeLinejoin","strokeWidth","CYCLE_CLASSES","hints","subTitle","initialValues","aref","position","setPosition","useState","focused","setFocused","disclaimerVisible","setDisclaimerVisible","tutorialVisible","setTutorialVisible","interval","setInterval","clearInterval","classIndex","Math","abs","current","classList","style","top","tutorial","useMemo","Modal","selector","MODAL_SELECTOR","onCancel","headerText","ModalClasses","src","autoPlay","loop","playsInline","controls","browse","back","onClick","cx","cy","r","buttons","resetForm","isMobile","TutorialIcon","href","Formik","isSubmitting","Form","Field","name","placeholder","disabled","autoComplete","onFocus","onBlur","map","hint","index","key","Zoom","connect","mapStateToProps","exploreArt","forceReload","ExploreArt","FETCH","fetchExploredArtStart","getExploredArtApi","data","fetchExploredArtSuccess","FETCH_SUCCESS","toCamelCase","error","FETCH_FAILURE","fetchExploredArtFailure","_1","_2","Favorite","isAdded","onSignIn","event","CustomEvent","document","dispatchEvent","classes","HeartE","icon","HeartF","alt","fetchFavorites","createSelector","getFavories","getProps","_","rest","res","state","w1","w2","w3","w4","ROWS_MAPPING","parseInt","linkPath","exploreContext","explore","path","o","explore_context","extraPath","stringify","renderColumns","columns","c","w","Link","to","title","paddingBottom","aspectRatio","imgUrl","Eye","render1Group","work","authorId","authorSlug","authorName","renderWork","useWindowSize","columnsCount","groupsCount","find","v","columnsPerWidth","groupsAndColumns","Array","i","columnIndex","floor","groups","g","group","render3Groups","windowSize","setWindowSize","innerWidth","innerHeight","onResize","requestAnimationFrame","addEventListener","removeEventListener","_3","_4","_5","_6","_7","_8","_9","_a","_b","_c","_d","_e","_f","_10","_11","_12","_13","_14","_15","_16","_17"],"sourceRoot":""}