https://tential.jp/_nuxt/rcRFcB6r.js

1import{_ as T}from"./_iOc8nls.js";import{dr as A,i as I,p as S,q as N,af as q,O as H,c as P}from"./Dg7-STzw.js";import{_ as R}from"./BdZwHr6U.js";import{_ as z}from"./D0_pxc-2.js";import{A as D,a4 as F,E as G,G as u,Y as r,U as n,R as _,y as a,ab as L,Z as c,b as m,X as d,a0 as h,a1 as Q,k as X}from"./wfKCG5F8.js";import{h as Y}from"./BDOcbJwS.js";import{g as Z}from"./Dk87GJnR.js";import{u as j}from"./Bjtw56v6.js";import"./D4adznRo.js";import"./BadGKqim.js";import"./BKx_iofD.js";import"./CBgkXR6k.js";const J={key:1},K=D({__name:"edit_email",async setup(le){let l,p;const f=H(),M=j(),C=[{title:"トップ",url:"/"},{title:"マイページ",url:"/mypage"},{title:"メールアドレスの変更",url:"/mypage/edit_email"}],o=m({email:""}),y=m(""),g=m(!1),s=m(""),$=X(()=>b.value?"送信中":"メールを送信"),{data:v}=([l,p]=F(()=>q({requestPolicy:"network-only"})),l=await l,p(),l),{executeMutation:E,fetching:b}=A();G(()=>{v?.value?.ownUserOne&&(y.value=v?.value?.ownUserOne.email)});const U=async()=>{if(!o.value.email)return s.value="メールアドレスを入力してください",!1;if(y.value===o.value.email)return s.value="現在のメールアドレスと同じです",!1;const{errorMessage:t,isPassed:e}=await Z({type:"email",value:o.value.email});return s.value=t,e},k=async()=>{if(!await U())return;s.value="";const{data:t,error:e}=await E({newEmail:o.value.email});if(!t||e){const i=Y(e)&&e.message.includes("duplicate email")?"既に登録済みのメールアドレスです。別のメールアドレスを設定してください":"メールの送信に失敗しました";return s.value=i,f?.showErrorToasted(i)}t?.ownUserChangeEmail&&(g.value=!0),f?.showSuccessToasted("入力したアドレスに変更メールを送信しました")};return I(M.fetch({title:"メールアドレスの変更"})),(t,e)=>{const i=T,x=S,V=R,O=z,B=N;return d(),u("div",{class:n(t.$style.mypage_edit_email)},[r(i,{breadcrumbs:C,class:n(t.$style.breadcrumbs)},null,8,["class"]),_("div",{class:n(t.$style.container)},[r(x,{title:"メールアドレスの変更",variant:"sub",class:n(t.$style.page_title)},null,8,["class"]),a(g)?(d(),u("div",{key:0,class:n(t.$style.has_submitted)},[...e[2]||(e[2]=[_("p",null,"メールに記載されているURLからメールアドレスの変更手続きを行ってください",-1)])],2)):(d(),u("div",J,[_("form",{class:n(t.$style.form),onSubmit:e[1]||(e[1]=L(w=>k(),["prevent"]))},[r(O,{error:!!a(s),"error-message":a(s)},{title:c(()=>[...e[3]||(e[3]=[h("登録したいメールアドレスを下のフォームに入力してください",-1)])]),default:c(()=>[r(V,{modelValue:a(o).email,"onUpdate:modelValue":e[0]||(e[0]=w=>a(o).email=w),type:"email",label:"メールアドレス",placeholder:"例）[email protected]"},null,8,["modelValue"])]),_:1},8,["error","error-message"]),r(B,{variant:"primary",type:"submit",block:"",disabled:a(b)},{default:c(()=>[h(Q(a($)),1)]),_:1},8,["disabled"])],34)]))],2)],2)}}}),W="_mypage_edit_email_65d5f_16",ee="_breadcrumbs_65d5f_16",te="_heading_65d5f_24",se="_container_65d5f_50",ae="_has_submitted_65d5f_80",oe="_form_65d5f_85",ne={mypage_edit_email:W,breadcrumbs:ee,heading:te,container:se,has_submitted:ae,form:oe},re={$style:ne},we=P(K,[["__cssModules",re],["__scopeId","data-v-0598076f"]]);export{we as default};