https://www.jivochat.co.id/_next/static/chunks/pages/apps-deecbc677057dde4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13880],{985: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",selector:"jv-theme",container:"input_container__LBn6j",input:"input_input__qPUyE",input_size:"input_input_size__yHnAQ",input_size_xs:"input_input_size_xs__1LCd9",input_size_s:"input_input_size_s__DWwKt",input_size_m:"input_input_size_m__hf18J",input_size_l:"input_input_size_l__3qbGA",input_variant_rounded:"input_input_variant_rounded__c5KH3",input_variant_blue:"input_input_variant_blue__scIvH",input_variant_green:"input_input_variant_green__hFuvZ",input_error:"input_input_error__FuTSY",input_textarea:"input_input_textarea__xxFvm",fileInputContainer:"input_fileInputContainer__bluCf",disabled:"input_disabled__c5aOV",fileInput:"input_fileInput__6ky_3",fileInputButton:"input_fileInputButton__JBPM1",fileNameDisplay:"input_fileNameDisplay__O4ctz"}}

1,4989:(e,t,n)=>{"use strict";n.d(t,{A:()=>g});var i=n(96677),a=n(27492),r=n.n(a),s=n(83913),l=n.n(s),o=n(74064),d=n(27820),p=n(88443),c=n(22492),u=n(66374),m=n(93146),h=n(33522),x=n(17521),_=n(23474);let g=({title:e,subtitle:t,subtitleVariant:n="h5",subtitleWeight:a="normal",width:s="100%",text:g,textVariant:j,qaId:A,imageSrc:b,imageRatio:f=[130,130],buttonLabel:w,buttonVariant:v="accent",extraBlocks:y,notice:k,noticeLink:C,className:N})=>{let{id:I}=(0,m.A)(),[z,M]=f,$=A||`${I}_button_last_screen`,{title:D,subtitle:E,text:T,button:S,notice:q}=(0,_.s)("outro",{title:e,subtitle:t,text:g,button:w,notice:k});return(0,i.jsxs)(d.A.Container,{direction:"column",alignItems:"center",justifyContent:"center",className:N,children:[b&&(0,i.jsx)(p.A,{src:b,alt:"",width:z,height:M}),(0,i.jsx)(d.A.Item,{width:s,children:(0,i.jsxs)(d.A.Container,{direction:"column",alignItems:"center",justifyContent:"center",children:[D&&(0,i.jsx)(o.A,{variant:"h2",align:"center",children:D}),E&&(0,i.jsx)(o.A,{variant:n,weight:a,color:"gray-75",align:"center",children:E}),T&&(0,i.jsx)(o.A,{variant:j,weight:"normal",className:r()(l().textColor),align:"center",children:T})]})}),S&&(0,i.jsx)(c.A,{reg:!0,qaId:$,analytics:{name:"connect button",place:"last screen"},children:(0,i.jsx)(u.A,{variant:v,size:"l",children:S})}),q&&(0,i.jsx)(x.A,{padding:[1,0,0],children:C?(0,i.jsx)(h.A,{decoration:"underline",href:C,color:"gray-75",children:q}):(0,i.jsx)(o.A,{color:"gray-75",children:q})}),y&&y]})}},9056:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSG:()=>K,default:()=>L});var i=n(96677),a=n(63864),r=n(76589),s=n(94738),l=n.n(s),o=n(27492),d=n.n(o),p=n(17521),c=n(31610),u=n(88443),m=n(55560);let h=()=>{let{t:e}=(0,c.A)();return(0,i.jsxs)(p.A,{padding:[5,0,0],className:d()(l().container),children:[(0,i.jsx)(m.A,{title:e("page.apps.intro-new.title"),subtitle:e("page.apps.intro-new.text"),text:null}),(0,i.jsx)(u.A,{height:361,width:626,src:"/images/pages/apps/image01.webp",className:d()(l().floatImage),alt:""})]})};var x=n(66374),_=n(74064),g=n(83494),j=n(39033),A=n(96775),b=n(27820),f=n(33522),w=n(92349),v=n(74258);let y=()=>{let{t:e}=(0,c.A)(),{l10n:t}=(0,v.A)(),[n,a]=(0,j.useState)(),{win:r,win_msi:s,mac:l,linux:o}=(0,w.UK)({locale:t});(0,j.useEffect)(()=>{let e=[{device:"linux",platform:/Linux/},{device:"win",platform:/Windows NT/},{device:"mac",platform:/Macintosh/}].find(e=>e.platform.test(navigator.userAgent));e&&a(e)},[]);let d=({name:t,href:a})=>(0,i.jsx)(A.A.Item,{size:1,children:(0,i.jsxs)(b.A.Container,{direction:"column",children:[(0,i.jsx)(u.A,{src:`/images/pages/apps/icon-${t}.svg`,width:100,height:"mac"===t?99:100,alt:""}),(0,i.jsx)(x.A,{href:a,variant:t===n?.device?"primary":"accent",qaId:t,children:e(`page.apps.btn.${t}`)}),"win"===t&&(0,i.jsx)(_.A,{align:"center",children:(0,i.jsx)(f.A,{href:s,color:"gray-50",qaId:"msi",children:e("page.apps.btn.msi")})})]})});return(0,i.jsx)(p.A,{padding:[5,0],children:(0,i.jsxs)(g.A,{padding:2,children:[(0,i.jsx)(_.A,{variant:"h4",children:e("page.apps.systems.title")}),(0,i.jsx)(A.A.Container,{children:(0,i.jsx)(A.A.Item,{size:{desktop:8,mobile:12},children:(0,i.jsx)(p.A,{padding:[1,0,0],children:(0,i.jsx)(_.A,{color:"gray-75",children:e("page.apps.systems.text")})})})}),(0,i.jsx)(p.A,{padding:[2,0,0],children:(0,i.jsxs)(A.A.Container,{columns:{desktop:3,mobile:1},gap:{desktop:5,mobile:1},children:[(0,i.jsx)(d,{href:r,name:"win"}),(0,i.jsx)(d,{href:l,name:"mac"}),(0,i.jsx)(d,{href:o,name:"linux"})]})})]})})};var k=n(47333);let C=()=>{let{t:e}=(0,c.A)(),t=(0,k.A)(),{l10n:n}=(0,v.A)(),{android:a,huawei:r,rustore:s}=(0,w.UK)({locale:n,source:"website"}),l=({name:e,href:t})=>(0,i.jsx)(x.A,{href:t,variant:"accent",target:"_blank",children:(0,i.jsx)(u.A,{src:"huawei"===e?`/images/pages/apps/button-${e}-${"ru"===n?"ru":"en"}.svg`:`/images/pages/apps/button-${e}.svg`,width:135,height:"android"===e?31:35,alt:""})});return(0,i.jsx)(g.A,{padding:{desktop:[2,0,0,2],mobile:[2,2,0,2]},children:(0,i.jsxs)(A.A.Container,{children:[(0,i.jsxs)(A.A.Item,{size:{desktop:6,mobile:12,tablet:12}

1,children:[(0,i.jsx)(_.A,{variant:"h4",children:e("page.apps.devices-new.title")}),(0,i.jsx)(p.A,{padding:[1,0],children:(0,i.jsx)(_.A,{color:"gray-75",children:e("page.apps.devices-new.description")})}),(0,i.jsxs)(b.A.Container,{wrap:"wrap",children:[(0,i.jsx)(l,{name:"android",href:a}),(0,i.jsx)(l,{name:"huawei",href:r}),"ru"===n&&(0,i.jsx)(l,{name:"rustore",href:s})]})]}),(0,i.jsx)(A.A.Item,{size:{desktop:6,mobile:12,tablet:12},children:(0,i.jsx)(b.A.Container,{justifyContent:"end",children:(0,i.jsx)(u.A,{src:`/images/pages/apps/jivo-iphone-${"desktop"===t?"desktop":"mobile"}.webp`,width:480,height:"desktop"===t?550:314,alt:""})})})]})})};var N=n(59308),I=n(97401),z=n(54487),M=n.n(z);let $="https://www.jivo.ru/help/agentapp/jivo-v-mobilnom-brauzere/",D=()=>{let{t:e,Translation:t}=(0,c.A)(),{l10n:n}=(0,v.A)(),{isLoaded:a}=(0,I.A)(),r="ru"===n,{browser:s}=(0,w.UK)({locale:n}),l=new URL(s).hostname,o=({platform:n})=>(0,i.jsxs)("div",{children:[(0,i.jsx)(_.A,{variant:"h5",weight:"semibold",children:e(`page.apps.mobile-browser.${n}.title`)}),(0,i.jsx)("ol",{className:M().steps,children:Array.from({length:6},(a,r)=>(0,i.jsx)("li",{children:(0,i.jsx)(_.A,{color:"gray-75",children:1===r?(0,i.jsx)(t,{i18nKey:`page.apps.mobile-browser.${n}.step2`,components:{app:(0,i.jsx)(f.A,{href:s,target:"_blank",decoration:"underline",children:l})}}):e(`page.apps.mobile-browser.${n}.step${r+1}`)})},r))}),r&&(0,i.jsx)(f.A,{href:$,target:"_blank",color:"gray-75",decoration:"underline",children:e("page.apps.mobile-browser.full-instruction")})]});return(0,i.jsx)(p.A,{padding:[5,0,0],children:(0,i.jsxs)(g.A,{padding:2,"data-qa-id":"mobile-browser-app",children:[(0,i.jsx)(_.A,{variant:"h4",children:e("page.apps.mobile-browser.title")}),(0,i.jsx)(p.A,{padding:[2,0,0],children:(0,i.jsxs)(A.A.Container,{columns:{desktop:2,mobile:1},gap:{desktop:4,mobile:2},children:[(0,i.jsx)(A.A.Item,{size:1,children:(0,i.jsx)(o,{platform:"iphone"})}),(0,i.jsx)(A.A.Item,{size:1,children:(0,i.jsx)(o,{platform:"android"})})]})}),a&&(0,i.jsx)(p.A,{padding:[2,0,0],children:(0,i.jsx)(_.A,{color:"gray-75",children:(0,i.jsx)(t,{i18nKey:"page.apps.mobile-browser.support",components:{chat:(0,i.jsx)(f.A,{native:!0,href:"#",decoration:"underline",onClick:e=>{e.preventDefault(),N.Ay.open()}})}})})}),r&&(0,i.jsx)(p.A,{padding:[1,0,0],children:(0,i.jsx)(x.A,{href:$,variant:"primary",target:"_blank",children:e("page.apps.mobile-browser.button")})})]})})};var E=n(81849),T=n(22492);let S=()=>{let{t:e}=(0,c.A)(),t=(0,k.A)();return(0,i.jsx)(p.A,{padding:[5,0,0],children:(0,i.jsx)(g.A,{padding:{desktop:[2,2,2,0],mobile:2},children:(0,i.jsxs)(A.A.Container,{columns:{desktop:2,mobile:1},gap:2,children:["desktop"===t&&(0,i.jsx)(A.A.Item,{size:1,children:(0,i.jsx)(E.A,{src:"/images/pages/apps/app-desktop.webp",alt:"",width:481,height:448})}),(0,i.jsxs)(A.A.Item,{size:1,alignSelf:"center",children:[(0,i.jsx)(_.A,{variant:"h4",children:e("page.apps.try-jivo.title")}),"desktop"!==t&&(0,i.jsx)(p.A,{padding:[1,0],children:(0,i.jsx)(E.A,{src:"/images/pages/apps/app-mobile.webp",alt:"",width:350,height:190})}),(0,i.jsx)(p.A,{padding:[1,0],children:(0,i.jsx)(_.A,{color:"gray-75",children:e("page.apps.try-jivo.description")})}),(0,i.jsx)(b.A.Container,{children:["chrome","firefox","edge","safari"].map(e=>(0,i.jsx)(u.A,{alt:"",src:`/images/pages/apps/browser-${e}.svg`,height:48,width:48},e))}),(0,i.jsx)(p.A,{padding:[1,0,0],children:(0,i.jsx)(T.A,{children:(0,i.jsx)(x.A,{children:e("page.apps.btn.web")})})})]})]})})})};var q=n(4989);let F=()=>{let{t:e}=(0,c.A)();return(0,i.jsx)(p.A,{padding:[5,0],children:(0,i.jsx)(q.A,{title:e("page.apps.try-now.title"),buttonLabel:e("page.apps.try-now.connection"),notice:e("common.form.try-now-trial"),qaId:"connect-btn-outro"})})};var K=!0;let L=()=>(0,i.jsx)(a.A,{id:"apps",children:(0,i.jsxs)(r.A,{children:[(0,i.jsx)(h,{}),(0,i.jsx)(y,{}),(0,i.jsx)(C,{}),(0,i.jsx)(D,{}),(0,i.jsx)(S,{}),(0,i.jsx)(F,{})]})})},12844:(e,t,n)=>{"use strict";n.d(t,{A:()=>u});var i=n(96677),a=n(39033),r=n(47003),s=n(985),l=n.n(s),o=n(27492),d=n.n(o),p=n(20962);let c=(0,a.forwardRef)(function(e,t){return(0,i.jsx)("input",{ref:t,...e})}),u=({type:e="text",id:t,name:n,className:s="",required:o=!1,value:u="",placeholder:m="",label:h="",size:x="m",width:_="100%",variant:g=null,focused:j=!1,disabled:A=!1,error:b=!1,noValidate:f=!1,mask:w="",onFocus:v,onBlur:y,onChange:k,...C})=>{let[N,I]=(0,a.useState)(u??""),[z,M]=(0,a.useState)(""),[$,D]=(0,a.useState)(!1);(0,a.useEffect)(()=>{I(u),D(!1)},[u]);let E=t=>{let n=t.target,i=n.value;"tel"!==e||w||(i=i.replace(/[^\d+\-() ]/g,""))!==n.value&&(n.value=i),I(i),!f&&$&&n.checkValidity()&&D(!1),k&&k(t)},T=e=>{let t=e.target;f||(t.value?D(!t.checkValidity()):D(!1)),y&&y(e)},S=()=>{f||D(!0)},q=b||$,F=d()(l().container,{[l().container_error]:q}),K=d()(l().input,l()[`input_size_${x}`],{[l()[`input_variant_${g}`]]:null!==g,[l().input_active]:N,[l().input_error]:q},s),L=f?void 0:(()=>

1{if(C.pattern)return C.pattern;switch(e){case"tel":return p.uN;case"email":return p.GX;default:return}})(),U=w.replace(/9/g,"_");return"file"===e?(0,i.jsxs)("label",{htmlFor:t,className:d()(l().fileInputContainer,s,{[l().disabled]:A}),children:[(0,i.jsx)("span",{className:l().fileInputButton,children:h}),(0,i.jsx)("span",{className:l().fileNameDisplay,children:z||m||"No file chosen"}),(0,i.jsx)("input",{type:"file",id:t,name:n,className:l().fileInput,onChange:e=>{e.target.files&&e.target.files.length>0?M(e.target.files[0].name):M(""),k&&k(e)},disabled:A,...C})]}):(0,i.jsx)("label",{className:F,style:{width:_},children:w?(0,i.jsx)(r.A,{component:c,type:e,id:t,name:n,required:o,className:K,value:N,autoFocus:j,disabled:A,onFocus:v,onChange:E,onBlur:T,onInvalid:S,mask:U,replacement:{_:/\d/},placeholder:m,pattern:L,inputMode:"tel"===e?"tel":void 0,...C}):(0,i.jsx)("input",{type:e,id:t,name:n,required:o,className:K,value:N,autoFocus:j,disabled:A,onFocus:v,onChange:E,onBlur:T,onInvalid:S,placeholder:m,pattern:L,inputMode:"tel"===e?"tel":void 0,...C})})}}

