@optifye/dashboard-core 4.2.0 → 4.2.2

package/dist/index.d.mts

@@ -211,6 +211,8 @@ interface EndpointsConfig {
     whatsapp?: string;
     worstPerformingWorkspaces?: string;
     agnoApiUrl?: string;
+    slackWebhookUrl?: string;
+    slackProxyEndpoint?: string;
 }
 interface DateTimeConfig {
     defaultTimezone?: string;
@@ -4343,9 +4345,63 @@ interface SupportTicket {
 }
 declare class SlackAPI {
     /**
-     * Sends a support ticket notification to Slack via the API route
+     * Sends a support ticket notification to Slack.
+     * 1. If slackWebhookUrl is configured, send directly (preferred)
+     * 2. Otherwise, if slackProxyEndpoint is configured, send to the proxy
+     * If neither is configured, logs a warning.
      */
     static sendSupportTicketNotification(ticket: SupportTicket): Promise<void>;
+    /**
+     * Formats a support ticket into a Slack message format
+     * This can be used by server-side implementations
+     */
+    static formatSlackMessage(ticket: SupportTicket): {
+        text: string;
+        blocks: ({
+            type: string;
+            text: {
+                type: string;
+                text: string;
+                emoji: boolean;
+            };
+            fields?: undefined;
+            elements?: undefined;
+        } | {
+            type: string;
+            fields: {
+                type: string;
+                text: string;
+            }[];
+            text?: undefined;
+            elements?: undefined;
+        } | {
+            type: string;
+            text: {
+                type: string;
+                text: string;
+                emoji?: undefined;
+            };
+            fields?: undefined;
+            elements?: undefined;
+        } | {
+            type: string;
+            text?: undefined;
+            fields?: undefined;
+            elements?: undefined;
+        } | {
+            type: string;
+            elements: {
+                type: string;
+                text: string;
+            }[];
+            text?: undefined;
+            fields?: undefined;
+        })[];
+        attachments: {
+            color: string;
+            fields: never[];
+        }[];
+    };
 }
 
 interface ThreadSidebarProps {

package/dist/index.d.ts

@@ -211,6 +211,8 @@ interface EndpointsConfig {
     whatsapp?: string;
     worstPerformingWorkspaces?: string;
     agnoApiUrl?: string;
+    slackWebhookUrl?: string;
+    slackProxyEndpoint?: string;
 }
 interface DateTimeConfig {
     defaultTimezone?: string;
@@ -4343,9 +4345,63 @@ interface SupportTicket {
 }
 declare class SlackAPI {
     /**
-     * Sends a support ticket notification to Slack via the API route
+     * Sends a support ticket notification to Slack.
+     * 1. If slackWebhookUrl is configured, send directly (preferred)
+     * 2. Otherwise, if slackProxyEndpoint is configured, send to the proxy
+     * If neither is configured, logs a warning.
      */
     static sendSupportTicketNotification(ticket: SupportTicket): Promise<void>;
+    /**
+     * Formats a support ticket into a Slack message format
+     * This can be used by server-side implementations
+     */
+    static formatSlackMessage(ticket: SupportTicket): {
+        text: string;
+        blocks: ({
+            type: string;
+            text: {
+                type: string;
+                text: string;
+                emoji: boolean;
+            };
+            fields?: undefined;
+            elements?: undefined;
+        } | {
+            type: string;
+            fields: {
+                type: string;
+                text: string;
+            }[];
+            text?: undefined;
+            elements?: undefined;
+        } | {
+            type: string;
+            text: {
+                type: string;
+                text: string;
+                emoji?: undefined;
+            };
+            fields?: undefined;
+            elements?: undefined;
+        } | {
+            type: string;
+            text?: undefined;
+            fields?: undefined;
+            elements?: undefined;
+        } | {
+            type: string;
+            elements: {
+                type: string;
+                text: string;
+            }[];
+            text?: undefined;
+            fields?: undefined;
+        })[];
+        attachments: {
+            color: string;
+            fields: never[];
+        }[];
+    };
 }
 
 interface ThreadSidebarProps {

package/dist/index.js

@@ -137,8 +137,11 @@ 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
+  // Hard-coded Slack webhook so the Help page works out-of-the-box without any config
+  slackWebhookUrl: "https://hooks.slack.com/services/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",
+  slackProxyEndpoint: void 0
 };
 var DEFAULT_THEME_CONFIG = {
   // Sensible defaults for theme can be added here
@@ -23224,13 +23227,13 @@ var SideNavBar = React33.memo(({
           {
             onClick: handleKPIsClick,
             className: kpisButtonClasses,
-            "aria-label": "KPIs",
+            "aria-label": "Lines",
             tabIndex: 0,
             role: "tab",
             "aria-selected": pathname === "/kpis" || pathname.startsWith("/kpis/"),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, { className: "w-5 h-5 mb-1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium leading-tight", children: "KPIs" })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium leading-tight", children: "Lines" })
             ]
           }
         ),
@@ -25143,27 +25146,152 @@ 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 to Slack.
+   * 1. If slackWebhookUrl is configured, send directly (preferred)
+   * 2. Otherwise, if slackProxyEndpoint is configured, send to the proxy
+   * If neither is configured, logs a warning.
    */
   static async sendSupportTicketNotification(ticket) {
     try {
-      const response = await fetch("/api/slack/support-ticket", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(ticket)
-      });
-      if (!response.ok) {
-        const errorData = await response.json().catch(() => ({ message: "Unknown error" }));
-        throw new Error(errorData.message || `Failed with status: ${response.status}`);
+      const config = _getDashboardConfigInstance();
+      const endpointsConfig = config.endpoints ?? DEFAULT_ENDPOINTS_CONFIG;
+      const { slackWebhookUrl, slackProxyEndpoint } = endpointsConfig;
+      if (slackWebhookUrl) {
+        const slackMessage = this.formatSlackMessage(ticket);
+        const response = await fetch(slackWebhookUrl, {
+          method: "POST",
+          headers: {
+            // Use form-urlencoded + simple headers to avoid CORS preflight
+            "Content-Type": "application/x-www-form-urlencoded"
+          },
+          body: `payload=${encodeURIComponent(JSON.stringify(slackMessage))}`
+        });
+        if (!response.ok) {
+          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 via webhook");
+        return;
+      }
+      if (slackProxyEndpoint) {
+        const response = await fetch(slackProxyEndpoint, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(ticket)
+        });
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({ message: "Unknown error" }));
+          throw new Error(errorData.message || `Proxy failed with status: ${response.status}`);
+        }
+        console.log("Support ticket notification sent to Slack successfully via proxy");
+        return;
       }
-      console.log("Support ticket notification sent to Slack successfully");
+      console.warn("Slack notification skipped: No webhook or proxy endpoint configured");
     } catch (error) {
       console.error("Failed to send Slack notification:", error);
       throw error;
     }
   }
+  /**
+   * Formats a support ticket into a Slack message format
+   * This can be used by server-side implementations
+   */
+  static formatSlackMessage(ticket) {
+    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;
+    return {
+      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: []
+        }
+      ]
+    };
+  }
 };
 var HelpView = ({
   onTicketSubmit,
@@ -26605,7 +26733,7 @@ var KPIsOverviewView = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Production Line KPIs" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Shop-floor overview" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-2 rounded-full bg-green-500 animate-pulse ring-2 ring-green-500/30 ring-offset-1" })
         ] }) })
       ] }) }) }),
