mitre-form-component 2.0.0 → 2.1.0

package/README.md

@@ -74,6 +74,8 @@ const products = JSON.parse(process.env.VITE_PRODUCT_ID!);
   // idProdutoTerceiro={produto.idTerceiro}  //[Opcional, quando canal !== "form"]
   // idEmpreendimento={produto.id}  //[Opcional, quando canal !== "form"]
   // naoCriarEvento={false}  //[Opcional] Override do default (que é true em chat/whatsapp).
+  onSuccess={(requestBody, leadId) => console.log('Formulário enviado com sucesso!', requestBody, leadId)}  //[Opcional] Callback de sucesso, útil para tracking
+  onError={(error) => console.error('Erro ao enviar formulário:', error)}  //[Opcional] Callback de erro
 />;
 ```
 
@@ -148,6 +150,8 @@ O `MitreFormComponent` aceita as seguintes props:
 - **`idProdutoTerceiro`** (opcional, `string | number`): Repassado no body do POST `/leads` e no `virtual_obj` (modo chat) quando `canal !== "form"`.
 - **`idEmpreendimento`** (opcional, `string | number`): Repassado no body do POST `/leads` e no `virtual_obj` (modo chat) quando `canal !== "form"`.
 - **`naoCriarEvento`** (opcional, boolean): Se `true`, envia `naoCriarEvento: true` no body do POST `/leads` (e no `virtual_obj` no modo chat) para instruir o CRM a não criar evento associado ao lead. **Default automático:** `true` quando `canal === "chat"` ou `canal === "whatsapp"` (paridade com o fluxo antigo do `atendimento.html`); `false` quando `canal === "form"`. Passe `false` explicitamente para forçar a criação do evento mesmo em chat/whatsapp.
+- **`onSuccess`** (opcional, função): Callback executado quando o POST `/leads` retorna sucesso, em qualquer canal. Recebe `(requestBody, leadId)`. Útil para tracking (GTM, Analytics), redirect customizado ou logging. O componente continua exibindo a UI de sucesso (mensagem em `canal=form`, modal em `canal=whatsapp`/`canal=chat`) independente do callback.
+- **`onError`** (opcional, função): Callback executado quando o POST `/leads` falha. Recebe `Error`. Útil para tracking de erro (Sentry, Datadog, GTM). O componente continua exibindo a UI de erro independente do callback.
 
 ---
 
@@ -208,7 +212,7 @@ import { MitreFormComponent, PreferenciaContato } from "mitre-form-component";
 
 ## 🌐 Ambiente
 
-A partir da v1.0, o componente gerencia internamente `apiUrl`, `apiToken`, `whatsappPhone` e `chatUrl`. A landing **não passa mais essas props** — apenas escolhe o ambiente:
+A partir da v2.0, o componente gerencia internamente `apiUrl`, `apiToken`, `whatsappPhone` e `chatUrl`. A landing **não passa mais essas props** — apenas escolhe o ambiente:
 
 ```tsx
 <MitreFormComponent products={products} ambiente="prod" />  // produção

package/dist/index.cjs

@@ -1480,7 +1480,9 @@ var MitreFormComponent = import_react8.default.forwardRef(({
   showPreferenciaContato = false,
   idProdutoTerceiro,
   idEmpreendimento,
-  naoCriarEvento
+  naoCriarEvento,
+  onSuccess,
+  onError
 }, ref) => {
   useMontserratFont();
   const [loading, setIsLoading] = (0, import_react8.useState)(false);
@@ -1658,6 +1660,7 @@ var MitreFormComponent = import_react8.default.forwardRef(({
       const responseData = await response.json();
       const leadId = responseData.leadId || responseData.id || "";
       resetForm();
+      onSuccess?.(requestBody, leadId);
       if (canal === "whatsapp") {
         setActionModal({
           kind: "success",
@@ -1683,11 +1686,13 @@ var MitreFormComponent = import_react8.default.forwardRef(({
         setSuccessMessage("Mensagem enviada com sucesso!");
       }
     } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Erro desconhecido");
       if (canal === "whatsapp" || canal === "chat") {
         setActionModal({ kind: "error" });
       } else {
         handleError(err);
       }
+      onError?.(error2);
     } finally {
       setIsLoading(false);
     }