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

package/dist/global/media-card.js

@@ -1,166 +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/global/media-card.ts
-  document.addEventListener("DOMContentLoaded", () => {
-    const cards = document.querySelectorAll("[media-card]");
-    const isSmallViewport = window.innerWidth < 992;
-    cards.forEach((card) => {
-      const type = card.getAttribute("media-card");
-      const hoverAttr = card.getAttribute("media-card-hover");
-      const enableHover = hoverAttr !== "false";
-      if (type === "image") {
-        setupImageHover(card, enableHover);
-      } else if (type === "video-on-hover") {
-        if (isSmallViewport) {
-          setupVideoLoop(card, false);
-        } else {
-          setupVideoHover(card, enableHover);
-        }
-      } else if (type === "video-on-loop") {
-        setupVideoLoop(card, enableHover);
-      }
-    });
-  });
-  function setupImageHover(card, enableHover) {
-    const img = card.querySelector("img");
-    if (!img) return;
-    img.style.transition = "transform 200ms ease";
-    if (!enableHover) return;
-    card.addEventListener("mouseenter", () => {
-      img.style.transform = "scale(1)";
-    });
-    card.addEventListener("mouseleave", () => {
-      img.style.transform = "scale(1)";
-    });
-  }
-  function attemptVideoPlay(video, retries = 4) {
-    return video.play().catch(() => {
-      return new Promise((resolve, reject) => {
-        if (retries <= 0) {
-          reject();
-          return;
-        }
-        setTimeout(() => {
-          attemptVideoPlay(video, retries - 1).then(resolve).catch(reject);
-        }, 120);
-      });
-    });
-  }
-  function setupVideoHover(card, enableHover) {
-    const video = card.querySelector("video");
-    const img = card.querySelector("img");
-    if (!video || !img) return;
-    const hasSrc = Boolean(video.currentSrc || video.src);
-    if (!hasSrc) return;
-    video.muted = true;
-    video.playsInline = true;
-    img.style.transition = "opacity 200ms ease";
-    video.style.transition = "opacity 200ms ease, transform 200ms ease";
-    video.style.transform = "scale(1)";
-    video.style.opacity = "0";
-    video.style.display = "block";
-    img.style.opacity = "1";
-    let hovering = false;
-    let firstFullPlayDone = false;
-    const isVideoReady = () => video.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA;
-    const showVideo = () => {
-      img.style.opacity = "0";
-      video.style.opacity = "1";
-    };
-    const showImage = () => {
-      img.style.opacity = "1";
-      video.style.opacity = "0";
-    };
-    const onEnded = () => {
-      firstFullPlayDone = true;
-      if (hovering) {
-        video.loop = true;
-        attemptVideoPlay(video).catch(() => {
-        });
-      }
-    };
-    video.addEventListener("ended", onEnded);
-    if (!enableHover) return;
-    card.addEventListener("mouseenter", () => {
-      hovering = true;
-      video.style.transform = "scale(1)";
-      showVideo();
-      if (isVideoReady()) {
-        attemptVideoPlay(video).catch(() => {
-        });
-      } else {
-        const onCanPlay = () => {
-          video.removeEventListener("canplay", onCanPlay);
-          showVideo();
-          attemptVideoPlay(video).catch(() => {
-          });
-        };
-        video.addEventListener("canplay", onCanPlay, { once: true });
-        video.load();
-      }
-    });
-    card.addEventListener("mouseleave", () => {
-      hovering = false;
-      video.style.transform = "scale(1)";
-      video.loop = false;
-      video.pause();
-      showImage();
-    });
-  }
-  function setupVideoLoop(card, enableHover) {
-    const video = card.querySelector("video");
-    const img = card.querySelector("img");
-    if (!video) return;
-    const hasSrc = Boolean(video.currentSrc || video.src);
-    if (!hasSrc) return;
-    video.muted = true;
-    video.playsInline = true;
-    video.loop = true;
-    if (img) {
-      img.style.transition = "opacity 200ms ease";
-      img.style.opacity = "1";
-    }
-    video.style.transition = "opacity 200ms ease, transform 200ms ease";
-    video.style.transform = "scale(1)";
-    video.style.opacity = "0";
-    video.style.display = "block";
-    const isVideoReady = () => video.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA;
-    const showVideo = () => {
-      if (img) img.style.opacity = "0";
-      video.style.opacity = "1";
-    };
-    const startPlayback = () => {
-      showVideo();
-      attemptVideoPlay(video).catch(() => {
-      });
-    };
-    if (isVideoReady()) {
-      startPlayback();
-    } else {
-      const onCanPlay = () => {
-        video.removeEventListener("canplay", onCanPlay);
-        startPlayback();
-      };
-      video.addEventListener("canplay", onCanPlay, { once: true });
-      video.load();
-    }
-    if (enableHover) {
-      card.addEventListener("mouseenter", () => {
-        video.style.transform = "scale(1)";
-      });
-      card.addEventListener("mouseleave", () => {
-        video.style.transform = "scale(1)";
-      });
-    }
-  }
-})();
-//# sourceMappingURL=media-card.js.map
+"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{let t=document.querySelectorAll("[media-card]"),s=window.innerWidth<992;t.forEach(e=>{let o=e.getAttribute("media-card"),n=e.getAttribute("media-card-hover")!=="false";o==="image"?f(e,n):o==="video-on-hover"?s?m(e,!1):p(e,n):o==="video-on-loop"&&m(e,n)})});function f(t,s){let e=t.querySelector("img");e&&(e.style.transition="transform 200ms ease",s&&(t.addEventListener("mouseenter",()=>{e.style.transform="scale(1)"}),t.addEventListener("mouseleave",()=>{e.style.transform="scale(1)"})))}function r(t,s=4){return t.play().catch(()=>new Promise((e,o)=>{if(s<=0){o();return}setTimeout(()=>{r(t,s-1).then(e).catch(o)},120)}))}function p(t,s){let e=t.querySelector("video"),o=t.querySelector("img");if(!e||!o||!!!(e.currentSrc||e.src))return;e.muted=!0,e.playsInline=!0,o.style.transition="opacity 200ms ease",e.style.transition="opacity 200ms ease, transform 200ms ease",e.style.transform="scale(1)",e.style.opacity="0",e.style.display="block",o.style.opacity="1";let n=!1,l=!1,i=()=>e.readyState>=HTMLMediaElement.HAVE_FUTURE_DATA,a=()=>{o.style.opacity="0",e.style.opacity="1"},d=()=>{o.style.opacity="1",e.style.opacity="0"},u=()=>{l=!0,n&&(e.loop=!0,r(e).catch(()=>{}))};e.addEventListener("ended",u),s&&(t.addEventListener("mouseenter",()=>{if(n=!0,e.style.transform="scale(1)",a(),i())r(e).catch(()=>{});else{let y=()=>{e.removeEventListener("canplay",y),a(),r(e).catch(()=>{})};e.addEventListener("canplay",y,{once:!0}),e.load()}}),t.addEventListener("mouseleave",()=>{n=!1,e.style.transform="scale(1)",e.loop=!1,e.pause(),d()}))}function m(t,s){let e=t.querySelector("video"),o=t.querySelector("img");if(!e||!!!(e.currentSrc||e.src))return;e.muted=!0,e.playsInline=!0,e.loop=!0,o&&(o.style.transition="opacity 200ms ease",o.style.opacity="1"),e.style.transition="opacity 200ms ease, transform 200ms ease",e.style.transform="scale(1)",e.style.opacity="0",e.style.display="block";let n=()=>e.readyState>=HTMLMediaElement.HAVE_FUTURE_DATA,l=()=>{o&&(o.style.opacity="0"),e.style.opacity="1"},i=()=>{l(),r(e).catch(()=>{})};if(n())i();else{let a=()=>{e.removeEventListener("canplay",a),i()};e.addEventListener("canplay",a,{once:!0}),e.load()}s&&(t.addEventListener("mouseenter",()=>{e.style.transform="scale(1)"}),t.addEventListener("mouseleave",()=>{e.style.transform="scale(1)"}))}})();

