From 21aa03b84ec38b0078dfa36e0d8f05a9b0251bb2 Mon Sep 17 00:00:00 2001
From: nestordavalos <nestordavalos@gmail.com>
Date: Mon, 11 Mar 2024 19:10:50 -0300
Subject: [PATCH] =?UTF-8?q?Adicionada=20integra=C3=A7=C3=A3o=20com=20a=20A?=
 =?UTF-8?q?PI=20Oficial=20do=20WhatsApp?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/modal/CreateInstance.vue | 22 ++++++++++++++++++++++
 src/i18n/en.js                          |  6 +++++-
 src/i18n/es.js                          |  6 +++++-
 src/i18n/pt.js                          |  4 +++-
 4 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/src/components/modal/CreateInstance.vue b/src/components/modal/CreateInstance.vue
index ff14300..8274398 100644
--- a/src/components/modal/CreateInstance.vue
+++ b/src/components/modal/CreateInstance.vue
@@ -17,6 +17,26 @@
                 'Nome inválido (apenas letras, números, _ e -)',
             ]"
           />
+          <v-select
+            v-model="instance.integration"
+            :items="['WHATSAPP-BAILEYS', 'WHATSAPP-BUSINESS']"
+            :label="$t('createInstance.integration')"
+            required
+            outlined
+          />
+          <v-text-field
+            v-model="instance.number"
+            :label="$t('createInstance.number')"
+            outlined
+            v-if="instance.integration === 'WHATSAPP-BUSINESS'"
+            :rules="[
+              (v) =>
+                !!v || $t('required', { field: $t('createInstance.number') }),
+              (v) =>
+                new RegExp('^[a-zA-Z0-9_-]*$', 'i').test(v) ||
+                'Nome inválido (apenas letras, números, _ e -)',
+            ]"
+          />
           <v-text-field
             v-model="instance.token"
             label="API Key"
@@ -72,6 +92,7 @@ export default {
     instance: {
       instanceName: "",
       token: "",
+      integration: "",
     },
     loading: false,
     error: false,
@@ -106,6 +127,7 @@ export default {
       this.error = false;
       this.instance.instanceName = "";
       this.generateApiKey();
+      this.instance.integration = "";
     },
   },
 
diff --git a/src/i18n/en.js b/src/i18n/en.js
index 2aaf69d..c84f9a8 100644
--- a/src/i18n/en.js
+++ b/src/i18n/en.js
@@ -52,6 +52,8 @@ export default {
     title: "Create instance",
     name: "Instance name",
     configInfo: "The WebHook, WebSocket, RabbitMQ, Chatwoot, and Typebot can be configured after creating the instance.",
+    integration: "Integration",
+    number: "Telephone number identifier",
   },
   contribute: {
     title: "Contribute",
@@ -70,7 +72,9 @@ export default {
   },
   connectPhone: {
     title: "Phone not connected",
-    apiGenericError: "Could not load QR Code, if the error persists, restart the API and try again."
+    apiGenericError: "Could not load QR Code, if the error persists, restart the API and try again.",
+    qr: "QR Code",
+    code: "Código",
   },
   options: {
     title: "Behavior",
diff --git a/src/i18n/es.js b/src/i18n/es.js
index d2486a7..b9aac3d 100644
--- a/src/i18n/es.js
+++ b/src/i18n/es.js
@@ -52,6 +52,8 @@ export default {
     title: "Crear instancia",
     name: "Nombre de la instancia",
     configInfo: "El WebHook, WebSocket, RabbitMQ, Chatwoot y Typebot se pueden configurar después de crear la instancia.",
+    integration: "Integración",
+    number: "Identificador de número de teléfono",
   },
   contribute: {
     title: "Contribuir",
@@ -70,7 +72,9 @@ export default {
   },
   connectPhone: {
     title: "Teléfono no conectado",
-    apiGenericError: "No se pudo cargar el código QR. Si el error persiste, reinicie la API y vuelva a intentarlo.."
+    apiGenericError: "No se pudo cargar el código QR. Si el error persiste, reinicie la API y vuelva a intentarlo..",
+    qr: "QR Code",
+    code: "Código",
   },
   options: {
     title: "Comportamiento",
diff --git a/src/i18n/pt.js b/src/i18n/pt.js
index 21bd6d7..dbf02fd 100644
--- a/src/i18n/pt.js
+++ b/src/i18n/pt.js
@@ -19,7 +19,7 @@ export default {
   noInstances: "Nenhuma instância encontrada",
   unknown: "Desconhecido",
   required: "{field} é obrigatório",
-  maxLength: "{field} deve ter no máximo {length} caracteres",
+  maxLength: "{field} deve ter no máximo {length} caracteres", 
   https: "{field} deve começar com https://",
   httpHttps: "{field} deve começar com http:// ou https://",
   enabled: "Habilitado",
@@ -52,6 +52,8 @@ export default {
     title: "Criar instância",
     name: "Nome da instância",
     configInfo: "O WebHook, WebSocket, RabbitMQ, Chatwoot e Typebot poderão ser configurados após a criação da instância.",
+    integration: "Integração",
+    number: "Identificador de número de telefone",
   },
   contribute: {
     title: "Contribuir",