https://jellyme.io/_next/static/chunks/pages/collection/pkcl-twins-d76e74d13f3cf973.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[924],{7481:function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){(window.__NEXT_P=window.__NEXT_P||[]).push(["/collection/pkcl-twins",function(){return __webpack_require__(894)}])},894:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__N_SSG:function(){return __N_SSG},default:function(){return pkcl_twins}});var jsx_runtime=__webpack_require__(5893),Header=__webpack_require__(897),dist=__webpack_require__(8100),Layout=__webpack_require__(3108),react=__webpack_require__(7294),model=__webpack_require__(6870),rpcService=__webpack_require__(3176),appEnv=__webpack_require__(3133),utils=__webpack_require__(805),R=__webpack_require__(7994),tw_merge=__webpack_require__(6180),useRedux=__webpack_require__(8453),router=__webpack_require__(1163),useLocalSettings=__webpack_require__(243),useCollectionInfo=__webpack_require__(1101),collectionUtil=__webpack_require__(1132),infinite_dist=__webpack_require__(4593);let infiniteOptions={revalidateIfStale:!0,revalidateOnFocus:!0,revalidateOnReconnect:!0,revalidateOnMount:!0,revalidateFirstPage:!1},usePKCLTwinsCollectionList=props=>{let getKey=(pageIndex,previousPageData)=>previousPageData&&!previousPageData.has_next_page?null:[previousPageData,props],fetcher=async(previousPageData,props)=>{let tx={...props,price_min:props.price_min?utils.cQ.currency.reflectInCurrInfo({priceTxt:props.price_min,curr_info:{decimal:18}}):void 0,price_max:props.price_max?utils.cQ.currency.reflectInCurrInfo({priceTxt:props.price_max,curr_info:{decimal:18}}):void 0,cursor:null==previousPageData?void 0:previousPageData.next_cursor,...model.A.SORT[props.order]};return await rpcService.Z.pkcltwinsSearchList(tx)},{data,error,mutate,size,setSize,isValidating}=(0,infinite_dist.ZP)(getKey,fetcher,infiniteOptions);return{data:data,error:error,mutate:mutate,size:size,setSize:setSize,isValidating:isValidating,collectionList:(originData=>{let concatList=originData?[].concat(...originData.map(d=>d.nft_list)):[];return collectionUtil.Z.getUniqueNftArray({objArray:concatList,key:"mint_id"})})(data)}};var useNav=__webpack_require__(7032),immutable_dist=__webpack_require__(9770),useAuth=__webpack_require__(956),CommonDlg=__webpack_require__(3786),HeadTag=__webpack_require__(8303),SFMCollectionTop=__webpack_require__(6802),ConnectDlg=__webpack_require__(7403);let SVC_ID=model.A.SvcId_e.PKCL_TWINS,DEFAULT_NFT_TYPE=model.A.PkclTwinsNftType_e.PKCL_OFFICIAL_FASHION,useFilterList=lang=>{let fetcher=(url,lang)=>rpcService.Z.pkcltwinsInfo(void 0,lang);return(0,immutable_dist.Z)(["/svc/".concat("pkcltwins","/info"),lang],fetcher)},useCollectionThemeList=props=>{let fetcher=(url,props)=>rpcService.Z.collectionSearchThemeList(props);return(0,immutable_dist.Z)(["/svc/theme/suggest",props],fetcher)},useCollectionBrandList=props=>{let fetcher=(url,props)=>rpcService.Z.collectionBrandList(props);return(0,immutable_dist.Z)(["/rpc/svc/brand/list",props],fetcher)},CollectionPKCLTwinsTop=()=>{let[sThemeFilter,setThemeFilter]=(0,react.useState)({keyword:"",year:[],selected_theme_ids:[]}),isLoadedCollectionInfoRef=(0,react.useRef)(!1),hRouter=(0,router.useRouter)(),hR=(0,useLocalSettings.$v)(),hAuth=(0,useAuth.a)(),queryToCollectionFilter=props=>{let collectionFilter={nft_type:props.nft_type||props.nftType||DEFAULT_NFT_TYPE,only_buy_now:"true"===props.only_buy_now||"true"===props.onlyBuyNow,keywords:"string"==typeof props.keywords&&Boolean(props.keywords)?props.keywords.split(","):void 0,order:props.order||model.A.OrderValues_e.NEWEST,super_rare_count:"string"==typeof props.super_rare_count?Number(props.super_rare_count):void 0,rare_count:"string"==typeof props.rare_count?Number(props.rare_count):void 0,price_min:"string"==typeof props.price_min?props.price_min:void 0,price_max:"string"==typeof props.price_max?props.price_max:void 0,item_types:"string"==typeof props.item_types&&Boolean(props.item_types)?props.item_types.split(","):void 0,theme_ids:"string"==typeof props.theme_ids&&Boolean(props.theme_ids)?props.theme_ids.split(","):void 0,colors:"string"==typeof props.colors&&Boolean(props.colors)?props.colors.split(","):void 0,item_count_min:"string"==typeof props.item_count_min?Number(props.item_count_min):void 0,item_count_max:"string"==typeof props.item_count_max?Number(props.item_count_max):void 0,brand_ids:"string"==typeof props.brand_ids&&Boolean(props.brand_ids)?props.brand_ids.split(","):void 0};return Object.fromEntries(Object.entries(collectionFilter).filter(param=>{let[k,v]=param;return void 0!==v}))},[sCollectionFilter,setCollectionFilter]=(0,react.useState)(queryToCollectionFilter(hRouter.query)),hRedux=(0,useRedux.S)(),{rdxDialogAction,rdxDispat