package/dist/global/miscellaneous.js

@@ -1,136 +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/global/preload-media.ts
-  function preloadSrc(src, type) {
-    if (!src) return;
-    if (type === "image") {
-      const img = new Image();
-      img.src = src;
-    } else if (type === "video") {
-      const video = document.createElement("video");
-      video.preload = "auto";
-      video.src = src;
-    }
-  }
-  function preloadFyndMedia() {
-    document.addEventListener("DOMContentLoaded", () => {
-      const images = document.querySelectorAll('img[fynd-image-preload="true"]');
-      images.forEach((img) => {
-        const src = img.getAttribute("src");
-        if (src) {
-          preloadSrc(src, "image");
-        }
-      });
-      const videos = document.querySelectorAll('video[fynd-video-preload="true"]');
-      videos.forEach((video) => {
-        const src = video.getAttribute("src");
-        if (src) {
-          preloadSrc(src, "video");
-        }
-      });
-    });
-  }
-
-  // src/global/miscellaneous.ts
-  function replaceFooterFormLinks() {
-    const footerLinks = document.querySelectorAll('a[href="#footer-form"]');
-    footerLinks.forEach((link) => {
-      const anchorElement = link;
-      anchorElement.href = "/contact-us";
-    });
-  }
-  document.addEventListener("DOMContentLoaded", replaceFooterFormLinks);
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", replaceFooterFormLinks);
-  } else {
-    replaceFooterFormLinks();
-  }
-  document.addEventListener("DOMContentLoaded", () => {
-    const emTags = document.querySelectorAll("p > a > em");
-    emTags.forEach((em) => {
-      em.setAttribute("richtext-button", "primary");
-    });
-  });
-  document.addEventListener("DOMContentLoaded", () => {
-    setTimeout(() => {
-      function updateLinks() {
-        const getQueryParams = () => {
-          return new URLSearchParams(window.location.search);
-        };
-        const utmParams = getQueryParams();
-        utmParams.set("referrer_domain", window.location.hostname);
-        utmParams.set("referrer_page", window.location.pathname);
-        const links = document.querySelectorAll(
-          '[href*="console.fynd.com"]'
-        );
-        links.forEach((link) => {
-          const url = new URL(link.href);
-          utmParams.forEach((value, key) => {
-            url.searchParams.set(key, value);
-          });
-          link.href = url.toString();
-        });
-      }
-      updateLinks();
-    }, 100);
-  });
-  function applyPageUtmsToInternalLinks(options = {}) {
-    const scope = options.scope ?? document;
-    const base = new URL(options.baseUrl ?? window.location.href);
-    const pageUtmParams = new URLSearchParams();
-    for (const [k, v] of new URLSearchParams(base.search).entries()) {
-      if (k.toLowerCase().startsWith("utm_")) pageUtmParams.set(k, v);
-    }
-    const anchors = Array.from(
-      scope.querySelectorAll("a[href]")
-    );
-    const result = { updated: 0, details: [] };
-    for (const a of anchors) {
-      let url;
-      try {
-        url = new URL(a.getAttribute("href"), base);
-      } catch {
-        continue;
-      }
-      const isHttp = url.protocol === "http:" || url.protocol === "https:";
-      const isInternal = url.hostname === base.hostname;
-      if (!isHttp || !isInternal) continue;
-      const before = a.href;
-      const keysToDelete = [];
-      for (const key of url.searchParams.keys()) {
-        if (key.toLowerCase().startsWith("utm_")) keysToDelete.push(key);
-      }
-      keysToDelete.forEach((k) => url.searchParams.delete(k));
-      if ([...pageUtmParams.keys()].length > 0) {
-        for (const [k, v] of pageUtmParams.entries()) {
-          url.searchParams.set(k, v);
-        }
-      }
-      const after = url.toString();
-      if (after !== before) {
-        a.href = after;
-        result.updated += 1;
-        result.details.push({ element: a, before, after });
-      }
-    }
-    return result;
-  }
-  document.addEventListener("DOMContentLoaded", () => {
-    setTimeout(() => {
-      applyPageUtmsToInternalLinks({ log: true });
-    }, 200);
-  });
-  document.addEventListener("DOMContentLoaded", () => {
-    preloadFyndMedia();
-  });
-})();
-//# sourceMappingURL=miscellaneous.js.map
+"use strict";(()=>{function f(o,n){if(o){if(n==="image"){let e=new Image;e.src=o}else if(n==="video"){let e=document.createElement("video");e.preload="auto",e.src=o}}}function h(){document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('img[fynd-image-preload="true"]').forEach(e=>{let r=e.getAttribute("src");r&&f(r,"image")}),document.querySelectorAll('video[fynd-video-preload="true"]').forEach(e=>{let r=e.getAttribute("src");r&&f(r,"video")})})}function l(){document.querySelectorAll('a[href="#footer-form"]').forEach(n=>{let e=n;e.href="/contact-us"})}document.addEventListener("DOMContentLoaded",l);document.readyState==="loading"?document.addEventListener("DOMContentLoaded",l):l();document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll("p > a > em").forEach(n=>{n.setAttribute("richtext-button","primary")})});document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{function o(){let e=new URLSearchParams(window.location.search);e.set("referrer_domain",window.location.hostname),e.set("referrer_page",window.location.pathname),document.querySelectorAll('[href*="console.fynd.com"]').forEach(i=>{let s=new URL(i.href);e.forEach((a,t)=>{s.searchParams.set(t,a)}),i.href=s.toString()})}o()},100)});function y(o={}){let n=o.scope??document,e=new URL(o.baseUrl??window.location.href),r=new URLSearchParams;for(let[a,t]of new URLSearchParams(e.search).entries())a.toLowerCase().startsWith("utm_")&&r.set(a,t);let i=Array.from(n.querySelectorAll("a[href]")),s={updated:0,details:[]};for(let a of i){let t;try{t=new URL(a.getAttribute("href"),e)}catch{continue}let p=t.protocol==="http:"||t.protocol==="https:",L=t.hostname===e.hostname;if(!p||!L)continue;let m=a.href,u=[];for(let c of t.searchParams.keys())c.toLowerCase().startsWith("utm_")&&u.push(c);if(u.forEach(c=>t.searchParams.delete(c)),[...r.keys()].length>0)for(let[c,g]of r.entries())t.searchParams.set(c,g);let d=t.toString();d!==m&&(a.href=d,s.updated+=1,s.details.push({element:a,before:m,after:d}))}return s}document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{y({log:!0})},200)});document.addEventListener("DOMContentLoaded",()=>{h()});})();

