https://jp.toto.com/_next/static/chunks/pages/products/list-ddc8602197d80f70.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6359],{5001:(e,t,l)=>{"use strict";l.d(t,{A:()=>o});var s=l(37876),r=l(15039),i=l.n(r),a=l(14232),n=l(44558),c=l(52637),d=l.n(c);let o=e=>{let{name:t="input",placeholder:l,defaultValue:r="",onChange:c=()=>{},onClickDeleteButton:o=()=>{},setFocus:u,isAutoCompleteOff:_,invalid:p,hasDeleteIcon:h=!0,isOnBlur:m,noIcon:v=!1}=e,[x,f]=a.useState(r);return(0,a.useEffect)(()=>{null!=r&&f(r)},[r]),(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:i()(d()["input-field"],{[d()["-invalid"]]:p}),children:[!v&&(0,s.jsx)("div",{className:d().searchicon,children:(0,s.jsx)(n.C0l,{width:20,height:20})}),(0,s.jsx)("input",{className:d().input,type:"text",name:t,placeholder:l,value:x,onChange:e=>{f(e.target.value),c&&c(e.target.value)},onFocus:()=>{u&&u(!0)},onBlur:()=>{m&&u&&u(!1)},autoComplete:_?"off":void 0}),h&&x&&(0,s.jsx)("button",{className:d().delete,type:"button","aria-label":"入力内容をクリア",onClick:()=>{f(""),o()},children:(0,s.jsx)(n.xV8,{className:d().deleteicon})})]})})}},19257:(e,t,l)=>{"use strict";l.r(t),l.d(t,{__N_SSP:()=>F,default:()=>T});var s=l(37876),r=l(14232),i=l(64711),a=l.n(i),n=l(2804),c=l(44558),d=l(51316),o=l(29992),u=l.n(o),_=l(45073),p=l.n(_);let h=e=>{let{modelList:t}=e;return(0,s.jsx)(s.Fragment,{children:t&&0!==t.length&&(0,s.jsx)("div",{className:p()["product-model-list"],children:t.map((e,t)=>(0,s.jsx)("div",{className:p().model,children:(0,s.jsxs)(d.A,{className:p().name,href:e.href||"/#",target:e.target,articleID:e.articleID,versionGroupId:e.versionGroupId,articleType:e.articleType,children:[(0,s.jsx)("span",{className:p().text,children:e.text}),"catalog"===e.target&&(0,s.jsx)(c.Ldz,{className:p().catalog}),e.isNew&&(0,s.jsx)("span",{className:p().new,children:"新商品"})]})},"model-".concat(t)))})})},m=e=>{let{category:t,products:l}=e;return(0,s.jsxs)("div",{className:u()["product-list"],children:[(0,s.jsx)("h2",{className:u().category,children:t.label}),l&&0!==l.length&&(0,s.jsx)("div",{className:u().products,children:l.map((e,t)=>{var l,r,i;return(0,s.jsxs)("div",{className:u().product,children:[(0,s.jsx)("h2",{className:u().typename,children:(0,s.jsxs)(d.A,{href:e.type.value||"",target:e.type.target,articleID:null==(l=e.type)?void 0:l.articleID,versionGroupId:null==(r=e.type)?void 0:r.versionGroupId,articleType:null==(i=e.type)?void 0:i.articleType,children:[e.type.label,e.type.value&&(0,s.jsx)(c.knA,{className:u()["icon-pagination"]})]})}),(0,s.jsx)("div",{className:u().models,children:(0,s.jsx)(h,{...e})})]},"product-".concat(t))})})]})};var v=l(71804),x=l.n(v),f=l(22054),g=l(17706),I=l(85214),j=l(22061),N=l(5001),y=l(32780);let b=e=>{let{radioGroup:t,categoryGroup:l,buttonLabel:i,handleSubmit:a,queryStringType:n,queryStringCategories:c,queryStringKeyword:d}=e,[o,u]=(0,r.useState)(n||"all"),[_,{add:p,toggle:h,reset:m}]=(0,y.A)(new Set(c)),[v,b]=(0,r.useState)(Array.isArray(d)?"":d);return(0,r.useEffect)(()=>{m(),null==c||c.forEach(p)},[c,m,p]),(0,r.useEffect)(()=>{u(n||"all")},[n]),(0,r.useEffect)(()=>{b(Array.isArray(d)?"":d)},[d]),(0,s.jsxs)("form",{className:x()["search-product"],onSubmit:e=>{a(o,_,v,e)},children:[(0,s.jsx)("div",{className:x().radios,children:t.radios.map(e=>(0,s.jsx)("div",{className:x().radio,children:(0,s.jsx)(g.A,{groupName:"type",label:e.label,value:e.value,checked:o===e.value,onChange:()=>{u(e.value)}})},e.label))}),(0,s.jsxs)("div",{className:x().categories,children:[(0,s.jsx)("div",{className:x().checkboxes,children:l.categories.map(e=>(0,s.jsx)("div",{className:x().checkbox,children:(0,s.jsx)(I.A,{groupName:"categories",label:e.label,value:e.value,checked:Array.from(_).includes(e.value),onInput:()=>{h(e.value)}})},e.value))}),(0,s.jsx)("div",{className:x().text,children:(0,s.jsx)("span",{children:"複数選択できます"})})]}),(0,s.jsx)("div",{className:x().input,children:(0,s.jsx)(N.A,{name:"keyword",placeholder:"キーワードを入力",defaultValue:v||"",onChange:e=>{b(e)},onClickDeleteButton:()=>{b("")},onSubmit:()=>{}})}),(0,s.jsx)("div",{className:x().button,children:(0,s.jsx)(j.A,{fill:!0,full:(0,f.h)(),type:"submit",children:i})})]})};var P=l(48253),S=l(84119),A=l(40517),L=l(42875),k=l(72235),w=l(22308),F=!0;let T=e=>{let{description:t,mainVisualNoImage:l,radioGroup:i,categoryGroup:c,checkboxCategories:d,productList:o,showConversion:u,relationContents:_}=e,p=(0,P.useRouter)(),h=p.query,v=Array.isArray(h.main)?void 0:h.main,x="string"==typeof h.sub?[h.sub]:h.sub||[],f=!Array.isArray(h.text)&&h.text||"",[g,I]=(0,r.useState)(o),[j,N]=(0,r.useState)(v||"all"),[y,F]=(0,r.useState)(x.map(e=>{var t;return null==(t=d.find(t=>{let{path:l}=t;return l===e}))?void 0:t.id}).filter(e=>!!e)||[]),[T,C]=(0,r.useState)(f||""),E=(0,r.useCallback)(()=>o.filter(e=>{let{category:t}=e;return!!(0===y.length||y.includes("isNew")&&1===y.length)||y.includes(t.value)}).map(e=>{let{category:t,products:l}=e;return{category:t,products:l.map(e=>{var t,l,s;let{type:r,modelList:i}=e;return"all"===j&&T&&(null==(t=r.label)?void 0:t.includes(T))?{type:r,modelList:i}:"public"===j&&T&&(null==(l=r.label)?void 0:l.includes(T))?{type:r,modelList:i.filter(e=>{let{isPublic:t}=e;if("public"===j&&t)return!0})}:"residential"===j&&T&&(null==(s=r.label)?void 0:s.includes(T))?{type:r,modelList:i.filter(e=>{let{isHousing:t}=e;if("residential"===j&&t)return!0})}:{type:r,modelList:i.filter(e=>{let{isPublic:t,isHousing:l,text:s,isNew:r}=e;return!("public"===j&&!t||"residential"===j&&!l||y.includes("isNew")&&!r)&&(null==s?void 0:s.includes(T))})}}).filter(e=>{let{modelList:t}=e;return(0,w._5)(t)})}}).filter(e=>{let{products:t}=e;return(0,w._5)(t)}),[y,T,o,j]),M=(0,r.useCallback)(e=>{p.push({pathname:p.pathname,query:e},void 0,{shallow:!0})}

