https://www.getcollate.io/_next/static/chunks/pages/learning-center-8bebd0266393f4ff.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3535],{3038:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/learning-center",function(){return l(8890)}])},8890:function(e,t,l){"use strict";l.r(t),l.d(t,{__N_SSG:function(){return w}});var i=l(6042),a=l(5893),n=l(7294),r=l(1163),s=l(5406),c=l(9708),d=l.n(c),o=l(5675),u=l.n(o),x=l(2815),g=l(755),h=l(296),m=l(7442),f=l(9545),p=l(3802),v=d().LEARNING_CENTER_DATA,j=function(e){var t=(0,r.useRouter)(),l=(0,n.useState)(e.initialPage),c=l[0],d=l[1],o=(0,n.useState)(e.initialData),j=o[0],w=o[1],N=(0,n.useState)(e.initialTopic),b=N[0],y=N[1],_=(0,n.useState)(e.initialResourceType),k=_[0],E=_[1],T=(0,n.useState)(""),A=T[0],C=T[1];(0,n.useEffect)(function(){if(t.isReady){var e=t.query,l=e.topic,i=e.resource,a=e.page;if(l||i){var n="/learning-center";l&&(n+="/topic/".concat(l)),i&&(n+="/resource/".concat(i)),a&&parseInt(a,10)>1&&(n+="/page/".concat(a)),t.replace(n);return}a&&parseInt(a,10)>1&&t.replace("/learning-center/page/".concat(a))}},[t]);var R=(0,n.useMemo)(function(){return(0,h.a)(v,b,k,A)},[b,k,A]),S=(0,n.useMemo)(function(){return Math.ceil(R.length/9)},[R]),Z=(0,n.useMemo)(function(){return(0,m.A)(c,S)},[S,c]),M=function(e,l){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;t.push((0,h.tX)(e,l,i),void 0,{scroll:!1}).then(h.zC)},D=function(e){y(e),d(1),M(e,k)},F=function(e){E(e),d(1),M(b,e)},I=function(e,t){"topic"===t?D(e):"resourceType"===t?F(e):"All"===e&&(y("All"),E("All"),d(1),M("All","All"))},z=function(e){C(e),d(1)};return(0,n.useEffect)(function(){var e=(c-1)*9;w(R.slice(e,e+9))},[R,c]),(0,a.jsxs)("div",{className:"mt-16",children:[(0,a.jsx)(s.Z,(0,i.Z)({},e)),(0,a.jsx)("div",{className:"bg-gradient-to-t from-blue-light to-white",children:(0,a.jsx)("div",{className:"relative",children:(0,a.jsxs)("div",{className:"relative max-w-[1440px] mx-auto py-16 px-5 md:px-10 xl:px-16",children:[(0,a.jsx)(f.Z,{}),(0,a.jsx)("div",{className:"mt-14 lg:mt-20",children:(0,a.jsx)(p.Z,{})})]})})}),(0,a.jsx)("div",{className:"max-w-[1440px] mx-auto px-5 md:px-10 xl:px-16 relative pt-10 lg:pt-14",children:(0,a.jsxs)("div",{id:h.HO,className:"flex flex-col lg:flex-row gap-6 lg:gap-10 scroll-mt-28",children:[(0,a.jsx)(g.Z,{selectedTopic:b,selectedResourceType:k,handleCategoryFilter:I,handleInputChange:z,inputValue:A}),(0,a.jsxs)("div",{className:"w-full",children:[j.length>0?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6",children:j.map(function(e,t){return(0,a.jsxs)(x.Z,{link:e.slug?"/learning-center/".concat(e.slug):e.link,className:"border border-white bg-gradient-to-b from-white to-gray-200 p-6 md:p-8 rounded-3xl flex flex-col h-full learning-center-card",children:[(0,a.jsx)("div",{className:"relative w-full",children:(0,a.jsx)("div",{className:"w-full aspect-[40/22]",children:(0,a.jsx)(u(),{src:e.image,alt:e.title,layout:"fill",objectFit:"cover",className:"object-cover rounded-[6px]",sizes:"(max-width: 767px) 100vw, (max-width: 1279px) 45vw, 30vw",priority:t<3,loading:t<3?"eager":"lazy"})})}),(0,a.jsxs)("div",{className:"px-2 pt-8 flex flex-col flex-grow",children:[(0,a.jsx)("div",{className:"mb-3 text-gray-header",children:e.cluster}),(0,a.jsx)("div",{className:"text-lg pb-8 md:text-xl lg:text-2xl font-semibold tracking-[-0.01em] leading-[1.2] flex-grow text-black",children:e.title}),(0,a.jsx)("div",{className:"mt-auto pt-4",children:(0,a.jsx)("div",{className:"text-blue-dark font-semibold text-base",children:"Demos"===e.resourceType?"Watch Now":"Read More"})})]})]},e.id)})}),(0,a.jsx)("div",{className:"sr-only","aria-hidden":"true",children:(e.allFilteredData||R).map(function(e){return(0,a.jsx)("a",{href:e.slug?"/learning-center/".concat(e.slug):e.link,children:e.title},"seo-".concat(e.id))})})]}):(0,a.jsx)("div",{className:"text-center text-3xl font-medium text-black",children:"No data found"}),R.length>9&&(0,a.jsx)("div",{className:"flex justify-end mt-16",children:(0,a.jsxs)("div",{className:"inline-flex items-center bg-white border border-gray-lighter rounded-[6px]",children:[(0,a.jsx)("button",{className:"w-10 h-10 flex items-center justify-center disabled:opacity-40",onClick:function(){if(c>1){var e=c-1;d(e),M(b,k,e)}},disabled:1===c,children:(0,a.jsx)(u(),{src:"/images/learning-center/left-arrow.svg",alt:"arrow-left",width:16,height:16})}),(0,a.jsx)("div",{className:"w-px h-6 bg-gray-lighter"}),Z.map(function(e,t){return"number"==typeof e?(0,a.jsx)("button",{onClick:function(){d(e),M(b,k,e)},className:"w-10 h-10 flex items-center justify-center text-base font-medium ".concat(c===e?"bg-gray-100 text-purple":"bg-white text-gray-300 hover:bg-gray-50"),children:e},e):(0,a.jsx)("span",{className:"w-10 h-10 flex items-center justify-center bg-white text-sm text-gray-header",children:e},"ellipsis-".concat(t))}),(0,a.jsx)("div",{className:"w-px h-6 bg-gray-lighter"}),(0,a.jsx)("button",{className:"w-10 h-10 flex items-center justify-center bg-white rounded-lg disabled:opacity-40",onClick:function(){if(c<S){var e=c+1;d(e),M(b,k,e)}},disabled:c===S,children:(0,a.jsx)(u(),{src:"/images/learning-center/right-arrow.svg",alt:"arrow-right",width:16,height:16})})]})})]})]})})]})},w=!0;t.default=j}},function(e){e.O(0,[7636,2021,9774,2888,179],function(){return e(e.s=3038)}),_N_E=e.O()}]);