{"version":3,"file":"eeb87bfa.js","sources":["../../../src/components/globals/layout/anchor-scroll/AnchorScroll.client.tsx"],"sourcesContent":["import {useUrl} from '@shopify/hydrogen';\nimport {useEffect, useState} from 'react';\n\nexport function AnchorScroll() {\n  const url = useUrl();\n  const [currentHash, setCurrentHash] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!url?.hash) return;\n    const [anchor] = url.hash.split('?');\n\n    if (anchor && anchor !== currentHash && anchor !== '#') {\n      setCurrentHash(anchor);\n      const anchorEl = document.querySelector(anchor) as HTMLElement;\n\n      if (!anchorEl) return;\n      window.scrollTo({\n        top: anchorEl.offsetTop - 120,\n        left: 0,\n      });\n    }\n  }, [url]);\n\n  return null;\n}\n"],"names":["AnchorScroll","url","useUrl","currentHash","setCurrentHash","useState","useEffect","hash","anchor","split","anchorEl","document","querySelector","window","scrollTo","top","offsetTop","left"],"mappings":"wWAGO,SAASA,GAAe,CAC7B,MAAMC,EAAMC,IACN,CAACC,EAAaC,CAAc,EAAIC,mBAAwB,IAAI,EAElEC,OAAAA,EAAAA,QAAAA,UAAU,IAAM,CACd,GAAI,EAACL,GAAAA,MAAAA,EAAKM,MAAM,OAChB,KAAM,CAACC,CAAM,EAAIP,EAAIM,KAAKE,MAAM,GAAG,EAEnC,GAAID,GAAUA,IAAWL,GAAeK,IAAW,IAAK,CACtDJ,EAAeI,CAAM,EACfE,MAAAA,EAAWC,SAASC,cAAcJ,CAAM,EAE9C,GAAI,CAACE,EAAU,OACfG,OAAOC,SAAS,CACdC,IAAKL,EAASM,UAAY,IAC1BC,KAAM,CAAA,CACP,CACH,CAAA,EACC,CAAChB,CAAG,CAAC,EAED,IACT"}