✨ Add Meta Pixel block

Closes #582

packages/schemas/features/blocks/integrations/pixel/constants.ts

@@ -0,0 +1,134 @@
+// Reference: https://developers.facebook.com/docs/meta-pixel/reference#standard-events
+
+export const pixelEventTypes = [
+  'Lead',
+  'Contact',
+  'CompleteRegistration',
+  'Schedule',
+  'SubmitApplication',
+  'ViewContent',
+  'AddPaymentInfo',
+  'AddToCart',
+  'AddToWishlist',
+  'CustomizeProduct',
+  'Donate',
+  'FindLocation',
+  'InitiateCheckout',
+  'Purchase',
+  'Search',
+  'StartTrial',
+  'Subscribe',
+] as const
+
+export const allEventTypes = ['Custom', ...pixelEventTypes] as const
+
+export const pixelObjectProperties: {
+  key: string
+  type: 'text' | 'code'
+  associatedEvents: (typeof pixelEventTypes)[number][]
+}[] = [
+  {
+    key: 'content_category',
+    type: 'text',
+    associatedEvents: [
+      'AddPaymentInfo',
+      'AddToWishlist',
+      'InitiateCheckout',
+      'Lead',
+      'Search',
+      'ViewContent',
+    ],
+  },
+  {
+    key: 'content_ids',
+    type: 'code',
+    associatedEvents: [
+      'AddPaymentInfo',
+      'AddToCart',
+      'AddToWishlist',
+      'InitiateCheckout',
+      'Purchase',
+      'Search',
+      'ViewContent',
+    ],
+  },
+  {
+    key: 'content_name',
+    type: 'text',
+    associatedEvents: [
+      'AddToCart',
+      'AddToWishlist',
+      'CompleteRegistration',
+      'Lead',
+      'Purchase',
+      'ViewContent',
+    ],
+  },
+  {
+    key: 'contents',
+    type: 'code',
+    associatedEvents: [
+      'AddPaymentInfo',
+      'AddToCart',
+      'AddToWishlist',
+      'InitiateCheckout',
+      'Purchase',
+      'Search',
+      'ViewContent',
+    ],
+  },
+  {
+    key: 'currency',
+    type: 'text',
+    associatedEvents: [
+      'AddPaymentInfo',
+      'AddToCart',
+      'AddToWishlist',
+      'CompleteRegistration',
+      'InitiateCheckout',
+      'Lead',
+      'Purchase',
+      'Search',
+      'StartTrial',
+      'Subscribe',
+      'ViewContent',
+    ],
+  },
+  {
+    key: 'num_items',
+    type: 'text',
+    associatedEvents: ['InitiateCheckout', 'Purchase'],
+  },
+  {
+    key: 'predicted_ltv',
+    type: 'text',
+    associatedEvents: ['StartTrial', 'Subscribe'],
+  },
+  {
+    key: 'search_string',
+    type: 'text',
+    associatedEvents: ['Search'],
+  },
+  {
+    key: 'status',
+    type: 'text',
+    associatedEvents: ['CompleteRegistration'],
+  },
+  {
+    key: 'value',
+    type: 'text',
+    associatedEvents: [
+      'AddPaymentInfo',
+      'AddToCart',
+      'AddToWishlist',
+      'CompleteRegistration',
+      'InitiateCheckout',
+      'Lead',
+      'Purchase',
+      'Search',
+      'StartTrial',
+      'Subscribe',
+      'ViewContent',
+    ],
+  },
+]

packages/schemas/features/blocks/integrations/pixel/schemas.ts

@@ -0,0 +1,51 @@
+import { z } from 'zod'
+import { pixelEventTypes } from './constants'
+import { blockBaseSchema } from '../../baseSchemas'
+import { IntegrationBlockType } from '../enums'
+
+const basePixelOptionSchema = z.object({
+  pixelId: z.string().optional(),
+  params: z
+    .array(
+      z.object({
+        id: z.string(),
+        key: z.string().optional(),
+        value: z.any().optional(),
+      })
+    )
+    .optional(),
+})
+
+const initialPixelOptionSchema = basePixelOptionSchema.merge(
+  z.object({
+    eventType: z.undefined(),
+  })
+)
+
+const standardPixelEventOptionSchema = basePixelOptionSchema.merge(
+  z.object({
+    eventType: z.enum(pixelEventTypes),
+  })
+)
+
+const customPixelOptionSchema = basePixelOptionSchema.merge(
+  z.object({
+    eventType: z.enum(['Custom']),
+    name: z.string().optional(),
+  })
+)
+
+export const pixelOptionsSchema = z.discriminatedUnion('eventType', [
+  initialPixelOptionSchema,
+  standardPixelEventOptionSchema,
+  customPixelOptionSchema,
+])
+
+export const pixelBlockSchema = blockBaseSchema.merge(
+  z.object({
+    type: z.enum([IntegrationBlockType.PIXEL]),
+    options: pixelOptionsSchema,
+  })
+)
+
+export type PixelBlock = z.infer<typeof pixelBlockSchema>