https://abema.tv/assets/compat/20d7cf4376fd07cc.9272.bundle.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__||=[]).push([[9272],{55243(i,e,t){var n=t(11054);function s(i){let{showEmailInputErrorMessage:e,requestEmailResultHttpStatusCode:t}=i;if(e)return n.w.account_email_setting_error_email;if(null==t)return null;switch(t){case 200:return null;case 400:return n.w.account_email_setting_error_email_400;case 403:return n.w.account_email_setting_error_email_403;default:return n.w.account_email_setting_error_email_500}}t.d(e,{e:()=>s})},39627(i,e,t){t.d(e,{SubscriptionAccountPage:()=>ik});var n=t(86195),s=t(24386),c=t(2953),o=t(36667),r=t(43059),a=t(57014),l=t(22590),u=t(1171),p=t(1892),_=t(88714);function m(i,e){let t=new URLSearchParams,n=(0,_.N)(i);if(null!=n&&t.append("couponPlanId",n),"true"===new URLSearchParams(i.location.search).get("studentOnly")){let c=(0,s.N)();t.append("planGroupId",e),null!=c&&t.append("subscriptionPageId",c);let o=new URLSearchParams(i.location.search);return(0,u.H)({path:p.C.STUDENT_VERIFICATION,currentSearchParams:o,subscriptionFlowQueryParams:{couponPlanId:n,planGroupId:e,subscriptionPageId:c}}).toString()}let c=new URLSearchParams(i.location.search);return(0,u.H)({path:p.C.SUBSCRIPTION_REGISTRATION,currentSearchParams:c,pathParams:{planGroupId:e},subscriptionFlowQueryParams:{couponPlanId:null,subscriptionPageId:null,cross_session_referrer_os:null}}).toString()}var d=t(14425),b=t(55243);let h="accountEmailSettingsForSubscription";var g=t(32832),S=t(95885),C=t(42204),R=t(11054),w=t(84025),I=t(9175),x=t(1564),T=t(10715),N=t(76787),E=t(90536),j=t(83598),A=t(64830),P=t(30395),v=t.n(P),f=t(59724),y=t(98067);let O=i=>{let{onEmailSubmitSuccess:e}=i,t=(0,y.useContext)(S.m)===C.b.MOBILE,[s,c]=(0,y.useState)(!1),[o,r]=(0,y.useState)(""),[a,l]=(0,y.useState)(null),u=(0,f.md)((0,A.c5)(g.u)),p=(0,f.Xr)((0,A.c5)(I.l)),_=(0,A.c5)(x.B),m=(0,y.useCallback)(async()=>{if(!(0,E.B)(o))return void l(R.w.account_email_setting_error_email);if(u){let i=await _({email:o});return i.isErr()?void l((0,w.M)(i.error)):(l(null),void e(o))}let i=await p({email:o,shouldShowErrorNotification:!0,shouldShowRequestAcceptedNotification:!1});i.ok?(l(null),e(o)):l((0,b.e)({showEmailInputErrorMessage:!1,requestEmailResultHttpStatusCode:i.err}))},[o,u,e,_,p]),P=(0,y.useRef)(null);(0,j.f)(P);let O=0===o.length||!s,V=(0,y.useCallback)(async i=>{i.preventDefault(),await m()},[m]);return(0,n.jsxs)("form",{className:v()("com-subscription-account-EmailRegistrationForm",{"com-subscription-account-EmailRegistrationForm--mobile":t}),onSubmit:V,children:[(0,n.jsxs)("div",{className:"com-subscription-account-EmailRegistrationForm__form-item",children:[(0,n.jsx)(N.Sm,{id:h,ref:P,name:"email",type:"email",value:o,autoComplete:"on",colorType:N.Zf.LIGHT,sizeType:N.XH.MEDIUM,placeholder:R.w.account_email_setting_placeholder_email,onChange:i=>{let{value:e}=i.currentTarget;r(e),c((0,E.B)(e))}}),null!=a&&(0,n.jsx)("div",{className:"com-subscription-account-EmailRegistrationForm__error-message",children:(0,n.jsx)(d.d,{text:a})})]}),(0,n.jsx)(T.jn,{type:"submit",onClick:V,disabled:O,children:R.w.account_submit_with_acception_step})]})},V=i=>{let{onEmailSubmitSuccess:e}=i,[t,s]=(0,y.useState)(!1),[c,o]=(0,y.useState)(""),[r,a]=(0,y.useState)(null),[l,u]=(0,y.useState)(!1),p=(0,f.Xr)((0,A.c5)(I.l)),_=(0,y.useCallback)(()=>{let i=!(0,E.B)(c);i?u(i):(u(!1),p({email:c,shouldShowErrorNotification:!0,shouldShowRequestAcceptedNotification:!1}).then(i=>{i.ok?(a(i.val),e(c)):a(i.err)}))},[c,e,p]),m=(0,y.useRef)(null);(0,j.f)(m);let g=0===c.length||!t,S=(0,y.useCallback)(i=>{i.preventDefault(),_()},[_]),C=(0,b.e)({showEmailInputErrorMessage:l,requestEmailResultHttpStatusCode:r});return(0,n.jsxs)("form",{className:"com-subscription-account-LegacyEmailRegistrationForm",onSubmit:S,children:[(0,n.jsxs)("div",{className:"com-subscription-account-LegacyEmailRegistrationForm__form-item",children:[(0,n.jsx)("div",{className:"com-subscription-account-LegacyEmailRegistrationForm__input-form",children:(0,n.jsx)(N.Sm,{id:h,ref:m,name:"email",type:"email",value:c,autoComplete:"on",colorType:N.Zf.LIGHT,sizeType:N.XH.MEDIUM,placeholder:R.w.account_email_setting_placeholder_email,onChange:i=>{let{value:e}=i.currentTarget;o(e),s((0,E.B)(e))}})}),null!=C&&(0,n.jsx)("div",{className:"com-subscription-account-LegacyEmailRegistrationForm__error-message",children:(0,n.jsx)(d.d,{text:C})})]}),(0,n.jsx)("div",{className:"com-subscription-account-LegacyEmailRegistrationForm__submit-button",children:(0,n.jsx)(T.jn,{type:"submit",onClick:S,disabled:g,children:R.w.account_submit_with_acception_step})})]})};var U=t(31615),k=t(74344);async function L(i){let{planGroupId:e}=i;return U.W.push(U.n.PAGE),Promise.resolve().then(t.bind(t,80873)).then(i=>{let{history:t}=i,n=m(t,e);t.replace(n)},k.H)}var G=t(39161),F=t(73267),M=t(62607),D=t(57568);let B=(0,M.R_)((i,e)=>{e(F.s);let t=i(G.o);return(0,D.eU)(null,i=>{L({planGroupId:t.params.planGroupId??""})})}),X=(0,M.R_)((i,e)=>{e(F.s);let t=i(G.o);return(0,D.eU)(null,async()=>{let i=t.params.planGroupId??"";await L({planGroupId:i})})});var Y=t(10445),H=t(87328),z=t(33355),q=t(50530);let Q=(0,M.R_)((i,e)=>{e(F.s);let t=i(G.o);return(0,D.eU)(null,(i,e,n)=>{let c=t.params.planGroupId??"";!function(i){let{step:e,additionalParams:t}=i,n=(0,Y.u)(e,"subscription");null!==n&&(0,z.vl)({pathname:n.pathname,clientId:(0,q.f)(),pageId:n.pageId,isMobile:(0,H.Fr)(),extraParams:{subscription_page_id:t.subscriptionPageId,subscription_plan_group_id:t.subscriptionPlanGroupId}})}({step:n,additionalParams:{subscriptionPageId:(0,s.N)()??"",subscriptionPlanGroupId:c}})})}),W=(0,M.R_)((i,e)=>(e(F.s),(0,D.eU)(a.z.NONE))),K=(0,M.R_)((i,e)=>{e(F.s);let t=i(W);return(0,D.eU)(null,(i,e)=>{e(t,a.z.NONE)})});var Z=t(26984),$=t(20888),J=t(29214);let ii=(0,M.R_)((i,e)=>{e(F.s);let t=new Z.f,n=i($.r),s=(0,J.mg)(n,i=>i.profile?.userId??"");return(0,J.t_)(async i=>{let e=i(s),n=await t.usecase.fetchUserEmail({userId:e});return n.ok?n.val.email:""})}),ie=(0,M.R_)((i,e)=>{e(F.s);let t=i(ii),n=i(W);return(0,D.eU)(null,(i,e,s)=>{e(t,s),e(n,a.z.CONFIRM_TOKEN_FOR_EMAIL_REGISTRATION)})});var it=t(73734),is=t(26479),ic=t(18616);t(6878);var io=t(51189),ir=t(55425),ia=t(37804),il=t(94605),iu=t(57088),ip=t(57508),i_=t(91542),im=t(11794),id=t(99536);let ib=()=>{},ih=()=>{let i=(0,f.md)((0,A.c5)(ii)),e=(0,f.md)((0,A.c5)(W)),t=(0,f.Xr)((0,A.c5)(K)),s=(0,f.Xr)((0,A.c5)(ie)),u=(0,f.Xr)((0,A.c5)(B)),p=(0,f.Xr)((0,A.c5)(X)),_=(0,f.Xr)((0,A.c5)(Q)),d=(0,A.c5)(G.o).params.planGroupId??"",b=(0,f.md)((0,A.c5)(ia.Q)),h=(0,y.useContext)(S.m),g=h===C.b.MOBILE,[w,I]=(0,y.useState)(!1),x=(0,f.md)((0,A.c5)(it.U));(0,y.useEffect)(()=>{_(a.z.INPUT_EMAIL_FOR_FIRST_STEP)},[_]);let T=(0,f.Xr)((0,A.c5)(ip.h)),N=(0,A.c5)(io.w),E=(0,y.useCallback)(async()=>{let i=await T({idpType:c.SI.IDP_TYPE_GOOGLE,returnUrl:m(b,d),failureReturnUrl:b.location.pathname+b.location.search,actionType:c.X2.ACTION_TYPE_REGISTRATION});(0,id.ys)(i)&&N.onOpen({timeoutCount:4e3,kind:(0,iu.t)(i.err instanceof is.s?i.err.statusCode:0,c.X2.ACTION_TYPE_REGISTRATION)})},[T,b,d,N]),j=(0,y.useCallback)(async()=>{let i=await T({idpType:c.SI.IDP_TYPE_APPLE,returnUrl:m(b,d),failureReturnUrl:b.location.pathname+b.location.search,actionType:c.X2.ACTION_TYPE_REGISTRATION});(0,id.ys)(i)&&N.onOpen({timeoutCount:4e3,kind:(0,iu.t)(i.err instanceof is.s?i.err.statusCode:0,c.X2.ACTION_TYPE_REGISTRATION)})},[T,b,d,N]),P=(0,y.useCallback)(()=>{I(!0)},[]),U=(0,y.useCallback)(()=>{I(!1)},[]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(im.$,{children:(0,n.jsxs)("div",{className:v()("c-subscription-account-Sub

