https://onefootball.com/_next/static/chunks/pages/payments/tv-04ad489d5b1fc343.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5138],{3252:function(e,t,n){var r;r=n(47451),e.exports=function(){"use strict";var e={855:function(e,t,n){n.r(t),t.default={component:"react-codes-input__component",disabled:"react-codes-input__disabled",code:"react-codes-input__code",wrapper:"react-codes-input__wrapper","code-wrapper":"react-codes-input__code-wrapper","entered-value":"react-codes-input__entered-value",hide:"react-codes-input__hide",active:"react-codes-input__active","code-wrapper--focus":"react-codes-input__code-wrapper--focus",entered:"react-codes-input__entered","blink-empty":"react-codes-input__blink-empty"}},86:function(e,t,n){var r,o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&a(t,e,n);return i(t,e),t},c=this&&this.__read||function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i},u=this&&this.__spreadArray||function(e,t,n){if(n||2==arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_TYPES=void 0;var d,p=l(n(156)),f=n(418),_=s(n(855)),g="abcdefghijklmnopqrstuvwxyz",h=g.split(""),v=g.toUpperCase().split(""),m="0123456789".split(""),y=u(u(u([],c(h),!1),c(v),!1),c(m),!1),b="enter",C="backspace",T="delete",x="arrowleft",E="arrowright",w="arrowup",A="arrowdown",N=[b,C,T,x,E,w,A],j=u(u([],c(y),!1),c(N),!1),S="password",V=(0,f.isMobile)(),P=(0,f.isChrome)(),O=(0,f.isAndroid)();(r=d=t.DEFAULT_TYPES||(t.DEFAULT_TYPES={})).ALPHANUMERTIC="alphanumeric",r.ALPHA="alpha",r.NUMBER="number",t.default=function(e){var t=e.initialFocus,n=void 0!==t&&t,r=e.wrapperRef,a=e.codeLength,i=void 0===a?6:a,l=e.id,s=void 0===l?null:l,g=e.onChange,v=e.type,k=void 0===v?d.ALPHANUMERTIC:v,L=e.letterCase,R=void 0===L?f.CASE_TYPES.UPPERCASE:L,I=e.value,U=void 0===I?"":I,M=e.disabled,D=void 0!==M&&M,F=e.hide,W=void 0!==F&&F,Y=e.focusColor,H=void 0===Y?"#007bff":Y,B=e.classNameComponent,K=e.classNameWrapper,G=e.classNameCodeWrapper,z=void 0===G?"":G,q=e.classNameEnteredValue,Z=void 0===q?"":q,Q=e.classNameCode,$=void 0===Q?"":Q,J=e.classNameCodeWrapperFocus,X=void 0===J?"":J,ee=e.customStyleComponent,et=e.customStyleWrapper,en=e.customStyleCodeWrapper,er=void 0===en?{}:en,eo=e.customStyleEnteredValue,ea=void 0===eo?{}:eo,ei=e.customStyleCode,el=void 0===ei?{}:ei,ec=e.customStyleCodeWrapperFocus,eu=void 0===ec?{}:ec,es=e.placeholder,ed=void 0===es?"":es,ep=e.customStylePlaceholder,ef=void 0===ep?{}:ep,e_=(0,p.useMemo)(function(){return u([],c(Array(i).keys()),!1)},[i]),eg=c((0,p.useState)(U),2),eh=eg[0],ev=eg[1],em=c((0,p.useState)({key:void 0}),2),ey=em[0],eb=em[1],eC=c((0,p.useState)(!1),2),eT=eC[0],ex=eC[1],eE=(0,p.useRef)(null),ew=(0,p.useRef)(null),eA=(0,p.useRef)(null),eN=(0,p.useRef)(!0),ej=c((0,p.useState)(0),2),eS=ej[0],eV=ej[1],eP=(0,p.useMemo)(function(){return s||(0,f.getRandomId)()},[s]);(0,p.useEffect)(function(){if(O&&P){var e=function(e){if(R===f.CASE_TYPES.AUTO&&y.includes(e.data))eb({key:e.data});else{var t=e.data.toLowerCase();t.match(/^[a-zA-Z0-9_]*$/gi)&&eb({key:t})}};return eA.current.addEventListener("textInput",e),function(){eA.current&&eA.current.removeEventListener("textInput",e)}}},[]),(0,p.useEffect)(function(){n&&document.getElementById("".concat(eP).concat(0)).click()},[]);var eO=(0,p.useCallback)(function(e){if(!V){if(e===x){var t=eS-1;return void eV(t<0?0:t)}if(e===E){if(""===eh)return;var n=Math.min(eS+1,e_.length-1);return void 0===eh[n]?void eV(eh.length):void eV(n)}}ek(e)},[k,eh,eS]);(0,p.useEffect)(function(){ey.key&&eO(ey.key)},[ey]),(0,p.useEffect)(function(){eS>=e_.length&&eV(e_.length-1)},[eS,e_]),(0,p.useEffect)(function(){var e=(0,f.getCased)(U,R);ev(e),eN.current&&(eA.current.value=e,eV(e.length),eN.current=!1)},[U,R]);var ek=(0,p.useCallback)(function(e){var t=eh.split("");

