mitre-form-component 2.1.0 → 2.2.1

package/dist/index.js

@@ -909,112 +909,185 @@ var slideIn = keyframes2`
   to { opacity: 1; transform: translateY(0) scale(1); }
 `;
 var Overlay = styled6.div`
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.55);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 9999;
-  padding: 1rem;
-  animation: ${fadeIn2} 0.18s ease-out;
+  && {
+    position: fixed !important;
+    inset: 0 !important;
+    top: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    background: rgba(0, 0, 0, 0.55) !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    z-index: 9999 !important;
+    padding: 1rem !important;
+    margin: 0 !important;
+    box-sizing: border-box !important;
+    animation: ${fadeIn2} 0.18s ease-out;
+  }
 `;
 var accentStyles = {
   success: css5`
-    color: ${theme.colors.green2};
+    color: ${theme.colors.green2} !important;
   `,
   error: css5`
-    color: ${theme.colors.red};
+    color: ${theme.colors.red} !important;
   `
 };
 var Container = styled6.div`
-  position: relative;
-  background: ${theme.colors.white};
-  border-radius: 0.75rem;
-  box-shadow: ${theme.shadows.shadow500};
-  max-width: 420px;
-  width: 100%;
-  padding: 1.75rem 1.5rem 1.25rem;
-  font-family: ${theme.fonts.primary};
-  animation: ${slideIn} 0.22s ease-out;
+  && {
+    position: relative !important;
+    background: ${theme.colors.white} !important;
+    border: none !important;
+    border-radius: 0.75rem !important;
+    box-shadow: ${theme.shadows.shadow500} !important;
+    max-width: 420px !important;
+    width: 100% !important;
+    padding: 1.75rem 1.5rem 1.25rem !important;
+    margin: 0 !important;
+    box-sizing: border-box !important;
+    font-family: ${theme.fonts.primary} !important;
+    animation: ${slideIn} 0.22s ease-out;
+  }
 
-  &::before {
-    content: "";
-    display: block;
-    width: 56px;
-    height: 4px;
-    border-radius: 999px;
-    margin: 0 auto 1rem;
-    background: ${({ $type }) => $type === "success" ? theme.colors.green2 : theme.colors.red};
+  &&::before {
+    content: "" !important;
+    display: block !important;
+    width: 56px !important;
+    height: 4px !important;
+    border-radius: 999px !important;
+    margin: 0 auto 1rem !important;
+    padding: 0 !important;
+    background: ${({ $type }) => $type === "success" ? theme.colors.green2 : theme.colors.red} !important;
   }
 
-  h2 {
-    margin: 0 0 0.5rem;
-    font-size: 1.25rem;
-    font-weight: 700;
-    text-align: center;
+  && h2 {
+    margin: 0 0 0.5rem !important;
+    padding: 0 !important;
+    font-family: ${theme.fonts.primary} !important;
+    font-size: 1.25rem !important;
+    font-weight: 700 !important;
+    line-height: 1.3 !important;
+    text-align: center !important;
     ${({ $type }) => accentStyles[$type]}
   }
 
-  p {
-    margin: 0 0 1.5rem;
-    font-size: 0.95rem;
-    line-height: 1.45;
-    text-align: center;
-    color: ${theme.colors.black};
+  && p {
+    margin: 0 0 1.5rem !important;
+    padding: 0 !important;
+    font-family: ${theme.fonts.primary} !important;
+    font-size: 0.95rem !important;
+    font-weight: 400 !important;
+    line-height: 1.45 !important;
+    text-align: center !important;
+    color: ${theme.colors.black} !important;
   }
 `;
 var CloseButton = styled6.button`
-  position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  color: ${theme.colors.gray550};
-  padding: 0.25rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 999px;
-  transition: background 0.15s, color 0.15s;
+  && {
+    position: absolute !important;
+    top: 0.5rem !important;
+    right: 0.5rem !important;
+    background: transparent !important;
+    border: none !important;
+    cursor: pointer !important;
+    color: ${theme.colors.gray550} !important;
+    padding: 0.25rem !important;
+    margin: 0 !important;
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    border-radius: 999px !important;
+    box-sizing: border-box !important;
+    transition: background 0.15s, color 0.15s;
+  }
 
-  &:hover {
-    background: ${theme.colors.gray300};
-    color: ${theme.colors.black};
+  &&:hover {
+    background: ${theme.colors.gray300} !important;
+    color: ${theme.colors.black} !important;
   }
 
-  svg {
-    width: 1.1rem;
-    height: 1.1rem;
+  && svg {
+    width: 1.1rem !important;
+    height: 1.1rem !important;
   }
 `;
 var PrimaryButton = styled6.button`
-  display: block;
-  width: 100%;
-  padding: 0.75rem 1rem;
-  border: none;
-  border-radius: 0.5rem;
-  background: ${({ $bgColor }) => $bgColor || theme.colors.yellow500};
-  color: ${({ $textColor }) => $textColor || theme.colors.black};
-  font-family: ${theme.fonts.primary};
-  font-size: 1rem;
-  font-weight: 700;
-  cursor: pointer;
-  transition: filter 0.15s;
+  && {
+    display: block !important;
+    width: 100% !important;
+    padding: 0.75rem 1rem !important;
+    margin: 0 !important;
+    border: none !important;
+    border-radius: 0.5rem !important;
+    background: ${({ $bgColor }) => $bgColor || theme.colors.yellow500} !important;
+    color: ${({ $textColor }) => $textColor || theme.colors.black} !important;
+    font-family: ${theme.fonts.primary} !important;
+    font-size: 1rem !important;
+    font-weight: 700 !important;
+    line-height: 1.2 !important;
+    text-align: center !important;
+    cursor: pointer !important;
+    box-sizing: border-box !important;
+    transition: filter 0.15s;
+  }
 
-  &:hover {
-    filter: brightness(0.95);
+  &&:hover {
+    filter: brightness(0.95) !important;
+  }
+
+  &&:focus-visible {
+    outline: 2px solid ${theme.colors.yellow400} !important;
+    outline-offset: 2px !important;
+  }
+`;
+var SecondaryText = styled6.p`
+  && {
+    margin: 2.25rem 0 0.75rem !important;
+    padding: 0 !important;
+    font-family: ${theme.fonts.primary} !important;
+    font-size: 0.85rem !important;
+    font-weight: 400 !important;
+    font-style: italic !important;
+    line-height: 1.4 !important;
+    text-align: center !important;
+    color: ${theme.colors.gray550} !important;
+  }
+`;
+var SecondaryButton = styled6.button`
+  && {
+    display: block !important;
+    width: 100% !important;
+    padding: 0.65rem 1rem !important;
+    margin: 0 !important;
+    border: 1px solid ${({ $bgColor }) => $bgColor || theme.colors.yellow500} !important;
+    border-radius: 0.5rem !important;
+    background: transparent !important;
+    color: ${({ $bgColor }) => $bgColor || theme.colors.black} !important;
+    font-family: ${theme.fonts.primary} !important;
+    font-size: 0.95rem !important;
+    font-weight: 600 !important;
+    line-height: 1.2 !important;
+    text-align: center !important;
+    cursor: pointer !important;
+    box-sizing: border-box !important;
+    transition: background 0.15s, color 0.15s;
+  }
+
+  &&:hover {
+    background: ${({ $bgColor }) => $bgColor || theme.colors.yellow500} !important;
+    color: ${({ $textColor }) => $textColor || theme.colors.black} !important;
   }
 
-  &:focus-visible {
-    outline: 2px solid ${theme.colors.yellow400};
-    outline-offset: 2px;
+  &&:focus-visible {
+    outline: 2px solid ${theme.colors.yellow400} !important;
+    outline-offset: 2px !important;
   }
 `;
 
 // src/components/Modal/index.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var Modal = ({
   type,
   title,
