https://abema.tv/assets/compat/405d3231d04f4930.4449.bundle.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__||=[]).push([[4449],{22584(e,t,r){r.d(t,{CreditCardChangeContainerMolecule:()=>eu,creditCardChangeContainerStoreMolecule:()=>x});var a=r(7621);let i="READY",s="SUBMITTING",n="FAILED";var l=r(11585);class c extends l.C{name="CreditCardChangeUserIdNotFoundError"}var o=r(36468);r(6878);var u=r(51189),m=r(1892),d=r(85328),_=r(91970),C=r(20666),h=r(93432),b=r(80873),p=r(62607);let x=(0,p.R_)(e=>new(e(g))),g=(0,p.R_)(e=>{let t=e(o.L),r=e(_.Z9),l=e(u.w);return class extends C.sh{get initialState(){return{submitResult:{status:i},approvalURL:null,statusCode:null,errors:{}}}constructor(){super(h.o.SINGLE),this.submit=this.submit.bind(this)}async onEnterRoute(e){this.set(this.initialState),await super.onEnterRoute(e)}fetch(){}async submit(e){let{creditCardFormValue:o}=e;this.set({submitResult:{status:s}});let u=r.getUserId();if(u.isErr())return void this.set({submitResult:{status:n,error:new c("Failed to get userId.",{cause:u.error,metadata:{error:{expected:!1}}})}});let _=u.value,C=new URL(m.C.PAYMENT_CHANGE_CREDIT_CARD_3DS_CHECK_AUTHENTICATION,location.origin);C.searchParams.set("userId",_),await t({userId:_,callbackUrl:C,creditCardFormValue:o}).match(e=>{if((0,d.p)(e)){this.set({submitResult:{status:i}}),location.href=e.acsUrl;return}this.set({submitResult:{status:"SUCCEEDED"}}),l.onOpen({timeoutCount:4e3,kind:a.I.CreditCardChanged}),b.history.push(m.C.SUBSCRIPTION_STATUS)},e=>{this.set({submitResult:{status:n,error:e}})})}}});var j=r(86195),v=r(55561),N=r(78860),R=r(74284),I=r(18023),f=r(47331),E=r(38425),S=r(68433),w=r(11054);function T(e){if(e.status!==n)return null;let{error:t}=e;switch(!0){case t instanceof f.I:return w.w.account_premium_registration_submit_error_retry_from_lp;case t instanceof E.F:return w.w.account_premium_registration_submit_error_invalid_parameter;case t instanceof S.i:default:return w.w.account_premium_registration_submit_error_unknown}}var A=r(24147),M=r(916),y=r(71915),L=r(21391),P=r(10715),U=r(21046),V=r(81571),D=r(11794),F=r(98067);let H=e=>{let{formValue:t,submitResult:r,onSubmit:a,creditCardFormHandlers:i}=e,s=[{label:A.P.navigation_breadcrumb_home,path:m.C.HOME},{label:A.P.navigation_breadcrumb_plan,path:m.C.SUBSCRIPTION_STATUS},{label:A.P.navigation_breadcrumb_change_credit,path:m.C.CREDIT_CARD_CHANGE}];return(0,j.jsxs)(D.$,{children:[(0,j.jsx)(L.A,{baseUrl:R.OZ.base,list:s}),(0,j.jsxs)("div",{className:"c-premium-CreditCardChangeContainerView",children:[(0,j.jsx)(O,{}),(0,j.jsx)("div",{className:"c-premium-CreditCardChangeContainerView__forms",children:(0,j.jsx)(B,{submitResult:r,formValue:t,onSubmit:a,creditCardFormHandlers:i})})]})]})},O=()=>(0,j.jsx)("div",{className:"c-premium-CreditCardChangeContainerView__title",children:(0,j.jsx)(V.s,{children:w.w.account_premium_credit_card_change_title})}),B=e=>{let{formValue:t,submitResult:r,onSubmit:a,creditCardFormHandlers:i}=e,n=T(r),l=r.status===s,c=(0,F.useCallback)(e=>{e.preventDefault(),a()},[a]);return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("form",{children:[(0,j.jsx)(M.T,{}),(0,j.jsx)(I.v,{formValue:t,handlers:i}),(0,j.jsx)("div",{className:"c-premium-CreditCardChangeContainerView__button",children:(0,j.jsx)(y.z,{errorMessage:n,full:!1,children:(0,j.jsx)(P.jn,{type:"submit",onClick:c,disabled:l,children:w.w.account_premium_credit_card_change_submit})})})]}),(0,j.jsx)(U.p,{visible:l,text:w.w.account_premium_registration_submitting})]})};var k=r(26055),G=r(60496),Z=r(19136);let z=e=>{let{formValue:t,submitResult:r,onSubmit:a,creditCardFormHandlers:i}=e,s=[{label:A.P.navigation_breadcrumb_home,path:m.C.HOME},{label:A.P.navigation_breadcrumb_plan,path:m.C.SUBSCRIPTION_STATUS},{label:A.P.navigation_breadcrumb_change_credit,path:m.C.CREDIT_CARD_CHANGE}];return(0,j.jsxs)("div",{className:"c-premium-MobileCreditCardChangeContainerView",children:[(0,j.jsx)(Y,{}),(0,j.jsx)("div",{className:"c-premium-MobileCreditCardChangeContainerView__panel",children:(0,j.jsx)(K,{formValue:t,onSubmit:a,submitResult:r,creditCardFormHandlers:i})}),(0,j.jsx)("div",{className:"c-premium-MobileCreditCardChangeContainerView__breadcrum-list",children:(0,j.jsx)(L.A,{baseUrl:R.OZ.base,list:s})})]})},Y=()=>(0,j.jsx)("div",{className:"c-premium-MobileCreditCardChangeContainerView__title",children:(0,j.jsx)(V.s,{children:w.w.account_premium_credit_card_change_title})}),K=e=>{let{formValue:t,submitResult:r,onSubmit:a,creditCardFormHandlers:i}=e,n=T(r),l=r.status===s,c=(0,F.useCallback)(e=>{e.preventDefault(),a()},[a]);return(0,j.jsxs)("div",{className:"c-premium-MobileCreditCardChangeContainerView__MobileCreditRegistrationForm",children:[(0,j.jsxs)("form",{children:[(0,j.jsx)(k.l,{children:(0,j.jsx)(M.T,{})}),(0,j.jsx)(k.l,{children:(0,j.jsx)(G.d,{formValue:t,handlers:i})}),(0,j.jsx)(k.l,{children:(0,j.jsx)(J,{onSubmit:c,errorMessage:n,disabled:l,full:!0})})]}),(0,j.jsx)($,{visible:l})]})},$=e=>{let{visible:t}=e;return(0,j.jsx)("div",{className:"c-premium-MobileCreditRegistrationForm__overlay-container","aria-live":"assertive",children:t&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:"c-premium-MobileCreditRegistrationForm__overlay",children:(0,j.jsx)("p",{children:w.w.account_premium_registration_submitting})}),(0,j.jsx)("div",{className:"c-premium-MobileCreditRegistrationForm__overlay-loading",children:(0,j.jsx)(Z.R,{percent:0})})]})})},J=e=>{let{onSubmit:t,disabled:r,errorMessage:a,full:i}=e;return(0,j.jsx)(y.z,{errorMessage:a,full:i,children:(0,j.jsx)(P.jn,{type:"submit",onClick:t,disabled:r,children:w.w.account_premium_credit_card_change_submit})})};var q=r(87328),Q=r(45023),W=r(46689),X=r(33355),ee=r(61603),et=r(50530),er=r(27713),ea=r(95885),ei=r(42204),es=r(49792),en=r(95779),el=r(74344),ec=r(64830);let eo=e=>{let t=(0,ec.c5)(x),r=(0,es.o)(t),{creditCardFormValue:a,validate:i,isFulfilled:s,isValid:n,handlers:l}=(0,N.P)(),c=(0,F.useContext)(ea.m);(0,F.useEffect)(()=>{let t=(0,v.P4)().repository().load(),r=v.JY.create(t);(0,er.N)({props:{...e,pageId:ee.s.PaymentChangeCredit},extraPageView:r,noPageview:!0}

