@outlit/browser 1.4.3 → 1.5.0

package/dist/react/index.mjs

@@ -1,9 +1,11 @@
+// src/react/hooks.ts
+import { useCallback as useCallback2, useContext } from "react";
+
 // src/react/provider.tsx
 import { createContext, useCallback, useEffect, useRef, useState } from "react";
 
 // src/tracker.ts
 import {
-  DEFAULT_API_HOST,
   buildBillingEvent,
   buildCalendarEvent,
   buildCustomEvent,
@@ -11,7 +13,9 @@ import {
   buildIdentifyEvent,
   buildIngestPayload,
   buildPageviewEvent,
-  buildStageEvent
+  buildStageEvent,
+  DEFAULT_API_HOST,
+  validateCustomerIdentity
 } from "@outlit/core";
 
 // src/autocapture.ts
@@ -796,11 +800,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();
@@ -811,6 +822,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);
@@ -852,7 +865,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();
   }
   /**
@@ -920,13 +939,18 @@ var Outlit = class {
       console.warn("[Outlit] Tracking not enabled. Call enableTracking() first.");
       return;
     }
+    try {
+      validateCustomerIdentity(options.customerId, options.stripeCustomerId);
+    } catch (error) {
+      console.warn("[Outlit]", error instanceof Error ? error.message : error);
+      return;
+    }
     const event = buildBillingEvent({
       url: window.location.href,
       referrer: document.referrer,
       status,
       customerId: options.customerId,
       stripeCustomerId: options.stripeCustomerId,
-      domain: options.domain,
       properties: options.properties
     });
     this.enqueue(event);
@@ -1042,12 +1066,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 = buildIngestPayload(this.visitorId, "client", events, userIdentity, sessionId);
+    const payload = 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) {
@@ -1196,7 +1254,6 @@ function OutlitProvider(props) {
 }
 
 // src/react/hooks.ts
-import { useCallback as useCallback2, useContext } from "react";
 function useOutlit() {
   const { outlit, isInitialized, isTrackingEnabled, enableTracking, disableTracking } = useContext(OutlitContext);
   const track = useCallback2(