{"version":3,"sources":["Components/Services/Base.js","ApplicationContent/ApplicationContent.jsx","Components/Services/Agent.js","Components/Services/GoogleAnalytics.js","Components/Services/Sharing.js","Components/Header/Header.jsx","Components/Upper/Upper.jsx","Components/VideoPart/VideoPart.jsx","Components/InfoPart/InfoPart.jsx","Components/Footer/Footer.jsx","Components/Gallery/Gallery.jsx","Components/App/App.jsx","serviceWorker.js","index.js"],"names":["LocalHost","QADomain","PRODDomain","Provider","createContext","AppProvider","children","useState","state","formState","actions","setFormState","value","mobile","test","navigator","userAgent","substr","Environment","isLocalhost","Boolean","window","location","hostname","match","isQA","href","isTest","isSource","GA_Push","event","action","label","_category","data","Category","Action","Label","dataLayer","push","_log","console","log","faceUrlToShare","textToShare","shareFacebook","open","encodeURIComponent","shareTwitter","shareWhatsapp","openNegishut","document","getElementById","click","Header","setOpen","scrollMachine","name","video","querySelector","info","gallery","scrollIntoView","behavior","block","inline","className","target","onClick","Upper","useEffect","paraTitle","addEventListener","offset","pageYOffset","calc","style","transform","VideoPart","yitVideo","stream","title","ads","id","data-title","InfoPart","start","setStart","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","classList","node","add","root","threshhold","rootMargin","querySelectorAll","li","observe","end","duration","Footer","Gallery","center","setCenter","settings","centerMode","infinite","centerPadding","slidesToShow","focusOnSelect","index","alt","link","map","cell","App","ReactDOM","render","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.11cfaa19.chunk.js","sourcesContent":["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 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 { 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 { 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/Lebanon20/?utm_source=${mobile() ? \"m.ynet.co.il\":\"ynet.co.il\"}&utm_medium=social&utm_campaign=facebook&utm_term=lebanon20`\r\nvar textToShare = `20 שנה לנסיגה מלבנון - ynet >> https://z.ynet.co.il/short/content/2020/Lebanon20/?utm_source=${mobile() ? \"m.ynet.co.il\":\"ynet.co.il\"}&utm_medium=social&utm_campaign=`;\r\n\r\nconst shareFacebook = (label) => {\r\n  GA_Push(\"Share_Events\", \"Share From \" + label ,\"Facebook\" , \"Social\");\r\n  window.open(\"http://www.facebook.com/share.php?u=\" + encodeURIComponent(faceUrlToShare), \"_blank\");\r\n};\r\n\r\nconst shareTwitter = (label) => {\r\n  GA_Push(\"Share_Events\", \"Share From \" + label , \"Twitter\", \"Social\");\r\n  window.open(\"https://twitter.com/intent/tweet?text=\" + encodeURIComponent(textToShare + \"twitter&utm_term=lebanon20\"), \"_blank\");\r\n  \r\n};\r\n\r\nconst shareWhatsapp = (label) => {\r\n  GA_Push(\"Share_Events\", \"Share From \" + label , \"Whatsapp\", \"Social\");\r\n  if (mobile()) {\r\n    window.open(\"whatsapp://send?text=\" + encodeURIComponent(textToShare + \"whatsapp&utm_term=lebanon20\"), \"_parent\");\r\n  } else {\r\n    window.open(\"https://web.whatsapp.com/send?phone=&text=\" + encodeURIComponent(textToShare + \"whatsapp&utm_term=lebanon20\"), \"_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} from 'react'\r\nimport { mobile } from '../Services/Agent'\r\nimport \"./Header.scss\"\r\nimport { shareFacebook, shareTwitter, shareWhatsapp, openNegishut } from \"../Services/Sharing\";\r\n\r\nexport default function Header() {\r\n    const [open, setOpen] = useState(false)\r\n\r\n    const scrollMachine = (name) => {\r\n        let video = document.querySelector(\".video-page\");\r\n        let info = document.querySelector(\".info-page\");\r\n        let gallery = document.querySelector(\".gallery-sec\");\r\n        switch (name) {\r\n            case \"story\":\r\n                video.scrollIntoView({behavior: \"smooth\", block: \"center\", inline: \"center\"});\r\n                setOpen(!open)\r\n                break;\r\n            case \"info\":\r\n                    info.scrollIntoView({behavior: \"smooth\", block: \"center\", inline: \"center\"});\r\n                    setOpen(!open)\r\n                    break;\r\n            case \"gallery\":\r\n                    gallery.scrollIntoView({behavior: \"smooth\", block: \"center\", inline: \"center\"});\r\n                    setOpen(!open)\r\n                    break;\r\n            default:\r\n                return\r\n        }\r\n    }\r\n\r\n    return (\r\n        <header className=\"header\">\r\n            <a className=\"ynet_logo\" href=\"https://www.ynet.co.il/\" target=\"_blank\"></a>\r\n            <span>20 שנה לנסיגה מלבנון</span>\r\n                <div className=\"share_menu_up\">\r\n                    <div className=\"ngishut share\" onClick={() => openNegishut(\"Article Head\")}></div>\r\n                    <div className=\"twitter share\" onClick={() => shareTwitter(\"Article Head\")}></div>\r\n                    <div className=\"facebook share\" onClick={() => shareFacebook(\"Article Head\")}></div>\r\n                    <div className=\"whatsapp share\" onClick={() => shareWhatsapp(\"Article Head\")}></div>\r\n                </div>\r\n            <div className=\"hamburger-wrapper\" onClick={() => setOpen(!open)}>\r\n                <div className={`ham-1 ${open && \"rotate-down\"}`}></div>\r\n                <div className={`ham-2 ${open && \"go-right\"}`}></div>\r\n                <div className={`ham-3 ${open && \"rotate-up\"}`}></div>\r\n            </div>\r\n            <div className={`nav_container ${open && \"open-nav\"}`}>\r\n                    <p className=\"mi menu_item_1\" onClick={() => scrollMachine(\"story\")}>סיפורה של רצועת הביטחון</p>\r\n                    <p className=\"mi menu_item_2\" onClick={() => scrollMachine(\"info\")}>הנסיגה מלבנון במספרים</p>\r\n                    <p className=\"mi menu_item_3\"onClick={() => scrollMachine(\"gallery\")}>כל הכתבות</p>\r\n                    <div className=\"share_menu\">\r\n                        <div className=\"ngishut share\" onClick={() => openNegishut(\"Side Menu\")}></div>\r\n                        <div className=\"twitter share\" onClick={() => shareTwitter(\"Side Menu\")}></div>\r\n                        <div className=\"facebook share\" onClick={() => shareFacebook(\"Side Menu\")}></div>\r\n                        <div className=\"whatsapp share\" onClick={() => shareWhatsapp(\"Side Menu\")}></div>\r\n                    </div>\r\n                    <p className=\"mi menu_item_5\">\r\n                        <a href=\"https://redmail.ynet.co.il/?utm_source=ynet.co.il&utm_medium=referral&utm_campaign=lebanon20\" target=\"_blank\" >\r\n                        <i className=\"far fa-envelope\"></i>\r\n                        כתבו לנו\r\n                        </a>\r\n                    </p>\r\n            </div>\r\n        </header>\r\n    )\r\n}\r\n\r\n// https://redmail.ynet.co.il/?utm_source=ynet.co.il&utm_medium=referral&utm_campaign=lebanon20\r\n","import React, {useEffect} from 'react'\r\nimport \"./Upper.scss\"\r\n\r\nexport default function Upper() {\r\n\r\n    useEffect(() => {\r\n        // const parallax = document.querySelector(\".upper\")\r\n        const paraTitle = document.querySelector(\".title\")\r\n        window.addEventListener(\"scroll\" , function(){\r\n            let offset = window.pageYOffset\r\n            // parallax.style.backgroundPositionY = offset * 0.7 + \"px\"\r\n            if(offset > 1000) return;\r\n            let calc = 85 + (offset * 0.7)\r\n            paraTitle.style.transform = `translateY(${calc+ \"px\"})`;\r\n        })\r\n    }, [])\r\n\r\n    const startScrolling = () => {\r\n        let video = document.querySelector(\".video-page\");\r\n        video.scrollIntoView({behavior: \"smooth\", block: \"center\", inline: \"center\"});\r\n    }\r\n\r\n    return (\r\n        <section className=\"upper\">\r\n            <div className=\"bg-upper\"></div>\r\n            <div className=\"title\"></div>\r\n            <div className=\"soldiers\"></div>\r\n            <div className=\"arrow-wrapper\" onClick={() => startScrolling()}>\r\n                <div className=\"arrow\"></div>\r\n            </div>\r\n            <div className=\"upper_credit\"></div>\r\n        </section>\r\n    )\r\n}\r\n","import React from 'react'\r\nimport \"./VideoPart.scss\"\r\n\r\nexport default function VideoPart() {\r\n    return (\r\n        <section className=\"video-page\" > \r\n            <div className=\"video-implatation\">\r\n            <div yitVideo=\"449488\" stream=\"https://ynet-lh.akamaihd.net/i/ynet_1@123290/master.m3u8\" title=\"לבנון\"\r\n                ads=\"1\" id=\"livestream\" data-title=\"לבנון\"></div>\r\n            </div>\r\n        </section>\r\n    )\r\n}\r\n","import React, {useState, useEffect} from 'react';\r\nimport \"./InfoPart.scss\";\r\nimport CountUp from 'react-countup';\r\n\r\nexport default function InfoPart() {\r\n    const [start, setStart] = useState(false)\r\n    //Intersection Observer part\r\n  useEffect(() => {\r\n    //Sets the Observer options\r\n    const options = {\r\n      root: null, // The view port\r\n      threshhold: 0, // 0 ~ 1\r\n      rootMargin: \"-120px\", // like margin in css\r\n    };\r\n    const observer = new IntersectionObserver(function (entries, observer) {\r\n      entries.forEach((entry) => {\r\n        console.log(entry);\r\n        if (!entry.isIntersecting) return;\r\n        entry.target.classList.value === \"date watch\" && setStart(true)\r\n        entry.target.children.forEach((node) => node.classList.add(\"active\"))\r\n        \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\r\n    return (\r\n        <section className=\"info-page\">\r\n            <div className=\"years watch\">\r\n                <div className=\"helicopter\"></div>\r\n            </div>\r\n            <div className=\"fallens \">\r\n                <div className=\"soldier1\"></div>\r\n                <div className=\"soldier2\"></div>\r\n                <div className=\"soldier3\"></div>\r\n            </div>\r\n            <div className=\"outpost watch\">\r\n                <div className=\"motsav1 single\"></div>\r\n                <div className=\"motsav2 single\"></div>\r\n                <div className=\"motsav3 single\"></div>\r\n                <div className=\"motsav4 single\"></div>\r\n                {/* <div className=\"motsav5 single\"></div> */}\r\n                {/* <div className=\"motsav6 single\"></div> */}\r\n                {/* <div className=\"motsav7 single\"></div>\r\n                <div className=\"motsav8 single\"></div> */}\r\n            </div>\r\n            <div className=\"date watch\">\r\n                <div className=\"date_wrapper\">\r\n                    {start && <CountUp start={10} end={24} duration={4}/>}\r\n                </div>\r\n            </div>\r\n        </section>\r\n    )\r\n}\r\n","import './Footer.scss'\r\nimport React from 'react'\r\n\r\nfunction Footer(){\r\n\r\n    return(\r\n        <footer>\r\n            {/* <div className=\"footer-bg\" id=\"footer\"> */}\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            {/* </div> */}\r\n        </footer>\r\n    )\r\n}\r\n\r\nexport default Footer;\r\n","import React, {useEffect , useState} from 'react';\r\nimport \"./Gallery.scss\";\r\nimport Slider from \"react-slick\";\r\nimport data from \"./data.json\"\r\nimport { mobile } from '../Services/Agent';\r\n\r\n\r\nexport default function Gallery() {\r\n\r\nconst [center, setCenter] = useState(1)\r\n\r\n    const settings =  {\r\n        className: \"center\",\r\n        centerMode: true,\r\n        infinite: true,\r\n        centerPadding: mobile() ? \"-20px\" : \"60px\",\r\n        slidesToShow: 3 ,\r\n        focusOnSelect: true,\r\n        className: \"outer\",\r\n        speed: 500,\r\n        afterChange: (index) => {\r\n            setCenter(index + 1)\r\n            console.log(center)\r\n        }\r\n      };\r\n    \r\n    //   if(mobile){\r\n    //     settings.centerPadding = \"-20px\" \r\n    //     settings.slidesToShow = 3\r\n    //     }\r\n\r\n        console.log(settings)\r\n\r\n    return (\r\n        <section className=\"gallery-sec\">\r\n            {/* {\r\n                mobile() ? \r\n                <img alt=\"\" className=\"big_image\" src={window.location.href +`./Photos/mobile/big/${center}.jpg`}/>\r\n                :\r\n                <img alt=\"\" className=\"big_image\" src={window.location.href + `./Photos/desktop/big/${center}.jpg`}/>\r\n            } */}\r\n            <img alt=\"\" className={`big_image image${center}`} />\r\n            \r\n            <div className=\"bottom_wrapper\">\r\n                <div className=\"gallery_title\">{data.data[center -1].title}</div>\r\n                <a className=\"artile_btn\" href={data.data[center -1].link} target=\"_blank\"></a>\r\n                <div className=\"gallery_wrapper\">\r\n            <Slider {...settings} >\r\n                {\r\n                    data.data.map((cell , index) => (\r\n                        // mobile() ?\r\n                        <div className=\"\">\r\n                        <img alt=\"\" className={`img small-img${index+1}`} />  {/*window.location.href +*/}\r\n                        </div>\r\n                        // :\r\n                        // <div><img alt=\"\" className=\"img\" data-gallery-id={index+1} src={`./Photos/desktop/${index + 1}.jpg`} /> </div>\r\n                    ))\r\n                }\r\n            </Slider>\r\n                    \r\n                </div>\r\n            </div>\r\n        </section>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport { AppProvider } from '../../ApplicationContent/ApplicationContent';\r\nimport Header from '../Header/Header';\r\nimport Upper from '../Upper/Upper';\r\nimport VideoPart from '../VideoPart/VideoPart';\r\nimport InfoPart from '../InfoPart/InfoPart';\r\nimport Footer from '../Footer/Footer';\r\nimport Gallery from '../Gallery/Gallery';\r\n\r\nfunction App() {\r\n  return (\r\n    <div className=\"App\">\r\n        <AppProvider>\r\n          <Header />\r\n          <Upper />\r\n          <VideoPart />\r\n          <InfoPart />\r\n          <Gallery />\r\n          <Footer />\r\n        </AppProvider>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default App;\r\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.0/8 are 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    headers: { 'Service-Worker': 'script' }\n  })\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 'intersection-observer';\nimport 'core-js/stable';\nimport 'core-js/es/map';\nimport 'core-js/es/set';\nimport 'react-app-polyfill/ie9';\nimport 'react-app-polyfill/ie11';\nimport 'react-app-polyfill/stable';\nimport 'raf/polyfill';\nimport '@babel/polyfill';\n//animation pollyfill\n// import 'web-animate';\nimport \"scroll-behavior-polyfill\";\nimport 'web-animations-js';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './static/css/reset.scss';\nimport App from './Components/App/App.jsx';\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":""}