https://www.rilla.com/_next/static/chunks/8860-b83f8b8eb76bbdcc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8860],{3105:(e,r,n)=>{n.d(r,{A:()=>u});var t=n(37876),s=n(7463),l=n.n(s),a=n(15039),c=n.n(a);function u(e){let{title:r,children:n,className:s}=e;return(0,t.jsxs)("section",{className:c()(l().container,s),children:[(0,t.jsx)("h3",{className:l().title,children:r}),(0,t.jsx)("div",{className:l().content,children:n})]})}},34062:(e,r,n)=>{n.d(r,{A:()=>d});var t=n(37876),s=n(49836),l=n.n(s),a=n(14232),c=n(81235),u=n(15039),i=n.n(u),o=n(4097);function d(e){let{className:r,onClick:n,children:s,shadowChildren:u,shadowColor:d="var(--color-primary)",isReverse:f=!1,playHoverEffect:m,reverseHoverEffect:v}=e,h=(0,a.useRef)(null),p=(0,a.useRef)(null),x=(0,a.useRef)(null),{isMobile:j}=(0,o.X)(),w=void 0!==m||void 0!==v;return(0,a.useEffect)(()=>{let e=f?-1:1;h.current=c.Ay.timeline({defaults:{ease:"power3.inOut",duration:.5},paused:!0}),h.current.to(p.current,{xPercent:100*e}),h.current.fromTo(x.current,{xPercent:0},{xPercent:100*e},"<-=0.05")},[f]),(0,a.useEffect)(()=>{var e,r;if(w){if(m){null==(e=h.current)||e.play();return}v&&(null==(r=h.current)||r.reverse())}},[w,m,v]),(0,t.jsxs)("button",{className:i()(l().container,"direction-".concat(f?"reverse":"normal"),r),onMouseEnter:w?void 0:()=>{var e;j||null==(e=h.current)||e.play()},onMouseLeave:w?void 0:()=>{var e;j||null==(e=h.current)||e.reverse()},onClick:()=>{if(null==n||n(),j){var e;null==(e=h.current)||e.yoyo(!0).repeat(1).play()}},children:[(0,t.jsx)("div",{ref:p,className:l().button,children:s}),(0,t.jsx)("div",{ref:x,className:l().shadowButton,style:{backgroundColor:d},children:u||s})]})}},36627:(e,r,n)=>{n.d(r,{A:()=>d});var t=n(37876),s=n(46907),l=n.n(s),a=n(14232),c=n(81235),u=n(15039),i=n.n(u),o=n(84595);function d(e){let{className:r,onClick:n,size:s="large"}=e,u=(0,a.useRef)(null),d=(0,a.useRef)(null),f=(0,a.useRef)(null);return(0,a.useEffect)(()=>{u.current=c.Ay.timeline({defaults:{ease:"power3.inOut",duration:.5},paused:!0}),u.current.to(d.current,{xPercent:100}),u.current.fromTo(f.current,{xPercent:0},{xPercent:100},"<-=0.05")},[]),(0,t.jsxs)("button",{className:i()(l().container,r,l()[s]),onMouseEnter:()=>{var e;null==(e=u.current)||e.play()},onMouseLeave:()=>{var e;null==(e=u.current)||e.reverse()},onClick:n,children:[(0,t.jsx)("div",{ref:d,className:l().playButton,children:(0,t.jsx)(o.ud,{})}),(0,t.jsx)("div",{ref:f,className:l().shadowPlayButton,children:(0,t.jsx)(o.ud,{color:"#fff"})})]})}},78262:(e,r,n)=>{n.d(r,{A:()=>f});var t=n(37876),s=n(21278),l=n.n(s),a=n(14232),c=n(15039),u=n.n(c),i=n(34062),o=n(84595),d=n(89398);function f(e){let{articles:r,className:n,animIn:s}=e,c=(0,a.useRef)(null),[f,m]=(0,a.useState)(0),[v,h]=(0,a.useState)(!1),p=(0,a.useRef)(0),x=(0,a.useRef)(0),j=(0,a.useRef)(!1),w=e=>{c.current&&c.current.scrollTo({left:e*c.current.offsetWidth,behavior:"smooth"})},N=(0,a.useCallback)(e=>{c.current&&(p.current=e.clientX,x.current=c.current.scrollLeft,j.current=!1,h(!0),e.preventDefault())},[]);(0,a.useEffect)(()=>{if(!v)return;let e=e=>{if(!c.current)return;let r=e.clientX-p.current;Math.abs(r)>=5&&(j.current=!0),c.current.scrollLeft=x.current-r},r=()=>{h(!1),window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",r)};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",r),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",r)}},[v]);let g=(0,a.useCallback)(e=>{j.current&&(e.preventDefault(),e.stopPropagation(),j.current=!1)},[]);return(0,a.useEffect)(()=>{if(!c.current)return;let e=e=>{let{scrollLeft:n,scrollWidth:t,clientWidth:s}=e.target,l=n>=t-s-5?r.length-1:Math.min(Math.round(n/s),r.length-1);m(e=>e===l?e:l)},n=c.current;return n.addEventListener("scroll",e),()=>{n.removeEventListener("scroll",e)}},[r.length]),(0,t.jsxs)("div",{className:u()(l().container,n),children:[(0,t.jsx)(i.A,{className:u()(l().slideBtnLeft,0===f&&l().hidden),onClick:()=>{if(0===f)return;let e=0===f?0:f-1;m(e),w(e)},isReverse:!0,shadowChildren:(0,t.jsx)("span",{children:(0,t.jsx)(o.Ko,{color:"#fff"})}),children:(0,t.jsx)("span",{children:(0,t.jsx)(o.Ko,{})})}),(0,t.jsx)(i.A,{className:u()(l().slideBtnRight,f===r.length-1&&l().hidden),onClick:()=>

