https://jp.toto.com/_next/static/chunks/pages/mypage/myremodel-7c725d450606fc4a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6142],{12305:(e,r,a)=>{"use strict";a.r(r),a.d(r,{__N_SSP:()=>S,default:()=>O});var t=a(37876),l=a(14232),s=a(96168),i=a(17245),o=a.n(i),m=a(48288),n=a(22061),d=a(88992),u=a(8491),c=a(11512),f=a(50372),p=a(96558),g=a(89099),h=a(84119),_=a(64482),v=a(77158),y=a(71090),x=a(32243),b=a(22308),j=a(19374),N=a(56692),I=a(50151),P=a(41963),w=a(91180),L=a(7199),S=!0;let O=e=>{var r,a,i,S;let{reformbaseId:O,registeredReformInfo:M,registeredReformParts:A,formSelectInfo:F,defaultTitle:C}=e,E=(0,P.a)(),D=(0,g.useRouter)(),{addFileName:k,hasFileName:T,removeFileName:R}=(0,w.l)(),q=(0,l.useRef)(null),V=(0,l.useMemo)(()=>{if(!M)return{};let{images:e,...r}=M;return r},[M]),[z,B]=(0,l.useState)([]),[U,H]=(0,l.useState)([]),[Q,W]=(0,l.useState)([]),[X,Y]=(0,l.useState)([]),[K,Z]=(0,l.useState)([]),[G,J]=(0,l.useState)(!1),[$,ee]=(0,l.useState)(!1),[er,ea]=(0,l.useState)(!1);(0,l.useEffect)(()=>{(async()=>{try{var e;let r=(await Promise.all((null==M||null==(e=M.images)?void 0:e.filter(e=>0===e.status).map(async e=>{let r=await (0,p.Dq)(e.imageId);return r?{imageId:e.imageId,image:new File([r],e.name,{type:r.type})}:null}))||[])).filter(e=>null!==e);B(r)}catch(e){E(e)}})()},[M]),(0,l.useEffect)(()=>{(async()=>{try{let e=await Promise.all((null==A?void 0:A.map(async(e,r)=>{var a;let t=(await Promise.all((null==e||null==(a=e.images)?void 0:a.map(async e=>{let r=await (0,p.p9)(e.imageId);return r?{imageId:e.imageId,image:new File([r],e.name,{type:r.type})}:null}))||[])).filter(e=>null!==e),l=e.sortNumber||r+1;return{...e,images:t,defaultImages:[...t],sortNumber:l}}))||[]);Y(e)}catch(e){E(e)}})()},[A]);let{register:et,handleSubmit:el,formState:es,setError:ei,getValues:eo,control:em}=(0,d.mN)({mode:"onChange",resolver:(0,y.t)(x.j),defaultValues:{..._.LP,...V,title:(null==M?void 0:M.title)||C}}),{unLeaveConfirm:en}=(0,N.b)(es.isDirty),{manageAsyncProcessState:ed}=(0,I.e)(),eu=ed(el(async e=>{var r,a;ea(!1);let t=q.current?q.current.getAllFormData():X,l=[...K,...t.filter(e=>{let r=e.reformPartsId,a=e.images&&e.images.length>0,t=e.memo&&""!==e.memo.trim();return r&&!a&&!t}).map(e=>e.reformPartsId).filter(e=>void 0!==e)],s=t.filter(e=>{let r=e.images&&e.images.length>0,a=e.memo&&""!==e.memo.trim();return r||a}),i={},o=s.map(e=>{let r=e.part;i[r]||(i[r]=1);let a=i[r];return i[r]++,{...e,sortNumber:a}}),m=U.filter(e=>!e.imageId).length-Q.length,n=o.reduce((e,r)=>{let{images:a=[],deleteImageIds:t=[]}=r;return e+a.filter(e=>!e.imageId).length-t.length},0),d=await (0,p.Dy)(m+n);if(null===d)return;if(!d)return void ee(!0);let c=e.familyStructure.map((e,r)=>e?_.qj[r].value:-1).filter(e=>e>=0).join(","),f=(null==(r=e.buildingAge)?void 0:r.split("-").map(e=>Number(e)))||[],g=(null==(a=e.budget)?void 0:a.split("-").map(e=>Number(e)))||[],{buildingAge:y,budget:x,petMemo:b,...j}=e,N={...j,methodOfProperty:e.optionMethodOfProperty!==u.qg.other?"":e.methodOfProperty,familyStructure:c,petMemo:ef?e.petMemo:"",buildingAgeFrom:f[0],buildingAgeTo:f[1],lowerCostLimit:g[0],upperCostLimit:g[1],images:U.filter(e=>!e.imageId).map(e=>e.image)},I=O?await (0,p.TU)({...N,deleteImageIds:Q},O):await (0,p.Rh)(N);return I?I.code===v.az.alreadyExists.code?void ei("title",{message:v.az.alreadyExists.message},{shouldFocus:!0}):void(l.forEach(async e=>{await (0,p.pS)(e)}),o.forEach(e=>{var r;let a={...e,images:null==(r=e.images)?void 0:r.filter(e=>!e.imageId).map(e=>e.image)};if(e.reformPartsId){if(!(0,p.pL)({...a,deleteImageIds:e.deleteImageIds,reformBaseId:I.reformBaseId},e.reformPartsId))return}else if(!(0,p.xh)({...a,reformBaseId:I.reformBaseId}))return}),(0,h.HQ)({reformInfo:{...e,familyStructure:c},partsInfo:o}),en(),D.push("/mypage/")):void ea(!0)})),ec=(0,d.FH)({control:em,name:"familyStructure"}),ef=(0,l.useMemo)(()=>{if(!ec)return!1;let e=_.qj.findIndex(e=>e.value===u.uN.pet);return -1!==e&&ec[e]},[ec]),ep=(0,d.FH)({control:em,name:"optionMethodOfProperty"}),eg=(0,l.useMemo)(()=>!!ep&&ep===u.qg.other,[ep]),eh=(0,l.useCallback)(async e=>{let r=await (0,p.n0)(e);return null===r?null:!r},[]);return(0,t.jsxs)("div",{className:o()["reform-information-page"],children:[(0,t.jsx)("div",{className:o().nav,children:(0,t.jsx)(j.A,{noLanguage:!0,noPrint:!0,noShare:!0,noFavorite:!0})}),(0,t.jsx)("h1",{className:o().title,children:"わたしのリフォームメモ"}),(0,t.jsx)("p",{className:o().description,children:"「わたしのリフォームメモ」を記入しておくと、検討の整理に役立つだけでなく、ショールーム訪問時に役立ちます。"}),(0,t.jsxs)("div",{className:o()["reform-form"],children:[(0,t.jsx)("div",{className:o().title,children:(0,t.jsx)(m.G6,{required:!0,formLabel:"リフォームタイトル",errorMessage:null==(r=es.errors.title)?void 0:r.message,invali

