https://www.ulifestyle.com.hk/community/_next/static/chunks/app/(with-layout)/page-5b60a1810f7a1615.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4143],{18015:function(e,t,a){Promise.resolve().then(a.bind(a,57371)),Promise.resolve().then(a.bind(a,3589)),Promise.resolve().then(a.bind(a,17942)),Promise.resolve().then(a.bind(a,17751)),Promise.resolve().then(a.bind(a,2590)),Promise.resolve().then(a.bind(a,16104)),Promise.resolve().then(a.bind(a,45040)),Promise.resolve().then(a.bind(a,93934)),Promise.resolve().then(a.bind(a,7009)),Promise.resolve().then(a.t.bind(a,80824,23))},57371:function(e,t,a){"use strict";var s=a(57437),n=a(33145),l=a(27648),r=a(25468);let i="https://resource02.ulifestyle.com.hk/ulapp/deeplink.html?link=https%3A%2F%2Fwww.ulifestyle.com.hk%2Flog%2Foutgoing%3Futm_source%3Ddownloadpagebutton%26utm_medium%3Dwebsite%26utm_campaign%3Dul_downloadpagebutton%26utm_content%3Dul%26next%3Dulapp%3A%2F%2Fwww.ulifestyle.com.hk%2Fjetso_market_list&ct=ul_downloadpagebutton&utm_campaign=ul_downloadpagebutton";t.default=()=>(0,s.jsxs)(l.default,{className:"w-full cursor-pointer",href:i,target:"_blank",onClick:()=>(0,r.oO)({event_name:"banner_tap",clickurl:i}),children:[(0,s.jsx)(n.default,{className:"w-full md:hidden",src:"/images/app_promo_banner_600x500.jpg",alt:"App Download",width:600,height:500}),(0,s.jsx)(n.default,{className:"w-full rounded-[10px] hidden md:block",src:"/images/app_promo_banner_1080x90.jpg",alt:"App Download",width:0,height:0})]})},3589:function(e,t,a){"use strict";var s=a(57437),n=a(17751),l=a(61984),r=a(33145),i=a(27648),o=a(25468),d=a(22835);let c=(0,l.Z)({delay:3e3}),u=e=>{let{banner:t,priority:a=!1}=e;return(0,s.jsx)(i.default,{href:t.url,target:"_blank",onClick:()=>{(0,o.oO)({event_name:"theme_tap",position:"comm_campaign",text:t.title})},children:(0,s.jsx)(r.default,{className:"rounded-[10px] w-[calc(100vw-32px)] h-[calc((100vw-32px)/328*103)] md:w-[384px] md:h-[120px]",src:t.image,alt:t.title,width:384,height:120,placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mPkF9eSBAAA+ABrpbyOqgAAAABJRU5ErkJggg==",style:{objectFit:"cover"},priority:a})})};t.default=e=>{let{banners:t,carouselClassName:a,contentClassName:l,itemClassName:r}=e;return(0,s.jsxs)(n.Carousel,{opts:{loop:!0,align:"start"},plugins:[c],className:(0,d.cn)("ml-[8px] md:ml-0",a),children:[(0,s.jsx)(n.CarouselContent,{overflowClassName:"overflow-visible md:overflow-hidden rounded-[10px]",className:l,children:t.map((e,t)=>(0,s.jsx)(n.CarouselItem,{className:(0,d.cn)("basis-auto rounded-[10px] pl-[8px] md:pl-4",r),children:(0,s.jsx)(u,{banner:e,priority:0===t})},e.title))}),(0,s.jsx)(n.am,{className:"hidden md:inline-flex disabled:opacity-0"}),(0,s.jsx)(n.Pz,{className:"hidden md:inline-flex disabled:opacity-0"})]})}},2590:function(e,t,a){"use strict";var s=a(57437),n=a(33145),l=a(27648),r=a(25468),i=a(22835);t.default=e=>{let{text:t,pin:a,tracking:o}=e;return(0,s.jsxs)(l.default,{className:"bg-[#f2f2f2] rounded-md py-1 pl-2 pr-2.5 flex items-center gap-[1px]",href:"/hashtag/"+t,prefetch:!1,title:t,onClick:()=>{var e;return(0,r.oO)({event_name:"comm_hashtag_tap",position:null!==(e=null==o?void 0:o.position)&&void 0!==e?e:"slider_bottom",text:t})},children:[(0,s.jsx)(n.default,{className:(0,i.cn)("w-4 h-4",{"w-[18px] h-[18px]":a}),src:a?"/images/icons/hot-hashtag.svg":"/images/icons/hashtag.svg",alt:t,width:a?16:14,height:a?16:14}),(0,s.jsx)("span",{className:"shrink-0 text-sm md:text-base text-[#333] text-nowrap",children:t})]})}},16104:function(e,t,a){"use strict";var s=a(57437),n=a(2265),l=a(31501),r=a(75969),i=a(31517),o=a(92595),d=a(17751),c=a(25468),u=a(84833),m=a(22835),p=a(55864);let f=e=>{let{theme:t,sectionName:a}=e;return(0,s.jsx)(o.z,{className:"m-auto rounded-full border-[#333] py-1 px-10",variant:"outline",children:(0,s.jsx)("a",{href:(0,m.a9)((0,m.xt)(t)),onClick:()=>(0,c.oO)({event_name:"button_tap",section:a,text:"查看更多"}),title:"查看更多",children:(0,s.jsx)("span",{className:"text-base text-[#333]",children:"查看更多"})})})};t.default=e=>{let{themes:t,posts:a,sectionName:o}=e,[h,x]=(0,n.useState)(!1),[g,v]=(0,n.useState)(t[0]),[w,j]=(0,n.useState)(a),b=e=>{(0,c.oO)({event_name:"comm_theme_tap",section:o,text:e.name}),v(e)};return(0,n.useEffect)(()=>{(async function(){x(!0),await (0,u.S)("posts/locationTheme/".concat(g.id,"?mainTagName=").concat(g.name)).then(e=>{let{list:t}=e;return j(t)}).finally(()=>x(!1))})()},[g]),(0,s.jsx)(p.Z,{text:o,children:(0,s.jsxs)("div",{className:"w-full flex flex-col gap-4 md:gap-5",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)(d.Carousel,{opts:{dragFree:!0},children:(0,s.jsx)(d.CarouselContent,{children:t.map((e,t)=>(0,s.jsx)(d.CarouselItem,{className:(0,m.cn)("[flex-basis:min-content]",0===t?"pl-4":"pl-2"),children:(0,s.jsx)(i.Z,{selected:g.id===e.id,text:e.name,onClick:()=>b(e)})},e.id))})}),h&&(0,s.jsx)("div",{className:"flex gap-4",children:[void 0,void 0,void 0,void 0,void 0].map((e,t)=>(0,s.jsx)(r.Z,{className:"w-[160px] md:w-[200px]"},t))}),!h&&(0,s.jsxs)(d.Carousel,{opts:{align:"start",dragFree:!0},children:[(0,s.jsx)(d.CarouselContent,{overflowClassName:"overflow-visible md:overflow-hidden",children:w&&w.map((e,t)=>(0,s.jsx)(d.CarouselItem,{className:"[flex-basis:min-content]",children:(0,s.jsx)(l.Z,{post:e,className:"w-[160px] md:w-[200px]",fixedAspectRatio:!0,section:o,TitleWrapperTag:"h3"})},e.postId))}),(0,s.jsx)(d.am,{className:"disabled:opacity-0"}),(0,s.jsx)(d.Pz,{className:"disabled:opacity-0"})]})]}),(0,s.jsx)(f,{theme:g,sectionName:o})]})})}},45040:function(e,t,a){"use strict";

