https://abema.tv/assets/compat/04d08733529daa5a.6720.bundle.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6720],{47075:function(e,r,t){t.r(r),t.d(r,{CreditCardChangeContainerMolecule:function(){return e_},creditCardChangeContainerStoreMolecule:function(){return g}});var i=t(80914),a=t(38960),n=t(62906),s=t(90563),l=t(68886),u=t(29971),c=t(49304),o=t(13571),d=t(31263),m=t(7621),_=t(61589),C=t(6587),b=t(6878),h=t(1892),f=t(91970),p=t(20666),v=t(93432),x=t(80873),j=t(12668),g=(0,j.R_)(function(e){return new(e(S))}),S=(0,j.R_)(function(e){var r=e(_.d),t=p.sh;function j(){var e;return(0,n._)(this,j),(e=(0,a._)(this,j,[v.o.SINGLE])).submit=e.submit.bind(e),e}return(0,c._)(j,t),(0,s._)(j,[{key:"initialState",get:function(){return{submitResult:{status:C.a.READY},approvalURL:null,statusCode:null,errors:{}}}},{key:"onEnterRoute",value:function(e){var r=this,t=this;return(0,i._)(function(){return(0,o._)(this,function(i){switch(i.label){case 0:return this.set(this.initialState),[4,(0,l._)((0,u._)(j.prototype),"onEnterRoute",r).call(t,e)];case 1:return i.sent(),[2]}})}).call(this)}},{key:"fetch",value:function(){}},{key:"submit",value:function(e){return(0,i._)(function(e){var t,i,a,n;return(0,o._)(this,function(s){switch(s.label){case 0:return t=e.creditCardFormValue,this.set({submitResult:{status:C.a.SUBMITTING}}),a=null!=(i=(0,f.F5)().getUserId().val)?i:"",[4,r.usecase.changeCreditCardForSubscription(a,t)];case 1:if(!(n=s.sent()).ok)return this.set({submitResult:{status:C.a.FAILED,submitErrorKind:n.err}}),[2];if(null!=n.val.acsUrl)return this.set({submitResult:{status:C.a.READY}}),location.href=n.val.acsUrl,[2];return this.set({submitResult:{status:C.a.SUCCEEDED}}),(0,d.OZ)().onOpen({timeoutCount:b.yp,kind:m.I.CreditCardChanged}),x.history.push(h.C.SUBSCRIPTION_STATUS),[2]}})}).apply(this,arguments)}}]),j}),N=t(39305),R=t(34516),I=t(64558),V=t(55561),E=t(78860),M=t(74284),T=t(93867),y=t(18023),A=t(11054),F=t(24147),w=t(916),L=t(71915),P=t(21391),U=t(10715),D=t(21046),H=t(81571),O=t(11794),B=t(1102),k=function(e){var r=e.formValue,t=e.submitResult,i=e.onSubmit,a=e.creditCardFormHandlers,n=[{label:F.P.navigation_breadcrumb_home,path:h.C.HOME},{label:F.P.navigation_breadcrumb_plan,path:h.C.SUBSCRIPTION_STATUS},{label:F.P.navigation_breadcrumb_change_credit,path:h.C.CREDIT_CARD_CHANGE}];return(0,I.jsxs)(O.$,{children:[(0,I.jsx)(P.A,{baseUrl:M.OZ.base,list:n}),(0,I.jsxs)("div",{className:"c-premium-CreditCardChangeContainerView",children:[(0,I.jsx)(G,{}),(0,I.jsx)("div",{className:"c-premium-CreditCardChangeContainerView__forms",children:(0,I.jsx)(Z,{submitResult:t,formValue:r,onSubmit:i,creditCardFormHandlers:a})})]})]})},G=function(){return(0,I.jsx)("div",{className:"c-premium-CreditCardChangeContainerView__title",children:(0,I.jsx)(H.s,{children:A.w.account_premium_credit_card_change_title})})},Z=function(e){var r=e.formValue,t=e.submitResult,i=e.onSubmit,a=e.creditCardFormHandlers,n=(0,T.l)(t),s=t.status===C.a.SUBMITTING,l=(0,B.useCallback)(function(e){e.preventDefault(),i()},[i]);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("form",{children:[(0,I.jsx)(w.T,{}),(0,I.jsx)(y.v,{formValue:r,handlers:a}),(0,I.jsx)("div",{className:"c-premium-CreditCardChangeContainerView__button",children:(0,I.jsx)(L.z,{errorMessage:n,full:!1,children:(0,I.jsx)(U.jn,{type:"submit",onClick:l,disabled:s,children:A.w.account_premium_credit_card_change_submit})})})]}),(0,I.jsx)(D.p,{visible:s,text:A.w.account_premium_registration_submitting})]})},z=t(26055),K=t(60496),Y=t(19136),J=function(e){var r=e.formValue,t=e.submitResult,i=e.onSubmit,a=e.creditCardFormHandlers,n=[{label:F.P.navigation_breadcrumb_home,path:h.C.HOME},{label:F.P.navigation_breadcrumb_plan,path:h.C.SUBSCRIPTION_STATUS},{label:F.P.navigation_breadcrumb_change_credit,path:h.C.CREDIT_CARD_CHANGE}];return(0,I.jsxs)("div",{className:"c-premium-MobileCreditCardChangeContainerView",children:[(0,I.jsx)($,{}),(0,I.jsx)("div",{className:"c-premium-MobileCreditCardChangeContainerView__panel",children:(0,I.jsx)(q,{formValue:r,onSubmit:i,submitResult:t,creditCardFormHandlers:a})}),(0,I.jsx)("div",{className:"c-premium-MobileCreditCardChangeContainerView__breadcrum-list",children:(0,I.jsx)(P.A,{baseUrl:M.OZ.base,list:n})})]})},$=function(){return(0,I.jsx)("div",{className:"c-premium-MobileCreditCardChangeContainerView__title",children:(0,I.jsx)(H.s,{children:A.w.account_premium_credit_card_change_title})})},q=function(e){var r=e.formValue,t=e.submitResult,i=e.onSubmit,a=e.creditCardFormHandlers,n=(0,T.l)(t),s=t.status===C.a.SUBMITTING,l=(0,B.useCallback)(function(e){e.preventDefault(),i()},[i]);return(0,I.jsxs)("div",{className:"c-premium-MobileCreditCardChangeContainerView__MobileCreditRegistrationForm",children:[(0,I.jsxs)("form",{children:[(0,I.jsx)(z.l,{children:(0,I.jsx)(w.T,{})}),(0,I.jsx)(z.l,{children:(0,I.jsx)(K.d,{formValue:r,handlers:a})}),(0,I.jsx)(z.l,{children:(0,I.jsx)(W,{onSubmit:l,errorMessage:n,disabled:s,full:!0})})]}),(0,I.jsx)(Q,{visible:s})]})},Q=function(e){var r=e.visible;return(0,I.jsx)("div",{className:"c-premium-MobileCreditRegistrationForm__overlay-container","aria-live":"assertive",children:r&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:"c-premium-MobileCreditRegistrationForm__overlay",children:(0,I.jsx)("p",{children:A.w.account_premium_registration_submitting})}),(0,I.jsx)("div",{className:"c-premium-MobileCreditRegistrationForm__overlay-loading",children:(0,I.jsx)(Y.R,{percent:0})})]})})},W=function(e){var r=e.onSubmit,t=e.disabled,i=e.errorMessage,a=e.full;return(0,I.jsx)(L.z,{errorMessage:i,full:a,children:(0,I.jsx)(U.jn,{type:"submit",onClick:r,disabled:t,children:A.w.account_premium_credit_card_change_submit})})},X=t(87328),ee=t(45023),er=t(46689),et=t(33355),ei=t(61603),ea=t(50530),en=t(27713),es=t(95885),el=t(42204),eu=t(49792),ec=t(95779),eo=t(74344),ed=t(43312),em=function(e){var r=(0,ed.c5)(g),t=(0,eu.o)(r),i=(0,E.P)(),a=i.creditCardFormValue,n=i.validate,s=i.isFulfilled,l=i.isValid,u=i.handlers,c=(0,B.useContext)(es.m);(0,B.useEffect)(function(){var r,t,i,a,n,s,l=(0,V.P4)().repository().load(),u=V.JY.create(l);(0,en.N)({props:(0,R._)((0,N._)({},e),{pageId:ei.s.PaymentChangeCredit}),extraPageView:u,noPageview:!0}),t=(r={containerProps:e,adServiceProviderGTMValue:u}).containerProps,i=r.adServiceProviderGTMValue,a=t.location.pathname,n=(0,X.Fr)(),s=(0,ee.z)(a,t,{}),(0,et.vl)({pathname:a,clientId:(0,ea.f)(),pageId:ei.s.PaymentChangeCredit,isMobile:n,extraParams:(0,er.l)({metaData:s,extra:i,isMobile:n})})},[]);

