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

package/dist/index.cjs

@@ -1125,12 +1125,25 @@ var FALLBACK_DRIVER = createMockDriver();
 function useCheckout(opts = {}) {
   const driver = useDriver();
   const tracker = useTrackerRef();
+  const catalog = useCatalog();
   const nav = useNavigation();
   const [status, setStatus] = React.useState("idle");
   const [error, setError] = React.useState(null);
   const intent = opts.intent ?? "purchase";
   const kind = opts.kind;
   const advance = opts.advanceOnSuccess ?? true;
+  const productFacts = React.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 = React.useRef(false);
   const failRef = React.useRef(() => {
   });
@@ -1138,18 +1151,24 @@ function useCheckout(opts = {}) {
     async () => ({ ok: false })
   );
   const succeed = React.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 = React.useRef(succeed);
   succeedRef.current = succeed;
@@ -1157,11 +1176,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 = React.useCallback(
+    (product) => {
+      const { productId, amount, currency } = productFacts(product);
+      tracker.track("checkout.payment_added", { productId, amount, currency, eventId: newEventId() });
+    },
+    [tracker, productFacts]
   );
-  const paymentAdded = React.useCallback(() => tracker.track("checkout.payment_added", {}), [tracker]);
   const hostInSheet = (surface) => surface === "sheet" || chunkLJYLGLFS_cjs.isInlineSurface(surface) && !!chunkLJYLGLFS_cjs.PROVIDER_PROFILES[driver.provider]?.surfaces.sheet;
   const startRecovery = (product, surface) => {
     recovering.current = true;
@@ -1172,9 +1198,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);
@@ -1228,7 +1254,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 ?? chunkLJYLGLFS_cjs.checkoutError("unknown", "Checkout failed"), product);
       return result;
     } catch (e) {
@@ -1247,9 +1273,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]
   );