https://myfans.jp/_next/static/chunks/pages/account/features/hd_access-623c4e54bbcccd44.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];if(null!=a)for(var t in a)a.hasOwnProperty(t)&&(e[t]=a[t])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:myfans-web":!0});var s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="2c27e930-fcbf-4f2e-9707-d505b7c1f781",e._sentryDebugIdIdentifier="sentry-dbid-2c27e930-fcbf-4f2e-9707-d505b7c1f781")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7973],{16931:(e,s,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/features/hd_access",function(){return a(76585)}])},76585:(e,s,a)=>{"use strict";a.r(s),a.d(s,{__N_SSG:()=>J,default:()=>Q});var t=a(15383),l=a(86449),n=a(68862),r=a(50128),i=a(47958),d=a(42957),c=a(98590),x=a(99677),o=a.n(x),m=a(68432),p=a.n(m),f=a(99689),u=a(71042),h=a(14343),g=a(23244),j=a(8397),_=a(66933),y=a(72009),N=a(17222),b=a(47189),v=a(39155),w=a(48030),A=a(17506),C=a(51689),S=a(90915),M=a(99573),k=a(4964),E=a(23245),I=a(72705),P=a(84611),L=a(62588),R=a(11782),D=a(98799),U=a(38327),W=a(33973),z=a(52636),$=a(83788),O=a(76754),T=a(34251),F=a(35528);let q=({className:e=""})=>(0,t.jsxs)("svg",{width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[(0,t.jsx)("circle",{cx:"32",cy:"32",r:"30",fill:"#15AA86",stroke:"white",strokeWidth:"4"}),(0,t.jsx)("path",{d:"M16.1333 31.5333L27.2623 42.7333L48.5666 22.2",stroke:"white",strokeWidth:"7",strokeLinecap:"round"})]}),Y=({feature:e,onOpenChange:s,open:a,afterSubmit:l,intent:r="cancellation",canUpgradeToYearly:i=!1})=>{let d,x,o,m,p=(0,u.sf)(),g=(0,w.M)(),_=(0,h.useRef)(!1),{control:b,formState:{isValid:Y},setValue:H,watch:B}=(0,I.mN)({mode:"onChange"}),G=B("reason"),K=B("body"),{t:J}=(0,F.Bd)(),{numberWithExchangeRate:Q}=(0,N.Rf)(),{data:V,isInitialLoading:X}=(0,v.J_P)(a),Z=(0,h.useMemo)(()=>V?.map(e=>({value:e.value,label:e.label}))||[],[V]),ee=(0,f.useRouter)(),{setUser:es}=(0,y.As)(),{enqueueSnackbar:ea}=(0,E.dh)(),et=(0,R.VN)(),[el,en]=(0,h.useState)(!1),[er,ei]=(0,h.useState)(!1),[ed,ec]=(0,h.useState)(!1),[ex,eo]=(0,h.useState)(!0),[em,ep]=(0,h.useState)(!1),[ef,eu]=(0,h.useState)(!1),[eh,eg]=(0,h.useState)(!1),[ej,e_]=(0,h.useState)(!1),[ey,eN]=(0,h.useState)(!1),[eb,ev]=(0,h.useState)(!1);(0,v.veA)(T.i.PREMIUM_YEARLY_UPGRADE_PENDING_MODAL_SHOWN,{payment_method:e?.user_feature?.payment_method??null},a&&ey,a&&ey),(0,v.veA)(T.i.PREMIUM_YEARLY_UPGRADE_MODAL_SHOWN,{intent:"yearlyUpgrade"===r?"active":"passive",payment_method:e?.user_feature?.payment_method??null},a&&er,a&&er),(0,h.useEffect)(()=>{en(!1)},[]),(0,h.useEffect)(()=>{a&&ew()},[a]);let ew=()=>{H("reason","placeholder"),H("body",""),H("agreeFeesApply",!1),H("notSeeImmediately",!1),H("seePostsWithoutPaying",!1),_.current=!1,e?.user_feature?.yearly_upgrade_status==="pending"?(ei(!1),ec(!1),eo(!1),eN(!0)):(e?.user_feature?.billing_cycle!=="monthly"||!i||e.user_feature.overdue||e.user_feature.is_free_now?e?.user_feature?.free_until?(ei(!1),ec(!0),eo(!1)):(ei(!1),ec(!1),eo(!0)):(_.current=!0,ei(!0),ec(!1),eo(!1)),eN(!1)),ep(!1),eu(!1),eg(!1),e_(!1),ev(!1)},eA=()=>{s(!1),setTimeout(()=>{s(!1)},1e3)},eC=async()=>{en(!0);let a={key:D.m.HD_ACCESS,reason:G,body:K},{data:t,error:n}=await P.ewx(a);if(n){ea((0,W.u1)(n),{variant:"error"}),en(!1),s(!1);return}t&&(p?.capture(T.i.CANCEL_HD_SUBSCRIPTION,{plan_type:"hd",cancel_reason:G,other_reason:K}),g?.capture(T.i.PREMIUM_CANCELLATION_COMPLETED,{payment_method:e?.user_feature?.payment_method??null,had_yearly_upgrade_shown:_.current}),es(t),et(),ee.push(U.y.account.features.hd_access.$url()),l&&l()),ep(!1),eu(!1),e_(!0),en(!1)},eS=()=>{er&&(g?.capture(T.i.PREMIUM_CANCELLATION_PROCEED_CLICKED,{payment_method:e?.user_feature?.payment_method??null}),ei(!1),e?.user_feature?.free_until?ec(!0):eo(!0)),ed&&(ec(!1),eo(!0)),ex&&(ep(!0),eo(!1)),em&&(ep(!1),e?.should_offer_next_renewal_free?eu(!0):eC()),ef&&eC()},eM=async()=>{en(!0);let{data:e,error:s}=await P.Tho(D.m.HD_ACCESS);e&&(eu(!1),eg(!0),l&&l()),s&&ea((0,W.u1)(s),{variant:"error"}),en(!1)},ek=async()=>