1if(e!==C)if(e!==T){if(y.includes(e)){var n="";switch(k){case d.ALPHANUMERTIC:n=(0,f.getAlphanumeric)(e);break;case d.ALPHA:n=(0,f.getAlpha)(e);break;case d.NUMBER:n=(0,f.getNumeric)(e);break;default:n=(0,f.getAlphanumeric)(e)}if(n=(0,f.getCased)(n,R),""===eh)return void eL((o=n).length,o,g);if(eS===eh.length){if(t.length<e_.length)return t.push(n),r=(o=t.join("")).length,o.length>=e_.length&&(r-=1),void eL(r,o,g)}else{if(!V)return t[eS]=n,o=t.join(""),void eL(void 0===t[eS+1]?eS+1:null,o,g);if(t.length<e_.length)return t.push(n),r=(o=t.join("")).length,o.length>=e_.length&&(r-=1),void eL(r,o,g)}}}else{var r=eS;void 0===t[eS]&&(r+=1),t[r=Math.min(r,eh.length)]="";var o=t.join("");eL(r,o,g)}else{if(r=eS,eS===e_.length-1)return eh.length===e_.length?t[r]="":t[r-=1]="",void eL(r,t.join(""),g);if(eS===eh.length)return t[r-=1]="",void eL(r,t.join(""),g);t[r]="",eL(Math.max(r-1,0),o=t.join(""),g)}},[k,R,e_,eh,eS]),eL=(0,p.useCallback)(function(e,t,n){ev(t),null!==e&&eV(e),eA.current.value=t,"function"==typeof n&&n(t)},[]),eR=(0,p.useCallback)(function(){ex(!0)},[]),eI=(0,p.useCallback)(function(){ex(!1)},[]),eU=(0,p.useMemo)(function(){var e={};switch(k){case d.NUMBER:e.type=V?"tel":S,e.pattern="[0-9]{".concat(e_.length,",}");break;case d.ALPHA:e.type=S,e.pattern="[A-Za-z]{".concat(e_.length,",}");break;case d.ALPHANUMERTIC:e.type=S,e.pattern="[0-9A-Za-z]{".concat(e_.length,",}")}return e},[k]);return p.default.createElement("div",{ref:ew,className:(0,f.cx)(_.default.component,(0,f.getClassName)("component"),D&&_.default.disabled,D&&(0,f.getClassName)("disabled"),void 0===B?"":B),style:void 0===ee?{}:ee},p.default.createElement("div",{ref:r||eE,className:(0,f.cx)(_.default.wrapper,(0,f.getClassName)("wrapper"),void 0===K?"":K),style:void 0===et?{}:et},e_.map(function(e,t){e_.length;var n=void 0!==eh[t],r=!1,a={};return eT&&(r=eS===t),r&&(a.border="1px solid ".concat(H),a.boxShadow="0px 0px 5px 0px ".concat(H)),p.default.createElement("div",{key:t,id:"".concat(eP).concat(t),onClick:function(){for(var e=0;e<e_.length;e+=1)if(void 0===eh[e]){document.getElementById("".concat(eP).concat(e)).click();break}document.getElementById(eP).focus()},className:(0,f.cx)(_.default["code-wrapper"],(0,f.getClassName)("code-wrapper"),z,r&&_.default.active,r&&(0,f.getClassName)("active"),n&&_.default.entered,n&&(0,f.getClassName)("entered")),style:er},p.default.createElement("div",{className:(0,f.cx)(_.default["entered-value"],(0,f.getClassName)("entered-value"),Z,W&&n&&_.default.hide,W&&n&&(0,f.getClassName)("hide")),style:ea},void 0===eh[t]&&p.default.createElement("span",{style:o({color:"#ddd"},ef)},ed.split("")[t])," ",W?"":eh[t]),p.default.createElement("div",{className:(0,f.cx)(_.default.code,(0,f.getClassName)("code"),$),style:el},p.default.createElement("div",{className:(0,f.cx)(_.default["code-wrapper--focus"],(0,f.getClassName)("code-wrapper--focus"),X),style:o(o({},a),eu)})))})),p.default.createElement("input",o({ref:eA,id:eP,autoComplete:"off",disabled:D,maxLength:e_.length,required:!0,onFocus:eR,onBlur:eI,onKeyDown:function(e){var t,n,r,o=e.key;if(R===f.CASE_TYPES.AUTO&&y.includes(o))eb({key:V?o:(t=e.getModifierState("CapsLock"),n=e.shiftKey,r=o,t?(r=r.toUpperCase(),n&&(r=r.toLowerCase())):(r=r.toLowerCase(),n&&(r=r.toUpperCase())),r)});else{if(o=o.toLowerCase(),O&&P)return o===C&&eb({key:o}),!1;if(o&&o!==b&&"tab"!==o&&e.preventDefault(),"tab"===o)eh.length<0||eh.length>e_.length||(e.shiftKey?0!==eS&&(o=x,e.preventDefault()):eS===e_.length-1&&eh.length===e_.length||(o=E,e.preventDefault()));else if(e.ctrlKey||e.altKey||e.shiftKey||e.metaKey)return;var a=function(e,t,n){if(!j.includes(e))return"";if(N.includes(e))switch(e){case C:return""===n?"":C;case T:return""===n?"":T;case w:return x;case A:return E;default:return e}return t===d.NUMBER&&0>m.indexOf(e)||t===d.ALPHA&&0>h.indexOf(e)||t===d.ALPHANUMERTIC&&0>y.indexOf(e)?"":e}(o,k,eh);""!==a&&eb({key:a})}},style:{position:"absolute",opacity:"0",marginLeft:"-9999999px"}},eU)))}},460:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)}

