aurea-tracking-sdk 1.3.1 → 1.3.3

package/dist/index.d.mts

@@ -9,6 +9,7 @@ interface EventCategoryConfig {
     value?: number;
     description?: string;
     trackOnce?: boolean;
+    color?: string;
 }
 interface AureaConfig {
     apiKey: string;
@@ -202,6 +203,7 @@ declare class AureaSDK {
         value?: number;
         advanceTo?: FunnelStage;
         description?: string;
+        color?: string;
     }): void;
     /**
      * Get current event category statistics

package/dist/index.d.ts

@@ -9,6 +9,7 @@ interface EventCategoryConfig {
     value?: number;
     description?: string;
     trackOnce?: boolean;
+    color?: string;
 }
 interface AureaConfig {
     apiKey: string;
@@ -202,6 +203,7 @@ declare class AureaSDK {
         value?: number;
         advanceTo?: FunnelStage;
         description?: string;
+        color?: string;
     }): void;
     /**
      * Get current event category statistics

package/dist/index.js

@@ -252,6 +252,7 @@ var AureaSDK = class {
     const value = options?.value ?? categoryConfig?.value ?? 50;
     const advanceTo = options?.advanceTo || categoryConfig?.advanceTo;
     const description = options?.description || categoryConfig?.description;
+    const color = options?.color || categoryConfig?.color;
     const trackOnce = categoryConfig?.trackOnce ?? false;
     if (trackOnce) {
       if (this.trackedOnceEvents.has(eventName)) {
@@ -276,6 +277,8 @@ var AureaSDK = class {
       _category: category,
       _value: value,
       _description: description,
+      _color: color,
+      // Custom color (e.g., 'fuchsia' or full Tailwind classes)
       _currentStage: this.currentStage,
       _categoryStats: Object.fromEntries(this.eventCategoryStats),
       _trackedOnce: trackOnce
@@ -627,26 +630,30 @@ var AureaSDK = class {
     if (typeof navigator === "undefined") return void 0;
     const parser = new import_ua_parser_js.UAParser(navigator.userAgent);
     const result = parser.getResult();
+    const screenWidth = window.screen?.width || 0;
+    const screenHeight = window.screen?.height || 0;
     let deviceType = "Desktop";
     if (result.device.type) {
-      switch (result.device.type.toLowerCase()) {
-        case "mobile":
-          deviceType = "Mobile";
-          break;
-        case "tablet":
-          deviceType = "Tablet";
-          break;
-        case "smarttv":
-          deviceType = "Smart TV";
-          break;
-        case "wearable":
-          deviceType = "Wearable";
-          break;
-        case "console":
-          deviceType = "Console";
-          break;
-        default:
-          deviceType = "Desktop";
+      const type = result.device.type.toLowerCase();
+      if (type === "mobile") {
+        deviceType = "Mobile";
+      } else if (type === "tablet") {
+        deviceType = "Tablet";
+      } else if (type === "smarttv") {
+        deviceType = "Smart TV";
+      } else if (type === "wearable") {
+        deviceType = "Wearable";
+      } else if (type === "console") {
+        deviceType = "Console";
+      }
+    } else {
+      const aspectRatio = screenWidth / screenHeight;
+      if (screenWidth >= 2560 || aspectRatio >= 2.2) {
+        deviceType = "Ultrawide";
+      } else if (screenWidth < 1920) {
+        deviceType = "Laptop";
+      } else {
+        deviceType = "Desktop";
       }
     }
     return {
@@ -656,8 +663,8 @@ var AureaSDK = class {
       browserVersion: result.browser.version || "Unknown",
       osName: result.os.name || "Unknown",
       osVersion: result.os.version || "Unknown",
-      screenWidth: window.screen?.width,
-      screenHeight: window.screen?.height,
+      screenWidth,
+      screenHeight,
       language: navigator.language,
       timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
     };

package/dist/index.mjs

@@ -223,6 +223,7 @@ var AureaSDK = class {
     const value = options?.value ?? categoryConfig?.value ?? 50;
     const advanceTo = options?.advanceTo || categoryConfig?.advanceTo;
     const description = options?.description || categoryConfig?.description;
+    const color = options?.color || categoryConfig?.color;
     const trackOnce = categoryConfig?.trackOnce ?? false;
     if (trackOnce) {
       if (this.trackedOnceEvents.has(eventName)) {
@@ -247,6 +248,8 @@ var AureaSDK = class {
       _category: category,
       _value: value,
       _description: description,
+      _color: color,
+      // Custom color (e.g., 'fuchsia' or full Tailwind classes)
       _currentStage: this.currentStage,
       _categoryStats: Object.fromEntries(this.eventCategoryStats),
       _trackedOnce: trackOnce
@@ -598,26 +601,30 @@ var AureaSDK = class {
     if (typeof navigator === "undefined") return void 0;
     const parser = new UAParser(navigator.userAgent);
     const result = parser.getResult();
+    const screenWidth = window.screen?.width || 0;
+    const screenHeight = window.screen?.height || 0;
     let deviceType = "Desktop";
     if (result.device.type) {
-      switch (result.device.type.toLowerCase()) {
-        case "mobile":
-          deviceType = "Mobile";
-          break;
-        case "tablet":
-          deviceType = "Tablet";
-          break;
-        case "smarttv":
-          deviceType = "Smart TV";
-          break;
-        case "wearable":
-          deviceType = "Wearable";
-          break;
-        case "console":
-          deviceType = "Console";
-          break;
-        default:
-          deviceType = "Desktop";
+      const type = result.device.type.toLowerCase();
+      if (type === "mobile") {
+        deviceType = "Mobile";
+      } else if (type === "tablet") {
+        deviceType = "Tablet";
+      } else if (type === "smarttv") {
+        deviceType = "Smart TV";
+      } else if (type === "wearable") {
+        deviceType = "Wearable";
+      } else if (type === "console") {
+        deviceType = "Console";
+      }
+    } else {
+      const aspectRatio = screenWidth / screenHeight;
+      if (screenWidth >= 2560 || aspectRatio >= 2.2) {
+        deviceType = "Ultrawide";
+      } else if (screenWidth < 1920) {
+        deviceType = "Laptop";
+      } else {
+        deviceType = "Desktop";
       }
     }
     return {
@@ -627,8 +634,8 @@ var AureaSDK = class {
       browserVersion: result.browser.version || "Unknown",
       osName: result.os.name || "Unknown",
       osVersion: result.os.version || "Unknown",
-      screenWidth: window.screen?.width,
-      screenHeight: window.screen?.height,
+      screenWidth,
+      screenHeight,
       language: navigator.language,
       timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aurea-tracking-sdk",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Standalone tracking SDK for Aurea CRM external funnels",
   "main": "dist/index.js",
   "module": "dist/index.mjs",