https://www.hk01.com/_next/static/chunks/pages/member/bookmarks-314c6433066d8064.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3768],{56938:(e,t,s)=>{"use strict";s.d(t,{A:()=>w});var l=s(66284),a=s(59860);s(14232);var r=s(38360),n=s(90120),i=s(18983),c=s(37988),o=s(15039),d=s.n(o),m=s(89099),u=s(88550),h=s(87784),x=s(27),p=s(2660),b=s(34291),g=s(86829),j=s(37876);let f={"ico-bookmark-2":(0,j.jsx)(b.Ed,{}),"ico-my":(0,j.jsx)(b.w8,{}),"ico-setting":(0,j.jsx)(b.k3,{})},v=({className:e})=>{let t=(0,m.useRouter)();return(0,j.jsx)("div",{className:d()("pt-5",e),children:u.ac.items.map(e=>(0,j.jsx)("div",{className:"w-full px-2 text-lg",children:(0,j.jsxs)(g.A,{className:d()("my-4 flex items-center whitespace-nowrap",t.pathname.endsWith(e.link)?"text-black-78 shadow-[-4px_0px_0px_0px_#0033e8]":"text-gray-warm"),href:(0,h.y)(e.link),onClick:()=>{var t;return t=e.toTab,void(0,x.u4)(p.sV.MEMBER_SIDEBAR_MENU_CLICK,{toTab:t})},children:[(0,j.jsx)("div",{className:"mx-2 flex",children:f[e.icon]??null}),e.heading]})},`memberMenu-${e.heading}`))})},k=["children","title"];function N(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,l)}return s}function y(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?N(Object(s),!0).forEach(function(t){(0,l.A)(e,t,s[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):N(Object(s)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))})}return e}let w=e=>{let{children:t,title:s}=e,l=(0,a.A)(e,k),{ad:o}=l??{},d=(0,i.vh)(o.slots,n.n.LREC_1)||(0,i.vh)(o.slots,n.n.LREC_2);return(0,j.jsx)(c.A,y(y({className:"page__layout--default"},l),{},{ad:o,hideSplashAd:!0,children:(0,j.jsx)("div",{className:"cmp-page-grid",children:(0,j.jsxs)("div",{className:"grid grid-cols-24 gap-3 px-4 lg:px-3",children:[(0,j.jsx)("div",{className:"hidden lg:col-span-4 lg:block",children:(0,j.jsx)(v,{})}),(0,j.jsx)("div",{className:`col-span-full ${d?"lg:col-[span_13_/_span_13]":"lg:col-[span_20_/_span_20]"}`,children:(0,j.jsx)("div",{className:"flex w-full flex-wrap",children:(0,j.jsxs)("div",{className:"relative mb-8 w-full",children:[s&&(0,j.jsx)("h2",{className:"listing-page-header mb-4 mt-0",children:s}),t]})})}),d&&(0,j.jsx)("div",{className:"col-span-7 hidden lg:block",children:(0,j.jsxs)("div",{className:"my-6 px-[46px]",children:[(0,j.jsx)("div",{className:"w-full",children:(0,j.jsx)(r.A,{id:n.n.LREC_1,slots:o?.slots,slotType:n.n.LREC_1,targeting:o?.targeting})}),(0,j.jsx)("div",{className:"mt-5 w-full",children:(0,j.jsx)(r.A,{id:n.n.LREC_2,slots:o?.slots,slotType:n.n.LREC_2,targeting:o?.targeting})})]})})]})})}))}},74801:(e,t,s)=>{"use strict";s.r(t),s.d(t,{__N_SSG:()=>D,default:()=>M});var l=s(14232),a=s(31777);let{TC_HK01_WEB_ORIGIN:r}=s(81438).P,n=`${r}/member/bookmarks`,i="我的收藏｜香港01",c={canonicalUrl:n,metaTitle:i,ogTitle:i,ogUrl:n};var o=s(27043),d=s(78940),m=s(27786),u=s(56938),h=s(2660),x=s(34291),p=s(93441),b=s(99458),g=s(4586),j=s(15039),f=s.n(j),v=s(85572),k=s(66284),N=s(37876);function y(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,l)}return s}function w(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?y(Object(s),!0).forEach(function(t){(0,k.A)(e,t,s[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):y(Object(s)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))})}return e}let _=e=>{let t=Object.assign({},((0,v.A)(e),e)),{checked:s}=e;return(0,N.jsxs)("label",{className:f()("relative block size-6 cursor-pointer rounded",s?"bg-light-p4 hover:bg-light-p3":"border-2 border-solid border-light-o6 hover:bg-light-o1"),children:[(0,N.jsx)("input",w(w({className:"hidden",type:"checkbox"},t),{},{onChange:t=>{e.disabled||e.onChange({nativeEvent:t.nativeEvent,preventDefault(){t.preventDefault()},stopPropagation(){t.stopPropagation()},target:w(w({},e),{},{checked:t.target.checked})})}})),s&&(0,N.jsx)(x.iW,{className:"size-6 text-white"})]})};var O=s(79035);let A=({isChecked:e,isSelectMode:t,item:s,onCheckboxClicked:l})=>(0,N.jsx)("div",{className:"w-full",children:(0,N.jsxs)("div",{className:"relative",children:[(0,N.jsx)("div",{className:f()("mt-4 flex","bookmark-list",t&&"select-enabled"),children:(0,N.jsx)(O.A,{className:"w-full",hideBookmark:!0,hideSocialReaction:!0,item:s})}),t&&(0,N.jsx)("div",{className:"trbl-0 absolute",onClick:t=>{t.preventDefault&&t.preventDefault(),l(!e,s.id,s.type)},"data-testid":"bookmark-bookmark-selectButton",children:(0,N.jsx)("div",{className:"absolute left-4 top-1/2 -translate-y-1/2",children:(0,N.jsx)(_,{checked:e,onChange:e=>{l(e.target.checked,s.id,s.type)}})})})]})});var C=s(55896),E=s(4513);let P=(0,a.Ng)(e=>{let{bookmark:t}=e;return{showMenuButton:(0,E.s)(t.pageItems)}})(({enableDelete:e=!1,isSelectMode:t,removeAllConfirmed:s,removeConfirmed:a,showMenuButton:r,toggleSelectMode:n})=>{let{0:i,1:c}=(0,l.useState)(null),{0:o,1:d}=(0,l.useState)(!1),m=e=>{d(!0),c(e)},u=()=>{d(!1)};return(0,N.jsxs)(N.Fragment,{children:[o&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:"trbl-0 fixed z-[999] bg-black/[0.65]"}),(0,N.jsxs)("div",{className:f()("fixed z-[1000] -translate-x-1/2 -translate-y-1/2 roun

