https://cdn.gizchina.com/_next/static/chunks/8855-91014210a1cc1c02.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8855],{4703:(e,t,l)=>{l.d(t,{default:()=>i});var a=l(95155),r=l(12115);class s extends r.Component{static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){var l,a,r;let{componentId:s}=this.props;if(null==(l=(a=this.props).onError)||l.call(a,e,t),e&&("NEXT_NOT_FOUND"===e.digest||(null==(r=e.digest)?void 0:r.includes("404"))))throw e;console.error("ErrorBoundary caught an error: at component",s,e,t)}render(){let{hasError:e}=this.state,{children:t,fallback:l}=this.props;return e?l||(0,a.jsx)(a.Fragment,{}):t}constructor(e){super(e),this.state={hasError:!1,error:void 0}}}let i=s},11701:(e,t,l)=>{l.d(t,{A:()=>h});var a=l(95155);l(12115);var r=l(93366),s=l(83907),i=l(27723),n=l(53982),c=l(42892);let o=e=>{let{published_at_localized:t}=e;return(0,a.jsx)(a.Fragment,{children:"".concat(null==t?void 0:t.monthShort," ").concat(null==t?void 0:t.day,", ").concat(null==t?void 0:t.hour,":").concat(null==t?void 0:t.minute)})};var d=l(94706),x=l(92129),p=l(79064);let g=e=>{let{article:t,options:{squareAspectRatio:l,ImageOnRight:g=!1,preloadImages:h=!1,verticleOnMobile:m=!1,showDateOf:u=!0,showCounts:b=!1,showTag:f=!0,showAuthor:v=!1,showDescription:j=!0,globalDateFormat:y}}=e,{thumbnails:w,title:k,a_title:N,b_title:_,abtesting:A,published_at_localized:S,meta_description:z,primary_tag:B,alt_text:E,access_type:F}=t;return(0,a.jsxs)("div",{className:(0,x.cn)(" @2xl:gap-6 @2xl:flex-row flex w-full items-center gap-3 bg-transparent",m?"flex-row @2xl:items-center items-start":"flex-col"),children:[(null==w?void 0:w.origin)&&(0,a.jsx)(r.A,{article:t,classes:"relative overflow-hidden \n              ".concat(g?"order-2":""," \n              ").concat(l?"aspect-1 w-[245px]":"@5xl:h-[400px] @5xl:w-[630px] @2xl:w-[390px] @2xl:h-[260px] \n  ".concat(m?"h-[80px] w-[120px]":"aspect-[16/9] w-full"),"\n             "),children:(0,a.jsx)(i.ImageWrapper,{priority:h||!1,alt:E||k,className:"h-full w-full object-cover transition-all duration-500 hover:scale-110 hover:grayscale",src:w.origin,width:500,height:500,sizes:"(max-width: 768px) 40vw, (max-width: 1200px) 50vw, 33vw"})}),(0,a.jsxs)("div",{className:"@xl:w-auto @xl:px-0 @2xl:gap-4 @5xl:gap-6 flex h-full w-full flex-1 flex-col justify-center gap-2 @2xl:px-3",children:[(0,a.jsx)(r.A,{article:t,children:(0,a.jsx)("h3",{className:"hover:text-primary @2xl:text-2xl @5xl:text-3xl @2xl:line-clamp-4 @5xl:font-extrabold line-clamp-3 w-full font-bold tracking-tight text-gray-900 transition-all dark:text-white dark:hover:text-white ".concat(m?"text-sm":"xl"),children:(0,a.jsx)(s.h,{article:{a_title:N,abtesting:A,b_title:_,title:k,access_type:F}})})}),j&&(0,a.jsx)("p",{style:{fontWeight:500},className:"@2xl:text-sm @5xl:text-lg text-sm @5xl:leading-[26px] line-clamp-5 text-[#252728] text-opacity-70 dark:text-white ".concat(m?"@2xl:block hidden":""),children:z}),(0,a.jsxs)("div",{className:"flex flex items-center @2xl:gap-2 gap-1 @2xl:text-sm text-xs font-semibold uppercase text-[#252728] dark:text-[#BBBBBB]",children:[f&&B&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d.h,{className:"text-primary articlesList__item__category transition-all dark:text-white",href:B.url,children:B.title}),(u||v)&&(0,a.jsx)("span",{children:"•"})]}),u&&(0,a.jsxs)("span",{className:"shrink-0",children:[(0,a.jsx)(c.W,{publishedAt:t.published_at_localized,globalDateFormat:y,isPublishedToday:t.published_today,relativePublishedAt:t.published_at_relative,children:(0,a.jsx)(o,{published_at_localized:S})}),v&&(0,a.jsx)("span",{className:"text-zinc-600 dark:text-white dark:opacity-70",children:"•"})]}),v&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(p.Q,{className:"hover:text-primary transition-all dark:hover:text-white",author:t.author,children:(0,a.jsx)("span",{className:" font-semibold uppercase",children:t.author.name})})}),b&&(0,a.jsxs)(r.A,{article:t,scrollToComments:!0,classes:"flex text-base hover:text-primary ml-auto mr-3 dark:hover:text-white transition-all items-center gap-1.5 font-semibold",children:[(0,a.jsx)(n.gV7,{className:"text-base md:text-lg"}),(0,a.jsx)("span",{children:t.comments_count})]})]})]})]})};function h(e){let{articles:t,options:l={preloadImages:!1}}=e;return(0,a.jsx)("div",{className:"@2xl:gap-10 mb-2 flex flex-col gap-3",children:t.map(e=>(0,a.jsx)(g,{options:l,article:e},e.id))})}},29565:(e,t,l)=>{l.d(t,{A:()=>n});var a=l(95155),r=l(14629);l(12115);var s=l(59887),i=l(14984);let n=e=>{let{text:t,loading:l=!1,handleClick:n,rounded:c=s.eg.NO,variant:o="solid",justify:d="justify-center",readMoreLink:x=""}=e;return(0,a.jsxs)("button",{onClick:()=>{x?window.open(x,"_blank"):n()},className:"articlesList__paginate flex items-center gap-5 py-3 font-bold transition-all duration-500\n        ".concat(r.Ay.get(c)," \n        ").concat({solid:"hover:bg-primary/70 w-full active:bg-primary/95 bg-primary text-white [&>span]:bg-white text-sm",ghost:"bg-transparent w-full text-primary [&>span]:bg-black dark:[&>span]:bg-primary dark:text-white text-base",puna:"bg-[#2E2E2E] w-fit text-xl px-[75px] text-white mx-auto uppercase",fem:"bg-transparent text-black dark:text-white text-sm border-b border-black uppercase dark:border-white rounded-none pb-0.5 w-fit mx-auto",gp:"bg-transparent text-primary text-sm uppercase mx-auto font-bold gap-3"}[o],"\n        ").concat(d,"\n      "),children:[l&&(0,a.jsx)("span",{className:"h-4 w-4 animate-ping rounded-full opacity-75"}),t,"gp"===o&&(0,a.jsx)(i.ree,{className:"text-primary"})]})}},44290:(e,t,l)=>{l.r(t),l.d(t,{SetupSocket:()=>n,default:()=>c});var a=l(95155),r=l(41123),s=l(12115),i=l(49499);let n=e=>{let{component:t}=e,{userData:l}=(0,i.Z2)();return(0,s.useEffect)(()=>{console.log("SetupSocket useEffect triggered:",{component:t,userData:!!l}),l||"Header"!==t?(console.log("SetupSocket calling setupListenerRequirments"),(0,r.p)()):console.log("SetupSocket skipping setupListenerRequirments")},[l,t]),(0,a.jsx)(a.Fragment,{})},c=n},66709:(e,t,l)=>{l.d(t,{default:()=>o});var a=l(95155),r=l(59887);l(12115);var s=l(11701),i=l(29565);let n=e=>{let{count:t,options:l}=e;return(0,a.jsx)("section",{className:"@container flex w-full flex-col gap-[30px]",children:(0,a.jsx)("div",{className:"@2xl:gap-10 mb-2 flex flex-col gap-4",children:Array.from(Array(t).keys()).map(e=>(0,a.jsxs)("div",{className:" @2xl:gap-6 @2xl:flex-row flex w-full animate-pulse cursor-pointer items-center gap-3 bg-transparent ".concat(l.verticleOnMobile?"flex-row":"flex-col"),children:[(0,a.jsx)("div",{className:"@5xl:h-[400px] @5xl:w-[630px] @2xl:w-[390px] @2xl:h-[260px] relative overflow-hidden bg-gray-300 dark:bg-gray-600\n            ".concat(l.ImageOnRight?"order-2":""," \n            ").concat(l.verticleOnMobile?"h-[100px] w-[150px]":"aspect-[16/9] w-full"),children:(0,a.jsx)("div",{className:"h-full w-full object-cover transition-all duration-500 hover:scale-110 hover:grayscale"})}),(0,a.jsxs)("div",{className:"@xl:w-auto @xl:px-0 @2xl:gap-4 @5xl:gap-6 flex h-full w-full flex-1 flex-col justify-center gap-2 px-3",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsx)("div",{className:"@xl:h-7 h-5 w-full rounded-md bg-gray-300 dark:bg-gray-600"}),(0,a.jsx)("div",{className:"@xl:h-7 h-5 w-full rounded-md bg-gray-300 dark:bg-gray-600"}),(0,a.jsx)("div",{className:"@xl:h-7 h-5 w-full rounded-md bg-gray-300 dark:bg-gray-600"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsx)("p",{className:" h-4 rounded-md bg-gray-300 dark:bg-gray-600 ".concat(l.verticleOnMobile?"@2xl:block hidden":"text-sm")}),(0,a.jsx)("p",{className:" h-4 rounded-md bg-gray-300 dark:bg-gray-600 ".concat(l.verticleOnMobile?"@2xl:block hidden":"text-sm")}),(0,a.jsx)("p",{className:" h-4 rounded-md bg-gray-300 dark:bg-gray-600 ".concat(l.verticleOnMobile?"@2xl:block hidden":"text-sm")})]}),(0,a.jsx)("div",{className:"flex text-sm font-semibold uppercase text-[#252728]/70 dark:text-[#BBBBBB]",children:(0,a.jsx)("div",{className:"h-3 w-[100px] bg-gray-300 dark:bg-gray-600"})})]})]},e))})})};var c=l(35281);function o(e){let{hookConfig:t,options:l,labels:o,page:d}=e,{articles:x,paginate:p,loading:g}=(0,c.R)({hookConfig:t,page:d});return(0,a.jsxs)(a.Fragment,{children:[x.length>0&&(0,a.jsx)(s.A,{options:l,articles:x}),g&&(0,a.jsx)(n,{options:l,count:t.paginationPageSize}),(0,a.jsx)(i.A,{text:o.load_more,variant:"puna",loading:g,handleClick:p,rounded:r.eg.SM})]})}},69918:(e,t,l)=>{l.d(t,{default:()=>h});var a=l(95155),r=l(59887);l(12115);var s=l(93366),i=l(83907),n=l(27723),c=l(42892),o=l(94706);function d(e){let{articles:t,options:{desktopTitleSize:l=r.R4["18px"],mobileTitleSize:d=r.KL["16px"],numberOfCloumns:x="3",showDescription:p=!1,preloadImages:g=!1,showTag:h,globalDateFormat:m,showDateOf

