{"version":3,"file":"e3729118.js","sources":["../../../src/components/brochureV2/section/Header/MobileMainNavigation.client.tsx"],"sourcesContent":["import cn from 'classnames';\nimport {useEffect, useRef} from 'react';\n\nimport {\n LightShopifyLogo,\n DarkShopifyLogo,\n} from '@/components/brochureV2/section/Header/svg/ShopifyLogo';\nimport {usePreventBodyScroll} from '@/utils/hooks/usePreventBodyScroll';\nimport {\n HeaderBackgroundColorScheme,\n type Meta,\n type HeaderNavigation,\n type NavigationListItem,\n} from '@/graphql/generated';\nimport {useClickTracking} from '@/utils/hooks/useClickTracking';\nimport Anchor from '@/components/shared/Anchor/Anchor.client';\n\nimport Button from '../../primitive/Button/Button.client';\nimport {ButtonVariant, ButtonTheme} from '../../primitive/Button/types';\n\nimport Caret from './Caret.client';\nimport {getIcon} from './svg/getIcon';\nimport Hamburger from './Hamburger.client';\n\ntype MobileMainNavigationProps = Pick &\n Pick & {\n openIndex: number;\n setOpenIndex: (index: number) => void;\n isMobileMenuOpen: boolean;\n ariaLabel: string;\n meta: Meta;\n setIsMobileMenuOpen: (isOpen: boolean) => void;\n setActiveDesktopMainNavigationIndex: (index: number) => void;\n setActiveMobileMainNavigationIndex: (index: number) => void;\n };\n\nexport default function MobileMainNavigation({\n mainNav,\n openIndex,\n setOpenIndex,\n isMobileMenuOpen,\n globalNav,\n signup,\n background: bg,\n ariaLabel,\n meta,\n setIsMobileMenuOpen,\n setActiveDesktopMainNavigationIndex,\n setActiveMobileMainNavigationIndex,\n}: MobileMainNavigationProps) {\n const background: HeaderBackgroundColorScheme =\n bg || HeaderBackgroundColorScheme.TransparentLight;\n\n const {loginText, loginUrl, signupText} = globalNav;\n const mobileNavRef = useRef(null);\n const isMobileMenuOpenRef = useRef(isMobileMenuOpen);\n usePreventBodyScroll(isMobileMenuOpen);\n const handleClickTracking = useClickTracking();\n\n useEffect(() => {\n isMobileMenuOpenRef.current = isMobileMenuOpen;\n }, [isMobileMenuOpen]);\n\n useEffect(() => {\n if (!mobileNavRef.current) return;\n\n const mobileNavElement = mobileNavRef.current;\n const isOpen = isMobileMenuOpenRef.current;\n\n const hideMobileNav = () => {\n if (isOpen) return;\n mobileNavElement.style.visibility = 'hidden';\n };\n const showMobileNav = () => {\n if (!isOpen) return;\n mobileNavElement.style.visibility = 'visible';\n };\n\n mobileNavElement.addEventListener('transitionstart', showMobileNav);\n mobileNavElement.addEventListener('transitionend', hideMobileNav);\n\n return () => {\n mobileNavElement.removeEventListener('transitionstart', showMobileNav);\n mobileNavElement.removeEventListener('transitionend', hideMobileNav);\n };\n });\n\n const darkBackground =\n background === HeaderBackgroundColorScheme.Black ||\n background === HeaderBackgroundColorScheme.TransparentDark;\n const lightBackground =\n background === HeaderBackgroundColorScheme.White ||\n background === HeaderBackgroundColorScheme.TransparentLight;\n\n const ShopifyLogo = () => (\n
\n \n {darkBackground ? : }\n \n
\n );\n\n const subSubNavMarkup = (subNavItem: NavigationListItem) => {\n return (\n
    \n {subNavItem.navItems?.map((subSubNavItem) => (\n \n \n

    {subSubNavItem.content}

    \n {subSubNavItem.description && (\n

    {subSubNavItem.description}

    \n )}\n \n \n ))}\n
\n );\n };\n\n return (\n \n \n
\n \n
    \n
  • \n \n {signupText}\n \n
    • \n
  • \n {\n setIsMobileMenuOpen(!isMobileMenuOpen);\n setActiveDesktopMainNavigationIndex(-1);\n setActiveMobileMainNavigationIndex(-1);\n }}\n ariaLabel={meta.ariaLabels.headerMobileNavMenu}\n />\n
    • \n
\n
\n \n \n
    \n {mainNav.map((navItem, navItemIndex) => (\n \n {navItem.url ? (\n \n {navItem.content}\n \n ) : (\n <>\n \n \n navItemIndex === openIndex\n ? setOpenIndex(-1)\n : setOpenIndex(navItemIndex),\n )}\n className=\"flex min-h-[45px] w-max items-center\"\n data-component-name={`${navItem.content}-toggle-${\n navItemIndex === openIndex ? 'close' : 'open'\n }`}\n aria-expanded={navItemIndex === openIndex}\n aria-controls={\n navItem.content\n ? `${navItem.content}MobileMenu`\n : `MobileMenu${navItemIndex}`\n }\n >\n \n {navItem.content}\n \n
    \n \n
    \n \n \n
    \n \n {navItem.navItems?.map((subNavItem) => (\n \n {subNavItem.aside ? (\n \n {subNavItem.content && (\n
    \n {subNavItem.icon && getIcon(subNavItem.icon)}\n

    \n {subNavItem.content}\n

    \n
    \n )}\n {subSubNavMarkup(subNavItem)}\n
    \n ) : (\n \n {subNavItem.content && (\n
    \n {subNavItem.icon && getIcon(subNavItem.icon)}\n

    \n {subNavItem.content}\n

    \n
    \n )}\n {subSubNavMarkup(subNavItem)}\n \n )}\n \n ))}\n \n \n \n )}\n \n ))}\n
