fallback to dub_id cookie for clickId

Author: steven-tey

packages/script/src/extensions/conversion-tracking.js

@@ -1,5 +1,10 @@
 const initConversionTracking = () => {
-  const { a: API_HOST, k: PUBLISHABLE_KEY } = window._dubAnalytics || {};
+  const {
+    a: API_HOST,
+    k: PUBLISHABLE_KEY,
+    c: cookieManager,
+    i: DUB_ID_VAR,
+  } = window._dubAnalytics || {};
 
   if (!API_HOST) {
     console.warn('[dubAnalytics] Missing API_HOST');
@@ -13,13 +18,20 @@ const initConversionTracking = () => {
 
   // Track lead conversion
   const trackLead = async (input) => {
+    const clickId = cookieManager?.get(DUB_ID_VAR);
+
+    const requestBody = {
+      ...(clickId && { clickId }),
+      ...input,
+    };
+
     const response = await fetch(`${API_HOST}/track/lead/client`, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
         Authorization: `Bearer ${PUBLISHABLE_KEY}`,
       },
-      body: JSON.stringify(input),
+      body: JSON.stringify(requestBody),
     });
 
     const result = await response.json();

packages/web/src/types.ts

@@ -166,24 +166,24 @@ export interface TrackClickInput {
 }
 
 export interface TrackLeadInput {
-  clickId: string;
+  clickId?: string; // falls back to dub_id cookie
   eventName: string;
   customerExternalId: string;
-  customerName?: string | null;
-  customerEmail?: string | null;
-  customerAvatar?: string | null;
+  customerName?: string;
+  customerEmail?: string;
+  customerAvatar?: string;
   mode?: string;
-  metadata?: Record<string, any>;
+  metadata?: Record<string, unknown>;
 }
 
 export interface TrackSaleInput {
   eventName: string;
   customerExternalId: string;
-  paymentProcessor: string;
+  paymentProcessor?: string;
   amount: number;
-  invoiceId?: string | null;
+  invoiceId?: string;
   currency?: string;
-  metadata?: Record<string, any>;
+  metadata?: Record<string, unknown>;
 }
 
 export interface Partner {