https://shihon.com/_nuxt/B9uYQufz.js

1import{_ as R}from"./CEuNjbmO.js";import{a as J,_ as G}from"./ffnlk5Ly.js";import{_ as K}from"./DYge3tQJ.js";import{_ as O}from"./__wbjRse.js";import{f as j,v as Q,j as W,E as X,h as v,c as w,o as u,a as t,A as k,u as o,t as S,d as y,g as B,b as s,w as $,e as Y,B as Z,J as ee,ab as te,m as oe,r as I,_ as le}from"./C_jmO0Zi.js";import{u as ie}from"./ReRJaPNo.js";const ne={"w:h":"full","w:p":"x-4"},ae={"w:w":"screen max-[608px]","w:m":"-x-4 md:x-auto","w:p":"y-10 x-4 md:x-[74px]","w:bg":"white"},se={"w:w":"full md:105"},re={"w:flex":"~ gap-4","w:align":"items-center"},de={key:0},me={"w:p":"y-[2px] x-2","w:bg":"beige","w:border":"rounded-full","w:text":"[12px] white","w:font":"leading-[130%]"},ue={key:0,"w:flex":"~ gap-2","w:align":"items-center","w:m":"t-10"},pe={"w:w":"5","w:h":"5","w:overflow":"hidden","w:border":"rounded-full","w:text":"verypery-400"},_e=["src"],we={"w:font":"bold"},fe={"w:flex":"~ gap-4","w:align":"items-center","w:m":"t-2"},ce={"w:w":"19","w:h":"19","w:border":"rounded-1/2","w:overflow":"hidden"},ge={key:0,"w:h":"full"},ve=["src","alt"],ye={"w:flex":"~","w:justify":"center","w:align":"items-center","w:h":"full","w:bg":"white","w:text":"verypery-400"},xe={"w:flex":"~ gap-[10px]","w:justify":"between"},be={"w:pos":"fixed left-0 bottom-0","w:flex":"~","w:justify":"center","w:w":"full","w:p":"4","w:bg":"verypery-50","w:shadow":"profile-footer",class:"z-1"},Ue={"w:w":"[300px]"},he={"w:m":"t-8",class:"interactive"},Ve={"w:m":"t-10"},Ne={"w:m":"t-8"},Te={"w:flex":"~ gap-4","w:align":"items-center"},ke={name:"ProfilePage"},$e=j({...ke,async setup(z){let x,b;const U=W(),{$loading:f}=Q(),A=n=>{const e=I(n||""),r=I(""),g=I(""),V=v(()=>e.value),d=v(()=>r.value),N=v(()=>g.value),T=p=>{const m=new FileReader;m.onload=a=>{var _;e.value=((_=a.target)==null?void 0:_.result)||""},m.readAsDataURL(p)},i=p=>{var _;const m=p.target,a=(_=m.files)==null?void 0:_.item(0);if(a)return m.value="",r.value=a.name,g.value=a.type,a};return{imageUrl:V,imageTitle:d,imageType:N,onUpload:p=>{const{target:m}=p;if(!(m instanceof HTMLInputElement))return;const a=i(p);if(a)return T(a),a}}},{state:l,inviteUser:c,updateImage:D,get:E,submit:q}=U.profile();f.start(),[x,b]=X(()=>E().catch(n=>{console.error(n)})),await x,b(),f.stop();const{imageUrl:h,imageTitle:H,imageType:L,onUpload:M}=A(l.imageUrl),C=v(()=>{if(c.isDeleted)return"退会ユーザー";const{firstName:n,lastName:e}=c;return n&&e?`${e} ${n}`:n||e}),F=n=>{const{target:e}=n;if(!(e instanceof HTMLInputElement))return;const r=M(n);r&&(D(r),l.imageUrl=h.value,l.imageType=L.value)},P=async n=>{f.start(),await q(n),f.stop()};return(n,e)=>{const r=R,g=J,V=K,d=G,N=O,T=Y;return u(),w("section",ne,[t("div",ae,[t("div",se,[t("section",null,[t("div",re,[e[7]||(e[7]=t("h2",{"w:text":"[18px]","w:font":"bold leading-[130%]","w:p":"l-4","w:border":"0 l-4 solid verypery-400"}," アカウント ",-1)),o(l).label?(u(),w("div",de,[t("div",me,S(o(l).label),1)])):k("",!0)]),o(C)?(u(),w("div",ue,[t("div",pe,[o(c).imageUrl?(u(),w("img",{key:0,src:o(c).imageUrl},null,8,_e)):(u(),B(r,{key:1,size:"20"}))]),t("span",we,S(o(C)),1),e[8]||(e[8]=y("さんに招待されました "))])):k("",!0),t("form",{"w:flex":"~ col gap-8","w:m":"t-4",novalidate:"",onSubmit:P},[t("div",null,[s(g,{id:"ImageUploader",text:"画像"}),t("div",fe,[s(V,{id:"imageType",modelValue:o(l).imageType,"onUpdate:modelValue":e[0]||(e[0]=i=>o(l).imageType=i)},{default:$(()=>[t("div",ce,[o(h)!==""?(u(),w("div",ge,[t("img",{src:o(h),alt:o(H),"w:w":"full","w:h":"full"},null,8,ve)])):k("",!0),t("div",ye,[s(r)])])]),_:1},8,["modelValue"]),t("div",null,[t("input",{id:"ImageUploader",type:"file",accept:"image/png,image/jpeg,image/gif","w:display":"hidden",onChange:F},null,32),e[9]||(e[9]=t("label",{for:"ImageUploader","w:cursor":"pointer",class:"interactive"},"プロフィール画像を変更",-1))])])]),t("div",xe,[s(d,{id:"familyName",modelValue:o(l).familyName,"onUpdate:modelValue":e[1]||(e[1]=i=>o(l).familyName=i),label:"姓",type:"familyName",required:""},null,8,["modelValue"]),s(d,{id:"givenName",modelValue:o(l).givenName,"onUpdate:modelValue":e[2]||(e[2]=i=>o(l).givenName=i),label:"名",type:"givenName",required:""},null,8,["modelValue"])]),s(d,{id:"email",modelValue:o(l).email,"onUpdate:modelValue":e[3]||(e[3]=i=>o(l).email=i),label:"メールアドレス",type:"email",required:""},null,8,["modelValue"]),s(d,{id:"company",modelValue:o(l).company,"onUpdate:modelValue":e[4]||(e[4]=i=>o(l).company=i),label:"会社名",type:"organization"},null,8,["modelValue"]),s(d,{id:"position",modelValue:o(l).position,"onUpdate:modelValue":e[5]||(e[5]=i=>o(l).position=i),label:"職種/役職",type:"orgTitle"},null,8,["modelValue"]),t("div",be,[t("div",Ue,[s(N,{submit:"","w:w":"full"},{default:$(()=>e[10]||(e[10]=[y(" 保存する ")])),_:1,__:[10]}

1)])])],32),t("div",he,[s(T,{to:"/profile/deactivate"},{default:$(()=>e[11]||(e[11]=[y("退会する")])),_:1,__:[11]})])]),t("section",Ve,[e[14]||(e[14]=t("div",{"w:flex":"~ gap-4","w:align":"items-center"},[t("h2",{"w:text":"[18px]","w:font":"bold leading-[130%]","w:p":"l-4","w:border":"0 l-4 solid verypery-400"}," メール配信設定 ")],-1)),t("div",Ne,[t("label",Te,[e[13]||(e[13]=y(" shihonからのお知らせを受け取る ")),t("div",null,[Z(t("input",{"onUpdate:modelValue":e[6]||(e[6]=i=>o(l).emailSubscribed=i),type:"checkbox"},null,512),[[ee,!1],[te,o(l).emailSubscribed]]),t("div",{class:oe(["switch",o(l).emailSubscribed?"on":"off"])},e[12]||(e[12]=[t("div",{class:"switch_ball"},null,-1)]),2)])])])])])])])}}}),Ie=le($e,[["__scopeId","data-v-d8e2b8d1"]]),Ee=j({__name:"index",setup(z){return ie({title:"アカウント"}),(x,b)=>{const U=Ie;return u(),B(U)}}});export{Ee as default};