@sailfish-ai/recorder 1.6.0 → 1.6.2

package/dist/eventCache.js

@@ -1,19 +1,43 @@
+import { Mutex } from "async-mutex";
+const MAX_MESSAGE_SIZE_MB = 50;
+const MAX_MESSAGE_SIZE_BYTES = MAX_MESSAGE_SIZE_MB * 1024 * 1024;
 let eventCache = [];
+const mutex = new Mutex();
 export function cacheEvents(event) {
-    eventCache.push(event);
+    mutex.runExclusive(() => {
+        eventCache.push(event);
+    });
 }
 export function sendRecordingEvents(webSocket) {
-    if (webSocket && webSocket.readyState === WebSocket.OPEN) {
-        if (eventCache.length > 0) {
-            const message = {
-                type: "events",
-                events: eventCache,
-            };
-            webSocket.send(JSON.stringify(message));
-            eventCache = [];
+    mutex.runExclusive(() => {
+        if (webSocket && webSocket.readyState === WebSocket.OPEN) {
+            if (eventCache.length > 0) {
+                let batch = [];
+                let batchSize = 0;
+                const sendBatch = () => {
+                    if (batch.length > 0) {
+                        const message = JSON.stringify({ type: "events", events: batch });
+                        webSocket.send(message);
+                        batch = [];
+                        batchSize = 0;
+                    }
+                };
+                for (const event of eventCache) {
+                    const eventSize = new Blob([JSON.stringify(event)]).size;
+                    if (eventSize > MAX_MESSAGE_SIZE_BYTES) {
+                        console.error(`Event Type: ${event.type || "unknown"} exceeds ${MAX_MESSAGE_SIZE_MB}MB limit! It may be rejected by the backend.`);
+                        webSocket.send(JSON.stringify({ type: "events", events: [event] }));
+                        continue;
+                    }
+                    if (batchSize + eventSize > MAX_MESSAGE_SIZE_BYTES) {
+                        sendBatch();
+                    }
+                    batch.push(event);
+                    batchSize += eventSize;
+                }
+                sendBatch();
+                eventCache = [];
+            }
         }
-    }
-    else {
-        eventCache.push(...eventCache);
-    }
+    });
 }

package/dist/recording.js

@@ -1,11 +1,15 @@
+import { record } from "@sailfish-rrweb/rrweb-record-only";
 import { getRecordConsolePlugin, } from "@sailfish-rrweb/rrweb-plugin-console-record";
-import record from "@sailfish-rrweb/rrweb-record-only";
+// import { NetworkRecordOptions } from "@sailfish-rrweb/rrweb-plugin-network-record";
 import { EventType } from "@sailfish-rrweb/types";
+import { ZendeskAPI } from "react-zendesk";
 import { cacheEvents, sendRecordingEvents } from "./eventCache";
 import { initializeWebSocket } from "./websocket";
 const MASK_CLASS = "sailfishSanitize";
+const ZENDESK_ELEMENT_ID = "zendesk_chat";
+const ZENDESK_PROVIDER = "Zendesk";
+const ZENDESK_TAG_PREFIX = "sailfish-session-";
 function maskInputFn(text, node) {
-    // Exclude input[type=hidden] fields
     if (node.type === "hidden") {
         return "";
     }
@@ -13,28 +17,21 @@ function maskInputFn(text, node) {
         creditCard: /\b(?:\d[ -]*?){13,16}\b/,
         ssn: /\b\d{3}-\d{2}-\d{4}\b/,
     };
-    const MASK_CLASS = "mask"; // Assume this is a known constant
-    // Check for data attributes indicating sensitive information
-    // Check if element or parents have MASK_CLASS in their className
+    const MASK_CLASS = "mask";
     if (node.closest(`.${MASK_CLASS}`)) {
-        // Mask the input and retain the length of the input
         return "*".repeat(text.length);
     }
     else if (node.hasAttribute("data-cc") ||
         (node.getAttribute("autocomplete")?.startsWith("cc-") ?? false) ||
         patterns.creditCard.test(text)) {
-        // Mask all but the last 4 digits of a credit card number
         return "**** **** **** " + text.slice(-4);
     }
     else if (node.hasAttribute("data-ssn") || patterns.ssn.test(text)) {
-        // Mask the first 5 digits of an SSN
         return "***-**-" + text.slice(-4);
     }
     else if (node.hasAttribute("data-dob")) {
-        // Mask the day and month of a date of birth, revealing only the year
         return "**/**/" + text.slice(-4);
     }
-    // Default to returning the original text
     return text;
 }
 export function initializeConsolePlugin(consoleRecordSettings) {
@@ -55,6 +52,8 @@ backendApi, apiKey, sessionId) {
     try {
         record({
             emit(event) {
+                // Attach sessionId to each event
+                event.sessionId = sessionId;
                 cacheEvents(event);
             },
             maskInputOptions: { text: true }, // Fix the incorrect property name
@@ -62,6 +61,33 @@ backendApi, apiKey, sessionId) {
             maskTextClass: MASK_CLASS,
             ...captureSettings,
         });
+        ZendeskAPI("messenger:set", "conversationTags", [
+            `${ZENDESK_TAG_PREFIX}${sessionId}`,
+        ]);
+        const handleWidgetOpen = () => {
+            record.addSailfishEvent(EventType.SailfishCustom, {
+                action: "customer support chat opened",
+                element_id: ZENDESK_ELEMENT_ID,
+                provider: ZENDESK_PROVIDER,
+            });
+        };
+        const handleWidgetClose = () => {
+            record.addSailfishEvent(EventType.SailfishCustom, {
+                action: "customer support chat closed",
+                element_id: ZENDESK_ELEMENT_ID,
+                provider: ZENDESK_PROVIDER,
+            });
+        };
+        const handleUnreadMessages = (count) => {
+            record.addSailfishEvent(EventType.SailfishCustom, {
+                action: "zendesk unreadmessages",
+                element_id: ZENDESK_ELEMENT_ID,
+                provider: ZENDESK_PROVIDER,
+            });
+        };
+        ZendeskAPI("messenger:on", "open", handleWidgetOpen);
+        ZendeskAPI("messenger:on", "close", handleWidgetClose);
+        ZendeskAPI("messenger:on", "unreadMessages", handleUnreadMessages);
         setInterval(() => sendRecordingEvents(webSocket), 10000);
     }
     catch (error) {