https://it-trend.jp/_next/static/chunks/pages/users/edit-5060caf1db973683.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75],{34830:(e,s,r)=>{"use strict";r.d(s,{A:()=>t});var i=r(37876),a=r(69241);let l=(0,r(14232).forwardRef)((e,s)=>{var r;let{id:l,type:t="text",placeholder:d,width:c="w-full",height:n="h-full",className:o="",error:m,onChange:x,autoComplete:p,disabled:h,...j}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("input",{autoComplete:p,className:(0,a.A)("rounded-md border px-3 shadow-sm focus:outline-none focus:ring-it-primary-500","border-it-gray-300 focus:border-it-primary-500",c,n,o),disabled:h,id:l,onChange:x,placeholder:d,ref:s,type:t,...j}),m&&(0,i.jsx)("p",{className:"mt-1 text-sm text-it-primary-600",children:null==(r=m.message)?void 0:r.toString()})]})});l.displayName="Input";let t=l},39456:(e,s,r)=>{"use strict";r.d(s,{A:()=>t});var i=r(37876),a=r(69241);let l=(0,r(14232).forwardRef)((e,s)=>{var r;let{id:l,options:t,error:d,placeholder:c="お選び下さい",className:n="",width:o="w-full",height:m="h-full",...x}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("select",{className:(0,a.A)("rounded-md border px-3 shadow-sm focus:outline-none focus:ring-it-primary-500","border-it-gray-300 focus:border-it-primary-500",o,m,n),id:l,ref:s,...x,children:[(0,i.jsx)("option",{value:"",children:c}),t.map(e=>(0,i.jsx)("option",{value:e.id.toString(),children:e.name},e.id))]}),d&&(0,i.jsx)("p",{className:"text-sm text-it-primary-600",children:null==(r=d.message)?void 0:r.toString()})]})});l.displayName="Select";let t=l},68366:(e,s,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/users/edit",function(){return r(80674)}])},80674:(e,s,r)=>{"use strict";r.r(s),r.d(s,{__N_SSP:()=>A,default:()=>w});var i=r(37876),a=r(85752),l=r(95643),t=r(14232),d=r(43829),c=r(91655),n=r(55818),o=r(69241),m=r(34830),x=r(39456),p=r(47771);let h=e=>{let{user:s,isLoading:r,setIsLoading:a}=e,{masterData:l,form:t,onSubmit:d}=(0,p.b)({user:s,setIsLoading:a}),{register:c,handleSubmit:n,formState:{errors:h}}=t;return(0,i.jsx)("form",{onSubmit:n(d),children:(0,i.jsxs)("div",{className:"p-3 border border-it-gray-300",children:[(0,i.jsxs)("div",{className:"grid grid-cols-12 items-start border-b border-dashed border-it-gray-300",children:[(0,i.jsxs)("div",{className:"col-span-3 bg-it-gray-100 px-4 flex items-center h-full",children:[(0,i.jsx)("p",{className:"font-bold",children:"会社名"}),(0,i.jsx)("span",{className:"text-it-primary-600 ml-1",children:"*"})]}),(0,i.jsx)("div",{className:"col-span-9 p-2 py-2 min-h-10",children:(0,i.jsx)("div",{className:"w-[25ch]",children:(0,i.jsx)(m.A,{...c("company_name"),error:h.company_name,id:"company_name",type:"text"})})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-12 items-start border-b border-dashed border-it-gray-300",children:[(0,i.jsxs)("div",{className:"col-span-3 bg-it-gray-100 p-2 py-2 flex items-center h-full",children:[(0,i.jsx)("p",{className:"font-bold",children:"部署区分"}),(0,i.jsx)("span",{className:"text-it-primary-600 ml-1",children:"*"})]}),(0,i.jsx)("div",{className:"col-span-9  p-2 py-2 min-h-10",children:(0,i.jsx)("div",{className:"w-[25ch]",children:(0,i.jsx)(x.A,{...c("dept_division_id"),error:h.dept_division_id,id:"dept_division_id",options:l.deptDivisions})})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-12 items-start border-b border-dashed border-it-gray-300",children:[(0,i.jsx)("div",{className:"col-span-3 bg-it-gray-100 px-4 flex items-center h-full",children:(0,i.jsx)("p",{className:"font-bold",children:"役職"})}),(0,i.jsx)("div",{className:"col-span-9 p-2 py-2 min-h-10",children:(0,i.jsx)("div",{className:"w-[25ch]",children:(0,i.jsx)(x.A,{...c("company_post_id"),error:h.company_post_id,id:"company_post_id",options:l.companyPosts})})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-12 items-start border-b border-dashed border-it-gray-300",children:[(0,i.jsx)("div",{className:"col-span-3 bg-it-gray-100 px-4 flex items-center h-full",children:(0,i.jsx)("p",{className:"font-bold",children:"業種"})}),(0,i.jsx)("div",{className:"col-span-9 p-2 py-2 min-h-10",children:(0,i.jsx)("div",{className:"w-[25ch]",children:(0,i.jsx)(x.A,{...c("industry_id"),error:h.industry_id,id:"industry_id",options:l.industries})})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-12 items-start border-b border-dashed border-it-gray-300",children:[(0,i.jsxs)("div",{className:"col-span-3 bg-it-gray-100 px-4 flex items-center h-full",children:[(0,i.jsx)("p",{className:"font-bold",children:"住所"}),(0,i.jsx)("span",{className:"text-it-primary-600 ml-1",children:"*"})]}),(0,i.jsx)("div",{className:"col-span-9 p-2 py-2",children:(0,i.jsxs)("div",{className:"flex space-x-2",children:[(0,i.jsx)("div",{children:(0,i.jsx)(x.A,{...c("prefecture_id"),error:h.prefecture_id,id:"prefecture_id",options:l.prefectures})}),(0,i.jsx)("div",{className:"flex-1",children:(0,i.jsx)(m.A,{...c("address"),error:h.address,id:"address",placeholder:"市区町村番地",type:"text"})}),(0,i.jsx)("div",{className:"flex-shrink-0",children:(0,i.jsx)("span",{className:"text-it-gray-500 whitespace-nowrap text-xs",children:"※個人宅の住所はご遠慮下さい。"})})]})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-12 items-start border-b border-dashed border-it-gray-300",children:[(0,i.jsxs)("div",{className:"col-span-3 bg-it-gray-100 px-4 flex items-center h-full",children:[(0,i.jsx)("p",{className:"font-bold",children:"姓"}),(0,i.jsx)("span",{className:"text-it-primary-600 ml-1",children:"*"})]}),(0,i.jsx)("div",{className:"col-span-9 p-2 py-2 min-h-10",children:(0,i.jsx)("div",{className:"w-[25ch]",children:(0,i.jsx)(m.A,{...c("last_name"),error:h.last_name,id:"last_name",type:"text"})})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-12 items-start border-b border-dashed border-it-gray-300",children:[(0,i.jsxs)("div",{className:"col-span-3 bg-it-gray-100 px-4 flex items-center h-full",children:[(0,i.jsx)("p",{className:"font-bold",children:"名"}),(0,i.jsx)("span",{className:"text-it-primary-600 ml-1",children:"*"})]}),(0,i.jsx)("div",{className:"col-span-9 p-2 py-2 min-h-10",children:(0,i.jsx)("div",{className:"w-[25ch]",children:(0,i.jsx)(m.A,{...c("first_name"),error:h.first_name,id:"first_name",type:"text"})})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-12 items-start border-b border-dashed border-it-gray-300",children:[(0,i.jsxs)("div",{className:"col-span-3 bg-it-gray-100 px-4 flex items-center h-full",children:[(0,i.jsx)("p",{className:"font-bold",children:"電話番号"}),(0,i.jsx)("span",{className:"text-it-primary-600 ml-1",children:"*"})]}),(0,i.jsx)("div",{className:"col-span-9",children:(0,i.jsxs)("div",{className:"flex space-x-2 p-2 py-2 items-start min-h-10",children:[(0,i.jsx)("div",{className:"flex-1",children:(0,i.jsx)(m.A,{...c("phone"),error:h.phone,id:"phone",type:"tel"})}),(0,i.jsx)("div",{className:"flex-shrink-0",children:(0,i.jsx)("span",{className:"text-gray-500 whitespace-nowrap text-xs",children:"例）0300000000 （※ ハイフンは取り除き、半角で入力してください）"})})]})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-12 items-start border-b border-dashed border-it-gray-300",children:[(0,i.jsxs)("div",{className:"col-span-3 bg-it-gray-100 px-4 flex items-center h-full",children:[(0,i.jsx)("p",{className:"font-bold",children:"メールアドレス"}),(0,i.jsx)("span",{className:"text-it-primary-600 ml-1",children:"*"})]}),(0,i.jsx)("div",{className:"col-span-9 p-2 py-2 min-h-10",children:(0,i.jsx)("div",{className:"w-[25ch]",children:(0,i.jsx)(m.A,{...c("email"),error:h.email,id:"email",type:"email"})})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-12 items-start border-b border-dashed border-it-gray-300",children:[(0,i.jsxs)("div",{className:"col-span-3 bg-it-gray-100 px-4 flex items-center h-full",children:[(0,i.jsx)("p",{className:"font-bold",children:"従業員規模"}),(0,i.jsx)("span",{className:"text-it-primary-600 ml-1",children:"*"})]}),(0,i.jsx)("div",{className:"col-span-9 p-2 py-2 min-h-10",children:(0,i.jsx)("div",{className:"w-[25ch]",children:(0,i.jsx)(x.A,{...c("employee_number_scale_id"),error:h.employee_number_scale_id,id:"employee_number_scale_id",options:l.employeeNumberScales})})})]}),(0,i.jsx)("div",{className:"mt-6 text-center",children:(0,i.jsx)("button",{className:(0,o.A)("roun

