@deepfrog/pangents-widget 2.1.2 → 2.1.4

package/README.md

@@ -29,6 +29,7 @@ function App() {
       pangentsApiKey="Ph75vjKOsJbDuPyxR8-wW0_GYYm7ytVF0XQid2GXEZQ"
       tenantId="69386fa4a5248bcd50a4fdd2"
       email="user@example.com" // Optional: pre-fill login email
+      zIndex={9999}           // Optional: control overlay stacking order
       theme={{
         primaryColor: '#1e40af',
         headerBg: '#1e40af',
@@ -54,6 +55,7 @@ function App() {
     pangentsApiKey: '<api_key>',
     tenantId: '<tenant_id>',
     email: 'user@example.com', // Optional: pre-fill login email
+    zIndex: 9999,              // Optional: control overlay stacking order
     theme: {
       primaryColor: '#1e40af',
       headerBg: '#1e40af',
@@ -78,6 +80,7 @@ function App() {
     pangentsApiKey: '<api_key>',
     tenantId: '<tenant_id>',
     email: 'user@example.com', // Optional: pre-fill login email
+    zIndex: 9999,              // Optional: control overlay stacking order
     theme: {
       primaryColor: '#1e40af',
       headerBg: '#1e40af',

package/dist/preview.html

@@ -240,6 +240,7 @@ import Chatbot from "https://chat-widget-gamma-azure.vercel.app/widget.js";
       },
       position: "bottom-left",
       margin: "20px",
+      zIndex: 9999,
     });
   </script>
 </body>

package/dist/widget.js

@@ -10108,6 +10108,7 @@ function chatReducer(state, action) {
 const ChatContext = reactExports.createContext(void 0);
 function ChatProvider({ children, initialTheme, apiKey, tenantId, email }) {
   const [state, dispatch] = reactExports.useReducer(chatReducer, initialState$2);
+  const prevProps = reactExports.useRef({});
   reactExports.useEffect(() => {
     const savedAuth = storageUtils.getAuth();
     const savedSessions = storageUtils.getSessions();
@@ -10253,6 +10254,28 @@ function ChatProvider({ children, initialTheme, apiKey, tenantId, email }) {
     storageUtils.clearAll();
     dispatch({ type: "CLEAR_DATA" });
   };
+  reactExports.useEffect(() => {
+    const storedApiKey = storageUtils.getApiKey();
+    if (apiKey && apiKey !== storedApiKey) {
+      storageUtils.saveApiKey(apiKey);
+    }
+    if (!apiKey && storedApiKey) {
+      storageUtils.clearApiKey();
+    }
+    const storedAuth = storageUtils.getAuth();
+    const storedEmail = storedAuth == null ? void 0 : storedAuth.email;
+    if (email && email !== storedEmail) {
+      storageUtils.clearAuth();
+      storageUtils.saveSessions([]);
+      storageUtils.saveCurrentSession(null);
+    }
+    if (tenantId && prevProps.current.tenantId !== tenantId) {
+      storageUtils.clearAuth();
+      storageUtils.saveSessions([]);
+      storageUtils.saveCurrentSession(null);
+    }
+    prevProps.current = { apiKey, tenantId, email };
+  }, [apiKey, tenantId, email]);
   const contextValue = {
     ...state,
     openWidget,
@@ -33463,11 +33486,15 @@ function Pagination({
   primaryColor
 }) {
   const pages = [];
-  for (let i = 1; i <= Math.min(3, totalPages); i++) {
-    pages.push(i);
-  }
-  if (totalPages > 4) {
-    pages.push(-1);
+  if (totalPages <= 5) {
+    for (let i = 1; i <= totalPages; i++) pages.push(i);
+  } else {
+    pages.push(1);
+    if (currentPage > 3) pages.push(-1);
+    const start = Math.max(2, currentPage - 1);
+    const end = Math.min(totalPages - 1, currentPage + 1);
+    for (let i = start; i <= end; i++) pages.push(i);
+    if (currentPage < totalPages - 2) pages.push(-1);
     pages.push(totalPages);
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-1 py-3", children: [
@@ -34012,14 +34039,32 @@ function EmailLeadDetailPage() {
     ) : /* @__PURE__ */ jsxRuntimeExports.jsx(CarrierEmailView, { theme }) })
   ] });
 }
-const EMAIL_LEADS_STATS = {
-  totalDraftLoads: 45,
-  newToday: 9,
-  valueOfPotentialLoad: 12330,
-  quotesWon: { current: 45, total: 67 },
-  conversionsThisMonth: 15,
-  timeSaved: 120
-};
+class DashboardService {
+  static async getEmailsClassifiedTodayCount() {
+    const response = await api.get("/crm/emails/me/metric/clasified_today_count");
+    return response.data;
+  }
+  static async getLeadsTodayCount() {
+    const response = await api.get("/crm/leads/me/leads/count_today");
+    return response.data;
+  }
+  static async getLeadsTillDateCount() {
+    const response = await api.get("/crm/leads/me/leads/count_till_date");
+    return response.data;
+  }
+  static async getDashboardStats() {
+    const [emails, leadsToday, leadsTillDate] = await Promise.all([
+      this.getEmailsClassifiedTodayCount(),
+      this.getLeadsTodayCount(),
+      this.getLeadsTillDateCount()
+    ]);
+    return {
+      emailsClassifiedToday: emails.count ?? 0,
+      leadsToday: leadsToday.count ?? 0,
+      leadsTillDate: leadsTillDate.count ?? 0
+    };
+  }
+}
 const generateHeatmapData = () => {
   const data = [];
   for (let i = 0; i < 35; i++) {
@@ -34075,6 +34120,8 @@ function Home() {
   var _a2;
   const { theme, user } = useChatContext();
   useNavigate();
+  const [stats, setStats] = reactExports.useState(null);
+  const [statsLoading, setStatsLoading] = reactExports.useState(false);
   const currentDate = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
     weekday: "long",
     month: "long",
@@ -34084,6 +34131,20 @@ function Home() {
   const primaryColor = theme.primaryColor || "#1e40af";
   const userName = ((_a2 = user == null ? void 0 : user.email) == null ? void 0 : _a2.split("@")[0]) || "User";
   const capitalizedName = userName.charAt(0).toUpperCase() + userName.slice(1);
+  reactExports.useEffect(() => {
+    let mounted = true;
+    setStatsLoading(true);
+    DashboardService.getDashboardStats().then((data) => {
+      if (mounted) setStats(data);
+    }).catch(() => {
+      if (mounted) setStats({ emailsClassifiedToday: 0, leadsToday: 0, leadsTillDate: 0 });
+    }).finally(() => {
+      if (mounted) setStatsLoading(false);
+    });
+    return () => {
+      mounted = false;
+    };
+  }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full bg-white overflow-y-auto", style: { fontFamily: theme.fontFamily }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-5 py-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "text-lg text-gray-800", children: [
@@ -34100,8 +34161,8 @@ function Home() {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           StatCard,
           {
-            title: "Total Draft Loads created",
-            value: EMAIL_LEADS_STATS.totalDraftLoads,
+            title: "Leads Till Date",
+            value: (stats == null ? void 0 : stats.leadsTillDate) ?? "—",
             borderColor: primaryColor,
             iconBg: `${primaryColor}15`,
             iconColor: primaryColor,
@@ -34111,8 +34172,8 @@ function Home() {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           StatCard,
           {
-            title: "New Today",
-            value: `0${EMAIL_LEADS_STATS.newToday}`,
+            title: "Leads Today",
+            value: stats ? `${stats.leadsToday}` : "—",
             borderColor: "#ef4444",
             iconBg: "#fef2f2",
             iconColor: "#ef4444",
@@ -34122,8 +34183,8 @@ function Home() {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           StatCard,
           {
-            title: "Value of Potential Load",
-            value: `$${EMAIL_LEADS_STATS.valueOfPotentialLoad.toLocaleString()}`,
+            title: "Emails Classified Today",
+            value: (stats == null ? void 0 : stats.emailsClassifiedToday) ?? "—",
             borderColor: "#ef4444",
             iconBg: "#fef2f2",
             iconColor: "#ef4444",
@@ -34136,7 +34197,7 @@ function Home() {
           StatCard,
           {
             title: "Quotes Won",
-            value: `${EMAIL_LEADS_STATS.quotesWon.current}/${EMAIL_LEADS_STATS.quotesWon.total}`,
+            value: "—",
             borderColor: "#22c55e",
             iconBg: "#f0fdf4",
             iconColor: "#22c55e",
@@ -34149,7 +34210,7 @@ function Home() {
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-6 h-6 rounded-full flex items-center justify-center", style: { backgroundColor: `${primaryColor}15` }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrendingUp, { className: "w-3 h-3", style: { color: primaryColor } }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-gray-600", children: "Conversions this month" })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xl font-bold", style: { color: primaryColor }, children: EMAIL_LEADS_STATS.conversionsThisMonth }) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xl font-bold", style: { color: primaryColor }, children: "—" }) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ActivityHeatmap, { primaryColor }) })
         ] }) })
@@ -34158,7 +34219,7 @@ function Home() {
         StatCard,
         {
           title: "Time Saved",
-          value: `${EMAIL_LEADS_STATS.timeSaved} Mins`,
+          value: "—",
           borderColor: primaryColor,
           iconBg: `${primaryColor}15`,
           iconColor: primaryColor,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@deepfrog/pangents-widget",
   "private": false,
-  "version": "2.1.2",
+  "version": "2.1.4",
   "description": "Pangents AI  - Embeddable AI widget for web applications",
   "type": "module",
   "main": "dist/index.cjs.js",