package/dist/global/number-count.js

@@ -1,82 +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/global/number-count.ts
-  document.addEventListener("DOMContentLoaded", () => {
-    const decimalsOf = (s) => {
-      const dot = s.indexOf(".");
-      return dot >= 0 ? s.length - dot - 1 : 0;
-    };
-    const elements = Array.from(
-      document.querySelectorAll("[fynd-number-count]")
-    );
-    for (const el of elements) {
-      const targetText = (el.textContent || "").trim();
-      const targetVal = parseFloat(targetText);
-      if (Number.isNaN(targetVal)) {
-        continue;
-      }
-      const initialAttr = el.getAttribute("fynd-number-count") ?? "";
-      const initial = initialAttr.trim() === "" ? 0 : parseFloat(initialAttr.trim());
-      const startVal = Number.isNaN(initial) ? 0 : initial;
-      const decimals = decimalsOf(targetText);
-      el.textContent = startVal.toFixed(decimals);
-      el._fyndTarget = { value: targetVal, decimals };
-    }
-    const animateCount = (el) => {
-      const payload = el._fyndTarget;
-      if (!payload) return;
-      const durationAttr = el.getAttribute("fynd-number-count-duration");
-      const durationParsed = durationAttr ? parseInt(durationAttr, 10) : NaN;
-      const duration = Number.isNaN(durationParsed) ? 1500 : Math.max(0, durationParsed);
-      const startText = (el.textContent || "0").trim();
-      const start = parseFloat(startText);
-      const end = payload.value;
-      if (Number.isNaN(start) || Number.isNaN(end) || duration === 0 || start === end) {
-        el.textContent = end.toFixed(payload.decimals);
-        return;
-      }
-      const t0 = performance.now();
-      const tick = (now) => {
-        const t = Math.min(1, (now - t0) / duration);
-        const current = start + (end - start) * t;
-        el.textContent = current.toFixed(payload.decimals);
-        if (t < 1) {
-          requestAnimationFrame(tick);
-        } else {
-          el.textContent = end.toFixed(payload.decimals);
-        }
-      };
-      requestAnimationFrame(tick);
-    };
-    const io = new IntersectionObserver(
-      (entries) => {
-        for (const entry of entries) {
-          if (!entry.isIntersecting) continue;
-          const el = entry.target;
-          if (el._fyndAnimated) {
-            io.unobserve(el);
-            continue;
-          }
-          el._fyndAnimated = true;
-          setTimeout(() => animateCount(el), 100);
-          io.unobserve(el);
-        }
-      },
-      { threshold: 0.2 }
-      // start when ~20% visible (tweak as needed)
-    );
-    for (const el of elements) {
-      io.observe(el);
-    }
-  });
-})();
-//# sourceMappingURL=number-count.js.map
+"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{let l=t=>{let e=t.indexOf(".");return e>=0?t.length-e-1:0},u=Array.from(document.querySelectorAll("[fynd-number-count]"));for(let t of u){let e=(t.textContent||"").trim(),n=parseFloat(e);if(Number.isNaN(n))continue;let a=t.getAttribute("fynd-number-count")??"",r=a.trim()===""?0:parseFloat(a.trim()),c=Number.isNaN(r)?0:r,o=l(e);t.textContent=c.toFixed(o),t._fyndTarget={value:n,decimals:o}}let f=t=>{let e=t._fyndTarget;if(!e)return;let n=t.getAttribute("fynd-number-count-duration"),a=n?parseInt(n,10):NaN,r=Number.isNaN(a)?1500:Math.max(0,a),c=(t.textContent||"0").trim(),o=parseFloat(c),s=e.value;if(Number.isNaN(o)||Number.isNaN(s)||r===0||o===s){t.textContent=s.toFixed(e.decimals);return}let y=performance.now(),d=b=>{let m=Math.min(1,(b-y)/r),N=o+(s-o)*m;t.textContent=N.toFixed(e.decimals),m<1?requestAnimationFrame(d):t.textContent=s.toFixed(e.decimals)};requestAnimationFrame(d)},i=new IntersectionObserver(t=>{for(let e of t){if(!e.isIntersecting)continue;let n=e.target;if(n._fyndAnimated){i.unobserve(n);continue}n._fyndAnimated=!0,setTimeout(()=>f(n),100),i.unobserve(n)}},{threshold:.2});for(let t of u)i.observe(t)});})();