1scriptionRegistrationAccountContainerView",{"c-subscription-account-SubscriptionRegistrationAccountContainerView--mobile":g}),children:[(0,n.jsxs)("header",{className:v()("c-subscription-account-SubscriptionRegistrationAccountContainerView__header",{"c-subscription-account-SubscriptionRegistrationAccountContainerView__header--mobile":g}),children:[(0,n.jsx)("h2",{className:v()("c-subscription-account-SubscriptionRegistrationAccountContainerView__sub-title",{"c-subscription-account-SubscriptionRegistrationAccountContainerView__sub-title--mobile":g}),children:ic.u.subscription_email_settings_title}),(0,n.jsxs)("div",{className:v()("c-subscription-account-SubscriptionRegistrationAccountContainerView__description",{"c-subscription-account-SubscriptionRegistrationAccountContainerView__description--mobile":g}),children:[(0,n.jsx)("p",{children:ic.u.subscription_email_settings_description_line1}),(0,n.jsxs)("p",{children:[(0,n.jsx)(i_.N,{className:"c-subscription-account-SubscriptionRegistrationAccountContainerView__link",designType:i_.v.NONE,to:ir.p.TERMS,target:"_blank",rel:"noopener",children:R.w.account_input_email_terms}),ic.u.subscription_email_settings_description_line2_and,(0,n.jsx)(i_.N,{className:"c-subscription-account-Sub

