@pipelinesolucoes/form 1.2.0-beta.31 → 1.2.0-beta.33

package/README.md

@@ -14,14 +14,9 @@ A biblioteca inclui os seguintes componentes:
   Componente de botão que redireciona o usuário para um endpoint externo (ex: autenticação com Google). 
   Durante o clique, o botão entra em estado de loading e, caso ocorra algum erro, exibe uma mensagem abaixo do botão.
 
-- **FormLogin**
-  Componente de formulário de login com suporte a autenticação via Google e login por email/senha.
-  Inclui validação básica de email, exibição de mensagens de erro/sucesso retornadas pelo handler `onClick` e 
-  customização visual via props (container, campos, botão e links).
-
-- **FormPasswordRecovery**
-  Componente de formulário para recuperação de senha via e-mail.
-  Faz a validação do e-mail, dispara um `onSubmit` assíncrono (obrigatório) e exibe a mensagem retornada.    
+- **FormMessage**
+  Componente de formulário para envio de mensagem.
+  Faz a validação do e-mail, telefone e exibe a mensagem retornada.    
 
 - **TextFieldPassword**
   Componente de campo de senha baseado no TextField do Material UI, com botão para alternar entre mostrar/ocultar a senha. 

package/dist/components/FormMessage.d.ts

@@ -0,0 +1,268 @@
+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 '../types/ClickResult';
+export interface FormMessageProps extends ColorProps, BorderProps, ButtonProps, FieldProps, LayoutProps {
+    Icon?: React.ElementType<SvgIconProps>;
+    titulo?: () => React.ReactElement;
+    textButton?: string;
+    variantButton?: TypographyVariant;
+    rowsMessage?: number;
+    children?: React.ReactNode;
+    onClick?: (data: {
+        nome: string;
+        email: string;
+        telefone: string;
+        mensagem: string;
+    }) => Promise<ClickResult> | ClickResult;
+}
+/**
+ * Componente de formulário para envio de mensagem (contato), com campos controlados internamente
+ * (**nome**, **email**, **telefone** e **mensagem**) e submissão via callback assíncrono (`onClick`).
+ *
+ * Funcionalidades principais:
+ * - Renderiza campos de texto com validação (via `TextFieldValidate`) e feedback de erro ao usuário.
+ * - Validação local mínima para **email** antes de disparar o `onClick`.
+ * - Exibe mensagem de retorno (sucesso/erro) após execução do `onClick`, com cor configurável.
+ * - Suporta cabeçalho opcional com ícone (`Icon`) e título customizado (`titulo`).
+ * - Permite conteúdo adicional via `children` abaixo do feedback do formulário.
+ *
+ * Tokens de estilo (ordem de prioridade):
+ * - Container do formulário (`StyledRoot`):
+ *   - `background` → `theme.pipelinesolucoes.forms.background` → `'transparent'`
+ *   - `borderRadius` → `theme.pipelinesolucoes.forms.borderRadius` → `'0'`
+ *   - `border` → `theme.pipelinesolucoes.forms.border` → `'0'`
+ *   - `boxShadow` → `theme.pipelinesolucoes.forms.boxShadow` → `'none'`
+ *   - `maxWidth` → *(sem token de theme neste componente)* → *(comportamento do styled component)*
+ * - Campos (`TextFieldValidate`), aplicados igualmente a todos os campos:
+ *   - `backgroundField` → `theme.pipelinesolucoes.forms.field.background` → `undefined`
+ *   - `colorField` → `theme.pipelinesolucoes.forms.field.color` → `undefined`
+ *   - `borderRadiusField` → `theme.pipelinesolucoes.forms.field.borderRadius` → `undefined`
+ *   - `boxShadowField` → `theme.pipelinesolucoes.forms.field.boxShadow` → `undefined`
+ *   - `borderColorField` → `theme.pipelinesolucoes.forms.field.borderColor` → `undefined`
+ *   - `paddingField` → `theme.pipelinesolucoes.forms.field.padding` → `undefined`
+ *   - `marginField` → `theme.pipelinesolucoes.forms.field.margin` → `undefined`
+ *   - `heightField` → `theme.pipelinesolucoes.forms.field.height` → `undefined`
+ * - Botão (`ButtonFormStyled`):
+ *   - `backgroundButton` → `theme.pipelinesolucoes.forms.button.background` → `undefined`
+ *   - `backgroundHoverButton` → `theme.pipelinesolucoes.forms.button.backgroundHover` → `undefined`
+ *   - `colorButton` → `theme.pipelinesolucoes.forms.button.color` → `undefined`
+ *   - `colorHoverButton` → `theme.pipelinesolucoes.forms.button.colorHover` → `undefined`
+ *   - `borderRadiusButton` → `theme.pipelinesolucoes.forms.button.borderRadius` → `undefined`
+ *   - `boxShadowButton` → `theme.pipelinesolucoes.forms.button.boxShadow` → `undefined`
+ *   - `paddingButton` → `theme.pipelinesolucoes.forms.button.padding` → `undefined`
+ *   - `borderButton` → *(prop do componente)* → `'none'`
+ *   - `widthButton` → *(prop do componente)* → `'auto'`
+ *   - `heightButton` → *(prop do componente)* → `'auto'`
+ *   - `marginButton` → *(prop do componente)* → `'0'`
+ *
+ * Tipografia:
+ * - O texto do botão é renderizado com `Typography` do Material UI.
+ * - Ordem de prioridade:
+ *   - `variantButton` → *(fallback interno)* `'body1'`
+ * - Observação: `variantButton` aceita qualquer `TypographyVariant` compatível com o theme do Material UI.
+ *
+ * @param {import('@mui/material/styles').TypographyVariant} [variantButton]
+ * Variante tipográfica do texto do botão (`Typography variant`).
+ * Ordem: `variantButton` → `'body1'`.
+ *
+ * @param {string} [textButton]
+ * Texto exibido no botão quando não está carregando.
+ * Padrão: `'Enviar'`.
+ *
+ * @param {number} [rowsMessage]
+ * Número de linhas do campo **Mensagem** quando `multiline` está ativo.
+ * Padrão: `5`.
+ *
+ * @param {React.ElementType<import('@mui/material').SvgIconProps>} [Icon]
+ * Componente de ícone (ex.: `EmailOutlined`, `ChatOutlined`) renderizado no cabeçalho do formulário.
+ * Renderizado apenas quando fornecido.
+ *
+ * @param {() => React.ReactElement} [titulo]
+ * Função que retorna o elemento React usado como título no cabeçalho do formulário.
+ * Renderizado apenas quando fornecido.
+ *
+ * @param {React.ReactNode} [children]
+ * Conteúdo adicional renderizado ao final do componente (abaixo da mensagem de feedback da API).
+ *
+ * @param {(data: { nome: string; email: string; telefone: string; mensagem: string; }) => (Promise<import('../types/ClickResult').ClickResult> | import('../types/ClickResult').ClickResult)} [onClick]
+ * Callback acionado ao clicar no botão (submissão). Recebe os valores atuais dos campos do formulário.
+ * - Se ausente, o componente exibe a mensagem: **"Nenhuma ação foi configurada para o botão."**
+ * - Se retornar `{ success: true }`, exibe `message` com cor `color` (ou `theme.palette.success.main` como fallback).
+ * - Se retornar `{ success: false }`, exibe `message` com cor `color` (ou `theme.palette.error.main` como fallback).
+ * - Em exceção (`throw`), exibe: **"Erro inesperado ao processar a solicitação."** com `theme.palette.error.main`.
+ *
+ * Estilo / Aparência:
+ * @param {import('@pipelinesolucoes/theme').ColorProps['background']} [background]
+ * Background do container do formulário.
+ * Ordem: `background` → `theme.pipelinesolucoes.forms.background` → `'transparent'`.
+ *
+ * @param {import('@pipelinesolucoes/theme').BorderProps['borderRadius']} [borderRadius]
+ * Raio de borda do container do formulário.
+ * Ordem: `borderRadius` → `theme.pipelinesolucoes.forms.borderRadius` → `'0'`.
+ *
+ * @param {import('@pipelinesolucoes/theme').BorderProps['border']} [border]
+ * Borda do container do formulário.
+ * Ordem: `border` → `theme.pipelinesolucoes.forms.border` → `'0'`.
+ *
+ * @param {import('@pipelinesolucoes/theme').LayoutProps['boxShadow']} [boxShadow]
+ * Sombra do container do formulário.
+ * Ordem: `boxShadow` → `theme.pipelinesolucoes.forms.boxShadow` → `'none'`.
+ *
+ * @param {import('@pipelinesolucoes/theme').LayoutProps['maxWidth']} [maxWidth]
+ * Largura máxima do container do formulário. *(Sem token de theme aplicado diretamente neste componente.)*
+ *
+ * @param {import('@/types/FieldProps').FieldProps['backgroundField']} [backgroundField]
+ * Background aplicado aos campos (`TextFieldValidate`).
+ * Ordem: `backgroundField` → `theme.pipelinesolucoes.forms.field.background` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['colorField']} [colorField]
+ * Cor do texto aplicada aos campos (`TextFieldValidate`).
+ * Ordem: `colorField` → `theme.pipelinesolucoes.forms.field.color` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['borderRadiusField']} [borderRadiusField]
+ * Raio de borda aplicado aos campos (`TextFieldValidate`).
+ * Ordem: `borderRadiusField` → `theme.pipelinesolucoes.forms.field.borderRadius` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['boxShadowField']} [boxShadowField]
+ * Sombra aplicada aos campos (`TextFieldValidate`).
+ * Ordem: `boxShadowField` → `theme.pipelinesolucoes.forms.field.boxShadow` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['borderColorField']} [borderColorField]
+ * Cor da borda aplicada aos campos (`TextFieldValidate`).
+ * Ordem: `borderColorField` → `theme.pipelinesolucoes.forms.field.borderColor` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['paddingField']} [paddingField]
+ * Padding aplicado aos campos (`TextFieldValidate`).
+ * Ordem: `paddingField` → `theme.pipelinesolucoes.forms.field.padding` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['marginField']} [marginField]
+ * Margem aplicada aos campos (`TextFieldValidate`).
+ * Ordem: `marginField` → `theme.pipelinesolucoes.forms.field.margin` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['heightField']} [heightField]
+ * Altura aplicada aos campos (`TextFieldValidate`).
+ * Ordem: `heightField` → `theme.pipelinesolucoes.forms.field.height` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['backgroundButton']} [backgroundButton]
+ * Background do botão.
+ * Ordem: `backgroundButton` → `theme.pipelinesolucoes.forms.button.background` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['backgroundHoverButton']} [backgroundHoverButton]
+ * Background do botão em hover.
+ * Ordem: `backgroundHoverButton` → `theme.pipelinesolucoes.forms.button.backgroundHover` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['colorButton']} [colorButton]
+ * Cor do texto do botão.
+ * Ordem: `colorButton` → `theme.pipelinesolucoes.forms.button.color` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['colorHoverButton']} [colorHoverButton]
+ * Cor do texto do botão em hover.
+ * Ordem: `colorHoverButton` → `theme.pipelinesolucoes.forms.button.colorHover` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['borderRadiusButton']} [borderRadiusButton]
+ * Raio de borda do botão.
+ * Ordem: `borderRadiusButton` → `theme.pipelinesolucoes.forms.button.borderRadius` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['borderButton']} [borderButton]
+ * Borda do botão.
+ * Ordem: `borderButton` → `'none'`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['boxShadowButton']} [boxShadowButton]
+ * Sombra do botão.
+ * Ordem: `boxShadowButton` → `theme.pipelinesolucoes.forms.button.boxShadow` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['widthButton']} [widthButton]
+ * Largura do botão.
+ * Ordem: `widthButton` → `'auto'`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['heightButton']} [heightButton]
+ * Altura do botão.
+ * Ordem: `heightButton` → `'auto'`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['paddingButton']} [paddingButton]
+ * Padding do botão.
+ * Ordem: `paddingButton` → `theme.pipelinesolucoes.forms.button.padding` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['marginButton']} [marginButton]
+ * Margem do botão.
+ * Ordem: `marginButton` → `'0'`.
+ *
+ * Validação:
+ * - Email: validação local por regex simples (`/\S+@\S+\.\S+/`) antes de executar `onClick`.
+ * - Campos: cada `TextFieldValidate` recebe `required` e `showErrorOn="blur"`, além de validações específicas:
+ *   - `validateEmailMessage` para email.
+ *   - `validateTelefoneMessage` para telefone.
+ *
+ * Eventos:
+ * - Clique no botão: dispara `handleClick`, que:
+ *   - Prevê `preventDefault()` no evento de formulário.
+ *   - Bloqueia envio se email inválido e exibe mensagem padrão de erro.
+ *   - Desabilita o botão enquanto `isLoading` estiver `true`, exibindo "Enviando...".
+ *
+ * @example
+ * ```tsx
+ * import FormMessage from './FormMessage';
+ * import EmailOutlined from '@mui/icons-material/EmailOutlined';
+ *
+ * export function Contato() {
+ *   return (
+ *     <FormMessage
+ *       Icon={EmailOutlined}
+ *       titulo={() => <strong>Fale conosco</strong>}
+ *       textButton="Enviar mensagem"
+ *       variantButton="body2"
+ *       rowsMessage={6}
+ *       onClick={async ({ nome, email, telefone, mensagem }) => {
+ *         // Exemplo: chamada de API
+ *         const ok = Boolean(nome && email && telefone && mensagem);
+ *         return ok
+ *           ? { success: true, message: 'Mensagem enviada com sucesso!' }
+ *           : { success: false, message: 'Não foi possível enviar a mensagem.' };
+ *       }}
+ *     >
+ *       <small>Responderemos em até 1 dia útil.</small>
+ *     </FormMessage>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```ts
+ * // Exemplo de configuração no theme (Pipeline)
+ * const theme = {
+ *   pipelinesolucoes: {
+ *     forms: {
+ *       background: 'transparent',
+ *       borderRadius: '8px',
+ *       border: '1px solid rgba(0,0,0,0.12)',
+ *       boxShadow: 'none',
+ *       field: {
+ *         background: '#fff',
+ *         color: '#111',
+ *         borderRadius: '8px',
+ *         borderColor: 'rgba(0,0,0,0.23)',
+ *         boxShadow: 'none',
+ *         padding: '12px',
+ *         margin: '0 0 12px 0',
+ *         height: '48px',
+ *       },
+ *       button: {
+ *         background: '#111',
+ *         backgroundHover: '#222',
+ *         color: '#fff',
+ *         colorHover: '#fff',
+ *         borderRadius: '8px',
+ *         boxShadow: 'none',
+ *         padding: '12px 16px',
+ *       },
+ *     },
+ *   },
+ * };
+ * ```
+ */
+declare const FormMessage: React.FC<FormMessageProps>;
+export default FormMessage;

