https://news.cnyes.com/_next/static/chunks/9574.7d39a32d820901e9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9574],{5813:function(e,t,s){"use strict";var n=s(30748);let r=(0,s(74193).z)("button")({name:"Button",class:"b128or5g",propsAsIs:!1,vars:{"b128or5g-0":[e=>{let{isHollowType:t}=e;return t?"transparent":"#e03f19"}],"b128or5g-1":[e=>{let{isHollowType:t}=e;return t?"#fff3f0":"#f04e28"}],"b128or5g-2":[e=>{let{isHollowType:t}=e;return t?"transparent":"#eef1f6"}],"b128or5g-3":[e=>{let{isHollowType:t}=e;return t?"solid 1px #848d97":"solid 1px #eef1f6"}]}});t.Z=e=>{let{children:t,onClick:s,disabled:i,isHollowType:l=!1,style:o}=e;return(0,n.jsx)(r,{onClick:s&&s,disabled:i,isHollowType:l,type:"button",style:o,children:t})},s(26310)},59067:function(e,t,s){"use strict";var n=s(30748),r=s(4694),i=s(81704),l=s(59620),o=s(74193),a=s(90275),c=s(2671),d=s(3066),u=s(44349),p=s(14554),f=s(97295),h=s(69662);let x=(0,o.z)("button")({name:"Button",class:"b1hnyx5d",propsAsIs:!1,vars:{"b1hnyx5d-0":[e=>{let{isFollow:t,isDetail:s,isAside:n}=e;return t?s?"#515c69":n?"#e03f19":"#fff":"#fff"}],"b1hnyx5d-1":[e=>{let{isFollow:t,isDetail:s,isAside:n}=e;return t?s?"solid 1px #515c69":n?"1px solid #e03f19":"1px solid #fff":"1px solid #e03f19"}],"b1hnyx5d-2":[e=>{let{isFollow:t}=e;return t?"transparent":"#e03f19"}],"b1hnyx5d-3":[e=>{let{isFollow:t,isDetail:s,isAside:n}=e;return t?s?"url('/assets/icons/icon-add-g.svg')":n?"url('/assets/icons/icon-add-r.svg')":"url('/assets/icons/icon-add-w.svg')":"url('/assets/icons/icon-add-check.svg')"}]}}),m=(0,o.z)("div")({name:"Content",class:"c11zq5gm",propsAsIs:!1});t.default=e=>{let{isDetail:t=!1,isAside:s=!1,id:o,gtmEvent:g,style:v,isRankingList:y=!1,isNeedAutoUnFollow:j=!1,isShowNewTip:C=!1}=e,[b,P]=(0,a.useState)(!0),[I,k]=(0,a.useState)(!1),[T,w]=(0,a.useState)(!1),{isLoggedIn:O,isCloseLoginModal:A,onClickLoginModalOpen:E,onClickLoginModalClose:z}=(0,r.Z)({defaultCloseLoginModal:!0}),{myCollectionDataItemsIdArray:S,refetch:L,isLoading:M}=(0,i.Z)({productType:f.vO.POPTOPIC,isLogin:O,isRankingList:y}),{deleteMyCollection:Z,postMyCollection:N,isLoading:q}=(0,l.Z)({refetchMyCollection:L}),_=(0,h.AC)(S,o.toString()),F=()=>{P(!0)},R=async()=>{var e;return null!==(e=(await Z({productType:f.vO.POPTOPIC,data:[o.toString()]})).message)&&void 0!==e?e:""},D=async()=>{var e;return null!==(e=(await N({productType:f.vO.POPTOPIC,data:[o.toString()]})).message)&&void 0!==e?e:""};return(0,a.useEffect)(()=>{k(_)},[_]),(0,a.useEffect)(()=>{j&&R()},[j]),(0,n.jsxs)(n.Fragment,{children:[T&&(0,n.jsx)(u.Z,{setIsSuccess:w}),(0,n.jsx)(d.Z,{isClose:b,onClose:F,children:(0,n.jsxs)(m,{children:[(0,n.jsx)("h3",{children:"提醒您"}),(0,n.jsx)("p",{children:"熱門時事追蹤數量已達上限 10 則"}),(0,n.jsx)("button",{onClick:F,children:"返回"})]})}),(0,n.jsx)(c.Z,{isModalClosed:A,onClickModalClose:z}),(0,n.jsxs)(x,{isFollow:I,isDetail:t,isAside:s,disabled:q||M,onClick:()=>{(0,h.xe)({isLoggedIn:O,isBookmarked:_,newsId:o.toString(),dataLength:null==S?void 0:S.length,limit:f.HQ,productType:f.vO.POPTOPIC,setIsSaved:k,setIsClose:P,setIsSuccess:w,handleDelete:R,handlePost:D,onClickLoginModalOpen:E,gtmEvent:g})},"aria-label":I?"un-follow":"follow",style:v,children:[I?"已追蹤":"追蹤",C&&(0,n.jsx)(p.default,{className:"new-tip",src:"/assets/icons/icon-new-tip.png",alt:"new tip",width:32,height:19})]})]})},s(37729)},59574:function(e,t,s){"use strict";s.r(t);var n=s(30748),r=s(74193),i=s(57151),l=s(81682),o=s(11684),a=s(59067),c=s(96039),d=s(56858);let u=(0,r.z)("div")({name:"Container",class:"c1fn5j5x",propsAsIs:!1,vars:{"c1fn5j5x-0":[e=>{let{isLastChild:t}=e;return t?"none":"1px solid #e2e8f1"}]}}),p=(0,r.z)("div")({name:"HotTagName",class:"h1hpoqes",propsAsIs:!1});t.default=e=>{var t,s;let{id:r,isLastChild:f}=e,{data:h,isLoading:x}=(0,o.useQuery)({queryKey:["my-pop-topic","id:".concat(r)],queryFn:()=>(0,l.Cy)({id:Number(r)})}),m=null!==(s=null==h?void 0:null===(t=h.data)||void 0===t?void 0:t.popularTopic.title)&&void 0!==s?s:"";if(x)return(0,n.jsx)(c.Z,{});let g={[d.Pj.EVENT_NAME]:d.PL.FOLLOW_POP,[d.Pj.SECTION]:"%p_熱門追蹤",[d.Pj.CLICK_ITEM]:"熱門追蹤時事＿".concat(m)};return""===m||"404"===m?null:(0,n.jsxs)(u,{isLastChild:f,children:[(0,n.jsx)(p,{children:(0,n.jsx)(i.default,{href:"/poptopic/".concat(r),onClick:()=>{(0,d.gv)({[d.Pj.EVENT_NAME]:d.PL.CLICK_POP,[d.Pj.SECTION]:"%p_熱門追蹤",[d.Pj.CLICK_ITEM]:"熱門追蹤時事＿".concat(m)})},prefetch:!1,children:m})}),(0,n.jsx)(a.default,{id:r,isAside:!0,gtmEvent:g,style:{fontSize:"14px"},isRankingList:!0})]})},s(70028)},2671:function(e,t,s){"use strict";var n=s(30748),r=s(74193),i=s(14554),l=s(3066),o=s(73662),a=s(5813);let c=(0,r.z)("div")({name:"Content",class:"c1druvcd",propsAsIs:!1}),d=(0,r.z)("span")({name:"ButtonText",class:"bs3fe43",propsAsIs:!1});t.Z=e=>{let{onClickModalClose:t,isModalClosed:s}=e;return(0,n.jsx)(l.Z,{isClose:s,onClose:t,children:(0,n.jsxs)(c,{children:[(0,n.jsx)("h3",{children:"登入會員"}),(0,n.jsx)(i.default,{src:"/assets/icons/empty/login-empty.svg",alt:"login-empty-icon",width:200,height:143,unoptimized:!0}),(0,n.jsx)("p",{children:"請先登入，以使用完整功能"}),(0,n.jsx)(a.Z,{onClick:()=>{t(),(0,o.x4)()},"aria-label":"登入鉅亨會員",children:(0,n.jsx)(d,{children:"登入鉅亨會員"})})]})})},s(9003)},3066:function(e,t,s){"use strict";var n=s(30748),r=s(90275),i=s(70395),l=s(74193),o=s(14554);let a=(0,l.z)("div")({name:"ModalWrapper",class:"mtkysc5",propsAsIs:!1}),c=(0,l.z)("div")({name:"ModalContainer",class:"mjiaenw",propsAsIs:!1}),d=(0,l.z)("button")({name:"CloseButton",class:"c1az96qp",propsAsIs:!1});t.Z=e=>{let{children:t,isClose:s,onClose:l,closeButtonStyle:u,modalWrapperStyle:p,modalContainerStyle:f}=e,[h,x]=(0,r.useState)(!1),{top:m,right:g}=u||{};return((0,r.useEffect)(()=>(x(!0),()=>x(!1)),[]),(0,r.useEffect)(()=>{h&&(document.body.style.overflowY=s?"auto":"hidden")},[s,h]),s||!h)?null:(0,i.createPortal)((0,n.jsx)(a,{style:p,children:(0,n.jsxs)(c,{style:f,children:[(0,n.jsx)(d,{onClick:l,style:{to

