trypost/resources/js/composables/useTracking.ts

import { captureEvent } from '@/posthog';

const push = (data: Record<string, unknown>) => {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(data);
};

export const useTracking = () => ({
    trackSignUp: (authProvider: string) => {
        captureEvent('user.signed_up', {
            auth_provider: authProvider,
        });

        push({
            event: 'sign_up',
            method: authProvider,
        });
    },

    trackBeginCheckout: (plan: { name: string; interval: string }) => {
        captureEvent('checkout.started', {
            plan_name: plan.name,
            interval: plan.interval,
        });

        push({
            event: 'begin_checkout',
            plan_name: plan.name,
            plan_interval: plan.interval,
        });
    },

    trackPurchase: (
        plan: { name: string; interval: string },
        conversion?: { value: number; currency: string; transaction_id: string } | null,
        persona?: string | null,
    ) => {
        captureEvent('checkout.completed', {
            plan_name: plan.name,
            interval: plan.interval,
            ...(persona ? { persona } : {}),
            ...(conversion ? {
                conversion_value: conversion.value,
                conversion_currency: conversion.currency,
                conversion_transaction_id: conversion.transaction_id,
            } : {}),
        });

        push({
            event: 'purchase',
            plan_name: plan.name,
            plan_interval: plan.interval,
            ...(persona ? { persona } : {}),
            ...(conversion ? {
                conversion_value: conversion.value,
                conversion_currency: conversion.currency,
                conversion_transaction_id: conversion.transaction_id,
            } : {}),
        });
    },
});