package/dist/components/FormMessage.js

@@ -0,0 +1,333 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useTheme } from '@mui/material/styles';
+import { Typography } from '@mui/material';
+import { ButtonFormStyled } from '../style/ButtonFormStyled';
+import { validateEmailMessage } from '../utils/validateEmail';
+import TextFieldValidate from './TextFieldValidate';
+import { DivTitulo, FormContainer, StyledRoot } from './StyleForm';
+import { validateTelefoneMessage } from '../utils/validateTelefone';
+/**
+ * Componente de formulário para envio de mensagem (contato), com campos controlados internamente
+ * (**nome**, **email**, **telefone** e **mensagem**) e submissão via callback assíncrono (`onClick`).
+ *
+ * Funcionalidades principais:
+ * - Renderiza campos de texto com validação (via `TextFieldValidate`) e feedback de erro ao usuário.
+ * - Validação local mínima para **email** antes de disparar o `onClick`.
+ * - Exibe mensagem de retorno (sucesso/erro) após execução do `onClick`, com cor configurável.
+ * - Suporta cabeçalho opcional com ícone (`Icon`) e título customizado (`titulo`).
+ * - Permite conteúdo adicional via `children` abaixo do feedback do formulário.
+ *
+ * Tokens de estilo (ordem de prioridade):
+ * - Container do formulário (`StyledRoot`):
+ *   - `background` → `theme.pipelinesolucoes.forms.background` → `'transparent'`
+ *   - `borderRadius` → `theme.pipelinesolucoes.forms.borderRadius` → `'0'`
+ *   - `border` → `theme.pipelinesolucoes.forms.border` → `'0'`
+ *   - `boxShadow` → `theme.pipelinesolucoes.forms.boxShadow` → `'none'`
+ *   - `maxWidth` → *(sem token de theme neste componente)* → *(comportamento do styled component)*
+ * - Campos (`TextFieldValidate`), aplicados igualmente a todos os campos:
+ *   - `backgroundField` → `theme.pipelinesolucoes.forms.field.background` → `undefined`
+ *   - `colorField` → `theme.pipelinesolucoes.forms.field.color` → `undefined`
+ *   - `borderRadiusField` → `theme.pipelinesolucoes.forms.field.borderRadius` → `undefined`
+ *   - `boxShadowField` → `theme.pipelinesolucoes.forms.field.boxShadow` → `undefined`
+ *   - `borderColorField` → `theme.pipelinesolucoes.forms.field.borderColor` → `undefined`
+ *   - `paddingField` → `theme.pipelinesolucoes.forms.field.padding` → `undefined`
+ *   - `marginField` → `theme.pipelinesolucoes.forms.field.margin` → `undefined`
+ *   - `heightField` → `theme.pipelinesolucoes.forms.field.height` → `undefined`
+ * - Botão (`ButtonFormStyled`):
+ *   - `backgroundButton` → `theme.pipelinesolucoes.forms.button.background` → `undefined`
+ *   - `backgroundHoverButton` → `theme.pipelinesolucoes.forms.button.backgroundHover` → `undefined`
+ *   - `colorButton` → `theme.pipelinesolucoes.forms.button.color` → `undefined`
+ *   - `colorHoverButton` → `theme.pipelinesolucoes.forms.button.colorHover` → `undefined`
+ *   - `borderRadiusButton` → `theme.pipelinesolucoes.forms.button.borderRadius` → `undefined`
+ *   - `boxShadowButton` → `theme.pipelinesolucoes.forms.button.boxShadow` → `undefined`
+ *   - `paddingButton` → `theme.pipelinesolucoes.forms.button.padding` → `undefined`
+ *   - `borderButton` → *(prop do componente)* → `'none'`
+ *   - `widthButton` → *(prop do componente)* → `'auto'`
+ *   - `heightButton` → *(prop do componente)* → `'auto'`
+ *   - `marginButton` → *(prop do componente)* → `'0'`
+ *
+ * Tipografia:
+ * - O texto do botão é renderizado com `Typography` do Material UI.
+ * - Ordem de prioridade:
+ *   - `variantButton` → *(fallback interno)* `'body1'`
+ * - Observação: `variantButton` aceita qualquer `TypographyVariant` compatível com o theme do Material UI.
+ *
+ * @param {import('@mui/material/styles').TypographyVariant} [variantButton]
+ * Variante tipográfica do texto do botão (`Typography variant`).
+ * Ordem: `variantButton` → `'body1'`.
+ *
+ * @param {string} [textButton]
+ * Texto exibido no botão quando não está carregando.
+ * Padrão: `'Enviar'`.
+ *
+ * @param {number} [rowsMessage]
+ * Número de linhas do campo **Mensagem** quando `multiline` está ativo.
+ * Padrão: `5`.
+ *
+ * @param {React.ElementType<import('@mui/material').SvgIconProps>} [Icon]
+ * Componente de ícone (ex.: `EmailOutlined`, `ChatOutlined`) renderizado no cabeçalho do formulário.
+ * Renderizado apenas quando fornecido.
+ *
+ * @param {() => React.ReactElement} [titulo]
+ * Função que retorna o elemento React usado como título no cabeçalho do formulário.
+ * Renderizado apenas quando fornecido.
+ *
+ * @param {React.ReactNode} [children]
+ * Conteúdo adicional renderizado ao final do componente (abaixo da mensagem de feedback da API).
+ *
+ * @param {(data: { nome: string; email: string; telefone: string; mensagem: string; }) => (Promise<import('../types/ClickResult').ClickResult> | import('../types/ClickResult').ClickResult)} [onClick]
+ * Callback acionado ao clicar no botão (submissão). Recebe os valores atuais dos campos do formulário.
+ * - Se ausente, o componente exibe a mensagem: **"Nenhuma ação foi configurada para o botão."**
+ * - Se retornar `{ success: true }`, exibe `message` com cor `color` (ou `theme.palette.success.main` como fallback).
+ * - Se retornar `{ success: false }`, exibe `message` com cor `color` (ou `theme.palette.error.main` como fallback).
+ * - Em exceção (`throw`), exibe: **"Erro inesperado ao processar a solicitação."** com `theme.palette.error.main`.
+ *
+ * Estilo / Aparência:
+ * @param {import('@pipelinesolucoes/theme').ColorProps['background']} [background]
+ * Background do container do formulário.
+ * Ordem: `background` → `theme.pipelinesolucoes.forms.background` → `'transparent'`.
+ *
+ * @param {import('@pipelinesolucoes/theme').BorderProps['borderRadius']} [borderRadius]
+ * Raio de borda do container do formulário.
+ * Ordem: `borderRadius` → `theme.pipelinesolucoes.forms.borderRadius` → `'0'`.
+ *
+ * @param {import('@pipelinesolucoes/theme').BorderProps['border']} [border]
+ * Borda do container do formulário.
+ * Ordem: `border` → `theme.pipelinesolucoes.forms.border` → `'0'`.
+ *
+ * @param {import('@pipelinesolucoes/theme').LayoutProps['boxShadow']} [boxShadow]
+ * Sombra do container do formulário.
+ * Ordem: `boxShadow` → `theme.pipelinesolucoes.forms.boxShadow` → `'none'`.
+ *
+ * @param {import('@pipelinesolucoes/theme').LayoutProps['maxWidth']} [maxWidth]
+ * Largura máxima do container do formulário. *(Sem token de theme aplicado diretamente neste componente.)*
+ *
+ * @param {import('@/types/FieldProps').FieldProps['backgroundField']} [backgroundField]
+ * Background aplicado aos campos (`TextFieldValidate`).
+ * Ordem: `backgroundField` → `theme.pipelinesolucoes.forms.field.background` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['colorField']} [colorField]
+ * Cor do texto aplicada aos campos (`TextFieldValidate`).
+ * Ordem: `colorField` → `theme.pipelinesolucoes.forms.field.color` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['borderRadiusField']} [borderRadiusField]
+ * Raio de borda aplicado aos campos (`TextFieldValidate`).
+ * Ordem: `borderRadiusField` → `theme.pipelinesolucoes.forms.field.borderRadius` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['boxShadowField']} [boxShadowField]
+ * Sombra aplicada aos campos (`TextFieldValidate`).
+ * Ordem: `boxShadowField` → `theme.pipelinesolucoes.forms.field.boxShadow` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['borderColorField']} [borderColorField]
+ * Cor da borda aplicada aos campos (`TextFieldValidate`).
+ * Ordem: `borderColorField` → `theme.pipelinesolucoes.forms.field.borderColor` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['paddingField']} [paddingField]
+ * Padding aplicado aos campos (`TextFieldValidate`).
+ * Ordem: `paddingField` → `theme.pipelinesolucoes.forms.field.padding` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['marginField']} [marginField]
+ * Margem aplicada aos campos (`TextFieldValidate`).
+ * Ordem: `marginField` → `theme.pipelinesolucoes.forms.field.margin` → `undefined`.
+ *
+ * @param {import('@/types/FieldProps').FieldProps['heightField']} [heightField]
+ * Altura aplicada aos campos (`TextFieldValidate`).
+ * Ordem: `heightField` → `theme.pipelinesolucoes.forms.field.height` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['backgroundButton']} [backgroundButton]
+ * Background do botão.
+ * Ordem: `backgroundButton` → `theme.pipelinesolucoes.forms.button.background` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['backgroundHoverButton']} [backgroundHoverButton]
+ * Background do botão em hover.
+ * Ordem: `backgroundHoverButton` → `theme.pipelinesolucoes.forms.button.backgroundHover` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['colorButton']} [colorButton]
+ * Cor do texto do botão.
+ * Ordem: `colorButton` → `theme.pipelinesolucoes.forms.button.color` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['colorHoverButton']} [colorHoverButton]
+ * Cor do texto do botão em hover.
+ * Ordem: `colorHoverButton` → `theme.pipelinesolucoes.forms.button.colorHover` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['borderRadiusButton']} [borderRadiusButton]
+ * Raio de borda do botão.
+ * Ordem: `borderRadiusButton` → `theme.pipelinesolucoes.forms.button.borderRadius` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['borderButton']} [borderButton]
+ * Borda do botão.
+ * Ordem: `borderButton` → `'none'`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['boxShadowButton']} [boxShadowButton]
+ * Sombra do botão.
+ * Ordem: `boxShadowButton` → `theme.pipelinesolucoes.forms.button.boxShadow` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['widthButton']} [widthButton]
+ * Largura do botão.
+ * Ordem: `widthButton` → `'auto'`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['heightButton']} [heightButton]
+ * Altura do botão.
+ * Ordem: `heightButton` → `'auto'`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['paddingButton']} [paddingButton]
+ * Padding do botão.
+ * Ordem: `paddingButton` → `theme.pipelinesolucoes.forms.button.padding` → `undefined`.
+ *
+ * @param {import('../types/ButtonProps').ButtonProps['marginButton']} [marginButton]
+ * Margem do botão.
+ * Ordem: `marginButton` → `'0'`.
+ *
+ * Validação:
+ * - Email: validação local por regex simples (`/\S+@\S+\.\S+/`) antes de executar `onClick`.
+ * - Campos: cada `TextFieldValidate` recebe `required` e `showErrorOn="blur"`, além de validações específicas:
+ *   - `validateEmailMessage` para email.
+ *   - `validateTelefoneMessage` para telefone.
+ *
+ * Eventos:
+ * - Clique no botão: dispara `handleClick`, que:
+ *   - Prevê `preventDefault()` no evento de formulário.
+ *   - Bloqueia envio se email inválido e exibe mensagem padrão de erro.
+ *   - Desabilita o botão enquanto `isLoading` estiver `true`, exibindo "Enviando...".
+ *
+ * @example
+ * ```tsx
+ * import FormMessage from './FormMessage';
+ * import EmailOutlined from '@mui/icons-material/EmailOutlined';
+ *
+ * export function Contato() {
+ *   return (
+ *     <FormMessage
+ *       Icon={EmailOutlined}
+ *       titulo={() => <strong>Fale conosco</strong>}
+ *       textButton="Enviar mensagem"
+ *       variantButton="body2"
+ *       rowsMessage={6}
+ *       onClick={async ({ nome, email, telefone, mensagem }) => {
+ *         // Exemplo: chamada de API
+ *         const ok = Boolean(nome && email && telefone && mensagem);
+ *         return ok
+ *           ? { success: true, message: 'Mensagem enviada com sucesso!' }
+ *           : { success: false, message: 'Não foi possível enviar a mensagem.' };
+ *       }}
+ *     >
+ *       <small>Responderemos em até 1 dia útil.</small>
+ *     </FormMessage>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```ts
+ * // Exemplo de configuração no theme (Pipeline)
+ * const theme = {
+ *   pipelinesolucoes: {
+ *     forms: {
+ *       background: 'transparent',
+ *       borderRadius: '8px',
+ *       border: '1px solid rgba(0,0,0,0.12)',
+ *       boxShadow: 'none',
+ *       field: {
+ *         background: '#fff',
+ *         color: '#111',
+ *         borderRadius: '8px',
+ *         borderColor: 'rgba(0,0,0,0.23)',
+ *         boxShadow: 'none',
+ *         padding: '12px',
+ *         margin: '0 0 12px 0',
+ *         height: '48px',
+ *       },
+ *       button: {
+ *         background: '#111',
+ *         backgroundHover: '#222',
+ *         color: '#fff',
+ *         colorHover: '#fff',
+ *         borderRadius: '8px',
+ *         boxShadow: 'none',
+ *         padding: '12px 16px',
+ *       },
+ *     },
+ *   },
+ * };
+ * ```
+ */
+const FormMessage = ({ Icon, titulo, 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', rowsMessage = 5, children, onClick, }) => {
+    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;
+    const theme = useTheme();
+    const color_message_sucess = theme.palette.success.main;
+    const color_message_erro = theme.palette.error.main;
+    const bContainer = (_c = background !== null && background !== void 0 ? background : (_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.background) !== null && _c !== void 0 ? _c : 'transparent';
+    const brContainer = (_f = borderRadius !== null && borderRadius !== void 0 ? borderRadius : (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _d === void 0 ? void 0 : _d.forms) === null || _e === void 0 ? void 0 : _e.borderRadius) !== null && _f !== void 0 ? _f : '0';
+    const bdContainer = (_j = border !== null && border !== void 0 ? border : (_h = (_g = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _g === void 0 ? void 0 : _g.forms) === null || _h === void 0 ? void 0 : _h.border) !== null && _j !== void 0 ? _j : '0';
+    const bsContainer = (_m = boxShadow !== null && boxShadow !== void 0 ? boxShadow : (_l = (_k = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _k === void 0 ? void 0 : _k.forms) === null || _l === void 0 ? void 0 : _l.boxShadow) !== null && _m !== void 0 ? _m : 'none';
+    const bField = (_r = backgroundField !== null && backgroundField !== void 0 ? backgroundField : (_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.field) === null || _q === void 0 ? void 0 : _q.background) !== null && _r !== void 0 ? _r : undefined;
+    const cField = (_v = colorField !== null && colorField !== void 0 ? colorField : (_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.field) === null || _u === void 0 ? void 0 : _u.color) !== null && _v !== void 0 ? _v : undefined;
+    const brField = (_z = borderRadiusField !== null && borderRadiusField !== void 0 ? borderRadiusField : (_y = (_x = (_w = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _w === void 0 ? void 0 : _w.forms) === null || _x === void 0 ? void 0 : _x.field) === null || _y === void 0 ? void 0 : _y.borderRadius) !== null && _z !== void 0 ? _z : undefined;
+    const bsField = (_3 = boxShadowField !== null && boxShadowField !== void 0 ? boxShadowField : (_2 = (_1 = (_0 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _0 === void 0 ? void 0 : _0.forms) === null || _1 === void 0 ? void 0 : _1.field) === null || _2 === void 0 ? void 0 : _2.boxShadow) !== null && _3 !== void 0 ? _3 : undefined;
+    const bcField = (_7 = borderColorField !== null && borderColorField !== void 0 ? borderColorField : (_6 = (_5 = (_4 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _4 === void 0 ? void 0 : _4.forms) === null || _5 === void 0 ? void 0 : _5.field) === null || _6 === void 0 ? void 0 : _6.borderColor) !== null && _7 !== void 0 ? _7 : undefined;
+    const pField = (_11 = paddingField !== null && paddingField !== void 0 ? paddingField : (_10 = (_9 = (_8 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _8 === void 0 ? void 0 : _8.forms) === null || _9 === void 0 ? void 0 : _9.field) === null || _10 === void 0 ? void 0 : _10.padding) !== null && _11 !== void 0 ? _11 : undefined;
+    const mgField = (_15 = marginField !== null && marginField !== void 0 ? marginField : (_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.field) === null || _14 === void 0 ? void 0 : _14.margin) !== null && _15 !== void 0 ? _15 : undefined;
+    const hgField = (_19 = heightField !== null && heightField !== void 0 ? heightField : (_18 = (_17 = (_16 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _16 === void 0 ? void 0 : _16.forms) === null || _17 === void 0 ? void 0 : _17.field) === null || _18 === void 0 ? void 0 : _18.height) !== null && _19 !== void 0 ? _19 : undefined;
+    const bgButton = (_23 = backgroundButton !== null && backgroundButton !== void 0 ? backgroundButton : (_22 = (_21 = (_20 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _20 === void 0 ? void 0 : _20.forms) === null || _21 === void 0 ? void 0 : _21.button) === null || _22 === void 0 ? void 0 : _22.background) !== null && _23 !== void 0 ? _23 : undefined;
+    const bgHoverButton = (_27 = backgroundHoverButton !== null && backgroundHoverButton !== void 0 ? backgroundHoverButton : (_26 = (_25 = (_24 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _24 === void 0 ? void 0 : _24.forms) === null || _25 === void 0 ? void 0 : _25.button) === null || _26 === void 0 ? void 0 : _26.backgroundHover) !== null && _27 !== void 0 ? _27 : undefined;
+    const cButton = (_31 = colorButton !== null && colorButton !== void 0 ? colorButton : (_30 = (_29 = (_28 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _28 === void 0 ? void 0 : _28.forms) === null || _29 === void 0 ? void 0 : _29.button) === null || _30 === void 0 ? void 0 : _30.color) !== null && _31 !== void 0 ? _31 : undefined;
+    const cHoverButton = (_35 = colorHoverButton !== null && colorHoverButton !== void 0 ? colorHoverButton : (_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.button) === null || _34 === void 0 ? void 0 : _34.colorHover) !== null && _35 !== void 0 ? _35 : undefined;
+    const brButton = (_39 = borderRadiusButton !== null && borderRadiusButton !== void 0 ? borderRadiusButton : (_38 = (_37 = (_36 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _36 === void 0 ? void 0 : _36.forms) === null || _37 === void 0 ? void 0 : _37.button) === null || _38 === void 0 ? void 0 : _38.borderRadius) !== null && _39 !== void 0 ? _39 : undefined;
+    const bsButton = (_43 = boxShadowButton !== null && boxShadowButton !== void 0 ? boxShadowButton : (_42 = (_41 = (_40 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _40 === void 0 ? void 0 : _40.forms) === null || _41 === void 0 ? void 0 : _41.button) === null || _42 === void 0 ? void 0 : _42.boxShadow) !== null && _43 !== void 0 ? _43 : undefined;
+    const pButton = (_47 = paddingButton !== null && paddingButton !== void 0 ? paddingButton : (_46 = (_45 = (_44 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _44 === void 0 ? void 0 : _44.forms) === null || _45 === void 0 ? void 0 : _45.button) === null || _46 === void 0 ? void 0 : _46.padding) !== null && _47 !== void 0 ? _47 : undefined;
+    const [mensagemApi, setMensagemApi] = useState('');
+    const [corMensagemApi, setCorMensagemApi] = useState(color_message_erro);
+    const [nome, setNome] = useState('');
+    const [email, setEmail] = useState('');
+    const [telefone, setTelefone] = useState('');
+    const [mensagem, setMensagem] = useState('');
+    const [errors, setErrors] = useState({});
+    const [isLoading, setIsLoading] = useState(false);
+    const validateEmail = (value) => /\S+@\S+\.\S+/.test(value);
+    const handleClick = async (e) => {
+        var _a, _b, _c;
+        e.preventDefault();
+        // validação local básica (mantém o comportamento atual)
+        const newErrors = {
+            email: !validateEmail(email),
+        };
+        setErrors(newErrors);
+        const hasErrors = Object.values(newErrors).some(Boolean);
+        if (hasErrors) {
+            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 {
+            if (!onClick) {
+                // Se o pai não passou handler, mantém feedback amigável
+                setCorMensagemApi(color_message_erro);
+                setMensagemApi('Nenhuma ação foi configurada para o botão.');
+                return;
+            }
+            const result = await onClick({ nome, email, telefone, mensagem });
+            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 (err) {
+            setCorMensagemApi(color_message_erro);
+            setMensagemApi('Erro inesperado ao processar a solicitação.');
+        }
+        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()] })), _jsxs(FormContainer, { children: [_jsx(TextFieldValidate, { id: "nome", label: "Nome", placeholder: "Nome", value: nome, onChange: (e) => setNome(e.target.value), required: true, requiredMessage: "nome obrigat\u00F3rio", showErrorOn: "blur", height: hgField, background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, margin: mgField }), _jsx(TextFieldValidate, { id: "email", label: "Email", placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value), required: true, requiredMessage: "email obrigat\u00F3rio", validate: validateEmailMessage, showErrorOn: "blur", height: hgField, background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, margin: mgField }), _jsx(TextFieldValidate, { id: "telefone", label: "Telefone", placeholder: "Telefone", value: telefone, onChange: (e) => setTelefone(e.target.value), required: true, requiredMessage: "telefone obrigat\u00F3rio", validate: validateTelefoneMessage, showErrorOn: "blur", height: hgField, background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, margin: mgField }), _jsx(TextFieldValidate, { id: "mensagem", label: "Mensagem", placeholder: "Mensagem", value: mensagem, onChange: (e) => setMensagem(e.target.value), required: true, requiredMessage: "mensagem obrigat\u00F3ria", multiline: true, rows: rowsMessage, showErrorOn: "blur", height: hgField, background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, margin: mgField }), _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: "body2", sx: { color: corMensagemApi }, children: mensagemApi })), children] }));
+};
+export default FormMessage;
+//# sourceMappingURL=FormMessage.js.map

package/dist/components/FormMessage.js.map

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