@pipelinesolucoes/form 1.2.0-beta.3 → 1.2.0-beta.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -2
- package/dist/components/ChipList.d.ts +9 -0
- package/dist/components/ChipList.js +60 -0
- package/dist/components/ChipList.js.map +1 -0
- package/dist/components/SelectField.d.ts +73 -0
- package/dist/components/SelectField.js +142 -0
- package/dist/components/SelectField.js.map +1 -0
- package/dist/components/TextFieldBirthDateWithAge.d.ts +83 -0
- package/dist/components/TextFieldBirthDateWithAge.js +277 -0
- package/dist/components/TextFieldBirthDateWithAge.js.map +1 -0
- package/dist/components/TextFieldCPFValidate.d.ts +37 -0
- package/dist/components/TextFieldCPFValidate.js +147 -0
- package/dist/components/TextFieldCPFValidate.js.map +1 -0
- package/dist/components/TextFieldNumberValidate.d.ts +110 -0
- package/dist/components/TextFieldNumberValidate.js +196 -0
- package/dist/components/TextFieldNumberValidate.js.map +1 -0
- package/dist/components/TextFieldPassword.d.ts +141 -53
- package/dist/components/TextFieldPassword.js +161 -98
- package/dist/components/TextFieldPassword.js.map +1 -1
- package/dist/components/TextFieldValidate.d.ts +89 -43
- package/dist/components/TextFieldValidate.js +103 -94
- package/dist/components/TextFieldValidate.js.map +1 -1
- package/dist/components/login/FormLogin.d.ts +129 -6
- package/dist/components/login/FormLogin.js +155 -29
- package/dist/components/login/FormLogin.js.map +1 -1
- package/dist/components/login/FormPasswordRecovery.d.ts +97 -89
- package/dist/components/login/FormPasswordRecovery.js +131 -124
- package/dist/components/login/FormPasswordRecovery.js.map +1 -1
- package/dist/components/login/FormSignUp.d.ts +130 -11
- package/dist/components/login/FormSignUp.js +154 -29
- package/dist/components/login/FormSignUp.js.map +1 -1
- package/dist/components/login/StyleLogin.d.ts +7 -0
- package/dist/components/login/StyleLogin.js +16 -1
- package/dist/components/login/StyleLogin.js.map +1 -1
- package/dist/components/recaptcha/RecaptchaForm.d.ts +8 -14
- package/dist/components/recaptcha/RecaptchaForm.js +30 -25
- package/dist/components/recaptcha/RecaptchaForm.js.map +1 -1
- package/dist/constant.d.ts +11 -0
- package/dist/constant.js +12 -0
- package/dist/constant.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -1
- package/dist/{components/style → style}/ButtonFormStyled.d.ts +1 -1
- package/dist/{components/style → style}/ButtonFormStyled.js +6 -5
- package/dist/style/ButtonFormStyled.js.map +1 -0
- package/dist/{components/style → style}/LinkFormStyled.d.ts +1 -1
- package/dist/{components/style → style}/LinkFormStyled.js +5 -4
- package/dist/style/LinkFormStyled.js.map +1 -0
- package/dist/style/TextFieldStyle.d.ts +19 -0
- package/dist/style/TextFieldStyle.js +61 -0
- package/dist/style/TextFieldStyle.js.map +1 -0
- package/dist/theme.js +46 -18
- package/dist/theme.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/FieldProps.d.ts +1 -0
- package/dist/utils/formatCEP.d.ts +20 -0
- package/dist/utils/formatCEP.js +35 -0
- package/dist/utils/formatCEP.js.map +1 -0
- package/dist/utils/formatCpf.d.ts +14 -0
- package/dist/utils/formatCpf.js +35 -0
- package/dist/utils/formatCpf.js.map +1 -0
- package/dist/utils/validateCpf.d.ts +40 -0
- package/dist/utils/validateCpf.js +67 -0
- package/dist/utils/validateCpf.js.map +1 -0
- package/dist/utils/validateEmail.js +1 -1
- package/dist/utils/validateEmail.js.map +1 -1
- package/package.json +4 -2
- package/dist/components/recaptcha/FormStyled.d.ts +0 -30
- package/dist/components/recaptcha/FormStyled.js +0 -67
- package/dist/components/recaptcha/FormStyled.js.map +0 -1
- package/dist/components/style/ButtonFormStyled.js.map +0 -1
- package/dist/components/style/LinkFormStyled.js.map +0 -1
|
@@ -2,16 +2,163 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { useTheme } from '@mui/material/styles';
|
|
5
|
-
import {
|
|
6
|
-
import { ButtonFormStyled } from '
|
|
5
|
+
import { Divider, Typography } from '@mui/material';
|
|
6
|
+
import { ButtonFormStyled } from '../../style/ButtonFormStyled';
|
|
7
7
|
import { validateEmailMessage } from '../../utils/validateEmail';
|
|
8
8
|
import TextFieldValidate from '../TextFieldValidate';
|
|
9
9
|
import TextFieldPassword from '../TextFieldPassword';
|
|
10
|
-
import { LinkFormStyled } from '
|
|
11
|
-
import { DivCampos, DivLink, DivTitulo, FormContainer } from './StyleLogin';
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
import { LinkFormStyled } from '../../style/LinkFormStyled';
|
|
11
|
+
import { DivCampos, DivLink, DivTitulo, FormContainer, StyledRoot } from './StyleLogin';
|
|
12
|
+
/**
|
|
13
|
+
* Componente de formulário de cadastro (Sign Up) completo, com suporte a:
|
|
14
|
+
* criação de conta via email/senha, confirmação de senha, botão de cadastro social,
|
|
15
|
+
* validação básica de campos, exibição de mensagens de sucesso/erro
|
|
16
|
+
* e ampla customização visual via props ou tema.
|
|
17
|
+
*
|
|
18
|
+
* @param {string} urlLogin URL para a página de login (usuário já possui conta).
|
|
19
|
+
*
|
|
20
|
+
* @param {React.ElementType<SvgIconProps>} [Icon] Ícone exibido no topo do formulário.
|
|
21
|
+
*
|
|
22
|
+
* @param {() => React.ReactElement} [titulo] Função que retorna o título do formulário.
|
|
23
|
+
*
|
|
24
|
+
* @param {() => React.ReactElement} googleButton Função que renderiza o botão de cadastro social.
|
|
25
|
+
*
|
|
26
|
+
* @param {(data: { email: string; password: string }) => Promise<ClickResult> | ClickResult} [onClick]
|
|
27
|
+
* Callback executado ao submeter o formulário. Deve retornar um objeto com sucesso, mensagem e cor opcional.
|
|
28
|
+
*
|
|
29
|
+
* @param {React.ReactNode} [children] Conteúdo adicional renderizado abaixo do formulário.
|
|
30
|
+
*
|
|
31
|
+
* @param {string} [background] Cor de fundo do container principal do formulário.
|
|
32
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
|
|
33
|
+
*
|
|
34
|
+
* @param {string | number} [borderRadius] Raio da borda do container principal.
|
|
35
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
|
|
36
|
+
*
|
|
37
|
+
* @param {string} [border] Borda do container principal.
|
|
38
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
|
|
39
|
+
*
|
|
40
|
+
* @param {string} [boxShadow] Sombra do container principal.
|
|
41
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
|
|
42
|
+
*
|
|
43
|
+
* @param {string} [maxWidth] Largura Máxima do container principal do formulário.
|
|
44
|
+
*
|
|
45
|
+
* @param {string} [backgroundField] Cor de fundo dos campos de formulário.
|
|
46
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
|
|
47
|
+
*
|
|
48
|
+
* @param {string} [colorField] Cor do texto dos campos de formulário.
|
|
49
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
|
|
50
|
+
*
|
|
51
|
+
* @param {string | number} [borderRadiusField] Raio da borda dos campos.
|
|
52
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
|
|
53
|
+
*
|
|
54
|
+
* @param {string} [boxShadowField] Sombra aplicada aos campos.
|
|
55
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
|
|
56
|
+
*
|
|
57
|
+
* @param {string} [borderColorField] Cor da borda dos campos.
|
|
58
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
|
|
59
|
+
*
|
|
60
|
+
* @param {string | number} [paddingField] Espaçamento interno dos campos.
|
|
61
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
|
|
62
|
+
*
|
|
63
|
+
* @param {string | number} [marginField] Margem externa dos campos.
|
|
64
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
|
|
65
|
+
*
|
|
66
|
+
* @param {string} [textButton='Enviar'] Texto exibido no botão principal.
|
|
67
|
+
*
|
|
68
|
+
* @param {TypographyVariant} [variantButton='body1'] Variante tipográfica utilizada no texto do botão.
|
|
69
|
+
*
|
|
70
|
+
* @param {string} [backgroundButton] Cor de fundo do botão.
|
|
71
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
72
|
+
*
|
|
73
|
+
* @param {string} [backgroundHoverButton] Cor de fundo do botão ao passar o mouse.
|
|
74
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
75
|
+
*
|
|
76
|
+
* @param {string} [colorButton] Cor do texto do botão.
|
|
77
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
78
|
+
*
|
|
79
|
+
* @param {string} [colorHoverButton] Cor do texto do botão ao passar o mouse.
|
|
80
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
81
|
+
*
|
|
82
|
+
* @param {string | number} [borderRadiusButton] Raio da borda do botão.
|
|
83
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
84
|
+
*
|
|
85
|
+
* @param {string} [borderButton='none'] Borda do botão.
|
|
86
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
87
|
+
*
|
|
88
|
+
* @param {string} [boxShadowButton] Sombra aplicada ao botão.
|
|
89
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
90
|
+
*
|
|
91
|
+
* @param {string | number} [widthButton='auto'] Largura do botão.
|
|
92
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
93
|
+
*
|
|
94
|
+
* @param {string | number} [heightButton='auto'] Altura do botão.
|
|
95
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
96
|
+
*
|
|
97
|
+
* @param {string | number} [paddingButton] Espaçamento interno do botão.
|
|
98
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
99
|
+
*
|
|
100
|
+
* @param {string | number} [marginButton='0'] Margem externa do botão.
|
|
101
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
102
|
+
*
|
|
103
|
+
* @param {string} [colorLink] Cor do link de redirecionamento para login.
|
|
104
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
105
|
+
*
|
|
106
|
+
* @param {string} [divider] Cor do divisor visual entre login social e formulário.
|
|
107
|
+
* Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
|
|
108
|
+
*
|
|
109
|
+
* @param {RegExp} [passwordPattern=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^A-Za-z0-9]).{8,}$/] Regex para validar formato da senha válida.
|
|
110
|
+
*
|
|
111
|
+
* @param {RegExp} [patternPasswordMessage='A senha deve ter no mínimo 8 caracteres, com ao menos uma letra maiúscula, uma letra minúscula, um número e um caractere especial.'] Mensagem de senha invalida.
|
|
112
|
+
*
|
|
113
|
+
* @example
|
|
114
|
+
* ```tsx
|
|
115
|
+
* import { FormSignUp } from '@/components/FormSignUp';
|
|
116
|
+
* import AccountCircleIcon from '@mui/icons-material/AccountCircle';
|
|
117
|
+
*
|
|
118
|
+
* const Example = () => {
|
|
119
|
+
* return (
|
|
120
|
+
* <FormSignUp
|
|
121
|
+
* urlLogin="/login"
|
|
122
|
+
* Icon={AccountCircleIcon}
|
|
123
|
+
* titulo={() => <h2>Criar conta</h2>}
|
|
124
|
+
* googleButton={() => <button>Cadastrar com Google</button>}
|
|
125
|
+
* onClick={async ({ email, password }) => {
|
|
126
|
+
* if (email && password) {
|
|
127
|
+
* return { success: true, message: 'Conta criada com sucesso!' };
|
|
128
|
+
* }
|
|
129
|
+
* return { success: false, message: 'Erro ao criar conta.' };
|
|
130
|
+
* }}
|
|
131
|
+
* />
|
|
132
|
+
* );
|
|
133
|
+
* };
|
|
134
|
+
* ```
|
|
135
|
+
*/
|
|
136
|
+
const FormSignUp = ({ urlLogin, Icon, titulo, googleButton, background, borderRadius, border, boxShadow, maxWidth, backgroundField, colorField, borderRadiusField, boxShadowField, borderColorField, paddingField, marginField, heightField, textButton = 'Enviar', variantButton = 'body1', backgroundButton, backgroundHoverButton, colorButton, colorHoverButton, borderRadiusButton, borderButton = 'none', boxShadowButton, widthButton = 'auto', heightButton = 'auto', paddingButton, marginButton = '0', colorLink, divider, patternPassword, patternPasswordMessage, onClick, children, }) => {
|
|
137
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75;
|
|
14
138
|
const theme = useTheme();
|
|
139
|
+
const color_message_sucess = theme.palette.success.main;
|
|
140
|
+
const color_message_erro = theme.palette.error.main;
|
|
141
|
+
const bContainer = (_d = background !== null && background !== void 0 ? background : (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.forms) === null || _b === void 0 ? void 0 : _b.login) === null || _c === void 0 ? void 0 : _c.background) !== null && _d !== void 0 ? _d : 'transparent';
|
|
142
|
+
const brContainer = (_h = borderRadius !== null && borderRadius !== void 0 ? borderRadius : (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _e === void 0 ? void 0 : _e.forms) === null || _f === void 0 ? void 0 : _f.login) === null || _g === void 0 ? void 0 : _g.borderRadius) !== null && _h !== void 0 ? _h : '0';
|
|
143
|
+
const bdContainer = (_m = border !== null && border !== void 0 ? border : (_l = (_k = (_j = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _j === void 0 ? void 0 : _j.forms) === null || _k === void 0 ? void 0 : _k.login) === null || _l === void 0 ? void 0 : _l.border) !== null && _m !== void 0 ? _m : '0';
|
|
144
|
+
const bsContainer = (_r = boxShadow !== null && boxShadow !== void 0 ? boxShadow : (_q = (_p = (_o = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _o === void 0 ? void 0 : _o.forms) === null || _p === void 0 ? void 0 : _p.login) === null || _q === void 0 ? void 0 : _q.boxShadow) !== null && _r !== void 0 ? _r : 'none';
|
|
145
|
+
const bField = (_w = backgroundField !== null && backgroundField !== void 0 ? backgroundField : (_v = (_u = (_t = (_s = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _s === void 0 ? void 0 : _s.forms) === null || _t === void 0 ? void 0 : _t.login) === null || _u === void 0 ? void 0 : _u.field) === null || _v === void 0 ? void 0 : _v.background) !== null && _w !== void 0 ? _w : undefined;
|
|
146
|
+
const cField = (_1 = colorField !== null && colorField !== void 0 ? colorField : (_0 = (_z = (_y = (_x = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _x === void 0 ? void 0 : _x.forms) === null || _y === void 0 ? void 0 : _y.login) === null || _z === void 0 ? void 0 : _z.field) === null || _0 === void 0 ? void 0 : _0.color) !== null && _1 !== void 0 ? _1 : undefined;
|
|
147
|
+
const brField = (_6 = borderRadiusField !== null && borderRadiusField !== void 0 ? borderRadiusField : (_5 = (_4 = (_3 = (_2 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _2 === void 0 ? void 0 : _2.forms) === null || _3 === void 0 ? void 0 : _3.login) === null || _4 === void 0 ? void 0 : _4.field) === null || _5 === void 0 ? void 0 : _5.borderRadius) !== null && _6 !== void 0 ? _6 : undefined;
|
|
148
|
+
const bsField = (_11 = boxShadowField !== null && boxShadowField !== void 0 ? boxShadowField : (_10 = (_9 = (_8 = (_7 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _7 === void 0 ? void 0 : _7.forms) === null || _8 === void 0 ? void 0 : _8.login) === null || _9 === void 0 ? void 0 : _9.field) === null || _10 === void 0 ? void 0 : _10.boxShadow) !== null && _11 !== void 0 ? _11 : undefined;
|
|
149
|
+
const bcField = (_16 = borderColorField !== null && borderColorField !== void 0 ? borderColorField : (_15 = (_14 = (_13 = (_12 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _12 === void 0 ? void 0 : _12.forms) === null || _13 === void 0 ? void 0 : _13.login) === null || _14 === void 0 ? void 0 : _14.field) === null || _15 === void 0 ? void 0 : _15.borderColor) !== null && _16 !== void 0 ? _16 : undefined;
|
|
150
|
+
const pField = (_21 = paddingField !== null && paddingField !== void 0 ? paddingField : (_20 = (_19 = (_18 = (_17 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _17 === void 0 ? void 0 : _17.forms) === null || _18 === void 0 ? void 0 : _18.login) === null || _19 === void 0 ? void 0 : _19.field) === null || _20 === void 0 ? void 0 : _20.padding) !== null && _21 !== void 0 ? _21 : undefined;
|
|
151
|
+
const mgField = (_26 = marginField !== null && marginField !== void 0 ? marginField : (_25 = (_24 = (_23 = (_22 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _22 === void 0 ? void 0 : _22.forms) === null || _23 === void 0 ? void 0 : _23.login) === null || _24 === void 0 ? void 0 : _24.field) === null || _25 === void 0 ? void 0 : _25.margin) !== null && _26 !== void 0 ? _26 : undefined;
|
|
152
|
+
const hgField = (_31 = heightField !== null && heightField !== void 0 ? heightField : (_30 = (_29 = (_28 = (_27 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _27 === void 0 ? void 0 : _27.forms) === null || _28 === void 0 ? void 0 : _28.login) === null || _29 === void 0 ? void 0 : _29.field) === null || _30 === void 0 ? void 0 : _30.height) !== null && _31 !== void 0 ? _31 : undefined;
|
|
153
|
+
const bgButton = (_36 = backgroundButton !== null && backgroundButton !== void 0 ? backgroundButton : (_35 = (_34 = (_33 = (_32 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _32 === void 0 ? void 0 : _32.forms) === null || _33 === void 0 ? void 0 : _33.login) === null || _34 === void 0 ? void 0 : _34.button) === null || _35 === void 0 ? void 0 : _35.background) !== null && _36 !== void 0 ? _36 : undefined;
|
|
154
|
+
const bgHoverButton = (_41 = backgroundHoverButton !== null && backgroundHoverButton !== void 0 ? backgroundHoverButton : (_40 = (_39 = (_38 = (_37 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _37 === void 0 ? void 0 : _37.forms) === null || _38 === void 0 ? void 0 : _38.login) === null || _39 === void 0 ? void 0 : _39.button) === null || _40 === void 0 ? void 0 : _40.backgroundHover) !== null && _41 !== void 0 ? _41 : undefined;
|
|
155
|
+
const cButton = (_46 = colorButton !== null && colorButton !== void 0 ? colorButton : (_45 = (_44 = (_43 = (_42 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _42 === void 0 ? void 0 : _42.forms) === null || _43 === void 0 ? void 0 : _43.login) === null || _44 === void 0 ? void 0 : _44.button) === null || _45 === void 0 ? void 0 : _45.color) !== null && _46 !== void 0 ? _46 : undefined;
|
|
156
|
+
const cHoverButton = (_51 = colorHoverButton !== null && colorHoverButton !== void 0 ? colorHoverButton : (_50 = (_49 = (_48 = (_47 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _47 === void 0 ? void 0 : _47.forms) === null || _48 === void 0 ? void 0 : _48.login) === null || _49 === void 0 ? void 0 : _49.button) === null || _50 === void 0 ? void 0 : _50.colorHover) !== null && _51 !== void 0 ? _51 : undefined;
|
|
157
|
+
const brButton = (_56 = borderRadiusButton !== null && borderRadiusButton !== void 0 ? borderRadiusButton : (_55 = (_54 = (_53 = (_52 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _52 === void 0 ? void 0 : _52.forms) === null || _53 === void 0 ? void 0 : _53.login) === null || _54 === void 0 ? void 0 : _54.button) === null || _55 === void 0 ? void 0 : _55.borderRadius) !== null && _56 !== void 0 ? _56 : undefined;
|
|
158
|
+
const bsButton = (_61 = boxShadowButton !== null && boxShadowButton !== void 0 ? boxShadowButton : (_60 = (_59 = (_58 = (_57 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _57 === void 0 ? void 0 : _57.forms) === null || _58 === void 0 ? void 0 : _58.login) === null || _59 === void 0 ? void 0 : _59.button) === null || _60 === void 0 ? void 0 : _60.boxShadow) !== null && _61 !== void 0 ? _61 : undefined;
|
|
159
|
+
const pButton = (_66 = paddingButton !== null && paddingButton !== void 0 ? paddingButton : (_65 = (_64 = (_63 = (_62 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _62 === void 0 ? void 0 : _62.forms) === null || _63 === void 0 ? void 0 : _63.login) === null || _64 === void 0 ? void 0 : _64.button) === null || _65 === void 0 ? void 0 : _65.padding) !== null && _66 !== void 0 ? _66 : undefined;
|
|
160
|
+
const cdivider = (_70 = divider !== null && divider !== void 0 ? divider : (_69 = (_68 = (_67 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _67 === void 0 ? void 0 : _67.forms) === null || _68 === void 0 ? void 0 : _68.login) === null || _69 === void 0 ? void 0 : _69.divider) !== null && _70 !== void 0 ? _70 : undefined;
|
|
161
|
+
const cLink = (_75 = colorLink !== null && colorLink !== void 0 ? colorLink : (_74 = (_73 = (_72 = (_71 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _71 === void 0 ? void 0 : _71.forms) === null || _72 === void 0 ? void 0 : _72.login) === null || _73 === void 0 ? void 0 : _73.link) === null || _74 === void 0 ? void 0 : _74.color) !== null && _75 !== void 0 ? _75 : undefined;
|
|
15
162
|
const [mensagemApi, setMensagemApi] = useState('');
|
|
16
163
|
const [corMensagemApi, setCorMensagemApi] = useState(color_message_erro);
|
|
17
164
|
const [email, setEmail] = useState('');
|
|
@@ -63,29 +210,7 @@ const FormSignUp = ({ urlLogin, Icon, titulo, googleButton, background, borderRa
|
|
|
63
210
|
setIsLoading(false);
|
|
64
211
|
}
|
|
65
212
|
};
|
|
66
|
-
|
|
67
|
-
const brContainer = (_h = borderRadius !== null && borderRadius !== void 0 ? borderRadius : (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _e === void 0 ? void 0 : _e.forms) === null || _f === void 0 ? void 0 : _f.login) === null || _g === void 0 ? void 0 : _g.borderRadius) !== null && _h !== void 0 ? _h : '0';
|
|
68
|
-
const bdContainer = (_m = border !== null && border !== void 0 ? border : (_l = (_k = (_j = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _j === void 0 ? void 0 : _j.forms) === null || _k === void 0 ? void 0 : _k.login) === null || _l === void 0 ? void 0 : _l.border) !== null && _m !== void 0 ? _m : '0';
|
|
69
|
-
const bsContainer = (_r = boxShadow !== null && boxShadow !== void 0 ? boxShadow : (_q = (_p = (_o = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _o === void 0 ? void 0 : _o.forms) === null || _p === void 0 ? void 0 : _p.login) === null || _q === void 0 ? void 0 : _q.boxShadow) !== null && _r !== void 0 ? _r : 'none';
|
|
70
|
-
const bField = (_w = backgroundField !== null && backgroundField !== void 0 ? backgroundField : (_v = (_u = (_t = (_s = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _s === void 0 ? void 0 : _s.forms) === null || _t === void 0 ? void 0 : _t.login) === null || _u === void 0 ? void 0 : _u.field) === null || _v === void 0 ? void 0 : _v.background) !== null && _w !== void 0 ? _w : undefined;
|
|
71
|
-
const cField = (_1 = colorField !== null && colorField !== void 0 ? colorField : (_0 = (_z = (_y = (_x = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _x === void 0 ? void 0 : _x.forms) === null || _y === void 0 ? void 0 : _y.login) === null || _z === void 0 ? void 0 : _z.field) === null || _0 === void 0 ? void 0 : _0.color) !== null && _1 !== void 0 ? _1 : undefined;
|
|
72
|
-
const brField = (_6 = borderRadiusField !== null && borderRadiusField !== void 0 ? borderRadiusField : (_5 = (_4 = (_3 = (_2 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _2 === void 0 ? void 0 : _2.forms) === null || _3 === void 0 ? void 0 : _3.login) === null || _4 === void 0 ? void 0 : _4.field) === null || _5 === void 0 ? void 0 : _5.borderRadius) !== null && _6 !== void 0 ? _6 : undefined;
|
|
73
|
-
const bsField = (_11 = boxShadowField !== null && boxShadowField !== void 0 ? boxShadowField : (_10 = (_9 = (_8 = (_7 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _7 === void 0 ? void 0 : _7.forms) === null || _8 === void 0 ? void 0 : _8.login) === null || _9 === void 0 ? void 0 : _9.field) === null || _10 === void 0 ? void 0 : _10.boxShadow) !== null && _11 !== void 0 ? _11 : undefined;
|
|
74
|
-
const bcField = (_16 = borderColorField !== null && borderColorField !== void 0 ? borderColorField : (_15 = (_14 = (_13 = (_12 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _12 === void 0 ? void 0 : _12.forms) === null || _13 === void 0 ? void 0 : _13.login) === null || _14 === void 0 ? void 0 : _14.field) === null || _15 === void 0 ? void 0 : _15.borderColor) !== null && _16 !== void 0 ? _16 : undefined;
|
|
75
|
-
const pField = (_21 = paddingField !== null && paddingField !== void 0 ? paddingField : (_20 = (_19 = (_18 = (_17 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _17 === void 0 ? void 0 : _17.forms) === null || _18 === void 0 ? void 0 : _18.login) === null || _19 === void 0 ? void 0 : _19.field) === null || _20 === void 0 ? void 0 : _20.padding) !== null && _21 !== void 0 ? _21 : undefined;
|
|
76
|
-
const mgField = (_26 = marginField !== null && marginField !== void 0 ? marginField : (_25 = (_24 = (_23 = (_22 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _22 === void 0 ? void 0 : _22.forms) === null || _23 === void 0 ? void 0 : _23.login) === null || _24 === void 0 ? void 0 : _24.field) === null || _25 === void 0 ? void 0 : _25.margin) !== null && _26 !== void 0 ? _26 : undefined;
|
|
77
|
-
const bgButton = (_31 = backgroundButton !== null && backgroundButton !== void 0 ? backgroundButton : (_30 = (_29 = (_28 = (_27 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _27 === void 0 ? void 0 : _27.forms) === null || _28 === void 0 ? void 0 : _28.login) === null || _29 === void 0 ? void 0 : _29.button) === null || _30 === void 0 ? void 0 : _30.background) !== null && _31 !== void 0 ? _31 : undefined;
|
|
78
|
-
const bgHoverButton = (_36 = backgroundHoverButton !== null && backgroundHoverButton !== void 0 ? backgroundHoverButton : (_35 = (_34 = (_33 = (_32 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _32 === void 0 ? void 0 : _32.forms) === null || _33 === void 0 ? void 0 : _33.login) === null || _34 === void 0 ? void 0 : _34.button) === null || _35 === void 0 ? void 0 : _35.backgroundHover) !== null && _36 !== void 0 ? _36 : undefined;
|
|
79
|
-
const cButton = (_41 = colorButton !== null && colorButton !== void 0 ? colorButton : (_40 = (_39 = (_38 = (_37 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _37 === void 0 ? void 0 : _37.forms) === null || _38 === void 0 ? void 0 : _38.login) === null || _39 === void 0 ? void 0 : _39.button) === null || _40 === void 0 ? void 0 : _40.color) !== null && _41 !== void 0 ? _41 : undefined;
|
|
80
|
-
const cHoverButton = (_46 = colorHoverButton !== null && colorHoverButton !== void 0 ? colorHoverButton : (_45 = (_44 = (_43 = (_42 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _42 === void 0 ? void 0 : _42.forms) === null || _43 === void 0 ? void 0 : _43.login) === null || _44 === void 0 ? void 0 : _44.button) === null || _45 === void 0 ? void 0 : _45.colorHover) !== null && _46 !== void 0 ? _46 : undefined;
|
|
81
|
-
const brButton = (_51 = borderRadiusButton !== null && borderRadiusButton !== void 0 ? borderRadiusButton : (_50 = (_49 = (_48 = (_47 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _47 === void 0 ? void 0 : _47.forms) === null || _48 === void 0 ? void 0 : _48.login) === null || _49 === void 0 ? void 0 : _49.button) === null || _50 === void 0 ? void 0 : _50.borderRadius) !== null && _51 !== void 0 ? _51 : undefined;
|
|
82
|
-
const bsButton = (_56 = boxShadowButton !== null && boxShadowButton !== void 0 ? boxShadowButton : (_55 = (_54 = (_53 = (_52 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _52 === void 0 ? void 0 : _52.forms) === null || _53 === void 0 ? void 0 : _53.login) === null || _54 === void 0 ? void 0 : _54.button) === null || _55 === void 0 ? void 0 : _55.boxShadow) !== null && _56 !== void 0 ? _56 : undefined;
|
|
83
|
-
const pButton = (_61 = paddingButton !== null && paddingButton !== void 0 ? paddingButton : (_60 = (_59 = (_58 = (_57 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _57 === void 0 ? void 0 : _57.forms) === null || _58 === void 0 ? void 0 : _58.login) === null || _59 === void 0 ? void 0 : _59.button) === null || _60 === void 0 ? void 0 : _60.padding) !== null && _61 !== void 0 ? _61 : undefined;
|
|
84
|
-
const cdivider = (_65 = divider !== null && divider !== void 0 ? divider : (_64 = (_63 = (_62 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _62 === void 0 ? void 0 : _62.forms) === null || _63 === void 0 ? void 0 : _63.login) === null || _64 === void 0 ? void 0 : _64.divider) !== null && _65 !== void 0 ? _65 : undefined;
|
|
85
|
-
const cLink = (_70 = colorLink !== null && colorLink !== void 0 ? colorLink : (_69 = (_68 = (_67 = (_66 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _66 === void 0 ? void 0 : _66.forms) === null || _67 === void 0 ? void 0 : _67.login) === null || _68 === void 0 ? void 0 : _68.link) === null || _69 === void 0 ? void 0 : _69.color) !== null && _70 !== void 0 ? _70 : undefined;
|
|
86
|
-
return (_jsxs(Box, { display: "flex", flexDirection: "column", justifyContent: "center", gap: "24px", flex: 1, sx: { padding: '24px', borderRadius: brContainer,
|
|
87
|
-
background: bContainer, border: bdContainer,
|
|
88
|
-
boxShadow: bsContainer }, children: [(Icon || titulo) && (_jsxs(DivTitulo, { children: [Icon && _jsx(Icon, {}), titulo && titulo()] })), _jsxs(FormContainer, { children: [googleButton && googleButton(), _jsx(Divider, { sx: { borderColor: cdivider }, children: "ou" }), _jsxs(DivCampos, { children: [_jsx(TextFieldValidate, { id: "email", label: "Email", placeholder: "Email", background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, value: email, onChange: (e) => setEmail(e.target.value), required: true, requiredMessage: "Campo obrigat\u00F3rio", validate: validateEmailMessage, showErrorOn: "blur" }), _jsx(TextFieldPassword, { id: "password", label: "Senha", placeholder: "Senha", required: true, background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, value: password, onPasswordChange: (p) => setPassword(p) }), _jsx(TextFieldPassword, { id: "passwordconfirmada", label: "Confirmar Senha", placeholder: "Confirmar Senha", required: true, background: backgroundField, color: colorField, borderRadius: borderRadiusField, borderColor: borderColorField, boxShadow: boxShadowField, padding: paddingField, value: confirmPassword, onPasswordChange: (p) => setConfirmPassword(p) })] }), _jsx(ButtonFormStyled, { backgroundButton: bgButton, backgroundHoverButton: bgHoverButton, colorButton: cButton, colorHoverButton: cHoverButton, borderRadiusButton: brButton, borderButton: borderButton, boxShadowButton: bsButton, widthButton: widthButton, heightButton: heightButton, paddingButton: pButton, marginButton: marginButton, disabled: isLoading, onClick: handleClick, children: isLoading ? ('Enviando...') : (_jsx(Typography, { variant: variantButton, component: "span", children: textButton })) }), _jsx(DivLink, { children: _jsx(LinkFormStyled, { href: urlLogin, text_color: cLink, children: _jsx(Typography, { variant: variantButton, component: 'span', children: "Entrar" }) }) })] }), mensagemApi && (_jsx(Typography, { variant: "body2", sx: { color: corMensagemApi }, children: mensagemApi })), children] }));
|
|
213
|
+
return (_jsxs(StyledRoot, { background: bContainer, border_radius: brContainer, box_shadow: bsContainer, border: bdContainer, maxWidth: maxWidth, children: [(Icon || titulo) && (_jsxs(DivTitulo, { children: [Icon && _jsx(Icon, {}), titulo && titulo()] })), _jsxs(FormContainer, { children: [googleButton && googleButton(), _jsx(Divider, { sx: { borderColor: cdivider }, children: "ou" }), _jsxs(DivCampos, { children: [_jsx(TextFieldValidate, { id: "email", label: "Email", placeholder: "Email", height: hgField, background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, value: email, onChange: (e) => setEmail(e.target.value), required: true, requiredMessage: "email obrigat\u00F3rio", validate: validateEmailMessage, showErrorOn: "blur" }), _jsx(TextFieldPassword, { id: "password", label: "Senha", placeholder: "Senha", height: hgField, required: true, background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, value: password, pattern: patternPassword, patternMessage: patternPasswordMessage, onPasswordChange: (p) => setPassword(p) }), _jsx(TextFieldPassword, { id: "passwordconfirmada", label: "Confirmar Senha", placeholder: "Confirmar Senha", height: hgField, required: true, background: backgroundField, color: colorField, borderRadius: borderRadiusField, borderColor: borderColorField, boxShadow: boxShadowField, padding: paddingField, value: confirmPassword, onPasswordChange: (p) => setConfirmPassword(p) })] }), _jsx(ButtonFormStyled, { backgroundButton: bgButton, backgroundHoverButton: bgHoverButton, colorButton: cButton, colorHoverButton: cHoverButton, borderRadiusButton: brButton, borderButton: borderButton, boxShadowButton: bsButton, widthButton: widthButton, heightButton: heightButton, paddingButton: pButton, marginButton: marginButton, disabled: isLoading, onClick: handleClick, children: isLoading ? ('Enviando...') : (_jsx(Typography, { variant: variantButton, component: "span", children: textButton })) }), _jsxs(DivLink, { children: [_jsx(Typography, { variant: variantButton, component: 'span', color: cField, children: "J\u00E1 tem uma conta?" }), _jsx(LinkFormStyled, { href: urlLogin, text_color: cLink, children: _jsx(Typography, { variant: variantButton, component: 'span', marginLeft: "4px", children: "Entrar" }) })] })] }), mensagemApi && (_jsx(Typography, { variant: "body2", sx: { color: corMensagemApi }, children: mensagemApi })), children] }));
|
|
89
214
|
};
|
|
90
215
|
export default FormSignUp;
|
|
91
216
|
//# sourceMappingURL=FormSignUp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSignUp.js","sourceRoot":"","sources":["../../../src/components/login/FormSignUp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"FormSignUp.js","sourceRoot":"","sources":["../../../src/components/login/FormSignUp.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,3 +5,10 @@ export declare const DivLink: import("@emotion/styled").StyledComponent<import("
|
|
|
5
5
|
text_color?: string;
|
|
6
6
|
align?: string;
|
|
7
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const StyledRoot: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
9
|
+
background: string;
|
|
10
|
+
border_radius: string;
|
|
11
|
+
box_shadow: string;
|
|
12
|
+
border: string;
|
|
13
|
+
maxWidth?: string;
|
|
14
|
+
}, {}, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { styled } from "@mui/material";
|
|
1
|
+
import { Box, styled } from "@mui/material";
|
|
2
2
|
export const FormContainer = styled('div')(() => ({
|
|
3
3
|
display: 'flex',
|
|
4
4
|
flexDirection: 'column',
|
|
@@ -39,4 +39,19 @@ export const DivLink = styled('div', {
|
|
|
39
39
|
flex: '1',
|
|
40
40
|
color: text_color !== null && text_color !== void 0 ? text_color : "#000",
|
|
41
41
|
}));
|
|
42
|
+
export const StyledRoot = styled(Box, {
|
|
43
|
+
shouldForwardProp: (prop) => !['background', 'border_radius', 'box_shadow', 'border', 'maxWidth'].includes(prop),
|
|
44
|
+
})(({ background, border_radius, box_shadow, border, maxWidth = "100%" }) => ({
|
|
45
|
+
display: 'flex',
|
|
46
|
+
flexDirection: 'column',
|
|
47
|
+
justifyContent: 'center',
|
|
48
|
+
gap: '24px',
|
|
49
|
+
flex: 1,
|
|
50
|
+
padding: '24px',
|
|
51
|
+
borderRadius: border_radius !== null && border_radius !== void 0 ? border_radius : '0px',
|
|
52
|
+
boxShadow: box_shadow,
|
|
53
|
+
background: background,
|
|
54
|
+
border: border,
|
|
55
|
+
maxWidth: maxWidth
|
|
56
|
+
}));
|
|
42
57
|
//# sourceMappingURL=StyleLogin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyleLogin.js","sourceRoot":"","sources":["../../../src/components/login/StyleLogin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"StyleLogin.js","sourceRoot":"","sources":["../../../src/components/login/StyleLogin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;CACf,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC/E,CAAC,CAA0C,CAAC,EAAE,UAAU,EAAE,KAAK,GAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/E,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,KAAK;IACrB,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,GAAG;IACZ,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,MAAM;CAC5B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAChG,CAAC,CAMC,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,GAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1E,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK;IACpC,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE,UAAU;IACtB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC,CAAC"}
|
|
@@ -1,21 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
background_color_button?: string;
|
|
10
|
-
border_radius_button?: string;
|
|
11
|
-
text_button: string;
|
|
12
|
-
message_sucess: string;
|
|
13
|
-
color_message_sucess: string;
|
|
2
|
+
import { BorderProps, ColorProps, LayoutProps } from '@pipelinesolucoes/theme';
|
|
3
|
+
import { FieldProps } from '../../types/FieldProps';
|
|
4
|
+
import { ButtonProps } from '../../types/ButtonProps';
|
|
5
|
+
export interface RecaptchaFormProps extends Pick<ColorProps, 'background' | 'color'>, Pick<BorderProps, 'borderRadius' | 'border' | 'boxShadow'>, Omit<FieldProps, 'backgroundDisabledField' | 'colorDisabledField'>, LayoutProps, ButtonProps {
|
|
6
|
+
url?: string;
|
|
7
|
+
rowsMessage?: number;
|
|
8
|
+
message_sucess?: string;
|
|
14
9
|
message_erro?: string;
|
|
15
|
-
color_message_erro: string;
|
|
16
10
|
token_bearer: string;
|
|
17
11
|
site_key_recaptcha: string;
|
|
18
|
-
children
|
|
12
|
+
children?: React.ReactNode;
|
|
19
13
|
}
|
|
20
14
|
declare const RecaptchaForm: React.FC<RecaptchaFormProps>;
|
|
21
15
|
export default RecaptchaForm;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import { styled } from '@mui/material/styles';
|
|
3
|
+
import { useRef, useState } from 'react';
|
|
4
|
+
import { styled, useTheme } from '@mui/material/styles';
|
|
5
5
|
import { Box, Typography } from '@mui/material';
|
|
6
6
|
import RecaptchaInvisible from './RecaptchaInvisible';
|
|
7
|
-
import { ButtonFormStyled, TextFieldFixedSizeStyled, TextFieldStyled } from './FormStyled';
|
|
8
7
|
import RecaptchaMessage from './RecaptchaMessage';
|
|
8
|
+
import TextFieldValidate from '../TextFieldValidate';
|
|
9
|
+
import { validateEmailMessage } from '../../utils/validateEmail';
|
|
10
|
+
import { ButtonFormStyled } from '../../style/ButtonFormStyled';
|
|
11
|
+
import { validateTelefoneMessage } from '../../utils/validateTelefone';
|
|
12
|
+
import { fbbackground, fbborderColor, fbborderRadius, fbboxShadow, fbcolor, fbcolorFocused, fbheigth, fbmargin, fbpadding } from '../../constant';
|
|
9
13
|
const FormContainer = styled('div')(() => ({
|
|
10
14
|
display: 'flex',
|
|
11
15
|
flexDirection: 'column',
|
|
@@ -14,7 +18,10 @@ const FormContainer = styled('div')(() => ({
|
|
|
14
18
|
margin: 'auto',
|
|
15
19
|
padding: '0px',
|
|
16
20
|
}));
|
|
17
|
-
const RecaptchaForm = ({
|
|
21
|
+
const RecaptchaForm = ({ url = "https://backend-sites-production.up.railway.app/send-email-gmail", background, color, borderRadius, border, boxShadow, width, maxWidth, height, maxHeight, padding, margin, textButton, variantButton, backgroundButton, backgroundHoverButton, colorButton, colorHoverButton, borderRadiusButton, borderButton, boxShadowButton, widthButton, heightButton, paddingButton, marginButton, backgroundField, backgroundFocusedField, colorField, colorFocusedField, borderRadiusField, boxShadowField, borderColorField, paddingField, marginField, heightField, rowsMessage = 5, message_sucess = "Mensagem enviada com sucesso", message_erro, token_bearer, site_key_recaptcha, children }) => {
|
|
22
|
+
const theme = useTheme();
|
|
23
|
+
const color_message_sucess = theme.palette.success.main;
|
|
24
|
+
const color_message_erro = theme.palette.error.main;
|
|
18
25
|
const [mensagemApi, setMensagemApi] = useState('');
|
|
19
26
|
const [corMensagemApi, setCorMensagemApi] = useState(color_message_erro);
|
|
20
27
|
const [nome, setNome] = useState('');
|
|
@@ -23,32 +30,15 @@ const RecaptchaForm = ({ color, background = 'transparent', border_radius = '0px
|
|
|
23
30
|
const [mensagem, setMensagem] = useState('');
|
|
24
31
|
const [errors, setErrors] = useState({});
|
|
25
32
|
const [isLoading, setIsLoading] = useState(false);
|
|
26
|
-
const telefoneRef = React.useRef(null);
|
|
27
33
|
// Ref para o recaptcha
|
|
28
34
|
const recaptchaRef = useRef(null);
|
|
29
|
-
const validateEmail = (email) => /\S+@\S+\.\S+/.test(email);
|
|
30
|
-
const validateTelefone = (telefone) => /^\d{2}\d{9}$/.test(telefone);
|
|
31
|
-
const handleBlur = (field) => {
|
|
32
|
-
switch (field) {
|
|
33
|
-
case 'email':
|
|
34
|
-
setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { email: !validateEmail(email) })));
|
|
35
|
-
break;
|
|
36
|
-
case 'telefone':
|
|
37
|
-
setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { telefone: !validateTelefone(telefone) })));
|
|
38
|
-
break;
|
|
39
|
-
default:
|
|
40
|
-
// Para campos nome e mensagem
|
|
41
|
-
setErrors((prevErrors) => (Object.assign(Object.assign({}, prevErrors), { [field]: !Boolean(field === 'nome' ? nome.trim() : mensagem.trim()) })));
|
|
42
|
-
break;
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
35
|
const handleSubmit = async (e) => {
|
|
46
36
|
e.preventDefault();
|
|
47
37
|
// Validação dos campos
|
|
48
38
|
const newErrors = {
|
|
49
39
|
nome: !nome.trim(),
|
|
50
|
-
email: !
|
|
51
|
-
telefone: !
|
|
40
|
+
email: !validateEmailMessage(email),
|
|
41
|
+
telefone: !validateTelefoneMessage(telefone),
|
|
52
42
|
mensagem: !mensagem.trim(),
|
|
53
43
|
};
|
|
54
44
|
setErrors(newErrors);
|
|
@@ -81,7 +71,7 @@ const RecaptchaForm = ({ color, background = 'transparent', border_radius = '0px
|
|
|
81
71
|
formData.append('telefone', telefone);
|
|
82
72
|
formData.append('mensagem', mensagem);
|
|
83
73
|
formData.append('captcha_token', token); // Enviar token para backend validar
|
|
84
|
-
const response = await fetch(
|
|
74
|
+
const response = await fetch(url, {
|
|
85
75
|
method: 'POST',
|
|
86
76
|
headers: {
|
|
87
77
|
Authorization: `Bearer ${token_bearer}`,
|
|
@@ -112,7 +102,22 @@ const RecaptchaForm = ({ color, background = 'transparent', border_radius = '0px
|
|
|
112
102
|
setIsLoading(false);
|
|
113
103
|
}
|
|
114
104
|
};
|
|
115
|
-
|
|
105
|
+
const bgFocused = backgroundFocusedField !== null && backgroundFocusedField !== void 0 ? backgroundFocusedField : backgroundField;
|
|
106
|
+
const txt = colorField !== null && colorField !== void 0 ? colorField : fbcolor;
|
|
107
|
+
const br = borderRadiusField !== null && borderRadiusField !== void 0 ? borderRadiusField : fbborderRadius;
|
|
108
|
+
const sh = boxShadowField !== null && boxShadowField !== void 0 ? boxShadowField : fbboxShadow;
|
|
109
|
+
const bd = borderColorField !== null && borderColorField !== void 0 ? borderColorField : fbborderColor;
|
|
110
|
+
const bdFocused = colorFocusedField !== null && colorFocusedField !== void 0 ? colorFocusedField : fbcolorFocused;
|
|
111
|
+
const pad = paddingField !== null && paddingField !== void 0 ? paddingField : fbpadding;
|
|
112
|
+
const mg = marginField !== null && marginField !== void 0 ? marginField : fbmargin;
|
|
113
|
+
const hg = heightField !== null && heightField !== void 0 ? heightField : fbheigth;
|
|
114
|
+
return (_jsxs(Box, { display: "flex", flexDirection: 'column', justifyContent: "center", gap: "24px", flex: 1, sx: { background: background !== null && background !== void 0 ? background : fbbackground,
|
|
115
|
+
padding: padding !== null && padding !== void 0 ? padding : '24px',
|
|
116
|
+
margin: margin !== null && margin !== void 0 ? margin : fbmargin,
|
|
117
|
+
borderRadius: borderRadius !== null && borderRadius !== void 0 ? borderRadius : fbborderRadius,
|
|
118
|
+
boxShadow: boxShadow !== null && boxShadow !== void 0 ? boxShadow : fbboxShadow,
|
|
119
|
+
border: border !== null && border !== void 0 ? border : 'none',
|
|
120
|
+
width: width, height: height, maxWidth: maxWidth, maxHeight: maxHeight }, children: [_jsxs(FormContainer, { children: [_jsx(TextFieldValidate, { id: "nome", label: "Nome", placeholder: "Nome", value: nome, onChange: (e) => setNome(e.target.value), height: hg, background: backgroundField, backgroundFocused: bgFocused, colorFocused: bdFocused, color: txt, borderRadius: br, borderColor: bd, boxShadow: sh, padding: pad, margin: mg, required: true, requiredMessage: "nome obrigat\u00F3rio", showErrorOn: "blur" }), _jsx(TextFieldValidate, { id: "email", label: "Email", placeholder: "Email", height: hg, background: backgroundField, backgroundFocused: bgFocused, colorFocused: bdFocused, color: txt, borderRadius: br, borderColor: bd, boxShadow: sh, padding: pad, margin: mg, value: email, onChange: (e) => setEmail(e.target.value), required: true, requiredMessage: "email obrigat\u00F3rio", validate: validateEmailMessage, showErrorOn: "blur" }), _jsx(TextFieldValidate, { id: "telefone", label: "Telefone", placeholder: "Telefone", value: telefone, onChange: (e) => setTelefone(e.target.value), height: hg, background: backgroundField, backgroundFocused: bgFocused, colorFocused: bdFocused, color: txt, borderRadius: br, borderColor: bd, boxShadow: sh, padding: pad, margin: mg, required: true, requiredMessage: "telefone obrigat\u00F3rio", validate: validateTelefoneMessage, showErrorOn: "blur" }), _jsx(TextFieldValidate, { id: "mensagem", label: "Mensagem", placeholder: "Mensagem", value: nome, onChange: (e) => setNome(e.target.value), background: backgroundField, backgroundFocused: bgFocused, colorFocused: bdFocused, color: txt, borderRadius: br, borderColor: bd, boxShadow: sh, padding: pad, margin: mg, required: true, requiredMessage: "mensagem obrigat\u00F3rio", multiline: true, rows: rowsMessage, showErrorOn: "blur" }), _jsx(ButtonFormStyled, { backgroundButton: backgroundButton, backgroundHoverButton: backgroundHoverButton, colorButton: colorButton, colorHoverButton: colorHoverButton, borderRadiusButton: borderRadiusButton, borderButton: borderButton, boxShadowButton: boxShadowButton, widthButton: widthButton, heightButton: heightButton, paddingButton: paddingButton, marginButton: marginButton, disabled: isLoading, onClick: handleSubmit, variantButton: variantButton, children: isLoading ? 'Enviando...' : textButton }), mensagemApi && (_jsx(Typography, { variant: "body1", component: "span", color: corMensagemApi, children: mensagemApi }))] }), _jsx(Box, { flex: 1, children: children }), _jsx(RecaptchaMessage, { color: color !== null && color !== void 0 ? color : 'black' }), _jsx(RecaptchaInvisible, { siteKey: site_key_recaptcha, ref: recaptchaRef })] }));
|
|
116
121
|
};
|
|
117
122
|
export default RecaptchaForm;
|
|
118
123
|
//# sourceMappingURL=RecaptchaForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RecaptchaForm.js","sourceRoot":"","sources":["../../../src/components/recaptcha/RecaptchaForm.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,
|
|
1
|
+
{"version":3,"file":"RecaptchaForm.js","sourceRoot":"","sources":["../../../src/components/recaptcha/RecaptchaForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const fbbackground = "#fff";
|
|
2
|
+
export declare const fbbackgroundDisabled = "#E5E7EB";
|
|
3
|
+
export declare const fbcolor = "#000";
|
|
4
|
+
export declare const fbcolorDisabled = "#9CA3AF";
|
|
5
|
+
export declare const fbborderRadius = "0";
|
|
6
|
+
export declare const fbboxShadow = "none";
|
|
7
|
+
export declare const fbborderColor = "#ccc";
|
|
8
|
+
export declare const fbcolorFocused = "#1976d2";
|
|
9
|
+
export declare const fbpadding = "8px";
|
|
10
|
+
export declare const fbmargin = "0";
|
|
11
|
+
export declare const fbheigth = "64px";
|
package/dist/constant.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export const fbbackground = '#fff';
|
|
2
|
+
export const fbbackgroundDisabled = "#E5E7EB";
|
|
3
|
+
export const fbcolor = '#000';
|
|
4
|
+
export const fbcolorDisabled = "#9CA3AF";
|
|
5
|
+
export const fbborderRadius = "0";
|
|
6
|
+
export const fbboxShadow = "none";
|
|
7
|
+
export const fbborderColor = '#ccc';
|
|
8
|
+
export const fbcolorFocused = '#1976d2';
|
|
9
|
+
export const fbpadding = '8px';
|
|
10
|
+
export const fbmargin = '0';
|
|
11
|
+
export const fbheigth = '64px';
|
|
12
|
+
//# sourceMappingURL=constant.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constant.js","sourceRoot":"","sources":["../src/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC;AACnC,MAAM,CAAC,MAAM,oBAAoB,GAAG,SAAS,CAAC;AAC9C,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;AAC9B,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC;AAClC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC;AACpC,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;AAExC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC;AAC/B,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC;AAC5B,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -4,7 +4,15 @@ export { default as FormSignUp } from './components/login/FormSignUp';
|
|
|
4
4
|
export { default as FormPasswordRecovery } from './components/login/FormPasswordRecovery';
|
|
5
5
|
export { default as RecaptchaForm } from './components/recaptcha/RecaptchaForm';
|
|
6
6
|
export { default as NotificationSnackbar } from './components/NotificationSnackbar';
|
|
7
|
+
export { default as SelectField } from './components/SelectField';
|
|
8
|
+
export { default as ChipList } from './components/ChipList';
|
|
7
9
|
export { default as TextFieldValidate } from './components/TextFieldValidate';
|
|
8
10
|
export { default as TextFieldPassword } from './components/TextFieldPassword';
|
|
11
|
+
export { default as TextFieldNumberValidate } from './components/TextFieldNumberValidate';
|
|
12
|
+
export { default as TextFieldBirthDateWithAge } from './components/TextFieldBirthDateWithAge';
|
|
13
|
+
export { default as TextFieldCPFValidate } from './components/TextFieldCPFValidate';
|
|
9
14
|
export * from './utils/validateTelefone';
|
|
10
15
|
export * from './utils/validateEmail';
|
|
16
|
+
export * from './utils/validateCpf';
|
|
17
|
+
export * from './utils/formatCpf';
|
|
18
|
+
export * from './utils/formatCEP';
|
package/dist/index.js
CHANGED
|
@@ -4,8 +4,16 @@ export { default as FormSignUp } from './components/login/FormSignUp';
|
|
|
4
4
|
export { default as FormPasswordRecovery } from './components/login/FormPasswordRecovery';
|
|
5
5
|
export { default as RecaptchaForm } from './components/recaptcha/RecaptchaForm';
|
|
6
6
|
export { default as NotificationSnackbar } from './components/NotificationSnackbar';
|
|
7
|
+
export { default as SelectField } from './components/SelectField';
|
|
8
|
+
export { default as ChipList } from './components/ChipList';
|
|
7
9
|
export { default as TextFieldValidate } from './components/TextFieldValidate';
|
|
8
10
|
export { default as TextFieldPassword } from './components/TextFieldPassword';
|
|
11
|
+
export { default as TextFieldNumberValidate } from './components/TextFieldNumberValidate';
|
|
12
|
+
export { default as TextFieldBirthDateWithAge } from './components/TextFieldBirthDateWithAge';
|
|
13
|
+
export { default as TextFieldCPFValidate } from './components/TextFieldCPFValidate';
|
|
9
14
|
export * from './utils/validateTelefone';
|
|
10
15
|
export * from './utils/validateEmail';
|
|
16
|
+
export * from './utils/validateCpf';
|
|
17
|
+
export * from './utils/formatCpf';
|
|
18
|
+
export * from './utils/formatCEP';
|
|
11
19
|
//# sourceMappingURL=index.js.map
|