{"version":3,"file":"static/chunks/4634-0b016ccc77503da8.js","mappings":"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","sources":["webpack://_N_E/./src/images/icons/new_badge.svg","webpack://_N_E/./src/pages/store/brands/[bid].js","webpack://_N_E/./src/pages/store/brands/[bid].module.scss"],"sourcesContent":["var _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar SvgNewBadge = function SvgNewBadge(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 7,\n    height: 7,\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M6.428 6.912H4.88L1.631 2.214v4.698H.263V.09h1.548L5.06 4.815V.09h1.368v6.822Z\",\n    fill: \"#fff\"\n  })));\n};\n\nexport default SvgNewBadge;","\n    import __i18nConfig from '@next-translate-root/i18n'\n    import __loadNamespaces from 'next-translate/loadNamespaces'\n    import NavigationLayout from \"components/layout/NavigationLayout\";\nimport Image from \"next/image\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport styles from \"pages/store/brands/[bid].module.scss\";\nimport { useRouter } from \"next/router\";\nimport { useEffect, useState } from \"react\";\nimport { Axios } from \"api\";\nimport utilStyles from \"styles/utils.module.scss\";\nimport TopTabBar, { NewTopTabBar } from \"components/TopTabBar\";\nimport Loading from \"components/Loading\";\nimport Paginator from \"components/Paginator\";\nimport ProductGrid from \"components/ProductGrid\";\nimport ProductListCard from \"components/cards/ProductListCard\";\nimport classNames from \"classnames\";\nimport { productScrapContextRef } from \"context/ProductScrapContext\";\nimport { captureException, captureMessage } from \"@sentry/nextjs\";\nimport { getReferralInfo } from \"common/referral\";\nimport Head from \"next/head\";\nimport { generateSEOLink, SITE_URL, specialOffersRoute } from \"common/const\";\nimport Link from \"next/link\";\nimport ArrowRightIcon from \"images/icons/arrow_right_757575.svg\";\nimport { checkBatchimEnding, getLocalStorageCountryCode, numberWithComma } from \"common/utils\";\nimport { KEY_PROMOTION_ENDS_AT } from \"pages/store/special-offers\";\nimport Layout from \"components/layout/layout\";\nimport TopBar from \"components/layout/TopBar/TopBar\";\nimport NewBadgeIcon from \"images/icons/new_badge.svg\";\nimport useTranslation from 'next-translate/useTranslation';\nimport Trans from 'next-translate/Trans';\nconst KEY_RANK = 'rank';\nconst KEY_SELL_COUNT = 'sell_count';\nconst KEY_RECENT = 'recent';\nconst KEY_LOW_PRICE = 'low_price';\nconst KEY_HIGH_PRICE = 'high_price';\nconst PAGE_SIZE = 40;\nconst ProductList = (props) => {\n    const { t } = useTranslation('store-brands-bid');\n    const [productList, setProductList] = useState([]);\n    const [totalCount, setTotalCount] = useState(0);\n    const [isLoading, setIsLoading] = useState(false);\n    const router = useRouter();\n    const order = router.query.order;\n    const brandId = props.brandId || router.query?.bid;\n    const page = router.query.page ? (parseInt(router.query.page) || 1) : 1;\n    const isLarge = useMediaQuery(`(min-width:${utilStyles.breakpointDesktop})`);\n    const referralInfo = getReferralInfo();\n    useEffect(async () => {\n        if (!router.isReady) {\n            return;\n        }\n        if (router.isReady && !order) {\n            router.replace({ query: Object.assign({}, router.query, { order: KEY_SELL_COUNT }) }, undefined, { shallow: true, scroll: true });\n            return;\n        }\n        setTotalCount(0);\n        try {\n            setIsLoading(true);\n            const res = await Axios.get(`v1/store/brand-products/${brandId}`, {\n                params: {\n                    page_num: page,\n                    page_size: PAGE_SIZE,\n                    order: order\n                }\n            });\n            if (res.status < 400) {\n                setProductList(res.data.products);\n                setTotalCount(res.data.count);\n                productScrapContextRef.current.addProductIds(res.data.scrapped_pids);\n            }\n        }\n        catch (e) {\n            setProductList([]);\n            setTotalCount(0);\n            console.log(e);\n        }\n        finally {\n            setIsLoading(false);\n        }\n    }, [brandId, order, page]);\n    return (<>\n            <div className={styles.productSection}/>\n            <div className={styles.sectionTitleMargin}>\n                <span className={classNames(styles.topProductsTitle)}>{t('ProductList.allProducts')}</span>\n                <span className={styles.totalCount}>\n                    {t('ProductList.totalCount', { count: numberWithComma(totalCount) })}\n                </span>\n            </div>\n            <NewTopTabBar smallText activeRoute={order} tabs={[\n            {\n                route: KEY_SELL_COUNT,\n                title: t('ProductList.sortBySales'),\n                onClick: () => {\n                    router.replace({ query: Object.assign({}, router.query, { order: KEY_SELL_COUNT }) }, undefined, {\n                        shallow: true,\n                        scroll: false\n                    });\n                }\n            },\n            {\n                route: KEY_RECENT,\n                title: t('ProductList.sortByRecent'),\n                onClick: () => {\n                    router.replace({ query: Object.assign({}, router.query, { order: KEY_RECENT }) }, undefined, {\n                        shallow: true,\n                        scroll: false\n                    });\n                }\n            },\n        ]}/>\n            <div className={styles.productGridMargin}/>\n            <div className={styles.productGridPadding}>\n                {productList.length === 0 && isLoading ?\n            <Loading style={{ marginTop: 150, marginBottom: 300 }}/>\n            :\n                (<>\n                                <ProductGrid products={productList} referralInfo={referralInfo} vertical/>\n                                <div className={styles.paginatorMargin}/>\n                                <Paginator isLoading={isLoading} currentPage={page} size={isLarge ? 10 : 5} onChangeCurrentPage={(e) => {\n                        router.replace({ query: Object.assign({}, router.query, { page: e }) }, undefined, {\n                            shallow: true,\n                            scroll: false\n                        });\n                    }} totalCount={totalCount} countPerPage={PAGE_SIZE}/>\n                            </>)}\n            </div>\n        </>);\n};\nconst SpecialOfferSection = ({ brandId, brandInfo }) => {\n    const { t } = useTranslation('store-brands-bid');\n    const isMobile = useMediaQuery(`(max-width:${utilStyles.breakpointMobile})`);\n    const [products, setProducts] = useState([]);\n    const [isLoading, setIsLoading] = useState(false);\n    const [error, setError] = useState(null);\n    const router = useRouter();\n    const bid = brandId || router.query?.bid;\n    useEffect(() => {\n        getSpecialOffers();\n    }, []);\n    const referralInfo = getReferralInfo();\n    const getSpecialOffers = async () => {\n        try {\n            setIsLoading(true);\n            setProducts([]);\n            const res = await Axios.get('v1/store/special-offer-products/', { params: { order: KEY_PROMOTION_ENDS_AT, brand_id: bid } });\n            console.log(res);\n            if (res.status < 400) {\n                setProducts(res.data.products);\n                productScrapContextRef.current.updateByProductIdsAndScrappedProductIds(res.data.products.map(e => e.id), res.data['scrapped_pids']);\n            }\n            else {\n                setError(res.data.display_message || t('SpecialOfferSection.loadError'));\n            }\n        }\n        catch (e) {\n            setError(t('SpecialOfferSection.loadError'));\n        }\n        finally {\n            setIsLoading(false);\n        }\n    };\n    return (products.length > 0 &&\n        <>\n            {isMobile && <div className={styles.mobileBorder}/>}\n            <div className={styles.topProductsSection}>\n                <div className={styles.specialProductsTitle}>{t('SpecialOfferSection.hemekoSpecialPrice')}</div>\n                <div className={styles.productsWrapper}>\n                    <div className={styles.horizontalScrollPaddingLeft}/>\n                    {products.map((e, index) => {\n                return (<div className={styles.cardWrapper} key={index}>\n                                    <ProductListCard product={e} showPromotionDaysLeft miniScrapIcon={true}/>\n                                </div>);\n            })}\n                    <div className={styles.horizontalScrollPaddingRight}/>\n                </div>\n            </div>\n        </>);\n};\nexport const Brand = (props) => {\n    const { t } = useTranslation('store-brands-bid');\n    const isMobile = useMediaQuery(`(max-width:${utilStyles.breakpointMobile})`);\n    const isLarge = useMediaQuery(`(min-width:${utilStyles.breakpointDesktop})`);\n    const router = useRouter();\n    const [isLoading, setIsLoading] = useState(false);\n    const [brandInfo, setBrandInfo] = useState(null);\n    const [error, setError] = useState(false);\n    const bid = props.brandId || router.query?.bid;\n    useEffect(() => {\n        if (!router.isReady)\n            return;\n        const query = router.query;\n        if (!query.page || !query.order) {\n            router.replace({ query: { bid: bid, page: query.page || 1, order: query.order || KEY_RANK } }, undefined, {\n                shallow: true,\n                scroll: true\n            });\n        }\n    }, [router.isReady, router.query]);\n    useEffect(() => {\n        window.scrollTo(0, 0);\n        if (!bid)\n            return;\n        getBrandPageInfo(bid);\n    }, [router.isReady, bid]);\n    const countryCode = getLocalStorageCountryCode() ?? 'KR';\n    const getBrandPageInfo = async (brand_id) => {\n        try {\n            setIsLoading(true);\n            setError(false);\n            const loggingData = {};\n            const res = await Axios.get(`v1/store/brands/${brand_id}`);\n            if (res.status < 400) {\n                console.log('getBrandPageInfo', res.data);\n                setBrandInfo(res.data);\n                productScrapContextRef.current.addProductIds(res.data.scrapped_pids);\n                loggingData['success'] = true;\n            }\n            else {\n                setError(true);\n                alert(res.data.display_message || '브랜드 정보를 받아오지 못했습니다. 잠시 후 다시 시도해주세요.');\n                if (!res.data.display_message) {\n                    captureMessage(JSON.stringify(res.data));\n                }\n                loggingData['success'] = false;\n            }\n            typeof mixpanel !== 'undefined' && mixpanel.track('ViewBrandDetail', loggingData);\n        }\n        catch (e) {\n            setError(true);\n            alert('브랜드 정보를 받아오지 못했습니다. 잠시 후 다시 시도해주세요.');\n            captureException(e);\n        }\n        finally {\n            setIsLoading(false);\n        }\n    };\n    const referralInfo = getReferralInfo();\n    const metaTitle = brandInfo ? t('Brand.metaTitleTemplate', { brandName: brandInfo.name }) : '';\n    return (<>\n            <Head>\n                {generateSEOLink(`/store/brands/${bid || 0}`, router.locale)}\n                {brandInfo &&\n            <>\n                        <meta name=\"description\" content={brandInfo.description} key=\"description\"/>\n                        <title>{metaTitle}</title>\n                        <meta property=\"og:type\" content=\"website\" key=\"ogType\"/>\n                        <meta property=\"og:title\" content={metaTitle} key=\"ogTitle\"/>\n                        <meta property=\"og:description\" content={brandInfo.description} key=\"ogDescription\"/>\n                        <meta property=\"og:image\" content={brandInfo.logo_image_url} key=\"ogImage\"/>\n                    </>}\n            </Head>\n            <div className={classNames(styles.container, utilStyles.pageContainer)}>\n                {!error && isLoading &&\n            <Loading style={{ marginTop: 60 }}/>}\n                {error &&\n            (<div className={styles.errorContainer}>\n                            <span className={styles.errorText}>\n                                {t('Brand.loadBrandInfoError')}\n                            </span>\n                        </div>)}\n                {!isLoading && !error && brandInfo &&\n            <div className={styles.brandInfoContainer}>\n                        <div className={styles.bannerWrapper}>\n                            <div className={styles.bannerImage}>\n                                <Image unoptimized src={isMobile ? brandInfo.banner_mobile_image_url || brandInfo.banner_image_url : brandInfo.banner_image_url} alt={brandInfo.name} layout=\"fill\" objectFit=\"cover\"/>\n                            </div>\n                            <div className={styles.logoImage}>\n                                <Image unoptimized src={brandInfo.logo_image_url ?? ''} alt={brandInfo.name} layout=\"fill\" objectFit=\"cover\"/>\n                            </div>\n                        </div>\n\n                        <div className={styles.brandDescriptionWrapper}>\n                            <div className={classNames(utilStyles.alignItemsCenter, utilStyles.flexRow)}>\n                                <span className={styles.brandPageName}>{brandInfo.name}</span>\n                                {brandInfo.is_new &&\n                    <div className={styles.newBadge}>\n                                        <NewBadgeIcon width=\"7\" height=\"7\" viewBox=\"0 0 7 7\"/>\n                                    </div>}\n                            </div>\n                            {countryCode === 'KR' && brandInfo.english_name &&\n                    <span className={styles.brandPageEnglishName}>{brandInfo.english_name}</span>}\n                            <span className={styles.brandDescription}>{brandInfo.description}</span>\n                        </div>\n                        <SpecialOfferSection brandInfo={brandInfo} brandId={props.brandId}/>\n                        <div className={styles.mobileBorder}/>\n                    </div>}\n                {!isLoading && !error &&\n            <ProductList brandId={props.brandId}/>}\n            </div>\n        </>);\n};\nconst BrandWrapper = (props) => {\n    return (<Layout topBar={<TopBar isBack search pouch/>}>\n            <Brand {...props}/>\n        </Layout>);\n};\nBrand.getLayout = NavigationLayout;\nexport default BrandWrapper;\n\n    async function __Next_Translate__getServerSideProps__195d139c218__(ctx) {\n      \n      return {\n        \n        \n        props: {\n          \n          ...(await __loadNamespaces({\n            ...ctx,\n            ...__i18nConfig,\n            pathname: '/store/brands/[bid]',\n            loaderName: 'getServerSideProps',\n            loadLocaleFrom: __i18nConfig && __i18nConfig.loadLocaleFrom || ((l, n) => import(`@next-translate-root/locales/${l}/${n}`).then(m => m.default)),\n          }))\n        }\n      }\n    }\n    export { __Next_Translate__getServerSideProps__195d139c218__ as getServerSideProps }\n  ","// extracted by mini-css-extract-plugin\nmodule.exports = {\"brand\":\"#ffa0cc\",\"typo1\":\"#9e9e9e\",\"typo3\":\"#424242\",\"breakpointMobile\":\"999999px\",\"breakpointTablet\":\"999999px\",\"breakpointDesktop\":\"999999px\",\"topBarHeight\":\"80px\",\"mobilStoreNavBarHeight\":\"40px\",\"topPadding\":\"40px\",\"topBannerHeight\":\"40px\",\"topTabBarHeight\":\"56px\",\"layoutLeftPaddingNew\":\"16px\",\"layoutRightPaddingNew\":\"16px\",\"heading2Xl\":\"_bid__heading2Xl___Jmh7\",\"headingXl\":\"_bid__headingXl__WvsUZ\",\"headingLg\":\"_bid__headingLg__BFCuP\",\"headingMd\":\"_bid__headingMd__KlJqZ\",\"borderCircle\":\"_bid__borderCircle__2pRsn\",\"colorInherit\":\"_bid__colorInherit__bHSqe\",\"padding1px\":\"_bid__padding1px__gHNKN\",\"list\":\"_bid__list__mlOpF\",\"listItem\":\"_bid__listItem__xE4LF\",\"lightText\":\"_bid__lightText__Lklay\",\"testButton\":\"_bid__testButton__AFdZI\",\"testProduct\":\"_bid__testProduct__bNe9H\",\"cursorPointer\":\"_bid__cursorPointer__JrE9r\",\"cursorUnset\":\"_bid__cursorUnset__FGDqB\",\"block\":\"_bid__block__V_xgL\",\"inlineBlock\":\"_bid__inlineBlock__Qp_Dv\",\"fullWidth\":\"_bid__fullWidth__qTtxs\",\"fullFlex\":\"_bid__fullFlex__JYHyq\",\"verticalMiddle\":\"_bid__verticalMiddle__cieSP\",\"justifyContentStart\":\"_bid__justifyContentStart__5C2t0\",\"justifyContentCenter\":\"_bid__justifyContentCenter__V3_Z9\",\"newBadge\":\"_bid__newBadge__jdOtt\",\"justifyContentSpaceBetween\":\"_bid__justifyContentSpaceBetween__ue4rp\",\"sectionTitleMargin\":\"_bid__sectionTitleMargin__UEFnV\",\"sectionTitleWrapper\":\"_bid__sectionTitleWrapper__SlHx1\",\"justifyContentEnd\":\"_bid__justifyContentEnd__FlvuC\",\"alignItemsCenter\":\"_bid__alignItemsCenter__r53r6\",\"socialIcon\":\"_bid__socialIcon__a_pGq\",\"alignItemsStart\":\"_bid__alignItemsStart__iQL8I\",\"alignItemsEnd\":\"_bid__alignItemsEnd__XhtPL\",\"rootContainer\":\"_bid__rootContainer__0t8XB\",\"flexRow\":\"_bid__flexRow__I9GaJ\",\"productsWrapper\":\"_bid__productsWrapper__iIaWY\",\"row\":\"_bid__row__njTle\",\"flexCol\":\"_bid__flexCol__9se3o\",\"brandDescriptionWrapper\":\"_bid__brandDescriptionWrapper__Ta0tU\",\"flexFit\":\"_bid__flexFit__BN5XJ\",\"container\":\"_bid__container__kUq3h\",\"relative\":\"_bid__relative__Mx_x8\",\"absolute\":\"_bid__absolute__Oib7X\",\"displayNone\":\"_bid__displayNone__6Ha2s\",\"square\":\"_bid__square__g1ZAU\",\"noBorderRadius\":\"_bid__noBorderRadius__3CZ0T\",\"no-select\":\"_bid__no-select__7TKKm\",\"borderUnderLine\":\"_bid__borderUnderLine__wCcNi\",\"borderLine2\":\"_bid__borderLine2__iII9c\",\"borderUnderLineThick\":\"_bid__borderUnderLineThick__iNxoH\",\"mobileBorder\":\"_bid__mobileBorder__kM9l0\",\"tableBorderUnderLine\":\"_bid__tableBorderUnderLine__WRdvz\",\"txtTitle\":\"_bid__txtTitle__yPo7a\",\"bold\":\"_bid__bold__xb3TK\",\"semiBold\":\"_bid__semiBold__N8_0x\",\"txtIndent\":\"_bid__txtIndent__5Vau5\",\"txtSmallTitle\":\"_bid__txtSmallTitle__k5_FF\",\"txtSubTitle\":\"_bid__txtSubTitle__zj9Fs\",\"txtPlain\":\"_bid__txtPlain__JamKR\",\"bullet\":\"_bid__bullet__vXO1g\",\"invisible\":\"_bid__invisible__QyVej\",\"pageTitle\":\"_bid__pageTitle__YAsmx\",\"sidePadding\":\"_bid__sidePadding__QrP7M\",\"newSidePadding\":\"_bid__newSidePadding__MnOhA\",\"whiteBackground\":\"_bid__whiteBackground__mUW_z\",\"sideMargin\":\"_bid__sideMargin__NxUSF\",\"fullHeight\":\"_bid__fullHeight__zRLmb\",\"containerElevated\":\"_bid__containerElevated__lH9_9\",\"noLineHeight\":\"_bid__noLineHeight__htkjs\",\"noMargin\":\"_bid__noMargin__9BIti\",\"fullLineHeight\":\"_bid__fullLineHeight__ouHTo\",\"mainTitle\":\"_bid__mainTitle__AVBy2\",\"hideScrollbar\":\"_bid__hideScrollbar__L_R4h\",\"brandColorText\":\"_bid__brandColorText___NVFD\",\"hide\":\"_bid__hide__4Vzad\",\"pageContainer\":\"_bid__pageContainer__zN7Nv\",\"transparent\":\"_bid__transparent__mDXBI\",\"textAlignCenter\":\"_bid__textAlignCenter__rtfdM\",\"topSticky\":\"_bid__topSticky__x9Gny\",\"topFixed\":\"_bid__topFixed__bK3m1\",\"stickBottom\":\"_bid__stickBottom__bhN6h\",\"transparentButton\":\"_bid__transparentButton__BF_6U\",\"transparentChildButton\":\"_bid__transparentChildButton__PpbdG\",\"medium\":\"_bid__medium__6UEHX\",\"errorText\":\"_bid__errorText__oG15u\",\"brandInfoContainer\":\"_bid__brandInfoContainer__AD8fk\",\"bannerWrapper\":\"_bid__bannerWrapper__2nki8\",\"bannerImage\":\"_bid__bannerImage__O0T_q\",\"logoImage\":\"_bid__logoImage__cqCYr\",\"brandPageName\":\"_bid__brandPageName__36zcN\",\"brandPageEnglishName\":\"_bid__brandPageEnglishName__d6wis\",\"brandDescription\":\"_bid__brandDescription__p6_G9\",\"topProductsSection\":\"_bid__topProductsSection__09_JC\",\"specialProductsTitle\":\"_bid__specialProductsTitle__L3MM8\",\"topProductsTitle\":\"_bid__topProductsTitle__PYD81\",\"col\":\"_bid__col__Z2267\",\"errorContainer\":\"_bid__errorContainer__iSXNB\",\"sectionTitle\":\"_bid__sectionTitle__GC5m5\",\"totalCount\":\"_bid__totalCount__0YD2R\",\"productSection\":\"_bid__productSection__YZUym\",\"cardWrapper\":\"_bid__cardWrapper__g8AvS\",\"topTabBarWrapper\":\"_bid__topTabBarWrapper__MCcga\",\"horizontalScrollPaddingLeft\":\"_bid__horizontalScrollPaddingLeft__IsFk3\",\"horizontalScrollPaddingRight\":\"_bid__horizontalScrollPaddingRight__ivndy\"};"],"names":["_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","props","width","height","fill","xmlns","d","KEY_SELL_COUNT","KEY_RECENT","ProductList","t","useTranslation","useState","productList","setProductList","totalCount","setTotalCount","isLoading","setIsLoading","router","useRouter","order","query","brandId","bid","page","parseInt","isLarge","useMediaQuery","utilStyles","referralInfo","getReferralInfo","useEffect","isReady","replace","undefined","shallow","scroll","Axios","params","page_num","page_size","res","status","data","products","count","productScrapContextRef","scrapped_pids","console","log","className","styles","classNames","numberWithComma","smallText","activeRoute","tabs","route","title","onClick","style","marginTop","marginBottom","vertical","currentPage","size","onChangeCurrentPage","e","countPerPage","SpecialOfferSection","brandInfo","isMobile","setProducts","setError","getSpecialOffers","KEY_PROMOTION_ENDS_AT","brand_id","map","id","display_message","index","product","showPromotionDaysLeft","miniScrapIcon","Brand","setBrandInfo","error","window","scrollTo","getBrandPageInfo","countryCode","getLocalStorageCountryCode","loggingData","alert","captureMessage","JSON","stringify","mixpanel","track","captureException","metaTitle","brandName","name","generateSEOLink","locale","content","description","property","logo_image_url","unoptimized","src","banner_mobile_image_url","banner_image_url","alt","layout","objectFit","is_new","viewBox","english_name","getLayout","NavigationLayout","topBar","isBack","search","pouch","module","exports"],"sourceRoot":""}