1,a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0,o(n(86),t);var i=n(86);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return a(i).default}})},418:function(e,t){var n,r;Object.defineProperty(t,"__esModule",{value:!0}),t.isMobile=t.isChrome=t.isAndroid=t.getClassName=t.getCased=t.getNumeric=t.getAlpha=t.getAlphanumeric=t.getRandomId=t.cx=t.CASE_TYPES=void 0,(r=n=t.CASE_TYPES||(t.CASE_TYPES={})).UPPERCASE="upper",r.LOWERCASE="lower",r.AUTO="auto",t.cx=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];for(var r=[],o=0;o<e.length;o+=1){var a=e[o];if(a){var i=typeof a;if("string"===i||"number"===i)r.push(a);else if(Array.isArray(a)&&a.length){var l=t.cx.apply(null,a);l&&r.push(l)}else if("object"===i)for(var c in a)({}).hasOwnProperty.call(a,c)&&a[c]&&r.push(c)}}return r.join(" ")},t.getRandomId=function(){return Math.random().toString(36).slice(-8)},t.getAlphanumeric=function(e){var t="";return String(e).split("").forEach(function(e){var n=e.toLowerCase().charCodeAt(0);(n>=48&&n<=57||n>=97&&n<=122)&&(t+=e)}),t},t.getAlpha=function(e){var t="";return String(e).split("").forEach(function(e){var n=e.toLowerCase().charCodeAt(0);n>=97&&n<=122&&(t+=e)}),t},t.getNumeric=function(e){var t="";return e.split("").forEach(function(e){var n=e.toLowerCase().charCodeAt(0);n>=48&&n<=57&&(t+=e)}),t},t.getCased=function(e,t){if(!t)return e.toUpperCase();switch(t){case n.UPPERCASE:return e.toUpperCase();case n.LOWERCASE:return e.toLowerCase();case n.AUTO:return e}},t.getClassName=function(e){return"RCI-".concat(e)},t.isAndroid=function(){return"undefined"!=typeof navigator&&void 0!==navigator.onLine&&/(android)/i.test(navigator.userAgent)},t.isChrome=function(){return"undefined"!=typeof navigator&&void 0!==navigator.onLine&&/Chrome/.test(navigator.userAgent)&&/Google Inc/.test(navigator.vendor)},t.isMobile=function(){return"undefined"!=typeof navigator&&void 0!==navigator.onLine&&/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)}},156:function(e){e.exports=r}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r].call(a.exports,a,a.exports,n),a.exports}return n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(460)}()},6648:e=>{e.exports={"base-font":"TVlogin_base-font__osHek","title-1-bold":"TVlogin_title-1-bold__t1DO9","title-2-bold":"TVlogin_title-2-bold__pDV_k","title-3-bold":"TVlogin_title-3-bold__Dt7sc","title-4-bold":"TVlogin_title-4-bold__jASiN","title-5-bold":"TVlogin_title-5-bold__PGg44","title-6-bold":"TVlogin_title-6-bold__Dn9uU","title-7-bold":"TVlogin_title-7-bold__o9j1Y","title-8-bold":"TVlogin_title-8-bold__jKF8e","title-9-bold":"TVlogin_title-9-bold__M3k6C",title:"TVlogin_title__w1IYQ","title-1-regular":"TVlogin_title-1-regular__Oo8qU","title-2-regular":"TVlogin_title-2-regular__v6LNI","title-3-regular":"TVlogin_title-3-regular__R_vnr","title-4-regular":"TVlogin_title-4-regular__295ee","title-5-regular":"TVlogin_title-5-regular__5V5fT","title-6-regular":"TVlogin_title-6-regular__WFZRu","title-7-regular":"TVlogin_title-7-regular__HVPNc","title-8-regular":"TVlogin_title-8-regular__iRCSc","title-9-regular":"TVlogin_title-9-regular__QVEQP",inputDescriptionText:"TVlogin_inputDescriptionText__GRNan","text-1":"TVlogin_text-1__9Ue0R","text-2":"TVlogin_text-2__4goKs",subtitle:"TVlogin_subtitle__bU0Vs","text-3":"TVlogin_text-3__L0xld","text-4":"TVlogin_text-4___zIqx","text-5":"TVlogin_text-5__JaOj_",wrapper:"TVlogin_wrapper__39w1k",header:"TVlogin_header__KPUrH",form:"TVlogin_form__zTwYF",codeInputWrapper:"TVlogin_codeInputWrapper__e7_r5",codeEnteredValue:"TVlogin_codeEnteredValue__fV6VM",inputDescription:"TVlogin_inputDescription__ai9pH",inputDescriptionError:"TVlogin_inputDescriptionError__3i8ES",cta:"TVlogin_cta__zi1as"}},8302:()=>{},35101:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/payments/tv",function(){return n(55460)}])},55460:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSP:()=>j,default:()=>S});var r=n(76235),o=n(28019),a=n(47451),i=n(81351),l=n.n(i),c=n(64013),u=n(6648),s=n.n(u),d=n(21209),p=n(15280);n(8302);var f=n(65829),_=n.n(f),g=n(22247),h=n(20008),v=n(88292),m=n(26998),y=n(19978),b=n(61456),C=n(42891),T=n(82413);

