https://concise.news/_next/static/chunks/pages/newsfeed-e2da05124db97678.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[40],{8963:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/newsfeed",function(){return l(8457)}])},5275:function(e,t,l){"use strict";l.d(t,{H:function(){return w}});var i=l(5893),n=l(7294),s=l(1163),a=l(9008),o=l.n(a),r=l(6010),d=l(9754),c=l(6101),u=l(9786),h=l(7146),f=l(1672);function x(e){let{children:t}=e,{isMenuShow:l,setIsMenuShow:a,isChatShow:x,isGuessWakkShow:m,setLanguage:p,language:v}=(0,d.H)(),{locale:g}=(0,s.useRouter)();return(0,n.useEffect)(()=>{let e=null!=g?g:"en",t=(0,d.S)(e);v!==t&&p(e)},[g]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(o(),{children:[(0,i.jsx)("meta",{name:"viewport",content:"width=device-width, minimum-scale=1.0, maximum-scale = 1.0, user-scalable = no"}),(0,i.jsx)("link",{rel:"icon",href:"images/favicon.png",type:"image/png",sizes:"16x16"})]}),(0,i.jsx)("div",{className:(0,r.Z)("flex h-full w-full items-center justify-center bg-background px-xl pt-xl transition-all md:px-xl md:pb-0 md:pt-xl lg:px-3xl lg:pb-0 lg:pt-3xl"),children:(0,i.jsxs)("div",{className:"xs:max-w-full relative flex h-full w-full flex-col overflow-hidden sm:max-w-[1480px]",children:[(0,i.jsx)(h.L,{}),t,m&&(0,i.jsx)(c.Z,{}),l&&(0,i.jsx)("div",{className:"absolute flex h-full w-full bg-background",children:(0,i.jsx)(u.Z,{setMenuOpen:a})}),x&&(0,i.jsx)(f.u,{})]})})]})}var m=l(2962),p=l(2781);function v(e){let{metadata:t}=e,{title:l,description:n,canonicalUrl:s,openGraphUrl:a,images:o,locale:r}=t;return(0,i.jsx)(m.PB,{title:l,description:n,canonical:s,openGraph:{url:a,title:l,description:n,images:o.map(e=>({url:e.url,width:e.width,height:e.height,alt:e.alt,type:e.type||"image/jpeg"})),siteName:p.Lj.siteName,locale:r},twitter:{cardType:"summary_large_image",site:p.Lj.twitterHandle}})}function g(e){let{data:t}=e,l=Array.isArray(t)?t:[t];return(0,i.jsx)(o(),{children:l.map((e,t)=>(0,i.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}},t))})}function w(e){let{children:t,metadata:l,structuredData:n}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(v,{metadata:l}),n&&(0,i.jsx)(g,{data:n}),(0,i.jsx)(x,{children:t})]})}},9441:function(e,t,l){"use strict";var i=l(1163),n=l(7294),s=l(673),a=l(7565),o=l(6531),r=l(9118);let d=e=>{var t,l,i,n;let{newsFeedSum:s}=e;return{id:null==s?void 0:s._id,metadata:{author:"",date:new Date(null==s?void 0:s.datePublished).getTime(),datePublished:null==s?void 0:s.datePublished,headline:null==s?void 0:s.headline,image:null!==(i=null==s?void 0:s.image)&&void 0!==i?i:"",publication:null==s?void 0:null===(t=s.publicationId)||void 0===t?void 0:t.uri,publicationName:(null==s?void 0:s.publicationName)||(null==s?void 0:null===(l=s.publicationId)||void 0===l?void 0:l.name),summaryList:null==s?void 0:s.summaryList,title:null==s?void 0:s.title,url:null!==(n=null==s?void 0:s.url)&&void 0!==n?n:""},score:0,sparseValues:void 0,values:[]}};t.Z=()=>{let[e,t]=(0,n.useState)({}),[l,c]=(0,n.useState)(!1),[u,h]=(0,n.useState)([]),[f,x]=(0,n.useState)([]),[m,p]=(0,n.useState)("include"),{getUser:v}=(0,o.Z)(),{mutateAsync:g}=a.h.newsfeed.getNewsfeedTopics.useMutation(),{userPreferenceTopics:w,user:j}=(0,s.L)(),{mutate:_,mutateAsync:y,data:b,isLoading:N}=a.h.newsfeed.getNewsfeed.useMutation(),{mutateAsync:C}=a.h.newsfeed.setUserPreference.useMutation(),{query:S}=(0,i.useRouter)(),k=(0,n.useCallback)(async e=>{let l=e||(null==S?void 0:S.topic),i=(0,r.RV)(l);console.log("getNewsfeed called for topic:",i,"filterType:",m),c(!0);try{var n,s,a;let e=await y({topic:l,userId:null==j?void 0:j._id,filterType:m});if(console.log("Newsfeed response received:",{hasResponse:!!e,hitsLength:null==e?void 0:null===(n=e.hits)||void 0===n?void 0:n.length,topicQuery:i,filterType:m,userId:null==j?void 0:j._id}),null==e?void 0:e.hits){let l=e.hits.map(e=>d({newsFeedSum:null==e?void 0:e._source}));console.log("Processing articles:",{topicQuery:i,hitsLength:e.hits.length,processedLength:l.length,firstArticle:null===(s=l[0])||void 0===s?void 0:null===(a=s.metadata)||void 0===a?void 0:a.headline}),t(e=>{var t;let n={...e,[i]:l};

