{"version":3,"sources":["webpack:///./src/components/bottom-section/index.jsx","webpack:///./src/pages/index.js","webpack:///./src/img/home-illustration-2.svg","webpack:///./src/img/home-illustration-1.svg","webpack:///./src/components/steps/index.jsx"],"names":["title1","title2","text1","text2","useTranslation","t","i18n","className","language","src","img1","img2","style","color","fontWeight","Home","location","user","useContext","UserContext","useEffect","search","includes","setToken","replace","window","href","console","log","dataLayer","push","event","registrationOrderId","Date","toISOString","ecommerce","registration","actionField","id","redirect_url","localStorage","getItem","removeItem","navigate","rawPathnameValue","global","pathname","pathnameValue","decodeURI","useState","usernameValue","setUsernameValue","modalOpen","setModalOpen","requestLoading","setRequestLoading","errorMessage","setErrorMessage","result","setResult","scanDate","setScanDate","sendScanRequest","username","status","a","trim","getDataRequest","res","error","data","Array","isArray","JSON","parse","scan_time","handleGo","navLink","toLocaleLowerCase","undefined","hash","title","metaName","metaContent","icon4","width","height","position","top","left","icon1","icon3","icon2","type","placeholder","value","onChange","e","target","onKeyPress","key","maxLength","loop","right","onClick","playIcon","paddingTop","justifyContent","textAlign","max","maxWidth","name","headerCenter","moment","utc","format","fromNow","viewBox","fill","xmlns","d","openModal","setOpenModal","upgrade","limit_reached","memo","module","exports","text3","step1","step2","step3"],"mappings":"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","file":"component---src-pages-index-js-3c87d94e342e58f9acf2.js","sourcesContent":["import React from 'react';\r\nimport {useTranslation} from 'gatsby-plugin-react-i18next';\r\n\r\nimport img1 from '../../img/home-illustration-1.svg';\r\nimport img2 from '../../img/home-illustration-2.svg';\r\nimport './styles.scss';\r\n\r\nexport default ({title1, title2, text1, text2}) => {\r\n  const {t, i18n} = useTranslation();\r\n\r\n  return (\r\n    <div className=\"home-bottom-container\">\r\n      <div className=\"row\">\r\n        <div className=\"col-12 col-lg-6 text-section\">\r\n          <h2 className={i18n.language === 'ar' ? 'text-right' : ''}>{title1 || `${t('bottom-section-title')}`}</h2>\r\n          <img src={img1} className=\"d-lg-none py-4\" />\r\n          {text1 || (\r\n            <>\r\n              <p className={i18n.language === 'ar' ? 'text-right' : ''}>{t('section-1')}</p>\r\n              <p className={i18n.language === 'ar' ? 'text-right' : ''}>{t('section-2')}</p>\r\n            </>\r\n          )}\r\n        </div>\r\n        <div className=\"col-12 col-lg-6 d-none d-lg-flex img-section\">\r\n          <img src={img1} />\r\n        </div>\r\n      </div>\r\n      <div className=\"row\">\r\n        <div className=\"col-12 col-lg-6 d-none d-lg-flex img-section\">\r\n          <img src={img2} />\r\n        </div>\r\n        <div className=\"col-12 col-lg-6 text-section\">\r\n          <h2 className={i18n.language === 'ar' ? 'text-right' : ''}>{title2 || `${t('bottom-section-title-2')}`}</h2>\r\n          <img src={img2} className=\"d-lg-none py-4\" />\r\n          {text2 || (\r\n            <p className={i18n.language === 'ar' ? 'text-right' : ''}>\r\n              {t('section-3')}\r\n              <span style={{color: '#fff', fontWeight: 700}}>{t('400')}</span> {t('section-4')}\r\n            </p>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React, {memo, useContext, useEffect, useState} from 'react';\r\nimport {graphql} from 'gatsby';\r\nimport {useTranslation} from 'gatsby-plugin-react-i18next';\r\n\r\nimport Layout from '../components/layout';\r\nimport Result from '../components/result';\r\nimport Steps from '../components/steps';\r\nimport BottomSection from '../components/bottom-section';\r\nimport {navigate} from 'gatsby';\r\nimport moment from 'moment';\r\nimport {UserContext} from '../context/user-context';\r\nimport {getDataRequest} from '../requests';\r\nimport Cookies from 'js-cookie';\r\nimport loop from '../img/icons/search-icon.svg';\r\nimport icon1 from '../img/icons/icon-1.svg';\r\nimport icon2 from '../img/icons/icon-2.svg';\r\nimport icon3 from '../img/icons/icon-3.svg';\r\nimport icon4 from '../img/icons/icon-4.svg';\r\n\r\nimport {playIcon, arrowDownIcon} from '../img/svg-icons';\r\nimport Upgrade from '../components/upgrade';\r\nimport {getShowUpgradeModal, setToken} from '../helpers';\r\nimport './styles.scss';\r\n\r\nconst Home = ({location}) => {\r\n  const {t, i18n} = useTranslation();\r\n  const {user} = useContext(UserContext);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      location &&\r\n      location.search &&\r\n      !location.search.includes('subscription_id') &&\r\n      !location.search.includes('ba_token=')\r\n    ) {\r\n      setToken(\r\n        location.search\r\n          .replace('?token=', '')\r\n          .replace('&new_user=true', '')\r\n          .replace('&new_user=false', ''),\r\n      );\r\n      if (location.search.includes('&new_user=true') && window.location.href.includes('candidatechecker.io')) {\r\n        //@ts-ignore\r\n        console.log(window.dataLayer);\r\n        //@ts-ignore\r\n        window.dataLayer = [];\r\n        //@ts-ignore\r\n        window.dataLayer.push({\r\n          event: `accountRegistration-candidatechecker`,\r\n          registrationOrderId: new Date().toISOString(),\r\n        });\r\n        //@ts-ignore\r\n        window.dataLayer.push({\r\n          event: `registration-candidatechecker`,\r\n          ecommerce: {\r\n            registration: {\r\n              actionField: {\r\n                id: `Registration_${new Date().toISOString()}`,\r\n              },\r\n            },\r\n          },\r\n        });\r\n      }\r\n      const redirect_url = localStorage.getItem('redirect_url');\r\n      if (redirect_url) {\r\n        localStorage.removeItem('redirect_url');\r\n        navigate(redirect_url);\r\n        return;\r\n      }\r\n      navigate(i18n.language === 'ar' ? '/ar/' : '/');\r\n    }\r\n    // setToken('nb7ssliot78056rcyrjkr1p');\r\n  }, [location]);\r\n\r\n  const rawPathnameValue =\r\n    global &&\r\n    global.window &&\r\n    global.window.location &&\r\n    global.window.location.pathname &&\r\n    global.window.location.pathname &&\r\n    global.window.location.pathname !== '/' &&\r\n    global.window.location.pathname !== '/ar/' &&\r\n    global.window.location.pathname !== '/ar' &&\r\n    global.window.location.pathname.replace('/ar/', '').replace('/', '');\r\n\r\n  const pathnameValue = rawPathnameValue && decodeURI(rawPathnameValue);\r\n\r\n  const [usernameValue, setUsernameValue] = useState(\r\n    pathnameValue && pathnameValue !== 'undefined' ? pathnameValue : '',\r\n  );\r\n  const [modalOpen, setModalOpen] = useState(false);\r\n  const [requestLoading, setRequestLoading] = useState(false);\r\n  const [errorMessage, setErrorMessage] = useState(false);\r\n  const [result, setResult] = useState(null);\r\n  const [scanDate, setScanDate] = useState(null);\r\n\r\n  const getScanDate = () => {\r\n    let scanTime = '';\r\n    if (scanDate) {\r\n      moment.utc(new Date(scanDate).toISOString()).format('MMM DD, YYYY') ===\r\n      moment.utc(new Date().toISOString()).format('MMM DD, YYYY')\r\n        ? (scanTime = moment.utc(new Date(scanDate).toISOString()).fromNow())\r\n        : (scanTime = moment.utc(new Date(scanDate).toISOString()).format('MMM DD, YYYY h:mm:ss A (UTC)'));\r\n    } else {\r\n      scanTime = t('a-few-seconds-ago');\r\n    }\r\n    return scanTime;\r\n  };\r\n\r\n  const handleCaptureOnEnter = e => {\r\n    if (e.key === 'Enter') {\r\n      handleGo();\r\n    }\r\n  };\r\n\r\n  const handleChange = e => {\r\n    setErrorMessage('');\r\n    setUsernameValue(e.target.value);\r\n  };\r\n\r\n  const modalToggle = () => {\r\n    setModalOpen(!modalOpen);\r\n  };\r\n\r\n  const sendScanRequest = async (username, status) => {\r\n    if (username && username.trim()) {\r\n      setRequestLoading(true);\r\n      setErrorMessage('');\r\n      const res = await getDataRequest(username, 'recheck');\r\n      if (res && res.error) {\r\n        setRequestLoading(false);\r\n        res.error === 'Your request limit reached' ? setModalOpen(true) : setErrorMessage(t('error-message'));\r\n        return;\r\n      }\r\n      if (res && res.status === 200 && res.data && (res.data.data || Array.isArray(res.data))) {\r\n        setResult(Array.isArray(res.data) ? res.data : JSON.parse(res.data.data));\r\n        status === 'recheck' || !res.data.scan_time ? setScanDate(null) : setScanDate(null);\r\n        setRequestLoading(false);\r\n      } else if (res && res.data && res.data.error) {\r\n        setRequestLoading(false);\r\n        res.data.error === 'Your request limit reached' ? setModalOpen(true) : setErrorMessage(t('error-message'));\r\n      }\r\n      setRequestLoading(false);\r\n    } else {\r\n      setErrorMessage(t('please-enter-valid-nickname-or-username'));\r\n    }\r\n  };\r\n\r\n  const handleNewScanRequest = () => {\r\n    const navLink = usernameValue.trim();\r\n    //const navLinkArr = trimedValue.includes('@') ? trimedValue.match(/^([^@]*)@/) : null;\r\n    //const navLink = navLinkArr ? navLinkArr[1] : trimedValue;\r\n    setResult(null);\r\n    setScanDate(null);\r\n    if ((navLink && navLink.includes(' ')) || !navLink) {\r\n      setErrorMessage(t('please-enter-valid-nickname-or-username'));\r\n      return;\r\n    } else {\r\n      i18n.language === 'ar'\r\n        ? navigate(`/ar/${navLink.toLocaleLowerCase()}`)\r\n        : navigate(`/${navLink.toLocaleLowerCase()}`);\r\n    }\r\n  };\r\n\r\n  const handleGo = () => {\r\n    if (pathnameValue === usernameValue) {\r\n      sendScanRequest(pathnameValue, 'check');\r\n    } else {\r\n      handleNewScanRequest();\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (pathnameValue && pathnameValue.includes('index.html')) {\r\n      navigate(`/${pathnameValue.replace('index.html', '')}`);\r\n      return;\r\n    }\r\n    if (pathnameValue && pathnameValue !== undefined) {\r\n      const hash = global && global.window && global.window.location && global.window.location.hash;\r\n\r\n      setUsernameValue(pathnameValue);\r\n      sendScanRequest(pathnameValue, 'recheck');\r\n    }\r\n  }, [pathnameValue]);\r\n\r\n  return (\r\n    <>\r\n      <Layout\r\n        title=\"Candidate Checker | Find Anyone's Profile\"\r\n        metaName={'description'}\r\n        metaContent={pathnameValue && pathnameValue !== 'undefined' ? '' : t('home-page-description')}\r\n      >\r\n        <div className=\"search-wrapper position-relative\">\r\n          <img\r\n            src={icon4}\r\n            style={{width: '45px', height: 'auto', position: 'absolute', top: '25%', left: '6%'}}\r\n            className=\"d-none d-md-block\"\r\n          />\r\n          <img\r\n            src={icon1}\r\n            style={{width: '25px', height: 'auto', position: 'absolute', top: '0%', left: '12%'}}\r\n            className=\"d-none d-md-block\"\r\n          />\r\n          <img\r\n            src={icon1}\r\n            style={{width: '25px', height: 'auto', position: 'absolute', top: '-25%', left: '35%'}}\r\n            className=\"d-none d-md-block\"\r\n          />\r\n          <img\r\n            src={icon3}\r\n            style={{width: '70px', height: 'auto', position: 'absolute', top: '-20%', left: '18%'}}\r\n            className=\"d-none d-md-block\"\r\n          />\r\n          <img src={icon3} style={{width: '45px', height: 'auto', position: 'absolute', top: '-15%', left: '5%'}} />\r\n          <img\r\n            src={icon3}\r\n            style={{width: '70px', height: 'auto', position: 'absolute', top: '15%', left: '18%'}}\r\n            className=\"d-none d-smdblock\"\r\n          />\r\n\r\n          <img src={icon1} style={{width: '35px', height: 'auto', position: 'absolute', top: '-20%', left: '90%'}} />\r\n          <img src={icon2} style={{width: '35px', height: 'auto', position: 'absolute', top: '-30%', left: '65%'}} />\r\n          <img\r\n            src={icon2}\r\n            style={{width: '40px', height: 'auto', position: 'absolute', top: '30%', left: '75%'}}\r\n            className=\"d-none d-md-block\"\r\n          />\r\n          <img\r\n            src={icon4}\r\n            style={{width: '45px', height: 'auto', position: 'absolute', top: '25%', left: '88%'}}\r\n            className=\"d-none d-md-block\"\r\n          />\r\n          <img src={icon3} style={{width: '70px', height: 'auto', position: 'absolute', top: '5%', left: '80%'}} />\r\n\r\n          <h1 className=\"page-title\">{t('page-title')}</h1>\r\n          <h2 className=\"page-subtitle mb-4\">\r\n            {t('description-1')}\r\n            <br />\r\n            {t('description-2')}\r\n          </h2>\r\n          <div className={`form-container field is-grouped ${i18n.language === 'ar' ? 'left-align' : ''}`}>\r\n            <input\r\n              className={`input is-rounded inputBar ${i18n.language === 'ar' ? 'typing-rl' : ''}`}\r\n              type=\"text\"\r\n              placeholder={t('nickname-or-username')}\r\n              value={usernameValue}\r\n              onChange={handleChange}\r\n              onKeyPress={handleCaptureOnEnter}\r\n              maxLength={320}\r\n            />\r\n            <img\r\n              src={loop}\r\n              style={{\r\n                width: '25px',\r\n                height: '25px',\r\n                position: 'absolute',\r\n                top: '15px',\r\n                left: i18n.language === 'ar' ? '' : '15px',\r\n                right: i18n.language === 'ar' ? '15px' : '',\r\n              }}\r\n            />\r\n            <div className={`buttons is-block btn_capture`}>\r\n              <button\r\n                className={`button is-primary is-outlined is-medium is-rounded inputBarButton ${\r\n                  requestLoading ? 'disabled' : ''\r\n                }`}\r\n                onClick={handleGo}\r\n              >\r\n                {playIcon}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {requestLoading && (\r\n          <div className=\"control\" style={{paddingTop: '10px'}}>\r\n            <div className=\"is-flex\" style={{justifyContent: 'center', textAlign: 'center'}}>\r\n              <progress className=\"progress is-small is-primary\" max=\"100\" style={{maxWidth: '600px'}}>\r\n                5%\r\n              </progress>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {errorMessage && (\r\n          <div\r\n            className=\"is-flex\"\r\n            style={{\r\n              justifyContent: 'center',\r\n              textAlign: 'center',\r\n              paddingTop: '20px',\r\n            }}\r\n          >\r\n            <article className=\"message is-danger\" style={{maxWidth: '300px'}}>\r\n              <div className=\"message-body\">{errorMessage}</div>\r\n            </article>\r\n          </div>\r\n        )}\r\n        {result && (\r\n          <Result\r\n            result={result}\r\n            name={pathnameValue}\r\n            headerCenter={\r\n              <div className=\"scan-info\">\r\n                {\r\n                  <div className=\"py-1 time-scraped\">\r\n                    {t('scraped')} {getScanDate()}\r\n                    {pathnameValue && pathnameValue !== 'undefined' && (\r\n                      <div\r\n                        onClick={() => sendScanRequest(pathnameValue, 'recheck')}\r\n                        className={`rescan-btn ${requestLoading ? 'disabled' : ''}`}\r\n                      >\r\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                          <path\r\n                            className=\"svg-icon\"\r\n                            d=\"M13.8064 6.27219C13.6639 6.25647 13.0783 6.19183 12.997 6.18283C12.6022 3.0042 9.89065 0.476273 6.52373 0.476273C2.9181 0.476273 0 3.39404 0 7C0 10.6057 2.91777 13.5237 6.52373 13.5237C8.41816 13.5237 10.1314 12.7163 11.3298 11.4114C11.543 11.1793 11.5276 10.8183 11.2955 10.6051C11.0634 10.3919 10.7023 10.4073 10.4892 10.6394C9.50504 11.711 8.09452 12.3824 6.52373 12.3824C3.55586 12.3824 1.14133 9.96786 1.14133 7C1.14133 4.03214 3.55586 1.6176 6.52373 1.6176C9.16861 1.6176 11.374 3.53524 11.8226 6.05319C11.6639 6.03567 11.8205 6.05295 10.9756 5.95968C10.8089 5.94128 10.6852 6.1107 10.7534 6.26388L11.9015 8.84163C11.9691 8.99339 12.1751 9.01614 12.2742 8.88278L13.9569 6.61751C14.0569 6.48293 13.9731 6.29059 13.8064 6.27219Z\"\r\n                            fill=\"#BBC2C5\"\r\n                          />\r\n                        </svg>\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                }\r\n              </div>\r\n            }\r\n          />\r\n        )}\r\n        {!result && <Steps />}\r\n        {/* {(user && user.package_data && user.package_data.name && user.package_data.name.toLowerCase() === 'free') ||\r\n        (user && !user.package_data) ? (\r\n          <>\r\n            <a href=\"https://ad.candidatechecker.io\" target=\"_top\" id=\"512104\">\r\n              <img src=\"//a.impactradius-go.com/display-ad/7452-512104\" border=\"0\" alt=\"\" width=\"728\" height=\"90\" />\r\n            </a>\r\n            <img\r\n              height=\"0\"\r\n              width=\"0\"\r\n              src=\"https://nordvpn.sjv.io/i/2559811/512104/7452\"\r\n              style={{position: 'absolute', visibility: 'hidden'}}\r\n              border=\"0\"\r\n            />\r\n          </>\r\n        ) : null} */}\r\n        {!result && <BottomSection />}\r\n      </Layout>\r\n      {modalOpen && (\r\n        <Upgrade openModal={modalOpen} setOpenModal={modalToggle} upgrade={user && user.id} limit_reached />\r\n      )}\r\n    </>\r\n  );\r\n};\r\nexport default memo(Home);\r\n\r\nexport const query = graphql`\r\n  query($language: String!) {\r\n    locales: allLocale(filter: {language: {eq: $language}}) {\r\n      edges {\r\n        node {\r\n          ns\r\n          data\r\n          language\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n","module.exports = __webpack_public_path__ + \"static/home-illustration-2-f848cbcf1bae8e75dfd8733d413e5773.svg\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTExIiBoZWlnaHQ9IjMxNCIgdmlld0JveD0iMCAwIDUxMSAzMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cmVjdCB3aWR0aD0iNTExIiBoZWlnaHQ9IjMxNCIgZmlsbD0iIzJEMkYzNCIvPg0KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzM185ODIpIj4NCjxyZWN0IHdpZHRoPSIzNjAiIGhlaWdodD0iMjEwIiByeD0iMTIiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yMzNfOTgyKSIvPg0KPHJlY3QgeD0iMzIuMjQzMiIgeT0iLTQyLjg5ODkiIHdpZHRoPSIyOTUuNTQ3IiBoZWlnaHQ9IjE0Ni43ODgiIHJ4PSI5Ljg1MTU1IiBmaWxsPSIjMkQyRjM0IiBmaWxsLW9wYWNpdHk9IjAuNiIvPg0KPHJlY3QgeD0iMTE4Ljk2OCIgeT0iMTE0LjI5NSIgd2lkdGg9Ijc5Ljc5NzYiIGhlaWdodD0iNy44MjY3IiByeD0iMS45NzAzMSIgZmlsbD0iIzJDMzM0NyIvPg0KPHJlY3QgeD0iMTE4Ljk2OCIgeT0iMTI2LjAzNSIgd2lkdGg9IjQxLjM3NjUiIGhlaWdodD0iNy44MjY3IiByeD0iMS45NzAzMSIgZmlsbD0iIzJDMzM0NyIvPg0KPGVsbGlwc2UgY3g9Ijc5LjAzNzkiIGN5PSIxMTguMjQzIiByeD0iMjguMDc2OSIgcnk9IjI4LjU2OTUiIGZpbGw9IiMzRDQzN0EiIGZpbGwtb3BhY2l0eT0iMC43Ii8+DQo8L2c+DQo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfMjMzXzk4MikiPg0KPHJlY3QgeD0iMTQ5IiB5PSI4MCIgd2lkdGg9IjM2MiIgaGVpZ2h0PSIyMTAiIHJ4PSIxMiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzIzM185ODIpIi8+DQo8cmVjdCB4PSIyNzIuMDk4IiB5PSIxMjcuNzQzIiB3aWR0aD0iNzkuNzk3NiIgaGVpZ2h0PSI3LjgyNjciIHJ4PSIxLjk3MDMxIiBmaWxsPSIjMkIzNjUzIi8+DQo8cmVjdCB4PSIyNzIuMDk4IiB5PSIxMzkuNDgzIiB3aWR0aD0iNDEuMzc2NSIgaGVpZ2h0PSI3LjgyNjciIHJ4PSIxLjk3MDMxIiBmaWxsPSIjMkIzNjUzIi8+DQo8ZWxsaXBzZSBjeD0iMjI5LjAzOCIgY3k9IjEzNi43NDYiIHJ4PSIyOC4wNzY5IiByeT0iMjguNTY5NSIgZmlsbD0iIzJFMzAzNyIgZmlsbC1vcGFjaXR5PSIwLjgiLz4NCjxjaXJjbGUgY3g9IjIxNS4wODgiIGN5PSIxOTYuNjE4IiByPSIxNC4wODgxIiBmaWxsPSIjMkQyRjM0IiBmaWxsLW9wYWNpdHk9IjAuNiIvPg0KPGNpcmNsZSBjeD0iMjQ5LjUyNiIgY3k9IjE5Ni42MTgiIHI9IjE0LjA4ODEiIGZpbGw9IiMyRDJGMzQiIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8Y2lyY2xlIGN4PSIyODMuOTYzIiBjeT0iMTk2LjYxOCIgcj0iMTQuMDg4MSIgZmlsbD0iIzJEMkYzNCIgZmlsbC1vcGFjaXR5PSIwLjYiLz4NCjxjaXJjbGUgY3g9IjMxOC40MDEiIGN5PSIxOTYuNjE4IiByPSIxNC4wODgxIiBmaWxsPSIjMkQyRjM0IiBmaWxsLW9wYWNpdHk9IjAuNiIvPg0KPGNpcmNsZSBjeD0iMzUyLjgzOSIgY3k9IjE5Ni42MTgiIHI9IjE0LjA4ODEiIGZpbGw9IiMyRDJGMzQiIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8Y2lyY2xlIGN4PSIzODcuMjc2IiBjeT0iMTk2LjYxOCIgcj0iMTQuMDg4MSIgZmlsbD0iIzJEMkYzNCIgZmlsbC1vcGFjaXR5PSIwLjYiLz4NCjxyZWN0IHg9IjE5NC42MTQiIHk9IjIyNy45MjUiIHdpZHRoPSI4Ni4wOTQiIGhlaWdodD0iNzIuNzg4NSIgZmlsbD0iIzJEMkYzNCIgZmlsbC1vcGFjaXR5PSIwLjYiLz4NCjxyZWN0IHg9IjI5Mi40NDgiIHk9IjIyNy45MjUiIHdpZHRoPSI4Ni4wOTQiIGhlaWdodD0iNzIuNzg4NSIgZmlsbD0iIzJEMkYzNCIgZmlsbC1vcGFjaXR5PSIwLjYiLz4NCjxyZWN0IHg9IjM5MC4yODIiIHk9IjIyNy45MjUiIHdpZHRoPSI4Ni4wOTQiIGhlaWdodD0iNzIuNzg4NSIgZmlsbD0iIzJEMkYzNCIgZmlsbC1vcGFjaXR5PSIwLjYiLz4NCjwvZz4NCjxwYXRoIG9wYWNpdHk9IjAuOSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMjguOTI2IDE4OC45MzJDMTE3LjU2NSAyMDAuMjkzIDExNy41NjUgMjE4LjcxMyAxMjguOTI2IDIzMC4wNzVDMTQwLjI4NyAyNDEuNDM2IDE1OC43MDcgMjQxLjQzNiAxNzAuMDY4IDIzMC4wNzVDMTgxLjQyOSAyMTguNzEzIDE4MS40MjkgMjAwLjI5MyAxNzAuMDY4IDE4OC45MzJDMTU4LjcwNyAxNzcuNTcxIDE0MC4yODcgMTc3LjU3MSAxMjguOTI2IDE4OC45MzJaTTExNC4zOTggMjM1Ljc4MkMxMTQuODMzIDIzNS4zNDggMTE0Ljg4IDIzNC42NjEgMTE0LjUyNSAyMzQuMTU5QzEwMi43MjMgMjE3LjQ2MSAxMDQuMjk2IDE5NC4yMDEgMTE5LjI0NiAxNzkuMjUyQzEzNS45NTMgMTYyLjU0NCAxNjMuMDQxIDE2Mi41NDQgMTc5Ljc0OSAxNzkuMjUyQzE5Ni40NTYgMTk1Ljk1OSAxOTYuNDU2IDIyMy4wNDggMTc5Ljc0OSAyMzkuNzU1QzE2NC43MzcgMjU0Ljc2NyAxNDEuMzQ0IDI1Ni4yOTEgMTI0LjYzMSAyNDQuMzI2QzEyNC4xMyAyNDMuOTY2IDEyMy40MzggMjQ0LjAxMiAxMjMuMDAyIDI0NC40NDhMMTEzLjcgMjUzLjc0OUMxMTMuNjM1IDI1My44MTQgMTEzLjU3OCAyNTMuODg2IDExMy41MjkgMjUzLjk2NEwxMDYuODc2IDI2NC41MDVDMTA2LjgyNyAyNjQuNTgzIDEwNi43NjkgMjY0LjY1NSAxMDYuNzA0IDI2NC43Mkw4Mi4zMzg0IDI4OS4wODZDODEuODU1MyAyODkuNTY5IDgxLjA3MTkgMjg5LjU2OSA4MC41ODg4IDI4OS4wODZMNjkuNTkyNCAyNzguMDg5QzY5LjEwOTIgMjc3LjYwNiA2OS4xMDkyIDI3Ni44MjMgNjkuNTkyNCAyNzYuMzRMOTMuOTUxNiAyNTEuOThDOTQuMDIwOSAyNTEuOTExIDk0LjA5ODEgMjUxLjg1IDk0LjE4MTcgMjUxLjc5OUwxMDQuODQyIDI0NS4yODlDMTA0LjkyNiAyNDUuMjM4IDEwNS4wMDMgMjQ1LjE3OCAxMDUuMDcyIDI0NS4xMDhMMTE0LjM5OCAyMzUuNzgyWiIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyXzIzM185ODIpIi8+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yMzNfOTgyIiB4MT0iMTgwIiB5MT0iMCIgeDI9IjE4MCIgeTI9IjMxOS42NjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4NCjxzdG9wIHN0b3AtY29sb3I9IiM1NTU2QTAiIHN0b3Atb3BhY2l0eT0iMC41NCIvPg0KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzEzMzM4IiBzdG9wLW9wYWNpdHk9IjAiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMjMzXzk4MiIgeDE9IjMzMCIgeTE9IjgwIiB4Mj0iMzMwIiB5Mj0iMzk5LjY2NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPg0KPHN0b3Agc3RvcC1jb2xvcj0iIzU1NTZBMCIgc3RvcC1vcGFjaXR5PSIwLjU0Ii8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMTMzMzgiIHN0b3Atb3BhY2l0eT0iMCIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8yMzNfOTgyIiB4MT0iMTc5Ljc0OSIgeTE9IjE3OS4yNTIiIHgyPSIzMC42NzA1IiB5Mj0iMzI4LjMzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjNzQ3NUM5IiBzdG9wLW9wYWNpdHk9IjAuNTQiLz4NCjxzdG9wIG9mZnNldD0iMC43MzYzMTYiIHN0b3AtY29sb3I9IiMzRjQxNjEiIHN0b3Atb3BhY2l0eT0iMC4yMTI0OTkiLz4NCjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzMxMzMzOCIgc3RvcC1vcGFjaXR5PSIwIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMzNfOTgyIj4NCjxyZWN0IHdpZHRoPSIzNjAiIGhlaWdodD0iMjEwIiByeD0iMTIiIGZpbGw9IndoaXRlIi8+DQo8L2NsaXBQYXRoPg0KPGNsaXBQYXRoIGlkPSJjbGlwMV8yMzNfOTgyIj4NCjxyZWN0IHg9IjE0OSIgeT0iODAiIHdpZHRoPSIzNjIiIGhlaWdodD0iMjEwIiByeD0iMTIiIGZpbGw9IndoaXRlIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=\"","import React from 'react';\r\nimport {useTranslation} from 'gatsby-plugin-react-i18next';\r\n\r\nimport {step1, step2, step3} from '../../img/svg-icons';\r\nimport './styles.scss';\r\n\r\nexport default ({text1, text2, text3}) => {\r\n  const {t, i18n} = useTranslation();\r\n  return (\r\n    <div className=\"setps-container\">\r\n      <div className=\"steps-list\">\r\n        <div className=\"step\">\r\n          <span className=\"point\">{step1}</span>\r\n          <p>{text1 || `${t('Step-1')}`}</p>\r\n        </div>\r\n        <div className=\"step\">\r\n          <span className=\"point\">{step2}</span>\r\n          <p>{text2 || `${t('Step-2')}`}</p>\r\n        </div>\r\n        <div className=\"step\">\r\n          <span className=\"point\">{step3}</span>\r\n          <p>\r\n            {text3 || (\r\n              <>\r\n                {t('Step-3')} <span style={{color: '#fff', fontWeight: 700}}> {t('400')} </span>\r\n                {t('Step-4')}\r\n              </>\r\n            )}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"sourceRoot":""}