@outlit/browser 1.4.1 → 1.4.5

package/dist/vue/index.d.mts

@@ -1,50 +1,6 @@
-import { App, InjectionKey, ShallowRef, Ref } from 'vue';
-import { h as OutlitOptions, O as Outlit, U as UserIdentity, B as BillingOptions } from '../tracker-OMgVDwlV.mjs';
-import { BrowserTrackOptions, BrowserIdentifyOptions } from '@outlit/core';
-
-interface OutlitPluginOptions extends Omit<OutlitOptions, "trackPageviews"> {
-    /**
-     * Whether to automatically track pageviews.
-     * @default true
-     */
-    trackPageviews?: boolean;
-    /**
-     * Whether to start tracking automatically.
-     * Set to false if you need to wait for user consent.
-     * @default true
-     */
-    autoTrack?: boolean;
-}
-interface OutlitInstance {
-    outlit: ShallowRef<Outlit | null>;
-    isInitialized: Readonly<Ref<boolean>>;
-    isTrackingEnabled: Readonly<Ref<boolean>>;
-    enableTracking: () => void;
-    disableTracking: () => void;
-    /**
-     * Set the current user. Automatically calls identify when user changes.
-     * Pass null to clear the user (logout).
-     */
-    setUser: (user: UserIdentity | null) => void;
-}
-declare const OutlitKey: InjectionKey<OutlitInstance>;
-/**
- * Vue plugin to install Outlit.
- *
- * @example
- * ```ts
- * // main.ts
- * import { createApp } from 'vue'
- * import { OutlitPlugin } from '@outlit/browser/vue'
- *
- * const app = createApp(App)
- * app.use(OutlitPlugin, { publicKey: 'pk_xxx' })
- * app.mount('#app')
- * ```
- */
-declare const OutlitPlugin: {
-    install(app: App, options: OutlitPluginOptions): void;
-};
+import { BrowserIdentifyOptions, BrowserTrackOptions } from '@outlit/core';
+import { Ref, ShallowRef, InjectionKey, App } from 'vue';
+import { U as UserIdentity, B as BillingOptions, O as Outlit, h as OutlitOptions } from '../tracker-DlHUyaah.mjs';
 
 interface UseOutlitReturn {
     /**
@@ -201,4 +157,48 @@ type UseTrackReturn = ReturnType<typeof useTrack>;
  */
 type UseIdentifyReturn = ReturnType<typeof useIdentify>;
 
+interface OutlitPluginOptions extends Omit<OutlitOptions, "trackPageviews"> {
+    /**
+     * Whether to automatically track pageviews.
+     * @default true
+     */
+    trackPageviews?: boolean;
+    /**
+     * Whether to start tracking automatically.
+     * Set to false if you need to wait for user consent.
+     * @default true
+     */
+    autoTrack?: boolean;
+}
+interface OutlitInstance {
+    outlit: ShallowRef<Outlit | null>;
+    isInitialized: Readonly<Ref<boolean>>;
+    isTrackingEnabled: Readonly<Ref<boolean>>;
+    enableTracking: () => void;
+    disableTracking: () => void;
+    /**
+     * Set the current user. Automatically calls identify when user changes.
+     * Pass null to clear the user (logout).
+     */
+    setUser: (user: UserIdentity | null) => void;
+}
+declare const OutlitKey: InjectionKey<OutlitInstance>;
+/**
+ * Vue plugin to install Outlit.
+ *
+ * @example
+ * ```ts
+ * // main.ts
+ * import { createApp } from 'vue'
+ * import { OutlitPlugin } from '@outlit/browser/vue'
+ *
+ * const app = createApp(App)
+ * app.use(OutlitPlugin, { publicKey: 'pk_xxx' })
+ * app.mount('#app')
+ * ```
+ */
+declare const OutlitPlugin: {
+    install(app: App, options: OutlitPluginOptions): void;
+};
+
 export { type OutlitInstance, OutlitKey, OutlitPlugin, type OutlitPluginOptions, type UseIdentifyReturn, type UseOutlitReturn, type UseTrackReturn, useIdentify, useOutlit, useOutlitUser, useTrack };

package/dist/vue/index.d.ts

@@ -1,50 +1,6 @@
-import { App, InjectionKey, ShallowRef, Ref } from 'vue';
-import { h as OutlitOptions, O as Outlit, U as UserIdentity, B as BillingOptions } from '../tracker-OMgVDwlV.js';
-import { BrowserTrackOptions, BrowserIdentifyOptions } from '@outlit/core';
-
-interface OutlitPluginOptions extends Omit<OutlitOptions, "trackPageviews"> {
-    /**
-     * Whether to automatically track pageviews.
-     * @default true
-     */
-    trackPageviews?: boolean;
-    /**
-     * Whether to start tracking automatically.
-     * Set to false if you need to wait for user consent.
-     * @default true
-     */
-    autoTrack?: boolean;
-}
-interface OutlitInstance {
-    outlit: ShallowRef<Outlit | null>;
-    isInitialized: Readonly<Ref<boolean>>;
-    isTrackingEnabled: Readonly<Ref<boolean>>;
-    enableTracking: () => void;
-    disableTracking: () => void;
-    /**
-     * Set the current user. Automatically calls identify when user changes.
-     * Pass null to clear the user (logout).
-     */
-    setUser: (user: UserIdentity | null) => void;
-}
-declare const OutlitKey: InjectionKey<OutlitInstance>;
-/**
- * Vue plugin to install Outlit.
- *
- * @example
- * ```ts
- * // main.ts
- * import { createApp } from 'vue'
- * import { OutlitPlugin } from '@outlit/browser/vue'
- *
- * const app = createApp(App)
- * app.use(OutlitPlugin, { publicKey: 'pk_xxx' })
- * app.mount('#app')
- * ```
- */
-declare const OutlitPlugin: {
-    install(app: App, options: OutlitPluginOptions): void;
-};
+import { BrowserIdentifyOptions, BrowserTrackOptions } from '@outlit/core';
+import { Ref, ShallowRef, InjectionKey, App } from 'vue';
+import { U as UserIdentity, B as BillingOptions, O as Outlit, h as OutlitOptions } from '../tracker-DlHUyaah.js';
 
 interface UseOutlitReturn {
     /**
@@ -201,4 +157,48 @@ type UseTrackReturn = ReturnType<typeof useTrack>;
  */
 type UseIdentifyReturn = ReturnType<typeof useIdentify>;
 
+interface OutlitPluginOptions extends Omit<OutlitOptions, "trackPageviews"> {
+    /**
+     * Whether to automatically track pageviews.
+     * @default true
+     */
+    trackPageviews?: boolean;
+    /**
+     * Whether to start tracking automatically.
+     * Set to false if you need to wait for user consent.
+     * @default true
+     */
+    autoTrack?: boolean;
+}
+interface OutlitInstance {
+    outlit: ShallowRef<Outlit | null>;
+    isInitialized: Readonly<Ref<boolean>>;
+    isTrackingEnabled: Readonly<Ref<boolean>>;
+    enableTracking: () => void;
+    disableTracking: () => void;
+    /**
+     * Set the current user. Automatically calls identify when user changes.
+     * Pass null to clear the user (logout).
+     */
+    setUser: (user: UserIdentity | null) => void;
+}
+declare const OutlitKey: InjectionKey<OutlitInstance>;
+/**
+ * Vue plugin to install Outlit.
+ *
+ * @example
+ * ```ts
+ * // main.ts
+ * import { createApp } from 'vue'
+ * import { OutlitPlugin } from '@outlit/browser/vue'
+ *
+ * const app = createApp(App)
+ * app.use(OutlitPlugin, { publicKey: 'pk_xxx' })
+ * app.mount('#app')
+ * ```
+ */
+declare const OutlitPlugin: {
+    install(app: App, options: OutlitPluginOptions): void;
+};
+
 export { type OutlitInstance, OutlitKey, OutlitPlugin, type OutlitPluginOptions, type UseIdentifyReturn, type UseOutlitReturn, type UseTrackReturn, useIdentify, useOutlit, useOutlitUser, useTrack };

package/dist/vue/index.js

@@ -29,6 +29,9 @@ __export(vue_exports, {
 });
 module.exports = __toCommonJS(vue_exports);
 
+// src/vue/composables.ts
+var import_vue2 = require("vue");
+
 // src/vue/plugin.ts
 var import_vue = require("vue");
 
@@ -676,11 +679,23 @@ var Outlit = class {
   currentUser = null;
   pendingUser = null;
   pendingStageEvents = [];
+  exitCleanups = [];
   constructor(options) {
     this.publicKey = options.publicKey;
     this.apiHost = options.apiHost ?? import_core3.DEFAULT_API_HOST;
     this.flushInterval = options.flushInterval ?? 5e3;
     this.options = options;
+    const isDev = typeof window !== "undefined" && typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
+    if (isDev) {
+      const key = `__outlit_${options.publicKey}`;
+      if (window[key]) {
+        console.warn(
+          "[Outlit] Multiple instances created with the same key. If using HMR, this is expected. Otherwise, use init() for singleton behavior or call shutdown() on the previous instance."
+        );
+      }
+      ;
+      window[key] = true;
+    }
     if (typeof window !== "undefined") {
       const handleExit = () => {
         if (this.hasHandledExit) return;
@@ -688,15 +703,21 @@ var Outlit = class {
         this.sessionTracker?.emitEngagement();
         this.flush();
       };
-      document.addEventListener("visibilitychange", () => {
+      const visibilityHandler = () => {
         if (document.visibilityState === "hidden") {
           handleExit();
         } else {
           this.hasHandledExit = false;
         }
-      });
+      };
+      document.addEventListener("visibilitychange", visibilityHandler);
       window.addEventListener("pagehide", handleExit);
       window.addEventListener("beforeunload", handleExit);
+      this.exitCleanups = [
+        () => document.removeEventListener("visibilitychange", visibilityHandler),
+        () => window.removeEventListener("pagehide", handleExit),
+        () => window.removeEventListener("beforeunload", handleExit)
+      ];
     }
     this.isInitialized = true;
     const consent = getConsentState();
@@ -799,11 +820,19 @@ var Outlit = class {
       console.warn("[Outlit] Tracking not enabled. Call enableTracking() first.");
       return;
     }
+    if (!options.email && !options.userId) {
+      console.warn("[Outlit] identify requires email or userId");
+      return;
+    }
     if (options.email || options.userId) {
       const hadNoUser = !this.currentUser;
       this.currentUser = {
         email: options.email,
-        userId: options.userId
+        userId: options.userId,
+        customerId: options.customerId,
+        customerDomain: options.customerDomain,
+        customerTraits: options.customerTraits,
+        traits: options.traits
       };
       if (hadNoUser) {
         this.flushPendingStageEvents();
@@ -814,6 +843,9 @@ var Outlit = class {
       referrer: document.referrer,
       email: options.email,
       userId: options.userId,
+      customerId: options.customerId,
+      customerDomain: options.customerDomain,
+      customerTraits: options.customerTraits,
       traits: options.traits
     });
     this.enqueue(event);
@@ -855,7 +887,14 @@ var Outlit = class {
    */
   applyUser(identity) {
     this.currentUser = identity;
-    this.identify({ email: identity.email, userId: identity.userId, traits: identity.traits });
+    this.identify({
+      email: identity.email,
+      userId: identity.userId,
+      traits: identity.traits,
+      customerId: identity.customerId,
+      customerDomain: identity.customerDomain,
+      customerTraits: identity.customerTraits
+    });
     this.flushPendingStageEvents();
   }
   /**
@@ -923,11 +962,23 @@ var Outlit = class {
       console.warn("[Outlit] Tracking not enabled. Call enableTracking() first.");
       return;
     }
+    try {
+      (0, import_core3.validateCustomerIdentity)(
+        options.customerId,
+        options.customerDomain,
+        options.domain,
+        options.stripeCustomerId
+      );
+    } catch (error) {
+      console.warn("[Outlit]", error instanceof Error ? error.message : error);
+      return;
+    }
     const event = (0, import_core3.buildBillingEvent)({
       url: window.location.href,
       referrer: document.referrer,
       status,
       customerId: options.customerId,
+      customerDomain: options.customerDomain,
       stripeCustomerId: options.stripeCustomerId,
       domain: options.domain,
       properties: options.properties
@@ -962,6 +1013,13 @@ var Outlit = class {
     stopCalendarTracking();
     stopSessionTracking();
     this.sessionTracker = null;
+    for (const cleanup of this.exitCleanups) {
+      cleanup();
+    }
+    this.exitCleanups = [];
+    if (typeof window !== "undefined" && typeof process !== "undefined" && process.env?.NODE_ENV !== "production") {
+      delete window[`__outlit_${this.publicKey}`];
+    }
     await this.flush();
   }
   // ============================================
@@ -1038,12 +1096,47 @@ var Outlit = class {
       this.flush();
     }, this.flushInterval);
   }
+  getPayloadUserIdentity() {
+    if (!this.currentUser) {
+      return void 0;
+    }
+    const { email, userId } = this.currentUser;
+    if (!email && !userId) {
+      return void 0;
+    }
+    return {
+      ...email && { email },
+      ...userId && { userId }
+    };
+  }
+  getPayloadCustomerIdentity() {
+    if (!this.currentUser) {
+      return void 0;
+    }
+    const { customerId, customerDomain } = this.currentUser;
+    if (!customerId && !customerDomain) {
+      return void 0;
+    }
+    return {
+      ...customerId && { customerId },
+      ...customerDomain && { customerDomain }
+    };
+  }
   async sendEvents(events) {
     if (events.length === 0) return;
     if (!this.visitorId) return;
-    const userIdentity = this.currentUser ?? void 0;
+    const userIdentity = this.getPayloadUserIdentity();
+    const customerIdentity = this.getPayloadCustomerIdentity();
     const sessionId = this.sessionTracker?.getSessionId();
-    const payload = (0, import_core3.buildIngestPayload)(this.visitorId, "client", events, userIdentity, sessionId);
+    const payload = (0, import_core3.buildIngestPayload)(
+      this.visitorId,
+      "client",
+      events,
+      userIdentity,
+      sessionId,
+      void 0,
+      customerIdentity
+    );
     const url = `${this.apiHost}/api/i/v1/${this.publicKey}/events`;
     try {
       if (typeof navigator !== "undefined" && navigator.sendBeacon) {
@@ -1137,7 +1230,6 @@ var OutlitPlugin = {
 };
 
 // src/vue/composables.ts
-var import_vue2 = require("vue");
 function useOutlit() {
   const instance = (0, import_vue2.inject)(OutlitKey);
   if (!instance) {