{"version":3,"sources":["ApplicationContent/ApplicationContent.jsx","Components/Services/Agent.js","Components/Footer/Footer.jsx","Components/Services/Base.js","Components/Services/GoogleAnalytics.js","Components/Article/Article.jsx","Components/Services/Sharing.js","Components/Header/Header.jsx","Components/Welcome/Welcome.jsx","Components/ArticleSec/ArticleSec.jsx","Components/Map/Map.jsx","Components/Fight/Fight.jsx","Components/MainPage/MainPage.jsx","Components/App/App.jsx","index.js"],"names":["Provider","createContext","AppProvider","children","useState","state","formState","actions","setFormState","value","mobile","test","navigator","userAgent","substr","Footer","LocalHost","QADomain","PRODDomain","className","href","title","target","Environment","isLocalhost","Boolean","window","location","hostname","match","isQA","isTest","isSource","GA_Push","event","action","label","_category","data","Category","Action","Label","dataLayer","push","_log","GA_VPush","url","virtualPageURL","pathname","virtualPageTitle","document","console","log","Article","id","useLocation","slice","length","articleSecRef","useRef","useEffect","spotimScript","querySelector","setAttribute","scrollTo","MutationObserver","mutationsList","observer","mutation","type","textContent","disconnect","attributeName","observe","current","attributes","childList","subTree","addEventListener","setTimeout","removeDuplicateVideos","videoContainer","videoID","querySelectorAll","i","remove","ref","articleId","data-spotim-module","data-post-url","data-article-tags","data-post-id","faceUrlToShare","textToShare","Header","open","setOpen","path","headerRef","onClick","getElementById","click","encodeURIComponent","history","back","Welcome","scrollIntoView","behavior","block","inline","ArticleSec","IntersectionObserver","entries","forEach","entry","isIntersecting","classList","add","root","threshhold","rootMargin","li","desc","link","map","a","key","Map","open2","setOpen2","open3","setOpen3","open4","setOpen4","open5","setOpen5","open6","setOpen6","open7","setOpen7","open8","setOpen8","open9","setOpen9","class","vw1920","px","Fight","scrollRef","demoScrollerRef","widthCalc","items","style","width","wrapper1","wrapper2","onscroll","scrollLeft","childNodes","innerText","unobserve","MainPage","analArr","counter","header","backgroundColor","App","exact","render","ReactDOM"],"mappings":"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","file":"static/js/main.5920d868.chunk.js","sourcesContent":["import React, { useState, createContext } from \"react\";\r\n\r\nconst AppContext = createContext();\r\nconst { Provider } = AppContext;\r\n\r\nconst AppProvider = ({ children }) => {\r\n    const [formState, setFormState] = useState('form');\r\n\r\n    const state = {\r\n        formState,\r\n    };\r\n\r\n    const actions = {\r\n        setFormState,\r\n    };\r\n    return <Provider value={{ ...state, ...actions }}>{children}</Provider>;\r\n};\r\n\r\nexport { AppProvider, AppContext };\r\n","const mobile = () => {\r\n    return /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|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|phone)|xda|xiino/i.test(navigator.userAgent)\r\n        || /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(navigator.userAgent.substr(0, 4));\r\n}\r\nconst ios = () => {\r\n    return window.navigator.userAgent.match(/iPhone/i);\r\n}\r\n\r\nconst isEmulated = () => {\r\n    return (navigator.userAgent.match(/(android|ip(hone|ad|od))/i) && (!navigator.platform || !navigator.platform.match(/(win|mac)/i))) || navigator.userAgent.match(/(windows phone|iemobile|wpdesktop|blackberry)/i);\r\n}\r\n\r\nexport {\r\n    isEmulated,\r\n    mobile,\r\n    ios\r\n}","import './Footer.scss'\r\nimport React from 'react'\r\nimport { mobile } from '../Services/Agent'\r\n\r\nfunction Footer(){\r\n\r\n    return(\r\n        <footer>\r\n            <div className=\"black_line\"></div>\r\n            <div className=\"credits_wrapper\">\r\n    {/* <div className=\"credit\">עריכה: יהונתן בני\"ה {mobile() ? <br /> : \"|\" } ניהול תוכן וידיאו: נועה גליקשטיין-קרן וגיא זקהם {mobile() ? <br /> : \"|\" } לוח אירועים: טלי פרקש</div> */}\r\n    <div className=\"credit\">\r\n    <bold>עריכה:</bold> יהונתן בני\"ה { \"|\" }\r\n    <bold>ניהול תוכן וידיאו:</bold>  נועה גליקשטיין-קרן וגיא זקהם { \"|\" }\r\n    <bold>לוח אירועים:</bold> טלי פרקש {mobile() ? <br /> : \"\" } { \"|\" }\r\n    <bold>יעוץ:</bold> הרב ד\"ר חיים בורגנסקי \r\n    </div>\r\n                {/* <div className=\"names\">תמונות: אורי דוידוביץ', AP, gettyimages, shutterstock</div> */}\r\n                <div className=\"names\"> <bold>תמונות:</bold>  אורי דוידוביץ', AP, gettyimages, shutterstock</div>\r\n            </div>\r\n                <div className=\"footer-wrapper\">\r\n                    <div className=\"f-item\">\r\n                        <a href=\"https://z.ynet.co.il/short/content/2018/privacypolicy/terms.html\" title=\"\" target=\"_blank\">\r\n                        תנאי שימוש\r\n                        </a>{\" \"}\r\n                        \r\n                        <a href=\"https://z.ynet.co.il/short/content/2018/privacypolicy/policy.html\" title=\"\" target=\"_blank\">\r\n                            ומדיניות פרטיות\r\n                        </a>{\" \"}\r\n                        {\" \"}\r\n                        |{\" \"}\r\n                    </div>\r\n                    &nbsp;\r\n                    <div className=\"f-item\">\r\n                        <a href=\"https://yit.co.il/\" target=\"_blank\">\r\n                            עיצוב אפיון ופיתוח \r\n                            <div className=\"yit\"></div>\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n        </footer>\r\n    )\r\n}\r\n\r\nexport default Footer;\r\n","const Environment = () => {\r\n    var isLocalhost = Boolean(\r\n        window.location.hostname === 'localhost' ||\r\n        window.location.hostname === '[::1]' ||\r\n        window.location.hostname.match(\r\n            /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n        )\r\n    );\r\n\r\n    var isQA = Boolean(\r\n        window.location.href.match(\"source-qa\") ||\r\n        window.location.href.match(\"qa.\")\r\n    );\r\n\r\n    var isSource = Boolean(\r\n        window.location.href.match(\"source-\")\r\n    );\r\n\r\n    return {\r\n        isLocalhost: isLocalhost,\r\n        isQA: isQA,\r\n        isTest: (isQA || isLocalhost),\r\n        isSource: isSource\r\n    };\r\n}\r\nconst switchURLapi = (LocalHost, QADomain, PRODDomain) => {\r\n    if (Environment().isLocalhost) {\r\n        return LocalHost;\r\n    } else {\r\n        if (Environment().isQA) {\r\n            return QADomain;\r\n        } else {\r\n            if (Environment().isQA) {\r\n                return QADomain;\r\n            } else {\r\n                return PRODDomain;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nconst apiURL = switchURLapi(\"https://localhost:44381/api/\",\r\n    \"http://source-qa-a.ynet.co.il/mShort/generics/Leads/api/api/\",\r\n    \"https://z.ynet.co.il/mShort/generics/Leads/api/api/\");\r\n\r\nexport {\r\n    Environment,\r\n    apiURL\r\n}","import { Environment } from \"./Base\";\r\n\r\nconst Category = \"Lebanon20\";\r\n\r\nconst GA_Push = (event = \"GA_Event\", action, label=\"Lebanon20\", _category) => {\r\n  var data = {\r\n    event,\r\n    Category: _category ? _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  _log(data);\r\n};\r\nconst GA_VPush = (title, url) => {\r\n  var data = {\r\n    event: \"virtualPageview\",\r\n    virtualPageURL: url ? url : window.location.pathname,\r\n    virtualPageTitle: title ? title : window.document.title\r\n  };\r\n  if (window.dataLayer) {\r\n    window.dataLayer.push(data);\r\n  }\r\n  _log(data);\r\n};\r\n\r\nconst _log = data => (Environment().isLocalhost || Environment().isQA ? console.log(data) : null);\r\n\r\nexport { GA_Push, GA_VPush };\r\n","import React, { useEffect, useRef } from 'react'\r\nimport { useLocation } from 'react-router-dom';\r\nimport './Article.scss'\r\nimport { VignetteArticle } from 'react-vignette';\r\nimport { GA_VPush } from \"../Services/GoogleAnalytics\";\r\n\r\nexport default function Article() {\r\n    // The prop id\r\n    let id = useLocation().pathname.slice(1, useLocation().pathname.length)\r\n    let articleSecRef = useRef()\r\n\r\n\r\n    useEffect(() => {\r\n        //Spot IM required changes in their attributes\r\n        let spotimScript = document.querySelector(\"#templemount\")\r\n        spotimScript.setAttribute(\"data-post-url\", \"https://z.ynet.co.il/short/content/2020/TempleMount/#/\" + id)\r\n        spotimScript.setAttribute(\"data-post-id\", id)\r\n\r\n        //Scrolls to the top when going to the top\r\n        window.scrollTo(0, 0)\r\n\r\n        // Mutation Observer\r\n        // Analitics - Virtual page push\r\n        const config = { attributes: true, childList: true, subTree: true }\r\n        const mutationHandler = (mutationsList, observer) => {\r\n            for (let mutation of mutationsList) {\r\n                if (mutation.type === 'childList') {\r\n                    GA_VPush(\"הר המריבה - \" + document.querySelector(\"#artiheader h1\").textContent, `/templemount/article/${id}`);\r\n                    observer.disconnect();\r\n                    return;\r\n                }\r\n                else if (mutation.type === 'attributes') {\r\n                    console.log('The ' + mutation.attributeName + ' attribute was modified.');\r\n                }\r\n            }\r\n        }\r\n\r\n        const observer = new MutationObserver(mutationHandler)\r\n\r\n        observer.observe(articleSecRef.current, config)\r\n\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        window.addEventListener(\"load\", () => {\r\n            window.setTimeout(() => {\r\n                removeDuplicateVideos();\r\n            }, 500);\r\n            window.setTimeout(() => {\r\n                removeDuplicateVideos();\r\n            }, 1000);\r\n        })\r\n    }, []);\r\n\r\n    const removeDuplicateVideos = () => {\r\n        let videoContainer = window.document.querySelector(\".flp6ScriptContainer\");\r\n        if (videoContainer) {\r\n            let videoID = videoContainer.querySelectorAll(\"video\");\r\n            for (let i = 1; i < videoID.length; i++)\r\n                videoID[i].remove();\r\n        }\r\n    }\r\n\r\n    // Article Test id 5756290      @@@@\r\n    return (\r\n        <section className=\"article_sec\">\r\n            <div className=\"vin_wrapper\" ref={articleSecRef}>\r\n                <VignetteArticle articleId={id} />\r\n            </div>\r\n            <div id=\"spot\" data-spotim-module=\"conversation\" data-post-url=\"ARTICLE_URL\" data-article-tags=\"ARTICLE_TOPIC1, ARTICLE_TOPIC2\" data-post-id={`${id}`}></div>\r\n        </section>\r\n    )\r\n}\r\n","import { GA_Push } from \"./GoogleAnalytics\";\r\nimport { mobile } from \"./Agent\";\r\n\r\nvar urlToShare = window.location.href;\r\nvar faceUrlToShare = `https://z.ynet.co.il/short/content/2020/templemount/?utm_source=${mobile() ? \"m.ynet.co.il\":\"ynet.co.il\"}&utm_medium=social&utm_campaign=facebook&utm_term=lebanon20`\r\nvar textToShare = `20 שנה לפרוץ האינתיפאדה השנייה >> https://z.ynet.co.il/short/content/2020/templemount/?utm_source=${mobile() ? \"m.ynet.co.il\":\"ynet.co.il\"}&utm_medium=social&utm_campaign=`;\r\n\r\nconst shareFacebook = () => {\r\n  GA_Push(\"Share_Events\", \"Share From Site Head\" ,\"Facebook\" , \"Social\");\r\n  window.open(\"http://www.facebook.com/share.php?u=\" + encodeURIComponent(faceUrlToShare), \"_blank\");\r\n};\r\n\r\nconst shareTwitter = () => {\r\n  GA_Push(\"Share_Events\", \"Share From Site Head\"  , \"Twitter\", \"Social\");\r\n  window.open(\"https://twitter.com/intent/tweet?text=\" + encodeURIComponent(textToShare + \"twitter&utm_term=templemount\"), \"_blank\");\r\n  \r\n};\r\n\r\nconst shareWhatsapp = () => {\r\n  GA_Push(\"Share_Events\", \"Share From Site Head\"  , \"Whatsapp\", \"Social\");\r\n  if (mobile()) {\r\n    window.open(\"whatsapp://send?text=\" + encodeURIComponent(textToShare + \"whatsapp&utm_term=templemount\"), \"_parent\");\r\n  } else {\r\n    window.open(\"https://web.whatsapp.com/send?phone=&text=\" + encodeURIComponent(textToShare + \"whatsapp&utm_term=templemount\"), \"_blank\");\r\n  }\r\n};\r\n\r\nconst openNegishut = () => {\r\n  window.document.getElementById(\"INDmenu-btn\").click();\r\n  GA_Push(\"Accessibility\", \"Open_Accessibility_Clicked\");\r\n};\r\n\r\nexport { shareFacebook, shareTwitter, shareWhatsapp, openNegishut };\r\n","import React, { useState, useEffect, useRef } from 'react'\r\nimport { mobile } from '../Services/Agent'\r\nimport \"./Header.scss\"\r\nimport { useLocation, Link } from 'react-router-dom';\r\nimport { shareFacebook, shareWhatsapp, openNegishut } from \"../Services/Sharing\";\r\n\r\nfunction vw1920(px) {\r\n    return (px / 1920) * 100;\r\n}\r\n\r\nfunction vw(px) {\r\n    return (px / 640) * 100;\r\n}\r\n\r\nexport default function Header() {\r\n    const [open, setOpen] = useState(false)\r\n    let path = useLocation().pathname\r\n    let headerRef = useRef();\r\n    let isArticle = path === \"/\" ? false : true\r\n\r\n    function handleBack() {\r\n        // let f_title = document.querySelector(\".fight_title\")\r\n        // f_title.scrollIntoView()\r\n        // window.scrollTo(0 , mobile() ? vw(300) : vw1920(1000))\r\n\r\n        if (window.history.length <= 1) {\r\n            window.location.href = \"https://z.ynet.co.il/short/content/2020/templemount/#/\";\r\n            return;\r\n        }\r\n        window.history.back();\r\n    }\r\n\r\n    return (\r\n        <header ref={headerRef} className={`header ${path !== \"/\" && \"h_article\"}`}>\r\n            <div className=\"left_wrapper\">\r\n                <div className=\"ngishut icon\" onClick={() => openNegishut()}></div>\r\n                <div className={`share icon ${open && \"open\"}`} onClick={() => setOpen(!open)}></div>\r\n                <div className={`fb icon ${open && \"open\"}`} onClick={() => shareFacebook()}></div>\r\n                <div className={`wa icon ${open && \"open\"}`} onClick={() => shareWhatsapp()}></div>\r\n                {\r\n                    path !== \"/\" && <Link className=\"back\" onClick={() => handleBack()}>חזרה לכתבות</Link>\r\n                }\r\n            </div>\r\n            <div className=\"right_wrapper\">\r\n                <a target=\"_blank\" href=\"https://www.ynet.co.il/home/0,7340,L-8,00.html\" className=\"ynet icon\"></a>\r\n                {\r\n                    path !== \"/\" && <div className=\"meriva\">הר המריבה</div>\r\n                }\r\n            </div>\r\n        </header>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport \"./Welcome.scss\";\r\n\r\nexport default function Welcome() {\r\n    function handleClick(){\r\n        document.querySelector(\".map\").scrollIntoView({behavior: \"smooth\", block: \"center\", inline: \"nearest\"})\r\n    }\r\n    return (\r\n        <section className=\"welcome watch watch_header\">\r\n            <div className=\"wrapper\">\r\n                <div className=\"title main_header\">הר המריבה</div>\r\n                <div className=\"subtitle\">עקדת יצחק, בית המקדש והמקום שבו עלה מוחמד השמיימה. הר הבית הפך ל\"חבית הנפץ\" של המזרח התיכון, שכבר התפוצצה פעם אחת לפני 20 שנה בדיוק. פרויקט מיוחד</div>\r\n                <div className=\"arrow\" onClick={() => handleClick()}></div>\r\n            </div>\r\n        </section>\r\n    )\r\n}\r\n","import React,{useEffect} from 'react';\r\nimport \"./ArticleSec.scss\";\r\nimport { Link } from 'react-router-dom';\r\nimport { GA_VPush,GA_Push } from '../Services/GoogleAnalytics';\r\n\r\nexport default function ArticleSec() {\r\n    let items = [{ title: \"20 הדקות ששינו את המזרח התיכון \", desc: \"גורמי הביטחון לא הזהירו מראש את אריאל שרון, ראש הממשלה ברק פחד להתריע, וככה עליית יו\\\"ר האופוזיציה להר הבית, לפני 20 שנה, הפכה לגפרור שהצית את להבות האינתיפאדה. האנשים שהיו על ההר, משני עברי המתרס, והבכירים שידעו והזהירו משחזרים\", link: \"Sycj0bUEP\" },\r\n                 { title: \"אנשי ההר\" , desc: \"עבור פח'רי מסגד אל-אקצא מסמל את החירות האיסאלמית ופגיעה בו היא קו אדום. תום נזעק מהאיסור על יהודים להתפלל בהר כיום ומייחל להקמת בית המקדש השלישי. שני אנשים, דתות שונות, מקום אחד\", link: \"B1vRC11L4D\"},\r\n                 { title: \"הקרב ההלכתי על ההר\" , desc: \"שחרור הר הבית במלחמת ששת הימים הציף מחדש את המחלוקת האמונית ההיסטורית האם מותר לבקר במקום הקדוש ביותר ביהדות. לצד העמדה העקבית של הרבנות הראשית האוסרת את העלייה, מתרחבת המגמה בקרב רבנים שתומכים בעלייה להר\", link: \"Bkk9MNLVD\"},\r\n                 { title: '\"החמצה גדולה מאוד\"' , desc: \"הר הבית הוא אחד האתרים המסקרנים ביותר מבחינה ארכיאולוגית – המקום שבו היה בית המקדש, כיפת הסלע, מסגד אל-אקצא. העובדה שמדובר במקום רגיש מבחינה דתית, שעורר לא פעם סכסוכים, גרמה לכך שהוא מעולם לא נחקר בצורה מעמיקה. זה מה שאנחנו יודעים בינתיים על הארכיאולוגיה בהר\", link: \"rkfaRW8ND\"},\r\n                ]\r\n    // Thats For Analitics VPush\r\n    useEffect(() => {\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        //     const h1 = entry.target.querySelector(\"h1\").innerText\r\n        //     GA_VPush(`/communities/${h1}` , `${h1}`)\r\n        //     observer.unobserve(entry.target);\r\n        //     })\r\n        // }, options);\r\n        // const wantedNodes = document.querySelectorAll(\".c_watch\");\r\n        // wantedNodes.forEach((li) => {\r\n        //     observer.observe(li);\r\n        // });\r\n        }, []);\r\n\r\n        // Thats for animations\r\n        useEffect(() => {\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            // Do the action on intersect section\r\n            entry.target.classList.add(\"animate_in\")\r\n            })\r\n        }, options);\r\n        const wantedNodes = document.querySelectorAll(\".watch_animate\");\r\n        wantedNodes.forEach((li) => {\r\n            observer.observe(li);\r\n        });\r\n        }, []);\r\n\r\n        function handleNavigation(title){\r\n            GA_Push(\"navigation_events\" , \"Click to Article\",title , \"navigation\")\r\n        }\r\n\r\n    return (\r\n        <section className=\"article_sec\">\r\n             {/* <div className=\"fight_title a_sec\">כותרת לכתבות<div className=\"rect a_sec\"></div><div className=\"top_line\"></div></div> */}\r\n             {\r\n                 items.map((a , i) => (\r\n                     <div key={a.link} className=\"item_wrapper watch watch_animate\">\r\n                         <div className=\"image_wrapper\">\r\n                             <div className={`item_image item_${i+1}`}></div>\r\n                             <div className=\"black_line\"></div>\r\n                         </div>\r\n                         <div className=\"content_wrapper\">\r\n                            <div className=\"item_title\">{a.title}</div>\r\n                             <div className=\"item_desc\">{a.desc}</div>\r\n                             <a href={\"https://www.ynet.co.il/news/article/\" + a.link} target=\"_blank\" className=\"article_link\" onClick={() => handleNavigation(a.title)}>לקריאת הכתבה<div className=\"black_rect\"></div></a>\r\n                         </div>\r\n                     </div>\r\n                 ))\r\n             }\r\n        </section>\r\n    )\r\n}\r\n","import React,{useState , useEffect} from 'react'\r\nimport \"./Map.scss\"\r\n\r\nexport default function Map() {\r\n    const [open, setOpen] = useState(false)\r\n    const [open2, setOpen2] = useState(false)\r\n    const [open3, setOpen3] = useState(false)\r\n    const [open4, setOpen4] = useState(false)\r\n    const [open5, setOpen5] = useState(false)\r\n    const [open6, setOpen6] = useState(false)\r\n    const [open7, setOpen7] = useState(false)\r\n    const [open8, setOpen8] = useState(false)\r\n    const [open9, setOpen9] = useState(false)\r\n\r\n    function handleClick(e){\r\n        // e.target.classList.remove(\"closed\")\r\n        // let classes = e.target.classList.value;\r\n        // // console.log(classes.contains(\"\"))\r\n        // if(e.target.classList.value.includes(\"open\")){\r\n        //     e.target.classList.add(\"closed\")\r\n        //     e.target.classList.toggle(\"open\")\r\n        // }\r\n    }\r\n    useEffect(() => {\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                entry.target.classList.add(\"vibe\")\r\n            })\r\n        }, options);\r\n        const wantedNodes = document.querySelectorAll(\".hand\");\r\n        wantedNodes.forEach((li) => {\r\n          observer.observe(li);\r\n        });\r\n      }, []);\r\n\r\n    return (\r\n        <section className=\"map_sec watch\">\r\n            <div className=\"map_credit\">צילום: דוד רובינגר, נתונים: צחי דבירה</div>\r\n            <div className=\"hand_wrapper\">\r\n                <div className=\"hand\"></div>\r\n            </div>\r\n            <div className=\"map\">\r\n                <div className={`dot dot_1 ${open ? \"open\" : \"closed\"}`} onClick={() => setOpen(!open)}><i class=\"fas fa-times\"></i></div>\r\n                <div className={`dot dot_2 ${open2 ? \"open\" : \"closed\"}`} onClick={() => setOpen2(!open2)}><i class=\"fas fa-times\"></i></div>\r\n                <div className={`dot dot_3 ${open3 ? \"open\" : \"closed\"}`} onClick={() => setOpen3(!open3)}><i class=\"fas fa-times\"></i></div>\r\n                <div className={`dot dot_4 ${open4 ? \"open\" : \"closed\"}`} onClick={() => setOpen4(!open4)}><i class=\"fas fa-times\"></i></div>\r\n                <div className={`dot dot_5 ${open5 ? \"open\" : \"closed\"}`} onClick={() => setOpen5(!open5)}><i class=\"fas fa-times\"></i></div>\r\n                <div className={`dot dot_6 ${open6 ? \"open\" : \"closed\"}`} onClick={() => setOpen6(!open6)}><i class=\"fas fa-times\"></i></div>\r\n                <div className={`dot dot_7 ${open7 ? \"open\" : \"closed\"}`} onClick={() => setOpen7(!open7)}><i class=\"fas fa-times\"></i></div>\r\n                <div className={`dot dot_8 ${open8 ? \"open\" : \"closed\"}`} onClick={() => setOpen8(!open8)}><i class=\"fas fa-times\"></i></div>\r\n                <div className={`dot dot_9 ${open9 ? \"open\" : \"closed\"}`} onClick={() => setOpen9(!open9)}><i class=\"fas fa-times\"></i></div>\r\n            </div>\r\n        </section>\r\n    )\r\n}\r\n","import React,{useRef, useEffect} from 'react';\r\nimport \"./Fight.scss\";\r\nimport { GA_Push } from \"../Services/GoogleAnalytics\";\r\nimport { mobile } from \"../Services/Agent\";\r\nimport { items } from \"./Fight.json\"\r\n\r\nfunction vw1920(px) {\r\n    return (px/1920) *100;\r\n}\r\n\r\nconst Fight = () => {\r\n    let scrollRef = useRef();\r\n    let demoScrollerRef = useRef();\r\n\r\n    //Upper Scroll magic trick \r\n    useEffect(() => {\r\n        let widthCalc = (items.length * vw1920(420)) + (items.length * vw1920(200)) + \"vw\"\r\n        demoScrollerRef.current.style.width = widthCalc\r\n        let wrapper1 = document.querySelector('.slider_wrapper');\r\n        // let wrapper1 = scrollRef\r\n        let wrapper2 = document.querySelector('.scroll_wrapper');\r\n        wrapper1.onscroll = function() {\r\n        wrapper2.scrollLeft = wrapper1.scrollLeft;\r\n        };\r\n        wrapper2.onscroll = function() {\r\n        wrapper1.scrollLeft = wrapper2.scrollLeft;\r\n        };\r\n    })\r\n\r\n    //Slide\\Swipe Events Observer\r\n    useEffect(() => {\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        let id = 0\r\n        const observer = new IntersectionObserver(function (entries, observer) {\r\n          entries.map((entry ,i ) => {\r\n            if (!entry.isIntersecting)return;\r\n            id++\r\n            switch (id){\r\n                case ~~(items.length/4)+1:\r\n                    GA_Push(\"navigation_events\" , \"25%\" ,entry.target.childNodes[0].innerText , \"navigation\" )\r\n                    break;\r\n                case ~~(items.length/2):\r\n                    GA_Push(\"navigation_events\" , \"50%\" ,entry.target.childNodes[0].innerText , \"navigation\" )\r\n                    break;\r\n                case ~~(items.length/1.3):\r\n                    GA_Push(\"navigation_events\" , \"75%\" ,entry.target.childNodes[0].innerText , \"navigation\" )\r\n                    break;\r\n                case ~~(items.length):\r\n                    GA_Push(\"navigation_events\" , \"100%\" ,entry.target.childNodes[0].innerText , \"navigation\" )\r\n                    break;\r\n                \r\n                default:\r\n                    return;\r\n            }\r\n            // GA_Push(\"navigation_events\" , mobile() ? \"Swipe\" : \"Slide\" ,entry.target.childNodes[0].innerText , \"navigation\" )\r\n            observer.unobserve(entry.target);\r\n            })\r\n        }, options);\r\n        const wantedNodes = document.querySelectorAll(\".watch_item\");\r\n        wantedNodes.forEach((li) => {\r\n          observer.observe(li);\r\n        });\r\n      }, []);\r\n\r\n    return (\r\n        <section className=\"fight watch\">\r\n            <div className=\"fight_title\">הקרב על ההר<div className=\"rect\"></div><div className=\"top_line\"></div></div>\r\n            <div className=\"scroll_wrapper\">\r\n                <div className=\"scroller\" ref={demoScrollerRef}></div>\r\n            </div>\r\n            <div className=\"slider_wrapper\" ref={scrollRef}>\r\n                {\r\n                    items.map((a , i) => (\r\n                        <div key={a.title} className={`slider_item watch_item`}>\r\n                            <div className=\"img_title_wrapper\">\r\n                                <div className={`img img_${i+1}`}></div>\r\n                                <div className=\"title_number_wrapper\">\r\n                                    <div className=\"number\">{i+1}</div>\r\n                                    <div className=\"si_title\">{a.title}</div>\r\n                                </div>\r\n                            </div>\r\n                                <div className=\"si_desc\">{a.desc}</div>\r\n                        </div>\r\n                    ))\r\n                }\r\n            </div>\r\n        </section>\r\n    )\r\n}\r\n\r\nexport default Fight;","import React,{useEffect} from 'react'\r\nimport Header from '../Header/Header'\r\nimport Welcome from '../Welcome/Welcome'\r\nimport ArticleSec from '../ArticleSec/ArticleSec'\r\nimport Map from '../Map/Map'\r\nimport { GA_VPush } from \"../Services/GoogleAnalytics\";\r\nimport Fight from '../Fight/Fight.jsx';\r\n\r\nexport default function MainPage() {\r\n    let analArr = [\"ראשי\" , \"מפת ההר\" , \"האירועים על ההר\",\"חצי שעה ששינתה את המזרח התיכון\" ,\r\n                   \" אנשי הר הבית\" , \"הסוויץ האמוני\",\"פן ארכיאולוגי\"]\r\n    let counter = -1\r\n    //VPush Observer\r\n    useEffect(() => {\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            counter++\r\n            // console.log(\"@@@@@@@@@@@@@@@@@@@@@@@    \" , counter)\r\n            const title = \"הר המריבה - \" + analArr[counter];\r\n            GA_VPush( `${title}` , `/templemount/${title}` )\r\n            // console.log(`/templemount/${title}` , `${title}`)\r\n            observer.unobserve(entry.target);\r\n            })\r\n        }, options);\r\n        const wantedNodes = document.querySelectorAll(\".watch\");\r\n        wantedNodes.forEach((li) => {\r\n          observer.observe(li);\r\n        });\r\n      }, []);\r\n\r\n    // Header color intersection observer\r\n    useEffect(() => {\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          let header = document.querySelector(\".header\")\r\n          entries.forEach((entry) => {\r\n            if (!entry.isIntersecting) {\r\n                header.style.backgroundColor = \"#00000080\"\r\n            }else{\r\n                header.style.backgroundColor = \"transparent\"\r\n            }\r\n            })\r\n        }, options);\r\n        const wantedNodes = document.querySelectorAll(\".watch_header\");\r\n        wantedNodes.forEach((li) => {\r\n          observer.observe(li);\r\n        });\r\n      }, []);\r\n\r\n    return (\r\n        <>\r\n            <Welcome />\r\n            <Map />\r\n            <Fight />\r\n            <ArticleSec />\r\n        </>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport { HashRouter as Router, Route } from 'react-router-dom';\r\nimport { AppProvider } from '../../ApplicationContent/ApplicationContent';\r\nimport Footer from '../Footer/Footer';\r\nimport Article from '../Article/Article';\r\nimport MainPage from '../MainPage/MainPage';\r\nimport Header from '../Header/Header';\r\n\r\nfunction App() {\r\n  return (\r\n    <>\r\n    <Router>\r\n        <AppProvider>\r\n          <Header />\r\n          <Route exact path=\"/\" render={() => <MainPage />} />\r\n          <Route exact path=\"/:id\" render={() => <Article />} />\r\n          <Footer />\r\n        </AppProvider>\r\n    </Router>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\n// import { HashRouter as Router } from 'react-router-dom';\r\nimport App from \"./Components/App/App.jsx\";\r\n\r\nReactDOM.render(<App />\r\n    , document.getElementById(\"root\"));"],"sourceRoot":""}