@optifye/dashboard-core 4.2.0 → 4.2.1

package/dist/index.d.mts

@@ -211,6 +211,7 @@ interface EndpointsConfig {
     whatsapp?: string;
     worstPerformingWorkspaces?: string;
     agnoApiUrl?: string;
+    slackWebhookUrl?: string;
 }
 interface DateTimeConfig {
     defaultTimezone?: string;
@@ -4343,7 +4344,7 @@ interface SupportTicket {
 }
 declare class SlackAPI {
     /**
-     * Sends a support ticket notification to Slack via the API route
+     * Sends a support ticket notification directly to Slack webhook
      */
     static sendSupportTicketNotification(ticket: SupportTicket): Promise<void>;
 }

package/dist/index.d.ts

@@ -211,6 +211,7 @@ interface EndpointsConfig {
     whatsapp?: string;
     worstPerformingWorkspaces?: string;
     agnoApiUrl?: string;
+    slackWebhookUrl?: string;
 }
 interface DateTimeConfig {
     defaultTimezone?: string;
@@ -4343,7 +4344,7 @@ interface SupportTicket {
 }
 declare class SlackAPI {
     /**
-     * Sends a support ticket notification to Slack via the API route
+     * Sends a support ticket notification directly to Slack webhook
      */
     static sendSupportTicketNotification(ticket: SupportTicket): Promise<void>;
 }

package/dist/index.js

@@ -137,8 +137,10 @@ var DEFAULT_DATE_TIME_CONFIG = {
 };
 var DEFAULT_ENDPOINTS_CONFIG = {
   whatsapp: "/api/send-whatsapp-direct",
-  agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://optifye-agent-production.up.railway.app"
+  agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://optifye-agent-production.up.railway.app",
   // Default AGNO API URL
+  slackWebhookUrl: process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL || void 0
+  // Slack webhook URL from environment
 };
 var DEFAULT_THEME_CONFIG = {
   // Sensible defaults for theme can be added here
@@ -25143,20 +25145,119 @@ var streamProxyConfig = {
 // src/lib/api/slackApi.ts
 var SlackAPI = class {
   /**
-   * Sends a support ticket notification to Slack via the API route
+   * Sends a support ticket notification directly to Slack webhook
    */
   static async sendSupportTicketNotification(ticket) {
     try {
-      const response = await fetch("/api/slack/support-ticket", {
+      const config = _getDashboardConfigInstance();
+      const endpointsConfig = config.endpoints ?? DEFAULT_ENDPOINTS_CONFIG;
+      const slackWebhookUrl = endpointsConfig.slackWebhookUrl;
+      if (!slackWebhookUrl) {
+        console.log("Slack webhook URL not configured, skipping notification");
+        return;
+      }
+      const timestamp = new Date(ticket.timestamp).toLocaleString("en-US", {
+        dateStyle: "medium",
+        timeStyle: "short",
+        timeZone: "UTC"
+      });
+      const maxDescriptionLength = 300;
+      const description = ticket.description.length > maxDescriptionLength ? `${ticket.description.substring(0, maxDescriptionLength)}...` : ticket.description;
+      const categoryConfig = {
+        general: { emoji: "\u{1F4AC}", color: "#36a64f" },
+        technical: { emoji: "\u{1F527}", color: "#ff6b6b" },
+        feature: { emoji: "\u2728", color: "#4ecdc4" },
+        billing: { emoji: "\u{1F4B3}", color: "#f7b731" }
+      };
+      const priorityConfig = {
+        low: { emoji: "\u{1F7E2}", color: "#36a64f" },
+        normal: { emoji: "\u{1F7E1}", color: "#ffc107" },
+        high: { emoji: "\u{1F7E0}", color: "#ff8c00" },
+        urgent: { emoji: "\u{1F534}", color: "#dc3545" }
+      };
+      const categoryInfo = categoryConfig[ticket.category] || categoryConfig.general;
+      const priorityInfo = priorityConfig[ticket.priority] || priorityConfig.normal;
+      const messageColor = ticket.priority === "high" || ticket.priority === "urgent" ? priorityInfo.color : categoryInfo.color;
+      const slackMessage = {
+        text: `New support ticket from ${ticket.email}`,
+        blocks: [
+          {
+            type: "header",
+            text: {
+              type: "plain_text",
+              text: "\u{1F3AB} New Support Ticket Submitted",
+              emoji: true
+            }
+          },
+          {
+            type: "section",
+            fields: [
+              {
+                type: "mrkdwn",
+                text: `*From:*
+${ticket.email}`
+              },
+              {
+                type: "mrkdwn",
+                text: `*Category:*
+${categoryInfo.emoji} ${ticket.category.charAt(0).toUpperCase() + ticket.category.slice(1)}`
+              },
+              {
+                type: "mrkdwn",
+                text: `*Priority:*
+${priorityInfo.emoji} ${ticket.priority.charAt(0).toUpperCase() + ticket.priority.slice(1)}`
+              },
+              {
+                type: "mrkdwn",
+                text: `*Subject:*
+${ticket.subject}`
+              },
+              {
+                type: "mrkdwn",
+                text: `*Submitted:*
+${timestamp} UTC`
+              }
+            ]
+          },
+          {
+            type: "section",
+            text: {
+              type: "mrkdwn",
+              text: `*Description:*
+${description}`
+            }
+          },
+          {
+            type: "divider"
+          },
+          {
+            type: "context",
+            elements: [
+              {
+                type: "mrkdwn",
+                text: `Category: \`${ticket.category}\` | Priority: ${priorityInfo.emoji} \`${ticket.priority.toUpperCase()}\` | ${ticket.priority === "urgent" ? "\u26A0\uFE0F Requires immediate attention" : "Standard processing"}`
+              }
+            ]
+          }
+        ],
+        attachments: [
+          {
+            color: messageColor,
+            fields: []
+          }
+        ]
+      };
+      const response = await fetch(slackWebhookUrl, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(ticket)
+        body: JSON.stringify(slackMessage)
       });
       if (!response.ok) {
-        const errorData = await response.json().catch(() => ({ message: "Unknown error" }));
-        throw new Error(errorData.message || `Failed with status: ${response.status}`);
+        const errorText = await response.text();
+        console.error("Slack webhook error:", errorText);
+        throw new Error(`Slack webhook failed with status: ${response.status}`);
       }
       console.log("Support ticket notification sent to Slack successfully");
     } catch (error) {

package/dist/index.mjs

@@ -108,8 +108,10 @@ var DEFAULT_DATE_TIME_CONFIG = {
 };
 var DEFAULT_ENDPOINTS_CONFIG = {
   whatsapp: "/api/send-whatsapp-direct",
-  agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://optifye-agent-production.up.railway.app"
+  agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://optifye-agent-production.up.railway.app",
   // Default AGNO API URL
+  slackWebhookUrl: process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL || void 0
+  // Slack webhook URL from environment
 };
 var DEFAULT_THEME_CONFIG = {
   // Sensible defaults for theme can be added here
@@ -25114,20 +25116,119 @@ var streamProxyConfig = {
 // src/lib/api/slackApi.ts
 var SlackAPI = class {
   /**
-   * Sends a support ticket notification to Slack via the API route
+   * Sends a support ticket notification directly to Slack webhook
    */
   static async sendSupportTicketNotification(ticket) {
     try {
-      const response = await fetch("/api/slack/support-ticket", {
+      const config = _getDashboardConfigInstance();
+      const endpointsConfig = config.endpoints ?? DEFAULT_ENDPOINTS_CONFIG;
+      const slackWebhookUrl = endpointsConfig.slackWebhookUrl;
+      if (!slackWebhookUrl) {
+        console.log("Slack webhook URL not configured, skipping notification");
+        return;
+      }
+      const timestamp = new Date(ticket.timestamp).toLocaleString("en-US", {
+        dateStyle: "medium",
+        timeStyle: "short",
+        timeZone: "UTC"
+      });
+      const maxDescriptionLength = 300;
+      const description = ticket.description.length > maxDescriptionLength ? `${ticket.description.substring(0, maxDescriptionLength)}...` : ticket.description;
+      const categoryConfig = {
+        general: { emoji: "\u{1F4AC}", color: "#36a64f" },
+        technical: { emoji: "\u{1F527}", color: "#ff6b6b" },
+        feature: { emoji: "\u2728", color: "#4ecdc4" },
+        billing: { emoji: "\u{1F4B3}", color: "#f7b731" }
+      };
+      const priorityConfig = {
+        low: { emoji: "\u{1F7E2}", color: "#36a64f" },
+        normal: { emoji: "\u{1F7E1}", color: "#ffc107" },
+        high: { emoji: "\u{1F7E0}", color: "#ff8c00" },
+        urgent: { emoji: "\u{1F534}", color: "#dc3545" }
+      };
+      const categoryInfo = categoryConfig[ticket.category] || categoryConfig.general;
+      const priorityInfo = priorityConfig[ticket.priority] || priorityConfig.normal;
+      const messageColor = ticket.priority === "high" || ticket.priority === "urgent" ? priorityInfo.color : categoryInfo.color;
+      const slackMessage = {
+        text: `New support ticket from ${ticket.email}`,
+        blocks: [
+          {
+            type: "header",
+            text: {
+              type: "plain_text",
+              text: "\u{1F3AB} New Support Ticket Submitted",
+              emoji: true
+            }
+          },
+          {
+            type: "section",
+            fields: [
+              {
+                type: "mrkdwn",
+                text: `*From:*
+${ticket.email}`
+              },
+              {
+                type: "mrkdwn",
+                text: `*Category:*
+${categoryInfo.emoji} ${ticket.category.charAt(0).toUpperCase() + ticket.category.slice(1)}`
+              },
+              {
+                type: "mrkdwn",
+                text: `*Priority:*
+${priorityInfo.emoji} ${ticket.priority.charAt(0).toUpperCase() + ticket.priority.slice(1)}`
+              },
+              {
+                type: "mrkdwn",
+                text: `*Subject:*
+${ticket.subject}`
+              },
+              {
+                type: "mrkdwn",
+                text: `*Submitted:*
+${timestamp} UTC`
+              }
+            ]
+          },
+          {
+            type: "section",
+            text: {
+              type: "mrkdwn",
+              text: `*Description:*
+${description}`
+            }
+          },
+          {
+            type: "divider"
+          },
+          {
+            type: "context",
+            elements: [
+              {
+                type: "mrkdwn",
+                text: `Category: \`${ticket.category}\` | Priority: ${priorityInfo.emoji} \`${ticket.priority.toUpperCase()}\` | ${ticket.priority === "urgent" ? "\u26A0\uFE0F Requires immediate attention" : "Standard processing"}`
+              }
+            ]
+          }
+        ],
+        attachments: [
+          {
+            color: messageColor,
+            fields: []
+          }
+        ]
+      };
+      const response = await fetch(slackWebhookUrl, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(ticket)
+        body: JSON.stringify(slackMessage)
       });
       if (!response.ok) {
-        const errorData = await response.json().catch(() => ({ message: "Unknown error" }));
-        throw new Error(errorData.message || `Failed with status: ${response.status}`);
+        const errorText = await response.text();
+        console.error("Slack webhook error:", errorText);
+        throw new Error(`Slack webhook failed with status: ${response.status}`);
       }
       console.log("Support ticket notification sent to Slack successfully");
     } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optifye/dashboard-core",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",