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

package/dist/timeline/index.js

@@ -1,160 +1 @@
-"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/timeline/index.ts
-  var animationSpeed = 150;
-  var blockDelay = 0;
-  var fullCircleDelay = 1e3;
-  var resetDelay = 1e3;
-  var timelineGroups = /* @__PURE__ */ new Map();
-  function createDots() {
-    timelineGroups.clear();
-    const groupElements = Array.from(document.querySelectorAll("[fynd-timeline]"));
-    const dotCount = window.innerWidth <= 991 ? 14 : 32;
-    if (groupElements.length === 0) {
-      return;
-    }
-    groupElements.forEach((groupElement) => {
-      const groupId = groupElement.getAttribute("fynd-timeline");
-      if (!groupId) {
-        return;
-      }
-      const blockElements = Array.from(groupElement.querySelectorAll('[fynd-timeline-element="block"]'));
-      if (blockElements.length === 0) {
-        return;
-      }
-      const blocks = [];
-      blockElements.forEach((blockElement, index) => {
-        const circleElement = blockElement.querySelector('[fynd-timeline-element="circle"]');
-        const dotWrapper = blockElement.querySelector('[fynd-timeline-element="dot-wrapper"]');
-        if (!circleElement || !dotWrapper) {
-          return;
-        }
-        dotWrapper.innerHTML = "";
-        const isLastBlock = index === blockElements.length - 1;
-        if (!isLastBlock) {
-          for (let i = 0; i < dotCount; i++) {
-            const dot = document.createElement("div");
-            dot.setAttribute("fynd-timeline-element", "dot");
-            dot.dataset.index = i.toString();
-            dotWrapper.appendChild(dot);
-          }
-        }
-        blocks.push({
-          blockElement,
-          circleElement,
-          dotWrapper,
-          blockIndex: index
-        });
-      });
-      if (blocks.length > 0) {
-        timelineGroups.set(groupId, {
-          parentElement: groupElement,
-          blocks,
-          currentBlockIndex: 0,
-          groupTimeout: null,
-          containerTimeout: null
-        });
-      }
-    });
-  }
-  function animateBlockElements(block, isLastBlock, onComplete) {
-    block.circleElement.setAttribute("fynd-timeline-element", "circle-filled");
-    if (isLastBlock) {
-      setTimeout(onComplete, animationSpeed);
-    } else {
-      setTimeout(() => {
-        animateContainerDots(block.dotWrapper, onComplete);
-      }, animationSpeed);
-    }
-  }
-  function animateContainerDots(container, onComplete) {
-    const dots = container.querySelectorAll('[fynd-timeline-element="dot"], [fynd-timeline-element="dot-filled"]');
-    let currentIndex = 0;
-    if (dots.length === 0) {
-      setTimeout(onComplete, 500);
-      return 0;
-    }
-    dots.forEach((dot) => dot.setAttribute("fynd-timeline-element", "dot"));
-    function fillNext() {
-      if (currentIndex < dots.length) {
-        dots[currentIndex].setAttribute("fynd-timeline-element", "dot-filled");
-        currentIndex++;
-        setTimeout(fillNext, animationSpeed);
-      } else {
-        setTimeout(onComplete, 500);
-      }
-    }
-    return setTimeout(fillNext, 0);
-  }
-  function resetGroupElements(groupId) {
-    const group = timelineGroups.get(groupId);
-    if (!group) {
-      return;
-    }
-    group.blocks.forEach((block) => {
-      block.circleElement.setAttribute("fynd-timeline-element", "circle");
-      const dots = block.dotWrapper.querySelectorAll('[fynd-timeline-element="dot"], [fynd-timeline-element="dot-filled"]');
-      dots.forEach((dot) => dot.setAttribute("fynd-timeline-element", "dot"));
-    });
-  }
-  function animateGroup(groupId) {
-    const group = timelineGroups.get(groupId);
-    if (!group) {
-      return;
-    }
-    stopGroupAnimation(groupId);
-    function animateNextBlock() {
-      if (!group) return;
-      if (group.currentBlockIndex >= group.blocks.length) {
-        group.groupTimeout = setTimeout(() => {
-          resetGroupElements(groupId);
-          group.currentBlockIndex = 0;
-          group.groupTimeout = setTimeout(animateNextBlock, fullCircleDelay);
-        }, resetDelay);
-        return;
-      }
-      const currentBlock = group.blocks[group.currentBlockIndex];
-      const isLastBlock = group.currentBlockIndex === group.blocks.length - 1;
-      animateBlockElements(currentBlock, isLastBlock, () => {
-        group.currentBlockIndex++;
-        group.groupTimeout = setTimeout(animateNextBlock, blockDelay);
-      });
-    }
-    animateNextBlock();
-  }
-  function stopGroupAnimation(groupId) {
-    const group = timelineGroups.get(groupId);
-    if (!group) return;
-    if (group.groupTimeout) {
-      clearTimeout(group.groupTimeout);
-      group.groupTimeout = null;
-    }
-    if (group.containerTimeout) {
-      clearTimeout(group.containerTimeout);
-      group.containerTimeout = null;
-    }
-    group.currentBlockIndex = 0;
-  }
-  function animateAllGroups() {
-    if (timelineGroups.size === 0) {
-      return;
-    }
-    timelineGroups.forEach((group, groupId) => {
-      animateGroup(groupId);
-    });
-  }
-  document.addEventListener("DOMContentLoaded", () => {
-    createDots();
-    setTimeout(animateAllGroups, 100);
-  });
-})();
-//# sourceMappingURL=index.js.map
+"use strict";(()=>{var s=150,T=0,b=1e3,p=1e3,l=new Map;function g(){l.clear();let n=Array.from(document.querySelectorAll("[fynd-timeline]")),e=window.innerWidth<=991?14:32;n.length!==0&&n.forEach(t=>{let o=t.getAttribute("fynd-timeline");if(!o)return;let i=Array.from(t.querySelectorAll('[fynd-timeline-element="block"]'));if(i.length===0)return;let r=[];i.forEach((m,f)=>{let a=m.querySelector('[fynd-timeline-element="circle"]'),u=m.querySelector('[fynd-timeline-element="dot-wrapper"]');if(!a||!u)return;if(u.innerHTML="",!(f===i.length-1))for(let c=0;c<e;c++){let d=document.createElement("div");d.setAttribute("fynd-timeline-element","dot"),d.dataset.index=c.toString(),u.appendChild(d)}r.push({blockElement:m,circleElement:a,dotWrapper:u,blockIndex:f})}),r.length>0&&l.set(o,{parentElement:t,blocks:r,currentBlockIndex:0,groupTimeout:null,containerTimeout:null})})}function E(n,e,t){n.circleElement.setAttribute("fynd-timeline-element","circle-filled"),setTimeout(e?t:()=>{k(n.dotWrapper,t)},s)}function k(n,e){let t=n.querySelectorAll('[fynd-timeline-element="dot"], [fynd-timeline-element="dot-filled"]'),o=0;if(t.length===0)return setTimeout(e,500),0;t.forEach(r=>r.setAttribute("fynd-timeline-element","dot"));function i(){o<t.length?(t[o].setAttribute("fynd-timeline-element","dot-filled"),o++,setTimeout(i,s)):setTimeout(e,500)}return setTimeout(i,0)}function v(n){let e=l.get(n);e&&e.blocks.forEach(t=>{t.circleElement.setAttribute("fynd-timeline-element","circle"),t.dotWrapper.querySelectorAll('[fynd-timeline-element="dot"], [fynd-timeline-element="dot-filled"]').forEach(i=>i.setAttribute("fynd-timeline-element","dot"))})}function y(n){let e=l.get(n);if(!e)return;L(n);function t(){if(!e)return;if(e.currentBlockIndex>=e.blocks.length){e.groupTimeout=setTimeout(()=>{v(n),e.currentBlockIndex=0,e.groupTimeout=setTimeout(t,b)},p);return}let o=e.blocks[e.currentBlockIndex],i=e.currentBlockIndex===e.blocks.length-1;E(o,i,()=>{e.currentBlockIndex++,e.groupTimeout=setTimeout(t,T)})}t()}function L(n){let e=l.get(n);e&&(e.groupTimeout&&(clearTimeout(e.groupTimeout),e.groupTimeout=null),e.containerTimeout&&(clearTimeout(e.containerTimeout),e.containerTimeout=null),e.currentBlockIndex=0)}function M(){l.size!==0&&l.forEach((n,e)=>{y(e)})}document.addEventListener("DOMContentLoaded",()=>{g(),setTimeout(M,100)});})();