1ded bg-it-primary-600 px-8 py-3 text-white font-bold hover:bg-it-primary-700 focus:outline-none focus:ring-2 focus:ring-it-primary-500 focus:ring-offset-2",{"opacity-50 cursor-not-allowed":r}),disabled:r,type:"submit",children:r?"更新中...":"登録内容更新"})})]})})};var j=r(41369);function b(e){let{user:s}=e,[r,a]=(0,t.useState)(!1);return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:"flex mb-20",children:[(0,i.jsxs)("main",{className:"w-9/12 mr-5",children:[(0,i.jsx)(c.j,{background:"var(--color-it-gray-100)",text:"マイページ"}),(0,i.jsx)(n.A,{children:(0,i.jsx)("h3",{className:"text-lg font-bold",children:"登録情報の変更"})}),(0,i.jsx)("p",{className:"text-sm font-bold mb-3",children:"登録情報変更フォーム"}),(0,i.jsx)("p",{className:"text-sm mb-3",children:"下記登録内容のご確認をお願いします。 こちらでよろしければ、更新ボタンを押してください。"}),(0,i.jsx)("div",{children:(0,i.jsx)(h,{isLoading:r,setIsLoading:a,user:s})})]}),(0,i.jsxs)("aside",{className:"w-3/12",children:[(0,i.jsx)(d.A,{user:s}),(0,i.jsx)(j.A,{})]})]})})}let y=()=>(0,i.jsx)("span",{className:"inline-block bg-it-blue-800 text-white text-xs font-semibold rounded px-2 py-0.5",children:"必須"}),N=e=>{let{user:s,isLoading:r,setIsLoading:a}=e,{masterData:l,form:t,onSubmit:d}=(0,p.b)({user:s,setIsLoading:a}),{register:c,handleSubmit:n,formState:{errors:h}}=t;return(0,i.jsxs)("form",{className:"space-y-4",onSubmit:n(d),children:[(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsxs)("label",{className:"block text-sm font-bold text-it-gray-700",htmlFor:"company_name",children:[(0,i.jsx)(y,{})," 会社名"]}),(0,i.jsx)(m.A,{...c("company_name"),error:h.company_name,id:"company_name",type:"text"})]}),(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsxs)("label",{className:"block text-sm font-bold text-it-gray-700",htmlFor:"dept_division_id",children:[(0,i.jsx)(y,{})," 部署区分"]}),(0,i.jsx)(x.A,{...c("dept_division_id"),error:h.dept_division_id,id:"dept_division_id",options:l.deptDivisions})]}),(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsx)("label",{className:"block text-sm font-bold text-it-gray-700",htmlFor:"company_post_id",children:"役職"}),(0,i.jsx)(x.A,{...c("company_post_id"),error:h.company_post_id,id:"company_post_id",options:l.companyPosts})]}),(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsx)("label",{className:"block text-sm font-bold text-it-gray-700",htmlFor:"industry_id",children:"業種"}),(0,i.jsx)(x.A,{...c("industry_id"),error:h.industry_id,id:"industry_id",options:l.industries})]}),(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsxs)("label",{className:"block text-sm font-bold text-it-gray-700",htmlFor:"address",children:[(0,i.jsx)(y,{})," 住所"]}),(0,i.jsx)(x.A,{...c("prefecture_id"),error:h.prefecture_id,id:"prefecture_id",options:l.prefectures}),(0,i.jsx)(m.A,{...c("address"),error:h.address,id:"address",placeholder:"市区町村番地",type:"text"})]}),(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsxs)("label",{className:"block text-sm font-bold text-it-gray-700",htmlFor:"last_name",children:[(0,i.jsx)(y,{})," 姓"]}),(0,i.jsx)(m.A,{...c("last_name"),error:h.last_name,id:"last_name",type:"text"})]}),(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsxs)("label",{className:"block text-sm font-bold text-it-gray-700",htmlFor:"first_name",children:[(0,i.jsx)(y,{})," 名"]}),(0,i.jsx)(m.A,{...c("first_name"),error:h.first_name,id:"first_name",type:"text"})]}),(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsxs)("label",{className:"block text-sm font-bold text-it-gray-700",htmlFor:"phone",children:[(0,i.jsx)(y,{})," 電話番号"]}),(0,i.jsx)(m.A,{...c("phone"),error:h.phone,id:"phone",type:"tel"})]}),(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsxs)("label",{className:"block text-sm font-bold text-it-gray-700",htmlFor:"email",children:[(0,i.jsx)(y,{})," メールアドレス"]}),(0,i.jsx)(m.A,{...c("email"),error:h.email,id:"email",type:"email"})]}),(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsxs)("label",{className:"block text-sm font-bold text-it-gray-700",htmlFor:"employee_number_scale_id",children:[(0,i.jsx)(y,{})," 従業員規模"]}),(0,i.jsx)(x.A,{...c("employee_number_scale_id"),error:h.employee_number_scale_id,id:"employee_number_scale_id",options:l.employeeNumberScales})]}),(0,i.jsx)("div",{className:"pt-4",children:(0,i.jsx)("button",{className:(0,o.A)("w-full rounded bg-it-primary-600 px-4 py-3 text-white font-bold hover:bg-it-primary-700 focus:outline-none focus:ring-2 focus:ring-it-primary-500 focus:ring-offset-2",{"opacity-50 cursor-not-allowed":r}),disabled:r,type:"submit",children:r?"更新中...":"登録内容更新"})})]})};function u(e){let{user:s}=e,[r,a]=(0,t.useState)(!1);return(0,i.jsxs)("main",{className:"flex flex-col mb-20",children:[(0,i.jsx)(c.j,{background:"var(--color-it-gray-100)",text:"マイページ"}),(0,i.jsx)("h3",{className:"text-lg font-bold p-2",children:"登録情報変更フォーム"}),(0,i.jsx)("div",{className:"rounded-lg p-2",children:(0,i.jsxs)("p",{className:"text-sm",children:["下記登録内容のご確認をお願いします。",(0,i.jsx)("br",{}),"こちらでよろしければ、更新ボタンを押してください。"]})}),(0,i.jsx)("div",{className:"bg-white p-4 border-t border-it-gray-200",children:(0,i.jsx)(N,{isLoading:r,setIsLoading:a,user:s})})]})}var f=r(72824);function g(e){let{viewport:s}=(0,t.useContext)(f.A);return(0,i.jsx)(i.Fragment,{children:"pc"===s?(0,i.jsx)(b,{...e}):(0,i.jsx)(u,{...e})})}var _=r(10802);let v=e=>{let{data:s}

1=e,r={description:"ユーザー情報を編集・更新するページです。",image:"https://static.it-trend.jp/ogp/top_og.jpg",site_name:"ITトレンド",title:"ITトレンド｜ユーザー情報編集",type:"website",url:"".concat(_.A.APP_DOMAIN,"/users/edit")};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.A,{meta:{description:"ユーザー情報を編集・更新するページです。",keywords:"マイページ,ユーザー情報,編集,更新",title:"ITトレンド｜ユーザー情報編集"},og:r}),(0,i.jsx)(g,{...s})]})};v.getLayout=e=>(0,i.jsx)(l.A,{children:e});var A=!0;let w=v}},e=>{e.O(0,[4840,7164,114,7671,7263,6988,8992,6381,8601,8924,886,636,6593,8792],()=>e(e.s=68366)),_N_E=e.O()}]);