1,20962:(e,t,n)=>{"use strict";n.d(t,{DT:()=>s,FY:()=>r,GX:()=>a,uN:()=>i});let i="^[\\s\\(\\)\\-+]*([0-9][\\s\\(\\)\\-+]*){6,15}$",a="^[A-Za-z0-9.+_\\-]+@[A-Za-z0-9.\\-]+$",r=e=>new RegExp(i).test(e),s=e=>!!e.length&&new RegExp(a).test(e)},23474:(e,t,n)=>{"use strict";n.d(t,{s:()=>r});var i=n(31610),a=n(93146);let r=(e,t)=>{let{t:n}=(0,i.A)(),{id:r}=(0,a.A)(),s={title:"",subtitle:"",text:"",button:"",placeholder:"",notice:""};return Object.keys(t).forEach(i=>{let a=t[i],l=`${e}.${i}`;s[i]=(a||n(`page.${r}.${l}`,{},{warnings:!1}))??""}),s}},42847: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",container:"leadform_container__adUgn",leadform__wrapper:"leadform_leadform__wrapper__ksEAo",leadform__input_container:"leadform_leadform__input_container__t21Vm",leadform__button_wrapper:"leadform_leadform__button_wrapper__hCxew",leadform__button_container:"leadform_leadform__button_container__FbeoK",leadform__input:"leadform_leadform__input__2z5pW",leadform__button:"leadform_leadform__button__uzDuK"}},54487:e=>{e.exports={steps:"mobile-browser_steps__Zt5RC"}},55560:(e,t,n)=>{"use strict";n.d(t,{A:()=>g});

