@optifye/dashboard-core 4.2.1 → 4.2.3

package/dist/index.d.mts

@@ -212,6 +212,7 @@ interface EndpointsConfig {
     worstPerformingWorkspaces?: string;
     agnoApiUrl?: string;
     slackWebhookUrl?: string;
+    slackProxyEndpoint?: string;
 }
 interface DateTimeConfig {
     defaultTimezone?: string;
@@ -4344,9 +4345,63 @@ interface SupportTicket {
 }
 declare class SlackAPI {
     /**
-     * Sends a support ticket notification directly to Slack webhook
+     * 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

@@ -212,6 +212,7 @@ interface EndpointsConfig {
     worstPerformingWorkspaces?: string;
     agnoApiUrl?: string;
     slackWebhookUrl?: string;
+    slackProxyEndpoint?: string;
 }
 interface DateTimeConfig {
     defaultTimezone?: string;
@@ -4344,9 +4345,63 @@ interface SupportTicket {
 }
 declare class SlackAPI {
     /**
-     * Sends a support ticket notification directly to Slack webhook
+     * 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

@@ -139,8 +139,10 @@ var DEFAULT_ENDPOINTS_CONFIG = {
   whatsapp: "/api/send-whatsapp-direct",
   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
+  // Use environment variable for Slack webhook URL for privacy/security
+  // Note: SLACK_WEBHOOK_URL is server-side only, NEXT_PUBLIC_SLACK_WEBHOOK_URL works client-side but is less secure
+  slackWebhookUrl: process.env.SLACK_WEBHOOK_URL || process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL || void 0,
+  slackProxyEndpoint: void 0
 };
 var DEFAULT_THEME_CONFIG = {
   // Sensible defaults for theme can be added here
@@ -23226,13 +23228,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" })
             ]
           }
         ),
@@ -25145,125 +25147,166 @@ var streamProxyConfig = {
 // src/lib/api/slackApi.ts
 var SlackAPI = class {
   /**
-   * Sends a support ticket notification directly to Slack webhook
+   * 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 config = _getDashboardConfigInstance();
       const endpointsConfig = config.endpoints ?? DEFAULT_ENDPOINTS_CONFIG;
-      const slackWebhookUrl = endpointsConfig.slackWebhookUrl;
-      if (!slackWebhookUrl) {
-        console.log("Slack webhook URL not configured, skipping notification");
+      const { slackWebhookUrl, slackProxyEndpoint } = endpointsConfig;
+      console.log("SlackAPI Debug - Configuration check:", {
+        hasConfig: !!config,
+        hasEndpoints: !!config.endpoints,
+        slackWebhookUrl: slackWebhookUrl ? "configured" : "not configured",
+        slackProxyEndpoint: slackProxyEndpoint ? "configured" : "not configured",
+        envVariable: process.env.SLACK_WEBHOOK_URL ? "set" : "not set",
+        publicEnvVariable: process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL ? "set" : "not set"
+      });
+      if (process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL && !process.env.SLACK_WEBHOOK_URL) {
+        console.warn("\u26A0\uFE0F SECURITY WARNING: Using NEXT_PUBLIC_SLACK_WEBHOOK_URL exposes your webhook URL to the client. Consider using a server-side proxy instead.");
+      }
+      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;
       }
-      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
-            }
+      if (slackProxyEndpoint) {
+        const response = await fetch(slackProxyEndpoint, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
           },
-          {
-            type: "section",
-            fields: [
-              {
-                type: "mrkdwn",
-                text: `*From:*
+          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.warn("Slack notification skipped: No webhook or proxy endpoint configured");
+      console.info("To fix this, either:");
+      console.info("1. Set up a server-side proxy endpoint and configure slackProxyEndpoint in your dashboard config");
+      console.info("2. For development only: use NEXT_PUBLIC_SLACK_WEBHOOK_URL (not recommended for production)");
+      console.info("3. Configure the webhook URL directly in your dashboard config at runtime");
+    } 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:*
+            },
+            {
+              type: "mrkdwn",
+              text: `*Category:*
 ${categoryInfo.emoji} ${ticket.category.charAt(0).toUpperCase() + ticket.category.slice(1)}`
-              },
-              {
-                type: "mrkdwn",
-                text: `*Priority:*
+            },
+            {
+              type: "mrkdwn",
+              text: `*Priority:*
 ${priorityInfo.emoji} ${ticket.priority.charAt(0).toUpperCase() + ticket.priority.slice(1)}`
-              },
-              {
-                type: "mrkdwn",
-                text: `*Subject:*
+            },
+            {
+              type: "mrkdwn",
+              text: `*Subject:*
 ${ticket.subject}`
-              },
-              {
-                type: "mrkdwn",
-                text: `*Submitted:*
-${timestamp} UTC`
-              }
-            ]
-          },
-          {
-            type: "section",
-            text: {
+            },
+            {
               type: "mrkdwn",
-              text: `*Description:*
-${description}`
+              text: `*Submitted:*
+${timestamp} UTC`
             }
-          },
-          {
-            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: []
+          ]
+        },
+        {
+          type: "section",
+          text: {
+            type: "mrkdwn",
+            text: `*Description:*
+${description}`
           }
-        ]
-      };
-      const response = await fetch(slackWebhookUrl, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
         },
-        body: 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");
-    } catch (error) {
-      console.error("Failed to send Slack notification:", error);
-      throw error;
-    }
+        {
+          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 = ({
@@ -26706,7 +26749,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" })
         ] }) })
       ] }) }) }),
@@ -26728,7 +26771,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" })
         ] }) })
       ] }) }) }),
@@ -26753,7 +26796,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

@@ -110,8 +110,10 @@ var DEFAULT_ENDPOINTS_CONFIG = {
   whatsapp: "/api/send-whatsapp-direct",
   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
+  // Use environment variable for Slack webhook URL for privacy/security
+  // Note: SLACK_WEBHOOK_URL is server-side only, NEXT_PUBLIC_SLACK_WEBHOOK_URL works client-side but is less secure
+  slackWebhookUrl: process.env.SLACK_WEBHOOK_URL || process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL || void 0,
+  slackProxyEndpoint: void 0
 };
 var DEFAULT_THEME_CONFIG = {
   // Sensible defaults for theme can be added here
@@ -23197,13 +23199,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" })
             ]
           }
         ),
@@ -25116,125 +25118,166 @@ var streamProxyConfig = {
 // src/lib/api/slackApi.ts
 var SlackAPI = class {
   /**
-   * Sends a support ticket notification directly to Slack webhook
+   * 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 config = _getDashboardConfigInstance();
       const endpointsConfig = config.endpoints ?? DEFAULT_ENDPOINTS_CONFIG;
-      const slackWebhookUrl = endpointsConfig.slackWebhookUrl;
-      if (!slackWebhookUrl) {
-        console.log("Slack webhook URL not configured, skipping notification");
+      const { slackWebhookUrl, slackProxyEndpoint } = endpointsConfig;
+      console.log("SlackAPI Debug - Configuration check:", {
+        hasConfig: !!config,
+        hasEndpoints: !!config.endpoints,
+        slackWebhookUrl: slackWebhookUrl ? "configured" : "not configured",
+        slackProxyEndpoint: slackProxyEndpoint ? "configured" : "not configured",
+        envVariable: process.env.SLACK_WEBHOOK_URL ? "set" : "not set",
+        publicEnvVariable: process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL ? "set" : "not set"
+      });
+      if (process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL && !process.env.SLACK_WEBHOOK_URL) {
+        console.warn("\u26A0\uFE0F SECURITY WARNING: Using NEXT_PUBLIC_SLACK_WEBHOOK_URL exposes your webhook URL to the client. Consider using a server-side proxy instead.");
+      }
+      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;
       }
-      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
-            }
+      if (slackProxyEndpoint) {
+        const response = await fetch(slackProxyEndpoint, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
           },
-          {
-            type: "section",
-            fields: [
-              {
-                type: "mrkdwn",
-                text: `*From:*
+          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.warn("Slack notification skipped: No webhook or proxy endpoint configured");
+      console.info("To fix this, either:");
+      console.info("1. Set up a server-side proxy endpoint and configure slackProxyEndpoint in your dashboard config");
+      console.info("2. For development only: use NEXT_PUBLIC_SLACK_WEBHOOK_URL (not recommended for production)");
+      console.info("3. Configure the webhook URL directly in your dashboard config at runtime");
+    } 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:*
+            },
+            {
+              type: "mrkdwn",
+              text: `*Category:*
 ${categoryInfo.emoji} ${ticket.category.charAt(0).toUpperCase() + ticket.category.slice(1)}`
-              },
-              {
-                type: "mrkdwn",
-                text: `*Priority:*
+            },
+            {
+              type: "mrkdwn",
+              text: `*Priority:*
 ${priorityInfo.emoji} ${ticket.priority.charAt(0).toUpperCase() + ticket.priority.slice(1)}`
-              },
-              {
-                type: "mrkdwn",
-                text: `*Subject:*
+            },
+            {
+              type: "mrkdwn",
+              text: `*Subject:*
 ${ticket.subject}`
-              },
-              {
-                type: "mrkdwn",
-                text: `*Submitted:*
-${timestamp} UTC`
-              }
-            ]
-          },
-          {
-            type: "section",
-            text: {
+            },
+            {
               type: "mrkdwn",
-              text: `*Description:*
-${description}`
+              text: `*Submitted:*
+${timestamp} UTC`
             }
-          },
-          {
-            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: []
+          ]
+        },
+        {
+          type: "section",
+          text: {
+            type: "mrkdwn",
+            text: `*Description:*
+${description}`
           }
-        ]
-      };
-      const response = await fetch(slackWebhookUrl, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
         },
-        body: 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");
-    } catch (error) {
-      console.error("Failed to send Slack notification:", error);
-      throw error;
-    }
+        {
+          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 = ({
@@ -26677,7 +26720,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" })
         ] }) })
       ] }) }) }),
@@ -26699,7 +26742,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" })
         ] }) })
       ] }) }) }),
@@ -26724,7 +26767,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.1",
+  "version": "4.2.3",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",