{"version":3,"sources":["services/api.js","services/sharing.js","components/TopBar/TopBar.jsx","components/Header/Header.jsx","stores/application.store.jsx","components/Form/Form.jsx","services/validator.js","components/Footer/Footer.jsx","components/Popup/Popup.jsx","components/SelectPopup/SelectPopup.jsx","components/App.js","index.js"],"names":["LocalHost","QADomain","PRODDomain","ga_push","event","category","action","label","data","window","dataLayer","push","location","href","includes","console","log","TopBar","className","onClick","open","encodeURIComponent","urlToShare","shareTwitter","shareFacebook","document","getElementById","click","Header","AppContext","createContext","Provider","AppProvider","children","useState","fullName","phone","email","bussinessName","activity","bussinessId","bussinessLocation","poalimClient","description","digitalChoice","privacyAgree","formValue","setFormValue","isShowing","text","secondaryText","showLink","popupValue","setPopupValue","selectPopupVisble","setSelectPopupVisible","state","actions","useEffect","value","Environment","isLocalhost","Boolean","hostname","match","isQA","isTest","isSource","apiURL","sendLead","leadData","a","key","form","FormData","jsonData","LeadID","FullName","Email","ExtraField1","ExtraField2","IdentityNumber","City","Street","PlainText","PlainText2","PhoneNumber","Gender","append","fetch","method","body","then","json","res","Form","useContext","type","onChange","e","target","placeholder","id","name","checked","htmlFor","defaultValue","selectedOptions","disabled","selected","substring","length","alert","test","didSucceed","Footer","Popup","formDisabled","SelectPopup","map","index","App","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.6f25d6ab.chunk.js","sourcesContent":["const LeadID = 81;\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://localhost:44381/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  try {\r\n    /*\r\n            fullName: \"\",\r\n    phone: \"\",\r\n    email: \"\",\r\n    bussinessName: \"\",\r\n    activity: \"\",\r\n    bussinessId: \"\",\r\n    bussinessLocation: \"\",\r\n    poalimClient: true,\r\n    description: \"\",\r\n    digitalChoice: \"\",\r\n    tosAgree: false,\r\n    privacyAgree: false,\r\n        */\r\n    var form = new FormData();\r\n    const jsonData = {\r\n      LeadID: LeadID,\r\n      FullName: leadData.fullName,\r\n      Email: leadData.email,\r\n      ExtraField1: leadData.bussinessName,\r\n      ExtraField2: leadData.activity,\r\n      IdentityNumber: leadData.bussinessId,\r\n      City: leadData.bussinessLocation,\r\n      Street: leadData.poalimClient ? \"לקוח פועלים\" : \"לא לקוח פועלים\",\r\n      PlainText: leadData.description,\r\n      PlainText2: leadData.digitalChoice,\r\n      PhoneNumber: leadData.phone,\r\n      Gender: leadData.privacyAgree ? 1 : 0\r\n    };\r\n\r\n    for (var key in jsonData) {\r\n      form.append(key, jsonData[key]);\r\n    }\r\n    var res;\r\n    let isExists = await fetch(`${apiURL}isExists`, {\r\n      method: \"POST\",\r\n      body: form,\r\n    }).then((data) => data.json()).then(data => res = data);\r\n    // console.log(res)\r\n    if (res) {\r\n      \r\n      return false;\r\n    }\r\n\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) => console.log(data));\r\n    \r\n    return true;\r\n  } catch {\r\n\r\n  }\r\n};\r\n","\r\nvar urlToShare = \"https://z.ynet.co.il/mshort/generics/Leads/bankhapoalim\";\r\n\r\nconst ga_push = (event, category, action, label) => {\r\n    var data = {\r\n        \"event\": event,\r\n        \"Category\": category,\r\n        \"Action\": action,\r\n        \"Label\": label\r\n    };\r\n    if (window.dataLayer) {\r\n        window.dataLayer.push(data);\r\n    }\r\n    if (window.location.href.includes('localhost') || window.location.href.includes(\"qa\")) {\r\n        console.log(data);\r\n    }\r\n}\r\n\r\nconst shareFacebook = () => {\r\n    ga_push(\"Share_Events\", \"Social\", \"Share to Facebook\");\r\n    var url = urlToShare + \"?utm_source=z.ynet.co.il&utm_medium=social&utm_campaign=facebook&utm_term=poalim-digital\";\r\n    window.open(\"http://www.facebook.com/share.php?u=\" + encodeURIComponent(url), \"_blank\");\r\n}\r\n\r\nconst shareTwitter = () => {\r\n    ga_push(\"Share_Events\", \"Social\", \"Share to Twitter\");\r\n    var url = urlToShare + \"?utm_source=z.ynet.co.il&utm_medium=social&utm_campaign=twitter&utm_term=poalim-digital\";\r\n    window.open(\"https://twitter.com/intent/tweet?text=\" + encodeURIComponent(url), \"_blank\");\r\n}\r\n\r\nconst openNegishut = () => {\r\n    //ga_push(\"Accessibility\", \"Open_Accessibility_Clicked\");\r\n    window.document.getElementById('INDmenu-btn').click();\r\n}\r\nexport{\r\n    openNegishut,\r\n    shareFacebook,\r\n    shareTwitter,\r\n    ga_push\r\n}","import React from 'react'\r\nimport \"./TopBar.scss\";\r\nimport { openNegishut, shareFacebook, shareTwitter } from \"../../services/sharing\";\r\nconst TopBar = () => {\r\n    return (\r\n        <div className=\"topbar\">\r\n            <div className=\"logos\">\r\n                <div className=\"poalim-logo\" onClick={() => window.open(\"https://www.bankhapoalim.co.il/he\", \"_blank\")}></div>\r\n                <div className=\"digitalent-logo\" onClick={() => window.open(\"https://digitalent.co.il/\", \"_blank\")}></div>\r\n                <div className=\"yediot-logo\" onClick={() => window.open(\"https://www.yedioth.co.il/\", \"_blank\")}></div>\r\n                <div className=\"ynet-logo\" onClick={() => window.open(\"https://www.ynet.co.il/\", \"_blank\")}></div>\r\n            </div>\r\n            <div className=\"icons\">\r\n                <div className=\"twitter-icon\" onClick={() => shareTwitter()}></div>\r\n                <div className=\"facebook-icon\" onClick={() => shareFacebook()}></div>\r\n                <div className=\"negishut-icon\" onClick={() => openNegishut()}></div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default TopBar\r\n","import React from 'react'\r\nimport \"./Header.scss\"\r\nconst Header = () => {\r\n    return (\r\n        <header className=\"header\">\r\n            <h1>פרויקט מקפצה לדיגיטל: עסקים עוברים לאונליין</h1>\r\n            <h2>של ידיעות אחרונות ו-ynet, בחסות בנק הפועלים יוצא לדרך</h2>\r\n            <h3>\r\n                רוצים לעשות קפיצת מדרגה בזירה הדיגיטלית? ללמוד כיצד ניתן להגדיל הכנסות באמצעות פעילות באונליין? \r\n                השאירו פרטים ואולי תהיו בין 100 העסקים שייבחרו לקבל לווי אישי ומקצועי ע\"י צוות המומחים של בית הספר לשיווק דיגיטלי - Digitalent\r\n                באחד מן הנושאים המוצעים\r\n            </h3>\r\n\r\n\r\n            <div className=\"woman\"></div>\r\n            <div className=\"man\"></div>\r\n        </header>\r\n    )\r\n}\r\n\r\nexport default Header\r\n","import React, { useState, createContext, useEffect } from \"react\";\r\n\r\nconst AppContext = createContext();\r\nconst { Provider } = AppContext;\r\n\r\nconst AppProvider = ({ children }) => {\r\n  const [formValue, setFormValue] = useState({\r\n    fullName: \"\",\r\n    phone: \"\",\r\n    email: \"\",\r\n    bussinessName: \"\",\r\n    activity: \"\",\r\n    bussinessId: \"\",\r\n    bussinessLocation: \"\",\r\n    poalimClient: null,\r\n    description: \"\",\r\n    digitalChoice: \"\",\r\n    privacyAgree: false,\r\n  });\r\n  const [popupValue, setPopupValue] = useState({\r\n    isShowing: true,\r\n    text: \"ההרשמה הסתיימה\",\r\n    secondaryText: \"\",\r\n    showLink: true\r\n  });\r\n\r\n  const [selectPopupVisble, setSelectPopupVisible] = useState(false);\r\n\r\n  const state = {\r\n    formValue,\r\n    popupValue,\r\n    selectPopupVisble\r\n  };\r\n  const actions = {\r\n    setFormValue,\r\n    setPopupValue,\r\n    setSelectPopupVisible\r\n  };\r\n  useEffect(() => {\r\n    window.state = formValue\r\n  }, [formValue])\r\n  return <Provider value={{ ...state, ...actions }}>{children}</Provider>;\r\n};\r\nexport { AppContext, AppProvider };\r\n","import React, { useContext } from \"react\";\r\nimport \"./Form.scss\";\r\nimport { AppContext } from \"../../stores/application.store\";\r\nimport { ValidateForm } from \"../../services/validator.js\";\r\nimport { sendLead } from \"../../services/api\";\r\nimport { ga_push } from \"../../services/sharing\";\r\nconst Form = () => {\r\n  const { formValue, setFormValue, setPopupValue, setSelectPopupVisible } = useContext(AppContext);\r\n\r\n  \r\n\r\n  const ButtonSubmit = () => {\r\n    if (!ValidateForm(formValue)) {\r\n      return;\r\n    } else {\r\n      sendLead(formValue).then((didSucceed) => {\r\n        if (!didSucceed) {\r\n          setPopupValue({\r\n            isShowing: true,\r\n            text: \"פרטייך כבר במערכת\",\r\n            secondaryText: \"\",\r\n          });\r\n\r\n          ga_push(\"Form_Events\", \"Forms\", \"Form Submission\", \"Fail\");\r\n        } else {\r\n          setPopupValue({\r\n            isShowing: true,\r\n            text: \"פרטייך הוזנו במערכת\",\r\n            secondaryText: \"\",\r\n            showLink: true\r\n          });\r\n\r\n          ga_push(\"Form_Events\", \"Forms\", \"Form Submission\", \"Success\");\r\n        }\r\n      }).then(() => {\r\n        setFormValue({\r\n          fullName: \"\",\r\n          phone: \"\",\r\n          email: \"\",\r\n          bussinessName: \"\",\r\n          activity: \"\",\r\n          bussinessId: \"\",\r\n          bussinessLocation: \"\",\r\n          poalimClient: null,\r\n          description: \"\",\r\n          digitalChoice: \"\",\r\n          privacyAgree: false,\r\n        })\r\n      });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"form-wrapper\">\r\n      <div className=\"form\">\r\n        <input\r\n          type=\"text\"\r\n          value={formValue.fullName}\r\n          onChange={(e) =>\r\n            setFormValue({ ...formValue, fullName: e.target.value })\r\n          }\r\n          placeholder=\"שם מלא\"\r\n        ></input>\r\n\r\n        <input\r\n          type=\"text\"\r\n          value={formValue.phone}\r\n          onChange={(e) =>\r\n            setFormValue({ ...formValue, phone: e.target.value })\r\n          }\r\n          placeholder=\"טלפון\"\r\n        ></input>\r\n\r\n        <input\r\n          type=\"text\"\r\n          value={formValue.email}\r\n          onChange={(e) =>\r\n            setFormValue({ ...formValue, email: e.target.value })\r\n          }\r\n          placeholder='דוא\"ל'\r\n        ></input>\r\n\r\n        <input\r\n          type=\"text\"\r\n          value={formValue.bussinessName}\r\n          onChange={(e) =>\r\n            setFormValue({ ...formValue, bussinessName: e.target.value })\r\n          }\r\n          placeholder=\"שם העסק\"\r\n        ></input>\r\n\r\n        <input\r\n          type=\"text\"\r\n          value={formValue.activity}\r\n          onChange={(e) =>\r\n            setFormValue({ ...formValue, activity: e.target.value })\r\n          }\r\n          placeholder=\"תחום פעילות\"\r\n        ></input>\r\n\r\n        <input\r\n          type=\"text\"\r\n          value={formValue.bussinessId}\r\n          onChange={(e) =>\r\n            setFormValue({ ...formValue, bussinessId: e.target.value })\r\n          }\r\n          placeholder=\"ח.פ\"\r\n        ></input>\r\n\r\n        <input\r\n          type=\"text\"\r\n          value={formValue.bussinessLocation}\r\n          onChange={(e) =>\r\n            setFormValue({ ...formValue, bussinessLocation: e.target.value })\r\n          }\r\n          placeholder=\"מיקום בית העסק\"\r\n        ></input>\r\n\r\n        <div className=\"client-radio\">\r\n          <h6>לקוח בנק הפועלים</h6>\r\n\r\n          <div className=\"inputs\">\r\n            <input\r\n              id=\"is-client\"\r\n              type=\"radio\"\r\n              name=\"client-choice\"\r\n              value={true}\r\n              checked={formValue.poalimClient == true}\r\n              onChange={(e) =>\r\n                setFormValue({ ...formValue, poalimClient: e.target.checked })\r\n              }\r\n            ></input>\r\n            <label htmlFor=\"is-client\">כן</label>\r\n            <input\r\n              id=\"isnt-client\"\r\n              type=\"radio\"\r\n              name=\"client-choice\"\r\n              value={false}\r\n              checked={formValue.poalimClient == false}\r\n              onChange={(e) =>\r\n                setFormValue({ ...formValue, poalimClient: !e.target.checked })\r\n              }\r\n            ></input>\r\n            <label htmlFor=\"isnt-client\">לא</label>\r\n          </div>\r\n        </div>\r\n\r\n        <textarea\r\n          placeholder=\"האם העסק פעיל כיום בזירה הדיגיטלית? באילו כלים?\"\r\n          value={formValue.description}\r\n          onChange={(e) =>\r\n            setFormValue({ ...formValue, description: e.target.value })\r\n          }\r\n        ></textarea>\r\n        <div className=\"select-wrapper\">\r\n          <select\r\n            defaultValue={0}\r\n            onChange={(e) =>\r\n              setFormValue({\r\n                ...formValue,\r\n                digitalChoice: e.target.selectedOptions[0].text,\r\n              })\r\n            }\r\n          >\r\n            <option value={0} disabled selected={formValue.digitalChoice == 0}>\r\n              איפה היית רוצה להסתייע ולקבל חיזוק דיגיטלית?\r\n            </option>\r\n            <option>הקמת אתר/הקמת חנות אונליין</option>\r\n            <option>\r\n              כלי שיווק דיגיטלי לגיוס לקוחות חדשים (גוגל / פייסבוק / אינסטגרם /\r\n              אאוטבריין וטאבולה)\r\n            </option>\r\n            <option>\r\n              דיוור שיווקי (הקמת דיוור במערכת דיוור / הכנת תוכן כתוב וויזואלי\r\n              לדיוור שיווקי)\r\n            </option>\r\n            <option>\r\n              יצירת חומרים שיווקיים (עיצוב בקנבה / כתיבה שיווקית / בניית עמוד\r\n              נחיתה)\r\n            </option>\r\n            <option>\r\n              הגדלת נוכחות דיגיטלית ושימוש בפלטפורמות הקידום השונות (איזי /\r\n              פייבר / גוגל מיי ביזנס / גט דליברי)\r\n            </option>\r\n            <option>\r\n              רשתות חברתיות (ניהול עמוד שיווק בפייסבוק, אינסטגרם / יצירת קהילה\r\n              וכד')\r\n            </option>\r\n          </select>\r\n        </div>\r\n        <div className=\"mobile-select-wrapper\">\r\n          <div className=\"mobile-select\" onClick={() => setSelectPopupVisible(true)}>\r\n            <h3 className=\"mobile-select-text\">\r\n              {formValue.digitalChoice ? formValue.digitalChoice.substring(0,40)+ (formValue.digitalChoice.length > 40 ? \"...\" : \"\") : \"איפה היית רוצה להסתייע ולקבל חיזוק דיגיטלית?\"}\r\n            </h3>\r\n          </div>\r\n        </div>\r\n        <div className=\"ending\">\r\n          {/* <div className=\"checkbox-wrapper first\">\r\n            <input\r\n              type=\"checkbox\"\r\n              id=\"tos\"\r\n              onChange={(e) =>\r\n                setFormValue({ ...formValue, tosAgree: e.target.checked })\r\n              }\r\n            ></input>\r\n            <label htmlFor=\"tos\">\r\n              הרשמה לתחרות והשתתפות בה יהיו כפופים לתקנון\r\n            </label>\r\n          </div> */}\r\n          <div className=\"checkbox-wrapper first\">\r\n            <input\r\n              type=\"checkbox\"\r\n              id=\"privacy\"\r\n              checked={formValue.privacyAgree}\r\n              onChange={(e) =>\r\n                setFormValue({ ...formValue, privacyAgree: e.target.checked })\r\n              }\r\n            ></input>\r\n            <label htmlFor=\"privacy\">\r\n            קראתי, הבנתי ומסכים ל\r\n            <a href=\"https://z.ynet.co.il/mShort/generics/Leads/TOS/81/\" target=\"_blank\">תקנון</a>\r\n            , ל\r\n            <a href=\"https://z.ynet.co.il/short/content/2018/privacypolicy/policy.html\" target=\"_blank\">מדיניות הפרטיות</a>\r\n             ונותן הסכמתי לקבלת דברי פרסום מאתר ynet.\r\n            </label>\r\n          </div>\r\n          <button className=\"send-button\" onClick={ButtonSubmit}>\r\n            שלח\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Form;\r\n","const ValidateForm = (state) => {\r\n\r\n    let mailPattern = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n    let phonePattern = /^[0-9]{2,3}(?:-?)[0-9]{3}(?:-?)[0-9]{4}$/;\r\n\r\n\r\n    if(!state.fullName){\r\n        alert(\"נדרש למלא שם מלא\");\r\n        return false;\r\n    }\r\n    if(!state.phone){\r\n        alert(\"נדרש למלא מספר טלפון\")\r\n        return false;\r\n\r\n    }\r\n    if(!state.email){\r\n        alert(\"נדרש למלא כתובת מייל\")\r\n        return false;\r\n\r\n    }\r\n    if(state.poalimClient == null){\r\n        alert(\"נדרש לציין האם אתה לקוח בנק הפועלים\");\r\n        return false;\r\n    }\r\n    if(!state.activity){\r\n        alert(\"נדרש למלא תחום פעילות\")\r\n        return false;\r\n\r\n    }\r\n    if(!state.bussinessId){\r\n        alert(\"נדרש למלא ח.פ\")\r\n        return false;\r\n\r\n    }\r\n    if(!state.description){\r\n        alert(\"נדרש למלא את תיאור העסק\")\r\n        return false;\r\n\r\n    }\r\n    if(!state.digitalChoice){\r\n        alert(\"נדרש לבחור חיזוק דיגיטלי\")\r\n        return false;\r\n\r\n    }\r\n    // if(!state.tosAgree){\r\n    //     alert(\"נדרש להסכים לתקנון השימוש\")\r\n    //     return false;\r\n\r\n    // }\r\n    if(!state.bussinessLocation){\r\n        alert(\"נדרש לרשום את מיקום העסק\");\r\n        return false;\r\n    }\r\n    if(!state.bussinessName){\r\n        alert(\"נדרש לרשום את שם העסק\")\r\n        return false;\r\n    }\r\n    if(!state.privacyAgree){\r\n        alert(\"נדרש להסכים לתקנון ולמדיניות הפרטיות\");\r\n        return false;\r\n    }\r\n    if(!phonePattern.test(state.phone)){\r\n        alert(\"נדרש לכתוב מספר טלפון תקין\")\r\n        return false;\r\n    }\r\n    if(!mailPattern.test(state.email)){\r\n        alert(\"נדרש לכתוב מייל תקין\")\r\n        return false;\r\n    }\r\n    return true;\r\n}\r\nexport { ValidateForm }","import React from 'react';\r\nimport \"./Footer.scss\";\r\nconst Footer = () => {\r\n    return (\r\n        <div className=\"footer\">\r\n            <a className=\"link\" href=\"https://z.ynet.co.il/short/content/2018/privacypolicy/terms.html\" target=\"_blank\">תנאי שימוש</a>\r\n            |\r\n            <a className=\"link\" href=\"https://z.ynet.co.il/short/content/2018/privacypolicy/policy.html\" target=\"_blank\">מדיניות פרטיות</a>\r\n            |\r\n            <a className=\"link\" href=\"https://yit.co.il/\" target=\"_blank\">\r\n                איפיון עיצוב ופיתוח\r\n                <div className=\"yit-logo\"></div>\r\n            </a>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Footer\r\n","import React, { useContext, useEffect } from \"react\";\r\nimport \"./Popup.scss\";\r\nimport { AppContext } from \"../../stores/application.store\";\r\nconst Popup = () => {\r\n  const { popupValue, setPopupValue } = useContext(AppContext);\r\n  useEffect(() => {\r\n    // setPopupValue({ ...popupValue, text: \"בדיקה\", secondaryText: \"בדיקה 2\" });\r\n  }, []);\r\n  return (\r\n    <div className={`popup ${popupValue.isShowing ? \"\" : \"hidden\"}`}>\r\n      <div\r\n        className=\"fade\"\r\n        onClick={() => {\r\n          if (!popupValue.showLink) {\r\n            setPopupValue({ ...popupValue, isShowing: false, showLink: false });\r\n          }\r\n        }}\r\n      ></div>\r\n      <div className=\"textbox-wrapper\">\r\n        <div className=\"textbox\">\r\n          {!popupValue.showLink && (\r\n            <div\r\n              className=\"x-icon\"\r\n              onClick={() =>\r\n                setPopupValue({\r\n                  ...popupValue,\r\n                  isShowing: false,\r\n                  formDisabled: false,\r\n                })\r\n              }\r\n            ></div>\r\n          )}\r\n          <h3>{popupValue.text}</h3>\r\n          <h4>{popupValue.secondaryText}</h4>\r\n          {popupValue.showLink && (\r\n            <a href=\"https://www.ynet.co.il/economy/poalimdigital\">\r\n              היכנסו למתחם <span className=\"red\">\"מקפצה לדיגיטל\"</span>\r\n              <br />\r\n              ותיהנו מתכנים שיעזרו לעסק שלכם לצמוח\r\n              <span className=\"arrows\">&gt;&gt;</span>\r\n            </a>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Popup;\r\n","import React, { useContext } from \"react\";\r\nimport { AppContext } from \"../../stores/application.store\";\r\nimport \"./SelectPopup.scss\";\r\nconst SelectPopup = () => {\r\n  const {\r\n    selectPopupVisble,\r\n    setSelectPopupVisible,\r\n    formValue,\r\n    setFormValue,\r\n  } = useContext(AppContext);\r\n\r\n  const options = [\r\n    \"הקמת אתר/הקמת חנות אונליין\",\r\n    \"כלי שיווק דיגיטלי לגיוס לקוחות חדשים (גוגל / פייסבוק / אינסטגרם / אאוטבריין וטאבולה)\",\r\n    \"דיוור שיווקי (הקמת דיוור שיווקי במערכת דיוור / הכנת תוכן כתוב וויזואלי לדיוור שיווקי)\",\r\n    \"יצירת חומרים שיווקיים (עיצוב בקנבה / כתיבה שיווקית / בניית עמוד נחיתה)\",\r\n    \"הגדלת נוכחות דיגיטלית ושימוש בפלטפורמות הקידום השונות (איזי/פייבר/גוגל מיי ביזנס/גט דליברי)\",\r\n    \"רשתות חברתיות (ניהול עמוד שיווק בפייסבוק / אינסטגרם / יצירת קהילה וכד')\",\r\n  ];\r\n\r\n  return (\r\n    <div className={`select-popup ${selectPopupVisble ? \"\" : \"hidden\"}`}>\r\n      <div className=\"fade\" onClick={() => setSelectPopupVisible(false)}></div>\r\n      <div className=\"select-wrapper\">\r\n        <div className=\"select-box\">\r\n          <div\r\n            className=\"x-icon\"\r\n            onClick={() => setSelectPopupVisible(false)}\r\n          ></div>\r\n\r\n          <div className=\"options\">\r\n            {options.map((value, index) => {\r\n              return (\r\n                <div\r\n                  className=\"option\"\r\n                  key={index}\r\n                  onClick={() => {\r\n                    setFormValue({ ...formValue, digitalChoice: value });\r\n                    setSelectPopupVisible(false);\r\n                  }}\r\n                >\r\n                  <div className=\"checkbox\">\r\n                    <div\r\n                      className={`inner ${\r\n                        value === formValue.digitalChoice ? \"selected\" : \"\"\r\n                      }`}\r\n                    ></div>\r\n                  </div>\r\n                  <h3>{value}</h3>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SelectPopup;\r\n","import React from 'react'\r\nimport TopBar from './TopBar/TopBar'\r\nimport Header from './Header/Header'\r\nimport Form from './Form/Form'\r\nimport Footer from './Footer/Footer'\r\nimport Popup from './Popup/Popup'\r\nimport SelectPopup from './SelectPopup/SelectPopup'\r\nimport \"../static/css/main.scss\";\r\nconst App = () => {\r\n    return (\r\n        <div>\r\n            <Popup/>\r\n            <SelectPopup/>\r\n            <TopBar/>\r\n            <Header/>\r\n            <Form/>\r\n            <Footer/>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default App\r\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./components/App\";\nimport {AppProvider} from \"./stores/application.store\";\nimport \"./static/css/reset.scss\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <AppProvider>\n      <App />\n    </AppProvider>\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n"],"sourceRoot":""}