@helpway/react 0.13.1 → 0.13.3

package/dist/index.js

@@ -87,6 +87,227 @@ function isRealtimeEvent(data) {
   return typeof data === "object" && data !== null && "type" in data && typeof data.type === "string";
 }
 
+// ../types/src/doc-nav-icons.ts
+var DOC_NAV_ICONS = [
+  {
+    name: "globe",
+    label: "Globe",
+    shapes: [
+      { t: "circle", cx: 12, cy: 12, r: 10 },
+      { t: "path", d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" }
+    ]
+  },
+  {
+    name: "code",
+    label: "Code",
+    shapes: [
+      { t: "polyline", points: "16 18 22 12 16 6" },
+      { t: "polyline", points: "8 6 2 12 8 18" }
+    ]
+  },
+  {
+    name: "book",
+    label: "Book",
+    shapes: [
+      { t: "path", d: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20" },
+      { t: "path", d: "M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z" }
+    ]
+  },
+  {
+    name: "rocket",
+    label: "Rocket",
+    shapes: [
+      { t: "path", d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z" },
+      { t: "path", d: "m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" },
+      { t: "path", d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" }
+    ]
+  },
+  {
+    name: "terminal",
+    label: "Terminal",
+    shapes: [
+      { t: "polyline", points: "4 17 10 11 4 5" },
+      { t: "line", x1: 12, y1: 19, x2: 20, y2: 19 }
+    ]
+  },
+  {
+    name: "server",
+    label: "Server",
+    shapes: [
+      { t: "rect", x: 2, y: 2, width: 20, height: 8, rx: 2 },
+      { t: "rect", x: 2, y: 14, width: 20, height: 8, rx: 2 },
+      { t: "line", x1: 6, y1: 6, x2: 6.01, y2: 6 },
+      { t: "line", x1: 6, y1: 18, x2: 6.01, y2: 18 }
+    ]
+  },
+  {
+    name: "key",
+    label: "Key",
+    shapes: [
+      { t: "circle", cx: 7.5, cy: 15.5, r: 5.5 },
+      { t: "path", d: "m21 2-9.6 9.6M16 6l4 4" }
+    ]
+  },
+  {
+    name: "puzzle",
+    label: "Puzzle",
+    shapes: [
+      { t: "path", d: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.704.706 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.28 8.687c.24-.24.581-.353.925-.29.493.074.84.504 1.02.968a2.5 2.5 0 1 0 3.237-3.237c-.464-.18-.894-.527-.967-1.02a1.026 1.026 0 0 1 .289-.877l1.568-1.568A2.402 2.402 0 0 1 12 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.18.464-.527.894-1.02.968z" }
+    ]
+  },
+  {
+    name: "file",
+    label: "File",
+    shapes: [
+      { t: "path", d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" },
+      { t: "polyline", points: "14 2 14 8 20 8" }
+    ]
+  },
+  {
+    name: "settings",
+    label: "Settings",
+    shapes: [
+      { t: "circle", cx: 12, cy: 12, r: 3 },
+      { t: "path", d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" }
+    ]
+  },
+  {
+    name: "zap",
+    label: "Zap",
+    shapes: [{ t: "polygon", points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }]
+  },
+  {
+    name: "layers",
+    label: "Layers",
+    shapes: [
+      { t: "polygon", points: "12 2 2 7 12 12 22 7 12 2" },
+      { t: "polyline", points: "2 17 12 22 22 17" },
+      { t: "polyline", points: "2 12 12 17 22 12" }
+    ]
+  },
+  {
+    name: "plug",
+    label: "Plug",
+    shapes: [
+      { t: "path", d: "M12 22v-5" },
+      { t: "path", d: "M9 8V2M15 8V2" },
+      { t: "path", d: "M18 8v5a6 6 0 0 1-12 0V8z" }
+    ]
+  },
+  {
+    name: "message",
+    label: "Message",
+    shapes: [{ t: "path", d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }]
+  },
+  {
+    name: "inbox",
+    label: "Inbox",
+    shapes: [
+      { t: "polyline", points: "22 12 16 12 14 15 10 15 8 12 2 12" },
+      { t: "path", d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" }
+    ]
+  },
+  {
+    name: "users",
+    label: "Users",
+    shapes: [
+      { t: "path", d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" },
+      { t: "circle", cx: 9, cy: 7, r: 4 },
+      { t: "path", d: "M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" }
+    ]
+  },
+  {
+    name: "mail",
+    label: "Mail",
+    shapes: [
+      { t: "rect", x: 2, y: 4, width: 20, height: 16, rx: 2 },
+      { t: "path", d: "m22 7-10 5L2 7" }
+    ]
+  },
+  {
+    name: "credit-card",
+    label: "Credit card",
+    shapes: [
+      { t: "rect", x: 1, y: 4, width: 22, height: 16, rx: 2 },
+      { t: "line", x1: 1, y1: 10, x2: 23, y2: 10 }
+    ]
+  },
+  {
+    name: "sparkles",
+    label: "Sparkles",
+    shapes: [
+      { t: "path", d: "m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z" }
+    ]
+  },
+  {
+    name: "bell",
+    label: "Bell",
+    shapes: [
+      { t: "path", d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" },
+      { t: "path", d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" }
+    ]
+  },
+  {
+    name: "search",
+    label: "Search",
+    shapes: [
+      { t: "circle", cx: 11, cy: 11, r: 8 },
+      { t: "path", d: "m21 21-4.3-4.3" }
+    ]
+  },
+  {
+    name: "wrench",
+    label: "Wrench",
+    shapes: [
+      { t: "path", d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }
+    ]
+  },
+  {
+    name: "shield",
+    label: "Shield",
+    shapes: [
+      { t: "path", d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" },
+      { t: "path", d: "m9 12 2 2 4-4" }
+    ]
+  },
+  {
+    name: "lifebuoy",
+    label: "Life buoy",
+    shapes: [
+      { t: "circle", cx: 12, cy: 12, r: 10 },
+      { t: "circle", cx: 12, cy: 12, r: 4 },
+      { t: "line", x1: 4.93, y1: 4.93, x2: 9.17, y2: 9.17 },
+      { t: "line", x1: 14.83, y1: 14.83, x2: 19.07, y2: 19.07 },
+      { t: "line", x1: 14.83, y1: 9.17, x2: 19.07, y2: 4.93 },
+      { t: "line", x1: 4.93, y1: 19.07, x2: 9.17, y2: 14.83 }
+    ]
+  },
+  {
+    name: "chart",
+    label: "Chart",
+    shapes: [
+      { t: "line", x1: 12, y1: 20, x2: 12, y2: 10 },
+      { t: "line", x1: 18, y1: 20, x2: 18, y2: 4 },
+      { t: "line", x1: 6, y1: 20, x2: 6, y2: 16 }
+    ]
+  },
+  {
+    name: "share",
+    label: "Share",
+    shapes: [
+      { t: "circle", cx: 18, cy: 5, r: 3 },
+      { t: "circle", cx: 6, cy: 12, r: 3 },
+      { t: "circle", cx: 18, cy: 19, r: 3 },
+      { t: "line", x1: 8.59, y1: 13.51, x2: 15.42, y2: 17.49 },
+      { t: "line", x1: 15.41, y1: 6.51, x2: 8.59, y2: 10.49 }
+    ]
+  }
+];
+var DOC_NAV_ICON_NAMES = DOC_NAV_ICONS.map((i) => i.name);
+var DOC_NAV_ICON_MAP = Object.fromEntries(
+  DOC_NAV_ICONS.map((i) => [i.name, i])
+);
+
 // ../widget-core/src/ws.ts
 var WebSocketManager = class {
   ws = null;
@@ -127,7 +348,8 @@ var WebSocketManager = class {
     const params = new URLSearchParams({
       type: "visitor",
       id: this.config.visitorId,
-      websiteId: this.config.websiteId
+      websiteId: this.config.websiteId,
+      key: this.config.apiKey
     });
     const ws = new WebSocket(`${base}/ws?${params}`);
     ws.onopen = () => {
@@ -335,7 +557,10 @@ function createWidgetStore() {
         next.set(
           conversationId,
           existing.map(
-            (m) => m.id === oldId ? { ...item, _stableKey: m._stableKey ?? oldId } : m
+            (m) => m.id === oldId ? {
+              ...item,
+              _stableKey: m._stableKey ?? oldId
+            } : m
           )
         );
         return { messages: next };
@@ -369,9 +594,21 @@ function createWidgetStore() {
           merged.push(m);
           if (isAgentMsg(m) && merged.length === 1) keptAgentWelcome = true;
         }
+        const serverVisitorTs = existingItems.find((x) => x.visitorId)?.createdAt;
+        let graftedWelcome = false;
         for (const m of existingItems) {
           if (seen.has(m.id)) continue;
-          if (isAgentMsg(m) && keptAgentWelcome) continue;
+          const isWelcomeEcho = isAgentMsg(m) && keptAgentWelcome && !graftedWelcome && (!serverVisitorTs || m.createdAt <= serverVisitorTs);
+          if (isWelcomeEcho) {
+            const seed = merged[0];
+            merged[0] = {
+              ...m,
+              _stableKey: seed ? seed._stableKey ?? seed.id : m.id
+            };
+            seen.add(m.id);
+            graftedWelcome = true;
+            continue;
+          }
           seen.add(m.id);
           merged.push(m);
         }
@@ -484,9 +721,14 @@ function createWidgetStore() {
             const isAgentAuthored = !!event.item.aiAgentId && !event.item.visitorId && !event.item.userId;
             const existing = state.messages.get(event.conversationId);
             const seedId = existing?.[0]?.id;
-            const isSeedWelcomeEcho = isAgentAuthored && !!existing && existing.length === 1 && typeof seedId === "string" && seedId.startsWith("seed-welcome-") && seedId !== event.item.id;
-            if (isSeedWelcomeEcho) {
-              break;
+            const hasSeedWelcome = typeof seedId === "string" && seedId.startsWith("seed-welcome-");
+            if (isAgentAuthored && hasSeedWelcome) {
+              const firstVisitorTs = existing?.find((m) => m.visitorId)?.createdAt;
+              const isWelcomeEcho = !firstVisitorTs || event.item.createdAt <= firstVisitorTs;
+              if (isWelcomeEcho) {
+                state.replaceMessage(event.conversationId, seedId, event.item);
+                break;
+              }
             }
             state.addMessage(event.conversationId, event.item);
           }
@@ -1054,7 +1296,8 @@ function SupportProvider({
     const ws2 = new WebSocketManager({
       apiUrl: resolvedApiUrl,
       visitorId: "",
-      websiteId: ""
+      websiteId: "",
+      apiKey
     });
     const identify2 = async (data) => {
       try {
@@ -4954,6 +5197,7 @@ function DefaultWidget({ hideLauncher = false } = {}) {
                       onSelectEntry: (slug) => {
                         setContentDetailSlug(slug);
                         setSubView("content-detail");
+                        markEntrySeen(slug);
                       },
                       onSelectCategory: (cat) => {
                         setContentCategoryName(cat.title);