keystone-design-bootstrap 1.0.54 → 1.0.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keystone-design-bootstrap",
-  "version": "1.0.54",
+  "version": "1.0.55",
   "description": "Keystone Design Bootstrap - Sections, Elements, and Theme System for customer websites",
   "type": "module",
   "main": "./src/index.ts",

package/src/tracking/MetaPixelTracker.tsx

@@ -79,6 +79,7 @@ export function MetaPixelTracker({ bookingUrl }: Props) {
     const handleClick = (e: MouseEvent) => {
       const anchor = (e.target as Element).closest('a');
       if (anchor?.href?.startsWith(bookingUrl)) {
+        console.debug('[MetaPixel] Booking link clicked', { href: anchor.href });
         trackInitiateCheckout();
       }
     };

package/src/tracking/trackInitiateCheckout.ts

@@ -7,5 +7,10 @@ type FbqFn = (method: string, eventName: string, params?: object) => void;
 export function trackInitiateCheckout(): void {
   if (typeof window === 'undefined') return;
   const fbq = (window as Window & { fbq?: FbqFn }).fbq;
-  if (fbq) fbq('track', 'InitiateCheckout');
+  if (!fbq) {
+    console.debug('[MetaPixel] InitiateCheckout skipped — fbq not loaded');
+    return;
+  }
+  console.debug('[MetaPixel] InitiateCheckout');
+  fbq('track', 'InitiateCheckout');
 }

package/src/tracking/trackMetaLead.ts

@@ -5,5 +5,10 @@
 export function trackMetaLead(eventId: string | undefined): void {
   if (typeof window === 'undefined' || !eventId) return;
   const fbq = (window as Window & { fbq?: (method: string, eventName: string, params?: object, options?: { eventID?: string }) => void }).fbq;
-  if (fbq) fbq('track', 'Lead', {}, { eventID: eventId });
+  if (!fbq) {
+    console.debug('[MetaPixel] Lead skipped — fbq not loaded', { eventId });
+    return;
+  }
+  console.debug('[MetaPixel] Lead', { eventId });
+  fbq('track', 'Lead', {}, { eventID: eventId });
 }

package/src/tracking/trackViewContent.ts

@@ -7,9 +7,13 @@ type FbqFn = (method: string, eventName: string, params?: object) => void;
 export function trackViewContent(contentName?: string, contentCategory?: string): void {
   if (typeof window === 'undefined') return;
   const fbq = (window as Window & { fbq?: FbqFn }).fbq;
-  if (!fbq) return;
+  if (!fbq) {
+    console.debug('[MetaPixel] ViewContent skipped — fbq not loaded', { contentName, contentCategory });
+    return;
+  }
   const params: Record<string, string> = {};
   if (contentName) params.content_name = contentName;
   if (contentCategory) params.content_category = contentCategory;
+  console.debug('[MetaPixel] ViewContent', params);
   fbq('track', 'ViewContent', params);
 }