1{if(f===r.length-1)return;let e=f===r.length-1?r.length-1:f+1;m(e),w(e)},shadowChildren:(0,t.jsx)(o.Ko,{color:"#fff"}),children:(0,t.jsx)(o.Ko,{})}),(0,t.jsx)("div",{className:u()(l().scroller,v&&l().dragging),ref:c,onMouseDown:N,onClickCapture:g,children:r.map((e,r)=>(0,t.jsx)(d.A,{articleData:e,className:l().articleCard,animIn:s,delay:.2*r+1,compressed:!0},e.uid))})]})}},89398:(e,r,n)=>{n.d(r,{A:()=>j});var t=n(37876),s=n(65768),l=n.n(s),a=n(14232),c=n(81235),u=n(48230),i=n.n(u),o=n(15039),d=n.n(o),f=n(88724),m=n(45517),v=n(59182),h=n(98433),p=n(36627);let x=(0,a.forwardRef)(function(e,r){let{className:n,articleData:s,compressed:u=!1,animIn:o,delay:x=0,minimal:j=!1}=e,{title:w,article_summary:N,article_hero_image:g,article_video:y,tag:A,author_name:E,author_image:b,reading_time:R}=s.data,L=(0,a.useRef)(null),k=(0,a.useRef)(null),C=(0,a.useRef)(null),{splits:P,setAnimated:_,isSplit:M}=(0,m.A)(j?null:k,{type:"words",mask:"words"},{type:"words",set:{yPercent:100*!!o}}),D=()=>{var e;C.current&&(null==(e=C.current)||e.play())};(0,a.useImperativeHandle)(r,()=>({playAnimIn:D}),[]),(0,a.useEffect)(()=>{var e;L.current&&(null==(e=L.current)||e.classList.remove(l().preAnimHidden))},[]),(0,a.useEffect)(()=>{var e;if(!M)return;let r=k.current,n=null==(e=P[0])?void 0:e.words;return r&&(null==n?void 0:n.length)&&(0,v.KQ)({container:r,words:n},1.2),C.current=(()=>{var e;_(!0);let r=c.Ay.timeline({defaults:{ease:"power2.out",duration:1},delay:x});return o&&(r.fromTo(L.current,{xPercent:10,opacity:0},{xPercent:0,opacity:1}),r.fromTo(null==(e=P[0])?void 0:e.words,{yPercent:100},{yPercent:0,stagger:.005},"<+=0.1")),r})(),()=>{C.current&&(C.current.kill(),C.current=null)}},[M,P]);let{setIsPlayerOverlayOpened:T,setPlayerOverlayVideoUrl:B}=(0,f.P)(),K=s.last_publication_date?new Date(s.last_publication_date).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"}):"",S="blog"===s.type?"/learn/rilla-labs/blogs/".concat(s.uid):"/learn/rilla-labs/".concat(s.uid);return(0,t.jsxs)(i(),{href:S,ref:L,className:d()(l().card,n,u&&l().compressed,j&&l().minimal,o&&l().preAnimHidden),children:[(0,t.jsxs)("div",{className:l().imageWrapper,children:[(0,t.jsx)(h.A,{image:g,fill:!0,sizes:"(max-width: 768px) 100vw, 33vw"}),y.text&&(0,t.jsx)(p.A,{className:l().playButton,size:"small",onClick:e=>{e.preventDefault(),e.stopPropagation(),y.text&&(B(y.text||""),T(!0))}})]}),(0,t.jsxs)("div",{className:l().content,children:[(0,t.jsxs)("div",{className:l().metaRow,children:[(0,t.jsxs)("div",{className:l().metaLeft,children:[A&&(0,t.jsx)("span",{className:l().tags,children:A}),!j&&s.last_publication_date&&(0,t.jsx)("span",{className:l().date,children:K})]}),!u&&!j&&R&&(0,t.jsxs)("span",{className:l().readTime,children:[R," read"]})]}),(0,t.jsx)("h3",{ref:k,className:l().title,children:w}),!u&&!j&&(0,t.jsx)("p",{className:l().description,children:N}),u&&(E||R)&&(0,t.jsxs)("div",{className:l().footer,children:[(0,t.jsxs)("div",{className:l().authorInfo,children:[(null==b?void 0:b.url)&&(0,t.jsx)("div",{className:l().authorAvatar,children:(0,t.jsx)(h.A,{image:b,alt:b.alt||E||"Author photo",width:20,height:20})}),E&&(0,t.jsx)("span",{className:l().authorName,children:E})]}),u&&R&&(0,t.jsxs)("span",{className:l().readTime,children:[R," read"]})]})]})]})}),j=(0,a.memo)(x)},94153:(e,r,n)=>{n.d(r,{A:()=>u});var t=n(37876),s=n(31359),l=n.n(s),a=n(15039),c=n.n(a);function u(e){let{children:r,className:n}=e;return(0,t.jsx)("div",{className:c()(l().container,n),children:r})}}}]);