{"version":3,"sources":["pictures/bg.jpg","pictures/logo2.png","components/ContactInfo.js","components/AppBar.js","components/AboutUs.js","components/Alert.js","components/ContactUs.js","components/TabsView.js","App.js","index.js"],"names":["module","exports","ContactInfo","props","cssContactInfo","contactContainer","css","gridItem","gridMailItem","buttonStyle","textStyle","Button","onClick","window","open","variant","startIcon","location","href","AppBar","appBarDiv","imgStyle","contactStyle","alt","src","require","AboutUs","aboutPage","cardStyle","textContainer","titleStyle","headerFirstLineStyle","headerLineStyle","rowStyle","listStyle","gridContainer","gridContactContainer","Alert","alertType","setIsAlertOpen","successAlertContainer","errorAlertContainer","successIconTextContainer","errorIconTextContainer","IconButton","ContactUs","useState","fullName","setFullName","companyName","setCompanyName","job","setJob","phone","setPhone","email","setEmail","notes","setNotes","errorAlertOpen","setErrorAlertOpen","successAlertOpen","setSuccessAlertOpen","disableSend","setDisableSend","mailFormat","sendFeedback","templateId","variables","emailjs","send","then","res","catch","err","useEffect","match","contactPage","contactHeader","subContactHeader","contactUsContainer","textFieldsContainer","textFieldsInnerContainer","textFieldsInnerContainerRight","textFieldStyle","phoneContainer","mailCommentsContainer","mailContainer","commentsStyle","buttonContainer","TextField","error","label","onChange","event","target","value","Number","multiline","rows","full_name","company_name","disabled","TabsView","tabsContainer","tabIndex","setTabIndex","Fragment","Tabs","TabIndicatorProps","style","background","Tab","switchTab","App","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.0b52adc7.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/bg.6d3edb77.jpg\";","module.exports = __webpack_public_path__ + \"static/media/logo2.460af66e.png\";","/**@jsx jsx */\r\nimport { css, jsx } from '@emotion/core'\r\nimport { Button } from '@material-ui/core'\r\nimport PhoneIcon from '@material-ui/icons/Phone';\r\nimport EmailIcon from '@material-ui/icons/Email';\r\n\r\nconst ContactInfo = (props) => {\r\n    const {cssContactInfo} = props;\r\n\r\n    // check if working (phone this number on mobile)\r\n    const handleCellphone = () => {\r\n        window.open('tel:+972542450222');\r\n    }\r\n\r\n    // check if working (phone this number on mobile)\r\n    const handleTelephone = () => {\r\n        window.open('tel:+97239525075');\r\n    }\r\n\r\n    const handleMail = () => {\r\n        window.location.href = \"mailto:ronencarmely@gmail.com; motion@motion.co.il\"\r\n    }\r\n\r\n    const contactContainer = css`\r\n    display: flex;\r\n    justify-content: space-evenly;\r\n    `;\r\n\r\n    const gridItem = css`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 100%;\r\n    .MuiButton-outlined {\r\n        border: 2px solid #69d74d;\r\n    }\r\n    .MuiButton-root {\r\n        font-family: inherit;\r\n        width: 125%;\r\n        background-color: #69d74d;\r\n        color: white;\r\n        font-weight: bold;\r\n        font-size: inherit;\r\n    :hover {\r\n        transition: 0.2s;\r\n        color: black;\r\n        font-size: larger;\r\n        }\r\n    }\r\n    `;\r\n\r\n    const gridMailItem = css`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 100%;\r\n    .MuiButton-outlined {\r\n        border: 2px solid #55baff;\r\n    }\r\n    .MuiButton-root {\r\n        font-family: inherit;\r\n        width: 125%;\r\n        background-color: #55baff;\r\n        color: white;\r\n        font-weight: bold;\r\n        font-size: inherit;\r\n    :hover {\r\n        transition: 0.2s;\r\n        color: black;\r\n        font-size: larger;\r\n        }\r\n    }\r\n    `;\r\n\r\n    const buttonStyle = css`\r\n    .MuiButton-label {\r\n        flex-direction: row-reverse;\r\n    }\r\n    .MuiButton-label {\r\n        font-family: Segoe UI;\r\n        font-size: 83%;\r\n    }\r\n    `;\r\n\r\n    const textStyle = css`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-weight: 500;\r\n    font-size: medium;\r\n    `;\r\n\r\n    return (\r\n        <div css={contactContainer}>\r\n            <div css={cssContactInfo}>\r\n                <div css={gridItem}>\r\n                    <Button\r\n                        css={buttonStyle}\r\n                        onClick={handleCellphone}\r\n                        variant=\"outlined\"\r\n                        startIcon={<PhoneIcon />}\r\n                    >\r\n                        054-2450222\r\n                </Button>\r\n                </div>\r\n                <div css={gridItem}>\r\n                    <Button\r\n                        css={buttonStyle}\r\n                        onClick={handleTelephone}\r\n                        variant=\"outlined\"\r\n                        startIcon={<PhoneIcon />}\r\n                    >\r\n                        03-9525075\r\n                </Button>\r\n                </div>\r\n                <div css={gridMailItem}>\r\n                    <Button\r\n                        css={buttonStyle}\r\n                        onClick={handleMail}\r\n                        variant=\"outlined\"\r\n                        startIcon={<EmailIcon />}\r\n                    >\r\n                        שלח מייל\r\n                    </Button>\r\n                </div>\r\n                <div css={textStyle}>motion@motion.co.il</div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default ContactInfo;","/**@jsx jsx */\r\nimport { css, jsx } from '@emotion/core'\r\nimport ContactInfo from './ContactInfo';\r\n\r\nconst AppBar = () => {\r\n\r\n  const appBarDiv = css`\r\n  height: 9em;\r\n  direction: rtl;\r\n  background-color: #cfd3d161;\r\n  font-family: Segoe UI;\r\n  padding-bottom: 0.5em;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  @media only screen and (max-width: 820px) {\r\n    flex-direction: column;\r\n    height: 20%;\r\n  }\r\n  `;\r\n\r\n  const imgStyle = css`\r\n  position: relative;\r\n  height: 8em;\r\n  width: 17%;\r\n  margin-top: 2%;\r\n  @media only screen and (max-width: 820px) {\r\n    width: 50%;\r\n    right: 25%;\r\n  }\r\n  `;\r\n\r\n  const contactStyle = css`\r\n  display: flex;\r\n  flex-direction: row-reverse;\r\n  grid-gap: 20px;\r\n  margin-top: 15%;\r\n  padding-left: 10px;\r\n  @media only screen and (max-width: 820px) {\r\n    margin-bottom: 2%;\r\n  }\r\n  @media only screen and (max-width: 705px) {\r\n    display: grid;\r\n    grid-template-columns: 52% 52%;\r\n    padding: 2%;\r\n    grid-template-rows: 52%;\r\n    grid-auto-rows: 52%;\r\n    grid-gap: 7%;\r\n    justify-content: center;\r\n    margin-top: 0;\r\n  }\r\n  `;\r\n\r\n  return (\r\n    <div css={appBarDiv}>\r\n      <img alt={''} css={imgStyle} src={require('../pictures/logo2.png')} />\r\n      <ContactInfo cssContactInfo={contactStyle} />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default AppBar;\r\n","/**@jsx jsx */\r\nimport { css, jsx } from '@emotion/core';\r\nimport ContactInfo from './ContactInfo';\r\n\r\nconst AboutUs = () => {\r\n\r\n    const aboutPage = css`\r\n    direction: rtl;\r\n    font-family: Segoe UI;\r\n    display: flex;\r\n    justify-content: center;\r\n    `;\r\n\r\n    const imgStyle = css`\r\n    position: relative;\r\n    width: 100%;\r\n    height: fit-content;\r\n    @media only screen and (max-width: 1080px) {\r\n        display: none;\r\n    }\r\n    `;\r\n\r\n    const cardStyle = css`\r\n    padding-top: 15px;\r\n    border-radius: 15px;\r\n    position: absolute;\r\n    background: white;\r\n    min-width: 65%;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    padding-bottom: 10px;\r\n    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);\r\n    @media only screen and (max-width: 1080px) {\r\n        box-shadow: 0 0 black;\r\n    }\r\n    `;\r\n\r\n    const textContainer = css`\r\n    text-align: center;\r\n    `;\r\n\r\n    const titleStyle = css`\r\n    font-size: 155%;\r\n    font-weight: bold;\r\n    `;\r\n\r\n    const headerFirstLineStyle = css`\r\n    display: contents;\r\n    @media only screen and (max-width: 1080px) {\r\n        display: none;\r\n    }\r\n    `;\r\n\r\n    const headerLineStyle = css`\r\n    display: none;\r\n    @media only screen and (max-width: 1080px) {\r\n        display: block;\r\n    }\r\n    `;\r\n\r\n    const rowStyle = css`\r\n    margin-top: 0.5%;\r\n    font-size: 100%;\r\n    `;\r\n\r\n    const listStyle = css`\r\n    list-style-type: circle;\r\n    text-align: initial;\r\n    @media only screen and (max-width: 1080px) {\r\n        margin-right: 5%;\r\n    }\r\n    `;\r\n\r\n    const gridContainer = css`\r\n    display: grid;\r\n    grid-template-columns: 20% 20% 20% 20% 20%;\r\n    padding: 20px;\r\n    grid-template-rows: 65px;\r\n    grid-auto-rows: 65px;\r\n    grid-gap: 5px;\r\n    justify-content: center;\r\n    @media only screen and (max-width: 1080px) {\r\n        grid-template-columns: 35% 35% 35% 35%;\r\n    }\r\n    @media only screen and (max-width: 840px) {\r\n        grid-template-columns: 35% 35% 35%;\r\n    }\r\n    @media only screen and (max-width: 635px) {\r\n        grid-template-columns: 35% 35%;\r\n    }\r\n    `;\r\n\r\n    const gridItem = css`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background-color: #6f787454;\r\n    height: 100%;\r\n    font-size: 20px;\r\n    border-radius: 10px;\r\n    :hover \r\n    {\r\n        background-color: #4d86d7;\r\n        color: white;\r\n        font-weight: bold;\r\n        transition: 0.2s;\r\n    }\r\n    `;\r\n\r\n    const gridContactContainer = css`\r\n    display: grid;\r\n    grid-template-columns: 52% 52%;\r\n    padding: 2%;\r\n    grid-template-rows: 52%;\r\n    grid-auto-rows: 52%;\r\n    grid-gap: 7%;\r\n    justify-content: center;\r\n    margin-bottom: 3%;\r\n    `;\r\n\r\n    return (\r\n        <div css={aboutPage}>\r\n            <img css={imgStyle} alt={''} src={ require('../pictures/bg.jpg') } />\r\n            <div css={cardStyle}>\r\n                <div css={textContainer}>\r\n                    <div css={titleStyle}>\r\n                        <span>\r\n                        \"סנטורי\"\r\n                        </span>\r\n                        <span css={headerFirstLineStyle}> שירותי הקלטה ותמלול מקצועיים</span> \r\n                        <span css={headerLineStyle}> שירותי הקלטה ותמלול מקצועיים</span>\r\n                        </div>\r\n                    <div css={rowStyle}>\r\n                        מתמחים בשרותים מתקדמים  בתחום ההקלטה והתמלול.\r\n                        </div>\r\n                    <div css={rowStyle}>\r\n                        טכנאי סאונד מקצועיים, ייצוגיים ומוכשרים.\r\n                        </div>\r\n                    <div css={rowStyle}>\r\n                        ציוד מובחר ואיכותי הכולל מערכות גיבוי אוטומטיות.\r\n                        </div>\r\n                    <ul css={listStyle}>\r\n                        <li>\r\n                            מגיעים זמן ארוך לפני תחילת הישיבה.\r\n                            </li>\r\n                        <li>\r\n                            מתמקמים בחדר הישיבות במקצועיות וביעילות.\r\n                            </li>\r\n                        <li>\r\n                            מבצעים בדיקות הכרחיות לאיכות ההקלטה.\r\n                            </li>\r\n                        <li>\r\n                            מגבים את ההקלטה בזמן אמת למניעת כשלים אפשריים.\r\n                            </li>\r\n                        <li>\r\n                            אנשי צוות מנוסים ומקצועיים.\r\n                            </li>\r\n                        <li>\r\n                            נסיון עשיר ומגוון בהקלטה בלבד או הקלטה ותמלול של:\r\n                            </li>\r\n                    </ul>\r\n                    <div css={gridContainer}>\r\n                        <div css={gridItem}>\r\n                            ישיבות מועצת עיר\r\n                            </div>\r\n                        <div css={gridItem}>\r\n                            בוררויות\r\n                            </div>\r\n                        <div css={gridItem}>\r\n                            ישיבות בתי משפט\r\n                            </div>\r\n                        <div css={gridItem}>\r\n                            ועדות ערר\r\n                            </div>\r\n                        <div css={gridItem}>\r\n                            ועדות תכנון ובנייה עירוניות\r\n                            </div>\r\n                        <div css={gridItem}>\r\n                            מכרזים (כח אדם)\r\n                            </div>\r\n                        <div css={gridItem}>\r\n                            ועדות מכרזים\r\n                            </div>\r\n                        <div css={gridItem}>\r\n                            ועדות ביקורת\r\n                            </div>\r\n                        <div css={gridItem}>\r\n                            ועדות כספים\r\n                            </div>\r\n                        <div css={gridItem}>\r\n                            ישיבות שימוע\r\n                            </div>\r\n                    </div>\r\n                </div>\r\n                <ContactInfo cssContactInfo={gridContactContainer}/>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AboutUs;\r\n","/**@jsx jsx */\r\nimport { css, jsx } from '@emotion/core'\r\nimport { IconButton } from '@material-ui/core';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\n\r\n\r\nconst Alert = (props) => {\r\n\r\n    const { alertType, setIsAlertOpen } = props;\r\n\r\n    const successAlertContainer = css`\r\n    left: 0;\r\n    top: 0;\r\n    align-self: center;\r\n    position: absolute;\r\n    width: 25%;\r\n    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 20px;\r\n    background: #75ff7578;\r\n    border-radius: 5px;\r\n    .MuiIconButton-root {\r\n        color: #005d00;\r\n        :hover {\r\n            background-color: #00000030;\r\n        }\r\n    }\r\n    `;\r\n\r\n    const errorAlertContainer = css`\r\n    left: 0;\r\n    top: 0;\r\n    align-self: center;\r\n    position: absolute;\r\n    width: 25%;\r\n    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 20px;\r\n    background: #fb36368c;\r\n    border-radius: 5px;\r\n    .MuiIconButton-root {\r\n        color: #840000;\r\n        :hover {\r\n            background-color: #00000030;\r\n        }\r\n    }\r\n    `;\r\n\r\n    const successIconTextContainer = css`\r\n    align-items: center;\r\n    display: flex;\r\n    .MuiSvgIcon-root {\r\n        color: #005d00;\r\n    }\r\n    `;\r\n\r\n    const errorIconTextContainer = css`\r\n    align-items: center;\r\n    display: flex;\r\n    .MuiSvgIcon-root {\r\n        color: #840000;\r\n    }\r\n    `;\r\n\r\n    const textStyle = css`\r\n    margin-right: 10px;\r\n    font-weight: bold;\r\n    `;\r\n\r\n    return (\r\n        <div css={alertType === 'success' ? successAlertContainer : errorAlertContainer}>\r\n            <div css={alertType === 'success' ? successIconTextContainer : errorIconTextContainer}>\r\n                {alertType === 'success' ? <CheckCircleOutlineIcon /> : <ErrorOutlineIcon />}\r\n                {alertType === 'success' ? <div css={textStyle}>המייל נשלח בהצלחה!</div> : <div css={textStyle}>אירעה שגיאה, נסה שוב</div>}\r\n            </div>\r\n            <IconButton\r\n                onClick={() => setIsAlertOpen(false)}\r\n            >\r\n                <CloseIcon />\r\n            </IconButton>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Alert;\r\n","/**@jsx jsx */\r\nimport { useEffect } from 'react'\r\nimport { css, jsx } from '@emotion/core'\r\nimport { TextField, Button } from '@material-ui/core'\r\nimport { useState } from 'react'\r\nimport Alert from './Alert';\r\n\r\nconst ContactUs = () => {\r\n\r\n    const [fullName, setFullName] = useState('full name')\r\n    const [companyName, setCompanyName] = useState('company name')\r\n    const [job, setJob] = useState('job')\r\n    const [phone, setPhone] = useState('phone')\r\n    const [email, setEmail] = useState('email')\r\n    const [notes, setNotes] = useState('')\r\n    const [errorAlertOpen, setErrorAlertOpen] = useState(false)\r\n    const [successAlertOpen, setSuccessAlertOpen] = useState(false)\r\n    const [disableSend, setDisableSend] = useState(true)\r\n\r\n    const mailFormat = /^(([^<>()\\[\\]\\\\.,;:\\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\r\n    const handleSendEmail = () => {\r\n        const templateId = 'template_flgawdh';\r\n        sendFeedback(templateId, {full_name: fullName, company_name: companyName, job: job, phone: phone, email: email, notes: notes})\r\n    }\r\n\r\n    const sendFeedback = (templateId, variables) => {\r\n        window.emailjs.send(\r\n          'sentoryglobal@gmail.com', templateId,\r\n          variables\r\n          ).then(res => {\r\n            setSuccessAlertOpen(true);\r\n          })\r\n          .catch(err => { \r\n              setErrorAlertOpen(true);\r\n            })\r\n      }\r\n\r\n    useEffect(() => {\r\n\r\n        if ((phone !== '' && phone !== 0 && phone !== 'phone') &&\r\n         (fullName !== '' && fullName !== 'full name') && \r\n         (email !== '' && email !== 'email') &&\r\n         (email.match(mailFormat))) {\r\n            setDisableSend(false)\r\n        }\r\n        else {\r\n            setDisableSend(true)\r\n        }\r\n    }, [phone, fullName, email, mailFormat])\r\n\r\n    useEffect(() => {\r\n        if (errorAlertOpen) {\r\n            setErrorAlertOpen(true)\r\n        }\r\n        else {\r\n            setErrorAlertOpen(false)\r\n        }\r\n        if(successAlertOpen) {\r\n            setSuccessAlertOpen(true)\r\n        }\r\n        else {\r\n            setSuccessAlertOpen(false)\r\n        }\r\n    }, [errorAlertOpen, successAlertOpen])\r\n\r\n    const contactPage = css`\r\n    direction: rtl;\r\n    font-family: Segoe UI;\r\n    display: flex;\r\n    justify-content: center;\r\n    `;\r\n\r\n    const imgStyle = css`\r\n    position: relative;\r\n    width: 100%;\r\n    height: fit-content;\r\n    @media only screen and (max-width: 1080px) {\r\n        display: none;\r\n    }\r\n    `;\r\n\r\n    const cardStyle = css`\r\n    position: absolute;\r\n    background: white;\r\n    border-radius: 15px;\r\n    min-width: 65%;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    padding-bottom: 10px;\r\n    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);\r\n    @media only screen and (max-width: 1080px) {\r\n        box-shadow: 0 0 black;\r\n    }\r\n    `;\r\n\r\n    const contactHeader = css`\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 1%;\r\n    font-size: 155%;\r\n    `;\r\n\r\n    const subContactHeader = css`\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 1%;\r\n    font-size: 100%;\r\n    `;\r\n\r\n    const contactUsContainer = css`\r\n    display: flex;\r\n    justify-content: space-around;\r\n    `;\r\n    const textFieldsContainer = css`\r\n    display: flex;\r\n    flex-direction: row;\r\n    width: 40%;\r\n    direction: rtl;\r\n    @media only screen and (max-width: 1080px) {\r\n        flex-direction: column;\r\n        width: 80%;\r\n    }\r\n    `;\r\n\r\n    const textFieldsInnerContainer = css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin-right: 2%;\r\n    `;\r\n\r\n    const textFieldsInnerContainerRight = css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    @media only screen and (max-width: 1080px) {\r\n        margin-right: 2%;\r\n    }\r\n    `;\r\n\r\n    const textFieldStyle = css`\r\n    margin-bottom: 5%;\r\n    .MuiFormLabel-root {\r\n        width: fit-content;\r\n        font-family: Segoe UI;\r\n        position: absolute;\r\n        right: 15%;\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n    .MuiFormLabel-root.Mui-focused {\r\n        color: #55baff;\r\n    }\r\n    .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {\r\n        border-color: #55baff;\r\n    }\r\n    .MuiInputBase-input {\r\n        font-family: Segoe UI;\r\n    }\r\n    .PrivateNotchedOutline-legendLabelled-7 > span {\r\n        display: none;\r\n    }\r\n    .MuiInputLabel-shrink {\r\n        transform-origin: top right;\r\n        background: white;\r\n    }\r\n    .MuiOutlinedInput-notchedOutline {\r\n        border-color: #0000004a;\r\n    }\r\n    `;\r\n\r\n    const phoneContainer = css`\r\n    margin-bottom: 5%;\r\n    .MuiFormLabel-root {\r\n        width: fit-content;\r\n        font-family: Segoe UI;\r\n        position: absolute;\r\n        right: 15%;\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n    .PrivateNotchedOutline-legendLabelled-7 > span {\r\n        display: none;\r\n    }\r\n    .MuiInputLabel-shrink {\r\n        transform-origin: top right;\r\n        background: white;\r\n    }\r\n    .MuiInputBase-input {\r\n        direction: ltr;\r\n        font-family: Segoe UI;\r\n    }\r\n    .MuiOutlinedInput-notchedOutline {\r\n        border-color: #0000004a;\r\n    }\r\n    .MuiFormLabel-root.Mui-focused {\r\n        color: #55baff;\r\n    }\r\n    .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {\r\n        border-color: #55baff;\r\n    }\r\n    `;\r\n\r\n    const mailCommentsContainer = css`\r\n    width: 40%;\r\n    align-self: center;\r\n    @media only screen and (max-width: 1080px) {\r\n        width: 74%;\r\n        margin-left: 4%;\r\n    }\r\n    `;\r\n\r\n    const mailContainer = css`\r\n    margin-bottom: 3%;\r\n    @media only screen and (max-width: 1080px) {\r\n        margin-bottom: 5%;\r\n    }\r\n    .MuiFormLabel-root {\r\n        width: fit-content;\r\n        font-family: Segoe UI;\r\n        position: absolute;\r\n        right: 15%;\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n    .MuiFormControl-root {\r\n        width: 100%;\r\n    }\r\n    .PrivateNotchedOutline-legendLabelled-7 > span {\r\n        display: none;\r\n    }\r\n    .MuiInputLabel-shrink {\r\n        transform-origin: top right;\r\n        background: white;\r\n    }\r\n    .MuiInputBase-input {\r\n        direction: ltr;\r\n        font-family: Segoe UI;\r\n    }\r\n    .MuiOutlinedInput-notchedOutline {\r\n        border-color: #0000004a;\r\n    }\r\n    .MuiFormLabel-root.Mui-focused {\r\n        color: #55baff;\r\n    }\r\n    .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {\r\n        border-color: #55baff;\r\n    }\r\n    `;\r\n\r\n    const commentsStyle = css`\r\n    width: 100%;\r\n    `;\r\n\r\n    const buttonContainer = css`\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 1%;\r\n    margin-bottom: 5%;\r\n    .MuiButton-outlined {\r\n        border: 2px solid #4d86d7;\r\n    }\r\n    .MuiButton-root {\r\n        font-family: inherit;\r\n        width: 25%;\r\n        background-color: #4d86d7;\r\n        color: white;\r\n        font-weight: bold;\r\n    :hover {\r\n        transition: 0.2s;\r\n        color: black;\r\n        }\r\n    }\r\n    `;\r\n\r\n    const buttonStyle = css`\r\n    margin-top: 0.7em;\r\n    border-color: #2f47bd;\r\n    border-width: 2.3px;\r\n    color: #2f47bd;\r\n    height: 3em;\r\n    `;\r\n\r\n    return (\r\n        <div css={contactPage}>\r\n            <img css={imgStyle} alt={''} src={require('../pictures/bg.jpg')} />\r\n            <div css={cardStyle}>\r\n                <h1 css={contactHeader}>צור קשר</h1>\r\n                <div css={subContactHeader}>השאר פרטייך ונחזור אלייך תוך 24 שעות</div>\r\n                <div css={contactUsContainer}>\r\n                    <div css={textFieldsContainer}>\r\n                        <div css={textFieldsInnerContainerRight}>\r\n                            <div css={textFieldStyle}>\r\n                                <TextField\r\n                                    error={fullName === ''}\r\n                                    label=\"שם מלא\"\r\n                                    variant=\"outlined\"\r\n                                    onChange={(event) => setFullName(event.target.value)}\r\n                                />\r\n                            </div>\r\n                            <div css={textFieldStyle}>\r\n                                <TextField\r\n                                    label=\"חברה\"\r\n                                    variant=\"outlined\"\r\n                                    onChange={(event) => setCompanyName(event.target.value)}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                        <div css={textFieldsInnerContainer}>\r\n                            <div css={textFieldStyle}>\r\n                                <TextField\r\n                                    label=\"תפקיד\"\r\n                                    variant=\"outlined\"\r\n                                    onChange={(event) => setJob(event.target.value)}\r\n                                />\r\n                            </div>\r\n                            <div css={phoneContainer}>\r\n                                <TextField\r\n                                    error={phone === '' || phone === 0}\r\n                                    label=\"טלפון\"\r\n                                    variant=\"outlined\"\r\n                                    onChange={(event) => setPhone(Number(event.target.value))}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div css={mailCommentsContainer}>\r\n                    <div css={mailContainer}>\r\n                        <TextField\r\n                            error={email === ''}\r\n                            label=\"מייל\"\r\n                            variant=\"outlined\"\r\n                            onChange={(event) => setEmail(event.target.value)}\r\n                        />\r\n                    </div>\r\n                    <div css={textFieldStyle}>\r\n                        <TextField\r\n                            value={notes}\r\n                            label=\"הערות\"\r\n                            multiline\r\n                            rows={4}\r\n                            variant=\"outlined\"\r\n                            onChange={(event) => setNotes(event.target.value)}\r\n                            css={commentsStyle}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <div css={buttonContainer}>\r\n                    <Button\r\n                        onClick={handleSendEmail}\r\n                        css={buttonStyle}\r\n                        variant=\"outlined\"\r\n                        disabled={disableSend}\r\n                    >\r\n                        שלח\r\n                        </Button>\r\n                </div>\r\n            </div>\r\n            {successAlertOpen && <Alert alertType={'success'} setIsAlertOpen={setSuccessAlertOpen} />}\r\n            {errorAlertOpen && <Alert alertType={'error'} setIsAlertOpen={setErrorAlertOpen} />}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default ContactUs;\r\n","/**@jsx jsx */\r\nimport React, { useState } from 'react'\r\nimport { css, jsx } from '@emotion/core'\r\nimport { Tabs, Tab } from '@material-ui/core'\r\nimport AboutUs from './AboutUs';\r\nimport ContactUs from './ContactUs';\r\n\r\nconst TabsView = () => {\r\n\r\n    const tabsContainer = css`\r\n    * {\r\n        font-family: Segoe UI;\r\n    }\r\n    color: #474747;\r\n    background-color: #a9a9a91f;\r\n    .PrivateTabIndicator-colorSecondary-3 {\r\n        padding-bottom: 3px;\r\n    }\r\n    .MuiTab-root {\r\n        font-size: inherit;\r\n    }\r\n    .MuiTabs-root {\r\n        display: inline;\r\n    }\r\n    `;\r\n    const [tabIndex, setTabIndex] = useState(0);\r\n\r\n    const changeTab = (event, value) => {\r\n        setTabIndex(value);\r\n    }\r\n\r\n    const switchTab = () => {\r\n        switch (tabIndex) {\r\n            case 0:\r\n                return <AboutUs />\r\n            case 1:\r\n                return <ContactUs /> \r\n            default:\r\n                return <AboutUs />\r\n        }\r\n    };\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <Tabs css={tabsContainer}\r\n            TabIndicatorProps={{\r\n                style: { background: \"#4d86d7\" }\r\n            }}\r\n            value={tabIndex} onChange={changeTab} variant=\"fullWidth\">\r\n            <Tab label=\"אודותינו\" />\r\n            <Tab label=\"צור קשר\" />  \r\n            </Tabs>\r\n            {switchTab()}\r\n        </React.Fragment>\r\n    );\r\n}\r\n\r\nexport default TabsView;","import React from 'react';\nimport AppBar from './components/AppBar';\nimport TabsView from './components/TabsView';\n\nfunction App() {\n  return (\n    <div>\n      <AppBar />\n      <TabsView />\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);"],"sourceRoot":""}