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

package/dist/navigation/mobile/index.js

@@ -1 +1,288 @@
-"use strict";(()=>{var l={NESTED_MENU_DELAY:10,NESTED_MENU_CLOSE_DELAY:500,MAIN_MENU_CLOSE_TIMEOUT:300},i={NESTED_MENU:'[data-mobile-nav="nested-menu"]',MAIN_MENU:'[data-mobile-nav="main-menu"]',TOGGLE_MAIN_MENU:'[data-nav-toggle="main-menu"]',TOGGLE_NESTED_MENU:'[data-nav-toggle="nested-menu"]',MAIN_MENU_LINKS:"[data-mobile-link]",NAV_OVERLAY:'[data-nav-element="overlay"]',OPEN_ICON:'[data-menu-icon="open"]',CLOSE_ICON:'[data-menu-icon="close"]',MOBILE_MENU:"[data-mobile-menu]"},a=class{constructor(){this.state={isMainMenuOpen:!1,isNestedMenuOpen:!1};this.isAnimating=!1;this.elements=this.getElements(),this.init()}getElements(){let e=document.querySelector(i.NESTED_MENU),t=document.querySelector(i.MAIN_MENU),s=document.querySelector(i.NAV_OVERLAY),n=document.querySelectorAll(i.OPEN_ICON),o=document.querySelectorAll(i.CLOSE_ICON);if(!e||!t||!s||n.length===0||o.length===0)throw new Error("Required navigation elements not found");return{nestedMenu:e,mainMenu:t,toggleMainMenuButtons:document.querySelectorAll(i.TOGGLE_MAIN_MENU),toggleNestedMenuButtons:document.querySelectorAll(i.TOGGLE_NESTED_MENU),mainMenuLinks:document.querySelectorAll(i.MAIN_MENU_LINKS),navOverlay:s,openIcons:n,closeIcons:o}}init(){this.setupInitialStyles(),this.bindEventListeners()}setupInitialStyles(){this.elements.nestedMenu.style.display="none",this.elements.nestedMenu.style.transform="translateX(100%)",this.elements.nestedMenu.style.transition="transform 0.5s ease",this.elements.mainMenu.style.display="block",this.elements.mainMenu.style.height="0dvh",this.elements.mainMenu.style.transition="height 0.3s ease-in-out",this.elements.openIcons.forEach(e=>{e.style.transition="opacity 0.2s ease"}),this.elements.closeIcons.forEach(e=>{e.style.transition="opacity 0.2s ease"}),this.updateMenuIcons(!1)}bindEventListeners(){this.elements.toggleMainMenuButtons.forEach((e,t)=>{e.addEventListener("click",s=>{s.preventDefault(),console.log(`Main menu button ${t} clicked, current state:`,this.state.isMainMenuOpen),this.handleMainMenuToggle(e)})}),this.elements.toggleNestedMenuButtons.forEach((e,t)=>{e.addEventListener("click",s=>{s.preventDefault(),console.log(`Nested menu button ${t} clicked, current state:`,this.state.isNestedMenuOpen),this.handleNestedMenuToggle(e)})}),this.elements.mainMenuLinks.forEach(e=>{e.addEventListener("click",t=>{let n=t.currentTarget.getAttribute("data-mobile-link");n&&(console.log(`Menu link clicked: ${n}`),this.replaceContent(n),this.toggleNestedMenu())})})}openMainMenu(){if(this.state.isMainMenuOpen){console.log("Main menu already open, skipping");return}let{mainMenu:e}=this.elements;this.isAnimating=!0,e.style.overflow="hidden",e.style.display="block",e.style.height="0dvh",this.state.isMainMenuOpen=!0,this.updateMenuIcons(!0),requestAnimationFrame(()=>{e.style.height="100dvh";let t=()=>{this.isAnimating=!1,console.log("\u{1F354} Main menu OPENED (animation complete)")};e.addEventListener("transitionend",t,{once:!0}),setTimeout(()=>{this.isAnimating=!1},350)}),console.log("\u{1F354} Main menu OPENING...")}closeMainMenu(){if(!this.state.isMainMenuOpen){console.log("Main menu already closed, skipping");return}let{mainMenu:e}=this.elements;this.isAnimating=!0,this.state.isMainMenuOpen=!1,this.updateMenuIcons(!1),e.style.height="0dvh";let t=!1,s=()=>{t||(t=!0,e.style.display="none",this.isAnimating=!1,console.log("\u{1F354} Main menu CLOSED (animation complete)"))},n=o=>{o.target===e&&o.propertyName==="height"&&s()};e.addEventListener("transitionend",n,{once:!0}),setTimeout(()=>{s()},l.MAIN_MENU_CLOSE_TIMEOUT),console.log("\u{1F354} Main menu CLOSING...")}handleMainMenuToggle(e){if(console.log("Handling main menu toggle. Current state:",this.state.isMainMenuOpen,"Is animating:",this.isAnimating),this.isAnimating){console.log("Animation in progress, ignoring click");return}this.state.isMainMenuOpen?(this.closeMainMenu(),this.state.isNestedMenuOpen&&this.closeNestedMenu()):this.openMainMenu()}handleNestedMenuToggle(e){if(console.log("Handling nested menu toggle. Current state:",this.state.isNestedMenuOpen,"Is animating:",this.isAnimating),this.isAnimating){console.log("Animation in progress, ignoring click");return}this.state.isNestedMenuOpen?this.closeNestedMenu():this.openNestedMenu()}toggleMainMenu(){console.log("Toggling main menu. Current state:",this.state.isMainMenuOpen),this.state.isMainMenuOpen?(this.closeMainMenu(),this.state.isNestedMenuOpen&&this.closeNestedMenu()):this.openMainMenu()}openNestedMenu(){if(this.state.isNestedMenuOpen){console.log("Nested menu already open, skipping");return}let{nestedMenu:e,navOverlay:t}=this.elements;e.style.display="block",t.style.opacity="1",setTimeout(()=>{e.style.transform="translateX(0%)"},l.NESTED_MENU_DELAY),this.state.isNestedMenuOpen=!0,console.log("\u{1F4C2} Nested menu OPENED")}closeNestedMenu(){if(!this.state.isNestedMenuOpen){console.log("Nested menu already closed, skipping");return}let{nestedMenu:e,navOverlay:t}=this.elements;e.style.transform="translateX(100%)",t.style.opacity="0",this.state.isNestedMenuOpen=!1,setTimeout(()=>{e.style.display="none",console.log("\u{1F4C2} Nested menu CLOSED (animation complete)")},l.NESTED_MENU_CLOSE_DELAY),console.log("\u{1F4C2} Nested menu closing...")}toggleNestedMenu(){console.log("Toggling nested menu. Current state:",this.state.isNestedMenuOpen),this.state.isNestedMenuOpen?this.closeNestedMenu():this.openNestedMenu()}updateMenuIcons(e){let{openIcons:t,closeIcons:s}=this.elements;console.log("Updating menu icons. isOpen:",e),e?(t.forEach(n=>{n.style.opacity="0"}),s.forEach(n=>{n.style.opacity="1"})):(t.forEach(n=>{n.style.opacity="1"}),s.forEach(n=>{n.style.opacity="0"}))}replaceContent(e){document.querySelectorAll(i.MOBILE_MENU).forEach(s=>{s.style.display="none"});let t=document.querySelector(`[data-mobile-menu="${e}"]`);t?(t.style.display="block",console.log(`\u{1F4C4} Content switched to: ${e}`)):console.warn(`Content element with data-mobile-menu="${e}" not found`)}getState(){return{...this.state}}closeAllMenus(){this.state.isMainMenuOpen&&this.closeMainMenu(),this.state.isNestedMenuOpen&&this.closeNestedMenu()}};document.addEventListener("DOMContentLoaded",()=>{try{new a}catch(u){console.error("Failed to initialize mobile navigation:",u)}});})();
+"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/navigation/mobile/index.ts
+  var ANIMATION_TIMINGS = {
+    NESTED_MENU_DELAY: 10,
+    NESTED_MENU_CLOSE_DELAY: 500,
+    MAIN_MENU_CLOSE_TIMEOUT: 300
+    // Add timeout for main menu close
+  };
+  var SELECTORS = {
+    NESTED_MENU: '[data-mobile-nav="nested-menu"]',
+    MAIN_MENU: '[data-mobile-nav="main-menu"]',
+    TOGGLE_MAIN_MENU: '[data-nav-toggle="main-menu"]',
+    TOGGLE_NESTED_MENU: '[data-nav-toggle="nested-menu"]',
+    MAIN_MENU_LINKS: "[data-mobile-link]",
+    NAV_OVERLAY: '[data-nav-element="overlay"]',
+    OPEN_ICON: '[data-menu-icon="open"]',
+    CLOSE_ICON: '[data-menu-icon="close"]',
+    MOBILE_MENU: "[data-mobile-menu]"
+  };
+  var MobileNavigation = class {
+    constructor() {
+      this.state = {
+        isMainMenuOpen: false,
+        isNestedMenuOpen: false
+      };
+      this.isAnimating = false;
+      this.elements = this.getElements();
+      this.init();
+    }
+    getElements() {
+      const nestedMenu = document.querySelector(SELECTORS.NESTED_MENU);
+      const mainMenu = document.querySelector(SELECTORS.MAIN_MENU);
+      const navOverlay = document.querySelector(SELECTORS.NAV_OVERLAY);
+      const openIcons = document.querySelectorAll(SELECTORS.OPEN_ICON);
+      const closeIcons = document.querySelectorAll(SELECTORS.CLOSE_ICON);
+      if (!nestedMenu || !mainMenu || !navOverlay || openIcons.length === 0 || closeIcons.length === 0) {
+        throw new Error("Required navigation elements not found");
+      }
+      return {
+        nestedMenu,
+        mainMenu,
+        toggleMainMenuButtons: document.querySelectorAll(SELECTORS.TOGGLE_MAIN_MENU),
+        toggleNestedMenuButtons: document.querySelectorAll(SELECTORS.TOGGLE_NESTED_MENU),
+        mainMenuLinks: document.querySelectorAll(SELECTORS.MAIN_MENU_LINKS),
+        navOverlay,
+        openIcons,
+        closeIcons
+      };
+    }
+    init() {
+      this.setupInitialStyles();
+      this.bindEventListeners();
+    }
+    setupInitialStyles() {
+      this.elements.nestedMenu.style.display = "none";
+      this.elements.nestedMenu.style.transform = "translateX(100%)";
+      this.elements.nestedMenu.style.transition = "transform 0.5s ease";
+      this.elements.mainMenu.style.display = "block";
+      this.elements.mainMenu.style.height = "0dvh";
+      this.elements.mainMenu.style.transition = "height 0.3s ease-in-out";
+      this.elements.openIcons.forEach((icon) => {
+        icon.style.transition = "opacity 0.2s ease";
+      });
+      this.elements.closeIcons.forEach((icon) => {
+        icon.style.transition = "opacity 0.2s ease";
+      });
+      this.updateMenuIcons(false);
+    }
+    bindEventListeners() {
+      this.elements.toggleMainMenuButtons.forEach((button, index) => {
+        button.addEventListener("click", (e) => {
+          e.preventDefault();
+          console.log(`Main menu button ${index} clicked, current state:`, this.state.isMainMenuOpen);
+          this.handleMainMenuToggle(button);
+        });
+      });
+      this.elements.toggleNestedMenuButtons.forEach((button, index) => {
+        button.addEventListener("click", (e) => {
+          e.preventDefault();
+          console.log(`Nested menu button ${index} clicked, current state:`, this.state.isNestedMenuOpen);
+          this.handleNestedMenuToggle(button);
+        });
+      });
+      this.elements.mainMenuLinks.forEach((link) => {
+        link.addEventListener("click", (event) => {
+          const target = event.currentTarget;
+          const attrValue = target.getAttribute("data-mobile-link");
+          if (attrValue) {
+            console.log(`Menu link clicked: ${attrValue}`);
+            this.replaceContent(attrValue);
+            this.toggleNestedMenu();
+          }
+        });
+      });
+    }
+    openMainMenu() {
+      if (this.state.isMainMenuOpen) {
+        console.log("Main menu already open, skipping");
+        return;
+      }
+      const { mainMenu } = this.elements;
+      this.isAnimating = true;
+      mainMenu.style.overflow = "hidden";
+      mainMenu.style.display = "block";
+      mainMenu.style.height = "0dvh";
+      this.state.isMainMenuOpen = true;
+      this.updateMenuIcons(true);
+      requestAnimationFrame(() => {
+        mainMenu.style.height = "100dvh";
+        const handleOpenComplete = () => {
+          this.isAnimating = false;
+          console.log("\u{1F354} Main menu OPENED (animation complete)");
+        };
+        mainMenu.addEventListener("transitionend", handleOpenComplete, { once: true });
+        setTimeout(() => {
+          this.isAnimating = false;
+        }, 350);
+      });
+      console.log("\u{1F354} Main menu OPENING...");
+    }
+    closeMainMenu() {
+      if (!this.state.isMainMenuOpen) {
+        console.log("Main menu already closed, skipping");
+        return;
+      }
+      const { mainMenu } = this.elements;
+      this.isAnimating = true;
+      this.state.isMainMenuOpen = false;
+      this.updateMenuIcons(false);
+      mainMenu.style.height = "0dvh";
+      let animationCompleted = false;
+      const completeClose = () => {
+        if (animationCompleted) return;
+        animationCompleted = true;
+        mainMenu.style.display = "none";
+        this.isAnimating = false;
+        console.log("\u{1F354} Main menu CLOSED (animation complete)");
+      };
+      const handleTransitionEnd = (e) => {
+        if (e.target === mainMenu && e.propertyName === "height") {
+          completeClose();
+        }
+      };
+      mainMenu.addEventListener("transitionend", handleTransitionEnd, { once: true });
+      setTimeout(() => {
+        completeClose();
+      }, ANIMATION_TIMINGS.MAIN_MENU_CLOSE_TIMEOUT);
+      console.log("\u{1F354} Main menu CLOSING...");
+    }
+    handleMainMenuToggle(clickedButton) {
+      console.log("Handling main menu toggle. Current state:", this.state.isMainMenuOpen, "Is animating:", this.isAnimating);
+      if (this.isAnimating) {
+        console.log("Animation in progress, ignoring click");
+        return;
+      }
+      if (this.state.isMainMenuOpen) {
+        this.closeMainMenu();
+        if (this.state.isNestedMenuOpen) {
+          this.closeNestedMenu();
+        }
+      } else {
+        this.openMainMenu();
+      }
+    }
+    handleNestedMenuToggle(clickedButton) {
+      console.log("Handling nested menu toggle. Current state:", this.state.isNestedMenuOpen, "Is animating:", this.isAnimating);
+      if (this.isAnimating) {
+        console.log("Animation in progress, ignoring click");
+        return;
+      }
+      if (this.state.isNestedMenuOpen) {
+        this.closeNestedMenu();
+      } else {
+        this.openNestedMenu();
+      }
+    }
+    toggleMainMenu() {
+      console.log("Toggling main menu. Current state:", this.state.isMainMenuOpen);
+      if (this.state.isMainMenuOpen) {
+        this.closeMainMenu();
+        if (this.state.isNestedMenuOpen) {
+          this.closeNestedMenu();
+        }
+      } else {
+        this.openMainMenu();
+      }
+    }
+    openNestedMenu() {
+      if (this.state.isNestedMenuOpen) {
+        console.log("Nested menu already open, skipping");
+        return;
+      }
+      const { nestedMenu, navOverlay } = this.elements;
+      nestedMenu.style.display = "block";
+      navOverlay.style.opacity = "1";
+      setTimeout(() => {
+        nestedMenu.style.transform = "translateX(0%)";
+      }, ANIMATION_TIMINGS.NESTED_MENU_DELAY);
+      this.state.isNestedMenuOpen = true;
+      console.log("\u{1F4C2} Nested menu OPENED");
+    }
+    closeNestedMenu() {
+      if (!this.state.isNestedMenuOpen) {
+        console.log("Nested menu already closed, skipping");
+        return;
+      }
+      const { nestedMenu, navOverlay } = this.elements;
+      nestedMenu.style.transform = "translateX(100%)";
+      navOverlay.style.opacity = "0";
+      this.state.isNestedMenuOpen = false;
+      setTimeout(() => {
+        nestedMenu.style.display = "none";
+        console.log("\u{1F4C2} Nested menu CLOSED (animation complete)");
+      }, ANIMATION_TIMINGS.NESTED_MENU_CLOSE_DELAY);
+      console.log("\u{1F4C2} Nested menu closing...");
+    }
+    toggleNestedMenu() {
+      console.log("Toggling nested menu. Current state:", this.state.isNestedMenuOpen);
+      if (this.state.isNestedMenuOpen) {
+        this.closeNestedMenu();
+      } else {
+        this.openNestedMenu();
+      }
+    }
+    updateMenuIcons(isOpen) {
+      const { openIcons, closeIcons } = this.elements;
+      console.log("Updating menu icons. isOpen:", isOpen);
+      if (isOpen) {
+        openIcons.forEach((icon) => {
+          icon.style.opacity = "0";
+        });
+        closeIcons.forEach((icon) => {
+          icon.style.opacity = "1";
+        });
+      } else {
+        openIcons.forEach((icon) => {
+          icon.style.opacity = "1";
+        });
+        closeIcons.forEach((icon) => {
+          icon.style.opacity = "0";
+        });
+      }
+    }
+    replaceContent(attrValue) {
+      document.querySelectorAll(SELECTORS.MOBILE_MENU).forEach((div) => {
+        div.style.display = "none";
+      });
+      const targetDiv = document.querySelector(`[data-mobile-menu="${attrValue}"]`);
+      if (targetDiv) {
+        targetDiv.style.display = "block";
+        console.log(`\u{1F4C4} Content switched to: ${attrValue}`);
+      } else {
+        console.warn(`Content element with data-mobile-menu="${attrValue}" not found`);
+      }
+    }
+    // Public methods for external access if needed
+    getState() {
+      return { ...this.state };
+    }
+    closeAllMenus() {
+      if (this.state.isMainMenuOpen) {
+        this.closeMainMenu();
+      }
+      if (this.state.isNestedMenuOpen) {
+        this.closeNestedMenu();
+      }
+    }
+  };
+  document.addEventListener("DOMContentLoaded", () => {
+    try {
+      new MobileNavigation();
+    } catch (error) {
+      console.error("Failed to initialize mobile navigation:", error);
+    }
+  });
+})();
+//# sourceMappingURL=index.js.map

