https://player.telekomtvgo.hu/client/EnterQrCode.3f1eeea3.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[397],{54160:(e,t,a)=>{a.r(t),a.d(t,{default:()=>x});var r=a(96540),n=a(10159),l=a(84196),s=a(54122),c=a(24691),o=a(55802),i=a(79846),u=a(60047),d=a(2674),m=a(72820),E=a(46449),g=a(76223),f=a(80309),v=a(94279),p=a(4312),C=a(20908),A=a(76695),_=a(56347),N=a(30029),R=a(90241),b=a(67493),h=a(86754);const L=({focusHandler:e})=>{var t;const a=(0,l.wA)(),n=(0,_.W6)(),c=(0,l.d4)((e=>e.enterQrCode)),o=(0,l.d4)((e=>e.cmsTranslation)),i=(0,l.d4)((e=>e.cmsConfiguration)),[u,d]=(0,r.useState)(""),[L,S]=(0,r.useState)(!1),{streamLimitKey:y}=i.data.modules.tvplatform.cts.concurrency||{},H=null===(t=o.data.tvAuth)||void 0===t?void 0:t.loginWithQrCode,{isTokenValid:T,error:D,isLoading:x}=c||{},O=(0,m.H)(H,"verificationPageTitle"),F=(0,m.H)(H,"verificationPageSubtitle"),B=(0,m.H)(H,"accessCodeInputPlaceholderText"),Q=(0,m.H)(H,"accessCodeExpiredErrorMessage"),w=(0,m.H)(H,"accessCodeVerificationSuccessMessage"),I=(0,m.H)(H,"nextButtonTitle"),j=(0,r.useRef)(null),k=(0,r.useRef)(null),q=(0,r.useRef)(null);(0,r.useEffect)((()=>{const e=k.current;e&&e.focus()}),[]),(0,r.useEffect)((()=>{!x&&T&&(K(w,b.p.SUCCESS),n.replace("/"))}),[x]),(0,r.useEffect)((()=>{D&&K(Q,b.p.ERROR)}),[D]);const K=(e,t)=>{const a={message:r.createElement(R.A,{title:e,toastType:t})};j.current=(0,E.qn)(j.current,a)};return!T&&r.createElement(p.e,{className:"user-login-form-wrapper"},r.createElement(s.i,{className:"heading-subheading-wrapper"},O&&r.createElement(h.A,{level:"h1",text:O,className:"heading"}),F&&r.createElement(h.A,{level:"h2",text:F,className:"login-subheading"})),r.createElement(f.A,{onSubmit:e=>{e.preventDefault(),L&&(S(!1),a(A.o.toggleQrCodeLoading(!0)),a(A.o.validateQrCode({userCode:u,streamLimitKey:y})))},ariaLabel:O},r.createElement(p.h,{className:"login-group",ref:q},r.createElement(v.p,{onChangeHandler:({event:e})=>{const t=(0,C.F)(e.target.value);d(t),S(!!t)},autoComplete:"on",className:"form-input access-code-input",onFocusHandler:()=>{e(!0)},onBlurHandler:()=>{e(!1)},value:u,addFloatingLabelClass:!0,showResetButton:!0,onResetClick:()=>{d(""),S(!1)},id:"enter-qrcode",ariaRequired:!0,inputsRef:k,parentRef:q}),r.createElement(N.J,{text:B,className:"input-label",htmlFor:"enter-qrcode"})),r.createElement(g.$,{type:"submit",className:"cnfrm-btn theme-btn",text:I,ariaDisabled:!L})))};var S=a(65569),y=a(62793),H=a(9800);var T=a(84841),D=a(18031);const x=(0,i.A)((()=>{var e;const t=(0,l.wA)(),a=(0,l.d4)((e=>e.cmsConfiguration)),i=(0,l.d4)((e=>e.enterQrCode)),m=(0,l.d4)((e=>e.loginSlider)),{isTokenValid:E,isLoading:g}=i||{},{data:f}=m||{},[v,p]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{!g&&(()=>{const e={category:y.x0.CATEGORIES.ACCOUNT_MGMT,event_action:y.dn.SCREEN_VIEWED,label_str:y.x0.LABEL_STR.ENTER_QR_CODE,login_type:y.Wl.QR_CODE,login_trigger:(0,S.A)()};(0,H.N)(e)})(),!f&&t(d.A.fetchLoginImageSlider())}),[]),r.createElement(r.Fragment,null,!E&&r.createElement(r.Fragment,null,(0,D.A)(a)&&r.createElement(T.A,null),n.Fr&&v&&r.createElement(s.i,{className:"mobile-overlay adjust-overlay cover-screen"}),!(0,D.A)(a)&&r.createElement(u.t,{className:"cover-screen"},r.createElement(s.i,{className:"onboarding-image-wrapper adjust-overlay cover-screen"},r.createElement(s.i,{className:"bg-overlay adjust-overlay cover-screen"}),r.createElement(c.o,{image:null==f||null===(e=f[0])||void 0===e?void 0:e.image,fallBackImage:o,objectFit:"cover",className:"cover-screen",decoding:"sync"})))),r.createElement(L,{focusHandler:p}))}),!1,!1,!1)}}]);