bump to reddit v3 api (#209)

src/routes/__root.tsx

@@ -131,7 +131,7 @@ function PostHogBootstrap() {
 
     redditSignupInFlightRef.current = true;
     void captureRedditConversionEvent({
-      data: { attribution, eventType: "SignUp" },
+      data: { attribution, eventType: "SIGN_UP" },
     })
       .then((result) => {
         if (result.status === "sent" || result.status === "already_sent") {

src/routes/_app/billing.tsx

@@ -81,7 +81,7 @@ function BillingPageContent() {
     if (!attribution) return;
 
     void captureRedditConversionEvent({
-      data: { attribution, eventType: "Purchase" },
+      data: { attribution, eventType: "PURCHASE" },
     });
   }, [billingRouteState, checkoutCompleted]);
 

src/routes/_authenticated.subscribe.tsx

@@ -59,7 +59,7 @@ function SubscribePageContent() {
         const attribution = getStoredRedditAttribution();
         if (attribution) {
           void captureRedditConversionEvent({
-            data: { attribution, eventType: "Purchase" },
+            data: { attribution, eventType: "PURCHASE" },
           }).finally(() => {
             void navigate({ to: "/", replace: true });
           });

src/server/lib/reddit-conversions.ts

@@ -7,7 +7,7 @@ import {
   type RedditAttributionInput,
 } from "@/shared/reddit-attribution";
 
-type RedditConversionType = "SignUp" | "Purchase";
+type RedditConversionType = "SIGN_UP" | "PURCHASE";
 
 type CaptureRedditConversionArgs = {
   attribution: RedditAttributionInput;
@@ -34,12 +34,12 @@ async function sha256(value: string) {
 }
 
 function getRedditConfig() {
-  const accountId = getEnv("REDDIT_AD_ACCOUNT_ID") || getEnv("REDDIT_PIXEL_ID");
+  const pixelId = getEnv("REDDIT_PIXEL_ID");
   const accessToken = getEnv("REDDIT_CONVERSIONS_ACCESS_TOKEN");
 
-  if (!accountId || !accessToken) return null;
+  if (!pixelId || !accessToken) return null;
 
-  return { accountId, accessToken };
+  return { accessToken, pixelId };
 }
 
 async function upsertAttribution(args: CaptureRedditConversionArgs) {
@@ -88,7 +88,7 @@ async function hasSentConversion(args: CaptureRedditConversionArgs) {
   const existing = await db.query.redditAttributions.findFirst({
     where: eq(redditAttributions.userId, args.userId),
   });
-  return args.eventType === "SignUp"
+  return args.eventType === "SIGN_UP"
     ? Boolean(existing?.signupSentAt)
     : Boolean(existing?.purchaseSentAt);
 }
@@ -96,7 +96,7 @@ async function hasSentConversion(args: CaptureRedditConversionArgs) {
 async function markConversionSent(args: CaptureRedditConversionArgs) {
   const now = new Date().toISOString();
   const sentColumn =
-    args.eventType === "SignUp" ? "signupSentAt" : "purchaseSentAt";
+    args.eventType === "SIGN_UP" ? "signupSentAt" : "purchaseSentAt";
 
   await db
     .update(redditAttributions)
@@ -118,25 +118,26 @@ export async function captureRedditConversion(
   const config = getRedditConfig();
   if (!config) return "stored" as const;
 
-  const eventMetadata: Record<string, unknown> = {
+  const metadata: Record<string, unknown> = {
     conversion_id: args.conversionId,
-    transaction_id: args.conversionId,
   };
   if (args.valueDecimal !== undefined) {
-    eventMetadata.value_decimal = args.valueDecimal;
+    metadata.currency = args.currency ?? "USD";
-    eventMetadata.currency = args.currency ?? "USD";
+    metadata.item_count = 1;
-    eventMetadata.item_count = 1;
+    metadata.value = args.valueDecimal;
   }
 
   const payload = {
+    data: {
       events: [
         {
+          action_source: "WEBSITE",
           click_id: args.attribution.clickId,
-        event_at: new Date().toISOString(),
+          event_at: Date.now(),
-        event_type: {
+          metadata,
+          type: {
             tracking_type: args.eventType,
           },
-        event_metadata: eventMetadata,
           user: {
             email: await sha256(args.email),
             external_id: await sha256(args.userId),
@@ -144,10 +145,11 @@ export async function captureRedditConversion(
           },
         },
       ],
+    },
   };
 
   const response = await fetch(
-    `https://ads-api.reddit.com/api/v2.0/conversions/events/${config.accountId}`,
+    `https://ads-api.reddit.com/api/v3/pixels/${config.pixelId}/conversion_events`,
     {
       method: "POST",
       headers: {

src/serverFunctions/redditConversions.ts

@@ -6,7 +6,7 @@ import { requireAuthenticatedContext } from "@/serverFunctions/middleware";
 
 const conversionInputSchema = z.object({
   attribution: redditAttributionSchema,
-  eventType: z.enum(["SignUp", "Purchase"]),
+  eventType: z.enum(["SIGN_UP", "PURCHASE"]),
 });
 
 export const captureRedditConversionEvent = createServerFn({ method: "POST" })
@@ -15,13 +15,13 @@ export const captureRedditConversionEvent = createServerFn({ method: "POST" })
   .handler(async ({ data, context }) => {
     const status = await captureRedditConversion({
       attribution: data.attribution,
-      conversionId: `${data.eventType.toLowerCase()}:${context.userId}`,
+      conversionId: `${data.eventType === "SIGN_UP" ? "signup" : "purchase"}:${context.userId}`,
       email: context.userEmail,
       eventType: data.eventType,
       organizationId: context.organizationId,
       userId: context.userId,
-      valueDecimal: data.eventType === "Purchase" ? 10 : undefined,
+      valueDecimal: data.eventType === "PURCHASE" ? 10 : undefined,
-      currency: data.eventType === "Purchase" ? "USD" : undefined,
+      currency: data.eventType === "PURCHASE" ? "USD" : undefined,
     });
 
     return { status };