https://www.jivochat.co.id/_next/static/chunks/24904-78dba37186f5cbe4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24904],{4989:(e,t,i)=>{"use strict";i.d(t,{A:()=>j});var s=i(96677),a=i(27492),r=i.n(a),n=i(83913),l=i.n(n),d=i(74064),c=i(27820),o=i(88443),h=i(22492),m=i(66374),p=i(93146),u=i(33522),g=i(17521),x=i(23474);let j=({title:e,subtitle:t,subtitleVariant:i="h5",subtitleWeight:a="normal",width:n="100%",text:j,textVariant:A,qaId:f,imageSrc:v,imageRatio:b=[130,130],buttonLabel:_,buttonVariant:w="accent",extraBlocks:I,notice:k,noticeLink:y,className:C})=>{let{id:N}=(0,p.A)(),[z,$]=b,L=f||`${N}_button_last_screen`,{title:S,subtitle:M,text:E,button:P,notice:R}=(0,x.s)("outro",{title:e,subtitle:t,text:j,button:_,notice:k});return(0,s.jsxs)(c.A.Container,{direction:"column",alignItems:"center",justifyContent:"center",className:C,children:[v&&(0,s.jsx)(o.A,{src:v,alt:"",width:z,height:$}),(0,s.jsx)(c.A.Item,{width:n,children:(0,s.jsxs)(c.A.Container,{direction:"column",alignItems:"center",justifyContent:"center",children:[S&&(0,s.jsx)(d.A,{variant:"h2",align:"center",children:S}),M&&(0,s.jsx)(d.A,{variant:i,weight:a,color:"gray-75",align:"center",children:M}),E&&(0,s.jsx)(d.A,{variant:A,weight:"normal",className:r()(l().textColor),align:"center",children:E})]})}),P&&(0,s.jsx)(h.A,{reg:!0,qaId:L,analytics:{name:"connect button",place:"last screen"},children:(0,s.jsx)(m.A,{variant:w,size:"l",children:P})}),R&&(0,s.jsx)(g.A,{padding:[1,0,0],children:y?(0,s.jsx)(u.A,{decoration:"underline",href:y,color:"gray-75",children:R}):(0,s.jsx)(d.A,{color:"gray-75",children:R})}),I&&I]})}},19536:e=>{e.exports={screenMobileMax:"760px",screenTabletMax:"1225px",screenDesktopMin:"1226px",mediaMobile:'"max-width: 760px"',mediaMobileAndTablet:'"max-width: 1225px"',mediaTablet:'"min-width: 761px) and (max-width: 1225px"',mediaTabletAndDesktop:'"min-width: 761px"',mediaDesktop:'"min-width: 1226px"',mediaNarrowDesktop:'"(min-width: 1226px) and (max-width: 1388px)"',gridGap:"var(--grid-gap)",gridColumnsDefault:"12",greenGradient:"features_greenGradient__Cp3JS",stats__title:"features_stats__title__VaXMg",stats__icon:"features_stats__icon__I_CvL",stickySection:"features_stickySection__xHi8n",sliderItem:"features_sliderItem__L1WOp",sliderItem_active:"features_sliderItem_active__lyo9I",sliderContent:"features_sliderContent__SYn4k",videoColumn:"features_videoColumn__dXQIR",mediaLayer:"features_mediaLayer__vakLF",mediaLayer_active:"features_mediaLayer_active__AvbEC",mediaPoster:"features_mediaPoster__7XSGq",videoMedia:"features_videoMedia__DysHN",videoMedia_ready:"features_videoMedia_ready__vvoBK",mobileMediaViewport:"features_mobileMediaViewport__fzLUz",phone:"features_phone__NcrXZ",reliableIcon:"features_reliableIcon__tICvj",videoBlock:"features_videoBlock__b_IAd"}},24904:(e,t,i)=>{"use strict";i.r(t),i.d(t,{__N_SSG:()=>ee,default:()=>et});var s=i(96677),a=i(63864),r=i(76589),n=i(39033),l=i(17521),d=i(55560),c=i(93146),o=i(31610),h=i(33522),m=i(67711),p=i(58603);let u="intro_utm_source",g=()=>{let{Translation:e}=(0,o.A)(),{id:t}=(0,c.A)(),[i,a]=(0,n.useState)(null),r="i_sa"===t&&!!i;(0,n.useEffect)(()=>{let e=m.A.getParam("utm_source");if(e)p.A.set(u,e,{type:"sessionStorage"}),a(e);else{let e=p.A.get(u);e&&a(e)}},[]);let g=(0,n.useMemo)(()=>r?(0,s.jsx)(e,{i18nKey:"page.i_sa.intro.subtitle",components:{link:(0,s.jsx)(h.A,{href:`https://${i}`,target:"_blank",children:i})}}):null,[i,r,e]);return(0,s.jsx)(l.A,{padding:[3,0],children:(0,s.jsx)(d.A,{imageRatio:[130,130],imageSrc:"/images/pages/features/features.webp",isLeadForm:!0,subtitle:g,subtitleVariant:"default",disableFields:r?[]:["subtitle"]})})};var x=i(54818),j=i(74258);let A=()=>{let{t:e}=(0,o.A)(),t="/images/pages/features/",{l10n:i}=(0,j.A)(),a=Object.values(e("page.features.tabs.items")).map((e,s)=>({title:e.title,description:e.description,icon:`${t}tabs-item0${s+1}.svg`,media:{type:"video",src:`${t}item0${s+1}.${i}.mp4`}}));return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(l.A,{padding:[3,0,4.5],children:(0,s.jsx)(x.A,{items:a,gap:3,rightColumnSize:6,leftColumnSize:6})})})};var f=i(19536),v=i.n(f),b=i(27492),_=i.n(b),w=i(81849),I=i(83494),k=i(74064),y=i(96775),C=i(27820);let N=()=>{let{t:e,Translation:t}=(0,o.A)();return(0,s.jsxs)(l.A,{padding:[3,0,6],children:[(0,s.jsx)(k.A,{variant:"h2",children:e("page.features.dialogs.title")}),(0,s.jsx)(l.A,{padding:[1,0,2],children:(0,s.jsx)(k.A,{children:e("page.features.dialogs.text")})}),(0,s.jsxs)(y.A.Container,{columns:{desktop:3,mobile:1},children:[(0,s.jsx)(y.A.Item,{size:{desktop:2,mobile:1},children:(0,s.jsx)(I.A,{padding:[2,0,0,2],children:(0,s.jsx)(C.A.Container,{children:(0,s.jsx)(w.A,{src:"/images/pages/features/more-dialogs.webp",alt:"moreDialogsImage",width:775,height:628})})})}),(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{background:null,className:_()(v().greenGradient),children:[(0,s.jsx)(k.A,{color:"white",variant:"h4",children:e("page.features.chatbot.title")}),(0,s.jsx)(l.A,{padding:[1,0],children:(0,s.jsx)(k.A,{color:"white",children:(0,s.jsx)(t,{i18nKey:"page.features.chatbot.text",components:{link:(0,s.jsx)(h.A,{href:"https://developers.sber.ru/portal/solutions/chat-bot/site?smid=a336b8b36468f4b37bf65220b832821b6e8f68e99d3da2bd2d2e96050ad894e6&utm_campaign=smark_jivo-chat-site__&utm_source=jivo-ru&utm_medium=owned",target:"_blank",color:"white",decoration:"underline"})}})})}),(0,s.jsx)(w.A,{src:"/images/pages/features/chatbot.webp",alt:"chatbotImage",width:309,height:200})]})})]})]})};var z=i(88443);let $=({index:e})=>{let{t}=(0,o.A)();return(0,s.jsx)(y.A.Item,{size:{desktop:1,mobile:4},children:(0,s.jsx)(I.A,{padding:1,background:"gray-85",height:"auto",children:(0,s.jsxs)(C.A.Container,{children:[(0,s.jsx)(z.A,{alt:"",src:`/images/pages/features/reliable-item0${e}.svg`,width:72,height:72,className:_()(v().reliableIcon)}),(0,s.jsxs)(C.A.Item,{children:[(0,s.jsx)(l.A,{padding:[0,0,.5],children:(0,s.jsx)(k.A,{color:"white",weight:"semibold",children:t(`page.features.mobile.reliable.items.item0${e}.title`)})}),(0,s.jsx)(k.A,{variant:"small",color:"gray-35",children:t(`page.features.mobile.reliable.items.item0${e}.text`)})]})]})})})},L=()=>{let{t:e}=(0,o.A)(),{l10n:t}=(0,j.A)();return(0,s.jsxs)(l.A,{padding:[0,0,4],children:[(0,s.jsx)(l.A,{padding:[4,0,2],children:(0,s.jsx)(k.A,{variant:"h2",children:e("page.features.mobile.title")})}),(0,s.jsxs)(y.A.Container,{columns:{desktop:2,mobile:1},children:[(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{background:"gray-85",children:[(0,s.jsxs)(C.A.Container,{gap:.5,children:[(0,s.jsx)(z.A,{src:"/images/pages/features/stats-item01.svg",alt:"bag image",width:68,height:68,className:_()(v().stats__icon)}),(0,s.jsx)(k.A,{variant:"h1",className:_()(v().stats__title),children:e("page.features.mobile.stats.item01.title")})]}),(0,s.jsx)(l.A,{padding:[1,0,0],children:(0,s.jsx)(k.A,{color:"gray-35",children:e("page.features.mobile.stats.item01.text")})})]})}),(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{background:"gray-85",children:[(0,s.jsxs)(C.A.Container,{gap:.5,children:[(0,s.jsx)(z.A,{src:"/images/pages/features/stats-item02.svg",alt:"bag image",width:68,height:68,className:_()(v().stats__icon)}),(0,s.jsx)(k.A,{variant:"h1",className:_()(v().stats__title),children:e("page.features.mobile.stats.item02.title")})]}),(0,s.jsx)(l.A,{padding:[1,0,0],children:(0,s.jsx)(k.A,{color:"gray-35",children:e("page.features.mobile.stats.item02.text")})})]})})]}),(0,s.jsx)(l.A,{padding:[1,0,4],children:(0,s.jsxs)(y.A.Container,{columns:{desktop:3,mobile:1},children:[(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{background:"gray-85",height:"auto",children:[(0,s.jsx)(k.A,{variant:"h4",children:e("page.features.mobile.audie

