Adicionada integração com a API Oficial do WhatsApp

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 = "";
     },
   },
 

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",

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",

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",