@fynd-design-engineering/fynd-one-v2 2.1.2 → 2.2.0

package/dist/posthog/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../bin/live-reload.js", "../../src/posthog/index.ts"],
+  "sourcesContent": ["// Only enable live reload when running on localhost\nif (\n  window.location.hostname === \"localhost\" ||\n  window.location.hostname === \"127.0.0.1\"\n) {\n  new EventSource(`${SERVE_ORIGIN}/esbuild`).addEventListener(\"change\", () =>\n    location.reload()\n  );\n} else {\n  console.log(\"Live reload disabled: not running on localhost\");\n}\n", "// Type definitions\ninterface TrackingProperties {\n    source_page: string;\n    fynd_product: string;\n    interface: string;\n    device_type: string;\n    utm_source: string;\n    utm_medium: string;\n    utm_campaign: string;\n    referrer: string;\n}\n\ninterface TrackingPropertiesWithForm extends TrackingProperties {\n    form_name: string;\n}\n\n// PostHog interface\ninterface PostHog {\n    capture: (eventName: string, properties: TrackingProperties | TrackingPropertiesWithForm) => void;\n}\n\n// Extend Window interface to include custom properties\ndeclare global {\n    interface Window {\n        getTrackingProperties: () => TrackingProperties;\n        getTrackingPropertiesWithForm: (formName: string) => TrackingPropertiesWithForm;\n        interactedForm: string;\n        posthog: PostHog;\n    }\n}\n\n// This export statement is needed to make this file a module\n// and allow the global declarations to work properly\nexport { };\n\n// Default tracking properties function\nconst getTrackingProperties = (): TrackingProperties => {\n    const pathname: string = window.location.pathname;\n\n    return {\n        source_page: pathname === \"/\" ? pathname + \" Home\" : pathname,\n        fynd_product: \"fynd.com website\",\n        interface: \"Webflow\",\n        device_type: /Mobile|Android|iPhone|iPad/.test(navigator.userAgent)\n            ? \"Mobile\"\n            : \"Web\",\n        utm_source:\n            new URLSearchParams(window.location.search).get(\"utm_source\") || \"\",\n        utm_medium:\n            new URLSearchParams(window.location.search).get(\"utm_medium\") || \"\",\n        utm_campaign:\n            new URLSearchParams(window.location.search).get(\"utm_campaign\") || \"\",\n        referrer: document.referrer,\n    };\n};\n\n// Function to get tracking properties with form name\nconst getTrackingPropertiesWithForm = (formName: string): TrackingPropertiesWithForm => {\n    return {\n        ...getTrackingProperties(),\n        form_name: formName,\n    };\n};\n\n// Assign functions to window object\nwindow.getTrackingProperties = getTrackingProperties;\nwindow.getTrackingPropertiesWithForm = getTrackingPropertiesWithForm;\nwindow.interactedForm = \"\";\n\n// Getting parent form name by passing field element\nfunction getParentFormName(fieldElement: Element): string | null {\n    const parentForm = fieldElement.closest(\"form\") as HTMLFormElement | null;\n    if (parentForm) {\n        const formName = parentForm.getAttribute(\"data-name\");\n        return formName || null;\n    }\n    return null;\n}\n\n// Initialize PostHog pageview\ndocument.addEventListener(\"DOMContentLoaded\", function (): void {\n    if (window.posthog) {\n        window.posthog.capture(\"$pageview\", window.getTrackingProperties());\n    }\n});\n\n// Track page load event\nwindow.addEventListener(\"load\", function (): void {\n    if (window.posthog) {\n        window.posthog.capture(\"fynd_page_loaded\", window.getTrackingProperties());\n    }\n});\n\n// button click tracking for sign up, sign in, and scroll to form and book a demo buttons\ndocument.addEventListener(\"DOMContentLoaded\", function (): void {\n    const signUpButtons = document.querySelectorAll('[data-ph=\"sign-up\"]') as NodeListOf<Element>;\n    const signInButtons = document.querySelectorAll('[data-ph=\"sign-in\"]') as NodeListOf<Element>;\n    const scrollToFormButtons = document.querySelectorAll(\n        '[href=\"#footer-form\"]'\n    ) as NodeListOf<Element>;\n    const bookADemoButtons = document.querySelectorAll('[data-ph=\"book-a-demo\"]') as NodeListOf<Element>;\n\n    signUpButtons.forEach((button: Element) => {\n        button.addEventListener(\"click\", function (): void {\n            if (window.posthog) {\n                window.posthog.capture(\"fynd_clicked_sign_up\", window.getTrackingProperties());\n            }\n        });\n    });\n\n    signInButtons.forEach((button: Element) => {\n        button.addEventListener(\"click\", function (): void {\n            if (window.posthog) {\n                window.posthog.capture(\"fynd_clicked_sign_in\", window.getTrackingProperties());\n            }\n        });\n    });\n\n    scrollToFormButtons.forEach((button: Element) => {\n        button.addEventListener(\"click\", function (): void {\n            if (window.posthog) {\n                window.posthog.capture(\"fynd_clicked_scroll_to_form\", window.getTrackingProperties());\n            }\n        });\n    });\n\n    bookADemoButtons.forEach((button: Element) => {\n        button.addEventListener(\"click\", function (): void {\n            if (window.posthog) {\n                window.posthog.capture(\"fynd_clicked_book_a_demo\", window.getTrackingProperties());\n            }\n        });\n    });\n});\n\n\n\n// Track form interactions\ndocument.addEventListener(\"DOMContentLoaded\", function (): void {\n    // Select all form fields with data-posthog-trigger attribute\n    const formFields = document.querySelectorAll(\"[data-posthog-trigger]\") as NodeListOf<Element>;\n    console.log(\n        \"%cposthog/custom-events.js:58 formFields\",\n        \"color: #007acc;\",\n        formFields\n    );\n\n    // Keep track of forms that have already been processed\n    const processedForms = new Set<HTMLFormElement>();\n\n    formFields.forEach((field: Element) => {\n        field.addEventListener(\"change\", function (this: Element): string | null {\n            // Find the parent form element\n            const parentForm = this.closest(\"form\") as HTMLFormElement | null;\n\n            if (parentForm) {\n                // Check if this form has already been processed\n                if (processedForms.has(parentForm)) {\n                    // console.log(\"Form already processed, skipping...\");\n                    return null;\n                }\n\n                // Mark this form as processed\n                processedForms.add(parentForm);\n\n                // Get the data-name attribute value from the parent form\n                const formName = parentForm.getAttribute(\"data-name\");\n                window.interactedForm = formName || \"\";\n\n                if (formName && window.posthog) {\n                    console.log(\"form started\");\n                    window.posthog.capture(\n                        \"fynd_form_started\",\n                        window.getTrackingPropertiesWithForm(formName)\n                    );\n                    return formName;\n                } else {\n                    console.warn(\"No data-name attribute found on parent form or PostHog not available\");\n                    return null;\n                }\n            } else {\n                console.warn(\"No parent form found\");\n                return null;\n            }\n        });\n    });\n});"],
+  "mappings": "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",
+  "names": []
+}