1:u=!0}}=e,b="".concat(l," ").concat(d," ");return(0,a.jsx)("div",{className:"articlesList_grid mb-6 grid grid-cols-1 gap-4 dark:divide-gray-800  ".concat({1:"@lg:grid-cols-1 @6xl:grid-cols-1",2:"@lg:grid-cols-2 @6xl:grid-cols-2",3:"@3xl:grid-cols-3",4:"@md:grid-cols-2 @4xl:grid-cols-4"}[x]," "),children:t.map((e,t)=>{var l,r,d,x,f;return(0,a.jsx)("div",{className:"articlesList__item relative flex flex-col",children:(0,a.jsxs)("div",{className:"flex flex-col justify-start gap-2 mt-2 articlesList__item__info",children:[(null==(l=e.thumbnails)?void 0:l.origin)&&(0,a.jsx)(s.A,{article:e,children:(0,a.jsx)(n.ImageWrapper,{alt:e.alt_text||e.title,width:600,height:400,priority:g&&0===t,sizes:"(max-width: 768px) 40vw, (max-width: 1200px) 50vw, 33vw",className:"aspect-[16/10] w-full rounded-md object-cover",src:e.thumbnails.origin})}),(0,a.jsx)(s.A,{article:e,children:(0,a.jsx)("h2",{className:"".concat(b," hover:text-primary line-clamp-4 font-semibold leading-6 text-black transition-all dark:text-white dark:hover:text-white "),children:(0,a.jsx)(i.h,{article:e})})}),p&&e.meta_description&&(0,a.jsx)("p",{className:"line-clamp-3 text-zinc-500 dark:text-white dark:opacity-70",children:e.meta_description}),(h||u)&&(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[h&&e.primary_tag&&(0,a.jsx)(o.h,{href:"/".concat(e.primary_tag.slug),className:"font-semibold uppercase transition-all articlesList__item__category text-primary dark:text-white",children:e.primary_tag.title}),u&&(0,a.jsx)("div",{className:"text-base text-zinc-500 dark:text-white dark:opacity-70",children:(0,a.jsx)(c.W,{isPublishedToday:e.published_today,relativePublishedAt:e.published_at_relative,publishedAt:e.published_at_localized,globalDateFormat:m,children:"".concat(null==(r=e.published_at_localized)?void 0:r.monthShort," ").concat(null==(d=e.published_at_localized)?void 0:d.day,", ").concat(null==(x=e.published_at_localized)?void 0:x.hour,":").concat(null==(f=e.published_at_localized)?void 0:f.minute)})})]})]})},e.id)})})}var x=l(29565);let p=e=>{let{count:t,numberOfCloumns:l="2"}=e;return(0,a.jsx)("section",{className:"@container container mx-auto transition-all",children:(0,a.jsx)("div",{className:"mb-6 grid grid-cols-1 gap-[30px] \n            ".concat({2:"@lg:grid-cols-2 @6xl:grid-cols-4",3:"@5xl:grid-cols-3 @3xl:grid-cols-2",4:"@lg:grid-cols-4 @6xl:grid-cols-4"}[l],"\n          "),children:Array.from(Array(t).keys()).map(e=>(0,a.jsxs)("div",{className:"group flex animate-pulse flex-col",children:[(0,a.jsx)("div",{className:"aspect-[16/10] h-full w-full rounded-md bg-gray-300 object-cover dark:bg-gray-600"}),(0,a.jsxs)("div",{className:"mt-2 flex flex-col justify-start gap-2",children:[(0,a.jsx)("div",{className:"line-clamp-4 group-hover:text-primary h-3 rounded-md bg-gray-300 text-xl font-bold leading-6 text-black transition-all dark:bg-gray-600 dark:text-white"}),(0,a.jsx)("div",{className:"line-clamp-4 group-hover:text-primary h-3 rounded-md bg-gray-300 text-xl font-bold leading-6 text-black transition-all dark:bg-gray-600 dark:text-white"}),(0,a.jsx)("div",{className:"line-clamp-4 group-hover:text-primary h-3 w-9/12 rounded-md bg-gray-300 text-xl font-bold leading-6 text-black transition-all dark:bg-gray-600 dark:text-white"})]})]},e))})})};var g=l(35281);function h(e){let{hookConfig:t,options:l,labels:s,page:i}=e,{articles:n,paginate:c,loading:o}=(0,g.R)({hookConfig:t,page:i});return(0,a.jsxs)(a.Fragment,{children:[n.length>0&&(0,a.jsx)(d,{options:l,articles:n}),o&&(0,a.jsx)(p,{numberOfCloumns:l.numberOfCloumns,count:t.paginationPageSize}),(0,a.jsx)(x.A,{text:s.load_more,loading:o,handleClick:c,rounded:r.eg.SM})]})}}}]);