1,[p]),B=(0,r.useCallback)((e,t,l,s)=>{s.preventDefault();let r=Array.from(t),i=JSON.parse(JSON.stringify({main:e||void 0,sub:r.map(e=>{var t;return null==(t=d.find(t=>{let{id:l}=t;return e==l}))?void 0:t.path}).filter(e=>e)||void 0,text:l||void 0}));N(e),F(r),C(l),M(i),(0,S.aT)(i)},[M]);return(0,r.useEffect)(()=>{I(E(o))},[E,o]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:a()["product-list"],children:[(0,s.jsx)(n.A,{...l}),(0,s.jsx)("p",{className:a().description,children:t}),(0,s.jsx)(b,{type:j,categories:y,keyword:T,handleSubmit:B,radioGroup:i,categoryGroup:c,buttonLabel:"以上の条件で検索する",queryStringType:v,queryStringCategories:x.map(e=>{var t;return null==(t=d.find(t=>{let{path:l}=t;return l===e}))?void 0:t.id}).filter(e=>!!e),queryStringKeyword:f}),0!==g.length?(0,s.jsx)("div",{className:a()["list-layout"],children:g.map(e=>(0,s.jsx)(s.Fragment,{children:0!==e.products.length&&(0,s.jsx)("div",{className:a()["result-list"],children:(0,s.jsx)(m,{...e})},e.category.value)}))}):(0,s.jsx)("div",{className:a()["list-undefined"],children:(0,s.jsx)("span",{className:a().text,children:"該当する商品はありませんでした"})}),u&&(0,s.jsx)(A.A,{...k.Up})]}),(0,s.jsx)(L.Y,{..._})]})}},28844:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/products/list",function(){return l(19257)}])},29992:e=>{e.exports={"product-list":"ProductList_product-list__IkrKD",category:"ProductList_category__U6Wo6",products:"ProductList_products__6pshs",product:"ProductList_product__XWhPh",typename:"ProductList_typename__2fA_B",icon:"ProductList_icon__dUH_6",models:"ProductList_models__AP0oV","link-content":"ProductList_link-content__nPFKr","icon-pagination":"ProductList_icon-pagination__QPQ4D",fadeIn:"ProductList_fadeIn__hAIq4",slideIn:"ProductList_slideIn__Ei8Ep",scaleIn:"ProductList_scaleIn__yPMP_"}},45073:e=>{e.exports={"product-model-list":"ProductModelList_product-model-list__kv28Q",model:"ProductModelList_model__CGm9B",name:"ProductModelList_name__SNEzI",text:"ProductModelList_text__EdlH6",catalog:"ProductModelList_catalog__wwz2T",new:"ProductModelList_new__PVjxY",fadeIn:"ProductModelList_fadeIn__h7C71",slideIn:"ProductModelList_slideIn__2G0ch",scaleIn:"ProductModelList_scaleIn__a_2F1"}},52637:e=>{e.exports={"input-field":"InputField_input-field__xTK1y","-invalid":"InputField_-invalid__BDU7H",searchicon:"InputField_searchicon__Zd0o8",delete:"InputField_delete__x9KkI",deleteicon:"InputField_deleteicon__ZviuM",input:"InputField_input__WBTTY",fadeIn:"InputField_fadeIn__BVFNj",slideIn:"InputField_slideIn__DMnXl",scaleIn:"InputField_scaleIn__mS6Cq"}},64711:e=>{e.exports={"product-list":"list_product-list__Wrsee",description:"list_description__uF0ue","result-list":"list_result-list__JFIva","list-layout":"list_list-layout__xbmIr","list-undefined":"list_list-undefined__pAmBa",text:"list_text__dVcZ4",fadeIn:"list_fadeIn__OUh1S",slideIn:"list_slideIn__pqhx3",scaleIn:"list_scaleIn__7jzEE"}},71804:e=>{e.exports={"search-product":"SearchProduct_search-product__9BnFA",radios:"SearchProduct_radios__FrRYo",radio:"SearchProduct_radio__AC2B3",categories:"SearchProduct_categories__hgGIN",checkboxes:"SearchProduct_checkboxes__8c3ZY",checkbox:"SearchProduct_checkbox__zY6u0",text:"SearchProduct_text__BKppt",input:"SearchProduct_input__oUhdr",button:"SearchProduct_button__XnH3t",fadeIn:"SearchProduct_fadeIn__5tNbG",slideIn:"SearchProduct_slideIn__qY8zH",scaleIn:"SearchProduct_scaleIn__TGo1L"}},72235:(e,t,l)=>{"use strict";l.d(t,{Up:()=>s});let s={conversionAreaTitle:"商品についてのお問い合わせ",conversionAreaTitleSP:"商品についての\nお問い合わせ",conversionAreaIcon:"/pictures/icons/graphic_contact_woman.svg",conversionAreaContent:{conversions:[{image:{src:"/pictures/icons/products/catalogue.svg",alt:"カタログ"},title:"まずはカタログを見たい方",description:"Web上で閲覧することも可能。\n        カタログの配送も無料にて受付中です。",conversionLink:{href:l(15721).Q,target:"web",text:"カタログを見る"}},{image:{src:"/pictures/icons/products/showroom.svg",alt:"ショールーム"},title:"ショールームで商品を\n見たい方",description:"商品が置いてあるだけではありません。\n        TOTOのショールームでは、見て、触れて、体感できる。そして相談できるショールームです。",conversionLink:{href:"/showroom/",target:"web",text:"お近くのショールームを探す"}},{image:{src:"/pictures/icons/products/renovation.svg",alt:"リフォーム"},title:"リフォーム店をお探しの方",description:"リモデルクラブ店はTOTOがおすすめする住まいづくりのご提案からアフターサービスまで、リフォームのパートナーとしてお客様を総合的にサポートする「あんしん」のお店です。",conversionLink:{href:"/reform/",target:"web",text:"リフォーム店を探す"}}]}}}},e=>{e.O(0,[6567,2175,636,6593,8792],()=>e(e.s=28844)),_N_E=e.O()}]);