package/dist/test/sample.js

@@ -1 +1,16 @@
-"use strict";(()=>{console.log("script is running always");})();
+"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 {
+    console.log("Live reload disabled: not running on localhost");
+  }
+
+  // src/test/sample.ts
+  console.log("script is running always");
+})();
+//# sourceMappingURL=sample.js.map

package/dist/tracking/fill-form-fields.js

@@ -1 +1,97 @@
-"use strict";(()=>{function o(){try{let e=i();if(!e||e.userJourney.length===0)return;let t=e.userJourney[0],r=e.userJourney[e.userJourney.length-1];e.userJourney.length>1&&e.userJourney[e.userJourney.length-1].page==="/contact-us"&&(r=e.userJourney[e.userJourney.length-2]);let n={utm_source:t.utm.source,utm_medium:t.utm.medium,utm_campaign:t.utm.campaign,fp_custom_page_title:t.title,fp_custom_page_category:t.category.join(", "),fp_custom_page_type:t.type,fp_timestamp:t.time,fp_path:t.page,lp_custom_page_title:r.title,lp_custom_page_category:r.category.join(", "),lp_custom_page_type:r.type,lp_timestamp:r.time,lp_path:r.page,userjourney:JSON.stringify(e.userJourney),device:e.deviceCategory,browser:e.browser};Object.entries(n).forEach(([u,s])=>{a(u,s)})}catch(e){console.error("Error filling form with user journey data:",e)}}function i(){try{let e=sessionStorage.getItem("userJourney");return e?JSON.parse(e):null}catch(e){return console.error("Error getting user journey data:",e),null}}function a(e,t){try{let r=`[fynd-queryparam-name="${e}"]`,n=document.querySelector(r);if(n){n.value=t;let u=new Event("input",{bubbles:!0});n.dispatchEvent(u);let s=new Event("change",{bubbles:!0});n.dispatchEvent(s)}}catch(r){console.error(`Error filling field [${e}]:`,r)}}document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{o()},500)});document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{o()},500)}):setTimeout(()=>{o()},500);window.fillFormWithUserJourney=o;})();
+"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 {
+    console.log("Live reload disabled: not running on localhost");
+  }
+
+  // src/tracking/fill-form-fields.ts
+  function fillFormWithUserJourney() {
+    try {
+      const journey = getUserJourneyData();
+      if (!journey || journey.userJourney.length === 0) {
+        return;
+      }
+      const firstPage = journey.userJourney[0];
+      let lastPage = journey.userJourney[journey.userJourney.length - 1];
+      if (journey.userJourney.length > 1 && journey.userJourney[journey.userJourney.length - 1].page === "/contact-us") {
+        lastPage = journey.userJourney[journey.userJourney.length - 2];
+      }
+      const fieldMappings = {
+        // UTM parameters
+        "utm_source": firstPage.utm.source,
+        "utm_medium": firstPage.utm.medium,
+        "utm_campaign": firstPage.utm.campaign,
+        // First Page (Landing Page) data
+        "fp_custom_page_title": firstPage.title,
+        "fp_custom_page_category": firstPage.category.join(", "),
+        "fp_custom_page_type": firstPage.type,
+        "fp_timestamp": firstPage.time,
+        "fp_path": firstPage.page,
+        // Last Page data
+        "lp_custom_page_title": lastPage.title,
+        "lp_custom_page_category": lastPage.category.join(", "),
+        "lp_custom_page_type": lastPage.type,
+        "lp_timestamp": lastPage.time,
+        "lp_path": lastPage.page,
+        // Journey metadata
+        "userjourney": JSON.stringify(journey.userJourney),
+        "device": journey.deviceCategory,
+        "browser": journey.browser
+      };
+      Object.entries(fieldMappings).forEach(([attributeValue, data]) => {
+        fillFormField(attributeValue, data);
+      });
+    } catch (error) {
+      console.error("Error filling form with user journey data:", error);
+    }
+  }
+  function getUserJourneyData() {
+    try {
+      const storedData = sessionStorage.getItem("userJourney");
+      return storedData ? JSON.parse(storedData) : null;
+    } catch (error) {
+      console.error("Error getting user journey data:", error);
+      return null;
+    }
+  }
+  function fillFormField(attributeValue, data) {
+    try {
+      const selector = `[fynd-queryparam-name="${attributeValue}"]`;
+      const element = document.querySelector(selector);
+      if (element) {
+        element.value = data;
+        const inputEvent = new Event("input", { bubbles: true });
+        element.dispatchEvent(inputEvent);
+        const changeEvent = new Event("change", { bubbles: true });
+        element.dispatchEvent(changeEvent);
+      } else {
+      }
+    } catch (error) {
+      console.error(`Error filling field [${attributeValue}]:`, error);
+    }
+  }
+  document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+      fillFormWithUserJourney();
+    }, 500);
+  });
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", () => {
+      setTimeout(() => {
+        fillFormWithUserJourney();
+      }, 500);
+    });
+  } else {
+    setTimeout(() => {
+      fillFormWithUserJourney();
+    }, 500);
+  }
+  window.fillFormWithUserJourney = fillFormWithUserJourney;
+})();
+//# sourceMappingURL=fill-form-fields.js.map

