{"version":3,"sources":["webpack:///./src/components/swiperslideref.js","webpack:///./src/templates/modelsriver.js","webpack:///./src/helpers.js","webpack:///./src/components/loader.js","webpack:///./src/components/swiperslide.js","webpack:///./src/constants/api.js"],"names":["SwiperSlideRef","props","randomNumber","min","max","Math","random","river","topOffSet","handleClick","popSnapCode","useState","volume","setVolume","likes","chats","round","videoRef","useRef","useEffect","observer","IntersectionObserver","e","vid","auto","isIntersecting","target","play","then","_","catch","error","console","log","pause","autoplay","rootMargin","threshold","observe","current","disconnect","className","style","top","to","site","site_url","src","alt","site_name","onClick","type","free_snapchat","msg","created_at","controls","loop","muted","playsInline","preload","ref","file_name","RiverSlider","g","slug","pageContext","snapchat","freesnapchat","modelName","model_name","options","siteid","maybe","isLoading","setIsLoading","slideInfo","setSlideInfo","showSnapCode","setShowSnapCode","allSlides","setAllSlides","start","end","currentLoc","setCurrentLoc","def_nats","currentNats","setCurrentNats","isJoin","setIsJoin","document","body","classList","add","remove","riverID","realIndex","j","offset","from","slides","isDesktop","virtualData","setVirtualData","natsLink","GetParameterByName","localStorage","setItem","getItem","changeOutNats","location","hash","fetch","Constants","RIVER","res","json","data","window","innerWidth","documentElement","clientWidth","getElementsByTagName","Swiper","direction","preloadImages","on","init","virtual","renderExternal","addSlidesBefore","addSlidesAfter","makeSmaller","slice","c","isRiver","title","can","map","key","id","length","theSlideInfo","name","url","href","replace","results","RegExp","exec","decodeURIComponent","urlB64ToUint8Array","base64String","base64","repeat","rawData","atob","outputArray","Uint8Array","i","charCodeAt","applicationServerPublicKey","Loader","SwiperSlide","river_type","autoPlay","API","SUPPORT","AVATAR_URL","XSRF"],"mappings":"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","file":"component---src-templates-modelsriver-js-365c3c5e39bc485c4290.js","sourcesContent":["import React, { useState, useRef, useEffect } from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nconst SwiperSlideRef = props => {\r\n  const randomNumber = (min, max) => {\r\n    return Math.random() * (+max - +min) + +min\r\n  }\r\n  const { river, topOffSet, handleClick, popSnapCode } = props\r\n  const [volume, setVolume] = useState(false)\r\n  const [likes] = useState(() => randomNumber(1, 9))\r\n  const [chats] = useState(() => Math.round(randomNumber(10, 99)))\r\n  // const [views] = useState(() => Math.round(randomNumber(3893, 9999)))\r\n  const videoRef = useRef(null)\r\n  const addMySnapChat = () => {\r\n    popSnapCode(river.site)\r\n  }\r\n  useEffect(() => {\r\n    const onIntersection = e => {\r\n      const vid = e[0]\r\n      let auto = true\r\n      if (vid.isIntersecting) {\r\n        let isGoingToPlay = vid.target.play()\r\n        isGoingToPlay\r\n          .then(_ => {\r\n            // Automatic playback started!\r\n            // Show playing UI.\r\n          })\r\n          .catch(error => {\r\n            console.log(\"videorror\", error)\r\n            // Auto-play was prevented\r\n            // Show paused UI.\r\n          })\r\n      } else {\r\n        vid.target.pause()\r\n        auto = false\r\n      }\r\n      vid.target.autoplay = auto\r\n    }\r\n    const config = {\r\n      rootMargin: \"50px 0px\",\r\n      threshold: 0.8,\r\n    }\r\n    let observer = new IntersectionObserver(onIntersection, config)\r\n    observer.observe(videoRef.current)\r\n    return () => observer.disconnect()\r\n  }, [])\r\n  const toggleVolume = () => {\r\n    setVolume(!volume)\r\n  }\r\n  return (\r\n    <div className=\"swiper-slide\" style={{ top: topOffSet }}>\r\n      <div className=\"side_navigation\">\r\n        <div className=\"row\">\r\n          <div className=\"user\">\r\n            <Link to={`/${river.site.site_url}`} className=\"item formView\">\r\n              <img\r\n                src={`https://static.addfriends.com/images/${river.site.site_url}.jpg`}\r\n                alt={river.site.site_name}\r\n              />\r\n            </Link>\r\n          </div>\r\n        </div>\r\n        <div className=\"row\">\r\n          <div className=\"item\" onClick={handleClick}>\r\n            <i className=\"icon-empty-heart\" />\r\n            <span>{Math.round(10 * likes) / 10}k</span>\r\n          </div>\r\n        </div>\r\n        <div className=\"row\">\r\n          <div className=\"item buttonMsg\" onClick={handleClick}>\r\n            <i className=\"icon-message\" />\r\n            <span>{chats}</span>\r\n          </div>\r\n        </div>\r\n        <div className=\"row\">\r\n          <button\r\n            type=\"button\"\r\n            className=\"button mVolume\"\r\n            onClick={toggleVolume}\r\n          >\r\n            <i className={volume ? \"icon-sound-full\" : \"icon-sound-off\"} />\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div className=\"user_information\">\r\n        <div className=\"name\" onClick={addMySnapChat}>\r\n          <i className=\"icon-snapchat\" />{\" \"}\r\n          {river.site.free_snapchat === \"none\"\r\n            ? river.site.site_name\r\n            : river.free_snapchat}\r\n        </div>\r\n        <div className=\"information\">{river.msg}</div>\r\n        <div className=\"bottom\">\r\n          {/* <div className=\"item\">\r\n            <span>{views}</span>k views |\r\n          </div>\r\n          <div className=\"item\">{river.length} | </div> */}\r\n          <div className=\"item\">{river.created_at}</div>\r\n        </div>\r\n      </div>\r\n      <div className=\"user_container\">\r\n        <video\r\n          className=\"cropeVideo\"\r\n          controls\r\n          loop\r\n          muted={!volume ? true : false}\r\n          playsInline\r\n          preload=\"auto\"\r\n          onClick={handleClick}\r\n          ref={videoRef}\r\n        >\r\n          <source\r\n            src={`https://static.addfriends.com/vids/${river.site.site_url}/${river.file_name}.mp4`}\r\n            type=\"video/mp4\"\r\n          />\r\n        </video>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default SwiperSlideRef\r\n","import React, { useEffect, useState, useRef } from \"react\"\r\nimport Swiper from \"swiper\"\r\nimport Constants from \"../constants/api\"\r\nimport Layout from \"../components/layout\"\r\nimport Loader from \"../components/loader\"\r\nimport Join from \"../components/join\"\r\nimport SwiperSlide from \"../components/swiperslide\"\r\nimport SwiperSlideRef from \"../components/swiperslideref\"\r\nimport SEO from \"../components/seo\"\r\nimport { GetParameterByName } from \"../helpers\"\r\nimport \"./river.css\"\r\n\r\nfunction RiverSlider(props) {\r\n  const g = useRef(null)\r\n  const videosPerLoad = 12\r\n  const slug = props.pageContext.slug\r\n  const snapchat = props.pageContext.freesnapchat\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 maybe = useRef(null)\r\n  const [isLoading, setIsLoading] = useState(true)\r\n  const [slideInfo, setSlideInfo] = useState(\"0.0\")\r\n  const [showSnapCode, setShowSnapCode] = useState(false)\r\n  const [allSlides, setAllSlides] = useState([])\r\n  const [currentLoc, setCurrentLoc] = useState({ start: 0, end: videosPerLoad })\r\n  const [currentNats, setCurrentNats] = useState(props.pageContext.def_nats)\r\n  const [isJoin, setIsJoin] = useState(false)\r\n  const popSnapCode = _ => {\r\n    setShowSnapCode(true)\r\n  }\r\n  const checkForshowSnap = () => {\r\n    if (\"location\" in props) {\r\n      if (props.location.hash === \"#snapchat\") {\r\n        setShowSnapCode(true)\r\n      }\r\n    }\r\n  }\r\n  const increaseSlides = () => {\r\n    const makeSmaller = allSlides.slice(currentLoc.start, currentLoc.end)\r\n    if (makeSmaller.length <= 0) {\r\n      setIsJoin(true)\r\n      return\r\n    }\r\n    setCurrentLoc(c => {\r\n      return { start: c.start + videosPerLoad, end: c.end + videosPerLoad }\r\n    })\r\n    setVirtualData({\r\n      ...virtualData,\r\n      slides: [...virtualData.slides, ...makeSmaller],\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  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 handleClick = riverID => {\r\n    if (\r\n      maybe &&\r\n      \"current\" in maybe &&\r\n      maybe.current &&\r\n      \"realIndex\" in maybe.current\r\n    ) {\r\n      setSlideInfo(`${riverID}.${maybe.current.realIndex}`)\r\n    } else {\r\n      setSlideInfo(`0.0`)\r\n    }\r\n    setIsJoin(j => !j)\r\n  }\r\n\r\n  const [virtualData, setVirtualData] = useState({\r\n    offset: 0,\r\n    from: 0,\r\n    to: 0,\r\n    slides: [],\r\n    isDesktop: false,\r\n  })\r\n\r\n  useEffect(() => {\r\n    changeOutNats()\r\n    checkForshowSnap()\r\n    const AFSwiper = data => {\r\n      setIsLoading(false)\r\n      if (g.current) {\r\n        maybe.current = new Swiper(g.current, {\r\n          direction: \"vertical\",\r\n          preloadImages: false,\r\n          on: {\r\n            init() {\r\n              setIsLoading(false)\r\n            },\r\n          },\r\n          virtual: {\r\n            slides: data,\r\n            renderExternal(data) {\r\n              setVirtualData(data)\r\n            },\r\n            addSlidesBefore: 1,\r\n            addSlidesAfter: 1,\r\n          },\r\n        })\r\n      }\r\n    }\r\n    fetch(`${Constants.RIVER}model-river/${siteid}`)\r\n      .then(res => res.json())\r\n      .then(res => {\r\n        const width =\r\n          window.innerWidth ||\r\n          document.documentElement.clientWidth ||\r\n          document.getElementsByTagName(\"body\")[0].clientWidth\r\n        if (width <= 768) {\r\n          AFSwiper(res)\r\n        } else {\r\n          setAllSlides(res)\r\n          const makeSmaller = res.slice(0, currentLoc.end)\r\n          setCurrentLoc(c => {\r\n            return {\r\n              start: c.start + videosPerLoad,\r\n              end: c.end + videosPerLoad,\r\n            }\r\n          })\r\n          setVirtualData({ slides: [...makeSmaller], isDesktop: true })\r\n          setIsLoading(false)\r\n        }\r\n      })\r\n  }, [])\r\n  return (\r\n    <Layout isRiver={true}>\r\n      <SEO title={`${modelName} Videos`} can={`${slug}/river`} />\r\n      {isLoading ? <Loader /> : null}\r\n      <div className=\"river swiper-container\" ref={g}>\r\n        <div className=\"swiper-wrapper\">\r\n          {virtualData.isDesktop\r\n            ? virtualData.slides.map(river => {\r\n                return (\r\n                  <SwiperSlideRef\r\n                    key={`${river.id}rhm`}\r\n                    river={river}\r\n                    topOffSet={virtualData.offset}\r\n                    handleClick={() => handleClick(`${river.id}`)}\r\n                    popSnapCode={popSnapCode}\r\n                  />\r\n                )\r\n              })\r\n            : virtualData.slides.map(river => {\r\n                return (\r\n                  <SwiperSlide\r\n                    key={`${river.id}rhm`}\r\n                    river={river}\r\n                    topOffSet={virtualData.offset}\r\n                    handleClick={() => handleClick(`${river.id}`)}\r\n                    popSnapCode={popSnapCode}\r\n                  />\r\n                )\r\n              })}\r\n        </div>\r\n        {virtualData.isDesktop ? (\r\n          <span className=\"loadMore\" onClick={increaseSlides}>\r\n            <span>\r\n              <b>Load More</b>\r\n              <small>{videosPerLoad} new videos loaded at a time</small>\r\n            </span>\r\n          </span>\r\n        ) : null}\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={slideInfo}\r\n      />\r\n      {showSnapCode ? (\r\n        <div className=\"showSnapCode\" onClick={() => setShowSnapCode(false)}>\r\n          <i className=\"icon-close\" onClick={() => setShowSnapCode(false)} />\r\n          <img src={`/${slug}-snapchat.svg`} alt=\"\" />\r\n          <h2>\r\n            My Free Snapchat Username is: <strong>{snapchat}</strong>\r\n          </h2>\r\n        </div>\r\n      ) : null}\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default RiverSlider\r\n","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 from \"react\"\r\nimport \"../loader.css\"\r\nconst Loader = () => {\r\n  return (\r\n    <div className=\"fullScreen\">\r\n      <div className=\"lds-ring\">\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Loader\r\n","import React, { useState } from \"react\"\r\n// import { Link } from \"gatsby\"\r\n\r\nconst SwiperSlide = props => {\r\n  const randomNumber = (min, max) => {\r\n    return Math.random() * (+max - +min) + +min\r\n  }\r\n  const { river, topOffSet, handleClick } = props\r\n  const [volume, setVolume] = useState(false)\r\n  const [likes] = useState(() => randomNumber(1, 9))\r\n  const [chats] = useState(() => Math.round(randomNumber(10, 99)))\r\n  // const [views] = useState(() => Math.round(randomNumber(3893, 9999)))\r\n  const toggleVolume = () => {\r\n    setVolume(!volume)\r\n  }\r\n\r\n  return (\r\n    <div className=\"swiper-slide\" style={{ top: topOffSet }}>\r\n      <div className=\"side_navigation\">\r\n        <div className=\"row\">\r\n          <div className=\"user\" onClick={handleClick}>\r\n            <img\r\n              src={`https://static.addfriends.com/images/${river.site.site_url}.jpg`}\r\n              alt={river.site.site_name}\r\n            />\r\n          </div>\r\n        </div>\r\n        <div className=\"row\">\r\n          <div className=\"item\" onClick={handleClick}>\r\n            <i className=\"icon-empty-heart\" />\r\n            <span>{Math.round(10 * likes) / 10}k</span>\r\n          </div>\r\n        </div>\r\n        <div className=\"row\">\r\n          <div className=\"item buttonMsg\" onClick={handleClick}>\r\n            <i className=\"icon-message\" />\r\n            <span>{chats}</span>\r\n          </div>\r\n        </div>\r\n        <div className=\"row\">\r\n          <button\r\n            type=\"button\"\r\n            className=\"button mVolume\"\r\n            onClick={toggleVolume}\r\n          >\r\n            <i className={volume ? \"icon-sound-full\" : \"icon-sound-off\"} />\r\n          </button>\r\n        </div>\r\n        {/* <div className=\"row\">\r\n          <div className=\"count_inform\">\r\n            <div className=\"col\">\r\n              <strong>{videoCount}</strong> <span>videos</span>\r\n            </div>\r\n          </div>\r\n        </div> */}\r\n      </div>\r\n      <div className=\"user_information\">\r\n        <div className=\"name\" onClick={handleClick}>\r\n          <strong> {river.site.site_name}</strong>\r\n        </div>\r\n        <div className=\"information\">{river.msg}</div>\r\n        <div className=\"bottom\">\r\n          {/* <div className=\"item\">\r\n            <span>{views}</span>k views\r\n          </div>\r\n          <div className=\"item\">{river.length}</div> */}\r\n\r\n          <div className=\"item\">{river.created_at}</div>\r\n        </div>\r\n      </div>\r\n      <div className=\"user_container\">\r\n        {river.river_type === \"photo\" ? (\r\n          <img\r\n            src={`https://static.addfriends.com/vids/${river.site.site_url}/${river.file_name}-river.jpg`}\r\n            alt={`Join ${river.site.site_name} Picture # ${river.id}`}\r\n          />\r\n        ) : (\r\n          <video\r\n            className=\"cropeVideo\"\r\n            autoPlay\r\n            loop\r\n            muted={!volume ? true : false}\r\n            playsInline\r\n            preload=\"auto\"\r\n            onClick={handleClick}\r\n          >\r\n            <source\r\n              src={`https://static.addfriends.com/vids/${river.site.site_url}/${river.file_name}.mp4`}\r\n              type=\"video/mp4\"\r\n            />\r\n          </video>\r\n        )}\r\n      </div>\r\n      {/* <div\r\n        className=\"user_container\"\r\n        onClick={handleClick}\r\n        dangerouslySetInnerHTML={{\r\n          __html: `\r\n        <video\r\n          loop\r\n          muted=${volume}\r\n          autoplay\r\n          playsinline\r\n          class=\"cropeVideo\"\r\n        ><source\r\n        src=${`https://static.addfriends.com/vids/${river.site.site_url}/${river.file_name}.mp4`}\r\n        type=\"video/mp4\"\r\n      /></video>\r\n      `,\r\n        }}\r\n      ></div> */}\r\n      {/* <div className=\"cta\">\r\n        <button className=\"thumb_btn\" onClick={handleClick}>\r\n          Click to <strong>join</strong>\r\n        </button>\r\n      </div> */}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default SwiperSlide\r\n","const API = {\r\n  SUPPORT: \"https://addfriends.com/support-KSEU/\",\r\n  RIVER: \"https://addfriends.com/brains/\",\r\n  AVATAR_URL: \"https://static.addfriends.com/images/sites/\",\r\n  XSRF:\r\n    \"&f4&Q4!!euCxjx&&VNPH71SBJujUg0J#XDK7Q8Xn9QSTtKenPQTG3j&A^JrtjyY9su3*hLLK1S\",\r\n}\r\nexport default API\r\n"],"sourceRoot":""}