@@ -1023,7 +1096,10 @@ var Modal = ({
   onPrimaryAction,
   onClose,
   primaryButtonBgColor,
-  primaryButtonTextColor
+  primaryButtonTextColor,
+  secondaryText,
+  secondaryButtonText,
+  onSecondaryAction
 }) => {
   const primaryButtonRef = useRef(null);
   useEffect3(() => {
@@ -1043,6 +1119,7 @@ var Modal = ({
       onClose();
     }
   };
+  const hasSecondaryAction = secondaryButtonText !== void 0 && onSecondaryAction !== void 0;
   return /* @__PURE__ */ jsx4(Overlay, { onClick: handleOverlayClick, role: "dialog", "aria-modal": "true", "aria-label": title, children: /* @__PURE__ */ jsxs4(Container, { $type: type, children: [
     /* @__PURE__ */ jsx4(CloseButton, { onClick: onClose, "aria-label": "Fechar", children: /* @__PURE__ */ jsx4(HiX2, {}) }),
     /* @__PURE__ */ jsx4("h2", { children: title }),
@@ -1057,7 +1134,20 @@ var Modal = ({
         type: "button",
         children: primaryButtonText
       }
-    )
+    ),
+    hasSecondaryAction && /* @__PURE__ */ jsxs4(Fragment, { children: [
+      secondaryText && /* @__PURE__ */ jsx4(SecondaryText, { children: secondaryText }),
+      /* @__PURE__ */ jsx4(
+        SecondaryButton,
+        {
+          onClick: onSecondaryAction,
+          $bgColor: primaryButtonBgColor,
+          $textColor: primaryButtonTextColor,
+          type: "button",
+          children: secondaryButtonText
+        }
+      )
+    ] })
   ] }) });
 };
 
@@ -1354,19 +1444,19 @@ var ENVIRONMENTS = {
     chatUrl: "https://crm.mitrerealty.com.br/wcc/UserLoginSubmit.do"
   }
 };
