{"version":3,"sources":["containers/StylesListPage/index.js","actions/styleAction.js","actions/categoryAction.js","components/CollectionsTabs/index.js","containers/StylesListPage/CategoryLink.js","containers/StylesListPage/StyleList.js","containers/StylesListPage/Styles.js","containers/StylesListPage/Categories.js","styles/svg-components/SpinnerIconRed.js","containers/StylesListPage/Filter.js"],"names":["StylesListPage","className","rel","href","name","content","active","React","Component","mapDispatchToProps","dispatch","mapStateToProps","createStructuredSelector","connect","fetchStyle","styleId","fetch","conditionallyGetCdnApi","method","then","res","json","catch","err","fetchCategoryStyles","id","fetchTrackStyles","trackId","fetchPopularStyles","fetchStyleMoods","fetchAllStyles","response","error","console","log","styles","type","receiveStyles","fetchCategories","fetchStyleCategories","categories","receiveStyleCategories","receiveCategories","CollectionsTabs","this","props","to","styled","Link","StyleList","handleImageLoaded","bind","categoriesBlockHeightPrev","$","height","css","categoriesBlockHeight","TimelineMax","fromTo","ease","Power0","easeIn","tileImage","image","PLACEHOLDER_IMG_URL","style","tile_image","tile_svg","replace","dangerouslySetInnerHTML","__html","onLoad","src","alt","CategoryLink","slug","display","Styles","subtractImageTotal","length","storePlaceholderImages","i","push","url","rows","forEach","track_style","map","Categories","handleCategorySelect","e","preventDefault","targetCategory","target","dataset","category","parseInt","onCategorySelect","removeClass","addClass","onClick","index","SpinnerIconRed","width","viewBox","xmlns","fill","strokeWidth","strokeLinecap","cx","cy","r","Filter","state","categoryId","limit","handleCategoryChange","data","setState","delay","autoAlpha","Power1","filterText","value","hasStyles"],"mappings":"uRAeMA,E,4JACJ,WACE,OACE,sBAAKC,UAAW,mBAAhB,UACE,eAAC,IAAD,WACE,sBAAMC,IAAI,YAAYC,KAAK,iCAC3B,qGACA,sBAAMC,KAAK,cAAcC,QAAQ,gKAGnC,oBAAIJ,UAAU,UAAd,8CAEA,cAAC,IAAD,CACEK,OAAO,WAGT,qBAAKL,UAAU,0DAAf,SACE,sBAAKA,UAAU,6BAAf,UACE,oBAAIA,UAAU,oBAAd,gCACA,sBAAMA,UAAU,mBAAhB,gJAIJ,qBAAKA,UAAU,mCAAf,SACE,qBAAKA,UAAU,sBAAf,SACE,qBAAKA,UAAU,yCAAf,SACE,cAAC,IAAD,iB,GA1BeM,IAAMC,WAuC5B,SAASC,EAAmBC,GACjC,MAAO,GAIT,IAAMC,EAAkBC,mCAAyB,IAIlCC,sBAAQF,EAAiBF,EAAzBI,CAA6Cb,I,iCC/D5D,iPAMO,SAASc,EAAWC,GACzB,OAAOC,IAAM,GAAD,OAAIC,cAAJ,kBAAsCF,GAAW,CAC3DG,OAAQ,QAEPC,MAAK,SAACC,GAAD,OAASA,EAAIC,UACdC,OAAM,SAACC,GAAD,OAASA,KAGjB,SAASC,EAAoBC,GAClC,OAAOT,IAAM,GAAD,OAAIC,cAAJ,kBAAsCQ,EAAtC,aAAqD,CAC/DP,OAAQ,QAEPC,MAAK,SAACC,GAAD,OAASA,EAAIC,UACdC,OAAM,SAACC,GAAD,OAASA,KAGjB,SAASG,EAAiBC,GAC7B,OAAOX,IAAM,GAAD,OAAIC,cAAJ,kBAAsCU,EAAtC,UAAuD,CAC/DT,OAAQ,QACTC,MAAK,SAACC,GAAD,OAASA,EAAIC,UAChBC,OAAM,SAACC,GAAD,OAASA,KAGjB,SAASK,IACd,OAAOZ,IAAM,GAAD,OAAIC,cAAJ,oBAAgD,CAC1DC,OAAQ,QAEPC,MAAK,SAACC,GAAD,OAASA,EAAIC,UACdC,OAAM,SAACC,GAAD,OAASA,KAGjB,SAASM,EAAgBF,GAC5B,OAAOX,IAAM,GAAD,OAAIC,cAAJ,kBAAsCU,EAAtC,UAAuD,CAC/DT,OAAQ,QAETC,MAAK,SAACC,GAAD,OAASA,EAAIC,UAChBC,OAAM,SAACC,GAAD,OAASA,KAGjB,SAASO,IACd,OAAO,SAAUpB,GACf,OAAOM,IAAM,GAAD,OAAIC,cAAJ,UAAsC,CAChDC,OAAQ,QAGTC,MACG,SAACY,GAAD,OAAcA,EAASV,UACvB,SAACW,GAAD,OAAWC,QAAQC,IAAI,oBAAqBF,MAE/Cb,MAAK,SAACE,GACLX,EAMN,SAAuByB,GACrB,GAAIA,EACF,MAAO,CAAEC,KAAM,aAAcD,UARlBE,CAAchB,U,iCCxD7B,yGAOO,SAASiB,IACd,OAAOtB,IAAM,GAAD,OAAIC,cAAJ,cAA0C,CACpDC,OAAQ,QAETC,MAAK,SAACC,GAAD,OAASA,EAAIC,UAClBC,OAAM,SAACC,GAAD,OAASA,KAGX,SAASgB,IACd,OAAO,SAAU7B,GACf,OAAOM,IAAM,GAAD,OAAIC,cAAJ,kBAA8C,CACxDC,OAAQ,QAETC,MACG,SAACY,GAAD,OAAcA,EAASV,UACvB,SAACW,GAAD,OAAWC,QAAQC,IAAI,oBAAqBF,MAE/Cb,MAAK,SAACE,IAMX,SAA2BX,EAAU8B,GACnC9B,EAGF,SAAgC8B,GAC9B,MAAO,CAAEJ,KAAM,iBAAkBI,cAJxBC,CAAuBD,IAN5BE,CAAkBhC,EAAUW,S,gGCtB5BsB,E,4JACF,WACI,OACI,qBAAK1C,UAAU,+BAAf,SACE,qBAAIA,UAAU,yDAAd,UACE,oBAAIA,UAAS,uCAAwD,WAAtB2C,KAAKC,MAAMvC,OAAsB,UAAY,IAA5F,SAAkG,cAAC,IAAD,CAAGwC,GAAG,UAAN,sBAClG,oBAAI7C,UAAS,uCAAwD,gBAAtB2C,KAAKC,MAAMvC,OAA2B,UAAY,IAAjG,SAAuG,cAAC,IAAD,CAAGwC,GAAG,eAAN,2BACvG,oBAAI7C,UAAS,+BAAgD,YAAtB2C,KAAKC,MAAMvC,OAAuB,UAAY,IAArF,SAA2F,cAAC,IAAD,CAAGwC,GAAG,WAAN,gC,GAP7EvC,IAAMC,WAcrBmC,O,sKCdAI,cAAOC,IAAPD,CAAf,kV,yBCEqBE,E,kDACjB,WAAYJ,GAAQ,IAAD,8BACf,cAAMA,IAEDK,kBAAoB,EAAKA,kBAAkBC,KAAvB,gBAHV,E,qDAKnB,WACI,IAAIC,EAA4BC,EAAE,0BAA0BC,SAC5DD,EAAE,0BAA0BE,IAAI,SAAU,QAC1C,IAAIC,EAAwBH,EAAE,0BAA0BC,UAC/C,IAAIG,KACVC,OAAOL,EAAE,0BAA2B,GAAK,CAACC,OAAQF,GAA4B,CAACE,OAAQE,EAAuBG,KAAMC,OAAOC,W,oBAGpI,WACE,IACIC,EADAC,EAAQC,IAgBZ,MAbmC,IAA/BpB,KAAKC,MAAMoB,MAAMC,aACnBH,EAAQnB,KAAKC,MAAMoB,MAAMC,YAGtBtB,KAAKC,MAAMoB,MAAME,UACpBvB,KAAKC,MAAMoB,MAAME,SAAWvB,KAAKC,MAAMoB,MAAME,SAASC,QAAQ,eAAgB,IAC9ExB,KAAKC,MAAMoB,MAAME,SAAWvB,KAAKC,MAAMoB,MAAME,SAASC,QAAQ,wBAAyB,wBAA0BxB,KAAKC,MAAMoB,MAAMxC,IAElIqC,EAAY,mBAAGO,wBAAyB,CAAEC,OAAQ1B,KAAKC,MAAMoB,MAAME,UAAYI,OAAQ3B,KAAKM,kBAAkBC,KAAKP,SAEnHkB,EAAY,qBAAKU,IAAKT,EAAOU,IAAK7B,KAAKC,MAAMoB,MAAM7D,KAAMmE,OAAQ3B,KAAKM,kBAAkBC,KAAKP,QAI7F,qBAAK3C,UAAU,iCAAf,SACE,cAACyE,EAAD,CAAc5B,GAAE,wBAAoBF,KAAKC,MAAMoB,MAAMU,KAAO/B,KAAKC,MAAMoB,MAAMU,KAAO/B,KAAKC,MAAMoB,MAAMxC,IAAOwC,MAAO,CAAEW,QAAS,SAA9H,SACE,sBAAK3E,UAAU,6CAAf,UACE,qBAAKA,UAAU,gCACb6D,a,GApCyBvD,IAAMC,WCCxBqE,E,4JACnB,WAME,IAJA,IACIC,EAAqB,GADPlC,KAAKC,MAAMV,OAAO4C,OAGhCC,EAAyB,GACrBC,EAAE,EAAGA,EAAEH,EAAoBG,IAAK,CAIpCD,EAAuBE,KAHR,CACXC,IAAK,4DAKb,IAAMC,EAAO,GAWb,MAViC,kBAAtBxC,KAAKC,MAAMV,QACpBS,KAAKC,MAAMV,OAAOkD,SAAQ,SAACpB,GACpBA,EAAMqB,YACLF,EAAKF,KAAK,cAAC,EAAD,CAAWjB,MAAOA,EAAMqB,aAAkBrB,EAAMqB,YAAY7D,KAEtE2D,EAAKF,KAAK,cAAC,EAAD,CAAWjB,MAAOA,GAAYA,EAAMxC,QAMtD,sBAAKxB,UAAU,MAAf,UACKmF,EACAJ,EAAuBO,KAAI,SAACxB,EAAOkB,GAAQ,OAAO,qBAAahF,UAAU,oDAAvB,SAA2E,qBAAKuE,IAAKT,EAAMoB,OAAjFF,a,GA5BnC1E,IAAMC,WCArBgF,G,wDACnB,WAAY3C,GAAQ,IAAD,8BACjB,cAAMA,IACD4C,qBAAuB,EAAKA,qBAAqBtC,KAA1B,gBAFX,E,wDAKnB,SAAqBuC,GACnBA,EAAEC,iBACF,IAAIC,EAAiBF,EAAEG,OAAOC,QAAQC,SAEf,YAAnBH,IACFA,EAAiBI,SAASJ,IAG5BhD,KAAKC,MAAMoD,iBAAkBL,GAC7BvC,EAAE,0BAA0B6C,YAAY,sBACxC7C,EAAE,2BAA2B6C,YAAY,UAEzC7C,EAAE,sCAAD,OAAuCuC,EAAvC,OAA2DO,SAAS,sBACrE9C,EAAE,0CAAD,OAA2CuC,EAA3C,OAA+DO,SAAS,Y,oBAG3E,WAAU,IAAD,OACP,OACE,sBAAKlG,UAAU,aAAf,UACE,sBAAKA,UAAU,+DAAf,UACoC,IAAjC2C,KAAKC,MAAML,WAAWuC,QACvB,cAACL,EAAD,CAAczE,UAAU,cAAcmG,QAASxD,KAAK6C,qBAAsBhE,GAAI,gCAAiC,gBAAe,UAA9H,qBAEkC,IAAjCmB,KAAKC,MAAML,WAAWuC,QAAgBnC,KAAKC,MAAML,WAAW+C,KAAI,SAACQ,EAAUM,GAAX,OAC/D,cAAC3B,EAAD,CAAczE,UAAU,OAAmBE,KAAK,IAAIiG,QAAS,EAAKX,qBAAsBhE,GAAE,gCAA2BsE,EAAStE,IAAM,gBAAesE,EAAStE,GAA5J,SAAiKsE,EAAS3F,MAAtIiG,SAGxC,qBAAKpG,UAAU,mEAAf,SACE,qBAAIA,UAAU,6BAAd,UACoC,IAAjC2C,KAAKC,MAAML,WAAWuC,QACvB,6BAAI,mBAAG9E,UAAU,qBAAqBmG,QAASxD,KAAK6C,qBAAsBhE,GAAI,4BAA6B,gBAAe,UAAtH,uBAE8B,IAAjCmB,KAAKC,MAAML,WAAWuC,QAAgBnC,KAAKC,MAAML,WAAW+C,KAAI,SAACQ,EAAUM,GAAX,OAC/D,6BAAgB,mBAAGD,QAAS,EAAKX,qBAAsBhE,GAAE,4BAAuBsE,EAAStE,IAAM,gBAAesE,EAAStE,GAAvG,SAA4GsE,EAAS3F,QAA5HiG,kB,GAvCiB9F,IAAMC,YCHxC8F,G,kKACJ,WACE,OACE,qBAAKrG,UAAU,0BAAf,SACE,qBAAKA,UAAU,eAAesG,MAAM,OAAOjD,OAAO,OAAOkD,QAAQ,YAAYC,MAAM,6BAAnF,SACE,wBAAQxG,UAAU,OAAOyG,KAAK,OAAOC,YAAY,IAAIC,cAAc,QAAQC,GAAG,KAAKC,GAAG,KAAKC,EAAE,e,GAL1EvG,cAYd8F,ICNMU,E,kDACnB,WAAYnE,GAAQ,IAAD,8BACjB,cAAMA,IACDoE,MAAQ,CACXC,WAAY,EACZ/E,OAAQ,GACRgF,MAAO,EACP3E,WAAY,IAId,EAAKiD,qBAAuB,EAAKA,qBAAqBtC,KAA1B,gBAC5B,EAAKiE,qBAAuB,EAAKA,qBAAqBjE,KAA1B,gBAXX,E,qDAenB,WAAqB,IAAD,OAClBvB,cAAqBT,MAAK,SAACkG,GACzB,EAAKC,SAAS,CACZnF,OAAQkF,IAEC,IAAI5D,YAAY,CAAE8D,MAAO,IAEnC7D,OAAOL,EAAE,wBAAyB,GAAK,CAAEmE,UAAW,GAAK,CAAEA,UAAW,EAAG7D,KAAM8D,OAAO5D,YACtFvC,OAAM,SAACC,GAAD,OAASA,KAElBe,cAAkBnB,MAAK,SAACkG,GACF,kBAATA,GACT,EAAKC,SAAS,CACZ9E,WAAY6E,OAGf/F,OAAM,SAACC,GAAD,OAASA,O,kCAGpB,SAAqBmG,GAAa,IAAD,OACb,WAAdA,EACF9F,cAAqBT,MAAK,SAACkG,GACzB,EAAKC,SAAS,CAAEnF,OAAQkF,OACvB/F,OAAM,SAACC,GAAD,OAASA,KAElBC,YAAoBkG,EAAY9E,KAAKqE,MAAME,OAAOhG,MAAK,SAACkG,GACtD,EAAKC,SAAS,CAAEnF,OAAQkF,OACvB/F,OAAM,SAACC,GAAD,OAASA,O,kCAItB,SAAqBmE,GACnB9C,KAAK6C,qBAAqBC,EAAEG,OAAO8B,S,oBAGrC,WACE,IAAMC,EAAYhF,KAAKqE,MAAM9E,OAAO4C,OAAS,EAC7C,OACE,sBAAK9E,UAAU,0BAAf,WACI2H,GACA,cAAC,EAAD,IAEF,sBAAK3H,UAAU,yBAAf,UACE,qBAAKA,UAAU,kBAAf,SACE,cAAC,EAAD,CACEuC,WAAYI,KAAKqE,MAAMzE,WACvB0E,WAAYtE,KAAKqE,MAAMC,WACvBjB,iBAAkBrD,KAAK6C,yBAG3B,qBAAKxF,UAAU,yCAAyCgE,MAAO,CAAE,UAAc2D,EAAY,OAAS,KAApG,SACGA,GACC,cAAC,EAAD,CACEzF,OAAQS,KAAKqE,MAAM9E,qB,GArEC5B,IAAMC","file":"static/js/41.chunk.js?hash=c4788fd1","sourcesContent":["/*\n * Styles List Page\n *\n *\n */\n\nimport React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport Helmet from 'react-helmet';\nimport { createStructuredSelector } from 'reselect';\nimport Filter from './Filter';\nimport CollectionsTabs from 'components/CollectionsTabs';\n\n\nclass StylesListPage extends React.Component {\n render() {\n return (\n
\n \n \n Styles • Music Licensing For Video & Film • Music Vine\n \n \n\n

Browse Production Music by Style

\n\n \n\n
\n
\n

Explore Our Styles

\n From time lapse tracks to tropical vibes, we've put the world's most powerful music categorisation system at your fingertips.\n
\n
\n\n
\n
\n
\n \n
\n
\n
\n
\n );\n }\n}\n\nStylesListPage.propTypes = {\n params: PropTypes.object,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n});\n\n// Wrap the component to inject dispatch and state into it\nexport default connect(mapStateToProps, mapDispatchToProps)(StylesListPage);\n","import fetch from 'isomorphic-fetch';\nimport Config, {\n API,\n} from '../constants';\nimport {conditionallyGetCdnApi} from \"./generalAction\";\n\nexport function fetchStyle(styleId) {\n return fetch(`${conditionallyGetCdnApi()}styles/${styleId}`, {\n method: 'GET',\n // mode: 'CORS',\n }).then((res) => res.json())\n .catch((err) => err);\n}\n\nexport function fetchCategoryStyles(id) {\n return fetch(`${conditionallyGetCdnApi()}styles/${id}/category`, {\n method: 'GET',\n // mode: 'CORS',\n }).then((res) => res.json())\n .catch((err) => err);\n}\n\nexport function fetchTrackStyles(trackId) {\n return fetch(`${conditionallyGetCdnApi()}styles/${trackId}/track`, {\n method: 'GET',\n }).then((res) => res.json())\n .catch((err) => err);\n}\n\nexport function fetchPopularStyles() {\n return fetch(`${conditionallyGetCdnApi()}styles/1/popular`, {\n method: 'GET',\n // mode: 'CORS',\n }).then((res) => res.json())\n .catch((err) => err);\n}\n\nexport function fetchStyleMoods(trackId) {\n return fetch(`${conditionallyGetCdnApi()}styles/${trackId}/moods`, {\n method: 'GET',\n // mode: 'CORS',\n }).then((res) => res.json())\n .catch((err) => err);\n}\n\nexport function fetchAllStyles() {\n return function (dispatch) {\n return fetch(`${conditionallyGetCdnApi()}styles`, {\n method: 'GET',\n // mode: 'CORS',\n })\n .then(\n (response) => response.json(),\n (error) => console.log('An error occured.', error)\n )\n .then((json) => {\n dispatch(receiveStyles(json));\n }\n );\n };\n}\n\nfunction receiveStyles(styles) {\n if (styles) {\n return { type: 'ADD_STYLES', styles };\n }\n}\n\n","import fetch from 'isomorphic-fetch';\nimport Config, {\n API,\n} from '../constants';\nimport {conditionallyGetCdnApi} from \"./generalAction\";\n\n// Delete ?\nexport function fetchCategories() {\n return fetch(`${conditionallyGetCdnApi()}categories`, {\n method: 'GET',\n })\n .then((res) => res.json())\n .catch((err) => err);\n}\n\nexport function fetchStyleCategories() {\n return function (dispatch) {\n return fetch(`${conditionallyGetCdnApi()}category/style`, {\n method: 'GET',\n })\n .then(\n (response) => response.json(),\n (error) => console.log('An error occured.', error)\n )\n .then((json) => {\n receiveCategories(dispatch, json);\n });\n };\n}\n\nfunction receiveCategories(dispatch, categories) {\n dispatch(receiveStyleCategories(categories));\n}\n\nfunction receiveStyleCategories(categories) {\n return { type: 'ADD_CATEGORIES', categories };\n}\n\nfunction receiveMoodCategories(mood) {\n return { type: 'ADD_MOODS', moods: mood.track_style };\n}\n","import React from 'react';\nimport A from '../../components/A';\n\nclass CollectionsTabs extends React.Component {\n render() {\n return (\n
\n \n
\n );\n }\n}\n\nexport default CollectionsTabs;","import { Link } from 'react-router';\nimport styled from 'styled-components';\n\nexport default styled(Link)`\n display: inline-block;\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","import React from 'react';\nimport CategoryLink from './CategoryLink';\nimport { PLACEHOLDER_IMG_URL } from 'components/ImgPlaceholder';\nimport { TimelineMax } from 'gsap';\n\nexport default class StyleList extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleImageLoaded = this.handleImageLoaded.bind(this);\n }\n handleImageLoaded() {\n let categoriesBlockHeightPrev = $('.categories-main-block').height();\n $('.categories-main-block').css(\"height\", \"auto\");\n let categoriesBlockHeight = $('.categories-main-block').height();\n let tl = new TimelineMax();\n tl.fromTo($('.categories-main-block'), 0.4, {height: categoriesBlockHeightPrev}, {height: categoriesBlockHeight, ease: Power0.easeIn})\n }\n\n render() {\n let image = PLACEHOLDER_IMG_URL;\n let tileImage;\n\n if (this.props.style.tile_image != '') {\n image = this.props.style.tile_image;\n }\n\n if ( this.props.style.tile_svg ) {\n this.props.style.tile_svg = this.props.style.tile_svg.replace('id=\"Capa_1\" ', '');\n this.props.style.tile_svg = this.props.style.tile_svg.replace(/Degradado_sin_nombre/g, 'Degradado_sin_nombre_' + this.props.style.id);\n\n tileImage = ;\n } else {\n tileImage = {this.props.style.name};\n }\n\n return (\n
\n \n
\n
\n { tileImage }\n
\n {/*

{this.props.style.name}

*/}\n \n
\n );\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport StyleList from './StyleList';\nimport { PLACEHOLDER_IMG_URL } from 'components/ImgPlaceholder';\n\nexport default class Styles extends React.Component {\n render() {\n\n var totalImages = this.props.styles.length;\n var subtractImageTotal = 15 - totalImages;\n\n var storePlaceholderImages = [];\n for(var i=0; i {\n if(style.track_style){\n rows.push();\n } else {\n rows.push();\n }\n });\n }\n\n return (\n
\n {rows}\n {storePlaceholderImages.map((image, i) => { return
})}\n
\n );\n }\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { fetchCategories } from 'actions/categoryAction';\nimport CategoryLink from './CategoryLink';\nimport Spinner from 'styles/svg-components/Spinner.js';\n\nexport default class Categories extends React.Component {\n constructor(props) {\n super(props);\n this.handleCategorySelect = this.handleCategorySelect.bind(this);\n }\n\n handleCategorySelect(e) {\n e.preventDefault();\n let targetCategory = e.target.dataset.category;\n\n if (targetCategory !== 'popular') {\n targetCategory = parseInt(targetCategory);\n }\n\n this.props.onCategorySelect( targetCategory );\n $('.categories__list li a').removeClass('categories__active');\n $('.categories-filter-sm a').removeClass('active');\n\n $(`.categories__list a[data-category=\"${targetCategory}\"]`).addClass('categories__active');\n $(`.categories-filter-sm a[data-category=\"${targetCategory}\"]`).addClass('active');\n }\n\n render() {\n return (\n
\n
\n {this.props.categories.length !== 0 &&\n Popular\n }\n {this.props.categories.length !== 0 && this.props.categories.map((category, index) => (\n {category.name}\n )) }\n
\n
\n
    \n {this.props.categories.length !== 0 &&\n
  • Popular
    • \n }\n {this.props.categories.length !== 0 && this.props.categories.map((category, index) => (\n
  • {category.name}
    • \n )) }\n
\n
\n
\n );\n }\n}","import React, { Component } from 'react';\nimport InlineSVG from 'svg-inline-react';\n\nclass SpinnerIconRed extends Component {\n render() {\n return (\n
\n \n \n \n
\n );\n }\n}\n\nexport default SpinnerIconRed;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { fetchCategories } from 'actions/categoryAction';\nimport { fetchCategoryStyles, fetchPopularStyles } from 'actions/styleAction';\nimport Styles from './Styles';\nimport Categories from './Categories';\nimport SpinnerIconRed from \"../../styles/svg-components/SpinnerIconRed\";\n\nexport default class Filter extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n categoryId: 1,\n styles: [],\n limit: 2,\n categories: [],\n // more: 0,\n };\n\n this.handleCategorySelect = this.handleCategorySelect.bind(this);\n this.handleCategoryChange = this.handleCategoryChange.bind(this);\n // this.handleShowMore = this.handleShowMore.bind(this);\n }\n\n componentDidMount() {\n fetchPopularStyles().then((data) => {\n this.setState({\n styles: data,\n });\n const tl = new TimelineMax({ delay: 1 });\n tl\n .fromTo($('.filter-styles__item'), 0.5, { autoAlpha: 0 }, { autoAlpha: 1, ease: Power1.easeIn });\n }).catch((err) => err);\n\n fetchCategories().then((data) => {\n if (typeof data === 'object') {\n this.setState({\n categories: data,\n });\n }\n }).catch((err) => err);\n }\n\n handleCategorySelect(filterText) {\n if (filterText == 'popular') {\n fetchPopularStyles().then((data) => {\n this.setState({ styles: data });\n }).catch((err) => err);\n } else {\n fetchCategoryStyles(filterText, this.state.limit).then((data) => {\n this.setState({ styles: data });\n }).catch((err) => err);\n }\n }\n\n handleCategoryChange(e) {\n this.handleCategorySelect(e.target.value);\n }\n\n render() {\n const hasStyles = this.state.styles.length > 0;\n return (\n
\n {!hasStyles &&\n \n }\n
\n
\n \n
\n
\n {hasStyles &&\n \n }\n
\n
\n
\n );\n }\n}\n\nFilter.propTypes = {\n categoryId: PropTypes.string,\n categories: PropTypes.array,\n};\n"],"sourceRoot":""}