https://kviff-demo.web.app/_next/static/chunks/pages/pair-2bc5677bba230e2f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8309],{9475:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/pair",function(){return t(90076)}])},90076:function(e,n,t){"use strict";t.r(n);var o=t(52322),i=t(21413),r=t(76026),u=t(27511),l=t(5632),c=t(2784),a=t(35505),d=t(7948),s=t(7455),f=t(87325),p=t(29152),v=t(30429);let m=a.ZP.div.withConfig({componentId:"sc-48c994d8-0"})(["display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20vh 1rem 3rem 1rem;gap:32px;"]),h=a.ZP.h1.withConfig({componentId:"sc-48c994d8-1"})(["margin:0;font-size:2.285714rem;font-weight:bold;text-transform:uppercase;"]),g=a.ZP.div.withConfig({componentId:"sc-48c994d8-2"})(["font-size:1.428571rem;opacity:0.7;"]),x=a.ZP.div.withConfig({componentId:"sc-48c994d8-3"})(["display:flex;gap:8px;align-items:center;justify-content:center;"]),b=(0,a.ZP)(r.wx.TextInput).withConfig({componentId:"sc-48c994d8-4"})(["width:32px;height:50px;line-height:50px;padding:0;text-align:center;background-color:",";color:#fff;text-transform:uppercase;font-size:1.375rem;border:none;border-radius:4px;-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}"],e=>e.disabled?"transparent":"rgba(255, 255, 255, 0.3)"),y=a.ZP.div.withConfig({componentId:"sc-48c994d8-5"})(["font-size:1.2rem;"]),w=a.ZP.div.withConfig({componentId:"sc-48c994d8-6"})(["display:flex;align-items:center;justify-content:center;width:125px;height:125px;border-radius:50%;"," font-size:5rem;"],e=>{var n,t,o,i;return null!==(i=null===(o=e.theme)||void 0===o?void 0:null===(t=o.customizations)||void 0===t?void 0:null===(n=t.global)||void 0===n?void 0:n.pairSuccessBackground)&&void 0!==i?i:"background-color: #4caf50;"}),j=e=>(null==e?void 0:e.length)===8?e.toString():"",Z=()=>(0,o.jsx)(w,{children:(0,o.jsx)(i.Z,{fontSize:"inherit"})});n.default=()=>{let{applyInviteCodeResult:e,loading:n,applyInviteCode:t,inviteCodeReset:i}=(0,r.YZ)(),{user:a}=(0,r.aF)(),{query:w}=(0,l.useRouter)(),P=j(null==w?void 0:w.code).split(""),[k,C]=(0,c.useState)(P);if((0,s.y)(u.AnalyticsConversionPage.Pair),(0,c.useEffect)(()=>{(null==a?void 0:a.isSignedIn)||(0,v.EX)({replace:!0,callbackUrl:window.location.pathname+window.location.search})},[null==a?void 0:a.isSignedIn]),!a)return(0,o.jsx)(f.V,{animated:!1});let _=(0,c.useCallback)(t=>{let{position:i,value:r}=t;return(0,o.jsx)(b,{type:"number",pattern:"[0-9]*",inputMode:"numeric",name:"pairCode",value:r||"",tabIndex:i,autoFocus:0===i,onChange:e=>{let n=e.target,t=/[0-9]$/;if(C(e=>(n.value.match(t)?e[i-1]=n.value.split("").pop():""===n.value&&(e[i-1]=""),[...e])),n.value.length){let e=document.querySelector('input[tabindex="'.concat(n.tabIndex+1,'"]'));null==e||e.focus()}},onKeyDown:e=>{if(("Backspace"===e.key||"Delete"===e.key)&&!r){e.preventDefault();let n=document.querySelector('input[tabindex="'.concat(i-1<0?0:i-1,'"]'));null==n||n.focus()}},disabled:n||!1===e})},[n,e]);return(0,c.useEffect)(()=>{let e=k.join("");8===e.length&&t(e)},[k,t]),(0,o.jsx)("div",{children:(0,o.jsxs)(m,{children:[(0,o.jsx)(h,{children:p.Z.t("Login")}),!0===e?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(Z,{}),(0,o.jsx)(g,{children:p.Z.t("Your device has been logged in")})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(g,{children:p.Z.t("Copy the code from TV screen")}),(0,o.jsxs)(x,{children:[(0,o.jsx)(_,{position:1,value:k[0]}),(0,o.jsx)(_,{position:2,value:k[1]}),(0,o.jsx)(_,{position:3,value:k[2]}),(0,o.jsx)(_,{position:4,value:k[3]}),"-",(0,o.jsx)(_,{position:5,value:k[4]}),(0,o.jsx)(_,{position:6,value:k[5]}),(0,o.jsx)(_,{position:7,value:k[6]}),(0,o.jsx)(_,{position:8,value:k[7]})]})]}),n&&(0,o.jsx)(y,{children:p.Z.t("Checking...")}),!1===e&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(y,{children:p.Z.t("This code is not valid")}),(0,o.jsx)(d.z,{variant:"contained",color:"primary",onClick:()=>{i(),C([])},children:p.Z.t("Retry")})]})]})})}},7948:function(e,n,t){"use strict";t.d(n,{z:function(){return c}});var o=t(52322),i=t(74087);t(2784);var r=t(35505),u=t(24126);let l=(0,r.ZP)(i.Z).withConfig({componentId:"sc-3980cb86-0"})(["box-shadow:none;font-weight:",";font-size:",";padding:",";",";",";",";:hover{box-shadow:none;}"],e=>{var n,t,o,i;return null!==(i=null===(o=e.theme)||void 0===o?void 0:null===(t=o.customizations)||void 0===t?void 0:null===(n=t.Button)||void 0===n?void 0:n.fontWeight)&&void 0!==i?i:"bold"},e=>{var n,t,o,i;return null!==(i=null===(o=e.theme)||void 0===o?void 0:null===(t=o.customizations)||void 0===t?void 0:null===(n=t.Button)||void 0===n?void 0:n.fontSize)&&void 0!==i?i:"inherit"},e=>{var n,t,o,i;return null!==(i=null===(o=e.theme)||void 0===o?void 0:null===(t=o.customizations)||void 0===t?void 0:null===(n=t.Button)||void 0===n?void 0:n.padding)&&void 0!==i?i:".75rem 1rem"},e=>{var n,t,o;return(0,u.Q)("border-radius",null===(o=e.theme)||void 0===o?void 0:null===(t=o.customizations)||void 0===t?void 0:null===(n=t.Button)||void 0===n?void 0:n.borderRadius)},e=>{var n,t,o;return(0,u.Q)("text-transform",null===(o=e.theme)||void 0===o?void 0:null===(t=o.customizations)||void 0===t?void 0:null===(n=t.Button)||void 0===n?void 0:n.textTransform)},e=>{var n,t,o;return(0,u.Q)("letter-spacing",null===(o=e.theme)||void 0===o?void 0:null===(t=o.customizations)||void 0===t?void 0:null===(n=t.Button)||void 0===n?void 0:n.letterSpacing)}),c=e=>(0,o.jsx)(l,{...e,children:e.children})},7455:function(e,n,t){"use strict";t.d(n,{y:function(){return u}});var o=t(76026),i=t(27511),r=t(2784);function u(e,n){(0,r.useEffect)(()=>{(![i.AnalyticsConversionPage.Videos,i.AnalyticsConversionPage.Player].includes(e)||n)&&o.fv.reportLocationChange(e,n)},[o.fv,e,n])}}