1),function(e){let{containerProps:t,adServiceProviderGTMValue:r}=e,a=t.location.pathname,i=(0,q.Fr)(),s=(0,Q.z)(a,t,{});(0,X.vl)({pathname:a,clientId:(0,et.f)(),pageId:ee.s.PaymentChangeCredit,isMobile:i,extraParams:(0,W.l)({metaData:s,extra:r,isMobile:i})})}({containerProps:e,adServiceProviderGTMValue:r})},[]);let o=(0,F.useCallback)(()=>{i(),s&&n&&t.submit({creditCardFormValue:a}).catch(el.H)},[i,s,n,t,a]),{submitResult:u,statusCode:m}=r;return c===ei.b.MOBILE?(0,j.jsx)(z,{formValue:a,submitResult:u,onSubmit:o,statusCode:m,creditCardFormHandlers:l}):(0,j.jsx)(H,{formValue:a,submitResult:u,onSubmit:o,creditCardFormHandlers:l})},eu=(0,ec.R_)(e=>{let t=e(x);return(0,en.A)(eo,()=>t)})},21391(e,t,r){r.d(t,{A:()=>_});var a=r(86195),i=r(95885),s=r(42204),n=r(96),l=r(9254),c=r(91542),o=r(15479),u=r(30395),m=r.n(u),d=r(98067);let _=e=>{let{baseUrl:t,list:r}=e,u=d.useMemo(()=>({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:r.map((e,r)=>{let{label:a,path:i}=e;return{"@type":"ListItem",position:r+1,name:a,item:t+i}})}),[r,t]),_=d.useContext(i.m)===s.b.MOBILE;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("ul",{className:m()("com-m-BreadcrumbList",{"com-m-BreadcrumbList--mobile":_}),children:r.map((e,t)=>(0,a.jsxs)("li",{className:"com-m-BreadcrumbList__item",children:[0!==t?(0,a.jsx)("div",{className:"com-m-BreadcrumbList__arrow",children:(0,a.jsx)(o.x,{symbolType:o.B.ICONS_NAVIGATION_CHEVRON_RIGHT,"aria-label":"","aria-hidden":!0})}):null,(0,a.jsx)(c.N,{designType:c.v.INLINE,to:t===r.length-1?void 0:e.path,title:e.label,children:(0,a.jsx)("span",{className:"com-m-BreadcrumbList__link",children:(0,a.jsx)(n.t,{text:e.label,lineCount:1})})})]},t))}),(0,a.jsx)(l.Z,{jsonLdData:u})]})}},95779(e,t,r){var a=r(86195),i=r(17045),s=r(98067);function n(e,t){let r=r=>{let n=(0,s.useRef)(r.location);n.current=r.location;let l=t(),c=l.extractIdentity(r);return(0,i.E)(()=>(l.applyScrollTop("PUSH"===n.current.action?0:c),()=>{l.setScrollTop(c)}),[l,c]),(0,a.jsx)(e,{...r})};return r.displayName=`restoreScroll(${e.displayName||e.name})`,r}r.d(t,{a:()=>n},{A:n})}}]);