package/dist/navigation/scroll/index.js

@@ -1 +1,55 @@
-"use strict";(()=>{var t=document.querySelector("[navigation-scrolled]"),o=document.querySelectorAll("[navigation-scrolled-menu]");function a(){let n=window.scrollY||document.documentElement.scrollTop;if(!t){console.warn("Navigation element not found");return}t.setAttribute("navigation-scrolled",n>350?"true":"false"),o&&o.forEach(e=>{e.setAttribute("navigation-scrolled-menu",n>350?"true":"false")})}function i(){let n=document.querySelectorAll("[announcementbar]");if(n.length===0){console.warn("No announcement bar elements found");return}window.announcementSlides===0||window.announcementSlides===void 0?(n.forEach(e=>{e.setAttribute("announcementbar","false")}),console.log("No announcement slides found, disabling announcement bars.")):n.forEach(e=>{e.setAttribute("announcementbar","true")})}t.setAttribute("navigation-scrolled","true");document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{i(),a()},120)});window.addEventListener("scroll",a);})();
+"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/navigation/scroll/index.ts
+  var navigationDiv = document.querySelector("[navigation-scrolled]");
+  var mobileNavigationMenus = document.querySelectorAll("[navigation-scrolled-menu]");
+  function setNavigationScrolled() {
+    const scrollTop = window.scrollY || document.documentElement.scrollTop;
+    if (!navigationDiv) {
+      console.warn("Navigation element not found");
+      return;
+    }
+    navigationDiv.setAttribute("navigation-scrolled", scrollTop > 350 ? "true" : "false");
+    if (mobileNavigationMenus) {
+      mobileNavigationMenus.forEach((menu) => {
+        menu.setAttribute("navigation-scrolled-menu", scrollTop > 350 ? "true" : "false");
+      });
+    }
+  }
+  function checkAndDisableAnnouncementBars() {
+    const announcementBarElements = document.querySelectorAll("[announcementbar]");
+    if (announcementBarElements.length === 0) {
+      console.warn("No announcement bar elements found");
+      return;
+    }
+    if (window.announcementSlides === 0 || window.announcementSlides === void 0) {
+      announcementBarElements.forEach((element) => {
+        element.setAttribute("announcementbar", "false");
+      });
+      console.log("No announcement slides found, disabling announcement bars.");
+    } else {
+      announcementBarElements.forEach((element) => {
+        element.setAttribute("announcementbar", "true");
+      });
+    }
+  }
+  navigationDiv.setAttribute("navigation-scrolled", "true");
+  document.addEventListener("DOMContentLoaded", () => {
+    setTimeout(() => {
+      checkAndDisableAnnouncementBars();
+      setNavigationScrolled();
+    }, 120);
+  });
+  window.addEventListener("scroll", setNavigationScrolled);
+})();
+//# sourceMappingURL=index.js.map

