https://mivors.com/component---src-page-entries-shared-tutorial-category-jsx-fe64d5fcd8ab69be7758.js

1"use strict";(self.webpackChunknew_icloudready_website_ui=self.webpackChunknew_icloudready_website_ui||[]).push([[9044],{30391:function(e,t,l){var a=l(96540),n=l(11575),r=l(66647),o=l(74353),i=l.n(o),s=l(64810),m=l(12495),c=l.n(m),d=l(32389),u=l(67575),g=l(10365);t.A=e=>{var t,l,o;let{blogPost:m,onClick:v,className:b=""}=e;const f=(0,g.XZ)(),p=(null==m?void 0:m.date)||(null==m?void 0:m.createdAt),h=p?i()(p).format("MMM D, YYYY"):"",{i18n:{language:y}}=(0,d.useTranslation)(),E=(0,u.P)((null==m?void 0:m.teamMember)||(null==m?void 0:m.author)||(null==m||null===(t=m.BlogPost)||void 0===t?void 0:t.teamMember)||(null==m||null===(l=m.BlogPost)||void 0===l?void 0:l.author)),x=c()((null==m?void 0:m.slug)||"",{lower:!0,replacement:"-"}),N="linear-gradient(rgba(46, 57, 73, 0.85), rgba(46, 57, 73, 0.85))",w=!(null==m||!m.featuredImage)?{backgroundImage:`${N}, url(${f(m.featuredImage)||m.featuredImage})`,backgroundSize:"cover",backgroundPosition:"center",minHeight:"220px"}:{backgroundImage:`${N}, linear-gradient(135deg, var(--buttonBackgroundColor) 0%, var(--primaryTextColor) 100%)`,backgroundSize:"cover, cover",backgroundPosition:"center, center",minHeight:"220px"};return null!=m&&m.slug?a.createElement(s.Link,{className:"block",to:`${"en"===y?"":`/${y}`}/blog/${x}`},a.createElement(n.A,{hoverable:!!v,className:`w-full overflow-hidden rounded-xl ${b}`,bodyStyle:{padding:0}},a.createElement("div",{className:"relative flex w-full flex-col justify-end p-5 text-white md:p-8",style:w},(null==m||null===(o=m.category)||void 0===o?void 0:o.name)&&a.createElement("div",{className:"mb-1 text-xs font-medium opacity-90 md:text-sm"},m.category.name),h&&a.createElement("div",{className:"mb-1.5 text-xs font-light opacity-90 md:text-sm"},h),a.createElement("h2",{className:"mb-4 text-xl font-bold leading-tight md:mb-6 md:text-2xl lg:text-3xl"},null==m?void 0:m.title),(null==E?void 0:E.name)&&a.createElement("div",{className:"flex items-center gap-x-2"},a.createElement(r.A,{src:f(E.avatarUrl)||E.avatarUrl,size:36,className:"mr-2 md:mr-4"},!E.avatarUrl&&E.name.slice(0,1).toUpperCase()),a.createElement("span",{className:"text-sm font-medium md:text-base"},E.name))))):null}},48732:function(e,t,l){var a=l(60436),n=l(96540),r=l(64810),o=l(12495),i=l.n(o),s=l(32389),m=l(30391);t.A=e=>{let{categories:t,posts:l,categoryLinkBase:o="/blog/categories",CardComponent:c=m.A,postKey:d="blogPost"}=e;const{t:u,i18n:{language:g}}=(0,s.useTranslation)(),v="en"===g?"":`/${g}`,b=(0,n.useMemo)((()=>function(e){const t=new Map;return(0,a.A)(e||[]).sort(((e,t)=>{const l=new Date((null==e?void 0:e.date)||(null==e?void 0:e.createdAt)||0).getTime();return new Date((null==t?void 0:t.date)||(null==t?void 0:t.createdAt)||0).getTime()-l})).forEach((e=>{var l;const a=null==e||null===(l=e.category)||void 0===l?void 0:l.name;if(!a)return;const n=i()(a,{lower:!0});t.has(n)||t.set(n,{name:a,slug:n,posts:[]});const r=t.get(n);r.posts.length<2&&r.posts.push(e)})),Array.from(t.values()).sort(((e,t)=>e.name.localeCompare(t.name)))}(l)),[l]);return null!=t&&t.length||null!=b&&b.length?n.createElement("section",{className:"mb-6"},n.createElement("div",{className:"mb-5 flex items-center justify-between border-b border-dashed pb-2",style:{borderColor:"var(--secondaryButtonBackground)"}},n.createElement("h4",{className:"m-0 text-base font-medium",style:{color:"var(--thirdTextColor)"}},u("blogListing.browseByCategory"))),b.map((e=>{let{name:t,slug:l,posts:a}=e;return null!=a&&a.length?n.createElement("div",{key:l,className:"mb-6"},n.createElement("div",{className:"mb-4 flex items-center justify-between pb-2"},n.createElement("h4",{className:"m-0 text-lg font-semibold",style:{color:"var(--primaryTextColor)"}},t),n.createElement(r.Link,{to:`${v}${o}/${l}`,className:"text-sm font-medium hover:underline",style:{color:"var(--tagTextColor)"}},u("blogListing.viewAll"))),n.createElement("ul",{className:"m-0 grid list-none grid-cols-1 gap-4 p-0 md:grid-cols-2"},a.map((e=>n.createElement("li",{key:null==e?void 0:e.objectId,className:"relative overflow-hidden rounded-lg shadow-lg transition hover:shadow-xl"},n.createElement(c,"blogPost"===d?{blogPost:e}:{tutorial:e})))))):null}))):null}}

1,48237:function(e,t,l){var a=l(96540),n=l(11575),r=l(66647),o=l(74353),i=l.n(o),s=l(64810),m=l(12495),c=l.n(m),d=l(32389),u=l(10365);t.A=e=>{var t,l,o,m,g,v;let{tutorial:b,onClick:f,className:p=""}=e;const h=(null==b?void 0:b.date)||(null==b?void 0:b.createdAt),y=h?i()(h).format("MMM D, YYYY"):"",{i18n:{language:E}}=(0,d.useTranslation)(),x=c()(null==b?void 0:b.slug,{lower:!0,replacement:"-"}),N=null!=b&&null!==(t=b.teamMember)&&void 0!==t&&t.first_name||null!=b&&null!==(l=b.teamMember)&&void 0!==l&&l.last_name?[b.teamMember.first_name,b.teamMember.last_name].filter(Boolean).join(" ")||"Author":(null==b||null===(o=b.author)||void 0===o?void 0:o.name)||"Author",w=(null==b||null===(m=b.teamMember)||void 0===m?void 0:m.profilePic)||(null==b||null===(g=b.author)||void 0===g?void 0:g.avatarUrl),k=(0,u.XZ)(),A=w&&k(w)||w,C=null!=b&&b.featuredImage?k(b.featuredImage)||b.featuredImage:null==b?void 0:b.featuredImage;return a.createElement(s.Link,{className:"block max-h-[300px]",to:`${"en"===E?"":`/${E}`}/tutorial/${x}`},a.createElement(n.A,{hoverable:!!f,className:`w-full overflow-hidden rounded-lg ${p}`,bodyStyle:{padding:0}},a.createElement("div",{className:"relative w-full p-8 text-white",style:{backgroundImage:`linear-gradient(rgba(46, 57, 73, 0.85), rgba(46, 57, 73, 0.85)), url(${C})`,backgroundSize:"cover",backgroundPosition:"center",minHeight:"250px"}},(null==b||null===(v=b.category)||void 0===v?void 0:v.name)&&a.createElement("div",{className:"text-sm mb-2 font-medium opacity-90"},b.category.name),y&&a.createElement("div",{className:"text-sm mb-2 font-light opacity-90"},y),a.createElement("h2",{className:"text-3xl font-bold mb-8 leading-tight"},null==b?void 0:b.title),a.createElement("div",{className:"flex items-center mt-8 gap-x-2"},a.createElement(r.A,{src:A,size:48,className:"mr-4"}),a.createElement("span",{className:"text-2xl font-medium"},N)))))}},44496:function(e,t,l){var a=l(96540);t.A=function(e){let{pageTitle:t,faviconUrl:l,children:n}=e;return a.createElement(a.Fragment,null,t&&a.createElement("title",null,t),l&&a.createElement("link",{rel:"icon",href:l}),n)}},55638:function(e,t,l){l.d(t,{W:function(){return n}});var a=l(96540);function n(e,t){void 0===t&&(t=6);const{0:l,1:n}=(0,a.useState)(1),{0:r,1:o}=(0,a.useState)(t);return{currentPage:l,itemsPerPage:r,paginatedData:e.slice((l-1)*r,l*r),handlePaginationChange:(e,t)=>

1{n(e),o(t)}}}},52380:function(e,t,l){l.r(t);var a=l(96540),n=l(52405),r=l(44496),o=l(94431),i=l(40066),s=l(10112),m=l(53589),c=l(32389),d=l(12495),u=l.n(d),g=l(48237),v=l(87053),b=l(13022),f=l(48732),p=l(55638);t.default=function(e){var t,l,d,h,y,E;let{data:x,pageContext:N}=e;const{category:w,categorySlug:k,categories:A}=N||{},{t:C}=(0,c.useTranslation)(),P=(null==x||null===(t=x.allTutorial)||void 0===t||null===(l=t.edges)||void 0===l?void 0:l.map((e=>null==e?void 0:e.node)))||[],$=(0,a.useMemo)((()=>(P||[]).filter((e=>!1!==(null==e?void 0:e.isPublished)))),[P]),I=(0,a.useMemo)((()=>k?$.filter((e=>{var t;return(null!=e&&null!==(t=e.category)&&void 0!==t&&t.name?u()(e.category.name,{lower:!0}):"")===k})):[]),[$,k]),{currentPage:M,itemsPerPage:T,paginatedData:j,handlePaginationChange:_}=(0,p.W)(I,12),S=(null==j?void 0:j.slice(0,4))||[],B=(null==j?void 0:j.slice(4,12))||[],U=(null==j?void 0:j.slice(12))||[],z=(0,s.i)([{path:"/tutorials",label:C("breadcrumbs.allTutorials")||"Tutorials",literal:!0},{path:"#",label:w||"Category",literal:!0}]);return a.createElement(n.A,null,a.createElement(r.A,{pageTitle:`${w||"Category"} - ${C("breadcrumbs.allTutorials")||"Tutorials"}`,faviconUrl:null==x||null===(d=x.allSeoSettings)||void 0===d||null===(h=d.edges)||void 0===h||null===(y=h.at(0))||void 0===y||null===(E=y.node)||void 0===E?void 0:E.faviconUrl},a.createElement("meta",{name:"description",content:`Tutorials in ${w||"this category"}.`})),a.createElement("section",{className:"pioneer-container"},a.createElement(o.A,{items:z,separator:a.createElement(m.tH,null),className:"brand-breadcrumb my-3"}),a.createElement("div",{className:"flex flex-col gap-8 pt-4 lg:flex-row"},a.createElement(v.A,{categories:A||[],currentCategory:k,listPath:"/tutorials",listLabel:"All tutorials",categoryBasePath:"/tutorial/categories"}),a.createElement("div",{className:"min-w-0 flex-1"},a.createElement("div",{className:"mb-5 flex items-center justify-between border-b border-dashed pb-2",style:{borderColor:"#e2e8f0"}},a.createElement("h1",{className:"m-0 text-xl font-semibold",style:{color:"#042F5F"}},w||"Category"),a.createElement("span",{className:"text-sm font-medium",style:{color:"#64748b"}},`Page ${M} of ${Math.ceil(((null==I?void 0:I.length)||0)/T)||1}`)),0===(null==I?void 0:I.length)?a.createElement("p",{className:"py-8 text-center",style:{color:"#64748b"}},"No tutorials in this category yet."):a.createElement(a.Fragment,null,a.createElement("ul",{className:"m-0 mb-6 grid list-none grid-cols-1 gap-4 p-0 md:grid-cols-2"},S.map((e=>a.createElement("li",{key:null==e?void 0:e.objectId,className:"overflow-hidden rounded-lg shadow-lg transition hover:shadow-xl"},a.createElement(g.A,{tutorial:e}))))),a.createElement(b.A,null),a.createElement("ul",{className:"m-0 mb-6 grid list-none grid-cols-1 gap-4 p-0 md:grid-cols-2"},B.map((e=>a.createElement("li",{key:null==e?void 0:e.objectId,className:"overflow-hidden rounded-lg shadow-lg transition hover:shadow-xl"},a.createElement(g.A,{tutorial:e}))))),(null==U?void 0:U.length)>0&&a.createElement("ul",{className:"m-0 mb-6 grid list-none grid-cols-1 gap-4 p-0 md:grid-cols-2"},U.map((e=>a.createElement("li",{key:null==e?void 0:e.objectId,className:"overflow-hidden rounded-lg shadow-lg transition hover:shadow-xl"},a.createElement(g.A,{tutorial:e}))))),a.createElement(f.A,{categories:A||[],posts:$,categoryLinkBase:"/tutorial/categories",CardComponent:g.A,postKey:"tutorial"}),(null==I?void 0:I.length)>T&&a.createElement("div",{className:"mt-8 flex justify-center"},a.createElement(i.A,{size:"default",current:M,total:I.length,pageSize:T,showSizeChanger:!0,onChange:_,pageSizeOptions:[12,25,50,100]})))))))}},67575:function(e,t,l){l.d(t,{P:function(){return r},Q:function(){return o}});var a=l(12495),n=l.n(a);function r(e){var t,l;if(!e)return null;const a=null!==(t=null==e||null===(l=e.team)||void 0===l?void 0:l.objectId)&&void 0!==t?t:null;return e.name?{...e,teamObjectId:a}:e.first_name?{name:[e.first_name,e.last_name].filter(Boolean).join(" ")||e.first_name||"",avatarUrl:e.profilePic||e.avatarUrl,bio:e.description||e.bio||"",title:e.title||"",teamObjectId:a}:{...e,teamObjectId:a}}function o(e){if(null==e||!e.teamObjectId||null==e||!e.name)return null;const t=e.name||"",l=e.title||"",a=n()(t+l,{lower:!0,replacement:"-"});return a?`/teams#${a}`:"/teams"}}}]);