mitre-form-component 0.1.3 → 2.0.0

package/dist/index.cjs

@@ -30,12 +30,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  MitreFormComponent: () => Form_default
+  MitreFormComponent: () => Form_default,
+  PreferenciaContato: () => PreferenciaContato
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/components/Form/index.tsx
-var import_react7 = __toESM(require("react"), 1);
+var import_react8 = __toESM(require("react"), 1);
 
 // src/components/hooks/useError.ts
 var import_react = require("react");
@@ -336,6 +337,92 @@ var Subtitle = import_styled_components.default.p`
   color: ${(props) => props.$textColor || theme.colors.black};
 `;
 
+// src/components/ProductSelect/styles.ts
+var import_styled_components2 = __toESM(require("styled-components"), 1);
+var FormLabel = import_styled_components2.default.label`
+  font-family: ${theme.fonts.primary};
+  font-style: normal;
+  font-weight: 500;
+  font-size: 1rem;
+  color: ${(props) => props.$textColor || theme.colors.black};
+  display: block;
+  margin-bottom: 0.5rem;
+  text-align: left;
+`;
+var Select = import_styled_components2.default.select`
+  font-family: ${theme.fonts.primary};
+  font-style: normal;
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  background: ${(props) => props.$backgroundColor || theme.colors.white};
+  color: ${(props) => props.$textColor || theme.colors.black};
+  padding: 0.5rem 3rem 0.5rem 0.5rem; /* Aumentado padding-right para 3rem */
+  border-radius: 0.125rem;
+  border: 1px solid ${(props) => props.$borderColor || theme.colors.transparent};
+  display: block;
+  height: 3.125rem;
+  width: 100%;
+  cursor: pointer;
+  
+  /* Remover a seta padrão do navegador */
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  
+  /* Adicionar seta personalizada maior */
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right 1rem center; /* Posicionado a 1rem da direita */
+  background-size: 1.25rem; /* Tamanho da seta aumentado para 1.25rem */
+
+  &:focus {
+    border-radius: 0.125rem;
+    border: 2px solid ${(props) => props.$focusBorderColor || theme.colors.yellow500};
+    outline: none;
+  }
+
+  /* Estilo para option disabled (placeholder) */
+  option:disabled {
+    color: ${theme.colors.gray100};
+    font-weight: 800;
+  }
+
+  /* Estilo para options normais */
+  option:not(:disabled) {
+    color: ${(props) => props.$textColor || theme.colors.black};
+    font-weight: 500;
+  }
+`;
+var FormErrorMessage = import_styled_components2.default.small`
+  font-size: 0.75rem;
+  line-height: 1.125rem;
+  color: ${theme.colors.red};
+  margin-top: 0.25rem;
+  display: block;
+`;
+var FormControl = import_styled_components2.default.div.withConfig({
+  shouldForwardProp: (prop) => !["isInvalid"].includes(prop)
+})`
+  ${FormLabel} {
+    ${(props) => props.isInvalid && import_styled_components2.css`
+        color: ${theme.colors.red};
+      `};
+  }
+
+  ${Select} {
+    ${(props) => props.isInvalid && import_styled_components2.css`
+        border: 1px solid ${theme.colors.red};
+      `};
+
+    &:focus {
+      ${(props) => props.isInvalid && import_styled_components2.css`
+          border: 1px solid ${theme.colors.red};
+        `};
+    }
+  }
+`;
+
 // src/components/styles/FontLoader.tsx
 var import_react2 = require("react");
 var useMontserratFont = () => {
@@ -402,8 +489,8 @@ function date(e) {
 }
 
 // src/components/Input/styles.ts
-var import_styled_components2 = __toESM(require("styled-components"), 1);
-var FormLabel = import_styled_components2.default.label`
+var import_styled_components3 = __toESM(require("styled-components"), 1);
+var FormLabel2 = import_styled_components3.default.label`
   font-family: ${theme.fonts.primary};
   font-style: normal;
   font-weight: 500;
@@ -413,7 +500,7 @@ var FormLabel = import_styled_components2.default.label`
   margin-bottom: 0.5rem;
   text-align: left;
 `;
-var Input = import_styled_components2.default.input`
+var Input = import_styled_components3.default.input`
   font-family: ${theme.fonts.primary};
   font-style: normal;
   font-weight: 500;
@@ -455,24 +542,24 @@ var Input = import_styled_components2.default.input`
     font-weight: 500;
   }
 `;
-var FormErrorMessage = import_styled_components2.default.small`
+var FormErrorMessage2 = import_styled_components3.default.small`
   font-size: 0.75rem;
   line-height: 1.125rem;
   color: ${theme.colors.red};
   margin-top: 0.25rem;
   display: block;
 `;
-var FormControl = import_styled_components2.default.div.withConfig({
+var FormControl2 = import_styled_components3.default.div.withConfig({
   shouldForwardProp: (prop) => !["isInvalid"].includes(prop)
 })`
-  ${FormLabel} {
-    ${(props) => props.isInvalid && import_styled_components2.css`
+  ${FormLabel2} {
+    ${(props) => props.isInvalid && import_styled_components3.css`
         color: ${theme.colors.red};
       `};
   }
 
   ${Input} {
-    ${(props) => props.isInvalid && import_styled_components2.css`
+    ${(props) => props.isInvalid && import_styled_components3.css`
         border: 1px solid ${theme.colors.red};
 
         &:not(:focus)::placeholder {
@@ -482,7 +569,7 @@ var FormControl = import_styled_components2.default.div.withConfig({
       `};
 
     &:focus {
-      ${(props) => props.isInvalid && import_styled_components2.css`
+      ${(props) => props.isInvalid && import_styled_components3.css`
           border: 1px solid ${theme.colors.red};
         `};
     }
@@ -515,8 +602,8 @@ var InputBase = ({
     },
     [mask]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FormControl, { isInvalid: !!error, children: [
-    !!label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormLabel, { htmlFor: id, $textColor: labelTextColor, children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FormControl2, { isInvalid: !!error, children: [
+    !!label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormLabel2, { htmlFor: id, $textColor: labelTextColor, children: label }),
     !mask ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Input,
       {
@@ -549,15 +636,15 @@ var InputBase = ({
         ...rest
       }
     ),
-    !!error && showErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormErrorMessage, { "data-testid": "error-message", children: typeof error === "string" ? error : error.message })
+    !!error && showErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormErrorMessage2, { "data-testid": "error-message", children: typeof error === "string" ? error : error.message })
   ] });
 };
 var Input2 = (0, import_react3.forwardRef)(InputBase);
 
 // src/components/Button/styles.ts
 var import_polished = require("polished");
-var import_styled_components3 = __toESM(require("styled-components"), 1);
-var Icon = import_styled_components3.default.span`
+var import_styled_components4 = __toESM(require("styled-components"), 1);
+var Icon = import_styled_components4.default.span`
   font-size: 0;
   line-height: 0;
   transition: all 0.25s ease;
@@ -567,7 +654,7 @@ var Icon = import_styled_components3.default.span`
   opacity: 0;
   margin-right: 0.625rem;
 `;
-var Text = import_styled_components3.default.span`
+var Text = import_styled_components4.default.span`
   font-family: ${theme.fonts.primary};
   font-size: 1rem;
   line-height: 1.5rem;
@@ -575,14 +662,14 @@ var Text = import_styled_components3.default.span`
 
   transition: all 0.25s ease;
 `;
-var TextSubmitting = import_styled_components3.default.span`
+var TextSubmitting = import_styled_components4.default.span`
   font-family: ${theme.fonts.primary};
   font-weight: 400;
   font-size: 1rem;
 
   transition: all 0.25s ease;
 `;
-var LoadingIcon = import_styled_components3.default.span.withConfig({
+var LoadingIcon = import_styled_components4.default.span.withConfig({
   shouldForwardProp: (prop) => prop !== "hasText"
 })`
   display: block;
@@ -605,7 +692,7 @@ var LoadingIcon = import_styled_components3.default.span.withConfig({
     }
   }
 `;
-var Button = import_styled_components3.default.button.withConfig({
+var Button = import_styled_components4.default.button.withConfig({
   shouldForwardProp: (prop) => ![
     "hasIcon",
     "isSubmitting",
@@ -662,14 +749,14 @@ var Button = import_styled_components3.default.button.withConfig({
   }
 
   ${Text} {
-    ${(props) => props.isSubmitting && !props.hasSubmittingMessage && import_styled_components3.css`
+    ${(props) => props.isSubmitting && !props.hasSubmittingMessage && import_styled_components4.css`
         transform: unset;
         opacity: 0;
       `}
   }
 
   ${LoadingIcon} {
-    ${(props) => props.isSubmitting && !props.hasSubmittingMessage && import_styled_components3.css`
+    ${(props) => props.isSubmitting && !props.hasSubmittingMessage && import_styled_components4.css`
         display: flex;
         -webkit-box-align: center;
         align-items: center;
@@ -713,17 +800,17 @@ function Button2({
 var import_react4 = require("react");
 
 // src/components/Alert/styles.ts
-var import_styled_components4 = __toESM(require("styled-components"), 1);
-var fadeIn = import_styled_components4.keyframes`
+var import_styled_components5 = __toESM(require("styled-components"), 1);
+var fadeIn = import_styled_components5.keyframes`
   from { opacity: 0; transform: translateY(-10px); }
   to { opacity: 1; transform: translateY(0); }
 `;
-var fadeOut = import_styled_components4.keyframes`
+var fadeOut = import_styled_components5.keyframes`
   from { opacity: 1; transform: translateY(0); }
   to { opacity: 0; transform: translateY(-10px); }
 `;
 var typeStyles = {
-  error: import_styled_components4.css`
+  error: import_styled_components5.css`
     background-color: ${theme.colors.red};
     border: 1px solid ${theme.colors.red};
     color: ${theme.colors.white};
@@ -731,7 +818,7 @@ var typeStyles = {
       color: ${theme.colors.white};
     }
   `,
-  warning: import_styled_components4.css`
+  warning: import_styled_components5.css`
     background-color: ${theme.colors.yellow500};
     border: 1px solid ${theme.colors.yellow400};
     color: ${theme.colors.black};
@@ -739,7 +826,7 @@ var typeStyles = {
       color: ${theme.colors.black};
     }
   `,
-  info: import_styled_components4.css`
+  info: import_styled_components5.css`
     background-color: ${theme.colors.blue};
     border: 1px solid ${theme.colors.blue};
     color: ${theme.colors.white};
@@ -747,7 +834,7 @@ var typeStyles = {
       color: ${theme.colors.white};
     }
   `,
-  success: import_styled_components4.css`
+  success: import_styled_components5.css`
     background-color: ${theme.colors.green};
     border: 1px solid ${theme.colors.green2};
     color: ${theme.colors.white};
@@ -756,7 +843,7 @@ var typeStyles = {
     }
   `
 };
-var AlertContainer = import_styled_components4.default.div`
+var AlertContainer = import_styled_components5.default.div`
   position: fixed;
   width: 500px;
   top: 15px;
@@ -776,7 +863,7 @@ var AlertContainer = import_styled_components4.default.div`
 
   ${({ $type }) => typeStyles[$type]}
 `;
-var DismissButton = import_styled_components4.default.button`
+var DismissButton = import_styled_components5.default.button`
   position: absolute;
   background: transparent;
   right: 10px;
@@ -841,14 +928,181 @@ var Alert = ({
   );
 };
 
-// src/components/PhoneInput/index.tsx
+// src/components/Modal/index.tsx
 var import_react5 = require("react");
+var import_hi2 = require("react-icons/hi");
+
+// src/components/Modal/styles.ts
+var import_styled_components6 = __toESM(require("styled-components"), 1);
+var fadeIn2 = import_styled_components6.keyframes`
+  from { opacity: 0; }
+  to { opacity: 1; }
+`;
+var slideIn = import_styled_components6.keyframes`
+  from { opacity: 0; transform: translateY(-20px) scale(0.96); }
+  to { opacity: 1; transform: translateY(0) scale(1); }
+`;
+var Overlay = import_styled_components6.default.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;
+`;
+var accentStyles = {
+  success: import_styled_components6.css`
+    color: ${theme.colors.green2};
+  `,
+  error: import_styled_components6.css`
+    color: ${theme.colors.red};
+  `
+};
+var Container = import_styled_components6.default.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;
+
+  &::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};
+  }
+
+  h2 {
+    margin: 0 0 0.5rem;
+    font-size: 1.25rem;
+    font-weight: 700;
+    text-align: center;
+    ${({ $type }) => accentStyles[$type]}
+  }
+
+  p {
+    margin: 0 0 1.5rem;
+    font-size: 0.95rem;
+    line-height: 1.45;
+    text-align: center;
+    color: ${theme.colors.black};
+  }
+`;
+var CloseButton = import_styled_components6.default.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;
+
+  &:hover {
+    background: ${theme.colors.gray300};
+    color: ${theme.colors.black};
+  }
+
+  svg {
+    width: 1.1rem;
+    height: 1.1rem;
+  }
+`;
+var PrimaryButton = import_styled_components6.default.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;
+
+  &:hover {
+    filter: brightness(0.95);
+  }
+
+  &:focus-visible {
+    outline: 2px solid ${theme.colors.yellow400};
+    outline-offset: 2px;
+  }
+`;
+
+// src/components/Modal/index.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Modal = ({
+  type,
+  title,
+  message,
+  primaryButtonText,
+  onPrimaryAction,
+  onClose,
+  primaryButtonBgColor,
+  primaryButtonTextColor
+}) => {
+  const primaryButtonRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
+    primaryButtonRef.current?.focus();
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    const handleKey = (event) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleKey);
+    return () => document.removeEventListener("keydown", handleKey);
+  }, [onClose]);
+  const handleOverlayClick = (event) => {
+    if (event.target === event.currentTarget) {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Overlay, { onClick: handleOverlayClick, role: "dialog", "aria-modal": "true", "aria-label": title, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Container, { $type: type, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseButton, { onClick: onClose, "aria-label": "Fechar", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_hi2.HiX, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: message }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      PrimaryButton,
+      {
+        ref: primaryButtonRef,
+        onClick: onPrimaryAction,
+        $bgColor: primaryButtonBgColor,
+        $textColor: primaryButtonTextColor,
+        type: "button",
+        children: primaryButtonText
+      }
+    )
+  ] }) });
+};
+
+// src/components/PhoneInput/index.tsx
+var import_react6 = require("react");
 
 // src/components/PhoneInput/styles.ts
-var import_styled_components5 = __toESM(require("styled-components"), 1);
+var import_styled_components7 = __toESM(require("styled-components"), 1);
 var import_react_international_phone = require("react-international-phone");
 var import_style = require("react-international-phone/style.css");
-var FormLabel2 = import_styled_components5.default.label`
+var FormLabel3 = import_styled_components7.default.label`
   font-family: ${theme.fonts.primary};
   font-style: normal;
   font-weight: 500;
@@ -858,7 +1112,7 @@ var FormLabel2 = import_styled_components5.default.label`
   margin-bottom: 0.5rem;
   text-align: left;
 `;
-var StyledPhoneInput = (0, import_styled_components5.default)(import_react_international_phone.PhoneInput)`
+var StyledPhoneInput = (0, import_styled_components7.default)(import_react_international_phone.PhoneInput)`
   width: 100%;
   height: 3.125rem;
   background: ${(props) => props.$backgroundColor || theme.colors.white};
@@ -972,24 +1226,24 @@ var StyledPhoneInput = (0, import_styled_components5.default)(import_react_inter
     }
   }
 `;
-var FormErrorMessage2 = import_styled_components5.default.small`
+var FormErrorMessage3 = import_styled_components7.default.small`
   font-size: 0.75rem;
   line-height: 1.125rem;
   color: ${theme.colors.red};
   margin-top: 0.25rem;
   display: block;
 `;
-var FormControl2 = import_styled_components5.default.div.withConfig({
+var FormControl3 = import_styled_components7.default.div.withConfig({
   shouldForwardProp: (prop) => !["isInvalid"].includes(prop)
 })`
-  ${FormLabel2} {
-    ${(props) => props.isInvalid && import_styled_components5.css`
+  ${FormLabel3} {
+    ${(props) => props.isInvalid && import_styled_components7.css`
         color: ${theme.colors.red};
       `};
   }
 
   ${StyledPhoneInput} {
-    ${(props) => props.isInvalid && import_styled_components5.css`
+    ${(props) => props.isInvalid && import_styled_components7.css`
         border: 1px solid ${theme.colors.red};
 
         &:not(:focus)::placeholder {
@@ -999,7 +1253,7 @@ var FormControl2 = import_styled_components5.default.div.withConfig({
       `};
 
     .react-international-phone-input-container {
-      ${(props) => props.isInvalid && import_styled_components5.css`
+      ${(props) => props.isInvalid && import_styled_components7.css`
           border: 1px solid ${theme.colors.red};
 
           &:not(:focus)::placeholder {
@@ -1010,7 +1264,7 @@ var FormControl2 = import_styled_components5.default.div.withConfig({
     }
 
     .react-international-phone-country-selector-button {
-      ${(props) => props.isInvalid && import_styled_components5.css`
+      ${(props) => props.isInvalid && import_styled_components7.css`
           border-right: 1px solid ${theme.colors.red};
         `};
     }
@@ -1018,7 +1272,7 @@ var FormControl2 = import_styled_components5.default.div.withConfig({
 `;
 
 // src/components/PhoneInput/index.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var PhoneInputBase = ({
   id,
   label,
@@ -1033,9 +1287,9 @@ var PhoneInputBase = ({
   value,
   ...rest
 }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(FormControl2, { isInvalid: !!error, children: [
-    !!label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FormLabel2, { htmlFor: id, $textColor: labelTextColor, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(FormControl3, { isInvalid: !!error, children: [
+    !!label && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FormLabel3, { htmlFor: id, $textColor: labelTextColor, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       StyledPhoneInput,
       {
         ref,
@@ -1069,102 +1323,14 @@ var PhoneInputBase = ({
         $textColor: inputTextColor
       }
     ),
-    !!error && showErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FormErrorMessage2, { "data-testid": "error-message", children: typeof error === "string" ? error : error?.message })
+    !!error && showErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FormErrorMessage3, { "data-testid": "error-message", children: typeof error === "string" ? error : error?.message })
   ] });
 };
-var PhoneInput2 = (0, import_react5.forwardRef)(PhoneInputBase);
+var PhoneInput2 = (0, import_react6.forwardRef)(PhoneInputBase);
 
 // src/components/ProductSelect/index.tsx
-var import_react6 = require("react");
-
-// src/components/ProductSelect/styles.ts
-var import_styled_components6 = __toESM(require("styled-components"), 1);
-var FormLabel3 = import_styled_components6.default.label`
-  font-family: ${theme.fonts.primary};
-  font-style: normal;
-  font-weight: 500;
-  font-size: 1rem;
-  color: ${(props) => props.$textColor || theme.colors.black};
-  display: block;
-  margin-bottom: 0.5rem;
-  text-align: left;
-`;
-var Select = import_styled_components6.default.select`
-  font-family: ${theme.fonts.primary};
-  font-style: normal;
-  font-weight: 500;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  background: ${(props) => props.$backgroundColor || theme.colors.white};
-  color: ${(props) => props.$textColor || theme.colors.black};
-  padding: 0.5rem 3rem 0.5rem 0.5rem; /* Aumentado padding-right para 3rem */
-  border-radius: 0.125rem;
-  border: 1px solid ${(props) => props.$borderColor || theme.colors.transparent};
-  display: block;
-  height: 3.125rem;
-  width: 100%;
-  cursor: pointer;
-  
-  /* Remover a seta padrão do navegador */
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  
-  /* Adicionar seta personalizada maior */
-  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
-  background-repeat: no-repeat;
-  background-position: right 1rem center; /* Posicionado a 1rem da direita */
-  background-size: 1.25rem; /* Tamanho da seta aumentado para 1.25rem */
-
-  &:focus {
-    border-radius: 0.125rem;
-    border: 2px solid ${(props) => props.$focusBorderColor || theme.colors.yellow500};
-    outline: none;
-  }
-
-  /* Estilo para option disabled (placeholder) */
-  option:disabled {
-    color: ${theme.colors.gray100};
-    font-weight: 800;
-  }
-
-  /* Estilo para options normais */
-  option:not(:disabled) {
-    color: ${(props) => props.$textColor || theme.colors.black};
-    font-weight: 500;
-  }
-`;
-var FormErrorMessage3 = import_styled_components6.default.small`
-  font-size: 0.75rem;
-  line-height: 1.125rem;
-  color: ${theme.colors.red};
-  margin-top: 0.25rem;
-  display: block;
-`;
-var FormControl3 = import_styled_components6.default.div.withConfig({
-  shouldForwardProp: (prop) => !["isInvalid"].includes(prop)
-})`
-  ${FormLabel3} {
-    ${(props) => props.isInvalid && import_styled_components6.css`
-        color: ${theme.colors.red};
-      `};
-  }
-
-  ${Select} {
-    ${(props) => props.isInvalid && import_styled_components6.css`
-        border: 1px solid ${theme.colors.red};
-      `};
-
-    &:focus {
-      ${(props) => props.isInvalid && import_styled_components6.css`
-          border: 1px solid ${theme.colors.red};
-        `};
-    }
-  }
-`;
-
-// src/components/ProductSelect/index.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var ProductSelectBase = ({
   id,
   label,
@@ -1179,9 +1345,9 @@ var ProductSelectBase = ({
   placeholder = "Selecione um produto",
   ...rest
 }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(FormControl3, { isInvalid: !!error, children: [
-    !!label && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FormLabel3, { htmlFor: id, $textColor: labelTextColor, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FormControl, { isInvalid: !!error, children: [
+    !!label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormLabel, { htmlFor: id, $textColor: labelTextColor, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       Select,
       {
         id,
@@ -1193,19 +1359,78 @@ var ProductSelectBase = ({
         $textColor: textColor,
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "", disabled: true, children: placeholder }),
-          products.map((product) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: product.id, children: product.name }, product.id))
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: "", disabled: true, children: placeholder }),
+          products.map((product) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: product.id, children: product.name }, product.id))
         ]
       }
     ),
-    !!error && showErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FormErrorMessage3, { "data-testid": "error-message", children: typeof error === "string" ? error : error.message })
+    !!error && showErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormErrorMessage, { "data-testid": "error-message", children: typeof error === "string" ? error : error.message })
   ] });
 };
-var ProductSelect = (0, import_react6.forwardRef)(ProductSelectBase);
+var ProductSelect = (0, import_react7.forwardRef)(ProductSelectBase);
+
+// src/config/environments.ts
+var ENVIRONMENTS = {
+  homol: {
+    apiUrl: "https://leads-hml.mitrerealty.com.br/api-leads",
+    apiToken: "TEFORElOR19NSVRSRTptZlFXZnhvUHdNbWVZY0FidkF0QWJ3Q2RFYWtKckJBOXg5cGNsOTBvS1V0N2ZsU0d4TEtNdEZZd3k0NFlEc0c3",
+    whatsappPhone: "551148100601",
+    chatUrl: "https://crm-hml.mitrerealty.com.br/wcc/UserLoginSubmit.do"
+  },
+  prod: {
+    apiUrl: "https://leads.mitrerealty.com.br/api-leads",
+    apiToken: "TEFORElOR19NSVRSRTptZlFXZnhvUHdNbWVZY0FidkF0QWJ3Q2RFYWtKckJBOXg5cGNsOTBvS1V0N2ZsU0d4TEtNdEZZd3k0NFlEc0c3",
+    whatsappPhone: "551148100601",
+    chatUrl: "https://crm.mitrerealty.com.br/wcc/UserLoginSubmit.do"
+  }
+};
+var resolveEnvironment = (ambiente = "homol") => {
+  return ENVIRONMENTS[ambiente] ?? null;
+};
 
 // src/components/Form/index.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var phoneUtil = import_google_libphonenumber.PhoneNumberUtil.getInstance();
+var PreferenciaContato = /* @__PURE__ */ ((PreferenciaContato2) => {
+  PreferenciaContato2["Whatsapp"] = "Whatsapp";
+  PreferenciaContato2["Email"] = "Email";
+  PreferenciaContato2["Ligacao"] = "Liga\xE7\xE3o";
+  return PreferenciaContato2;
+})(PreferenciaContato || {});
+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.";
+var WHATSAPP_BUTTON_TEXT = "Entrar";
+var CHAT_TITLE = "Fale com um corretor por chat";
+var CHAT_SUBTITLE = "Informe seus dados para contato.";
+var CHAT_BUTTON_TEXT = "Entrar";
+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_BUTTON_WHATSAPP = "Abrir WhatsApp";
+var MODAL_SUCCESS_MESSAGE_CHAT = "Clique abaixo para iniciar o atendimento.";
+var MODAL_SUCCESS_BUTTON_CHAT = "Iniciar atendimento";
+function buildWhatsappUrl(phone) {
+  const digits = phone.replace(/\D/g, "");
+  const text = encodeURIComponent(WHATSAPP_MESSAGE);
+  return `https://api.whatsapp.com/send?phone=${digits}&text=${text}`;
+}
+function submitChatInNewTab(chatUrl, virtualObj) {
+  const form = document.createElement("form");
+  form.method = "POST";
+  form.action = chatUrl;
+  form.target = "_blank";
+  const input = document.createElement("input");
+  input.type = "hidden";
+  input.name = "virtual_obj";
+  input.value = JSON.stringify(virtualObj);
+  form.appendChild(input);
+  document.body.appendChild(form);
+  form.submit();
+  document.body.removeChild(form);
+}
 var isPhoneValid = (phone) => {
   try {
     return phoneUtil.isValidNumber(phoneUtil.parseAndKeepRawInput(phone));
@@ -1235,10 +1460,10 @@ var schemaWithProduct = yup.object().shape({
   productId: yup.string().required("Produto \xE9 obrigat\xF3rio")
 });
 var schema = yup.object().shape(baseSchema);
-var MitreFormComponent = import_react7.default.forwardRef(({
+var MitreFormComponent = import_react8.default.forwardRef(({
   products,
-  apiUrl,
-  apiToken,
+  ambiente = "homol",
+  canal = "form",
   showHeader = true,
   title = "Atendimento por mensagem",
   subtitle = "Informe seus dados e retornaremos a mensagem.",
@@ -1252,15 +1477,18 @@ var MitreFormComponent = import_react7.default.forwardRef(({
   inputFocusBorderColor = theme.colors.yellow500,
   inputPlaceholderColor = theme.colors.gray100,
   inputTextColor = theme.colors.black,
-  onSuccess,
-  onError
+  showPreferenciaContato = false,
+  idProdutoTerceiro,
+  idEmpreendimento,
+  naoCriarEvento
 }, ref) => {
   useMontserratFont();
-  const [loading, setIsLoading] = (0, import_react7.useState)(false);
+  const [loading, setIsLoading] = (0, import_react8.useState)(false);
   const { error, handleError, clearError } = useError();
-  const [successMessage, setSuccessMessage] = (0, import_react7.useState)("");
-  const [formKey, setFormKey] = (0, import_react7.useState)(0);
-  const [selectedProductId, setSelectedProductId] = (0, import_react7.useState)(null);
+  const [successMessage, setSuccessMessage] = (0, import_react8.useState)("");
+  const [formKey, setFormKey] = (0, import_react8.useState)(0);
+  const [selectedProductId, setSelectedProductId] = (0, import_react8.useState)(null);
+  const [actionModal, setActionModal] = (0, import_react8.useState)(null);
   const validateProducts = () => {
     if (!products) {
       return "Lista de produtos n\xE3o foi fornecida";
@@ -1285,14 +1513,60 @@ var MitreFormComponent = import_react7.default.forwardRef(({
     }
     return null;
   };
+  const env = resolveEnvironment(ambiente);
+  const validateAmbienteConfig = () => {
+    if (!env) {
+      return `ambiente='${ambiente}' 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 null;
+  };
+  const validateWhatsappConfig = () => {
+    if (canal !== "whatsapp") return null;
+    if (!env) return null;
+    const raw = env.whatsappPhone?.trim() ?? "";
+    if (!raw) {
+      return `canal='whatsapp' exige whatsappPhone no ambiente '${ambiente}'.`;
+    }
+    const normalized = raw.startsWith("+") ? raw : `+${raw}`;
+    if (!isPhoneValid(normalized)) {
+      return `whatsappPhone do ambiente '${ambiente}' \xE9 inv\xE1lido (${JSON.stringify(env.whatsappPhone)}).`;
+    }
+    return null;
+  };
+  const validateChatConfig = () => {
+    if (canal !== "chat") return null;
+    if (!env) return null;
+    const raw = env.chatUrl?.trim() ?? "";
+    if (!raw) {
+      return `canal='chat' exige chatUrl no ambiente '${ambiente}'.`;
+    }
+    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)}).`;
+      }
+    } catch {
+      return `chatUrl do ambiente '${ambiente}' n\xE3o \xE9 URL absoluta v\xE1lida (recebido: ${JSON.stringify(env.chatUrl)}).`;
+    }
+    return null;
+  };
   const productsValidationError = validateProducts();
-  const [utm, setUtm] = (0, import_react7.useState)({ utm_source: "direto", createdAt: (/* @__PURE__ */ new Date()).toISOString() });
+  const ambienteConfigError = validateAmbienteConfig();
+  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 [utm, setUtm] = (0, import_react8.useState)({ utm_source: "direto", createdAt: (/* @__PURE__ */ new Date()).toISOString() });
   const formSchema = products && products.length > 1 ? schemaWithProduct : schema;
   const { control, register, handleSubmit, formState: { errors }, reset, clearErrors } = (0, import_react_hook_form.useForm)({
     resolver: (0, import_yup.yupResolver)(formSchema),
     mode: "onSubmit"
   });
-  import_react7.default.useEffect(() => {
+  import_react8.default.useEffect(() => {
     if (!isBrowser()) return;
     const { data } = resolveUtmWithPriority(/* @__PURE__ */ new Date());
     setUtm(data);
@@ -1320,13 +1594,17 @@ var MitreFormComponent = import_react7.default.forwardRef(({
     setFormKey((k) => k + 1);
   };
   const sendMessage = async (data) => {
-    const { name, email, phone, productId } = data;
+    const { name, email, phone, productId, preferencia_contato } = data;
     const phoneValue = phone.inputValue;
     const phoneDigitsOnly = phoneValue?.replace(/\D/g, "") || "";
     const message = "Gostaria de mais informa\xE7\xF5es sobre o produto";
+    setActionModal(null);
     try {
       setIsLoading(true);
-      if (!products || products.length === 0 || !apiToken) {
+      if (!env) {
+        throw new Error("Ambiente n\xE3o resolvido");
+      }
+      if (!products || products.length === 0) {
         throw new Error("Par\xE2metros obrigat\xF3rios n\xE3o informados");
       }
       let selectedProduct;
@@ -1342,6 +1620,8 @@ var MitreFormComponent = import_react7.default.forwardRef(({
         }
         selectedProduct = foundProduct;
       }
+      const paginaAtual = typeof window !== "undefined" ? window.location.href : void 0;
+      const naoCriarEventoEfetivo = canal !== "form" && (naoCriarEvento ?? true);
       const requestBody = {
         name,
         email,
@@ -1351,13 +1631,24 @@ var MitreFormComponent = import_react7.default.forwardRef(({
         utm_source: utm.utm_source,
         utm_campaign: utm.utm_campaign,
         utm_medium: utm.utm_medium,
-        utm_term: utm.utm_term
+        utm_term: utm.utm_term,
+        ...canal === "whatsapp" ? { preferencia_contato: "Whatsapp" /* Whatsapp */ } : effectiveShowPreferenciaContato && preferencia_contato ? { preferencia_contato } : {},
+        ...canal !== "form" ? {
+          canal,
+          ...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.
+          is_chat: true,
+          ...idProdutoTerceiro !== void 0 ? { idProdutoTerceiro } : {},
+          ...idEmpreendimento !== void 0 ? { idEmpreendimento } : {},
+          ...naoCriarEventoEfetivo ? { naoCriarEvento: true } : {}
+        } : {}
       };
-      const response = await fetch(`${apiUrl}/leads`, {
+      const response = await fetch(`${env.apiUrl}/leads`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          Authorization: `Basic ${apiToken}`
+          Authorization: `Basic ${env.apiToken}`
         },
         body: JSON.stringify(requestBody)
       });
@@ -1366,26 +1657,61 @@ var MitreFormComponent = import_react7.default.forwardRef(({
       }
       const responseData = await response.json();
       const leadId = responseData.leadId || responseData.id || "";
-      setSuccessMessage("Mensagem enviada com sucesso!");
       resetForm();
-      onSuccess?.(requestBody, leadId);
+      if (canal === "whatsapp") {
+        setActionModal({
+          kind: "success",
+          canal: "whatsapp",
+          targetUrl: buildWhatsappUrl(env.whatsappPhone)
+        });
+      } else if (canal === "chat") {
+        const virtualObj = {
+          ...requestBody,
+          externalOriginId: leadId,
+          ...paginaAtual ? { pagina: paginaAtual } : {},
+          ...idProdutoTerceiro !== void 0 ? { idProdutoTerceiro } : {},
+          ...idEmpreendimento !== void 0 ? { idEmpreendimento } : {},
+          ...naoCriarEventoEfetivo ? { naoCriarEvento: true } : {}
+        };
+        setActionModal({
+          kind: "success",
+          canal: "chat",
+          chatUrl: env.chatUrl,
+          virtualObj
+        });
+      } else {
+        setSuccessMessage("Mensagem enviada com sucesso!");
+      }
     } catch (err) {
-      const error2 = err instanceof Error ? err : new Error("Erro desconhecido");
-      handleError(err);
-      onError?.(error2);
+      if (canal === "whatsapp" || canal === "chat") {
+        setActionModal({ kind: "error" });
+      } else {
+        handleError(err);
+      }
     } finally {
       setIsLoading(false);
     }
   };
-  if (productsValidationError) {
-    console.error("Erro na valida\xE7\xE3o dos produtos:", productsValidationError);
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FormContainer, { $backgroundColor: backgroundColor, $innerPadding: innerPadding, ref, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(HeaderContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Title, { $textColor: textColor, children: "Erro no carregamento do formul\xE1rio!" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Subtitle, { $textColor: textColor, children: "N\xE3o foi poss\xEDvel carregar o formul\xE1rio. Tente novamente mais tarde." })
+  if (productsValidationError || ambienteConfigError || 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 (whatsappConfigError) {
+      console.error("Erro na valida\xE7\xE3o do canal whatsapp:", whatsappConfigError);
+    }
+    if (chatConfigError) {
+      console.error("Erro na valida\xE7\xE3o do canal chat:", chatConfigError);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormContainer, { $backgroundColor: backgroundColor, $innerPadding: innerPadding, ref, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(HeaderContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Title, { $textColor: textColor, children: "Erro no carregamento do formul\xE1rio!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Subtitle, { $textColor: textColor, children: "N\xE3o foi poss\xEDvel carregar o formul\xE1rio. Tente novamente mais tarde." })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       Alert,
       {
         type: "error",
@@ -1395,7 +1721,7 @@ var MitreFormComponent = import_react7.default.forwardRef(({
         children: error.message
       }
     ),
-    successMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    successMessage && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       Alert,
       {
         type: "success",
@@ -1405,13 +1731,58 @@ var MitreFormComponent = import_react7.default.forwardRef(({
         children: successMessage
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FormContainer, { $backgroundColor: backgroundColor, $innerPadding: innerPadding, ref, children: [
-      showHeader && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(HeaderContainer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Title, { $textColor: textColor, children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Subtitle, { $textColor: textColor, children: subtitle })
+    actionModal?.kind === "error" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      Modal,
+      {
+        type: "error",
+        title: MODAL_ERROR_TITLE,
+        message: MODAL_ERROR_MESSAGE,
+        primaryButtonText: MODAL_ERROR_BUTTON_TEXT,
+        onPrimaryAction: () => setActionModal(null),
+        onClose: () => setActionModal(null),
+        primaryButtonBgColor: buttonBackgroundColor,
+        primaryButtonTextColor: buttonTextColor
+      }
+    ),
+    actionModal?.kind === "success" && actionModal.canal === "whatsapp" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      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);
+        },
+        onClose: () => setActionModal(null),
+        primaryButtonBgColor: buttonBackgroundColor,
+        primaryButtonTextColor: buttonTextColor
+      }
+    ),
+    actionModal?.kind === "success" && actionModal.canal === "chat" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      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);
+        },
+        onClose: () => setActionModal(null),
+        primaryButtonBgColor: buttonBackgroundColor,
+        primaryButtonTextColor: buttonTextColor
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(FormContainer, { $backgroundColor: backgroundColor, $innerPadding: innerPadding, ref, children: [
+      showHeader && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(HeaderContainer, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Title, { $textColor: textColor, children: effectiveTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Subtitle, { $textColor: textColor, children: effectiveSubtitle })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Form, { $textColor: textColor, onSubmit: handleSubmit(sendMessage), noValidate: true, children: [
-        products.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Form, { $textColor: textColor, onSubmit: handleSubmit(sendMessage), noValidate: true, children: [
+        products.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           ProductSelect,
           {
             id: "productId",
@@ -1428,7 +1799,7 @@ var MitreFormComponent = import_react7.default.forwardRef(({
             textColor: inputTextColor
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           Input2,
           {
             id: "name",
@@ -1446,7 +1817,7 @@ var MitreFormComponent = import_react7.default.forwardRef(({
             inputTextColor
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           Input2,
           {
             id: "email",
@@ -1465,7 +1836,7 @@ var MitreFormComponent = import_react7.default.forwardRef(({
             inputTextColor
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           import_react_hook_form.Controller,
           {
             name: "phone",
@@ -1474,7 +1845,7 @@ var MitreFormComponent = import_react7.default.forwardRef(({
             shouldUnregister: true,
             render: ({ field }) => {
               const errorMsg = errors.phone?.inputValue?.message || errors.phone?.phone?.message || errors.phone?.message;
-              return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 PhoneInput2,
                 {
                   id: "phone",
@@ -1497,12 +1868,32 @@ var MitreFormComponent = import_react7.default.forwardRef(({
           },
           formKey
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h6", { children: "* Campos de preenchimento obrigat\xF3rio." }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ButtonContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button2, { bgColor: buttonBackgroundColor, color: buttonTextColor, type: "submit", isSubmitting: loading, children: "Enviar mensagem" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { children: [
+        effectiveShowPreferenciaContato && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(FormControl, { isInvalid: !!errors.preferencia_contato, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormLabel, { htmlFor: "preferencia_contato", $textColor: textColor, children: "Prefer\xEAncia de Contato" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+            Select,
+            {
+              id: "preferencia_contato",
+              ...register("preferencia_contato"),
+              defaultValue: "",
+              $backgroundColor: inputBackgroundColor,
+              $borderColor: inputBorderColor,
+              $focusBorderColor: inputFocusBorderColor,
+              $textColor: inputTextColor,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", disabled: true, children: "Selecione uma op\xE7\xE3o" }),
+                Object.values(PreferenciaContato).map((op) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: op, children: op }, op))
+              ]
+            }
+          ),
+          errors.preferencia_contato && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormErrorMessage, { children: errors.preferencia_contato.message })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h6", { children: "* Campos de preenchimento obrigat\xF3rio." }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ButtonContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button2, { bgColor: buttonBackgroundColor, color: buttonTextColor, type: "submit", isSubmitting: loading, children: canal === "whatsapp" ? WHATSAPP_BUTTON_TEXT : canal === "chat" ? CHAT_BUTTON_TEXT : "Enviar mensagem" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("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",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "a",
             {
               href: "https://www.mitrerealty.com.br/politica-de-privacidade",
@@ -1525,6 +1916,7 @@ MitreFormComponent.displayName = "MitreFormComponent";
 var Form_default = MitreFormComponent;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  MitreFormComponent
+  MitreFormComponent,
+  PreferenciaContato
 });
 //# sourceMappingURL=index.cjs.map