1nce.title")}),(0,s.jsx)(l.A,{padding:[1,0,0],children:(0,s.jsx)(k.A,{color:"gray-35",children:e("page.features.mobile.audience.text")})})]})}),(0,s.jsx)(y.A.Item,{size:{desktop:2,mobile:1},children:(0,s.jsx)(I.A,{background:"gray-85",padding:[0,2,2,2],children:(0,s.jsx)(C.A.Container,{justifyContent:"center",children:(0,s.jsx)("video",{src:`/images/pages/features/mobile.${t}.mp4`,autoPlay:!0,playsInline:!0,muted:!0,loop:!0,preload:"metadata",height:"667",width:"500",className:_()(v().phone)})})})})]})}),(0,s.jsx)(k.A,{variant:"h3",children:e("page.features.mobile.reliable.title")}),(0,s.jsx)(l.A,{padding:[1,0,2],children:(0,s.jsx)(k.A,{color:"gray-35",children:e("page.features.mobile.reliable.text")})}),(0,s.jsx)(y.A.Container,{columns:3,children:Object.values(e("page.features.mobile.reliable.items")).map((e,t)=>(0,s.jsx)($,{index:t+1},t))})]})},S=()=>{let{t:e}=(0,o.A)(),{l10n:t}=(0,j.A)();return(0,s.jsxs)(l.A,{padding:[5,0,0],children:[(0,s.jsx)(k.A,{variant:"h2",children:e("page.features.app.title")}),(0,s.jsx)(l.A,{padding:[1,0,2],children:(0,s.jsx)(k.A,{children:e("page.features.app.text")})}),(0,s.jsxs)(y.A.Container,{columns:{desktop:3,mobile:1},children:[(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{children:[(0,s.jsx)(k.A,{variant:"h4",children:e("page.features.app.item01.title")}),(0,s.jsx)(l.A,{padding:[1,0,2],children:(0,s.jsx)(k.A,{children:e("page.features.app.item01.text")})}),(0,s.jsx)(z.A,{src:"/images/pages/features/app-item01.svg",alt:"appItem01Image",width:309,height:55})]})}),(0,s.jsx)(y.A.Item,{size:{desktop:2,mobile:1},children:(0,s.jsx)(I.A,{padding:[2,0,0,2],children:(0,s.jsx)(C.A.Container,{children:(0,s.jsx)("video",{src:`/images/pages/features/app-01.${t}.mp4`,autoPlay:!0,playsInline:!0,muted:!0,loop:!0,preload:"metadata",className:_()(v().videoBlock)})})})}),(0,s.jsx)(y.A.Item,{size:{desktop:2,mobile:1},children:(0,s.jsx)(I.A,{padding:[2,2,2,0],children:(0,s.jsx)(C.A.Container,{children:(0,s.jsx)("video",{src:`/images/pages/features/app-02.${t}.mp4`,autoPlay:!0,playsInline:!0,muted:!0,loop:!0,preload:"metadata",className:_()(v().videoBlock)})})})}),(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{height:"auto",children:[(0,s.jsx)(k.A,{variant:"h4",children:e("page.features.app.item02.title")}),(0,s.jsx)(l.A,{padding:[1,0,2],children:(0,s.jsx)(k.A,{children:e("page.features.app.item02.text")})}),(0,s.jsx)(z.A,{src:"/images/pages/features/app-item02.svg",alt:"appItem01Image",width:283,height:50})]})})]})]})};var M=i(47333);let E=()=>{let{t:e}=(0,o.A)(),t=(0,M.A)(),{l10n:i}=(0,j.A)();return(0,s.jsxs)(l.A,{padding:[5,0,0],children:[(0,s.jsx)(k.A,{variant:"h2",children:e("page.features.visitors.title")}),(0,s.jsx)(l.A,{padding:[2,0,1],children:(0,s.jsxs)(I.A,{children:[(0,s.jsx)(k.A,{variant:"h4",children:e("page.features.visitors.subtitle")}),(0,s.jsx)(l.A,{padding:[2,0],children:(0,s.jsx)(k.A,{color:"gray-75",children:e("page.features.visitors.text")})}),(0,s.jsx)(w.A,{src:`/images/pages/features/visitors${"desktop"!==t?"-mobile":""}.webp`,alt:"visitorsImage",width:1132,height:657})]})}),(0,s.jsxs)(y.A.Container,{columns:{desktop:3,mobile:1},children:[(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{height:"auto",children:[(0,s.jsx)(k.A,{variant:"h4",children:e("page.features.visitors.title")}),(0,s.jsx)(l.A,{padding:[1,0,2],children:(0,s.jsx)(k.A,{children:e("page.features.visitors.text")})}),(0,s.jsx)(z.A,{src:"/images/pages/features/emojis.webp",alt:"appItem01Image",width:232,height:76})]})}),(0,s.jsx)(y.A.Item,{size:{desktop:2,mobile:1},children:(0,s.jsx)(I.A,{padding:[2,2,2,0],children:(0,s.jsx)(C.A.Container,{children:(0,s.jsx)("video",{src:`/images/pages/features/app-03.${i}.mp4`,autoPlay:!0,playsInline:!0,muted:!0,loop:!0,preload:"metadata",className:_()(v().videoBlock)})})})})]})]})},P=()=>{let{t:e}=(0,o.A)(),t=(0,M.A)();return(0,s.jsxs)(l.A,{padding:[5,0,0],children:[(0,s.jsx)(k.A,{variant:"h2",children:e("page.features.controls.title")}),(0,s.jsx)(l.A,{padding:[1,0,2],children:(0,s.jsx)(k.A,{color:"gray-75",children:e("page.features.controls.text")})}),(0,s.jsxs)(y.A.Container,{columns:{desktop:3,mobile:1},children:[(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{background:null,className:_()(v().greenGradient),padding:0,children:[(0,s.jsxs)(l.A,{padding:2,children:[(0,s.jsx)(k.A,{color:"white",variant:"h4",children:e("page.features.controls.item01.title")}),(0,s.jsx)(l.A,{padding:[1,0,0],children:(0,s.jsx)(k.A,{color:"white",children:e("page.features.controls.item01.text")})})]}),(0,s.jsx)(l.A,{padding:[2,0,0,2],children:(0,s.jsx)(C.A.Container,{direction:"column",children:(0,s.jsx)(w.A,{src:"/images/pages/features/chart1.webp",alt:"stats chart",width:500,height:333})})})]})}),(0,s.jsx)(y.A.Item,{size:{desktop:2,mobile:1},children:(0,s.jsxs)(I.A,{children:[(0,s.jsx)(k.A,{variant:"h4",children:e("page.features.controls.item02.title")}),(0,s.jsx)(l.A,{padding:[1,0,2],children:(0,s.jsx)(k.A,{children:e("page.features.controls.item02.text")})}),(0,s.jsx)(C.A.Container,{children:(0,s.jsx)(w.A,{src:"/images/pages/features/chart3.webp",alt:"stats chart",width:706,height:409})})]})}),(0,s.jsx)(y.A.Item,{size:{desktop:2,mobile:1},children:(0,s.jsx)(I.A,{padding:[2,2,0,0],children:(0,s.jsx)(C.A.Container,{children:(0,s.jsx)(w.A,{src:`/images/pages/features/statistics${"desktop"!==t?"-mobile":""}.webp`,alt:"statistic image",width:786,height:500})})})}),(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{height:"auto",children:[(0,s.jsx)(k.A,{variant:"h4",children:e("page.features.controls.item03.title")}),(0,s.jsx)(l.A,{padding:[1,0,0],children:(0,s.jsx)(k.A,{children:e("page.features.controls.item03.text")})})]})})]})]})},R=()=>{let{t:e}=(0,o.A)();return(0,s.jsxs)(l.A,{padding:[5,0,0],children:[(0,s.jsx)(k.A,{variant:"h2",children:e("page.features.api.title")}),(0,s.jsx)(l.A,{padding:[1,0,2],children:(0,s.jsx)(k.A,{color:"gray-75",children:e("page.features.api.text")})}),(0,s.jsxs)(y.A.Container,{columns:{desktop:2,mobile:1},children:[(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{background:null,className:_()(v().greenGradient),children:[(0,s.jsx)(z.A,{src:"/images/pages/features/api1.svg",alt:"api",width:205,height:157,style:{height:"auto"}}),(0,s.jsx)(l.A,{padding:[2,0,1],children:(0,s.jsx)(k.A,{variant:"h4",color:"white",children:e("page.features.api.item01.title")})}),(0,s.jsx)(k.A,{color:"white",children:e("page.features.api.item01.text")})]})}),(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsxs)(I.A,{background:"gray-90",children:[(0,s.jsx)(z.A,{src:"/images/pages/features/api2.svg",alt:"webhooks",width:205,height:157,style:{height:"auto"}}),(0,s.jsx)(l.A,{padding:[2,0,1],children:(0,s.jsx)(k.A,{variant:"h4",color:"white",children:e("page.features.api.item02.title")})}),(0,s.jsx)(k.A,{color:"gray-35",children:e("page.features.api.item02.text")})]})})]})]})};var D=i(4989);let G=()=>(0,s.jsx)(l.A,{padding:[5,0,0],children:(0,s.jsx)(D.A,{})});var V=i(92349),B=i(22492);let F=()=>{let{t:e}=(0,o.A)(),{l10n:t}=(0,j.A)(),{win:i,mac:a,linux:r,android:n}=(0,V.UK)({locale:t});return(0,s.jsxs)(l.A,{padding:[6,0],children:[(0,s.jsx)(k.A,{align:"center",variant:"h5",children:e("page.features.download.title")}),(0,s.jsx)(l.A,{padding:[2,0,0],children:(0,s.jsxs)(y.A.Container,{columns:{desktop:2,mobile:1},children:[(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsx)(I.A,{children:(0,s.jsxs)(C.A.Container,{alignItems:"center",children:[(0,s.jsx)(k.A,{children:e("page.features.download-app.desktop.title")}),(0,s.jsx)(h.A,{href:i,children:e("page.features.download-app.desktop.items.item01.title")}),(0,s.jsx)(h.A,{href:a,children:e("page.features.download-app.desktop.items.item02.title")}),(0,s.jsx)(h.A,{href:r,children:e("page.features.download-app.desktop.items.item03.title")})]})})}),(0,s.jsx)(y.A.Item,{size:1,children:(0,s.jsx)(I.A,{children:(0,s.jsxs)(C.A.Container,{alignItems:"center",children:[(0,s.jsx)(k.A,{children:e("page.features.download-app.mobile.title")}),(0,s.jsx)(B.A,{reg:!0,children:e("page.features.download-app.mobile.items.item01.title")}),(0,s.jsx)(h.A,{href:n,children:e("page.features.download-app.mobile.items.item02.title")})]})})})]})})]})};var O=i(55527);let K=e=>