1function x(){let e=(0,r._)(["TV_LOGIN_400"]);return x=function(){return e},e}function E(){let e=(0,r._)(["TV_LOGIN_500"]);return E=function(){return e},e}function w(){let e=(0,r._)(["TV_LOGIN_TITLE"]);return w=function(){return e},e}function A(){let e=(0,r._)(["TV_LOGIN_SUBTITLE"]);return A=function(){return e},e}function N(){let e=(0,r._)(["TV_LOGIN_BUTTON"]);return N=function(){return e},e}var j=!0;let S=()=>{let e=(0,a.useContext)(p.$),{t}=(0,m.A)("web-payments"),n=(0,v.useRouter)(),r=n.query.code,i="",u="",f=(0,a.useRef)(null),j=(0,a.useRef)(null);void 0!==r&&"string"==typeof r&&8===r.length&&(i=r.substring(0,4),u=r.substring(4));let[S,V]=(0,a.useState)(i),[P,O]=(0,a.useState)(u);async function k(){let r="".concat(S).concat(P);try{let o=await fetch("".concat(C.ZU.usersAuth,"/tv/login"),{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({tv_code:r})});if(o.ok&&200===o.status&&n.push("/payments/tv/thank-you"),o.status>=400&&o.status<500){let n=t(x());g.b.error(n),null==e||e({message:n,type:b.Yw.error})}if(500===o.status){let n=t(E());g.b.error(n),null==e||e({message:n,type:b.Yw.error})}}catch(t){g.b.error(t),(0,h.b)(t)&&(null==e||e({message:t.message,type:b.Yw.error}))}finally{V(""),O("")}}return(0,y.d2)(y.iN.TvCodeInput),(e=>{let t=(0,a.useRef)(e),n=(0,a.useRef)(),r=(0,a.useRef)(!1),o=(0,a.useRef)(!1),[,i]=(0,a.useState)(0);r.current&&(o.current=!0),(0,a.useEffect)(()=>(r.current||(n.current=t.current(),r.current=!0),i(e=>e+1),()=>{o.current&&void 0!==n.current&&n.current()}),[])})(()=>{8==="".concat(S).concat(P).length&&k().catch(e=>{g.b.error(e)})}),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(l(),{children:[(0,o.jsx)("title",{children:"TV | OneFootball"}),(0,o.jsx)(c.I,{title:"TV",description:"OneFootball"}),(0,o.jsx)(T.A,{})]}),(0,o.jsxs)("div",{className:s().wrapper,children:[(0,o.jsxs)("div",{className:s().header,children:[(0,o.jsx)("h1",{className:s().title,children:t(w())}),(0,o.jsx)("p",{className:s().subtitle,children:t(A())})]}),(0,o.jsxs)("form",{onSubmit:e=>{e.preventDefault(),k().catch(e=>{g.b.error(e)})},className:s().form,children:[(0,o.jsxs)("div",{className:"code-input-container",children:[(0,o.jsx)(_(),{initialFocus:!0,wrapperRef:f,id:"tv-login-code1",codeLength:4,type:"number",hide:!1,placeholder:"####",value:S,onChange:e=>{V(e)},classNameWrapper:s().codeInputWrapper,classNameEnteredValue:s().codeEnteredValue,customStyleComponent:{marginRight:"2%",width:"48%",display:"inline-block"}}),(0,o.jsx)(_(),{initialFocus:!1,wrapperRef:j,id:"tv-login-code2",codeLength:4,type:"number",hide:!1,placeholder:"####",value:P,onChange:e=>{O(e)},classNameWrapper:s().codeInputWrapper,classNameEnteredValue:s().codeEnteredValue,customStyleComponent:{marginLeft:"2%",width:"48%",display:"inline-block"}})]}),(0,o.jsx)(d.$,{variant:"fill",type:"submit",className:s().cta,children:(0,o.jsx)("span",{children:t(N())})})]})]})]})}},64013:(e,t,n)=>{"use strict";n.d(t,{I:()=>a});var r=n(28019),o=n(55756);function a(e){let{title:t,description:n,image:a,type:i,keyword:l}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("meta",{name:"description",content:n}),(0,r.jsx)("meta",{property:"og:type",content:"website"}),(0,r.jsx)("meta",{property:"og:title",content:"".concat(t," | OneFootball")}),(0,r.jsx)("meta",{property:"og:description",content:n}),(0,r.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,r.jsx)("meta",{property:"twitter:domain",content:"onefootball.com"}),(0,r.jsx)("meta",{name:"twitter:title",content:"".concat(t," | OneFootball")}),(0,r.jsx)("meta",{name:"twitter:description",content:n}),!(0,o.w)(a)&&(0,r.jsx)("meta",{property:"og:image",content:a}),!(0,o.w)(i)&&(0,r.jsx)("meta",{property:"og:type",content:i}),!(0,o.w)(l)&&l.length>0&&(0,r.jsx)("meta",{name:"keywords",content:l.join(", ")})]})}},65829:(e,t,n)=>{e.exports=n(3252)},82413:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(28019);function o(){return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("meta",{property:"og:image",content:"https://peregrine.onefootball.com/images/sharing_banner.png"})})}}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=35101)),_N_E=e.O()}]);