https://luminews.my/_next/static/chunks/pages/news-stack-85a2ad5dc59df19e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5051,9134],{18891:function(e,t,s){"use strict";s.d(t,{S:function(){return p}});var a=s(59499),i=s(41664),n=s.n(i),r=s(11163),l=s(92218),o=s(94374),c=s(67294),d=s(85893);function u(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,a)}return s}function h(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?u(Object(s),!0).forEach((function(t){(0,a.Z)(e,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):u(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var m=function(e){var t=e.topicKey,s=e.children,a=e.router,i=e.textActiveClass,r=e.textInactiveClass,l=e.bgActiveClass,o=e.bgInactiveClass,c=e.active,u=e.hasSearchedData;return(0,d.jsx)(n(),{replace:!0,scroll:!1,href:{pathname:a.pathname,query:h(h({},a.query),{},{topic:t})},passHref:!0,children:(0,d.jsx)("a",{className:"mr-3",id:t,children:(0,d.jsx)(p,{textActiveClass:i,textInactiveClass:r,bgActiveClass:l,bgInactiveClass:o,active:c,hasSearchedData:u,children:s})})})},p=function(e){var t=e.children,s=e.textActiveClass,a=void 0===s?"text-white":s,i=e.textInactiveClass,n=void 0===i?"text-primary2 transition-color duration-300 hover:text-primary3":i,r=e.bgActiveClass,l=void 0===r?"bg-primary":r,o=e.bgInactiveClass,c=void 0===o?"bg-secondary transition-color duration-300 hover:bg-light-background":o,u=e.active,h=e.hasSearchedData;return(0,d.jsx)("div",{className:"rounded-2xl ".concat(h?c:u?l:c," px-4 py-2"),children:(0,d.jsx)("span",{className:"whitespace-nowrap font-sen ".concat(h?n:u?a:n),children:t})})};t.Z=function(e){var t=e.topics,s=e.hasSearchedData,a=e.scrollToTopicsBar,i=void 0===a||a,n=(0,r.useRouter)(),u=n.query.topic,h=(0,c.useRef)({});return(0,c.useEffect)((function(){i&&setTimeout((function(){u&&h.current&&(document.getElementById("sticky-topic-header").scrollIntoView(!0),h.current.scrollToItem(h.current.getItemElementById(u),"smooth","center"))}),100)}),[u,h,i]),(0,d.jsx)(l.ScrollMenu,{LeftArrow:o.I,RightArrow:o.U,apiRef:h,transitionDuration:500,transitionBehavior:"smooth",itemClassName:"!ml-1 flex",scrollContainerClassName:"pt-4 pb-6 -ml-4",children:t.map((function(e){var a=e.name,i=e.key,r=e.emoji,l=e.bgActiveClass,o=void 0===l?void 0:l;return(0,d.jsxs)(m,{topicKey:i,router:n,active:u?i===u:i===t[0].key,bgActiveClass:o,hasSearchedData:s,children:[a," ",r]},i)}))})}},94374:function(e,t,s){"use strict";s.d(t,{I:function(){return o},U:function(){return c}});var a=s(20013),i=s(17524),n=s(67294),r=s(92218),l=s(85893),o=function(){var e=(0,n.useContext)(r.VisibilityContext),t=e.isFirstItemVisible,s=e.scrollPrev,i=e.initComplete;return(0,l.jsx)("div",{className:"relative ml-6 items-center transition-[padding] ease-linear\n       ".concat(t?"px-0":"pl-1 lg:pl-2","\n       ").concat(i?"flex":"invisible","\n      "),children:(0,l.jsx)(d,{className:"absolute -left-4 z-10 flex h-full w-[2em] items-center justify-center bg-gradient-to-r from-white to-transparent lg:w-[2em]",style:{background:"linear-gradient(90deg, #FFFFFF 57.5%, rgba(255, 255, 255, 0) 100%)"},disabled:!i||t,onClick:function(){return s()},children:(0,l.jsx)(a.Z,{className:"h-10 w-6 text-primary2","aria-hidden":"true"})})})},c=function(){var e=(0,n.useContext)(r.VisibilityContext),t=e.isLastItemVisible,s=e.scrollNext,a=e.initComplete;return(0,l.jsx)("div",{className:"relative items-center transition-[padding] ".concat(t?"px-0":"pr-2"," ").concat(a?"flex":"invisible"),children:(0,l.jsx)(d,{className:"absolute z-10 flex h-full w-[2em] items-center justify-center bg-gradient-to-r from-white to-transparent lg:w-[4em]",style:{background:"linear-gradient(270deg, #FFFFFF 57.5%, rgba(255, 255, 255, 0) 100%)"},disabled:!a||t,onClick:function(){return s()},children:(0,l.jsx)(i.Z,{className:"h-10 w-6 text-primary2","aria-hidden":"true"})})})};function d(e){var t=e.children,s=e.disabled,a=e.onClick,i=e.className,n=void 0===i?"":i,r=e.style,o=void 0===r?{}:r;return(0,l.jsx)("button",{disabled:s,onClick:a,className:"".concat(n," right-1 flex cursor-pointer transition-[opacity] ").concat(s?"opacity-0":"opacity-100"),style:o,children:t})}},97269:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSG:function(){return _},default:function(){return P}});var a=s(88073),i=s(29795),n=s(11163),r=s(31102),l=s.n(r),o=s(41664),c=s.n(o),d=s(87904),u=s(83979),h=s(67294),m=s(61646),p=s(7266),x=s(25652),f=s(86495),g=s(18891),v=s(87655),b=s(59499),w=s(69214),j=s(22779),y=s(34515),A=s(85893);function N(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,a)}return s}function C(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};

