{"version":3,"sources":["webpack:///./src/components/Select/Select.module.scss","webpack:///./src/components/ModelCard/ModelCard.jsx","webpack:///./src/components/ModelCard/index.jsx","webpack:///./src/components/PartnersLinks/PartnersLinks.module.scss","webpack:///./src/templates/ModelList/ModelList.module.scss","webpack:///./src/components/PartnersLinks/PartnersLinks.jsx","webpack:///./src/components/PartnersLinks/index.jsx","webpack:///./src/components/Select/Select.jsx","webpack:///./src/components/Select/index.js","webpack:///./src/components/ModelCard/ModelCard.module.scss","webpack:///./node_modules/core-js/modules/es6.string.link.js","webpack:///./src/templates/ModelList/PopularModels.jsx"],"names":["module","exports","Card","data","useState","isHovering","setIsHovering","className","styles","modelCard","thumbnail","to","slug","onMouseEnter","onMouseLeave","aria-label","primaryAka","nickname","fluid","profilePicture","childImageSharp","aspectRatio","thumbnailImg","cx","nicknameActive","rating","starEmptyColor","starRatedColor","starDimension","starSpacing","ModelCard","PartnersLinks","links","list","map","link","idx","key","href","url","target","rel","name","Select","selected","options","showOptions","toggleOptions","handleOptionsClose","document","removeEventListener","useEffect","addEventListener","select","selectedActive","onClick","text","Icon","icon","caretIcon","optionList","option","optionItem","createHTML","this","query","PopularModelsPage","models","siteMetadata","site","banner","breadcrumb","siteUrl","sloppyPartners","title","description","keywords","imagePath","publicURL","imageAlt","pagePath","robots","modelListScreen","titleBlock","sectionTitle","sectionFilter","modelsBlock","nodes","model","length","partnersLinksBlock"],"mappings":"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","file":"component---src-templates-model-list-popular-models-jsx-5ba1d072163940a14727.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"select\":\"Select-module--select--1I4zw\",\"selected\":\"Select-module--selected--3asxt\",\"selectedActive\":\"Select-module--selected-active--1ejF8\",\"optionList\":\"Select-module--option-list--2tgiq\",\"optionItem\":\"Select-module--option-item--1FA6c\",\"caretIcon\":\"Select-module--caret-icon--2BRQd\"};","import React, { useState } from 'react'\r\nimport { Link } from 'gatsby'\r\nimport Img from 'gatsby-image'\r\nimport cx from 'classnames'\r\nimport StarRatings from 'react-star-ratings'\r\n\r\nimport styles from './ModelCard.module.scss'\r\n\r\nconst Card = ({ data }) => {\r\n  const [isHovering, setIsHovering] = useState(false)\r\n\r\n  return (\r\n    <article className={styles.modelCard} >\r\n      <Link className={styles.thumbnail} to={`/models/${data.slug}/`} onMouseEnter={() => setIsHovering(true)} onMouseLeave={() => setIsHovering(false)} aria-label={data.primaryAka.nickname}>\r\n        <Img fluid={{...data.profilePicture.childImageSharp.fluid, aspectRatio: 18/23 }} className={styles.thumbnailImg} />\r\n      </Link>\r\n\r\n      <Link to={`/models/${data.slug}/`} className={cx(styles.nickname, { [styles.nicknameActive]: isHovering })}>\r\n        <h1>{data.primaryAka.nickname}</h1>\r\n      </Link>\r\n      <div className={styles.rating}>\r\n        <StarRatings\r\n          rating={data.rating}\r\n          starEmptyColor=\"#535353\"\r\n          starRatedColor=\"#EBEBEB\"\r\n          starDimension=\".8125rem\"\r\n          starSpacing=\".01rem\"\r\n        />\r\n      </div>\r\n    </article>\r\n  )\r\n}\r\n\r\nexport default Card","import ModelCard from './ModelCard'\r\nexport default ModelCard","// extracted by mini-css-extract-plugin\nmodule.exports = {\"list\":\"PartnersLinks-module--list--1bDeB\",\"link\":\"PartnersLinks-module--link--2dMhM\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modelListScreen\":\"ModelList-module--model-list-screen--W99Q7\",\"titleBlock\":\"ModelList-module--title-block--3WOBX\",\"sectionTitle\":\"ModelList-module--section-title--1M9S7\",\"modelsBlock\":\"ModelList-module--models-block--3MJnl\",\"partnersLinksBlock\":\"ModelList-module--partners-links-block--2kZRS\"};","import React from 'react'\r\n\r\nimport styles from './PartnersLinks.module.scss'\r\n\r\nconst PartnersLinks = ({ links }) => {\r\n  return (\r\n    <ul className={styles.list}>\r\n      {links.map((link, idx) => <li key={idx}><a className={styles.link} href={link.url} target='_blank' rel='noopener'>{link.name}</a></li>)}\r\n    </ul>\r\n  )\r\n}\r\n\r\nexport default PartnersLinks","import PartnersLinks from './PartnersLinks'\r\nexport default PartnersLinks","import React, { useState, useEffect } from 'react'\r\nimport { Link } from 'gatsby'\r\nimport cx from 'classnames'\r\n\r\nimport Icon from 'components/Icon'\r\n\r\nimport styles from './Select.module.scss'\r\n\r\nconst Select = ({ selected, options }) => {\r\n  const [showOptions, toggleOptions] = useState(false)\r\n\r\n  const handleOptionsClose = () => {\r\n    toggleOptions(false)\r\n    document.removeEventListener('click', handleOptionsClose)\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (showOptions) {\r\n      document.addEventListener('click', handleOptionsClose);\r\n    }\r\n  }, [showOptions])\r\n\r\n  return (\r\n    <div className={styles.select}>\r\n      <div className={cx(styles.selected, {[styles.selectedActive]: showOptions})} onClick={() => toggleOptions(!showOptions)}>\r\n        {options[selected].text}\r\n        { showOptions\r\n          ? <Icon icon={['fas', 'caret-up']} className={styles.caretIcon} />\r\n          : <Icon icon={['fas', 'caret-down']} className={styles.caretIcon} />\r\n        }\r\n      </div>\r\n      { showOptions && \r\n        <div className={styles.optionList}>\r\n          {options.map((option, idx) => <Link key={idx} className={styles.optionItem} to={option.to}>{option.text}</Link>)}\r\n        </div>\r\n      }\r\n    </div>\r\n  )\r\n\r\n}\r\n\r\nexport default Select","import Select from './Select'\r\nexport default Select","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modelCard\":\"ModelCard-module--model-card--12Khm\",\"thumbnail\":\"ModelCard-module--thumbnail--15Av7\",\"nickname\":\"ModelCard-module--nickname--3JDSv\",\"nicknameActive\":\"ModelCard-module--nickname-active--nsyCo\",\"rating\":\"ModelCard-module--rating--2Wv16\"};","'use strict';\n// B.2.3.10 String.prototype.link(url)\nrequire('./_string-html')('link', function (createHTML) {\n  return function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  };\n});\n","import React from 'react'\r\nimport { graphql } from 'gatsby'\r\n\r\nimport SEO from 'components/SEO'\r\nimport Select from 'components/Select'\r\nimport ModelCard from 'components/ModelCard'\r\nimport PartnersLinks from 'components/PartnersLinks'\r\n\r\nimport styles from './ModelList.module.scss'\r\n\r\nconst PopularModelsPage = ({ data }) => {\r\n  const { models, site: { siteMetadata }, banner } = data\r\n\r\n  const breadcrumb = {\r\n    '@context': 'http://schema.org',\r\n    '@type': 'BreadcrumbList',\r\n    'itemListElement': [\r\n      {\r\n        \"@type\": \"ListItem\",\r\n        \"position\": 1,\r\n        \"item\": {\r\n          \"@id\": `${siteMetadata.siteUrl}/models/`,\r\n          \"name\": \"Models\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"ListItem\",\r\n        \"position\": 2,\r\n        \"item\": {\r\n          \"@id\": `${siteMetadata.siteUrl}/models/popular/`,\r\n          \"name\": \"Most popular\"\r\n        }\r\n      },\r\n    ]\r\n  }\r\n\r\n  const sloppyPartners = [\r\n    {name: 'SONXXX', url: 'https://xxxvideoson.com/category/sonxxx/'},\r\n  ]\r\n  \r\n  return (\r\n    <>\r\n    <SEO\r\n      breadcrumb={breadcrumb}\r\n      title={`Choose your favorite webcam girl and join her live sex cam show | SloppyDeep`}\r\n      description={`Discover the most popular live cam models right here on the best cam girl tube. SloppyDeep has the biggest archive of cam models ready to have fun with you all night. Choose your favorite and start the live show now!`}\r\n      keywords={`best cam models, hottest cam girls, best cam girl videos, camgirl tube, hottest cam girls, most popular camgirls`}\r\n      imagePath={banner.publicURL}\r\n      imageAlt={'redhead teen cam girl wearing pink lingerie and posing sexy'}\r\n      pagePath={`/models/popular/`}\r\n      robots='index, follow'\r\n    />\r\n    <main className={`${styles.modelListScreen} screen-container`}>\r\n      <div className={styles.titleBlock}>\r\n        <div className={styles.sectionTitle}>Our Models</div>\r\n        <div className={styles.sectionFilter}>\r\n          <Select selected={1} options={[{ text: 'Latest', to: '/models/' }, { text: 'Popular', to: '/models/popular/' }]} />\r\n        </div>\r\n      </div>\r\n      <div className={`${styles.modelsBlock} model-cards-container`}>\r\n        {models.nodes.map((model, idx) => <ModelCard key={idx} data={model} />)}\r\n      </div>\r\n\r\n      {sloppyPartners.length > 0 &&\r\n        <>\r\n          <div className={styles.titleBlock}>Sloppy Partners</div>\r\n          <div className={styles.partnersLinksBlock}>\r\n            <PartnersLinks links={sloppyPartners} />\r\n          </div>\r\n        </>\r\n      }\r\n\r\n    </main>\r\n    </>\r\n  )\r\n}\r\n\r\nexport const query = graphql`\r\n  query PopularModelsPageQuery {\r\n\r\n    banner: file(\r\n      relativeDirectory: {regex: \"/seo-banner/\"},\r\n      name: {eq: \"home\"}\r\n    ) {\r\n      publicURL\r\n    }\r\n\r\n    models: allSloppyDeepModel(sort: {fields: rating, order: DESC}) {\r\n      nodes {\r\n        slug\r\n        primaryAka {\r\n          nickname\r\n        }\r\n        profilePicture {\r\n          childImageSharp {\r\n            fluid(maxWidth: 353, maxHeight: 450, quality: 80, cropFocus: CENTER) {\r\n              ...GatsbyImageSharpFluid_withWebp_noBase64\r\n            }\r\n          }\r\n        }\r\n        rating\r\n      }\r\n    }\r\n\r\n    site {\r\n      siteMetadata {\r\n        siteUrl\r\n      }\r\n    }\r\n  \r\n  }\r\n`\r\n\r\nexport default PopularModelsPage\r\n"],"sourceRoot":""}