package/dist/tracking/page-categories.js

@@ -1 +1,21 @@
-"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 {
+    console.log("Live reload disabled: not running on localhost");
+  }
+
+  // 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

package/dist/tracking/user-journey.js

@@ -1 +1,253 @@
-"use strict";(()=>{async function c(){let t="userJourney";function i(){let e=navigator.userAgent;return/tablet|ipad|playbook|silk/i.test(e)?"tablet":/mobile|iphone|ipod|android|blackberry|opera|mini|windows\sce|palm|smartphone|iemobile/i.test(e)?"mobile":"desktop"}function g(){let e=navigator.userAgent;return e.includes("Chrome")&&!e.includes("Edg")?"Chrome":e.includes("Firefox")?"Firefox":e.includes("Safari")&&!e.includes("Chrome")?"Safari":e.includes("Edg")?"Edge":e.includes("Opera")?"Opera":"Unknown"}function m(e){if(!e)return"Unknown";try{let s=new URL(e).hostname.replace(/^www\./,""),a=s.split(".");return a.length>=2?a[0]:s||"Unknown"}catch{return"Unknown"}}function p(e,r){let o=new URLSearchParams(window.location.search),s=o.has("utm_source")||o.has("utm_medium")||o.has("utm_campaign");return e||s?s?{source:o.get("utm_source")||"",medium:o.get("utm_medium")||"",campaign:o.get("utm_campaign")||""}:{source:m(document.referrer),medium:"organic",campaign:"unknown"}:r||{source:"Unknown",medium:"organic",campaign:"unknown"}}function d(){try{return typeof window.pageCategories<"u"&&Array.isArray(window.pageCategories)&&window.pageCategories.length>0?window.pageCategories:["Not applicable"]}catch(e){return console.warn("Error accessing pageCategories:",e),["Not applicable"]}}function f(){let e=new URLSearchParams(window.location.search);return e.has("utm_source")||e.has("utm_medium")||e.has("utm_campaign")}function h(e){let r=e.split("?")[0].toLowerCase(),o={exactMatches:{"/":"Home","/home":"Home","/blog":"Blog listing","/about-us":"About us","/contact-us":"Contact","/privacy-policy":"Privacy policy","/terms-of-service":"Terms of service","/careers":"Careers","/customer-stories":"Customer stories listing","/events":"Events listing","/infographics":"Infographics listing","/newsroom":"Newsroom","/releases":"Releases listing"},pathStartsWith:[{pattern:"/blog/",type:"Blog"},{pattern:"/customer-stories/",type:"Customer story"},{pattern:"/case-studies/",type:"Case study"},{pattern:"/solutions/",type:"Solution"},{pattern:"/events/",type:"Event"},{pattern:"/news/",type:"News"},{pattern:"/press-releases/",type:"Press release"},{pattern:"/releases/",type:"Release"}]};if(o.exactMatches[r])return o.exactMatches[r];for(let s of o.pathStartsWith)if(r.startsWith(s.pattern))return s.type;return"Other"}function w(e){if(!e.userJourney||e.userJourney.length===0)return!1;let r=new Date(e.userJourney[e.userJourney.length-1].time);return new Date().getTime()-r.getTime()<18e5}return new Promise(e=>{setTimeout(()=>{try{let r=null,o=sessionStorage.getItem(t);if(o){let u=JSON.parse(o);w(u)&&(r=u)}r||(r={userJourney:[],origin:window.location.hostname,deviceCategory:i(),browser:g()});let s=window.location.pathname,a=new Date().toISOString(),y=r.userJourney[r.userJourney.length-1];if(y&&y.page===s)y.time=a;else{let u=r.userJourney.length===0,J=u?void 0:r.userJourney[0].utm,U={touchPoint:r.userJourney.length+1,page:s,title:document.title||"Untitled",type:h(s),category:d(),time:a,utmVisibility:f()?"visible":"hidden",utm:p(u,J)};r.userJourney.push(U)}sessionStorage.setItem(t,JSON.stringify(r)),e(r)}catch(r){console.error("Error tracking user journey:",r),e(null)}},200)})}function l(){try{let t=sessionStorage.getItem("userJourney");return t?JSON.parse(t):null}catch(t){return console.error("Error getting user journey:",t),null}}function P(){sessionStorage.removeItem("userJourney")}function S(t){try{let n=l();if(!n||n.userJourney.length===0)return!1;let i=n.userJourney[n.userJourney.length-1];return i.category=t.length>0?t:["Not applicable"],sessionStorage.setItem("userJourney",JSON.stringify(n)),!0}catch(n){return console.error("Error updating page categories:",n),!1}}function b(t){try{let n=l();if(!n||n.userJourney.length===0)return!1;let i=n.userJourney[n.userJourney.length-1];return i.type=t,sessionStorage.setItem("userJourney",JSON.stringify(n)),!0}catch(n){return console.error("Error updating page type:",n),!1}}function T(){let t=l();if(!t||t.userJourney.length===0)return null;let n=t.userJourney[0],i=t.userJourney[t.userJourney.length-1],g=new Date(i.time).getTime()-new Date(n.time).getTime();return{totalPages:t.userJourney.length,sessionDuration:Math.floor(g/1e3),firstPage:n.page,lastPage:i.page}}document.addEventListener("DOMContentLoaded",()=>{c()});document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{c()}):c();window.trackUserJourney=c;window.getUserJourney=l;window.clearUserJourney=P;window.updatePageType=b;window.updatePageCategories=S;window.getJourneyStats=T;})();
+"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 {
+    console.log("Live reload disabled: not running on localhost");
+  }
+
+  // src/tracking/user-journey.ts
+  async function trackUserJourney() {
+    const STORAGE_KEY = "userJourney";
+    const SESSION_TIMEOUT = 30 * 60 * 1e3;
+    function getDeviceCategory() {
+      const userAgent = navigator.userAgent;
+      if (/tablet|ipad|playbook|silk/i.test(userAgent)) return "tablet";
+      if (/mobile|iphone|ipod|android|blackberry|opera|mini|windows\sce|palm|smartphone|iemobile/i.test(userAgent)) return "mobile";
+      return "desktop";
+    }
+    function getBrowser() {
+      const userAgent = navigator.userAgent;
+      if (userAgent.includes("Chrome") && !userAgent.includes("Edg")) return "Chrome";
+      if (userAgent.includes("Firefox")) return "Firefox";
+      if (userAgent.includes("Safari") && !userAgent.includes("Chrome")) return "Safari";
+      if (userAgent.includes("Edg")) return "Edge";
+      if (userAgent.includes("Opera")) return "Opera";
+      return "Unknown";
+    }
+    function extractDomainFromReferrer(referrer) {
+      if (!referrer) return "Unknown";
+      try {
+        const url = new URL(referrer);
+        const hostname = url.hostname;
+        const domain = hostname.replace(/^www\./, "");
+        const domainParts = domain.split(".");
+        if (domainParts.length >= 2) {
+          return domainParts[0];
+        }
+        return domain || "Unknown";
+      } catch (error) {
+        return "Unknown";
+      }
+    }
+    function getUTMParameters(isFirstVisit, firstVisitUTM) {
+      const urlParams = new URLSearchParams(window.location.search);
+      const hasCurrentUTM = urlParams.has("utm_source") || urlParams.has("utm_medium") || urlParams.has("utm_campaign");
+      if (isFirstVisit || hasCurrentUTM) {
+        if (hasCurrentUTM) {
+          return {
+            source: urlParams.get("utm_source") || "",
+            medium: urlParams.get("utm_medium") || "",
+            campaign: urlParams.get("utm_campaign") || ""
+          };
+        } else {
+          const referrerDomain = extractDomainFromReferrer(document.referrer);
+          return {
+            source: referrerDomain,
+            medium: "organic",
+            campaign: "unknown"
+          };
+        }
+      } else {
+        return firstVisitUTM || {
+          source: "Unknown",
+          medium: "organic",
+          campaign: "unknown"
+        };
+      }
+    }
+    function getPageCategories() {
+      try {
+        if (typeof window.pageCategories !== "undefined" && Array.isArray(window.pageCategories) && window.pageCategories.length > 0) {
+          return window.pageCategories;
+        }
+        return ["Not applicable"];
+      } catch (error) {
+        console.warn("Error accessing pageCategories:", error);
+        return ["Not applicable"];
+      }
+    }
+    function hasVisibleUTM() {
+      const urlParams = new URLSearchParams(window.location.search);
+      return urlParams.has("utm_source") || urlParams.has("utm_medium") || urlParams.has("utm_campaign");
+    }
+    function getPageType(url) {
+      const path = url.split("?")[0].toLowerCase();
+      const typeConfig = {
+        // Exact path matches (highest priority)
+        exactMatches: {
+          "/": "Home",
+          "/home": "Home",
+          "/blog": "Blog listing",
+          "/about-us": "About us",
+          "/contact-us": "Contact",
+          "/privacy-policy": "Privacy policy",
+          "/terms-of-service": "Terms of service",
+          "/careers": "Careers",
+          "/customer-stories": "Customer stories listing",
+          "/events": "Events listing",
+          "/infographics": "Infographics listing",
+          "/newsroom": "Newsroom",
+          "/releases": "Releases listing"
+        },
+        // Path pattern matches
+        // These will match if the path starts with the pattern
+        pathStartsWith: [
+          { pattern: "/blog/", type: "Blog" },
+          { pattern: "/customer-stories/", type: "Customer story" },
+          { pattern: "/case-studies/", type: "Case study" },
+          { pattern: "/solutions/", type: "Solution" },
+          { pattern: "/events/", type: "Event" },
+          { pattern: "/news/", type: "News" },
+          { pattern: "/press-releases/", type: "Press release" },
+          { pattern: "/releases/", type: "Release" }
+        ]
+      };
+      if (typeConfig.exactMatches[path]) {
+        return typeConfig.exactMatches[path];
+      }
+      for (const item of typeConfig.pathStartsWith) {
+        if (path.startsWith(item.pattern)) {
+          return item.type;
+        }
+      }
+      return "Other";
+    }
+    function isValidSession(journey) {
+      if (!journey.userJourney || journey.userJourney.length === 0) return false;
+      const lastVisit = new Date(journey.userJourney[journey.userJourney.length - 1].time);
+      const now = /* @__PURE__ */ new Date();
+      return now.getTime() - lastVisit.getTime() < SESSION_TIMEOUT;
+    }
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        try {
+          let journey = null;
+          const storedData = sessionStorage.getItem(STORAGE_KEY);
+          if (storedData) {
+            const parsedData = JSON.parse(storedData);
+            if (isValidSession(parsedData)) {
+              journey = parsedData;
+            }
+          }
+          if (!journey) {
+            journey = {
+              userJourney: [],
+              origin: window.location.hostname,
+              deviceCategory: getDeviceCategory(),
+              browser: getBrowser()
+            };
+          }
+          const currentUrl = window.location.pathname;
+          const currentTime = (/* @__PURE__ */ new Date()).toISOString();
+          const lastVisit = journey.userJourney[journey.userJourney.length - 1];
+          if (lastVisit && lastVisit.page === currentUrl) {
+            lastVisit.time = currentTime;
+          } else {
+            const isFirstVisit = journey.userJourney.length === 0;
+            const firstVisitUTM = isFirstVisit ? void 0 : journey.userJourney[0].utm;
+            const touchPoint = {
+              touchPoint: journey.userJourney.length + 1,
+              page: currentUrl,
+              title: document.title || "Untitled",
+              type: getPageType(currentUrl),
+              category: getPageCategories(),
+              time: currentTime,
+              utmVisibility: hasVisibleUTM() ? "visible" : "hidden",
+              utm: getUTMParameters(isFirstVisit, firstVisitUTM)
+            };
+            journey.userJourney.push(touchPoint);
+          }
+          sessionStorage.setItem(STORAGE_KEY, JSON.stringify(journey));
+          resolve(journey);
+        } catch (error) {
+          console.error("Error tracking user journey:", error);
+          resolve(null);
+        }
+      }, 200);
+    });
+  }
+  function getUserJourney() {
+    try {
+      const storedData = sessionStorage.getItem("userJourney");
+      return storedData ? JSON.parse(storedData) : null;
+    } catch (error) {
+      console.error("Error getting user journey:", error);
+      return null;
+    }
+  }
+  function clearUserJourney() {
+    sessionStorage.removeItem("userJourney");
+  }
+  function updatePageCategories(categories) {
+    try {
+      const journey = getUserJourney();
+      if (!journey || journey.userJourney.length === 0) return false;
+      const lastVisit = journey.userJourney[journey.userJourney.length - 1];
+      lastVisit.category = categories.length > 0 ? categories : ["Not applicable"];
+      sessionStorage.setItem("userJourney", JSON.stringify(journey));
+      return true;
+    } catch (error) {
+      console.error("Error updating page categories:", error);
+      return false;
+    }
+  }
+  function updatePageType(type) {
+    try {
+      const journey = getUserJourney();
+      if (!journey || journey.userJourney.length === 0) return false;
+      const lastVisit = journey.userJourney[journey.userJourney.length - 1];
+      lastVisit.type = type;
+      sessionStorage.setItem("userJourney", JSON.stringify(journey));
+      return true;
+    } catch (error) {
+      console.error("Error updating page type:", error);
+      return false;
+    }
+  }
+  function getJourneyStats() {
+    const journey = getUserJourney();
+    if (!journey || journey.userJourney.length === 0) return null;
+    const firstVisit = journey.userJourney[0];
+    const lastVisit = journey.userJourney[journey.userJourney.length - 1];
+    const sessionDuration = new Date(lastVisit.time).getTime() - new Date(firstVisit.time).getTime();
+    return {
+      totalPages: journey.userJourney.length,
+      sessionDuration: Math.floor(sessionDuration / 1e3),
+      // in seconds
+      firstPage: firstVisit.page,
+      lastPage: lastVisit.page
+    };
+  }
+  document.addEventListener("DOMContentLoaded", () => {
+    trackUserJourney();
+  });
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", () => {
+      trackUserJourney();
+    });
+  } else {
+    trackUserJourney();
+  }
+  window.trackUserJourney = trackUserJourney;
+  window.getUserJourney = getUserJourney;
+  window.clearUserJourney = clearUserJourney;
+  window.updatePageType = updatePageType;
+  window.updatePageCategories = updatePageCategories;
+  window.getJourneyStats = getJourneyStats;
+})();
+//# sourceMappingURL=user-journey.js.map