-var resolveEnvironment = (ambiente = "homol") => {
-  return ENVIRONMENTS[ambiente] ?? null;
+var resolveEnvironment = (environment = "homol") => {
+  return ENVIRONMENTS[environment] ?? null;
 };
 
 // src/components/Form/index.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var phoneUtil = PhoneNumberUtil.getInstance();
-var PreferenciaContato = /* @__PURE__ */ ((PreferenciaContato2) => {
-  PreferenciaContato2["Whatsapp"] = "Whatsapp";
-  PreferenciaContato2["Email"] = "Email";
-  PreferenciaContato2["Ligacao"] = "Liga\xE7\xE3o";
-  return PreferenciaContato2;
-})(PreferenciaContato || {});
+var ContactPreference = /* @__PURE__ */ ((ContactPreference2) => {
+  ContactPreference2["Whatsapp"] = "Whatsapp";
+  ContactPreference2["Email"] = "Email";
+  ContactPreference2["Ligacao"] = "Liga\xE7\xE3o";
+  return ContactPreference2;
+})(ContactPreference || {});
 var WHATSAPP_MESSAGE = "Ol\xE1! Tenho interesse e gostaria de mais informa\xE7\xF5es.";
 var WHATSAPP_TITLE = "Fale com um corretor por WhatsApp";
 var WHATSAPP_SUBTITLE = "Informe seus dados para contato.";
@@ -1378,10 +1468,13 @@ var MODAL_ERROR_TITLE = "N\xE3o foi poss\xEDvel completar seu contato";
 var MODAL_ERROR_MESSAGE = "Por favor, tente novamente em alguns instantes.";
 var MODAL_ERROR_BUTTON_TEXT = "OK";
 var MODAL_SUCCESS_TITLE = "Cadastro realizado!";
-var MODAL_SUCCESS_MESSAGE_WHATSAPP = "Clique abaixo para continuar pelo WhatsApp.";
+var MODAL_SUCCESS_AUTO_REDIRECT_WHATSAPP = "Voc\xEA est\xE1 sendo redirecionado automaticamente para o WhatsApp.";
+var MODAL_SUCCESS_AUTO_REDIRECT_CHAT = "Voc\xEA est\xE1 sendo redirecionado automaticamente para iniciar o atendimento via chat.";
+var MODAL_SUCCESS_OK_BUTTON_TEXT = "OK";
+var MODAL_SUCCESS_FALLBACK_INSTRUCTION = "Caso n\xE3o tenha sido direcionado automaticamente, clique no bot\xE3o abaixo para abrir a aplica\xE7\xE3o:";
 var MODAL_SUCCESS_BUTTON_WHATSAPP = "Abrir WhatsApp";
-var MODAL_SUCCESS_MESSAGE_CHAT = "Clique abaixo para iniciar o atendimento.";
 var MODAL_SUCCESS_BUTTON_CHAT = "Iniciar atendimento";
+var REDIRECT_DELAY_MS = 0;
 function buildWhatsappUrl(phone) {
   const digits = phone.replace(/\D/g, "");
   const text = encodeURIComponent(WHATSAPP_MESSAGE);
@@ -1401,6 +1494,46 @@ function submitChatInNewTab(chatUrl, virtualObj) {
   form.submit();
   document.body.removeChild(form);
 }
+function isTabAlive(tab) {
+  return tab !== null && !tab.closed;
+}
+function writeStatusHtmlToTab(tab, phase, channel) {
+  try {
+    const destinationLabel = channel === "whatsapp" ? "WhatsApp" : "atendimento";
+    const isSuccess = phase === "success";
+    const headline = isSuccess ? "Cadastro realizado!" : "Aguarde...";
+    const message = isSuccess ? `Abrindo o ${destinationLabel} em instantes...` : "Estamos registrando seu cadastro...";
+    const headlineColor = isSuccess ? "#2DCE68" : "#535353";
+    const indicator = isSuccess ? '<div class="check" aria-hidden="true"></div>' : '<div class="spinner" aria-hidden="true"></div>';
+    tab.document.open();
+    tab.document.write(
+      `<!DOCTYPE html><html lang="pt-br"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>${headline}</title><style>html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#FFF;color:#2F2F2F;}body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;}.box{text-align:center;max-width:360px;}.logo{width:140px;max-width:60%;height:auto;margin:0 auto 1.5rem;display:block;}.spinner{width:40px;height:40px;margin:0 auto 1.25rem;border:4px solid #EBEBEB;border-top-color:#2DCE68;border-radius:50%;animation:spin .9s linear infinite;}.check{width:52px;height:52px;margin:0 auto 1.25rem;border-radius:50%;background:#2DCE68;position:relative;animation:pop .25s ease-out;}.check::after{content:"";position:absolute;top:14px;left:19px;width:10px;height:20px;border:solid #FFF;border-width:0 4px 4px 0;transform:rotate(45deg);}.headline{font-size:1.35rem;font-weight:700;color:${headlineColor};margin:0 0 0.5rem;}.msg{font-size:.95rem;line-height:1.4;color:#535353;margin:0;}@keyframes spin{to{transform:rotate(360deg);}}@keyframes pop{from{transform:scale(0.6);opacity:0;}to{transform:scale(1);opacity:1;}}</style></head><body><div class="box"><img class="logo" src="https://portal.mitrerealty.com.br/Clientes/assets/images/mitre.svg" alt="Mitre Realty" onerror="this.style.display='none'"/>` + indicator + `<div class="headline">${headline}</div><div class="msg">${message}</div></div></body></html>`
+    );
+    tab.document.close();
+  } catch {
+  }
+}
+function escapeHtmlAttr(value) {
+  return value.replace(/&/g, "&amp;").replace(/'/g, "&#39;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function navigateTabToWhatsapp(tab, targetUrl) {
+  try {
+    tab.location.href = targetUrl;
+  } catch {
+  }
+}
+function submitChatInPreOpenedTab(tab, chatUrl, virtualObj) {
+  try {
+    const escapedJson = escapeHtmlAttr(JSON.stringify(virtualObj));
+    const escapedUrl = escapeHtmlAttr(chatUrl);
+    tab.document.open();
+    tab.document.write(
+      `<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Abrindo atendimento...</title></head><body><form id="f" method="POST" action="${escapedUrl}"><input type="hidden" name="virtual_obj" value="${escapedJson}"/></form><script>document.getElementById('f').submit();</script></body></html>`
+    );
+    tab.document.close();
+  } catch {
+  }
+}
 var isPhoneValid = (phone) => {
   try {
     return phoneUtil.isValidNumber(phoneUtil.parseAndKeepRawInput(phone));
@@ -1432,8 +1565,8 @@ var schemaWithProduct = yup.object().shape({
 var schema = yup.object().shape(baseSchema);
 var MitreFormComponent = React2.forwardRef(({
   products,
-  ambiente = "homol",
-  canal = "form",
+  environment = "homol",
+  channel = "form",
   showHeader = true,
   title = "Atendimento por mensagem",
   subtitle = "Informe seus dados e retornaremos a mensagem.",
@@ -1447,7 +1580,7 @@ var MitreFormComponent = React2.forwardRef(({
   inputFocusBorderColor = theme.colors.yellow500,
   inputPlaceholderColor = theme.colors.gray100,
   inputTextColor = theme.colors.black,
-  showPreferenciaContato = false,
+  showContactPreference = false,
   idProdutoTerceiro,
   idEmpreendimento,
   naoCriarEvento,
@@ -1485,53 +1618,53 @@ var MitreFormComponent = React2.forwardRef(({
     }
     return null;
   };
-  const env = resolveEnvironment(ambiente);
-  const validateAmbienteConfig = () => {
+  const env = resolveEnvironment(environment);
+  const validateEnvironmentConfig = () => {
     if (!env) {
-      return `ambiente='${ambiente}' n\xE3o \xE9 reconhecido. Use 'homol' ou 'prod'.`;
+      return `environment='${environment}' n\xE3o \xE9 reconhecido. Use 'homol' ou 'prod'.`;
     }
     if (!env.apiUrl || !env.apiToken) {
-      return `Configura\xE7\xE3o interna do ambiente '${ambiente}' est\xE1 incompleta (apiUrl/apiToken).`;
+      return `Configura\xE7\xE3o interna do environment '${environment}' est\xE1 incompleta (apiUrl/apiToken).`;
     }
     return null;
   };
   const validateWhatsappConfig = () => {
-    if (canal !== "whatsapp") return null;
+    if (channel !== "whatsapp") return null;
     if (!env) return null;
     const raw = env.whatsappPhone?.trim() ?? "";
     if (!raw) {
-      return `canal='whatsapp' exige whatsappPhone no ambiente '${ambiente}'.`;
+      return `channel='whatsapp' exige whatsappPhone no environment '${environment}'.`;
     }
     const normalized = raw.startsWith("+") ? raw : `+${raw}`;
     if (!isPhoneValid(normalized)) {
-      return `whatsappPhone do ambiente '${ambiente}' \xE9 inv\xE1lido (${JSON.stringify(env.whatsappPhone)}).`;
+      return `whatsappPhone do environment '${environment}' \xE9 inv\xE1lido (${JSON.stringify(env.whatsappPhone)}).`;
     }
     return null;
   };
   const validateChatConfig = () => {
-    if (canal !== "chat") return null;
+    if (channel !== "chat") return null;
     if (!env) return null;
     const raw = env.chatUrl?.trim() ?? "";
     if (!raw) {
-      return `canal='chat' exige chatUrl no ambiente '${ambiente}'.`;
+      return `channel='chat' exige chatUrl no environment '${environment}'.`;
     }
     try {
       const parsed = new URL(raw);
       if (parsed.protocol !== "http:" && parsed.protocol !== "https:") {
-        return `chatUrl do ambiente '${ambiente}' precisa ter protocolo http(s) (recebido: ${JSON.stringify(env.chatUrl)}).`;
+        return `chatUrl do environment '${environment}' precisa ter protocolo http(s) (recebido: ${JSON.stringify(env.chatUrl)}).`;
       }
     } catch {
-      return `chatUrl do ambiente '${ambiente}' n\xE3o \xE9 URL absoluta v\xE1lida (recebido: ${JSON.stringify(env.chatUrl)}).`;
+      return `chatUrl do environment '${environment}' n\xE3o \xE9 URL absoluta v\xE1lida (recebido: ${JSON.stringify(env.chatUrl)}).`;
     }
     return null;
   };
   const productsValidationError = validateProducts();
-  const ambienteConfigError = validateAmbienteConfig();
+  const environmentConfigError = validateEnvironmentConfig();
   const whatsappConfigError = validateWhatsappConfig();
   const chatConfigError = validateChatConfig();
-  const effectiveShowPreferenciaContato = canal === "whatsapp" || canal === "chat" ? false : showPreferenciaContato;
-  const effectiveTitle = canal === "whatsapp" ? WHATSAPP_TITLE : canal === "chat" ? CHAT_TITLE : title;
-  const effectiveSubtitle = canal === "whatsapp" ? WHATSAPP_SUBTITLE : canal === "chat" ? CHAT_SUBTITLE : subtitle;
+  const effectiveShowContactPreference = channel === "whatsapp" || channel === "chat" ? false : showContactPreference;
+  const effectiveTitle = channel === "whatsapp" ? WHATSAPP_TITLE : channel === "chat" ? CHAT_TITLE : title;
+  const effectiveSubtitle = channel === "whatsapp" ? WHATSAPP_SUBTITLE : channel === "chat" ? CHAT_SUBTITLE : subtitle;
   const [utm, setUtm] = useState3({ utm_source: "direto", createdAt: (/* @__PURE__ */ new Date()).toISOString() });
   const formSchema = products && products.length > 1 ? schemaWithProduct : schema;
   const { control, register, handleSubmit, formState: { errors }, reset, clearErrors } = useForm({
@@ -1571,10 +1704,11 @@ var MitreFormComponent = React2.forwardRef(({
     const phoneDigitsOnly = phoneValue?.replace(/\D/g, "") || "";
     const message = "Gostaria de mais informa\xE7\xF5es sobre o produto";
     setActionModal(null);
+    let preOpenedTab = null;
     try {
       setIsLoading(true);
       if (!env) {
-        throw new Error("Ambiente n\xE3o resolvido");
+        throw new Error("Environment n\xE3o resolvido");
       }
       if (!products || products.length === 0) {
         throw new Error("Par\xE2metros obrigat\xF3rios n\xE3o informados");
@@ -1593,7 +1727,7 @@ var MitreFormComponent = React2.forwardRef(({
         selectedProduct = foundProduct;
       }
       const paginaAtual = typeof window !== "undefined" ? window.location.href : void 0;
-      const naoCriarEventoEfetivo = canal !== "form" && (naoCriarEvento ?? true);
+      const naoCriarEventoEfetivo = channel !== "form" && (naoCriarEvento ?? true);
       const requestBody = {
         name,
         email,
@@ -1604,9 +1738,9 @@ var MitreFormComponent = React2.forwardRef(({
         utm_campaign: utm.utm_campaign,
         utm_medium: utm.utm_medium,
         utm_term: utm.utm_term,
-        ...canal === "whatsapp" ? { preferencia_contato: "Whatsapp" /* Whatsapp */ } : effectiveShowPreferenciaContato && preferencia_contato ? { preferencia_contato } : {},
-        ...canal !== "form" ? {
-          canal,
+        ...channel === "whatsapp" ? { preferencia_contato: "Whatsapp" /* Whatsapp */ } : effectiveShowContactPreference && preferencia_contato ? { preferencia_contato } : {},
+        ...channel !== "form" ? {
+          channel,
           ...paginaAtual ? { pagina: paginaAtual } : {},
           // Paridade com atendimento.html legado: o mesmo <form id="chat-form">
           // era usado para chat e whatsapp, portanto is_chat=true ia em ambos.
@@ -1616,6 +1750,12 @@ var MitreFormComponent = React2.forwardRef(({
           ...naoCriarEventoEfetivo ? { naoCriarEvento: true } : {}
         } : {}
       };
+      if (channel !== "form" && typeof window !== "undefined") {
+        preOpenedTab = window.open("about:blank", "_blank");
+        if (isTabAlive(preOpenedTab)) {
+          writeStatusHtmlToTab(preOpenedTab, "processing", channel);
+        }
+      }
       const response = await fetch(`${env.apiUrl}/leads`, {
         method: "POST",
         headers: {
@@ -1631,13 +1771,23 @@ var MitreFormComponent = React2.forwardRef(({
       const leadId = responseData.leadId || responseData.id || "";
       resetForm();
       onSuccess?.(requestBody, leadId);
-      if (canal === "whatsapp") {
+      if (channel === "whatsapp") {
+        const targetUrl = buildWhatsappUrl(env.whatsappPhone);
         setActionModal({
           kind: "success",
-          canal: "whatsapp",
-          targetUrl: buildWhatsappUrl(env.whatsappPhone)
+          channel: "whatsapp",
+          targetUrl
         });
-      } else if (canal === "chat") {
+        if (isTabAlive(preOpenedTab)) {
+          writeStatusHtmlToTab(preOpenedTab, "success", "whatsapp");
+          const tabToNavigate = preOpenedTab;
+          setTimeout(() => {
+            if (isTabAlive(tabToNavigate)) {
+              navigateTabToWhatsapp(tabToNavigate, targetUrl);
+            }
+          }, REDIRECT_DELAY_MS);
+        }
+      } else if (channel === "chat") {
         const virtualObj = {
           ...requestBody,
           externalOriginId: leadId,
@@ -1648,16 +1798,29 @@ var MitreFormComponent = React2.forwardRef(({
         };
         setActionModal({
           kind: "success",
-          canal: "chat",
+          channel: "chat",
           chatUrl: env.chatUrl,
           virtualObj
         });
+        if (isTabAlive(preOpenedTab)) {
+          writeStatusHtmlToTab(preOpenedTab, "success", "chat");
+          const tabToSubmit = preOpenedTab;
+          const chatUrlSnapshot = env.chatUrl;
+          setTimeout(() => {
+            if (isTabAlive(tabToSubmit)) {
+              submitChatInPreOpenedTab(tabToSubmit, chatUrlSnapshot, virtualObj);
+            }
+          }, REDIRECT_DELAY_MS);
+        }
       } else {
         setSuccessMessage("Mensagem enviada com sucesso!");
       }
     } catch (err) {
+      if (isTabAlive(preOpenedTab)) {
+        preOpenedTab.close();
+      }
       const error2 = err instanceof Error ? err : new Error("Erro desconhecido");
-      if (canal === "whatsapp" || canal === "chat") {
+      if (channel === "whatsapp" || channel === "chat") {
         setActionModal({ kind: "error" });
       } else {
         handleError(err);
@@ -1667,25 +1830,25 @@ var MitreFormComponent = React2.forwardRef(({
       setIsLoading(false);
     }
   };
-  if (productsValidationError || ambienteConfigError || whatsappConfigError || chatConfigError) {
+  if (productsValidationError || environmentConfigError || whatsappConfigError || chatConfigError) {
     if (productsValidationError) {
       console.error("Erro na valida\xE7\xE3o dos produtos:", productsValidationError);
     }
-    if (ambienteConfigError) {
-      console.error("Erro na valida\xE7\xE3o do ambiente:", ambienteConfigError);
+    if (environmentConfigError) {
+      console.error("Erro na valida\xE7\xE3o do environment:", environmentConfigError);
     }
     if (whatsappConfigError) {
-      console.error("Erro na valida\xE7\xE3o do canal whatsapp:", whatsappConfigError);
+      console.error("Erro na valida\xE7\xE3o do channel whatsapp:", whatsappConfigError);
     }
     if (chatConfigError) {
-      console.error("Erro na valida\xE7\xE3o do canal chat:", chatConfigError);
+      console.error("Erro na valida\xE7\xE3o do channel chat:", chatConfigError);
     }
     return /* @__PURE__ */ jsx7(FormContainer, { $backgroundColor: backgroundColor, $innerPadding: innerPadding, ref, children: /* @__PURE__ */ jsxs7(HeaderContainer, { children: [
       /* @__PURE__ */ jsx7(Title, { $textColor: textColor, children: "Erro no carregamento do formul\xE1rio!" }),
       /* @__PURE__ */ jsx7(Subtitle, { $textColor: textColor, children: "N\xE3o foi poss\xEDvel carregar o formul\xE1rio. Tente novamente mais tarde." })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs7(Fragment, { children: [
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
     error && /* @__PURE__ */ jsx7(
       Alert,
       {
@@ -1719,36 +1882,42 @@ var MitreFormComponent = React2.forwardRef(({
         primaryButtonTextColor: buttonTextColor
       }
     ),
-    actionModal?.kind === "success" && actionModal.canal === "whatsapp" && /* @__PURE__ */ jsx7(
+    actionModal?.kind === "success" && actionModal.channel === "whatsapp" && /* @__PURE__ */ jsx7(
       Modal,
       {
         type: "success",
         title: MODAL_SUCCESS_TITLE,
-        message: MODAL_SUCCESS_MESSAGE_WHATSAPP,
-        primaryButtonText: MODAL_SUCCESS_BUTTON_WHATSAPP,
-        onPrimaryAction: () => {
-          window.open(actionModal.targetUrl, "_blank", "noopener,noreferrer");
-          setActionModal(null);
-        },
+        message: MODAL_SUCCESS_AUTO_REDIRECT_WHATSAPP,
+        primaryButtonText: MODAL_SUCCESS_OK_BUTTON_TEXT,
+        onPrimaryAction: () => setActionModal(null),
         onClose: () => setActionModal(null),
         primaryButtonBgColor: buttonBackgroundColor,
-        primaryButtonTextColor: buttonTextColor
+        primaryButtonTextColor: buttonTextColor,
+        secondaryText: MODAL_SUCCESS_FALLBACK_INSTRUCTION,
+        secondaryButtonText: MODAL_SUCCESS_BUTTON_WHATSAPP,
+        onSecondaryAction: () => {
+          window.open(actionModal.targetUrl, "_blank", "noopener,noreferrer");
+          setActionModal(null);
+        }
       }
     ),
-    actionModal?.kind === "success" && actionModal.canal === "chat" && /* @__PURE__ */ jsx7(
+    actionModal?.kind === "success" && actionModal.channel === "chat" && /* @__PURE__ */ jsx7(
       Modal,
       {
         type: "success",
         title: MODAL_SUCCESS_TITLE,
-        message: MODAL_SUCCESS_MESSAGE_CHAT,
-        primaryButtonText: MODAL_SUCCESS_BUTTON_CHAT,
-        onPrimaryAction: () => {
-          submitChatInNewTab(actionModal.chatUrl, actionModal.virtualObj);
-          setActionModal(null);
-        },
+        message: MODAL_SUCCESS_AUTO_REDIRECT_CHAT,
+        primaryButtonText: MODAL_SUCCESS_OK_BUTTON_TEXT,
+        onPrimaryAction: () => setActionModal(null),
         onClose: () => setActionModal(null),
         primaryButtonBgColor: buttonBackgroundColor,
-        primaryButtonTextColor: buttonTextColor
+        primaryButtonTextColor: buttonTextColor,
+        secondaryText: MODAL_SUCCESS_FALLBACK_INSTRUCTION,
+        secondaryButtonText: MODAL_SUCCESS_BUTTON_CHAT,
+        onSecondaryAction: () => {
+          submitChatInNewTab(actionModal.chatUrl, actionModal.virtualObj);
+          setActionModal(null);
+        }
       }
     ),
     /* @__PURE__ */ jsxs7(FormContainer, { $backgroundColor: backgroundColor, $innerPadding: innerPadding, ref, children: [
@@ -1843,7 +2012,7 @@ var MitreFormComponent = React2.forwardRef(({
           },
           formKey
         ),
-        effectiveShowPreferenciaContato && /* @__PURE__ */ jsxs7(FormControl, { isInvalid: !!errors.preferencia_contato, children: [
+        effectiveShowContactPreference && /* @__PURE__ */ jsxs7(FormControl, { isInvalid: !!errors.preferencia_contato, children: [
           /* @__PURE__ */ jsx7(FormLabel, { htmlFor: "preferencia_contato", $textColor: textColor, children: "Prefer\xEAncia de Contato" }),
           /* @__PURE__ */ jsxs7(
             Select,
@@ -1857,14 +2026,14 @@ var MitreFormComponent = React2.forwardRef(({
               $textColor: inputTextColor,
               children: [
                 /* @__PURE__ */ jsx7("option", { value: "", disabled: true, children: "Selecione uma op\xE7\xE3o" }),
-                Object.values(PreferenciaContato).map((op) => /* @__PURE__ */ jsx7("option", { value: op, children: op }, op))
+                Object.values(ContactPreference).map((op) => /* @__PURE__ */ jsx7("option", { value: op, children: op }, op))
               ]
             }
           ),
           errors.preferencia_contato && /* @__PURE__ */ jsx7(FormErrorMessage, { children: errors.preferencia_contato.message })
         ] }),
         /* @__PURE__ */ jsx7("h6", { children: "* Campos de preenchimento obrigat\xF3rio." }),
-        /* @__PURE__ */ jsx7(ButtonContainer, { children: /* @__PURE__ */ jsx7(Button2, { bgColor: buttonBackgroundColor, color: buttonTextColor, type: "submit", isSubmitting: loading, children: canal === "whatsapp" ? WHATSAPP_BUTTON_TEXT : canal === "chat" ? CHAT_BUTTON_TEXT : "Enviar mensagem" }) }),
+        /* @__PURE__ */ jsx7(ButtonContainer, { children: /* @__PURE__ */ jsx7(Button2, { bgColor: buttonBackgroundColor, color: buttonTextColor, type: "submit", isSubmitting: loading, children: channel === "whatsapp" ? WHATSAPP_BUTTON_TEXT : channel === "chat" ? CHAT_BUTTON_TEXT : "Enviar mensagem" }) }),
         /* @__PURE__ */ jsxs7("p", { children: [
           "A Mitre Realty respeita a sua privacidade e utiliza os seus dados pessoais para contat\xE1-lo por e-mail ou telefone aqui registrados. Para saber mais, acesse a nossa",
           " ",
@@ -1890,7 +2059,7 @@ var MitreFormComponent = React2.forwardRef(({
 MitreFormComponent.displayName = "MitreFormComponent";
 var Form_default = MitreFormComponent;
 export {
-  Form_default as MitreFormComponent,
-  PreferenciaContato
+  ContactPreference,
+  Form_default as MitreFormComponent
 };
 //# sourceMappingURL=index.js.map