{"version":3,"sources":["containers/ArtistsPage/ArtistLink.js","containers/ArtistsPage/Artists.js","containers/ArtistsPage/CategoryLink.js","containers/ArtistsPage/index.js","components/Img/index.js","actions/artistAction.js","actions/collectionAction.js","styles/svg-components/AssetPaginationPrev.js","styles/svg-components/AssetPaginationNext.js","components/Pagination/PageLink.js","components/Pagination/index.js","components/CollectionsTabs/index.js"],"names":["styled","Link","Loader","className","Artists","props","checkImage","bind","window","innerWidth","$","each","i","item","this","hide","avatarImage","getImgixUrl","image_aws_url","PLACEHOLDER_IMG_URL","isLoading","categoryId","letterId","title","artists","map","artist","index","id","ArtistLink","to","slug","Img","style","width","height","src","avatar_image","alt","name","short_description","React","Component","defaultProp","ArtistsPage","location","page","query","state","onCategorySelect","onLetterSelect","onPageSelect","checkCategoryActive","checkLetterActive","onFetchCategories","onFetchLetters","onFetchCategoryArtists","onFetchLatestArtists","then","setState","nextProps","category","target","parseInt","router","replace","event","push","currentTarget","dataset","artistsContent","categories","letters","latestArtists","pagination","rel","href","content","CategoryLink","onClick","Object","entries","letter","A","pageCount","Pagination","url","CollectionsTabs","active","contextTypes","PropTypes","object","connect","get","dispatch","fetchCategories","fetchLetters","fetchCategoryArtists","fetchLatestArtists","fetchArtist","artistId","fetch","conditionallyGetCdnApi","method","res","json","catch","err","Promise","resolve","reject","response","type","payload","fetchArtistStatementList","data","authToken","sessionStorage","getItem","API","body","JSON","stringify","token","headers","artist_details","artistEarningsArray","fetchPortfolioList","fetchEarnigsList","fetchArtistAccount","fetchArtistSubmissions","fetchSubscriptionUsageReport","statementID","updateArtistAccount","updatePaypalEmail","paypalEmail","paypal_email","requestPayment","getLatestStatement","getPaymentDetails","artistEarningReportId","fetchHomeCollection","fetchCollectionTrack","collectionName","error","console","log","fetchCollection","collectionId","fetchCategoryCollections","fetchLatestCollections","fetchAllCollections","energy","vocal","sort","styleFilters","fetchCollections","fetchStyleCollections","JsonStyleFilters","collections","AssetPaginationPrev","AssetPaginationNext","handlePageSelect","firstPage","lastPage","currentPage","middlePages","previousPage","pages","getPaginationClasses","PageLink","forEach","middlePage","length","nextPage","withRouter"],"mappings":"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","file":"static/js/38.chunk.js?hash=2f049591","sourcesContent":["import { Link } from 'react-router';\nimport styled from 'styled-components';\n\nexport default styled(Link)``;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PLACEHOLDER_IMG_URL } from 'components/ImgPlaceholder';\nimport Img from 'components/Img';\nimport ArtistLink from './ArtistLink';\nimport {getImgixUrl} from \"../../utils/helpers\";\nconst Loader = () => (\n  <div className=\"music-loading-message music-loading-message--light\">\n    <div className=\"music-loader-message-container\">\n      <h3 className=\"music-loading-message-title\">Loading Artists</h3>\n      <div className=\"circle-loader\">\n        <div className=\"bounce1\"></div>\n        <div className=\"bounce2\"></div>\n        <div className=\"bounce3\"></div>\n      </div>\n    </div>\n  </div>\n  );\nclass Artists extends React.Component {\n  constructor(props) {\n    super(props);\n    this.checkImage = this.checkImage.bind(this);\n  }\n  componentDidUpdate() {\n    if (window.innerWidth < 768) {\n      $('.artist-item').each(function (i, item) {\n        if (i === 2 || i === 3 || i === 4 || i === 5) {\n          $(this).hide();\n        }\n      });\n    }\n    if (window.innerWidth < 992) {\n      $('.artist-item').each(function (i, item) {\n        if (i === 3 || i === 4 || i === 5) {\n          $(this).hide();\n        }\n      });\n    }\n    if (window.innerWidth < 1200) {\n      $('.artist-item').each(function (i, item) {\n        if (i === 4 || i === 5) {\n          $(this).hide();\n        }\n      });\n    }\n  }\n  checkImage(avatarImage) {\n    if (avatarImage) {\n      return getImgixUrl( avatarImage.image_aws_url, 440 );\n    }\n    return PLACEHOLDER_IMG_URL;\n  }\n  render() {\n    const { isLoading } = this.props;\n    if (isLoading) {\n      return <Loader />;\n    }\n    return (\n      <div className=\"container-fluid mb-4\">\n        {this.props.categoryId === 0 && this.props.letterId === 0 &&\n          <h3 className=\"collections-sub\">{this.props.title}</h3>}\n        <div className=\"row\">\n          {this.props.artists && this.props.artists.map((artist, index) => (\n            <div key={index} id={index} className=\"col-6 col-md-2 collections-breakpoints mb-4 mb-md-6\">\n              <ArtistLink key={index} to={`/browse/artist/${ artist.slug ? artist.slug : artist.id }`}>\n                <div className=\"collections-block-image-wrapper mb-4\">\n                  <Img style={{ width: 205, height: 205 }} src={this.checkImage(artist.avatar_image)} alt={`${artist.name}`} />\n                </div>\n                <h5 className=\"collections-small-title mb-2\">{artist.name}</h5>\n                <span>{artist.short_description}</span>\n              </ArtistLink>\n            </div>\n        ))}\n        </div>\n      </div>\n    );\n  }\n}\n\nArtists.propTypes = {\n  artists: PropTypes.array,\n  isLoading: PropTypes.bool,\n};\nArtists.defaultProp = {\n  isLoading: false,\n};\nexport default Artists;\n","import { Link } from 'react-router';\nimport styled from 'styled-components';\n\nexport default styled(Link)`\n  display: inline-flex;\n  margin-bottom: 1.5rem;\n  text-decoration: none;\n  border-radius: 4px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none;\n  user-select: none;\n  cursor: pointer;\n  outline: 0;\n  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-weight: bold;\n  font-size: 16px;\n\n  &:active {\n    background: #41ADDD;\n    color: #FFF;\n  }\n`;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport Helmet from 'react-helmet';\nimport PropTypes from 'prop-types';\nimport { fetchCategories, fetchCategoryArtists, fetchLatestArtists, fetchLetters } from 'actions/artistAction';\nimport Artists from './Artists';\nimport CategoryLink from './CategoryLink';\nimport A from 'components/A';\nimport Pagination from 'components/Pagination';\nimport CollectionsTabs from 'components/CollectionsTabs';\n\nclass ArtistsPage extends React.Component {\n  constructor(props) {\n    super(props);\n    const { location } = props;\n    let page = 1;\n    if (location.query.page) {\n      page = location.query.page;\n    }\n    this.state = {\n      isLoading: true,\n      categoryId: 0,\n      letterId: 0,\n      page,\n    };\n    this.onCategorySelect = this.onCategorySelect.bind(this);\n    this.onLetterSelect = this.onLetterSelect.bind(this);\n    this.onPageSelect = this.onPageSelect.bind(this);\n    this.checkCategoryActive = this.checkCategoryActive.bind(this);\n    this.checkLetterActive = this.checkLetterActive.bind(this);\n  }\n  componentWillMount() {\n    const { onFetchCategories, onFetchLetters, onFetchCategoryArtists, onFetchLatestArtists } = this.props;\n    const { page } = this.state;\n    onFetchCategoryArtists(0, 0, page).then(() => {\n      this.setState({ isLoading: false });\n    });\n    if (page === 1) {\n      onFetchLatestArtists(0, 0, page);\n    }\n    onFetchCategories();\n    onFetchLetters();\n  }\n  componentWillReceiveProps(nextProps) {\n    let page = 1;\n    const categoryId = this.state.categoryId;\n    const letterId = this.state.letterId;\n    if (nextProps.location.query.page) {\n      page = nextProps.location.query.page;\n    }\n    if (page !== this.state.page) {\n      this.setState({ page });\n      nextProps.onFetchCategoryArtists(categoryId, letterId, page);\n      if (categoryId === 0 && letterId === 0 && page === 1) {\n        this.props.onFetchLatestArtists(categoryId, letterId, page);\n      }\n    }\n  }\n\n  onCategorySelect(category) {\n    const { onFetchCategoryArtists, onFetchLatestArtists, location } = this.props;\n    const page = 1;\n    const letterId = 0;\n    onFetchCategoryArtists(category.target.id, letterId, page);\n    if (category.target.id === 0 && this.state.letterId === 0) {\n      onFetchLatestArtists(category.target.id, letterId, page);\n    }\n    this.setState({ categoryId: parseInt(category.target.id), letterId, page });\n    if (location.query.page) {\n      this.props.router.replace('/artists');\n    }\n  }\n\n  onLetterSelect(event) {\n    const { onFetchCategoryArtists, location } = this.props;\n    const page = 1;\n    const categoryId = 0;\n    const letterId = event.target.id;\n    onFetchCategoryArtists(categoryId, letterId, page);\n    this.setState({ categoryId, letterId, page });\n    if (location.query.page) {\n      this.props.router.replace('/artists');\n    }\n  }\n\n  onPageSelect(event) {\n    this.props.router.push(`/artists?page=${event.currentTarget.dataset.page}`);\n  }\n  checkCategoryActive(categoryId) {\n    if (categoryId === this.state.categoryId && this.state.letterId === 0) {\n      return 'active';\n    }\n    return '';\n  }\n  checkLetterActive(letterId) {\n    if (letterId === this.state.letterId && this.state.categoryId === 0) {\n      return 'active';\n    }\n    return '';\n  }\n\n  render() {\n    let artistsContent;\n    const { categories, letters, artists, latestArtists, isLoading, pagination } = this.props;\n    if (!this.state.isLoading) {\n      artistsContent = (\n        <div className=\"content-container content-max-width-sm\">\n          <div className=\"spacing text-center\">\n            <Helmet>\n              <link rel=\"canonical\" href=\"https://musicvine.com/artists\" />\n              <title>Artists &bull; Music Licensing For Video &amp; Film &bull; Music Vine</title>\n              <meta name=\"description\" content=\"We work directly with our artists, composers, and producers to give you a global range of genres featuring the world's most-exciting production music.\" />\n            </Helmet>\n            <div className=\"collection-filter d-flex justify-content-center flex-wrap\">\n              <CategoryLink className={`${this.checkCategoryActive(0)} mr-md-4`} onClick={this.onCategorySelect} id=\"0\" key=\"0\">All</CategoryLink>\n              {categories.map((category) => (\n                <CategoryLink\n                  className={`${this.checkCategoryActive(category.id)} mr-md-4`}\n                  onClick={this.onCategorySelect}\n                  id={category.id}\n                  key={category.id}\n                >\n                  {category.name}\n                </CategoryLink>))}\n            </div>\n          </div>\n          <div className=\"spacing-sm text-center\">\n            <ul className=\"collection-filter collection-filter-secondary\">\n              {Object.entries(letters).map((letter, index) => (\n                <li key={index}>\n                  <A\n                    className={`letterId--${letter[1]} ${this.checkLetterActive(letter[0])}`}\n                    onClick={this.onLetterSelect}\n                    id={letter[0]}\n                  >{letter[0]}</A>\n                </li>)) }\n            </ul>\n          </div>\n          {this.state.categoryId === 0 && this.state.letterId === 0 && this.state.page === 1 &&\n            <Artists\n              letterId={this.state.letterId}\n              categoryId={this.state.categoryId}\n              title={'Latest'}\n              artists={latestArtists}\n            />}\n          <Artists\n            isLoading={isLoading}\n            letterId={this.state.letterId}\n            categoryId={this.state.categoryId}\n            title={'All'}\n            artists={artists}\n          />\n          {pagination && pagination.pageCount > 1 &&\n            <Pagination\n              url={'/artists'}\n              pagination={pagination}\n              onPageSelect={this.onPageSelect}\n            />}\n        </div>\n        );\n    } else {\n      artistsContent = (\n        <div className=\"music-loading-message music-loading-message--light\">\n          <div className=\"music-loader-message-container\">\n            <h3 className=\"music-loading-message-title\">Loading Artists</h3>\n            <div className=\"circle-loader\">\n              <div className=\"bounce1\"></div>\n              <div className=\"bounce2\"></div>\n              <div className=\"bounce3\"></div>\n            </div>\n          </div>\n        </div>\n        );\n    }\n\n    return (\n      <section id=\"artists-page\">\n        <CollectionsTabs\n          active=\"artists\"\n        />\n        <div className=\"collections-header mb-5\">\n          <div className=\"collections-header-content\">\n            <h1 className=\"collections-title\">Introducing Our Artists</h1>\n            <span className=\"collections-desc\">We’re proud to represent some of the world’s most exciting and exceptional musicians. We put precedence on working directly with our artists to ensure Music Vine’s catalog truly represents the next generation of music for film and video.</span>\n          </div>\n        </div>\n        {artistsContent}\n      </section>\n    );\n  }\n}\n\nArtistsPage.contextTypes = {\n  router: PropTypes.object,\n};\nArtistsPage.propTypes = {\n  onFetchCategories: PropTypes.func.isRequired,\n  onFetchLetters: PropTypes.func.isRequired,\n  onFetchCategoryArtists: PropTypes.func.isRequired,\n  onFetchLatestArtists: PropTypes.func.isRequired,\n  categories: PropTypes.arrayOf(PropTypes.any).isRequired,\n  letters: PropTypes.objectOf(PropTypes.any).isRequired,\n  artists: PropTypes.arrayOf(PropTypes.any).isRequired,\n  latestArtists: PropTypes.arrayOf(PropTypes.any).isRequired,\n  isLoading: PropTypes.bool,\n  pagination: PropTypes.objectOf(PropTypes.any).isRequired,\n};\nArtistsPage.defaultProp = {\n  isLoading: false,\n};\nconst mapDispatchToProps = (dispatch) => ({\n  onFetchCategories: () => dispatch(fetchCategories()),\n  onFetchLetters: () => dispatch(fetchLetters()),\n  onFetchCategoryArtists: (categoryId, letterId, page) => dispatch(fetchCategoryArtists(categoryId, letterId, page)),\n  onFetchLatestArtists: (categoryId, letterId, page) => dispatch(fetchLatestArtists(categoryId, letterId, page)),\n});\n\nconst mapStateToProps = (state) => ({\n  ...state.get('artists'),\n});\n\n// Wrap the component to inject dispatch and state into it\nexport default connect(mapStateToProps, mapDispatchToProps)(ArtistsPage);\n","/**\n *\n * Img.react.js\n *\n * Renders an image, enforcing the usage of the alt=\"\" tag\n */\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Img(props) {\n  return (\n    <img className={props.className} src={props.src} alt={props.alt} />\n  );\n}\n\n// We require the use of src and alt, only enforced by react in dev mode\nImg.propTypes = {\n  src: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.object,\n  ]).isRequired,\n  alt: PropTypes.string.isRequired,\n  className: PropTypes.string,\n};\n\nexport default Img;\n","import fetch from \"isomorphic-fetch\";\nimport Config, { API } from \"../constants\";\nimport { conditionallyGetCdnApi } from \"./generalAction\";\n\nexport function fetchArtistAvatars(artists) {\n  let apiUrl = `${API}artist/getavatars?artists=`;\n\n  apiUrl += JSON.stringify(artists);\n\n  return fetch(apiUrl, {\n    method: \"POST\",\n  })\n    .then((res) => res.json())\n    .catch((err) => err);\n}\n\nexport function fetchArtist(artistId) {\n  return fetch(`${conditionallyGetCdnApi()}artists/${artistId}`, {\n    method: \"GET\",\n    // mode: 'CORS',\n  })\n    .then((res) => res.json())\n    .catch((err) => err);\n}\n\nexport function fetchCategories() {\n  return (dispatch) =>\n    new Promise((resolve, reject) => {\n      fetch(`${conditionallyGetCdnApi()}artist/categories`, {\n        method: \"GET\",\n      })\n        .then((res) => res.json())\n        .then((response) => {\n          dispatch({\n            type: \"FETCH_CATEGORIES_SUCCESS\",\n            payload: response,\n          });\n          resolve(response);\n        })\n        .catch((err) => {\n          reject(err);\n          dispatch({\n            type: \"FETCH_CATEGORIES_FAILURE\",\n            payload: err,\n          });\n        });\n    });\n}\n\nexport function fetchCategoryArtists(categoryId, letter, page) {\n  if (letter === \"#\") {\n    letter = \"$\";\n  }\n  return (dispatch) => {\n    dispatch({\n      type: \"FETCH_CATEGORY_ARTISTS_REQUEST\",\n    });\n    return new Promise((resolve, reject) =>\n      fetch(\n        `${conditionallyGetCdnApi()}artists/${categoryId}/categories/${letter}/letters/${page}`,\n        {\n          method: \"GET\",\n        }\n      )\n        .then((res) => res.json())\n        .then((response) => {\n          resolve(response);\n          dispatch({\n            type: \"FETCH_CATEGORY_ARTISTS_SUCCESS\",\n            payload: response,\n          });\n        })\n        .catch((err) => {\n          reject(err);\n          dispatch({\n            type: \"FETCH_CATEGORY_ARTISTS_FAILURE\",\n            payload: err,\n          });\n        })\n    );\n  };\n}\n\nexport function fetchLatestArtists(categoryId, letter, page) {\n  return (dispatch) =>\n    new Promise((resolve, reject) => {\n      fetch(\n        `${conditionallyGetCdnApi()}artists/${categoryId}/latests/${letter}/letters/${page}`,\n        {\n          method: \"GET\",\n        }\n      )\n        .then((res) => res.json())\n        .then((res) => {\n          resolve(res);\n          dispatch({\n            type: \"FETCH_LATEST_ARTISTS_SUCCESS\",\n            payload: res,\n          });\n        })\n        .catch((err) => {\n          reject(err);\n          dispatch({\n            type: \"FETCH_LATEST_ARTISTS_FAILURE\",\n            payload: err,\n          });\n        });\n    });\n}\n\nexport function fetchArtistCount() {\n  return fetch(`${conditionallyGetCdnApi()}artists`, {\n    method: \"GET\",\n    // mode: 'CORS',\n  })\n    .then((res) => res.json())\n    .catch((err) => err);\n}\n\nexport function fetchLetters() {\n  return (dispatch) =>\n    new Promise((resolve, reject) => {\n      fetch(`${conditionallyGetCdnApi()}artist/letters`, {\n        method: \"GET\",\n      })\n        .then((res) => res.json())\n        .then((response) => {\n          resolve(response);\n          dispatch({\n            type: \"FETCH_LETTERS_SUCCESS\",\n            payload: response,\n          });\n        })\n        .catch((err) => {\n          reject(err);\n          dispatch({\n            type: \"FETCH_LETTERS_FAILURE\",\n            payload: err,\n          });\n        });\n    });\n}\n\nexport function fetchArtistStatementList(data) {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  return (dispatch) =>\n    fetch(`${API}api-artist/account/statement`, {\n      method: \"POST\",\n      body: JSON.stringify({\n        token: authToken,\n        ...data,\n      }),\n      headers: {\n        \"Content-Type\": \"application/json\",\n        token: authToken || null,\n      },\n    })\n      .then((res) => res.json())\n      .then((response) => {\n        dispatch({\n          type: \"ADD_ARTIST_DETAILS\",\n          payload: response.artist_details,\n        });\n        if (response.artistEarningsArray) {\n          dispatch({\n            type: \"ADD_ARTIST_EARNINGS_ARRAY\",\n            payload: response.artistEarningsArray,\n          });\n        }\n        return response;\n      })\n      .catch((err) => err);\n}\n\nexport function fetchPortfolioList(data) {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  return (dispatch) =>\n    fetch(`${API}api-artist/account/portfolio`, {\n      method: \"POST\",\n      body: JSON.stringify({\n        token: authToken,\n        ...data,\n      }),\n      headers: {\n        \"Content-Type\": \"application/json\",\n        token: authToken || null,\n      },\n    })\n      .then((res) => res.json())\n      .then((response) => {\n        dispatch({\n          type: \"ADD_ARTIST_DETAILS\",\n          payload: response.artist_details,\n        });\n        return response;\n      })\n      .catch((err) => err);\n}\n\nexport function fetchEarnigsList() {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  return (dispatch) =>\n    fetch(`${API}api-artist/account/artist-earnings`, {\n      method: \"POST\",\n      body: JSON.stringify({\n        token: authToken,\n      }),\n      headers: {\n        \"Content-Type\": \"application/json\",\n        token: authToken || null,\n      },\n    })\n      .then((res) => res.json())\n      .then((response) => {\n        dispatch({\n          type: \"ADD_ARTIST_DETAILS\",\n          payload: response.artist_details,\n        });\n        return response;\n      })\n      .catch((err) => err);\n}\n\nexport function fetchArtistAccount() {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  return (dispatch) =>\n    fetch(`${API}api-artist/account`, {\n      method: \"GET\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"X-Auth-Token\": authToken || null,\n      },\n    })\n      .then((res) => res.json())\n      .then((response) => {\n        dispatch({\n          type: \"ADD_ARTIST_DETAILS\",\n          payload: response.artist_details,\n        });\n        return response;\n      })\n      .catch((err) => err);\n}\n\nexport function fetchArtistSubmissions() {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  return (dispatch) =>\n    fetch(`${API}api-artist/account/submissions`, {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        token: authToken || null,\n      },\n      body: JSON.stringify({\n        token: authToken,\n      }),\n    })\n      .then((res) => res.json())\n      .then((response) => {\n        dispatch({\n          type: \"ADD_ARTIST_DETAILS\",\n          payload: response.artist_details,\n        });\n        return response;\n      })\n      .catch((err) => err);\n}\n\nexport function fetchSubscriptionUsageReport(statementID) {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  return () =>\n    fetch(\n      `${API}api-artist/account/statement/subscription-usage-report/${statementID}`,\n      {\n        method: \"GET\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          \"X-Auth-Token\": authToken || null,\n        },\n      }\n    )\n      .then((res) => res.json())\n      .catch((err) => err);\n}\n\nexport function updateArtistAccount(data) {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  return () =>\n    fetch(`${API}api-artist/account`, {\n      method: \"POST\",\n      body: JSON.stringify({\n        token: authToken,\n        ...data,\n      }),\n      headers: {\n        \"Content-Type\": \"application/json\",\n        token: authToken || null,\n      },\n    })\n      .then((res) => res.json())\n      .catch((err) => err);\n}\n\nexport function updatePaypalEmail(paypalEmail) {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  return () =>\n    fetch(`${API}api-update-paypal-email`, {\n      method: \"POST\",\n      body: JSON.stringify({\n        token: authToken,\n        paypal_email: paypalEmail,\n      }),\n      headers: {\n        \"Content-Type\": \"application/json\",\n        token: authToken || null,\n      },\n    })\n      .then((res) => res.json())\n      .catch((err) => err);\n}\n\nexport function requestPayment() {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  return () =>\n    fetch(`${API}api-artist/request-payment`, {\n      method: \"PUT\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"X-Auth-Token\": authToken || null,\n      },\n    })\n      .then((res) => res.json())\n      .catch((err) => err);\n}\n\nexport function getLatestStatement() {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  return () =>\n    fetch(`${API}api-artist/account/statement`, {\n      method: \"POST\",\n      body: JSON.stringify({\n        token: authToken,\n        page: 1, // Get first page to get latest entries\n      }),\n      headers: {\n        \"Content-Type\": \"application/json\",\n        token: authToken || null,\n      },\n    })\n      .then((res) => res.json())\n      .catch((err) => err);\n}\n\nexport function getPaymentDetails(artistEarningReportId = null) {\n  const authToken = sessionStorage.getItem(\"auth_token\");\n  const url = artistEarningReportId\n    ? `${API}api-artist/request-payment?artistEarningReportId=${artistEarningReportId}`\n    : `${API}api-artist/request-payment`;\n\n  return () =>\n    fetch(url, {\n      method: \"GET\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"X-Auth-Token\": authToken || null,\n      },\n    })\n      .then((res) => res.json())\n      .catch((err) => err);\n}\n","import fetch from \"isomorphic-fetch\";\nimport Config, { API } from \"../constants\";\nimport {conditionallyGetCdnApi} from \"./generalAction\";\n\nexport function fetchHomeCollection() {\n  return fetch(`${conditionallyGetCdnApi()}homepage/collections`, {\n    method: \"GET\",\n    // mode: 'CORS',\n  })\n    .then((res) => res.json())\n    .catch((err) => err);\n}\n\nexport function fetchCollectionTrack(collectionName) {\n  return fetch(\n    `${conditionallyGetCdnApi()}tracks/collection/types/${collectionName}/ids/0/energies/0/vocals/As%20Curated/sorts/0/durations/[/stylefilters/-1/limits/[]/excludes/1`,\n    {\n      method: \"GET\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n    }\n  )\n    .then(\n      (response) => response.json(),\n      (error) => console.log(\"An error occured.\", error)\n    )\n    .then((json) => json);\n}\n\nexport function fetchCollection(collectionId) {\n  return fetch(`${conditionallyGetCdnApi()}collections/${collectionId}`, {\n    method: \"GET\",\n    // mode: 'CORS',\n  })\n    .then((res) => res.json())\n    .catch((err) => err);\n}\n\nexport function fetchCategories() {\n  return fetch(`${conditionallyGetCdnApi()}collection/categories`, {\n    method: \"GET\",\n    // mode: 'CORS',\n  })\n    .then((res) => res.json())\n    .catch((err) => err);\n}\n\nexport function fetchCategoryCollections(categoryId, page) {\n  return fetch(`${conditionallyGetCdnApi()}collections/${categoryId}/categories/${page}`, {\n    method: \"GET\",\n    // mode: 'CORS',\n  })\n    .then((res) => res.json())\n    .catch((err) => err);\n}\n\nexport function fetchLatestCollections(categoryId, page) {\n  return fetch(`${conditionallyGetCdnApi()}collections/${categoryId}/latests/${page}`, {\n    method: \"GET\",\n    // mode: 'CORS',\n  })\n    .then((res) => res.json())\n    .catch((err) => err);\n}\n\nexport function fetchAllCollections(energy, vocal, sort, styleFilters, page) {\n  return fetchCollections(\"all\", 0, energy, vocal, sort, styleFilters, page);\n}\n\nexport function fetchArtistCollections(\n  id,\n  energy,\n  vocal,\n  sort,\n  styleFilters,\n  page\n) {\n  return fetchCollections(\n    \"artist\",\n    id,\n    energy,\n    vocal,\n    sort,\n    styleFilters,\n    page\n  );\n}\n\nexport function fetchStyleCollections(\n  id,\n  energy,\n  vocal,\n  sort,\n  styleFilters,\n  page\n) {\n  return fetchCollections(\"style\", id, energy, vocal, sort, styleFilters, page);\n}\n\nfunction fetchCollections(type, id, energy, vocal, sort, styleFilters, page) {\n  if (styleFilters == null) {\n    styleFilters = {};\n  }\n  const JsonStyleFilters = JSON.stringify(styleFilters);\n  return function (dispatch) {\n    dispatch(requestCollections());\n    return fetch(\n      `${conditionallyGetCdnApi()}collections/${type}/types/${id}/ids/${energy}/energies/${vocal}/vocals/${vocal}/sorts/${JsonStyleFilters}/stylefilters/${page}`,\n      {\n        method: \"GET\",\n        // mode: 'CORS',\n      }\n    )\n      .then(\n        (response) => response.json(),\n        (error) => console.log(\"An error occured.\", error)\n      )\n      .then((json) => {\n        dispatch(receiveCollections(json));\n      });\n  };\n}\n\n// ACTIONS\nfunction requestCollections() {\n  return { type: \"REQUEST_COLLECTIONS\" };\n}\n\nfunction receiveCollections(collections) {\n  return { type: \"RECEIVE_COLLECTIONS\", collections };\n}\n","import React from \"react\";\nimport InlineSVG from 'svg-inline-react';\n\nclass AssetPaginationPrev extends React.Component {\n    render() {\n        const assetPaginationPrev = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34.4 34.4\"><style>.st9982{fill:none;stroke-width:5;stroke-miterlimit:10}</style><path class=\"st981\" d=\"M17.2 2.1C8.9 2.1 2.1 8.9 2.1 17.2s6.8 15.1 15.1 15.1 15.1-6.8 15.1-15.1S25.6 2.1 17.2 2.1zm0 28.4C9.9 30.5 4 24.5 4 17.2S9.9 4 17.2 4c7.3 0 13.3 5.9 13.3 13.2 0 7.3-6 13.3-13.3 13.3z\"/><path class=\"st981\" d=\"M19.3 9.7l-6.9 6.9c-.4.4-.4.9 0 1.3l6.9 6.9c.2.2.4.3.6.3.5 0 .9-.4.9-.9 0-.2-.1-.5-.3-.7l-6.3-6.3 6.3-6.3c.4-.4.4-.9 0-1.3-.2-.2-.4-.3-.6-.3-.2.1-.4.2-.6.4z\"/><path class=\"st9982\" d=\"M-413.2-939.5h882.7v1462h-882.7z\"/></svg>\n\n`;\n        return (\n            <InlineSVG src={assetPaginationPrev} />\n        );\n    }\n}\n\nexport default AssetPaginationPrev;\n","import React from \"react\";\nimport InlineSVG from 'svg-inline-react';\n\nclass AssetPaginationNext extends React.Component {\n    render() {\n        const assetPaginationNext = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34.4 34.4\"><style>.st89{fill:none;stroke-width:5;stroke-miterlimit:10}</style><path class=\"st88\" d=\"M17.2 32.3c8.3 0 15.1-6.8 15.1-15.1S25.5 2.1 17.2 2.1 2.1 8.9 2.1 17.2s6.8 15.1 15.1 15.1zm0-28.4c7.3 0 13.3 5.9 13.3 13.3s-5.9 13.3-13.3 13.3C9.9 30.5 4 24.5 4 17.2 4 9.9 9.9 4 17.2 3.9z\"/><path class=\"st88\" d=\"M15.1 24.7l6.9-6.9c.4-.4.4-.9 0-1.3l-6.9-6.9c-.2-.2-.4-.3-.6-.3-.5 0-.9.4-.9.9 0 .2.1.5.3.7l6.3 6.3-6.3 6.3c-.4.4-.4.9 0 1.3.2.2.4.3.6.3.2-.1.4-.2.6-.4z\"/><path class=\"st89\" d=\"M-413.2-939.5h882.7v1462h-882.7z\"/></svg>\n`;\n        return (\n            <InlineSVG src={assetPaginationNext} />\n        );\n    }\n}\n\nexport default AssetPaginationNext;\n","import { Link } from 'react-router';\nimport styled from 'styled-components';\n\nexport default styled(Link)`\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport AssetPaginationPrev from 'styles/svg-components/AssetPaginationPrev.js';\nimport AssetPaginationNext from 'styles/svg-components/AssetPaginationNext.js';\nimport PageLink from './PageLink';\n\n\nimport { withRouter } from 'react-router';\nimport { createStructuredSelector } from 'reselect';\nimport { fetchCollection } from 'actions/collectionAction';\nimport { fetchCollectionTracks } from 'actions/trackAction';\n\n\nclass Pagination extends React.Component {\n  constructor(props) {\n    super(props);\n    this.handlePageSelect = this.handlePageSelect.bind(this);\n  }\n\n  handlePageSelect(event) {\n    this.props.onPageSelect(event);\n  }\n\n  render() {\n    const firstPage = this.props.pagination.firstPage;\n    const lastPage = this.props.pagination.lastPage;\n    const currentPage = this.props.pagination.currentPage;\n    const middlePages = this.props.pagination.middlePages;\n    const previousPage = this.props.pagination.previousPage;\n    const handlePageSelect = this.handlePageSelect;\n    const pages = [];\n\n    function getPaginationClasses(active) {\n      return `site-pagination__number site-pagination__number--${active ? 'active' : 'inactive'}`;\n    }\n\n    // Show leftmost number\n    if (firstPage) {\n      pages.push(<PageLink key={firstPage} onClick={handlePageSelect} data-page={firstPage}><span className={getPaginationClasses(currentPage == firstPage)}>{firstPage}</span></PageLink>);\n    }\n\n    // Show ellipsis if there's a gap between the leftmost number and the first middle number\n    if (currentPage !== firstPage && currentPage - 1 !== firstPage && middlePages[0] - 1 !== firstPage) {\n        pages.push(<span key={firstPage + 0.5} className=\"site-pagination__ellipses\">...</span>);\n    }\n\n    // Show middle numbers\n    if (middlePages) {\n      middlePages.forEach((middlePage, index) => {\n        pages.push(<PageLink key={middlePage} onClick={handlePageSelect} data-page={middlePage}><span className={getPaginationClasses(currentPage == middlePage)}>{middlePage}</span></PageLink>);\n      });\n    }\n\n    // Show ellipsis if there's a gap between the last middle number and the right most number \n    if (currentPage !== lastPage && currentPage + 1 !== lastPage && middlePages[ middlePages.length - 1 ] + 1 !== lastPage) {\n        pages.push(<span key={lastPage - 0.5} className=\"site-pagination__ellipses\">...</span>);\n    }\n\n    // Show rightmost number\n    if (lastPage > firstPage) {\n      pages.push(<PageLink key={lastPage} onClick={handlePageSelect} data-page={lastPage}><span className={getPaginationClasses(currentPage == lastPage)}>{lastPage}</span></PageLink>);\n    }\n\n    return (\n      <div className=\"site-pagination site-pagination--secondary\">\n        <div className=\"content-container\">\n          <div className=\"site-pagination__block\">\n            {/* Next page */}\n            {previousPage &&\n              <PageLink onClick={this.handlePageSelect} data-page={previousPage}>\n                <div className={'site-pagination__icon spacer-r site-pagination__icon--inactive'}>\n                  <div className=\"svg-xs\">\n                    <AssetPaginationPrev />\n                  </div>\n                </div>\n              </PageLink>\n            }\n            {pages}\n            {/* Next page */}\n            {this.props.pagination.nextPage &&\n              <PageLink onClick={this.handlePageSelect} data-page={this.props.pagination.nextPage}>\n                <div className={'site-pagination__icon spacer-l site-pagination__icon--inactive'}>\n                  <div className=\"svg-xs\">\n                    <AssetPaginationNext />\n                  </div>\n                </div>\n              </PageLink>\n            }\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nPagination.contextTypes = {\n  router: PropTypes.object,\n};\n\nexport default withRouter(Pagination);\n","import React from 'react';\nimport A from '../../components/A';\n\nclass CollectionsTabs extends React.Component {\n    render() {\n        return (\n            <div className=\"collections-tabs text-center\">\n              <ul className=\"list-unstyled d-flex justify-content-around d-md-block\">\n                <li className={`collections-list-item mr-md-7${this.props.active === 'styles' ? ' active' : ''}`}><A to=\"/styles\">Styles</A></li>\n                <li className={`collections-list-item mr-md-7${this.props.active === 'collections' ? ' active' : ''}`}><A to=\"/collections\">Collections</A></li>\n                <li className={`collections-list-item${this.props.active === 'artists' ? ' active' : ''}`}><A to=\"/artists\">Artists</A></li>\n              </ul>\n            </div>\n        );\n    }\n}\n\nexport default CollectionsTabs;"],"sourceRoot":""}