@pipelinesolucoes/form 1.0.0-beta.7 → 1.2.0-beta.10

package/dist/components/login/FormPasswordRecovery.d.ts

@@ -0,0 +1,129 @@
+import React from 'react';
+import { TypographyVariant } from '@mui/material/styles';
+import { SvgIconProps } from '@mui/material';
+import { ButtonProps } from '../../types/ButtonProps';
+import { FieldProps } from '../../types/FieldProps';
+import { BorderProps, ColorProps, LayoutProps } from '@pipelinesolucoes/theme';
+import { ClickResult } from './ClickResult';
+interface FormPasswordRecoveryProps extends ButtonProps, ColorProps, BorderProps, FieldProps, LayoutProps {
+    Icon?: React.ElementType<SvgIconProps>;
+    titulo?: () => React.ReactElement;
+    subTitulo?: () => React.ReactElement;
+    textButton?: string;
+    variantButton?: TypographyVariant;
+    onClick: (email: string) => Promise<ClickResult>;
+    children?: React.ReactNode;
+}
+/**
+ * Componente de formulário de recuperação de senha, com suporte a:
+ * validação básica de email, exibição de mensagens de sucesso/erro,
+ * estado de carregamento no botão e customização visual via props ou tema.
+ *
+ * @param {React.ElementType<SvgIconProps>} [Icon] Ícone exibido no topo do formulário.
+ *
+ * @param {() => React.ReactElement} [titulo] Função que retorna o título do formulário.
+ *
+ * @param {() => React.ReactElement} [subTitulo] Função que retorna o subtítulo do formulário.
+ *
+ * @param {string} [textButton='Enviar'] Texto exibido no botão principal do formulário.
+ *
+ * @param {TypographyVariant} [variantButton='body1'] Variante tipográfica utilizada no texto do botão.
+ *
+ * @param {(email: string) => Promise<ClickResult>} onClick Callback executado ao submeter o formulário.
+ * Recebe o email digitado e deve retornar um objeto com sucesso e mensagem (e cor opcional).
+ *
+ * @param {React.ReactNode} [children] Conteúdo adicional renderizado abaixo do formulário.
+ *
+ * @param {string} [background] Cor de fundo do container principal do formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string | number} [borderRadius] Raio da borda do container principal.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.
+ *
+ * @param {string} [border] Borda do container principal.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.
+ *
+ * @param {string} [boxShadow] Sombra do container principal.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.
+ *
+ * @param {string} [maxWidth] Largura Máxima do container principal do formulário.
+ *
+ * @param {string} [backgroundField] Cor de fundo do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [colorField] Cor do texto do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [borderRadiusField] Raio da borda do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [boxShadowField] Sombra aplicada ao campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [borderColorField] Cor da borda do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [paddingField] Espaçamento interno do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [marginField] Margem externa do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [backgroundButton] Cor de fundo do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [backgroundHoverButton] Cor de fundo do botão ao passar o mouse.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [colorButton] Cor do texto do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [colorHoverButton] Cor do texto do botão ao passar o mouse.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [borderRadiusButton] Raio da borda do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [borderButton='none'] Borda do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [boxShadowButton] Sombra aplicada ao botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [widthButton='auto'] Largura do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [heightButton='auto'] Altura do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [paddingButton] Espaçamento interno do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [marginButton='0'] Margem externa do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @example
+ * ```tsx
+ * import { FormPasswordRecovery } from '@/components/FormPasswordRecovery';
+ * import LockResetIcon from '@mui/icons-material/LockReset';
+ *
+ * const Example = () => {
+ *   return (
+ *     <FormPasswordRecovery
+ *       Icon={LockResetIcon}
+ *       titulo={() => <h2>Recuperar senha</h2>}
+ *       subTitulo={() => <p>Informe seu email para receber as instruções.</p>}
+ *       textButton="Enviar link"
+ *       onClick={async (email) => {
+ *         if (email === 'teste@teste.com') {
+ *           return { success: true, message: 'Enviamos um link para seu email!' };
+ *         }
+ *         return { success: false, message: 'Email não encontrado.' };
+ *       }}
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const FormPasswordRecovery: React.FC<FormPasswordRecoveryProps>;
+export default FormPasswordRecovery;

package/dist/components/login/FormPasswordRecovery.js

@@ -0,0 +1,196 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { styled, useTheme } from '@mui/material/styles';
+import { Typography } from '@mui/material';
+import TextFieldValidate from '../TextFieldValidate';
+import { validateEmail, validateEmailMessage } from '../../utils/validateEmail';
+import { ButtonFormStyled } from '../style/ButtonFormStyled';
+import { DivTitulo, StyledRoot } from './StyleLogin';
+const FormContainer = styled('div')(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px',
+    width: '100%',
+    margin: 'auto',
+    padding: '0px',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));
+/**
+ * Componente de formulário de recuperação de senha, com suporte a:
+ * validação básica de email, exibição de mensagens de sucesso/erro,
+ * estado de carregamento no botão e customização visual via props ou tema.
+ *
+ * @param {React.ElementType<SvgIconProps>} [Icon] Ícone exibido no topo do formulário.
+ *
+ * @param {() => React.ReactElement} [titulo] Função que retorna o título do formulário.
+ *
+ * @param {() => React.ReactElement} [subTitulo] Função que retorna o subtítulo do formulário.
+ *
+ * @param {string} [textButton='Enviar'] Texto exibido no botão principal do formulário.
+ *
+ * @param {TypographyVariant} [variantButton='body1'] Variante tipográfica utilizada no texto do botão.
+ *
+ * @param {(email: string) => Promise<ClickResult>} onClick Callback executado ao submeter o formulário.
+ * Recebe o email digitado e deve retornar um objeto com sucesso e mensagem (e cor opcional).
+ *
+ * @param {React.ReactNode} [children] Conteúdo adicional renderizado abaixo do formulário.
+ *
+ * @param {string} [background] Cor de fundo do container principal do formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string | number} [borderRadius] Raio da borda do container principal.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.
+ *
+ * @param {string} [border] Borda do container principal.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.
+ *
+ * @param {string} [boxShadow] Sombra do container principal.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.
+ *
+ * @param {string} [maxWidth] Largura Máxima do container principal do formulário.
+ *
+ * @param {string} [backgroundField] Cor de fundo do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [colorField] Cor do texto do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [borderRadiusField] Raio da borda do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [boxShadowField] Sombra aplicada ao campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [borderColorField] Cor da borda do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [paddingField] Espaçamento interno do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [marginField] Margem externa do campo de email.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [backgroundButton] Cor de fundo do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [backgroundHoverButton] Cor de fundo do botão ao passar o mouse.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [colorButton] Cor do texto do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [colorHoverButton] Cor do texto do botão ao passar o mouse.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [borderRadiusButton] Raio da borda do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [borderButton='none'] Borda do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [boxShadowButton] Sombra aplicada ao botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [widthButton='auto'] Largura do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [heightButton='auto'] Altura do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [paddingButton] Espaçamento interno do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [marginButton='0'] Margem externa do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @example
+ * ```tsx
+ * import { FormPasswordRecovery } from '@/components/FormPasswordRecovery';
+ * import LockResetIcon from '@mui/icons-material/LockReset';
+ *
+ * const Example = () => {
+ *   return (
+ *     <FormPasswordRecovery
+ *       Icon={LockResetIcon}
+ *       titulo={() => <h2>Recuperar senha</h2>}
+ *       subTitulo={() => <p>Informe seu email para receber as instruções.</p>}
+ *       textButton="Enviar link"
+ *       onClick={async (email) => {
+ *         if (email === 'teste@teste.com') {
+ *           return { success: true, message: 'Enviamos um link para seu email!' };
+ *         }
+ *         return { success: false, message: 'Email não encontrado.' };
+ *       }}
+ *     />
+ *   );
+ * };
+ * ```
+ */
+const FormPasswordRecovery = ({ Icon, titulo, subTitulo, background, borderRadius, border, boxShadow, maxWidth, backgroundField, colorField, borderRadiusField, boxShadowField, borderColorField, paddingField, marginField, textButton = 'Enviar', variantButton = 'body1', backgroundButton, backgroundHoverButton, colorButton, colorHoverButton, borderRadiusButton, borderButton = 'none', boxShadowButton, widthButton = 'auto', heightButton = 'auto', paddingButton, marginButton = '0', onClick, children, }) => {
+    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;
+    const theme = useTheme();
+    const color_message_sucess = theme.palette.success.main;
+    const color_message_erro = theme.palette.error.main;
+    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';
+    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';
+    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';
+    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';
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    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;
+    const [mensagemApi, setMensagemApi] = useState('');
+    const [corMensagemApi, setCorMensagemApi] = useState(color_message_erro);
+    const [email, setEmail] = useState('');
+    const [isLoading, setIsLoading] = useState(false);
+    const handleClick = async (e) => {
+        var _a, _b, _c;
+        e.preventDefault();
+        if (!validateEmail(email)) {
+            setCorMensagemApi(color_message_erro);
+            setMensagemApi('Alguns dos dados fornecidos estão inválidos. Por favor, revise as informações preenchidas e corrija os campos destacados.');
+            return;
+        }
+        setIsLoading(true);
+        setMensagemApi('');
+        try {
+            const result = await onClick(email);
+            setMensagemApi(result.message);
+            if (result === null || result === void 0 ? void 0 : result.success) {
+                setCorMensagemApi((_a = result.color) !== null && _a !== void 0 ? _a : color_message_sucess);
+                setMensagemApi(result.message);
+            }
+            else {
+                setCorMensagemApi((_b = result.color) !== null && _b !== void 0 ? _b : color_message_erro);
+                setMensagemApi((_c = result === null || result === void 0 ? void 0 : result.message) !== null && _c !== void 0 ? _c : 'Falha ao realizar a operação.');
+            }
+        }
+        catch (_d) {
+            // Mesmo obrigando a mensagem vir do onSubmit, exceções podem acontecer (rede, throw etc.)
+            // Aqui escolhi exibir uma mensagem mínima interna para não deixar a UI muda.
+            setCorMensagemApi(color_message_erro);
+            setMensagemApi('Ocorreu um erro inesperado. Tente novamente.');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    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(), subTitulo && subTitulo()] })), _jsxs(FormContainer, { children: [_jsx(TextFieldValidate, { id: "email", label: "Email", placeholder: "Email", background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, margin: mgField, value: email, onChange: (e) => setEmail(e.target.value), required: true, requiredMessage: "email obrigat\u00F3rio", validate: validateEmailMessage, showErrorOn: "blur" }), _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 }) }), mensagemApi && (_jsx(Typography, { variant: "body1", component: "span", color: corMensagemApi, children: mensagemApi }))] }), children] }));
+};
+FormPasswordRecovery.displayName = 'FormPasswordRecovery';
+export default FormPasswordRecovery;
+//# sourceMappingURL=FormPasswordRecovery.js.map

