Código Postal inválido!');\r\n }\r\n } else if (event.target.value.length === 0) {\r\n checkErrors('zipCode', '
Obrigatório');\r\n } else {\r\n checkErrors('zipCode', '
Código Postal: Formato inválido!');\r\n }\r\n };\r\n\r\n const blurContractPhone = (event) => {\r\n checkErrors('contractPhone', '');\r\n if (event.target.value.length === 9) {\r\n var re = new RegExp(/9[\\d*]{8}/i);\r\n if (!event.target.value.match(re)) {\r\n checkErrors(\r\n 'contractPhone',\r\n 'Formato inválido: Deverá começar por 9 e no total ter 9 dígitos.'\r\n );\r\n }\r\n } else if (event.target.value.length === 0) {\r\n checkErrors('contractPhone', 'Obrigatório');\r\n } else {\r\n checkErrors(\r\n 'contractPhone',\r\n 'Formato inválido: Deverá começar por 9 e no total ter 9 dígitos.'\r\n );\r\n }\r\n };\r\n\r\n const blurContractEmail = (event) => {\r\n checkEmail('contractEmail', event.target.value);\r\n };\r\n\r\n const blurEmailAccessAsAdministrator = (event) => {\r\n checkEmail('emailAccessAsAdministrator', event.target.value);\r\n };\r\n\r\n const onChangeReCaptcha = (value) => {\r\n document.querySelector('.reCaptcha').innerHTML = '';\r\n setReCaptcha(value);\r\n };\r\n\r\n async function submitData() {\r\n const requestOptions = {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n body: JSON.stringify({\r\n companyType: companyType,\r\n name: nameField.value,\r\n address: addressField.value,\r\n zipCode: zipCodeField.value,\r\n zipLocation: zipLocationField.value,\r\n vatNumber: vatNumber,\r\n contractName: contractNameField.value,\r\n contractEmail: contractEmailField.value,\r\n contractPhone: contractPhoneField.value,\r\n emailAccessAsAdministrator: emailAccessAsAdministratorField.value,\r\n reCaptcha: reCaptcha,\r\n }),\r\n };\r\n let response = await fetch(\r\n `${process.env.REACT_APP_API_URL}/api/Heartbeat/ClientsPendingRegistration`,\r\n requestOptions\r\n );\r\n if (response.ok) {\r\n setModalShowMsg(true);\r\n } else {\r\n let validatorError = false;\r\n const data = await response.json();\r\n if (data.errors) {\r\n if (data.errors.NIF && data.errors.NIF.length > 0) {\r\n let vatNumber = document.querySelector('#vatNumber');\r\n vatNumber.setCustomValidity('NIF inválido!');\r\n validatorError = true;\r\n }\r\n }\r\n if (!validatorError) {\r\n showErro(\r\n 'Ocorreu um erro. Por favor tente de novo.
Se o problema persistir, entre em contacto com o nosso departamento comercial.'\r\n );\r\n }\r\n }\r\n setSubmitting(false);\r\n }\r\n\r\n const handleSubmit = (e: React.FormEvent) => {\r\n e.preventDefault();\r\n let _noError = true;\r\n if (!validateNIF(vatNumber)) {\r\n let vatNumber = document.querySelector('#vatNumber');\r\n vatNumber.setCustomValidity('NIF inválido!');\r\n _noError = false;\r\n }\r\n\r\n if (reCaptcha === null || reCaptcha.length === 0) {\r\n document.querySelector('.reCaptcha').innerHTML = 'Obrigatório';\r\n _noError = false;\r\n }\r\n\r\n if (_noError) {\r\n setSubmitting(true);\r\n submitData();\r\n }\r\n };\r\n\r\n function showErro(msg) {\r\n let _status = document.querySelector('#lstatus');\r\n _status.className = 'red';\r\n _status.innerHTML = msg;\r\n }\r\n\r\n function showMsg(msg) {\r\n let _status = document.querySelector('#lstatus');\r\n _status.className = 'green';\r\n _status.innerHTML = msg;\r\n }\r\n\r\n function VerticallyCenteredModalMsg(props) {\r\n return (\r\n
Registo submetido
\r\n\r\n Por favor aguarde o nosso email com as credenciais para acesso que será enviado num\r\n prazo máximo de 1 dia útil.\r\n
\r\n Caso não receba a mensagem nesse período, verifique se a mesma não está na pasta de\r\n SPAM.\r\n
\r\n setModalShowMsg(false)} />\r\n\r\n \r\n
\r\n );\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { Layout } from './components/Layout';\r\nimport { RegistoCliente } from './components/RegistoCliente';\r\n\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport './custom.css'\r\n\r\nexport default class App extends Component {\r\n static displayName = \"Improxy: Registo de Clientes\";\r\n\r\n render () {\r\n return (\r\n \r\n 
\r\n
\r\n Bem-vindo ao registo de cliente Improxy.
\r\n\r\n Por favor introduza a informação seguinte, necessária para a ativação.\r\n
\r\n\r\n O seu registo será validado pela nossa equipa comercial e após validação irá receber um\r\n email de confirmação.\r\n
\r\n\r\n Este registo não implica nenhuma obrigação de contratação ou subscrição de serviços, nem a\r\n aceitação de qualquer tarifário ou preços.\r\n
\r\nTodos os campos são de preenchimento obrigatório.
\r\n\r\n \r\n\r\n