1return console.log("Updated newsfeed cache:",{topicQuery:i,newDataLength:null===(t=n[i])||void 0===t?void 0:t.length,allTopics:Object.keys(n)}),n})}else console.log("No hits in response:",{topicQuery:i,hasResponse:!!e,response:e})}catch(e){console.error("Error fetching newsfeed:",e)}finally{c(!1)}},[y,null==j?void 0:j._id,m]),L=(0,n.useCallback)(async()=>{let e=await g();e.error||(x(e.data),(null==j?void 0:j._id)&&(null==w?void 0:w.length)>0?h(e.data.filter(e=>w.includes(e._id))):h(e.data))},[j,w,g]);return{newsfeed:e,getNewsfeed:k,isLoading:l,mutateNewsFeedTopics:y,newsFeedTopics:b,setUserPreference:C,getTopic:L,topics:u,feedIsloading:N,feedIsLoading:N,allTopics:f,filterType:m,setFilterType:p}}},2781:function(e,t,l){"use strict";l.d(t,{Lj:function(){return i}});let i={siteName:"Concise",defaultTitle:"Concise: The new way to read the news",defaultDescription:"Minimalist news reader with clean summaries, citations, bias cues, and topic tracking to help you connect the dots across trusted sources.",defaultImage:{url:"/images/image.png",width:1200,height:630,alt:"Concise",type:"image/jpeg"}};i.defaultImage},8457:function(e,t,l){"use strict";l.r(t),l.d(t,{__N_SSG:function(){return Z},default:function(){return A}});var i=l(5893),n=l(5275),s=l(7294),a=l(1163),o=l(673),r=l(9754),d=l(9441),c=l(1664),u=l.n(c),h=l(6010),f=l(7339);let x=()=>{let{query:e,pathname:t}=(0,a.useRouter)();return(0,i.jsx)("div",{id:"all",className:(0,h.Z)("text transition-all duration-700",(null==e?void 0:e.topic)==void 0?"text-foreground underline":"text-text-muted"),children:(0,i.jsx)(u(),{className:"flex h-[38px] cursor-pointer items-center",shallow:!0,href:{pathname:t},children:(0,i.jsx)("span",{style:{whiteSpace:"nowrap",textUnderlineOffset:5,lineHeight:"150%"},children:(0,i.jsx)(f.v,{children:"All"})})})})},m=e=>{let{topic:t}=e,{query:l,pathname:n}=(0,a.useRouter)();return(0,i.jsx)("div",{id:t._id,className:(0,h.Z)("text transition-all duration-700",(null==l?void 0:l.topic)==t._id?"text-foreground underline":"text-text-muted"),children:(0,i.jsx)(u(),{className:"flex h-[38px] cursor-pointer items-center",shallow:!0,href:{pathname:n,query:{topic:t._id}},children:(0,i.jsx)("span",{style:{whiteSpace:"nowrap",textUnderlineOffset:5,lineHeight:"150%"},children:(0,i.jsx)(f.v,{children:t.label})})})})},p=()=>(0,i.jsxs)("svg",{width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.8668 17.9969C13.8668 18.6596 13.3295 19.1969 12.6668 19.1969C12.0041 19.1969 11.4668 18.6596 11.4668 17.9969C11.4668 17.3341 12.0041 16.7969 12.6668 16.7969C13.3295 16.7969 13.8668 17.3341 13.8668 17.9969ZM19.2001 17.9969C19.2001 18.6596 18.6629 19.1969 18.0001 19.1969C17.3374 19.1969 16.8001 18.6596 16.8001 17.9969C16.8001 17.3341 17.3374 16.7969 18.0001 16.7969C18.6629 16.7969 19.2001 17.3341 19.2001 17.9969ZM23.3335 19.1969C23.9962 19.1969 24.5335 18.6596 24.5335 17.9969C24.5335 17.3341 23.9962 16.7969 23.3335 16.7969C22.6707 16.7969 22.1335 17.3341 22.1335 17.9969C22.1335 18.6596 22.6707 19.1969 23.3335 19.1969Z",fill:"url(#paint0_linear_1303_891)"}),(0,i.jsx)("defs",{children:(0,i.jsxs)("linearGradient",{id:"paint0_linear_1303_891",x1:"11.4668",y1:"16.7971",x2:"23.5518",y2:"21.6445",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"hsl(var(--text-muted))"}),(0,i.jsx)("stop",{offset:"1",stopColor:"hsl(var(--text-muted))",stopOpacity:"0.65"})]})})]}),v=e=>{let{topics:t,onPreferencesClick:l}=e;return(0,i.jsxs)("div",{className:(0,h.Z)("content-body animate__animated animate__fadeIn mx-md mb-xl flex h-[38px] w-full items-center overflow-hidden pl-base"),children:[(0,i.jsxs)("div",{style:{scrollBehavior:"smooth"},id:"FeedTopicSelector",className:"align-end flex h-[38px] w-full gap-lg overflow-scroll pr-xl text-md",children:[(0,i.jsx)(x,{}),t.map(e=>(0,i.jsx)(m,{topic:e},e._id)),(0,i.jsx)("div",{className:"w-[40px]"})]}),(0,i.jsx)("div",{onClick:l,className:"cursor-pointer",children:(0,i.jsx)(p,{})})]})};var g=l(591),w=l(9118);let j=e=>{var t;return{...e,sparseValues:null!==(t=e.sparseValues)&&void 0!==t?t:void 0}},_=["250","300","350","400","450","500","550","600","650","700"],y=e=>{let{articles:t,isLoading:l,currentTopic:n,remountKey:a}=e,o=(0,w.RV)(n);return console.log("NewsList render:",{articlesLength:t.length,isLoading:l,currentTopic:n,topicKey:o,remountKey:a,hasArticles:t.length>0}),(0,s.useEffect)(()=>{console.log("NewsList useEffect - cleaning up orphaned elements for topic:",o)},[o,a]),(0,i.jsxs)("div",{className:"content-body flex h-full w-full flex-col",children:[0===t.length&&l&&(0,i.jsx)(i.Fragment,{children:_.map((e,t)=>(0,i.jsx)(g.IC,{delay:e},"summary-skeleton-item-".concat(t)))}),t.map((e,t)=>{let l=(0,w.Od)(o,a,e,t);return(0,i.jsx)(g.Z8,{onClick:()=>{},summary:j(e)},l)})]},"newslist-".concat(o,"-").concat(a))};var b=l(2176),N=l(174),C=l(7636),S=l(7565),k=l(4176);let L=e=>{var t;return null===(t=C.F5[C.F5.findIndex(t=>e==t.name)])||void 0===t?void 0:t.icon},T=e=>{let{topic:t,onClick:l,isSelected:n}=e;return(0,i.jsxs)("div",{onClick:()=>l(t),style:{whiteSpace:"nowrap"},className:(0,h.Z)("trasition-all duration-[250ms]",n&&"bg-card-hover text-foreground","text flex w-fit items-center gap-xs rounded-sm border border-border p-md text-text-muted hover:cursor-pointer hover:bg-surface-subtle hover:text-foreground active:bg-card-hover"),children:[(0,i.jsxs)("span",{children:[L(t.name)," ",(0,i.jsx)(f.v,{children:t.name})]}),(0,i.jsx)("div",{className:"w-[10px]",children:n?(0,i.jsx)(k.nQ,{className:n&&"fill-foreground"}):(0,i.jsx)(k.pO,{})})]})};var I=e=>{var t,l,n;let{topics:a,setShowPreference:r,getNewsfeed:d,runGetTopic:c}=e,{userPreferenceTopics:u,user:x}

1=(0,o.L)(),[m,p]=(0,s.useState)([]),{mutateAsync:v,isLoading:g}=S.h.newsfeed.setUserPreference.useMutation(),[w,j]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{if(p(u.map(e=>({_id:e}))),x&&0==u.length){var e;p(null==a?void 0:null===(e=a.data)||void 0===e?void 0:e.map(e=>({_id:e._id})))}},[u]),(0,s.useEffect)(()=>{console.log(m)},[m]),(0,i.jsxs)("div",{className:(0,h.Z)("animate__animated animate__fadeIn animate__fastest absolute flex h-full w-full flex-col bg-background",w&&"animate__fadeOut"),children:[(0,i.jsxs)("div",{className:"flex w-full flex-col gap-3xl",children:[(0,i.jsx)("div",{className:"flex flex-col",children:(0,i.jsx)(N.V2,{children:(0,i.jsx)(f.v,{children:"Which topics are you interested in?"})})}),(0,i.jsx)("div",{className:"text-11 flex text-sm",children:(0,i.jsx)(f.v,{children:"Select at least 3 topics to continue:"})}),(0,i.jsxs)("div",{className:"flex h-[278px] w-full flex-row flex-wrap gap-x-xs gap-y-md overflow-y-scroll",children:[(null==a?void 0:null===(t=a.data)||void 0===t?void 0:t.length)&&(0,i.jsx)(T,{onClick:()=>{var e;(null==a?void 0:null===(e=a.data)||void 0===e?void 0:e.length)==(null==m?void 0:m.length)?p([]):p(null==a?void 0:a.data)},isSelected:(null==a?void 0:null===(l=a.data)||void 0===l?void 0:l.length)==(null==m?void 0:m.length),topic:{name:"Select All",zh_hk:"選擇全部",dateCreated:"",_id:"",label:""}}),null==a?void 0:null===(n=a.data)||void 0===n?void 0:n.sort((e,t)=>e.label<t.label?-1:e.label>t.label?1:0).map(e=>(0,i.jsx)(T,{onClick:e=>{-1==m.findIndex(t=>t._id==e._id)?p(t=>[...t,e]):p(t=>t.filter(t=>t._id!=e._id))},isSelected:(null==m?void 0:m.findIndex(t=>t._id==e._id))!=-1,topic:e},e.name))]})]}),(0,i.jsx)("div",{className:"mt-[45px] flex w-full",children:(0,i.jsx)(N.zx,{disabled:g||(null==m?void 0:m.length)<3,className:"flex h-[53px] w-full items-center justify-center bg-background",onClick:async()=>{m.map(e=>e._id).sort().toString()!=u.sort().toString()&&(await v({topicIds:m.map(e=>e._id)}),c()),j(!0),setTimeout(()=>{r(!1),j(w)},500)},children:g?(0,i.jsx)(k.Ho,{}):(0,i.jsx)(f.v,{children:"Continue"})})})]})},E=e=>{let{initialTopics:t}=e,[l,n]=(0,s.useState)(!1),[c,u]=(0,s.useState)(0),{getNewsfeed:h,newsfeed:f,feedIsloading:x,topics:m,getTopic:p,allTopics:g}=(0,d.Z)(),{query:j,push:_}=(0,a.useRouter)(),{setGuessWallShow:N}=(0,r.H)(),{userPreferenceTopics:C,user:S,isSubscribed:k}=(0,o.L)(),L=(0,s.useMemo)(()=>{let e=(0,w.RV)(null==j?void 0:j.topic),t=f[e]||[];return console.log("NewsFeed currentArticles:",{topicKey:e,hasArticles:t.length>0,articlesLength:t.length,newsfeedKeys:Object.keys(f),queryTopic:null==j?void 0:j.topic}),t},[j.topic,f]);return(0,s.useEffect)(()=>{(0,w.nq)(S,C,!!k)?n(!0):(0,w.hD)(S,C,!!k)&&N(!0)},[S,C,k,N]),(0,s.useEffect)(()=>{console.log("useEffect triggered for topic:",j.topic),u(e=>e+1),h(j.topic);let e=document.getElementById("summaryfeed");e.scrollTop=0},[j.topic]),(0,s.useEffect)(()=>{console.log("Initializing topics..."),p()},[]),console.log("NewsFeed render:",{topicsLength:m.length,currentArticlesLength:L.length,feedIsloading:x,queryTopic:null==j?void 0:j.topic}),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(v,{topics:m,onPreferencesClick:()=>{k?n(!0):N(!0)}}),(0,i.jsx)("div",{id:"summaryfeed",className:"flex h-full w-full overflow-y-scroll",children:(0,i.jsx)(y,{articles:L,isLoading:x,currentTopic:null==j?void 0:j.topic,remountKey:c})},"summaryfeed-".concat((null==j?void 0:j.topic)||"all","-").concat(c)),(0,i.jsx)(b.K,{buttonText:"Search",clickAction:()=>_("/")}),l&&(0,i.jsx)(I,{setShowPreference:n,runGetTopic:p,getNewsfeed:()=>h(j.topic),topics:{data:g}})]})},Z=!0,A=e=>{let{topics:t,metadata:l}=e;return(0,i.jsx)(n.H,{metadata:l,children:(0,i.jsx)(E,{initialTopics:t})})}},9118:function(e,t,l){"use strict";l.d(t,{Od:function(){return n},RV:function(){return i},hD:function(){return a},nq:function(){return s}});let i=e=>e||"all",n=(e,t,l,i)=>{var n;let s=l.id||(null===(n=l.metadata)||void 0===n?void 0:n.url)||"summary-".concat(i);return"".concat(e,"-").concat(t,"-").concat(s)},s=(e,t,l)=>!!(e&&t.length<3&&l),a=(e,t,l)=>!!(e&&t.length<3&&!l)}},function(e){e.O(0,[885,440,410,675,855,451,591,774,888,179],function(){return e(e.s=8963)}),_N_E=e.O()}]);