package/dist/components/login/FormPasswordRecovery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPasswordRecovery.js","sourceRoot":"","sources":["../../../src/components/login/FormPasswordRecovery.tsx"],"names":[],"mappings":"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"}

package/dist/components/login/FormSignUp.d.ts

@@ -0,0 +1,147 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+import { ButtonProps } from '../../types/ButtonProps';
+import { FieldProps } from '@/types/FieldProps';
+import { BorderProps, ColorProps, LayoutProps } from '@pipelinesolucoes/theme';
+import { ClickResult } from './ClickResult';
+export interface FormSignUpProps extends ColorProps, BorderProps, ButtonProps, FieldProps, LayoutProps {
+    Icon?: React.ElementType<SvgIconProps>;
+    titulo?: () => React.ReactElement;
+    googleButton: () => React.ReactElement;
+    colorLink?: string;
+    divider?: string;
+    urlLogin: string;
+    children?: React.ReactNode;
+    patternPassword?: RegExp;
+    patternPasswordMessage?: string;
+    onClick?: (data: {
+        email: string;
+        password: string;
+    }) => Promise<ClickResult> | ClickResult;
+}
+/**
+ * Componente de formulário de cadastro (Sign Up) completo, com suporte a:
+ * criação de conta via email/senha, confirmação de senha, botão de cadastro social,
+ * validação básica de campos, exibição de mensagens de sucesso/erro
+ * e ampla customização visual via props ou tema.
+ *
+ * @param {string} urlLogin URL para a página de login (usuário já possui conta).
+ *
+ * @param {React.ElementType<SvgIconProps>} [Icon] Ícone exibido no topo do formulário.
+ *
+ * @param {() => React.ReactElement} [titulo] Função que retorna o título do formulário.
+ *
+ * @param {() => React.ReactElement} googleButton Função que renderiza o botão de cadastro social.
+ *
+ * @param {(data: { email: string; password: string }) => Promise<ClickResult> | ClickResult} [onClick]
+ * Callback executado ao submeter o formulário. Deve retornar um objeto com sucesso, mensagem e cor opcional.
+ *
+ * @param {React.ReactNode} [children] Conteúdo adicional renderizado abaixo do formulário.
+ *
+ * @param {string} [background] Cor de fundo do container principal do formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string | number} [borderRadius] Raio da borda do container principal.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string} [border] Borda do container principal.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string} [boxShadow] Sombra do container principal.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.
+ *
+ * @param {string} [maxWidth] Largura Máxima do container principal do formulário.
+ *
+ * @param {string} [backgroundField] Cor de fundo dos campos de formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [colorField] Cor do texto dos campos de formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [borderRadiusField] Raio da borda dos campos.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [boxShadowField] Sombra aplicada aos campos.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [borderColorField] Cor da borda dos campos.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [paddingField] Espaçamento interno dos campos.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string | number} [marginField] Margem externa dos campos.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.field.
+ *
+ * @param {string} [textButton='Enviar'] Texto exibido no botão principal.
+ *
+ * @param {TypographyVariant} [variantButton='body1'] Variante tipográfica utilizada no texto do botão.
+ *
+ * @param {string} [backgroundButton] Cor de fundo do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [backgroundHoverButton] Cor de fundo do botão ao passar o mouse.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [colorButton] Cor do texto do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [colorHoverButton] Cor do texto do botão ao passar o mouse.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [borderRadiusButton] Raio da borda do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [borderButton='none'] Borda do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [boxShadowButton] Sombra aplicada ao botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [widthButton='auto'] Largura do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [heightButton='auto'] Altura do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [paddingButton] Espaçamento interno do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string | number} [marginButton='0'] Margem externa do botão.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [colorLink] Cor do link de redirecionamento para login.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {string} [divider] Cor do divisor visual entre login social e formulário.
+ * Opcional. Caso não seja informado, será utilizada a configuração definida no theme.pipelinesolucoes.forms.login.button.
+ *
+ * @param {RegExp} [passwordPattern=/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^A-Za-z0-9]).{8,}$/] Regex para validar formato da senha válida.
+ *
+ * @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.
+ *
+ * @example
+ * ```tsx
+ * import { FormSignUp } from '@/components/FormSignUp';
+ * import AccountCircleIcon from '@mui/icons-material/AccountCircle';
+ *
+ * const Example = () => {
+ *   return (
+ *     <FormSignUp
+ *       urlLogin="/login"
+ *       Icon={AccountCircleIcon}
+ *       titulo={() => <h2>Criar conta</h2>}
+ *       googleButton={() => <button>Cadastrar com Google</button>}
+ *       onClick={async ({ email, password }) => {
+ *         if (email && password) {
+ *           return { success: true, message: 'Conta criada com sucesso!' };
+ *         }
+ *         return { success: false, message: 'Erro ao criar conta.' };
+ *       }}
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const FormSignUp: React.FC<FormSignUpProps>;
+export default FormSignUp;