keystone-design-bootstrap 1.0.57 → 1.0.59

package/dist/index.d.ts

@@ -0,0 +1,69 @@
+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, 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, PackageForMenu, PolicyDocumentSection, ServiceDetailContent, ServiceDetailHero, ServiceMenuSection, ServiceMenuSectionProps, ServicesGrid, ServicesHome, SocialMediaGrid, SocialMediaHero, StatisticsSection, TeamGrid, TestimonialsGrid, TestimonialsHero, TestimonialsHome, ValuesSection, getBlogPostData } from './design_system/sections/index.js';
+export { Avatar, AvatarLabelGroup, Badge, BadgeGroup, BadgeWithDot, Breadcrumb, Button, ButtonGroup, Carousel, CarouselContext, CarouselSectionWrapper, ComboBox, FeaturedIcon, Form, FormContainer, GoogleMap, HintText, Input, InputBase, InputGroup, Label, MarkdownRenderer, Modal, ModalProps, NativeSelect, Pagination, PaginationPageDefault, PaginationPageMinimalCenter, PhotoWithFallback, PrivacyCheckbox, RatingBadge, RatingStars, RoundButton, Select, SelectItem, SocialIcon, StarIcon, Textarea, Tooltip, VerifiedTick, VideoModal, VideoPlayButton, Wreath, getSocialIcon, getStarProgress, useCarousel } from './design_system/elements/index.js';
+import { C as CompanyInformation } from './package-CB1tENyG.js';
+export { ThemeProvider, useTheme } from './contexts/index.js';
+import React__default from 'react';
+export { Theme } from './themes/index.js';
+import './blog-post-vWzW8yFb.js';
+import './photos-CmBdWiuZ.js';
+import './website-photos-Cl1YqAno.js';
+import 'react-aria-components';
+import 'embla-carousel-react';
+
+interface ContactFormResult {
+    success: boolean;
+    message?: string;
+    error?: string;
+    /** Present on lead form success; use for Meta Pixel dedup: fbq('track', 'Lead', {}, { eventID: eventId }) */
+    eventId?: string;
+}
+declare function submitContactFormAction(formData: FormData): Promise<ContactFormResult>;
+declare function submitLeadFormAction(formData: FormData): Promise<ContactFormResult>;
+
+/**
+ * Resolves the primary and secondary CTA hrefs used across the site.
+ *
+ * Resolution order for primaryHref:
+ *   1. portal_url            — set by backend when account has consumer portal enabled
+ *   2. external_management_url — booking platform URL from the API
+ *   3. /contact               — final fallback
+ *
+ * No per-site configuration needed. Enable the portal in the admin console and
+ * every CTA across the site automatically routes to the portal.
+ */
+
+/** True when the href is absolute (external); use for target="_blank" and rel="noopener noreferrer". */
+declare function isExternalCtaUrl(href: string): boolean;
+interface ResolvedCtaUrls {
+    primaryHref: string;
+    secondaryHref: string;
+    hasSecondary: boolean;
+}
+declare function resolveCtaUrls(companyInformation?: CompanyInformation | null): ResolvedCtaUrls;
+
+interface TeamMember {
+    id: number;
+    name: string;
+    position?: string;
+    photo_url?: string;
+}
+interface ChatWidgetProps {
+    position?: 'bottom-right' | 'bottom-left';
+    primaryColor?: string;
+    /**
+     * Anonymous session identifier. Used when the visitor is not authenticated.
+     * Mutually exclusive with `contactId` — if both are provided, `contactId` wins.
+     */
+    sessionId?: string;
+    /**
+     * Authenticated contact ID. When provided, messages are loaded and sent using
+     * the contact-driven flow instead of the anonymous session flow.
+     * The `/api/chat` route must support `contact_id` (see `createChatRouteHandlers`).
+     */
+    contactId?: number;
+    displayName?: string;
+    teamMembers?: TeamMember[];
+}
+declare function ChatWidget({ position, primaryColor, sessionId: providedSessionId, contactId, displayName: providedDisplayName, teamMembers }: ChatWidgetProps): React__default.JSX.Element;
+
+export { ChatWidget, type ResolvedCtaUrls, isExternalCtaUrl, resolveCtaUrls, submitContactFormAction, submitLeadFormAction };

package/dist/index.js

@@ -6197,16 +6197,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
@@ -6263,7 +6266,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");
@@ -6480,17 +6483,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
@@ -6539,10 +6539,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) || "/",
@@ -8564,10 +8561,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);
@@ -9033,7 +9027,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");
@@ -17648,10 +17642,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);
@@ -18237,7 +18228,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");
@@ -18440,10 +18431,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);
@@ -18733,7 +18721,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");