{"version":3,"file":"static/chunks/2179-20a0f55f5dd51f92.js","mappings":"AAIA","sources":["webpack://_N_E/./src/components/Brand/BrandAdBanner.tsx","webpack://_N_E/./src/components/Brand/Products/BrandSearchBar.tsx","webpack://_N_E/./src/components/Brand/Products/Category/BrandCategory.tsx","webpack://_N_E/./src/components/Brand/Products/ProductSwiper.tsx","webpack://_N_E/./src/components/Brand/Products/Search/useSearchBarHandler.ts","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/queriesObserver.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/useQueries.mjs","webpack://_N_E/./src/components/Brand/Products/useBrandAllSearch.ts","webpack://_N_E/./src/components/common/Accordian/context.tsx","webpack://_N_E/./src/components/common/Accordian/index.tsx","webpack://_N_E/./src/components/common/Button/ButtonWithArrow.tsx","webpack://_N_E/./src/pages/labs/[author]/products/index.tsx","webpack://_N_E/./node_modules/swiper/swiper-bundle.css","webpack://_N_E/"],"sourcesContent":["//TODO 샘플 애드배너\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { AdBannerList, useAdBannerQuery } from \"../Banner/AdBanner\";\nimport { useBrandStore } from \"./BrandProvider\";\nexport const BrandAdBanner = ()=>{\n const name = useBrandStore((state)=>state.brand.name);\n const { adBannerResponse , noAdItems } = useAdBannerQuery({\n position: \"brandHome\",\n pageId: name\n });\n if (noAdItems) return null;\n return /*#__PURE__*/ _jsx(AdBannerList, {\n position: \"brandHome\",\n children: adBannerResponse.items.map((param)=>/*#__PURE__*/ {\n let { link , imageUrl , id } = param;\n return _jsx(AdBannerList.Item, {\n link: link,\n imageUrl: imageUrl,\n id: id,\n mixpanelPosition: \"product detail page\"\n }, \"adbanner-\" + id);\n })\n });\n};\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport Icon from \"@/components/icon/Icon\";\nimport { Close, Search, Sizes } from \"@/components/icon/IconList\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { TextField } from \"@bookips/solvook-ui-library\";\nimport { Box, Divider, IconButton, InputBase, MenuItem, Paper, styled } from \"@mui/material\";\nimport { useState } from \"react\";\nimport { SubjectsWithString } from \"src/api/product\";\nimport { useBrandStore } from \"../BrandProvider\";\nimport useSearchBarHandler from \"./Search/useSearchBarHandler\";\nconst DefaultInput = (props)=>{\n return /*#__PURE__*/ _jsx(InputBase, {\n ...props\n });\n};\nconst BrandSearchBar = (param)=>{\n let { keyword , handleKeyword , currentSubject , handleMenu , handleMenuChange , submit } = param;\n const [focus, setFocus] = useState(false);\n const name = useBrandStore((state)=>state.brand.name);\n const { deleteKeyword , handleChangePath } = useSearchBarHandler({\n useAsPath: true\n });\n return /*#__PURE__*/ _jsxs(SearchBarBox, {\n className: keyword || focus ? \"active\" : \"\",\n component: \"form\",\n onSubmit: (e)=>{\n e.preventDefault();\n },\n children: [\n /*#__PURE__*/ _jsxs(HandlerBox, {\n select: true,\n value: currentSubject || \"\",\n onChange: (e)=>{\n //mx-191\n mixpanelEvent(\"Search Type Handler Clicked\", {\n Type: \"Brand Home\",\n \"Brand Name\": name\n });\n handleMenuChange(e.target.value);\n },\n onFocus: ()=>setFocus(true),\n onBlur: ()=>setFocus(false),\n children: [\n handleMenu.length > 1 && /*#__PURE__*/ _jsx(MenuItem, {\n value: \"all\",\n children: \"전체\"\n }, 0),\n handleMenu.map((menu, index)=>/*#__PURE__*/ _jsx(MenuItem, {\n value: menu,\n children: \"\".concat(SubjectsWithString[menu], \" 자료\")\n }, index + 1))\n ]\n }),\n /*#__PURE__*/ _jsxs(InputBox, {\n className: keyword || focus ? \"active\" : \"\",\n children: [\n /*#__PURE__*/ _jsx(DefaultInput, {\n value: keyword,\n onFocus: ()=>setFocus(true),\n onBlur: ()=>setFocus(false),\n onChange: (e)=>{\n handleKeyword(e.target.value);\n },\n placeholder: \"이 브랜드의 상품 찾기\"\n }),\n (keyword === null || keyword === void 0 ? void 0 : keyword.length) > 0 && /*#__PURE__*/ _jsxs(_Fragment, {\n children: [\n /*#__PURE__*/ _jsx(IconButton, {\n type: \"button\",\n onClick: ()=>{\n handleKeyword(\"\");\n deleteKeyword();\n handleChangePath();\n },\n color: \"primary\",\n sx: (theme)=>{\n return {\n p: \"8px\",\n i: {\n backgroundColor: theme.palette.grey[800],\n borderRadius: \"50%\",\n padding: \"2px\"\n }\n };\n },\n children: /*#__PURE__*/ _jsx(Icon, {\n icon: Close,\n size: Sizes.small,\n color: \"#fff\"\n })\n }),\n /*#__PURE__*/ _jsx(Divider, {\n sx: {\n height: 12,\n m: 1\n },\n orientation: \"vertical\"\n })\n ]\n }),\n /*#__PURE__*/ _jsx(IconButton, {\n type: \"submit\",\n onClick: submit,\n sx: {\n p: \"8px\",\n \":hover\": {\n backgroundColor: \"transparent\"\n }\n },\n children: /*#__PURE__*/ _jsx(Icon, {\n icon: Search,\n size: Sizes.medium\n })\n })\n ]\n })\n ]\n });\n};\nconst SearchBarBox = styled(Paper)((param)=>{\n let { theme } = param;\n return {\n display: \"flex\",\n height: \"48px\",\n alignItems: \"center\",\n // margin: '32px 0',\n overflow: \"hidden\",\n borderRadius: \"24px\",\n backgroundColor: \"rgba(169, 175, 199, 0.2)\",\n // margin: '40px 0 ',\n \"& .MuiTextField-root\": {\n height: \"100%\"\n },\n \"&.active\": {\n border: \"1px solid \".concat(theme.palette.grey[200])\n },\n [theme.breakpoints.down(\"lg\")]: {\n margin: \"0 32px\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n margin: \"0 20px\"\n }\n };\n});\n// mui paper 이슈로 인해, 타입을 한번 더 paper로 잡아주었습니다. https://github.com/mui/material-ui/issues/13921\nconst InputBox = styled(Box)((param)=>{\n let { theme } = param;\n return {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"space-between\",\n padding: \"6px 12px\",\n \"&.active\": {\n backgroundColor: theme.palette.blackAndWhite.white\n },\n \".MuiInputBase-root\": {\n width: \"100%\",\n input: {}\n },\n \":hover\": {\n backgroundColor: \"rgba(169, 175, 199, 0.20)\"\n }\n };\n});\nconst HandlerBox = styled(TextField)((param)=>{\n let { theme } = param;\n return {\n flexShrink: 0,\n \"& .MuiInputBase-input\": {\n ...theme.typography.subtitle2\n },\n \"& .MuiOutlinedInput-root\": {\n backgroundColor: \"transparent !important\",\n borderRadius: \"0\",\n height: \"100%\",\n \"&:hover\": {\n backgroundColor: \"rgba(169, 175, 199, 0.2) !important\"\n }\n },\n \"& fieldset\": {\n borderColor: \"transparent !important\"\n }\n };\n});\nexport default BrandSearchBar;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { ButtonWithArrow } from \"@/components/common/Button/ButtonWithArrow\";\nimport { useCategoryFilterHandler } from \"@/hooks/useCategoryFilterHandler\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { BRAND_HOME_PAGE, BRAND_PRODUCTS_PAGE, LAB_PRODUCTS_CATEGORY } from \"@/settings/constant\";\nimport { Box, Divider, Typography, styled, useTheme } from \"@mui/material\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useMemo } from \"react\";\nimport { getBrandCategory } from \"src/api/brand\";\nimport { StyleBox } from \"src/pages/labs/[author]/products\";\nimport { Accordions, AccordionsContainer } from \"../../../common/Accordian\";\nimport Icon from \"../../../icon/Icon\";\nimport { ArrowDown, Sizes } from \"../../../icon/IconList\";\nimport { useBrandStore } from \"../../BrandProvider\";\nimport { routerOptions } from \"../Search/useSearchBarHandler\";\nexport const DEFAULT_EMOJI = \"\\uD83C\\uDFB2\";\nconst CATEGORY_PATH = \"/category\";\nconst BrandCategory = (param)=>{\n let { isStyledRadius , onClose } = param;\n const router = useRouter();\n const { asPath } = useRouter();\n const theme = useTheme();\n const name = useBrandStore((state)=>state.brand.name);\n const { handleCategoryMenu } = useCategoryFilterHandler({\n isUseAsPath: true,\n routerOptions: routerOptions\n });\n const { isMobile , isTablet } = useWindowDimensions();\n const path = useMemo(()=>{\n // category 경로가 없을 경우, 붙여줍니다\n const current = asPath.split(\"?\")[0];\n if (!current.includes(\"products\")) return LAB_PRODUCTS_CATEGORY //상품 페이지가 아닌 페이지에서의 카테고리페이지 이동\n ;\n else if (!current.includes(\"category\")) return CATEGORY_PATH //카테고리 페이지가 아닌 페이지에서의 카테고리페이지 이동\n ;\n return \"\" //category 페이지 내에서의 이동\n ;\n }, [\n asPath\n ]);\n const onCategoryMenuClick = useCallback((id)=>{\n handleCategoryMenu(id, path);\n }, [\n path,\n handleCategoryMenu\n ]);\n const { data: categoryData } = useQuery([\n \"brandCategory\",\n name\n ], ()=>getBrandCategory(name), {\n enabled: !!name\n });\n if (!(categoryData === null || categoryData === void 0 ? void 0 : categoryData.depthItems.length)) return null;\n var _oneDepth_emoji, _oneDepth_emoji1, _item_emoji;\n return /*#__PURE__*/ _jsxs(Container, {\n children: [\n // 브랜드가 없을때는 해당 컴포넌트 노출 안함\n /*#__PURE__*/ _jsx(StyleBox, {\n sx: {\n display: isStyledRadius ? \"block\" : \"none\"\n },\n children: /*#__PURE__*/ _jsx(Typography, {\n variant: \"h5\",\n children: \"브랜드 카테고리\"\n })\n }),\n /*#__PURE__*/ _jsx(CategoryBox, {\n children: /*#__PURE__*/ _jsx(Box, {\n children: /*#__PURE__*/ _jsx(AccordionsContainer, {\n sx: {\n width: \"100%\"\n },\n children: categoryData && categoryData.depthItems.map((oneDepth)=>{\n var _oneDepth_items, _oneDepth_items1, _oneDepth_items2;\n /*#__PURE__*/ return _jsxs(Accordions, {\n id: String(oneDepth.categoryId),\n sx: {\n padding: 0,\n boxShadow: \"none\",\n \"&.MuiPaper-root\": {\n margin: 0,\n width: \"100% !important\"\n },\n \"&.MuiPaper-root.Mui-expanded\": {\n width: \"100% !important\",\n overflow: \"hidden\",\n backgroundColor: theme.palette.grey[0],\n borderRadius: isStyledRadius ? \"6px\" : \"none\",\n [theme.breakpoints.down(\"lg\")]: {\n borderRadius: \"0\"\n }\n }\n },\n children: [\n /*#__PURE__*/ _jsx(Accordions.Summary, {\n expandIcon: ((_oneDepth_items = oneDepth.items) === null || _oneDepth_items === void 0 ? void 0 : _oneDepth_items.length) && /*#__PURE__*/ _jsx(Icon, {\n icon: ArrowDown,\n color: theme.palette.grey[300],\n size: Sizes.small\n }),\n sx: (theme)=>({\n ...stylesSummary(theme),\n \".MuiAccordionSummary-content\": {\n width: \"100%\"\n }\n }),\n onClick: ()=>{\n //mx-195 카테고리 메뉴 클릭시\n mixpanelEvent(\"Brand Category Menu Clicked\", {\n Depth: 1,\n \"Menu Name\": oneDepth.title,\n Url: null,\n \"Brand Name\": name,\n Position: isStyledRadius ? asPath === BRAND_HOME_PAGE(name) ? \"홈 탭\" : \"상품 탭\" : \"사이드시트\"\n });\n },\n children: ((_oneDepth_items1 = oneDepth.items) === null || _oneDepth_items1 === void 0 ? void 0 : _oneDepth_items1.length) ? /*#__PURE__*/ _jsxs(\"p\", {\n style: {\n display: \"flex\",\n gap: \"6px\",\n color: theme.palette.text.primary\n },\n children: [\n \"\".concat((_oneDepth_emoji = oneDepth.emoji) !== null && _oneDepth_emoji !== void 0 ? _oneDepth_emoji : DEFAULT_EMOJI, \" \").concat(oneDepth.title),\n /*#__PURE__*/ _jsx(Typography, {\n variant: \"body1\",\n component: \"span\",\n sx: {\n color: theme.palette.text.disabled\n },\n children: oneDepth.count\n })\n ]\n }) : /*#__PURE__*/ _jsxs(Typography, {\n component: \"button\",\n onClick: ()=>{\n onCategoryMenuClick(oneDepth.categoryId);\n //mx-195 카테고리 메뉴 클릭시\n mixpanelEvent(\"Brand Category Menu Clicked\", {\n Depth: 1,\n \"Menu Name\": oneDepth.title,\n Url: path,\n \"Brand Name\": name,\n Position: isStyledRadius ? asPath === BRAND_HOME_PAGE(name) ? \"홈 탭\" : \"상품 탭\" : \"사이드시트\"\n });\n if (onClose) onClose();\n },\n sx: {\n all: \"unset\",\n cursor: \"pointer\"\n },\n children: [\n \"\".concat((_oneDepth_emoji1 = oneDepth.emoji) !== null && _oneDepth_emoji1 !== void 0 ? _oneDepth_emoji1 : DEFAULT_EMOJI, \" \").concat(oneDepth.title, \" \"),\n /*#__PURE__*/ _jsx(Typography, {\n variant: \"body1\",\n component: \"span\",\n sx: {\n color: theme.palette.text.disabled\n },\n children: oneDepth.count\n })\n ]\n })\n }),\n ((_oneDepth_items2 = oneDepth.items) === null || _oneDepth_items2 === void 0 ? void 0 : _oneDepth_items2.length) && /*#__PURE__*/ _jsx(Accordions.Details, {\n children: /*#__PURE__*/ _jsx(\"ul\", {\n style: {},\n children: oneDepth.items.map((item, index)=>/*#__PURE__*/ _jsx(CategoryRow, {\n component: \"button\",\n onClick: ()=>{\n onCategoryMenuClick(item.categoryId);\n //mx-195 카테고리 메뉴 클릭시\n mixpanelEvent(\"Brand Category Menu Clicked\", {\n Depth: 2,\n \"Menu Name\": item.title,\n Url: path,\n \"Brand Name\": name,\n Position: isStyledRadius ? asPath === BRAND_HOME_PAGE(name) ? \"홈 탭\" : \"상품 탭\" : \"사이드시트\"\n });\n if (onClose) onClose();\n },\n children: /*#__PURE__*/ _jsxs(Typography, {\n sx: {\n all: \"unset\",\n cursor: \"pointer\",\n width: \"100%\"\n },\n children: [\n \"\".concat((_item_emoji = item.emoji) !== null && _item_emoji !== void 0 ? _item_emoji : DEFAULT_EMOJI, \" \").concat(item.title, \" \"),\n /*#__PURE__*/ _jsx(Typography, {\n variant: \"body1\",\n component: \"span\",\n sx: {\n color: theme.palette.text.disabled\n },\n children: item.count\n })\n ]\n })\n }, index))\n })\n })\n ]\n }, oneDepth.categoryId);\n })\n })\n })\n }),\n asPath === BRAND_HOME_PAGE(name) && (categoryData === null || categoryData === void 0 ? void 0 : categoryData.depthItems.length) > 0 && /*#__PURE__*/ _jsxs(_Fragment, {\n children: [\n /*#__PURE__*/ _jsx(Box, {\n sx: {\n display: \"flex\"\n },\n children: /*#__PURE__*/ _jsx(ButtonWithArrow, {\n variant: isTablet ? \"strokeSecondary\" : \"text\",\n iconColor: \"#6A708A\",\n onClick: ()=>{\n //mx-28 전체보기 버튼 클릭시\n mixpanelEvent(\"More Button Clicked\", {\n \"Button Type\": \"브랜드 홈\",\n \"Button Name\": \"전체보기\",\n \"Button Url\": BRAND_PRODUCTS_PAGE(name)\n });\n router.push(BRAND_PRODUCTS_PAGE(name));\n },\n sx: (theme)=>({\n width: \"100%\",\n color: \"#6A708A\",\n fontSize: \"16px\",\n margin: \"12px 32px 0 32px\",\n [theme.breakpoints.down(\"sm\")]: {\n margin: \"12px 20px 0 20px\"\n }\n }),\n children: \"전체보기\"\n }, \"button\")\n }),\n /*#__PURE__*/ _jsx(Divider, {\n sx: (theme)=>({\n marginTop: \"40px\",\n [theme.breakpoints.down(\"lg\")]: {\n marginTop: \"32px\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n marginTop: \"28px\"\n }\n })\n })\n ]\n })\n ]\n });\n};\nconst Container = styled(\"div\")((param)=>{\n let { theme } = param;\n return {};\n});\nconst CategoryBox = styled(\"div\")((param)=>{\n let { theme } = param;\n return {\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n gap: \"12px\",\n li: {\n \"&:hover\": {\n cursor: \"pointer\",\n backgroundColor: \"rgba(169, 175, 199, 0.20)\"\n }\n },\n [theme.breakpoints.down(\"lg\")]: {\n borderRadius: \"0\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n borderRadius: \"0\"\n }\n };\n});\nconst stylesSummary = (theme)=>({\n ...theme.typography.subtitle1,\n color: theme.palette.text.secondary,\n justifyContent: \"space-between\",\n gap: \"8px\",\n flexGrow: \"inherit\",\n padding: \"12px 20px\",\n \"&.MuiAccordionSummary-root.Mui-expanded\": {\n backgroundColor: \"rgba(169, 175, 199, 0.20)\",\n minHeight: \"48px\",\n margin: 0,\n // overflow: 'hidden',\n [theme.breakpoints.down(\"lg\")]: {\n borderRadius: \"0\",\n padding: \"0 32px\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n borderRadius: \"0\",\n padding: \"0 20px\"\n }\n },\n \".Mui-focusVisible\": {\n backgroundColor: \"none\"\n },\n \"&.MuiAccordionSummary-root\": {\n [theme.breakpoints.down(\"lg\")]: {\n padding: \"12px 32px\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n padding: \"12px 20px\"\n }\n },\n \"&.MuiAccordionSummary-root:hover\": {\n backgroundColor: \"rgba(169, 175, 199, 0.20)\"\n }\n });\nconst CategoryRow = styled(\"li\")((param)=>{\n let { theme } = param;\n return {\n width: \"100%\",\n padding: \"12px 40px\",\n textAlign: \"left\",\n // margin: '0 20px',\n button: {\n padding: \"0 20px\"\n },\n [theme.breakpoints.down(\"lg\")]: {\n padding: \"12px 40px\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n padding: \"12px 20px\"\n }\n };\n});\nexport default BrandCategory;\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useAuthStore } from \"@/lib/auth/AuthStore\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { BRAND_SEARCH_PAGE } from \"@/settings/constant\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { Box, Typography, styled, useTheme } from \"@mui/material\";\nimport { useMemo, useRef } from \"react\";\nimport { SubjectsWithString } from \"src/api/product\";\nimport SwiperCore, { A11y, Autoplay, EffectCoverflow, Grid, Navigation, Pagination, Scrollbar } from \"swiper\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport \"swiper/swiper-bundle.css\";\nimport { BookCard } from \"../../Landing/BookCard\";\nimport { ManualCurationSectionWrapper } from \"../../Landing/ManualCurationSection\";\nimport { SwiperCustomButton } from \"../../Landing/SwiperCustomButton\";\nimport Icon from \"../../icon/Icon\";\nimport { ArrowRight1_5px, ArrowRight2px, Sizes } from \"../../icon/IconList\";\nimport { useBrandStore } from \"../BrandProvider\";\nimport { SWIPER_LIMIT } from \"./useBrandAllSearch\";\nconst ProductSwiper = (param)=>{\n let { subject , count , items , routerChange } = param;\n SwiperCore.use([\n Navigation,\n Pagination,\n Scrollbar,\n Autoplay,\n A11y,\n Grid,\n EffectCoverflow\n ]);\n const { isLoggedIn } = useAuthStore();\n const name = useBrandStore((state)=>state.brand.name);\n const theme = useTheme();\n const swiperRef = useRef(null);\n const isMoreButton = useMemo(()=>count > SWIPER_LIMIT, [\n count\n ]);\n const { isMobile , isTablet } = useWindowDimensions();\n return /*#__PURE__*/ _jsx(SwiperBox, {\n children: /*#__PURE__*/ _jsx(\"div\", {\n children: /*#__PURE__*/ _jsxs(ManualCurationSectionWrapper, {\n style: {\n margin: \"0\"\n },\n children: [\n /*#__PURE__*/ _jsxs(\"div\", {\n className: \"header\",\n style: {\n alignItems: \"center\",\n gap: \"8px\",\n marginBottom: \"12px\"\n },\n children: [\n /*#__PURE__*/ _jsxs(Title, {\n variant: \"h5\",\n children: [\n /*#__PURE__*/ _jsxs(\"p\", {\n style: {\n display: \"flex\",\n gap: \"6px\"\n },\n children: [\n \"\".concat(SubjectsWithString[subject], \"자료\"),\n /*#__PURE__*/ _jsx(\"span\", {\n style: {\n color: theme.palette.blue[400]\n },\n children: count\n })\n ]\n }),\n isMoreButton && !isTablet && /*#__PURE__*/ _jsx(Button, {\n variant: \"text\",\n onClick: ()=>{\n //mx-28 전체보기 버튼 클릭시\n mixpanelEvent(\"More Button Clicked\", {\n \"Button Type\": \"Brand Home Products\",\n \"Button Name\": \"전체보기\",\n \"Button Url\": \"\".concat(BRAND_SEARCH_PAGE(name), \"?subject=\").concat(subject),\n \"UI type\": \"text\"\n });\n routerChange();\n },\n sx: {\n padding: \"6px 12px\"\n },\n children: /*#__PURE__*/ _jsx(Typography, {\n variant: \"subtitle2\",\n color: theme.palette.text.secondary,\n children: \"전체보기\"\n })\n })\n ]\n }),\n /*#__PURE__*/ _jsx(SwiperCustomButton, {\n nextClassName: \"manual-button-next-\".concat(subject),\n prevClassName: \"manual-button-prev-\".concat(subject)\n })\n ]\n }),\n /*#__PURE__*/ _jsxs(Swiper, {\n ref: swiperRef,\n height: 382,\n // width={224}\n scrollbar: false,\n slidesPerView: \"auto\",\n spaceBetween: 20,\n navigation: {\n nextEl: \".manual-button-next-\".concat(subject),\n prevEl: \".manual-button-prev-\".concat(subject)\n },\n children: [\n items === null || items === void 0 ? void 0 : items.map((book, index)=>{\n return /*#__PURE__*/ _jsx(SwiperSlide, {\n onClick: ()=>{\n //mx-189 브랜드 상품 모듈 클릭시\n mixpanelEvent(\"Brand Product Clicked\", {\n \"author Name\": book.author,\n \"Coupon Badge\": book.isCouponAvailable,\n \"Review Badge\": book.rating,\n isLoggedIn: isLoggedIn,\n price: book.price,\n productId: book.id,\n productTitle: book.title,\n productType: \"handout\",\n subject: subject,\n \"Brand Name\": book.author\n });\n },\n style: {\n flexShrink: 1\n },\n children: /*#__PURE__*/ _jsx(BookCard, {\n book: book,\n index: index,\n positionType: \"curation\",\n mixpanelPosition: \"브랜드홈\"\n }, \"manual-book-info-\".concat(index))\n }, \"item-\".concat(index));\n }),\n isMoreButton && /*#__PURE__*/ _jsx(SwiperSlide, {\n onClick: ()=>{\n //mx-28 전체보기 버튼 클릭시\n mixpanelEvent(\"More Button Clicked\", {\n \"Button Type\": \"Brand Home Products\",\n \"Button Name\": \"전체보기\",\n \"Button Url\": \"\".concat(BRAND_SEARCH_PAGE(name), \"?subject=\").concat(subject),\n \"UI type\": \"icon\"\n });\n routerChange();\n },\n style: {\n flexShrink: 1\n },\n children: /*#__PURE__*/ _jsxs(AllButton, {\n role: \"link\",\n children: [\n /*#__PURE__*/ _jsx(Typography, {\n children: /*#__PURE__*/ _jsx(Icon, {\n icon: ArrowRight2px,\n size: Sizes.medium,\n color: theme.palette.blackAndWhite.white\n })\n }),\n /*#__PURE__*/ _jsx(Typography, {\n variant: \"subtitle1\",\n children: \"전체 보기\"\n })\n ]\n })\n }, \"item-\".concat(items.length + 1))\n ]\n }),\n isTablet && /*#__PURE__*/ _jsx(Button, {\n variant: \"strokeSecondary\",\n label: \"전체보기\",\n endIcon: /*#__PURE__*/ _jsx(Icon, {\n icon: ArrowRight1_5px,\n size: Sizes.small\n }),\n color: \"secondary\",\n onClick: ()=>{\n //mx-28 전체보기 버튼 클릭시\n mixpanelEvent(\"More Button Clicked\", {\n \"Button Type\": \"Brand Home Products\",\n \"Button Name\": \"전체보기\",\n \"Button Url\": \"\".concat(BRAND_SEARCH_PAGE(name), \"?subject=\").concat(subject),\n \"UI type\": \"text\"\n });\n routerChange();\n },\n sx: (theme)=>({\n ...theme.typography.subtitle1,\n color: theme.palette.text.secondary,\n outlineColor: theme.palette.text.secondary,\n margin: \"24px 32px\",\n width: \"fill-available\",\n [theme.breakpoints.down(\"sm\")]: {\n margin: \"24px 20px\"\n }\n })\n })\n ]\n }, \"manual-\".concat(subject))\n })\n });\n};\nconst SwiperBox = styled(\"div\")((param)=>{\n let { theme } = param;\n return {\n maxWidth: \"824px\",\n // margin: '40px 0',\n \".book-info-wrapper\": {\n width: \"191px !important\",\n [theme.breakpoints.down(\"lg\")]: {\n width: \"224px !important\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n width: \"150px !important\"\n }\n },\n \".header\": {\n [theme.breakpoints.down(\"lg\")]: {\n margin: \"0 32px\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n margin: \"0 20px\"\n }\n },\n \".swiper\": {\n [theme.breakpoints.down(\"lg\")]: {\n paddingLeft: \"32px\",\n paddingRight: \"32px\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n paddingLeft: \"20px\",\n paddingRight: \"20px\"\n }\n },\n [theme.breakpoints.down(\"lg\")]: {\n maxWidth: \"100%\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n }\n };\n});\nconst Title = styled(Typography)((param)=>{\n let { theme } = param;\n return {\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\"\n };\n});\nconst AllButton = styled(Box)((param)=>{\n let { theme } = param;\n return {\n width: \"100%\",\n minWidth: \"191px\",\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"12px\",\n alignItems: \"center\",\n justifyContent: \"center\",\n cursor: \"pointer\",\n marginRight: \"20px\",\n \"&:hover\": {\n borderRadius: \"6px\",\n backgroundColor: \"rgba(169, 175, 199, 0.20)\"\n },\n p: {\n display: \"flex\",\n width: \"fit-content\",\n borderRadius: \"50px\",\n backgroundColor: theme.palette.text.primary,\n padding: \"12px\"\n },\n [theme.breakpoints.down(\"lg\")]: {\n minWidth: \"224px\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n minWidth: \"150px\",\n marginRight: \"12px\"\n }\n };\n});\nexport default ProductSwiper;\n","import useSearchParams from \"@/hooks/useSearchParams\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { BRAND_FULL_SEARCH_PAGE, BRAND_SEARCH_PAGE } from \"@/settings/constant\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { FilterKey } from \"src/api/brand\";\nimport { SearchQueryKey } from \"src/api/search\";\nimport { useBrandStore } from \"../../BrandProvider\";\nexport const routerOptions = {\n shallow: true,\n scroll: false\n};\nconst ALL_SUBJECT = \"all\";\nconst useSearchBarHandler = (props)=>{\n const name = useBrandStore((state)=>state.brand.name);\n const { push , pathname , asPath } = useRouter();\n const [currentSubject, setCurrentSubject] = useState(ALL_SUBJECT);\n const [keyword, setKeyword] = useState(\"\");\n const searchParams = useSearchParams();\n const resultKeyword = useMemo(()=>searchParams.get(\"q\"), [\n searchParams\n ]);\n const resultSubject = useMemo(()=>searchParams.get(\"subject\"), [\n searchParams\n ]);\n const checkAsPath = useMemo(()=>{\n return (props === null || props === void 0 ? void 0 : props.useAsPath) ? asPath.split(\"?\")[0] : pathname;\n }, [\n asPath,\n pathname\n ]);\n //path 변경의 핸들러\n const handleChangePath = useCallback((path)=>{\n const findPath = path ? path : (props === null || props === void 0 ? void 0 : props.useAsPath) ? checkAsPath : pathname;\n push({\n pathname: findPath,\n query: searchParams.toString()\n }, undefined, routerOptions);\n }, [\n push,\n searchParams\n ]);\n const handleDetailFilter = useCallback((filterName, filterItem)=>{\n //pagination 을 여기서 챙겨야 할지 살펴보자\n const isExist = searchParams.getAll(filterName);\n if (isExist) {\n searchParams.set(SearchQueryKey[filterName.toUpperCase()], filterItem);\n } else {\n searchParams.append(filterName, filterItem.toString());\n }\n }, [\n searchParams\n ]);\n const deleteKeyword = useCallback(()=>{\n searchParams.delete(SearchQueryKey.KEYWORD);\n }, [\n searchParams\n ]);\n const resetAllQuery = useCallback(()=>{\n if (searchParams.get(\"page\")) searchParams.delete(\"page\");\n //키워드 제외 모두 제거\n for(const key in FilterKey){\n searchParams.delete(FilterKey[key]);\n }\n }, [\n searchParams\n ]);\n // 과목 핸들러 체인지\n const handleMenuChangeHandler = useCallback((subject)=>{\n setCurrentSubject(subject);\n handleDetailFilter(SearchQueryKey.SUBJECT, subject);\n }, [\n handleDetailFilter\n ]);\n // 검색 버튼 클릭\n const handleSearchSubmitClick = useCallback(()=>{\n if (!keyword) return;\n //mx-192\n mixpanelEvent(\"[Brand] Searched from Search-bar\", {\n \"Search Category\": currentSubject,\n \"Search Term\": keyword\n });\n setKeyword(keyword);\n // 과목과 키워드를 제외하고 다른 필터 query를 제거한다.\n if (currentSubject === ALL_SUBJECT) {\n resetAllQuery();\n handleDetailFilter(\"keyword\", keyword);\n handleChangePath(\"\".concat(BRAND_FULL_SEARCH_PAGE(name)));\n } else {\n handleDetailFilter(\"keyword\", keyword);\n handleChangePath(\"\".concat(BRAND_SEARCH_PAGE(name)));\n }\n }, [\n keyword,\n currentSubject\n ]);\n // query string에 subject가 있을 경우 해당 과목으로 설정\n useEffect(()=>{\n if (currentSubject === ALL_SUBJECT && searchParams.get(SearchQueryKey.SUBJECT)) {\n setCurrentSubject(()=>searchParams.get(SearchQueryKey.SUBJECT));\n }\n }, [\n searchParams\n ]);\n // query string에 keyword가 있을 경우 해당 키워드로 설정\n useEffect(()=>{\n if (!keyword && searchParams.get(SearchQueryKey.KEYWORD)) {\n setKeyword(searchParams.get(SearchQueryKey.KEYWORD));\n }\n }, [\n searchParams\n ]);\n return {\n currentSubject,\n keyword,\n setKeyword,\n setCurrentSubject,\n handleMenuChangeHandler,\n handleDetailFilter,\n handleChangePath,\n handleSearchSubmitClick,\n resultKeyword,\n resultSubject,\n deleteKeyword\n };\n};\nexport default useSearchBarHandler;\n","import { difference, replaceAt } from './utils.mjs';\nimport { notifyManager } from './notifyManager.mjs';\nimport { QueryObserver } from './queryObserver.mjs';\nimport { Subscribable } from './subscribable.mjs';\n\nclass QueriesObserver extends Subscribable {\n constructor(client, queries) {\n super();\n this.client = client;\n this.queries = [];\n this.result = [];\n this.observers = [];\n this.observersMap = {};\n\n if (queries) {\n this.setQueries(queries);\n }\n }\n\n onSubscribe() {\n if (this.listeners.size === 1) {\n this.observers.forEach(observer => {\n observer.subscribe(result => {\n this.onUpdate(observer, result);\n });\n });\n }\n }\n\n onUnsubscribe() {\n if (!this.listeners.size) {\n this.destroy();\n }\n }\n\n destroy() {\n this.listeners = new Set();\n this.observers.forEach(observer => {\n observer.destroy();\n });\n }\n\n setQueries(queries, notifyOptions) {\n this.queries = queries;\n notifyManager.batch(() => {\n const prevObservers = this.observers;\n const newObserverMatches = this.findMatchingObservers(this.queries); // set options for the new observers to notify of changes\n\n newObserverMatches.forEach(match => match.observer.setOptions(match.defaultedQueryOptions, notifyOptions));\n const newObservers = newObserverMatches.map(match => match.observer);\n const newObserversMap = Object.fromEntries(newObservers.map(observer => [observer.options.queryHash, observer]));\n const newResult = newObservers.map(observer => observer.getCurrentResult());\n const hasIndexChange = newObservers.some((observer, index) => observer !== prevObservers[index]);\n\n if (prevObservers.length === newObservers.length && !hasIndexChange) {\n return;\n }\n\n this.observers = newObservers;\n this.observersMap = newObserversMap;\n this.result = newResult;\n\n if (!this.hasListeners()) {\n return;\n }\n\n difference(prevObservers, newObservers).forEach(observer => {\n observer.destroy();\n });\n difference(newObservers, prevObservers).forEach(observer => {\n observer.subscribe(result => {\n this.onUpdate(observer, result);\n });\n });\n this.notify();\n });\n }\n\n getCurrentResult() {\n return this.result;\n }\n\n getQueries() {\n return this.observers.map(observer => observer.getCurrentQuery());\n }\n\n getObservers() {\n return this.observers;\n }\n\n getOptimisticResult(queries) {\n return this.findMatchingObservers(queries).map(match => match.observer.getOptimisticResult(match.defaultedQueryOptions));\n }\n\n findMatchingObservers(queries) {\n const prevObservers = this.observers;\n const prevObserversMap = new Map(prevObservers.map(observer => [observer.options.queryHash, observer]));\n const defaultedQueryOptions = queries.map(options => this.client.defaultQueryOptions(options));\n const matchingObservers = defaultedQueryOptions.flatMap(defaultedOptions => {\n const match = prevObserversMap.get(defaultedOptions.queryHash);\n\n if (match != null) {\n return [{\n defaultedQueryOptions: defaultedOptions,\n observer: match\n }];\n }\n\n return [];\n });\n const matchedQueryHashes = new Set(matchingObservers.map(match => match.defaultedQueryOptions.queryHash));\n const unmatchedQueries = defaultedQueryOptions.filter(defaultedOptions => !matchedQueryHashes.has(defaultedOptions.queryHash));\n const matchingObserversSet = new Set(matchingObservers.map(match => match.observer));\n const unmatchedObservers = prevObservers.filter(prevObserver => !matchingObserversSet.has(prevObserver));\n\n const getObserver = options => {\n const defaultedOptions = this.client.defaultQueryOptions(options);\n const currentObserver = this.observersMap[defaultedOptions.queryHash];\n return currentObserver != null ? currentObserver : new QueryObserver(this.client, defaultedOptions);\n };\n\n const newOrReusedObservers = unmatchedQueries.map((options, index) => {\n if (options.keepPreviousData) {\n // return previous data from one of the observers that no longer match\n const previouslyUsedObserver = unmatchedObservers[index];\n\n if (previouslyUsedObserver !== undefined) {\n return {\n defaultedQueryOptions: options,\n observer: previouslyUsedObserver\n };\n }\n }\n\n return {\n defaultedQueryOptions: options,\n observer: getObserver(options)\n };\n });\n\n const sortMatchesByOrderOfQueries = (a, b) => defaultedQueryOptions.indexOf(a.defaultedQueryOptions) - defaultedQueryOptions.indexOf(b.defaultedQueryOptions);\n\n return matchingObservers.concat(newOrReusedObservers).sort(sortMatchesByOrderOfQueries);\n }\n\n onUpdate(observer, result) {\n const index = this.observers.indexOf(observer);\n\n if (index !== -1) {\n this.result = replaceAt(this.result, index, result);\n this.notify();\n }\n }\n\n notify() {\n notifyManager.batch(() => {\n this.listeners.forEach(({\n listener\n }) => {\n listener(this.result);\n });\n });\n }\n\n}\n\nexport { QueriesObserver };\n//# sourceMappingURL=queriesObserver.mjs.map\n","'use client';\nimport * as React from 'react';\nimport { QueriesObserver, notifyManager } from '@tanstack/query-core';\nimport { useSyncExternalStore } from './useSyncExternalStore.mjs';\nimport { useQueryClient } from './QueryClientProvider.mjs';\nimport { useIsRestoring } from './isRestoring.mjs';\nimport { useQueryErrorResetBoundary } from './QueryErrorResetBoundary.mjs';\nimport { ensurePreventErrorBoundaryRetry, useClearResetErrorBoundary, getHasError } from './errorBoundaryUtils.mjs';\nimport { ensureStaleTime, shouldSuspend, fetchOptimistic, willFetch } from './suspense.mjs';\n\nfunction useQueries({\n queries,\n context\n}) {\n const queryClient = useQueryClient({\n context\n });\n const isRestoring = useIsRestoring();\n const errorResetBoundary = useQueryErrorResetBoundary();\n const defaultedQueries = React.useMemo(() => queries.map(options => {\n const defaultedOptions = queryClient.defaultQueryOptions(options); // Make sure the results are already in fetching state before subscribing or updating options\n\n defaultedOptions._optimisticResults = isRestoring ? 'isRestoring' : 'optimistic';\n return defaultedOptions;\n }), [queries, queryClient, isRestoring]);\n defaultedQueries.forEach(query => {\n ensureStaleTime(query);\n ensurePreventErrorBoundaryRetry(query, errorResetBoundary);\n });\n useClearResetErrorBoundary(errorResetBoundary);\n const [observer] = React.useState(() => new QueriesObserver(queryClient, defaultedQueries));\n const optimisticResult = observer.getOptimisticResult(defaultedQueries);\n useSyncExternalStore(React.useCallback(onStoreChange => isRestoring ? () => undefined : observer.subscribe(notifyManager.batchCalls(onStoreChange)), [observer, isRestoring]), () => observer.getCurrentResult(), () => observer.getCurrentResult());\n React.useEffect(() => {\n // Do not notify on updates because of changes in the options because\n // these changes should already be reflected in the optimistic result.\n observer.setQueries(defaultedQueries, {\n listeners: false\n });\n }, [defaultedQueries, observer]);\n const shouldAtLeastOneSuspend = optimisticResult.some((result, index) => shouldSuspend(defaultedQueries[index], result, isRestoring));\n const suspensePromises = shouldAtLeastOneSuspend ? optimisticResult.flatMap((result, index) => {\n const options = defaultedQueries[index];\n const queryObserver = observer.getObservers()[index];\n\n if (options && queryObserver) {\n if (shouldSuspend(options, result, isRestoring)) {\n return fetchOptimistic(options, queryObserver, errorResetBoundary);\n } else if (willFetch(result, isRestoring)) {\n void fetchOptimistic(options, queryObserver, errorResetBoundary);\n }\n }\n\n return [];\n }) : [];\n\n if (suspensePromises.length > 0) {\n throw Promise.all(suspensePromises);\n }\n\n const observerQueries = observer.getQueries();\n const firstSingleResultWhichShouldThrow = optimisticResult.find((result, index) => {\n var _defaultedQueries$ind, _defaultedQueries$ind2;\n\n return getHasError({\n result,\n errorResetBoundary,\n useErrorBoundary: (_defaultedQueries$ind = (_defaultedQueries$ind2 = defaultedQueries[index]) == null ? void 0 : _defaultedQueries$ind2.useErrorBoundary) != null ? _defaultedQueries$ind : false,\n query: observerQueries[index]\n });\n });\n\n if (firstSingleResultWhichShouldThrow != null && firstSingleResultWhichShouldThrow.error) {\n throw firstSingleResultWhichShouldThrow.error;\n }\n\n return optimisticResult;\n}\n\nexport { useQueries };\n//# sourceMappingURL=useQueries.mjs.map\n","import useSearchParams from \"@/hooks/useSearchParams\";\nimport { useQueries, useQuery } from \"@tanstack/react-query\";\nimport { useMemo } from \"react\";\nimport { getBrandCount, getBrandSearch } from \"src/api/brand\";\nimport { useBrandStore } from \"../BrandProvider\";\nexport const SWIPER_LIMIT = 7;\nexport const useBrandAllSearch = ()=>{\n const name = useBrandStore((state)=>state.brand.name);\n const searchParams = useSearchParams();\n const keyword = searchParams.get(\"q\");\n // 1.먼저 브랜드에서 운영하는 과목에 대한 정보를 위해 count api 호출\n const { data: subjectCount = [] } = useQuery([\n \"brandSubjectCount\",\n name,\n keyword\n ], ()=>getBrandCount({\n name: name\n }), {\n enabled: !!name,\n keepPreviousData: true,\n refetchOnWindowFocus: false,\n refetchOnMount: false,\n select: (data)=>{\n if (!(data === null || data === void 0 ? void 0 : data.countBySubject)) return [];\n return Object.entries(data.countBySubject).filter((param)=>{\n let [_, count] = param;\n return count > 0;\n }).map((param)=>{\n let [subject] = param;\n return subject;\n });\n }\n });\n // 2. 1번에서 조회한 과목들을 이용하여 각 과목별 상품 조회\n const results = useQueries({\n queries: subjectCount === null || subjectCount === void 0 ? void 0 : subjectCount.map((subject)=>({\n queryKey: [\n \"subjectAll\",\n subject,\n keyword,\n name\n ],\n queryFn: ()=>getBrandSearch({\n name: name,\n subject: subject,\n q: keyword,\n limit: SWIPER_LIMIT\n }),\n enabled: !!name && !!subjectCount || !!keyword,\n keepPreviousData: true,\n refetchOnWindowFocus: false,\n refetchOnMount: false,\n retry: 1,\n select: (data)=>({\n subject: subject,\n count: data.pagination.total,\n items: data.items.slice(0, SWIPER_LIMIT)\n })\n }))\n });\n const subjectBundle = useMemo(()=>{\n if (!results || !subjectCount) return null;\n return results.filter((result)=>result.isSuccess).map((result)=>result.data);\n }, [\n results,\n subjectCount\n ]);\n return {\n availableSubjectList: subjectCount,\n subjectBundle\n };\n};\nexport default useBrandAllSearch;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext, useCallback, useContext, useState } from \"react\";\nexport const AccordionContext = /*#__PURE__*/ createContext({\n handleAccordionChange: ()=>{}\n});\nexport const AccordionProvider = (param)=>{\n let { children , defaultIcon } = param;\n const [openId, setOpenId] = useState(false);\n const handleAccordionChange = useCallback((panel)=>{\n setOpenId(panel);\n }, []);\n return /*#__PURE__*/ _jsx(AccordionContext.Provider, {\n value: {\n openId,\n defaultIcon,\n handleAccordionChange\n },\n children: children\n });\n};\nexport const useAccordion = ()=>{\n const context = useContext(AccordionContext);\n if (!context) {\n throw new Error(\"Missing AccordionProvider\");\n }\n return context;\n};\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Accordion, AccordionDetails, AccordionSummary, styled } from \"@mui/material\";\nimport { AccordionProvider, useAccordion } from \"./context\";\nimport { useEffect } from \"react\";\nconst DefaultAccordion = styled((props)=>{\n const { handleAccordionChange , openId } = useAccordion();\n const { id , ...rest } = props;\n if (openId === undefined) return;\n useEffect(()=>{\n if (!openId && props.defaultExpandedId) handleAccordionChange(props.defaultExpandedId);\n }, []);\n return /*#__PURE__*/ _jsx(Accordion, {\n ...rest,\n expanded: openId === id || props.expanded ? true : false,\n onChange: (event, expanded)=>{\n if (expanded) handleAccordionChange(id);\n else handleAccordionChange(false);\n }\n });\n})((param)=>{\n let { theme } = param;\n return {\n padding: 0,\n boxShadow: \"none\",\n \":before\": {\n backgroundColor: \"transparent\"\n }\n };\n});\nconst Summary = styled((props)=>{\n const { defaultIcon } = useAccordion();\n return /*#__PURE__*/ _jsx(AccordionSummary, {\n expandIcon: props.expandIcon || defaultIcon,\n ...props\n });\n})((param)=>{\n let { theme } = param;\n return {\n borderBottom: 0,\n padding: 0,\n margin: 0,\n \"& .MuiAccordionSummary-expandIconWrapper.Mui-expanded\": {\n transform: \"rotate(180deg)\"\n },\n \" .MuiAccordionSummary-root.Mui-expanded\": {\n minHeight: \"fit-content\"\n },\n \"& .MuiAccordionSummary-content\": {\n flexGrow: \"inherit\",\n margin: 0\n },\n \"& .MuiAccordionSummary-content.Mui-expanded\": {\n margin: 0\n }\n };\n});\nconst Details = styled(AccordionDetails)((param)=>{\n let { theme } = param;\n return {\n padding: 0\n };\n});\nexport const Accordions = (param)=>{\n let { children , defaultExpandIcon , ...props } = param;\n return /*#__PURE__*/ _jsx(DefaultAccordion, {\n ...props,\n children: children\n });\n};\n// 아코디언이 여러개일 경우, 여러개의 아코디언을 관리하기 위한 컨테이너\nexport const AccordionsContainer = (param)=>{\n let { children , defaultExpandIcon , ...props } = param;\n return /*#__PURE__*/ _jsx(AccordionProvider, {\n defaultIcon: defaultExpandIcon,\n ...props,\n children: children\n });\n};\nAccordions.Summary = Summary;\nAccordions.Details = Details;\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowRight, Sizes } from \"@/components/icon/IconList\";\nimport { Button } from \"@bookips/solvook-ui-library\";\nimport { styled } from \"@mui/material\";\n// Fixme: 마이페이지 버튼 사용처 확인하기\nexport const ButtonWithArrow = (param)=>{\n let { iconColor , iconSize , ...props } = param;\n return /*#__PURE__*/ _jsxs(CustomButton, {\n variant: \"filledPrimary\",\n ...props,\n children: [\n props.children,\n /*#__PURE__*/ _jsx(Icon, {\n icon: ArrowRight,\n size: iconSize || Sizes.small,\n color: iconColor || \"#FFFFFF\"\n })\n ]\n });\n};\nconst CustomButton = styled(Button)((param)=>{\n let { theme } = param;\n return {\n padding: \"12px 20px\",\n gap: \"8px\"\n };\n});\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { BrandAdBanner } from \"@/components/Brand/BrandAdBanner\";\nimport { useBrandStore } from \"@/components/Brand/BrandProvider\";\nimport BrandSearchBar from \"@/components/Brand/Products/BrandSearchBar\";\nimport BrandCategory from \"@/components/Brand/Products/Category/BrandCategory\";\nimport ProductSwiper from \"@/components/Brand/Products/ProductSwiper\";\nimport useSearchBarHandler, { routerOptions } from \"@/components/Brand/Products/Search/useSearchBarHandler\";\nimport useBrandAllSearch from \"@/components/Brand/Products/useBrandAllSearch\";\nimport { EmptyWrapper } from \"@/components/Coupons/Mypage/EmptyWrapper\";\nimport { PreviewDialogProvider } from \"@/components/Search/PreviewDialogProvider\";\nimport { withBrandLayout } from \"@/modules/lab/components/BrandLayout\";\nimport { BRAND_SEARCH_PAGE } from \"@/settings/constant\";\nimport { Box, Divider, styled } from \"@mui/material\";\nimport { useRouter } from \"next/router\";\nimport { useCallback, useEffect } from \"react\";\nconst AuthorProductPage = ()=>{\n const name = useBrandStore((state)=>state.brand.name);\n const { push } = useRouter();\n const { availableSubjectList , subjectBundle } = useBrandAllSearch();\n const { keyword , setKeyword , currentSubject , handleMenuChangeHandler , handleSearchSubmitClick } = useSearchBarHandler({\n useAsPath: true\n });\n const onAllProductButtonClick = useCallback((subject)=>{\n push(\"\".concat(BRAND_SEARCH_PAGE(name), \"?subject=\").concat(subject), undefined, routerOptions);\n }, [\n name\n ]);\n // 운영중인 과목이 한개일때\n useEffect(()=>{\n if (availableSubjectList.length === 1) {\n handleMenuChangeHandler(availableSubjectList[0]);\n }\n }, [\n availableSubjectList,\n handleMenuChangeHandler\n ]);\n return /*#__PURE__*/ _jsxs(Container, {\n children: [\n /*#__PURE__*/ _jsx(BrandAdBanner, {}),\n subjectBundle.length > 0 ? /*#__PURE__*/ _jsxs(PreviewDialogProvider, {\n children: [\n /*#__PURE__*/ _jsx(BrandSearchBar, {\n keyword: keyword,\n handleKeyword: (q)=>setKeyword(q),\n currentSubject: currentSubject,\n handleMenu: availableSubjectList,\n handleMenuChange: handleMenuChangeHandler,\n submit: handleSearchSubmitClick\n }),\n /*#__PURE__*/ _jsx(BrandCategory, {\n isStyledRadius: true\n }),\n /*#__PURE__*/ _jsx(Divider, {}),\n subjectBundle.map((result, index)=>{\n return /*#__PURE__*/ _jsx(ProductSwiper, {\n routerChange: ()=>onAllProductButtonClick(result.subject),\n ...result\n }, index);\n })\n ]\n }) : /*#__PURE__*/ _jsx(\"div\", {\n style: {\n padding: \"0 20px\"\n },\n children: /*#__PURE__*/ _jsx(EmptyWrapper, {\n description: \"등록된 상품이 없어요.\"\n })\n })\n ]\n });\n};\nconst Container = styled(\"div\")((param)=>{\n let { theme } = param;\n return {\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"40px\",\n overflowX: \"hidden\",\n [theme.breakpoints.down(\"lg\")]: {\n gap: \"32px\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n gap: \"28px\"\n }\n };\n});\nexport var __N_SSP = true;\nexport const StyleBox = styled(Box)((param)=>{\n let { theme } = param;\n return {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"40px\",\n padding: \"0px 0 12px 0\",\n [theme.breakpoints.down(\"lg\")]: {\n padding: \"0px 32px 0px 32px\",\n gap: \"32px\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n padding: \"0px 20px 0px 20px\",\n gap: \"28px\"\n }\n };\n});\nexport default withBrandLayout(AuthorProductPage);\n","// extracted by mini-css-extract-plugin"],"names":[],"sourceRoot":""}