1scriptionRegistrationAccountContainerView__link",designType:i_.v.NONE,to:ir.p.PRIVACYPOLICY,target:"_blank",rel:"noopener",children:R.w.account_input_email_privacy}),ic.u.subscription_email_settings_description_line2_suffix]})]})]}),x?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:v()("c-subscription-account-SubscriptionRegistrationAccountContainerView__sso-section",{"c-subscription-account-SubscriptionRegistrationAccountContainerView__sso-section--mobile":g}),children:[(0,n.jsx)(il.w,{idpType:c.SI.IDP_TYPE_GOOGLE,onClick:E}),(0,n.jsx)(il.w,{idpType:c.SI.IDP_TYPE_APPLE,onClick:j})]}),(0,n.jsx)("div",{className:v()("c-subscription-account-SubscriptionRegistrationAccountContainerView__form-section","c-subscription-account-SubscriptionRegistrationAccountContainerView__form-section--after-sso",{"c-subscription-account-SubscriptionRegistrationAccountContainerView__form-section--mobile":g}),children:(0,n.jsx)(O,{onEmailSubmitSuccess:s})})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:v()("c-subscription-account-Sub

1scriptionRegistrationAccountContainerView__form-section",{"c-subscription-account-SubscriptionRegistrationAccountContainerView__form-section--mobile":g}),children:(0,n.jsx)(V,{onEmailSubmitSuccess:s})}),(0,n.jsxs)("div",{className:v()("c-subscription-account-SubscriptionRegistrationAccountContainerView__divider",{"c-subscription-account-SubscriptionRegistrationAccountContainerView__divider--mobile":g}),children:[(0,n.jsx)("span",{className:"c-subscription-account-SubscriptionRegistrationAccountContainerView__divider-line"}),(0,n.jsx)("span",{className:v()("c-subscription-account-SubscriptionRegistrationAccountContainerView__divider-text",{"c-subscription-account-SubscriptionRegistrationAccountContainerView__divider-text--mobile":g}),children:ic.u.subscription_or_divider}),(0,n.jsx)("span",{className:"c-subscription-account-SubscriptionRegistrationAccountContainerView__divider-line"})]}),(0,n.jsxs)("div",{className:v()("c-subscription-account-SubscriptionRegistrationAccountContainerView__sso-section",{"c-subscription-account-Sub

