{"version":3,"file":"static/chunks/app/(allowed)/community/(list)/layout-181c0cae60b9be9e.js","mappings":"sFAAAA,QAAAC,OAAA,GAAAC,IAAA,CAAAC,EAAAC,IAAA,CAAAD,EAAA,8LCaA,IAAME,EAAe,CACnBC,cAAe,OACfC,WAAY,GACZC,QAAS,CAACC,EAAAA,EAAUA,CAAC,EAGjBC,EAAgBC,OAAOC,MAAM,CAAC,CAClCC,IAAK,CACHC,MAAO,KACPC,SAAU,EACZ,EACA,GAAGJ,OAAOK,WAAW,CACnBL,OAAOM,OAAO,CAACC,EAAAA,EAAsBA,EAAEC,MAAM,CAC3C,OAAC,EAAGC,EAAK,CAAAC,QAAKD,cAAAA,EAAKE,GAAG,GAEzB,GAGGC,EAAqB,IACzB,GAAIR,OAAAA,EAAmB,MAAO,GAE9B,IAAMS,EAAkBb,OAAOC,MAAM,CAACM,EAAAA,EAAsBA,EAAEO,IAAI,CAChE,GAAcV,EAASW,QAAQ,CAAC,IAAsBC,MAAA,CAAlBC,EAASb,QAAQ,IAGvD,OAAOS,EAAkBA,EAAgBT,QAAQ,CAAG,EACtD,EAEac,EAAoB,KAC/B,IAAMd,EAAWe,CAAAA,EAAAA,EAAAA,WAAAA,IACXC,EAAYC,CAAAA,EAAAA,EAAAA,MAAAA,EAA0B,MACtC,CAACC,EAAaC,EAAe,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,IAE/CC,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACR,GAAIL,EAAUM,OAAO,CAAE,CACrB,IAAMC,EAAc5B,EAAc6B,SAAS,CACzC,GAASC,EAAIzB,QAAQ,GAAKQ,EAAmBR,GAG3B,MAAhBuB,GACFP,EAAUM,OAAO,CAACI,OAAO,CAACH,EAAa,EAE3C,CACF,EAAG,CAACvB,EAAS,EAEbqB,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACS,eAAbrB,GAA6BkB,IAG/BS,WAAW,KACLX,EAAUM,OAAO,EAAIN,EAAUM,OAAO,CAACM,SAAS,GAClDZ,EAAUM,OAAO,CAACM,SAAS,CAACC,KAAK,CAACC,UAAU,CAAG,sBAC/Cd,EAAUM,OAAO,CAACS,YAAY,CAC5Bf,EAAUM,OAAO,CAACU,SAAS,CANhB,IASjB,EAAG,KAEHL,WAAW,KACLX,EAAUM,OAAO,EAAIN,EAAUM,OAAO,CAACM,SAAS,GAClDZ,EAAUM,OAAO,CAACM,SAAS,CAACC,KAAK,CAACC,UAAU,CAAG,sBAC/Cd,EAAUM,OAAO,CAACS,YAAY,CAC5Bf,EAAUM,OAAO,CAACU,SAAS,CAfhB,IAkBjB,EAAG,KAEHb,EAAe,IAEnB,EAAG,CAACnB,EAAUkB,EAAY,EAE1B,IAAMe,EAAiBzB,EAAmBR,GAE1C,MACE,GAAAkC,EAAAC,GAAA,EAACC,MAAAA,CAAIC,UAAU,oBACb,GAAAH,EAAAC,GAAA,EAACG,EAAAA,EAAMA,CAAAA,CACLC,SAAU,IACRvB,EAAUM,OAAO,CAAGkB,CACtB,EACC,GAAGlD,CAAY,CAChB+C,UAAU,sCACVI,aAAa,2BAEZ9C,EAAc+C,GAAG,CAAC,CAAApC,EAAsBqC,QAArB,CAAE5C,MAAAA,CAAK,CAAEC,SAAAA,CAAQ,CAAE,CAAAM,EAC/BsC,EAAaX,IAAmBjC,EAEtC,MACE,GAAAkC,EAAAW,IAAA,EAACC,EAAAA,EAAWA,CAAAA,CAAaT,UAAU,wBACjC,GAAAH,EAAAC,GAAA,EAACY,EAAAA,UAAUA,CAAAA,CAETC,QAAO,GACPX,UAAWY,CAAAA,EAAAA,EAAAA,EAAAA,EACT,wCACAL,EAAa,gBAAkB,iBAEjCM,KAAMC,EAAAA,EAAMA,CAACC,kBAAkB,CAACpD,QAAQ,CAAC,CACvCa,SAAUb,CACZ,YAECD,GAVI4C,GAYNC,EACC,GAAAV,EAAAC,GAAA,EAACkB,MAAAA,CACChB,UAAWY,CAAAA,EAAAA,EAAAA,EAAAA,EACT,2CACA,0CAGF,OArBYN,EAwBtB,MAIR,EC3FA,IAAAW,EA3BwB,OAAC,CAAEC,SAAAA,CAAQ,CAAqB,CAAAjD,EAChDN,EAAWe,CAAAA,EAAAA,EAAAA,WAAAA,IAEXyC,EAAcxD,MAAAA,EAAAA,KAAAA,EAAAA,EAAUW,QAAQ,CACpCR,EAAAA,EAAsBA,CAACsD,SAAS,CAACzD,QAAQ,EAG3C,MACE,GAAAkC,EAAAW,IAAA,EAACQ,MAAAA,CAAIhB,UAAU,0CACZmB,EACC,GAAAtB,EAAAC,GAAA,EAACuB,EAAAA,cAAcA,CAAAA,CAAC3D,MAAM,SAEtB,GAAAmC,EAAAW,IAAA,EAAAX,EAAAyB,QAAA,YACE,GAAAzB,EAAAC,GAAA,EAACuB,EAAAA,cAAcA,CAAAA,CACbE,aAAY,GACZC,WAAY,GACZC,UAAU,SAEZ,GAAA5B,EAAAC,GAAA,EAACrB,EAAiBA,CAAAA,MAIrByC,IAGP","sources":["webpack://_N_E/?e9d2","webpack://_N_E/./src/app/(allowed)/community/(list)/_components/CommunityCategory.tsx","webpack://_N_E/./src/app/(allowed)/community/(list)/layout.tsx"],"sourcesContent":["import(/* webpackMode: \"eager\" */ \"/codebuild/output/src3192975231/src/wello-client/packages/wello/src/app/(allowed)/community/(list)/layout.tsx\");\n","'use client';\n\nimport { cn } from '@common/utils';\nimport { usePathname } from 'next/navigation';\nimport { useEffect, useRef, useState } from 'react';\nimport type { Swiper as SwiperType } from 'swiper';\nimport { Mousewheel } from 'swiper/modules';\nimport type { SwiperProps } from 'swiper/react';\nimport { Swiper, SwiperSlide } from 'swiper/react';\n\nimport { CustomLink } from '@/components/atom/CustomLink';\nimport { COMMUNITY_HEADER_ITEMS, ROUTES } from '@/constants';\n\nconst SWIPER_PROPS = {\n  slidesPerView: 'auto',\n  mousewheel: true,\n  modules: [Mousewheel],\n} satisfies SwiperProps;\n\nconst CATEGORY_LIST = Object.values({\n  all: {\n    title: '전체',\n    pathname: '',\n  },\n  ...Object.fromEntries(\n    Object.entries(COMMUNITY_HEADER_ITEMS).filter(\n      ([, item]) => item.key !== 'welloNews',\n    ),\n  ),\n});\n\nconst getInitialCategory = (pathname: string | null) => {\n  if (pathname === null) return '';\n\n  const matchedCategory = Object.values(COMMUNITY_HEADER_ITEMS).find(\n    (category) => pathname.includes(`/${category.pathname}`),\n  );\n\n  return matchedCategory ? matchedCategory.pathname : '';\n};\n\nexport const CommunityCategory = () => {\n  const pathname = usePathname();\n  const swiperRef = useRef<SwiperType | null>(null);\n  const [initialLoad, setInitialLoad] = useState(true);\n\n  useEffect(() => {\n    if (swiperRef.current) {\n      const activeIndex = CATEGORY_LIST.findIndex(\n        (tab) => tab.pathname === getInitialCategory(pathname),\n      );\n\n      if (activeIndex !== -1) {\n        swiperRef.current.slideTo(activeIndex, 0);\n      }\n    }\n  }, [pathname]);\n\n  useEffect(() => {\n    if (pathname === '/community' && initialLoad) {\n      const distance = 10;\n\n      setTimeout(() => {\n        if (swiperRef.current && swiperRef.current.wrapperEl) {\n          swiperRef.current.wrapperEl.style.transition = 'transform 0.3s ease';\n          swiperRef.current.setTranslate(\n            swiperRef.current.translate - distance,\n          );\n        }\n      }, 500);\n\n      setTimeout(() => {\n        if (swiperRef.current && swiperRef.current.wrapperEl) {\n          swiperRef.current.wrapperEl.style.transition = 'transform 0.3s ease';\n          swiperRef.current.setTranslate(\n            swiperRef.current.translate + distance,\n          );\n        }\n      }, 800);\n\n      setInitialLoad(false);\n    }\n  }, [pathname, initialLoad]);\n\n  const selectCategory = getInitialCategory(pathname);\n\n  return (\n    <nav className=\"relative\">\n      <Swiper\n        onSwiper={(swiper) => {\n          swiperRef.current = swiper;\n        }}\n        {...SWIPER_PROPS}\n        className=\"flex border-b border-Gray-200 px-10\"\n        wrapperClass=\"justify-between\"\n      >\n        {CATEGORY_LIST.map(({ title, pathname }, index) => {\n          const isSelected = selectCategory === pathname;\n\n          return (\n            <SwiperSlide key={index} className=\"w-fit py-16\">\n              <CustomLink\n                key={index}\n                replace\n                className={cn(\n                  'px-8 font-700 duration-300 typo-body4',\n                  isSelected ? 'text-Gray-900' : 'text-Gray-700',\n                )}\n                href={ROUTES.COMMUNITY_CATEGORY.pathname({\n                  category: pathname,\n                })}\n              >\n                {title}\n              </CustomLink>\n              {isSelected ? (\n                <div\n                  className={cn(\n                    'absolute bottom-0 h-2 w-full bg-Gray-900',\n                    'animate-flip-up animate-duration-300',\n                  )}\n                />\n              ) : null}\n            </SwiperSlide>\n          );\n        })}\n      </Swiper>\n    </nav>\n  );\n};\n","'use client';\n\nimport { usePathname } from 'next/navigation';\nimport type { PropsWithChildren } from 'react';\n\nimport { PageNavigation } from '@/components/client';\nimport { COMMUNITY_HEADER_ITEMS } from '@/constants';\n\nimport { CommunityCategory } from './_components/CommunityCategory';\n\nconst CommunityLayout = ({ children }: PropsWithChildren) => {\n  const pathname = usePathname();\n\n  const isWelloNews = pathname?.includes(\n    COMMUNITY_HEADER_ITEMS.welloNews.pathname,\n  );\n\n  return (\n    <div className=\"relative flex flex-1 flex-col\">\n      {isWelloNews ? (\n        <PageNavigation title=\"웰로소식\" />\n      ) : (\n        <>\n          <PageNavigation\n            searchButton\n            backButton={false}\n            titleLeft=\"커뮤니티\"\n          />\n          <CommunityCategory />\n        </>\n      )}\n\n      {children}\n    </div>\n  );\n};\n\nexport default CommunityLayout;\n"],"names":["Promise","resolve","then","__webpack_require__","bind","SWIPER_PROPS","slidesPerView","mousewheel","modules","Mousewheel","CATEGORY_LIST","Object","values","all","title","pathname","fromEntries","entries","COMMUNITY_HEADER_ITEMS","filter","item","param","key","getInitialCategory","matchedCategory","find","includes","concat","category","CommunityCategory","usePathname","swiperRef","useRef","initialLoad","setInitialLoad","useState","useEffect","current","activeIndex","findIndex","tab","slideTo","setTimeout","wrapperEl","style","transition","setTranslate","translate","selectCategory","jsx_runtime","jsx","nav","className","Swiper","onSwiper","swiper","wrapperClass","map","index","isSelected","jsxs","SwiperSlide","CustomLink","replace","cn","href","ROUTES","COMMUNITY_CATEGORY","div","layout","children","isWelloNews","welloNews","PageNavigation","Fragment","searchButton","backButton","titleLeft"],"sourceRoot":""}