keystone-design-bootstrap 1.0.97 → 1.0.98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/contexts/index.js +122 -1
- package/dist/contexts/index.js.map +1 -1
- package/dist/design_system/components/DynamicFormFields.js +118 -3
- package/dist/design_system/components/DynamicFormFields.js.map +1 -1
- package/dist/design_system/elements/index.js +118 -3
- package/dist/design_system/elements/index.js.map +1 -1
- package/dist/design_system/sections/index.js +138 -9
- package/dist/design_system/sections/index.js.map +1 -1
- package/dist/index.js +172 -21
- package/dist/index.js.map +1 -1
- package/dist/lib/server-api.js +49 -2
- package/dist/lib/server-api.js.map +1 -1
- package/dist/tracking/index.js +189 -183
- package/dist/tracking/index.js.map +1 -1
- package/package.json +1 -1
- package/src/contexts/ThemeContext.tsx +2 -1
- package/src/design_system/chat/useRealtimeReplyOrchestrator.ts +24 -5
- package/src/design_system/components/ChatWidget.tsx +10 -3
- package/src/design_system/elements/map/GoogleMap.tsx +9 -2
- package/src/design_system/sections/blog-post.tsx +13 -3
- package/src/design_system/sections/home-hero-component.tsx +4 -1
- package/src/lib/server-api.ts +6 -2
- package/src/lib/server-log.ts +39 -0
- package/src/next/routes/chat.ts +3 -2
- package/src/next/routes/form.ts +2 -1
- package/src/tracking/MetaPixel.tsx +10 -1
- package/src/tracking/firePixelEvent.ts +7 -2
- package/src/tracking/logging.ts +4 -3
package/dist/lib/server-api.js
CHANGED
|
@@ -1,3 +1,47 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
// src/lib/server-log.ts
|
|
19
|
+
function normalizeError(error) {
|
|
20
|
+
if (error instanceof Error) {
|
|
21
|
+
return {
|
|
22
|
+
message: error.message,
|
|
23
|
+
stack: error.stack || "",
|
|
24
|
+
name: error.name
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
return { message: String(error) };
|
|
28
|
+
}
|
|
29
|
+
function writeServerLog(level, event, detail) {
|
|
30
|
+
const payload = {
|
|
31
|
+
level,
|
|
32
|
+
event,
|
|
33
|
+
detail: detail != null ? detail : {},
|
|
34
|
+
at: (/* @__PURE__ */ new Date()).toISOString()
|
|
35
|
+
};
|
|
36
|
+
const line = `[ks-server] ${JSON.stringify(payload)}
|
|
37
|
+
`;
|
|
38
|
+
const stream = level === "ERROR" ? process.stderr : process.stdout;
|
|
39
|
+
stream.write(line);
|
|
40
|
+
}
|
|
41
|
+
function serverError(event, error, detail) {
|
|
42
|
+
writeServerLog("ERROR", event, __spreadValues(__spreadValues({}, detail != null ? detail : {}), error !== void 0 ? { error: normalizeError(error) } : {}));
|
|
43
|
+
}
|
|
44
|
+
|
|
1
45
|
// src/lib/server-api.ts
|
|
2
46
|
var API_URL = process.env.API_URL || "http://localhost:3000/api/v1";
|
|
3
47
|
var API_KEY = process.env.API_KEY || "";
|
|
@@ -17,13 +61,16 @@ async function serverFetch(endpoint, options = {}) {
|
|
|
17
61
|
}
|
|
18
62
|
const response = await fetch(url, fetchOptions);
|
|
19
63
|
if (!response.ok) {
|
|
20
|
-
|
|
64
|
+
serverError("SERVER_API_NON_OK_RESPONSE", void 0, {
|
|
65
|
+
endpoint,
|
|
66
|
+
status: response.status
|
|
67
|
+
});
|
|
21
68
|
return null;
|
|
22
69
|
}
|
|
23
70
|
const json = await response.json();
|
|
24
71
|
return (_a = json.data) != null ? _a : json;
|
|
25
72
|
} catch (error) {
|
|
26
|
-
|
|
73
|
+
serverError("SERVER_API_FETCH_FAILED", error, { endpoint });
|
|
27
74
|
return null;
|
|
28
75
|
}
|
|
29
76
|
}
|
|
@@ -1 +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 /** 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":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/lib/server-log.ts","../../src/lib/server-api.ts"],"sourcesContent":["type ServerLogLevel = 'INFO' | 'WARN' | 'ERROR';\n\nfunction normalizeError(error: unknown): Record<string, string> {\n if (error instanceof Error) {\n return {\n message: error.message,\n stack: error.stack || '',\n name: error.name,\n };\n }\n return { message: String(error) };\n}\n\nfunction writeServerLog(level: ServerLogLevel, event: string, detail?: Record<string, unknown>): void {\n const payload = {\n level,\n event,\n detail: detail ?? {},\n at: new Date().toISOString(),\n };\n const line = `[ks-server] ${JSON.stringify(payload)}\\n`;\n const stream = level === 'ERROR' ? process.stderr : process.stdout;\n stream.write(line);\n}\n\nexport function serverLog(event: string, detail?: Record<string, unknown>): void {\n writeServerLog('INFO', event, detail);\n}\n\nexport function serverWarn(event: string, detail?: Record<string, unknown>): void {\n writeServerLog('WARN', event, detail);\n}\n\nexport function serverError(event: string, error?: unknown, detail?: Record<string, unknown>): void {\n writeServerLog('ERROR', event, {\n ...(detail ?? {}),\n ...(error !== undefined ? { error: normalizeError(error) } : {}),\n });\n}\n","/**\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';\nimport { serverError } from './server-log';\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 serverError('SERVER_API_NON_OK_RESPONSE', undefined, {\n endpoint,\n status: response.status,\n });\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 serverError('SERVER_API_FETCH_FAILED', error, { endpoint });\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.js
CHANGED
|
@@ -19,181 +19,8 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
|
|
21
21
|
// src/tracking/MetaPixel.tsx
|
|
22
|
-
import Script from "next/script";
|
|
23
|
-
var FBEVENTS_URL = "https://connect.facebook.net/en_US/fbevents.js";
|
|
24
|
-
var PIXEL_SCRIPT = (pixelId) => `
|
|
25
|
-
!function(f,b,e,v,n,t,s)
|
|
26
|
-
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
|
|
27
|
-
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
|
|
28
|
-
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
|
|
29
|
-
n.queue=[];t=b.createElement(e);t.async=!0;
|
|
30
|
-
t.src=v;s=b.getElementsByTagName(e)[0];
|
|
31
|
-
s.parentNode.insertBefore(t,s)}(window, document,'script','${FBEVENTS_URL}');
|
|
32
|
-
fbq('init', '${pixelId.replace(/'/g, "\\'")}');
|
|
33
|
-
fbq('track', 'PageView');
|
|
34
|
-
window.__ks_pixel_ids = window.__ks_pixel_ids || [];
|
|
35
|
-
if (window.__ks_pixel_ids.indexOf('${pixelId.replace(/'/g, "\\'")}') === -1) {
|
|
36
|
-
window.__ks_pixel_ids.push('${pixelId.replace(/'/g, "\\'")}');
|
|
37
|
-
}
|
|
38
|
-
`;
|
|
39
|
-
function MetaPixel({ pixelId }) {
|
|
40
|
-
const raw = typeof pixelId === "string" ? pixelId.trim() : "";
|
|
41
|
-
const id = raw && raw !== "null" && /^\d+$/.test(raw) ? raw : "";
|
|
42
|
-
if (!id) {
|
|
43
|
-
return null;
|
|
44
|
-
}
|
|
45
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
46
|
-
Script,
|
|
47
|
-
{
|
|
48
|
-
id: "meta-pixel",
|
|
49
|
-
strategy: "afterInteractive",
|
|
50
|
-
dangerouslySetInnerHTML: { __html: PIXEL_SCRIPT(id) }
|
|
51
|
-
}
|
|
52
|
-
), /* @__PURE__ */ React.createElement("noscript", null, /* @__PURE__ */ React.createElement(
|
|
53
|
-
"img",
|
|
54
|
-
{
|
|
55
|
-
height: 1,
|
|
56
|
-
width: 1,
|
|
57
|
-
style: { display: "none" },
|
|
58
|
-
src: `https://www.facebook.com/tr?id=${id}&ev=PageView&noscript=1`,
|
|
59
|
-
alt: ""
|
|
60
|
-
}
|
|
61
|
-
)));
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
// src/tracking/MetaPixelTracker.tsx
|
|
65
22
|
import { useEffect } from "react";
|
|
66
|
-
import
|
|
67
|
-
|
|
68
|
-
// src/tracking/firePixelEvent.ts
|
|
69
|
-
var STORAGE_KEY = "ks_pud";
|
|
70
|
-
async function sha256Hex(str) {
|
|
71
|
-
const buffer = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(str));
|
|
72
|
-
return Array.from(new Uint8Array(buffer)).map((b) => b.toString(16).padStart(2, "0")).join("");
|
|
73
|
-
}
|
|
74
|
-
function getFbq() {
|
|
75
|
-
if (typeof window === "undefined") return void 0;
|
|
76
|
-
return window.fbq;
|
|
77
|
-
}
|
|
78
|
-
function getRegisteredPixelIds() {
|
|
79
|
-
var _a;
|
|
80
|
-
return (_a = window.__ks_pixel_ids) != null ? _a : [];
|
|
81
|
-
}
|
|
82
|
-
function applyStoredUserData(fbq) {
|
|
83
|
-
try {
|
|
84
|
-
const raw = sessionStorage.getItem(STORAGE_KEY);
|
|
85
|
-
if (!raw) return;
|
|
86
|
-
const hashed = JSON.parse(raw);
|
|
87
|
-
if (Object.keys(hashed).length === 0) return;
|
|
88
|
-
getRegisteredPixelIds().forEach((id) => fbq("init", id, hashed));
|
|
89
|
-
} catch (e) {
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
async function setPixelUserData(userData) {
|
|
93
|
-
const hashed = {};
|
|
94
|
-
if (userData.email) {
|
|
95
|
-
hashed.em = await sha256Hex(userData.email.trim().toLowerCase());
|
|
96
|
-
}
|
|
97
|
-
if (userData.phone) {
|
|
98
|
-
const digits = userData.phone.replace(/\D/g, "");
|
|
99
|
-
if (digits) hashed.ph = await sha256Hex(digits);
|
|
100
|
-
}
|
|
101
|
-
if (Object.keys(hashed).length === 0) return;
|
|
102
|
-
try {
|
|
103
|
-
sessionStorage.setItem(STORAGE_KEY, JSON.stringify(hashed));
|
|
104
|
-
} catch (e) {
|
|
105
|
-
}
|
|
106
|
-
const fbq = getFbq();
|
|
107
|
-
if (fbq) {
|
|
108
|
-
getRegisteredPixelIds().forEach((id) => fbq("init", id, hashed));
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
function firePixelEvent(event, params, eventId) {
|
|
112
|
-
const fbq = getFbq();
|
|
113
|
-
if (!fbq) {
|
|
114
|
-
console.debug("[MetaPixel] skipped \u2014 fbq not loaded", { event });
|
|
115
|
-
return;
|
|
116
|
-
}
|
|
117
|
-
applyStoredUserData(fbq);
|
|
118
|
-
const normalized = {};
|
|
119
|
-
if (params == null ? void 0 : params.contentName) normalized.content_name = params.contentName;
|
|
120
|
-
if (params == null ? void 0 : params.contentCategory) normalized.content_category = params.contentCategory;
|
|
121
|
-
const customData = Object.keys(normalized).length > 0 ? normalized : void 0;
|
|
122
|
-
const eventData = eventId ? { eventID: eventId } : void 0;
|
|
123
|
-
console.debug("[MetaPixel]", event, normalized, eventId ? { eventID: eventId } : "");
|
|
124
|
-
fbq("track", event, customData, eventData);
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
// src/tracking/MetaPixelTracker.tsx
|
|
128
|
-
function slugToTitle(slug) {
|
|
129
|
-
return slug.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
|
|
130
|
-
}
|
|
131
|
-
var ROUTE_RULES = [
|
|
132
|
-
{
|
|
133
|
-
pattern: /^\/services\/(.+)$/,
|
|
134
|
-
getParams: ([, slug]) => ({ contentName: slugToTitle(slug), contentCategory: "Service" })
|
|
135
|
-
},
|
|
136
|
-
{
|
|
137
|
-
pattern: /^\/locations\/(.+)$/,
|
|
138
|
-
getParams: ([, slug]) => ({ contentName: slugToTitle(slug), contentCategory: "Location" })
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
pattern: /^\/services$/,
|
|
142
|
-
getParams: () => ({ contentName: "Services", contentCategory: "Services" })
|
|
143
|
-
},
|
|
144
|
-
{
|
|
145
|
-
pattern: /^\/locations$/,
|
|
146
|
-
getParams: () => ({ contentName: "Locations", contentCategory: "Locations" })
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
pattern: /^\/portal$/,
|
|
150
|
-
getParams: () => ({ contentName: "Member Portal", contentCategory: "Pricing" })
|
|
151
|
-
},
|
|
152
|
-
{
|
|
153
|
-
pattern: /^\/service-menu$/,
|
|
154
|
-
getParams: () => ({ contentName: "Service Menu", contentCategory: "Pricing" })
|
|
155
|
-
},
|
|
156
|
-
{
|
|
157
|
-
pattern: /^\/faq$/,
|
|
158
|
-
getParams: () => ({ contentName: "FAQ", contentCategory: "FAQ" })
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
pattern: /^\/contact$/,
|
|
162
|
-
getParams: () => ({ contentName: "Contact", contentCategory: "Contact" })
|
|
163
|
-
}
|
|
164
|
-
];
|
|
165
|
-
function MetaPixelTracker({ bookingUrl }) {
|
|
166
|
-
const pathname = usePathname();
|
|
167
|
-
useEffect(() => {
|
|
168
|
-
for (const rule of ROUTE_RULES) {
|
|
169
|
-
const match = pathname.match(rule.pattern);
|
|
170
|
-
if (match) {
|
|
171
|
-
const { contentName, contentCategory } = rule.getParams(match);
|
|
172
|
-
firePixelEvent("ViewContent", { contentName, contentCategory });
|
|
173
|
-
break;
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
}, [pathname]);
|
|
177
|
-
useEffect(() => {
|
|
178
|
-
if (!bookingUrl) return;
|
|
179
|
-
const handleClick = (e) => {
|
|
180
|
-
var _a;
|
|
181
|
-
const anchor = e.target.closest("a");
|
|
182
|
-
if ((_a = anchor == null ? void 0 : anchor.href) == null ? void 0 : _a.startsWith(bookingUrl)) {
|
|
183
|
-
firePixelEvent("InitiateCheckout");
|
|
184
|
-
}
|
|
185
|
-
};
|
|
186
|
-
document.addEventListener("click", handleClick);
|
|
187
|
-
return () => document.removeEventListener("click", handleClick);
|
|
188
|
-
}, [bookingUrl]);
|
|
189
|
-
return null;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
// src/tracking/PostHogProvider.tsx
|
|
193
|
-
import posthog from "posthog-js";
|
|
194
|
-
import { PostHogProvider as PHProvider } from "posthog-js/react";
|
|
195
|
-
import { useEffect as useEffect2, Suspense } from "react";
|
|
196
|
-
import { usePathname as usePathname2, useSearchParams } from "next/navigation";
|
|
23
|
+
import Script from "next/script";
|
|
197
24
|
|
|
198
25
|
// src/tracking/logging.ts
|
|
199
26
|
import { logs } from "@opentelemetry/api-logs";
|
|
@@ -205,6 +32,7 @@ var BUILD_POSTHOG_DISABLED = process.env.NEXT_PUBLIC_POSTHOG_LOGGING_DISABLED ==
|
|
|
205
32
|
var otelProvider = null;
|
|
206
33
|
var otelLogger = null;
|
|
207
34
|
var otelInitFingerprint = "";
|
|
35
|
+
var browserConsole = globalThis == null ? void 0 : globalThis["console"];
|
|
208
36
|
var CHANNEL_COLORS = {
|
|
209
37
|
// Shared diagnostics
|
|
210
38
|
"global-client": "#d2a8ff",
|
|
@@ -299,7 +127,7 @@ function formatDetail(detail) {
|
|
|
299
127
|
return Object.entries(detail).map(([k, v]) => `${k}=${typeof v === "number" ? v.toFixed(4) : String(v)}`).join(" ");
|
|
300
128
|
}
|
|
301
129
|
function emitConsole(level, channel, event, detail) {
|
|
302
|
-
var _a;
|
|
130
|
+
var _a, _b, _c, _d;
|
|
303
131
|
const color = (_a = CHANNEL_COLORS[channel]) != null ? _a : "#aaa";
|
|
304
132
|
const detailStr = formatDetail(detail);
|
|
305
133
|
const message = `%c[${channel}] %c${event}%c ${detailStr}`;
|
|
@@ -307,14 +135,14 @@ function emitConsole(level, channel, event, detail) {
|
|
|
307
135
|
const eventStyle = level === "error" ? "color:#e94e4e; font-weight:bold" : level === "warn" ? "color:#f5a623; font-weight:bold" : "color:#fff; font-weight:bold";
|
|
308
136
|
const detailStyle = "color:#999; font-weight:normal";
|
|
309
137
|
if (level === "error") {
|
|
310
|
-
|
|
138
|
+
(_b = browserConsole == null ? void 0 : browserConsole.error) == null ? void 0 : _b.call(browserConsole, message, channelStyle, eventStyle, detailStyle);
|
|
311
139
|
return;
|
|
312
140
|
}
|
|
313
141
|
if (level === "warn") {
|
|
314
|
-
|
|
142
|
+
(_c = browserConsole == null ? void 0 : browserConsole.warn) == null ? void 0 : _c.call(browserConsole, message, channelStyle, eventStyle, detailStyle);
|
|
315
143
|
return;
|
|
316
144
|
}
|
|
317
|
-
|
|
145
|
+
(_d = browserConsole == null ? void 0 : browserConsole.log) == null ? void 0 : _d.call(browserConsole, message, channelStyle, eventStyle, detailStyle);
|
|
318
146
|
}
|
|
319
147
|
function emitToPostHog(level, channel, event, detail) {
|
|
320
148
|
if (!otelLogger) return;
|
|
@@ -346,7 +174,185 @@ function error(channel, event, detail = {}, options) {
|
|
|
346
174
|
emit("error", channel, event, detail, options);
|
|
347
175
|
}
|
|
348
176
|
|
|
177
|
+
// src/tracking/firePixelEvent.ts
|
|
178
|
+
var STORAGE_KEY = "ks_pud";
|
|
179
|
+
async function sha256Hex(str) {
|
|
180
|
+
const buffer = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(str));
|
|
181
|
+
return Array.from(new Uint8Array(buffer)).map((b) => b.toString(16).padStart(2, "0")).join("");
|
|
182
|
+
}
|
|
183
|
+
function getFbq() {
|
|
184
|
+
if (typeof window === "undefined") return void 0;
|
|
185
|
+
return window.fbq;
|
|
186
|
+
}
|
|
187
|
+
function getRegisteredPixelIds() {
|
|
188
|
+
var _a;
|
|
189
|
+
return (_a = window.__ks_pixel_ids) != null ? _a : [];
|
|
190
|
+
}
|
|
191
|
+
function applyStoredUserData(fbq) {
|
|
192
|
+
try {
|
|
193
|
+
const raw = sessionStorage.getItem(STORAGE_KEY);
|
|
194
|
+
if (!raw) return;
|
|
195
|
+
const hashed = JSON.parse(raw);
|
|
196
|
+
if (Object.keys(hashed).length === 0) return;
|
|
197
|
+
getRegisteredPixelIds().forEach((id) => fbq("init", id, hashed));
|
|
198
|
+
} catch (e) {
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
async function setPixelUserData(userData) {
|
|
202
|
+
const hashed = {};
|
|
203
|
+
if (userData.email) {
|
|
204
|
+
hashed.em = await sha256Hex(userData.email.trim().toLowerCase());
|
|
205
|
+
}
|
|
206
|
+
if (userData.phone) {
|
|
207
|
+
const digits = userData.phone.replace(/\D/g, "");
|
|
208
|
+
if (digits) hashed.ph = await sha256Hex(digits);
|
|
209
|
+
}
|
|
210
|
+
if (Object.keys(hashed).length === 0) return;
|
|
211
|
+
try {
|
|
212
|
+
sessionStorage.setItem(STORAGE_KEY, JSON.stringify(hashed));
|
|
213
|
+
} catch (e) {
|
|
214
|
+
}
|
|
215
|
+
const fbq = getFbq();
|
|
216
|
+
if (fbq) {
|
|
217
|
+
getRegisteredPixelIds().forEach((id) => fbq("init", id, hashed));
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
function firePixelEvent(event, params, eventId) {
|
|
221
|
+
const fbq = getFbq();
|
|
222
|
+
if (!fbq) {
|
|
223
|
+
warn("meta-pixel", "PIXEL_EVENT_SKIPPED_FBQ_NOT_LOADED", { event });
|
|
224
|
+
return;
|
|
225
|
+
}
|
|
226
|
+
applyStoredUserData(fbq);
|
|
227
|
+
const normalized = {};
|
|
228
|
+
if (params == null ? void 0 : params.contentName) normalized.content_name = params.contentName;
|
|
229
|
+
if (params == null ? void 0 : params.contentCategory) normalized.content_category = params.contentCategory;
|
|
230
|
+
const customData = Object.keys(normalized).length > 0 ? normalized : void 0;
|
|
231
|
+
const eventData = eventId ? { eventID: eventId } : void 0;
|
|
232
|
+
log("meta-pixel", "PIXEL_EVENT_FIRED", __spreadValues(__spreadValues({
|
|
233
|
+
event
|
|
234
|
+
}, normalized), eventId ? { eventId } : {}), { shipToPostHog: true });
|
|
235
|
+
fbq("track", event, customData, eventData);
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
// src/tracking/MetaPixel.tsx
|
|
239
|
+
var FBEVENTS_URL = "https://connect.facebook.net/en_US/fbevents.js";
|
|
240
|
+
var PIXEL_SCRIPT = (pixelId) => `
|
|
241
|
+
!function(f,b,e,v,n,t,s)
|
|
242
|
+
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
|
|
243
|
+
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
|
|
244
|
+
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
|
|
245
|
+
n.queue=[];t=b.createElement(e);t.async=!0;
|
|
246
|
+
t.src=v;s=b.getElementsByTagName(e)[0];
|
|
247
|
+
s.parentNode.insertBefore(t,s)}(window, document,'script','${FBEVENTS_URL}');
|
|
248
|
+
fbq('init', '${pixelId.replace(/'/g, "\\'")}');
|
|
249
|
+
window.__ks_pixel_ids = window.__ks_pixel_ids || [];
|
|
250
|
+
if (window.__ks_pixel_ids.indexOf('${pixelId.replace(/'/g, "\\'")}') === -1) {
|
|
251
|
+
window.__ks_pixel_ids.push('${pixelId.replace(/'/g, "\\'")}');
|
|
252
|
+
}
|
|
253
|
+
`;
|
|
254
|
+
function MetaPixel({ pixelId }) {
|
|
255
|
+
const raw = typeof pixelId === "string" ? pixelId.trim() : "";
|
|
256
|
+
const id = raw && raw !== "null" && /^\d+$/.test(raw) ? raw : "";
|
|
257
|
+
useEffect(() => {
|
|
258
|
+
if (!id) return;
|
|
259
|
+
log("meta-pixel", "PIXEL_INIT", { pixelId: id }, { shipToPostHog: true });
|
|
260
|
+
firePixelEvent("PageView");
|
|
261
|
+
}, [id]);
|
|
262
|
+
if (!id) {
|
|
263
|
+
return null;
|
|
264
|
+
}
|
|
265
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
266
|
+
Script,
|
|
267
|
+
{
|
|
268
|
+
id: "meta-pixel",
|
|
269
|
+
strategy: "afterInteractive",
|
|
270
|
+
dangerouslySetInnerHTML: { __html: PIXEL_SCRIPT(id) }
|
|
271
|
+
}
|
|
272
|
+
), /* @__PURE__ */ React.createElement("noscript", null, /* @__PURE__ */ React.createElement(
|
|
273
|
+
"img",
|
|
274
|
+
{
|
|
275
|
+
height: 1,
|
|
276
|
+
width: 1,
|
|
277
|
+
style: { display: "none" },
|
|
278
|
+
src: `https://www.facebook.com/tr?id=${id}&ev=PageView&noscript=1`,
|
|
279
|
+
alt: ""
|
|
280
|
+
}
|
|
281
|
+
)));
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
// src/tracking/MetaPixelTracker.tsx
|
|
285
|
+
import { useEffect as useEffect2 } from "react";
|
|
286
|
+
import { usePathname } from "next/navigation";
|
|
287
|
+
function slugToTitle(slug) {
|
|
288
|
+
return slug.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
|
|
289
|
+
}
|
|
290
|
+
var ROUTE_RULES = [
|
|
291
|
+
{
|
|
292
|
+
pattern: /^\/services\/(.+)$/,
|
|
293
|
+
getParams: ([, slug]) => ({ contentName: slugToTitle(slug), contentCategory: "Service" })
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
pattern: /^\/locations\/(.+)$/,
|
|
297
|
+
getParams: ([, slug]) => ({ contentName: slugToTitle(slug), contentCategory: "Location" })
|
|
298
|
+
},
|
|
299
|
+
{
|
|
300
|
+
pattern: /^\/services$/,
|
|
301
|
+
getParams: () => ({ contentName: "Services", contentCategory: "Services" })
|
|
302
|
+
},
|
|
303
|
+
{
|
|
304
|
+
pattern: /^\/locations$/,
|
|
305
|
+
getParams: () => ({ contentName: "Locations", contentCategory: "Locations" })
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
pattern: /^\/portal$/,
|
|
309
|
+
getParams: () => ({ contentName: "Member Portal", contentCategory: "Pricing" })
|
|
310
|
+
},
|
|
311
|
+
{
|
|
312
|
+
pattern: /^\/service-menu$/,
|
|
313
|
+
getParams: () => ({ contentName: "Service Menu", contentCategory: "Pricing" })
|
|
314
|
+
},
|
|
315
|
+
{
|
|
316
|
+
pattern: /^\/faq$/,
|
|
317
|
+
getParams: () => ({ contentName: "FAQ", contentCategory: "FAQ" })
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
pattern: /^\/contact$/,
|
|
321
|
+
getParams: () => ({ contentName: "Contact", contentCategory: "Contact" })
|
|
322
|
+
}
|
|
323
|
+
];
|
|
324
|
+
function MetaPixelTracker({ bookingUrl }) {
|
|
325
|
+
const pathname = usePathname();
|
|
326
|
+
useEffect2(() => {
|
|
327
|
+
for (const rule of ROUTE_RULES) {
|
|
328
|
+
const match = pathname.match(rule.pattern);
|
|
329
|
+
if (match) {
|
|
330
|
+
const { contentName, contentCategory } = rule.getParams(match);
|
|
331
|
+
firePixelEvent("ViewContent", { contentName, contentCategory });
|
|
332
|
+
break;
|
|
333
|
+
}
|
|
334
|
+
}
|
|
335
|
+
}, [pathname]);
|
|
336
|
+
useEffect2(() => {
|
|
337
|
+
if (!bookingUrl) return;
|
|
338
|
+
const handleClick = (e) => {
|
|
339
|
+
var _a;
|
|
340
|
+
const anchor = e.target.closest("a");
|
|
341
|
+
if ((_a = anchor == null ? void 0 : anchor.href) == null ? void 0 : _a.startsWith(bookingUrl)) {
|
|
342
|
+
firePixelEvent("InitiateCheckout");
|
|
343
|
+
}
|
|
344
|
+
};
|
|
345
|
+
document.addEventListener("click", handleClick);
|
|
346
|
+
return () => document.removeEventListener("click", handleClick);
|
|
347
|
+
}, [bookingUrl]);
|
|
348
|
+
return null;
|
|
349
|
+
}
|
|
350
|
+
|
|
349
351
|
// src/tracking/PostHogProvider.tsx
|
|
352
|
+
import posthog from "posthog-js";
|
|
353
|
+
import { PostHogProvider as PHProvider } from "posthog-js/react";
|
|
354
|
+
import { useEffect as useEffect3, Suspense } from "react";
|
|
355
|
+
import { usePathname as usePathname2, useSearchParams } from "next/navigation";
|
|
350
356
|
var DEFAULT_HOST = "https://us.i.posthog.com";
|
|
351
357
|
function resolvePageInfo(pathname) {
|
|
352
358
|
var _a;
|
|
@@ -384,7 +390,7 @@ function resolvePageInfo(pathname) {
|
|
|
384
390
|
function PostHogPageviewTracker() {
|
|
385
391
|
const pathname = usePathname2();
|
|
386
392
|
const searchParams = useSearchParams();
|
|
387
|
-
|
|
393
|
+
useEffect3(() => {
|
|
388
394
|
if (!pathname) return;
|
|
389
395
|
const search = searchParams == null ? void 0 : searchParams.toString();
|
|
390
396
|
const url = window.location.origin + pathname + (search ? `?${search}` : "");
|
|
@@ -398,7 +404,7 @@ function PostHogPageviewTracker() {
|
|
|
398
404
|
return null;
|
|
399
405
|
}
|
|
400
406
|
function PostHogProvider({ apiKey, apiHost, accountId, accountName, environment, children }) {
|
|
401
|
-
|
|
407
|
+
useEffect3(() => {
|
|
402
408
|
posthog.init(apiKey, {
|
|
403
409
|
api_host: apiHost != null ? apiHost : DEFAULT_HOST,
|
|
404
410
|
person_profiles: "identified_only",
|
|
@@ -416,7 +422,7 @@ function PostHogProvider({ apiKey, apiHost, accountId, accountName, environment,
|
|
|
416
422
|
accountName
|
|
417
423
|
});
|
|
418
424
|
}, [apiKey, apiHost, accountId, accountName, environment]);
|
|
419
|
-
|
|
425
|
+
useEffect3(() => {
|
|
420
426
|
const onWindowError = (event) => {
|
|
421
427
|
error(
|
|
422
428
|
"global-client",
|
|
@@ -447,7 +453,7 @@ function PostHogProvider({ apiKey, apiHost, accountId, accountName, environment,
|
|
|
447
453
|
}
|
|
448
454
|
|
|
449
455
|
// src/tracking/KeystoneAnalyticsTracker.tsx
|
|
450
|
-
import { useEffect as
|
|
456
|
+
import { useEffect as useEffect4 } from "react";
|
|
451
457
|
import { usePathname as usePathname3 } from "next/navigation";
|
|
452
458
|
|
|
453
459
|
// src/tracking/captureEvent.ts
|
|
@@ -462,7 +468,7 @@ function captureCustomEvent(event, properties) {
|
|
|
462
468
|
// src/tracking/KeystoneAnalyticsTracker.tsx
|
|
463
469
|
function KeystoneAnalyticsTracker({ bookingUrl }) {
|
|
464
470
|
const pathname = usePathname3();
|
|
465
|
-
|
|
471
|
+
useEffect4(() => {
|
|
466
472
|
if (!bookingUrl) return;
|
|
467
473
|
const handleClick = (e) => {
|
|
468
474
|
var _a;
|