1{if(!e)return;g?.capture(T.i.PREMIUM_YEARLY_UPGRADE_CONFIRM_CLICKED,{intent:"yearlyUpgrade"===r?"active":"passive",payment_method:e.user_feature?.payment_method??null}),en(!0);let{error:s}=await P.oAc(e.key);s?ea((0,W.u1)(s),{variant:"error"}):(g?.capture(T.i.PREMIUM_YEARLY_UPGRADE_SCHEDULED,{intent:"yearlyUpgrade"===r?"active":"passive",payment_method:e.user_feature?.payment_method??null}),ei(!1),ev(!0),l?.()),en(!1)},eE=!ed&&(!Y||"placeholder"===G);return(0,t.jsx)(L.J,{open:a,onOpenChange:s,dismissible:!el,title:(0,t.jsxs)(t.Fragment,{children:[er&&(0,t.jsx)("span",{children:J("年払いなら、お得にそのまま継続できます")}),ey&&(0,t.jsx)("span",{children:J("年払いへの切り替え予約中です")}),ed&&(0,t.jsx)("span",{children:J("myfansプレミアム会員の解約")}),ex&&(0,t.jsx)("span",{children:J("myfansプレミアム会員の解約")}),em&&(0,t.jsx)("div",{className:"text-xl/[28px] text-primary",children:J("本当に解約しますか？")}),ef&&(0,t.jsx)("div",{className:"whitespace-pre-line",children:(0,t.jsx)(F.x6,{i18nKey:"<0>２週間無料</0>でmyfansプレミアム会員\nを続けませんか？",components:[(0,t.jsx)("span",{className:"text-primary"},0)]})}),eh&&(0,t.jsx)("div",{className:"whitespace-pre",children:(0,t.jsx)(F.x6,{i18nKey:"<0>２週間無料</0>で\n契約を延長いたしました",components:[(0,t.jsx)("span",{className:"text-primary"},0)]})}),ej&&(0,t.jsx)("span",{children:J("myfansプレミアム会員を解約しました")}),eb&&(0,t.jsx)("div",{className:"whitespace-pre-line",children:J("myfansプレミアム会員を\n年払いに変更しました")})]}),footer:er?(0,t.jsxs)("div",{className:"mt-1 flex flex-col items-center gap-2",children:[(0,t.jsx)(A.$nd,{className:"!text-base !font-semibold",color:"primary",fullWidth:!0,loading:el,size:"large",variant:"contained",onClick:ek,children:J("年払いに変更する")}),(0,t.jsx)(A.$nd,{className:"!py-2 !text-base !font-semibold",color:"primary",disabled:el,variant:"text",onClick:"cancellation"===r?eS:()=>s(!1),children:"cancellation"===r?J("解約する"):J("キャンセル")})]}):ey?(0,t.jsx)(A.$nd,{className:"!text-base !pt-3",color:"primary",onClick:eA,fullWidth:!0,size:"large",variant:"text",children:J("閉じる")}):eb?(0,t.jsx)(A.$nd,{color:"primary",onClick:eA,fullWidth:!0,size:"large",variant:"text",children:J("閉じる")}):eh||ej?(0,t.jsx)("div",{className:"flex justify-center gap-2",children:(0,t.jsx)(A.$nd,{loading:el,color:"primary",onClick:eA,fullWidth:!0,size:"large",variant:"outlined",children:J("閉じる")})}):(0,t.jsx)("div",{className:"flex items-center justify-center gap-3",children:ef?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"flex-[2]",children:(0,t.jsx)(A.$nd,{loading:el,color:"primary",onClick:eM,fullWidth:!0,size:"large",variant:"contained",children:J("２週間無料で続ける")})}),(0,t.jsx)("div",{className:"flex-1",children:(0,t.jsx)(A.$nd,{loading:el,color:"primary",onClick:eS,fullWidth:!0,size:"large",variant:"text",children:J("解約する")})})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"flex-[2]",children:(0,t.jsx)(A.$nd,{loading:el,color:"primary",onClick:()=>s(!1),fullWidth:!0,size:"large",variant:"contained",children:J("解約をやめる")})}),(0,t.jsx)("div",{className:"flex-1",children:(0,t.jsx)(A.$nd,{color:"primary",disabled:eE,loading:el,onClick:eS,fullWidth:!0,type:"submit",size:"large",variant:"text",children:J("解約する")})})]})}),children:el?(0,t.jsx)("div",{className:"flex h-28 items-center justify-center",children:(0,t.jsx)(k.A,{size:20})}):(0,t.jsxs)(t.Fragment,{children:[er&&(d=Q(e?.price),x=(0,z.z)(Q(e?.annual_price)??0),o=e&&e.price>0?(0,z.O)(e):0,(0,t.jsxs)("div",{className:"mt-1 flex flex-col gap-5",children:[(0,t.jsx)("div",{className:"border-b-[0.5px] border-divider"}),(0,t.jsxs)("p",{className:"text-center text-sm font-light text-disabled leading-5",children:["cancellation"===r&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{children:J("解約すると、myfansプレミアム会員の特典は利用できなくなります。")}),(0,t.jsx)("br",{})]}),(0,t.jsx)("span",{children:J("{{date, datetime}}から年払いへ切り替え可能です。切り替えて、よりオトクに継続しませんか？",{date:(0,c.A)(e?.user_feature?.next_renewal_at??""),formatParams:{date:$.Qj}})})]}),(0,t.jsxs)("div",{className:"flex gap-2",children:[(0,t.jsxs)("div",{className:"flex w-[120px] shrink-0 flex-col self-stretch gap-1 rounded bg-textblack-bg p-1",children:[(0,t.jsx)("p",{className:"w-full text-center text-xs font-semibold leading-4 text-[#171717]",children:J("現在")}),(0,t.jsxs)("div",{className:"flex h-6 w-full items-center justify-center gap-0.5",children:[(0,t.jsx)(j.S,{formattedAmount:(0,O.A)(d),size:"md",bold:!0}),(0,t.jsx)("span",{className:"text-xxs font-light leading-[14px]",children:`/ ${J("月")}`})]})]}),(0,t.jsxs)("div",{className:"flex flex-1 min-w-px flex-col self-stretch gap-1 rounded bg-primary-bg p-1",children:[(0,t.jsx)("p",{className:"w-full text-center text-xs font-semibold leading-4 text-[#171717]",children:J("年払い")}),(0,t.jsxs)("div",{className:"flex h-6 w-full items-center justify-center gap-0.5",children:[(0,t.jsx)(j.S,{formattedAmount:(0,O.A)(x),size:"md",bold:!0}),(0,t.jsx)("span",{className:"text-xxs font-light leading-[14px]",children:`/ ${J("月換算")}`}),(0,t.jsx)("span",{className:"inline-flex items-center rounded bg-primary px-1 text-xxs font-semibold leading-4 text-white",children:J("{{percent}}%OFF",{percent:o})})]})]})]}),(0,t.jsxs)("ul",{className:"flex list-disc flex-col gap-1 pl-4 text-xxs font-light leading-4 text-disabled marker:text-[8px]",children:[(0,t.jsx)("li",{children:J("月額プランの残り期間は失われません。")}),(0,t.jsx)("li",{children:J("年払いに切り替えても、現在の月額プランは終了日までそのまま利用できます。")}),(0,t.jsx)("li",{children:J("月額プラン終了後、自動で年払いプランへ切り替わります。")})]})]})),ey&&(0,t.jsxs)("div",{className:"mt-1 flex flex-col gap-5",children:[(0,t.jsx)("div",{className:"border-b-[0.5px] border-divider"}),(0,t.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,t.jsxs)("p",{className:"text-center text-sm font-light text-disabled leading-5",children:[e?.user_feature?.next_renewal_at&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{children:J("現在の月額プランは、{{date, datetime}}

1までそのままご利用いただけます。",{date:(0,c.A)(e.user_feature.next_renewal_at),formatParams:{date:$.Qj}})}),(0,t.jsx)("br",{})]}),(0,t.jsx)("span",{children:J("終了後、年払いプランへ自動で切り替わります。")})]}),(0,t.jsxs)("ul",{className:"flex list-disc flex-col pl-4 text-xxs font-light leading-4 text-disabled marker:text-[8px]",children:[(0,t.jsx)("li",{children:J("お申し込み済みの年払い切り替えはキャンセルできません。")}),(0,t.jsx)("li",{children:J("年払い開始後に次回更新の停止を設定することができます。")})]})]})]}),ed&&(m=e?.user_feature?.is_next_renewal_free&&!e?.user_feature?.is_free_now?{title:J("次回更新から2週間無料になります。"),description:J("無料期間は以下の日付まで適用されます。"),warning:J("解約すると、予定されている2週間無料は適用されません。")}:{title:J("myfansプレミアム会員の無料期間中です。"),description:J("以下の日付まで無料でご利用いただけます。"),warning:J("解約すると、myfansプレミアム会員の無料期間も失われます。")},(0,t.jsxs)("div",{className:"flex flex-col gap-5 text-center",children:[(0,t.jsx)("div",{className:"border-b-[0.5px] border-divider"}),e?.user_feature?.free_until&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsxs)("div",{className:"space-x-1 text-[14px] font-semibold text-error",children:[(0,t.jsx)(n.gc,{icon:C.JAe,className:"text-[16px]"}),(0,t.jsx)("span",{children:m.title})]}),(0,t.jsx)("div",{className:"text-[11px] font-light",children:m.description})]}),(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsx)("div",{className:"w-full rounded-lg bg-primary/10 px-3 py-4 text-[16px]/none font-semibold text-primary",children:J("{{date, datetime}}",{date:(0,c.A)(e?.user_feature?.free_until),formatParams:{date:$.s2}})}),(0,t.jsx)("div",{className:"text-xs/[16px] text-desc",children:m.warning})]})]})]})),ex&&(0,t.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,t.jsx)("div",{className:"border-b-[0.5px] border-divider"}),(0,t.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,t.jsx)("h3",{className:"text-[14px]/none font-semibold",children:J("解約理由")}),(0,t.jsx)(I.xI,{name:"reason",control:b,defaultValue:"placeholder",render:({field:e,formState:{errors:s}})=>(0,t.jsx)(S.A,{fullWidth:!0,error:!!s.reason,children:(0,t.jsxs)(A.l6P,{displayEmpty:!0,...e,style:{color:"placeholder"===e.value?"rgba(56, 56, 56, 0.3)":""},disabled:X,ref:null,children:[(0,t.jsx)(M.A,{disabled:!0,value:"placeholder",children:X?J("読み込み中..."):J("選択してください")}),Z.map(e=>(0,t.jsx)(M.A,{style:{whiteSpace:"break-spaces"},value:e.value,children:e.label},e.value))]})})})]}),"premium_other_free_text"===G&&(0,t.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,t.jsx)("h3",{className:"text-[14px]/none font-semibold",children:J("詳細")}),(0,t.jsx)(I.xI,{control:b,name:"body",rules:{required:J("その他の理由を入力してください")},render:({field:e,fieldState:{error:s}})=>(0,t.jsx)(A.pde,{...e,fullWidth:!0,value:e.value?e.value:"",onChange:e.onChange,placeholder:J("その他の理由を入力してください"),error:!!s,helperText:s?.message,multiline:!0,minRows:6,autoComplete:"off",ref:null})})]})]}),(0,t.jsx)("div",{className:"border-b-[0.5px] border-divider"}),(0,t.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,t.jsx)("h3",{className:"text-[14px]/none font-semibold",children:J("ご確認事項")}),(0,t.jsxs)("div",{className:"flex flex-col gap-2 rounded-lg bg-primary/10 p-3 text-xs",children:[(0,t.jsx)(I.xI,{control:b,name:"seePostsWithoutPaying",rules:{required:!0},render:({field:e})=>(0,t.jsx)(A.Sc0,{...e,checked:!!e.value,label:(0,t.jsx)("div",{className:"pt-0.5 text-xs/[16px] text-primary",children:J("解約すると、その時点を以てmyfansプレミアム会員の特典を利用できなくなります。")}),ref:null})}),(0,t.jsx)(I.xI,{control:b,name:"notSeeImmediately",rules:{required:!0},render:({field:e})=>(0,t.jsx)(A.Sc0,{...e,checked:!!e.value,label:(0,t.jsx)("div",{className:"pt-0.5 text-xs",children:J("有効期限前に解約した場合の日割り計算による返金はいたしません。")}),ref:null})}),(0,t.jsx)(I.xI,{control:b,name:"agreeFeesApply",rules:{required:!0},render:({field:e})=>(0,t.jsx)(A.Sc0,{...e,checked:!!e.value,label:(0,t.jsx)("div",{className:"pt-0.5 text-xs",children:J("解約後、同じプランに加入すると、再度加入日から起算された料金がかかります。")}),ref:null})})]}),eE&&(0,t.jsxs)("div",{className:"mx-auto flex items-end gap-1 text-[14px]/[20px] font-light text-[#F20D0D]",children:[(0,t.jsx)(n.gc,{icon:C.JAe,fontSize:20}),(0,t.jsx)("p",{children:J("ご確認事項への同意が必要です。")})]})]})]}),em&&(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,t.jsx)("div",{className:"text-[14px]/[1.4] text-center font-light",children:J("会員限定の機能を利用できなくなります。")}),(0,t.jsx)(A.lrG,{})]}),ef&&(0,t.jsx)("div",{className:"flex flex-col gap-6",children:(0,t.jsx)(A.yqp,{})}),eh&&(0,t.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,t.jsx)("div",{className:"text-[14px]/none text-center font-light",children:J("引き続き、myfansプレミアム会員をお楽しみください")}),(0,t.jsxs)("div",{className:"relative -right-2 h-36",children:[(0,t.jsx)(A.yqp,{className:"rotate-[4deg] scale-75"}),(0,t.jsx)("div",{className:"absolute bottom-1 left-4 z-10",children:(0,t.jsx)(q,{className:"drop-shadow-[0px_4px_8px_rgba(0,0,0,0.08)]"})})]})]}),ej&&(0,t.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,t.jsx)("div",{className:"flex flex-col gap-4",children:(0,t.jsx)("div",{className:"whitespace-pre text-center text-[14px] font-light",children:J("また機会がありましたら、\nご契約をお願いいたします")})}),(0,t.jsx)("div",{className:"flex justify-center py-2",children:(0,t.jsx)(q,{})})]}),eb&&(0,t.jsxs)("div",{className:"mt-1",children:[(0,t.jsx)("p",{className:"text-sm font-light leading-[1.4] text-center",children:J("次回更新日から年払いプランに切り替わります。")}),(0,t.jsx)("div",{className:"flex justify-center mt-2 py-2",children:(0,t.jsx)(q,{})})]})]})})};var H=a(15516);let B=({showCtaButton:e,onClickUpgrade:s})=>{let{t:a}=(0,F.Bd)();return(0,t.jsxs)("div",{className:"relative overflow-hidden",children:[(0,t.jsx)(o(),{src:"/images/hd_access/premium/hero_bg.png",fill:!0,className:"object-cover",alt:"",priority:!0}),(0,t.jsxs)("div",{className:"relative flex flex-col items-center gap-3 px-[37px] pb-6 pt-[30px]",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center",children:[(0,t.jsx)(A.St5,{}),(0,t.jsxs)("div",{className:"mt-[5px] flex flex-col gap-2 text-center",children:[(0,t.jsx)("p",{className:"text-[22px] font-semibold leading-8 text-white [text-shadow:0_0_3px_rgba(0,0,0,0.8)]",children:(0,t.jsx)(F.x6,{i18nKey:"<0>会員限定機能</0>が盛り沢山！<1/>myfansをもっと楽しもう",components:[(0,t.jsx)("span",{className:"bg-[linear-gradient(101deg,#ffd700_0%,#f0d875_50%,#d4af37_100%)] bg-clip-text text-transparent [text-shadow:none]"},0),(0,t.jsx)("br",{},1)]})}),(0,t.jsx)("p",{className:"whitespace-pre-line text-extrasmall font-light leading-[22px] text-white [text-shadow:0_0_4px_black]",children:a("限定機能で、いつもの体験がもっと快適に。\n今後も新機能・特典が続々追加されます。")})]})]}),e&&(0,t.jsx)("div",{className:"mb-2",children:(0,t.jsx)(A.A3_,{onClick:s})})]})]})},G=({feature:e,userFeature:s,canUpgradeToYearly:a,onClickDowngrade:r,onClickYearlyUpgrade:i})=>{let{t:d}=(0,F.Bd)(),{numberWithExchangeRate:x}=(0,N.Rf)(),o="yearly"===s.billing_cycle?(0,z.z)(x(e.annual_price)??0):x(e.price),m=(0,O.A)(o),f=(0,H.f)(s.overdue?.expires_at);return(0,t.jsxs)("div",{className:"flex w-full flex-col gap-4 border-t-[0.5px] border-[rgba(0,0,0,0.2)] p-6",children:[(0,t.jsxs)("div",{className:"flex w-full flex-col gap-3",children:[(0,t.jsxs)("div",{className:"flex w-full items-center gap-1",children:[(0,t.jsx)("span",{className:"flex-1 text-xl font-semibold leading-7 text-primary",children:d("myfansプレミアム会員")}),f?(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)(n.gc,{icon:l.a$,className:"size-3 text-error"}),(0,t.jsx)("span",{className:"text-[10px] font-light leading-[1.4] text-error",children:f.isLessThan24h?d("本日{{expiresTime}}自動解約",{expiresTime:f.expiresTime}):d("あと{{remainDays}}日",{remainDays:f.days})})]}),(0,t.jsx)("span",{className:"shrink-0 rounded bg-error px-1 py-0.5 text-[10px] font-semibold leading-[1.4] text-white",children:d("決済失敗中")})]}):(0,t.jsx)("span",{className:"shrink-0 rounded bg-[#15aa86] px-1 py-0.5 text-[10px] font-semibold leading-[1.4] text-white",children:d("加入中")})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2 justify-end",children:[s.is_free_now&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"rounded-[3px] border-[0.5px] border-primary bg-white p-1.5 text-extrasmall font-semibold leading-[1.4] text-primary mr-auto",children:d("無料期間中")}),(0,t.jsx)(j.S,{formattedAmount:m,size:"md",className:"text-[#adacac] line-through leading-[1.4]"})]}),(0,t.jsxs)("span",{children:[(0,t.jsx)(j.S,{formattedAmount:s.is_free_now?"0":m,size:"xl",bold:!0,className:"leading-[1.4]"}),(0,t.jsx)("span",{className:"text-[11px] font-light leading-[1.4]",children:` / ${d("月")}

1${"yearly"===s.billing_cycle?`（${d("年払い")}）`:""}`})]})]})]}),(0,t.jsxs)("div",{className:"flex w-full flex-col",children:[(0,t.jsxs)("div",{className:"mt-1 text-[10px] font-light leading-[1.4] text-[#858585]",children:[(0,t.jsxs)("div",{className:"flex justify-end gap-3",children:[(0,t.jsx)("span",{children:`${d("加入日")}：${d("{{date, datetime}}",{date:(0,c.A)(s.created_at),formatParams:{date:$.s2}})}`}),(0,t.jsx)("span",{children:`${d("次回更新日")}：${d("{{date, datetime}}",{date:(0,c.A)(s.next_renewal_at),formatParams:{date:$.s2}})}`})]}),s.is_free_now&&(0,t.jsx)("p",{className:"mt-1 text-right",children:d("次回更新日以降は、料金が自動発生します。")}),"pending"===s.yearly_upgrade_status&&s.switch_at&&(0,t.jsx)("p",{className:"mt-1 mb-2 text-right",children:d("{{date, datetime}}から年払いへ移行します",{date:(0,c.A)(s.switch_at),formatParams:{date:$.s2}})})]}),f&&(0,t.jsx)(p(),{href:U.y.account.premium_members.resettle.$url(),className:"mt-3 block w-full",children:(0,t.jsx)(A.$nd,{fullWidth:!0,variant:"contained",className:"h-9 text-[12px]/none",children:d("今すぐ決済情報を更新")})}),"monthly"===s.billing_cycle&&"pending"!==s.yearly_upgrade_status&&a&&!s.overdue&&!s.is_free_now&&(0,t.jsx)(A.$nd,{color:"gradient",fullWidth:!0,size:"large",sx:{mt:2,"&.MuiButton-sizeLarge":{fontSize:16,lineHeight:"24px"}},type:"button",variant:"contained",onClick:i,children:d("お得に利用する")}),(0,t.jsx)("button",{type:"button",onClick:r,className:"text-extrasmall leading-[16px] text-[#0587ff] underline self-end bg-white font-light mt-2",children:d("解約")})]})]})},K=({feature:e,onClickUpgrade:s})=>{let{t:a}=(0,F.Bd)(),{numberWithExchangeRate:c}=(0,N.Rf)(),x=(0,z.O)(e),m=(0,O.A)((0,z.z)(c(e.annual_price)??0)),p=(0,O.A)(c(e.price)),f=()=>{s()};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex w-full flex-col items-end gap-2 mt-4 px-4",children:[(0,t.jsxs)("div",{className:"relative flex w-full items-center justify-center rounded-xl bg-[linear-gradient(177deg,#faf6eb_0%,#f5edd4_100%)] px-4 py-3 shadow-[0_0_10px_rgba(0,0,0,0.1)]",children:[(0,t.jsxs)("div",{className:"absolute left-1/2 top-[-9px] flex -translate-x-1/2 items-center gap-1 rounded-full bg-[linear-gradient(140.44deg,#d4af37_0%,#f0d875_50%,#c9a84c_100%)] px-4 py-1",children:[(0,t.jsx)(o(),{src:"/images/hd_access/premium/icon_recommend.svg",width:12,height:10,alt:""}),(0,t.jsx)("span",{className:"text-[10px]/[1.0] font-semibold tracking-[0.44px] text-[#5a4210]",children:a("おすすめ")})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2 whitespace-nowrap",children:[(0,t.jsx)("span",{className:"text-[11px] font-light leading-none",children:a("年額プラン")}),(0,t.jsxs)("span",{className:"flex items-end gap-1",children:[(0,t.jsx)(j.S,{formattedAmount:m,size:"xl",bold:!0,className:"flex items-baseline leading-normal bg-[linear-gradient(45.08deg,#b4811c_11.56%,#eab534_46.78%,#b47e23_82%)] bg-clip-text text-transparent"}),(0,t.jsx)("span",{className:"bg-[linear-gradient(45.08deg,#b4811c_11.56%,#eab534_46.78%,#b47e23_82%)] bg-clip-text text-extrasmall font-semibold leading-6 text-transparent",children:a("/月")})]}),(0,t.jsx)("span",{className:"text-[10px] font-light leading-6",children:`(${a("年払い")})`}),(0,t.jsx)("span",{className:"rounded-[6px] bg-[#B4911E1F] px-2 py-0.5 text-[9px]/[1.0] font-light text-[#7b6840]",children:a("約{{percent}}%OFF",{percent:x})})]})]}),(0,t.jsxs)("p",{className:"text-[11px]/[1.6] font-light",children:[(0,t.jsx)("span",{children:"※"}),(0,t.jsx)(F.x6,{i18nKey:"月額プラン：{{price}}/月",components:{price:(0,t.jsx)(j.S,{formattedAmount:p,size:"sm"})}})]})]}),(0,t.jsx)("div",{className:"mt-8",children:(0,t.jsx)(A.A3_,{onClick:f})}),(0,t.jsxs)("div",{className:"w-full bg-[#f1f1e5] px-4 py-6 mt-10 mb-[-11px]",children:[(0,t.jsx)("h2",{className:"mb-6 text-center text-[24px] font-semibold leading-7 text-[#333]",children:a("よくある質問")}),(0,t.jsx)("div",{className:"flex flex-col gap-4",children:[{q:a("現在、高画質プランに加入中です。\nどうなりますか？"),a:a("現在加入中の高画質プランは、自動的に「myfansプレミアム」としてご利用いただけます。\nお客様側でã

1®ãŠæ‰‹ç¶šãã¯ä¸è¦ã§ã€è¿½åŠ æ–™é‡‘も発生しません。")},{q:a("月払いはできますか？"),a:a("可能です。ただし、お申し込み方法により異なります。\n既存ユーザー: アカウントページよりmyfansプレミアムに申し込むと月払いが選択可能\n新規プラン加入時: 年払いのみ")},{q:a("年払いから月払いに変更できますか？"),a:a("現在の契約期間中の変更はできません。契約期間満了後、次回更新時に月払いプランを選択していただけます。")},{q:a("途中で解約できますか？"),a:a("途中解約は可能ですが即日でご利用いただけなくなります。なお、期間中の解約による返金は行っておりません。")},{q:a("自動更新はされますか？"),a:a("はい、契約期間終了時に自動更新されます。更新を希望されない場合は、次回更新日の前日までにアカウントページからプラン解約を行ってください。")}].map(({q:e,a:s})=>(0,t.jsxs)(r.A,{sx:{backgroundColor:"white","&:before":{display:"none"},"&&.MuiAccordion-root":{borderRadius:"16px"},"&.MuiPaper-root.MuiAccordion-root.Mui-expanded":{margin:"0"},"& .MuiAccordionSummary-root":{padding:"16px",minHeight:"unset"},"& .MuiAccordionSummary-root.Mui-expanded":{padding:"16px 16px 0",minHeight:"unset"},"& .MuiAccordionSummary-content, & .MuiAccordionSummary-content.Mui-expanded":{margin:0},"& .MuiAccordionSummary-expandIconWrapper":{alignSelf:"flex-start",marginTop:"4px",marginLeft:"8px"}},children:[(0,t.jsx)(i.A,{expandIcon:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.gc,{icon:l.mGv,className:"qa-icon-minus text-[20px] text-[#b47e23]"}),(0,t.jsx)(n.gc,{icon:l.q_k,className:"qa-icon-plus text-[20px] text-[#b47e23]"})]}),sx:{"& .MuiAccordionSummary-expandIconWrapper":{transform:"none !important"},"& .MuiAccordionSummary-expandIconWrapper.Mui-expanded .qa-icon-minus":{display:"inline-block"},"& .MuiAccordionSummary-expandIconWrapper.Mui-expanded .qa-icon-plus":{display:"none"},"& .MuiAccordionSummary-expandIconWrapper:not(.Mui-expanded) .qa-icon-minus":{display:"none"},"& .MuiAccordionSummary-expandIconWrapper:not(.Mui-expanded) .qa-icon-plus":{display:"inline-block"}},children:(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"flex size-[30px] shrink-0 items-center justify-center text-[16px]/[1.4] font-semibold text-[#b47e23]",children:"Q"}),(0,t.jsx)("span",{className:"flex-1 whitespace-pre-line text-[14px] font-semibold leading-5 text-[#333]",children:e})]})}),(0,t.jsx)(d.A,{sx:{padding:"24px 16px"},children:(0,t.jsxs)("div",{className:"flex gap-2",children:[(0,t.jsx)("span",{className:"flex size-[30px] shrink-0 items-center justify-center text-[18px] font-semibold text-[#333]",children:"A"}),(0,t.jsx)("span",{className:"flex-1 whitespace-pre-line text-[14px] font-light leading-5 text-[#333]",children:s})]})})]},e))}),(0,t.jsx)("div",{className:"mt-6 flex justify-center",children:(0,t.jsx)(A.A3_,{onClick:f})})]})]})};var J=!0;let Q=()=>{let{t:e}=(0,F.Bd)(),s=(0,f.useRouter)(),{user:a,loading:r}=(0,y.As)(),i=(0,b.up)(),d=(0,u.sf)(),c=(0,w.M)(),{data:x,isLoading:o,refetch:m}=(0,v.iT$)(D.m.HD_ACCESS,!0),[p,j]=(0,h.useState)(!1),[N,C]=(0,h.useState)(!1),[S,M]=(0,h.useState)("cancellation"),k=!!x?.user_feature?.payment_method&&_.f.includes(x.user_feature.payment_method),E=!!x?.user_feature&&"monthly"===x.user_feature.billing_cycle&&"pending"!==x.user_feature.yearly_upgrade_status&&k&&!x.user_feature.overdue&&!x.user_feature.is_free_now;(0,v.veA)(T.i.PREMIUM_YEARLY_UPGRADE_CTA_SHOWN,{payment_method:x?.user_feature?.payment_method??null},E);let I=()=>{a?(d?.capture(T.i.CLICK_HD_PLAN_CTA,{plan_type:"hd",placement:"hd_access_page"}),j(!0)):i({isOpen:!0,redirectUrl:s.asPath,isLogin:!0})},P=(e,s)=>{M(s),C(e)};return(0,t.jsxs)(g.Ay,{headerTitle:e("myfansプレミアム会員"),children:[o||r||!x?(0,t.jsx)(A.hJs,{}):(0,t.jsxs)(t.Fragment,{children:[x.user_feature&&x.user_feature.is_next_renewal_free&&!x.user_feature.is_free_now&&(0,t.jsxs)("div",{className:"flex items-center gap-2 bg-[#eef6ff] px-4 py-2",children:[(0,t.jsx)(n.gc,{icon:l.mEO,className:"shrink-0 text-[14px] text-[#0587ff]"}),(0,t.jsx)("p",{className:"flex-1 text-xs font-semibold leading-[1.4] text-[#0587ff]",children:e("次回更新日より2週間の無料期間になります。")})]}),(0,t.jsx)(B,{showCtaButton:!x.user_feature,onClickUpgrade:I}),(0,t.jsxs)("div",{className:"flex w-full flex-col items-center",children:[(0,t.jsxs)("div",{className:"w-full p-4 pb-5",children:[(0,t.jsx)(A.lrG,{}),(0,t.jsx)("p",{className:"mt-2 text-[14px]/[1.5] font-semibold text-center",children:(0,t.jsx)(F.x6,{i18nKey:"今後も<0>プレミアム限定機能</0>を続々追加予定！",components:[(0,t.jsx)("span",{className:"text-[#b47e23]"},0)]})})]}),x.user_feature?(0,t.jsx)(G,{feature:x,userFeature:x.user_feature,canUpgradeToYearly:k,onClickDowngrade:()=>{c?.capture(T.i.PREMIUM_CANCELLATION_FLOW_CLICKED,{payment_method:x?.user_feature?.payment_method??null,can_upgrade_to_yearly:k,billing_cycle:x?.user_feature?.billing_cycle??null,yearly_upgrade_status:x?.user_feature?.yearly_upgrade_status??null}),P(!0,"cancellation")},onClickYearlyUpgrade:()=>{c?.capture(T.i.PREMIUM_YEARLY_UPGRADE_CTA_CLICKED,{payment_method:x?.user_feature?.payment_method??null}),P(!0,"yearlyUpgrade")}}):(0,t.jsx)(K,{feature:x,onClickUpgrade:I})]})]}),(0,t.jsx)(Y,{feature:x,open:N,onOpenChange:e=>P(e,"cancellation"),afterSubmit:m,intent:S,canUpgradeToYearly:k}),(0,t.jsx)(A.WdL,{open:p,onClose:()=>j(!1),afterSubmit:m,cv:{type:"Settings"}})]})}}},e=>{e.O(0,[3667,636,6593,8792],()=>e(e.s=16931)),_N_E=e.O()}]);