@outlit/browser 1.4.3 → 1.5.0

package/dist/vue/index.d.mts

@@ -1,50 +1,6 @@
-import { ShallowRef, Ref, InjectionKey, App } from 'vue';
-import { O as Outlit, U as UserIdentity, h as OutlitOptions, B as BillingOptions } from '../tracker-CzhtZoOC.mjs';
 import { BrowserIdentifyOptions, BrowserTrackOptions } 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 { 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 { ShallowRef, Ref, InjectionKey, App } from 'vue';
-import { O as Outlit, U as UserIdentity, h as OutlitOptions, B as BillingOptions } from '../tracker-CzhtZoOC.js';
 import { BrowserIdentifyOptions, BrowserTrackOptions } 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 { 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");
 
@@ -817,11 +820,18 @@ 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,
+        customerTraits: options.customerTraits,
+        traits: options.traits
       };
       if (hadNoUser) {
         this.flushPendingStageEvents();
@@ -832,6 +842,8 @@ var Outlit = class {
       referrer: document.referrer,
       email: options.email,
       userId: options.userId,
+      customerId: options.customerId,
+      customerTraits: options.customerTraits,
       traits: options.traits
     });
     this.enqueue(event);
@@ -873,7 +885,13 @@ 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,
+      customerTraits: identity.customerTraits
+    });
     this.flushPendingStageEvents();
   }
   /**
@@ -941,13 +959,18 @@ var Outlit = class {
       console.warn("[Outlit] Tracking not enabled. Call enableTracking() first.");
       return;
     }
+    try {
+      (0, import_core3.validateCustomerIdentity)(options.customerId, 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,
       stripeCustomerId: options.stripeCustomerId,
-      domain: options.domain,
       properties: options.properties
     });
     this.enqueue(event);
@@ -1063,12 +1086,46 @@ 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 } = this.currentUser;
+    if (!customerId) {
+      return void 0;
+    }
+    return {
+      ...customerId && { customerId }
+    };
+  }
   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) {
@@ -1162,7 +1219,6 @@ var OutlitPlugin = {
 };
 
 // src/vue/composables.ts
-var import_vue2 = require("vue");
 function useOutlit() {
   const instance = (0, import_vue2.inject)(OutlitKey);
   if (!instance) {