package/dist/navigation/style.css

@@ -1 +1,102 @@
-[data-tab-link-active=true]{border-right-color:#404040;background-color:#f8f8f9;opacity:1}[data-tab-content-active]{display:none}[data-tab-content-active=true]{display:block}[data-tab-content-active=false]{display:none}[data-nav-element=mover]{height:0;overflow:hidden}[data-nav-element=overlay]{opacity:0;display:none}[data-nav-element=wrapper]{top:100px}[data-nav-toggle=main-menu]{z-index:10!important}[data-mobile-nav=main-menu]{z-index:999}[data-nav-element=mover]{border-radius:0 0 12px 12px;box-shadow:#00000008 0 12px 16px 6px}[data-dropdown-item],[data-dropdown-item=resources],[data-dropdown-item=company]{width:100%}[data-desktop-content]{display:none}@media (max-width: 992px){[data-desktop-content]{display:block}}.announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{display:none;flex-direction:column;height:100%;bottom:0;justify-content:center;gap:4px;padding-left:20px;padding-right:20px}span.swiper-pagination-bullet{width:6px;height:6px;background:#fffc;pointer-events:auto}span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}@media screen and (max-width: 1024px){.announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{left:-16px}}[navigation-scrolled=true]{transform:translateY(-40px);box-shadow:#00000008 0 12px 16px 10px}[announcementbar=false]{transform:translateY(-40px)!important}[navigation-scrolled-menu=false]{top:0}[navigation-scrolled=false]{transform:translateY(0)}@media screen and (max-width: 991px){[navigation-scrolled=true]{transform:translateY(-50px)}[navigation-scrolled-menu=true]{top:46px}[announcementbar=false]{transform:translateY(-46px)!important}}
+/* src/navigation/style.css */
+[data-tab-link-active=true] {
+  border-right-color: #404040;
+  background-color: #f8f8f9;
+  opacity: 1;
+}
+[data-tab-content-active] {
+  display: none;
+}
+[data-tab-content-active=true] {
+  display: block;
+}
+[data-tab-content-active=false] {
+  display: none;
+}
+[data-nav-element=mover] {
+  height: 0;
+  overflow: hidden;
+}
+[data-nav-element=overlay] {
+  opacity: 0;
+  display: none;
+}
+[data-nav-element=wrapper] {
+  top: 100px;
+}
+[data-nav-toggle=main-menu] {
+  z-index: 10 !important;
+}
+[data-mobile-nav=main-menu] {
+  z-index: 999;
+}
+[data-nav-element=mover] {
+  border-radius: 0px 0px 12px 12px;
+  box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 16px 6px;
+}
+[data-dropdown-item] {
+  width: 100%;
+}
+[data-dropdown-item=resources] {
+  width: 100%;
+}
+[data-dropdown-item=company] {
+  width: 100%;
+}
+[data-desktop-content] {
+  display: none;
+}
+@media (max-width: 992px) {
+  [data-desktop-content] {
+    display: block;
+  }
+}
+.announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
+  display: none;
+  flex-direction: column;
+  height: 100%;
+  bottom: 0px;
+  justify-content: center;
+  gap: 4px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+span.swiper-pagination-bullet {
+  width: 6px;
+  height: 6px;
+  background: rgba(255, 255, 255, 0.80);
+  pointer-events: auto;
+}
+span.swiper-pagination-bullet.swiper-pagination-bullet-active {
+  background: white;
+}
+@media screen and (max-width: 1024px) {
+  .announcement-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
+    left: -16px;
+  }
+}
+[navigation-scrolled=true] {
+  transform: translateY(-40px);
+  box-shadow: rgba(0, 0, 0, 0.03) 0px 12px 16px 10px;
+}
+[announcementbar=false] {
+  transform: translateY(-40px) !important;
+}
+[navigation-scrolled-menu=false] {
+  top: 0px;
+}
+[navigation-scrolled=false] {
+  transform: translateY(0);
+}
+@media screen and (max-width: 991px) {
+  [navigation-scrolled=true] {
+    transform: translateY(-50px);
+  }
+  [navigation-scrolled-menu=true] {
+    top: 46px;
+  }
+  [announcementbar=false] {
+    transform: translateY(-46px) !important;
+  }
+}
+/*# sourceMappingURL=style.css.map */

