https://www.popchill.com/_next/static/chunks/pages/appModule/celebrity-1cfebdbc0c70d374.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6167],{53720:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/appModule/celebrity",function(){return s(66213)}])},66213:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSP:function(){return x}});var l=s(85893),n=s(27286),a=s(9008),i=s.n(a),r=s(55255),c=s(11163),o=s(41795),d=s(63736);let m="https://www.popchill.com";var x=!0;t.default=e=>{let{celebrityData:t,banners:s}=e,a=(0,c.useRouter)(),bannerHandle=(e,t)=>{let s="";(""!==e.app_link||""!==e.web_link)&&(s=""===e.app_link?e.web_link:e.app_link),d.sendGA4Event("click",{event_category:"名人首頁模組_banner",event_label:s,value:t.toString()}),""!==s&&a.push(s)},{isMacOs:x}=(0,o.Z)();return(0,l.jsxs)(n.Z,{className:"bg-white",children:[(0,l.jsx)(i(),{children:(0,l.jsx)("meta",{name:"robots",content:"noindex , nofollow"})}),1===s.length&&(0,l.jsx)("img",{onClick:()=>bannerHandle(s[0],0),src:s[0].image,className:"object-cover w-full h-[60px]",alt:s[0].text||"",loading:"lazy"}),s.length>1&&(0,l.jsx)("div",{children:(0,l.jsx)(r.Z,{children:s.map((e,t)=>(0,l.jsx)("img",{onClick:()=>bannerHandle(e,t),src:e.image,className:"object-cover w-full h-[60px]",alt:e.text||"",loading:"lazy"},"m_".concat(t)))})}),t.contents&&t.contents.length>0&&(0,l.jsxs)("div",{className:"pb-1.5 pt-3 overflow-hidden h-[61.333vw]",children:[(0,l.jsxs)("header",{className:"flex px-3 items-center",children:[(0,l.jsx)("div",{className:"flex-1 text-[21px] font-bold",children:"百大名人衣櫥開箱"}),(0,l.jsx)("div",{className:"text-primary flex-shrink-0 text-xs",children:(0,l.jsx)("a",{href:"popchill://web/".concat(encodeURIComponent(m+"/event/artt100?inapp=1&t=".concat(x?"ios_home_more":"android_home_more"))),onClick:()=>{d.sendGA4Event("click",{event_category:"名人首頁模組",event_label:"more"})},children:"查看全部"})})]}),(0,l.jsx)("div",{className:"px-3 text-sm mt-1.5 mb-3",children:"浪毛孩不挨餓 PopChill X ARTT 聯合舉辦"}),(0,l.jsx)("section",{children:(0,l.jsx)("div",{className:"overflow-x-auto w-screen block invisible-scrollbar",children:(0,l.jsxs)("div",{className:"flex  max-w-max px-1.5 items-start pr-3",children:[t.contents.map((e,t)=>(0,l.jsxs)("a",{href:"popchill://user/".concat(e.username),className:"flex-shrink-0 mx-1.5",onClick:()=>{d.sendGA4Event("click",{event_category:"名人首頁模組",event_label:e.username})},children:[(0,l.jsx)("div",{className:"".concat(0===t?"border-primary":"border-[#F7F7F7]"," border-2 w-[23.467vw] h-[23.467vw] rounded-full overflow-hidde"),children:(0,l.jsx)("img",{src:e.image,className:"border-white border-2  rounded-full",alt:e.display_name,loading:"lazy"})}),(0,l.jsxs)("div",{className:"text-center text-xs mt-1",children:[(0,l.jsx)("span",{className:"font-bold",children:e.display_name}),(0,l.jsx)("br",{}),(0,l.jsx)("span",{className:"".concat(0===t?"text-primary":""),children:e.title})]})]},t)),(0,l.jsx)("div",{className:"pr-1.5",children:(0,l.jsx)("a",{href:"popchill://web/".concat(encodeURIComponent(m+"/event/artt100?inapp=1&t=".concat(x?"ios_home_more":"android_home_more"))),className:"w-[23.467vw] h-[23.467vw] rounded-full overflow-hidden flex-shrink-0 flex bg-primary items-center mx-1.5 justify-center text-white",onClick:()=>{d.sendGA4Event("click",{event_category:"名人首頁模組",event_label:"more"})},children:(0,l.jsxs)("div",{className:"text-center text-xs",children:["更多",(0,l.jsx)("br",{}),"名人衣櫥"]})})})]})})})]})]})}},55255:function(e,t,s){"use strict";var l=s(85893),n=s(67294),a=s(86037),i=s(3183),r=s(90705),c=s(7617);let getOrder=(e,t,s)=>e-t<0?s-Math.abs(e-t):e-t,getInitialState=e=>({pos:e-1,sliding:!1,dir:i.zb});function reducer(e,t){switch(t.type){case i.Z0:return{...e,dir:i.Z0,sliding:!0,pos:0===e.pos?t.numItems-1:e.pos-1};case i.zb:return{...e,dir:i.zb,sliding:!0,pos:e.pos===t.numItems-1?0:e.pos+1};case"stopSliding":return{...e,sliding:!1};default:return e}}t.Z=e=>{let{children:t,showImageCount:s=0,position:o="default",indicatorHidden:d=!1,arrow:m=!0,indicatorColor:x="bg-primary",indicatorSize:h="default",setAutoPlay:p=!0}

