keystone-design-bootstrap 1.0.60 → 1.0.61

package/dist/design_system/sections/index.js

@@ -6172,13 +6172,55 @@ function DynamicFormFields({ form, jobSlug, privacyPolicyUrl, termsOfServiceUrl
 }
 
 // src/tracking/firePixelEvent.ts
+var STORAGE_KEY = "ks_pud";
+async function sha256Hex(str) {
+  const buffer = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(str));
+  return Array.from(new Uint8Array(buffer)).map((b) => b.toString(16).padStart(2, "0")).join("");
+}
+function getFbq() {
+  if (typeof window === "undefined") return void 0;
+  return window.fbq;
+}
+function getRegisteredPixelIds() {
+  var _a;
+  return (_a = window.__ks_pixel_ids) != null ? _a : [];
+}
+function applyStoredUserData(fbq) {
+  try {
+    const raw = sessionStorage.getItem(STORAGE_KEY);
+    if (!raw) return;
+    const hashed = JSON.parse(raw);
+    if (Object.keys(hashed).length === 0) return;
+    getRegisteredPixelIds().forEach((id3) => fbq("init", id3, hashed));
+  } catch (e) {
+  }
+}
+async function setPixelUserData(userData) {
+  const hashed = {};
+  if (userData.email) {
+    hashed.em = await sha256Hex(userData.email.trim().toLowerCase());
+  }
+  if (userData.phone) {
+    const digits = userData.phone.replace(/\D/g, "");
+    if (digits) hashed.ph = await sha256Hex(digits);
+  }
+  if (Object.keys(hashed).length === 0) return;
+  try {
+    sessionStorage.setItem(STORAGE_KEY, JSON.stringify(hashed));
+  } catch (e) {
+  }
+  const fbq = getFbq();
+  if (fbq) {
+    getRegisteredPixelIds().forEach((id3) => fbq("init", id3, hashed));
+  }
+}
 function firePixelEvent(event, params) {
-  if (typeof window === "undefined") return;
-  const fbq = window.fbq;
+  const fbq = getFbq();
   if (!fbq) {
     console.debug("[MetaPixel] skipped \u2014 fbq not loaded", { event });
     return;
   }
+  applyStoredUserData(fbq);
   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;
@@ -6240,6 +6282,7 @@ var ContactSectionForm = ({
         setStatusMessage(result.message || successMessage);
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
+        await setPixelUserData({ email: data.email, phone: data.phone });
         firePixelEvent("Lead");
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
@@ -9001,6 +9044,7 @@ var ContactSectionForm2 = ({
         setStatusMessage(result.message || successMessage);
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
+        await setPixelUserData({ email: data.email, phone: data.phone });
         firePixelEvent("Lead");
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
@@ -18202,6 +18246,7 @@ var ContactSectionForm3 = ({
         setStatusMessage(result.message || successMessage);
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
+        await setPixelUserData({ email: data.email, phone: data.phone });
         firePixelEvent("Lead");
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {
@@ -18695,6 +18740,7 @@ var ContactSectionForm4 = ({
         setStatusMessage(result.message || successMessage);
         (_a = formRef.current) == null ? void 0 : _a.reset();
         onSuccess == null ? void 0 : onSuccess();
+        await setPixelUserData({ email: data.email, phone: data.phone });
         firePixelEvent("Lead");
         setTimeout(() => setSubmitStatus("idle"), 5e3);
       } else {