package/dist/posthog/form-success.js

@@ -0,0 +1,74 @@
+"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/posthog/form-success.ts
+  var FORM_SUCCESS_STORAGE_KEY = "form_success_tracking";
+  var SESSION_DURATION_MS = 10 * 60 * 1e3;
+  function getFormName() {
+    const urlParams = new URLSearchParams(window.location.search);
+    const formName = urlParams.get("form_name");
+    return formName ? decodeURIComponent(formName) : null;
+  }
+  function hasFormSuccessBeenTracked(formName) {
+    try {
+      const storedData = sessionStorage.getItem(FORM_SUCCESS_STORAGE_KEY);
+      if (!storedData) {
+        return false;
+      }
+      const parsedData = JSON.parse(storedData);
+      const currentTime = Date.now();
+      const timeDifference = currentTime - parsedData.timestamp;
+      if (timeDifference > SESSION_DURATION_MS) {
+        sessionStorage.removeItem(FORM_SUCCESS_STORAGE_KEY);
+        return false;
+      }
+      return parsedData.formName === formName;
+    } catch (error) {
+      console.error("Error checking form success tracking:", error);
+      sessionStorage.removeItem(FORM_SUCCESS_STORAGE_KEY);
+      return false;
+    }
+  }
+  function markFormSuccessAsTracked(formName) {
+    try {
+      const trackingData = {
+        timestamp: Date.now(),
+        formName
+      };
+      sessionStorage.setItem(FORM_SUCCESS_STORAGE_KEY, JSON.stringify(trackingData));
+    } catch (error) {
+      console.error("Error storing form success tracking data:", error);
+    }
+  }
+  document.addEventListener("DOMContentLoaded", function() {
+    const currentFormName = getFormName();
+    if (!currentFormName) {
+      console.log("No form name found in URL parameters");
+      return;
+    }
+    if (hasFormSuccessBeenTracked(currentFormName)) {
+      console.log(`Form success for "${currentFormName}" already tracked in this session`);
+      return;
+    }
+    if (window.posthog && window.getTrackingPropertiesWithForm) {
+      window.posthog.capture(
+        "fynd_form_success",
+        window.getTrackingPropertiesWithForm(currentFormName)
+      );
+      markFormSuccessAsTracked(currentFormName);
+      console.log(`Form success tracked for "${currentFormName}"`);
+    } else {
+      console.warn("PostHog or tracking functions not available");
+    }
+  });
+})();
+//# sourceMappingURL=form-success.js.map

