Add WhatsApp (WAHA) notification provider (#5647)

Co-authored-by: Frank Elsinga <frank@elsinga.de>

src/components/NotificationDialog.vue

@@ -163,6 +163,7 @@ export default {
                 "ZohoCliq": "ZohoCliq",
                 "SevenIO": "SevenIO",
                 "whapi": "WhatsApp (Whapi)",
+                "waha": "WhatsApp (WAHA)",
                 "gtxmessaging": "GtxMessaging",
                 "Cellsynt": "Cellsynt",
                 "SendGrid": "SendGrid"

src/components/notifications/WAHA.vue

@@ -0,0 +1,38 @@
+<template>
+    <div class="mb-3">
+        <label for="waha-api-url" class="form-label">{{ $t("API URL") }}</label>
+        <input id="waha-api-url" v-model="$parent.notification.wahaApiUrl" placeholder="http://localhost:3000/" type="url" class="form-control" required>
+        <div class="form-text">{{ $t("wayToGetWahaApiUrl") }}</div>
+    </div>
+
+    <div class="mb-3">
+        <label for="waha-api-key" class="form-label">{{ $t("API Key") }}</label>
+        <HiddenInput id="waha-api-key" v-model="$parent.notification.wahaApiKey" :required="false" autocomplete="new-password"></HiddenInput>
+        <div class="form-text">{{ $t("wayToGetWahaApiKey") }}</div>
+    </div>
+
+    <div class="mb-3">
+        <label for="waha-session" class="form-label">{{ $t("wahaSession") }}</label>
+        <input id="waha-session" v-model="$parent.notification.wahaSession" type="text" placeholder="default" class="form-control" required>
+        <div class="form-text">{{ $t("wayToGetWahaSession") }}</div>
+    </div>
+
+    <div class="mb-3">
+        <label for="waha-chat-id" class="form-label">{{ $t("wahaChatId") }}</label>
+        <input id="waha-chat-id" v-model="$parent.notification.wahaChatId" type="text" pattern="^[\d-]{10,31}$" class="form-control" required>
+        <div class="form-text">{{ $t("wayToWriteWahaChatId", ["00117612345678", "00117612345678@c.us", "123456789012345678@g.us"]) }}</div>
+    </div>
+
+    <i18n-t tag="div" keypath="More info on:" class="mb-3 form-text">
+        <a href="https://waha.devlike.pro/" target="_blank">https://waha.devlike.pro/</a>
+    </i18n-t>
+</template>
+<script>
+import HiddenInput from "../HiddenInput.vue";
+
+export default {
+    components: {
+        HiddenInput,
+    }
+};
+</script>

src/components/notifications/index.js

@@ -63,6 +63,7 @@ import ZohoCliq from "./ZohoCliq.vue";
 import Splunk from "./Splunk.vue";
 import SevenIO from "./SevenIO.vue";
 import Whapi from "./Whapi.vue";
+import WAHA from "./WAHA.vue";
 import Cellsynt from "./Cellsynt.vue";
 import WPush from "./WPush.vue";
 import SIGNL4 from "./SIGNL4.vue";
@@ -139,6 +140,7 @@ const NotificationFormList = {
     "ZohoCliq": ZohoCliq,
     "SevenIO": SevenIO,
     "whapi": Whapi,
+    "waha": WAHA,
     "gtxmessaging": GtxMessaging,
     "Cellsynt": Cellsynt,
     "WPush": WPush,

src/lang/en.json

@@ -1055,6 +1055,12 @@
     "rabbitmqHelpText": "To use the monitor, you will need to enable the Management Plugin in your RabbitMQ setup. For more information, please consult the {rabitmq_documentation}.",
     "SendGrid API Key": "SendGrid API Key",
     "Separate multiple email addresses with commas": "Separate multiple email addresses with commas",
+    "wahaSession": "Session",
+    "wahaChatId": "Chat ID (Phone Number / Contact ID / Group ID)",
+    "wayToGetWahaApiUrl": "Your WAHA Instance URL.",
+    "wayToGetWahaApiKey": "API Key is WHATSAPP_API_KEY environment variable value you used to run WAHA.",
+    "wayToGetWahaSession": "From this session WAHA sends notifications to Chat ID. You can find it in WAHA Dashboard.",
+    "wayToWriteWahaChatId": "The phone number with the international prefix, but without the plus sign at the start ({0}), the Contact ID ({1}) or the Group ID ({2}). Notifications are sent to this Chat ID from WAHA Session.",
     "YZJ Webhook URL": "YZJ Webhook URL",
     "YZJ Robot Token": "YZJ Robot token",
     "Plain Text": "Plain Text",