2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
"use strict";(self.webpackChunktelegram_t=self.webpackChunktelegram_t||[]).push([[3041],{51133:(e,t,n)=>{n.r(t),n.d(t,{AuthCode:()=>v,AuthPassword:()=>f,AuthRegister:()=>y});var a=n(14050),r=n(33555),o=n(77361),l=n(60782),s=n(32340),i=n(46590),c=n(59107),d=n(97687),m=n(34288),u=n(83716),h=n(69332),Z=n(97799);const g=o.wB?u.qp:u.z7,p=(0,a.X$)((e=>{let{code:t,codeLength:n,trackingDirection:r,isTracking:o,isBig:l}=e;const[s,i]=(0,a.eJ)(),[c,d]=(0,a.eJ)(),[m,p]=(0,a.eJ)(!1),v=165/n;(0,a.d4)((()=>{s||(0,h.Z)("MonkeyIdle").then(i)}),[s]),(0,a.d4)((()=>{c||(0,h.Z)("MonkeyTracking").then(d)}),[c]);const E=(0,a.I4)((()=>p(!0)),[]);return a.ZP.createElement("div",{id:"monkey",className:l?"big":""},!m&&a.ZP.createElement("div",{className:"monkey-preview"}),s&&a.ZP.createElement(Z.Z,{id:"idleMonkey",size:l?u.K2:g,className:o?"hidden":void 0,animationData:s,play:!o,onLoad:E}),c&&a.ZP.createElement(Z.Z,{id:"trackingMonkey",size:l?u.K2:g,className:o?"shown":"hidden",animationData:c,playSegment:o?function(){const e=t&&t.length>1||r<0?15+v*(t.length-1):0,a=t.length===n?180:15+v*t.length;return r<1?[a,e]:[e,a]}():void 0,speed:2,noLoop:!0}))})),v=(0,a.X$)((0,r.c$)((e=>(0,l.ei)(e,["authPhoneNumber","authIsCodeViaApp","authIsLoading","authError"])))((e=>{let{authPhoneNumber:t,authIsCodeViaApp:n,authIsLoading:l,authError:u}=e;const{setAuthCode:h,returnToAuthPhoneNumber:Z,clearAuthError:g}=(0,r.Sv)(),v=(0,c.Z)(),E=(0,a.sO)(null),[P,f]=(0,a.eJ)(""),[b,N]=(0,a.eJ)(!1),[y,C]=(0,a.eJ)(1);(0,a.d4)((()=>{o.$b||E.current.focus()}),[]),(0,i.Z)({isActive:!0,onBack:Z});const k=(0,a.I4)((e=>{u&&g();const{currentTarget:t}=e;t.value=t.value.replace(/[^\d]+/,"").substr(0,5),t.value!==P&&(f(t.value),b?t.value.length||N(!1):N(!0),P&&P.length>t.value.length?C(-1):C(1),5===t.value.length&&h({code:t.value}))}),[u,g,P,b,h]);return a.ZP.createElement("div",{id:"auth-code-form",className:"custom-scroll"},a.ZP.createElement("div",{className:"auth-form"},a.ZP.createElement(p,{code:P,codeLength:5,isTracking:b,trackingDirection:y}),a.ZP.createElement("h2",null,t,a.ZP.createElement("div",{className:"auth-number-edit",onClick:Z,role:"button",tabIndex:0,title:v("WrongNumber")},a.ZP.createElement("i",{className:"icon-edit"}))),a.ZP.createElement("p",{className:"note"},(0,s.Z)(v(n?"SentAppCode":"Login.JustSentSms"),["simple_markdown"])),a.ZP.createElement(d.Z,{ref:E,id:"sign-in-code",label:v("Code"),onInput:k,value:P,error:u&&v(u),autoComplete:"off",inputMode:"numeric"}),l&&a.ZP.createElement(m.Z,null)))})));var E=n(93490),P=n(99364);const f=(0,a.X$)((0,r.c$)((e=>(0,l.ei)(e,["authIsLoading","authError","authHint"])))((e=>{let{authIsLoading:t,authError:n,authHint:o}=e;const{setAuthPassword:l,clearAuthError:s}=(0,r.Sv)(),i=(0,c.Z)(),[d,m]=(0,a.eJ)(!1),u=(0,a.I4)((e=>{m(e)}),[]),h=(0,a.I4)((e=>{l({password:e})}),[l]);return a.ZP.createElement("div",{id:"auth-password-form",className:"custom-scroll"},a.ZP.createElement("div",{className:"auth-form"},a.ZP.createElement(E.Z,{isPasswordVisible:d}),a.ZP.createElement("h2",null,i("Login.Header.Password")),a.ZP.createElement("p",{className:"note"},i("Login.EnterPasswordDescription")),a.ZP.createElement(P.Z,{clearError:s,error:n&&i(n),hint:o,isLoading:t,isPasswordVisible:d,onChangePasswordVisibility:u,onSubmit:h})))})));var b=n(231),N=n(90710);const y=(0,a.X$)((0,r.c$)((e=>(0,l.ei)(e,["authIsLoading","authError"])))((e=>{let{authIsLoading:t,authError:n}=e;const{signUp:o,clearAuthError:l,uploadProfilePhoto:s}=(0,r.Sv)(),i=(0,c.Z)(),[m,u]=(0,a.eJ)(!1),[h,Z]=(0,a.eJ)(),[g,p]=(0,a.eJ)(""),[v,E]=(0,a.eJ)(""),P=(0,a.I4)((e=>{n&&l();const{target:t}=e;p(t.value),u(t.value.length>0)}),[n,l]),f=(0,a.I4)((e=>{const{target:t}=e;E(t.value)}),[]);return a.ZP.createElement("div",{id:"auth-registration-form",className:"custom-scroll"},a.ZP.createElement("div",{className:"auth-form"},a.ZP.createElement("form",{action:"",method:"post",onSubmit:function(e){e.preventDefault(),o({firstName:g,lastName:v}),h&&s({file:h})}},a.ZP.createElement(N.Z,{onChange:Z}),a.ZP.createElement("h2",null,i("YourName")),a.ZP.createElement("p",{className:"note"},i("Login.Register.Desc")),a.ZP.createElement(d.Z,{id:"registration-first-name",label:i("Login.Register.FirstName.Placeholder"),onChange:P,value:g,error:n&&i(n),autoComplete:"given-name"}),a.ZP.createElement(d.Z,{id:"registration-last-name",label:i("Login.Register.LastName.Placeholder"),onChange:f,value:v,autoComplete:"family-name"}),m&&a.ZP.createElement(b.Z,{type:"submit",ripple:!0,isLoading:t},i("Next")))))})))},99364:(e,t,n)=>{n.d(t,{Z:()=>m});var a=n(14050),r=n(83716),o=n(77361),l=n(46752),s=n(59107),i=n(28183),c=n(231);const d=o.wB?550:400,m=(0,a.X$)((e=>{let{isLoading:t=!1,isPasswordVisible:n,error:m,hint:u,placeholder:h="Password",submitLabel:Z="Next",clearError:g,onChangePasswordVisibility:p,onInputChange:v,onSubmit:E}=e;const P=(0,a.sO)(null),f=(0,s.Z)(),[b,N]=(0,a.eJ)(""),[y,C]=(0,a.eJ)(!1);return(0,i.Z)((()=>{o.$b||P.current.focus()}),d),(0,a.d4)((()=>{m&&requestAnimationFrame((()=>{P.current.focus(),P.current.select()}))}),[m]),a.ZP.createElement("form",{action:"",onSubmit:function(e){e.preventDefault(),t||y&&E(b)},autoComplete:"off"},a.ZP.createElement("div",{className:(0,l.Z)("input-group password-input",b&&"touched",m&&"error"),dir:f.isRtl?"rtl":void 0},a.ZP.createElement("input",{ref:P,className:"form-control",type:n?"text":"password",id:"sign-in-password",value:b||"",autoComplete:"current-password",onChange:function(e){m&&g();const{target:t}=e;N(t.value),C(t.value.length>=r.lo),v&&v(t.value)},dir:"auto"}),a.ZP.createElement("label",null,m||u||h),a.ZP.createElement("div",{className:"toggle-password",onClick:function(){p(!n)},role:"button",tabIndex:0,title:"Toggle password visibility"},a.ZP.createElement("i",{className:n?"icon-eye":"icon-eye-closed"}))),y&&a.ZP.createElement(c.Z,{type:"submit",ripple:!0,isLoading:t},Z))}))},93490:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(14050),r=n(83716),o=n(77361),l=n(69332),s=n(97799);const i=[0,50],c=[0,20],d=[20,0],m=o.wB?r.qp:r.z7,u=(0,a.X$)((e=>{let{isPasswordVisible:t,isBig:n}=e;const[o,u]=(0,a.eJ)(),[h,Z]=(0,a.eJ)(),[g,p]=(0,a.eJ)(!1),[v,E]=(0,a.eJ)(!1);(0,a.d4)((()=>{o?setTimeout((()=>E(!0)),2e3):(0,l.Z)("MonkeyClose").then(u)}),[o]),(0,a.d4)((()=>{h||(0,l.Z)("MonkeyPeek").then(Z)}),[h]);const P=(0,a.I4)((()=>p(!0)),[]);return a.ZP.createElement("div",{id:"monkey",className:n?"big":""},!g&&a.ZP.createElement("div",{className:"monkey-preview"}),o&&a.ZP.createElement(s.Z,{id:"closeMonkey",size:n?r.K2:m,className:v?"hidden":"shown",animationData:o,playSegment:i,noLoop:!0,onLoad:P}),h&&a.ZP.createElement(s.Z,{id:"peekMonkey",size:n?r.K2:m,className:v?"shown":"hidden",animationData:h,playSegment:t?c:d,noLoop:!0}))}))},90710:(e,t,n)=>{n.d(t,{Z:()=>p});var a=n(14050),r=n(46752),o=n(83716),l=n(71394),s=n(59107),i=n(231),c=n(13103),d=n(34288);const m={type:"blob",quality:1,format:"jpeg",circle:!1,size:{width:1024,height:1024}};let u,h,Z;const g=(0,a.X$)((e=>{let{file:t,onChange:r,onClose:g}=e;const[p,v]=(0,a.eJ)(!1);(0,a.d4)((()=>{t&&(p?async function(e){try{const t=document.getElementById("avatar-crop");if(!t)return;const{offsetWidth:n,offsetHeight:a}=t;Z=new u(t,{enableZoom:!0,boundary:{width:n,height:a},viewport:{width:n-16,height:a-16,type:"circle"}});const r=await(0,l.YJ)(e);await Z.bind({url:r})}catch(e){o.eM&&console.error(e)}}(t):async function(){return h||(h=Promise.all([n.e(5099),n.e(3472)]).then(n.bind(n,23472)),u=(await h).default),h}().then((()=>v(!0))))}),[t,p]);const E=(0,s.Z)(),P=(0,a.I4)((async()=>{if(!Z)return;const e=await Z.result(m),t="string"==typeof e?e:(0,l.hl)(e,"avatar.jpg");r(t)}),[r]);return a.ZP.createElement(c.Z,{isOpen:Boolean(t),onClose:g,title:"Drag to reposition",className:"CropModal",hasCloseButton:!0},p?a.ZP.createElement("div",{id:"avatar-crop"}):a.ZP.createElement(d.Z,null),a.ZP.createElement(i.Z,{className:"confirm-button",round:!0,color:"primary",onClick:P,ariaLabel:E("CropImage")},a.ZP.createElement("i",{className:"icon-check"})))})),p=(0,a.X$)((e=>{let{title:t="Change your profile picture",disabled:n,currentAvatarBlobUrl:o,onChange:l}=e;const[s,i]=(0,a.eJ)(),[c,d]=(0,a.eJ)(o);(0,a.d4)((()=>{d(o)}),[o]);const m=(0,a.I4)((e=>{i(void 0),l(e),c&&URL.revokeObjectURL(c),d(URL.createObjectURL(e))}),[c,l]),u=(0,a.I4)((()=>{i(void 0)}),[]),h=(0,r.Z)(c&&"filled",n&&"disabled");return a.ZP.createElement("div",{className:"AvatarEditable"},a.ZP.createElement("label",{className:h,role:"button",tabIndex:0,title:t},a.ZP.createElement("input",{type:"file",onChange:function(e){const t=e.target;t&&t.files&&t.files[0]&&(i(t.files[0]),t.value="")},accept:"image/png, image/jpeg"}),a.ZP.createElement("i",{className:"icon-camera-add"}),c&&a.ZP.createElement("img",{src:c,alt:"Avatar"})),a.ZP.createElement(g,{file:s,onClose:u,onChange:m}))}))},13103:(e,t,n)=>{n.d(t,{Z:()=>h});var a=n(14050),r=n(517),o=n(46752),l=n(18674),s=n(31212),i=n(274),c=n(59107),d=n(46590),m=n(231),u=n(62898);const h=e=>{let{dialogRef:t,title:n,className:h,isOpen:Z,header:g,hasCloseButton:p,noBackdrop:v,children:E,onClose:P,onCloseAnimationEnd:f,onEnter:b,shouldSkipHistoryAnimations:N}=e;const{shouldRender:y,transitionClassNames:C}=(0,s.Z)(Z,f,N,void 0,N),k=(0,a.sO)(null);(0,a.d4)((()=>Z?(0,r.Z)({onEsc:P,onEnter:b}):void 0),[Z,P,b]),(0,a.d4)((()=>Z&&k.current?function(e){function t(t){if("Tab"!==t.key)return;t.preventDefault(),t.stopPropagation();const n=Array.from(e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));if(!n.length)return;const a=n.findIndex((e=>e.isSameNode(document.activeElement)));let r=0;a>=0&&(r=t.shiftKey?a>0?a-1:n.length-1:a<n.length-1?a+1:0),n[r].focus()}return document.addEventListener("keydown",t,!1),()=>{document.removeEventListener("keydown",t,!1)}}(k.current):void 0),[Z]),(0,d.Z)({isActive:Z,onBack:P}),(0,i.Z)((e=>{let[t]=e;return document.body.classList.toggle("has-open-dialog",Z),(Z||!Z&&void 0!==t)&&(0,l.YW)(200),()=>{document.body.classList.remove("has-open-dialog")}}),[Z]);const w=(0,c.Z)();if(!y)return;const L=(0,o.Z)("Modal",h,C,v&&"transparent-backdrop");return a.ZP.createElement(u.Z,null,a.ZP.createElement("div",{ref:k,className:L,tabIndex:-1,role:"dialog"},a.ZP.createElement("div",{className:"modal-container"},a.ZP.createElement("div",{className:"modal-backdrop",onClick:P}),a.ZP.createElement("div",{className:"modal-dialog",ref:t},g||(n?a.ZP.createElement("div",{className:"modal-header"},p&&a.ZP.createElement(m.Z,{round:!0,color:"translucent",size:"smaller",ariaLabel:w("Close"),onClick:P},a.ZP.createElement("i",{className:"icon-close"})),a.ZP.createElement("div",{className:"modal-title"},n)):void 0),a.ZP.createElement("div",{className:"modal-content custom-scroll"},E)))))}},62898:(e,t,n)=>{n.d(t,{Z:()=>o});var a=n(14050),r=n(32916);const o=e=>{let{containerId:t,className:n,children:o}=e;const l=(0,a.sO)();return l.current||(l.current=document.createElement("div")),(0,a.bt)((()=>{const e=document.querySelector(t||"#portals");if(!e)return;const a=l.current;return n&&a.classList.add(n),e.appendChild(a),()=>{r.Z.render(void 0,a),e.removeChild(a)}}),[n,t]),r.Z.render(o,l.current)}},28183:(e,t,n)=>{n.d(t,{Z:()=>r});var a=n(14050);const r=function(e,t){const n=(0,a.sO)(e);(0,a.bt)((()=>{n.current=e}),[e]),(0,a.d4)((()=>{if("number"!=typeof t)return;const e=setTimeout((()=>n.current()),t);return()=>clearTimeout(e)}),[t])}}}]);
|
|
//# sourceMappingURL=3041.9b73f0f9a6993ebc2dd1.js.map
|