@appfunnel-dev/sdk 2.0.0-canary.3 → 2.0.0-canary.4

package/dist/index.d.cts

@@ -113,8 +113,16 @@ interface FunnelEventDataMap {
         priceId?: string;
         productName?: string;
         surface?: string;
+        amount?: number;
+        currency?: string;
+        eventId?: string;
+    };
+    'checkout.payment_added': {
+        productId?: string;
+        amount?: number;
+        currency?: string;
+        eventId?: string;
     };
-    'checkout.payment_added': Record<string, never>;
     'checkout.failed': {
         category: string;
         declineCode?: string;
@@ -126,6 +134,13 @@ interface FunnelEventDataMap {
         currency?: string;
         email?: string;
         eventId?: string;
+        productId?: string;
+    };
+    'subscription.created': {
+        amount?: number;
+        currency?: string;
+        productId?: string;
+        eventId?: string;
     };
     'experiment.exposure': {
         experimentId: string;

package/dist/index.d.ts

@@ -113,8 +113,16 @@ interface FunnelEventDataMap {
         priceId?: string;
         productName?: string;
         surface?: string;
+        amount?: number;
+        currency?: string;
+        eventId?: string;
+    };
+    'checkout.payment_added': {
+        productId?: string;
+        amount?: number;
+        currency?: string;
+        eventId?: string;
     };
-    'checkout.payment_added': Record<string, never>;
     'checkout.failed': {
         category: string;
         declineCode?: string;
@@ -126,6 +134,13 @@ interface FunnelEventDataMap {
         currency?: string;
         email?: string;
         eventId?: string;
+        productId?: string;
+    };
+    'subscription.created': {
+        amount?: number;
+        currency?: string;
+        productId?: string;
+        eventId?: string;
     };
     'experiment.exposure': {
         experimentId: string;

package/dist/index.js

@@ -1120,12 +1120,25 @@ var FALLBACK_DRIVER = createMockDriver();
 function useCheckout(opts = {}) {
   const driver = useDriver();
   const tracker = useTrackerRef();
+  const catalog = useCatalog();
   const nav = useNavigation();
   const [status, setStatus] = useState("idle");
   const [error, setError] = useState(null);
   const intent = opts.intent ?? "purchase";
   const kind = opts.kind;
   const advance = opts.advanceOnSuccess ?? true;
+  const productFacts = useCallback(
+    (product) => {
+      const resolved = product ? catalog.get(product) : void 0;
+      return {
+        productId: resolved?.catalogKey ?? product,
+        amount: resolved ? resolved.priceMinor / 100 : void 0,
+        currency: resolved?.currency,
+        isSubscription: resolved ? resolved.period !== "one-time" : kind === "subscription" || kind === "upgrade"
+      };
+    },
+    [catalog, kind]
+  );
   const recovering = useRef(false);
   const failRef = useRef(() => {
   });
@@ -1133,18 +1146,24 @@ function useCheckout(opts = {}) {
     async () => ({ ok: false })
   );
   const succeed = useCallback(
-    (result) => {
+    (result, product) => {
       setStatus("success");
+      const { productId, isSubscription } = productFacts(product);
+      const amount = result.amountMinor != null ? result.amountMinor / 100 : void 0;
       tracker.track("purchase.complete", {
-        amount: result.amountMinor != null ? result.amountMinor / 100 : void 0,
+        amount,
         currency: result.currency,
+        productId,
         eventId: result.eventId
         // server-minted (browser↔CAPI dedup); undefined if none
       });
+      if (isSubscription) {
+        tracker.track("subscription.created", { amount, currency: result.currency, productId, eventId: result.eventId });
+      }
       opts.onSuccess?.(result);
       if (advance) nav.next();
     },
-    [tracker, nav, advance, opts]
+    [tracker, nav, advance, opts, productFacts]
   );
   const succeedRef = useRef(succeed);
   succeedRef.current = succeed;
@@ -1152,11 +1171,18 @@ function useCheckout(opts = {}) {
     (product, surface) => {
       setStatus("loading");
       setError(null);
-      tracker.track("checkout.start", { productId: product, surface });
+      const { productId, amount, currency } = productFacts(product);
+      tracker.track("checkout.start", { productId, amount, currency, surface, eventId: newEventId() });
     },
-    [tracker]
+    [tracker, productFacts]
+  );
+  const paymentAdded = useCallback(
+    (product) => {
+      const { productId, amount, currency } = productFacts(product);
+      tracker.track("checkout.payment_added", { productId, amount, currency, eventId: newEventId() });
+    },
+    [tracker, productFacts]
   );
-  const paymentAdded = useCallback(() => tracker.track("checkout.payment_added", {}), [tracker]);
   const hostInSheet = (surface) => surface === "sheet" || isInlineSurface(surface) && !!PROVIDER_PROFILES[driver.provider]?.surfaces.sheet;
   const startRecovery = (product, surface) => {
     recovering.current = true;
@@ -1167,9 +1193,9 @@ function useCheckout(opts = {}) {
         surface: "sheet",
         intent,
         kind,
-        onSuccess: (r) => succeedRef.current(r),
+        onSuccess: (r) => succeedRef.current(r, product),
         onError: (e) => failRef.current(e, product),
-        onPaymentAdded: () => paymentAdded()
+        onPaymentAdded: () => paymentAdded(product)
       });
     } else {
       void attemptRef.current(product, surface);
@@ -1223,7 +1249,7 @@ function useCheckout(opts = {}) {
     begin(product, surface);
     try {
       const result = await driver.start({ product, intent, surface, kind });
-      if (result.ok) succeedRef.current(result);
+      if (result.ok) succeedRef.current(result, product);
       else failRef.current(result.error ?? checkoutError("unknown", "Checkout failed"), product);
       return result;
     } catch (e) {
@@ -1242,9 +1268,9 @@ function useCheckout(opts = {}) {
         recovering.current = false;
         begin(product, surface);
       },
-      onSuccess: (result) => succeedRef.current(result),
+      onSuccess: (result) => succeedRef.current(result, product),
       onError: (err) => failRef.current(err, product),
-      onPaymentAdded: () => paymentAdded()
+      onPaymentAdded: () => paymentAdded(product)
     }),
     [begin, paymentAdded]
   );