https://web-static.linetv.tw/release-fargate/public/dist/pages-TVActivate-162dc3ed-prod.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1139],{32721:(e,t,n)=>{n.d(t,{A:()=>s});var i=n(96540),o=n(49891),l=n.n(o),a=n(92568),r=n(58865);const d=a.Ay.div.withConfig({displayName:"LottieLoading__StyledLoadingContainer",componentId:"sc-1c4fvhi-0"})(["width:",";height:",";"],e=>e.width,e=>e.height),s=e=>{const{width:t,height:n,path:o}=e;return(0,i.useEffect)(()=>{l().loadAnimation({container:document.querySelector("#lottie-loading"),renderer:"svg",loop:!0,autoplay:!0,speed:1.5,path:o||`${r.A}/lottie_json/loading.json`})},[]),i.createElement(d,{width:t,height:n,id:"lottie-loading"})}},34883:(e,t,n)=>{n.r(t),n.d(t,{default:()=>z});var i=n(96540),o=n(61225),l=n(56347),a=n(91112),r=n(82664),d=n(94395),s=n(93172),c=n(98672),p=n(32721),u=n(92568),h=n(74550);const g=r.theme.colors["linetv-high-emphasis"],m=r.theme.colors["linetv-fields-error"],x=u.Ay.div.withConfig({displayName:"indexstyle__Container",componentId:"sc-1r90nuu-0"})(["padding:0 16px;display:flex;flex-direction:column;align-items:center;text-align:center;"]),f=u.Ay.h2.withConfig({displayName:"indexstyle__Title",componentId:"sc-1r90nuu-1"})(["padding:12px 0;font-size:16px;line-height:24px;font-weight:600;color:",";"],g),y=u.Ay.div.withConfig({displayName:"indexstyle__SubTitle",componentId:"sc-1r90nuu-2"})(["padding:24px 0;color:",";font-size:30px;line-height:44px;font-weight:600;"],g),_=(0,u.Ay)(h.A).withConfig({displayName:"indexstyle__Input",componentId:"sc-1r90nuu-3"})(["margin-bottom:12px;border-width:2px;line-height:24px;letter-spacing:4px;border-radius:8px;text-transform:uppercase;&[type='text']{padding:8px 20px;font-size:16px;font-weight:600;text-align:center;border-color:",";}"],e=>e.borderColor),w=u.Ay.button.withConfig({displayName:"indexstyle__Button",componentId:"sc-1r90nuu-4"})(["display:block;margin-top:36px;padding:12px 24px;background:#00bd33;border-radius:8px;font-weight:500;font-size:16px;line-height:24px;color:#fff;&[disabled]{background:#bdebc5;}"]),v=u.Ay.div.withConfig({displayName:"indexstyle__LoadingText",componentId:"sc-1r90nuu-5"})(["margin-top:4px;font-size:14px;color:#14c856;line-height:20px;"]),C=u.Ay.div.withConfig({displayName:"indexstyle__ErrorText",componentId:"sc-1r90nuu-6"})(["margin-top:12px;font-size:14px;color:",";line-height:20px;"],m),b=(0,u.Ay)(x).withConfig({displayName:"indexstyle__successContainer",componentId:"sc-1r90nuu-7"})(["padding-top:112px;"]),A=u.Ay.div.withConfig({displayName:"indexstyle__successText",componentId:"sc-1r90nuu-8"})(["margin-top:24px;font-size:30px;line-height:44px;font-weight:600;color:",";"],g),E=u.Ay.div.withConfig({displayName:"indexstyle__successSubText",componentId:"sc-1r90nuu-9"})(["margin-top:8px;font-size:14px;line-height:20px;font-weight:400;color:",";"],g),I=u.Ay.div.withConfig({displayName:"indexstyle__checkIcon",componentId:"sc-1r90nuu-10"})(["margin:3px 0;font-size:38px;"]),N=()=>{const e=(0,l.W6)();return i.createElement(b,null,i.createElement(I,{className:"icon_web_benefit text-linetv-primary"}),i.createElement(A,null,"您已成功登入 TV 裝置"),i.createElement(E,null,"即可開始在 TV 觀看"),i.createElement(w,{type:"button",onClick:()=>{e.push("/")}},"回首頁"))},S="tvLoginCode",z=()=>{const[e,t]=(0,i.useState)(""),[n,u]=(0,i.useState)(!0),[h,g]=(0,i.useState)(!1),[m,w]=(0,i.useState)(!1),[b,A]=(0,i.useState)(!1),E=(0,o.d4)(d.ZZ),I=(0,l.W6)(),{userCode:z}=(0,s.A)(),L=(0,i.useCallback)(async e=>{g(!0);try{var n;if(200!==(await(0,a.We)({user_code:e.toUpperCase(),adId:await c.A.getClientId()})).status)throw new Error("QRCode Authorize Fail");w(!0),null===(n=window)||void 0===n||null===(n=n.localStorage)||void 0===n||n.removeItem(S),g(!1)}catch(e){A(!0),g(!1),t(""),console.error(e)}},[]),T=(0,i.useCallback)(e=>{e.currentTarget.value.match(/^[^a-zA-Z0-9]$/)||(t(e.currentTarget.value.toUpperCase()),A(!1),u(6!==e.currentTarget.value.length))},[]),k=(0,i.useCallback)(t=>{t.preventDefault(),A(!1),L(e)},[e]),D=(0,i.useCallback)(e=>{e.preventDefault();const n=e.clipboardData.getData("text/plain").trim().slice(0).split("");if(n.length>6)return;const i=n.map(e=>{if(!e.match(/^[^a-zA-Z0-9]$/))return e.toUpperCase()}).join("");6===i.length&&(A(!1),L(i)),t(i)},[e]);return(0,i.useEffect)(()=>{var e;const n=z||(null===(e=window)||void 0===e||null===(e=e.localStorage)||void 0===e?void 0:e.getItem(S));E&&n&&(t(n),L(n))},[]),(0,i.useEffect)(()=>{var e;z&&(null===(e=window)||void 0===e||null===(e=e.localStorage)||void 0===e||e.setItem(S,z))},[]),(0,i.useEffect)(()=>{E||I.replace("/tvlogin")},[]),m?i.createElement(N,null):i.createElement(x,null,i.createElement(f,null,"登入代碼"),i.createElement(y,null,"輸入您電視上顯示",i.createElement("br",null)," 6 位代碼"),i.createElement(_,{type:"text",width:"168px",height:"38px",placeholder:"請輸入代碼",maxLength:6,onChange:T,onPaste:D,inputMode:"email",value:e,borderColor:b&&r.theme.colors["linetv-fields-error"]}),h&&i.createElement(i.Fragment,null,i.createElement(p.A,{width:"20px",height:"20px"}),i.createElement(v,null,"請稍候")),b&&i.createElement(C,null,"代碼錯誤，請重新輸入"),i.createElement("button",{type:"button",disabled:n,onClick:k,className:"btn--primary mt-5"},"下一步"))}}}]);