{"version":3,"sources":["services/analytics.js","services/sharing.js","services/data.js","stores/application.store.jsx","components/Animations/ProgressBar/ProgressBar.jsx","components/TopBar/TopBar.jsx","components/Animations/Phone/Phone.jsx","components/Pages/Home/Home.jsx","components/Footer/Footer.jsx","components/Animations/Megaphone/Megaphone.jsx","components/Pages/ThankYou/ThankYou.jsx","components/Animations/Loader/Loader.jsx","components/SongCube/SongCube.jsx","components/Pages/Songs/Songs.jsx","components/ArtistCube/ArtistCube.jsx","components/Pages/Artists/Artists.jsx","components/BestOfCube/BestOfCube.jsx","services/urls.js","services/api.js","components/Pages/BestOf/BestOf.jsx","components/Animations/Carousel/Carousel.jsx","components/PageView/PageView.jsx","components/App.js","index.js"],"names":["ga_push","event","category","action","label","data","Category","Action","Label","window","dataLayer","push","location","href","includes","console","log","urlToShare","shareFacebook","open","encodeURIComponent","shareWhatsapp","url","innerWidth","openNegishut","document","getElementById","click","shuffle","a","i","length","j","Math","floor","random","AppContext","createContext","Provider","AppProvider","children","useState","bestSinger","setBestSinger","bestSongs","setBestSongs","bestArtists","setBestArtists","didChoose","setDidChoose","afterLastDate","setAfterLastDate","shareOpen","setShareOpen","pageView","setPageView","votingTextPrimary","setVotingTextPrimary","votingTextSecondary","setVotingTextSecondary","songsCubeShowing","setSongsCubeShowing","songPlaying","setSongPlaying","currentAudioTime","setAudioInterval","currentAudioDuration","setAudioDuration","songPercentage","setSongPercentage","prevSong","setPrevSong","flickAnimation","setFlickAnimation","songElement","setSongElement","didFill","setDidFill","useEffect","Songs","Artists","BestOf","audioElement","addEventListener","target","duration","currentTime","pause","filter","k","ID","Link","play","virtualPageURL","virtualPageTitle","scrollTo","indexOf","state","actions","toggleBestArtistVote","id","index","arr","sort","b","toggleSongVote","value","ProgressBar","props","useContext","items","setItems","canAccess","setCanAccess","barType","SetState","PressedBar","setTimeout","className","onClick","title","item","map","key","TopBar","menu","useRef","ref","Phone","Home","Footer","Megaphone","ThankYou","Loader","percent","setPercent","songId","circleConfig","viewBox","cx","cy","r","fill","stroke","strokeDasharray","strokeDashoffset","SongCube","PlaySongPress","song","find","x","ArtistName","SongName","current","src","stopPropagation","cubeRef","e","style","display","playsInline","loop","preload","controls","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","parseInt","replace","root","threshhold","rootMargin","querySelectorAll","li","observe","slice","ArtistCube","artist","Name","BestOfCube","singers","Environment","SendVote","localStorage","setItem","fetch","method","headers","body","JSON","stringify","json","then","btnRef","SendForm","grecaptcha","reset","Submit","songName","artistName","best","SingerVotes","SongVotes","BestOfVote","alert","smoothscroll","polyfill","script","createElement","type","async","getElementsByTagName","appendChild","sendFormViaCaptcha","scrollIntoView","behavior","block","inline","classList","add","remove","data-callback","data-size","data-sitekey","Carousel","carRef","pageName","height","querySelector","clientHeight","PageView","mainSection","voteOver","getItem","App","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.41592b3f.chunk.js","sourcesContent":["const ga_push = (event, category, action, label) => {\r\n    var data = {\r\n      event: event,\r\n      Category: category,\r\n      Action: action,\r\n      Label: label,\r\n    };\r\n    if (window.dataLayer) {\r\n      window.dataLayer.push(data);\r\n    }\r\n    if (\r\n      window.location.href.includes(\"localhost\") ||\r\n      window.location.href.includes(\"qa\")\r\n    ) {\r\n      console.log(data)\r\n    }\r\n  };\r\n  \r\n  export { ga_push };\r\n  ","import { ga_push } from \"./analytics\";\r\nvar urlToShare = \"https://z.ynet.co.il/mShort/content/2020/glgltz/\";\r\n\r\nconst shareFacebook = () => {\r\n  ga_push(\"share_events\", \"Social\", \"Share From Header\", \"Facebook\")\r\n  var url =\r\n    urlToShare +\r\n    \"?utm_source=ynet.co.il&utm_medium=social&utm_campaign=facebook\";\r\n  window.open(\r\n    \"http://www.facebook.com/share.php?u=\" + encodeURIComponent(url),\r\n    \"_blank\"\r\n  );\r\n};\r\n\r\nconst shareWhatsapp = () => {\r\n  ga_push(\"share_events\", \"Social\", \"Share From Header\", \"Whatsapp\")\r\n  \r\n  var url =\r\n    urlToShare +\r\n    \"?utm_source=ynet.co.il&utm_medium=social&utm_campaign=whatsapp\";\r\n  if (window.innerWidth < 768) {\r\n    window.open(\"whatsapp://send?text=\" + encodeURIComponent(url), \"_parent\");\r\n  } else {\r\n    window.open(\r\n      \"https://web.whatsapp.com/send?phone=&text=\" + encodeURIComponent(url),\r\n      \"_blank\"\r\n    );\r\n  }\r\n};\r\n\r\nconst openNegishut = () => {\r\n  window.document.getElementById(\"INDmenu-btn\").click();\r\n};\r\nexport { shareFacebook, shareWhatsapp, openNegishut };\r\n","const shuffle = (a) => {\r\n  for (let i = a.length - 1; i > 0; i--) {\r\n    const j = Math.floor(Math.random() * (i + 1));\r\n    [a[i], a[j]] = [a[j], a[i]];\r\n  }\r\n  return a;\r\n};\r\nexport { shuffle };\r\n","import React, { useState, createContext, useEffect } from \"react\";\r\nimport data from \"../static/data/data.json\";\r\nimport { createHashHistory } from \"history\";\r\nimport { shuffle } from \"../services/data\";\r\nimport { ga_push } from \"../services/analytics\";\r\nconst AppContext = createContext();\r\nconst { Provider } = AppContext;\r\n\r\nconst AppProvider = ({ children }) => {\r\n  /* ==============\r\n      STATES\r\n     ==============*/\r\n  const [bestSinger, setBestSinger] = useState([0]);\r\n  const [bestSongs, setBestSongs] = useState([0, 0, 0, 0, 0, 0, 0, 0, 0, 0]);\r\n  const [bestArtists, setBestArtists] = useState([0, 0, 0]);\r\n  const [didChoose, setDidChoose] = useState(false);\r\n  const [afterLastDate, setAfterLastDate] = useState(false);\r\n  const [shareOpen, setShareOpen] = useState(false);\r\n  const [pageView, setPageView] = useState(0);\r\n  const [votingTextPrimary, setVotingTextPrimary] = useState(\"\");\r\n  const [votingTextSecondary, setVotingTextSecondary] = useState(\"\");\r\n  const [songsCubeShowing, setSongsCubeShowing] = useState([]);\r\n  const [songPlaying, setSongPlaying] = useState(0);\r\n  const [currentAudioTime, setAudioInterval] = useState(0);\r\n  const [currentAudioDuration, setAudioDuration] = useState(0);\r\n  const [songPercentage, setSongPercentage] = useState(0);\r\n  const [prevSong, setPrevSong] = useState(0);\r\n  const [flickAnimation, setFlickAnimation] = useState(false);\r\n  const [songElement, setSongElement] = useState(null);\r\n  const [lastSong, setLastSong] = useState(\"\");\r\n  const [didFill, setDidFill] = useState({\r\n    bestSinger: false,\r\n    bestArtists: false,\r\n    bestSongs: false,\r\n  });\r\n\r\n  /* ==============\r\n      USE EFFECTS\r\n     ==============*/\r\n  //randomizes all values\r\n  useEffect(() => {\r\n    if(!window.location.href.includes(\"https\") && !window.location.href.includes(\"local\") && !window.location.href.includes(\"source\")){\r\n      window.location = \"https://z.ynet.co.il/mShort/content/2020/glgltz/\";\r\n    }\r\n    shuffle(data.Songs);\r\n    shuffle(data.Artists);\r\n    shuffle(data.BestOf);\r\n\r\n\r\n\r\n  }, []);\r\n\r\n  //song play management\r\n  useEffect(() => {\r\n    if (!songElement)\r\n      return;\r\n\r\n    let audioElement = songElement;\r\n\r\n    audioElement.addEventListener(\"loadedmetadata\", (event) => {\r\n      setAudioDuration(event.target.duration);\r\n    });\r\n    audioElement.addEventListener(\"timeupdate\", (event) => {\r\n      // setAudioDuration(event.target.duration);\r\n      setAudioInterval(event.target.currentTime);\r\n    });\r\n    audioElement.addEventListener(\"ended\", (event) => {\r\n      setAudioInterval(0);\r\n      setSongPercentage(0);\r\n      setSongPlaying(0);\r\n    });\r\n\r\n    // if (!document.getElementById(\"tmp_audio\")) {\r\n    //   audioElement = document.createElement(\"video\");\r\n    //   audioElement.id = \"tmp_audio\";\r\n    //   audioElement.setAttribute(\"playsinline\", \"playsinline\");\r\n    //   audioElement.setAttribute(\"controls\", \"controls\");\r\n    //   audioElement.setAttribute(\"preload\", \"preload\");\r\n    //   audioElement.addEventListener(\"loadedmetadata\", (event) => {\r\n    //     setAudioDuration(event.target.duration);\r\n    //   });\r\n    //   audioElement.addEventListener(\"timeupdate\", (event) => {\r\n    //     setAudioInterval(event.target.currentTime);\r\n    //   });\r\n    //   audioElement.addEventListener(\"ended\", (event) => {\r\n    //     setAudioInterval(0);\r\n    //     setSongPercentage(0);\r\n    //     setSongPlaying(0);\r\n    //   });\r\n    //   document.body.appendChild(audioElement);\r\n    // }\r\n    // audioElement = document.getElementById(\"tmp_audio\");\r\n\r\n    if (songPlaying == 0 && audioElement) audioElement.pause();\r\n\r\n    let currentSong = data.Songs.filter((k) => k.ID == songPlaying)[0]?.Link;\r\n    if (!currentSong) return;\r\n\r\n    // if (lastSong != currentSong) {\r\n    //   setAudioDuration(0);\r\n    //   setAudioInterval(0);\r\n    //   setLastSong(currentSong);\r\n    //   // audioElement.src = currentSong;\r\n    // }\r\n\r\n    audioElement.currentTime = currentAudioTime;\r\n    if (prevSong != songPlaying) {\r\n      audioElement.currentTime = 0;\r\n      setAudioDuration(0);\r\n      setAudioInterval(0);\r\n      setPrevSong(songPlaying);\r\n    }\r\n\r\n    audioElement.pause();\r\n    audioElement.play();\r\n  }, [songPlaying]);\r\n\r\n\r\n  const playAudio = () => {\r\n    let audioCtx = new (window.AudioContext || window.webkitAudioContext)();\r\n    let xhr = new XMLHttpRequest();\r\n    xhr.open('GET', 'https://besttv228-progressive-video-ynet.cdn.it.best-tv.com/0820/8e166970895e156f32dc5fb5e3683b6d-hd480.mp4');\r\n    xhr.responseType = 'arraybuffer';\r\n    xhr.addEventListener('load', () => {\r\n      let playsound = (audioBuffer) => {\r\n        let source = audioCtx.createBufferSource();\r\n        source.buffer = audioBuffer;\r\n        source.connect(audioCtx.destination);\r\n        source.loop = false;\r\n        source.start();\r\n      };\r\n\r\n      audioCtx.decodeAudioData(xhr.response).then(playsound);\r\n    });\r\n    xhr.send();\r\n  }\r\n\r\n\r\n\r\n  useEffect(() => {\r\n    setSongPercentage((currentAudioTime / currentAudioDuration) * 100);\r\n  }, [currentAudioDuration, currentAudioTime]);\r\n\r\n  //page view management\r\n  useEffect(() => {\r\n    console.log(pageView);\r\n    if (pageView == 0) {\r\n      window.dataLayer.push({\r\n        event: \"virtualPageview\",\r\n        virtualPageURL: \"/\",\r\n        virtualPageTitle: \"המצעד הישראלי השנתי\",\r\n      });\r\n\r\n      setVotingTextPrimary(\"\");\r\n      setVotingTextSecondary(\"\");\r\n    } else if (pageView == 1) {\r\n      setVotingTextPrimary(\"בחרו מהרשימה עד עשרה שירים שהכי אהבתם השנה,\");\r\n      setVotingTextSecondary(\"יש לבחור לפחות חמישה שירים\");\r\n      window.dataLayer.push({\r\n        event: \"virtualPageview\",\r\n        virtualPageURL: \"/Songs\",\r\n        virtualPageTitle: \"המצעד הישראלי השנתי - שירי השנה\",\r\n      });\r\n    } else if (pageView == 2) {\r\n      setVotingTextPrimary(\"בחרו מהרשימה את השלושה שעשו לכם את השנה\");\r\n      setVotingTextSecondary(\"\");\r\n      window.dataLayer.push({\r\n        event: \"virtualPageview\",\r\n        virtualPageURL: \"/Artists\",\r\n        virtualPageTitle: \"המצעד הישראלי השנתי - אמני השנה\",\r\n      });\r\n    } else if (pageView == 3) {\r\n      setVotingTextPrimary(\"בחרו מהרשימה אמן שהכי אהבתם השנה\");\r\n      setVotingTextSecondary(\"\");\r\n      window.dataLayer.push({\r\n        event: \"virtualPageview\",\r\n        virtualPageURL: \"/Breakthrough\",\r\n        virtualPageTitle: \"המצעד הישראלי השנתי - פריצת השנה\",\r\n      });\r\n    } else if (pageView == 4) {\r\n      window.dataLayer.push({\r\n        event: \"virtualPageview\",\r\n        virtualPageURL: \"/Thank-You\",\r\n        virtualPageTitle: \"המצעד הישראלי השנתי - תודה על ההצבעה\",\r\n      });\r\n\r\n      setVotingTextPrimary(\"\");\r\n      setVotingTextSecondary(\"\");\r\n    } else {\r\n      setVotingTextPrimary(\"\");\r\n      setVotingTextSecondary(\"\");\r\n    }\r\n    window.scrollTo(0, 0);\r\n  }, [pageView]);\r\n\r\n  //vote progress management\r\n  useEffect(() => {\r\n    setDidFill({\r\n      ...didFill,\r\n      bestSinger: bestSinger[0] != 0,\r\n      bestSongs: !bestSongs.includes(0) || bestSongs.indexOf(0) >= 5,\r\n      bestArtists: !bestArtists.includes(0),\r\n    });\r\n  }, [bestSinger, bestArtists, bestSongs]);\r\n\r\n  /* ==============\r\n      CUSTOM ACTIONS\r\n     ==============*/\r\n  const toggleSongVote = (id) => {\r\n    if (bestSongs.includes(id)) {\r\n      let index = bestSongs.indexOf(id);\r\n      let arr = bestSongs;\r\n      arr[index] = 0;\r\n      arr = arr.sort((a, b) => b - a);\r\n      setBestSongs([...arr]);\r\n    } else {\r\n      let index = bestSongs.indexOf(0);\r\n      let arr = bestSongs;\r\n      arr[index] = id;\r\n      arr = arr.sort((a, b) => b - a);\r\n      setBestSongs([...arr]);\r\n\r\n      if (bestSongs.indexOf(0) == -1) {\r\n        if (!didFill.bestArtists) {\r\n          setPageView(2);\r\n        } else {\r\n          setPageView(3)\r\n        }\r\n      }\r\n    }\r\n  };\r\n  const toggleBestArtistVote = (id) => {\r\n    if (bestArtists.includes(id)) {\r\n      let index = bestArtists.indexOf(id);\r\n      let arr = bestArtists;\r\n      arr[index] = 0;\r\n      arr = arr.sort((a, b) => b - a);\r\n      setBestArtists([...arr]);\r\n    } else {\r\n      let index = bestArtists.indexOf(0);\r\n      let arr = bestArtists;\r\n      arr[index] = id;\r\n      arr = arr.sort((a, b) => b - a);\r\n      setBestArtists([...arr]);\r\n      if (bestArtists.indexOf(0) == -1) {\r\n        setPageView(3);\r\n      }\r\n    }\r\n  };\r\n\r\n  const state = {\r\n    songsCubeShowing,\r\n    bestSinger,\r\n    bestSongs,\r\n    bestArtists,\r\n    didChoose,\r\n    afterLastDate,\r\n    shareOpen,\r\n    pageView,\r\n    votingTextPrimary,\r\n    votingTextSecondary,\r\n    songPlaying,\r\n    didFill,\r\n    currentAudioTime,\r\n    currentAudioDuration,\r\n    songPercentage,\r\n    flickAnimation,\r\n    songElement,\r\n  };\r\n  const actions = {\r\n    setSongsCubeShowing,\r\n    setBestSinger,\r\n    setAudioDuration,\r\n    setAudioInterval,\r\n    setBestSongs,\r\n    setBestArtists,\r\n    setDidChoose,\r\n    setAfterLastDate,\r\n    setShareOpen,\r\n    setPageView,\r\n    setVotingTextPrimary,\r\n    setVotingTextSecondary,\r\n    toggleBestArtistVote,\r\n    toggleSongVote,\r\n    setSongPlaying,\r\n    setFlickAnimation,\r\n    setSongElement\r\n  };\r\n\r\n  return <Provider value={{ ...state, ...actions }}>{children}</Provider>;\r\n};\r\nexport { AppContext, AppProvider };\r\n","import React, { useContext } from \"react\";\r\nimport { AppContext } from \"../../../stores/application.store\";\r\nimport \"./ProgressBar.scss\";\r\nimport { useEffect } from \"react\";\r\nimport { useState } from \"react\";\r\nconst ProgressBar = (props) => {\r\n  const {\r\n    pageView,\r\n    setPageView,\r\n    bestSinger,\r\n    bestArtists,\r\n    bestSongs,\r\n    didFill,\r\n    flickAnimation,\r\n    setFlickAnimation,\r\n  } = useContext(AppContext);\r\n\r\n  const [items, setItems] = useState([]);\r\n  const [canAccess, setCanAccess] = useState(false);\r\n\r\n  useEffect(() => {\r\n    setCanAccess(false);\r\n    if (props.barType == 1) {\r\n      setCanAccess(true);\r\n    }\r\n    if (props.barType == 2 && didFill.bestSongs) {\r\n      setCanAccess(true);\r\n    }\r\n    if (props.barType == 3 && didFill.bestArtists && didFill.bestSongs) {\r\n      setCanAccess(true);\r\n    }\r\n  }, [didFill]);\r\n\r\n  const SetState = () => {\r\n    if (props.barType == 1) {\r\n      setItems([...bestSongs]);\r\n    } else if (props.barType == 2) {\r\n      setItems([...bestArtists]);\r\n    } else if (props.barType == 3) {\r\n      setItems([...bestSinger]);\r\n    }\r\n  };\r\n  const Flicker = () => {\r\n    setFlickAnimation(true);\r\n    setTimeout(() => {\r\n      setFlickAnimation(false);\r\n    }, 2000);\r\n  };\r\n  const PressedBar = () => {\r\n    if (pageView == props.barType) {\r\n      return;\r\n    }\r\n    if (props.barType == 1) {\r\n      setPageView(1);\r\n    } else if (props.barType == 2 && didFill.bestSongs) {\r\n      setPageView(2);\r\n    } else if (props.barType == 3 && didFill.bestSongs && didFill.bestArtists) {\r\n      setPageView(3);\r\n    } else {\r\n      Flicker();\r\n    }\r\n    return;\r\n  };\r\n\r\n  useEffect(() => {\r\n    SetState();\r\n  }, [bestSinger, bestArtists, bestSongs]);\r\n\r\n  useEffect(() => {\r\n    SetState();\r\n  }, []);\r\n\r\n  const isActive = (index) => {\r\n    if (\r\n      (props.barType == 1 && index > bestSongs.length) ||\r\n      (props.barType == 2 && index > bestArtists.length) ||\r\n      (props.barType == 3 && index > bestSinger.length)\r\n    ) {\r\n      return \"active\";\r\n    }\r\n    return \"\";\r\n  };\r\n  return (\r\n    <div\r\n      className={`progress-bar ${props.barType == pageView ? \"open\" : \"\"}\r\n      ${canAccess ? \"avaliable\" : \"\"}`}\r\n      onClick={() => PressedBar()}\r\n    >\r\n      <h4 className=\"bar-title\">{props.title}</h4>\r\n      <h5 className=\"bar-counter\">{`${\r\n        items.filter((item) => item != 0).length >= 10\r\n          ? items.filter((item) => item != 0).length\r\n          : `${items.filter((item) => item != 0).length}`\r\n      }/${items.length >= 10 ? items.length : `0${items.length}`}`}</h5>\r\n      <div\r\n        className={`bar ${\r\n          (didFill.bestSinger &&\r\n            props.barType == 3 &&\r\n            didFill.bestArtists &&\r\n            didFill.bestSongs) ||\r\n          (didFill.bestArtists && props.barType == 2 && didFill.bestSongs) ||\r\n          (didFill.bestSongs && props.barType == 1)\r\n            ? \"filled\"\r\n            : \"\"\r\n        }\r\n        `}\r\n      >\r\n        {items.map((item, index) => {\r\n          return (\r\n            <div\r\n              key={index}\r\n              className={`selection-cube ${item != 0 ? \"active\" : \"\"} ${\r\n                (flickAnimation && index < 5) ? \"flick\" : \"\"\r\n              }`}\r\n            ></div>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ProgressBar;\r\n","import React, { useContext } from \"react\";\r\nimport \"./TopBar.scss\";\r\nimport {\r\n  openNegishut,\r\n  shareFacebook,\r\n  shareWhatsapp,\r\n} from \"../../services/sharing\";\r\nimport { useRef } from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { AppContext } from \"../../stores/application.store\";\r\nimport ProgressBar from \"../Animations/ProgressBar/ProgressBar\";\r\nconst TopBar = () => {\r\n  const menu = useRef();\r\n\r\n  const {\r\n    shareOpen,\r\n    setShareOpen,\r\n    pageView,\r\n    votingTextPrimary,\r\n    votingTextSecondary,\r\n  } = useContext(AppContext);\r\n\r\n  return (\r\n    <div\r\n      className={`topbar ${\r\n        pageView == 1 || pageView == 2 || pageView == 3 ? \"voting\" : \"\"\r\n      } ${pageView == 4 ? \"thank-you\" : \"thank-you\"}`}\r\n    >\r\n      <div className=\"main\">\r\n        <div className=\"logos\">\r\n          <div\r\n            className=\"logo glgltz\"\r\n            onClick={() =>\r\n              window.open(\r\n                \"https://glz.co.il/%D7%92%D7%9C%D7%92%D7%9C%D7%A6\",\r\n                \"_blank\"\r\n              )\r\n            }\r\n          ></div>\r\n          <div\r\n            className=\"logo ynet\"\r\n            onClick={() => window.open(\"https://ynet.co.il/\", \"_blank\")}\r\n          ></div>\r\n          <div\r\n            className=\"logo bug\"\r\n            onClick={() =>\r\n              window.open(\r\n                \"https://www.bug.co.il/?utm_source=glglz_quiz&utm_medium=ynet&utm_campaign=bug\",\r\n                \"_blank\"\r\n              )\r\n            }\r\n          ></div>\r\n          <div\r\n            className=\"logo sonos\"\r\n            onClick={() =>\r\n              window.open(\r\n                \"https://www.bug.co.il/sonos?utm_source=glglz_quiz&utm_medium=ynet&utm_campaign=bug\",\r\n                \"_blank\"\r\n              )\r\n            }\r\n          ></div>\r\n          {pageView !== 0 && (\r\n            <div className=\"glgltz-text desktop-only\">\r\n              <h3>המצעד הישראלי השנתי</h3>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        <div className=\"icons\">\r\n          <div className=\"whatsapp\" onClick={shareWhatsapp}></div>\r\n          <div className=\"facebook\" onClick={shareFacebook}></div>\r\n          <div className=\"negishut\" onClick={openNegishut}>\r\n            <div className=\"icon\"></div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          className={`share-container ${shareOpen ? \"open\" : \"\"}`}\r\n          ref={menu}\r\n        >\r\n          <div\r\n            className=\"share-button\"\r\n            onClick={() => setShareOpen(!shareOpen)}\r\n          >\r\n            <div className=\"icon\"></div>\r\n          </div>\r\n          <div className=\"menu-background\"></div>\r\n          <div\r\n            className=\"facebook-button\"\r\n            onClick={() => shareFacebook()}\r\n          ></div>\r\n          <div\r\n            className=\"whatsapp-button\"\r\n            onClick={() => shareWhatsapp()}\r\n          ></div>\r\n        </div>\r\n      </div>\r\n      {pageView !== 0 && (\r\n        <div className=\"glgltz-text mobile-only\">\r\n          <h3>המצעד הישראלי השנתי</h3>\r\n        </div>\r\n      )}\r\n      <div className=\"progress-section\">\r\n        <div className=\"progress-bars-container\">\r\n          <ProgressBar barType={1} title=\"שירי השנה\" />\r\n          <ProgressBar barType={2} title=\"אנשי השנה\" />\r\n          <ProgressBar barType={3} title=\"פריצת השנה\" />\r\n        </div>\r\n      </div>\r\n      <div className=\"voting-text-container\">\r\n        <h4 className=\"voting-text-primary\">{votingTextPrimary}</h4>\r\n        <h4 className=\"voting-text-secondary\">{votingTextSecondary}</h4>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TopBar;\r\n","import React from \"react\";\r\nimport \"../Phone/Phone.scss\";\r\nconst Phone = () => {\r\n  return (\r\n    <div className=\"phone\">\r\n      <div className=\"phone-background\">\r\n        <div className=\"bar\">\r\n          <div className=\"long\"></div>\r\n          <div className=\"short\"></div>\r\n        </div>\r\n        <div className=\"bar\">\r\n          <div className=\"long\"></div>\r\n          <div className=\"short\"></div>\r\n        </div>\r\n        <div className=\"bar purple\">\r\n          <div className=\"long\"></div>\r\n          <div className=\"short\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Phone;\r\n","import React from \"react\";\r\nimport \"./Home.scss\";\r\nimport Phone from \"../../Animations/Phone/Phone\";\r\nimport { useContext } from \"react\";\r\nimport { AppContext } from \"../../../stores/application.store\";\r\nimport { ga_push } from \"../../../services/analytics\";\r\nconst Home = () => {\r\n  const StartVote = () => {\r\n    ga_push(\"navigation_events\", \"Navigation\", \"Start Voting\");\r\n    setPageView(1);\r\n  };\r\n\r\n  const { setPageView } = useContext(AppContext);\r\n\r\n  return (\r\n    <div className=\"home\">\r\n      <div className=\"page-wrapper\">\r\n        <div className=\"text\">\r\n          <div className=\"yellow-bar-wrapper\">\r\n            <div className=\"yellow-bar\"></div>\r\n          </div>\r\n          <h2>המצעד</h2>\r\n          <h2>הישראלי</h2>\r\n          <h2>השנתי</h2>\r\n          <h3>עם דלית רצ'שטר</h3>\r\n        </div>\r\n        <div className=\"mobile-only\">\r\n          <Phone />\r\n        </div>\r\n        <h4>\r\n          זו לא הייתה שנה פשוטה לתעשיית המוזיקה הישראלית - אבל שירים היו לנו,\r\n          ועכשיו הזמן להכתיר את הטובים ביותר:\r\n        </h4>\r\n        <h5>\r\n          המצעד הישראלי השנתי של ynet וגלגלצ יוצא לדרך ואתם מוזמנים לבחור את\r\n          השירים ואת האמנים שעשו לכם את השנה. סיימתם לדרג? ענו על החידון ואולי\r\n          תזכו ברמקולים חכמים של\r\n          <div className=\"sonos-text\"></div>\r\n          מתנת\r\n          <div className=\"bug-text\"></div>! קדימה - הצביעו, השפיעו ואל תשכחו\r\n          להצטרף לשידור החי מאולפן ynet ביום חמישי,\r\n          <div className=\"desktop-only\">\r\n            <br />\r\n          </div>\r\n          17 בספטמבר, בין השעות 14:00 - 18:00\r\n        </h5>\r\n        <button className=\"start-button\" onClick={() => StartVote()}>\r\n          התחילו להצביע\r\n        </button>\r\n      </div>\r\n      <div className=\"desktop-only\">\r\n        <Phone />\r\n      </div>\r\n      {/* <Footer/> */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Home;\r\n","import React from \"react\";\r\nimport \"./Footer.scss\";\r\nconst Footer = () => {\r\n  return (\r\n    <div className=\"footer\">\r\n      <a\r\n        href=\"https://z.ynet.co.il/short/content/2018/privacypolicy/terms.html\"\r\n        target=\"_blank\"\r\n      >\r\n        תנאי שימוש\r\n      </a>\r\n      |\r\n      <a\r\n        href=\"https://z.ynet.co.il/short/content/2018/privacypolicy/policy.html\"\r\n        target=\"_blank\"\r\n      >\r\n        מדיניות פרטיות\r\n      </a>\r\n      |\r\n      <a href=\"https://yit.co.il/\" target=\"_blank\">\r\n        עיצוב אפיון ופיתוח\r\n        <div className=\"yit-logo\"></div>\r\n      </a>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n","import React from 'react'\r\nimport \"./Megaphone.scss\";\r\nconst Megaphone = () => {\r\n    return (\r\n        <div className=\"megaphone\">\r\n            <div className=\"mega\"></div>\r\n            <div className=\"dj\"></div>\r\n            <div className=\"note1\"></div>\r\n            <div className=\"note2\"></div>\r\n            <div className=\"shadow\"></div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Megaphone\r\n","import React from \"react\";\r\nimport \"./ThankYou.scss\";\r\nimport Megaphone from \"../../Animations/Megaphone/Megaphone\";\r\nimport { useContext } from \"react\";\r\nimport { AppContext } from \"../../../stores/application.store\";\r\nimport { ga_push } from \"../../../services/analytics\";\r\nconst ThankYou = () => {\r\n  const { didChoose } = useContext(AppContext);\r\n  const GoToQuiz = () => {\r\n    ga_push(\"navigation_events\", \"Navigation\", \"Go To The Quizz\");\r\n    window.location.href = \"https://z.ynet.co.il/mShort/generics/quizzes/glgltz/\";\r\n    \r\n  }\r\n  return (\r\n    <div className=\"thank-you-page\">\r\n      <div className=\"cube\">\r\n        <h2>{didChoose ? \"כבר הצבעתם :)\" : \"הצבעתכם נרשמה\"}</h2>\r\n\r\n        <h3>{didChoose ? \"\" : \"כל קול חשוב!\"}</h3>\r\n        \r\n        <h3>רוצים לנסות ולזכות ברמקולים חכמים של \r\n          <div className=\"sonos-text\"></div>\r\n           מתנת \r\n           <div className=\"bug-text\"></div>\r\n           ?</h3>\r\n        <h3>המשיכו לחידון</h3>\r\n      </div>\r\n      <div className=\"side-container\">\r\n        <h2>{didChoose ? \"כבר הצבעתם :)\" : \"הצבעתכם נרשמה\"}</h2>\r\n        <h3>\r\n          {didChoose ? \"\" : \"כל קול חשוב! \"} \r\n          רוצים לנסות ולזכות ברמקולים חכמים של \r\n          <div className=\"sonos-text\"></div>\r\n           מתנת\r\n           <div className=\"bug-text\"></div>\r\n           ? המשיכו לחידון!\r\n        </h3>\r\n        <button onClick={() => GoToQuiz()}>לחידון</button>\r\n      </div>\r\n      <Megaphone />\r\n      {/* <Footer/> */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ThankYou;\r\n","import React from \"react\";\r\nimport \"./Loader.scss\";\r\nimport { isMobile, isIos } from \"../../../services/agent\";\r\nimport { useContext } from \"react\";\r\nimport { AppContext } from \"../../../stores/application.store\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\n\r\nconst Loader = (props) => {\r\n\r\n  const { currentAudioTime, songPlaying, currentAudioDuration } = useContext(AppContext);\r\n  const [percent, setPercent] = useState(0);\r\n  useEffect(() => {\r\n    if (props.songId == songPlaying) {\r\n      setPercent((currentAudioTime / currentAudioDuration) * 100);\r\n    }\r\n  }, [currentAudioTime, currentAudioDuration])\r\n\r\n  const circleConfig = {\r\n    viewBox: \"0 0 38 38\",\r\n    x: \"19\",\r\n    y: \"19\",\r\n    radio: \"15.91549430918954\",\r\n\r\n  };\r\n  return (\r\n    <figure className=\"loader-base\">\r\n      <svg viewBox={circleConfig.viewBox}>\r\n\r\n\r\n        <circle\r\n          className=\"path\"\r\n          cx={circleConfig.x}\r\n          cy={circleConfig.y}\r\n          r={circleConfig.radio}\r\n          fill=\"transparent\"\r\n          stroke=\"#7e05c7\"\r\n          strokeDasharray={`${percent} ${100 - percent}`}\r\n          strokeDashoffset=\"25\"\r\n        />\r\n      </svg>\r\n    </figure>\r\n  );\r\n};\r\n\r\nexport default Loader;\r\n","import React from \"react\";\r\nimport \"./SongCube.scss\";\r\nimport { useContext } from \"react\";\r\nimport { AppContext } from \"../../stores/application.store\";\r\nimport { useState, useRef, useEffect } from \"react\";\r\nimport { isMobile, isIos } from \"../../services/agent\";\r\nimport Loader from \"../Animations/Loader/Loader\";\r\nimport data from \"../../static/data/data.json\";\r\nimport { ga_push } from \"../../services/analytics\";\r\nconst SongCube = (props) => {\r\n  const {\r\n    bestSongs,\r\n    toggleSongVote,\r\n    setSongPlaying,\r\n    setSongElement,\r\n    songPlaying,\r\n    songsCubeShowing,\r\n    setAudioDuration,\r\n    currentAudioTime,\r\n    currentAudioDuration,\r\n  } = useContext(AppContext);\r\n\r\n  const songElement = useRef(null);\r\n\r\n  const PlaySongPress = (id, event) => {\r\n    let song = data.Songs.find((x) => x.ID == id);\r\n    if (song) {\r\n      ga_push(\r\n        \"audio_events\",\r\n        \"Audio\",\r\n        \"Play\",\r\n        `${song.ArtistName} - ${song.SongName}`\r\n      );\r\n    }\r\n    songElement.current.src = props.song.Link;\r\n    setSongElement(songElement.current);\r\n    setSongPlaying(id);\r\n    event.stopPropagation();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (songPlaying != props.song.ID)\r\n      songElement.current.pause();\r\n      \r\n  }, [songPlaying]);\r\n\r\n  const CheckSongPress = (id, event) => {\r\n    toggleSongVote(id);\r\n    event.stopPropagation();\r\n  };\r\n  const cubeRef = useRef();\r\n\r\n  return (\r\n    <div className={`song-cube `} ref={cubeRef}>\r\n\r\n      <div\r\n        id={`image-${props.song.ID}`}\r\n        className={`song-image \r\n        ${songPlaying == props.song.ID ? \"playing\" : \"\"}\r\n        ${bestSongs.includes(props.song.ID) ? \"checked \" : \" \"}\r\n        ${songsCubeShowing.includes(props.song.ID) ? \"showing\" : \"\"}\r\n        ${`image-${props.song.ID}`}\r\n        `}\r\n\r\n        onClick={() => toggleSongVote(props.song.ID)}\r\n      >\r\n        {!bestSongs.includes(props.song.ID) && !bestSongs.includes(0) && (\r\n          <div className=\"fade\"></div>\r\n        )}\r\n        <div\r\n          className={`check-button`}\r\n          onClick={(e) => CheckSongPress(props.song.ID, e)}\r\n        >\r\n          <div className=\"desktop-only\">בחירה</div>\r\n        </div>\r\n        <div\r\n          className={`play-button`}\r\n          onClick={(e) => {\r\n            props.song.ID == songPlaying\r\n              ? PlaySongPress(0, e)\r\n              : PlaySongPress(props.song.ID, e)\r\n          }}\r\n        >\r\n          <Loader songId={props.song.ID} />\r\n          <video style={{ display: \"none\" }}\r\n            playsInline={\"playsInline\"}\r\n            loop={false}\r\n            preload={\"auto\"}\r\n            controls={false}\r\n            ref={songElement}\r\n            // src={props.song.Link}\r\n          ></video>\r\n        </div>\r\n\r\n        {/* <div className=\"loader-container\">\r\n          <Loader songId={props.song.ID}/>\r\n        </div> */}\r\n      </div>\r\n\r\n      <h4 className=\"song-title\">{props.song.SongName}</h4>\r\n      <h4 className=\"song-artist\">{props.song.ArtistName}</h4>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SongCube;\r\n","import React from \"react\";\r\nimport \"./Songs.scss\";\r\nimport SongCube from \"../../SongCube/SongCube\";\r\nimport data from \"../../../static/data/data.json\";\r\nimport { useEffect } from \"react\";\r\nimport { useContext } from \"react\";\r\nimport { AppContext } from \"../../../stores/application.store\";\r\nimport {shuffle} from \"../../../services/data\";\r\nconst Songs = () => {\r\n  const { setSongsCubeShowing, songsCubeShowing } = useContext(AppContext);\r\n  let songs;\r\n\r\n\r\n\r\n  useEffect(() => {\r\n\r\n    //Sets the Observer options\r\n    const options = {\r\n      root: null, // The view port\r\n      threshhold: 0.5, // 0 ~ 1\r\n      rootMargin: \"0px\", // like margin in css\r\n    };\r\n    const observer = new IntersectionObserver(function (entries, observer) {\r\n      entries.forEach((entry) => {\r\n        if (!entry.isIntersecting) return;\r\n        let songId = parseInt(entry.target.id.replace(\"image-\", \"\"));\r\n        if (songsCubeShowing.includes(songId)) return;\r\n\r\n        let cubesShowing = songsCubeShowing;\r\n        cubesShowing.push(songId);\r\n        setSongsCubeShowing([...songsCubeShowing, songId]);\r\n      });\r\n    }, options);\r\n    const wantedNodes = document.querySelectorAll(\".song-image\");\r\n    wantedNodes.forEach((li) => {\r\n      observer.observe(li);\r\n    });\r\n\r\n  }, []);\r\n  const items = data.Songs.slice(0, 10);\r\n  return (\r\n    <div>\r\n      <div className=\"songs-text\">\r\n        <span>בחרו מהרשימה עד עשרה שירים שהכי אהבתם השנה,</span>\r\n        <span>יש לבחור לפחות חמישה שירים</span>\r\n      </div>\r\n      <div className=\"songs-page\">\r\n        {data.Songs.map((song) => (\r\n          <SongCube key={song.ID} song={song} />\r\n        ))}\r\n      </div>\r\n      {/* <Footer/> */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Songs;\r\n","import React from \"react\";\r\nimport \"./ArtistCube.scss\";\r\nimport { useContext } from \"react\";\r\nimport { AppContext } from \"../../stores/application.store\";\r\nconst ArtistCube = (props) => {\r\n  const { bestArtists, toggleBestArtistVote } = useContext(AppContext);\r\n\r\n  const ChooseArtistPress = (id, event) => {\r\n    toggleBestArtistVote(props.artist.ID);\r\n    event.stopPropagation();\r\n  };\r\n  return (\r\n    <div className=\"artist-cube\">\r\n      <div\r\n        onClick={() => toggleBestArtistVote(props.artist.ID)}\r\n        className={`artist-image ${\r\n          bestArtists.includes(props.artist.ID) ? \"checked\" : \"\"\r\n        }\r\n         image-${props.artist.ID == 31 ? 177 : props.artist.ID + 137}`}\r\n      >\r\n        {!bestArtists.includes(props.artist.ID) && !bestArtists.includes(0) && (\r\n          <div className=\"fade\"></div>\r\n        )}\r\n        <div\r\n          className={`check-button`}\r\n          onClick={(e) => ChooseArtistPress(props.artist.ID, e)}\r\n        >\r\n          <div className=\"desktop-only\">בחירה</div>\r\n        </div>\r\n      </div>\r\n      <h4 className=\"artist-name\">{props.artist.Name}</h4>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ArtistCube;\r\n","import React from \"react\";\r\nimport \"./Artists.scss\";\r\nimport data from \"../../../static/data/data.json\";\r\nimport ArtistCube from \"../../ArtistCube/ArtistCube\";\r\nimport Footer from \"../../Footer/Footer\";\r\nconst Artists = () => {\r\n  return (\r\n    <div>\r\n      <div className=\"artists-text\">\r\n        בחרו מהרשימה את השלושה שעשו לכם את השנה\r\n      </div>\r\n      <div className=\"artists-page\">\r\n        {data.Artists.map((artist) => {\r\n          return <ArtistCube artist={artist} key={artist.ID} />;\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Artists;\r\n","import React from \"react\";\r\nimport \"./BestOfCube.scss\";\r\nimport { useContext } from \"react\";\r\nimport { AppContext } from \"../../stores/application.store\";\r\nimport { useEffect } from \"react\";\r\nconst BestOfCube = (props) => {\r\n  const { bestSinger, setBestSinger } = useContext(AppContext);\r\n  useEffect(() => {\r\n    window.singers = bestSinger;\r\n  }, []);\r\n  return (\r\n    <div className=\"best-of-cube\">\r\n      <div\r\n        onClick={() =>\r\n          bestSinger[0] == props.artist.ID\r\n            ? setBestSinger([0])\r\n            : setBestSinger([props.artist.ID])\r\n        }\r\n        className={`best-of-image ${\r\n          bestSinger[0] == props.artist.ID ? \"checked\" : \"\"}\r\n          image-${props.artist.ID + 166}\r\n          `}\r\n      >\r\n                  {!bestSinger.includes(props.artist.ID) &&\r\n            !bestSinger.includes(0) && <div className=\"fade\"></div>}\r\n        <div\r\n          className={`check-button`}\r\n          onClick={() =>\r\n            bestSinger[0] == props.artist.ID\r\n              ? setBestSinger([0])\r\n              : setBestSinger([props.artist.ID])\r\n          }\r\n        >\r\n          <div className=\"desktop-only\">בחירה</div>\r\n\r\n        </div>\r\n      </div>\r\n      <h4 className=\"best-of-name\">{props.artist.Name}</h4>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BestOfCube;\r\n","const ApiLink = () => {\r\n    if (Environment() === \"local\") {\r\n        return 'https://localhost:44377/'\r\n    } else if (Environment() === \"qa\") {\r\n        return \"https://qa-a.ynet.co.il/mShort/content/API/glgltz/\";\r\n    } else {\r\n        return \"https://z.ynet.co.il/mShort/content/API/glgltz/\";\r\n    }\r\n}\r\nconst Environment = () => {\r\n    if (window.location.href.includes(\"localhost\")) {\r\n        return \"local\";\r\n    } else if (window.location.href.includes('qa')) {\r\n        return \"qa\";\r\n    } else {\r\n        return \"production\";\r\n    }\r\n}\r\n\r\nexport {ApiLink, Environment};","import {ApiLink} from \"./urls\";\r\n\r\nconst SendVote = async (items) => {\r\n    localStorage.setItem(\"glgltz_vote\", \"true\");\r\n    const response = await fetch(`${ApiLink()}Vote`, {\r\n        method: \"POST\",\r\n        headers: {\r\n            'Content-Type': 'application/json'\r\n        },\r\n        body: JSON.stringify(items)\r\n    });\r\n\r\n    response.json().then(data => {console.log(data)});\r\n}\r\nexport {SendVote}","import React from \"react\";\r\nimport data from \"../../../static/data/data.json\";\r\nimport BestOfCube from \"../../BestOfCube/BestOfCube\";\r\nimport \"./BestOf.scss\";\r\nimport { useContext, useRef } from \"react\";\r\nimport { AppContext } from \"../../../stores/application.store\";\r\nimport { useEffect } from \"react\";\r\nimport smoothscroll from \"smoothscroll-polyfill\";\r\nimport { SendVote } from \"../../../services/api\";\r\nimport { ga_push } from \"../../../services/analytics\";\r\nimport { Environment } from \"../../../services/urls\";\r\nconst BestOf = () => {\r\n  const {\r\n    setPageView,\r\n    didFill,\r\n    bestSinger,\r\n    bestSongs,\r\n    bestArtists,\r\n    pageView,\r\n  } = useContext(AppContext);\r\n  const btnRef = useRef();\r\n  const loadGoogleRecaptcha = () => {\r\n    if (Environment() !== \"local\") {\r\n      (() => {\r\n        if (window.document.getElementById(\"GoogleRecap\")) return;\r\n\r\n        var script = document.createElement(\"script\");\r\n        script.type = \"text/javascript\";\r\n        script.id = \"GoogleRecap\";\r\n        script.async = 1;\r\n        script.src = \"https://www.google.com/recaptcha/api.js\";\r\n\r\n        document.getElementsByTagName(\"head\")[0].appendChild(script);\r\n      })();\r\n    }\r\n  };\r\n  const SendForm = () => {\r\n    if(Environment() !== \"local\"){\r\n      window.grecaptcha.reset();\r\n    }\r\n    Submit();\r\n  }\r\n  const Submit = () => {\r\n\r\n    \r\n    if(!didFill.bestSongs){\r\n      alert(\"נדרש לבחור לפחות חמישה שירים\");\r\n      return;\r\n    } \r\n    if(!didFill.bestArtists){\r\n      alert(\"נדרש לבחור שלושה אמנים\");\r\n      return;\r\n    }\r\n\r\n    if(!didFill.bestSinger){\r\n      alert(\"נדרש לבחור את פריצת השנה שלכם\");\r\n      return;\r\n    }\r\n    ga_push(\"navigation_events\", \"Navigation\", \"Finish Voting\");\r\n\r\n    data.Songs.filter((song) => bestSongs.includes(song.ID))\r\n      .map((song) => song.SongName)\r\n      .forEach((songName) =>\r\n        ga_push(\"voting_events\", \"Vote\", \"Song\", songName)\r\n      );\r\n\r\n    data.Artists.filter((artist) => bestArtists.includes(artist.ID))\r\n      .map((artist) => artist.Name)\r\n      .forEach((artistName) => {\r\n        ga_push(\"voting_events\", \"Vote\", \"Artist\", artistName);\r\n      });\r\n    ga_push(\r\n      \"voting_events\",\r\n      \"Vote\",\r\n      \"Breakthrough\",\r\n      data.Artists.find((best) => best.ID == bestSinger[0]).Name\r\n    );\r\n\r\n    SendVote({\r\n      SingerVotes: bestArtists,\r\n      SongVotes: bestSongs,\r\n      BestOfVote: bestSinger[0],\r\n    });\r\n    setPageView(4);\r\n  };\r\n\r\n  useEffect(() => {\r\n    smoothscroll.polyfill();\r\n    loadGoogleRecaptcha();\r\n    window.sendFormViaCaptcha = SendForm;\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      didFill.bestSinger &&\r\n      didFill.bestSongs &&\r\n      didFill.bestArtists &&\r\n      pageView != 1\r\n    ) {\r\n      btnRef.current.scrollIntoView({\r\n        behavior: \"smooth\",\r\n        block: \"center\",\r\n        inline: \"center\",\r\n      });\r\n\r\n\r\n      btnRef.current.classList.add(\"wiggle\");\r\n      setTimeout(() => {\r\n        btnRef.current.classList.remove(\"wiggle\");\r\n      }, 1000);\r\n    }\r\n  }, [didFill]);\r\n\r\n  return (\r\n    <div>\r\n      <div className=\"best-of-text\">בחרו מהרשימה אמן שהכי אהבתם השנה</div>\r\n      <div className=\"best-of-page\">\r\n        {data.BestOf.map((artist) => {\r\n          return <BestOfCube artist={artist} key={artist.ID} />;\r\n        })}\r\n        <div className=\"finished-button-container\">\r\n          <button\r\n            ref={btnRef}\r\n            className={`finished-button ${\r\n              didFill.bestSinger && didFill.bestArtists && didFill.bestSongs \r\n                ? \"enabled\"\r\n                : \"\"\r\n            }`}\r\n            onClick={Submit}\r\n          >\r\n            סיימתי להצביע\r\n          </button>\r\n          <div\r\n          className=\"g-recaptcha\"\r\n          data-callback=\"sendFormViaCaptcha\"\r\n          data-size=\"invisible\"\r\n          data-sitekey=\"6LfoC3kUAAAAAPt8XZMzr6ljG2omdMJY7z8PPhpU\"\r\n        ></div>\r\n        </div>\r\n      </div>\r\n      {/* <Footer /> */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BestOf;\r\n","import React from \"react\";\r\nimport \"./Carousel.scss\";\r\nimport Songs from \"../../Pages/Songs/Songs\";\r\nimport Artists from \"../../Pages/Artists/Artists\";\r\nimport BestOf from \"../../Pages/BestOf/BestOf\";\r\nimport { useContext } from \"react\";\r\nimport { AppContext } from \"../../../stores/application.store\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useRef } from \"react\";\r\nimport { isMobile } from \"../../../services/agent\";\r\n\r\nconst Carousel = () => {\r\n  const vw = (px) => {\r\n    return (px / 640) * 100;\r\n  };\r\n\r\n  const carRef = useRef();\r\n  const { pageView } = useContext(AppContext);\r\n  useEffect(() => {\r\n    let pageName;\r\n    switch (pageView) {\r\n      case 1:\r\n        pageName = \"songs-page\";\r\n        break;\r\n      case 2:\r\n        pageName = \"artists-page\";\r\n        break;\r\n      case 3:\r\n        pageName = \"best-of-page\";\r\n        break;\r\n      default:\r\n        pageName = null;\r\n        break;\r\n    }\r\n    if (pageName) {\r\n      const el = document.querySelector(\".\" + pageName);\r\n      let height = el.clientHeight;\r\n      carRef.current.style.height = height + 100 + \"px\";\r\n    }\r\n  }, [pageView]);\r\n  return (\r\n    <div className={`carousel page-${pageView}`} ref={carRef}>\r\n      <div className=\"songs\" id=\"page-1\">\r\n        <Songs />\r\n      </div>\r\n      <div className=\"artists\" id=\"page-2\">\r\n        <Artists />\r\n      </div>\r\n      <div className=\"best-of\" id=\"page-3\">\r\n        <BestOf />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Carousel;\r\n","import React from \"react\";\r\nimport { AppProvider, AppContext } from \"../../stores/application.store\";\r\nimport Home from \"../Pages/Home/Home\";\r\nimport { useRef } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useContext } from \"react\";\r\nimport Footer from \"../Footer/Footer\";\r\nimport \"./PageView.scss\";\r\nimport ThankYou from \"../Pages/ThankYou/ThankYou\";\r\nimport Carousel from \"../Animations/Carousel/Carousel\";\r\nconst PageView = () => {\r\n  const { setShareOpen, pageView, setDidChoose, setPageView, voteOver } = useContext(\r\n    AppContext\r\n  );\r\n\r\n  const mainSection = useRef();\r\n  useEffect(() => {\r\n    if (localStorage.getItem(\"glgltz_vote\") == \"true\") {\r\n      setPageView(4);\r\n      setDidChoose(true);\r\n    }\r\n\r\n    mainSection.current.addEventListener(\"click\", () => {\r\n      setShareOpen(false);\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n        <div ref={mainSection} className=\"page-view\">\r\n          {pageView == 0 && <Home />}\r\n          {(pageView == 1 || pageView == 2 || pageView == 3) && <Carousel />}\r\n          {pageView == 4 && <ThankYou />}\r\n          <Footer />\r\n        </div>\r\n  );\r\n};\r\n\r\nexport default PageView;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport TopBar from \"./TopBar/TopBar\";\r\nimport { AppProvider } from \"../stores/application.store\";\r\n\r\nimport PageView from \"./PageView/PageView\";\r\n\r\nconst App = () => {\r\n  // const [voteActive, setVoteActive] = useState(true);\r\n\r\n  // useEffect(() => {\r\n  //   let finishDate = new Date('2020/09/15 00:00:01');\r\n  //   console.log(finishDate);\r\n  //   console.log(new Date());\r\n  //   if (finishDate <= new Date()) {\r\n  //     setVoteActive(false);\r\n  //   }\r\n  // }, []);\r\n  return (\r\n    <AppProvider>\r\n          <TopBar />\r\n          <PageView />\r\n    </AppProvider>\r\n  );\r\n};\r\n\r\nexport default App;\r\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from \"./components/App.js\";\nimport \"./static/css/reset.scss\";\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n"],"sourceRoot":""}