1{let t=e.match(/video-item(\d+)\.webm/);return t&&t[1]?`/images/pages/features/slider-item${t[1]}.webp`:e.replace(".webm",".webp").replace("video-item","slider-item")},T=()=>{let e=(0,n.useRef)(null),[t,i]=(0,n.useState)(!1),[s,a]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let t=e.current;if(!t)return;if(!("IntersectionObserver"in window)){i(!0),a(!0);return}let s=new IntersectionObserver(([e])=>{e.isIntersecting&&(i(!0),s.disconnect())},{rootMargin:"400px 0px"}),r=new IntersectionObserver(([e])=>a(e.isIntersecting&&e.intersectionRatio>=.6),{threshold:.6});return s.observe(t),r.observe(t),()=>{s.disconnect(),r.disconnect()}},[]),{elementRef:e,isNearViewport:t,isVisible:s}},X=(e,t,i)=>{let[s,a]=(0,n.useState)(()=>new Set);return(0,n.useEffect)(()=>{i&&a(i=>{let s=new Set(i),a=s.size;return s.add(e),e+1<t&&s.add(e+1),s.size===a?i:s})},[e,i,t]),s},q=({item:e,isActive:t,shouldLoadPoster:i,shouldLoadVideo:a,shouldPlay:r})=>{let l=(0,n.useRef)(null),d=(0,n.useRef)(!1),[c,o]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{a||o(!1)},[a]),(0,n.useEffect)(()=>{let e=l.current;if(e){if(!r){e.pause(),d.current=!1;return}d.current||(e.currentTime=0,d.current=!0),e.play().catch(()=>{})}},[c,r]),(0,s.jsxs)("div",{className:_()(v().mediaLayer,{[v().mediaLayer_active]:t}),"aria-hidden":!t,children:[i&&(0,s.jsx)(z.A,{src:K(e.video),alt:"",fill:!0,sizes:"(min-width: 1226px) 500px, 100vw",className:v().mediaPoster}),a&&(0,s.jsx)("video",{ref:l,src:e.video,playsInline:!0,muted:!0,loop:!0,preload:"auto",controls:!1,"aria-hidden":"true",onLoadedData:()=>o(!0),onError:()=>o(!1),className:_()(v().videoMedia,{[v().videoMedia_ready]:c})})]})},H=({item:e,isActive:t,shouldLoadPoster:i})=>(0,s.jsx)("div",{className:_()(v().mediaLayer,{[v().mediaLayer_active]:t}),"aria-hidden":!t,children:i&&(0,s.jsx)(z.A,{src:K(e.video),alt:e.title,fill:!0,sizes:"(min-width: 1226px) 500px, 100vw",className:v().mediaPoster})}),U=({item:e,canPlayMedia:t})=>{let{elementRef:i,isNearViewport:a,isVisible:r}=T(),[l,d]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{a&&t&&d(!0)},[t,a]),(0,s.jsx)("div",{ref:i,className:v().mobileMediaViewport,children:(0,s.jsx)(q,{item:e,isActive:!0,shouldLoadPoster:a,shouldLoadVideo:l,shouldPlay:r&&t})})},W=({item:e})=>{let{elementRef:t,isNearViewport:i}=T();return(0,s.jsx)("div",{ref:t,className:v().mobileMediaViewport,children:(0,s.jsx)(H,{item:e,isActive:!0,shouldLoadPoster:i})})},J=({title:e,description:t,icon:i,video:a,isActive:r,isSafari:n,canPlayMedia:d})=>{let c=(0,M.A)(),o={title:e,description:t,icon:i,video:a};return(0,s.jsx)("div",{className:_()(v().sliderItem,{[v().sliderItem_active]:r}),children:(0,s.jsx)("div",{className:_()(v().sliderContent),children:(0,s.jsxs)(C.A.Container,{direction:{desktop:"row",mobile:"column",tablet:"column"},alignItems:{mobile:"center",tablet:"center"},children:[(0,s.jsx)(C.A.Item,{shrink:0,grow:0,children:(0,s.jsx)(z.A,{alt:"",src:i,width:81,height:80})}),(0,s.jsxs)(C.A.Item,{children:[(0,s.jsx)(k.A,{variant:"h3",align:"desktop"!==c?"center":null,children:e}),(0,s.jsx)(l.A,{padding:[.7,0,0],children:(0,s.jsx)(k.A,{align:"desktop"!==c?"center":null,color:"gray-75",children:t})})]}),"desktop"!==c&&(0,s.jsx)(C.A.Item,{width:"100%",children:(0,s.jsx)("div",{className:_()(v().videoColumn),children:n?(0,s.jsx)(W,{item:o}):(0,s.jsx)(U,{item:o,canPlayMedia:d})})})]})})})},Q=({items:e,activeIndex:t,canPlayMedia:i})=>{let{elementRef:a,isNearViewport:r,isVisible:n}=T(),l=X(t,e.length,r),d=X(t,e.length,r&&i);return(0,s.jsx)("div",{ref:a,className:_()(v().videoColumn),children:e.map((e,a)=>(0,s.jsx)(q,{item:e,isActive:a===t,shouldLoadPoster:l.has(a),shouldLoadVideo:d.has(a),shouldPlay:a===t&&n&&i},e.video))})},Y=({items:e,activeIndex:t})=>{let{elementRef:i,isNearViewport:a}=T(),r=X(t,e.length,a);return(0,s.jsx)("div",{ref:i,className:_()(v().videoColumn),children:e.map((e,i)=>(0,s.jsx)(H,{item:e,isActive:i===t,shouldLoadPoster:r.has(i)},e.video))})},Z=()=>{let{t:e}=(0,o.A)(),[t,i]=(0,n.useState)(0),a=(0,n.useRef)([]),r=(0,n.useRef)(0),d=(0,M.A)(),c=(0,n.useMemo)(()=>{let t;return t="/images/pages/features/",[{title:e("page.features.slider.item1.title"),description:e("page.features.slider.item1.description"),video:`${t}video-item01.webm`,icon:`${t}slider-icon01.svg`},{title:e("page.features.slider.item2.title"),description:e("page.features.slider.item2.description"),video:`${t}video-item02.webm`,icon:`${t}slider-icon02.svg`},{title:e("page.features.slider.item3.title"),description:e("page.features.slider.item3.description"),video:`${t}video-item03.webm`,icon:`${t}slider-icon03.svg`},{title:e("page.features.slider.item4.title"),description:e("page.features.slider.item4.description"),video:`${t}video-item04.webm`,icon:`${t}slider-icon04.svg`},{title:e("page.features.slider.item5.title"),description:e("page.features.slider.item5.description"),video:`${t}video-item05.webm`,icon:`${t}slider-icon05.svg`}]},[e]),h=(()=>

1{let[e,t]=(0,n.useState)(!0);return(0,n.useEffect)(()=>{t(/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||navigator.userAgent.includes("AppleWebKit")&&!navigator.userAgent.includes("Chrome"))},[]),e})(),m=(()=>{let[e,t]=(0,n.useState)(!0),[i,s]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),i=()=>t(!document.hidden),a=()=>s(e.matches);return i(),a(),document.addEventListener("visibilitychange",i),e.addEventListener("change",a),()=>{document.removeEventListener("visibilitychange",i),e.removeEventListener("change",a)}},[]),e&&!i})(),p=(0,n.useCallback)(()=>{cancelAnimationFrame(r.current),r.current=requestAnimationFrame(()=>{let e=.5*window.innerHeight;for(let t=a.current.length-1;t>=0;t--){let s=a.current[t];if(s&&s.getBoundingClientRect().top<=e){i(t);break}}})},[]);return(0,n.useEffect)(()=>{if("desktop"===d)return window.addEventListener("scroll",p,{passive:!0}),p(),()=>{window.removeEventListener("scroll",p),cancelAnimationFrame(r.current)}},[d,p]),(0,s.jsx)(l.A,{padding:[0,0,0],className:_()(v().stickySection),children:(0,s.jsxs)(y.A.Container,{columns:{desktop:2,tablet:1,mobile:1},gap:4,children:[(0,s.jsx)(y.A.Item,{size:1,children:c.map((e,i)=>(0,s.jsx)("div",{ref:e=>{a.current[i]=e},children:(0,s.jsx)(J,{...e,isActive:t===i,isSafari:h,canPlayMedia:m})},e.video))}),"desktop"===d&&(0,s.jsx)(y.A.Item,{size:1,children:h?(0,s.jsx)(Y,{items:c,activeIndex:t}):(0,s.jsx)(Q,{items:c,activeIndex:t,canPlayMedia:m})})]})})};var ee=!0;let et=({pageName:e="features"})=>{let{l10n:t}=(0,j.A)();return(0,s.jsxs)(a.A,{id:e,children:[(0,s.jsxs)(r.A,{children:[(0,s.jsx)(g,{}),"ru"===t?(0,s.jsx)(Z,{}):(0,s.jsx)(A,{}),(0,s.jsx)(N,{})]}),(0,s.jsx)(O.A,{variant:"dark",children:(0,s.jsx)(r.A,{children:(0,s.jsx)(L,{})})}),(0,s.jsxs)(r.A,{children:[(0,s.jsx)(S,{}),(0,s.jsx)(E,{}),(0,s.jsx)(P,{}),(0,s.jsx)(R,{}),(0,s.jsx)(G,{}),(0,s.jsx)(F,{})]})]})}}}]);