@fynd-design-engineering/fynd-one-v2 3.4.61 → 3.4.63

package/dist/tracking/form-tracker.js

@@ -1 +1,146 @@
-"use strict";(()=>{var o=class{constructor(){this.processedForms=new Set;this.formFieldMap=new Map([["firstName","firstName"],["first_name","firstName"],["fname","firstName"],["lastName","lastName"],["last_name","lastName"],["lname","lastName"],["email","email"],["email_address","email"],["phone","phone"],["phone_number","phone"],["mobile","phone"],["tel","phone"]]);this.init()}init(){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>this.setupFormTracking()):this.setupFormTracking()}setupFormTracking(){document.querySelectorAll("[data-posthog-trigger]").forEach(t=>{t.addEventListener("change",r=>{this.handleFormInteraction(r)}),t.addEventListener("input",r=>{this.handleFormInput(r)})})}handleFormInteraction(e){let r=e.target.closest("form");if(console.log("Form interaction detected:",r),!r||this.processedForms.has(r))return null;this.processedForms.add(r);let a=r.getAttribute("data-name"),n=r.getAttribute("id")||this.generateFormId(r);return a?(window.interactedForm=a,this.updateUserJourneyFormDetails(n,a),typeof window.getTrackingPropertiesWithForm=="function"&&typeof window.trackEvent=="function"&&window.trackEvent("fynd_form_started",window.getTrackingPropertiesWithForm(a)),a):null}handleFormInput(e){let t=e.target,r=this.getFieldName(t),a=this.mapFieldName(r);a&&this.updateUserJourneyFormData(a,t.value)}getFieldName(e){return e.getAttribute("name")||e.getAttribute("data-field")||e.getAttribute("data-name")||e.getAttribute("id")||""}mapFieldName(e){let t=e.toLowerCase();if(this.formFieldMap.has(t))return this.formFieldMap.get(t);for(let[r,a]of this.formFieldMap.entries())if(t.includes(r))return a;return null}generateFormId(e){let t=e.getAttribute("data-name")||"unknown",r=Date.now();return`form-${t}-${r}`}updateUserJourneyFormDetails(e,t){typeof window.setFormDetails=="function"&&window.setFormDetails(e,t)}updateUserJourneyFormData(e,t){typeof window.setFormData=="function"&&window.setFormData(e,t)}addFieldMapping(e,t){this.formFieldMap.set(e.toLowerCase(),t)}reinitialize(){this.processedForms.clear(),this.setupFormTracking(),typeof window.reinitializeFormTracking=="function"&&window.reinitializeFormTracking()}getFormData(){if(typeof window.getUserJourney=="function"){let e=window.getUserJourney();return e?e.formDetails:null}return null}setFormData(e,t){return this.updateUserJourneyFormData(e,t)!==void 0}isFormInteracted(e){return this.processedForms.has(e)}},i=new o;window.formTracker=i;var m=i;})();
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/tracking/form-tracker.ts
+  var FormTracker = class {
+    constructor() {
+      this.processedForms = /* @__PURE__ */ new Set();
+      this.formFieldMap = /* @__PURE__ */ new Map([
+        ["firstName", "firstName"],
+        ["first_name", "firstName"],
+        ["fname", "firstName"],
+        ["lastName", "lastName"],
+        ["last_name", "lastName"],
+        ["lname", "lastName"],
+        ["email", "email"],
+        ["email_address", "email"],
+        ["phone", "phone"],
+        ["phone_number", "phone"],
+        ["mobile", "phone"],
+        ["tel", "phone"]
+      ]);
+      this.init();
+    }
+    init() {
+      if (document.readyState === "loading") {
+        document.addEventListener("DOMContentLoaded", () => this.setupFormTracking());
+      } else {
+        this.setupFormTracking();
+      }
+    }
+    setupFormTracking() {
+      const formFields = document.querySelectorAll("[data-posthog-trigger]");
+      formFields.forEach((field) => {
+        field.addEventListener("change", (event) => {
+          this.handleFormInteraction(event);
+        });
+        field.addEventListener("input", (event) => {
+          this.handleFormInput(event);
+        });
+      });
+    }
+    handleFormInteraction(event) {
+      const field = event.target;
+      const parentForm = field.closest("form");
+      console.log("Form interaction detected:", parentForm);
+      if (!parentForm) return null;
+      if (this.processedForms.has(parentForm)) {
+        return null;
+      }
+      this.processedForms.add(parentForm);
+      const formName = parentForm.getAttribute("data-name");
+      const formId = parentForm.getAttribute("id") || this.generateFormId(parentForm);
+      if (formName) {
+        window.interactedForm = formName;
+        this.updateUserJourneyFormDetails(formId, formName);
+        if (typeof window.getTrackingPropertiesWithForm === "function") {
+          if (typeof window.trackEvent === "function") {
+            window.trackEvent(
+              "fynd_form_started",
+              window.getTrackingPropertiesWithForm(formName)
+            );
+          }
+        }
+        return formName;
+      }
+      return null;
+    }
+    handleFormInput(event) {
+      const field = event.target;
+      const fieldName = this.getFieldName(field);
+      const mappedFieldName = this.mapFieldName(fieldName);
+      if (!mappedFieldName) return;
+      this.updateUserJourneyFormData(mappedFieldName, field.value);
+    }
+    getFieldName(field) {
+      return field.getAttribute("name") || field.getAttribute("data-field") || field.getAttribute("data-name") || field.getAttribute("id") || "";
+    }
+    mapFieldName(fieldName) {
+      const lowerFieldName = fieldName.toLowerCase();
+      if (this.formFieldMap.has(lowerFieldName)) {
+        return this.formFieldMap.get(lowerFieldName);
+      }
+      for (const [key, mappedField] of this.formFieldMap.entries()) {
+        if (lowerFieldName.includes(key)) {
+          return mappedField;
+        }
+      }
+      return null;
+    }
+    generateFormId(form) {
+      const formName = form.getAttribute("data-name") || "unknown";
+      const timestamp = Date.now();
+      return `form-${formName}-${timestamp}`;
+    }
+    updateUserJourneyFormDetails(formId, formName) {
+      if (typeof window.setFormDetails === "function") {
+        window.setFormDetails(formId, formName);
+      }
+    }
+    updateUserJourneyFormData(fieldName, value) {
+      if (typeof window.setFormData === "function") {
+        window.setFormData(fieldName, value);
+      }
+    }
+    // Public method to add custom field mapping
+    addFieldMapping(fieldName, mappedField) {
+      this.formFieldMap.set(fieldName.toLowerCase(), mappedField);
+    }
+    // Public method to reinitialize tracking (useful for dynamic content)
+    reinitialize() {
+      this.processedForms.clear();
+      this.setupFormTracking();
+      if (typeof window.reinitializeFormTracking === "function") {
+        window.reinitializeFormTracking();
+      }
+    }
+    // Public method to get current form data
+    getFormData() {
+      if (typeof window.getUserJourney === "function") {
+        const journey = window.getUserJourney();
+        return journey ? journey.formDetails : null;
+      }
+      return null;
+    }
+    // Public method to manually set form data
+    setFormData(fieldName, value) {
+      return this.updateUserJourneyFormData(fieldName, value) !== void 0;
+    }
+    // Public method to check if a form has been interacted with
+    isFormInteracted(form) {
+      return this.processedForms.has(form);
+    }
+  };
+  var formTracker = new FormTracker();
+  window.formTracker = formTracker;
+  var form_tracker_default = formTracker;
+})();
+//# sourceMappingURL=form-tracker.js.map

package/dist/tracking/page-categories.js

@@ -1 +1,20 @@
-"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{let t=document.querySelectorAll('[data-page-category="true"]');window.pageCategories=Array.from(t).map(e=>e.textContent?.trim()||"").filter(e=>e.length>0)},100)});})();
+"use strict";
+(() => {
+  // bin/live-reload.js
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    new EventSource(`${"http://localhost:3000"}/esbuild`).addEventListener(
+      "change",
+      () => location.reload()
+    );
+  } else {
+  }
+
+  // src/tracking/page-categories.ts
+  document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+      const categoryDivs = document.querySelectorAll('[data-page-category="true"]');
+      window.pageCategories = Array.from(categoryDivs).map((div) => div.textContent?.trim() || "").filter((text) => text.length > 0);
+    }, 100);
+  });
+})();
+//# sourceMappingURL=page-categories.js.map