package/dist/timeline/style.css

@@ -1,42 +1 @@
-/* src/timeline/style.css */
-[fynd-timeline-element=dot-wrapper] {
-  display: flex;
-  gap: 2px;
-  align-items: center;
-}
-@media (max-width: 991px) {
-  [fynd-timeline-element=dot-wrapper] {
-    flex-direction: column;
-  }
-  [fynd-timeline-element=dot],
-  [fynd-timeline-element=dot-filled] {
-    width: 2px !important;
-    height: 4px;
-  }
-  [fynd-timeline-element=circle] {
-    box-shadow: inset 0 0 0 6px #A0A1A2;
-  }
-  [fynd-timeline-element=circle-filled] {
-    box-shadow: inset 0 0 0 8px #0E0E0E !important;
-  }
-}
-[fynd-timeline-element=dot],
-[fynd-timeline-element=dot-filled] {
-  width: 100%;
-  height: 2px;
-  border-radius: 10px;
-  background: #A0A1A2;
-  transition: background-color 0.3s ease;
-}
-[fynd-timeline-element=dot-filled] {
-  background: #0E0E0E;
-}
-[fynd-timeline-element=circle] {
-  transform: scale(.7);
-  box-shadow: inset 0 0 0 20px #A0A1A2;
-}
-[fynd-timeline-element=circle-filled] {
-  transform: scale(1);
-  box-shadow: inset 0 0 0 10px #0E0E0E;
-}
-/*# sourceMappingURL=style.css.map */
+[fynd-timeline-element=dot-wrapper]{display:flex;gap:2px;align-items:center}@media (max-width: 991px){[fynd-timeline-element=dot-wrapper]{flex-direction:column}[fynd-timeline-element=dot],[fynd-timeline-element=dot-filled]{width:2px!important;height:4px}[fynd-timeline-element=circle]{box-shadow:inset 0 0 0 6px #a0a1a2}[fynd-timeline-element=circle-filled]{box-shadow:inset 0 0 0 8px #0e0e0e!important}}[fynd-timeline-element=dot],[fynd-timeline-element=dot-filled]{width:100%;height:2px;border-radius:10px;background:#a0a1a2;transition:background-color .3s ease}[fynd-timeline-element=dot-filled]{background:#0e0e0e}[fynd-timeline-element=circle]{transform:scale(.7);box-shadow:inset 0 0 0 20px #a0a1a2}[fynd-timeline-element=circle-filled]{transform:scale(1);box-shadow:inset 0 0 0 10px #0e0e0e}

package/dist/tracking/custom-id.js

@@ -1,75 +1 @@
-"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/custom-id.ts
-  var COOKIE_RID = "user-id";
-  function setCookie(name, value, days = 365) {
-    const expires = new Date(Date.now() + days * 864e5).toUTCString();
-    const secure = location.protocol === "https:" ? "; Secure" : "";
-    document.cookie = `${name}=${encodeURIComponent(
-      value
-    )}; Expires=${expires}; Path=/; SameSite=Lax${secure}`;
-  }
-  function getCookie(name) {
-    const match = document.cookie.match(
-      new RegExp("(^| )" + name + "=([^;]+)")
-    );
-    return match ? decodeURIComponent(match[2]) : null;
-  }
-  function getOrCreateStableRid() {
-    let rid = getCookie(COOKIE_RID);
-    if (rid) return rid;
-    if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
-      rid = crypto.randomUUID();
-    } else {
-      rid = `rid_${Date.now()}_${Math.random().toString(36).slice(2, 10)}`;
-    }
-    setCookie(COOKIE_RID, rid, 365 * 5);
-    console.log("Created new RID:", rid);
-    return rid;
-  }
-  window.getRid = function() {
-    return getOrCreateStableRid();
-  };
-  document.addEventListener("DOMContentLoaded", () => {
-    const rid = getOrCreateStableRid();
-    const posthog = window.posthog;
-    const phDistinctId = posthog && typeof posthog.get_distinct_id === "function" ? posthog.get_distinct_id() : null;
-    const phSessionId = posthog && typeof posthog.get_session_id === "function" ? posthog.get_session_id() : null;
-    const links = document.querySelectorAll(
-      'a[href*="console.fynd.com"], a[href^="https://console.fynd.com/"], a[href="https://console.fynd.com"]'
-    );
-    links.forEach((link) => {
-      try {
-        const url = new URL(link.href);
-        if (url.hostname.includes("console.fynd.com")) {
-          url.searchParams.set("referrer_uuid", rid);
-          if (phDistinctId) {
-            url.searchParams.set("ph_distinct_id", phDistinctId);
-          }
-          if (phSessionId) {
-            url.searchParams.set("ph_session_id", phSessionId);
-          }
-          link.href = url.toString();
-        }
-      } catch (err) {
-        console.warn("Invalid URL in link:", link.href);
-      }
-    });
-    const uuidFields = document.querySelectorAll("[fynd-form-field='uuid']");
-    uuidFields.forEach((el) => {
-      if (el instanceof HTMLInputElement) {
-        el.value = rid;
-      }
-    });
-  });
-})();
-//# sourceMappingURL=custom-id.js.map
+"use strict";(()=>{var c="user-id";function a(e,n,i=365){let s=new Date(Date.now()+i*864e5).toUTCString(),r=location.protocol==="https:"?"; Secure":"";document.cookie=`${e}=${encodeURIComponent(n)}; Expires=${s}; Path=/; SameSite=Lax${r}`}function u(e){let n=document.cookie.match(new RegExp("(^| )"+e+"=([^;]+)"));return n?decodeURIComponent(n[2]):null}function d(){let e=u(c);return e||(typeof crypto<"u"&&"randomUUID"in crypto?e=crypto.randomUUID():e=`rid_${Date.now()}_${Math.random().toString(36).slice(2,10)}`,a(c,e,365*5),console.log("Created new RID:",e),e)}window.getRid=function(){return d()};document.addEventListener("DOMContentLoaded",()=>{let e=d(),n=window.posthog,i=n&&typeof n.get_distinct_id=="function"?n.get_distinct_id():null,s=n&&typeof n.get_session_id=="function"?n.get_session_id():null;document.querySelectorAll('a[href*="console.fynd.com"], a[href^="https://console.fynd.com/"], a[href="https://console.fynd.com"]').forEach(t=>{try{let o=new URL(t.href);o.hostname.includes("console.fynd.com")&&(o.searchParams.set("referrer_uuid",e),i&&o.searchParams.set("ph_distinct_id",i),s&&o.searchParams.set("ph_session_id",s),t.href=o.toString())}catch{console.warn("Invalid URL in link:",t.href)}}),document.querySelectorAll("[fynd-form-field='uuid']").forEach(t=>{t instanceof HTMLInputElement&&(t.value=e)})});})();

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