@@ -26627,7 +26755,7 @@ var KPIsOverviewView = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Production Line KPIs" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Shop-floor overview" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-2 rounded-full bg-green-500 animate-pulse ring-2 ring-green-500/30 ring-offset-1" })
         ] }) })
       ] }) }) }),
@@ -26652,7 +26780,7 @@ var KPIsOverviewView = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Production Line KPIs" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Shop-floor overview" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-2 rounded-full bg-green-500 animate-pulse ring-2 ring-green-500/30 ring-offset-1" })
         ] }) })
       ] }),

package/dist/index.mjs

@@ -108,8 +108,11 @@ 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
+  // Hard-coded Slack webhook so the Help page works out-of-the-box without any config
+  slackWebhookUrl: "https://hooks.slack.com/services/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",
+  slackProxyEndpoint: void 0
 };
 var DEFAULT_THEME_CONFIG = {
   // Sensible defaults for theme can be added here
@@ -23195,13 +23198,13 @@ var SideNavBar = memo(({
           {
             onClick: handleKPIsClick,
             className: kpisButtonClasses,
-            "aria-label": "KPIs",
+            "aria-label": "Lines",
             tabIndex: 0,
             role: "tab",
             "aria-selected": pathname === "/kpis" || pathname.startsWith("/kpis/"),
             children: [
               /* @__PURE__ */ jsx(ChartBarIcon, { className: "w-5 h-5 mb-1" }),
-              /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium leading-tight", children: "KPIs" })
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium leading-tight", children: "Lines" })
             ]
           }
         ),
@@ -25114,27 +25117,152 @@ 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 to Slack.
+   * 1. If slackWebhookUrl is configured, send directly (preferred)
+   * 2. Otherwise, if slackProxyEndpoint is configured, send to the proxy
+   * If neither is configured, logs a warning.
    */
   static async sendSupportTicketNotification(ticket) {
     try {
-      const response = await fetch("/api/slack/support-ticket", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(ticket)
-      });
-      if (!response.ok) {
-        const errorData = await response.json().catch(() => ({ message: "Unknown error" }));
-        throw new Error(errorData.message || `Failed with status: ${response.status}`);
+      const config = _getDashboardConfigInstance();
+      const endpointsConfig = config.endpoints ?? DEFAULT_ENDPOINTS_CONFIG;
+      const { slackWebhookUrl, slackProxyEndpoint } = endpointsConfig;
+      if (slackWebhookUrl) {
+        const slackMessage = this.formatSlackMessage(ticket);
+        const response = await fetch(slackWebhookUrl, {
+          method: "POST",
+          headers: {
+            // Use form-urlencoded + simple headers to avoid CORS preflight
+            "Content-Type": "application/x-www-form-urlencoded"
+          },
+          body: `payload=${encodeURIComponent(JSON.stringify(slackMessage))}`
+        });
+        if (!response.ok) {
+          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 via webhook");
+        return;
+      }
+      if (slackProxyEndpoint) {
+        const response = await fetch(slackProxyEndpoint, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(ticket)
+        });
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({ message: "Unknown error" }));
+          throw new Error(errorData.message || `Proxy failed with status: ${response.status}`);
+        }
+        console.log("Support ticket notification sent to Slack successfully via proxy");
+        return;
       }
-      console.log("Support ticket notification sent to Slack successfully");
+      console.warn("Slack notification skipped: No webhook or proxy endpoint configured");
     } catch (error) {
       console.error("Failed to send Slack notification:", error);
       throw error;
     }
   }
+  /**
+   * Formats a support ticket into a Slack message format
+   * This can be used by server-side implementations
+   */
+  static formatSlackMessage(ticket) {
+    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;
+    return {
+      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: []
+        }
+      ]
+    };
+  }
 };
 var HelpView = ({
   onTicketSubmit,
@@ -26576,7 +26704,7 @@ var KPIsOverviewView = ({
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "flex-1 flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Production Line KPIs" }),
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Shop-floor overview" }),
           /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-green-500 animate-pulse ring-2 ring-green-500/30 ring-offset-1" })
         ] }) })
       ] }) }) }),
@@ -26598,7 +26726,7 @@ var KPIsOverviewView = ({
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "flex-1 flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Production Line KPIs" }),
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Shop-floor overview" }),
           /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-green-500 animate-pulse ring-2 ring-green-500/30 ring-offset-1" })
         ] }) })
       ] }) }) }),
@@ -26623,7 +26751,7 @@ var KPIsOverviewView = ({
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "flex-1 flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Production Line KPIs" }),
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-gray-800 tracking-tight", children: "Shop-floor overview" }),
           /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-green-500 animate-pulse ring-2 ring-green-500/30 ring-offset-1" })
         ] }) })
       ] }),

package/package.json

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