https://remolabo.jp/_next/static/chunks/pages/dashboard/account/edit-65b81d3aa6a0d033.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3959],{1715:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dashboard/account/edit",function(){return s(1787)}])},9543:function(e,t,s){"use strict";s.d(t,{CD:function(){return l},nh:function(){return r}});var a=s(5893);let r=e=>{let{headingText:t}=e;return(0,a.jsx)("h2",{className:"text-[#FFAE00] text-xl md:text-2xl font-bold before:content-[''] before:w-6 before:h-6 before:lg:w-8 before:lg:h-8 before:rounded-lg before:block before:bg-[#FFAE00] flex items-center gap-2 mb-10",children:t})},l=e=>{let{text:t}=e;return(0,a.jsx)("h2",{className:"text-2xl font-medium",children:t})}},9931:function(e,t,s){"use strict";s.d(t,{l:function(){return r}});var a=s(5893);let r=e=>{let{text:t}=e;return(0,a.jsx)("label",{htmlFor:t,className:"block text-sm font-medium leading-6 text-gray-900",children:t})}},1787:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSP:function(){return v},default:function(){return w}});var a=s(5893),r=s(1360),l=s(9543),n=s(7536),i=s(4179),d=s(8915),c=s(9931),m=s(7294);let u=e=>{let{text:t}=e;return(0,a.jsx)("button",{type:"submit",className:"border border-theme-primary text-theme-primary px-10 py-2.5 rounded-full flex items-center justify-center relative mx-auto duration-500 hover:text-white hover:bg-theme-primary w-40 font-bold",children:t})};var o=s(6154),x=s(411),h=s(2286),p=s(1163),b=s(8523),f=s(5675),g=s.n(f);let j={input:"block w-full rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:py-3 sm:text-sm sm:leading-6",inputDisabled:"block w-full rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:py-3 sm:text-sm sm:leading-6 bg-gray-100"};function N(e){let{user:t}=e,s=(0,p.useRouter)(),{register:r,handleSubmit:l,watch:f,formState:{errors:N}}=(0,n.cI)(),[y,v]=(0,m.useState)(""),[w,_]=(0,m.useState)(null),[k,E]=(0,m.useState)(null),D=async e=>{let a=(0,h.parseCookies)(),r={...(0,x.wZ)(a),"Content-Type":"multipart/form-data"},l="".concat("https://api.remolabo.jp","/users/users/").concat(t.id),n=new FormData;Object.keys(e).forEach(t=>{"member_number"!==t&&"email"!==t&&n.append("user[".concat(t,"]"),e[t])}),w&&n.append("user[file]",w),await o.Z.put(l,n,{headers:r}).then(async e=>{200===e.status?(await s.push("/dashboard/account"),v("更新が完了しました。")):v("更新に失敗しました。")}).catch(e=>{v("更新に失敗しました。")})};(0,m.useEffect)(()=>{t.image&&E(t.image)},[t]);let C=(0,m.useCallback)(e=>{k&&URL.revokeObjectURL(k),_(e[0]),E(URL.createObjectURL(e[0]))},[k]),{getRootProps:S,getInputProps:F}=(0,b.uI)({onDrop:C});return(0,a.jsxs)("form",{onSubmit:l(D),className:"mt-10",children:[(0,a.jsxs)("div",{className:"grid grid-cols-1 gap-x-8 gap-y-10 border-b border-gray-900/10 pb-12 md:grid-cols-3",children:[(0,a.jsx)("div",{children:(0,a.jsx)("h2",{className:"text-base font-semibold leading-7 text-gray-900",children:"プロフィール設定"})}),(0,a.jsxs)("div",{className:"grid max-w-2xl grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6 md:col-span-2",children:[(0,a.jsxs)("div",{className:"col-span-3",children:[(0,a.jsx)(c.l,{text:"会員番号"}),(0,a.jsx)("div",{className:"mt-2",children:(0,a.jsx)("input",{type:"text",...r("member_number"),id:"member_number",className:j.inputDisabled,placeholder:"",defaultValue:t.member_number||"",disabled:!0})})]}),(0,a.jsxs)("div",{className:"col-span-3",children:[(0,a.jsx)(c.l,{text:"ユーザー名"}),(0,a.jsx)("div",{className:"mt-2",children:(0,a.jsx)("input",{type:"text",...r("name"),id:"name",className:j.input,placeholder:"",defaultValue:t.name||""})})]}),(0,a.jsxs)("div",{className:"col-span-3",children:[(0,a.jsx)(c.l,{text:"メールアドレス"}),(0,a.jsx)("div",{className:"mt-2",children:(0,a.jsx)("input",{type:"text",...r("email"),id:"email",className:j.inputDisabled,placeholder:"",defaultValue:t.email||"",disabled:!0})})]}),(0,a.jsxs)("div",{className:"col-start-1 col-span-3",children:[(0,a.jsx)(c.l,{text:"姓"}),(0,a.jsx)("div",{className:"mt-2",children:(0,a.jsx)("input",{type:"text",...r("last_name"),id:"last-name",className:j.inputDisabled,placeholder:"",defaultValue:t.last_name||"",disabled:!0})})]}),(0,a.jsxs)("div",{className:"col-span-3",children:[(0,a.jsx)(c.l,{text:"名"}),(0,a.jsx)("div",{className:"mt-2",children:(0,a.jsx)("input",{type:"text",...r("first_name"),id:"first-name",className:j.inputDisabled,placeholder:"",defaultValue:t.first_name||"",disabled:!0})})]}),(0,a.jsxs)("div",{className:"col-span-full",children:[(0,a.jsx)(c.l,{text:"プロフィール画像"}),(0,a.jsxs)("div",{className:"mt-2 flex items-center gap-x-3",children:[k?(0,a.jsx)(g(),{src:k,alt:"Preview",width:48,height:48,className:"rounded-full"}):(0,a.jsx)(i,{className:"h-12 w-12 text-gray-300","aria-hidden":"true"}),(0,a.jsxs)("div",{...S(),className:"border-gray-900/25 px-6 py-10 rounded-lg border border-dashed w-full text-center",children:[(0,a.jsx)("input",{...F()}),(0,a.jsxs)("div",{className:"text-sm",children:[(0,a.jsx)(d,{className:"mx-auto h-12 w-12 text-gray-300","aria-hidden":"true"}),(0,a.jsx)("p",{className:"mt-2",children:"ファイルをドラッグ＆ドロップもしくは選択してください。"})]})]})]})]})]})]}),(0,a.jsx)("div",{className:"mt-10",children:(0,a.jsx)(u,{text:"更新する"})})]})}var y=s(1593),v=!0;function w(e){let{user:t}=e;return(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(y.Z,{pageTitle:"アカウント編集"}),(0,a.jsxs)("section",{className:"mt-10",children:[(0,a.jsx)(l.CD,{text:"アカウント設定"}),(0,a.jsx)(N,{user:t})]})]})}}},function(e){e.O(0,[3424,6154,4919,5675,3414,3638,7536,9705,3139,9774,2888,179],function(){return e(e.s=1715)}),_N_E=e.O()}]);