keystone-design-bootstrap 1.0.66 → 1.0.68

package/dist/design_system/sections/index.js

@@ -6261,7 +6261,7 @@ async function setPixelUserData(userData) {
     getRegisteredPixelIds().forEach((id3) => fbq("init", id3, hashed));
   }
 }
-function firePixelEvent(event, params) {
+function firePixelEvent(event, params, eventId) {
   const fbq = getFbq();
   if (!fbq) {
     console.debug("[MetaPixel] skipped \u2014 fbq not loaded", { event });
@@ -6271,8 +6271,10 @@ function firePixelEvent(event, params) {
   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);
+  const customData = Object.keys(normalized).length > 0 ? normalized : void 0;
+  const eventData = eventId ? { eventID: eventId } : void 0;
+  console.debug("[MetaPixel]", event, normalized, eventId ? { eventID: eventId } : "");
+  fbq("track", event, customData, eventData);
 }
 
 // src/next/contexts/form-definitions.tsx
@@ -6330,7 +6332,7 @@ var ContactSectionForm = ({
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
         await setPixelUserData({ email: data.email, phone: data.phone });
-        firePixelEvent("Lead");
+        firePixelEvent("Lead", void 0, result.eventId);
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
         setSubmitStatus("error");
@@ -6496,6 +6498,7 @@ var FooterHome = ({
 // src/design_system/sections/header-navigation.tsx
 import React22, { useRef as useRef7, useState as useState10 } from "react";
 import Link4 from "next/link";
+import { usePathname } from "next/navigation";
 import Image8 from "next/image";
 import { ChevronDown as ChevronDown4 } from "@untitledui/icons";
 import { Button as AriaButton8, Dialog as AriaDialog, DialogTrigger as AriaDialogTrigger, Popover as AriaPopover3 } from "react-aria-components";
@@ -6547,6 +6550,19 @@ var CONTACT_PATH = "/contact";
 function isExternalCtaUrl(href) {
   return href.startsWith("http://") || href.startsWith("https://");
 }
+function resolvePortalPath(companyInformation) {
+  var _a;
+  const url = (_a = companyInformation == null ? void 0 : companyInformation.portal_url) == null ? void 0 : _a.trim();
+  if (!url) return null;
+  let pathname = null;
+  try {
+    pathname = new URL(url).pathname;
+  } catch (e) {
+    pathname = url.startsWith("/") ? url : null;
+  }
+  if (!pathname || pathname === "/") return null;
+  return pathname.endsWith("/") ? pathname.slice(0, -1) : pathname;
+}
 function resolveCtaUrls(companyInformation) {
   var _a, _b, _c;
   const portalUrl = ((_a = companyInformation == null ? void 0 : companyInformation.portal_url) == null ? void 0 : _a.trim()) || null;
@@ -6610,6 +6626,9 @@ function HeaderNavigation({
     image: logoImage
   };
   const dynamicNavigation = navigation;
+  const pathname = usePathname();
+  const portalPath = resolvePortalPath(companyInformation);
+  const isPortalPage = portalPath ? pathname == null ? void 0 : pathname.startsWith(portalPath) : false;
   const getVariantClasses = () => {
     switch (variant) {
       case "minimal":
@@ -6817,7 +6836,7 @@ function HeaderNavigation({
         (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary ? cta_button.secondary_label : (cta_button == null ? void 0 : cta_button.label) || "Get Started"
       ))))
     ))))
-  ), /* @__PURE__ */ React22.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React22.createElement("div", { className: "flex gap-0" }, (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React22.createElement(
+  ), !isPortalPage && /* @__PURE__ */ React22.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React22.createElement("div", { className: "flex gap-0" }, (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React22.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -8591,6 +8610,7 @@ registerThemeVariant("hero-home", "aman", HeroHome2);
 import React36, { useState as useState16, useRef as useRef9, useCallback as useCallback5 } from "react";
 import Link6 from "next/link";
 import Image11 from "next/image";
+import { usePathname as usePathname2 } from "next/navigation";
 var MAX_DROPDOWN_ITEMS = 3;
 function HeaderNavigation2({
   props,
@@ -8626,6 +8646,9 @@ function HeaderNavigation2({
   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);
+  const pathname = usePathname2();
+  const portalPath = resolvePortalPath(companyInformation);
+  const isPortalPage = portalPath ? pathname == null ? void 0 : pathname.startsWith(portalPath) : false;
   const cancelCloseTimeout = useCallback5(() => {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
@@ -8843,7 +8866,7 @@ function HeaderNavigation2({
       onClick: () => setIsMobileMenuOpen(false)
     },
     ((_q = props == null ? void 0 : props.cta_button) == null ? void 0 : _q.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_r = props == null ? void 0 : props.cta_button) == null ? void 0 : _r.label) || "Contact"
-  ))))), /* @__PURE__ */ React36.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React36.createElement("div", { className: "flex gap-0" }, ((_s = props == null ? void 0 : props.cta_button) == null ? void 0 : _s.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React36.createElement(
+  ))))), !isPortalPage && /* @__PURE__ */ React36.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React36.createElement("div", { className: "flex gap-0" }, ((_s = props == null ? void 0 : props.cta_button) == null ? void 0 : _s.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React36.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -9092,7 +9115,7 @@ var ContactSectionForm2 = ({
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
         await setPixelUserData({ email: data.email, phone: data.phone });
-        firePixelEvent("Lead");
+        firePixelEvent("Lead", void 0, result.eventId);
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
         setSubmitStatus("error");
@@ -17683,6 +17706,7 @@ registerThemeVariant("hero-home", "barelux", HeroHome3);
 import React45, { useState as useState23, useRef as useRef14, useCallback as useCallback8 } from "react";
 import Link8 from "next/link";
 import Image12 from "next/image";
+import { usePathname as usePathname3 } from "next/navigation";
 var MAX_DROPDOWN_ITEMS2 = 6;
 function HeaderNavigation3({
   props,
@@ -17708,6 +17732,9 @@ function HeaderNavigation3({
   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);
+  const pathname = usePathname3();
+  const portalPath = resolvePortalPath(companyInformation);
+  const isPortalPage = portalPath ? pathname == null ? void 0 : pathname.startsWith(portalPath) : false;
   const cancelCloseTimeout = useCallback8(() => {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
@@ -17899,7 +17926,7 @@ function HeaderNavigation3({
       onClick: () => setIsMobileMenuOpen(false)
     },
     ((_m = props == null ? void 0 : props.cta_button) == null ? void 0 : _m.label) || ""
-  ))))), /* @__PURE__ */ React45.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React45.createElement("div", { className: "flex gap-0" }, ((_n = props == null ? void 0 : props.cta_button) == null ? void 0 : _n.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React45.createElement(
+  ))))), !isPortalPage && /* @__PURE__ */ React45.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React45.createElement("div", { className: "flex gap-0" }, ((_n = props == null ? void 0 : props.cta_button) == null ? void 0 : _n.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React45.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -18294,7 +18321,7 @@ var ContactSectionForm3 = ({
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
         await setPixelUserData({ email: data.email, phone: data.phone });
-        firePixelEvent("Lead");
+        firePixelEvent("Lead", void 0, result.eventId);
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
         setSubmitStatus("error");
@@ -18474,6 +18501,7 @@ registerThemeVariant("hero-home", "balance", HeroHome4);
 import React53, { useState as useState27, useRef as useRef16, useCallback as useCallback9 } from "react";
 import Link10 from "next/link";
 import Image13 from "next/image";
+import { usePathname as usePathname4 } from "next/navigation";
 function HeaderNavigation4({
   props,
   navigation: navigationOverride,
@@ -18498,6 +18526,9 @@ function HeaderNavigation4({
   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);
+  const pathname = usePathname4();
+  const portalPath = resolvePortalPath(companyInformation);
+  const isPortalPage = portalPath ? pathname == null ? void 0 : pathname.startsWith(portalPath) : false;
   const cancelCloseTimeout = useCallback9(() => {
     if (closeTimeoutRef.current) {
       clearTimeout(closeTimeoutRef.current);
@@ -18659,7 +18690,7 @@ function HeaderNavigation4({
       onClick: () => setIsMobileMenuOpen(false)
     },
     ((_m = props == null ? void 0 : props.cta_button) == null ? void 0 : _m.label) || ""
-  ))))), /* @__PURE__ */ React53.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden", style: { backgroundColor: "rgb(148, 133, 84)" } }, /* @__PURE__ */ React53.createElement("div", { className: "flex gap-0" }, ((_n = props == null ? void 0 : props.cta_button) == null ? void 0 : _n.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React53.createElement(
+  ))))), !isPortalPage && /* @__PURE__ */ React53.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden", style: { backgroundColor: "rgb(148, 133, 84)" } }, /* @__PURE__ */ React53.createElement("div", { className: "flex gap-0" }, ((_n = props == null ? void 0 : props.cta_button) == null ? void 0 : _n.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React53.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -18788,7 +18819,7 @@ var ContactSectionForm4 = ({
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
         await setPixelUserData({ email: data.email, phone: data.phone });
-        firePixelEvent("Lead");
+        firePixelEvent("Lead", void 0, result.eventId);
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
         setSubmitStatus("error");