1d:!!es.errors.title,placeholder:C,caption:"お好きなタイトルをお付けください",...et("title")})}),(0,t.jsx)("div",{className:o().state,children:(0,t.jsx)(m.v6,{formLabel:"リフォームのステップ",labelDescription:"現在のお客様の状況をお選びください",formState:es,getValues:eo,control:em,options:_.RC,...et("status")})}),(0,t.jsx)("div",{className:o().form,children:(0,t.jsx)(m.gr,{formLabel:"同居人数（ご本人含む）",placeholder:_.OP,defaultIndex:eo("livingTogetherNumber"),options:_.YS,...et("livingTogetherNumber")})}),(0,t.jsx)("div",{className:o().family,children:(0,t.jsx)(m.aF,{formLabel:"同居者",formState:es,getValues:eo,control:em,options:_.qj.map((e,r)=>({label:e.label,checked:!!eo("familyStructure")&&eo("familyStructure")[r]})),rules:{},...et("familyStructure")})}),ef&&(0,t.jsxs)("div",{className:o()["text-area"],children:[(0,t.jsx)(m.Lz,{formLabel:"ペットの情報",placeholder:"入力してください",errorMessage:null==(a=es.errors.petMemo)?void 0:a.message,invalid:!!es.errors.petMemo,...et("petMemo")}),!es.errors.petMemo&&(0,t.jsx)("p",{className:o().message,children:"500文字以内で入力してください"})]}),(0,t.jsx)("div",{className:o().age,children:(0,t.jsx)(m.gr,{formLabel:"ご本人の年代",placeholder:_.OP,defaultIndex:eo("age"),options:F.ageOptions,...et("age")})}),(0,t.jsx)("div",{className:o().form,children:(0,t.jsx)(m.gr,{formLabel:"お住まいの物件の形態",placeholder:_.OP,defaultIndex:eo("formOfProperty"),options:_.gc,...et("formOfProperty")})}),(0,t.jsxs)("div",{className:o().method,children:[(0,t.jsx)("div",{className:o().buttons,children:(0,t.jsx)(m.v6,{formLabel:"お住まいの物件の工法",formState:es,getValues:eo("optionMethodOfProperty"),control:em,options:_.LR,...et("optionMethodOfProperty")})}),eg&&(0,t.jsxs)("div",{className:o()["text-area"],children:[(0,t.jsx)(m.Lz,{formLabel:"",placeholder:"入力してください",errorMessage:null==(i=es.errors.methodOfProperty)?void 0:i.message,invalid:!!es.errors.methodOfProperty,...et("methodOfProperty")}),!es.errors.methodOfProperty&&(0,t.jsx)("p",{className:o().message,children:"500文字以内で入力してください"})]})]}),(0,t.jsx)("div",{className:o().build,children:(0,t.jsx)(m.gr,{formLabel:"お住まいの物件の築年数",placeholder:_.OP,defaultIndex:eo("buildingAge"),options:_.aI,...et("buildingAge")})}),(0,t.jsx)("div",{className:o().schedule,children:(0,t.jsx)(m.gr,{formLabel:"リフォーム予定時期",placeholder:_.OP,defaultIndex:eo("schedule"),options:_.Lf,...et("schedule")})}),(0,t.jsxs)("div",{className:o().budget,children:[(0,t.jsx)("p",{className:o().label,children:"リフォームのご予算"}),(0,t.jsx)(f.A,{defaultIndex:eo("budget"),options:_.F,...et("budget")})]}),(0,t.jsxs)("div",{className:o()["parts-form"],children:[(0,t.jsx)("p",{className:o().label,children:"リフォームする部位"}),(0,t.jsx)(L.A,{ref:q,reformParts:X,setReformParts:Y,addFileName:k,hasFileName:T,removeFileName:R,hasDuplicateUploadedImageName:eh,setIsValidReformParts:J,deleteReformPartsIdList:K,setDeleteReformPartsIdList:Z})]}),(0,t.jsxs)("div",{className:o().files,children:[(0,t.jsx)("p",{className:o().label,children:"資料アップロード（図面・現場写真・業者様ご提案書など）"}),(0,t.jsx)("p",{className:o().description,children:"図面や現場写真などの資料がございますとより最適なご提案ができます。"}),(0,t.jsx)("div",{className:o()["file-upload"],children:(0,t.jsxs)("div",{className:o().inner,children:[(0,b._5)(U)&&(0,t.jsx)("p",{className:o().title,children:"アップロード済み資料"}),(0,t.jsx)(c.f,{defaultImages:z,images:U,setImages:H,buttonText:"ファイルをアップロード",extensions:["pdf","jpeg","png","webp"],mimeTypes:["application/pdf","image/jpeg","image/png","image/webp"],fileSizeLimit:10,fileNameLimit:50,uploadLimit:5,setDeleteImageIds:W,canDownload:!0,addFileName:k,hasFileName:T,removeFileName:R,hasDuplicateUploadedImageName:eh})]})})]}),(0,t.jsx)("div",{className:o().memo,children:(0,t.jsx)(m.Lz,{formLabel:"フリーメモ",placeholder:"ご自由にお書きください（1000文字以内）",errorMessage:null==(S=es.errors.memo)?void 0:S.message,invali

1d:!!es.errors.memo,...et("memo")})}),(0,t.jsx)("div",{className:o().button,children:(0,t.jsx)(n.A,{full:!0,fill:!0,onClick:eu,disabled:!es.isValid||!G,children:"編集を完了する"})}),O&&(0,t.jsx)("div",{className:o().delete,onClick:()=>{window.confirm("本当にリフォームメモを削除しますか？")&&(0,p.Th)(O).then(e=>{e&&(en(),D.push("/mypage/"))})},children:"わたしのリフォームメモを削除する"})]}),(0,t.jsx)(s.A,{open:$,description:v.az.fileLimitExceeded.message,onClose:()=>ee(!1)}),(0,t.jsx)(s.A,{open:er,description:v.py,onClose:()=>ea(!1)})]})}},16955:(e,r,a)=>{"use strict";a.d(r,{Cl:()=>t,aN:()=>l});var t=function(){return(t=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var l in r=arguments[a])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e}).apply(this,arguments)};function l(){for(var e=0,r=0,a=arguments.length;r<a;r++)e+=arguments[r].length;for(var t=Array(e),l=0,r=0;r<a;r++)for(var s=arguments[r],i=0,o=s.length;i<o;i++,l++)t[l]=s[i];return t}Object.create,Object.create},17245:e=>{e.exports={"reform-information-page":"myremodel_reform-information-page__NqmX2",nav:"myremodel_nav__aWZ0_",title:"myremodel_title__I9BnR",description:"myremodel_description__cPrs6","reform-form":"myremodel_reform-form__0M3k4",method:"myremodel_method__MHhIK",buttons:"myremodel_buttons__SYfqx",budget:"myremodel_budget__lvyx9",label:"myremodel_label__UPLVu",files:"myremodel_files__mxzwa",button:"myremodel_button__CJtpd",delete:"myremodel_delete__cvPD7","text-area":"myremodel_text-area__pbtVO","-disabled":"myremodel_-disabled__EWeQ3",message:"myremodel_message__MoIYn","parts-form":"myremodel_parts-form__okQtU",inner:"myremodel_inner__ZdINW","file-upload":"myremodel_file-upload__34PdM",fadeIn:"myremodel_fadeIn__TTtbK",slideIn:"myremodel_slideIn__ejaDV",scaleIn:"myremodel_scaleIn__oE6Lg"}},32780:(e,r,a)=>{"use strict";a.d(r,{A:()=>s});var t=a(16955),l=a(14232);let s=function(e){void 0===e&&(e=new Set);var r=(0,l.useState)(e),a=r[0],s=r[1],i=(0,l.useMemo)(function(){return{add:function(e){return s(function(r){return new Set((0,t.aN)(Array.from(r),[e]))})},remove:function(e){return s(function(r){return new Set(Array.from(r).filter(function(r){return r!==e}))})},toggle:function(e){return s(function(r){return new Set(r.has(e)?Array.from(r).filter(function(r){return r!==e}):(0,t.aN)(Array.from(r),[e]))})},reset:function(){return s(e)}}},[s]),o=(0,t.Cl)({has:(0,l.useCallback)(function(e){return a.has(e)},[a])},i);return[a,o]}},38407:(e,r,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/myremodel",function(){return a(12305)}])}},e=>{e.O(0,[8992,9759,8288,300,636,6593,8792],()=>e(e.s=38407)),_N_E=e.O()}]);