@prosdevlab/experience-sdk-plugins 0.1.4 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prosdevlab/experience-sdk-plugins",
-  "version": "0.1.4",
+  "version": "0.3.0",
   "description": "Official plugins for Experience SDK",
   "private": false,
   "type": "module",

package/src/banner/banner.ts

@@ -86,15 +86,15 @@ export const bannerPlugin: PluginFunction = (plugin, instance, config) => {
         left: 0;
         right: 0;
         width: 100%;
-        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-        font-size: 14px;
-        line-height: 1.5;
+        font-family: var(--xp-banner-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
+        font-size: var(--xp-banner-font-size, 14px);
+        line-height: var(--xp-banner-line-height, 1.5);
         box-sizing: border-box;
-        z-index: 10000;
-        background: #ffffff;
-        color: #111827;
-        border-bottom: 1px solid #e5e7eb;
-        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
+        z-index: var(--xp-banner-z-index, 10000);
+        background: var(--xp-banner-bg, #ffffff);
+        color: var(--xp-banner-color, #111827);
+        border-bottom: var(--xp-banner-border-width, 1px) solid var(--xp-banner-border-color, #e5e7eb);
+        box-shadow: var(--xp-banner-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.05));
       }
       
       .xp-banner--top {
@@ -104,17 +104,17 @@ export const bannerPlugin: PluginFunction = (plugin, instance, config) => {
       .xp-banner--bottom {
         bottom: 0;
         border-bottom: none;
-        border-top: 1px solid #e5e7eb;
-        box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.05);
+        border-top: var(--xp-banner-border-width, 1px) solid var(--xp-banner-border-color, #e5e7eb);
+        box-shadow: var(--xp-banner-shadow-bottom, 0 -1px 3px 0 rgba(0, 0, 0, 0.05));
       }
       
       .xp-banner__container {
         display: flex;
         align-items: center;
-        gap: 16px;
-        max-width: 1280px;
+        gap: var(--xp-banner-gap, 16px);
+        max-width: var(--xp-banner-max-width, 1280px);
         margin: 0 auto;
-        padding: 14px 24px;
+        padding: var(--xp-banner-padding, 14px 24px);
       }
       
       .xp-banner__content {
@@ -122,36 +122,37 @@ export const bannerPlugin: PluginFunction = (plugin, instance, config) => {
         min-width: 0;
         display: flex;
         flex-direction: column;
-        gap: 4px;
+        gap: var(--xp-banner-content-gap, 4px);
       }
       
       .xp-banner__title {
-        font-weight: 600;
+        font-weight: var(--xp-banner-title-weight, 600);
         margin: 0;
-        font-size: 15px;
-        line-height: 1.4;
+        font-size: var(--xp-banner-title-size, 15px);
+        line-height: var(--xp-banner-title-line-height, 1.4);
+        color: var(--xp-banner-title-color, inherit);
       }
       
       .xp-banner__message {
         margin: 0;
-        font-size: 14px;
-        line-height: 1.5;
-        color: #6b7280;
+        font-size: var(--xp-banner-message-size, 14px);
+        line-height: var(--xp-banner-message-line-height, 1.5);
+        color: var(--xp-banner-message-color, #6b7280);
       }
       
       .xp-banner__buttons {
         display: flex;
         align-items: center;
-        gap: 8px;
+        gap: var(--xp-banner-buttons-gap, 8px);
         flex-shrink: 0;
       }
       
       .xp-banner__button {
-        padding: 8px 16px;
+        padding: var(--xp-banner-button-padding, 8px 16px);
         border: none;
-        border-radius: 6px;
-        font-size: 14px;
-        font-weight: 500;
+        border-radius: var(--xp-banner-button-radius, 6px);
+        font-size: var(--xp-banner-button-font-size, 14px);
+        font-weight: var(--xp-banner-button-font-weight, 500);
         cursor: pointer;
         transition: all 0.2s;
         text-decoration: none;
@@ -162,64 +163,64 @@ export const bannerPlugin: PluginFunction = (plugin, instance, config) => {
       }
       
       .xp-banner__button--primary {
-        background: #2563eb;
-        color: #ffffff;
+        background: var(--xp-banner-button-primary-bg, #2563eb);
+        color: var(--xp-banner-button-primary-color, #ffffff);
       }
       
       .xp-banner__button--primary:hover {
-        background: #1d4ed8;
+        background: var(--xp-banner-button-primary-bg-hover, #1d4ed8);
       }
       
       .xp-banner__button--secondary {
-        background: #f3f4f6;
-        color: #374151;
-        border: 1px solid #e5e7eb;
+        background: var(--xp-banner-button-secondary-bg, #f3f4f6);
+        color: var(--xp-banner-button-secondary-color, #374151);
+        border: var(--xp-banner-border-width, 1px) solid var(--xp-banner-button-secondary-border, #e5e7eb);
       }
       
       .xp-banner__button--secondary:hover {
-        background: #e5e7eb;
+        background: var(--xp-banner-button-secondary-bg-hover, #e5e7eb);
       }
       
       .xp-banner__button--link {
         background: transparent;
-        color: #2563eb;
-        padding: 6px 12px;
-        font-weight: 400;
+        color: var(--xp-banner-button-link-color, #2563eb);
+        padding: var(--xp-banner-button-link-padding, 6px 12px);
+        font-weight: var(--xp-banner-button-link-font-weight, 400);
       }
       
       .xp-banner__button--link:hover {
-        background: #f3f4f6;
+        background: var(--xp-banner-button-link-bg-hover, #f3f4f6);
         text-decoration: underline;
       }
       
       .xp-banner__close {
         background: transparent;
         border: none;
-        color: #9ca3af;
-        font-size: 20px;
+        color: var(--xp-banner-close-color, #9ca3af);
+        font-size: var(--xp-banner-close-size, 20px);
         line-height: 1;
         cursor: pointer;
-        padding: 4px;
+        padding: var(--xp-banner-close-padding, 4px);
         margin: 0;
         transition: color 0.2s;
         flex-shrink: 0;
-        width: 28px;
-        height: 28px;
+        width: var(--xp-banner-close-width, 28px);
+        height: var(--xp-banner-close-height, 28px);
         display: flex;
         align-items: center;
         justify-content: center;
-        border-radius: 4px;
+        border-radius: var(--xp-banner-close-radius, 4px);
       }
       
       .xp-banner__close:hover {
-        color: #111827;
-        background: #f3f4f6;
+        color: var(--xp-banner-close-color-hover, #111827);
+        background: var(--xp-banner-close-bg-hover, #f3f4f6);
       }
       
       @media (max-width: 640px) {
         .xp-banner__container {
           flex-wrap: wrap;
-          padding: 14px 16px;
+          padding: var(--xp-banner-padding-mobile, 14px 16px);
           position: relative;
         }
         
@@ -244,55 +245,55 @@ export const bannerPlugin: PluginFunction = (plugin, instance, config) => {
         }
       }
       
-      /* Dark mode support */
+      /* Dark mode support - override CSS variables */
       @media (prefers-color-scheme: dark) {
         .xp-banner {
-          background: #111827;
-          color: #f9fafb;
-          border-bottom-color: #1f2937;
+          background: var(--xp-banner-bg-dark, #111827);
+          color: var(--xp-banner-color-dark, #f9fafb);
+          border-bottom-color: var(--xp-banner-border-color-dark, #1f2937);
         }
         
         .xp-banner--bottom {
-          border-top-color: #1f2937;
+          border-top-color: var(--xp-banner-border-color-dark, #1f2937);
         }
         
         .xp-banner__message {
-          color: #9ca3af;
+          color: var(--xp-banner-message-color-dark, #9ca3af);
         }
         
         .xp-banner__button--primary {
-          background: #3b82f6;
+          background: var(--xp-banner-button-primary-bg-dark, #3b82f6);
         }
         
         .xp-banner__button--primary:hover {
-          background: #2563eb;
+          background: var(--xp-banner-button-primary-bg-hover-dark, #2563eb);
         }
         
         .xp-banner__button--secondary {
-          background: #1f2937;
-          color: #f9fafb;
-          border-color: #374151;
+          background: var(--xp-banner-button-secondary-bg-dark, #1f2937);
+          color: var(--xp-banner-button-secondary-color-dark, #f9fafb);
+          border-color: var(--xp-banner-button-secondary-border-dark, #374151);
         }
         
         .xp-banner__button--secondary:hover {
-          background: #374151;
+          background: var(--xp-banner-button-secondary-bg-hover-dark, #374151);
         }
         
         .xp-banner__button--link {
-          color: #60a5fa;
+          color: var(--xp-banner-button-link-color-dark, #60a5fa);
         }
         
         .xp-banner__button--link:hover {
-          background: #1f2937;
+          background: var(--xp-banner-button-link-bg-hover-dark, #1f2937);
         }
         
         .xp-banner__close {
-          color: #6b7280;
+          color: var(--xp-banner-close-color-dark, #6b7280);
         }
         
         .xp-banner__close:hover {
-          color: #f9fafb;
-          background: #1f2937;
+          color: var(--xp-banner-close-color-hover-dark, #f9fafb);
+          background: var(--xp-banner-close-bg-hover-dark, #1f2937);
         }
       }
     `;

package/src/exit-intent/exit-intent.test.ts

@@ -0,0 +1,423 @@
+// packages/plugins/src/exit-intent/exit-intent.test.ts
+
+import { SDK } from '@lytics/sdk-kit';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { exitIntentPlugin } from './index';
+
+describe('Exit Intent Plugin', () => {
+  let sdk: SDK;
+  let mouseEventListeners: Record<string, EventListener> = {};
+
+  beforeEach(() => {
+    // Clear sessionStorage
+    sessionStorage.clear();
+
+    // Create fresh SDK instance
+    sdk = new SDK({ name: 'test-sdk' });
+
+    // Mock document event listeners
+    mouseEventListeners = {};
+    vi.spyOn(document, 'addEventListener').mockImplementation((event: string, handler: any) => {
+      mouseEventListeners[event] = handler;
+    });
+
+    vi.spyOn(document, 'removeEventListener').mockImplementation((event: string) => {
+      delete mouseEventListeners[event];
+    });
+  });
+
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  // Helper to initialize plugin with config
+  async function initPlugin(config: any = { sensitivity: 50, minTimeOnPage: 0 }) {
+    sdk.set('exitIntent', config);
+    sdk.use(exitIntentPlugin);
+    await sdk.init();
+  }
+
+  describe('Plugin Initialization', () => {
+    it('should register exitIntent namespace', async () => {
+      await initPlugin();
+      expect((sdk as any).exitIntent).toBeDefined();
+    });
+
+    it('should set up mouse event listeners', async () => {
+      await initPlugin({ sensitivity: 20 });
+      expect(mouseEventListeners.mousemove).toBeDefined();
+      expect(mouseEventListeners.mouseout).toBeDefined();
+    });
+
+    it('should not initialize on mobile devices', async () => {
+      const originalUserAgent = navigator.userAgent;
+      Object.defineProperty(navigator, 'userAgent', {
+        value: 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X)',
+        configurable: true,
+      });
+
+      await initPlugin({ disableOnMobile: true });
+
+      expect(mouseEventListeners.mousemove).toBeUndefined();
+      expect(mouseEventListeners.mouseout).toBeUndefined();
+
+      Object.defineProperty(navigator, 'userAgent', {
+        value: originalUserAgent,
+        configurable: true,
+      });
+    });
+
+    it('should initialize on mobile if disableOnMobile is false', async () => {
+      const originalUserAgent = navigator.userAgent;
+      Object.defineProperty(navigator, 'userAgent', {
+        value: 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X)',
+        configurable: true,
+      });
+
+      await initPlugin({ disableOnMobile: false });
+
+      expect(mouseEventListeners.mousemove).toBeDefined();
+      expect(mouseEventListeners.mouseout).toBeDefined();
+
+      Object.defineProperty(navigator, 'userAgent', {
+        value: originalUserAgent,
+        configurable: true,
+      });
+    });
+
+    it('should not initialize if already triggered this session', async () => {
+      sessionStorage.setItem('xp:exitIntent:triggered', Date.now().toString());
+
+      await initPlugin();
+
+      expect(mouseEventListeners.mousemove).toBeUndefined();
+      expect(mouseEventListeners.mouseout).toBeUndefined();
+    });
+  });
+
+  describe('Mouse Position Tracking', () => {
+    it('should track mouse positions', async () => {
+      await initPlugin();
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 100, clientY: 200 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 150, clientY: 250 }));
+
+      const positions = (sdk as any).exitIntent.getPositions();
+      expect(positions).toHaveLength(2);
+      expect(positions[0]).toEqual({ x: 100, y: 200 });
+      expect(positions[1]).toEqual({ x: 150, y: 250 });
+    });
+
+    it('should limit position history to configured size', async () => {
+      await initPlugin({ positionHistorySize: 3 });
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      for (let i = 0; i < 5; i++) {
+        mouseMoveHandler(new MouseEvent('mousemove', { clientX: i * 10, clientY: i * 10 }));
+      }
+
+      const positions = (sdk as any).exitIntent.getPositions();
+      expect(positions).toHaveLength(3);
+      expect(positions[0]).toEqual({ x: 20, y: 20 });
+      expect(positions[1]).toEqual({ x: 30, y: 30 });
+      expect(positions[2]).toEqual({ x: 40, y: 40 });
+    });
+  });
+
+  describe('Exit Intent Detection (Pathfora Test Cases)', () => {
+    it('should NOT trigger immediately on page load', async () => {
+      const triggerSpy = vi.fn();
+      sdk.on('trigger:exitIntent', triggerSpy);
+
+      await initPlugin();
+
+      expect(triggerSpy).not.toHaveBeenCalled();
+    });
+
+    it('should NOT trigger when exiting from left edge', async () => {
+      const triggerSpy = vi.fn();
+      sdk.on('trigger:exitIntent', triggerSpy);
+
+      await initPlugin();
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 100, clientY: 300 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 50, clientY: 300 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 10, clientY: 300 }));
+
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 0, clientY: 300, relatedTarget: null })
+      );
+
+      expect(triggerSpy).not.toHaveBeenCalled();
+    });
+
+    it('should NOT trigger when exiting from bottom', async () => {
+      const triggerSpy = vi.fn();
+      sdk.on('trigger:exitIntent', triggerSpy);
+
+      await initPlugin();
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 300 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 500 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 700 }));
+
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 800, relatedTarget: null })
+      );
+
+      expect(triggerSpy).not.toHaveBeenCalled();
+    });
+
+    it('should NOT trigger on downward movement', async () => {
+      const triggerSpy = vi.fn();
+      sdk.on('trigger:exitIntent', triggerSpy);
+
+      await initPlugin();
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 10 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 30 }));
+
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 50, relatedTarget: null })
+      );
+
+      expect(triggerSpy).not.toHaveBeenCalled();
+    });
+
+    it('SHOULD trigger on upward movement + top exit (Pathfora algorithm)', async () => {
+      const triggerSpy = vi.fn();
+      sdk.on('trigger:exitIntent', triggerSpy);
+
+      await initPlugin();
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 200 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 40 }));
+
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      expect(triggerSpy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should respect min time on page setting', async () => {
+      const triggerSpy = vi.fn();
+      sdk.on('trigger:exitIntent', triggerSpy);
+
+      await initPlugin({ sensitivity: 50, minTimeOnPage: 2000 });
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      // Try immediately (should fail)
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 100 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 40 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      expect(triggerSpy).not.toHaveBeenCalled();
+
+      // Wait and try again
+      await new Promise((resolve) => setTimeout(resolve, 2100));
+
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 100 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 40 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      expect(triggerSpy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should trigger only once per session', async () => {
+      const triggerSpy = vi.fn();
+      sdk.on('trigger:exitIntent', triggerSpy);
+
+      await initPlugin();
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      // First trigger
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 100 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 40 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      expect(triggerSpy).toHaveBeenCalledTimes(1);
+
+      // Try again
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 100 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 40 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      expect(triggerSpy).toHaveBeenCalledTimes(1); // Still 1
+    });
+
+    it('should respect configurable sensitivity threshold', async () => {
+      const triggerSpy = vi.fn();
+      sdk.on('trigger:exitIntent', triggerSpy);
+
+      await initPlugin({ sensitivity: 20, minTimeOnPage: 0 });
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      // Far from top with slow movement - should NOT trigger
+      // y=100, py=110, velocity=10
+      // 100 - 10 = 90, which is > 20, so won't trigger
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 110 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 100 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 95, relatedTarget: null })
+      );
+
+      expect(triggerSpy).not.toHaveBeenCalled();
+
+      // Near top with upward movement - SHOULD trigger
+      // y=10, py=30, velocity=20
+      // 10 - 20 = -10, which is <= 20, so will trigger
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 30 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 10 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      expect(triggerSpy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should clean up event listeners after trigger', async () => {
+      await initPlugin();
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      expect(mouseMoveHandler).toBeDefined();
+      expect(mouseOutHandler).toBeDefined();
+
+      // Trigger exit intent
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 100 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 40 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      // Listeners should be removed
+      expect(mouseEventListeners.mousemove).toBeUndefined();
+      expect(mouseEventListeners.mouseout).toBeUndefined();
+    });
+
+    it('should apply delay before emitting trigger event', async () => {
+      const triggerSpy = vi.fn();
+      sdk.on('trigger:exitIntent', triggerSpy);
+
+      await initPlugin({ sensitivity: 50, minTimeOnPage: 0, delay: 1000 });
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      // Trigger exit intent
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 100 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 40 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      // Should not trigger immediately
+      expect(triggerSpy).not.toHaveBeenCalled();
+
+      // Wait for delay
+      await new Promise((resolve) => setTimeout(resolve, 1100));
+
+      expect(triggerSpy).toHaveBeenCalledTimes(1);
+    });
+  });
+
+  describe('API Methods', () => {
+    it('should expose isTriggered() method', async () => {
+      await initPlugin();
+
+      expect((sdk as any).exitIntent.isTriggered()).toBe(false);
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 100 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 40 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      expect((sdk as any).exitIntent.isTriggered()).toBe(true);
+    });
+
+    it('should expose reset() method for testing', async () => {
+      await initPlugin();
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 100 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 40 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      expect((sdk as any).exitIntent.isTriggered()).toBe(true);
+
+      // Reset
+      (sdk as any).exitIntent.reset();
+
+      expect((sdk as any).exitIntent.isTriggered()).toBe(false);
+      expect((sdk as any).exitIntent.getPositions()).toHaveLength(0);
+    });
+
+    it('should expose getPositions() method', async () => {
+      await initPlugin();
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 100, clientY: 200 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 150, clientY: 250 }));
+
+      const positions = (sdk as any).exitIntent.getPositions();
+      expect(positions).toEqual([
+        { x: 100, y: 200 },
+        { x: 150, y: 250 },
+      ]);
+    });
+  });
+
+  describe('SessionStorage Persistence', () => {
+    it('should store trigger state in sessionStorage', async () => {
+      await initPlugin();
+
+      const mouseMoveHandler = mouseEventListeners.mousemove;
+      const mouseOutHandler = mouseEventListeners.mouseout;
+
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 100 }));
+      mouseMoveHandler(new MouseEvent('mousemove', { clientX: 500, clientY: 40 }));
+      mouseOutHandler(
+        new MouseEvent('mouseout', { clientX: 500, clientY: 5, relatedTarget: null })
+      );
+
+      expect(sessionStorage.getItem('xp:exitIntent:triggered')).toBeTruthy();
+    });
+  });
+});