@sailfish-ai/recorder 1.6.1 → 1.6.3

package/dist/index.js

@@ -132,6 +132,8 @@ function handleVisibilityChange() {
 }
 // Initialize event listeners for visibility change and page unload
 document.addEventListener("visibilitychange", handleVisibilityChange);
+// Clearing window.name on refresh to generate and retain a new sessionId
+window.addEventListener("beforeunload", () => window.name = "");
 function storeCredentialsAndConnection({ apiKey, backendApi, }) {
     sessionStorage.setItem("sailfishApiKey", apiKey);
     sessionStorage.setItem("sailfishBackendApi", backendApi);

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) {