1,77038:function(e,n,t){"use strict";t.d(n,{n:function(){return a}});var o=t(52322),i=t(61520);t(2784);var r=t(35505),u=t(48980);let l=(0,r.ZP)("img").withConfig({componentId:"sc-9043c195-0"})(["max-width:100px;@media (min-width:","px){max-width:140px;}"],u.MD),c=(0,r.ZP)(i.Z).withConfig({componentId:"sc-9043c195-1"})(["width:70vw;height:7px !important;@media (min-width:","px){width:25vw;}"],u.MD),a=e=>{let{logo:n,showProgressBar:t,title:i}=e;return(0,o.jsxs)(o.Fragment,{children:[n&&(0,o.jsx)(l,{src:n,alt:i}),t&&(0,o.jsx)(c,{color:"primary"})]})}},87325:function(e,n,t){"use strict";t.d(n,{V:function(){return d}});var o=t(52322),i=t(2784),r=t(35505),u=t(42584),l=t(17439),c=t(77038);let a=r.ZP.div.withConfig({componentId:"sc-b5ec3eb7-0"})(["position:fixed;top:0;left:0;z-index:",";display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:70px;",";opacity:",";transition:opacity ","ms ease-out;pointer-events:",";"],u.bf+1,e=>{var n,t;let{background:o,theme:i}=e;return o?"".concat(o," !important"):(null===(t=i.customizations)||void 0===t?void 0:null===(n=t.global)||void 0===n?void 0:n.appBackground)?"".concat(i.customizations.global.appBackground," !important"):"background-color: #000;"},e=>{let{$isVisible:n}=e;return n?1:0},150,e=>{let{$isVisible:n}=e;return n?"auto":"none"}),d=e=>{var n,t,r,u;let{animated:d=!0,visible:s=!0}=e,{webConfig:f}=(0,l.J)(),[p,v]=(0,i.useState)(!0);if((0,i.useEffect)(()=>{if(s)v(!0);else{let e=setTimeout(()=>v(!1),150);return()=>clearTimeout(e)}},[s]),!p)return null;let m=null===(n=f.loader)||void 0===n?void 0:n.animatedLogo,h=d&&m,g=h?m:null!==(r=f.logoLoadingOverlay)&&void 0!==r?r:f.logo,x=!h&&(null===(t=f.loader)||void 0===t?void 0:t.showProgressBar)!==!1;return(0,o.jsx)(a,{background:f.appBackground,$isVisible:s,children:(0,o.jsx)(c.n,{logo:g,showProgressBar:x,title:null!==(u=f.title)&&void 0!==u?u:""})})}},22203:function(e,n,t){"use strict";t.r(n),t.d(n,{capitalize:function(){return o.Z},createChainedFunction:function(){return i.Z},createSvgIcon:function(){return r.Z},debounce:function(){return u.Z},deprecatedPropType:function(){return l},isMuiElement:function(){return c.Z},ownerDocument:function(){return a.Z},ownerWindow:function(){return d.Z},requirePropFactory:function(){return s},setRef:function(){return f.Z},unstable_useId:function(){return g.Z},unsupportedProp:function(){return p},useControlled:function(){return v.Z},useEventCallback:function(){return m.Z},useForkRef:function(){return h.Z},useIsFocusVisible:function(){return x.Z}});var o=t(87977),i=t(83103),r=t(77766),u=t(99547);function l(e,n){return function(){return null}}var c=t(8025),a=t(9999),d=t(34928);function s(e){return function(){return null}}var f=t(35906);function p(e,n,t,o,i){return null}var v=t(10355),m=t(60942),h=t(48457),g=t(63605),x=t(25617)},21413:function(e,n,t){"use strict";var o=t(71600),i=t(34590);n.Z=void 0;var r=i(t(2784)),u=(0,o(t(32769)).default)(r.createElement("path",{d:"M9 16.17L5.53 12.7a.9959.9959 0 00-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.9959.9959 0 00-1.41 0L9 16.17z"}),"CheckRounded");n.Z=u},32769:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return o.createSvgIcon}});var o=t(22203)},34590:function(e,n,t){var o=t(67425).default;function i(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(i=function(e){return e?t:n})(e)}e.exports=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var t=i(n);if(t&&t.has(e))return t.get(e);var r={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var c=u?Object.getOwnPropertyDescriptor(e,l):null;c&&(c.get||c.set)?Object.defineProperty(r,l,c):r[l]=e[l]}return r.default=e,t&&t.set(e,r),r},e.exports.__esModule=!0,e.exports.default=e.exports},67425:function(e){function n(t){return e.exports=n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,n(t)}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=9475)}),_N_E=e.O()}]);