{"version":3,"sources":["logo.svg","SuccessScreen.tsx","Header.tsx","styles/Form.ts","RegisterScreen.tsx","config.ts","App.tsx","index.tsx"],"names":["module","exports","Success","styled","div","SuccessScreen","status","className","target","href","ContactUs","Nav","nav","Header","src","logo","alt","Container","EMAIL_REGEX","isValidEmail","email","test","isValidPhoneNumber","phoneNumber","replace","length","formatDomain","domainUrl","toLowerCase","normalize","concat","isPartnerDataValid","partnerData","name","lastName","businessName","includes","phone","usedBefore","hasCentral","submitForm","a","success","errorMsg","formattedData","affiliateCode","localStorage","getItem","axios","post","baseURL","response","data","isAxiosError","RegisterScreen","props","useState","scheduleCall","setData","formResultState","setFormResultState","canSend","useEffect","code","URLSearchParams","window","location","search","get","setItem","htmlFor","id","type","onChange","e","value","style","backgroundColor","required","rel","accept","format","s","clear","substring","ddd","f1","f2","hidden","onClick","defaultChecked","checked","disabled","then","onSubmitSuccess","catch","finally","App","tag","appState","setAppState","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.fad99d10.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/logo.a785987b.svg\";","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { SuccessStatus } from \"./RegisterScreen\";\r\n\r\nconst Success = styled.div`\r\n  margin: 5rem auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.2);\r\n  padding: 3rem;\r\n  min-height: 40rem;\r\n  max-width: 40rem;\r\n  color: #27325c;\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  h4 {\r\n    font-size: 2.5rem;\r\n    font-weight: 300;\r\n    margin-bottom: 1rem;\r\n  }\r\n  p {\r\n    font-size: 1.2rem;\r\n    font-weight: 300;\r\n  }\r\n\r\n  span {\r\n    font-weight: 700;\r\n  }\r\n\r\n  .decoration {\r\n    width: 15rem;\r\n    height: 15rem;\r\n    position: absolute;\r\n    bottom: 3rem;\r\n    right: -8rem;\r\n    transform: rotate(45deg);\r\n    background-color: #27325c;\r\n  }\r\n\r\n  .btn-back {\r\n    background-color: #32b266;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 50%;\r\n    height: 3rem;\r\n    align-self: flex-end;\r\n    margin-right: 1rem;\r\n    color: #fff;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-top-left-radius: 2rem;\r\n    border-bottom-left-radius: 2rem;\r\n    text-decoration: none;\r\n    font-size: 1.3rem;\r\n\r\n    &:before {\r\n      content: \"\";\r\n      /* transform: rotate(45deg); */\r\n      position: absolute;\r\n      width: 3rem;\r\n      right: 0;\r\n      height: 100%;\r\n      background: linear-gradient(45deg, #32b266 50%, #fff 50%);\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 650px) {\r\n    box-shadow: none;\r\n    /* background-color: red; */\r\n    height: 100vh;\r\n    margin: 0;\r\n\r\n    .decoration {\r\n      width: 15rem;\r\n      height: 15rem;\r\n      position: absolute;\r\n      bottom: 3rem;\r\n      right: -8rem;\r\n      transform: rotate(45deg);\r\n      background-color: #27325c;\r\n    }\r\n  }\r\n`;\r\n\r\nexport function SuccessScreen({ status }: { status: SuccessStatus }) {\r\n  return (\r\n    <>\r\n      <Success>\r\n        <div className=\"alert-success\">\r\n          <h4>Parabéns!</h4>\r\n          <p>\r\n            <span>Seu pré-cadastro foi efetuado com sucesso!</span>\r\n          </p>\r\n\r\n          {status === \"OK\" ? (\r\n            <>\r\n              <p>\r\n                Em alguns minutos você receberá um <span>e-mail</span> com o\r\n                assunto \"<span>Cadastro Mobiltracker para PARCEIROS</span>\".\r\n                Leia o email com atenção, pois ele tem todas as instruções para\r\n                entender o funcionamento do Mobiltracker para PARCEIROS.\r\n              </p>\r\n            </>\r\n          ) : (\r\n            <>\r\n              <br />\r\n              <p>\r\n                Porém, verificamos que ocorreu um erro de envio e pode ser que\r\n                você não receba imediatamente o nosso email com todas as\r\n                instruções, mas não se preocupe!\r\n              </p>\r\n              <br />\r\n            </>\r\n          )}\r\n\r\n          <ContactUs />\r\n          <p>Estamos à disposição!</p>\r\n          <p>Atenciosamente.</p>\r\n          <p>Equipe Mobiltracker</p>\r\n        </div>\r\n        <a\r\n          className=\"btn-back\"\r\n          target=\"blank\"\r\n          href=\"https://mobilparceiros.com.br/\"\r\n        >\r\n          Voltar\r\n        </a>\r\n\r\n        <div className=\"decoration\"></div>\r\n      </Success>\r\n    </>\r\n  );\r\n}\r\n\r\nconst ContactUs = () => (\r\n  <p>\r\n    Nós logo entraremos em contato com você, mas a qualquer momento você pode\r\n    falar conosco pelo e-mail{\" \"}\r\n    <span>\r\n      <a target=\"blank\" href=\"mailto:parceiros@mobiltracker.com.br\">\r\n        parceiros@mobiltracker.com.br\r\n      </a>\r\n    </span>{\" \"}\r\n    ou pelo WhatsApp comercial{\" \"}\r\n    <span>\r\n      <a\r\n        target=\"blank\"\r\n        href=\"https://api.whatsapp.com/send?phone=5551982819595&text=Ol%C3%A1%2C%20tenho%20d%C3%BAvidas%20sobre%20os%20termos%20de%20aceite%20do%20Pr%C3%A9-Cadastro%20parceiros%20Mobiltracker.\"\r\n      >\r\n        clicando aqui\r\n      </a>\r\n    </span>{\" \"}\r\n    que teremos o prazer de esclarecer sua dúvidas.\r\n  </p>\r\n);\r\n","import React from \"react\";\r\nimport logo from \"./logo.svg\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Nav = styled.nav`\r\n  /* background-color: red; */\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  .img-container {\r\n    position: absolute;\r\n    padding: 1rem 0;\r\n    width: 50%;\r\n    min-width: 15rem;\r\n    max-width: 40rem;\r\n    background-color: #27325c;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    transform: rotate(-90deg);\r\n    z-index: 3;\r\n    left: -16rem;\r\n    top: 60%;\r\n\r\n    img {\r\n      max-width: 20rem;\r\n    }\r\n  }\r\n\r\n  .title {\r\n    color: #27325c;\r\n    padding: 0rem 1rem;\r\n    margin: 2rem 0 1rem;\r\n    width: 100%;\r\n    /* background-color: yellow; */\r\n    font-size: 2rem;\r\n    font-weight: 500;\r\n  }\r\n  @media only screen and (max-width: 1000px) {\r\n    .img-container {\r\n      top: -1.5rem;\r\n      left: 50%;\r\n      transform: translateX(-50%) rotate(0deg);\r\n      padding: 1rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport function Header() {\r\n  return (\r\n    <Nav>\r\n      <div className=\"img-container\">\r\n        <img src={logo} alt=\"Mobiltracker Partner Form\" />\r\n      </div>\r\n      <h1 className=\"title\">Formulário de Cadastro</h1>\r\n    </Nav>\r\n  );\r\n}\r\n","import styled from \"styled-components\";\r\n\r\nexport const Container = styled.div`\r\n  background-color: #fff;\r\n  box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.2);\r\n  padding: 2rem 4rem;\r\n  max-width: 60rem;\r\n  margin: 4rem auto;\r\n  position: relative;\r\n\r\n  .form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    color: #27325c;\r\n  }\r\n  .space-around {\r\n    margin: 1rem 0.5rem;\r\n  }\r\n\r\n  .input-style {\r\n    flex: 2;\r\n    border: 0.1rem solid #c9c9c9;\r\n    border-radius: 2rem;\r\n    padding: 0.8rem 1rem;\r\n  }\r\n\r\n  .input-style:focus {\r\n    outline: 0;\r\n  }\r\n\r\n  .label-style {\r\n    font-size: 1rem;\r\n    position: absolute;\r\n    transition: top, transform, 0.2s ease-in-out;\r\n    pointer-events: none;\r\n\r\n    &:before {\r\n      z-index: -1;\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 10%;\r\n      top: 50%;\r\n      background-color: #fff;\r\n    }\r\n  }\r\n  .style-up {\r\n    top: -0.6rem;\r\n    left: 2rem;\r\n    transform: scale(0.9);\r\n  }\r\n  .style-down {\r\n    top: 0.8rem;\r\n    left: 2.5rem;\r\n    transform: scale(1);\r\n  }\r\n\r\n  .name-last-name {\r\n    display: flex;\r\n\r\n    .float-label {\r\n      flex: 1;\r\n    }\r\n  }\r\n  .float-label:focus-within label {\r\n    top: -0.6rem;\r\n    left: 2rem;\r\n    transform: scale(0.9);\r\n\r\n    &:before {\r\n      background-color: #fff;\r\n    }\r\n  }\r\n  .form-group {\r\n    /* background-color: green; */\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n\r\n  .name,\r\n  .last-name {\r\n    display: flex;\r\n    align-items: center;\r\n    flex: 1;\r\n    position: relative;\r\n  }\r\n\r\n  .alert {\r\n    background-color: rgba(39, 50, 92, 1);\r\n    padding: 0.5rem 1rem;\r\n    margin: 0rem 1rem;\r\n    font-size: 0.8rem;\r\n    border-radius: 0.1rem;\r\n    border: none;\r\n    position: relative;\r\n    z-index: 2;\r\n    border-radius: 0.3rem;\r\n    color: #fff;\r\n\r\n    &:before {\r\n      border: none;\r\n      background: linear-gradient(\r\n        -45deg,\r\n        transparent 50%,\r\n        rgba(39, 50, 92, 1) 50%\r\n      );\r\n      z-index: -1;\r\n      content: \"\";\r\n      top: -0.3rem;\r\n      left: 1rem;\r\n      width: 0.5rem;\r\n      height: 0.5rem;\r\n      transform: rotate(45deg);\r\n      position: absolute;\r\n    }\r\n\r\n    .link {\r\n      margin-left: 0.2rem;\r\n      font-weight: 500;\r\n      color: #32b266;\r\n    }\r\n  }\r\n  .form-phone-number {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    position: relative;\r\n\r\n    .label-style {\r\n      &:before {\r\n        top: 48%;\r\n      }\r\n    }\r\n\r\n    .float-label:focus-within label {\r\n      top: -0.65rem;\r\n    }\r\n  }\r\n\r\n  .call-phone {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    small {\r\n      padding-left: 1rem;\r\n    }\r\n  }\r\n  .form-check {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    p {\r\n      font-size: 1rem;\r\n      margin-left: 0.5rem;\r\n    }\r\n  }\r\n\r\n  .form-check-label {\r\n    min-height: 1.2rem;\r\n    min-width: 1.2rem;\r\n    border: 0.1rem solid #c9c9c9;\r\n    background-color: #fff;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: 0.2rem;\r\n    transition: all 0.2s ease-in-out;\r\n  }\r\n  input:checked ~ .form-check-label {\r\n    background-color: #27325c;\r\n    border: 0.1rem solid #27325c;\r\n  }\r\n  input:checked ~ .form-check-label:after {\r\n    font-family: \"FontAwesome\";\r\n    content: \"\\f00c\";\r\n    color: #fff;\r\n    font-size: 0.6rem;\r\n  }\r\n\r\n  .radio-buttons-about {\r\n    display: flex;\r\n    justify-content: space-between;\r\n  }\r\n  .radio-buttons-content {\r\n    background-color: #f1f1f1;\r\n    border-radius: 2rem;\r\n    margin: 0.5rem;\r\n    min-height: 10rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    flex: 1;\r\n    color: #27325c;\r\n\r\n    h3 {\r\n      margin-bottom: 1rem;\r\n      width: 100%;\r\n      font-size: 1rem;\r\n      font-weight: 300;\r\n      /* background-color: red; */\r\n      text-align: center;\r\n    }\r\n  }\r\n  .radio-yes-or-no {\r\n    /* background-color: red; */\r\n    display: flex;\r\n    width: 80%;\r\n    min-height: 3rem;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n  }\r\n\r\n  .radio-yes,\r\n  .radio-no {\r\n    width: 40%;\r\n    border: 0.01rem solid #d8d8d8;\r\n    display: flex;\r\n    position: relative;\r\n    height: 2rem;\r\n    overflow: hidden;\r\n    border-radius: 1rem;\r\n  }\r\n  .radio-yes input,\r\n  .radio-no input {\r\n    display: none;\r\n  }\r\n  .radio-yes label,\r\n  .radio-no label {\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: center;\r\n    height: 4rem;\r\n    width: 100%;\r\n    background-size: contain;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      white 0,\r\n      white 2rem,\r\n      #27325c 2rem,\r\n      #27325c 8rem\r\n    );\r\n    position: absolute;\r\n    top: 0;\r\n    transition: 0.5s;\r\n\r\n    span {\r\n      display: flex;\r\n      align-items: center;\r\n      height: 50%;\r\n    }\r\n  }\r\n  .radio-yes input:checked + label,\r\n  .radio-no input:checked + label {\r\n    background-position: 0 -2rem;\r\n    color: #fff;\r\n  }\r\n\r\n  .btn-send-ok {\r\n    align-self: center;\r\n    width: 50%;\r\n    height: 3rem;\r\n    border-radius: 2rem;\r\n    font-size: 1.2rem;\r\n    color: #fff;\r\n    border: none;\r\n    transition: all 0.3s ease-in-out;\r\n  }\r\n  .btn-send-ok:enabled:hover {\r\n    background-color: #27325c;\r\n  }\r\n  .btn-send-ok:disabled {\r\n    background-color: #c9c9c9;\r\n  }\r\n  .btn-send-ok:enabled {\r\n    background-color: #32b266;\r\n    cursor: pointer;\r\n  }\r\n  .alert-warning {\r\n    max-width: 30rem;\r\n    margin: 0 auto;\r\n    margin-top: 1rem;\r\n    background-color: #27325c;\r\n\r\n    &::before {\r\n      left: 50%;\r\n      background-color: #27325c;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    padding: 2rem;\r\n\r\n    .name-last-name,\r\n    .call-phone,\r\n    .radio-buttons-about {\r\n      flex-direction: column;\r\n    }\r\n    .form-check p {\r\n      font-size: 0.8rem;\r\n    }\r\n    .call-phone small {\r\n      padding-left: 0;\r\n      font-size: 0.7rem;\r\n    }\r\n    .alert {\r\n      &::before {\r\n        top: -0.3rem;\r\n      }\r\n    }\r\n  }\r\n  @media only screen and (max-width: 960px) {\r\n    box-shadow: none;\r\n    border-top: 0.1rem solid #c9c9c9;\r\n  }\r\n`;\r\n","// tslint:disable: typedef\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Header } from \"./Header\";\r\nimport { Rifm } from \"rifm\";\r\nimport axios from \"axios\";\r\nimport { rootUrl } from \"./config\";\r\nimport { Container } from \"./styles/Form\";\r\n\r\ntype PartnerData = {\r\n  name: string;\r\n  lastName: string;\r\n  email: string;\r\n  domainUrl: string;\r\n  businessName: string;\r\n  phone: string;\r\n  scheduleCall: boolean;\r\n  usedBefore: boolean | null;\r\n  hasCentral: boolean | null;\r\n};\r\n\r\nconst EMAIL_REGEX =\r\n  /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;\r\n\r\nconst isValidEmail = (email: string) => EMAIL_REGEX.test(email);\r\nconst isValidPhoneNumber = (phoneNumber: string) =>\r\n  phoneNumber.replace(/[^0-9]/g, \"\").length === 11\r\n    ? true\r\n    : phoneNumber.replace(/[^0-9]/g, \"\").length === 10\r\n    ? true\r\n    : false;\r\nconst formatDomain = (domainUrl: string) =>\r\n  domainUrl\r\n    .toLowerCase()\r\n    .normalize(\"NFD\")\r\n    .replace(/[\\u0300-\\u036f]/g, \"\")\r\n    .replace(/[^A-Za-z0-9]/g, \"-\")\r\n    .concat(\".plataformatk.com.br\");\r\n\r\nconst isPartnerDataValid = (partnerData: PartnerData) => {\r\n  if (partnerData.name.length < 2) return false;\r\n  if (partnerData.lastName.length < 2) return false;\r\n  if (partnerData.businessName.length < 2) return false;\r\n  if (partnerData.businessName.length > 30) return false;\r\n  if (partnerData.domainUrl.length < 2) return false;\r\n  if (partnerData.domainUrl.length > 30) return false;\r\n  if (partnerData.domainUrl.includes(\"@\")) return false;\r\n  if (!isValidEmail(partnerData.email)) return false;\r\n  if (!isValidPhoneNumber(partnerData.phone)) return false;\r\n  if (partnerData.usedBefore === null) return false;\r\n  if (partnerData.hasCentral === null) return false;\r\n  return true;\r\n};\r\n\r\ntype SubmitResponse =\r\n  | {\r\n      success: true;\r\n      status: SuccessStatus;\r\n    }\r\n  | { success: false; errorMsg: string };\r\n\r\nexport type SuccessStatus = \"OK\" | \"EMAIL_NOT_SENT\";\r\n\r\ntype SuccessResponse = { status: SuccessStatus };\r\n\r\nconst submitForm: (p: PartnerData) => Promise<SubmitResponse> = async (\r\n  partnerData: PartnerData\r\n) => {\r\n  if (!isPartnerDataValid(partnerData))\r\n    return { success: false, errorMsg: \"Dados invalidos\" };\r\n\r\n  var formattedData = {\r\n    ...partnerData,\r\n    phone: partnerData.phone.replace(/[^0-9]/g, \"\"),\r\n    domainUrl: formatDomain(partnerData.businessName),\r\n    affiliateCode: localStorage.getItem(\"affiliateCode\"),\r\n  };\r\n\r\n  try {\r\n    const response = await axios.post<SuccessResponse>(\r\n      \"api/registration\",\r\n      formattedData,\r\n      {\r\n        baseURL: rootUrl,\r\n      }\r\n    );\r\n\r\n    return { success: true, status: response.data.status };\r\n  } catch (error) {\r\n    if (axios.isAxiosError(error) && error.response) {\r\n      if (error.response.status === 404)\r\n        return {\r\n          success: false,\r\n          errorMsg:\r\n            \"Ocorreu um erro de conexão. Por favor tente novamente mais tarde ou entre em contato com o suporte técnico\",\r\n        };\r\n\r\n      if (\r\n        error.response.status === 400 &&\r\n        typeof error.response.data === \"string\"\r\n      )\r\n        return { success: false, errorMsg: error.response.data };\r\n    }\r\n\r\n    return {\r\n      success: false,\r\n      errorMsg:\r\n        \"Ocorreu um erro. Por favor tente novamente mais tarde ou entre em contato com o suporte técnico.\",\r\n    };\r\n  }\r\n};\r\n\r\nexport function RegisterScreen(props: {\r\n  onSubmitSuccess: (status: SuccessStatus) => void;\r\n}) {\r\n  const [data, setData] = useState<PartnerData>({\r\n    name: \"\",\r\n    lastName: \"\",\r\n    domainUrl: \"\",\r\n    email: \"\",\r\n    phone: \"\",\r\n    businessName: \"\",\r\n    scheduleCall: false,\r\n    hasCentral: null,\r\n    usedBefore: null,\r\n  });\r\n\r\n  const [formResultState, setFormResultState] = useState<\r\n    SubmitResponse | \"sending\" | null\r\n  >(null);\r\n  const canSend = isPartnerDataValid(data);\r\n\r\n  useEffect(function loadAffiliateCode() {\r\n    const searchParams = new URLSearchParams(window.location.search);\r\n    const code = searchParams.get(\"code\");\r\n    if (code !== null) {\r\n      localStorage.setItem(\"affiliateCode\", code);\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Header />\r\n        <div className=\"form\">\r\n          <div className=\"name-last-name\">\r\n            <div className=\"form-group space-around float-label\">\r\n              <label\r\n                className={\r\n                  data.name === \"\"\r\n                    ? \"style-down label-style\"\r\n                    : \"style-up label-style\"\r\n                }\r\n                htmlFor=\"name\"\r\n              >\r\n                Nome\r\n              </label>\r\n              <input\r\n                id=\"name\"\r\n                type=\"text\"\r\n                className=\"input-style\"\r\n                onChange={(e) => {\r\n                  setData({ ...data, name: e.target.value });\r\n                }}\r\n                value={data.name}\r\n                style={{\r\n                  backgroundColor:\r\n                    data.name === \"\"\r\n                      ? \"white\"\r\n                      : data.name.length > 2\r\n                      ? \"#D2F7CF\"\r\n                      : \"#FFD6D6\",\r\n                }}\r\n                required\r\n              ></input>\r\n            </div>\r\n            <div className=\"form-group space-around float-label\">\r\n              <label\r\n                className={\r\n                  data.lastName === \"\"\r\n                    ? \"style-down label-style\"\r\n                    : \"style-up label-style\"\r\n                }\r\n                htmlFor=\"lastName\"\r\n              >\r\n                Sobrenome\r\n              </label>\r\n              <input\r\n                id=\"lastName\"\r\n                type=\"text\"\r\n                className=\"input-style\"\r\n                onChange={(e) => {\r\n                  setData({ ...data, lastName: e.target.value });\r\n                }}\r\n                value={data.lastName}\r\n                style={{\r\n                  backgroundColor:\r\n                    data.lastName === \"\"\r\n                      ? \"white\"\r\n                      : data.lastName.length > 2\r\n                      ? \"#D2F7CF\"\r\n                      : \"#FFD6D6\",\r\n                }}\r\n                required\r\n              ></input>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"form-group space-around float-label\">\r\n            <label\r\n              className={\r\n                data.email === \"\"\r\n                  ? \"style-down label-style\"\r\n                  : \"style-up label-style\"\r\n              }\r\n              htmlFor=\"email\"\r\n            >\r\n              E-mail\r\n            </label>\r\n            <input\r\n              id=\"email\"\r\n              type=\"email\"\r\n              // placeholder={\"seuemail@provedor.com\"}\r\n              className=\"input-style\"\r\n              onChange={(e) => {\r\n                setData({ ...data, email: e.target.value });\r\n              }}\r\n              value={data.email}\r\n              style={{\r\n                backgroundColor:\r\n                  data.email === \"\"\r\n                    ? \"white\"\r\n                    : isValidEmail(data.email)\r\n                    ? \"#D2F7CF\"\r\n                    : \"#FFD6D6\",\r\n              }}\r\n              required\r\n            ></input>\r\n          </div>\r\n          <div className=\"form-group space-around float-label\">\r\n            <label\r\n              className={\r\n                data.businessName === \"\"\r\n                  ? \"style-down label-style\"\r\n                  : \"style-up label-style\"\r\n              }\r\n              htmlFor=\"businessName\"\r\n            >\r\n              Nome do seu negócio\r\n            </label>\r\n            <input\r\n              id=\"businessName\"\r\n              type=\"text\"\r\n              className=\"input-style\"\r\n              onChange={(e) => {\r\n                setData({\r\n                  ...data,\r\n                  businessName: e.target.value,\r\n                  domainUrl: e.target.value,\r\n                });\r\n              }}\r\n              value={data.businessName}\r\n              style={{\r\n                backgroundColor:\r\n                  data.domainUrl === \"\"\r\n                    ? \"white\"\r\n                    : data.businessName.length > 2 &&\r\n                      data.businessName.length < 30\r\n                    ? \"#D2F7CF\"\r\n                    : \"#FFD6D6\",\r\n              }}\r\n              required\r\n            ></input>\r\n          </div>\r\n          {data.domainUrl.length > 2 ? (\r\n            <div className=\"alert\">\r\n              O nome de seu negócio será utilizado na criação de um subdomínio\r\n              personalizado com a URL\r\n              <strong>{\" \" + formatDomain(data.domainUrl)}</strong>\r\n              <br />\r\n              Veja um exemplo:\r\n              <a\r\n                className=\"link\"\r\n                href=\"http://mobinho.plataformatk.com.br\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n              >\r\n                mobinho.plataformatk.com.br\r\n              </a>\r\n            </div>\r\n          ) : null}\r\n          {/* até aqui ta ok */}\r\n          <div className=\"form-phone-number space-around float-label\">\r\n            <label\r\n              className={\r\n                data.phone === \"\"\r\n                  ? \"style-down label-style\"\r\n                  : \"style-up label-style\"\r\n              }\r\n              htmlFor=\"phoneNumber\"\r\n            >\r\n              Número de telefone\r\n            </label>\r\n            <Rifm\r\n              accept={/[0-9]/g}\r\n              format={(s) => {\r\n                const clear = s.replace(/[^0-9]/g, \"\").substring(0, 11);\r\n                const ddd = clear.substring(0, 2);\r\n                const f1 =\r\n                  clear.length === 11\r\n                    ? clear.substring(2, 7)\r\n                    : clear.substring(2, 6);\r\n                const f2 =\r\n                  clear.length === 11\r\n                    ? clear.substring(7, 11)\r\n                    : clear.substring(6, 10);\r\n                if (f1 && f2) return `(${ddd}) ${f1}-${f2}`;\r\n                if (f1) return `(${ddd}) ${f1}`;\r\n                return ddd;\r\n              }}\r\n              onChange={(e) => {\r\n                setData({ ...data, phone: e });\r\n              }}\r\n              value={data.phone}\r\n            >\r\n              {({ value, onChange }) => (\r\n                <input\r\n                  id=\"phoneNumber\"\r\n                  type=\"text\"\r\n                  value={value}\r\n                  className=\"input-style\"\r\n                  // placeholder={\"(99) 99999-9999\"}\r\n                  onChange={onChange}\r\n                  style={{\r\n                    backgroundColor:\r\n                      data.phone === \"\"\r\n                        ? \"white\"\r\n                        : isValidPhoneNumber(data.phone)\r\n                        ? \"#D2F7CF\"\r\n                        : \"#FFD6D6\",\r\n                  }}\r\n                />\r\n              )}\r\n            </Rifm>\r\n            <div className=\"call-phone\">\r\n              <div className=\"form-check space-around\">\r\n                <input\r\n                  hidden\r\n                  id=\"agendcall_chk\"\r\n                  className=\"form-check-input\"\r\n                  type=\"checkbox\"\r\n                  onClick={(e) =>\r\n                    setData({ ...data, scheduleCall: !data.scheduleCall })\r\n                  }\r\n                  defaultChecked={data.scheduleCall}\r\n                />\r\n                <label\r\n                  htmlFor=\"agendcall_chk\"\r\n                  className=\"form-check-label\"\r\n                ></label>\r\n                <p>Gostaria também de agendar uma chamada telefônica</p>\r\n              </div>\r\n              <small>Entraremos em contato via WhatsApp</small>\r\n            </div>\r\n          </div>\r\n          <div className=\"space-around radio-buttons-about\">\r\n            <div className=\"radio-buttons-content\">\r\n              <h3>Já usou a plataforma Mobiltracker?</h3>\r\n              <div className=\"radio-yes-or-no\">\r\n                <div\r\n                  className=\"radio-yes\"\r\n                  onClick={() => setData({ ...data, usedBefore: true })}\r\n                >\r\n                  <input\r\n                    type=\"radio\"\r\n                    checked={data.usedBefore === true}\r\n                    onChange={(e) => setData({ ...data, usedBefore: true })}\r\n                  />\r\n                  <label>\r\n                    <span>Sim</span>\r\n                  </label>\r\n                </div>\r\n                <div\r\n                  className=\"radio-no\"\r\n                  onClick={() => setData({ ...data, usedBefore: false })}\r\n                >\r\n                  <input\r\n                    type=\"radio\"\r\n                    checked={data.usedBefore === false}\r\n                    onChange={(e) => setData({ ...data, usedBefore: false })}\r\n                  />\r\n                  <label>\r\n                    <span>Não</span>\r\n                  </label>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"radio-buttons-content\">\r\n              <h3>Já tem uma central ou presta serviços de rastreamento?</h3>\r\n              <div className=\"radio-yes-or-no\">\r\n                <div\r\n                  className=\"radio-yes\"\r\n                  onClick={() => setData({ ...data, hasCentral: true })}\r\n                >\r\n                  <input\r\n                    type=\"radio\"\r\n                    checked={data.hasCentral === true}\r\n                    onChange={(e) => setData({ ...data, hasCentral: true })}\r\n                  />\r\n                  <label>\r\n                    <span>Sim</span>\r\n                  </label>\r\n                </div>\r\n                <div\r\n                  className=\"radio-no\"\r\n                  onClick={() => setData({ ...data, hasCentral: false })}\r\n                >\r\n                  <input\r\n                    type=\"radio\"\r\n                    checked={data.hasCentral === false}\r\n                    onChange={(e) => setData({ ...data, hasCentral: false })}\r\n                  />\r\n                  <label>\r\n                    <span>Não</span>\r\n                  </label>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <button\r\n            className=\"btn-send-ok\"\r\n            disabled={!canSend || formResultState === \"sending\"}\r\n            type=\"submit\"\r\n            onClick={() => {\r\n              setFormResultState(\"sending\");\r\n              submitForm(data)\r\n                .then((s) => {\r\n                  if (s.success) {\r\n                    props.onSubmitSuccess(s.status);\r\n                  } else {\r\n                    setFormResultState(s);\r\n                  }\r\n                })\r\n                .catch((s) =>\r\n                  setFormResultState({\r\n                    success: false,\r\n                    errorMsg:\r\n                      \"Ocorreu um erro de conexão. Por favor tente novamente mais tarde.\",\r\n                  })\r\n                )\r\n                .finally(() => {\r\n                  formResultState === \"sending\" && setFormResultState(null);\r\n                });\r\n            }}\r\n          >\r\n            {formResultState === \"sending\" ? \"Enviando...\" : \"Enviar\"}\r\n          </button>\r\n        </div>\r\n\r\n        {formResultState &&\r\n          formResultState !== \"sending\" &&\r\n          formResultState.success === false && (\r\n            <div className=\"alert alert-warning text-center\">\r\n              {formResultState.errorMsg}\r\n            </div>\r\n          )}\r\n      </Container>\r\n    </>\r\n  );\r\n}\r\n","const isProduction = process.env.NODE_ENV === \"production\";\r\nexport const rootUrl = isProduction\r\n  ? \"https://partnerapi.mobiltracker.com.br/\"\r\n  : \"http://localhost/Mobiltracker.Partner.Api/\";\r\n","import React, { useState } from \"react\";\r\nimport { SuccessScreen } from \"./SuccessScreen\";\r\nimport { RegisterScreen, SuccessStatus } from \"./RegisterScreen\";\r\n\r\nexport type RequestData = {\r\n  name: string;\r\n  email: string;\r\n  hasTrackers: boolean;\r\n  isMobiltrackerUser: boolean;\r\n  isThirdPartUser: boolean;\r\n  hasCustomers: boolean;\r\n  hasSuppliers: boolean;\r\n  cpf: string;\r\n  address: string;\r\n  cep: string;\r\n  phone: string;\r\n  hasBusiness: boolean;\r\n  companyName: string;\r\n  cnpj: string;\r\n  website: string;\r\n};\r\n\r\ntype AppState =\r\n  | { tag: \"wizard\" }\r\n  | { tag: \"submit-success\"; status: SuccessStatus };\r\n\r\nconst App: React.FC = () => {\r\n  const [appState, setAppState] = useState<AppState>({\r\n    tag: \"wizard\",\r\n  });\r\n\r\n  return appState.tag === \"wizard\" ? (\r\n    <RegisterScreen\r\n      onSubmitSuccess={(status) =>\r\n        setAppState({ tag: \"submit-success\", status })\r\n      }\r\n    />\r\n  ) : (\r\n    <SuccessScreen status={appState.status} />\r\n  );\r\n};\r\n\r\nexport default App;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport \"./index.css\";\r\nimport App from \"./App\";\r\n\r\nReactDOM.render(<App />, document.getElementById(\"root\"));\r\n"],"sourceRoot":""}