1p:m,right:g},children:(0,n.jsx)(o.default,{src:"/assets/icons/close/modal-icon-close.svg",alt:"close-icon",width:20,height:20,unoptimized:!0})}),t]})}),document.body)},s(52098)},44349:function(e,t,s){"use strict";var n=s(30748),r=s(90275),i=s(70395),l=s(74193),o=s(14554),a=s(57151);let c=(0,l.z)("div")({name:"PopupTip",class:"p1l4krdd",propsAsIs:!1}),d=(0,l.z)("div")({name:"PopupTipContainer",class:"p1epfsk0",propsAsIs:!1});t.Z=e=>{let{setIsSuccess:t,isCollection:s=!1}=e,[l,u]=(0,r.useState)(!1);return((0,r.useEffect)(()=>{u(!0);let e=setTimeout(()=>{t(!1)},1e4);return()=>{clearTimeout(e),u(!1)}},[t]),l)?(0,i.createPortal)((0,n.jsx)(c,{role:"alert","aria-live":"polite",children:(0,n.jsxs)(d,{children:[(0,n.jsx)(o.default,{src:"/assets/icons/alert-success-green.svg",alt:"success-icon",width:24,height:24,"aria-hidden":"true",unoptimized:!0}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{children:s?"成功收藏":"成功追蹤"}),(0,n.jsxs)("p",{children:["前往『",(0,n.jsx)(a.default,{href:"/member/mytag/all","aria-label":"前往我的新聞頁面",prefetch:!1,children:"我的新聞"}),"』查看！"]}),(0,n.jsxs)("p",{children:["或前往『",(0,n.jsx)(a.default,{href:"/member/rankinglist","aria-label":"前往熱門排行頁面",prefetch:!1,children:"熱門排行"}),"』，查看最多人",s?"收藏的新聞":"追蹤的熱門時事","！"]})]})]})}),document.body):null},s(41709)},4694:function(e,t,s){"use strict";var n=s(90275),r=s(73662);t.Z=e=>{let{defaultCloseLoginModal:t=!1}=e,[s]=(0,r.ZP)(),i="login"===s,[l,o]=(0,n.useState)(t);return(0,n.useEffect)(()=>{i&&o(!0)},[i]),{isLoggedIn:i,isCloseLoginModal:l,onClickLoginModalOpen:()=>{o(!1)},onClickLoginModalClose:()=>{o(!0)}}}},81704:function(e,t,s){"use strict";var n=s(11684),r=s(89647);t.Z=e=>{let{productType:t,groupId:s,isLogin:i=!1,isRankingList:l=!1}=e,{data:o,refetch:a,isLoading:c}=(0,n.useQuery)({queryKey:["my-collection","productType: ".concat(t),"groupId: ".concat(s),"isRankingList: ".concat(l)],queryFn:()=>(0,r.ej)({productType:t,groupId:s}),select:e=>{var t,s;let n=null!==(s=null==e?void 0:null===(t=e.data)||void 0===t?void 0:t.items)&&void 0!==s?s:[];return n.length>0?n.map(e=>String(e.productId)):[]},enabled:i,staleTime:36e5,gcTime:18e5});return{refetch:async()=>{await a()},isLoading:c,myCollectionDataItemsIdArray:null!=o?o:[]}}},59620:function(e,t,s){"use strict";var n=s(62344),r=s(89647);t.Z=e=>{let{refetchMyCollection:t}=e,{mutateAsync:s,isPending:i}=(0,n.useMutation)({mutationFn:r.et,onSuccess:()=>{t()}}),{mutateAsync:l,isPending:o}=(0,n.useMutation)({mutationFn:r.DL,onSuccess:()=>{t()}}),{mutateAsync:a,isPending:c}=(0,n.useMutation)({mutationFn:r.pi,onSuccess:()=>{t()}});return{putMyCollection:s,postMyCollection:l,deleteMyCollection:a,isLoading:i||o||c}}},69662:function(e,t,s){"use strict";s.d(t,{AC:function(){return d},xe:function(){return u}});var n=s(56858),r=s(2260);s(13055);var i=s(62724);let{newsChannelLink:l,newsTagLink:o,popTopicDetailLink:a,newsDetailLink:c}=r.default,d=(e,t)=>null==e?void 0:e.includes(t),u=async e=>{let{isLoggedIn:t,isBookmarked:s,newsId:r,dataLength:i,limit:l,productType:o,setIsSaved:a,setIsClose:c,setIsSuccess:d,handleDelete:u,handlePost:p,onClickLoginModalOpen:f,gtmEvent:h}=e;if(t)try{if(s){a(!1);let e=await u();a("成功"!==e)}else{if(i>=l){c(!1);return}a(!0);let e=await p();if("成功"!==e)throw TypeError(JSON.stringify({message:e}));a("成功"===e),d(!0),h&&(0,n.gv)(h)}}catch(e){s?(a(!0),console.error("[ACTION ERROR]: delete ".concat(o," error : ").concat(r),e)):(e instanceof Error&&"超出資料上限"===JSON.parse(e.message).message&&c(!1),a(!1),d(!1),console.error("[ACTION ERROR]: add ".concat(o," error : ").concat(r),e))}else f()};new Date((0,i.W)(new Date,1)).getTime()},26310:function(e){e.exports={b128or5g:"b128or5g"}},37729:function(e){e.exports={b1hnyx5d:"b1hnyx5d",c11zq5gm:"c11zq5gm"}},70028:function(e){e.exports={c1fn5j5x:"c1fn5j5x",h1hpoqes:"h1hpoqes"}},9003:function(e){e.exports={c1druvcd:"c1druvcd",bs3fe43:"bs3fe43"}},52098:function(e){e.exports={mtkysc5:"mtkysc5",mjiaenw:"mjiaenw",c1az96qp:"c1az96qp"}},41709:function(e){e.exports={p1l4krdd:"p1l4krdd","fade-in-p1l4krdd":"fade-in-p1l4krdd","fade-out-p1l4krdd":"fade-out-p1l4krdd",p1epfsk0:"p1epfsk0"}}}]);
2//# sourceMappingURL=9574.7d39a32d820901e9.js.map