1=e,[u,v]=(0,n.useState)(0),f=n.Children.count(t),[b,j]=n.useReducer(reducer,getInitialState(f)),[w,g]=(0,n.useState)(0),[N,_]=(0,n.useState)(0),k=(0,n.useCallback)((e,t)=>"NEXT"===e?t+1===f?0:t+1:t-1<0?f-1:t-1,[f]),y=(0,n.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];j({type:e,numItems:f}),(t||!p)&&p||v(k(e,u)),setTimeout(()=>{j({type:"stopSliding"})},50)},[k,u,f]);(0,n.useEffect)(()=>{if(!p)return;let e=window.setInterval(()=>{y(i.zb,!0),v(e=>k("NEXT",e))},3e3);return g(e),()=>{window.clearInterval(e)}},[k,y]);let swipedNEXT=()=>{y(i.zb)},swipedPREV=()=>{y(i.Z0,!0)},E=(0,a.useSwipeable)({onSwipedLeft:swipedNEXT,onSwipedRight:swipedPREV,preventDefaultTouchmoveEvent:!0,trackMouse:!0}),C=[],S="default"===o?"bg-white bg-opacity-60":"bg-gray-light";for(let e=0;e<f;e++)C.push((0,l.jsx)("span",{className:"".concat(u===e?x:S," mr-1  rounded-full inline-block\n        ").concat("large"===h?"w-1.5 h-1.5 shrink-0":"w-1 h-1 lg:w-2 lg:h-2")},"m_".concat(e)));return(0,n.useEffect)(()=>{"large"===h&&!(f<=12)&&((12===u||u===f-1)&&0===N&&_(N+118),(11===u||0===u)&&N>0&&_(0))},[u]),(0,l.jsxs)("div",{...E,className:"relative",children:[s>1&&(0,l.jsx)("div",{className:"absolute right-3 top-3 z-10",children:(0,l.jsxs)("div",{className:"text-white bg-black bg-opacity-95 rounded-full py-1 px-2 text-sm",children:[u+1," / ",s]})}),(0,l.jsxs)("div",{className:"group",children:[(0,l.jsx)(i.im,{children:(0,l.jsx)(i.am,{dir:b.dir,sliding:b.sliding,children:n.Children.map(t,(e,t)=>(0,l.jsx)(i.MA,{order:getOrder(t,b.pos,f),children:e}))})}),m&&(0,l.jsx)("div",{className:"absolute left-0 top-1/2 group-hover:block hidden cursor-pointer",onClick:()=>swipedPREV(),children:(0,l.jsx)("div",{className:"bg-[#000000] bg-opacity-20 px-3 py-5 relative -top-1/2",children:(0,l.jsx)(c.Z,{className:"text-white"})})}),m&&(0,l.jsx)("div",{className:"absolute right-0 top-1/2 group-hover:block hidden cursor-pointer",onClick:()=>swipedNEXT(),children:(0,l.jsx)("div",{className:"bg-[#000000] bg-opacity-20 px-3 py-5 relative -top-1/2",children:(0,l.jsx)(r.Z,{className:"text-white"})})})]}

1),!d&&(0,l.jsxs)(l.Fragment,{children:["bottom"===o&&"default"===h&&(0,l.jsx)("div",{className:" text-center",children:C}),"default"===o&&"default"===h&&(0,l.jsx)("div",{className:"absolute bottom-1.5 left-1/2",children:(0,l.jsx)("div",{className:"relative -left-1/2",children:C})}),s>1&&"bottom"===o&&"large"===h&&(0,l.jsx)("div",{className:"flex justify-center w-full  mx-auto  mt-5",children:(0,l.jsx)("div",{className:"max-w-[118px] overflow-hidden",children:(0,l.jsx)("div",{className:"text-center flex transition duration-300",style:{transform:"translateX(-".concat(N,"px")},children:C})})}),s>1&&"default"===o&&"large"===h&&(0,l.jsx)("div",{className:"absolute bottom-3 left-1/2",children:(0,l.jsx)("div",{className:"relative -left-1/2 flex justify-center w-full  mx-auto  mt-5 ",children:(0,l.jsx)("div",{className:"max-w-[118px] overflow-hidden",children:(0,l.jsx)("div",{className:"text-center flex transition duration-300",style:{transform:"translateX(-".concat(N,"px")},children:C})})})})]})]})}},27286:function(e,t,s){"use strict";var l=s(85893);t.Z=e=>{let{children:t,className:s=""}=e;return(0,l.jsx)("div",{className:s,children:(0,l.jsx)("div",{children:t})})}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=53720)}),_N_E=e.O()}]);