{"version":3,"file":"static/chunks/pages/search-5766ef2478fe447e.js","mappings":"AACA","sources":["webpack://_N_E/?8e05","webpack://_N_E/./src/components/Books/List/BooksResultDesc.tsx","webpack://_N_E/./src/components/Search/SearchRecommendFilter.tsx","webpack://_N_E/./src/components/Search/MobileSearchFilterItemList.tsx","webpack://_N_E/./src/components/Search/SearchDetailFilter.tsx","webpack://_N_E/./src/components/Search/SearchFilterSelectedList.tsx","webpack://_N_E/./src/components/Search/SearchResultDesc.tsx","webpack://_N_E/./src/components/Banner/AdBanner/SearchPageAdBanner.tsx","webpack://_N_E/./src/components/Search/SearchFilterSectionView.tsx","webpack://_N_E/./src/components/Search/useSearchPageData.tsx","webpack://_N_E/./src/components/Search/ProductSearchListPage.tsx","webpack://_N_E/./src/pages/search/index.tsx","webpack://_N_E/./src/utils/scroll.ts","webpack://_N_E/./node_modules/@tanstack/query-core/build/lib/infiniteQueryObserver.mjs","webpack://_N_E/./node_modules/@tanstack/react-query/build/lib/useInfiniteQuery.mjs","webpack://_N_E/./node_modules/react-intersection-observer/dist/index.mjs","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/search\",\n      function () {\n        return require(\"private-next-pages/search/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/search\"])\n      });\n    }\n  ","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  justify-content: space-between;\\n  align-items: flex-end;\\n  padding-bottom: 12px;\\n  width: 100%;\\n  margin-top: 36px;\\n\\n  .select-label {\\n    color: #5f5f69;\\n  }\\n\\n  @media (max-width: 768px) {\\n    margin: 0 -16px;\\n    padding: 12px 16px 12px;\\n    width: auto;\\n    border-bottom: 1px solid #e1e4ed;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n  font-size: 16px;\\n  font-weight: normal;\\n  color: \",\n        \";\\n  @media (max-width: 1200px) {\\n    font-size: 12px;\\n  }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject2() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  justify-content: space-between;\\n  gap: 8px;\\n\\n  .ant-select:not(:where(.css-dev-only-do-not-override-i7pvmq).ant-select-customize-input)\\n    .ant-select-selector {\\n    background-color: transparent;\\n    height: 24px;\\n    border: none;\\n    padding: 0;\\n  }\\n\\n  .ant-select {\\n    .ant-select-arrow {\\n      inset-inline-end: 0px;\\n      top: 60%;\\n      @media (max-width: 1200px) {\\n        margin-top: -4px;\\n        inset-inline-end: -4px;\\n        top: 55%;\\n      }\\n    }\\n  }\\n\\n  .ant-select-selector {\\n    .select-label {\\n      font-size: 16px;\\n      color: \",\n        \";\\n      text-align: right;\\n      @media (max-width: 1200px) {\\n        font-size: 12px;\\n      }\\n    }\\n\\n    .ant-select-arrow {\\n      display: block;\\n    }\\n\\n    .ant-select-selection-item {\\n      @media (max-width: 1200px) {\\n        padding-inline-end: 14px;\\n      }\\n    }\\n  }\\n\\n  .img-wrapper {\\n    width: 16px;\\n\\n    img:first-child {\\n      display: block;\\n      @media (max-width: 1200px) {\\n        display: none;\\n      }\\n    }\\n\\n    img:last-child {\\n      display: none;\\n      @media (max-width: 1200px) {\\n        display: block;\\n      }\\n    }\\n  }\\n\\n  body:has(&) {\\n    .select-label {\\n      .ant-select-item-option {\\n        font-size: 12px;\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject2 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { Select } from \"antd\";\nimport styled from \"styled-components\";\nimport themeGet from \"@styled-system/theme-get\";\nimport Image from \"next/image\";\nconst sortOptions = [\n    {\n        value: \"order_cnt\",\n        label: /*#__PURE__*/ _jsx(\"div\", {\n            className: \"select-label\",\n            children: \"인기순\"\n        })\n    },\n    {\n        value: \"new\",\n        label: /*#__PURE__*/ _jsx(\"div\", {\n            className: \"select-label\",\n            children: \"최신순\"\n        })\n    },\n    {\n        value: \"price\",\n        label: /*#__PURE__*/ _jsx(\"div\", {\n            className: \"select-label\",\n            children: \"낮은가격순\"\n        })\n    },\n    {\n        value: \"title\",\n        label: /*#__PURE__*/ _jsx(\"div\", {\n            className: \"select-label\",\n            children: \"자료명순\"\n        })\n    }\n];\nexport const BooksResultDesc = (param)=>{\n    let { onClickSort , totalCount , query  } = param;\n    const { sort  } = query !== null && query !== void 0 ? query : {};\n    return /*#__PURE__*/ _jsxs(SearchResultDescWrap, {\n        children: [\n            /*#__PURE__*/ _jsxs(SearchResultAmount, {\n                children: [\n                    \"검색 결과 \",\n                    totalCount,\n                    \"건\"\n                ]\n            }),\n            /*#__PURE__*/ _jsx(SearchSortingBox, {\n                children: /*#__PURE__*/ _jsx(\"div\", {\n                    className: \"sort-select\",\n                    children: /*#__PURE__*/ _jsx(Select, {\n                        onChange: (value)=>onClickSort(value),\n                        style: {\n                            width: 120\n                        },\n                        options: sortOptions,\n                        value: sort || \"order_cnt\",\n                        suffixIcon: /*#__PURE__*/ _jsxs(\"div\", {\n                            className: \"img-wrapper\",\n                            children: [\n                                /*#__PURE__*/ _jsx(Image, {\n                                    src: \"/static/assets/ico-folding.svg\",\n                                    width: 16,\n                                    height: 16,\n                                    alt: \"icon-w\"\n                                }),\n                                /*#__PURE__*/ _jsx(Image, {\n                                    src: \"/static/assets/ico-open-m.svg\",\n                                    width: 16,\n                                    height: 16,\n                                    alt: \"icon-m\"\n                                })\n                            ]\n                        })\n                    })\n                })\n            })\n        ]\n    });\n};\nexport const SearchResultDescWrap = styled.div.withConfig({\n    componentId: \"sc-1482b612-0\"\n})(_templateObject());\nexport const SearchResultAmount = styled.div.withConfig({\n    componentId: \"sc-1482b612-1\"\n})(_templateObject1(), themeGet(\"text.2\", \"#5F5F69\"));\nexport const SearchSortingBox = styled.div.withConfig({\n    componentId: \"sc-1482b612-2\"\n})(_templateObject2(), themeGet(\"text.2\", \"#5F5F69\"));\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  display: flex;\\n  flex: 1;\\n  align-items: stretch;\\n\\n  .name {\\n    position: relative;\\n    width: 90px;\\n    height: 36px;\\n    font-size: 16px;\\n    font-weight: 600;\\n    line-height: 36px;\\n    color: \",\n        \";\\n    @media (max-width: 768px) {\\n      font-size: 14px;\\n      height: unset;\\n      width: unset;\\n      padding-right: 16px;\\n    }\\n  }\\n\\n  .filter-list {\\n    flex: 1;\\n    display: flex;\\n    flex-wrap: wrap;\\n    gap: 6px 12px;\\n    padding-right: 102px;\\n    transition: all 0.3s;\\n\\n    .stack {\\n      display: flex;\\n      gap: 12px;\\n    }\\n\\n    .license-box {\\n      &.hidden {\\n        height: 0;\\n        display: none;\\n      }\\n    }\\n\\n    @media (max-width: 768px) {\\n      flex-wrap: nowrap;\\n      overflow-x: auto !important ;\\n      white-space: nowrap;\\n      padding-right: 16px;\\n      gap: 8px;\\n      display: flex;\\n      .stack {\\n        gap: 8px;\\n      }\\n\\n      .license-box {\\n        display: flex;\\n\\n        &.hidden {\\n          display: flex;\\n          height: unset;\\n        }\\n      }\\n    }\\n  }\\n\\n  .ant-checkbox-wrapper {\\n    display: flex;\\n    height: 36px;\\n    margin: 0;\\n    @media (max-width: 768px) {\\n      height: unset;\\n      align-items: center;\\n    }\\n\\n    .ant-checkbox {\\n      display: none;\\n    }\\n\\n    span {\\n      display: block;\\n      height: 36px;\\n      font-size: 16px;\\n      color: \",\n        \";\\n      font-weight: normal;\\n      line-height: 1.4;\\n      padding: 6px 12px;\\n      cursor: pointer;\\n      border: solid 1px \",\n        \";\\n      border-radius: 6px;\\n      transition: all 0.2s linear;\\n\\n      @media (hover: hover) {\\n        &:hover {\\n          color: \",\n        \";\\n          background-color: \",\n        \";\\n        }\\n      }\\n      @media (max-width: 768px) {\\n        font-size: 14px;\\n        padding: 4px 8px;\\n        height: unset;\\n      }\\n    }\\n\\n    &-checked {\\n      span {\\n        color: \",\n        \";\\n        font-weight: 600;\\n        border-color: \",\n        \";\\n        background-color: \",\n        \";\\n      }\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nfunction _templateObject1() {\n    const data = _tagged_template_literal([\n        \"\\n    position: absolute;\\n    top: unset;\\n    bottom: unset;\\n    right: unset;\\n    left: \",\n        \"px;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    width: 89px;\\n    height: 36px;\\n    font-size: 16px;\\n    font-weight: 600;\\n    color: \",\n        \";\\n    padding: 6px 0;\\n    margin-left: 12px;\\n    cursor: pointer;\\n    background-color: \",\n        \";\\n    line-height: 1.5;\\n    border-radius: 6px;\\n    transition: background-color 0.2s linear, color 0.2s linear;\\n    opacity: \",\n        \";\\n    pointer-events: \",\n        \";\\n\\n    @media (hover: hover) {\\n        &:hover {\\n            background-color: \",\n        \";\\n        }\\n    }\\n    @media (max-width: 768px) {\\n        display: none;\\n        font-size: 14px;\\n        padding: 4px 8px;\\n        line-height: 1.4;\\n        height: unset;\\n    }\\n\\n    &.ant-dropdown-open {\\n        color: white;\\n        background-color: \",\n        \";\\n\\n        i {\\n            transform: rotate(180deg);\\n            transition: 0.2s;\\n        }\\n\\n        svg {\\n            stroke: white;\\n        }\\n\\n        .filter-list:has(&) {\\n            overflow: initial;\\n            max-height: initial;\\n            padding-bottom: \",\n        \"px;\\n        }\\n    }\\n\\n    body:has(&) {\\n        .ant-dropdown.filter-select {\\n            @media (max-width: 768px) {\\n                display: none;\\n            }\\n\\n            &.more-filter {\\n                left: calc(50vw - 506px) !important;\\n                width: 1062px;\\n                padding-top: 16px;\\n                background-color: #fff;\\n                box-shadow: none;\\n                animation: none !important;\\n                transition: opacity 0.2s !important;\\n                display: block;\\n                opacity: 1;\\n\\n                &.ant-slide-up-leave {\\n                    display: none;\\n                    opacity: 0;\\n                }\\n\\n                @media (max-width: 1260px) {\\n                    left: 127px !important;\\n                    width: calc(100vw - 280px) !important;\\n                    //width: calc(100vw - 240px) !important;\\n                    padding-right: 0;\\n                }\\n\\n                @media (max-width: 768px) {\\n                    opacity: 0;\\n                    pointer-events: none;\\n                    left: 189px !important;\\n                    //width: calc(100vw - 246px) !important;\\n                }\\n\\n                .ant-dropdown-menu {\\n                    display: flex;\\n                    flex-wrap: wrap;\\n                    gap: 12px;\\n                    padding: 20px;\\n                    background-color: \",\n        \";\\n                    box-shadow: none;\\n                    border-radius: 6px;\\n\\n                    .ant-dropdown-menu-item {\\n                        width: auto;\\n                        padding: 0;\\n\\n                        &:hover {\\n                            background-color: transparent;\\n                        }\\n\\n                        .ant-dropdown-menu-title-content {\\n                            .ant-checkbox-wrapper {\\n                                height: 36px;\\n                                padding: 0;\\n\\n                                span:not(.ant-checkbox) {\\n                                    display: block;\\n                                    height: 36px;\\n                                    font-size: 16px;\\n                                    color: \",\n        \"\\n                                    font-weight: normal;\\n                                    line-height: 1.3;\\n                                    padding: 6px 12px;\\n                                    cursor: pointer;\\n                                    border: solid 1px \",\n        \";\\n                                    border-radius: 6px;\\n                                    background-color: #fff;\\n                                    transition: all 0.2s linear;\\n\\n                                    @media (hover: hover) {\\n                                        &:hover {\\n                                            background-color: rgba(27, 27, 41, 0.03);\\n                                        }\\n                                    }\\n                                }\\n\\n                                .ant-checkbox {\\n                                    display: none;\\n                                }\\n                            }\\n                        }\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\"\n    ]);\n    _templateObject1 = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { ButtonWithDropdownMenu } from \"@/components/Categories/Menu\";\nimport Icon from \"@/components/icon/Icon\";\nimport { ArrowDown, Sizes } from \"@/components/icon/IconList\";\nimport { isBrowser } from \"@/lib/next-utils\";\nimport themeGet from \"@styled-system/theme-get\";\nimport { Dropdown } from \"antd\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport styled, { useTheme } from \"styled-components\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { FilterTitle } from \"@/components/Search/index\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nexport const SearchRecommendFilter = (param)=>{\n    let { onClickLicense , baseLicenses , currentKeyword  } = param;\n    const { isMobile  } = useWindowDimensions();\n    const buttonRefs = useRef([]);\n    const moreRef = useRef(null);\n    const [initBaseLicenses, setInitBaseLicenses] = useState([]);\n    const [posX, setPosX] = useState(0);\n    const [boxHeight, setBoxHeight] = useState(0);\n    const [hasMore, setHasMore] = useState(false);\n    // 줄바꿈된 체크박스들 중 가장 작은 인덱스를 반환\n    const getSecondLineIdx = ()=>{\n        let splitIdx = 0;\n        const temp = buttonRefs.current;\n        if (temp.length > 0) {\n            temp.some((ref, idx)=>{\n                if (!ref) return;\n                if (ref.getBoundingClientRect().y !== temp[0].getBoundingClientRect().y && !!!splitIdx) {\n                    splitIdx = idx;\n                    return true;\n                }\n            });\n        }\n        if (!splitIdx) {\n            splitIdx = initBaseLicenses.length;\n            setHasMore(false);\n        } else {\n            setHasMore(true);\n        }\n        for(let i = 0; i < temp.length; i++){\n            if (temp[i]) temp[i].classList[splitIdx <= i ? \"add\" : \"remove\"](\"hidden\");\n        }\n        if (splitIdx >= 1) {\n            var _buttonRefs_current_;\n            const lastBtnRect = (_buttonRefs_current_ = buttonRefs.current[splitIdx - 1]) === null || _buttonRefs_current_ === void 0 ? void 0 : _buttonRefs_current_.getBoundingClientRect();\n            if (lastBtnRect) setPosX(lastBtnRect.width + lastBtnRect.x);\n        }\n        return splitIdx;\n    };\n    const [moreList, setMoreList] = useState([]);\n    const convertDropItems = (licenses)=>{\n        const resultList = [];\n        licenses.forEach((license)=>{\n            resultList.push({\n                label: /*#__PURE__*/ _jsx(_Fragment, {\n                    children: /*#__PURE__*/ _jsx(ButtonWithDropdownMenu, {\n                        className: currentKeyword === license.toString() ? \"selected\" : \"\",\n                        onClick: (e)=>{\n                            onClickLicense(license);\n                            mixpanelEvent(\"Search Filtered\", {\n                                \"Filter Type\": \"연관교재\",\n                                \"Filter Option Selected\": license\n                            });\n                        },\n                        children: license\n                    })\n                }),\n                key: license\n            });\n        });\n        if (resultList.length > 0) setMoreList(resultList);\n    };\n    useEffect(()=>{\n        // resize 이벤트 추가\n        // [보여질 필터] + [드롭박스에 들어갈 필터] 리스트 업데이트, 더보기 버튼 위치 지정\n        function handleResize() {\n            if (!isMobile) convertDropItems(initBaseLicenses.slice(getSecondLineIdx()));\n        }\n        if (isBrowser) {\n            handleResize();\n            window.addEventListener(\"resize\", handleResize);\n        }\n        if (isMobile) {\n            setInitBaseLicenses(baseLicenses);\n        }\n        return ()=>{\n            if (isBrowser) {\n                window.removeEventListener(\"resize\", handleResize);\n            }\n        };\n    }, [\n        initBaseLicenses,\n        isMobile\n    ]);\n    useEffect(()=>{\n        let resultLicenseList = [\n            ...baseLicenses\n        ];\n        const selectedTarget = currentKeyword;\n        // 선택된 라이선스를 제일 앞으로 이동\n        if (currentKeyword) {\n            const index = resultLicenseList.findIndex((element)=>element.toString() === selectedTarget);\n            if (index !== -1) {\n                const element = resultLicenseList.splice(index, 1)[0];\n                resultLicenseList.unshift(element);\n            }\n        }\n        if (resultLicenseList.length > 0) setInitBaseLicenses(resultLicenseList);\n    }, [\n        baseLicenses,\n        currentKeyword\n    ]);\n    useEffect(()=>{\n        if (initBaseLicenses.length > 0) convertDropItems(initBaseLicenses.slice(getSecondLineIdx()));\n    }, [\n        initBaseLicenses\n    ]);\n    const theme = useTheme();\n    const [isOpen, setIsOpen] = useState(false);\n    if (baseLicenses.length > 0) return /*#__PURE__*/ _jsxs(SearchRecommendFilterWrap, {\n        children: [\n            /*#__PURE__*/ _jsx(FilterTitle, {\n                children: \"연관 교재\"\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: \"filter-list\",\n                children: [\n                    /*#__PURE__*/ _jsx(ButtonWithDropdownMenu, {\n                        className: !currentKeyword ? \"selected\" : \"\",\n                        onClick: (e)=>{\n                            onClickLicense(null);\n                        },\n                        children: \"전체\"\n                    }),\n                    initBaseLicenses === null || initBaseLicenses === void 0 ? void 0 : initBaseLicenses.map((license, idx)=>{\n                        return /*#__PURE__*/ _jsx(\"div\", {\n                            className: \"license-box\",\n                            ref: (ref)=>{\n                                buttonRefs.current[idx] = ref;\n                            },\n                            children: /*#__PURE__*/ _jsx(ButtonWithDropdownMenu, {\n                                className: currentKeyword === license ? \"selected\" : \"\",\n                                onClick: (e)=>{\n                                    onClickLicense(license);\n                                    mixpanelEvent(\"Search Filtered\", {\n                                        \"Filter Type\": \"연관교재\",\n                                        \"Filter Option Selected\": license\n                                    });\n                                },\n                                children: license\n                            })\n                        }, \"license-box-\".concat(idx));\n                    }),\n                    moreList && /*#__PURE__*/ _jsx(Dropdown, {\n                        menu: {\n                            items: moreList\n                        },\n                        trigger: [\n                            \"click\"\n                        ],\n                        overlayClassName: \"filter-select more-filter\",\n                        children: /*#__PURE__*/ _jsxs(MoreBtn, {\n                            onClick: (e)=>{\n                                e.preventDefault();\n                                if (!isOpen) {\n                                    mixpanelEvent(\"More Button Clicked\", {\n                                        \"Filter Type\": \"검색결과리스트 연관교재 더보기\",\n                                        \"Button Name\": \"더보기\"\n                                    });\n                                }\n                                setIsOpen(!isOpen);\n                                const calculateHeight = ()=>{\n                                    var _document_querySelector;\n                                    const moreBox = (_document_querySelector = document.querySelector(\".filter-select.more-filter\")) === null || _document_querySelector === void 0 ? void 0 : _document_querySelector.getBoundingClientRect();\n                                    const moreBoxOffsetTop = moreBox === null || moreBox === void 0 ? void 0 : moreBox.height;\n                                    if (!!moreBoxOffsetTop && moreBoxOffsetTop !== boxHeight) {\n                                        setBoxHeight(moreBoxOffsetTop);\n                                        clearTimeout(this);\n                                    } else {\n                                        clearTimeout(this);\n                                        setTimeout(calculateHeight, 500);\n                                    }\n                                };\n                                setTimeout(calculateHeight, 0);\n                            },\n                            className: \"more-btn\",\n                            ref: moreRef,\n                            posX: posX,\n                            boxHeight: boxHeight,\n                            hasMore: hasMore,\n                            children: [\n                                \"더보기\",\n                                /*#__PURE__*/ _jsx(Icon, {\n                                    icon: ArrowDown,\n                                    size: Sizes.small,\n                                    color: theme.new.colors.sol_indigo_500\n                                })\n                            ]\n                        })\n                    })\n                ]\n            })\n        ]\n    });\n};\nexport const SearchRecommendFilterWrap = styled.div.withConfig({\n    componentId: \"sc-24029248-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_800, (props)=>props.theme.new.colors.sol_gray_600, themeGet(\"border.1\", \"#E8E8EA\"), (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_0, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_200, (props)=>props.theme.new.colors.sol_indigo_0);\nconst MoreBtn = styled.div.withConfig({\n    componentId: \"sc-24029248-1\"\n})(_templateObject1(), (param)=>{\n    let { posX  } = param;\n    return posX;\n}, (props)=>props.theme.new.colors.sol_indigo_500, (props)=>props.theme.new.colors.sol_indigo_0, (param)=>{\n    let { hasMore  } = param;\n    return hasMore ? \"1\" : \"0\";\n}, (param)=>{\n    let { hasMore  } = param;\n    return hasMore ? \"auto\" : \"none\";\n}, (props)=>props.theme.new.colors.sol_indigo_100, themeGet(\"primary.0\", \"#002FA8\"), (param)=>{\n    let { boxHeight  } = param;\n    return boxHeight;\n}, (props)=>props.theme.new.colors.sol_gray_0, (props)=>props.theme.new.colors.sol_gray_600, themeGet(\"border.1\", \"#E8E8EA\"));\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  ul > :last-child {\\n    li {\\n      width: 100%;\\n    }\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { BooksMobileFilterListWrapper } from \"@/components/Books/List/BookListMobileFilterList\";\nimport { MobileFilterListItem } from \"@/components/Search/MobileFilterListItem\";\nimport { SearchQueryKey } from \"src/api/search\";\nimport { styled } from \"@mui/material\";\nexport const MobileSearchFilterItemList = (param)=>{\n    let { newFilterList , handleDetailFilter , selectedFilterList , mobileFilterSideSheet , handleMobileSideSheet  } = param;\n    return /*#__PURE__*/ _jsx(BooksMobileFilterListWrapper, {\n        children: /*#__PURE__*/ _jsx(WidthFullColumn, {\n            children: /*#__PURE__*/ _jsx(\"ul\", {\n                children: Object.keys(newFilterList).map((filter, idx)=>{\n                    const newFilters = newFilterList[filter].map((item)=>{\n                        if (filter === SearchQueryKey.TICKETS) {\n                            return item;\n                        }\n                        return {\n                            id: item,\n                            value: item\n                        };\n                    });\n                    if (newFilterList[filter].length > 0) return /*#__PURE__*/ _jsx(\"li\", {\n                        children: /*#__PURE__*/ _jsx(MobileFilterListItem, {\n                            title: filter,\n                            filterItem: newFilters,\n                            handleFilter: (filterType, id, value)=>{\n                                handleDetailFilter(filterType, id);\n                            },\n                            selectedFilters: selectedFilterList,\n                            openSlider: handleMobileSideSheet,\n                            sliderOpen: mobileFilterSideSheet\n                        })\n                    }, idx);\n                })\n            })\n        })\n    });\n};\nconst WidthFullColumn = styled(\"div\")(_templateObject());\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  li {\\n    width: 100%;\\n  }\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ButtonWithDropdownMenu } from \"@/components/Categories/Menu\";\nimport { CustomMenuButton } from \"@/components/Categories/Menu/DetailFilterButton\";\nimport { FilterTitle } from \"@/components/Search/index\";\nimport { SearchRecommendFilterWrap } from \"@/components/Search/SearchRecommendFilter\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { SOLVOOKPASS_TEXT } from \"@/settings/constant\";\nimport { styled } from \"@mui/material\";\nimport React, { useMemo } from \"react\";\nimport { BaseFilterKeyToLabel, SearchQueryKey } from \"../../api/search\";\nexport const SearchDetailFilter = (param)=>{\n    let { handleSolvookPassesFilter , onClickFilter , filterList , isCheckFilterItem , isCheckFilterCount , handleMobileSlider , hasSolvookPassesFilter , hasFilterItems , isSolvookPassClicked  } = param;\n    var _filterList_SearchQueryKey_SOLVOOKPASSES;\n    if (!filterList) return;\n    const solvookPassesName = (_filterList_SearchQueryKey_SOLVOOKPASSES = filterList[SearchQueryKey.SOLVOOKPASSES]) === null || _filterList_SearchQueryKey_SOLVOOKPASSES === void 0 ? void 0 : _filterList_SearchQueryKey_SOLVOOKPASSES[0];\n    const filteringSolvookPasses = useMemo(()=>{\n        if (!filterList) return;\n        return Object.keys(filterList).filter((filter)=>filter !== SearchQueryKey.SOLVOOKPASSES);\n    }, [\n        filterList\n    ]);\n    if (hasFilterItems) return /*#__PURE__*/ _jsxs(SearchRecommendFilterWrap, {\n        children: [\n            /*#__PURE__*/ _jsx(FilterTitle, {\n                children: \"상세 필터\"\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"filter-list\",\n                children: /*#__PURE__*/ _jsxs(\"div\", {\n                    className: \"stack\",\n                    children: [\n                        hasSolvookPassesFilter && /*#__PURE__*/ _jsx(ButtonWithDropdownMenu, {\n                            id: \"editable-button\",\n                            className: isSolvookPassClicked ? \"selected\" : \"\",\n                            onClick: (e)=>{\n                                e.preventDefault();\n                                handleSolvookPassesFilter(solvookPassesName);\n                                //mx-138\n                                mixpanelEvent(\"Search Filtered\", {\n                                    \"Filter Type\": \"쏠북패스\",\n                                    \"Filter Option Selected\": \"쏠북패스\"\n                                });\n                            },\n                            children: SOLVOOKPASS_TEXT\n                        }),\n                        filteringSolvookPasses.map((filter, idx)=>{\n                            const filterName = BaseFilterKeyToLabel[filter];\n                            if (filterList[filter].length > 0) return /*#__PURE__*/ _jsx(CustomMenuButton, {\n                                filterName: filterName,\n                                items: filterList[filter],\n                                mobileFilterOpen: ()=>handleMobileSlider(true, filter),\n                                isCheckFilterItem: isCheckFilterItem,\n                                isCheckFilterCount: isCheckFilterCount,\n                                children: /*#__PURE__*/ _jsx(CustomMenuButton.MenuItemListLayout, {\n                                    children: filterList[filter].map((item, idx)=>{\n                                        if (!item) return;\n                                        if (filter === SearchQueryKey.TICKETS && typeof item === \"object\") {\n                                            return /*#__PURE__*/ _jsx(SearchLastDropdownStyle, {\n                                                style: {\n                                                    width: \"100%\"\n                                                },\n                                                children: /*#__PURE__*/ _jsx(CustomMenuButton.MenuItem, {\n                                                    checked: isCheckFilterItem(filter, String(item.id)),\n                                                    onChange: ()=>{\n                                                        onClickFilter(filter, String(item.id));\n                                                        //mx-47\n                                                        mixpanelEvent(\"Search Filtered\", {\n                                                            \"Filter Type\": filterName,\n                                                            \"Filter Option Selected\": item.value\n                                                        });\n                                                    },\n                                                    children: item.value\n                                                })\n                                            }, filterName + idx + item.id);\n                                        }\n                                        if (typeof item === \"string\") {\n                                            return /*#__PURE__*/ _jsx(CustomMenuButton.MenuItem, {\n                                                checked: isCheckFilterItem(filter, item),\n                                                onChange: ()=>{\n                                                    onClickFilter(filter, item);\n                                                    //mx-47\n                                                    mixpanelEvent(\"Search Filtered\", {\n                                                        \"Filter Type\": filterName,\n                                                        \"Filter Option Selected\": item\n                                                    });\n                                                },\n                                                children: item\n                                            }, filterName + idx + item);\n                                        }\n                                    })\n                                })\n                            }, idx);\n                        })\n                    ]\n                })\n            })\n        ]\n    });\n};\nconst SearchLastDropdownStyle = styled(\"div\")(_templateObject());\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport SelectedFilterWrapper from \"@/components/Categories/Menu/SelectedFilter\";\nimport { SOLVOOKPASS_TEXT } from \"@/settings/constant\";\nimport React from \"react\";\nimport { SearchQueryKey } from \"src/api/search\";\nexport const SearchFilterSelectedList = (param)=>{\n    let { selectedFilterList , handleResetFilter , handleDetailFilter , handleSolvookPassesFilter , hasSelectedFilter , position  } = param;\n    if (hasSelectedFilter) return /*#__PURE__*/ _jsx(SelectedFilterWrapper, {\n        className: \"search-page\",\n        position: position,\n        button: /*#__PURE__*/ _jsx(SelectedFilterWrapper.ResetButton, {\n            handleResetFilter: handleResetFilter\n        }),\n        children: selectedFilterList.map((item, idx)=>{\n            if (item.key === SearchQueryKey.SOLVOOKPASSES && (item === null || item === void 0 ? void 0 : item.label) === SOLVOOKPASS_TEXT) {\n                return /*#__PURE__*/ _jsx(SelectedFilterWrapper.SelectedItem, {\n                    label: SOLVOOKPASS_TEXT,\n                    onRemove: ()=>handleSolvookPassesFilter(item.value)\n                }, \"selectedItem\" + idx);\n            }\n            return /*#__PURE__*/ _jsx(SelectedFilterWrapper.SelectedItem, {\n                label: item.label || item.value,\n                onRemove: ()=>handleDetailFilter(item.key, item.value)\n            }, \"selectedItem\" + idx);\n        })\n    });\n};\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { SearchResultDescWrap } from \"@/components/Books/List/BooksResultDesc\";\nimport React from \"react\";\nimport { CustomSelect, SearchResultAmount } from \"@/components/Categories/Menu\";\nexport const SearchResultDesc = (param)=>{\n    let { totalCount , sortList , sort , handleSortFilter  } = param;\n    if (totalCount === 0) return null;\n    return /*#__PURE__*/ _jsxs(SearchResultDescWrap, {\n        children: [\n            /*#__PURE__*/ _jsxs(SearchResultAmount, {\n                children: [\n                    \"검색결과 \",\n                    totalCount,\n                    \"건\"\n                ]\n            }),\n            /*#__PURE__*/ _jsx(CustomSelect.CustomTextField, {\n                select: true,\n                value: sort,\n                onChange: (e)=>{\n                    handleSortFilter(e.target.value);\n                },\n                children: sortList.map((option)=>{\n                    return /*#__PURE__*/ _jsx(CustomSelect.CustomSelectMenuItem, {\n                        value: option.value,\n                        className: \"select\",\n                        children: option.label\n                    }, option.value);\n                })\n            })\n        ]\n    });\n};\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport useWindowDimensions from \"@/lib/web-ui/useWindowDimensions\";\nimport { useEffect, useMemo } from \"react\";\nimport { useLocalStorage } from \"usehooks-ts\";\nimport { AdBannerList, useAdBannerQuery } from \".\";\nexport const SearchPageAdBanner = (param)=>{\n    let { shape =\"default\" , position , subject  } = param;\n    const { isMobile  } = useWindowDimensions();\n    const [currentBannerItem, setCurrentBannerItem] = useLocalStorage(\"searchPageAdBanner\", null);\n    const { adBannerResponse  } = useAdBannerQuery({\n        position,\n        subject\n    });\n    const bannerList = useMemo(()=>{\n        //pc일때는 전체를 리스트에 담고\n        //태블릿 일때는 한개만 담아서 보여준다.\n        if (!(adBannerResponse === null || adBannerResponse === void 0 ? void 0 : adBannerResponse.items) || adBannerResponse.items.length === 0) return [];\n        if (!isMobile) return adBannerResponse.items;\n        let itemToDisplay = currentBannerItem;\n        if (!itemToDisplay) {\n            itemToDisplay = adBannerResponse.items[0];\n        } else {\n            const currentIndex = adBannerResponse.items.findIndex((item)=>item.id === itemToDisplay.id);\n            const nextIndex = currentIndex !== -1 && currentIndex !== adBannerResponse.items.length - 1 ? currentIndex + 1 : 0;\n            itemToDisplay = adBannerResponse.items[nextIndex];\n        }\n        return [\n            itemToDisplay\n        ];\n    }, [\n        adBannerResponse === null || adBannerResponse === void 0 ? void 0 : adBannerResponse.items,\n        isMobile,\n        subject\n    ]);\n    useEffect(()=>{\n        if (bannerList[0] && bannerList[0] !== currentBannerItem) {\n            setCurrentBannerItem(bannerList[0]);\n        }\n    }, [\n        bannerList\n    ]);\n    if (bannerList.length === 0) return;\n    return /*#__PURE__*/ _jsx(AdBannerList, {\n        position: position,\n        children: bannerList.map((banner, index)=>/*#__PURE__*/ _jsx(AdBannerList.Item, {\n                id: banner.id,\n                link: banner.link,\n                imageUrl: banner.imageUrl,\n                mixpanelPosition: \"search list\"\n            }, \"adbanner-\" + index))\n    });\n};\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { ActiveTab } from \"@/components/common/ActiveTab\";\nimport { FilterArea, MobileSliderArea, SelectingArea } from \"@/components/Search/index\";\nimport { MobileFilterSideSheet } from \"@/components/Search/MobileFilterSideSheet\";\nimport { MobileSearchFilterItemList } from \"@/components/Search/MobileSearchFilterItemList\";\nimport { SearchDetailFilter } from \"@/components/Search/SearchDetailFilter\";\nimport { SearchFilterSelectedList } from \"@/components/Search/SearchFilterSelectedList\";\nimport { SearchResultDesc } from \"@/components/Search/SearchResultDesc\";\nimport { SOLVOOKPASS_TEXT } from \"@/settings/constant\";\nimport React, { useMemo } from \"react\";\nimport { SearchQueryKey } from \"src/api/search\";\nimport { SearchPageAdBanner } from \"../Banner/AdBanner/SearchPageAdBanner\";\nexport const SearchFilterSectionView = (param)=>{\n    let { subjectTabList , filterParams , handleSubjectFilter , handleDetailFilter , handleKeywordFilter , handleSortFilter , handleResetFilter , handleSolvookPassesFilter , isCheckFilterItem , isCheckFilterCount , selectedFilterList , newFilterList , hasSelectedFilter , mobileFilterSideSheet , handleMobileSideSheet , keywordFilterList , hasFilterItems , totalCount , hasSolvookPassesFilter , sortList  } = param;\n    // Tickets 타입의 필터만 타입이 다르기 때문에 label을 추가해 주었습니다.\n    const addLabelTicketType = useMemo(()=>{\n        if (!newFilterList || !selectedFilterList) return;\n        return selectedFilterList.map((item)=>{\n            const value = newFilterList[item.key];\n            if (value && item.key === SearchQueryKey.TICKETS) {\n                const findU = value === null || value === void 0 ? void 0 : value.find((ticket)=>String(ticket.id) === item.value);\n                return {\n                    ...item,\n                    label: findU ? findU.value : \"\"\n                };\n            }\n            if (item.key === SearchQueryKey.SOLVOOKPASSES) {\n                return {\n                    ...item,\n                    label: SOLVOOKPASS_TEXT\n                };\n            }\n            return item;\n        });\n    }, [\n        newFilterList,\n        selectedFilterList\n    ]);\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(ActiveTab, {\n                tabList: subjectTabList,\n                activeTab: filterParams.subject,\n                setActiveTab: handleSubjectFilter\n            }),\n            /*#__PURE__*/ _jsx(SearchPageAdBanner, {\n                position: \"search\",\n                subject: filterParams.subject,\n                mixpanelPosition: \"handout\"\n            }),\n            /*#__PURE__*/ _jsxs(FilterArea, {\n                children: [\n                    (keywordFilterList.length > 0 || hasFilterItems) && /*#__PURE__*/ _jsxs(SelectingArea, {\n                        children: [\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                className: \"filter-area\",\n                                children: /*#__PURE__*/ _jsx(SearchDetailFilter, {\n                                    handleSolvookPassesFilter: handleSolvookPassesFilter,\n                                    onClickFilter: handleDetailFilter,\n                                    filterList: newFilterList,\n                                    hasSolvookPassesFilter: hasSolvookPassesFilter,\n                                    isSolvookPassClicked: !!filterParams.filters.solvookPasses.length,\n                                    isCheckFilterCount: isCheckFilterCount,\n                                    isCheckFilterItem: isCheckFilterItem,\n                                    handleMobileSlider: handleMobileSideSheet,\n                                    hasFilterItems: hasFilterItems\n                                })\n                            }),\n                            /*#__PURE__*/ _jsx(SearchFilterSelectedList, {\n                                selectedFilterList: addLabelTicketType,\n                                handleResetFilter: handleResetFilter,\n                                handleDetailFilter: handleDetailFilter,\n                                handleSolvookPassesFilter: handleSolvookPassesFilter,\n                                hasSelectedFilter: hasSelectedFilter\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(SearchResultDesc, {\n                        totalCount: totalCount,\n                        sortList: sortList,\n                        sort: filterParams.sort,\n                        handleSortFilter: handleSortFilter\n                    })\n                ]\n            }),\n            /*#__PURE__*/ _jsx(MobileSliderArea, {\n                children: hasFilterItems && /*#__PURE__*/ _jsxs(MobileFilterSideSheet, {\n                    title: \"상세 필터\",\n                    openSlider: handleMobileSideSheet,\n                    sliderOpen: mobileFilterSideSheet,\n                    children: [\n                        /*#__PURE__*/ _jsx(SearchFilterSelectedList, {\n                            position: \"sideSheet\",\n                            selectedFilterList: addLabelTicketType,\n                            handleResetFilter: handleResetFilter,\n                            handleDetailFilter: handleDetailFilter,\n                            handleSolvookPassesFilter: handleSolvookPassesFilter,\n                            hasSelectedFilter: hasSelectedFilter\n                        }),\n                        /*#__PURE__*/ _jsx(MobileSearchFilterItemList, {\n                            newFilterList: newFilterList,\n                            handleDetailFilter: handleDetailFilter,\n                            selectedFilterList: selectedFilterList,\n                            mobileFilterSideSheet: mobileFilterSideSheet,\n                            handleMobileSideSheet: handleMobileSideSheet\n                        })\n                    ]\n                })\n            })\n        ]\n    });\n};\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ActiveTabLabel } from \"@/components/Search/index\";\nimport { mixpanelEvent } from \"@/lib/mixpanels/mixpanel\";\nimport { useInfiniteQuery, useQuery } from \"@tanstack/react-query\";\nimport { Modal } from \"antd\";\nimport { useEffect, useMemo } from \"react\";\nimport { useInView } from \"react-intersection-observer\";\nimport { Subjects, SubjectsWithString } from \"src/api/product\";\nimport { getSearchFilter, getSearchProducts, SearchQueryKey, sortKeys, SortType } from \"src/api/search\";\nconst FILTER_ORDERING = {\n    [SearchQueryKey.SOLVOOKPASSES]: 1,\n    [SearchQueryKey.RELATEDBOOKS]: 2,\n    [SearchQueryKey.UNITS]: 3,\n    [SearchQueryKey.DATATYPES]: 4,\n    [SearchQueryKey.AUTHORS]: 5,\n    [SearchQueryKey.TICKETS]: 6\n};\nexport const useSearchPageData = (param)=>{\n    let { filterParams , selectedFilterList  } = param;\n    const [bottom, inView] = useInView();\n    useEffect(()=>{\n        if (inView) {\n            hasNextPage !== false && fetchNextPage() && mixpanelEvent(\"Load Item list\", {\n                Position: \"검색결과리스트\",\n                Volume: 20\n            });\n        }\n    }, [\n        inView\n    ]);\n    const { data: filterResponse  } = useQuery([\n        \"getSearchFilter\",\n        filterParams.q,\n        filterParams.subject,\n        filterParams.productType\n    ], ()=>getSearchFilter({\n            available: filterParams.available,\n            q: filterParams.q,\n            subject: filterParams.subject,\n            productType: filterParams.productType\n        }), {\n        keepPreviousData: true,\n        enabled: !!filterParams.q\n    });\n    //연관교재 필터: 미사용 필터\n    const { data: keywordFilterResponse  } = useQuery([\n        \"getSearchKeywordFilter\",\n        filterParams.q,\n        filterParams.subject,\n        filterParams.productType\n    ], ()=>getSearchFilter({\n            q: filterParams.q,\n            subject: filterParams.subject,\n            productType: filterParams.productType,\n            available: filterParams.available\n        }), {\n        keepPreviousData: true,\n        enabled: !!filterParams.q\n    });\n    const LIMIT = 20;\n    const { data: listData , fetchNextPage , hasNextPage , isFetchingNextPage , isLoading , isSuccess  } = useInfiniteQuery([\n        \"searchList\",\n        filterParams\n    ], (param)=>{\n        let { pageParam =0  } = param;\n        return getSearchProducts({\n            ...filterParams,\n            productType: filterParams.productType,\n            offset: pageParam,\n            limit: LIMIT\n        });\n    }, {\n        getNextPageParam: (lastPage)=>{\n            if (lastPage.pagination.offset + LIMIT >= (lastPage.pagination.total || 0)) return undefined;\n            return lastPage.pagination.offset + LIMIT;\n        },\n        onError: (error)=>{\n            ;\n            Modal.error({\n                title: \"상품리스트를 불러오지 못했습니다. \",\n                content: error.message\n            });\n        },\n        cacheTime: 5 * 60 * 1000,\n        staleTime: 5 * 60 * 1000,\n        refetchOnMount: false,\n        refetchOnWindowFocus: false,\n        retry: 1\n    });\n    const newFilterList = useMemo(()=>{\n        if (!filterResponse) return {};\n        let newFilter = {\n            ...filterResponse[filterParams.productType]\n        };\n        delete newFilter[SearchQueryKey.CONTENTTYPES];\n        delete newFilter[SearchQueryKey.EDITABLES];\n        // 필터 순서를 변경하는 요구사항으로 인해, 필터 순서를 변경합니다. 객체의 경우 순서가 보장되지 않기 때문에 map을 사용하였습니다.\n        const orderingFilter = Object.entries(newFilter).sort((param, param1)=>{\n            let [aKey] = param, [bKey] = param1;\n            return FILTER_ORDERING[aKey] - FILTER_ORDERING[bKey];\n        });\n        const map = new Map(orderingFilter);\n        return Object.fromEntries(map);\n    }, [\n        filterResponse\n    ]);\n    const keywordFilterList = useMemo(()=>{\n        if (keywordFilterResponse && keywordFilterResponse[filterParams.productType] && filterParams.subject === Subjects.EN) {\n            return keywordFilterResponse[filterParams.productType][SearchQueryKey.RELATEDBOOKS] || [];\n        }\n        return [];\n    }, [\n        keywordFilterResponse,\n        filterParams.productType\n    ]);\n    const hasFilterItems = useMemo(()=>{\n        return filterResponse && Object.keys(newFilterList).length > 0;\n    }, [\n        filterResponse\n    ]);\n    const subjectTabList = useMemo(()=>{\n        return [\n            Subjects.EN,\n            Subjects.KO,\n            Subjects.MA,\n            Subjects.SC,\n            Subjects.SO\n        ].map((subject)=>{\n            return {\n                key: subject,\n                label: /*#__PURE__*/ _jsx(ActiveTabLabel, {\n                    children: SubjectsWithString[subject]\n                })\n            };\n        });\n    }, []);\n    const sortList = useMemo(()=>{\n        return sortKeys.map((sort)=>{\n            return {\n                value: sort,\n                label: /*#__PURE__*/ _jsx(\"div\", {\n                    className: \"select-label\",\n                    children: SortType[sort]\n                })\n            };\n        });\n    }, []);\n    const totalCount = useMemo(()=>{\n        if (!listData) return 0;\n        return listData.pages[0].pagination.total;\n    }, [\n        listData\n    ]);\n    const emptyStatus = useMemo(()=>{\n        if (isSuccess && selectedFilterList.length > 0 && totalCount === 0) return \"FILTER\";\n        if (!listData || isSuccess && totalCount === 0) {\n            //믹스패널용 조건문\n            if (isSuccess && totalCount === 0) {\n                mixpanelEvent(\"No Search Results Found\", {\n                    position: \"handout\",\n                    keyword: filterParams.q,\n                    subject: filterParams.subject\n                });\n            }\n            return \"ITEM\";\n        }\n        return null;\n    }, [\n        isSuccess,\n        selectedFilterList,\n        totalCount,\n        listData\n    ]);\n    // 편집가능 필터 추후 사용을 위해 주석처리 하였습니다.\n    // const hasEditableFilter: boolean = useMemo(() => {\n    //   return (\n    //     filterResponse &&\n    //     filterResponse[filterParams.productType]?.editables &&\n    //     filterResponse[filterParams.productType][SearchQueryKey.EDITABLES].includes(true)\n    //   )\n    // }, [filterResponse])\n    const hasSolvookPassesFilter = useMemo(()=>{\n        var _filterResponse_filterParams_productType;\n        return filterResponse && ((_filterResponse_filterParams_productType = filterResponse[filterParams.productType]) === null || _filterResponse_filterParams_productType === void 0 ? void 0 : _filterResponse_filterParams_productType.solvookPasses) && filterResponse[filterParams.productType][SearchQueryKey.SOLVOOKPASSES].length > 0;\n    }, [\n        filterResponse\n    ]);\n    return {\n        subjectTabList,\n        sortList,\n        listData,\n        hasNextPage,\n        isFetchingNextPage,\n        isLoading,\n        newFilterList,\n        keywordFilterList,\n        hasFilterItems,\n        totalCount,\n        emptyStatus,\n        bottom,\n        filterResponse,\n        hasSolvookPassesFilter\n    };\n};\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { SearchFilterSectionView } from \"@/components/Search/SearchFilterSectionView\";\nimport { SearchProductListView } from \"@/components/Search/SearchProductListView\";\nimport { SearchPageWrapper } from \"@/components/Search/index\";\nimport { useSearchFilterHandler } from \"@/components/Search/useSearchFilterHandler\";\nimport { useSearchPageData } from \"@/components/Search/useSearchPageData\";\nimport { useMobileFilterSideSheet } from \"@/hooks/useMobileFilterSideSheet\";\nimport { useScrollPosition } from \"../../utils/scroll\";\nexport const ProductSearchListPage = (param)=>{\n    let {} = param;\n    const { handleSortFilter , handleResetFilter , handleSubjectFilter , handleDetailFilter , handleKeywordFilter , isCheckFilterItem , isCheckFilterCount , selectedFilterList , hasSelectedFilter , handleSolvookPassesFilter , filterParams  } = useSearchFilterHandler();\n    const { subjectTabList , sortList , listData , hasNextPage , isFetchingNextPage , isLoading , newFilterList , keywordFilterList , hasFilterItems , totalCount , emptyStatus , bottom , hasSolvookPassesFilter  } = useSearchPageData({\n        filterParams,\n        selectedFilterList\n    });\n    useScrollPosition(\"searchListPage\");\n    const { mobileFilterSideSheet , handleMobileSideSheet  } = useMobileFilterSideSheet();\n    return /*#__PURE__*/ _jsxs(SearchPageWrapper, {\n        children: [\n            /*#__PURE__*/ _jsx(SearchFilterSectionView, {\n                subjectTabList: subjectTabList,\n                filterParams: filterParams,\n                handleSubjectFilter: handleSubjectFilter,\n                handleDetailFilter: handleDetailFilter,\n                handleKeywordFilter: handleKeywordFilter,\n                handleSortFilter: handleSortFilter,\n                handleResetFilter: handleResetFilter,\n                handleSolvookPassesFilter: handleSolvookPassesFilter,\n                isCheckFilterItem: isCheckFilterItem,\n                isCheckFilterCount: isCheckFilterCount,\n                selectedFilterList: selectedFilterList,\n                newFilterList: newFilterList,\n                hasSelectedFilter: hasSelectedFilter,\n                mobileFilterSideSheet: mobileFilterSideSheet,\n                handleMobileSideSheet: handleMobileSideSheet,\n                keywordFilterList: keywordFilterList,\n                hasFilterItems: hasFilterItems,\n                totalCount: totalCount,\n                hasSolvookPassesFilter: hasSolvookPassesFilter,\n                sortList: sortList\n            }),\n            /*#__PURE__*/ _jsx(SearchProductListView, {\n                list: listData,\n                isLoading: isLoading,\n                isFetchingNextPage: isFetchingNextPage,\n                hasNextPage: hasNextPage,\n                emptyStatus: emptyStatus\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                ref: bottom\n            })\n        ]\n    });\n};\n","import { _ as _tagged_template_literal } from \"@swc/helpers/_/_tagged_template_literal\";\nfunction _templateObject() {\n    const data = _tagged_template_literal([\n        \"\\n  position: relative;\\n  overflow-x: hidden;\\n  background-color: \",\n        \";\\n\"\n    ]);\n    _templateObject = function() {\n        return data;\n    };\n    return data;\n}\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Container } from \"@/components\";\nimport { PreviewDialogProvider } from \"@/components/Search/PreviewDialogProvider\";\nimport { ProductSearchListPage } from \"@/components/Search/ProductSearchListPage\";\nimport styled from \"styled-components\";\nconst ProductIndexNextPage = ()=>{\n    return /*#__PURE__*/ _jsx(ProductSearchPageWrapper, {\n        children: /*#__PURE__*/ _jsx(Container, {\n            children: /*#__PURE__*/ _jsx(PreviewDialogProvider, {\n                children: /*#__PURE__*/ _jsx(ProductSearchListPage, {})\n            })\n        })\n    });\n};\nexport var __N_SSP = true;\nexport default ProductIndexNextPage;\nconst ProductSearchPageWrapper = styled.div.withConfig({\n    componentId: \"sc-8582b4b9-0\"\n})(_templateObject(), (props)=>props.theme.new.colors.sol_gray_0);\n","import { debounce } from \"lodash\";\nimport { useEffect, useRef } from \"react\";\nconst ScrollPositionMemory = {};\nexport function raf(cb) {\n    let tick = false;\n    return ()=>{\n        if (tick) {\n            return 0;\n        }\n        tick = true;\n        return window.requestAnimationFrame(()=>{\n            tick = false;\n            cb();\n        });\n    };\n}\nexport function useScrollPosition(name) {\n    const scrollPosition = useRef(null);\n    useEffect(()=>{\n        const handleScroll = debounce(raf(()=>{\n            const { scrollY  } = window;\n            scrollPosition.current = scrollY;\n        }), 100);\n        var _ScrollPositionMemory_name;\n        const _cachedScrollPosition = (_ScrollPositionMemory_name = ScrollPositionMemory[name]) !== null && _ScrollPositionMemory_name !== void 0 ? _ScrollPositionMemory_name : 0;\n        window.scrollTo(0, _cachedScrollPosition);\n        window.addEventListener(\"scroll\", handleScroll, {\n            passive: true\n        });\n        return ()=>{\n            window.removeEventListener(\"scroll\", handleScroll);\n            if (scrollPosition.current !== null) {\n                ScrollPositionMemory[name] = scrollPosition.current;\n            }\n        };\n    }, [\n        name\n    ]);\n    return;\n}\n","import { QueryObserver } from './queryObserver.mjs';\nimport { infiniteQueryBehavior, hasNextPage, hasPreviousPage } from './infiniteQueryBehavior.mjs';\n\nclass InfiniteQueryObserver extends QueryObserver {\n  // Type override\n  // Type override\n  // Type override\n  // eslint-disable-next-line @typescript-eslint/no-useless-constructor\n  constructor(client, options) {\n    super(client, options);\n  }\n\n  bindMethods() {\n    super.bindMethods();\n    this.fetchNextPage = this.fetchNextPage.bind(this);\n    this.fetchPreviousPage = this.fetchPreviousPage.bind(this);\n  }\n\n  setOptions(options, notifyOptions) {\n    super.setOptions({ ...options,\n      behavior: infiniteQueryBehavior()\n    }, notifyOptions);\n  }\n\n  getOptimisticResult(options) {\n    options.behavior = infiniteQueryBehavior();\n    return super.getOptimisticResult(options);\n  }\n\n  fetchNextPage({\n    pageParam,\n    ...options\n  } = {}) {\n    return this.fetch({ ...options,\n      meta: {\n        fetchMore: {\n          direction: 'forward',\n          pageParam\n        }\n      }\n    });\n  }\n\n  fetchPreviousPage({\n    pageParam,\n    ...options\n  } = {}) {\n    return this.fetch({ ...options,\n      meta: {\n        fetchMore: {\n          direction: 'backward',\n          pageParam\n        }\n      }\n    });\n  }\n\n  createResult(query, options) {\n    var _state$fetchMeta, _state$fetchMeta$fetc, _state$fetchMeta2, _state$fetchMeta2$fet, _state$data, _state$data2;\n\n    const {\n      state\n    } = query;\n    const result = super.createResult(query, options);\n    const {\n      isFetching,\n      isRefetching\n    } = result;\n    const isFetchingNextPage = isFetching && ((_state$fetchMeta = state.fetchMeta) == null ? void 0 : (_state$fetchMeta$fetc = _state$fetchMeta.fetchMore) == null ? void 0 : _state$fetchMeta$fetc.direction) === 'forward';\n    const isFetchingPreviousPage = isFetching && ((_state$fetchMeta2 = state.fetchMeta) == null ? void 0 : (_state$fetchMeta2$fet = _state$fetchMeta2.fetchMore) == null ? void 0 : _state$fetchMeta2$fet.direction) === 'backward';\n    return { ...result,\n      fetchNextPage: this.fetchNextPage,\n      fetchPreviousPage: this.fetchPreviousPage,\n      hasNextPage: hasNextPage(options, (_state$data = state.data) == null ? void 0 : _state$data.pages),\n      hasPreviousPage: hasPreviousPage(options, (_state$data2 = state.data) == null ? void 0 : _state$data2.pages),\n      isFetchingNextPage,\n      isFetchingPreviousPage,\n      isRefetching: isRefetching && !isFetchingNextPage && !isFetchingPreviousPage\n    };\n  }\n\n}\n\nexport { InfiniteQueryObserver };\n//# sourceMappingURL=infiniteQueryObserver.mjs.map\n","'use client';\nimport { parseQueryArgs, InfiniteQueryObserver } from '@tanstack/query-core';\nimport { useBaseQuery } from './useBaseQuery.mjs';\n\nfunction useInfiniteQuery(arg1, arg2, arg3) {\n  const options = parseQueryArgs(arg1, arg2, arg3);\n  return useBaseQuery(options, InfiniteQueryObserver);\n}\n\nexport { useInfiniteQuery };\n//# sourceMappingURL=useInfiniteQuery.mjs.map\n","\"use client\";\nvar __defProp = Object.defineProperty;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n\n// src/InView.tsx\nimport * as React from \"react\";\n\n// src/observe.ts\nvar observerMap = /* @__PURE__ */ new Map();\nvar RootIds = /* @__PURE__ */ new WeakMap();\nvar rootId = 0;\nvar unsupportedValue = void 0;\nfunction defaultFallbackInView(inView) {\n  unsupportedValue = inView;\n}\nfunction getRootId(root) {\n  if (!root) return \"0\";\n  if (RootIds.has(root)) return RootIds.get(root);\n  rootId += 1;\n  RootIds.set(root, rootId.toString());\n  return RootIds.get(root);\n}\nfunction optionsToId(options) {\n  return Object.keys(options).sort().filter(\n    (key) => options[key] !== void 0\n  ).map((key) => {\n    return `${key}_${key === \"root\" ? getRootId(options.root) : options[key]}`;\n  }).toString();\n}\nfunction createObserver(options) {\n  const id = optionsToId(options);\n  let instance = observerMap.get(id);\n  if (!instance) {\n    const elements = /* @__PURE__ */ new Map();\n    let thresholds;\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        var _a;\n        const inView = entry.isIntersecting && thresholds.some((threshold) => entry.intersectionRatio >= threshold);\n        if (options.trackVisibility && typeof entry.isVisible === \"undefined\") {\n          entry.isVisible = inView;\n        }\n        (_a = elements.get(entry.target)) == null ? void 0 : _a.forEach((callback) => {\n          callback(inView, entry);\n        });\n      });\n    }, options);\n    thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n    instance = {\n      id,\n      observer,\n      elements\n    };\n    observerMap.set(id, instance);\n  }\n  return instance;\n}\nfunction observe(element, callback, options = {}, fallbackInView = unsupportedValue) {\n  if (typeof window.IntersectionObserver === \"undefined\" && fallbackInView !== void 0) {\n    const bounds = element.getBoundingClientRect();\n    callback(fallbackInView, {\n      isIntersecting: fallbackInView,\n      target: element,\n      intersectionRatio: typeof options.threshold === \"number\" ? options.threshold : 0,\n      time: 0,\n      boundingClientRect: bounds,\n      intersectionRect: bounds,\n      rootBounds: bounds\n    });\n    return () => {\n    };\n  }\n  const { id, observer, elements } = createObserver(options);\n  const callbacks = elements.get(element) || [];\n  if (!elements.has(element)) {\n    elements.set(element, callbacks);\n  }\n  callbacks.push(callback);\n  observer.observe(element);\n  return function unobserve() {\n    callbacks.splice(callbacks.indexOf(callback), 1);\n    if (callbacks.length === 0) {\n      elements.delete(element);\n      observer.unobserve(element);\n    }\n    if (elements.size === 0) {\n      observer.disconnect();\n      observerMap.delete(id);\n    }\n  };\n}\n\n// src/InView.tsx\nfunction isPlainChildren(props) {\n  return typeof props.children !== \"function\";\n}\nvar InView = class extends React.Component {\n  constructor(props) {\n    super(props);\n    __publicField(this, \"node\", null);\n    __publicField(this, \"_unobserveCb\", null);\n    __publicField(this, \"handleNode\", (node) => {\n      if (this.node) {\n        this.unobserve();\n        if (!node && !this.props.triggerOnce && !this.props.skip) {\n          this.setState({ inView: !!this.props.initialInView, entry: void 0 });\n        }\n      }\n      this.node = node ? node : null;\n      this.observeNode();\n    });\n    __publicField(this, \"handleChange\", (inView, entry) => {\n      if (inView && this.props.triggerOnce) {\n        this.unobserve();\n      }\n      if (!isPlainChildren(this.props)) {\n        this.setState({ inView, entry });\n      }\n      if (this.props.onChange) {\n        this.props.onChange(inView, entry);\n      }\n    });\n    this.state = {\n      inView: !!props.initialInView,\n      entry: void 0\n    };\n  }\n  componentDidMount() {\n    this.unobserve();\n    this.observeNode();\n  }\n  componentDidUpdate(prevProps) {\n    if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n      this.unobserve();\n      this.observeNode();\n    }\n  }\n  componentWillUnmount() {\n    this.unobserve();\n  }\n  observeNode() {\n    if (!this.node || this.props.skip) return;\n    const {\n      threshold,\n      root,\n      rootMargin,\n      trackVisibility,\n      delay,\n      fallbackInView\n    } = this.props;\n    this._unobserveCb = observe(\n      this.node,\n      this.handleChange,\n      {\n        threshold,\n        root,\n        rootMargin,\n        // @ts-ignore\n        trackVisibility,\n        // @ts-ignore\n        delay\n      },\n      fallbackInView\n    );\n  }\n  unobserve() {\n    if (this._unobserveCb) {\n      this._unobserveCb();\n      this._unobserveCb = null;\n    }\n  }\n  render() {\n    const { children } = this.props;\n    if (typeof children === \"function\") {\n      const { inView, entry } = this.state;\n      return children({ inView, entry, ref: this.handleNode });\n    }\n    const {\n      as,\n      triggerOnce,\n      threshold,\n      root,\n      rootMargin,\n      onChange,\n      skip,\n      trackVisibility,\n      delay,\n      initialInView,\n      fallbackInView,\n      ...props\n    } = this.props;\n    return React.createElement(\n      as || \"div\",\n      { ref: this.handleNode, ...props },\n      children\n    );\n  }\n};\n\n// src/useInView.tsx\nimport * as React2 from \"react\";\nfunction useInView({\n  threshold,\n  delay,\n  trackVisibility,\n  rootMargin,\n  root,\n  triggerOnce,\n  skip,\n  initialInView,\n  fallbackInView,\n  onChange\n} = {}) {\n  var _a;\n  const [ref, setRef] = React2.useState(null);\n  const callback = React2.useRef();\n  const [state, setState] = React2.useState({\n    inView: !!initialInView,\n    entry: void 0\n  });\n  callback.current = onChange;\n  React2.useEffect(\n    () => {\n      if (skip || !ref) return;\n      let unobserve;\n      unobserve = observe(\n        ref,\n        (inView, entry) => {\n          setState({\n            inView,\n            entry\n          });\n          if (callback.current) callback.current(inView, entry);\n          if (entry.isIntersecting && triggerOnce && unobserve) {\n            unobserve();\n            unobserve = void 0;\n          }\n        },\n        {\n          root,\n          rootMargin,\n          threshold,\n          // @ts-ignore\n          trackVisibility,\n          // @ts-ignore\n          delay\n        },\n        fallbackInView\n      );\n      return () => {\n        if (unobserve) {\n          unobserve();\n        }\n      };\n    },\n    // We break the rule here, because we aren't including the actual `threshold` variable\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      // If the threshold is an array, convert it to a string, so it won't change between renders.\n      Array.isArray(threshold) ? threshold.toString() : threshold,\n      ref,\n      root,\n      rootMargin,\n      triggerOnce,\n      skip,\n      trackVisibility,\n      fallbackInView,\n      delay\n    ]\n  );\n  const entryTarget = (_a = state.entry) == null ? void 0 : _a.target;\n  const previousEntryTarget = React2.useRef();\n  if (!ref && entryTarget && !triggerOnce && !skip && previousEntryTarget.current !== entryTarget) {\n    previousEntryTarget.current = entryTarget;\n    setState({\n      inView: !!initialInView,\n      entry: void 0\n    });\n  }\n  const result = [setRef, state.inView, state.entry];\n  result.ref = result[0];\n  result.inView = result[1];\n  result.entry = result[2];\n  return result;\n}\nexport {\n  InView,\n  defaultFallbackInView,\n  observe,\n  useInView\n};\n//# sourceMappingURL=index.mjs.map"],"names":[],"sourceRoot":""}