@@ -1,238 +1 @@
-"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/fill-form-fields.ts
-  var productInterestConfigs = [
-    {
-      "optionName": "Building a website",
-      "selectValues": ["Storefront", "Commerce"]
-    },
-    {
-      "optionName": "Supply chain solutions",
-      "selectValues": ["WMS", "OMS", "TMS", "Commerce"]
-    },
-    {
-      "optionName": "Retail store solutions",
-      "selectValues": ["StoreOS", "Commerce"]
-    },
-    {
-      "optionName": "Sell on Marketplaces",
-      "selectValues": ["OMS", "Commerce"]
-    },
-    {
-      "optionName": "AI solutions",
-      "selectValues": ["Kaily", "Boltic", "Pixelbin"]
-    },
-    {
-      "optionName": "Fashion manufacturing solution",
-      "selectValues": ["Create Sourcing", "Create Design", "Snap"]
-    }
-  ];
-  var solutionMappingConfigs = [
-    {
-      slug: "/solutions/transport-management-system",
-      selectValues: ["TMS", "Commerce"]
-    },
-    {
-      slug: "/solutions/storefront",
-      selectValues: ["Storefront", "Commerce"]
-    },
-    {
-      slug: "/solutions/wms",
-      selectValues: ["WMS", "Commerce"]
-    },
-    {
-      slug: "/solutions/order-management-system",
-      selectValues: ["OMS", "Commerce"]
-    },
-    {
-      slug: "/solutions/order-management-system",
-      selectValues: ["OMS", "Commerce"]
-    },
-    {
-      slug: "/solutions/konnect-integrations",
-      selectValues: ["OMS", "Commerce"]
-    },
-    {
-      slug: "/solutions/returns-management-system",
-      selectValues: ["StoreOS"]
-    },
-    {
-      slug: "/solutions/ai-photoshoots",
-      selectValues: ["Snap"]
-    },
-    {
-      slug: "/solutions/ai-agent-builder",
-      selectValues: ["Kaily"]
-    },
-    {
-      slug: "/solutions/workflow-automation",
-      selectValues: ["Boltic"]
-    },
-    {
-      slug: "/solutions/ai-editing-for-commerce",
-      selectValues: ["Pixelbin"]
-    },
-    {
-      slug: "/solutions/create",
-      selectValues: ["Create Design", "Create Sourcing", "Snap"]
-    },
-    {
-      slug: "/solutions/3d-ar-vr-try-ons",
-      selectValues: ["GlamAR"]
-    }
-  ];
-  function fillFormWithUserJourney() {
-    try {
-      const journey = getUserJourneyData();
-      const sourceValue = "Inbound Form";
-      const sourceDirectionValue = "Inbound";
-      const contactTypeValue = "Prospect";
-      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,
-        //hubspot essential fields
-        "source": sourceValue,
-        "source_direction": sourceDirectionValue,
-        "contact_type": contactTypeValue,
-        // Journey metadata
-        "userjourney": JSON.stringify(journey.userJourney),
-        "device": journey.deviceCategory,
-        "browser": journey.browser,
-        // Refferer and host
-        "refferer_domain": document.referrer ? new URL(document.referrer).hostname : "",
-        "host_url": window.location.hostname,
-        //current page URL
-        "current-page-url": window.location.href
-      };
-      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 = localStorage.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 elements = document.querySelectorAll(selector);
-      if (elements.length > 0) {
-        elements.forEach((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);
-    }
-  }
-  function formatSelectValues(values) {
-    if (!Array.isArray(values)) return "";
-    return values.join("; ");
-  }
-  function shouldRunProductInterestLogic() {
-    const path = window.location.pathname;
-    return !path.startsWith("/solutions/");
-  }
-  function applySolutionMapping() {
-    const path = window.location.pathname;
-    const match = solutionMappingConfigs.find((cfg) => cfg.slug === path);
-    if (!match) return;
-    const formatted = formatSelectValues(match.selectValues);
-    const inputs = document.querySelectorAll('[fynd-form-field="product-interested-input"]');
-    inputs.forEach((el) => {
-      if (el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement) {
-        el.value = formatted;
-      } else {
-        el.textContent = formatted;
-      }
-    });
-  }
-  function setupProductInterestAutoFill() {
-    const selectWrapper = '[fynd-wrapper-field="product-interested-select"]';
-    const selectSelector = '[fynd-form-field="product-interested-select"]';
-    const inputSelector = '[fynd-form-field="product-interested-input"]';
-    const selects = document.querySelectorAll(selectSelector);
-    const inputs = document.querySelectorAll(inputSelector);
-    const selectContainers = document.querySelectorAll(selectWrapper);
-    if (!shouldRunProductInterestLogic()) {
-      applySolutionMapping();
-      selectContainers.forEach((select) => {
-        select.style.display = "none";
-      });
-      return;
-    }
-    selectContainers.forEach((select) => {
-      select.style.display = "flex";
-    });
-    if (!selects.length) {
-      return;
-    }
-    selects.forEach((select) => {
-      select.addEventListener("change", () => {
-        const selectedValue = select.value;
-        const config = productInterestConfigs.find(
-          (item) => item.optionName === selectedValue
-        );
-        const valueToFill = config ? formatSelectValues(config.selectValues) : "";
-        inputs.forEach((input) => {
-          input.value = valueToFill;
-          const inputEvent = new Event("input", { bubbles: true });
-          input.dispatchEvent(inputEvent);
-          const changeEvent = new Event("change", { bubbles: true });
-          input.dispatchEvent(changeEvent);
-        });
-      });
-    });
-  }
-  document.addEventListener("DOMContentLoaded", () => {
-    setTimeout(() => {
-      fillFormWithUserJourney();
-      setupProductInterestAutoFill();
-    }, 500);
-  });
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", () => {
-      setTimeout(() => {
-        fillFormWithUserJourney();
-      }, 500);
-    });
-  } else {
-    setTimeout(() => {
-      fillFormWithUserJourney();
-    }, 500);
-  }
-  window.fillFormWithUserJourney = fillFormWithUserJourney;
-})();
-//# sourceMappingURL=fill-form-fields.js.map
+"use strict";(()=>{var p=[{optionName:"Building a website",selectValues:["Storefront","Commerce"]},{optionName:"Supply chain solutions",selectValues:["WMS","OMS","TMS","Commerce"]},{optionName:"Retail store solutions",selectValues:["StoreOS","Commerce"]},{optionName:"Sell on Marketplaces",selectValues:["OMS","Commerce"]},{optionName:"AI solutions",selectValues:["Kaily","Boltic","Pixelbin"]},{optionName:"Fashion manufacturing solution",selectValues:["Create Sourcing","Create Design","Snap"]}],y=[{slug:"/solutions/transport-management-system",selectValues:["TMS","Commerce"]},{slug:"/solutions/storefront",selectValues:["Storefront","Commerce"]},{slug:"/solutions/wms",selectValues:["WMS","Commerce"]},{slug:"/solutions/order-management-system",selectValues:["OMS","Commerce"]},{slug:"/solutions/order-management-system",selectValues:["OMS","Commerce"]},{slug:"/solutions/konnect-integrations",selectValues:["OMS","Commerce"]},{slug:"/solutions/returns-management-system",selectValues:["StoreOS"]},{slug:"/solutions/ai-photoshoots",selectValues:["Snap"]},{slug:"/solutions/ai-agent-builder",selectValues:["Kaily"]},{slug:"/solutions/workflow-automation",selectValues:["Boltic"]},{slug:"/solutions/ai-editing-for-commerce",selectValues:["Pixelbin"]},{slug:"/solutions/create",selectValues:["Create Design","Create Sourcing","Snap"]},{slug:"/solutions/3d-ar-vr-try-ons",selectValues:["GlamAR"]}];function c(){try{let e=h(),r="Inbound Form",n="Inbound",s="Prospect";if(!e||e.userJourney.length===0)return;let t=e.userJourney[0],l=e.userJourney[e.userJourney.length-1];e.userJourney.length>1&&e.userJourney[e.userJourney.length-1].page==="/contact-us"&&(l=e.userJourney[e.userJourney.length-2]);let o={utm_source:t.utm.source,utm_medium:t.utm.medium,utm_campaign:t.utm.campaign,source:r,source_direction:n,contact_type:s,userjourney:JSON.stringify(e.userJourney),device:e.deviceCategory,browser:e.browser,refferer_domain:document.referrer?new URL(document.referrer).hostname:"",host_url:window.location.hostname,"current-page-url":window.location.href};Object.entries(o).forEach(([a,i])=>{E(a,i)})}catch(e){console.error("Error filling form with user journey data:",e)}}function h(){try{let e=localStorage.getItem("userJourney");return e?JSON.parse(e):null}catch(e){return console.error("Error getting user journey data:",e),null}}function E(e,r){try{let n=`[fynd-queryparam-name="${e}"]`,s=document.querySelectorAll(n);s.length>0&&s.forEach(t=>{t.value=r;let l=new Event("input",{bubbles:!0});t.dispatchEvent(l);let o=new Event("change",{bubbles:!0});t.dispatchEvent(o)})}catch(n){console.error(`Error filling field [${e}]:`,n)}}function m(e){return Array.isArray(e)?e.join("; "):""}function S(){return!window.location.pathname.startsWith("/solutions/")}function v(){let e=window.location.pathname,r=y.find(t=>t.slug===e);if(!r)return;let n=m(r.selectValues);document.querySelectorAll('[fynd-form-field="product-interested-input"]').forEach(t=>{t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement?t.value=n:t.textContent=n})}function b(){let e='[fynd-wrapper-field="product-interested-select"]',r='[fynd-form-field="product-interested-select"]',n='[fynd-form-field="product-interested-input"]',s=document.querySelectorAll(r),t=document.querySelectorAll(n),l=document.querySelectorAll(e);if(!S()){v(),l.forEach(o=>{o.style.display="none"});return}l.forEach(o=>{o.style.display="flex"}),s.length&&s.forEach(o=>{o.addEventListener("change",()=>{let a=o.value,i=p.find(u=>u.optionName===a),d=i?m(i.selectValues):"";t.forEach(u=>{u.value=d;let g=new Event("input",{bubbles:!0});u.dispatchEvent(g);let f=new Event("change",{bubbles:!0});u.dispatchEvent(f)})})})}document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{c(),b()},500)});document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{c()},500)}):setTimeout(()=>{c()},500);window.fillFormWithUserJourney=c;})();

package/dist/tracking/form-tracker.js

@@ -1,146 +1 @@
-"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
+"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;})();