1var i=n(96677),a=n(27492),r=n.n(a),s=n(83913),l=n.n(s),o=n(74064),d=n(27820),p=n(88443),c=n(81849),u=n(22492),m=n(66374),h=n(99562),x=n(93146),_=n(23474);let g=({title:e,subtitle:t,isLeadForm:n,isLocImage:a=!1,text:s,textVariant:g,subtitleVariant:j="h5",imageSrc:A,imageRatio:b=[130,130],buttonLabel:f,buttonVariant:w="primary",qaId:v,onClick:y,placeholder:k,extraBlocks:C,disableFields:N=[],registrationRedirectPath:I})=>{let{id:z}=(0,x.A)(),[M,$]=b,D=v||`${z}_button_1st_screen`,{title:E,subtitle:T,text:S,button:q,placeholder:F}=(0,_.s)("intro",{title:e,subtitle:t,text:s,button:f,placeholder:k}),K=q&&!(n||y),L={src:A,alt:"",width:M,height:$};return(0,i.jsxs)(d.A.Container,{direction:"column",alignItems:"center",justifyContent:"center",children:[A&&(a?(0,i.jsx)(c.A,{...L}):(0,i.jsx)(p.A,{...L})),!N.includes("title")&&E&&(0,i.jsx)(o.A,{variant:"h1",tag:"h1",align:"center",children:E}),!N.includes("subtitle")&&T&&(0,i.jsx)(o.A,{variant:j,weight:"normal",color:"gray-75",align:"center",className:r()(l().textColor),children:T}),!N.includes("text")&&S&&(0,i.jsx)(o.A,{variant:g,weight:"normal",className:r()(l().textColor),align:"center",children:S}),!N.includes("button")&&K&&(0,i.jsx)(u.A,{qaId:D,reg:!0,analytics:{name:"connect button",place:"first screen"},children:(0,i.jsx)(m.A,{size:"l",variant:w,children:q})}),!N.includes("button")&&y&&(0,i.jsx)(m.A,{size:"l",onClick:y,variant:w,children:q}),C&&C,!N.includes("leadForm")&&n&&(0,i.jsx)(h.A,{placeholder:F,buttonLabel:q,registrationRedirectPath:I})]})}},76515:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/apps",function(){return n(9056)}])},81849:(e,t,n)=>{"use strict";n.d(t,{A:()=>d});var i=n(96677),a=n(39033),r=n(24734),s=n(88443),l=n(74258);let o=(e,t)=>{let n=e.lastIndexOf(".");return`${e.slice(0,n)}.${t}${e.slice(n)}`},d=({src:e,l10n:t,...n})=>{let{l10n:d}=(0,l.A)(),p=t??d,c=(0,a.useMemo)(()=>[o(e,p),o(e,r.q),e],[e,p]),[u,m]=(0,a.useState)(0);(0,a.useEffect)(()=>{m(0)},[e,p]);let h=c[u];return(0,i.jsx)(s.A,{src:h,...n,onError:()=>{m(e=>e<c.length-1?e+1:e)}},h)}},83913:e=>{e.exports={selector:"jv-theme",textColor:"common_textColor__4SXM4"}},94738: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)"',container:"apps_container__b18Wz",floatImage:"apps_floatImage__KPxbY"}},97401:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});var i=n(39033),a=n(59308);let r=()=>{let[e,t]=(0,i.useState)(!1),[n,r]=(0,i.useState)(null);return(0,i.useEffect)(()=>{if(void 0!==window.jivo_api){t(!0),r(window.jivo_api);return}let e=e=>{t(!0),r(e.detail)};return"u">typeof document&&document.addEventListener(a.Sz,e),()=>{"u">typeof document&&document.removeEventListener(a.Sz,e)}},[]),{isLoaded:e,isAvailable:e&&null!==n,api:n}}},99562:(e,t,n)=>{"use strict";n.d(t,{A:()=>_});var i=n(96677),a=n(27820),r=n(39033),s=n(27492),l=n.n(s),o=n(42847),d=n.n(o),p=n(66374),c=n(67711),u=n(12844),m=n(63526),h=n(1359),x=n(1747);let _=({placeholder:e,buttonLabel:t,buttonContainerClassName:n,registrationRedirectPath:s})=>{let o=(0,m.useRouter)(),{endpoints:_,params:g}=(0,h.A)(),{registrationParams:j={}}=(0,r.useContext)(x.N)??{},[A,b]=(0,r.useState)("");return(0,i.jsx)(a.A.Container,{justifyContent:"center",className:d().container,children:(0,i.jsx)("form",{className:d().leadform__wrapper,onSubmit:e=>{if(e.preventDefault(),s){let e=c.A.constructUri({origin:s,params:A?{email:A}:null,encode:!1});o.push(e);return}let t=c.A.constructUri({origin:_?.reg,params:{email:A,...g,...j},encode:!1});o.push(t)},action:"#",method:"get",noValidate:!0,children:(0,i.jsxs)("div",{className:d().leadform__input_container,children:[(0,i.jsx)(u.A,{type:"email",name:"email",size:"l",variant:"green",noValidate:!0,className:d().leadform__input,autoComplete:"off",placeholder:e,onChange:e=>{e.preventDefault(),b(e.target.value)}}),(0,i.jsx)("div",{className:d().leadform__button_wrapper,children:(0,i.jsx)(p.A,{variant:"primary",fullWidth:{mobile:!0,tablet:!0,desktop:!1},className:d().leadform__button,type:"submit",buttonContainerClassName:l()(d().leadform__button_container,n),children:t})})]})})})}}},e=>{e.O(0,[18511,21680,47003,96150,90636,46593,38792],()=>e(e.s=76515)),_N_E=e.O()}]);