mitre-form-component 2.2.1 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/index.cjs +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -55,7 +55,7 @@ const products = JSON.parse(process.env.VITE_PRODUCT_ID!);
|
|
|
55
55
|
|
|
56
56
|
<MitreFormComponent
|
|
57
57
|
products={products}
|
|
58
|
-
environment="prod" //[Opcional] "
|
|
58
|
+
environment="prod" //[Opcional] "staging" (padrão) | "prod". Define de onde sai apiUrl/apiToken/whatsappPhone/chatUrl (config interno).
|
|
59
59
|
channel="form" //[Opcional] "form" (padrão) | "chat" | "whatsapp". Ver "🔀 Modos de submit (channel)".
|
|
60
60
|
showHeader={true} //[Opcional] Se irá exibir ou não o cabeçalho
|
|
61
61
|
title="Atendimento por mensagem" //[Opcional] Título do formulário (ignorado em channel=whatsapp/chat)
|
|
@@ -131,7 +131,7 @@ O `MitreFormComponent` aceita as seguintes props:
|
|
|
131
131
|
- **`products`** (array): Array de objetos contendo os produtos disponíveis. Cada produto deve ter `id` (number) e `name` (string).
|
|
132
132
|
- Se o array contém apenas 1 produto: o formulário usa automaticamente esse produto
|
|
133
133
|
- Se o array contém múltiplos produtos: é exibido um seletor para o usuário escolher
|
|
134
|
-
- **`environment`** (opcional, `"
|
|
134
|
+
- **`environment`** (opcional, `"staging" | "prod"`): Define de qual config interno o componente lê `apiUrl`, `apiToken`, `whatsappPhone` e `chatUrl`. Padrão: `"staging"`. Ver §"🌐 Environment".
|
|
135
135
|
- **`showHeader`** (opcional, boolean): Controla se o cabeçalho será mostrado. Padrão: `true`.
|
|
136
136
|
- **`title`** (opcional, string): Título do formulário. Padrão: `"Atendimento por mensagem"`. **Quando `channel="whatsapp"` esta prop é ignorada e o título é forçado para `"Fale com um corretor por WhatsApp"`; quando `channel="chat"` é forçado para `"Fale com um corretor por chat"`** (ver §"Modos de submit").
|
|
137
137
|
- **`subtitle`** (opcional, string): Subtítulo do formulário. Padrão: `"Informe seus dados e retornaremos a mensagem."`. **Quando `channel="whatsapp"` ou `channel="chat"` esta prop é ignorada e o subtítulo é forçado para `"Informe seus dados para contato."`** (ver §"Modos de submit").
|
|
@@ -216,14 +216,14 @@ A partir da v2.0, o componente gerencia internamente `apiUrl`, `apiToken`, `what
|
|
|
216
216
|
|
|
217
217
|
```tsx
|
|
218
218
|
<MitreFormComponent products={products} environment="prod" /> // produção
|
|
219
|
-
<MitreFormComponent products={products} environment="
|
|
219
|
+
<MitreFormComponent products={products} environment="staging" /> // staging/homologação (padrão)
|
|
220
220
|
```
|
|
221
221
|
|
|
222
222
|
Os valores de cada environment vivem em `src/config/environments.ts`. Mudanças nessas URLs/tokens exigem nova versão da lib publicada no npm e atualização das landings consumidoras.
|
|
223
223
|
|
|
224
224
|
| Environment | apiUrl | chatUrl |
|
|
225
225
|
|---|---|---|
|
|
226
|
-
| `"
|
|
226
|
+
| `"staging"` | `https://leads-hml.mitrerealty.com.br/api-leads` | `https://crm-hml.mitrerealty.com.br/wcc/UserLoginSubmit.do` |
|
|
227
227
|
| `"prod"` | `https://leads.mitrerealty.com.br/api-leads` | `https://crm.mitrerealty.com.br/wcc/UserLoginSubmit.do` |
|
|
228
228
|
|
|
229
229
|
Se `environment` for um valor desconhecido ou se os campos resolvidos vierem vazios, o componente exibe a tela genérica de erro ("Erro no carregamento do formulário!") no lugar do form.
|
package/dist/index.cjs
CHANGED
|
@@ -1461,7 +1461,7 @@ var ProductSelect = (0, import_react7.forwardRef)(ProductSelectBase);
|
|
|
1461
1461
|
|
|
1462
1462
|
// src/config/environments.ts
|
|
1463
1463
|
var ENVIRONMENTS = {
|
|
1464
|
-
|
|
1464
|
+
staging: {
|
|
1465
1465
|
apiUrl: "https://leads-hml.mitrerealty.com.br/api-leads",
|
|
1466
1466
|
apiToken: "TEFORElOR19NSVRSRTptZlFXZnhvUHdNbWVZY0FidkF0QWJ3Q2RFYWtKckJBOXg5cGNsOTBvS1V0N2ZsU0d4TEtNdEZZd3k0NFlEc0c3",
|
|
1467
1467
|
whatsappPhone: "551148100601",
|
|
@@ -1474,7 +1474,7 @@ var ENVIRONMENTS = {
|
|
|
1474
1474
|
chatUrl: "https://crm.mitrerealty.com.br/wcc/UserLoginSubmit.do"
|
|
1475
1475
|
}
|
|
1476
1476
|
};
|
|
1477
|
-
var resolveEnvironment = (environment = "
|
|
1477
|
+
var resolveEnvironment = (environment = "staging") => {
|
|
1478
1478
|
return ENVIRONMENTS[environment] ?? null;
|
|
1479
1479
|
};
|
|
1480
1480
|
|
|
@@ -1595,7 +1595,7 @@ var schemaWithProduct = yup.object().shape({
|
|
|
1595
1595
|
var schema = yup.object().shape(baseSchema);
|
|
1596
1596
|
var MitreFormComponent = import_react8.default.forwardRef(({
|
|
1597
1597
|
products,
|
|
1598
|
-
environment = "
|
|
1598
|
+
environment = "staging",
|
|
1599
1599
|
channel = "form",
|
|
1600
1600
|
showHeader = true,
|
|
1601
1601
|
title = "Atendimento por mensagem",
|
|
@@ -1651,7 +1651,7 @@ var MitreFormComponent = import_react8.default.forwardRef(({
|
|
|
1651
1651
|
const env = resolveEnvironment(environment);
|
|
1652
1652
|
const validateEnvironmentConfig = () => {
|
|
1653
1653
|
if (!env) {
|
|
1654
|
-
return `environment='${environment}' n\xE3o \xE9 reconhecido. Use '
|
|
1654
|
+
return `environment='${environment}' n\xE3o \xE9 reconhecido. Use 'staging' ou 'prod'.`;
|
|
1655
1655
|
}
|
|
1656
1656
|
if (!env.apiUrl || !env.apiToken) {
|
|
1657
1657
|
return `Configura\xE7\xE3o interna do environment '${environment}' est\xE1 incompleta (apiUrl/apiToken).`;
|