package/dist/posthog/form-success.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../bin/live-reload.js", "../../src/posthog/form-success.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 (if not already defined elsewhere)\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\ninterface PostHog {\n    capture: (eventName: string, properties: TrackingProperties | TrackingPropertiesWithForm) => void;\n}\n\n// Global declarations (if not already defined elsewhere)\ndeclare global {\n    interface Window {\n        getTrackingPropertiesWithForm: (formName: string) => TrackingPropertiesWithForm;\n        posthog: PostHog;\n    }\n}\n\n// This export statement makes the file a module and allows global declarations to work\nexport { };\n\n// Session storage key for tracking form success events\nconst FORM_SUCCESS_STORAGE_KEY = 'form_success_tracking';\nconst SESSION_DURATION_MS = 10 * 60 * 1000; // 10 minutes in milliseconds\n\ninterface FormSuccessData {\n    timestamp: number;\n    formName: string;\n}\n\nfunction getFormName(): string | null {\n    const urlParams: URLSearchParams = new URLSearchParams(window.location.search);\n    const formName: string | null = urlParams.get(\"form_name\");\n    return formName ? decodeURIComponent(formName) : null;\n}\n\nfunction hasFormSuccessBeenTracked(formName: string): boolean {\n    try {\n        const storedData: string | null = sessionStorage.getItem(FORM_SUCCESS_STORAGE_KEY);\n\n        if (!storedData) {\n            return false;\n        }\n\n        const parsedData: FormSuccessData = JSON.parse(storedData);\n        const currentTime: number = Date.now();\n        const timeDifference: number = currentTime - parsedData.timestamp;\n\n        // Check if the session has expired (more than 10 minutes)\n        if (timeDifference > SESSION_DURATION_MS) {\n            // Session expired, remove old data\n            sessionStorage.removeItem(FORM_SUCCESS_STORAGE_KEY);\n            return false;\n        }\n\n        // Check if the same form success was already tracked in this session\n        return parsedData.formName === formName;\n    } catch (error) {\n        console.error('Error checking form success tracking:', error);\n        // If there's an error, clear the storage and allow tracking\n        sessionStorage.removeItem(FORM_SUCCESS_STORAGE_KEY);\n        return false;\n    }\n}\n\nfunction markFormSuccessAsTracked(formName: string): void {\n    try {\n        const trackingData: FormSuccessData = {\n            timestamp: Date.now(),\n            formName: formName\n        };\n\n        sessionStorage.setItem(FORM_SUCCESS_STORAGE_KEY, JSON.stringify(trackingData));\n    } catch (error) {\n        console.error('Error storing form success tracking data:', error);\n    }\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function (): void {\n    const currentFormName: string | null = getFormName();\n\n    if (!currentFormName) {\n        console.log('No form name found in URL parameters');\n        return;\n    }\n\n    // Check if form success has already been tracked for this form in the current session\n    if (hasFormSuccessBeenTracked(currentFormName)) {\n        console.log(`Form success for \"${currentFormName}\" already tracked in this session`);\n        return;\n    }\n\n    if (window.posthog && window.getTrackingPropertiesWithForm) {\n        window.posthog.capture(\n            \"fynd_form_success\",\n            window.getTrackingPropertiesWithForm(currentFormName)\n        );\n\n        // Mark this form success as tracked\n        markFormSuccessAsTracked(currentFormName);\n        console.log(`Form success tracked for \"${currentFormName}\"`);\n    } else {\n        console.warn(\"PostHog or tracking functions not available\");\n    }\n});"],
+  "mappings": ";;;AACA,MACE,OAAO,SAAS,aAAa,eAC7B,OAAO,SAAS,aAAa,aAC7B;AACA,QAAI,YAAY,GAAG,uBAAY,UAAU,EAAE;AAAA,MAAiB;AAAA,MAAU,MACpE,SAAS,OAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,IAAI,gDAAgD;AAAA,EAC9D;;;ACsBA,MAAM,2BAA2B;AACjC,MAAM,sBAAsB,KAAK,KAAK;AAOtC,WAAS,cAA6B;AAClC,UAAM,YAA6B,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC7E,UAAM,WAA0B,UAAU,IAAI,WAAW;AACzD,WAAO,WAAW,mBAAmB,QAAQ,IAAI;AAAA,EACrD;AAEA,WAAS,0BAA0B,UAA2B;AAC1D,QAAI;AACA,YAAM,aAA4B,eAAe,QAAQ,wBAAwB;AAEjF,UAAI,CAAC,YAAY;AACb,eAAO;AAAA,MACX;AAEA,YAAM,aAA8B,KAAK,MAAM,UAAU;AACzD,YAAM,cAAsB,KAAK,IAAI;AACrC,YAAM,iBAAyB,cAAc,WAAW;AAGxD,UAAI,iBAAiB,qBAAqB;AAEtC,uBAAe,WAAW,wBAAwB;AAClD,eAAO;AAAA,MACX;AAGA,aAAO,WAAW,aAAa;AAAA,IACnC,SAAS,OAAO;AACZ,cAAQ,MAAM,yCAAyC,KAAK;AAE5D,qBAAe,WAAW,wBAAwB;AAClD,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,WAAS,yBAAyB,UAAwB;AACtD,QAAI;AACA,YAAM,eAAgC;AAAA,QAClC,WAAW,KAAK,IAAI;AAAA,QACpB;AAAA,MACJ;AAEA,qBAAe,QAAQ,0BAA0B,KAAK,UAAU,YAAY,CAAC;AAAA,IACjF,SAAS,OAAO;AACZ,cAAQ,MAAM,6CAA6C,KAAK;AAAA,IACpE;AAAA,EACJ;AAEA,WAAS,iBAAiB,oBAAoB,WAAkB;AAC5D,UAAM,kBAAiC,YAAY;AAEnD,QAAI,CAAC,iBAAiB;AAClB,cAAQ,IAAI,sCAAsC;AAClD;AAAA,IACJ;AAGA,QAAI,0BAA0B,eAAe,GAAG;AAC5C,cAAQ,IAAI,qBAAqB,eAAe,mCAAmC;AACnF;AAAA,IACJ;AAEA,QAAI,OAAO,WAAW,OAAO,+BAA+B;AACxD,aAAO,QAAQ;AAAA,QACX;AAAA,QACA,OAAO,8BAA8B,eAAe;AAAA,MACxD;AAGA,+BAAyB,eAAe;AACxC,cAAQ,IAAI,6BAA6B,eAAe,GAAG;AAAA,IAC/D,OAAO;AACH,cAAQ,KAAK,6CAA6C;AAAA,IAC9D;AAAA,EACJ,CAAC;",
+  "names": []
+}