1t%2?N(Object(s),!0).forEach((function(t){(0,b.Z)(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}var k=function(e){var t=e.newsStacks;return(0,A.jsx)("div",{className:"mt-8 px-4 md:grid md:grid-cols-3 md:gap-6",children:t.map((function(e){return(0,A.jsx)(c(),{href:"/news-stack/".concat(e.slug),passHref:!0,children:(0,A.jsx)("a",{children:(0,A.jsxs)("div",{className:"mb-6 flex h-full flex-col rounded-lg bg-off-white transition-all duration-300 ease-in-out hover:border-primary hover:bg-white hover:drop-shadow-custom md:mb-0",children:[(0,A.jsx)("div",{className:"relative aspect-[1.15] w-full",children:(0,A.jsx)(l(),{className:"rounded-t-lg",src:e.imageUrl,alt:e.key,layout:"fill",objectFit:"cover"})}),(0,A.jsxs)("div",{className:"px-6 pb-6",children:[(0,A.jsx)("div",{className:"mt-6",children:e.exclusive?(0,A.jsx)(w.Z,{labelName:"exclusive"}):e.updated?(0,A.jsx)(w.Z,{labelName:"updated"}):e.hot&&(0,A.jsx)(w.Z,{labelName:"hot"})}),(0,A.jsx)("div",{className:"mt-2 font-poppins text-xl font-bold text-text-darkest hover:text-text-dark",children:e.exploreName}),e.author&&(0,A.jsx)("div",{className:"mt-2",children:(0,A.jsxs)("p",{className:"inline-flex font-sen font-bold text-text-medium",children:[e.author.name,e.author.verified&&(0,A.jsx)("div",{className:"relative ml-1 mt-1 inline-flex h-4 w-4",children:(0,A.jsx)(l(),{src:y.Z,alt:"blue-tick",layout:"fill",objectFit:"cover"})})]})}),(0,A.jsx)("div",{className:"mt-2 font-sen text-text-medium",children:e.description})]})]})})},e.slug)}))})},S=function(e){var t=e.categories,s=e.setHasMore,i=e.hasMore,n=e.fetchMore,r=e.queryVariables,l=function(){return(0,A.jsx)(a.cC,{id:"<0>Loading...</0>",components:{0:(0,A.jsx)("p",{className:"min-h-screen py-4 text-center font-sen text-text-lightest"})}})};return(0,A.jsx)(j.$r,{infiniteLoadingOption:{dataLength:t.length||0,hasMore:i,scrollThreshold:.7,next:function(){return n({variables:C(C({},r),{},{offset:t.length})}).then((function(e){!function(e){e.data.allCategories.length<20?s(!1):s(!0)}(e)}))},loader:t.length<20?(0,A.jsx)("p",{className:"py-4 text-center font-sen text-text-lightest",children:(0,A.jsx)(a.cC,{id:"Showing all <0>{0}</0> results",values:{0:t.length},components:{0:(0,A.jsx)("span",{className:"font-bold"})}})}):(0,A.jsx)(l,{}),endMessage:(0,A.jsx)("p",{className:"py-4 text-center font-sen text-text-lightest",children:(0,A.jsx)(a.cC,{id:"Showing all <0>{0}</0> results",values:{0:t.length},components:{0:(0,A.jsx)("span",{className:"font-bold"})}})})},children:(0,A.jsx)(k,{newsStacks:t})})},O={src:"/_next/static/media/landing-desktop-hero.c61f51f2.png",height:488,width:2160,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAMAAABSSm3fAAAABlBMVEXj6/ju9P/Xzy77AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEUlEQVR4nGNgZAABRggFYgEAADkABdKL70UAAAAASUVORK5CYII=",blurWidth:8,blurHeight:2},D={src:"/_next/static/media/landing-mobile-hero.a8e01312.png",height:1026,width:708,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAD1BMVEXl7PjF0d7g6PPDz9zS3ememzpdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIElEQVR4nGNggAMmBiY0BjMLmMHMzAhiMDODGGCKmRkABDwAQoPLgTsAAAAASUVORK5CYII=",blurWidth:6,blurHeight:8},E=function(){return(0,A.jsx)(a.cC,{id:"<0>Loading...</0>",components:{0:(0,A.jsx)("p",{className:"min-h-screen py-4 text-center font-sen text-text-lightest"})}})},M=function(e){var t=e.locale,s=e.topics,r=(0,h.useState)(!0),o=r[0],b=r[1],w=(0,h.useState)(!1),j=w[0],y=w[1],N=(0,h.useState)(""),C=N[0],k=N[1],M=(0,n.useRouter)().query,T=(0,f.Z)("https://link.luminews.my/ewC9/newsstack");(0,h.useEffect)((function(){M.topic&&(y(!1),k(""))}),[M]);var _={limit:20,discover:M.topic?M.topic:"all",languageCode:t},P={limit:20,discover:C,languageCode:t},I=(0,u.gmU)({variables:_,notifyOnNetworkStatusChange:!0}),R=I.data,L=I.loading,F=I.fetchMore,B=I.error,Z=I.refetch,V=(0,v.P)();return(0,A.jsxs)(d.Z,{showNewsStacks:!0,className:"!overflow-visible",retainWholePage:!0,children:[(0,A.jsxs)("div",{className:"relative w-full overflow-hidden bg-secondary py-16 text-center",children:[(0,A.jsx)("div",{className:"absolute top-0 hidden h-full w-full md:block",children:(0,A.jsx)(l(),{src:O,alt:"News Stack Hero",priority:!0,layout:"fill",objectFit:"cover"})}),(0,A.jsx)("div",{className:"absolute top-0 block h-full w-full md:hidden",children:(0,A.jsx)(l(),{src:D,alt:"News Stack Hero",priority:!0,layout:"fill",objectFit:"cover"})}),(0,A.jsxs)("div",{className:"relative z-10 mx-auto max-w-4xl",children:[(0,A.jsx)("h1",{className:"mt-16 mb-8 font-poppins text-4xl font-bold md:mt-0",children:(0,A.jsx)(a.cC,{id:"News Stacks"})}),(0,A.jsx)("p",{className:"px-4 font-sen text-xl text-text-medium md:px-0",children:(0,A.jsx)(a.cC,{id:"A News Stack is a compilation of top articles and videos on the hottest topics, selected by Lumi's editorial team across 70+ publishers, all in one convenient, shareable feed."})}),(0,A.jsx)(c(),{href:T,children:(0,A.jsx)("a",{className:"mt-8 inl

1ine-flex",children:(0,A.jsxs)("div",{className:"flex items-center rounded-xl bg-primary px-16 py-4",children:[(0,A.jsx)("p",{className:"text-center font-sen text-sm text-white",children:(0,A.jsx)(a.cC,{id:"Try it on the app"})}),(0,A.jsx)(m.Z,{className:"ml-1 h-4 w-4 text-secondary"})]})})})]})]}),(0,A.jsxs)("div",{className:"mx-auto my-6 max-w-7xl px-4 md:px-32",children:[(0,A.jsx)("div",{id:"explore-topic-scroll-target",className:V?"h-10":"h-0"}),(0,A.jsxs)("div",{children:[(0,A.jsx)("div",{className:"sticky ".concat(V?"top-14":"top-0"," z-10 bg-white px-1"),children:(0,A.jsx)(g.Z,{topics:s,hasSearchedData:j})}),(0,A.jsx)("div",{className:"mx-4",children:(0,A.jsx)("div",{className:"inline-block w-full rounded-2xl bg-off-white py-4",children:(0,A.jsx)("form",{onSubmit:function(e){e.preventDefault(),Z(P),y(!0)},children:(0,A.jsxs)("div",{className:"space-between mx-4 flex flex-row md:mx-8",children:[(0,A.jsx)("input",{value:C,className:"w-full appearance-none bg-off-white font-sen text-sm text-text-darkest md:text-lg",type:"text",name:"search",placeholder:i.ag._("Search for a News Stack"),onChange:function(e){return k(e.target.value)}}),""===C?(0,A.jsx)("button",{type:"submit",children:(0,A.jsx)(p.Z,{className:"h-5 w-5 cursor-pointer text-primary3","aria-hidden":"true"})}):(0,A.jsx)("button",{type:"submit",children:(0,A.jsx)(x.Z,{className:"h-5 w-5 cursor-pointer text-primary3","aria-hidden":"true",onClick:function(e){e.preventDefault(),k("")}})})]})})})}),(L||B)&&(0,A.jsx)(E,{}),(0,A.jsx)("div",{className:"mb-8",children:R&&0!==R.allCategories.length?(0,A.jsx)(S,{categories:null===R||void 0===R?void 0:R.allCategories,setHasMore:b,hasMore:o,fetchMore:F,queryVariables:j?P:_}):(0,A.jsx)("p",{className:"py-4 text-center font-sen text-text-lightest",children:(0,A.jsx)(a.cC,{id:"No results found"})})})]})]})]})},T=s(2962),_=!0,P=function(e){var t=e.locale,s=[{key:"all",name:(0,A.jsx)(a.cC,{id:"All"}),seoTitle:i.ag._("Latest News Today - Lumi News"),seoDescription:i.ag._("Get the latest, breaking news and top headlines from New Straits Times (NST), Free Malaysia Today (FMT), SAYS, The Vibes, The Rakyat Post, and more here.")},{key:"parliament",name:(0,A.jsx)(a.cC,{id:"Lumi Parliament"}),seoTitle:i.ag._("Trending News in Malaysia - Lumi News"),seoDescription:i.ag._("What's trending and hot right now? Discover all the trending and viral stories in Malaysia today.")},{key:"ai",name:(0,A.jsx)(a.cC,{id:"AI News Brief"}),seoTitle:i.ag._("Good News in Malaysia - Lumi News"),seoDescription:i.ag._("Read all the good news in Malaysia today. Inspiring, wholesome, optimistic, humorous, and heartwarming news from Malaysia's top publishers.")},{key:"exclusive",name:(0,A.jsx)(a.cC,{id:"Exclusive Stacks"}),seoTitle:i.ag._("Latest News Today - Lumi News"),seoDescription:i.ag._("Get the latest, breaking news and top headlines from New Straits Times (NST), Free Malaysia Today (FMT), SAYS, The Vibes, The Rakyat Post, and more here.")},{key:"weekend ideas",name:(0,A.jsx)(a.cC,{id:"Weekend Checklists"}),seoTitle:i.ag._("World News - Lumi News"),seoDescription:i.ag._("Get the latest international news and events from around the world, reported by Malaysia's top publishers.")},{key:"deals",name:(0,A.jsx)(a.cC,{id:"Deals"}),seoTitle:i.ag._("Politics - Lumi News"),seoDescription:i.ag._("Get the latest news on Malaysian politics and stay on top of the political situation in Malaysia.")}],r=(0,n.useRouter)(),l=r.query,o=r.asPath,c="/"+t,d=s.find((function(e){return e.key==l.topic}))||{seoTitle:i.ag._("News Stack - Lumi News"),seoDescription:i.ag._("Get updates on trending news with handpicked articles, videos, and more through our News Stacks.")},u=d.seoTitle,h=d.seoDescription;return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(T.PB,{title:u,description:h,openGraph:{url:"https://luminews.my".concat(c.includes("en")?"":c).concat(o),title:u,description:h}}),(0,A.jsx)(M,{locale:t,topics:s})]})}},19098:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/news-stack",function(){return s(97269)}])},34515:function(e,t){"use strict";t.Z={src:"/_next/static/media/blue-tick.211e1e15.svg",height:16,width:16}},61646:function(e,t,s){"use strict";var a=s(67294);const i=a.forwardRef((function({title:e,titleId:t,...s},i){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:i,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{fillRule:"evenodd",d:"M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z",clipRule:"evenodd"}))}));t.Z=i},20013:function(e,t,s){"use strict";var a=s(67294);const i=a.forwardRef((function({title:e,titleId:t,...s},i){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:i,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{fillRule:"evenodd",d:"M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z",clipRule:"evenodd"}))}));t.Z=i},17524:function(e,t,s){"use strict";var a=s(67294);const i=a.forwardRef((function({title:e,titleId:t,...s},i){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:i,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{fillRule:"evenodd",d:"M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",clipRule:"evenodd"}))}));t.Z=i}},function(e){e.O(0,[1778,5445,260,6617,1652,7615,8836,3547,7227,886,5590,4933,9774,2888,179],(function(){return t=19098,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
2//# sourceMappingURL=news-stack-85a2ad5dc59df19e.js.map