1ded bg-white","left-1/2 top-[200px] w-[335px] p-4 shadow-modal"),children:[(0,N.jsx)("div",{className:"text-light-o7",children:"編輯我的收藏"}),(0,N.jsx)("div",{className:"my-2 text-sm text-light-o6",children:"removeAll"===i?"確定刪除全部項目？":"確定刪除選取項目？"}),(0,N.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,N.jsx)(C.A,{className:"btn btn-ghost--default",onClick:u,children:"取消"}),(0,N.jsx)(C.A,{className:"btn btn-solid--danger",onClick:()=>{switch(i){case"remove":a();break;case"removeAll":s()}u()},"data-testid":"bookmark-deleteModal-confirmButton",children:"確定"})]})]})]}),r&&(0,N.jsx)("div",{className:"absolute right-0 top-[22px] md:top-9",children:t?(0,N.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,N.jsx)(C.A,{className:"btn btn-outline--danger",onClick:()=>{m("removeAll")},"data-testid":"bookmark-toolbar-deleteAllButton",children:"全部刪除"}),(0,N.jsx)(C.A,{className:f()("btn btn-outline--danger"),disabled:!e,onClick:()=>{e&&m("remove")},"data-testid":"bookmark-toolbar-deleteButton",children:"刪除"}),(0,N.jsx)(C.A,{className:"btn btn-outline--default",onClick:n,children:"取消"})]}):(0,N.jsx)(C.A,{className:"btn btn-outline--default",onClick:n,"data-testid":"bookmark-toolbar-selectButton",children:"選取"})})]})}),R={bookmarkPageListRequest:o.NV,removeAllRequest:o.zj,removeRequest:o.ss},S=(0,a.Ng)(e=>{let{bookmark:{isLoading:t,nextOffset:s,pageItems:l},member:a}=e;return{isLoading:t,items:l,nextOffset:s,profile:a.profile}},R)(({bookmarkPageListRequest:e,isLoading:t,items:s,nextOffset:r,profile:n,removeAllRequest:i,removeRequest:c})=>{let d=(0,a.wA)(),{0:m,1:u}=(0,l.useState)(!1),{0:j,1:f}=(0,l.useState)([]),v=(0,l.useCallback)(()=>{u(!m),f([])},[m]),k=(0,l.useCallback)(()=>{j.length>0&&c(j,{failure:"操作異常，請稍後再試",success:"已取消收藏相關文章"})},[j,c]),y=(0,l.useCallback)(()=>{i({failure:"操作異常，請稍後再試",success:"已取消收藏全部文章"})},[i]),w=(0,l.useCallback)(()=>{!t&&n&&e(r)},[e,t,r,n]),_=(0,l.useCallback)((e,t,s)=>{e?f([...j,{id:t,type:s}]):f(j.filter(e=>e.id!==t))},[j,f]),O=j.filter(e=>s.map(e=>e.id).includes(e.id));return(0,l.useEffect)(()=>{d((0,o.Ep)())},[]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(P,{enableDelete:j.length>0&&O.length>0,isSelectMode:m,removeAllConfirmed:y,removeConfirmed:k,toggleSelectMode:v}),(0,N.jsx)(g.A,{value:{clickTracker:{data:{screen:"bookmarkList"},event:h.sV.MEMBER_BOOKMARK_FEED_CLICK}},children:(0,N.jsxs)(p.F,{hasMore:!!r,loader:(0,N.jsx)("div",{className:"flex justify-center py-5",children:(0,N.jsx)(b.A,{className:"size-8 text-gray-warm"})},"loader1"),loadMore:w,children:[s.length>0&&s.map(e=>{let t;return(0,N.jsx)(A,{isChecked:(t=e.id,j.some(e=>e.id===t)),isSelectMode:m,item:e,onCheckboxClicked:_},`bookmark_item_${e.id}`)}),0!==s.length||t?(0,N.jsx)("div",{}):(0,N.jsxs)("div",{className:"my-[100px]","data-testid":"bookmark-body-emptyIcon",children:[(0,N.jsx)("div",{className:"flex justify-center py-5",children:(0,N.jsx)(x.y9,{className:"size-16 text-gray-warm"})}),(0,N.jsx)("div",{className:"text-center text-gray-warm md:text-lg",children:"暫無收藏"})]})]})})]})});var D=!0;let M=(0,a.Ng)(e=>({isAuthenticated:e.login.isAuthenticated}))(({ad:e,isAuthenticated:t})=>{let s=(0,a.wA)();return(0,d.A)(()=>{t?s((0,o.ym)()):s((0,m.vr)())},[s,t]),(0,N.jsx)(g.A,{value:{trackingOptions:{screen:"bookmarkList"}},children:(0,N.jsx)(u.A,{ad:e,metadata:c,title:"我的收藏",children:t&&(0,N.jsx)(S,{})})})})},78940:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});var l=s(14232),a=s(75025);let r=(e,t)=>{t?.length===0&&a.Ay.warn("WARNING: unexpected usage, do you mean `useEffect`?");let s=(0,l.useRef)(!1);(0,l.useEffect)(()=>{s.current&&e()},[...t]),(0,l.useEffect)(()=>{s.current=!0},[])}},87992:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/member/bookmarks",function(){return s(74801)}])}},e=>{e.O(0,[7824,7988,3314,636,6593,8792],()=>e(e.s=87992)),_N_E=e.O()}]);
2//# sourceMappingURL=bookmarks-314c6433066d8064.js.map