1scriptionRegistrationAccountContainerView__sso-section--mobile":g}),children:[(0,n.jsx)(il.w,{idpType:c.SI.IDP_TYPE_GOOGLE,onClick:E}),(0,n.jsx)(il.w,{idpType:c.SI.IDP_TYPE_APPLE,onClick:j})]})]}),(0,n.jsx)("button",{type:"button",className:v()("c-subscription-account-SubscriptionRegistrationAccountContainerView__switch-account-link",{"c-subscription-account-SubscriptionRegistrationAccountContainerView__switch-account-link--mobile":g}),onClick:P,children:ic.u.subscription_switch_to_registered_account}),(0,n.jsxs)("div",{className:v()("c-subscription-account-SubscriptionRegistrationAccountContainerView__notes",{"c-subscription-account-SubscriptionRegistrationAccountContainerView__notes--mobile":g}),children:[(0,n.jsx)("p",{className:"c-subscription-account-SubscriptionRegistrationAccountContainerView__notes-title",children:ic.u.subscription_email_notes_title}),(0,n.jsxs)("ul",{className:"c-subscription-account-SubscriptionRegistrationAccountContainerView__notes-list",children:[(0,n.jsx)("li",{children:ic.u.subscription_email_notes_item1}),(0,n.jsx)("li",{children:ic.u.subscription_email_notes_item2}),(0,n.jsx)("li",{children:ic.u.subscription_email_notes_item3}),(0,n.jsx)("li",{children:ic.u.subscription_email_notes_item4})]}