package/dist/global/popup-video.js

@@ -1,276 +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/utils/is-staging.ts
-  function IsStaging() {
-    return window.location.hostname === "fynd-one-master.webflow.io";
-  }
-
-  // src/global/popup-video.ts
-  document.addEventListener("DOMContentLoaded", () => {
-    const gsap = window.gsap;
-    if (!gsap) {
-      console.error(
-        "GSAP is not loaded. Please ensure the GSAP CDN is included."
-      );
-      return;
-    }
-    const wrapper = document.querySelector(
-      '[data-popup-video="wrapper"]'
-    );
-    const content = document.querySelector(
-      '[data-popup-video="content"]'
-    );
-    const overlay = document.querySelector(
-      '[data-popup-video="overlay"]'
-    );
-    const openTriggers = document.querySelectorAll(
-      '[data-popup-video-trigger="open"]'
-    );
-    const closeTriggers = document.querySelectorAll(
-      '[data-popup-video-trigger="close"]'
-    );
-    if (IsStaging()) {
-    }
-    if (!openTriggers.length)
-      console.warn('No [data-popup-video="open-trigger"] elements found.');
-    if (!closeTriggers.length)
-      console.warn('No [data-popup-video="close-trigger"] elements found.');
-    if (!wrapper || !content || !overlay) return;
-    gsap.set(wrapper, { display: "none" });
-    gsap.set([overlay, content], { opacity: 0 });
-    gsap.set(content, { scale: 0.9 });
-    let ytPlayer = null;
-    let ytContainer = null;
-    function extractYouTubeId(url) {
-      try {
-        const u = new URL(url);
-        if (u.hostname.includes("youtube.com")) {
-          if (u.searchParams.get("v")) return u.searchParams.get("v");
-          const parts = u.pathname.split("/").filter(Boolean);
-          const embedIdx = parts.indexOf("embed");
-          if (embedIdx !== -1 && parts[embedIdx + 1]) return parts[embedIdx + 1];
-        }
-        if (u.hostname === "youtu.be") {
-          const parts = u.pathname.split("/").filter(Boolean);
-          if (parts[0]) return parts[0];
-        }
-        return null;
-      } catch {
-        return null;
-      }
-    }
-    let ytApiReadyPromise = null;
-    function ensureYouTubeAPI() {
-      if (window.YT && window.YT.Player) {
-        return Promise.resolve();
-      }
-      if (ytApiReadyPromise) return ytApiReadyPromise;
-      ytApiReadyPromise = new Promise((resolve) => {
-        const callbackName = "onYouTubeIframeAPIReady";
-        const w = window;
-        if (w.YT && w.YT.Player) {
-          resolve();
-          return;
-        }
-        const script = document.createElement("script");
-        script.src = "https://www.youtube.com/iframe_api";
-        script.async = true;
-        const prev = w[callbackName];
-        w[callbackName] = function() {
-          if (typeof prev === "function") prev();
-          resolve();
-        };
-        document.head.appendChild(script);
-      });
-      return ytApiReadyPromise;
-    }
-    function removeYouTube() {
-      if (ytPlayer && typeof ytPlayer.destroy === "function") {
-        try {
-          ytPlayer.stopVideo?.();
-          ytPlayer.destroy();
-        } catch {
-        }
-      }
-      ytPlayer = null;
-      if (ytContainer && ytContainer.parentElement) {
-        ytContainer.parentElement.removeChild(ytContainer);
-      }
-      ytContainer = null;
-    }
-    function removeInjectedVideo() {
-      if (!content) return;
-      const existing = content.querySelector(
-        'video[data-popup-video="injected"]'
-      );
-      if (existing) {
-        try {
-          existing.pause();
-          existing.removeAttribute("src");
-          existing.querySelectorAll("source").forEach((s) => s.remove());
-          existing.load();
-        } catch {
-        }
-        existing.remove();
-      }
-    }
-    function createVideoElement(linkMP4, linkWebm) {
-      const hasMP4 = !!(linkMP4 && linkMP4.trim());
-      const hasWebm = !!(linkWebm && linkWebm.trim());
-      if (!hasMP4 && !hasWebm) {
-        console.error(
-          "openVideoModal requires at least one of linkMP4 or linkWebm when no YouTube URL is provided."
-        );
-        return null;
-      }
-      const video = document.createElement("video");
-      video.setAttribute("data-popup-video", "injected");
-      video.setAttribute("playsinline", "");
-      video.setAttribute("controls", "");
-      video.setAttribute("autoplay", "");
-      if (hasWebm) {
-        const s = document.createElement("source");
-        s.src = linkWebm.trim();
-        s.type = "video/webm";
-        video.appendChild(s);
-      }
-      if (hasMP4) {
-        const s = document.createElement("source");
-        s.src = linkMP4.trim();
-        s.type = "video/mp4";
-        video.appendChild(s);
-      }
-      return video;
-    }
-    async function openVideoModal(linkMP4, linkWebm, youtubeUrl) {
-      if (!wrapper || !content || !overlay) {
-        console.error("Modal elements missing. Cannot open modal.");
-        return;
-      }
-      removeYouTube();
-      removeInjectedVideo();
-      const useYouTube = !!(youtubeUrl && youtubeUrl.trim());
-      let openOk = true;
-      if (useYouTube) {
-        const id = extractYouTubeId(youtubeUrl.trim());
-        if (!id) {
-          console.error("Invalid YouTube URL on trigger.");
-          openOk = false;
-        } else {
-          ytContainer = document.createElement("div");
-          ytContainer.setAttribute("data-popup-video", "youtube-container");
-          ytContainer.style.width = "100%";
-          ytContainer.style.aspectRatio = "16 / 9";
-          content.appendChild(ytContainer);
-          try {
-            await ensureYouTubeAPI();
-            ytPlayer = new window.YT.Player(ytContainer, {
-              width: "100%",
-              height: "100%",
-              videoId: id,
-              playerVars: {
-                autoplay: 1,
-                controls: 1,
-                rel: 0,
-                modestbranding: 1,
-                playsinline: 1,
-                origin: window.location.origin
-              },
-              events: {
-                onReady: (ev) => {
-                  try {
-                    ev.target.unMute?.();
-                    ev.target.setVolume?.(100);
-                    ev.target.playVideo?.();
-                  } catch {
-                  }
-                }
-              }
-            });
-          } catch (e) {
-            console.error("Failed to initialize YouTube player:", e);
-            removeYouTube();
-            openOk = false;
-          }
-        }
-      } else {
-        const videoEl = createVideoElement(linkMP4, linkWebm);
-        if (!videoEl) {
-          openOk = false;
-        } else {
-          content.appendChild(videoEl);
-        }
-      }
-      if (!openOk) return;
-      gsap.set([overlay, content], { opacity: 0 });
-      gsap.set(content, { scale: 0.9 });
-      gsap.set(wrapper, { display: "flex" });
-      gsap.to(overlay, {
-        opacity: 1,
-        duration: 0.3,
-        ease: "power2.out"
-      });
-      gsap.to(content, {
-        opacity: 1,
-        scale: 1,
-        duration: 0.35,
-        delay: 0.3,
-        ease: "power2.out"
-      });
-      console.log("Video modal opened.");
-    }
-    function closeVideoModal() {
-      if (!wrapper || !content || !overlay) {
-        console.error("Modal elements missing. Cannot close modal.");
-        return;
-      }
-      const tl = gsap.timeline({
-        defaults: { ease: "power2.inOut" },
-        onComplete: () => {
-          removeYouTube();
-          removeInjectedVideo();
-          gsap.set(wrapper, { display: "none" });
-          console.log("Video modal closed.");
-        }
-      });
-      tl.to(content, { opacity: 0, scale: 0.9, duration: 0.25 }, 0).to(
-        overlay,
-        { opacity: 0, duration: 0.25 },
-        0
-      );
-    }
-    openTriggers.forEach(
-      (el) => el.addEventListener("click", () => {
-        if (!wrapper) {
-          console.error("Wrapper not found. Cannot open modal.");
-          return;
-        }
-        const mp4 = el.getAttribute("data-video-mp4");
-        const webm = el.getAttribute("data-video-webm");
-        const youtubeUrl = el.getAttribute("data-youtube-url");
-        void openVideoModal(mp4, webm, youtubeUrl);
-      })
-    );
-    closeTriggers.forEach(
-      (el) => el.addEventListener("click", () => {
-        if (!wrapper) {
-          console.error("Wrapper not found. Cannot close modal.");
-          return;
-        }
-        closeVideoModal();
-      })
-    );
-    window.openVideoModal = openVideoModal;
-    window.closeVideoModal = closeVideoModal;
-  });
-})();
-//# sourceMappingURL=popup-video.js.map
+"use strict";(()=>{function b(){return window.location.hostname==="fynd-one-master.webflow.io"}document.addEventListener("DOMContentLoaded",()=>{let l=window.gsap;if(!l){console.error("GSAP is not loaded. Please ensure the GSAP CDN is included.");return}let d=document.querySelector('[data-popup-video="wrapper"]'),i=document.querySelector('[data-popup-video="content"]'),u=document.querySelector('[data-popup-video="overlay"]'),f=document.querySelectorAll('[data-popup-video-trigger="open"]'),g=document.querySelectorAll('[data-popup-video-trigger="close"]');if(b(),f.length||console.warn('No [data-popup-video="open-trigger"] elements found.'),g.length||console.warn('No [data-popup-video="close-trigger"] elements found.'),!d||!i||!u)return;l.set(d,{display:"none"}),l.set([u,i],{opacity:0}),l.set(i,{scale:.9});let c=null,s=null;function E(e){try{let o=new URL(e);if(o.hostname.includes("youtube.com")){if(o.searchParams.get("v"))return o.searchParams.get("v");let t=o.pathname.split("/").filter(Boolean),r=t.indexOf("embed");if(r!==-1&&t[r+1])return t[r+1]}if(o.hostname==="youtu.be"){let t=o.pathname.split("/").filter(Boolean);if(t[0])return t[0]}return null}catch{return null}}let m=null;function T(){return window.YT&&window.YT.Player?Promise.resolve():m||(m=new Promise(e=>{let o="onYouTubeIframeAPIReady",t=window;if(t.YT&&t.YT.Player){e();return}let r=document.createElement("script");r.src="https://www.youtube.com/iframe_api",r.async=!0;let n=t[o];t[o]=function(){typeof n=="function"&&n(),e()},document.head.appendChild(r)}),m)}function y(){if(c&&typeof c.destroy=="function")try{c.stopVideo?.(),c.destroy()}catch{}c=null,s&&s.parentElement&&s.parentElement.removeChild(s),s=null}function v(){if(!i)return;let e=i.querySelector('video[data-popup-video="injected"]');if(e){try{e.pause(),e.removeAttribute("src"),e.querySelectorAll("source").forEach(o=>o.remove()),e.load()}catch{}e.remove()}}function A(e,o){let t=!!(e&&e.trim()),r=!!(o&&o.trim());if(!t&&!r)return console.error("openVideoModal requires at least one of linkMP4 or linkWebm when no YouTube URL is provided."),null;let n=document.createElement("video");if(n.setAttribute("data-popup-video","injected"),n.setAttribute("playsinline",""),n.setAttribute("controls",""),n.setAttribute("autoplay",""),r){let a=document.createElement("source");a.src=o.trim(),a.type="video/webm",n.appendChild(a)}if(t){let a=document.createElement("source");a.src=e.trim(),a.type="video/mp4",n.appendChild(a)}return n}async function w(e,o,t){if(!d||!i||!u){console.error("Modal elements missing. Cannot open modal.");return}y(),v();let r=!!(t&&t.trim()),n=!0;if(r){let a=E(t.trim());if(!a)console.error("Invalid YouTube URL on trigger."),n=!1;else{s=document.createElement("div"),s.setAttribute("data-popup-video","youtube-container"),s.style.width="100%",s.style.aspectRatio="16 / 9",i.appendChild(s);try{await T(),c=new window.YT.Player(s,{width:"100%",height:"100%",videoId:a,playerVars:{autoplay:1,controls:1,rel:0,modestbranding:1,playsinline:1,origin:window.location.origin},events:{onReady:p=>{try{p.target.unMute?.(),p.target.setVolume?.(100),p.target.playVideo?.()}catch{}}}})}catch(p){console.error("Failed to initialize YouTube player:",p),y(),n=!1}}}else{let a=A(e,o);a?i.appendChild(a):n=!1}n&&(l.set([u,i],{opacity:0}),l.set(i,{scale:.9}),l.set(d,{display:"flex"}),l.to(u,{opacity:1,duration:.3,ease:"power2.out"}),l.to(i,{opacity:1,scale:1,duration:.35,delay:.3,ease:"power2.out"}),console.log("Video modal opened."))}function h(){if(!d||!i||!u){console.error("Modal elements missing. Cannot close modal.");return}l.timeline({defaults:{ease:"power2.inOut"},onComplete:()=>{y(),v(),l.set(d,{display:"none"}),console.log("Video modal closed.")}}).to(i,{opacity:0,scale:.9,duration:.25},0).to(u,{opacity:0,duration:.25},0)}f.forEach(e=>e.addEventListener("click",()=>{if(!d){console.error("Wrapper not found. Cannot open modal.");return}let o=e.getAttribute("data-video-mp4"),t=e.getAttribute("data-video-webm"),r=e.getAttribute("data-youtube-url");w(o,t,r)})),g.forEach(e=>e.addEventListener("click",()=>{if(!d){console.error("Wrapper not found. Cannot close modal.");return}h()})),window.openVideoModal=w,window.closeVideoModal=h});})();