1ch}=hRedux,{goToHome}=(0,useNav.ZP)(),{data:collectionInfoData,mutate:collectionInfoMutate}=(0,useCollectionInfo.Z)(SVC_ID,hR.locale),{data:collectionFilterData}=useFilterList(hR.locale),{data:collectionThemeData}=useCollectionThemeList({svc_id:SVC_ID,nft_type:sCollectionFilter?sCollectionFilter.nft_type:DEFAULT_NFT_TYPE,sort_asc:!0,...sThemeFilter}),{data:collectionBrandData}=useCollectionBrandList({svc_id:SVC_ID,nft_type:sCollectionFilter?sCollectionFilter.nft_type:DEFAULT_NFT_TYPE}),{data,error,mutate:collectionListMutate,size,setSize,isValidating,collectionList}=usePKCLTwinsCollectionList(sCollectionFilter),headerStyle=(0,react.useMemo)(()=>{let normalHeaderStyle={headerBg:null==collectionInfoData?void 0:collectionInfoData.svc_info.banner,headerClassName:(0,tw_merge.m)("h-[24rem]","lg:h-[56rem]"),eventBg:R.Z.images.collection_space_fleamarket_iv_sale_event_mobile3x,eventClassName:(0,tw_merge.m)("h-[8rem] my-[1.2rem]","lg:h-[14.3rem] lg:my-[3rem]"),fontClassName:"text-black border-black"};return normalHeaderStyle},[]);(0,react.useEffect)(()=>{(0,utils.pT)(hAuth.sIsLogin)&&!isLoadedCollectionInfoRef.current?(isLoadedCollectionInfoRef.current=!0,collectionInfoMutate()):hAuth.sIsLogin&&isLoadedCollectionInfoRef.current&&collectionInfoMutate()},[hAuth.sIsLogin]),(0,react.useEffect)(()=>{let newQuery=queryToCollectionFilter(hRouter.query);JSON.stringify(newQuery)!==JSON.stringify(sCollectionFilter)&&setCollectionFilter(newQuery)},[hRouter.isReady]),(0,react.useEffect)(()=>{error&&(0,CommonDlg.Z)({rdxDialogAction,rdxDispatch,callbackClose:goToHome}).showErrorDlg(error)},[error]);let onUpdateFilter=(0,react.useCallback)(filter=>{setCollectionFilter(filter)},[]),onLoadCollection=()=>{isValidating&&0===collectionList.length||setSize(size+1)},updateThemeFilter=(0,react.useCallback)(themeFilter=>{setThemeFilter(themeFilter)},[]),showSelectWallet=(0,react.useCallback)(()=>(0,ConnectDlg.Z)({rdxDialogAction,rdxDispatch,hR,svcId:SVC_ID}).showSelectWallet(),[]),headTagProps={title:"".concat(collectionInfoData.svc_info.svc_name," | Jellyme"),description:collectionInfoData.svc_info.description,url:"".concat(appEnv.Z.url).concat(useNav.sb.CollectionPKCLTwins),image:collectionInfoData.svc_info.thumb},collectionTabsNameList={[model.A.NftType_e.PKCL_OFFICIAL_FASHION]:hR.strings.COLLECTION_PKCL_CATEGORY_FASHION,[model.A.NftType_e.PKCL_NORMAL_FASHION]:hR.strings.COLLECTION_PKCL_CATEGORY_FASHION,[model.A.NftType_e.PKCL_OFFICIAL_ROOM]:hR.strings.COLLECTION_PKCL_CATEGORY_ROOM,[model.A.NftType_e.PKCL_NORMAL_ROOM]:hR.strings.COLLECTION_PKCL_CATEGORY_ROOM};return sCollectionFilter?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(HeadTag.Z,{...headTagProps}),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("mx-auto block"),children:(0,jsx_runtime.jsx)(SFMCollectionTop.Z,{svcId:SVC_ID,collectionList:collectionList,collectionSvcInfo:collectionInfoData.svc_info,collectionFilterData:collectionFilterData,collectionTabsNameList:collectionTabsNameList,filter:sCollectionFilter,isLoading:isValidating,headerStyle:headerStyle,onUpdateFilter:onUpdateFilter,collectionListMutate:collectionListMutate,onLoadCollection:onLoadCollection,showSelectWallet:showSelectWallet,collectionThemeData:collectionThemeData,themeFilter:sThemeFilter,updateThemeFilter:updateThemeFilter,brandList:null==collectionBrandData?void 0:collectionBrandData.brand_list})})]}):(0,jsx_runtime.jsx)(HeadTag.Z,{...headTagProps})};var parts_CollectionPKCLTwinsTop=(0,react.memo)(CollectionPKCLTwinsTop);function Page(param){let{fallback}=param;return(0,jsx_runtime.jsx)(dist.J$,{value:{fallback},children:(0,jsx_runtime.jsx)(parts_CollectionPKCLTwinsTop,{})})}Page.getLayout=function(page){return(0,jsx_runtime.jsx)(Layout.Z,{headerProps:{isHeightNone:!0,iconColor:Header.P.WHITE},children:page})};var __N_SSG=!0,pkcl_twins=Page}},function(__webpack_require__){__webpack_require__.O(0,[809,108,527,656,467,846,774,888,179],function(){return __webpack_require__(__webpack_require__.s=7481)}),_N_E=__webpack_require__.O()}]);