https://opsette.io/_next/static/chunks/app/(marketing)/blog/page-a…?dpl=dpl_6dBeDsimK1DqMGfsjCMaQ8xSebJx

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25251],{12439:(e,t,r)=>{"use strict";r.d(t,{d:()=>n});var l=r(39781),i=r.n(l);let o=(0,r(87425).UU)({projectId:"qde635m9",dataset:"production",apiVersion:"2024-01-01",useCdn:!0}),s=i()(o);function n(e){return s.image(e)}},20104:(e,t,r)=>{"use strict";r.d(t,{default:()=>m});var l=r(95155),i=r(12115),o=r(62823),s=r(99667),n=r(60782),a=r(57954),c=r(33816),x=r(19588),d=r(81184),p=r(65982),h=r(29332),g=r(38218);let u=e=>{let{posts:t,loading:r}=e,{token:i}=o.A.useToken(),s=(0,g.a)();return r?(0,l.jsx)(h.oX,{variant:"grid",count:6}):0===t.length?(0,l.jsx)("section",{style:{padding:s?"48px 16px":"96px 24px"},children:(0,l.jsx)("div",{style:{maxWidth:600,margin:"0 auto",textAlign:"center"},children:(0,l.jsx)(x.A,{description:(0,l.jsxs)("div",{children:[(0,l.jsx)("h3",{style:{fontSize:s?"20px":"24px",fontWeight:600,color:i.colorTextBase,marginBottom:8},children:"No posts yet"}),(0,l.jsx)("p",{style:{color:i.colorTextSecondary,fontSize:s?"14px":"16px"},children:"Check back soon for new content!"})]})})})}):(0,l.jsx)(d.A,{gutter:[24,24],children:t.map(e=>(0,l.jsx)(p.A,{xs:24,sm:12,lg:8,children:(0,l.jsx)(h.z5,{post:e})},e.slug.current))})};function m(e){let{posts:t,categories:r}=e,[x,d]=(0,i.useState)("all"),{token:p}=o.A.useToken(),h=(0,g.a)(),m=(0,i.useMemo)(()=>"all"===x?t:t.filter(e=>{var t;return null==(t=e.categories)?void 0:t.some(e=>e.slug.current===x)}),[t,x]),j=(0,i.useMemo)(()=>{let e={all:t.length};return t.forEach(t=>{var r;null==(r=t.categories)||r.forEach(t=>{e[t.slug.current]=(e[t.slug.current]||0)+1})}),e},[t]),y=[{key:"all",icon:(0,l.jsx)(a.A,{}),label:"All Posts (".concat(j.all||0,")")},...r.filter(e=>(j[e.slug.current]||0)>0).map(e=>({key:e.slug.current,label:"".concat(e.title," (").concat(j[e.slug.current]||0,")")}))],A=[{label:"All Posts (".concat(j.all||0,")"),value:"all"},...r.filter(e=>(j[e.slug.current]||0)>0).map(e=>({label:"".concat(e.title," (").concat(j[e.slug.current]||0,")"),value:e.slug.current}))];return(0,l.jsx)(c.default,{children:(0,l.jsxs)("div",{style:{display:"flex",gap:0},children:[!h&&r.length>0&&(0,l.jsx)("div",{style:{width:260,flexShrink:0,borderRight:"1px solid ".concat(p.colorBorder),padding:"48px 0 48px 24px"},children:(0,l.jsx)(s.A,{mode:"inline",selectedKeys:[x],items:y,onClick:e=>{let{key:t}=e;return d(t)},style:{position:"sticky",top:80,border:"none",fontSize:"14px"}})}),(0,l.jsxs)("div",{style:{flex:1,maxWidth:1400,margin:"0 auto",padding:h?"24px 16px":"48px 24px",width:"100%"},children:[h&&r.length>0&&(0,l.jsx)("div",{style:{marginBottom:24},children:(0,l.jsx)(n.A,{value:x,onChange:d,options:A,style:{width:"100%"},size:"large"})}),(0,l.jsx)(u,{posts:m})]})]})})}},29332:(e,t,r)=>{"use strict";r.d(t,{_8:()=>b,vs:()=>E,z5:()=>m,GP:()=>I,oX:()=>f,Tu:()=>B});var l=r(95155);r(12115);var i=r(52619),o=r.n(i),s=r(62823),n=r(39578),a=r(96550),c=r(21038),x=r(32277),d=r(50329),p=r(6456),h=r(8805),g=r(12439),u=r(38218);let m=e=>{let{post:t,compact:r=!1}=e,{token:i}=s.A.useToken(),m=(0,u.a)(),j=Math.max(1,Math.ceil((t.content?JSON.stringify(t.content).split(/\s+/).length:t.excerpt?5*t.excerpt.split(/\s+/).length:300)/200));return(0,l.jsx)(o(),{href:"/blog/".concat(t.slug.current),style:{textDecoration:"none"},children:(0,l.jsx)(n.A,{hoverable:!0,cover:t.mainImage?(0,l.jsx)("img",{alt:t.mainImage.alt||t.title,src:(0,g.d)(t.mainImage).width(600).height(r?200:300).url(),style:{height:r||m?"200px":"300px",objectFit:"cover"}}):(0,l.jsx)("div",{style:{height:r||m?"200px":"300px",background:"linear-gradient(135deg, ".concat(i.colorPrimary," 0%, ").concat(i.colorWarning," 100%)"),display:"flex",alignItems:"center",justifyContent:"center"},children:(0,l.jsx)("h3",{style:{color:"#fff",fontSize:r?"20px":"24px",fontWeight:"bold",margin:0},children:"Opsette"})}),styles:{body:{padding:r||m?"16px":"20px 24px"}},children:(0,l.jsxs)(a.A,{orientation:"vertical",size:r?"small":"middle",style:{width:"100%"},children:[(0,l.jsx)("h3",{style:{fontSize:r?"16px":m?"18px":"20px",fontWeight:600,color:i.colorTextBase,margin:0,lineHeight:1.4,display:"-webkit-box",WebkitLineClamp:r?2:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:t.title}),!r&&t.excerpt&&(0,l.jsx)("p",{style:{color:i.colorTextSecondary,fontSize:m?"14px":"15px",margin:0,lineHeight:1.6,display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:t.excerpt}),(0,l.jsxs)(a.A,{size:r?4:8,wrap:!0,style:{color:i.colorTextTertiary,fontSize:r?"12px":"13px"},children:[t.author&&(0,l.jsxs)(a.A,{size:4,children:[t.author.image?(0,l.jsx)(c.A,{size:r?20:24,src:(0,g.d)(t.author.image).width(48).height(48).url()}):(0,l.jsx)(c.A,{size:r?20:24,icon:(0,l.jsx)(d.A,{})}),(0,l.jsx)("span",{children:t.author.name})]}),(0,l.jsxs)(a.A,{size:4,children:[(0,l.jsx)(p.A,{}),(0,l.jsx)("span",{children:new Date(t.publishedAt).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})})]}),!r&&(0,l.jsxs)(a.A,{size:4,children:[(0,l.jsx)(h.A,{}),(0,l.jsxs)("span",{children:[j," min read"]})]})]}),!r&&t.categories&&t.categories.length>0&&(0,l.jsx)(a.A,{size:4,wrap:!0,children:t.categories.slice(0,3).map(e=>(0,l.jsx)(x.A,{color:"default",children:e.title},e.slug.current))})]})})})};var j=r(16039),y=r(81184),A=r(65982);let f=e=>{let{variant:t="grid",count:r=3}=e,i=(0,u.a)();return"single"===t?(0,l.jsx)("div",{style:{maxWidth:900,margin:"0 auto",padding:i?16:48},children:(0,l.jsxs)(a.A,{orientation:"vertical",size:"large",style:{width:"100%"},children:[(0,l.jsx)(j.A.Button,{active:!0,size:"small"}),(0,l.jsx)(j.A.Input,{active:!0,size:"large",block:!0,style:{height:60}}),(0,l.jsx)(j.A.Input,{active:!0,size:"small",style:{width:300}}),(0,l.jsx)(j.A.Image,{active:!0,style:{width:"100%",height:400}}),(0,l.jsx)(j.A,{active:!0,paragraph:{rows:12}}),(0,l.jsx)(j.A,{active:!0,paragraph:{rows:8}}),(0,l.jsx)(j.A,{active:!0,paragraph:{rows:10}}),(0,l.jsx)(n.A,{children:(0,l.jsx)(j.A,{active:!0,avatar:!0,paragraph:{rows:2}})})]})}):"compact"===t?(0,l.jsx)(y.A,{gutter:[24,24],children:[...Array(r)].map((e,t)=>(0,l.jsx)(A.A,{xs:24,sm:8,children:(0,l.jsxs)(n.A,{children:[(0,l.jsx)(j.A.Image,{active:!0,style:{width:"100%",height:200}}),(0,l.jsxs)(a.A,{orientation:"vertical",size:"small",style:{width:"100%",marginTop:16},children:[(0,l.jsx)(j.A,{active:!0,paragraph:{rows:2}}),(0,l.jsx)(j.A.Input,{active:!0,size:"small",style:{width:150}})]})]})},t))}):(0,l.jsx)("section",{style:{padding:i?"24px 16px":"48px 24px"},children:(0,l.jsx)("div",{style:{maxWidth:1400,margin:"0 auto"},children:(0,l.jsx)(y.A,{gutter:[24,24],children:[...Array(r)].map((e,t)=>(0,l.jsx)(A.A,{xs:24,sm:12,lg:12,children:(0,l.jsxs)(n.A,{children:[(0,l.jsx)(j.A.Image,{active:!0,style:{width:"100%",height:i?200:300}}),(0,l.jsxs)(a.A,{direction:"vertical",size:"middle",style:{width:"100%",marginTop:16},children:[(0,l.jsx)(j.A.Input,{active:!0,size:"large",block:!0}),(0,l.jsx)(j.A,{active:!0,paragraph:{rows:3}}),(0,l.jsx)(j.A.Input,{active:!0,size:"small",style:{width:250}}),(0,l.jsxs)(a.A,{children:[(0,l.jsx)(j.A.Button,{active:!0,size:"small"}),(0,l.jsx)(j.A.Button,{active:!0,size:"small"})]})]})]})},t))})})})};var v=r(17439);let b=e=>{let{author:t}=e,{token:r}=s.A.useToken(),i=(0,u.a)();return(0,l.jsx)(n.A,{style:{backgroundColor:r.colorBgElevated,borderColor:r.colorBorder},styles:{body:{padding:i?"20px":"24px"}},children:(0,l.jsxs)(a.A,{direction:i?"vertical":"horizontal",align:i?"center":"start",size:i?16:20,style:{width:"100%"},children:[t.image?(0,l.jsx)(c.A,{size:i?64:80,src:(0,g.d)(t.image).width(160).height(160).fit("crop").url(),shape:"square",style:{flexShrink:0}}):(0,l.jsx)(c.A,{size:i?64:80,icon:(0,l.jsx)(d.A,{}),shape:"square",style:{flexShrink:0}}),(0,l.jsxs)("div",{style:{flex:1,textAlign:i?"center":"left"},children:[(0,l.jsxs)("h4",{style:{fontSize:i?"16px":"18px",fontWeight:600,color:r.colorTextBase,marginBottom:8},children:["About ",t.name]}),t.bio&&(0,l.jsx)("div",{style:{color:r.colorTextSecondary,fontSize:i?"14px":"15px",lineHeight:1.6},children:(0,l.jsx)(v.RK,{value:t.bio})})]})]})})};var z=r(25588),w=r(19588),S=r(71861);let{Title:T}=z.A,B=e=>{let{relatedPosts:t}=e,{token:r}=s.A.useToken(),i=(0,u.a)();return 0===t.length?(0,l.jsx)(w.A,{image:w.A.PRESENTED_IMAGE_SIMPLE,description:"No related articles found"}):(0,l.jsx)("section",{style:{padding:i?"32px 0":"48px 0",borderTop:"1px solid ".concat(r.colorBorder)},children:(0,l.jsxs)(a.A,{orientation:"vertical",size:i?16:24,style:{width:"100%"},children:[(0,l.jsxs)(T,{level:3,style:{fontSize:i?"20px":"24px",marginBottom:0},children:[(0,l.jsx)(S.A,{style:{marginRight:8}}),"Related Articles"]}),(0,l.jsx)(y.A,{gutter:[24,24],children:t.slice(0,3).map(e=>(0,l.jsx)(A.A,{xs:24,sm:8,children:(0,l.jsx)(m,{post:e,compact:!0})},e.slug.current))})]})})};var k=r(3415),W=r(67354),C=r(48601);let I=e=>{let{title:t,author:r,publishedAt:i,readTime:o,categories:n,onShare:m}=e,{token:j}=s.A.useToken(),y=(0,u.a)();return(0,l.jsx)("header",{children:(0,l.jsxs)(a.A,{orientation:"vertical",size:y?16:24,style:{width:"100%"},children:[(0,l.jsx)("h1",{style:{fontSize:y?"28px":"48px",fontWeight:700,color:j.colorTextBase,lineHeight:1.2,margin:0},children:t}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:y?"column":"row",alignItems:y?"flex-start":"center",justifyContent:"space-between",gap:y?12:16},children:[(0,l.jsxs)(a.A,{size:12,wrap:!0,children:[r&&(0,l.jsxs)(a.A,{size:8,children:[r.image?(0,l.jsx)(c.A,{size:32,src:(0,g.d)(r.image).width(64).height(64).url

1()}):(0,l.jsx)(c.A,{size:32,icon:(0,l.jsx)(d.A,{})}),(0,l.jsx)("span",{style:{fontWeight:500,color:j.colorTextBase,fontSize:y?"14px":"15px"},children:r.name})]}),(0,l.jsx)("span",{style:{color:j.colorTextTertiary},children:"\xb7"}),(0,l.jsxs)(a.A,{size:6,style:{color:j.colorTextSecondary,fontSize:y?"14px":"15px"},children:[(0,l.jsx)(p.A,{}),(0,l.jsx)("span",{children:new Date(i).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})})]}),(0,l.jsx)("span",{style:{color:j.colorTextTertiary},children:"\xb7"}),(0,l.jsxs)(a.A,{size:6,style:{color:j.colorTextSecondary,fontSize:y?"14px":"15px"},children:[(0,l.jsx)(h.A,{}),(0,l.jsxs)("span",{children:[o," min read"]})]})]}),(0,l.jsx)(W.Ay,{icon:(0,l.jsx)(C.A,{}),onClick:()=>{navigator.clipboard.writeText(window.location.href),k.Ay.success("Link copied to clipboard!"),null==m||m()},size:y?"small":"middle",children:!y&&"Share"})]}),n&&n.length>0&&(0,l.jsx)(a.A,{size:8,wrap:!0,children:n.map(e=>(0,l.jsx)(x.A,{color:"default",children:e.title},e.slug.current))})]})})},E=e=>{let{content:t}=e,{token:r}=s.A.useToken(),i=(0,u.a)();return(0,l.jsx)("article",{style:{maxWidth:900,margin:"0 auto",fontSize:i?"16px":"18px"},children:(0,l.jsx)(v.RK,{value:t,components:{types:{image:e=>{let{value:t}=e;return(0,l.jsx)("img",{src:(0,g.d)(t).width(1200).url(),alt:t.alt||"Blog image",style:{width:"100%",height:"auto",borderRadius:r.borderRadius,margin:i?"24px 0":"32px 0"}})},table:e=>{let{value:t}=e,o=(null==t?void 0:t.rows)||[];if(0===o.length)return null;let[s,...n]=o;return(0,l.jsx)("div",{style:{overflowX:"auto",margin:i?"24px 0":"32px 0"},children:(0,l.jsxs)("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:i?"14px":"16px",lineHeight:1.6},children:[s&&(0,l.jsx)("thead",{children:(0,l.jsx)("tr",{children:s.cells.map((e,t)=>(0,l.jsx)("th",{style:{backgroundColor:r.colorBgLayout,color:r.colorTextBase,fontWeight:600,padding:i?"10px 12px":"12px 16px",borderBottom:"2px solid ".concat(r.colorBorder),textAlign:"left"},children:e},t))})}),(0,l.jsx)("tbody",{children:n.map((e,t)=>(0,l.jsx)("tr",{children:e.cells.map((e,t)=>(0,l.jsx)("td",{style:{padding:i?"10px 12px":"12px 16px",borderBottom:"1px solid ".concat(r.colorBorderSecondary),color:r.colorTextBase},children:e},t))},t))})]})})}},block:{h1:e=>{let{children:t}=e;return(0,l.jsx)("h1",{style:{fontSize:i?"28px":"36px",fontWeight:700,color:r.colorTextBase,marginTop:i?"32px":"48px",marginBottom:i?"16px":"20px",lineHeight:1.3},children:t})},h2:e=>{let{children:t}=e;return(0,l.jsx)("h2",{style:{fontSize:i?"24px":"32px",fontWeight:700,color:r.colorTextBase,marginTop:i?"28px":"40px",marginBottom:i?"14px":"18px",lineHeight:1.3},children:t})},h3:e=>{let{children:t}=e;return(0,l.jsx)("h3",{style:{fontSize:i?"20px":"26px",fontWeight:700,color:r.colorTextBase,marginTop:i?"24px":"32px",marginBottom:i?"12px":"16px",lineHeight:1.4},children:t})},blockquote:e=>{let{children:t}=e;return(0,l.jsx)("blockquote",{style:{borderLeft:"4px solid ".concat(r.colorPrimary),paddingLeft:i?"16px":"20px",marginTop:i?"20px":"24px",marginBottom:i?"20px":"24px",fontStyle:"italic",color:r.colorTextSecondary,fontSize:i?"16px":"18px"},children:t})},normal:e=>{let{children:t}=e;return(0,l.jsx)("p",{style:{fontSize:i?"16px":"18px",color:r.colorTextBase,lineHeight:1.75,marginBottom:i?"16px":"20px"},children:t})}},list:{bullet:e=>{let{children:t}=e;return(0,l.jsx)("ul",{style:{fontSize:i?"16px":"18px",color:r.colorTextBase,lineHeight:1.75,marginBottom:i?"16px":"20px",paddingLeft:i?"24px":"32px",listStyleType:"disc"},children:t})},number:e=>{let{children:t}=e;return(0,l.jsx)("ol",{style:{fontSize:i?"16px":"18px",color:r.colorTextBase,lineHeight:1.75,marginBottom:i?"16px":"20px",paddingLeft:i?"24px":"32px",listStyleType:"decimal"},children:t})}},listItem:{bullet:e=>{let{children:t}=e;return(0,l.jsx)("li",{style:{marginBottom:8},children:t})},number:e=>{let{children:t}=e;return(0,l.jsx)("li",{style:{marginBottom:8},children:t})}},marks:{link:e=>{let{value:t,children:i}=e,o=((null==t?void 0:t.href)||"").startsWith("http")?"_blank":void 0;return(0,l.jsx)("a",{href:null==t?void 0:t.href,target:o,rel:"_blank"===o?"noopener noreferrer":void 0,style:{color:r.colorPrimary,textDecoration:"underline",transition:"color 0.2s"},onMouseEnter:e=>{e.currentTarget.style.color=r.colorPrimaryHover||r.colorPrimary},onMouseLeave:e=>{e.currentTarget.style.color=r.colorPrimary},children:i})},code:e=>{let{children:t}=e;return(0,l.jsx)("code",{style:{backgroundColor:r.colorBgLayout,color:r.colorTextBase,padding:"2px 6px",borderRadius:r.borderRadiusSM,fontFamily:"monospace",fontSize:"0.9em",border:"1px solid ".concat(r.colorBorder)},children:t})},strong:e=>{let{children:t}=e;return(0,l.jsx)("strong",{style:{fontWeight:600,color:r.colorTextBase},children:t})},em:e=>{let{children:t}=e;return(0,l.jsx)("em",{style:{fontStyle:"italic",color:r.colorTextSecondary},children:t})}}}})})}},34731:(e,t,r)=>{Promise.resolve().then(r.bind(r,20104))},38218:(e,t,r)=>{"use strict";r.d(t,{Q:()=>a,a:()=>n});var l=r(12115);let i={mobile:768,tablet:1024};function o(e){return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}function s(){return window.innerWidth}function n(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.mobile;return(0,l.useSyncExternalStore)(o,()=>window.innerWidth<e,()=>!1)}function a(){let e=(0,l.useSyncExternalStore)(o,s,()=>1200),t=e<i.mobile,r=e>=i.mobile&&e<i.tablet;return{isMobile:t,isTablet:r,isDesktop:e>=i.tablet,isCompact:t||r,width:e}}}},e=>{e.O(0,[41446,47260,39898,66220,99076,51319,67354,66047,52619,13408,39286,54616,25588,83621,78895,90072,39491,92461,60782,92691,21491,97797,74363,33816,28441,31255,77358],()=>

1e(e.s=34731)),_N_E=e.O()}]);