keystone-design-bootstrap 1.0.80 → 1.0.81

package/dist/lib/server-api.d.ts

@@ -25,6 +25,8 @@ declare function getMetaPixelId(adsConfig: {
 type AnalyticsConfig = {
     /** PostHog project API key — platform-wide, from POSTHOG_API_KEY env var on the Rails server. */
     posthog_api_key?: string;
+    /** Per-site GTM container ID (e.g. GTM-ABC123), provisioned by Keystone. */
+    gtm_container_public_id?: string;
     /**
      * Environment identifier from KEYSTONE_ENV on the Rails server (e.g. "production", "staging",
      * "development"). Registered as a PostHog super property on every event so the sync job can
@@ -36,6 +38,8 @@ type AnalyticsConfig = {
 declare function getAnalyticsConfig(): Promise<AnalyticsConfig | null>;
 /** Extract PostHog API key from analytics config for use with <PostHogProvider apiKey={...} />. */
 declare function getPostHogApiKey(analyticsConfig: AnalyticsConfig | null | undefined): string | null;
+/** Extract GTM container ID from analytics config for use with <GoogleTagManager containerId={...} />. */
+declare function getGtmContainerPublicId(analyticsConfig: AnalyticsConfig | null | undefined): string | null;
 /** Extract environment string from analytics config for use with <PostHogProvider environment={...} />. */
 declare function getKeystoneEnvironment(analyticsConfig: AnalyticsConfig | null | undefined): string;
 declare function getServices(): Promise<Service[] | null>;
@@ -60,4 +64,4 @@ declare function getForm(formType: string): Promise<FormDefinition | null>;
 /** Form definition for dynamic form rendering, fetched by numeric ID. */
 declare function getFormById(id: number | string): Promise<FormDefinition | null>;
 
-export { type AnalyticsConfig, getAdsConfig, getAnalyticsConfig, getBlogPost, getBlogPosts, getCompanyInformation, getFAQs, getForm, getFormById, getJobPosting, getJobPostings, getKeystoneEnvironment, getLocation, getLocations, getMetaPixelId, getPackage, getPackages, getPostHogApiKey, getReviews, getService, getServices, getSocialPosts, getTeamMembers, getTestimonials, getWebsitePhotos, serverApi };
+export { type AnalyticsConfig, getAdsConfig, getAnalyticsConfig, getBlogPost, getBlogPosts, getCompanyInformation, getFAQs, getForm, getFormById, getGtmContainerPublicId, getJobPosting, getJobPostings, getKeystoneEnvironment, getLocation, getLocations, getMetaPixelId, getPackage, getPackages, getPostHogApiKey, getReviews, getService, getServices, getSocialPosts, getTeamMembers, getTestimonials, getWebsitePhotos, serverApi };

package/dist/lib/server-api.js

@@ -54,6 +54,11 @@ function getPostHogApiKey(analyticsConfig) {
   const str = key != null && key !== "" ? String(key).trim() : "";
   return str !== "" && str !== "null" ? str : null;
 }
+function getGtmContainerPublicId(analyticsConfig) {
+  const value = analyticsConfig == null ? void 0 : analyticsConfig.gtm_container_public_id;
+  const str = value != null && value !== "" ? String(value).trim() : "";
+  return str !== "" && str !== "null" && /^GTM-[A-Z0-9]+$/i.test(str) ? str : null;
+}
 function getKeystoneEnvironment(analyticsConfig) {
   var _a;
   return ((_a = analyticsConfig == null ? void 0 : analyticsConfig.environment) == null ? void 0 : _a.trim()) || "development";
@@ -121,6 +126,7 @@ export {
   getFAQs,
   getForm,
   getFormById,
+  getGtmContainerPublicId,
   getJobPosting,
   getJobPostings,
   getKeystoneEnvironment,

package/dist/lib/server-api.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/server-api.ts"],"sourcesContent":["/**\n * Server-side API client for SSR\n * API key is stored securely on the server - never exposed to browser\n */\n\nimport type { CompanyInformation } from '../types/api/company-information';\nimport type { Service } from '../types/api/service';\nimport type { Package } from '../types/api/package';\nimport type { WebsitePhotos } from '../types/api/website-photos';\n\nconst API_URL = process.env.API_URL || 'http://localhost:3000/api/v1';\nconst API_KEY = process.env.API_KEY || '';\n\ninterface FetchOptions {\n  cache?: RequestCache;\n  revalidate?: number;\n}\n\nasync function serverFetch<T>(endpoint: string, options: FetchOptions = {}): Promise<T | null> {\n  const url = `${API_URL}${endpoint}`;\n  \n  try {\n    const fetchOptions: RequestInit & { next?: { revalidate?: number } } = {\n      headers: {\n        'X-API-Key': API_KEY,\n        'Content-Type': 'application/json',\n      },\n      cache: options.cache,\n    };\n    \n    if (options.revalidate) {\n      fetchOptions.next = { revalidate: options.revalidate };\n    }\n    \n    const response = await fetch(url, fetchOptions);\n\n    if (!response.ok) {\n      console.error(`[Server API] Error ${response.status} for ${endpoint}`);\n      return null;\n    }\n\n    const json = await response.json();\n    \n    // Rails API returns { data: [...], meta: {...} }\n    return json.data ?? json;\n  } catch (error) {\n    console.error(`[Server API] Failed to fetch ${endpoint}:`, error);\n    return null;\n  }\n}\n\n/**\n * Generic serverApi object for flexible endpoint access\n */\nexport const serverApi = {\n  get: <T = unknown>(endpoint: string, options?: FetchOptions): Promise<T | null> => {\n    return serverFetch<T>(endpoint, options || { revalidate: 60 });\n  }\n};\n\n// Revalidate data every 60 seconds (ISR)\nconst defaultOptions: FetchOptions = { revalidate: 60 };\n\nexport async function getCompanyInformation(): Promise<CompanyInformation | null> {\n  return serverFetch<CompanyInformation>('/public/company_information', defaultOptions);\n}\n\n/** Ads config (e.g. Meta Pixel). Returns { meta_pixel_id?: string } or {}. Only present when account has connected Meta Ads. */\nexport async function getAdsConfig(): Promise<{ meta_pixel_id?: string } | null> {\n  const data = await serverFetch<{ meta_pixel_id?: string }>('/public/ads_config', defaultOptions);\n  return data ?? null;\n}\n\n/** Extract Meta Pixel ID from ads config for use with <MetaPixel pixelId={...} />. Only returns a value when present and valid (numeric). */\nexport function getMetaPixelId(adsConfig: { meta_pixel_id?: string } | null | undefined): string | null {\n  const id = adsConfig && typeof adsConfig === 'object' && 'meta_pixel_id' in adsConfig && adsConfig.meta_pixel_id;\n  const str = id != null && id !== '' ? String(id).trim() : '';\n  return str !== '' && str !== 'null' && /^\\d+$/.test(str) ? str : null;\n}\n\nexport type AnalyticsConfig = {\n  /** PostHog project API key — platform-wide, from POSTHOG_API_KEY env var on the Rails server. */\n  posthog_api_key?: string;\n  /**\n   * Environment identifier from KEYSTONE_ENV on the Rails server (e.g. \"production\", \"staging\",\n   * \"development\"). Registered as a PostHog super property on every event so the sync job can\n   * filter by environment and avoid cross-environment data contamination.\n   */\n  environment?: string;\n};\n\n/** Analytics config for customer sites. Returns platform-wide analytics keys (e.g. PostHog). */\nexport async function getAnalyticsConfig(): Promise<AnalyticsConfig | null> {\n  const data = await serverFetch<AnalyticsConfig>('/public/analytics_config', defaultOptions);\n  return data ?? null;\n}\n\n/** Extract PostHog API key from analytics config for use with <PostHogProvider apiKey={...} />. */\nexport function getPostHogApiKey(analyticsConfig: AnalyticsConfig | null | undefined): string | null {\n  const key = analyticsConfig?.posthog_api_key;\n  const str = key != null && key !== '' ? String(key).trim() : '';\n  return str !== '' && str !== 'null' ? str : null;\n}\n\n/** Extract environment string from analytics config for use with <PostHogProvider environment={...} />. */\nexport function getKeystoneEnvironment(analyticsConfig: AnalyticsConfig | null | undefined): string {\n  return analyticsConfig?.environment?.trim() || 'development';\n}\n\nexport async function getServices(): Promise<Service[] | null> {\n  return serverFetch<Service[]>('/public/services', defaultOptions);\n}\n\nexport async function getService(slug: string): Promise<Service | null> {\n  return serverFetch<Service>(`/public/services/by_slug/${slug}`, defaultOptions);\n}\n\nexport async function getLocations() {\n  return serverFetch('/public/locations', defaultOptions);\n}\n\nexport async function getLocation(slug: string) {\n  return serverFetch(`/public/locations/by_slug/${slug}`, defaultOptions);\n}\n\nexport async function getReviews() {\n  return serverFetch('/public/reviews', defaultOptions);\n}\n\nexport async function getFAQs() {\n  return serverFetch('/public/faq_questions', defaultOptions);\n}\n\nexport async function getBlogPosts() {\n  return serverFetch('/public/blog_posts', defaultOptions);\n}\n\nexport async function getBlogPost(slug: string) {\n  return serverFetch(`/public/blog_posts/by_slug/${slug}`, defaultOptions);\n}\n\nexport async function getTeamMembers() {\n  return serverFetch('/public/team_members', defaultOptions);\n}\n\nexport async function getWebsitePhotos(): Promise<WebsitePhotos | null> {\n  return serverFetch<WebsitePhotos>('/public/website_photos', defaultOptions);\n}\n\nexport async function getJobPostings() {\n  return serverFetch('/public/job_postings', defaultOptions);\n}\n\nexport async function getJobPosting(slug: string) {\n  return serverFetch(`/public/job_postings/by_slug/${slug}`, defaultOptions);\n}\n\nexport async function getSocialPosts() {\n  return serverFetch('/public/social_posts', defaultOptions);\n}\n\n/** Packages (bundles of service items). */\nexport async function getPackages(): Promise<Package[] | null> {\n  return serverFetch<Package[]>('/public/packages', defaultOptions);\n}\n\nexport async function getPackage(slug: string): Promise<Package | null> {\n  return serverFetch<Package>(`/public/packages/by_slug/${encodeURIComponent(slug)}`, defaultOptions);\n}\n\n// Alias for testimonials (API uses \"reviews\")\nexport async function getTestimonials() {\n  return getReviews();\n}\n\n/** Form definition for dynamic form rendering, fetched by form_type. */\nexport async function getForm(formType: string) {\n  type FormDefinition = import('../types/api/form').FormDefinition;\n  return serverFetch<FormDefinition>(`/public/forms/${encodeURIComponent(formType)}`, defaultOptions);\n}\n\n/** Form definition for dynamic form rendering, fetched by numeric ID. */\nexport async function getFormById(id: number | string) {\n  type FormDefinition = import('../types/api/form').FormDefinition;\n  return serverFetch<FormDefinition>(`/public/form_by_id/${encodeURIComponent(id)}`, defaultOptions);\n}\n\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/lib/server-api.ts"],"sourcesContent":["/**\n * Server-side API client for SSR\n * API key is stored securely on the server - never exposed to browser\n */\n\nimport type { CompanyInformation } from '../types/api/company-information';\nimport type { Service } from '../types/api/service';\nimport type { Package } from '../types/api/package';\nimport type { WebsitePhotos } from '../types/api/website-photos';\n\nconst API_URL = process.env.API_URL || 'http://localhost:3000/api/v1';\nconst API_KEY = process.env.API_KEY || '';\n\ninterface FetchOptions {\n  cache?: RequestCache;\n  revalidate?: number;\n}\n\nasync function serverFetch<T>(endpoint: string, options: FetchOptions = {}): Promise<T | null> {\n  const url = `${API_URL}${endpoint}`;\n  \n  try {\n    const fetchOptions: RequestInit & { next?: { revalidate?: number } } = {\n      headers: {\n        'X-API-Key': API_KEY,\n        'Content-Type': 'application/json',\n      },\n      cache: options.cache,\n    };\n    \n    if (options.revalidate) {\n      fetchOptions.next = { revalidate: options.revalidate };\n    }\n    \n    const response = await fetch(url, fetchOptions);\n\n    if (!response.ok) {\n      console.error(`[Server API] Error ${response.status} for ${endpoint}`);\n      return null;\n    }\n\n    const json = await response.json();\n    \n    // Rails API returns { data: [...], meta: {...} }\n    return json.data ?? json;\n  } catch (error) {\n    console.error(`[Server API] Failed to fetch ${endpoint}:`, error);\n    return null;\n  }\n}\n\n/**\n * Generic serverApi object for flexible endpoint access\n */\nexport const serverApi = {\n  get: <T = unknown>(endpoint: string, options?: FetchOptions): Promise<T | null> => {\n    return serverFetch<T>(endpoint, options || { revalidate: 60 });\n  }\n};\n\n// Revalidate data every 60 seconds (ISR)\nconst defaultOptions: FetchOptions = { revalidate: 60 };\n\nexport async function getCompanyInformation(): Promise<CompanyInformation | null> {\n  return serverFetch<CompanyInformation>('/public/company_information', defaultOptions);\n}\n\n/** Ads config (e.g. Meta Pixel). Returns { meta_pixel_id?: string } or {}. Only present when account has connected Meta Ads. */\nexport async function getAdsConfig(): Promise<{ meta_pixel_id?: string } | null> {\n  const data = await serverFetch<{ meta_pixel_id?: string }>('/public/ads_config', defaultOptions);\n  return data ?? null;\n}\n\n/** Extract Meta Pixel ID from ads config for use with <MetaPixel pixelId={...} />. Only returns a value when present and valid (numeric). */\nexport function getMetaPixelId(adsConfig: { meta_pixel_id?: string } | null | undefined): string | null {\n  const id = adsConfig && typeof adsConfig === 'object' && 'meta_pixel_id' in adsConfig && adsConfig.meta_pixel_id;\n  const str = id != null && id !== '' ? String(id).trim() : '';\n  return str !== '' && str !== 'null' && /^\\d+$/.test(str) ? str : null;\n}\n\nexport type AnalyticsConfig = {\n  /** PostHog project API key — platform-wide, from POSTHOG_API_KEY env var on the Rails server. */\n  posthog_api_key?: string;\n  /** Per-site GTM container ID (e.g. GTM-ABC123), provisioned by Keystone. */\n  gtm_container_public_id?: string;\n  /**\n   * Environment identifier from KEYSTONE_ENV on the Rails server (e.g. \"production\", \"staging\",\n   * \"development\"). Registered as a PostHog super property on every event so the sync job can\n   * filter by environment and avoid cross-environment data contamination.\n   */\n  environment?: string;\n};\n\n/** Analytics config for customer sites. Returns platform-wide analytics keys (e.g. PostHog). */\nexport async function getAnalyticsConfig(): Promise<AnalyticsConfig | null> {\n  const data = await serverFetch<AnalyticsConfig>('/public/analytics_config', defaultOptions);\n  return data ?? null;\n}\n\n/** Extract PostHog API key from analytics config for use with <PostHogProvider apiKey={...} />. */\nexport function getPostHogApiKey(analyticsConfig: AnalyticsConfig | null | undefined): string | null {\n  const key = analyticsConfig?.posthog_api_key;\n  const str = key != null && key !== '' ? String(key).trim() : '';\n  return str !== '' && str !== 'null' ? str : null;\n}\n\n/** Extract GTM container ID from analytics config for use with <GoogleTagManager containerId={...} />. */\nexport function getGtmContainerPublicId(analyticsConfig: AnalyticsConfig | null | undefined): string | null {\n  const value = analyticsConfig?.gtm_container_public_id;\n  const str = value != null && value !== '' ? String(value).trim() : '';\n  return str !== '' && str !== 'null' && /^GTM-[A-Z0-9]+$/i.test(str) ? str : null;\n}\n\n/** Extract environment string from analytics config for use with <PostHogProvider environment={...} />. */\nexport function getKeystoneEnvironment(analyticsConfig: AnalyticsConfig | null | undefined): string {\n  return analyticsConfig?.environment?.trim() || 'development';\n}\n\nexport async function getServices(): Promise<Service[] | null> {\n  return serverFetch<Service[]>('/public/services', defaultOptions);\n}\n\nexport async function getService(slug: string): Promise<Service | null> {\n  return serverFetch<Service>(`/public/services/by_slug/${slug}`, defaultOptions);\n}\n\nexport async function getLocations() {\n  return serverFetch('/public/locations', defaultOptions);\n}\n\nexport async function getLocation(slug: string) {\n  return serverFetch(`/public/locations/by_slug/${slug}`, defaultOptions);\n}\n\nexport async function getReviews() {\n  return serverFetch('/public/reviews', defaultOptions);\n}\n\nexport async function getFAQs() {\n  return serverFetch('/public/faq_questions', defaultOptions);\n}\n\nexport async function getBlogPosts() {\n  return serverFetch('/public/blog_posts', defaultOptions);\n}\n\nexport async function getBlogPost(slug: string) {\n  return serverFetch(`/public/blog_posts/by_slug/${slug}`, defaultOptions);\n}\n\nexport async function getTeamMembers() {\n  return serverFetch('/public/team_members', defaultOptions);\n}\n\nexport async function getWebsitePhotos(): Promise<WebsitePhotos | null> {\n  return serverFetch<WebsitePhotos>('/public/website_photos', defaultOptions);\n}\n\nexport async function getJobPostings() {\n  return serverFetch('/public/job_postings', defaultOptions);\n}\n\nexport async function getJobPosting(slug: string) {\n  return serverFetch(`/public/job_postings/by_slug/${slug}`, defaultOptions);\n}\n\nexport async function getSocialPosts() {\n  return serverFetch('/public/social_posts', defaultOptions);\n}\n\n/** Packages (bundles of service items). */\nexport async function getPackages(): Promise<Package[] | null> {\n  return serverFetch<Package[]>('/public/packages', defaultOptions);\n}\n\nexport async function getPackage(slug: string): Promise<Package | null> {\n  return serverFetch<Package>(`/public/packages/by_slug/${encodeURIComponent(slug)}`, defaultOptions);\n}\n\n// Alias for testimonials (API uses \"reviews\")\nexport async function getTestimonials() {\n  return getReviews();\n}\n\n/** Form definition for dynamic form rendering, fetched by form_type. */\nexport async function getForm(formType: string) {\n  type FormDefinition = import('../types/api/form').FormDefinition;\n  return serverFetch<FormDefinition>(`/public/forms/${encodeURIComponent(formType)}`, defaultOptions);\n}\n\n/** Form definition for dynamic form rendering, fetched by numeric ID. */\nexport async function getFormById(id: number | string) {\n  type FormDefinition = import('../types/api/form').FormDefinition;\n  return serverFetch<FormDefinition>(`/public/form_by_id/${encodeURIComponent(id)}`, defaultOptions);\n}\n\n"],"mappings":"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","names":[]}

package/dist/tracking/index.d.ts

@@ -98,6 +98,16 @@ type Props = {
  */
 declare function KeystoneAnalyticsTracker({ bookingUrl }: Props): null;
 
+type GoogleTagManagerProps = {
+    /** GTM container public ID (e.g. GTM-ABC123). */
+    containerId: string | null | undefined;
+};
+/**
+ * Renders Google Tag Manager script + noscript fallback.
+ * Mount once at root layout level when a container is provisioned.
+ */
+declare function GoogleTagManager({ containerId }: GoogleTagManagerProps): React$1.JSX.Element | null;
+
 /**
  * PostHog event capture — Keystone customer sites.
  *
@@ -184,4 +194,4 @@ type KsEventProperties = {
  */
 declare function captureEvent<E extends KsEventName>(event: E, ...args: KsEventProperties[E] extends Record<string, never> ? [] : [properties: KsEventProperties[E]]): void;
 
-export { KeystoneAnalyticsTracker, type KsEventName, type KsEventProperties, MetaPixel, type MetaPixelProps, MetaPixelTracker, type PixelEvent, type PixelEventParams, type PixelUserData, PostHogProvider, type PostHogProviderProps, captureEvent, firePixelEvent, setPixelUserData };
+export { GoogleTagManager, type GoogleTagManagerProps, KeystoneAnalyticsTracker, type KsEventName, type KsEventProperties, MetaPixel, type MetaPixelProps, MetaPixelTracker, type PixelEvent, type PixelEventParams, type PixelUserData, PostHogProvider, type PostHogProviderProps, captureEvent, firePixelEvent, setPixelUserData };

package/dist/tracking/index.js

@@ -288,7 +288,34 @@ function KeystoneAnalyticsTracker({ bookingUrl }) {
   }, [bookingUrl, pathname]);
   return null;
 }
+
+// src/tracking/GoogleTagManager.tsx
+var GTM_SCRIPT = (containerId) => `
+  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','${containerId.replace(/'/g, "\\'")}');
+`;
+function GoogleTagManager({ containerId }) {
+  const raw = typeof containerId === "string" ? containerId.trim() : "";
+  const id = raw && raw !== "null" && /^GTM-[A-Z0-9]+$/i.test(raw) ? raw : "";
+  if (!id) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("script", { id: "google-tag-manager", dangerouslySetInnerHTML: { __html: GTM_SCRIPT(id) } }), /* @__PURE__ */ React.createElement("noscript", null, /* @__PURE__ */ React.createElement(
+    "iframe",
+    {
+      src: `https://www.googletagmanager.com/ns.html?id=${id}`,
+      height: "0",
+      width: "0",
+      style: { display: "none", visibility: "hidden" },
+      title: "google-tag-manager"
+    }
+  )));
+}
 export {
+  GoogleTagManager,
   KeystoneAnalyticsTracker,
   MetaPixel,
   MetaPixelTracker,

package/dist/tracking/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tracking/MetaPixel.tsx","../../src/tracking/MetaPixelTracker.tsx","../../src/tracking/firePixelEvent.ts","../../src/tracking/PostHogProvider.tsx","../../src/tracking/KeystoneAnalyticsTracker.tsx","../../src/tracking/captureEvent.ts"],"sourcesContent":["'use client';\n\nimport Script from 'next/script';\n\nconst FBEVENTS_URL = 'https://connect.facebook.net/en_US/fbevents.js';\n\nconst PIXEL_SCRIPT = (pixelId: string) => `\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s)}(window, document,'script','${FBEVENTS_URL}');\n  fbq('init', '${pixelId.replace(/'/g, \"\\\\'\")}');\n  fbq('track', 'PageView');\n  window.__ks_pixel_ids = window.__ks_pixel_ids || [];\n  if (window.__ks_pixel_ids.indexOf('${pixelId.replace(/'/g, \"\\\\'\")}') === -1) {\n    window.__ks_pixel_ids.push('${pixelId.replace(/'/g, \"\\\\'\")}');\n  }\n`;\n\nexport type MetaPixelProps = {\n  /** Meta Pixel ID. When null/undefined, nothing is rendered. */\n  pixelId: string | null | undefined;\n};\n\n/**\n * Renders the Meta (Facebook) Pixel base code: loads fbevents.js, initializes\n * the pixel, and tracks PageView. Use in the root layout when ads config\n * provides a meta_pixel_id.\n */\nexport function MetaPixel({ pixelId }: MetaPixelProps) {\n  const raw = typeof pixelId === 'string' ? pixelId.trim() : '';\n  const id = raw && raw !== 'null' && /^\\d+$/.test(raw) ? raw : '';\n  if (!id) {\n    return null;\n  }\n\n  return (\n    <>\n      <Script\n        id=\"meta-pixel\"\n        strategy=\"afterInteractive\"\n        dangerouslySetInnerHTML={{ __html: PIXEL_SCRIPT(id) }}\n      />\n      <noscript>\n        {/* eslint-disable-next-line @next/next/no-img-element -- 1x1 tracking pixel for no-JS fallback; next/image not applicable in noscript */}\n        <img\n          height={1}\n          width={1}\n          style={{ display: 'none' }}\n          src={`https://www.facebook.com/tr?id=${id}&ev=PageView&noscript=1`}\n          alt=\"\"\n        />\n      </noscript>\n    </>\n  );\n}\n","'use client';\n\nimport { useEffect } from 'react';\nimport { usePathname } from 'next/navigation';\nimport { firePixelEvent } from './firePixelEvent';\n\ntype RouteRule = {\n  pattern: RegExp;\n  getParams: (match: RegExpMatchArray) => { contentName: string; contentCategory: string };\n};\n\nfunction slugToTitle(slug: string): string {\n  return slug\n    .split('-')\n    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n    .join(' ');\n}\n\n// Checked in order — first match wins. More specific patterns come first.\nconst ROUTE_RULES: RouteRule[] = [\n  {\n    pattern: /^\\/services\\/(.+)$/,\n    getParams: ([, slug]) => ({ contentName: slugToTitle(slug), contentCategory: 'Service' }),\n  },\n  {\n    pattern: /^\\/locations\\/(.+)$/,\n    getParams: ([, slug]) => ({ contentName: slugToTitle(slug), contentCategory: 'Location' }),\n  },\n  {\n    pattern: /^\\/services$/,\n    getParams: () => ({ contentName: 'Services', contentCategory: 'Services' }),\n  },\n  {\n    pattern: /^\\/locations$/,\n    getParams: () => ({ contentName: 'Locations', contentCategory: 'Locations' }),\n  },\n  {\n    pattern: /^\\/portal$/,\n    getParams: () => ({ contentName: 'Member Portal', contentCategory: 'Pricing' }),\n  },\n  {\n    pattern: /^\\/service-menu$/,\n    getParams: () => ({ contentName: 'Service Menu', contentCategory: 'Pricing' }),\n  },\n  {\n    pattern: /^\\/faq$/,\n    getParams: () => ({ contentName: 'FAQ', contentCategory: 'FAQ' }),\n  },\n  {\n    pattern: /^\\/contact$/,\n    getParams: () => ({ contentName: 'Contact', contentCategory: 'Contact' }),\n  },\n];\n\ntype Props = {\n  /** External booking URL. When set, fires InitiateCheckout on any click targeting that URL. */\n  bookingUrl?: string | null;\n};\n\n/**\n * Single client-side tracker placed once in KeystoneRootLayout.\n * - Fires ViewContent on every route change for known page patterns.\n * - Fires InitiateCheckout whenever a visitor clicks a link to the external booking URL.\n *\n * Portal booking tab tracking is handled directly inside PortalPage via PortalTabTracker\n * since intent is only established when the Booking tab is explicitly opened.\n */\nexport function MetaPixelTracker({ bookingUrl }: Props) {\n  const pathname = usePathname();\n\n  useEffect(() => {\n    for (const rule of ROUTE_RULES) {\n      const match = pathname.match(rule.pattern);\n      if (match) {\n        const { contentName, contentCategory } = rule.getParams(match);\n        firePixelEvent('ViewContent', { contentName, contentCategory });\n        break;\n      }\n    }\n  }, [pathname]);\n\n  useEffect(() => {\n    if (!bookingUrl) return;\n\n    const handleClick = (e: MouseEvent) => {\n      const anchor = (e.target as Element).closest('a');\n      if (anchor?.href?.startsWith(bookingUrl)) {\n        firePixelEvent('InitiateCheckout');\n      }\n    };\n\n    document.addEventListener('click', handleClick);\n    return () => document.removeEventListener('click', handleClick);\n  }, [bookingUrl]);\n\n  return null;\n}\n","type FbqFn = (method: string, ...args: unknown[]) => void;\n\nexport type PixelEvent = 'PageView' | 'ViewContent' | 'InitiateCheckout' | 'Lead';\n\nexport interface PixelEventParams {\n  contentName?: string;\n  contentCategory?: string;\n}\n\n/** Raw (unhashed) user identifiers for advanced matching. */\nexport interface PixelUserData {\n  email?: string | null;\n  phone?: string | null;\n}\n\n// Hashed user data stored in sessionStorage for the duration of the browsing session.\n// Keyed by a short namespace to avoid collisions.\nconst STORAGE_KEY = 'ks_pud';\n\nasync function sha256Hex(str: string): Promise<string> {\n  const buffer = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(str));\n  return Array.from(new Uint8Array(buffer))\n    .map((b) => b.toString(16).padStart(2, '0'))\n    .join('');\n}\n\nfunction getFbq(): FbqFn | undefined {\n  if (typeof window === 'undefined') return undefined;\n  return (window as Window & { fbq?: FbqFn }).fbq;\n}\n\n/** Read the pixel IDs registered by MetaPixel via the inline init script. */\nfunction getRegisteredPixelIds(): string[] {\n  return (window as Window & { __ks_pixel_ids?: string[] }).__ks_pixel_ids ?? [];\n}\n\n/** Apply stored hashed user data to every configured Meta Pixel. */\nfunction applyStoredUserData(fbq: FbqFn): void {\n  try {\n    const raw = sessionStorage.getItem(STORAGE_KEY);\n    if (!raw) return;\n    const hashed = JSON.parse(raw) as Record<string, string>;\n    if (Object.keys(hashed).length === 0) return;\n    getRegisteredPixelIds().forEach((id) => fbq('init', id, hashed));\n  } catch {\n    // sessionStorage unavailable or JSON malformed — safe to ignore\n  }\n}\n\n/**\n * Hash and store user identifiers so they are automatically included in all\n * subsequent pixel events for this browser session. Call this as soon as\n * identity is known (e.g. contact form submission, portal login step 1).\n */\nexport async function setPixelUserData(userData: PixelUserData): Promise<void> {\n  const hashed: Record<string, string> = {};\n\n  if (userData.email) {\n    hashed.em = await sha256Hex(userData.email.trim().toLowerCase());\n  }\n  if (userData.phone) {\n    const digits = userData.phone.replace(/\\D/g, '');\n    if (digits) hashed.ph = await sha256Hex(digits);\n  }\n\n  if (Object.keys(hashed).length === 0) return;\n\n  try {\n    sessionStorage.setItem(STORAGE_KEY, JSON.stringify(hashed));\n  } catch {\n    // sessionStorage unavailable — still apply to fbq for this page load\n  }\n\n  const fbq = getFbq();\n  if (fbq) {\n    getRegisteredPixelIds().forEach((id) => fbq('init', id, hashed));\n  }\n}\n\n/**\n * Single entry point for all client-side Meta Pixel event fires.\n * Automatically applies any stored user identity before firing so that Meta\n * can match events to known users across the entire session.\n * Silently no-ops if fbq is not loaded (pixel not configured for this site).\n *\n * @param eventId - Optional server-side event ID for browser/server deduplication.\n *   Pass the `eventId` returned by the form submission API so Meta can match and\n *   deduplicate the browser Lead event against the server-side CAPI Lead event.\n *   Format: fbq('track', event, params, { eventID: eventId })\n */\nexport function firePixelEvent(event: PixelEvent, params?: PixelEventParams, eventId?: string): void {\n  const fbq = getFbq();\n  if (!fbq) {\n    console.debug('[MetaPixel] skipped — fbq not loaded', { event });\n    return;\n  }\n\n  // Re-apply stored identity before every event so user data is included\n  // even on events that fire after a client-side navigation (PageView, ViewContent, etc.)\n  applyStoredUserData(fbq);\n\n  const normalized: Record<string, string> = {};\n  if (params?.contentName) normalized.content_name = params.contentName;\n  if (params?.contentCategory) normalized.content_category = params.contentCategory;\n\n  const customData = Object.keys(normalized).length > 0 ? normalized : undefined;\n  const eventData = eventId ? { eventID: eventId } : undefined;\n\n  console.debug('[MetaPixel]', event, normalized, eventId ? { eventID: eventId } : '');\n  fbq('track', event, customData, eventData);\n}\n","'use client';\n\nimport posthog from 'posthog-js';\nimport { PostHogProvider as PHProvider } from 'posthog-js/react';\nimport { useEffect, Suspense } from 'react';\nimport { usePathname, useSearchParams } from 'next/navigation';\n\nconst DEFAULT_HOST = 'https://us.i.posthog.com';\n\nexport type PostHogProviderProps = {\n  apiKey: string;\n  apiHost?: string;\n  /** Keystone account ID — attached to every event as a super property. */\n  accountId?: number;\n  /** Keystone account name (company_name) — attached to every event as a super property. */\n  accountName?: string;\n  /**\n   * Environment identifier from KEYSTONE_ENV on the Rails server (e.g. \"production\", \"staging\",\n   * \"development\"). Registered as a super property so events can be filtered by environment\n   * in PostHog and the sync job only imports data for the matching environment.\n   */\n  environment?: string;\n  children: React.ReactNode;\n};\n\n// ---------------------------------------------------------------------------\n// Page name resolution\n// ---------------------------------------------------------------------------\n\ntype PageInfo = { page_name: string; page_slug?: string };\n\nfunction resolvePageInfo(pathname: string): PageInfo {\n  if (pathname === '/') return { page_name: 'home' };\n\n  const patterns: Array<[RegExp, (m: RegExpMatchArray) => PageInfo]> = [\n    [/^\\/services\\/(.+)$/, ([, slug]) => ({ page_name: 'service_detail', page_slug: slug })],\n    [/^\\/locations\\/(.+)$/, ([, slug]) => ({ page_name: 'location_detail', page_slug: slug })],\n    [/^\\/blog\\/(.+)$/, ([, slug]) => ({ page_name: 'blog_post', page_slug: slug })],\n    [/^\\/jobs\\/(.+)$/, ([, slug]) => ({ page_name: 'job_detail', page_slug: slug })],\n    [/^\\/packages\\/(.+)$/, ([, slug]) => ({ page_name: 'package_detail', page_slug: slug })],\n  ];\n\n  for (const [pattern, resolve] of patterns) {\n    const match = pathname.match(pattern);\n    if (match) return resolve(match);\n  }\n\n  const staticNames: Record<string, string> = {\n    '/services': 'services',\n    '/locations': 'locations',\n    '/contact': 'contact',\n    '/about': 'about',\n    '/blog': 'blog',\n    '/portal': 'portal',\n    '/gallery': 'gallery',\n    '/team': 'team',\n    '/faq': 'faq',\n    '/reviews': 'reviews',\n    '/jobs': 'jobs',\n    '/packages': 'packages',\n    '/service-menu': 'service_menu',\n    '/privacy-policy': 'privacy_policy',\n    '/terms': 'terms_of_service',\n  };\n\n  return { page_name: staticNames[pathname] ?? 'unknown' };\n}\n\n// ---------------------------------------------------------------------------\n// Pageview tracker — must be wrapped in <Suspense> (useSearchParams)\n// ---------------------------------------------------------------------------\n\nfunction PostHogPageviewTracker() {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  useEffect(() => {\n    if (!pathname) return;\n\n    const search = searchParams?.toString();\n    const url = window.location.origin + pathname + (search ? `?${search}` : '');\n    const { page_name, page_slug } = resolvePageInfo(pathname);\n\n    posthog.capture('$pageview', {\n      $current_url: url,\n      page_name,\n      page_path: pathname,\n      ...(page_slug && { page_slug }),\n    });\n  }, [pathname, searchParams]);\n\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// Provider\n// ---------------------------------------------------------------------------\n\n/**\n * Initialises PostHog, registers account-level super properties, and fires\n * an enriched `$pageview` on every App Router navigation.\n *\n * Super properties attached to every event automatically:\n *   - account_id    (Keystone account ID)\n *   - account_name  (company_name)\n *   - site_domain   (window.location.hostname)\n *   - environment   (KEYSTONE_ENV — e.g. \"production\", \"staging\", \"local_rahuljaswa\")\n *\n * Mount once in the root layout body. One project key covers all customer\n * sites — filter by account_name or site_domain in the PostHog dashboard.\n */\nexport function PostHogProvider({ apiKey, apiHost, accountId, accountName, environment, children }: PostHogProviderProps) {\n  useEffect(() => {\n    posthog.init(apiKey, {\n      api_host: apiHost ?? DEFAULT_HOST,\n      person_profiles: 'identified_only',\n      capture_pageview: false,\n    });\n\n    posthog.register({\n      ...(accountId !== undefined && { account_id: accountId }),\n      ...(accountName && { account_name: accountName }),\n      ...(environment && { environment }),\n      site_domain: window.location.hostname,\n    });\n  }, [apiKey, apiHost, accountId, accountName, environment]);\n\n  return (\n    <PHProvider client={posthog}>\n      <Suspense fallback={null}>\n        <PostHogPageviewTracker />\n      </Suspense>\n      {children}\n    </PHProvider>\n  );\n}\n","'use client';\n\nimport { useEffect } from 'react';\nimport { usePathname } from 'next/navigation';\nimport { captureEvent } from './captureEvent';\n\ntype Props = {\n  /** External booking / portal URL. When set, fires booking_cta_clicked on any click to that URL. */\n  bookingUrl?: string | null;\n};\n\n/**\n * Page-level PostHog event tracker. Mount once inside PostHogProvider in\n * KeystoneRootLayout alongside MetaPixelTracker.\n *\n * Responsibilities:\n * - booking_cta_clicked: fires when any link to the booking URL is clicked,\n *   capturing the page the visitor was on when they clicked.\n */\nexport function KeystoneAnalyticsTracker({ bookingUrl }: Props) {\n  const pathname = usePathname();\n\n  useEffect(() => {\n    if (!bookingUrl) return;\n\n    const handleClick = (e: MouseEvent) => {\n      const anchor = (e.target as Element).closest('a');\n      if (anchor?.href?.startsWith(bookingUrl)) {\n        captureEvent('booking_cta_clicked', {\n          source_path: pathname,\n          booking_url: bookingUrl,\n        });\n      }\n    };\n\n    document.addEventListener('click', handleClick);\n    return () => document.removeEventListener('click', handleClick);\n  }, [bookingUrl, pathname]);\n\n  return null;\n}\n","/**\n * PostHog event capture — Keystone customer sites.\n *\n * ## Naming convention\n * All events use snake_case `object_action` format.\n * Properties use snake_case as well.\n *\n * ## Event taxonomy\n * Add new events here: define the name in `KsEventName` and its required\n * properties in `KsEventProperties`. Every callsite is then type-checked.\n *\n * ## Usage\n *\n *   import { captureEvent } from 'keystone-design-bootstrap/tracking';\n *\n *   captureEvent('form_submitted', { form_type: 'lead' });\n *   captureEvent('booking_cta_clicked', { source_path: '/services/massage', booking_url: url });\n *\n * All calls are safe no-ops when PostHog has not been initialised (e.g. no\n * POSTHOG_API_KEY configured on the server).\n *\n * ## Super properties\n * account_id, account_name, and site_domain are registered as super properties\n * by PostHogProvider and are automatically attached to every event — you do not\n * need to include them in individual captureEvent calls.\n */\n\nimport posthog from 'posthog-js';\n\n// ---------------------------------------------------------------------------\n// Event taxonomy\n// ---------------------------------------------------------------------------\n\nexport type KsEventName =\n  // Booking / conversion\n  | 'booking_cta_clicked'\n  // Forms\n  | 'form_submitted'\n  | 'form_failed'\n  // Chat widget\n  | 'chat_opened'\n  | 'chat_message_sent'\n  | 'chat_message_failed'\n  // Member portal — tab navigation\n  | 'portal_tab_viewed'\n  // Member portal — authentication flow\n  | 'portal_login_started'\n  | 'portal_login_identified'\n  | 'portal_login_completed'\n  | 'portal_login_failed';\n\nexport type KsEventProperties = {\n  /** Fired when a visitor clicks any CTA that links to the external booking URL. */\n  booking_cta_clicked: {\n    source_path: string;\n    booking_url: string;\n  };\n\n  /** Fired when a Keystone form is successfully submitted. */\n  form_submitted: {\n    /** One of: lead | job_application | marketing_list_signup */\n    form_type: string;\n    /** Server-generated event ID for CAPI deduplication (when present). */\n    event_id?: string;\n  };\n\n  /** Fired when a form submission fails (validation error or network error). */\n  form_failed: {\n    form_type: string;\n    error: string;\n  };\n\n  /** Fired when the chat widget is first opened by the visitor. */\n  chat_opened: Record<string, never>;\n\n  /** Fired when a chat message is successfully sent. */\n  chat_message_sent: {\n    /** Whether the visitor is authenticated (contactId present). */\n    is_authenticated: boolean;\n  };\n\n  /** Fired when a chat message fails to send. */\n  chat_message_failed: {\n    error: string;\n  };\n\n  /** Fired when a member portal tab is opened. */\n  portal_tab_viewed: {\n    tab: string;\n  };\n\n  /** Fired when the portal login modal is opened / login flow starts. */\n  portal_login_started: Record<string, never>;\n\n  /**\n   * Fired after the identifier step resolves — we know whether the user\n   * already has an account.\n   */\n  portal_login_identified: {\n    method: 'email' | 'phone' | 'email_and_phone';\n    user_exists: boolean;\n  };\n\n  /** Fired after the user successfully signs in or creates an account. */\n  portal_login_completed: {\n    flow: 'signin' | 'signup';\n  };\n\n  /** Fired when any step of the login flow returns an error. */\n  portal_login_failed: {\n    step: 'identifier' | 'signin' | 'signup';\n    reason: string;\n  };\n};\n\n// ---------------------------------------------------------------------------\n// Capture helper\n// ---------------------------------------------------------------------------\n\n/**\n * Captures a typed Keystone analytics event via PostHog.\n * Safe no-op when PostHog has not been initialised.\n */\nexport function captureEvent<E extends KsEventName>(\n  event: E,\n  ...args: KsEventProperties[E] extends Record<string, never>\n    ? []\n    : [properties: KsEventProperties[E]]\n): void {\n  posthog.capture(event, args[0] as Record<string, unknown>);\n}\n"],"mappings":"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","names":["useEffect","usePathname","usePathname","useEffect","useEffect","usePathname","posthog","usePathname","useEffect"]}
+{"version":3,"sources":["../../src/tracking/MetaPixel.tsx","../../src/tracking/MetaPixelTracker.tsx","../../src/tracking/firePixelEvent.ts","../../src/tracking/PostHogProvider.tsx","../../src/tracking/KeystoneAnalyticsTracker.tsx","../../src/tracking/captureEvent.ts","../../src/tracking/GoogleTagManager.tsx"],"sourcesContent":["'use client';\n\nimport Script from 'next/script';\n\nconst FBEVENTS_URL = 'https://connect.facebook.net/en_US/fbevents.js';\n\nconst PIXEL_SCRIPT = (pixelId: string) => `\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s)}(window, document,'script','${FBEVENTS_URL}');\n  fbq('init', '${pixelId.replace(/'/g, \"\\\\'\")}');\n  fbq('track', 'PageView');\n  window.__ks_pixel_ids = window.__ks_pixel_ids || [];\n  if (window.__ks_pixel_ids.indexOf('${pixelId.replace(/'/g, \"\\\\'\")}') === -1) {\n    window.__ks_pixel_ids.push('${pixelId.replace(/'/g, \"\\\\'\")}');\n  }\n`;\n\nexport type MetaPixelProps = {\n  /** Meta Pixel ID. When null/undefined, nothing is rendered. */\n  pixelId: string | null | undefined;\n};\n\n/**\n * Renders the Meta (Facebook) Pixel base code: loads fbevents.js, initializes\n * the pixel, and tracks PageView. Use in the root layout when ads config\n * provides a meta_pixel_id.\n */\nexport function MetaPixel({ pixelId }: MetaPixelProps) {\n  const raw = typeof pixelId === 'string' ? pixelId.trim() : '';\n  const id = raw && raw !== 'null' && /^\\d+$/.test(raw) ? raw : '';\n  if (!id) {\n    return null;\n  }\n\n  return (\n    <>\n      <Script\n        id=\"meta-pixel\"\n        strategy=\"afterInteractive\"\n        dangerouslySetInnerHTML={{ __html: PIXEL_SCRIPT(id) }}\n      />\n      <noscript>\n        {/* eslint-disable-next-line @next/next/no-img-element -- 1x1 tracking pixel for no-JS fallback; next/image not applicable in noscript */}\n        <img\n          height={1}\n          width={1}\n          style={{ display: 'none' }}\n          src={`https://www.facebook.com/tr?id=${id}&ev=PageView&noscript=1`}\n          alt=\"\"\n        />\n      </noscript>\n    </>\n  );\n}\n","'use client';\n\nimport { useEffect } from 'react';\nimport { usePathname } from 'next/navigation';\nimport { firePixelEvent } from './firePixelEvent';\n\ntype RouteRule = {\n  pattern: RegExp;\n  getParams: (match: RegExpMatchArray) => { contentName: string; contentCategory: string };\n};\n\nfunction slugToTitle(slug: string): string {\n  return slug\n    .split('-')\n    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n    .join(' ');\n}\n\n// Checked in order — first match wins. More specific patterns come first.\nconst ROUTE_RULES: RouteRule[] = [\n  {\n    pattern: /^\\/services\\/(.+)$/,\n    getParams: ([, slug]) => ({ contentName: slugToTitle(slug), contentCategory: 'Service' }),\n  },\n  {\n    pattern: /^\\/locations\\/(.+)$/,\n    getParams: ([, slug]) => ({ contentName: slugToTitle(slug), contentCategory: 'Location' }),\n  },\n  {\n    pattern: /^\\/services$/,\n    getParams: () => ({ contentName: 'Services', contentCategory: 'Services' }),\n  },\n  {\n    pattern: /^\\/locations$/,\n    getParams: () => ({ contentName: 'Locations', contentCategory: 'Locations' }),\n  },\n  {\n    pattern: /^\\/portal$/,\n    getParams: () => ({ contentName: 'Member Portal', contentCategory: 'Pricing' }),\n  },\n  {\n    pattern: /^\\/service-menu$/,\n    getParams: () => ({ contentName: 'Service Menu', contentCategory: 'Pricing' }),\n  },\n  {\n    pattern: /^\\/faq$/,\n    getParams: () => ({ contentName: 'FAQ', contentCategory: 'FAQ' }),\n  },\n  {\n    pattern: /^\\/contact$/,\n    getParams: () => ({ contentName: 'Contact', contentCategory: 'Contact' }),\n  },\n];\n\ntype Props = {\n  /** External booking URL. When set, fires InitiateCheckout on any click targeting that URL. */\n  bookingUrl?: string | null;\n};\n\n/**\n * Single client-side tracker placed once in KeystoneRootLayout.\n * - Fires ViewContent on every route change for known page patterns.\n * - Fires InitiateCheckout whenever a visitor clicks a link to the external booking URL.\n *\n * Portal booking tab tracking is handled directly inside PortalPage via PortalTabTracker\n * since intent is only established when the Booking tab is explicitly opened.\n */\nexport function MetaPixelTracker({ bookingUrl }: Props) {\n  const pathname = usePathname();\n\n  useEffect(() => {\n    for (const rule of ROUTE_RULES) {\n      const match = pathname.match(rule.pattern);\n      if (match) {\n        const { contentName, contentCategory } = rule.getParams(match);\n        firePixelEvent('ViewContent', { contentName, contentCategory });\n        break;\n      }\n    }\n  }, [pathname]);\n\n  useEffect(() => {\n    if (!bookingUrl) return;\n\n    const handleClick = (e: MouseEvent) => {\n      const anchor = (e.target as Element).closest('a');\n      if (anchor?.href?.startsWith(bookingUrl)) {\n        firePixelEvent('InitiateCheckout');\n      }\n    };\n\n    document.addEventListener('click', handleClick);\n    return () => document.removeEventListener('click', handleClick);\n  }, [bookingUrl]);\n\n  return null;\n}\n","type FbqFn = (method: string, ...args: unknown[]) => void;\n\nexport type PixelEvent = 'PageView' | 'ViewContent' | 'InitiateCheckout' | 'Lead';\n\nexport interface PixelEventParams {\n  contentName?: string;\n  contentCategory?: string;\n}\n\n/** Raw (unhashed) user identifiers for advanced matching. */\nexport interface PixelUserData {\n  email?: string | null;\n  phone?: string | null;\n}\n\n// Hashed user data stored in sessionStorage for the duration of the browsing session.\n// Keyed by a short namespace to avoid collisions.\nconst STORAGE_KEY = 'ks_pud';\n\nasync function sha256Hex(str: string): Promise<string> {\n  const buffer = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(str));\n  return Array.from(new Uint8Array(buffer))\n    .map((b) => b.toString(16).padStart(2, '0'))\n    .join('');\n}\n\nfunction getFbq(): FbqFn | undefined {\n  if (typeof window === 'undefined') return undefined;\n  return (window as Window & { fbq?: FbqFn }).fbq;\n}\n\n/** Read the pixel IDs registered by MetaPixel via the inline init script. */\nfunction getRegisteredPixelIds(): string[] {\n  return (window as Window & { __ks_pixel_ids?: string[] }).__ks_pixel_ids ?? [];\n}\n\n/** Apply stored hashed user data to every configured Meta Pixel. */\nfunction applyStoredUserData(fbq: FbqFn): void {\n  try {\n    const raw = sessionStorage.getItem(STORAGE_KEY);\n    if (!raw) return;\n    const hashed = JSON.parse(raw) as Record<string, string>;\n    if (Object.keys(hashed).length === 0) return;\n    getRegisteredPixelIds().forEach((id) => fbq('init', id, hashed));\n  } catch {\n    // sessionStorage unavailable or JSON malformed — safe to ignore\n  }\n}\n\n/**\n * Hash and store user identifiers so they are automatically included in all\n * subsequent pixel events for this browser session. Call this as soon as\n * identity is known (e.g. contact form submission, portal login step 1).\n */\nexport async function setPixelUserData(userData: PixelUserData): Promise<void> {\n  const hashed: Record<string, string> = {};\n\n  if (userData.email) {\n    hashed.em = await sha256Hex(userData.email.trim().toLowerCase());\n  }\n  if (userData.phone) {\n    const digits = userData.phone.replace(/\\D/g, '');\n    if (digits) hashed.ph = await sha256Hex(digits);\n  }\n\n  if (Object.keys(hashed).length === 0) return;\n\n  try {\n    sessionStorage.setItem(STORAGE_KEY, JSON.stringify(hashed));\n  } catch {\n    // sessionStorage unavailable — still apply to fbq for this page load\n  }\n\n  const fbq = getFbq();\n  if (fbq) {\n    getRegisteredPixelIds().forEach((id) => fbq('init', id, hashed));\n  }\n}\n\n/**\n * Single entry point for all client-side Meta Pixel event fires.\n * Automatically applies any stored user identity before firing so that Meta\n * can match events to known users across the entire session.\n * Silently no-ops if fbq is not loaded (pixel not configured for this site).\n *\n * @param eventId - Optional server-side event ID for browser/server deduplication.\n *   Pass the `eventId` returned by the form submission API so Meta can match and\n *   deduplicate the browser Lead event against the server-side CAPI Lead event.\n *   Format: fbq('track', event, params, { eventID: eventId })\n */\nexport function firePixelEvent(event: PixelEvent, params?: PixelEventParams, eventId?: string): void {\n  const fbq = getFbq();\n  if (!fbq) {\n    console.debug('[MetaPixel] skipped — fbq not loaded', { event });\n    return;\n  }\n\n  // Re-apply stored identity before every event so user data is included\n  // even on events that fire after a client-side navigation (PageView, ViewContent, etc.)\n  applyStoredUserData(fbq);\n\n  const normalized: Record<string, string> = {};\n  if (params?.contentName) normalized.content_name = params.contentName;\n  if (params?.contentCategory) normalized.content_category = params.contentCategory;\n\n  const customData = Object.keys(normalized).length > 0 ? normalized : undefined;\n  const eventData = eventId ? { eventID: eventId } : undefined;\n\n  console.debug('[MetaPixel]', event, normalized, eventId ? { eventID: eventId } : '');\n  fbq('track', event, customData, eventData);\n}\n","'use client';\n\nimport posthog from 'posthog-js';\nimport { PostHogProvider as PHProvider } from 'posthog-js/react';\nimport { useEffect, Suspense } from 'react';\nimport { usePathname, useSearchParams } from 'next/navigation';\n\nconst DEFAULT_HOST = 'https://us.i.posthog.com';\n\nexport type PostHogProviderProps = {\n  apiKey: string;\n  apiHost?: string;\n  /** Keystone account ID — attached to every event as a super property. */\n  accountId?: number;\n  /** Keystone account name (company_name) — attached to every event as a super property. */\n  accountName?: string;\n  /**\n   * Environment identifier from KEYSTONE_ENV on the Rails server (e.g. \"production\", \"staging\",\n   * \"development\"). Registered as a super property so events can be filtered by environment\n   * in PostHog and the sync job only imports data for the matching environment.\n   */\n  environment?: string;\n  children: React.ReactNode;\n};\n\n// ---------------------------------------------------------------------------\n// Page name resolution\n// ---------------------------------------------------------------------------\n\ntype PageInfo = { page_name: string; page_slug?: string };\n\nfunction resolvePageInfo(pathname: string): PageInfo {\n  if (pathname === '/') return { page_name: 'home' };\n\n  const patterns: Array<[RegExp, (m: RegExpMatchArray) => PageInfo]> = [\n    [/^\\/services\\/(.+)$/, ([, slug]) => ({ page_name: 'service_detail', page_slug: slug })],\n    [/^\\/locations\\/(.+)$/, ([, slug]) => ({ page_name: 'location_detail', page_slug: slug })],\n    [/^\\/blog\\/(.+)$/, ([, slug]) => ({ page_name: 'blog_post', page_slug: slug })],\n    [/^\\/jobs\\/(.+)$/, ([, slug]) => ({ page_name: 'job_detail', page_slug: slug })],\n    [/^\\/packages\\/(.+)$/, ([, slug]) => ({ page_name: 'package_detail', page_slug: slug })],\n  ];\n\n  for (const [pattern, resolve] of patterns) {\n    const match = pathname.match(pattern);\n    if (match) return resolve(match);\n  }\n\n  const staticNames: Record<string, string> = {\n    '/services': 'services',\n    '/locations': 'locations',\n    '/contact': 'contact',\n    '/about': 'about',\n    '/blog': 'blog',\n    '/portal': 'portal',\n    '/gallery': 'gallery',\n    '/team': 'team',\n    '/faq': 'faq',\n    '/reviews': 'reviews',\n    '/jobs': 'jobs',\n    '/packages': 'packages',\n    '/service-menu': 'service_menu',\n    '/privacy-policy': 'privacy_policy',\n    '/terms': 'terms_of_service',\n  };\n\n  return { page_name: staticNames[pathname] ?? 'unknown' };\n}\n\n// ---------------------------------------------------------------------------\n// Pageview tracker — must be wrapped in <Suspense> (useSearchParams)\n// ---------------------------------------------------------------------------\n\nfunction PostHogPageviewTracker() {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  useEffect(() => {\n    if (!pathname) return;\n\n    const search = searchParams?.toString();\n    const url = window.location.origin + pathname + (search ? `?${search}` : '');\n    const { page_name, page_slug } = resolvePageInfo(pathname);\n\n    posthog.capture('$pageview', {\n      $current_url: url,\n      page_name,\n      page_path: pathname,\n      ...(page_slug && { page_slug }),\n    });\n  }, [pathname, searchParams]);\n\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// Provider\n// ---------------------------------------------------------------------------\n\n/**\n * Initialises PostHog, registers account-level super properties, and fires\n * an enriched `$pageview` on every App Router navigation.\n *\n * Super properties attached to every event automatically:\n *   - account_id    (Keystone account ID)\n *   - account_name  (company_name)\n *   - site_domain   (window.location.hostname)\n *   - environment   (KEYSTONE_ENV — e.g. \"production\", \"staging\", \"local_rahuljaswa\")\n *\n * Mount once in the root layout body. One project key covers all customer\n * sites — filter by account_name or site_domain in the PostHog dashboard.\n */\nexport function PostHogProvider({ apiKey, apiHost, accountId, accountName, environment, children }: PostHogProviderProps) {\n  useEffect(() => {\n    posthog.init(apiKey, {\n      api_host: apiHost ?? DEFAULT_HOST,\n      person_profiles: 'identified_only',\n      capture_pageview: false,\n    });\n\n    posthog.register({\n      ...(accountId !== undefined && { account_id: accountId }),\n      ...(accountName && { account_name: accountName }),\n      ...(environment && { environment }),\n      site_domain: window.location.hostname,\n    });\n  }, [apiKey, apiHost, accountId, accountName, environment]);\n\n  return (\n    <PHProvider client={posthog}>\n      <Suspense fallback={null}>\n        <PostHogPageviewTracker />\n      </Suspense>\n      {children}\n    </PHProvider>\n  );\n}\n","'use client';\n\nimport { useEffect } from 'react';\nimport { usePathname } from 'next/navigation';\nimport { captureEvent } from './captureEvent';\n\ntype Props = {\n  /** External booking / portal URL. When set, fires booking_cta_clicked on any click to that URL. */\n  bookingUrl?: string | null;\n};\n\n/**\n * Page-level PostHog event tracker. Mount once inside PostHogProvider in\n * KeystoneRootLayout alongside MetaPixelTracker.\n *\n * Responsibilities:\n * - booking_cta_clicked: fires when any link to the booking URL is clicked,\n *   capturing the page the visitor was on when they clicked.\n */\nexport function KeystoneAnalyticsTracker({ bookingUrl }: Props) {\n  const pathname = usePathname();\n\n  useEffect(() => {\n    if (!bookingUrl) return;\n\n    const handleClick = (e: MouseEvent) => {\n      const anchor = (e.target as Element).closest('a');\n      if (anchor?.href?.startsWith(bookingUrl)) {\n        captureEvent('booking_cta_clicked', {\n          source_path: pathname,\n          booking_url: bookingUrl,\n        });\n      }\n    };\n\n    document.addEventListener('click', handleClick);\n    return () => document.removeEventListener('click', handleClick);\n  }, [bookingUrl, pathname]);\n\n  return null;\n}\n","/**\n * PostHog event capture — Keystone customer sites.\n *\n * ## Naming convention\n * All events use snake_case `object_action` format.\n * Properties use snake_case as well.\n *\n * ## Event taxonomy\n * Add new events here: define the name in `KsEventName` and its required\n * properties in `KsEventProperties`. Every callsite is then type-checked.\n *\n * ## Usage\n *\n *   import { captureEvent } from 'keystone-design-bootstrap/tracking';\n *\n *   captureEvent('form_submitted', { form_type: 'lead' });\n *   captureEvent('booking_cta_clicked', { source_path: '/services/massage', booking_url: url });\n *\n * All calls are safe no-ops when PostHog has not been initialised (e.g. no\n * POSTHOG_API_KEY configured on the server).\n *\n * ## Super properties\n * account_id, account_name, and site_domain are registered as super properties\n * by PostHogProvider and are automatically attached to every event — you do not\n * need to include them in individual captureEvent calls.\n */\n\nimport posthog from 'posthog-js';\n\n// ---------------------------------------------------------------------------\n// Event taxonomy\n// ---------------------------------------------------------------------------\n\nexport type KsEventName =\n  // Booking / conversion\n  | 'booking_cta_clicked'\n  // Forms\n  | 'form_submitted'\n  | 'form_failed'\n  // Chat widget\n  | 'chat_opened'\n  | 'chat_message_sent'\n  | 'chat_message_failed'\n  // Member portal — tab navigation\n  | 'portal_tab_viewed'\n  // Member portal — authentication flow\n  | 'portal_login_started'\n  | 'portal_login_identified'\n  | 'portal_login_completed'\n  | 'portal_login_failed';\n\nexport type KsEventProperties = {\n  /** Fired when a visitor clicks any CTA that links to the external booking URL. */\n  booking_cta_clicked: {\n    source_path: string;\n    booking_url: string;\n  };\n\n  /** Fired when a Keystone form is successfully submitted. */\n  form_submitted: {\n    /** One of: lead | job_application | marketing_list_signup */\n    form_type: string;\n    /** Server-generated event ID for CAPI deduplication (when present). */\n    event_id?: string;\n  };\n\n  /** Fired when a form submission fails (validation error or network error). */\n  form_failed: {\n    form_type: string;\n    error: string;\n  };\n\n  /** Fired when the chat widget is first opened by the visitor. */\n  chat_opened: Record<string, never>;\n\n  /** Fired when a chat message is successfully sent. */\n  chat_message_sent: {\n    /** Whether the visitor is authenticated (contactId present). */\n    is_authenticated: boolean;\n  };\n\n  /** Fired when a chat message fails to send. */\n  chat_message_failed: {\n    error: string;\n  };\n\n  /** Fired when a member portal tab is opened. */\n  portal_tab_viewed: {\n    tab: string;\n  };\n\n  /** Fired when the portal login modal is opened / login flow starts. */\n  portal_login_started: Record<string, never>;\n\n  /**\n   * Fired after the identifier step resolves — we know whether the user\n   * already has an account.\n   */\n  portal_login_identified: {\n    method: 'email' | 'phone' | 'email_and_phone';\n    user_exists: boolean;\n  };\n\n  /** Fired after the user successfully signs in or creates an account. */\n  portal_login_completed: {\n    flow: 'signin' | 'signup';\n  };\n\n  /** Fired when any step of the login flow returns an error. */\n  portal_login_failed: {\n    step: 'identifier' | 'signin' | 'signup';\n    reason: string;\n  };\n};\n\n// ---------------------------------------------------------------------------\n// Capture helper\n// ---------------------------------------------------------------------------\n\n/**\n * Captures a typed Keystone analytics event via PostHog.\n * Safe no-op when PostHog has not been initialised.\n */\nexport function captureEvent<E extends KsEventName>(\n  event: E,\n  ...args: KsEventProperties[E] extends Record<string, never>\n    ? []\n    : [properties: KsEventProperties[E]]\n): void {\n  posthog.capture(event, args[0] as Record<string, unknown>);\n}\n","const GTM_SCRIPT = (containerId: string) => `\n  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n  })(window,document,'script','dataLayer','${containerId.replace(/'/g, \"\\\\'\")}');\n`;\n\nexport type GoogleTagManagerProps = {\n  /** GTM container public ID (e.g. GTM-ABC123). */\n  containerId: string | null | undefined;\n};\n\n/**\n * Renders Google Tag Manager script + noscript fallback.\n * Mount once at root layout level when a container is provisioned.\n */\nexport function GoogleTagManager({ containerId }: GoogleTagManagerProps) {\n  const raw = typeof containerId === 'string' ? containerId.trim() : '';\n  const id = raw && raw !== 'null' && /^GTM-[A-Z0-9]+$/i.test(raw) ? raw : '';\n\n  if (!id) {\n    return null;\n  }\n\n  return (\n    <>\n      <script id=\"google-tag-manager\" dangerouslySetInnerHTML={{ __html: GTM_SCRIPT(id) }} />\n      <noscript>\n        <iframe\n          src={`https://www.googletagmanager.com/ns.html?id=${id}`}\n          height=\"0\"\n          width=\"0\"\n          style={{ display: 'none', visibility: 'hidden' }}\n          title=\"google-tag-manager\"\n        />\n      </noscript>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,YAAY;AAEnB,IAAM,eAAe;AAErB,IAAM,eAAe,CAAC,YAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+DAOqB,YAAY;AAAA,iBAC1D,QAAQ,QAAQ,MAAM,KAAK,CAAC;AAAA;AAAA;AAAA,uCAGN,QAAQ,QAAQ,MAAM,KAAK,CAAC;AAAA,kCACjC,QAAQ,QAAQ,MAAM,KAAK,CAAC;AAAA;AAAA;AAcvD,SAAS,UAAU,EAAE,QAAQ,GAAmB;AACrD,QAAM,MAAM,OAAO,YAAY,WAAW,QAAQ,KAAK,IAAI;AAC3D,QAAM,KAAK,OAAO,QAAQ,UAAU,QAAQ,KAAK,GAAG,IAAI,MAAM;AAC9D,MAAI,CAAC,IAAI;AACP,WAAO;AAAA,EACT;AAEA,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,UAAS;AAAA,MACT,yBAAyB,EAAE,QAAQ,aAAa,EAAE,EAAE;AAAA;AAAA,EACtD,GACA,oCAAC,kBAEC;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAO,EAAE,SAAS,OAAO;AAAA,MACzB,KAAK,kCAAkC,EAAE;AAAA,MACzC,KAAI;AAAA;AAAA,EACN,CACF,CACF;AAEJ;;;ACxDA,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;;;ACc5B,IAAM,cAAc;AAEpB,eAAe,UAAU,KAA8B;AACrD,QAAM,SAAS,MAAM,OAAO,OAAO,OAAO,WAAW,IAAI,YAAY,EAAE,OAAO,GAAG,CAAC;AAClF,SAAO,MAAM,KAAK,IAAI,WAAW,MAAM,CAAC,EACrC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,EAC1C,KAAK,EAAE;AACZ;AAEA,SAAS,SAA4B;AACnC,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAQ,OAAoC;AAC9C;AAGA,SAAS,wBAAkC;AAhC3C;AAiCE,UAAQ,YAAkD,mBAAlD,YAAoE,CAAC;AAC/E;AAGA,SAAS,oBAAoB,KAAkB;AAC7C,MAAI;AACF,UAAM,MAAM,eAAe,QAAQ,WAAW;AAC9C,QAAI,CAAC,IAAK;AACV,UAAM,SAAS,KAAK,MAAM,GAAG;AAC7B,QAAI,OAAO,KAAK,MAAM,EAAE,WAAW,EAAG;AACtC,0BAAsB,EAAE,QAAQ,CAAC,OAAO,IAAI,QAAQ,IAAI,MAAM,CAAC;AAAA,EACjE,SAAQ;AAAA,EAER;AACF;AAOA,eAAsB,iBAAiB,UAAwC;AAC7E,QAAM,SAAiC,CAAC;AAExC,MAAI,SAAS,OAAO;AAClB,WAAO,KAAK,MAAM,UAAU,SAAS,MAAM,KAAK,EAAE,YAAY,CAAC;AAAA,EACjE;AACA,MAAI,SAAS,OAAO;AAClB,UAAM,SAAS,SAAS,MAAM,QAAQ,OAAO,EAAE;AAC/C,QAAI,OAAQ,QAAO,KAAK,MAAM,UAAU,MAAM;AAAA,EAChD;AAEA,MAAI,OAAO,KAAK,MAAM,EAAE,WAAW,EAAG;AAEtC,MAAI;AACF,mBAAe,QAAQ,aAAa,KAAK,UAAU,MAAM,CAAC;AAAA,EAC5D,SAAQ;AAAA,EAER;AAEA,QAAM,MAAM,OAAO;AACnB,MAAI,KAAK;AACP,0BAAsB,EAAE,QAAQ,CAAC,OAAO,IAAI,QAAQ,IAAI,MAAM,CAAC;AAAA,EACjE;AACF;AAaO,SAAS,eAAe,OAAmB,QAA2B,SAAwB;AACnG,QAAM,MAAM,OAAO;AACnB,MAAI,CAAC,KAAK;AACR,YAAQ,MAAM,6CAAwC,EAAE,MAAM,CAAC;AAC/D;AAAA,EACF;AAIA,sBAAoB,GAAG;AAEvB,QAAM,aAAqC,CAAC;AAC5C,MAAI,iCAAQ,YAAa,YAAW,eAAe,OAAO;AAC1D,MAAI,iCAAQ,gBAAiB,YAAW,mBAAmB,OAAO;AAElE,QAAM,aAAa,OAAO,KAAK,UAAU,EAAE,SAAS,IAAI,aAAa;AACrE,QAAM,YAAY,UAAU,EAAE,SAAS,QAAQ,IAAI;AAEnD,UAAQ,MAAM,eAAe,OAAO,YAAY,UAAU,EAAE,SAAS,QAAQ,IAAI,EAAE;AACnF,MAAI,SAAS,OAAO,YAAY,SAAS;AAC3C;;;ADnGA,SAAS,YAAY,MAAsB;AACzC,SAAO,KACJ,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,GAAG;AACb;AAGA,IAAM,cAA2B;AAAA,EAC/B;AAAA,IACE,SAAS;AAAA,IACT,WAAW,CAAC,CAAC,EAAE,IAAI,OAAO,EAAE,aAAa,YAAY,IAAI,GAAG,iBAAiB,UAAU;AAAA,EACzF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,WAAW,CAAC,CAAC,EAAE,IAAI,OAAO,EAAE,aAAa,YAAY,IAAI,GAAG,iBAAiB,WAAW;AAAA,EAC1F;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,WAAW,OAAO,EAAE,aAAa,YAAY,iBAAiB,WAAW;AAAA,EAC3E;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,WAAW,OAAO,EAAE,aAAa,aAAa,iBAAiB,YAAY;AAAA,EAC7E;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,WAAW,OAAO,EAAE,aAAa,iBAAiB,iBAAiB,UAAU;AAAA,EAC/E;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,WAAW,OAAO,EAAE,aAAa,gBAAgB,iBAAiB,UAAU;AAAA,EAC9E;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,WAAW,OAAO,EAAE,aAAa,OAAO,iBAAiB,MAAM;AAAA,EACjE;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,WAAW,OAAO,EAAE,aAAa,WAAW,iBAAiB,UAAU;AAAA,EACzE;AACF;AAeO,SAAS,iBAAiB,EAAE,WAAW,GAAU;AACtD,QAAM,WAAW,YAAY;AAE7B,YAAU,MAAM;AACd,eAAW,QAAQ,aAAa;AAC9B,YAAM,QAAQ,SAAS,MAAM,KAAK,OAAO;AACzC,UAAI,OAAO;AACT,cAAM,EAAE,aAAa,gBAAgB,IAAI,KAAK,UAAU,KAAK;AAC7D,uBAAe,eAAe,EAAE,aAAa,gBAAgB,CAAC;AAC9D;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM;AACd,QAAI,CAAC,WAAY;AAEjB,UAAM,cAAc,CAAC,MAAkB;AApF3C;AAqFM,YAAM,SAAU,EAAE,OAAmB,QAAQ,GAAG;AAChD,WAAI,sCAAQ,SAAR,mBAAc,WAAW,aAAa;AACxC,uBAAe,kBAAkB;AAAA,MACnC;AAAA,IACF;AAEA,aAAS,iBAAiB,SAAS,WAAW;AAC9C,WAAO,MAAM,SAAS,oBAAoB,SAAS,WAAW;AAAA,EAChE,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AACT;;;AE9FA,OAAO,aAAa;AACpB,SAAS,mBAAmB,kBAAkB;AAC9C,SAAS,aAAAA,YAAW,gBAAgB;AACpC,SAAS,eAAAC,cAAa,uBAAuB;AAE7C,IAAM,eAAe;AAwBrB,SAAS,gBAAgB,UAA4B;AA/BrD;AAgCE,MAAI,aAAa,IAAK,QAAO,EAAE,WAAW,OAAO;AAEjD,QAAM,WAA+D;AAAA,IACnE,CAAC,sBAAsB,CAAC,CAAC,EAAE,IAAI,OAAO,EAAE,WAAW,kBAAkB,WAAW,KAAK,EAAE;AAAA,IACvF,CAAC,uBAAuB,CAAC,CAAC,EAAE,IAAI,OAAO,EAAE,WAAW,mBAAmB,WAAW,KAAK,EAAE;AAAA,IACzF,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,OAAO,EAAE,WAAW,aAAa,WAAW,KAAK,EAAE;AAAA,IAC9E,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,OAAO,EAAE,WAAW,cAAc,WAAW,KAAK,EAAE;AAAA,IAC/E,CAAC,sBAAsB,CAAC,CAAC,EAAE,IAAI,OAAO,EAAE,WAAW,kBAAkB,WAAW,KAAK,EAAE;AAAA,EACzF;AAEA,aAAW,CAAC,SAAS,OAAO,KAAK,UAAU;AACzC,UAAM,QAAQ,SAAS,MAAM,OAAO;AACpC,QAAI,MAAO,QAAO,QAAQ,KAAK;AAAA,EACjC;AAEA,QAAM,cAAsC;AAAA,IAC1C,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,UAAU;AAAA,EACZ;AAEA,SAAO,EAAE,YAAW,iBAAY,QAAQ,MAApB,YAAyB,UAAU;AACzD;AAMA,SAAS,yBAAyB;AAChC,QAAM,WAAWC,aAAY;AAC7B,QAAM,eAAe,gBAAgB;AAErC,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,SAAU;AAEf,UAAM,SAAS,6CAAc;AAC7B,UAAM,MAAM,OAAO,SAAS,SAAS,YAAY,SAAS,IAAI,MAAM,KAAK;AACzE,UAAM,EAAE,WAAW,UAAU,IAAI,gBAAgB,QAAQ;AAEzD,YAAQ,QAAQ,aAAa;AAAA,MAC3B,cAAc;AAAA,MACd;AAAA,MACA,WAAW;AAAA,OACP,aAAa,EAAE,UAAU,EAC9B;AAAA,EACH,GAAG,CAAC,UAAU,YAAY,CAAC;AAE3B,SAAO;AACT;AAmBO,SAAS,gBAAgB,EAAE,QAAQ,SAAS,WAAW,aAAa,aAAa,SAAS,GAAyB;AACxH,EAAAA,WAAU,MAAM;AACd,YAAQ,KAAK,QAAQ;AAAA,MACnB,UAAU,4BAAW;AAAA,MACrB,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACpB,CAAC;AAED,YAAQ,SAAS,+DACX,cAAc,UAAa,EAAE,YAAY,UAAU,IACnD,eAAe,EAAE,cAAc,YAAY,IAC3C,eAAe,EAAE,YAAY,IAHlB;AAAA,MAIf,aAAa,OAAO,SAAS;AAAA,IAC/B,EAAC;AAAA,EACH,GAAG,CAAC,QAAQ,SAAS,WAAW,aAAa,WAAW,CAAC;AAEzD,SACE,oCAAC,cAAW,QAAQ,WAClB,oCAAC,YAAS,UAAU,QAClB,oCAAC,4BAAuB,CAC1B,GACC,QACH;AAEJ;;;ACrIA,SAAS,aAAAC,kBAAiB;AAC1B,SAAS,eAAAC,oBAAmB;;;ACwB5B,OAAOC,cAAa;AAgGb,SAAS,aACd,UACG,MAGG;AACN,EAAAA,SAAQ,QAAQ,OAAO,KAAK,CAAC,CAA4B;AAC3D;;;AD/GO,SAAS,yBAAyB,EAAE,WAAW,GAAU;AAC9D,QAAM,WAAWC,aAAY;AAE7B,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,WAAY;AAEjB,UAAM,cAAc,CAAC,MAAkB;AAzB3C;AA0BM,YAAM,SAAU,EAAE,OAAmB,QAAQ,GAAG;AAChD,WAAI,sCAAQ,SAAR,mBAAc,WAAW,aAAa;AACxC,qBAAa,uBAAuB;AAAA,UAClC,aAAa;AAAA,UACb,aAAa;AAAA,QACf,CAAC;AAAA,MACH;AAAA,IACF;AAEA,aAAS,iBAAiB,SAAS,WAAW;AAC9C,WAAO,MAAM,SAAS,oBAAoB,SAAS,WAAW;AAAA,EAChE,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,SAAO;AACT;;;AExCA,IAAM,aAAa,CAAC,gBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,6CAKC,YAAY,QAAQ,MAAM,KAAK,CAAC;AAAA;AAYtE,SAAS,iBAAiB,EAAE,YAAY,GAA0B;AACvE,QAAM,MAAM,OAAO,gBAAgB,WAAW,YAAY,KAAK,IAAI;AACnE,QAAM,KAAK,OAAO,QAAQ,UAAU,mBAAmB,KAAK,GAAG,IAAI,MAAM;AAEzE,MAAI,CAAC,IAAI;AACP,WAAO;AAAA,EACT;AAEA,SACE,0DACE,oCAAC,YAAO,IAAG,sBAAqB,yBAAyB,EAAE,QAAQ,WAAW,EAAE,EAAE,GAAG,GACrF,oCAAC,kBACC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,+CAA+C,EAAE;AAAA,MACtD,QAAO;AAAA,MACP,OAAM;AAAA,MACN,OAAO,EAAE,SAAS,QAAQ,YAAY,SAAS;AAAA,MAC/C,OAAM;AAAA;AAAA,EACR,CACF,CACF;AAEJ;","names":["useEffect","usePathname","usePathname","useEffect","useEffect","usePathname","posthog","usePathname","useEffect"]}

package/dist/utils/gradient-placeholder.d.ts

@@ -1,6 +1,5 @@
 /**
  * Generates a beautiful gradient SVG data URL using the full color palette
- * Based on gradients used in corporate marketing site animations
  * Each seed (post ID or index) will consistently return the same gradient
  */
 declare const getGradientUrl: (seed: string | number) => string;

package/dist/utils/gradient-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/gradient-placeholder.ts"],"sourcesContent":["/**\n * Generates a beautiful gradient SVG data URL using the full color palette\n * Based on gradients used in corporate marketing site animations\n * Each seed (post ID or index) will consistently return the same gradient\n */\nexport const getGradientUrl = (seed: string | number): string => {\n  // Beautiful gradient combinations using the full palette from corporate marketing site\n  // Colors match Tailwind's default palette (purple, pink, blue, green, orange, indigo)\n  const gradients = [\n    // Purple gradients (like from-purple-200 to-purple-300)\n    ['rgb(233, 213, 255)', 'rgb(221, 214, 254)', 'rgb(196, 181, 253)'], // purple-200 to purple-300\n    ['rgb(250, 232, 255)', 'rgb(251, 207, 232)', 'rgb(244, 114, 182)'], // pink-200 to pink-300 via pink-400\n    // Blue gradients (like from-blue-200 to-blue-300)\n    ['rgb(191, 219, 254)', 'rgb(147, 197, 253)', 'rgb(96, 165, 250)'], // blue-200 to blue-300 to blue-400\n    // Green gradients (like from-green-200 to-green-300)\n    ['rgb(187, 247, 208)', 'rgb(134, 239, 172)', 'rgb(74, 222, 128)'], // green-200 to green-300 to green-400\n    // Pink to Purple (like from-pink-400 to-purple-500)\n    ['rgb(244, 114, 182)', 'rgb(217, 70, 239)', 'rgb(168, 85, 247)'], // pink-400 to purple-500\n    // Blue to Purple (like from-blue-500 to-purple-600)\n    ['rgb(59, 130, 246)', 'rgb(147, 51, 234)', 'rgb(147, 51, 234)'], // blue-500 to purple-600\n    // Indigo to Purple (like from-indigo-500 to-purple-600)\n    ['rgb(99, 102, 241)', 'rgb(139, 92, 246)', 'rgb(147, 51, 234)'], // indigo-500 to purple-600\n    // Orange gradients (like from-orange-200 to-orange-300)\n    ['rgb(254, 215, 170)', 'rgb(253, 186, 116)', 'rgb(251, 146, 60)'], // orange-200 to orange-300 to orange-400\n    // Purple to Pink (like from-purple-400 to-pink-400)\n    ['rgb(192, 132, 252)', 'rgb(232, 121, 249)', 'rgb(244, 114, 182)'], // purple-400 to pink-400\n    // Softer blue-green blend\n    ['rgb(165, 243, 252)', 'rgb(103, 232, 249)', 'rgb(134, 239, 172)'], // cyan-300 to green-400\n    // Warm pink-orange\n    ['rgb(251, 207, 232)', 'rgb(254, 202, 202)', 'rgb(253, 186, 116)'], // pink-200 to orange-300\n    // Cool indigo-blue\n    ['rgb(199, 210, 254)', 'rgb(165, 180, 252)', 'rgb(129, 140, 248)'], // indigo-200 to indigo-400\n  ];\n  \n  // Calculate consistent index from seed\n  const index = typeof seed === 'string' \n    ? seed.split('').reduce((acc, char) => acc + char.charCodeAt(0), 0) % gradients.length\n    : Number(seed) % gradients.length;\n  \n  const [color1, color2, color3] = gradients[index];\n  \n  // Generate SVG with gradient (diagonal like bg-gradient-to-br)\n  const svg = `\n    <svg width=\"600\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\">\n      <defs>\n        <linearGradient id=\"grad${index}\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n          <stop offset=\"0%\" style=\"stop-color:${color1};stop-opacity:1\" />\n          <stop offset=\"50%\" style=\"stop-color:${color2};stop-opacity:1\" />\n          <stop offset=\"100%\" style=\"stop-color:${color3};stop-opacity:1\" />\n        </linearGradient>\n      </defs>\n      <rect width=\"600\" height=\"400\" fill=\"url(#grad${index})\" />\n    </svg>\n  `.trim();\n  \n  // Convert to base64 data URL\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n"],"mappings":";AAKO,IAAM,iBAAiB,CAAC,SAAkC;AAG/D,QAAM,YAAY;AAAA;AAAA,IAEhB,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA,IACjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,mBAAmB;AAAA;AAAA;AAAA,IAEhE,CAAC,sBAAsB,sBAAsB,mBAAmB;AAAA;AAAA;AAAA,IAEhE,CAAC,sBAAsB,qBAAqB,mBAAmB;AAAA;AAAA;AAAA,IAE/D,CAAC,qBAAqB,qBAAqB,mBAAmB;AAAA;AAAA;AAAA,IAE9D,CAAC,qBAAqB,qBAAqB,mBAAmB;AAAA;AAAA;AAAA,IAE9D,CAAC,sBAAsB,sBAAsB,mBAAmB;AAAA;AAAA;AAAA,IAEhE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA,EACnE;AAGA,QAAM,QAAQ,OAAO,SAAS,WAC1B,KAAK,MAAM,EAAE,EAAE,OAAO,CAAC,KAAK,SAAS,MAAM,KAAK,WAAW,CAAC,GAAG,CAAC,IAAI,UAAU,SAC9E,OAAO,IAAI,IAAI,UAAU;AAE7B,QAAM,CAAC,QAAQ,QAAQ,MAAM,IAAI,UAAU,KAAK;AAGhD,QAAM,MAAM;AAAA;AAAA;AAAA,kCAGoB,KAAK;AAAA,gDACS,MAAM;AAAA,iDACL,MAAM;AAAA,kDACL,MAAM;AAAA;AAAA;AAAA,sDAGF,KAAK;AAAA;AAAA,IAEvD,KAAK;AAGP,SAAO,6BAA6B,KAAK,GAAG,CAAC;AAC/C;","names":[]}
+{"version":3,"sources":["../../src/utils/gradient-placeholder.ts"],"sourcesContent":["/**\n * Generates a beautiful gradient SVG data URL using the full color palette\n * Each seed (post ID or index) will consistently return the same gradient\n */\nexport const getGradientUrl = (seed: string | number): string => {\n  // Colors match Tailwind's default palette (purple, pink, blue, green, orange, indigo)\n  const gradients = [\n    // Purple gradients (like from-purple-200 to-purple-300)\n    ['rgb(233, 213, 255)', 'rgb(221, 214, 254)', 'rgb(196, 181, 253)'], // purple-200 to purple-300\n    ['rgb(250, 232, 255)', 'rgb(251, 207, 232)', 'rgb(244, 114, 182)'], // pink-200 to pink-300 via pink-400\n    // Blue gradients (like from-blue-200 to-blue-300)\n    ['rgb(191, 219, 254)', 'rgb(147, 197, 253)', 'rgb(96, 165, 250)'], // blue-200 to blue-300 to blue-400\n    // Green gradients (like from-green-200 to-green-300)\n    ['rgb(187, 247, 208)', 'rgb(134, 239, 172)', 'rgb(74, 222, 128)'], // green-200 to green-300 to green-400\n    // Pink to Purple (like from-pink-400 to-purple-500)\n    ['rgb(244, 114, 182)', 'rgb(217, 70, 239)', 'rgb(168, 85, 247)'], // pink-400 to purple-500\n    // Blue to Purple (like from-blue-500 to-purple-600)\n    ['rgb(59, 130, 246)', 'rgb(147, 51, 234)', 'rgb(147, 51, 234)'], // blue-500 to purple-600\n    // Indigo to Purple (like from-indigo-500 to-purple-600)\n    ['rgb(99, 102, 241)', 'rgb(139, 92, 246)', 'rgb(147, 51, 234)'], // indigo-500 to purple-600\n    // Orange gradients (like from-orange-200 to-orange-300)\n    ['rgb(254, 215, 170)', 'rgb(253, 186, 116)', 'rgb(251, 146, 60)'], // orange-200 to orange-300 to orange-400\n    // Purple to Pink (like from-purple-400 to-pink-400)\n    ['rgb(192, 132, 252)', 'rgb(232, 121, 249)', 'rgb(244, 114, 182)'], // purple-400 to pink-400\n    // Softer blue-green blend\n    ['rgb(165, 243, 252)', 'rgb(103, 232, 249)', 'rgb(134, 239, 172)'], // cyan-300 to green-400\n    // Warm pink-orange\n    ['rgb(251, 207, 232)', 'rgb(254, 202, 202)', 'rgb(253, 186, 116)'], // pink-200 to orange-300\n    // Cool indigo-blue\n    ['rgb(199, 210, 254)', 'rgb(165, 180, 252)', 'rgb(129, 140, 248)'], // indigo-200 to indigo-400\n  ];\n  \n  // Calculate consistent index from seed\n  const index = typeof seed === 'string' \n    ? seed.split('').reduce((acc, char) => acc + char.charCodeAt(0), 0) % gradients.length\n    : Number(seed) % gradients.length;\n  \n  const [color1, color2, color3] = gradients[index];\n  \n  // Generate SVG with gradient (diagonal like bg-gradient-to-br)\n  const svg = `\n    <svg width=\"600\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\">\n      <defs>\n        <linearGradient id=\"grad${index}\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n          <stop offset=\"0%\" style=\"stop-color:${color1};stop-opacity:1\" />\n          <stop offset=\"50%\" style=\"stop-color:${color2};stop-opacity:1\" />\n          <stop offset=\"100%\" style=\"stop-color:${color3};stop-opacity:1\" />\n        </linearGradient>\n      </defs>\n      <rect width=\"600\" height=\"400\" fill=\"url(#grad${index})\" />\n    </svg>\n  `.trim();\n  \n  // Convert to base64 data URL\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n"],"mappings":";AAIO,IAAM,iBAAiB,CAAC,SAAkC;AAE/D,QAAM,YAAY;AAAA;AAAA,IAEhB,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA,IACjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,mBAAmB;AAAA;AAAA;AAAA,IAEhE,CAAC,sBAAsB,sBAAsB,mBAAmB;AAAA;AAAA;AAAA,IAEhE,CAAC,sBAAsB,qBAAqB,mBAAmB;AAAA;AAAA;AAAA,IAE/D,CAAC,qBAAqB,qBAAqB,mBAAmB;AAAA;AAAA;AAAA,IAE9D,CAAC,qBAAqB,qBAAqB,mBAAmB;AAAA;AAAA;AAAA,IAE9D,CAAC,sBAAsB,sBAAsB,mBAAmB;AAAA;AAAA;AAAA,IAEhE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA,EACnE;AAGA,QAAM,QAAQ,OAAO,SAAS,WAC1B,KAAK,MAAM,EAAE,EAAE,OAAO,CAAC,KAAK,SAAS,MAAM,KAAK,WAAW,CAAC,GAAG,CAAC,IAAI,UAAU,SAC9E,OAAO,IAAI,IAAI,UAAU;AAE7B,QAAM,CAAC,QAAQ,QAAQ,MAAM,IAAI,UAAU,KAAK;AAGhD,QAAM,MAAM;AAAA;AAAA;AAAA,kCAGoB,KAAK;AAAA,gDACS,MAAM;AAAA,iDACL,MAAM;AAAA,kDACL,MAAM;AAAA;AAAA;AAAA,sDAGF,KAAK;AAAA;AAAA,IAEvD,KAAK;AAGP,SAAO,6BAA6B,KAAK,GAAG,CAAC;AAC/C;","names":[]}

package/package.json

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

package/src/design_system/portal/PortalPage.tsx

@@ -36,6 +36,10 @@ interface SpecialItem {
   photoAttachments: OfferPublic['photo_attachments'];
 }
 
+const ALL_TABS = ['services', 'packages', 'specials', 'messages', 'book'] as const;
+type Tab = (typeof ALL_TABS)[number];
+const DEFAULT_TABS: Tab[] = ['book', 'services', 'packages', 'specials', 'messages'];
+
 export interface PortalPageProps {
   searchParams?: Promise<Record<string, string>> | Record<string, string>;
   portalHref?: string;
@@ -575,9 +579,6 @@ function BookPanel({
 
 // ─── Main Portal Page (Self-Contained Async Server Component) ─────────────────
 
-const ALL_TABS = ['services', 'packages', 'specials', 'messages', 'book'] as const;
-type Tab = (typeof ALL_TABS)[number];
-
 export async function PortalPage({
   searchParams,
   portalHref = '/portal',
@@ -609,10 +610,10 @@ export async function PortalPage({
     bookingHref ?? companyInformation?.external_management_url ?? null;
 
   const hasCustomTabOrder = Array.isArray(enabledTabs) && enabledTabs.length > 0;
-  const requestedTabs = (enabledTabs ?? ['book', 'services', 'packages', 'specials', 'messages']).filter((tab, index, arr) => (
+  const requestedTabs = (enabledTabs ?? DEFAULT_TABS).filter((tab, index, arr): tab is Tab => (
     ALL_TABS.includes(tab) && arr.indexOf(tab) === index
   ));
-  const normalizedTabs = requestedTabs.length > 0 ? requestedTabs : ['book', 'services', 'packages', 'specials', 'messages'];
+  const normalizedTabs: Tab[] = requestedTabs.length > 0 ? requestedTabs : DEFAULT_TABS;
   const nonBookTabs = normalizedTabs.filter((tab) => tab !== 'book');
   const includesBookTab = normalizedTabs.includes('book');