{"version":3,"sources":["webpack:///./src/helpers.js","webpack:///./src/templates/modelpage.js"],"names":["GetParameterByName","name","url","window","location","href","replace","results","RegExp","exec","decodeURIComponent","urlB64ToUint8Array","base64String","base64","repeat","length","rawData","atob","outputArray","Uint8Array","i","charCodeAt","applicationServerPublicKey","props","slug","pageContext","modelName","model_name","options","siteid","blog","useState","def_nats","currentNats","setCurrentNats","isLoading","setIsLoading","isJoin","setIsJoin","imgArr","push","theSlider","useRef","featured","handleClick","j","useEffect","document","body","classList","add","remove","current","Swiper","slidesPerView","spaceBetween","on","init","navigation","nextEl","prevEl","breakpoints","768","640","natsLink","localStorage","setItem","getItem","changeOutNats","title","can","className","ref","map","image","key","onClick","src","alt","split","dangerouslySetInnerHTML","__html","theSlideInfo"],"mappings":"8FAAO,SAASA,EAAmBC,EAAMC,GAClCA,IAAKA,EAAMC,OAAOC,SAASC,MAChCJ,EAAOA,EAAKK,QAAQ,UAAW,QAC/B,IACEC,EADU,IAAIC,OAAO,OAASP,EAAO,qBACrBQ,KAAKP,GACvB,OAAKK,EACAA,EAAQ,GACNG,mBAAmBH,EAAQ,GAAGD,QAAQ,MAAO,MAD5B,GADH,KAKhB,SAASK,EAAmBC,GAOjC,IANA,IACMC,GAAUD,EADA,IAAIE,QAAQ,EAAKF,EAAaG,OAAS,GAAM,IACrBT,QAAQ,MAAO,KAAKA,QAAQ,KAAM,KAEpEU,EAAUb,OAAOc,KAAKJ,GACtBK,EAAc,IAAIC,WAAWH,EAAQD,QAElCK,EAAI,EAAGA,EAAIJ,EAAQD,SAAUK,EACpCF,EAAYE,GAAKJ,EAAQK,WAAWD,GAEtC,OAAOF,EApBT,sGAuBO,IAAMI,EACX,2F,kCCxBF,4FAOe,mBAAAC,GAWb,IAVA,IAAMnB,EAAWmB,EAAMnB,SACjBoB,EAAOD,EAAME,YAAYD,KACzBE,EAAYH,EAAME,YAAYE,WAC9BC,EAAUL,EAAME,YAAYG,QAC5BC,EAASN,EAAME,YAAYI,OAC3BC,EAAOP,EAAME,YAAYK,KANT,EAOgBC,mBAASR,EAAME,YAAYO,UAA1DC,EAPe,KAOFC,EAPE,OAQYH,oBAAS,GAApCI,EARe,KAQJC,EARI,OASML,oBAAS,GAA9BM,EATe,KASPC,EATO,KAUhBC,EAAS,GACNnB,EAAI,EAAGA,GAAK,EAAGA,IACtBmB,EAAOC,KAAP,IAAgBhB,EAAhB,UAA8BJ,EAA9B,QAEF,IAAMqB,EAAYC,iBAAO,MACnBC,EAAWD,iBAAO,MAElBE,EAAc,WAClBN,GAAU,SAAAO,GAAC,OAAKA,MAmElB,OAhEAC,qBAAU,WAOR,OANIT,EACFU,SAASC,KAAKC,UAAUC,IAAI,aAE5BH,SAASC,KAAKC,UAAUE,OAAO,aAG1B,kBAAMJ,SAASC,KAAKC,UAAUE,OAAO,gBAC3C,CAACd,IACJS,qBAAU,WAeFH,EAASS,UACXX,EAAUW,QAAU,IAAIC,IAAOV,EAASS,QAAS,CAE/CE,cAAe,EACfC,aAAc,GACdC,GAAI,CACFC,KAAM,WACJrB,GAAcD,KAGlBuB,WAAY,CACVC,OAAQ,sBACRC,OAAQ,uBAEVC,YAAa,CACXC,IAAK,CACHR,cAAe,GAEjBS,IAAK,CACHT,cAAe,OAjCH,WACpB,IAAIU,EAAWhE,YAAmB,QAClC,GAAMgE,EAGJ,OAFAC,aAAaC,QAAQ,UAAWF,QAChC9B,EAAe8B,GAGXC,aAAaE,QAAQ,YACzBjC,EAAe+B,aAAaE,QAAQ,YA2CxCC,KACC,IAGD,kBAAC,IAAD,CAAQhE,SAAUA,GAChB,kBAAC,IAAD,CAAKiE,MAAO3C,EAAW4C,IAAG,GAAK9C,IAC/B,yBAAK+C,UAAU,QACb,yBACEA,UAAWpC,EAAY,0BAA4B,mBACnDqC,IAAK7B,GAEL,yBAAK4B,UAAU,kBACZhC,EAAOkC,KAAI,SAACC,EAAOtD,GAClB,OACE,yBACEuD,IAAG,SAAWvD,EACdmD,UAAU,eACVK,QAAShC,GAET,yBAAKiC,IAAKH,EAAOI,IAAQpD,EAAL,SAAuBN,SAKnD,yBAAKmD,UAAU,uBACf,yBAAKA,UAAU,wBAEjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,aAAf,eACA,yBAAKA,UAAU,aACb,gCAAS7C,EAAUqD,MAAM,KAAK,IAAa,IAC1CrD,EAAUqD,MAAM,KAAK,GAAKrD,EAAUqD,MAAM,KAAK,GAAK,GAAI,IACxDrD,EAAUqD,MAAM,KAAK,GAAKrD,EAAUqD,MAAM,KAAK,GAAK,IAEvD,yBACER,UAAU,YACVS,wBAAyB,CAAEC,OAAQnD,KAErC,yBAAKyC,UAAU,SAASK,QAAShC,GAC/B,0BAAM2B,UAAU,kBACd,8BACE,uCACA,iFAuCR,yBAAKA,UAAU,eACb,oCACM,0CADN,SACmC,uCADnC,QAC6D,IAC3D,2CAFF,wBAIA,6HAMJ,kBAAC,IAAD,CACE3B,YAAaA,EACbpB,KAAMA,EACNK,OAAQA,EACRH,UAAWA,EACXM,SAAUC,EACVL,QAASA,EACTsD,aAAY","file":"component---src-templates-modelpage-js-440d51018cc8fee09dae.js","sourcesContent":["export function GetParameterByName(name, url) {\r\n  if (!url) url = window.location.href\r\n  name = name.replace(/[\\[\\]]/g, \"\\\\$&\")\r\n  var regex = new RegExp(\"[?&]\" + name + \"(=([^&#]*)|&|#|$)\"),\r\n    results = regex.exec(url)\r\n  if (!results) return null\r\n  if (!results[2]) return \"\"\r\n  return decodeURIComponent(results[2].replace(/\\+/g, \" \"))\r\n}\r\n\r\nexport function urlB64ToUint8Array(base64String) {\r\n  const padding = \"=\".repeat((4 - (base64String.length % 4)) % 4)\r\n  const base64 = (base64String + padding).replace(/\\-/g, \"+\").replace(/_/g, \"/\")\r\n\r\n  const rawData = window.atob(base64)\r\n  const outputArray = new Uint8Array(rawData.length)\r\n\r\n  for (let i = 0; i < rawData.length; ++i) {\r\n    outputArray[i] = rawData.charCodeAt(i)\r\n  }\r\n  return outputArray\r\n}\r\n\r\nexport const applicationServerPublicKey =\r\n  \"BOR6h4Ki7Z0bQ0KVpiWls6EOb04LLTZyDvZRMNLrdCiWlBKj19xNFa9QUKT-aKrS0fGOp08q_GsYJ_MwNPHF-40\"\r\n","import React, { useRef, useState, useEffect } from \"react\"\r\nimport Swiper from \"swiper\"\r\nimport Layout from \"../components/layout\"\r\nimport { GetParameterByName } from \"../helpers\"\r\nimport Join from \"../components/join\"\r\nimport SEO from \"../components/seo\"\r\n\r\nexport default props => {\r\n  const location = props.location\r\n  const slug = props.pageContext.slug\r\n  const modelName = props.pageContext.model_name\r\n  const options = props.pageContext.options\r\n  const siteid = props.pageContext.siteid\r\n  const blog = props.pageContext.blog\r\n  const [currentNats, setCurrentNats] = useState(props.pageContext.def_nats)\r\n  const [isLoading, setIsLoading] = useState(true)\r\n  const [isJoin, setIsJoin] = useState(false)\r\n  const imgArr = []\r\n  for (let i = 1; i <= 6; i++) {\r\n    imgArr.push(`/${slug}-slide-${i}.jpg`)\r\n  }\r\n  const theSlider = useRef(null)\r\n  const featured = useRef(null)\r\n\r\n  const handleClick = () => {\r\n    setIsJoin(j => !j)\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (isJoin) {\r\n      document.body.classList.add(\"show_form\")\r\n    } else {\r\n      document.body.classList.remove(\"show_form\")\r\n    }\r\n\r\n    return () => document.body.classList.remove(\"show_form\")\r\n  }, [isJoin])\r\n  useEffect(() => {\r\n    const changeOutNats = () => {\r\n      let natsLink = GetParameterByName(\"nats\")\r\n      if (!!natsLink) {\r\n        localStorage.setItem(\"nats_af\", natsLink)\r\n        setCurrentNats(natsLink)\r\n        return\r\n      }\r\n      if (!!localStorage.getItem(\"nats_af\")) {\r\n        setCurrentNats(localStorage.getItem(\"nats_af\"))\r\n        return\r\n      }\r\n      return\r\n    }\r\n    const FeaturedSwiper = () => {\r\n      if (featured.current) {\r\n        theSlider.current = new Swiper(featured.current, {\r\n          //slidesPerView: \"auto\",\r\n          slidesPerView: 6,\r\n          spaceBetween: 15,\r\n          on: {\r\n            init: function() {\r\n              setIsLoading(!isLoading)\r\n            },\r\n          },\r\n          navigation: {\r\n            nextEl: \".swiper-button-next\",\r\n            prevEl: \".swiper-button-prev\",\r\n          },\r\n          breakpoints: {\r\n            768: {\r\n              slidesPerView: 3,\r\n            },\r\n            640: {\r\n              slidesPerView: 1,\r\n            },\r\n          },\r\n          // virtual: {\r\n          //   slides: data,\r\n          //   renderExternal(data) {\r\n          //     setVirtualData(data)\r\n          //   },\r\n          // },\r\n        })\r\n      }\r\n    }\r\n    // const imgArr = []\r\n    // for (let i = 1; i <= 6; i++) {\r\n    //   imgArr.push(`${slug}-slide-${i}.jpg`)\r\n    // }\r\n    // console.log(\"giving it this\", featured.current)\r\n    FeaturedSwiper()\r\n    changeOutNats()\r\n  }, [])\r\n\r\n  return (\r\n    <Layout location={location}>\r\n      <SEO title={modelName} can={`${slug}`} />\r\n      <div className=\"main\">\r\n        <div\r\n          className={isLoading ? \"swiper-container noshow\" : \"swiper-container\"}\r\n          ref={featured}\r\n        >\r\n          <div className=\"swiper-wrapper\">\r\n            {imgArr.map((image, i) => {\r\n              return (\r\n                <div\r\n                  key={`slideM${i}`}\r\n                  className=\"swiper-slide\"\r\n                  onClick={handleClick}\r\n                >\r\n                  <img src={image} alt={`${modelName} pic #${i}`} />\r\n                </div>\r\n              )\r\n            })}\r\n          </div>\r\n          <div className=\"swiper-button-next\"></div>\r\n          <div className=\"swiper-button-prev\"></div>\r\n        </div>\r\n        <div className=\"intro_inform\">\r\n          <div className=\"head_text\">presents...</div>\r\n          <div className=\"head_name\">\r\n            <strong>{modelName.split(\" \")[0]}</strong>{\" \"}\r\n            {modelName.split(\" \")[1] ? modelName.split(\" \")[1] : \"\"}{\" \"}\r\n            {modelName.split(\" \")[2] ? modelName.split(\" \")[2] : \"\"}\r\n          </div>\r\n          <div\r\n            className=\"head_desc\"\r\n            dangerouslySetInnerHTML={{ __html: blog }}\r\n          />\r\n          <div className=\"bottom\" onClick={handleClick}>\r\n            <span className=\"button_section\">\r\n              <span>\r\n                <b>join now</b>\r\n                <small>Access my video library + direct messaging</small>\r\n              </span>\r\n            </span>\r\n          </div>\r\n        </div>\r\n        {/* <div className=\"intro_list\">\r\n          <div className=\"holder\">\r\n            <div className=\"item\">\r\n              <i className=\"icon-circle-plus\"></i>\r\n              <span>\r\n                <strong>100% Uncensored</strong> Snaps\r\n              </span>\r\n            </div>\r\n            <div className=\"item\">\r\n              <i className=\"icon-circle-plus\"></i>\r\n              <span>Solo w/Toys</span>\r\n            </div>\r\n            <div className=\"item\">\r\n              <i className=\"icon-circle-plus\"></i>\r\n              <span>Public</span>\r\n            </div>\r\n            <div className=\"item\">\r\n              <i className=\"icon-circle-plus\"></i>\r\n              <span>Personal Videos</span>\r\n            </div>\r\n            <div className=\"item\">\r\n              <i className=\"icon-circle-plus\"></i>\r\n              <span>Multiple updates a week</span>\r\n            </div>\r\n            <div className=\"item\">\r\n              <i className=\"icon-circle-plus\"></i>\r\n              <span>Chat with me personally</span>\r\n            </div>\r\n            <div className=\"item\">\r\n              <i className=\"icon-circle-plus\"></i>\r\n              <span>BTS</span>\r\n            </div>\r\n          </div>\r\n        </div> */}\r\n        <div className=\"bottom_more\">\r\n          <div>\r\n            Add <strong>Beauty</strong>, Add <strong>Fun</strong>, Add{\" \"}\r\n            <strong>Friends</strong> to your life today.\r\n          </div>\r\n          <small>\r\n            Exclusive access to the friends you've always wanted and new ones\r\n            you didn't know about.\r\n          </small>\r\n        </div>\r\n      </div>\r\n      <Join\r\n        handleClick={handleClick}\r\n        slug={slug}\r\n        siteid={siteid}\r\n        modelName={modelName}\r\n        def_nats={currentNats}\r\n        options={options}\r\n        theSlideInfo={`0.0`}\r\n      />\r\n    </Layout>\r\n  )\r\n}\r\n\r\n// export const query = graphql`\r\n//   query($slug: String!) {\r\n//     allMysqlSites(filter: { site_name: { eq: $slug } }) {\r\n//       edges {\r\n//         node {\r\n//           free_snapchat\r\n//           site_name\r\n//           site_url\r\n//           mysqlId\r\n//         }\r\n//       }\r\n//     }\r\n//   }\r\n// `\r\n"],"sourceRoot":""}