package/dist/tracking/utm-links.js

@@ -1 +1,195 @@
-"use strict";(()=>{(function(){"use strict";let e={utmKeys:["utm_source","utm_medium","utm_campaign","utm_term","utm_content","utm_id"],selectors:["a[href]",'button[onclick*="location"]','button[onclick*="window.open"]','button[onclick*="href"]',"[data-href]"]};function a(){let t=new URLSearchParams(window.location.search),s={};return e.utmKeys.forEach(r=>{if(t.has(r)){let n=t.get(r);n&&(s[r]=n)}}),s}function c(t,s){try{return t.startsWith("/")||t.startsWith("./")||t.startsWith("../")?!0:t.startsWith("http")?new URL(t).hostname===s:t.startsWith("//")?new URL("http:"+t).hostname===s:!t.includes("://")}catch(r){return console.warn("Error parsing URL:",t,r),!0}}function u(t,s){try{let r=new URL(t,window.location.origin);return Object.keys(s).forEach(n=>{r.searchParams.has(n)||r.searchParams.set(n,s[n])}),r.toString()}catch(r){return console.warn("Error processing URL:",t,r),t}}function f(t){return t.hasAttribute("data-utm-exception")&&t.getAttribute("data-utm-exception")==="true"}function g(t){let s=t.match(/["'](https?:\/\/[^"']+|\/[^"']*|[^"']*\.html?[^"']*)["']/);return s?s[1]:null}function m(t,s,r){if(!(t instanceof HTMLElement)||!t.onclick)return;let o=t.onclick.toString().replace(s,r),i=o.slice(o.indexOf("{")+1,o.lastIndexOf("}"));t.setAttribute("onclick",i)}function h(){let t=a();if(Object.keys(t).length===0)return;let s=window.location.hostname;document.querySelectorAll(e.selectors.join(", ")).forEach(n=>{if(f(n))return;let o=null;if(n instanceof HTMLAnchorElement&&n.href)o=n.href;else if(n instanceof HTMLElement&&n.dataset.href)o=n.dataset.href;else if(n instanceof HTMLElement&&n.onclick){let i=n.onclick.toString();o=g(i)}if(o&&c(o,s)){let i=u(o,t);n instanceof HTMLAnchorElement&&n.href?n.href=i:n instanceof HTMLElement&&n.dataset.href&&(n.dataset.href=i),n instanceof HTMLElement&&n.onclick&&o!==i&&m(n,o,i)}}),console.log("UTM parameters propagated to internal links:",t)}function d(){let t=a();if(Object.keys(t).length===0)return;new MutationObserver(function(r){r.forEach(function(n){n.addedNodes.forEach(function(o){if(o.nodeType===Node.ELEMENT_NODE){let i=o;i.matches&&i.matches(e.selectors.join(", "))&&l(i,t),"querySelectorAll"in i&&i.querySelectorAll(e.selectors.join(", ")).forEach(E=>l(E,t))}})})}).observe(document.body,{childList:!0,subtree:!0})}function l(t,s){if(f(t))return;let r=window.location.hostname,n=null;if(t instanceof HTMLAnchorElement&&t.href?n=t.href:t instanceof HTMLElement&&t.dataset.href&&(n=t.dataset.href),n&&c(n,r)){let o=u(n,s);t instanceof HTMLAnchorElement&&t.href?t.href=o:t instanceof HTMLElement&&t.dataset.href&&(t.dataset.href=o)}}function M(){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){h(),d()}):(h(),d())}M()})();})();
+"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 {
+    console.log("Live reload disabled: not running on localhost");
+  }
+
+  // src/tracking/utm-links.ts
+  (function() {
+    "use strict";
+    const config = {
+      utmKeys: [
+        "utm_source",
+        "utm_medium",
+        "utm_campaign",
+        "utm_term",
+        "utm_content",
+        "utm_id"
+      ],
+      selectors: [
+        "a[href]",
+        'button[onclick*="location"]',
+        'button[onclick*="window.open"]',
+        'button[onclick*="href"]',
+        "[data-href]"
+      ]
+    };
+    function getCurrentUTMParams() {
+      const urlParams = new URLSearchParams(window.location.search);
+      const utmParams = {};
+      config.utmKeys.forEach((key) => {
+        if (urlParams.has(key)) {
+          const value = urlParams.get(key);
+          if (value) {
+            utmParams[key] = value;
+          }
+        }
+      });
+      return utmParams;
+    }
+    function isInternalLink(url, currentHost) {
+      try {
+        if (url.startsWith("/") || url.startsWith("./") || url.startsWith("../")) {
+          return true;
+        }
+        if (url.startsWith("http")) {
+          const linkHost = new URL(url).hostname;
+          return linkHost === currentHost;
+        }
+        if (url.startsWith("//")) {
+          const linkHost = new URL("http:" + url).hostname;
+          return linkHost === currentHost;
+        }
+        if (!url.includes("://")) {
+          return true;
+        }
+        return false;
+      } catch (e) {
+        console.warn("Error parsing URL:", url, e);
+        return true;
+      }
+    }
+    function addUTMToURL(url, utmParams) {
+      try {
+        const urlObj = new URL(url, window.location.origin);
+        Object.keys(utmParams).forEach((key) => {
+          if (!urlObj.searchParams.has(key)) {
+            urlObj.searchParams.set(key, utmParams[key]);
+          }
+        });
+        return urlObj.toString();
+      } catch (e) {
+        console.warn("Error processing URL:", url, e);
+        return url;
+      }
+    }
+    function hasUTMException(element) {
+      return element.hasAttribute("data-utm-exception") && element.getAttribute("data-utm-exception") === "true";
+    }
+    function extractURLFromOnclick(onclickStr) {
+      const urlMatch = onclickStr.match(
+        /["'](https?:\/\/[^"']+|\/[^"']*|[^"']*\.html?[^"']*)["']/
+      );
+      return urlMatch ? urlMatch[1] : null;
+    }
+    function updateOnclickAttribute(element, oldUrl, newUrl) {
+      if (!(element instanceof HTMLElement) || !element.onclick) return;
+      const onclickStr = element.onclick.toString();
+      const newOnclick = onclickStr.replace(oldUrl, newUrl);
+      const funcBody = newOnclick.slice(
+        newOnclick.indexOf("{") + 1,
+        newOnclick.lastIndexOf("}")
+      );
+      element.setAttribute("onclick", funcBody);
+    }
+    function propagateUTMParameters() {
+      const utmParams = getCurrentUTMParams();
+      if (Object.keys(utmParams).length === 0) {
+        return;
+      }
+      const currentHost = window.location.hostname;
+      const elements = document.querySelectorAll(config.selectors.join(", "));
+      elements.forEach((element) => {
+        if (hasUTMException(element)) {
+          return;
+        }
+        let url = null;
+        if (element instanceof HTMLAnchorElement && element.href) {
+          url = element.href;
+        } else if (element instanceof HTMLElement && element.dataset.href) {
+          url = element.dataset.href;
+        } else if (element instanceof HTMLElement && element.onclick) {
+          const onclickStr = element.onclick.toString();
+          url = extractURLFromOnclick(onclickStr);
+        }
+        if (url && isInternalLink(url, currentHost)) {
+          const updatedURL = addUTMToURL(url, utmParams);
+          if (element instanceof HTMLAnchorElement && element.href) {
+            element.href = updatedURL;
+          } else if (element instanceof HTMLElement && element.dataset.href) {
+            element.dataset.href = updatedURL;
+          }
+          if (element instanceof HTMLElement && element.onclick && url !== updatedURL) {
+            updateOnclickAttribute(element, url, updatedURL);
+          }
+        }
+      });
+      console.log(`UTM parameters propagated to internal links:`, utmParams);
+    }
+    function observeNewContent() {
+      const utmParams = getCurrentUTMParams();
+      if (Object.keys(utmParams).length === 0) {
+        return;
+      }
+      const observer = new MutationObserver(function(mutations) {
+        mutations.forEach(function(mutation) {
+          mutation.addedNodes.forEach(function(node) {
+            if (node.nodeType === Node.ELEMENT_NODE) {
+              const element = node;
+              if (element.matches && element.matches(config.selectors.join(", "))) {
+                processElement(element, utmParams);
+              }
+              if ("querySelectorAll" in element) {
+                const links = element.querySelectorAll(config.selectors.join(", "));
+                links.forEach((link) => processElement(link, utmParams));
+              }
+            }
+          });
+        });
+      });
+      observer.observe(document.body, {
+        childList: true,
+        subtree: true
+      });
+    }
+    function processElement(element, utmParams) {
+      if (hasUTMException(element)) {
+        return;
+      }
+      const currentHost = window.location.hostname;
+      let url = null;
+      if (element instanceof HTMLAnchorElement && element.href) {
+        url = element.href;
+      } else if (element instanceof HTMLElement && element.dataset.href) {
+        url = element.dataset.href;
+      }
+      if (url && isInternalLink(url, currentHost)) {
+        const updatedURL = addUTMToURL(url, utmParams);
+        if (element instanceof HTMLAnchorElement && element.href) {
+          element.href = updatedURL;
+        } else if (element instanceof HTMLElement && element.dataset.href) {
+          element.dataset.href = updatedURL;
+        }
+      }
+    }
+    function init() {
+      if (document.readyState === "loading") {
+        document.addEventListener("DOMContentLoaded", function() {
+          propagateUTMParameters();
+          observeNewContent();
+        });
+      } else {
+        propagateUTMParameters();
+        observeNewContent();
+      }
+    }
+    init();
+  })();
+})();
+//# sourceMappingURL=utm-links.js.map

package/dist/utils/sample.js

@@ -1 +1,18 @@
-"use strict";(()=>{function e(o){console.log("Logged message:",o)}})();
+"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 {
+    console.log("Live reload disabled: not running on localhost");
+  }
+
+  // src/utils/sample.ts
+  function logMessage(message) {
+    console.log("Logged message:", message);
+  }
+})();
+//# sourceMappingURL=sample.js.map