@sailfish-ai/recorder 1.7.35 → 1.7.41

package/dist/eventStore.js

@@ -1,42 +1,100 @@
-import { openDB } from 'idb';
-const DB_NAME = 'leapsEventDB';
-const STORE_NAME = 'recordingEvents';
-const dbPromise = openDB(DB_NAME, 1, {
-    upgrade(db) {
-        if (!db.objectStoreNames.contains(STORE_NAME)) {
-            db.createObjectStore(STORE_NAME, { keyPath: 'id', autoIncrement: true });
+// lib/safe-idb.ts
+// SSR/Edge-safe IndexedDB helpers with zero top-level access to `indexedDB`.
+// On the server (or any env without IDB), functions are no-ops / return safe defaults.
+const DB_NAME = "leapsEventDB";
+const STORE_NAME = "recordingEvents";
+const DB_VERSION = 1;
+// Cached open promise; never created on SSR
+let _dbPromise = null;
+// Narrow, safe feature check (no throws in weird runtimes)
+function hasIndexedDB() {
+    return typeof globalThis !== "undefined" && !!globalThis.indexedDB;
+}
+// Open the DB lazily and only on the client.
+function openDb() {
+    if (!hasIndexedDB())
+        return Promise.resolve(null);
+    if (_dbPromise)
+        return _dbPromise;
+    _dbPromise = new Promise((resolve) => {
+        try {
+            const req = globalThis.indexedDB.open(DB_NAME, DB_VERSION);
+            req.onupgradeneeded = () => {
+                const db = req.result;
+                if (!db.objectStoreNames.contains(STORE_NAME)) {
+                    db.createObjectStore(STORE_NAME, {
+                        keyPath: "id",
+                        autoIncrement: true,
+                    });
+                }
+            };
+            req.onsuccess = () => resolve(req.result);
+            req.onerror = () => resolve(null); // fail closed → treat as unavailable
+            req.onblocked = () => {
+                // Best effort: resolve null to avoid hanging builds if something odd blocks upgrades
+                resolve(null);
+            };
+        }
+        catch {
+            // Some exotic environments can still throw on open()
+            resolve(null);
         }
-    },
-});
+    });
+    return _dbPromise;
+}
+function withStore(mode, fn) {
+    return openDb().then((db) => {
+        if (!db)
+            return null;
+        return new Promise((resolve) => {
+            try {
+                const tx = db.transaction(STORE_NAME, mode);
+                const store = tx.objectStore(STORE_NAME);
+                Promise.resolve(fn(store))
+                    .then((result) => {
+                    tx.oncomplete = () => resolve(result);
+                    tx.onerror = () => resolve(null);
+                    // If fn() already did async work, ensure we complete; otherwise completing will call resolve above
+                })
+                    .catch(() => resolve(null));
+            }
+            catch {
+                resolve(null);
+            }
+        });
+    });
+}
+// ── Public API (SSR-safe) ──────────────────────────────────────────────────────
 export async function saveEventToIDB(event) {
-    const db = await dbPromise;
-    const tx = db.transaction(STORE_NAME, 'readwrite');
-    await tx.store.add({ timestamp: Date.now(), data: event });
-    await tx.done;
+    await withStore("readwrite", (store) => {
+        store.add({ timestamp: Date.now(), data: event });
+    });
 }
 export async function saveEventsToIDB(events) {
-    const db = await dbPromise;
-    const tx = db.transaction(STORE_NAME, 'readwrite');
-    for (const event of events) {
-        await tx.store.add({ timestamp: Date.now(), data: event });
-    }
-    await tx.done;
+    await withStore("readwrite", async (store) => {
+        for (const event of events) {
+            store.add({ timestamp: Date.now(), data: event });
+        }
+    });
 }
 export async function getAllIndexedEvents() {
-    const db = await dbPromise;
-    return await db.getAll(STORE_NAME);
+    const result = await withStore("readonly", (store) => {
+        return new Promise((resolve) => {
+            const req = store.getAll();
+            req.onsuccess = () => resolve(req.result);
+            req.onerror = () => resolve([]);
+        });
+    });
+    return result ?? []; // SSR/Edge → []
 }
 export async function deleteEventById(id) {
-    const db = await dbPromise;
-    const tx = db.transaction(STORE_NAME, 'readwrite');
-    await tx.store.delete(id);
-    await tx.done;
+    await withStore("readwrite", (store) => {
+        store.delete(id);
+    });
 }
 export async function deleteEventsByIds(ids) {
-    const db = await dbPromise;
-    const tx = db.transaction(STORE_NAME, 'readwrite');
-    for (const id of ids) {
-        await tx.store.delete(id);
-    }
-    await tx.done;
+    await withStore("readwrite", async (store) => {
+        for (const id of ids)
+            store.delete(id);
+    });
 }

package/dist/inAppReportIssueModal.js

@@ -9,10 +9,12 @@ let recordingStartTime = null;
 let recordingEndTime = null;
 let timerInterval = null;
 let isRecording = false;
-let resolveSessionId = null;
-let apiKey = null;
-let backendApi = null;
-let triageBaseUrl = "https://app.sailfishqa.com";
+export const ReportIssueContext = {
+    resolveSessionId: null,
+    apiKey: null,
+    backendApi: null,
+    triageBaseUrl: "https://app.sailfishqa.com",
+};
 function isMacPlatform() {
     // Newer API (Chrome, Edge, Opera)
     const uaData = navigator.userAgentData;
@@ -32,9 +34,9 @@ function isTypingInInput() {
         (el instanceof HTMLElement && el.isContentEditable));
 }
 export function setupIssueReporting(options) {
-    apiKey = options.apiKey;
-    backendApi = options.backendApi;
-    resolveSessionId = options.getSessionId;
+    ReportIssueContext.apiKey = options.apiKey;
+    ReportIssueContext.backendApi = options.backendApi;
+    ReportIssueContext.resolveSessionId = options.getSessionId;
     // Attach keyboard shortcuts
     window.addEventListener("keydown", (e) => {
         const typingInInput = isTypingInInput();
@@ -91,10 +93,10 @@ export function setupIssueReporting(options) {
     });
 }
 function getSessionIdSafely() {
-    if (!resolveSessionId) {
+    if (!ReportIssueContext.resolveSessionId) {
         throw new Error("getSessionId not defined");
     }
-    return resolveSessionId();
+    return ReportIssueContext.resolveSessionId();
 }
 export function openReportIssueModal(customBaseUrl) {
     if (isRecording) {
@@ -105,7 +107,8 @@ export function openReportIssueModal(customBaseUrl) {
     if (modalEl)
         document.body.appendChild(modalEl);
     // Store custom base URL globally for reuse
-    triageBaseUrl = customBaseUrl ?? "https://app.sailfishqa.com";
+    ReportIssueContext.triageBaseUrl =
+        customBaseUrl ?? "https://app.sailfishqa.com";
 }
 function closeModal() {
     // ✅ Explicitly blur the focused element
@@ -266,7 +269,7 @@ function injectModalHTML(initialMode = "lookback") {
           style="background: #295DBF; color:white; border:none; padding:8px 16px;
           border-radius:6px; font-size:14px; line-height: 24px; font-weight:500;
           cursor:${isStartNow ? "not-allowed" : "pointer"}; opacity:${isStartNow ? "0.4" : "1"}; margin-bottom:1px" ${isStartNow ? "disabled" : ""}>
-          Create Triage <span style="margin-left: 8px; display: inline-flex; align-items: center; gap: 4px; color: #94A3B8; font-size: 12px; line-height:16px;">
+          Report <span style="margin-left: 8px; display: inline-flex; align-items: center; gap: 4px; color: #94A3B8; font-size: 12px; line-height:16px;">
                           <span style="background: #F1F5F9; border-radius: 4px; padding: 0 4px; font-weight: 500;">${getShortcutKeyCmdCtrlLabel()}</span>
                           +
                           <span style="background: #F1F5F9; border-radius: 4px; padding: 0 4px; font-weight: 500;">ENTER</span>
@@ -561,7 +564,7 @@ function reopenModalAfterStop() {
 async function createTriage(startTimestamp, endTimestamp, description) {
     try {
         showTriageStatusModal(true);
-        const response = await createTriageFromRecorder(apiKey, backendApi, getSessionIdSafely(), startTimestamp, endTimestamp, description);
+        const response = await createTriageFromRecorder(ReportIssueContext.apiKey, ReportIssueContext.backendApi, getSessionIdSafely(), startTimestamp, endTimestamp, description);
         const triageId = response?.data?.createTriageFromRecorder?.id;
         if (triageId) {
             showTriageStatusModal(false, triageId);
@@ -578,10 +581,20 @@ async function createTriage(startTimestamp, endTimestamp, description) {
 }
 function showTriageStatusModal(isLoading, triageId) {
     removeExistingModals();
-    const triageUrl = triageId ? `${triageBaseUrl}/triage/${triageId}` : "";
+    const triageUrl = triageId
+        ? `${ReportIssueContext.triageBaseUrl}/triage/${triageId}?from=inAppReportIssue`
+        : "";
     const container = document.createElement("div");
     container.id = "sf-triage-status-modal";
-    const statusTitle = isLoading ? "Creating Triage..." : "Triage created!";
+    Object.assign(container.style, {
+        position: "fixed",
+        inset: "0",
+        zIndex: "9998",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+    });
+    const statusTitle = isLoading ? "Reporting Issue..." : "Issue reported!";
     const statusSubtitle = isLoading
         ? `<p style="font-size:14px; color:#64748b; line-height:20px;">This may take ~10 seconds</p>`
         : "";
@@ -601,10 +614,10 @@ function showTriageStatusModal(isLoading, triageId) {
         : "";
     container.innerHTML = `
     <div style="position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:9998;"></div>
-    <div style="position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);
-        background:#fff; padding:24px; border-radius:12px; width:300px; max-width:90%;
-        z-index:9999; font-family:sans-serif; box-shadow:0 4px 20px rgba(0,0,0,0.15);">
-
+    <div id="sf-triage-card"
+         style="position:relative; background:#fff; padding:24px; border-radius:12px; width:300px; max-width:90%;
+                font-family:sans-serif; box-shadow:0 4px 20px rgba(0,0,0,0.15);
+                z-index:9999; opacity:1; transition:opacity 300ms ease;">
       <div style="position:absolute; top:24px; right:48px;">${copiedStatus}</div>
 
       <button id="sf-triage-modal-close"
@@ -615,7 +628,7 @@ function showTriageStatusModal(isLoading, triageId) {
         </svg>
       </button>
 
-      <h2 style="font-size:18px; font-weight:600; margin-bottom:${isLoading ? 8 : 40}px; line-height: 28px;">${statusTitle}</h2>
+      <h2 style="font-size:18px; font-weight:600; margin-bottom:${isLoading ? 8 : 40}px; line-height:28px;">${statusTitle}</h2>
       ${statusSubtitle}
       ${spinner}
 
@@ -628,7 +641,7 @@ function showTriageStatusModal(isLoading, triageId) {
         <button id="sf-view-triage-btn"
           style="display:flex; align-items:center; gap:8px; background:#295dbf; border:none;
           padding:8px 16px; border-radius:6px; font-size:14px; color:white; cursor:pointer;">
-          View Triage
+          View
           <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path d="M12 8.66667V12.6667C12 13.0203 11.8595 13.3594 11.6095 13.6095C11.3594 13.8595 11.0203 14 10.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V5.33333C2 4.97971 2.14048 4.64057 2.39052 4.39052C2.64057 4.14048 2.97971 4 3.33333 4H7.33333" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
             <path d="M10 2H14V6" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
@@ -642,10 +655,12 @@ function showTriageStatusModal(isLoading, triageId) {
     </style>
   `;
     document.body.appendChild(container);
+    const card = container.querySelector("#sf-triage-card");
+    // Close handler with fade only on card
     document
         .getElementById("sf-triage-modal-close")
         ?.addEventListener("click", () => {
-        container.remove();
+        fadeCardAndRemove(container, card, 300);
     });
     const copyBtn = document.getElementById("sf-copy-triage-link");
     const viewBtn = document.getElementById("sf-view-triage-btn");
@@ -672,8 +687,17 @@ function showTriageStatusModal(isLoading, triageId) {
                 window.open(triageUrl, "_blank");
             }
         });
+        // Auto-hide after success
+        setTimeout(() => fadeCardAndRemove(container, card, 300), 10000);
     }
 }
+function fadeCardAndRemove(container, card, durationMs = 300) {
+    card.style.opacity = "0"; // fade only the card
+    card.addEventListener("transitionend", () => container.remove(), {
+        once: true,
+    });
+    setTimeout(() => container.remove(), durationMs + 100); // fallback
+}
 function removeExistingModals() {
     document.getElementById("sf-report-issue-modal")?.remove();
     document.getElementById("sf-triage-status-modal")?.remove();

package/dist/index.js

@@ -1,4 +1,11 @@
 const DEBUG = import.meta.env.VITE_DEBUG ? import.meta.env.VITE_DEBUG : false;
+// ── SSR guards ─────────────────────────────────────────
+const HAS_WINDOW = typeof globalThis !== "undefined" &&
+    typeof globalThis.window !== "undefined";
+const HAS_DOCUMENT = typeof globalThis !== "undefined" &&
+    typeof globalThis.document !== "undefined";
+const HAS_LOCAL_STORAGE = typeof globalThis !== "undefined" && "localStorage" in globalThis;
+const HAS_SESSION_STORAGE = typeof globalThis !== "undefined" && "sessionStorage" in globalThis;
 // import { NetworkRecordOptions } from "@sailfish-rrweb/rrweb-plugin-network-record";
 import { v4 as uuidv4 } from "uuid";
 import { NetworkRequestEventId, STATIC_EXTENSIONS, xSf3RidHeader, } from "./constants";
@@ -57,16 +64,18 @@ dynamicExcludedHosts.add = (host) => {
     }
     // 4. Persist wrapper to localStorage
     try {
-        // TODO decouple into two logical pieces
-        const wrapper = {
-            version: STORAGE_VERSION,
-            entries: {},
-        };
-        const now = Date.now();
-        for (const p of dynamicExcludedHosts) {
-            wrapper.entries[p] = now;
+        if (HAS_LOCAL_STORAGE) {
+            // TODO decouple into two logical pieces
+            const wrapper = {
+                version: STORAGE_VERSION,
+                entries: {},
+            };
+            const now = Date.now();
+            for (const p of dynamicExcludedHosts) {
+                wrapper.entries[p] = now;
+            }
+            localStorage.setItem(DYNAMIC_EXCLUDED_HOSTS_KEY, JSON.stringify(wrapper));
         }
-        localStorage.setItem(DYNAMIC_EXCLUDED_HOSTS_KEY, JSON.stringify(wrapper));
     }
     catch (e) {
         if (DEBUG)
@@ -85,35 +94,37 @@ dynamicPassedHosts.add = (host) => {
     }
     // 1. Persist wrapper to localStorage (update timestamp unconditionally)
     try {
-        // TODO decouple into two logical pieces
-        const raw = localStorage.getItem(DYNAMIC_PASSED_HOSTS_KEY);
-        let wrapper;
-        if (!raw) {
-            wrapper = { version: STORAGE_VERSION, entries: {} };
-        }
-        else {
-            const parsed = JSON.parse(raw);
-            if (Array.isArray(parsed)) {
-                // migrate old array → wrapper
-                wrapper = {
-                    version: STORAGE_VERSION,
-                    entries: Object.fromEntries(parsed.map((h) => [h, Date.now()])),
-                };
-            }
-            else if (parsed &&
-                typeof parsed === "object" &&
-                "entries" in parsed &&
-                typeof parsed.entries === "object") {
-                wrapper = parsed;
+        if (HAS_LOCAL_STORAGE) {
+            // TODO decouple into two logical pieces
+            const raw = localStorage.getItem(DYNAMIC_PASSED_HOSTS_KEY);
+            let wrapper;
+            if (!raw) {
+                wrapper = { version: STORAGE_VERSION, entries: {} };
             }
             else {
-                wrapper = { version: STORAGE_VERSION, entries: {} };
+                const parsed = JSON.parse(raw);
+                if (Array.isArray(parsed)) {
+                    // migrate old array → wrapper
+                    wrapper = {
+                        version: STORAGE_VERSION,
+                        entries: Object.fromEntries(parsed.map((h) => [h, Date.now()])),
+                    };
+                }
+                else if (parsed &&
+                    typeof parsed === "object" &&
+                    "entries" in parsed &&
+                    typeof parsed.entries === "object") {
+                    wrapper = parsed;
+                }
+                else {
+                    wrapper = { version: STORAGE_VERSION, entries: {} };
+                }
             }
+            // always set/update the timestamp
+            wrapper.entries[cleaned] = Date.now();
+            wrapper.version = STORAGE_VERSION;
+            localStorage.setItem(DYNAMIC_PASSED_HOSTS_KEY, JSON.stringify(wrapper));
         }
-        // always set/update the timestamp
-        wrapper.entries[cleaned] = Date.now();
-        wrapper.version = STORAGE_VERSION;
-        localStorage.setItem(DYNAMIC_PASSED_HOSTS_KEY, JSON.stringify(wrapper));
     }
     catch (e) {
         if (DEBUG)
@@ -129,6 +140,8 @@ dynamicPassedHosts.add = (host) => {
  * Notify the backend of the updated dynamicExcludedHosts
  */
 function updateExcludedHostsStorageAndBackend(dynamicExcludedHosts) {
+    if (!HAS_SESSION_STORAGE)
+        return;
     const apiKeyForUpdate = sessionStorage.getItem(SF_API_KEY_FOR_UPDATE) || "";
     const apiForUpdate = sessionStorage.getItem(SF_BACKEND_API) || "";
     if (!apiForUpdate) {
@@ -190,60 +203,64 @@ export function consolidateDynamicExclusions(hostPathSet, threshold = 3) {
     return newSet;
 }
 // 2️⃣ Load & evict old entries (>7 days) + version check for Excluded
-(() => {
-    const stored = localStorage.getItem(DYNAMIC_EXCLUDED_HOSTS_KEY);
-    if (!stored)
-        return;
-    try {
-        const wrapper = JSON.parse(stored);
-        // if it's from an old version, drop it
-        if (wrapper.version !== STORAGE_VERSION) {
-            localStorage.removeItem(DYNAMIC_EXCLUDED_HOSTS_KEY);
+if (HAS_LOCAL_STORAGE) {
+    (() => {
+        const stored = localStorage.getItem(DYNAMIC_EXCLUDED_HOSTS_KEY);
+        if (!stored)
             return;
-        }
-        const now = Date.now();
-        const valid = {};
-        for (const [host, ts] of Object.entries(wrapper.entries)) {
-            if (now - ts < 7 * 24 * 60 * 60 * 1000) {
-                dynamicExcludedHosts.add(host);
-                valid[host] = ts;
+        try {
+            const wrapper = JSON.parse(stored);
+            // if it's from an old version, drop it
+            if (wrapper.version !== STORAGE_VERSION) {
+                localStorage.removeItem(DYNAMIC_EXCLUDED_HOSTS_KEY);
+                return;
             }
+            const now = Date.now();
+            const valid = {};
+            for (const [host, ts] of Object.entries(wrapper.entries)) {
+                if (now - ts < 7 * 24 * 60 * 60 * 1000) {
+                    dynamicExcludedHosts.add(host);
+                    valid[host] = ts;
+                }
+            }
+            localStorage.setItem(DYNAMIC_EXCLUDED_HOSTS_KEY, JSON.stringify({ version: STORAGE_VERSION, entries: valid }));
         }
-        localStorage.setItem(DYNAMIC_EXCLUDED_HOSTS_KEY, JSON.stringify({ version: STORAGE_VERSION, entries: valid }));
-    }
-    catch (e) {
-        if (DEBUG)
-            console.warn("Failed to parse dynamicExcludedHosts:", e);
-        localStorage.removeItem(DYNAMIC_EXCLUDED_HOSTS_KEY);
-    }
-})();
+        catch (e) {
+            if (DEBUG)
+                console.warn("Failed to parse dynamicExcludedHosts:", e);
+            localStorage.removeItem(DYNAMIC_EXCLUDED_HOSTS_KEY);
+        }
+    })();
+}
 // 3️⃣ Load & evict old entries (>7 days) + version check for Passed
-(() => {
-    const stored = localStorage.getItem(DYNAMIC_PASSED_HOSTS_KEY);
-    if (!stored)
-        return;
-    try {
-        const wrapper = JSON.parse(stored);
-        if (wrapper.version !== STORAGE_VERSION) {
-            localStorage.removeItem(DYNAMIC_PASSED_HOSTS_KEY);
+if (HAS_LOCAL_STORAGE) {
+    (() => {
+        const stored = localStorage.getItem(DYNAMIC_PASSED_HOSTS_KEY);
+        if (!stored)
             return;
-        }
-        const now = Date.now();
-        const valid = {};
-        for (const [host, ts] of Object.entries(wrapper.entries)) {
-            if (now - ts < 7 * 24 * 60 * 60 * 1000) {
-                dynamicPassedHosts.add(host);
-                valid[host] = ts;
+        try {
+            const wrapper = JSON.parse(stored);
+            if (wrapper.version !== STORAGE_VERSION) {
+                localStorage.removeItem(DYNAMIC_PASSED_HOSTS_KEY);
+                return;
+            }
+            const now = Date.now();
+            const valid = {};
+            for (const [host, ts] of Object.entries(wrapper.entries)) {
+                if (now - ts < 7 * 24 * 60 * 60 * 1000) {
+                    dynamicPassedHosts.add(host);
+                    valid[host] = ts;
+                }
             }
+            localStorage.setItem(DYNAMIC_PASSED_HOSTS_KEY, JSON.stringify({ version: STORAGE_VERSION, entries: valid }));
         }
-        localStorage.setItem(DYNAMIC_PASSED_HOSTS_KEY, JSON.stringify({ version: STORAGE_VERSION, entries: valid }));
-    }
-    catch (e) {
-        if (DEBUG)
-            console.warn("Failed to parse dynamicPassedHosts:", e);
-        localStorage.removeItem(DYNAMIC_PASSED_HOSTS_KEY);
-    }
-})();
+        catch (e) {
+            if (DEBUG)
+                console.warn("Failed to parse dynamicPassedHosts:", e);
+            localStorage.removeItem(DYNAMIC_PASSED_HOSTS_KEY);
+        }
+    })();
+}
 const ActionType = {
     PROPAGATE: "propagate",
     IGNORE: "ignore",
@@ -266,7 +283,7 @@ export const DEFAULT_CONSOLE_RECORDING_SETTINGS = {
     stringifyOptions: {
         stringLengthLimit: 1000,
         numOfKeysLimit: 20,
-        depthOfLimit: 1,
+        depthOfLimit: 4,
     },
     logger: "console",
 };
@@ -342,15 +359,25 @@ function sendTimeZone() {
     sendMessage(message);
 }
 // Send standard information like userDeviceUuid and timeZone
-sendUserDeviceUuid();
-sendTimeZone();
+if (HAS_WINDOW) {
+    sendUserDeviceUuid();
+    sendTimeZone();
+}
 // Function to get or set the device & program UUID in localStorage
 function getOrSetUserDeviceUuid() {
-    let userDeviceUuid = localStorage.getItem("sailfishUserDeviceUuid");
+    let userDeviceUuid = null;
+    if (HAS_LOCAL_STORAGE) {
+        try {
+            userDeviceUuid = localStorage.getItem("sailfishUserDeviceUuid");
+        }
+        catch { }
+    }
     if (!userDeviceUuid) {
         userDeviceUuid = uuidv4();
         try {
-            localStorage.setItem("sailfishUserDeviceUuid", userDeviceUuid);
+            if (HAS_LOCAL_STORAGE) {
+                localStorage.setItem("sailfishUserDeviceUuid", userDeviceUuid);
+            }
         }
         catch { }
     }
@@ -359,6 +386,8 @@ function getOrSetUserDeviceUuid() {
 // Storing the sailfishSessionId in window.name, as window.name retains its value after a page refresh
 // but resets when a new tab (including a duplicated tab) is opened.
 function getOrSetSessionId() {
+    if (!HAS_WINDOW)
+        return uuidv4();
     if (!window.name) {
         window.name = uuidv4();
     }
@@ -371,17 +400,24 @@ function handleVisibilityChange() {
     }
 }
 function clearPageVisitUuid() {
+    if (!HAS_SESSION_STORAGE)
+        return;
     sessionStorage.removeItem("pageVisitUUID");
     sessionStorage.removeItem("prevPageVisitUUID");
 }
 // 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 = "";
-    clearPageVisitUuid();
-});
+if (HAS_DOCUMENT) {
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+}
+if (HAS_WINDOW) {
+    window.addEventListener("beforeunload", () => {
+        window.name = "";
+        clearPageVisitUuid();
+    });
+}
 function storeCredentialsAndConnection({ apiKey, backendApi, }) {
+    if (!HAS_SESSION_STORAGE)
+        return;
     sessionStorage.setItem("sailfishApiKey", apiKey);
     sessionStorage.setItem("sailfishBackendApi", backendApi);
 }