1var s=a(57437),n=a(33145),l=a(2265),r=a(42521),i=a(59816),o=a(25468),d=a(22835);t.default=e=>{let{categories:t}=e,[a,c]=(0,l.useState)(),[u,m]=(0,l.useState)([]),[p,f]=(0,l.useState)(!1),h=e=>{(0,o.oO)({event_name:"comm_category_tap",text:e.title}),c(e.title),m(e.tagList.map(e=>e.tag)),f(!0)};return(0,s.jsxs)(i.dy,{open:p,onOpenChange:f,children:[(0,s.jsx)("div",{className:"w-full px-1 flex justify-between gap-3 md:hidden",children:t.map(e=>(0,s.jsxs)("div",{className:"w-[70px] h-[55px] cursor-pointer hover:bg-accent rounded flex flex-col gap-1 items-center",onClick:()=>h(e),children:[(0,s.jsx)(n.default,{src:d.iQ[e.title],width:"32",height:"32",alt:e.title}),(0,s.jsx)("span",{className:"text-[13px] text-[#333] font-medium text-nowrap text-center",children:e.title.replace("／","/")})]},e.title))}),(0,s.jsx)(i.sc,{children:(0,s.jsxs)("div",{className:"flex flex-col gap-3 items-center",children:[(0,s.jsxs)(i.iI,{className:"pt-3 text-base text-[#333] font-medium",children:[a,"主題"]}),(0,s.jsx)("div",{className:"px-4 pt-2 pb-10 grid grid-cols-3 items-center gap-3 w-full max-h-[80vh] overflow-y-auto",children:u.map(e=>(0,s.jsx)("a",{href:(0,d.a9)((0,d.xt)(e)),className:"flex items-center justify-center h-[46px] px-[8px] rounded-lg bg-neutral-100 text-sm text-center",onClick:()=>(0,o.oO)({event_name:"comm_theme_tap",text:e.name,content:{id:e.id,type:"theme"}}),children:(0,s.jsx)("span",{className:"leading-[16px] text-sm text-[#404040] font-medium line-clamp-2",children:e.name})},e.name))}),(0,s.jsx)(i.u6,{}),(0,s.jsx)(i.uh,{asChild:!0,children:(0,s.jsx)(r.Z,{className:"top-[1.25rem]"})})]})})]})}},37713:function(e,t,a){"use strict";a.d(t,{PageViewProvider:function(){return i},f:function(){return r}});var s=a(57437),n=a(2265);let l=(0,n.createContext)(void 0);function r(){let e=(0,n.useContext)(l);if(!e)throw Error("usePageViewContext must be used within a PageViewProvider");return e}let i=e=>{let{children:t}=e,[a,r]=(0,n.useState)(!1);return(0,s.jsx)(l.Provider,{value:{initialPageViewSent:a,setInitialPageViewSent:r},children:t})}},93934:function(e,t,a){"use strict";var s=a(57437),n=a(33223),l=a(55864);t.default=e=>{let{sectionName:t,apiUrl:a}=e;return(0,s.jsx)(l.Z,{text:t,className:"w-screen md:w-full max-w-screen",children:(0,s.jsx)("div",{className:"w-screen md:w-full flex flex-col gap-4 md:gap-5",children:(0,s.jsx)(n.default,{fetchUrl:"posts/recommend",className:"px-2 md:px-0",TitleWrapperTag:"h3",ga4PvText:t})})})}},7009:function(e,t,a){"use strict";a.r(t);var s=a(57437),n=a(17751),l=a(31501);t.default=e=>{let{posts:t,sectionName:a}=e;return(0,s.jsxs)(n.Carousel,{opts:{align:"start",dragFree:!0},children:[(0,s.jsx)(n.CarouselContent,{overflowClassName:"overflow-visible md:overflow-hidden",children:t.map((e,t)=>(0,s.jsx)(n.CarouselItem,{className:"[flex-basis:min-content]",children:(0,s.jsx)(l.Z,{post:e,className:"w-[160px] md:w-[200px]",fixedAspectRatio:!0,section:a,TitleWrapperTag:"h3"})},e.postId))}),(0,s.jsx)(n.am,{className:"disabled:opacity-0"}),(0,s.jsx)(n.Pz,{className:"disabled:opacity-0"})]})}},42521:function(e,t,a){"use strict";var s=a(57437),n=a(33145),l=a(2265),r=a(22835);let i=l.forwardRef((e,t)=>{let{className:a,...l}=e;return(0,s.jsx)("button",{ref:t,className:(0,r.cn)("absolute top-3.5 right-4",a),...l,children:(0,s.jsx)(n.default,{src:"/images/icons/close.svg",width:"13",height:"20",alt:"close"})})});i.displayName="CloseButton",t.Z=i},55864:function(e,t,a){"use strict";var s=a(57437),n=a(2265),l=a(16023),r=a(37713),i=a(25468),o=a(22835);t.Z=e=>{let{text:t,className:a,children:d}=e,{initialPageViewSent:c}=(0,r.f)(),[u,m]=(0,n.useState)(!1),p=(0,n.useRef)(0),f=(0,n.useRef)(null);(0,n.useEffect)(()=>{u&&(c?((0,i.YT)({pageview_event_name:"infinite_scroll",text:t}),m(!1),p.current=0,h()):p.current<5?(p.current+=1,f.current=setTimeout(()=>{m(!0)},1e3)):(console.warn("Failed to send infinite_scroll event after ".concat(5," retries:"),t),m(!1),h()))},[u,c,t]);let h=()=>{f.current&&(clearTimeout(f.current),f.current=null)};return(0,n.useEffect)(()=>()=>h(),[]),(0,s.jsx)(l.h,{onEnter:()=>{u||m(!0)},topOffset:50,children:(0,s.jsx)("div",{className:(0,o.cn)("w-full max-w-[1170px]",a),children:d})})}},17942:function(e,t,a){"use strict";a.r(t);var s=a(57437),n=a(74411),l=a(25468),r=a(22835),i=a(92416),o=a(30166),d=a(99376),c=a(2265),u=a(722),m=a(57674);let p=(0,o.default)(()=>Promise.all([a.e(1937),a.e(579),a.e(9467),a.e(5652),a.e(1323),a.e(416),a.e(1284)]).then(a.bind(a,41284)),{loadableGenerated:{webpack:()=>[41284]},ssr:!1,loading:()=>(0,s.jsx)("div",{className:"h-[600px]"})}),f=(0,o.default)(()=>Promise.all([a.e(1937),a.e(579),a.e(9467),a.e(5652),a.e(1323),a.e(416),a.e(6075)]).then(a.bind(a,76075)),{loadableGenerated:{webpack:()=>[76075]},ssr:!1,loading:()=>(0,s.jsx)("div",{className:"fixed top-0 left-0 bottom-0 bg-[#fff] z-50 w-screen h-screen"})});t.default=e=>{let{wrapperClassName:t,className:a}=e,o=(0,u.ac)({maxWidth:767}),[h,x]=(0,c.useState)(!1),g=(0,c.useRef)(null),v=(0,d.useRouter)(),w=(0,d.usePathname)(),j=(0,d.useSearchParams)(),{name:b}=(0,d.useParams)(),N=j.get("q"),y=(0,c.useCallback)(()=>w.startsWith("/search")&&N?N:w.includes("/hashtag/")&&b?decodeURIComponent(b):"",[w,b,N]),[_,C]=(0,c.useState)(y()),[k,A]=(0,c.useState)(!1),[P,S]=(0,c.useState)(!1),O

1=o?P:k,T=o?S:A;(0,c.useEffect)(()=>{x(!0)},[]),(0,c.useEffect)(()=>{O?(document.body.style.overflow="hidden",(0,l.YT)({pageview_event_name:"page_view",screen:"comm_search"})):document.body.style.overflow="auto"},[O]);let R=e=>{v.push("/search?q="+e),T(!1)};return(0,c.useEffect)(()=>{if(!k){var e;null===(e=g.current)||void 0===e||e.blur()}},[k,g]),(0,s.jsxs)("div",{className:(0,r.cn)("",t),children:[(0,s.jsxs)(n.J2,{open:k,children:[(0,s.jsx)(n.tW,{children:(0,s.jsx)(m.Z,{ref:g,showAISearchIcon:!0,placeholder:"想去邊度玩？",className:(0,r.cn)(k?"z-30":"",a),onInputClick:e=>{T(!0),o&&e.currentTarget.blur(),(0,l.oO)({event_name:"comm_search_tap"})},onInputSubmit:e=>{T(!1)},onInputChnage:(0,i.Z)(e=>C(e),500),onInputBlur:e=>{k&&e.currentTarget.focus()}})}),(0,s.jsx)(n.yk,{className:"rounded-[12px] md:w-[680px] p-0 overflow-x-hidden",children:(0,s.jsx)(p,{keyword:_,open:k,setOpen:A,handleKeywordClick:R})})]}),k&&(0,s.jsx)("div",{onClick:()=>A(!1),"data-state":k?"open":"closed",className:"fixed inset-0 z-20 bg-black/30 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"}),P&&(0,s.jsx)(f,{open:P,setOpen:S,handleKeywordClick:R})]})}},57674:function(e,t,a){"use strict";var s=a(57437),n=a(25468),l=a(22835),r=a(33145),i=a(99376),o=a(2265);let d=(0,o.forwardRef)((e,t)=>{let{showAISearchIcon:a,placeholder:d,className:c,onInputClick:u,onInputSubmit:m,onInputBlur:p,onInputChnage:f}=e,h=(0,i.useRouter)(),x=(0,i.usePathname)(),g=(0,i.useSearchParams)(),{name:v}=(0,i.useParams)(),w=g.get("q"),j=(0,o.useCallback)(()=>x.startsWith("/search")&&w?w:x.includes("/hashtag/")&&v?decodeURIComponent(v):"",[x,v,w]),[b,N]=(0,o.useState)(j());(0,o.useEffect)(()=>{let e=j();N(e),f&&f(e)},[j]);let y=async e=>{if("Enter"!==e.key)return;let t=e.currentTarget.value;t&&(h.push("/search?q="+t),(0,n.oO)({event_name:"comm_search_input",screen:"comm_search",text:t}),m&&m(e))};return(0,s.jsxs)("div",{className:(0,l.cn)("relative flex items-center gap-1.5 py-2.5 h-full m-auto rounded-[2rem] bg-[#f2f2f2] md:bg-[#fff]",c),children:[(0,s.jsx)(r.default,{className:"ml-3 w-5 h-5 md:w-6 md:h-6 flex-shrink-0",src:"/images/icons/search2.svg",height:"20",width:"20",alt:"Search icon"}),(0,s.jsx)("input",{ref:t,className:"w-full bg-transparent outline-none text-sm md:text-base align-top",type:"text",value:b,placeholder:d,onClick:u,onKeyDown:e=>y(e),onChange:e=>{N(e.currentTarget.value),f&&f(e.currentTarget.value)},onBlur:p,maxLength:50}),a&&0===b.length&&(0,s.jsx)(r.default,{className:"mr-3 w-[24px] h-[24px]",src:"/images/ai_search/ai-search3.svg",height:"24",width:"24",alt:"AI search icon"}),b.length>0&&(0,s.jsx)(r.default,{className:"mr-3 w-[16px] h-[16px] cursor-pointer",src:"/images/icons/search_delete.svg",height:"16",width:"16",alt:"Search delete icon",onClick:()=>{N(""),f&&f("")}})]})});d.displayName="SearchInput",t.Z=d},59816:function(e,t,a){"use strict";a.d(t,{OX:function(){return p},P1:function(){return u},Qz:function(){return o},dy:function(){return i},iI:function(){return f},sc:function(){return m},u6:function(){return h},uh:function(){return c}});var s=a(57437),n=a(2265),l=a(4216),r=a(22835);let i=e=>{let{shouldScaleBackground:t=!0,...a}=e;return(0,s.jsx)(l.dy.Root,{shouldScaleBackground:t,...a})};i.displayName="Drawer";let o=l.dy.Trigger,d=l.dy.Portal,c=l.dy.Close,u=n.forwardRef((e,t)=>{let{className:a,...n}=e;return(0,s.jsx)(l.dy.Overlay,{ref:t,className:(0,r.cn)("fixed inset-0 z-50 bg-black/80",a),...n})});u.displayName=l.dy.Overlay.displayName;let m=n.forwardRef((e,t)=>{let{className:a,children:n,...i}=e;return(0,s.jsxs)(d,{children:[(0,s.jsx)(u,{}),(0,s.jsx)(l.dy.Content,{ref:t,className:(0,r.cn)("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background pt-2",a),onPointerDownOutside:e=>{e.target instanceof Element&&(e.target.closest("[data-sonner-toast]")||e.target.closest("#cookies-notification"))&&e.preventDefault()},...i,children:n})]})});m.displayName="DrawerContent";let p=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,r.cn)("grid gap-1.5 p-4 text-center sm:text-left",t),...a})};p.displayName="DrawerHeader";let f=n.forwardRef((e,t)=>

1{let{className:a,...n}=e;return(0,s.jsx)(l.dy.Title,{ref:t,className:(0,r.cn)("text-lg font-semibold leading-none tracking-tight",a),...n})});f.displayName=l.dy.Title.displayName;let h=n.forwardRef((e,t)=>{let{className:a,...n}=e;return(0,s.jsx)(l.dy.Description,{ref:t,className:(0,r.cn)("text-sm text-muted-foreground",a),...n})});h.displayName=l.dy.Description.displayName},74411:function(e,t,a){"use strict";a.d(t,{J2:function(){return i},tW:function(){return d},xo:function(){return o},yk:function(){return c}});var s=a(57437),n=a(2265),l=a(52513),r=a(22835);let i=l.fC,o=l.xz,d=l.ee,c=n.forwardRef((e,t)=>{let{className:a,align:n="center",sideOffset:i=4,withoutPortal:o=!1,...d}=e;return o?(0,s.jsx)(l.VY,{ref:t,align:n,sideOffset:i,className:(0,r.cn)("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",a),...d}):(0,s.jsx)(l.h_,{children:(0,s.jsx)(l.VY,{ref:t,align:n,sideOffset:i,className:(0,r.cn)("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",a),...d})})});c.displayName=l.VY.displayName}},function(e){e.O(0,[3077,8310,9844,6137,8003,1657,5726,4438,579,602,4216,9467,7859,801,6023,2513,3056,2835,1075,7224,74,2971,2117,1744],function(){return e(e.s=18015)}),_N_E=e.O()}]);