1),(0,n.jsx)("p",{className:"c-subscription-account-SubscriptionRegistrationAccountContainerView__notes-footer",children:ic.u.subscription_email_notes_footer})]})]})}),(0,n.jsx)(l.xW,{isShow:w,step:l.Qq.AccountChangeMethodSelect,onChangeStep:o.t,onClose:U,onAccountChangeSuccess:u,shouldCloseOnOverlayClick:h===C.b.MOBILE,showAttentionMessage:!0,ssoReturnUrl:m(b,d),ssoFailureReturnUrl:b.location.pathname+b.location.search}),(0,n.jsx)(r.s,{email:i,step:e,disableTransition:!0,onRequestClose:t,onSuccess:p,onCancel:t,onChangeStep:_,onChangeAccountButtonClick:ib})]})},ig=()=>((0,y.useEffect)(()=>{window.scrollTo(0,0)},[]),(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(ih,{})}));var iS=t(80057);let iC=(0,M.Ds)({id:null,planGroupId:null,variationId:null,couponPlanId:null});var iR=t(80873);let iw=i=>{let{planGroupId:e,subscriptionPageId:t,children:s}=i,c=(0,y.useMemo)(()=>{let i=(0,_.N)(iR.history);return{id:t,planGroupId:e,variationId:(0,iS.W)(),couponPlanId:i??null}},[e,t]);return(0,n.jsx)(A.Ui,{scope:iC,value:c,children:s})};var iI=t(34252),ix=t(68714),iT=t(83133),iN=t(53535);let iE=(0,M.R_)((i,e)=>{let{planGroupId:t,id:n,couponPlanId:s,variationId:c}=e(iC);return(0,D.eU)(async()=>{let i=await (0,ix.Q)({id:n,planGroupId:t,purchaseTypes:iT.D,variationId:c,couponPlanId:s});return i.ok&&null!=i.val.subscriptionPage?(0,iN.f)(i.val.subscriptionPage).map(i=>i.plan):null})}),ij=(0,M.R_)((i,e)=>{let{id:t,couponPlanId:n}=e(iC),s=i(iE);return(0,D.eU)(async i=>{let e=await i(s);return e?.at(0)==null?null==t?p.C.SUBSCRIPTION_STATUS:(0,iI.Y)({subscriptionPageId:t,couponPlanId:n??null}):null})});var iA=t(39503),iP=t(66729),iv=t(74574),iy=t(3845),iO=t(21046),iV=t(49116),iU=t(83850);function ik(){let i=(0,A.c5)(G.o),e=(0,s.N)(),t=i.params.planGroupId;return(0,n.jsxs)(iA.p,{scrollToTopOnPageTransition:!0,locationType:null,children:[(0,n.jsx)(iy.O,{title:(0,iV.L)(iU.E.SUBSCRIPTION_ACCOUNT),noindex:!0}),(0,n.jsx)(iw,{planGroupId:t,subscriptionPageId:e,children:(0,n.jsx)(y.Suspense,{fallback:(0,n.jsx)(iO.p,{visible:!0,text:""}),children:(0,n.jsx)(iL,{})})})]})}let iL=()=>{let i=(0,f.md)((0,A.c5)(ij));return null!=i&&(0,iv.T)(i,iP.zB.REPLACE),(0,n.jsx)(ig,{})}}}]);