1var o=(0,B.useCallback)(function(){n(),s&&l&&r.submit({creditCardFormValue:a}).catch(eo.H)},[n,s,l,r,a]),d=t.submitResult,m=t.statusCode;return c===el.b.MOBILE?(0,I.jsx)(J,{formValue:a,submitResult:d,onSubmit:o,statusCode:m,creditCardFormHandlers:u}):(0,I.jsx)(k,{formValue:a,submitResult:d,onSubmit:o,creditCardFormHandlers:u})},e_=(0,ed.R_)(function(e){var r=e(g);return(0,ec.A)(em,function(){return r})})},21391:function(e,r,t){t.d(r,{A:function(){return _}});var i=t(64558),a=t(95885),n=t(42204),s=t(96),l=t(9254),u=t(91542),c=t(15479),o=t(30395),d=t.n(o),m=t(1102),_=function(e){var r=e.baseUrl,t=e.list,o=m.useMemo(function(){return{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:t.map(function(e,t){return{"@type":"ListItem",position:t+1,name:e.label,item:r+e.path}})}},[t,r]),_=m.useContext(a.m)===n.b.MOBILE;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("ul",{className:d()("com-m-BreadcrumbList",{"com-m-BreadcrumbList--mobile":_}),children:t.map(function(e,r){return(0,i.jsxs)("li",{className:"com-m-BreadcrumbList__item",children:[0!==r?(0,i.jsx)("div",{className:"com-m-BreadcrumbList__arrow",children:(0,i.jsx)(c.x,{symbolType:c.B.ICONS_NAVIGATION_CHEVRON_RIGHT,"aria-label":"","aria-hidden":!0})}):null,(0,i.jsx)(u.N,{designType:u.v.INLINE,to:r===t.length-1?void 0:e.path,title:e.label,children:(0,i.jsx)("span",{className:"com-m-BreadcrumbList__link",children:(0,i.jsx)(s.t,{text:e.label,lineCount:1})})})]},r)})}),(0,i.jsx)(l.Z,{jsonLdData:o})]})}},95779:function(e,r,t){var i=t(39305),a=t(64558),n=t(17045),s=t(1102);function l(e,r){var t=function(t){var l=(0,s.useRef)(t.location);l.current=t.location;var u=r(),c=u.extractIdentity(t);return(0,n.E)(function(){return u.applyScrollTop("PUSH"===l.current.action?0:c),function(){u.setScrollTop(c)}},[u,c]),(0,a.jsx)(e,(0,i._)({},t))};return t.displayName="restoreScroll(".concat(e.displayName||e.name,")"),t}r.A=l,t.d(r,{a:function(){return l}})}}]);