package/dist/posthog/index.js

@@ -0,0 +1,119 @@
+"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/posthog/index.ts
+  var getTrackingProperties = () => {
+    const pathname = window.location.pathname;
+    return {
+      source_page: pathname === "/" ? pathname + " Home" : pathname,
+      fynd_product: "fynd.com website",
+      interface: "Webflow",
+      device_type: /Mobile|Android|iPhone|iPad/.test(navigator.userAgent) ? "Mobile" : "Web",
+      utm_source: new URLSearchParams(window.location.search).get("utm_source") || "",
+      utm_medium: new URLSearchParams(window.location.search).get("utm_medium") || "",
+      utm_campaign: new URLSearchParams(window.location.search).get("utm_campaign") || "",
+      referrer: document.referrer
+    };
+  };
+  var getTrackingPropertiesWithForm = (formName) => {
+    return {
+      ...getTrackingProperties(),
+      form_name: formName
+    };
+  };
+  window.getTrackingProperties = getTrackingProperties;
+  window.getTrackingPropertiesWithForm = getTrackingPropertiesWithForm;
+  window.interactedForm = "";
+  document.addEventListener("DOMContentLoaded", function() {
+    if (window.posthog) {
+      window.posthog.capture("$pageview", window.getTrackingProperties());
+    }
+  });
+  window.addEventListener("load", function() {
+    if (window.posthog) {
+      window.posthog.capture("fynd_page_loaded", window.getTrackingProperties());
+    }
+  });
+  document.addEventListener("DOMContentLoaded", function() {
+    const signUpButtons = document.querySelectorAll('[data-ph="sign-up"]');
+    const signInButtons = document.querySelectorAll('[data-ph="sign-in"]');
+    const scrollToFormButtons = document.querySelectorAll(
+      '[href="#footer-form"]'
+    );
+    const bookADemoButtons = document.querySelectorAll('[data-ph="book-a-demo"]');
+    signUpButtons.forEach((button) => {
+      button.addEventListener("click", function() {
+        if (window.posthog) {
+          window.posthog.capture("fynd_clicked_sign_up", window.getTrackingProperties());
+        }
+      });
+    });
+    signInButtons.forEach((button) => {
+      button.addEventListener("click", function() {
+        if (window.posthog) {
+          window.posthog.capture("fynd_clicked_sign_in", window.getTrackingProperties());
+        }
+      });
+    });
+    scrollToFormButtons.forEach((button) => {
+      button.addEventListener("click", function() {
+        if (window.posthog) {
+          window.posthog.capture("fynd_clicked_scroll_to_form", window.getTrackingProperties());
+        }
+      });
+    });
+    bookADemoButtons.forEach((button) => {
+      button.addEventListener("click", function() {
+        if (window.posthog) {
+          window.posthog.capture("fynd_clicked_book_a_demo", window.getTrackingProperties());
+        }
+      });
+    });
+  });
+  document.addEventListener("DOMContentLoaded", function() {
+    const formFields = document.querySelectorAll("[data-posthog-trigger]");
+    console.log(
+      "%cposthog/custom-events.js:58 formFields",
+      "color: #007acc;",
+      formFields
+    );
+    const processedForms = /* @__PURE__ */ new Set();
+    formFields.forEach((field) => {
+      field.addEventListener("change", function() {
+        const parentForm = this.closest("form");
+        if (parentForm) {
+          if (processedForms.has(parentForm)) {
+            return null;
+          }
+          processedForms.add(parentForm);
+          const formName = parentForm.getAttribute("data-name");
+          window.interactedForm = formName || "";
+          if (formName && window.posthog) {
+            console.log("form started");
+            window.posthog.capture(
+              "fynd_form_started",
+              window.getTrackingPropertiesWithForm(formName)
+            );
+            return formName;
+          } else {
+            console.warn("No data-name attribute found on parent form or PostHog not available");
+            return null;
+          }
+        } else {
+          console.warn("No parent form found");
+          return null;
+        }
+      });
+    });
+  });
+})();
+//# sourceMappingURL=index.js.map