keystone-design-bootstrap 1.0.57 → 1.0.59

package/dist/design_system/sections/index.d.ts

@@ -0,0 +1,232 @@
+import { S as Service, F as FormDefinition, P as Package, C as CompanyInformation } from '../../package-CB1tENyG.js';
+import * as React from 'react';
+import React__default, { ComponentProps, ReactNode, FC } from 'react';
+export { Theme } from '../../themes/index.js';
+import { B as BlogPost, a as BlogPostAuthor, d as BlogPostTag } from '../../blog-post-vWzW8yFb.js';
+import { BadgeGroup } from '../elements/index.js';
+import { W as WebsitePhotos } from '../../website-photos-Cl1YqAno.js';
+import '../../photos-CmBdWiuZ.js';
+import 'react-aria-components';
+import 'embla-carousel-react';
+
+interface PolicyDocumentSectionProps {
+    /** Page title (e.g. "Terms of Service" or "Privacy Policy") */
+    title: string;
+    /** Optional effective date string (e.g. "January 1, 2025") */
+    effectiveDate?: string;
+    /** Full markdown content for the policy (supports placeholders replaced before passing in) */
+    content: string;
+    /** Optional additional class name for the container */
+    className?: string;
+}
+
+interface ServiceDetailContentProps {
+    service?: Service | null;
+    /** Label above the title (e.g. "Why Balance Aesthetics") */
+    sectionLabel?: string;
+    /** CTA button text */
+    ctaText?: string;
+    /** CTA button href */
+    ctaHref?: string;
+    /** Fallback summary when service.summary is empty */
+    defaultSummary?: string;
+}
+
+declare const getBlogPostData: (article: BlogPost) => {
+    author: BlogPostAuthor | null;
+    authorName: string;
+    authorHref: string;
+    authorAvatarUrl: string | null;
+    tag: BlogPostTag | null;
+    tagName: string;
+    tagHref: string;
+    href: string;
+    title: string;
+    publishedAt: string;
+    summary: string;
+};
+declare const BlogCardVertical: ({ article, imageClassName }: {
+    article: BlogPost;
+    imageClassName?: string;
+}) => React.JSX.Element;
+declare const BlogCardVerticalBadge: ({ article, badgeTheme, imageClassName, }: {
+    article: BlogPost;
+    badgeTheme?: ComponentProps<typeof BadgeGroup>["theme"];
+    imageClassName?: string;
+}) => React.JSX.Element;
+declare const BlogCardVerticalCompact: ({ article, imageClassName, titleClassName, className, }: {
+    article: BlogPost;
+    imageClassName?: string;
+    titleClassName?: string;
+    className?: string;
+}) => React.JSX.Element;
+declare const BlogCardVerticalMinimal: ({ article, imageClassName, className }: {
+    article: BlogPost;
+    imageClassName?: string;
+    className?: string;
+}) => React.JSX.Element;
+declare const BlogCardHorizontal: ({ article, imageClassName }: {
+    article: BlogPost;
+    imageClassName?: string;
+}) => React.JSX.Element;
+declare const BlogCardHorizontalBadge: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardHorizontalCompact: ({ article, imageClassName }: {
+    article: BlogPost;
+    imageClassName?: string;
+}) => React.JSX.Element;
+declare const BlogCardHorizontalMinimal: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthVertical: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthVerticalAlt: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthVerticalCompact: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthVerticalMinimal: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthHorizontal: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthHorizontalAlt: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthHorizontalCompact: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+declare const BlogCardFullWidthHorizontalMinimal: ({ article }: {
+    article: BlogPost;
+}) => React.JSX.Element;
+
+interface FeatureTabProps {
+    title: string;
+    subtitle: string;
+    footer?: ReactNode;
+    isCurrent?: boolean;
+}
+declare const FeatureTabVertical: ({ title, subtitle, footer, isCurrent }: FeatureTabProps) => React.JSX.Element;
+declare const FeatureTabHorizontal: ({ title, subtitle, footer, isCurrent }: FeatureTabProps) => React.JSX.Element;
+
+interface TextCentered {
+    title: string;
+    subtitle: string;
+    footer?: ReactNode;
+}
+declare const FeatureTextCentered: ({ title, subtitle, footer }: TextCentered) => React.JSX.Element;
+declare const FeatureTextLeft: ({ title, subtitle, footer }: TextCentered) => React.JSX.Element;
+interface FeatureTextIcon extends TextCentered {
+    icon: FC<{
+        className?: string;
+    }>;
+}
+declare const FeatureTextIconTopCentered: ({ icon: Icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextIconTopLeft: ({ icon: Icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextIconLeft: ({ icon: Icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextFeaturedIconTopCentered: ({ color, theme, icon, title, subtitle, footer, }: FeatureTextIcon & {
+    color?: "brand" | "gray" | "success" | "warning" | "error";
+    theme?: "light" | "gradient" | "dark" | "outline" | "modern";
+}) => React.JSX.Element;
+declare const FeatureTextFeaturedIconTopLeft: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextFeaturedIconLeft: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextFeaturedIconBox: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+interface FeatureTextIntegrationIcon extends TextCentered {
+    imgUrl: string;
+}
+declare const FeatureTextIntegrationIconTopCentered: ({ imgUrl, title, subtitle, footer }: FeatureTextIntegrationIcon) => React.JSX.Element;
+declare const FeatureTextIntegrationIconTopLeft: ({ imgUrl, title, subtitle, footer }: FeatureTextIntegrationIcon) => React.JSX.Element;
+declare const FeatureTextIntegrationIconLeft: ({ imgUrl, title, subtitle, footer }: FeatureTextIntegrationIcon) => React.JSX.Element;
+declare const FeatureTextIntegrationIconBox: ({ imgUrl, title, subtitle, footer }: FeatureTextIntegrationIcon) => React.JSX.Element;
+declare const FeatureTextIconCard: ({ icon: Icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextFeaturedIconCard: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextLeftBrand: ({ title, subtitle, footer }: TextCentered) => React.JSX.Element;
+declare const FeatureTextFeaturedIconTopCenteredBrand: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+declare const FeatureTextFeaturedIconTopLeftBrand: ({ icon, title, subtitle, footer }: FeatureTextIcon) => React.JSX.Element;
+
+interface JobApplicationFormProps {
+    jobSlug: string;
+    /** Form fields are rendered from this definition (required). */
+    formDefinition: FormDefinition | null | undefined;
+    inline?: boolean;
+}
+declare const JobApplicationForm: ({ jobSlug, formDefinition, inline }: JobApplicationFormProps) => React__default.JSX.Element | null;
+
+interface EmailSignupSectionProps {
+    title?: string;
+    subtitle?: string;
+    buttonText?: string;
+    successMessage?: string;
+    /** Override the form definition (falls back to context). */
+    formDefinition?: FormDefinition | null;
+}
+declare const EmailSignupSection: ({ title, subtitle, buttonText, successMessage, formDefinition, }: EmailSignupSectionProps) => React__default.JSX.Element | null;
+
+/** Package with category names and first-service description fallback (derived from services). */
+interface PackageForMenu extends Package {
+    category_names?: string[];
+    first_service_description_markdown?: string | null;
+}
+interface ServiceMenuSectionProps {
+    title?: string;
+    subtitle?: string;
+    packages?: Package[] | null;
+    /** Services (used to derive service items for the third row). */
+    services?: Service[] | null;
+    websitePhotos?: WebsitePhotos | null;
+    companyInformation?: CompanyInformation | null;
+    viewAllHref?: string;
+    /** Label for the View All button (e.g. "View All"). */
+    viewAllText?: string;
+    /** Customer-friendly label for the third row (individual service items). Default "Treatments". */
+    servicesRowTitle?: string;
+    /** 'section' = compact header + carousel (e.g. home). 'page' = hero + grid (e.g. /service-menu). */
+    variant?: 'section' | 'page';
+}
+/**
+ * Service Menu: packages and treatments (service items). Specials appear as card badges and in modals.
+ */
+declare function ServiceMenuSection({ title, subtitle, packages, services, websitePhotos, companyInformation, viewAllHref, viewAllText, servicesRowTitle, variant, }: ServiceMenuSectionProps): React__default.JSX.Element | null;
+
+declare const HeroHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ServicesHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const AboutHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const TestimonialsHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const TestimonialsGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const FAQHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const BlogSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ContactSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const FooterHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const HeaderNavigation: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const GenericHeaderComponent: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const StatisticsSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ValuesSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const TeamGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const LocationGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const LocationDetailsSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ServicesGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const SocialMediaGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const JobGallery: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const BlogHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const BlogGallery: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const BlogPostSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ContactHome: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const FAQGrid: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const FAQHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+
+declare const GenericTextHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const LocationDetailHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ServiceDetailHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const ServiceDetailContent: ({ service, sectionLabel, ctaText, ctaHref, defaultSummary, }: ServiceDetailContentProps) => React__default.JSX.Element | null;
+declare const JobDetailHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const JobDetailSection: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const PolicyDocumentSection: ({ title, effectiveDate, content, className, }: PolicyDocumentSectionProps) => React__default.JSX.Element;
+declare const SocialMediaHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const TestimonialsHero: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+declare const HomeHeroComponent: (props: Record<string, unknown>) => React__default.ReactElement<Record<string, unknown>, string | React__default.JSXElementConstructor<any>>;
+
+export { AboutHome, BlogCardFullWidthHorizontal, BlogCardFullWidthHorizontalAlt, BlogCardFullWidthHorizontalCompact, BlogCardFullWidthHorizontalMinimal, BlogCardFullWidthVertical, BlogCardFullWidthVerticalAlt, BlogCardFullWidthVerticalCompact, BlogCardFullWidthVerticalMinimal, BlogCardHorizontal, BlogCardHorizontalBadge, BlogCardHorizontalCompact, BlogCardHorizontalMinimal, BlogCardVertical, BlogCardVerticalBadge, BlogCardVerticalCompact, BlogCardVerticalMinimal, BlogGallery, BlogHome, BlogPostSection, BlogSection, ContactHome, ContactSection, EmailSignupSection, type EmailSignupSectionProps, FAQGrid, FAQHero, FAQHome, FeatureTabHorizontal, FeatureTabVertical, FeatureTextCentered, FeatureTextFeaturedIconBox, FeatureTextFeaturedIconCard, FeatureTextFeaturedIconLeft, FeatureTextFeaturedIconTopCentered, FeatureTextFeaturedIconTopCenteredBrand, FeatureTextFeaturedIconTopLeft, FeatureTextFeaturedIconTopLeftBrand, FeatureTextIconCard, FeatureTextIconLeft, FeatureTextIconTopCentered, FeatureTextIconTopLeft, FeatureTextIntegrationIconBox, FeatureTextIntegrationIconLeft, FeatureTextIntegrationIconTopCentered, FeatureTextIntegrationIconTopLeft, FeatureTextLeft, FeatureTextLeftBrand, FooterHome, GenericHeaderComponent, GenericTextHero, HeaderNavigation, HeroHome, HomeHeroComponent, JobApplicationForm, JobDetailHero, JobDetailSection, JobGallery, LocationDetailHero, LocationDetailsSection, LocationGrid, type PackageForMenu, PolicyDocumentSection, ServiceDetailContent, ServiceDetailHero, ServiceMenuSection, type ServiceMenuSectionProps, ServicesGrid, ServicesHome, SocialMediaGrid, SocialMediaHero, StatisticsSection, TeamGrid, TestimonialsGrid, TestimonialsHero, TestimonialsHome, ValuesSection, getBlogPostData };

package/dist/design_system/sections/index.js

@@ -6171,16 +6171,19 @@ function DynamicFormFields({ form, jobSlug, privacyPolicyUrl, termsOfServiceUrl
   }), jobSlug ? /* @__PURE__ */ React18.createElement("input", { type: "hidden", name: "jobSlug", value: jobSlug }) : null, showPrivacyCheckbox && /* @__PURE__ */ React18.createElement(PrivacyCheckbox2, null));
 }
 
-// src/tracking/trackMetaLead.ts
-function trackMetaLead(eventId) {
-  if (typeof window === "undefined" || !eventId) return;
+// src/tracking/firePixelEvent.ts
+function firePixelEvent(event, params) {
+  if (typeof window === "undefined") return;
   const fbq = window.fbq;
   if (!fbq) {
-    console.debug("[MetaPixel] Lead skipped \u2014 fbq not loaded", { eventId });
+    console.debug("[MetaPixel] skipped \u2014 fbq not loaded", { event });
     return;
   }
-  console.debug("[MetaPixel] Lead", { eventId });
-  fbq("track", "Lead", {}, { eventID: eventId });
+  const normalized = {};
+  if (params == null ? void 0 : params.contentName) normalized.content_name = params.contentName;
+  if (params == null ? void 0 : params.contentCategory) normalized.content_category = params.contentCategory;
+  console.debug("[MetaPixel]", event, normalized);
+  fbq("track", event, Object.keys(normalized).length > 0 ? normalized : void 0);
 }
 
 // src/next/contexts/form-definitions.tsx
@@ -6237,7 +6240,7 @@ var ContactSectionForm = ({
         setStatusMessage(result.message || successMessage);
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
-        trackMetaLead(result.eventId);
+        firePixelEvent("Lead");
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
         setSubmitStatus("error");
@@ -6454,17 +6457,14 @@ var CONTACT_PATH = "/contact";
 function isExternalCtaUrl(href) {
   return href.startsWith("http://") || href.startsWith("https://");
 }
-function resolveCtaUrls(companyInformation, _ctaButton, overrides) {
-  var _a;
-  const externalUrl = ((_a = companyInformation == null ? void 0 : companyInformation.external_management_url) == null ? void 0 : _a.trim()) || null;
-  const hasSecondary = !!externalUrl;
-  const primaryHref = (overrides == null ? void 0 : overrides.primaryHrefOverride) !== void 0 && overrides.primaryHrefOverride !== null ? overrides.primaryHrefOverride : externalUrl || CONTACT_PATH;
-  const secondaryHref = (overrides == null ? void 0 : overrides.secondaryHrefOverride) !== void 0 && overrides.secondaryHrefOverride !== null ? overrides.secondaryHrefOverride : CONTACT_PATH;
-  return {
-    primaryHref,
-    secondaryHref,
-    hasSecondary
-  };
+function resolveCtaUrls(companyInformation) {
+  var _a, _b, _c;
+  const portalUrl = ((_a = companyInformation == null ? void 0 : companyInformation.portal_url) == null ? void 0 : _a.trim()) || null;
+  const externalUrl = ((_b = companyInformation == null ? void 0 : companyInformation.external_management_url) == null ? void 0 : _b.trim()) || null;
+  const primaryHref = (_c = portalUrl != null ? portalUrl : externalUrl) != null ? _c : CONTACT_PATH;
+  const secondaryHref = CONTACT_PATH;
+  const hasSecondary = primaryHref !== CONTACT_PATH;
+  return { primaryHref, secondaryHref, hasSecondary };
 }
 
 // src/design_system/sections/header-navigation.tsx
@@ -6513,10 +6513,7 @@ function HeaderNavigation({
   const logoImage = logoImageOverride || getLogoUrl(websitePhotos) || ((_b = props == null ? void 0 : props.logo) == null ? void 0 : _b.image);
   const logoText = logoTextOverride || (companyInformation == null ? void 0 : companyInformation.company_name) || ((_c = props == null ? void 0 : props.logo) == null ? void 0 : _c.text) || "";
   const cta_button = props == null ? void 0 : props.cta_button;
-  const ctaUrls = resolveCtaUrls(companyInformation, cta_button, {
-    primaryHrefOverride: props == null ? void 0 : props.primaryHrefOverride,
-    secondaryHrefOverride: props == null ? void 0 : props.secondaryHrefOverride
-  });
+  const ctaUrls = resolveCtaUrls(companyInformation);
   const logo = {
     text: logoText || "",
     href: ((_d = props == null ? void 0 : props.logo) == null ? void 0 : _d.href) || "/",
@@ -8538,10 +8535,7 @@ function HeaderNavigation2({
   const logoUrl = logoImageOverride || getLogoUrl(websitePhotos) || ((_a = props == null ? void 0 : props.logo) == null ? void 0 : _a.image);
   const companyName = logoTextOverride || (companyInformation == null ? void 0 : companyInformation.company_name) || ((_b = props == null ? void 0 : props.logo) == null ? void 0 : _b.text) || "";
   const navigation = navigationOverride || ((_c = config == null ? void 0 : config.navigation) == null ? void 0 : _c.header) || [];
-  const ctaUrls = resolveCtaUrls(companyInformation, props == null ? void 0 : props.cta_button, {
-    primaryHrefOverride: props == null ? void 0 : props.primaryHrefOverride,
-    secondaryHrefOverride: props == null ? void 0 : props.secondaryHrefOverride
-  });
+  const ctaUrls = resolveCtaUrls(companyInformation);
   const cancelCloseTimeout = useCallback5(() => {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
@@ -9007,7 +9001,7 @@ var ContactSectionForm2 = ({
         setStatusMessage(result.message || successMessage);
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
-        trackMetaLead(result.eventId);
+        firePixelEvent("Lead");
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
         setSubmitStatus("error");
@@ -17622,10 +17616,7 @@ function HeaderNavigation3({
   const logoUrl = logoImageOverride || getLogoUrl(websitePhotos) || ((_a = props == null ? void 0 : props.logo) == null ? void 0 : _a.image);
   const companyName = logoTextOverride || (companyInformation == null ? void 0 : companyInformation.company_name) || ((_b = props == null ? void 0 : props.logo) == null ? void 0 : _b.text) || "";
   const navigation = navigationOverride || ((_c = config == null ? void 0 : config.navigation) == null ? void 0 : _c.header) || [];
-  const ctaUrls = resolveCtaUrls(companyInformation, props == null ? void 0 : props.cta_button, {
-    primaryHrefOverride: props == null ? void 0 : props.primaryHrefOverride,
-    secondaryHrefOverride: props == null ? void 0 : props.secondaryHrefOverride
-  });
+  const ctaUrls = resolveCtaUrls(companyInformation);
   const cancelCloseTimeout = useCallback8(() => {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
@@ -18211,7 +18202,7 @@ var ContactSectionForm3 = ({
         setStatusMessage(result.message || successMessage);
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
-        trackMetaLead(result.eventId);
+        firePixelEvent("Lead");
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
         setSubmitStatus("error");
@@ -18414,10 +18405,7 @@ function HeaderNavigation4({
   const logoUrl = logoImageOverride || getLogoUrl(websitePhotos) || ((_a = props == null ? void 0 : props.logo) == null ? void 0 : _a.image);
   const companyName = logoTextOverride || (companyInformation == null ? void 0 : companyInformation.company_name) || ((_b = props == null ? void 0 : props.logo) == null ? void 0 : _b.text) || "";
   const navigation = navigationOverride || ((_c = config == null ? void 0 : config.navigation) == null ? void 0 : _c.header) || [];
-  const ctaUrls = resolveCtaUrls(companyInformation, props == null ? void 0 : props.cta_button, {
-    primaryHrefOverride: props == null ? void 0 : props.primaryHrefOverride,
-    secondaryHrefOverride: props == null ? void 0 : props.secondaryHrefOverride
-  });
+  const ctaUrls = resolveCtaUrls(companyInformation);
   const cancelCloseTimeout = useCallback9(() => {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
@@ -18707,7 +18695,7 @@ var ContactSectionForm4 = ({
         setStatusMessage(result.message || successMessage);
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
-        trackMetaLead(result.eventId);
+        firePixelEvent("Lead");
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
         setSubmitStatus("error");