{"version":3,"sources":["Services/api.js","Components/Description/Description.jsx","Services/analytics.js","Services/urls.js","Components/RegisterForm/RegisterForm.jsx","Components/App/App.jsx","index.js"],"names":["LocalHost","QADomain","PRODDomain","Description","className","GA_Push","action","label","data","event","Category","Action","Label","window","dataLayer","push","Environment","isLocalhost","Boolean","location","hostname","match","isQA","href","isTest","isSource","apiURL","sendActiveTrail","activeTrailData","a","key","form","FormData","jsonData","email","first_name","ext1","append","fetch","method","body","then","statusText","parent","postMessage","yedioth_frame_finish","ENV","Object","freeze","LOCAL","QA","PROD","Urls","includes","RegisterForm","useRef","emailInput","checkboxInput","emailRegex","useEffect","environment","document","getElementById","script","createElement","type","id","async","src","getElementsByTagName","appendChild","sendFormViaCaptcha","Submit","grecaptcha","reset","current","value","placeholder","ref","name","htmlFor","onClick","checked","test","execute","alert","data-callback","data-size","data-sitekey","App","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.7d53a77f.chunk.js","sourcesContent":["import { GA_Push } from './analytics';\r\nconst LeadID = 79;\r\n\r\nconst 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\") || window.location.href.match(\"qa.\")\r\n    );\r\n\r\n    var isSource = Boolean(window.location.href.match(\"source-\"));\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\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(\r\n    \"https://Api_Leads/api/\",\r\n    \"https://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\n\r\nexport const sendLead = async (leadData) => {\r\n    var success = true;\r\n    try {\r\n        //creates new formdata\r\n        var form = new FormData();\r\n\r\n        //initializes object with values\r\n        const jsonData = {\r\n            FullName: leadData.name,\r\n            Email: leadData.email,\r\n            PhoneNumber: leadData.phone,\r\n            LeadID: LeadID\r\n        };\r\n\r\n        //puts object inside the form data\r\n        for (var key in jsonData) {\r\n            form.append(key, jsonData[key]);\r\n        }\r\n\r\n        //checks if already exists in db\r\n        let isExists = await fetch(`${apiURL}IsExists`, {\r\n            method: \"POST\",\r\n            body: form,\r\n        }).then((data) => console.log(data));\r\n\r\n        if (isExists) {\r\n            alert(\"לא ניתן להירשם יותר מפעם אחת\");\r\n            return false;\r\n        }\r\n\r\n        //saves to db\r\n        fetch(`${apiURL}Save`, {\r\n            method: \"POST\",\r\n            body: form,\r\n        })\r\n            .then((data) => data.json())\r\n            .then((data) => {\r\n            });\r\n    } catch {\r\n        GA_Push(\"Send Form\", \"Fail\");\r\n        success = false;\r\n    }\r\n\r\n    if (success) {\r\n        GA_Push(\"Send Form\", \"Success\");\r\n\r\n        window.parent.postMessage({\r\n            yedioth_frame_finish: true,\r\n        }, \"*\")\r\n\r\n    }\r\n};\r\n\r\nexport const sendActiveTrail = async (activeTrailData) => {\r\n    try {\r\n        //creates new formdata\r\n        var form = new FormData();\r\n\r\n        //initializes object with values\r\n        const jsonData = {\r\n            email: activeTrailData.email,\r\n            first_name: \"\",\r\n            ext1: \"\"\r\n        };\r\n\r\n        //puts object inside the form data\r\n        for (var key in jsonData) {\r\n            form.append(key, jsonData[key]);\r\n        }\r\n\r\n        //send to activetrail\r\n        fetch(`${apiURL}SendActiveTrail`, {\r\n            method: \"POST\",\r\n            body: form,\r\n            //body: JSON.stringify(object)\r\n            //headers: {\r\n            //    'Content-Type': 'application/json',\r\n            //}\r\n        })\r\n            //.then((data) => data.json())\r\n            .then((data) => {\r\n                //console.log(data);\r\n                if (data.statusText == \"OK\") {\r\n                    GA_Push(\"Send Form\", \"Success\");\r\n                    window.parent.postMessage({\r\n                        yedioth_frame_finish: true,\r\n                    }, \"*\")\r\n                }\r\n                else if (data == \"Fail\") {\r\n                    GA_Push(\"Send Form\", \"Fail\");\r\n                }\r\n\r\n            });\r\n    } catch {\r\n        GA_Push(\"Send Form\", \"Fail\");\r\n    }\r\n};\r\n","import React from 'react'\r\nimport \"./Description.scss\";\r\n\r\nconst Description = () => (\r\n  <div className=\"description-container\">\r\n    {/* <h2>רוצים להמשיך לקרוא?</h2> */}\r\n    <h3>סקרנים? מצוין!</h3>\r\n    <h4>\r\n      לקריאת הכתבה מלאו את פרטיכם מטה.       \r\n    </h4>\r\n    {/*<h4>*/}\r\n    {/*  מתכני */}\r\n    {/*  <span className='ynet-p'></span>*/}\r\n    {/*  מלאו את פרטיכם מטה.*/}\r\n    {/*</h4>    */}\r\n  </div>\r\n);\r\n\r\nexport default Description\r\n","export const GA_Push = (action, label) => {\r\n  if (label) {\r\n    var data = {\r\n      event: \"GA_Event\",\r\n      Category: \"Lead Form\",\r\n      Action: action,\r\n      Label: label,\r\n    };\r\n  } else {\r\n    var data = {\r\n      event: \"GA_Event\",\r\n      Category: \"Lead Form\",\r\n      Action: action\r\n    };\r\n  }\r\n  window.dataLayer.push(data);\r\n};\r\n","export const ENV = Object.freeze({\r\n    LOCAL: 0,\r\n    QA:  1,\r\n    PROD: 2\r\n});\r\n\r\nexport class Urls {\r\n    static get environment() {\r\n        if (window.location.href.includes(\"localhost\")) {\r\n            return ENV.LOCAL;\r\n        } else if (window.location.href.includes('qa')) {\r\n            return ENV.QA;\r\n        } else {\r\n            return ENV.PROD;\r\n        }\r\n    }\r\n}","import React, { useEffect, useRef } from \"react\";\r\nimport { sendLead, sendActiveTrail } from \"../../Services/api\";\r\nimport \"./RegisterForm.scss\";\r\nimport { Urls, ENV } from \"../../Services/urls\";\r\nimport { GA_Push } from \"../../Services/analytics\";\r\n\r\nconst RegisterForm = () => {\r\n  const nameInput = useRef();\r\n  const emailInput = useRef();\r\n  const checkboxInput = useRef();\r\n  const phoneInput = useRef();\r\n  const emailRegex = /(?:[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?\\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[A-Za-z0-9-]*[A-Za-z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])/;\r\n  const phoneRegex = /^[0-9]{2,3}(?:-?)[0-9]{3}(?:-?)[0-9]{4}$/;\r\n\r\n  const loadGoogleRecaptcha = () => {\r\n    if (Urls.environment !== ENV.LOCAL) {\r\n      (() => {\r\n        if (window.document.getElementById(\"GoogleRecap\")) return;\r\n\r\n        var script = document.createElement(\"script\");\r\n        script.type = \"text/javascript\";\r\n        script.id = \"GoogleRecap\";\r\n        script.async = 1;\r\n        script.src = \"https://www.google.com/recaptcha/api.js\";\r\n\r\n        document.getElementsByTagName(\"head\")[0].appendChild(script);\r\n      })();\r\n    }\r\n  };\r\n  useEffect(() => {\r\n    loadGoogleRecaptcha();\r\n    window.sendFormViaCaptcha = Submit;\r\n  }, []);\r\n\r\n  const handleSubmitClick = () => {\r\n    // if (nameInput.current.value == \"\") {\r\n    //   alert(\"נדרש למלא שם מלא\");\r\n    //   GA_Push(\"Send Form\", \"Fail\");\r\n\r\n    //   return;\r\n    // }\r\n    if (!emailRegex.test(emailInput.current.value)) {\r\n      alert(\"נדרש למלא מייל תקין\");\r\n      GA_Push(\"Send Form\", \"Fail\");\r\n\r\n      return;\r\n    }\r\n    // if (!phoneRegex.test(phoneInput.current.value)) {\r\n    //   alert(\"נדרש למלא מספר טלפון תקין\");\r\n    //   GA_Push(\"Send Form\", \"Fail\");\r\n\r\n    //   return;\r\n    // }\r\n    if (!checkboxInput.current.checked) {\r\n      alert(\"נדרש להסכים לתנאים\");\r\n      GA_Push(\"Send Form\", \"Fail\");\r\n\r\n      return;\r\n    }\r\n\r\n    Urls.environment !== ENV.LOCAL ? window.grecaptcha.execute() : Submit();\r\n  };\r\n  const Submit = () => {\r\n    if (Urls.environment !== ENV.LOCAL) {\r\n      window.grecaptcha.reset();\r\n    }\r\n    // sendLead({\r\n    //   name: nameInput.current.value,\r\n    //   email: emailInput.current.value,\r\n    //   phone: phoneInput.current.value,\r\n    // });\r\n    sendActiveTrail({\r\n      email: emailInput.current.value\r\n    });\r\n\r\n  };\r\n\r\n  return (\r\n    <div className=\"form-container\">\r\n      {/* <div className=\"input-wrapper\">\r\n        <input type=\"text\" placeholder=\"שם מלא\" ref={nameInput}></input>\r\n      </div>\r\n      <div className=\"input-wrapper\">\r\n        <input type=\"text\" placeholder=\"מספר טלפון\" ref={phoneInput}></input>\r\n      </div> */}\r\n      <div className=\"input-wrapper\">\r\n        <input type=\"text\" placeholder='דוא\"ל' ref={emailInput}></input>\r\n      </div>\r\n\r\n      <div className=\"terms\">\r\n        <input\r\n          type=\"checkbox\"\r\n          name=\"terms-checkbox\"\r\n          className=\"styled\"\r\n          ref={checkboxInput}\r\n        ></input>\r\n        <label\r\n          htmlFor=\"terms-checkbox\"\r\n          onClick={() =>\r\n            (checkboxInput.current.checked = !checkboxInput.current.checked)\r\n          }\r\n        >\r\n          אני מסכים/ה\r\n          <a href=\"https://z.ynet.co.il/short/content/2018/privacypolicy/terms.html\">\r\n            לתנאי שימוש\r\n          </a>\r\n          ,\r\n          <a href=\"https://z.ynet.co.il/short/content/2018/privacypolicy/policy.html\">\r\n            ולמדיניות הפרטיות\r\n          </a>\r\n          ומאשר/ת קבלת הודעות תפעוליות ו/או חומר פרסומי מ +ynet בדוא\"ל ו/או במסרוני SMS לפרטים שנמסרו.\r\n        </label>\r\n      </div>\r\n      <button type=\"button\" onClick={handleSubmitClick}>\r\n        שלח\r\n        <div\r\n          className=\"g-recaptcha\"\r\n          data-callback=\"sendFormViaCaptcha\"\r\n          data-size=\"invisible\"\r\n          data-sitekey=\"6LfoC3kUAAAAAPt8XZMzr6ljG2omdMJY7z8PPhpU\"\r\n        ></div>\r\n      </button>\r\n          <div className=\"disclaimer\">כתבות +ynet והמהדורה הדיגיטלית של ידיעות אחרונות זמינות למנויי +ynet בלבד באפליקציית ynet</div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RegisterForm;\r\n","import React, { useEffect } from 'react';\r\n\r\nimport Description from '../Description/Description';\r\nimport RegisterForm from '../RegisterForm/RegisterForm';\r\nimport \"./App.scss\";\r\nimport { GA_Push } from '../../Services/analytics';\r\n\r\nconst App = () => {\r\n    useEffect(() => {\r\n        GA_Push(\"Form Displayed\");\r\n    }, []);\r\n\r\n    return (\r\n           <div className=\"app-container\" >\r\n                <Description />\r\n                <RegisterForm />\r\n                {/* <div className=\"man-sitting\"></div> */}\r\n            </div>\r\n        // <div className=\"app-container-new\">\r\n        //     <div className='headers-txt'>\r\n\r\n        //     <h2>רוצים להמשיך לקרוא?</h2><br></br>\r\n        //     <h3>\r\n        //     כל הכתבות והתכנים הכי מעניינים <br></br>מחכים לכם ב\r\n        //         <span className='ynet-p'></span>\r\n        //     </h3>\r\n        //     <h4>₪חודש ראשון ב-5.90</h4>\r\n\r\n        //     </div>\r\n            \r\n        //     <div className='bottom-area'></div>\r\n        //     <div className=\"phone-articles\"></div>\r\n\r\n        // </div>\r\n    )\r\n}\r\n\r\nexport default App\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './Components/App/App';\r\nimport './static/css/reset.scss';\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <App />\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n"],"sourceRoot":""}