{"version":3,"sources":["static/helper.js","components/Analytics/Analytics.js","components/Shares/Shares.js","components/Categories/Categories.js","components/Navigation/Navigation.js","components/Header/Header.js","components/Footer/Footer.js","components/Button/Button.js","components/Home/Home.js","components/CircleProgressBar/CircleProgressBar.js","components/Items/Items.jsx","components/ItemsList/ItemsList.js","components/Loader/Loader.js","components/ThanksModal/ThanksModal.js","components/Votes/Votes.js","components/Thanks/Thanks.js","components/App/App.js","serviceWorker.js","index.js"],"names":["isMobile","a","check","navigator","userAgent","vendor","window","opera","test","substr","isIos","match","GA_Event","event","category","action","label","dataLayer","push","virtualPageView","url","title","Shares","props","shareUrl","className","onClick","open","Categories","useRef","currentCategory","selected","currentCategoryEnded","ended","categoryIndex","index","setCategory","el","document","querySelector","getLentgh","classList","add","setTimeout","remove","Navigation","selectedItems","length","categories","map","item","i","handleSetCategory","previewCategoryEnded","isResultsDisplay","Header","class","setPageSection","target","href","currentCategoryIndex","share","text","getElementById","click","Footer","id","Button","onClickHandle","Home","useEffect","oneTimeDisplay","vw","px","Wrapper","styled","div","display","progress","LeftSide","RightSide","CircleProgressBar","useState","setDisplay","Items","data","currentSelected","songsPlaying","setProgress","currentSongPlaying","pauseAudio","current","Object","keys","audio","paused","play","pause","some","x","e","setItem","year","src","process","songsPlayingObj","currentSong","innerHTML","ontimeupdate","currentTarget","currentTime","duration","playAudio","singer","name","ItemsList","saveButtonCaptchaRef","createRef","sendRes","localStorage","getItem","setisLoaderActive","execute","j","setResultsDisplay","onRemoveClick","ref","sitekey","onChange","postData","size","Loader","active","ThanksModal","Votes","isDataShuffled","setisDataShuffled","dataShuffled","setData","setSelectedItems","setCategoryIndex","isThanksModalDisplay","setIsThanksModalDisplay","isLoaderActive","scrollTo","console","log","token","callback","fetch","method","headers","body","JSON","stringify","then","dataJS","json","res","onCallback","specificCategory","specificCategoryIndex","indexOf","selectedItemsClone","currentItems","filter","notFinish","items","checkItems","array","Math","floor","random","temp","Thanks","App","section","setSection","setOneTimeDisplay","getSection","Boolean","location","hostname","ReactDOM","render","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.e87487ae.chunk.js","sourcesContent":["function isMobile() {\r\n    var check = false;\r\n    (function (a) { if (/(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor || window.opera);\r\n    return check;\r\n}\r\nfunction isIos() {\r\n    return navigator.userAgent.match(/(i(Phone|Pod))|iPad/i)\r\n}\r\n\r\nfunction getCookie(cname) {\r\n    var name = cname + \"=\";\r\n    var decodedCookie = decodeURIComponent(document.cookie);\r\n    var ca = decodedCookie.split(';');\r\n    for (var i = 0; i < ca.length; i++) {\r\n        var c = ca[i];\r\n        while (c.charAt(0) == ' ') {\r\n            c = c.substring(1);\r\n        }\r\n        if (c.indexOf(name) == 0) {\r\n            return c.substring(name.length, c.length);\r\n        }\r\n    }\r\n    return null;\r\n}\r\n\r\nexport{\r\n    isMobile,\r\n    isIos,\r\n    getCookie\r\n}","\r\nconst GA_Event = (event, category,action, label) => {\r\n    window.dataLayer.push({\r\n        'event': event,\r\n        'Category': category,\r\n        'Action': action,\r\n        'Label': label\r\n    });\r\n}\r\nconst virtualPageView = (url, title) => {\r\n    window.dataLayer.push({\r\n        'event': 'virtualPageview',\r\n        'virtualPageURL': url,\r\n        'virtualPageTitle': title\r\n    });\r\n\r\n}\r\n\r\nexport {\r\n    GA_Event,\r\n    virtualPageView\r\n}","import React from \"react\";\r\n\r\nimport \"./Shares.scss\"\r\nimport { isMobile, isIos } from \"../../static/helper\";\r\nimport { GA_Event } from \"../Analytics/Analytics\";\r\n\r\nfunction Shares(props) {\r\n  const shareUrl = 'https://z.ynet.co.il/mshort/content/DecadeParade';\r\n\r\n  const shareFacebook = () => {\r\n    window.open(\"https://www.facebook.com/share.php?u=\" + shareUrl, '_blank', \"width=500,height=300\");\r\n    GA_Event('Share_Events', 'Decade Parade', 'Social - Share Facebook', props.label);\r\n    // this.props.sendGA(\"Share_Facebook\", shareUrl);\r\n  }\r\n\r\n  const shareWhatsapp = () => {\r\n    let url = '';\r\n    if (isMobile() || isIos()) {\r\n      url = `whatsapp://send?text=${shareUrl}`;\r\n      window.open(url, \"_parent\");\r\n    } else {\r\n      url = `https://api.whatsapp.com/send?phone=&text=${shareUrl}`\r\n      window.open(url, \"_blank\");\r\n    }\r\n    GA_Event('Share_Events', 'Decade Parade', 'Social - Share Whatsapp', props.label);\r\n    // let url = `whatsapp://send?text=${shareUrl}`;\r\n    // window.open(url, '_blank', \"width=500,height=300\");\r\n    // this.props.sendGA(\"Share_Whatsapp\", url);\r\n  }\r\n\r\n  const shareTwitter = () => {\r\n    let title = \"מצעד העשור – ynet\";\r\n    let description = '2020 עוד רגע כאן – וזה הזמן להכתיר את השירים, הסרטים וסדרות הטלוויזיה שעשו לנו את העשור האחרון. יחד עם צוות השופטים של ynet ומוסף \"7 לילות\" של \"ידיעות אחרונות\" – גם אתם תקבעו את התוצאות. אז קדימה, הצביעו והשפיעו!';\r\n    let url = 'https://twitter.com/intent/tweet?text=' + title + \" \" + description + \"%0A\" + shareUrl;\r\n    window.open(url, '_blank', \"width=500,height=300\");\r\n    GA_Event('Share_Events', 'Decade Parade', 'Social - Share Twitter', props.label);\r\n    // this.props.sendGA(\"Share_Twitter\", shareUrl);\r\n  }\r\n\r\n  return (\r\n    <div className=\"shares-container\">\r\n      <div className=\"whatsapp\" onClick={shareWhatsapp}></div>\r\n      <div className=\"twitter\" onClick={shareTwitter}></div>\r\n      <div className=\"facebook\" onClick={shareFacebook}></div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Shares;\r\n","import React, { useRef } from 'react';\r\nimport './Categories.scss';\r\n\r\nfunction Categories(props) {\r\n  const currentSelected = useRef();\r\n  const handleClick = () => {\r\n    if ((props.currentCategoryEnded || (props.ended && props.categoryIndex > props.index))) {\r\n      props.setCategory();\r\n    }\r\n    else {\r\n      let el = document.querySelector(`.categories.${props.currentCategory}`);\r\n      if (el) {\r\n        if(props.getLentgh(props.currentCategory) + 1 <= 3){\r\n          el.querySelector(`.selected-${props.getLentgh(props.currentCategory) + 1}`).classList.add(\"focus\");\r\n          setTimeout(() => {\r\n            el.querySelector(`.selected-${props.getLentgh(props.currentCategory) + 1}`).classList.remove(\"focus\");\r\n          }, 400);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  return (\r\n    <div className={`categories ${props.category} ${props.currentCategory !== props.category && props.selected === 0 ? \"gray\" : \"\"}`} onClick={handleClick}>\r\n      <div className=\"category\">\r\n        <span>{props.title}</span>\r\n        <div className=\"choosed\">\r\n          <div className={`selected-1 one ${props.selected > 0 ? \"active\" : \"\"}`}></div>\r\n          <div className={`selected-2 two ${props.selected > 1 ? \"active\" : \"\"}`}></div>\r\n          <div className={`selected-3 three ${props.selected > 2 ? \"active\" : \"\"}`}></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Categories;\r\n","import React, { useState } from 'react';\r\nimport './Navigation.scss';\r\nimport Categories from '../Categories/Categories';\r\n\r\nfunction Navigation(props) {\r\n  const getLentgh = (category) => {\r\n    if (props.selectedItems[category])\r\n      return props.selectedItems[category].length;\r\n    return 0;\r\n  }\r\n\r\n  const handleSetCategory = (i) =>{\r\n    debugger;\r\n    props.setCategory(i);\r\n  }\r\n  return (\r\n    <div className=\"navigation-container\">\r\n     \r\n      <div className=\"categories-container\">\r\n        {\r\n          props.categories.map((item, i) => (\r\n            <Categories\r\n              ended={getLentgh(item.category) === 3}\r\n              setCategory={() => handleSetCategory(i)}\r\n              selected={getLentgh(item.category)}\r\n              title={item.title}\r\n              category={item.category}\r\n              currentCategory={props.currentCategory}\r\n              index={i}\r\n              previewCategoryEnded={i > 0 ? getLentgh(props.categories[i - 1].category) === 3 : false}\r\n              getLentgh={getLentgh}\r\n              currentCategoryEnded={getLentgh(props.currentCategory) === 3}\r\n              categoryIndex={props.categoryIndex}\r\n            />\r\n          ))\r\n        }\r\n        <div className={`timeline ${props.currentCategory} ${props.isResultsDisplay ? \"end\" : \"\"}`}></div>\r\n\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Navigation;\r\n","import React from 'react';\r\nimport './Header.scss';\r\nimport { isMobile, isIos } from '../../static/helper';\r\nimport Shares from '../Shares/Shares';\r\nimport Navigation from '../Navigation/Navigation';\r\nimport { GA_Event } from '../Analytics/Analytics';\r\n\r\nfunction Header(props) {\r\n  const negishut = () => {\r\n    document.getElementById('INDmenu-btn').click();\r\n  }\r\n\r\n  const shareNavigator = () => {\r\n    window.navigator.share({\r\n      title: \"מצעד העשור ynet\",\r\n      text: '2020 עוד רגע כאן – וזה הזמן להכתיר את השירים, הסרטים וסדרות הטלוויזיה שעשו לנו את העשור האחרון. יחד עם צוות השופטים של ynet ומוסף \"7 לילות\" של \"ידיעות אחרונות\" – גם אתם תקבעו את התוצאות. אז קדימה, הצביעו והשפיעו!',\r\n      url: \"https://z.ynet.co.il/mshort/content/DecadeParade\"\r\n    });\r\n    GA_Event('Share_Events', 'Decade Parade', 'Social - Share Mobile', 'Top Bar');\r\n\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <header className={`header ${props.class}`}>\r\n\r\n        <div className=\"logos\">\r\n          <h2 className=\"title\" onClick={() => props.setPageSection(\"home\")}>מצעד העשור</h2>\r\n\r\n          <a target=\"_blank\" href=\"https://www.ynet.co.il?utm_source=www.decadeparade.ynet.co.il/&utm_medium=referral&utm_campaign=DecadeParade\" className=\"logo\"></a>\r\n          <div className=\"seven-nights\"></div>\r\n        </div>\r\n        {props.class !== \"home\" ?\r\n          <Navigation\r\n            isResultsDisplay={props.isResultsDisplay}\r\n            currentCategoryIndex={props.currentCategoryIndex}\r\n            isResultsDisplay={props.isResultsDisplay}\r\n            categories={props.categories}\r\n            currentCategory={props.currentCategory}\r\n            selectedItems={props.selectedItems}\r\n            setCategory={props.setCategory} \r\n            categoryIndex={props.categoryIndex} \r\n            />\r\n          : \"\"}\r\n        <div className=\"share-section\">\r\n          {isMobile() || isIos() ?\r\n            <div className=\"share\" onClick={shareNavigator}></div>\r\n            : <Shares label=\"Top Bar\"/>\r\n          }\r\n          <div className=\"accessibility\" onClick={negishut}></div>\r\n        </div>\r\n      </header>\r\n      {props.class !== \"home\" ?\r\n        <div className=\"navigation-title\">\r\n          {\r\n            props.categories[props.currentCategoryIndex] && !props.isResultsDisplay ?\r\n              <h3>בחרו מהרשימה {props.categories[props.currentCategoryIndex].title === \"סדרות\" ? \"שלוש\" : \"שלושה\"} {props.categories[props.currentCategoryIndex].title} שהכי אהבתם בעשור האחרון</h3>\r\n              :\r\n              <h3>ניתן לעבור על כל הבחירות שלך לפני שמצביעים</h3>\r\n          }\r\n        </div>\r\n        : \"\"}\r\n    </>\r\n  );\r\n}\r\n\r\nexport default Header;\r\n","import React, { Component } from \"react\";\r\n\r\nimport \"./Footer.scss\"\r\nimport \"../../static/fonts/heebo/stylesheet.css\";\r\n\r\nfunction Footer() {\r\n    return (\r\n      <footer>\r\n        <div id=\"footer\">\r\n          <div className=\"padding\">\r\n          <ul>\r\n            <a href=\"http://z.ynet.co.il/short/content/2018/privacypolicy/terms.html\" target=\"_blank\">תנאי שימוש</a>\r\n            <li className=\"line\"></li>\r\n            <a href=\"http://z.ynet.co.il/short/content/2018/privacypolicy/policy.html\" target=\"_blank\">מדיניות פרטיות</a>\r\n            <li className=\"line\"></li>\r\n            <a href=\"https://www.yit.co.il/?utm_source=www.decadeparade.ynet.co.il&utm_medium=referral&utm_campaign=Footer\" target=\"_blank\">עיצוב, איפיון ופיתוח <li className=\"yitlogo\"></li></a>\r\n            \r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </footer>\r\n    );\r\n}\r\n\r\nexport default Footer;\r\n","import React from \"react\";\r\n\r\nimport \"./Button.scss\"\r\n\r\nfunction Button(props) {\r\n  return (\r\n    <button className={props.class} onClick={props.onClickHandle}>{props.text}</button>\r\n  );\r\n}\r\n\r\nexport default Button;\r\n","import React, { useEffect } from \"react\";\r\n\r\nimport \"./Home.scss\"\r\nimport Button from '../Button/Button';\r\nimport Shares from \"../Shares/Shares\";\r\nimport Header from \"../Header/Header\";\r\nimport { virtualPageView } from \"../Analytics/Analytics\";\r\n\r\nfunction Home(props) {\r\n  useEffect(() => {\r\n    virtualPageView('https://decadeparade.ynet.co.il/start', \"Start\");\r\n  }, [])\r\n\r\n  return (\r\n    <>\r\n      <Header setPageSection={props.setPageSection} class=\"home\" />\r\n\r\n      <div className={`home-container ${props.oneTimeDisplay ? \"one-time\" : \"\"}`}>\r\n        <h1>\r\n          מצעד העשור\r\n        </h1>\r\n        {props.oneTimeDisplay ?\r\n          <>\r\n            <h2>אנחנו שמחים שחזרת, אבל אפשר להשתתף רק פעם אחת</h2>\r\n            <Shares label=\"Revisit User\"/>\r\n          </>\r\n          :\r\n          <>\r\n            <p className=\"desc\">\r\n              2020 עוד רגע כאן - וזה הזמן להכתיר את השירים, הסרטים וסדרות הטלוויזיה שעשו לנו את העשור האחרון. יחד עם צוות השופטים של ynet ומוסף \"7 לילות\" של \"ידיעות אחרונות\" - גם אתם תקבעו את התוצאות\r\n        </p>\r\n            <p className=\"sub-desc\">\r\n              אז קדימה, הצביעו והשפיעו!\r\n        </p>\r\n            <Button text=\"התחילו להצביע\" class=\"start-vote\" onClickHandle={() => props.setPageSection(\"votes\")} />\r\n            <p className=\"bottom\">\r\n              התוצאות ייחשפו בפרויקט מיוחד של ynet ומוסף \"7 לילות\"\r\n        </p>\r\n          </>\r\n        }\r\n        <div className=\"overlay\">\r\n          <div className=\"e1\"></div>\r\n          <div className=\"e2\"></div>\r\n          <div className=\"e2\"></div>\r\n          <div className=\"e2\"></div>\r\n          <div className=\"e2\"></div>\r\n          <div className=\"e2\"></div>\r\n          <div className=\"e2\"></div>\r\n          <div className=\"e3\"></div>\r\n          <div className=\"e4\"></div>\r\n          <div className=\"e5\"></div>\r\n          <div className=\"e6\"></div>\r\n          <div className=\"e7\"></div>\r\n          <div className=\"e8\"></div>\r\n          <div className=\"e9 desktop\"></div>\r\n          <div className=\"e10 desktop\"></div>\r\n          <div className=\"e11 desktop\"></div>\r\n          <div className=\"e12 desktop\"></div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default Home;\r\n","import React, { useEffect, useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport {isMobile, isIos} from '../../static/helper';\r\n\r\nconst vw1920 = (px) => {\r\n  return (px / 1920) * 100 + \"vw\";\r\n}\r\nconst vw = (px) => {\r\n  return (px / (isMobile() || isIos() ? 640 : 1920)) * 100 + \"vw\";\r\n}\r\nconst Wrapper = styled.div`\r\n    display: ${props => props.display};\r\n    width: ${vw(52)}; /* Set the size of the progress bar */\r\n    height: ${vw(52)};\r\n    position: absolute; /* Enable clipping */\r\n    clip: ${props => props.progress && props.progress.progress < 50 ? `rect(0, ${vw(52)}, ${vw(52)}, ${vw(26)})` : `rect(auto, auto, auto, auto)`}; /* Hide half of the progress bar */\r\n`\r\nconst LeftSide = styled.div`\r\n    width: ${vw(42)};\r\n    height: ${vw(42)};\r\n    border: ${vw(5)} solid #f889a0;\r\n    border-radius: ${vw(50)};\r\n    position: absolute;\r\n    clip: rect(0px, ${vw(26)}, ${vw(52)}, 0px);\r\n    transform: ${props => props.progress && props.progress.progress ? `rotate(${(360 * props.progress.progress) / 100}deg)` : `rotate(0deg)`};\r\n`\r\nconst RightSide = styled.div`\r\n    width: ${vw(42)};\r\n    height: ${vw(42)};\r\n    border: ${vw(5)} solid #f889a0;\r\n    border-radius: ${vw(50)};\r\n    position: absolute;\r\n    clip: rect(0px, ${vw(26)}, ${vw(52)}, 0px);\r\n    transform: ${props => props.progress && props.progress.progress && props.progress.progress < 50 ? `rotate(${(180 * (props.progress.progress * 2)) / 100}deg)` : props.progress && props.progress.progress >= 50 ? `rotate(180deg)` : `rotate(0deg)`};\r\n`\r\n\r\n\r\nfunction CircleProgressBar(props) {\r\n\r\n  const [display, setDisplay] = useState(\"none\")\r\n\r\n  useEffect(()=>{\r\n    if(props.progress){\r\n      setTimeout(() => {\r\n        setDisplay(\"block\");\r\n      }, 300);\r\n    }\r\n  }, [])\r\n\r\n  return (\r\n    <Wrapper className=\"play\" {...props} display={display}>\r\n      <RightSide className=\"play\" {...props}  />\r\n      <LeftSide className=\"play\" {...props} />\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nexport default CircleProgressBar;\r\n","import React, { useEffect, useState, useRef, memo } from 'react';\r\nimport { isMobile, isIos } from '../../static/helper';\r\nimport './Items.scss';\r\nimport CircleProgressBar from '../CircleProgressBar/CircleProgressBar';\r\n\r\n\r\nfunction Items(props) {\r\n  const data = props.data[props.currentCategory];\r\n  const currentSelected = props.selectedItems[props.currentCategory];\r\n  const songsPlaying = useRef();\r\n  const [progress, setProgress] = useState(null);\r\n  const currentSongPlaying = useRef();\r\n\r\n  const pauseAudio = (id) => {\r\n    if (songsPlaying.current) {\r\n      Object.keys(songsPlaying.current).map(item => {\r\n        if (item == id) {\r\n          if (songsPlaying.current[id].audio.paused) {\r\n            songsPlaying.current[id].audio.play();\r\n            currentSongPlaying.current = id;\r\n            return;\r\n          }\r\n        }\r\n        songsPlaying.current[item].audio.pause();\r\n      })\r\n    }\r\n  }\r\n\r\n  const playAudio = (id) => {\r\n    let songsPlayingObj = { ...songsPlaying.current };\r\n    let currentSong = songsPlayingObj[id];\r\n    if (songsPlayingObj) {\r\n      pauseAudio(id);\r\n      if (currentSong)\r\n        return;\r\n    }\r\n    document.querySelector(\"#audio-span\").innerHTML = `<audio id=\"audio\"><source src=\"${process.env.PUBLIC_URL}/${props.currentCategory}/${id}.mp3\"></audio>`\r\n    var audio = document.querySelector(\"#audio\");\r\n    songsPlayingObj[id] = { audio };\r\n    songsPlaying.current = songsPlayingObj;\r\n    audio.play();\r\n    currentSongPlaying.current = id;\r\n    audio.ontimeupdate = (e) => {\r\n      let songsPlayingObj = { ...songsPlaying.current };\r\n      let currentSong = songsPlayingObj[currentSongPlaying.current];\r\n      currentSong.progress = { progress: ((e.currentTarget.currentTime / e.currentTarget.duration) * 100), duration: e.currentTarget.duration };\r\n      songsPlaying.current = songsPlayingObj;\r\n      setProgress({ progress: ((e.currentTarget.currentTime / e.currentTarget.duration) * 100), duration: e.currentTarget.duration });\r\n    }\r\n  }\r\n\r\n  const getLentgh = (category) => {\r\n    if (props.selectedItems[category])\r\n      return props.selectedItems[category].length;\r\n    return 0;\r\n  }\r\n\r\n  return (\r\n    <div className={`items-wrapper page-${props.categoryIndex + 1}`}>\r\n    {\r\n      Object.keys(props.data).map((category, i) => (\r\n        <div className={`items-page  ${props.currentCategory === category ? \"display\" : \"\"}`}>\r\n        <div className={`items-container ${category}`}>\r\n          {\r\n            props.data[category] ?\r\n            props.data[category].map((item, i) => {\r\n                return (\r\n                  <div className={`item ${category === props.currentCategory && currentSelected && currentSelected.some(x => x.id === item.id) ? \"selected\" : getLentgh(category) === 3 ? \"black\" : \"\"} ${songsPlaying.current && songsPlaying.current[item.id] && !songsPlaying.current[item.id].audio.paused ? `playing` : \"\"}`} onClick={(e) => props.setItem(item, e)}>\r\n                    <div className=\"year\">{item.year}</div>\r\n                    <div className=\"img-container\">\r\n                      <img src={`${process.env.PUBLIC_URL}/images/items/${category}/${item.id}.jpg`} />\r\n                    </div>\r\n                    <div className=\"buttons\">\r\n                      <button className=\"add-desktop\">בחירה</button>\r\n                      <div className=\"add\"></div>\r\n                      {\r\n                        category === \"songs\"\r\n                          ?\r\n                          <div className={`add play ${songsPlaying.current && songsPlaying.current[item.id] && !songsPlaying.current[item.id].audio.paused ? `playing` : \"\"}`} onClick={() => songsPlaying.current && songsPlaying.current[item.id] ? pauseAudio(item.id) : playAudio(item.id)}>\r\n                            {\r\n                              songsPlaying.current && songsPlaying.current[item.id] ?\r\n                                <>\r\n                                  <CircleProgressBar progress={songsPlaying.current[item.id].progress} />\r\n                                </>\r\n                                : \"\"\r\n                            }\r\n                          </div>\r\n                          : \"\"\r\n                      }\r\n                    </div>\r\n                    <div className=\"item-details\">\r\n                      {\r\n                        item.singer ?\r\n                            <>\r\n                              <label className=\"name\">{item.name}</label>\r\n                              <label className=\"singer\">{item.singer}</label>\r\n                            </>\r\n                          : <label className=\"name\">{item.name}</label>\r\n                      }\r\n\r\n                      {/* <label className=\"name\">{item.name}</label> */}\r\n                    </div>\r\n                  </div>\r\n                )\r\n              })\r\n              : \"\"\r\n          }\r\n          </div>\r\n        </div>\r\n      ))\r\n    }\r\n    {\r\n      props.currentCategory === \"songs\" ?\r\n          <span id=\"audio-span\"></span>\r\n          : \"\"\r\n    }\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Items;\r\n","import React, { useState, createRef, useEffect } from 'react';\r\nimport './ItemsList.scss';\r\nimport Button from '../Button/Button';\r\nimport { isMobile, isIos } from '../../static/helper';\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\nimport { virtualPageView } from '../Analytics/Analytics';\r\n\r\n\r\nfunction ItemsList(props) {\r\n  // const [isThanksModalDisplay, setIsThanksModalDisplay] = useState(false);\r\n  const saveButtonCaptchaRef = createRef();\r\n\r\n  const onRemoveClick = (item, category) => {\r\n    props.setCategory(category);\r\n    props.setItem(item, null, props.categories[category].category, category);\r\n    props.setResultsDisplay(false);\r\n  }\r\n\r\n  const sendRes = async () => {\r\n    if (localStorage.getItem(\"dpaevfv_teu\")) props.setPageSection(\"oneTime\");\r\n    props.setisLoaderActive(true);\r\n    // var res = await props.postData(onCallback);\r\n    saveButtonCaptchaRef.current.execute();\r\n\r\n  }\r\n\r\n  // const onCallback = (res) => {\r\n  //   if (res === \"success\") {\r\n  //     props.setisLoaderActive(false);\r\n  //     localStorage.setItem(\"dpaevfv_teu\", true);\r\n  //     if (isMobile() || isIos()) {\r\n  //       props.setPageSection(\"thanks\");\r\n  //     }\r\n  //     else {\r\n  //       setIsThanksModalDisplay(true);\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  useEffect(() => {\r\n    virtualPageView(\"https://decadeparade.ynet.co.il/summery\", \"Summery\");\r\n  }, [])\r\n\r\n  return (\r\n    <>\r\n      <div className=\"list-container\">\r\n        {\r\n          props.categories.map((category, i) => (\r\n            <div className={`category-container ${category.category}`}>\r\n              <h2 className=\"category-title\">{category.title}</h2>\r\n              {\r\n                props.selectedItems[category.category].map((item, j) => (\r\n                  <div className=\"item\">\r\n                    <div className=\"remove\" onClick={() => onRemoveClick(item, i)}></div>\r\n                    <img src={`${process.env.PUBLIC_URL}/images/items/${category.category}/${item.id}.jpg`} />\r\n                    <div className=\"desc\">\r\n                      {item.singer ?\r\n                        isMobile() || isIos() ?\r\n                          <label className=\"singer\">{item.singer} <span>-</span> <span>{item.name}</span></label>\r\n                          :\r\n                          <>\r\n                            <label className=\"singer\">{item.singer}</label>\r\n                            <label className=\"title\">{item.name}</label>\r\n                          </>\r\n                        : <label className=\"title\">{item.name}</label>\r\n                      }\r\n                      <span className=\"year\">{item.year}</span>\r\n                    </div>\r\n                  </div>\r\n                ))\r\n              }\r\n            </div>\r\n          ))\r\n        }\r\n      </div>\r\n      <ReCAPTCHA ref={saveButtonCaptchaRef} sitekey={\"6LfoC3kUAAAAAPt8XZMzr6ljG2omdMJY7z8PPhpU\"} onChange={props.postData} className=\"save\" size=\"invisible\"/>\r\n      <Button text={\"סיימתי להצביע\"} onClickHandle={sendRes} class=\"save\" />\r\n    </>\r\n  );\r\n}\r\n\r\nexport default ItemsList;\r\n","import React from 'react'\r\nimport './loader.scss';\r\nconst Loader = (props) => {\r\n    return (\r\n        <div className={props.active ? \"loader-container active\" : \"loader-container\"}>\r\n            <div className=\"loader\"></div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Loader;","import React, {useEffect} from \"react\";\r\n\r\nimport \"./ThanksModal.scss\"\r\nimport Shares from \"../Shares/Shares\";\r\nimport { virtualPageView } from \"../Analytics/Analytics\";\r\n\r\nfunction ThanksModal(props) {\r\n  useEffect(() => {\r\n    virtualPageView(\"https://decadeparade.ynet.co.il/end\", \"End\");\r\n  }, [])\r\n  return (\r\n    <div className=\"thanks-modal-container\" onClick={props.onClickHandle}>\r\n      <div className=\"e-container\">\r\n        <div className=\"e1\"></div>\r\n        <div className=\"e2\"></div>\r\n        <h1 className=\"title\">תודה רבה על השתתפותך!</h1>\r\n        <h2>התוצאות יחשפו בפרויקט מיוחד של ynet ומוסף \"7 לילות\"</h2>\r\n        <Shares label=\"Finish Popup\"/>\r\n      </div>\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default ThanksModal;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./Votes.scss\"\r\nimport Items from \"../Items/Items.jsx\";\r\nimport data from '../../static/data/data.json';\r\nimport ItemsList from \"../ItemsList/ItemsList\";\r\nimport Loader from '../Loader/Loader';\r\nimport ThanksModal from '../ThanksModal/ThanksModal';\r\nimport { isMobile, isIos } from '../../static/helper';\r\nimport Header from \"../Header/Header\";\r\nimport { virtualPageView } from \"../Analytics/Analytics\";\r\n\r\nconst getShuffleData = (array) => {\r\n  Object.keys(array).map((item, i) => {\r\n    for (let i = array[item].length - 1; i > 0; i--) {\r\n      const j = Math.floor(Math.random() * i)\r\n      const temp = array[item][i]\r\n      array[item][i] = array[item][j]\r\n      array[item][j] = temp\r\n    }\r\n  })\r\n  return array;\r\n}\r\n\r\n\r\nconst Votes = (props) => {\r\n  const [isDataShuffled, setisDataShuffled] = useState(false);\r\n  const [dataShuffled, setData] = useState(data);\r\n  const [isResultsDisplay, setResultsDisplay] = useState(false);\r\n  const categories = [\r\n    {\r\n      category: \"movies\",\r\n      title: \"סרטים\"\r\n    },\r\n    {\r\n      category: \"series\",\r\n      title: \"סדרות\"\r\n    },\r\n    {\r\n      category: \"songs\",\r\n      title: \"שירים\"\r\n    }\r\n  ]\r\n  const [currentCategory, setCategory] = useState(categories[0].category);\r\n  const [selectedItems, setSelectedItems] = useState({})\r\n  const [currentCategoryIndex, setCategoryIndex] = useState(0);\r\n  const [isThanksModalDisplay, setIsThanksModalDisplay] = useState(false);\r\n  const [isLoaderActive, setisLoaderActive] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (currentCategoryIndex > -1 && currentCategoryIndex < categories.length) {\r\n      window.scrollTo(0, 0);\r\n      virtualPageView(`https://decadeparade.ynet.co.il/pick_${categories[currentCategoryIndex].category}`, `Pick ${categories[currentCategoryIndex].category}`)\r\n      if (selectedItems[categories[currentCategoryIndex].category] && selectedItems[categories[currentCategoryIndex].category].length === 3) {\r\n        setCategoryIndex(currentCategoryIndex);\r\n        setCategory(categories[currentCategoryIndex].category);\r\n        setResultsDisplay(false);\r\n        return;\r\n      }\r\n      setisLoaderActive(true);\r\n      setCategory(categories[currentCategoryIndex].category);\r\n      setTimeout(() => {\r\n        setisLoaderActive(false);\r\n      }, 300);\r\n    }\r\n    else {\r\n      console.log(selectedItems);\r\n      setResultsDisplay(true);\r\n    }\r\n  }, [currentCategoryIndex])\r\n\r\n  const postData = async (token, callback) => {\r\n    // window.grecaptcha.reset();\r\n    var res = await fetch(\r\n      // `http://localhost:53574/api/home`\r\n      // `https://qa-a.ynet.co.il/mshort/content/DecadeParade/API/api/home`\r\n      `https://z.ynet.co.il/mshort/content/DecadeParade/API/api/home`\r\n      , {\r\n        method: 'POST',\r\n        headers: {\r\n          'Content-Type': 'application/json'\r\n        },\r\n        body: JSON.stringify(selectedItems)\r\n      }).then(dataJS => {\r\n        // var t = dataJS.text();\r\n        return dataJS.json();\r\n      });\r\n    onCallback(res);\r\n  }\r\n\r\n  const onCallback = (res) => {\r\n    if (res === \"success\") {\r\n      setisLoaderActive(false);\r\n      localStorage.setItem(\"dpaevfv_teu\", true);\r\n      if (isMobile() || isIos()) {\r\n        props.setPageSection(\"thanks\");\r\n      }\r\n      else {\r\n        setIsThanksModalDisplay(true);\r\n      }\r\n    }\r\n  }\r\n\r\n  const checkItems = (items) => {\r\n    let res = -1;\r\n    categories.map((category, i) => {\r\n      if (res === -1 && ((items[category.category] && items[category.category].length < 3) || !items[category.category])) {\r\n        res = i;\r\n      }\r\n    });\r\n    return res;\r\n  }\r\n\r\n  const setItem = (item, e, specificCategory, specificCategoryIndex) => {\r\n    if (e && e.target.className.indexOf(\"play\") > -1) return;\r\n    let selectedItemsClone = { ...selectedItems };\r\n    let category = specificCategory || currentCategory;\r\n    let categoryIndex = specificCategoryIndex || currentCategoryIndex;\r\n    let currentItems = selectedItemsClone[category]\r\n    if (currentItems) {\r\n      if (currentItems.some(x => x.id === item.id)) {\r\n        selectedItemsClone[category] = currentItems.filter(x => x.id !== item.id);\r\n      }\r\n      else if (currentItems.length <= 2) {\r\n        selectedItemsClone[category] = [...currentItems, item];\r\n      }\r\n      if (selectedItemsClone[category].length === 3) {\r\n        let notFinish = checkItems(selectedItemsClone);\r\n        if (notFinish !== -1) {\r\n          setCategoryIndex(notFinish);\r\n        }\r\n        else {\r\n          setCategoryIndex(-1);\r\n          setResultsDisplay(true);\r\n        }\r\n      }\r\n    }\r\n    else {\r\n      selectedItemsClone[category] = [item]\r\n    }\r\n\r\n    setSelectedItems(selectedItemsClone);\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (typeof data !== 'undefined' && !isDataShuffled) {\r\n      setData(getShuffleData(data));\r\n      setisDataShuffled(true);\r\n    }\r\n\r\n  }, [isDataShuffled])\r\n\r\n  return (\r\n    <>\r\n      <Header\r\n        setPageSection={props.setPageSection}\r\n        isResultsDisplay={isResultsDisplay}\r\n        currentCategoryIndex={currentCategoryIndex}\r\n        isResultsDisplay={isResultsDisplay}\r\n        categories={categories}\r\n        currentCategory={currentCategory}\r\n        selectedItems={selectedItems}\r\n        setCategory={setCategoryIndex}\r\n        categoryIndex={currentCategoryIndex}\r\n        class=\"fixed\" />\r\n\r\n      <Loader active={isLoaderActive} />\r\n      <div className=\"votes-container\">\r\n        {isDataShuffled === true && !isResultsDisplay ?\r\n          <Items categoryIndex={currentCategoryIndex} setItem={setItem} selectedItems={selectedItems} currentCategory={currentCategory} data={dataShuffled} />\r\n          : isResultsDisplay ?\r\n            <>\r\n              {\r\n                isThanksModalDisplay ?\r\n                  <ThanksModal onClickHandle={() => props.setPageSection(\"home\")} />\r\n                  : \"\"\r\n              }\r\n              <ItemsList setisLoaderActive={setisLoaderActive} setPageSection={props.setPageSection} setResultsDisplay={setResultsDisplay} categories={categories} selectedItems={selectedItems} postData={postData} setCategory={setCategoryIndex} setItem={setItem} />\r\n            </>\r\n            : \"\"\r\n        }\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default Votes;\r\n","import React, {useEffect} from \"react\";\r\n\r\nimport \"./Thanks.scss\"\r\nimport Shares from \"../Shares/Shares\";\r\nimport { virtualPageView } from \"../Analytics/Analytics\";\r\n\r\nfunction Thanks(props) {\r\n  useEffect(() => {\r\n    virtualPageView(\"https://decadeparade.ynet.co.il/end\", \"End\");\r\n  }, [])\r\n  return (\r\n    <div className=\"thanks-container\">\r\n      <div className=\"e-container\">\r\n        <div className=\"e1\"></div>\r\n        <div className=\"e2\"></div>\r\n      </div>\r\n      <h1 className=\"title\">תודה רבה על השתתפותך!</h1>\r\n      <h2>התוצאות יחשפו בפרויקט מיוחד של ynet ומוסף \"7 לילות\"</h2>\r\n      <Shares />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Thanks;\r\n","import React, { useState } from 'react';\nimport Header from '../Header/Header'\nimport Footer from '../Footer/Footer'\nimport Home from '../Home/Home'\nimport './App.scss';\nimport \"../../static/fonts/heebo/stylesheet.css\";\nimport Votes from '../Votes/Votes';\nimport Thanks from '../Thanks/Thanks';\nimport { getCookie } from '../../static/helper';\n\nfunction App() {\n  const [section, setSection] = useState(\"home\");\n  const [oneTimeDisplay, setOneTimeDisplay] = useState(false);\n  const getSection = () => {\n    switch (section) {\n      case \"home\":\n        return <Home oneTimeDisplay={oneTimeDisplay} setPageSection={setPageSection} />\n      case \"votes\":\n        return <Votes setPageSection={setPageSection} />;\n      case \"thanks\":\n        return <Thanks />;\n      default:\n        return <Home />\n    }\n  }\n\n  const setPageSection = (section) => {\n    if (section === \"votes\") {\n      if (localStorage.getItem(\"dpaevfv_teu\")) {\n        setOneTimeDisplay(true);\n        return;\n      }\n    }\n    setSection(section);\n  }\n\n  return (\n    <div className=\"App\">\n      <div className=\"body-container\">\n        {getSection()}\n      </div>\n      <Footer />\n    </div>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './components/App/App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(<App />, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}