\n \n \n
  • \n \n {loginText}\n \n
    • \n
  • \n \n {signupText}\n \n
    • \n \n \n );\n}\n"],"names":["mainNav","openIndex","setOpenIndex","isMobileMenuOpen","globalNav","signup","background","bg","ariaLabel","meta","setIsMobileMenuOpen","setActiveDesktopMainNavigationIndex","setActiveMobileMainNavigationIndex","HeaderBackgroundColorScheme","TransparentLight","loginText","loginUrl","signupText","mobileNavRef","useRef","isMobileMenuOpenRef","usePreventBodyScroll","handleClickTracking","useClickTracking","useEffect","current","mobileNavElement","isOpen","hideMobileNav","style","visibility","showMobileNav","addEventListener","removeEventListener","darkBackground","Black","TransparentDark","lightBackground","White","ShopifyLogo","_jsx","homeUrl","subSubNavMarkup","subNavItem","navItems","map","subSubNavItem","cn","description","url","aside","content","ariaLabels","headerMobileNavMenu","navItem","navItemIndex","_jsxs","_Fragment","icon","getIcon","ButtonVariant","Secondary","width","ButtonTheme","Light","Dark"],"mappings":"yoBAoC6C,YAAA,CAC3CA,UACAC,YACAC,eACAC,mBACAC,YACAC,SACAC,WAAYC,EACZC,YACAC,OACAC,sBACAC,sCACAC,sCAC4B,CACtBN,KAAAA,GACJC,GAAMM,EAA4BC,iBAE9B,CAACC,YAAWC,WAAUC,cAAcb,EACpCc,EAAeC,iBAAuB,IAAjB,EACrBC,EAAsBD,iBAAOhB,CAAD,EAClCkB,EAAqBlB,CAAD,EACpB,KAAMmB,GAAsBC,IAE5BC,EAAAA,QAAAA,UAAU,IAAM,CACdJ,EAAoBK,QAAUtB,CAAAA,EAC7B,CAACA,CAAD,CAFM,EAITqB,EAAAA,QAAAA,UAAU,IAAM,CACd,GAAI,CAACN,EAAaO,QAAS,OAE3B,KAAMC,GAAmBR,EAAaO,QAChCE,EAASP,EAAoBK,QAE7BG,EAAgB,IAAM,CACtBD,AAAAA,GACJD,GAAiBG,MAAMC,WAAa,SAAA,EAEhCC,EAAgB,IAAM,CAC1B,AAAI,CAACJ,GACLD,GAAiBG,MAAMC,WAAa,UAAA,EAGrBE,SAAAA,iBAAiB,kBAAmBD,CAArD,EACiBC,EAAAA,iBAAiB,gBAAiBJ,CAAnD,EAEO,IAAM,CACMK,EAAAA,oBAAoB,kBAAmBF,CAAxD,EACiBE,EAAAA,oBAAoB,gBAAiBL,CAAtD,CAAA,CACD,CArBM,EAwBT,KAAMM,GACJ5B,IAAeO,EAA4BsB,OAC3C7B,IAAeO,EAA4BuB,gBACvCC,EACJ/B,IAAeO,EAA4ByB,OAC3ChC,IAAeO,EAA4BC,iBAEvCyB,EAAc,IAClBC,EAAA,MAAA,CAAK,UAAU,wCAAf,WACE,IAAA,CAAG,KAAMpC,EAAUqC,QAAS,sBAAoB,YAAhD,SACGP,EAAiBM,EAAC,EAAJ,CAAA,CAAA,EAAyBA,EAAC,EAAD,EAAA,CAAA,CAD1C,CAAA,CAFJ,EAQME,EAAkB,AAACC,GAAmC,OAC1D,SACE,KAAA,CAAI,UAAU,eAAd,SACGA,KAAWC,WAAXD,cAAqBE,IAAKC,AAAAA,GAAAA,gBACzB,KAAA,CAEE,UAAWC,EAAG,+BAAgC,CAC5C,OAAQD,EAAcE,YACtB,kBAAmB,CAACF,EAAcE,WAAAA,CAFvB,EAFf,WAOG,EAAD,CACE,KAAMF,KAAcG,MAAdH,OAAqB,GAC3B,UAAWC,EAAG,aAAc,CAC1B,aACE,CAACb,GAAmBA,GAAkBS,EAAWO,MACnD,aAAchB,EACd,2BAA4B,CAACY,EAAcE,WAAAA,CAJhC,EAFf,SASE,CAAAR,EAAA,IAAA,CAAG,UAAU,wBAAb,SAAsCM,EAAcK,OAApD,CAAA,EACCL,EAAcE,eACb,IAAA,CAAG,UAAU,UAAb,SAAwBF,EAAcE,WAAAA,CAX1C,CAAA,CAAA,CAAA,CAAA,EANKF,EAAcK,OADrB,GADD,CAFL,CAAA,EA8BF,SACE,MAAA,CACE,IAAKjC,EACL,GAAG,eACH,UAAW6B,EACT,uDACA,mGACA,CACE,sBAAuBb,EACvB,sBAAuBG,EACvB,sBAAuB,CAAClC,EACxB,sBAAuBA,CAAAA,CAPd,EAUb,sBAAoB,2BAbtB,SAeE,CAAAqC,EAAA,MAAA,CACE,UAAWO,EAAG,iCAAkC,CAC9C,WAAY5C,GAAoB,CAAC+B,EACjC,WAAY/B,GAAoB+B,EAChC,2BACE5B,IAAeO,EAA4BC,kBAC3CR,IAAeO,EAA4ByB,MAC7C,2BACEhC,IAAeO,EAA4BuB,iBAC3C9B,IAAeO,EAA4BsB,KAAAA,CARlC,EADf,WAYE,MAAA,CAAK,UAAU,iEAAf,SACE,CAACK,EAAA,EAAD,CAAA,CAAA,IACA,KAAA,CAAI,UAAU,kDAAd,SACE,CAAAA,EAAA,KAAA,CAAA,WACE,IAAA,CACE,KAAM/B,EAAKJ,OAAO4C,IAClB,UAAWF,EAAG,2BAA4B,CACxC,aAAcb,EACd,aAAc,CAACA,CAAAA,CAFJ,EAFf,SAOGjB,CAAAA,CAPH,CAAA,CADF,EAWAuB,EAAA,KAAA,CAAA,WACG,EAAD,CACE,aACA,SAAUrC,EACV,SAAU,IAAM,CACdO,EAAoB,CAACP,CAAF,EACnBQ,EAAoC,EAAD,EACnCC,EAAmC,EAAD,CACnC,EACD,UAAWH,EAAK2C,WAAWC,mBAAAA,CAR7B,CAAA,CAbJ,CAAA,CAAA,CAFF,CAAA,CAAA,CAAA,CAAA,CAZF,EAyCAb,EAAA,MAAA,CACE,GAAG,mBACH,aAAYhC,EACZ,UAHF,GAIE,SAAS,2CACT,UAAU,6CALZ,WAOE,KAAA,CAAI,UAAU,qBAAd,SACGR,EAAQ6C,IAAI,CAACS,EAASC,IAAAA,gBACrB,KAAA,CAEE,UAAWR,EAAG,yBAA0B,CACtC,YAAaQ,IAAiBtD,CAAAA,CADnB,EAFf,SAMGqD,EAAQL,IACPT,EAAC,EAAD,CACE,KAAMc,EAAQL,IACd,UAAWF,EACT,+CACA,CACE,aAAc,CAACb,EACf,aAAcA,CAAAA,CAJL,EAFf,SAUGoB,EAAQH,OAAAA,CAVX,EAaAK,EAAAC,EAAA,CAAA,SACE,CAAAjB,EAAA,MAAA,CACE,UAAWO,EACT,qIACA,CACE,4BAA6Bb,CAAAA,EAE/B,CACE,4BAA6BG,CAAAA,CANpB,EADf,WAWE,SAAA,CACE,KAAK,SACL,QAASf,EAAoB,IAC3BiC,AACIrD,EADJqD,IAAiBtD,EACA,GACAsD,CADD,CAFU,EAK5B,UAAU,uCACV,sBAAsB,GAAED,EAAQH,kBAC9BI,IAAiBtD,EAAY,QAAU,SAEzC,gBAAesD,IAAiBtD,EAChC,gBACEqD,EAAQH,QACH,GAAEG,EAAQH,oBACV,aAAYI,IAfrB,SAkBE,CAAAf,EAAA,OAAA,CAAM,UAAU,oDAAhB,SACGc,EAAQH,OAAAA,CADX,EAGAX,EAAA,MAAA,CAAK,UAAU,eAAf,WACG,EAAD,CACE,SAAUe,IAAiBtD,EAC3B,YAAA,CAFF,CAAA,CAtBJ,CAAA,CAAA,CAAA,CAAA,CAXF,EAwCAuC,EAAA,MAAA,CAAK,UAAU,kBAAf,WACE,MAAA,CACE,GACEc,EAAQH,QACH,GAAEG,EAAQH,oBACV,aAAYI,IAEnB,UAAWR,EACT,qEACA,CACE,iCACEQ,IAAiBtD,CAAAA,EAErB,CACE,0BAA2BsD,IAAiBtD,CAAAA,CAPnC,EANf,SAiBGqD,KAAQV,WAARU,cAAkBT,IAAKF,AAAAA,KACtB,MAAA,CAEE,UAAU,kBAFZ,SAIGA,EAAWO,MACVM,EAAA,MAAA,CACE,UAAWT,EACT,yDACA,CACE,eAAgBb,CAAAA,EAElB,CACE,kBAAmBG,CAAAA,CANV,EADf,SAWGM,CAAAA,EAAWQ,WACV,MAAA,CAAK,UAAU,wCAAf,SACGR,CAAAA,EAAWe,MAAQC,EAAQhB,EAAWe,IAAZ,EAC3BlB,EAAA,KAAA,CAAI,UAAU,kCAAd,SACGG,EAAWQ,OAAAA,CAHhB,CAAA,CAAA,CAAA,EAODT,EAAgBC,CAAD,CAnBlB,CAAA,CAAA,EAsBAa,EAAA,MAAA,CACE,UAAWT,EACT,sBACA,CACE,kBAAmBb,CAAAA,EAErB,CACE,kBAAmBG,CAAAA,CANV,EADf,SAWGM,CAAAA,EAAWQ,WACV,MAAA,CAAK,UAAU,oBAAf,SACGR,CAAAA,EAAWe,MAAQC,EAAQhB,EAAWe,IAAZ,EAC3BlB,EAAA,KAAA,CAAI,UAAU,kCAAd,SACGG,EAAWQ,OAAAA,CAHhB,CAAA,CAAA,CAAA,EAODT,EAAgBC,CAAD,CAnBlB,CAAA,CAAA,CAAA,EA1BGA,EAAWQ,OADlB,EADD,CAjBH,CAAA,CA1CJ,CAAA,CAAA,CAAA,CAAA,EAnBGG,EAAQH,OADf,EADD,CAAA,CADH,CAAA,CAPF,EAoJAK,EAAA,KAAA,CACE,UAAWT,EACT,qHACA,oLACA,CACE,kBAAmBb,CAAAA,EAErB,CACE,kBAAmBG,CAAAA,CAPV,EADf,SAYE,CAAAG,EAAA,KAAA,CAAI,UAAU,uBAAd,WACG,EAAD,CACE,KAAK,OACL,KAAMxB,EACN,QAAS4C,EAAcC,UACvB,MAAO,CAACC,MAAO,MAAR,EACP,MAAO5B,EAAiB6B,EAAYC,MAAQD,EAAYE,KACxD,cAAc,QANhB,SAQGlD,CAAAA,CARH,CAAA,CADF,EAYAyB,EAAA,KAAA,CAAI,UAAU,uBAAd,WACG,EAAD,CACE,KAAK,OACL,KAAMnC,EAAO4C,IACb,MAAO,CAACa,MAAO,MAAR,EACP,MAAO5B,EAAiB6B,EAAYC,MAAQD,EAAYE,KACxD,cAAc,SALhB,SAOGhD,CAAAA,CAPH,CAAA,CAzBJ,CAAA,CAAA,CA5MF,CAAA,CAAA,CADF,CAmPD"}