https://jp.toto.com/_next/static/chunks/pages/mypage/favorite/share-2a53d9f8cea32e0b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9334],{2622:(e,a,t)=>{"use strict";t.d(a,{A:()=>I});var i=t(37876),s=t(14232),r=t(86578),l=t.n(r),n=t(96278),o=t(44558),c=t(15039),_=t.n(c),d=t(53050),h=t(22054),m=t(39771),v=t(72453),x=t(80146),p=t.n(x);let u=e=>{let{favoriteImage:a,open:t,onClickClose:r}=e,l=(0,s.useRef)(null),n=(0,s.useRef)(null);return(0,m.y)(t,l),(0,i.jsx)("div",{className:_()(p()["modal-wrap"],{[p()["-close"]]:!t}),ref:n,onClick:()=>r(),children:(0,i.jsx)("div",{className:p().content,children:(0,i.jsxs)("div",{className:p()["modal-content"],children:[(0,i.jsx)("div",{className:p().close,children:(0,i.jsx)("button",{className:p()["cross-icon"],onClick:r,children:(0,i.jsx)(o.xV8,{width:16})})}),(0,i.jsxs)("div",{className:p().body,ref:l,children:[(0,i.jsx)(v.A,{contain:!0,src:a.src,alt:a.alt,proportion:v.k.w4h3}),(0,i.jsx)("p",{className:p().text,children:a.text})]})]})})})};var g=t(26237),S=t.n(g);let j=e=>{let{open:a,onClickClose:t,handleEdit:r,handleDelete:n}=e,c=(0,s.useRef)(null);return(0,m.y)(a,c),(0,d.A)(c,()=>t()),(0,i.jsx)("div",{className:_()(l()["menu-wrap"],{[l()["-display"]]:a}),children:(0,i.jsxs)("div",{ref:c,className:l().menu,children:[(0,i.jsx)("div",{className:l().head,children:(0,i.jsx)("div",{className:l().close,onClick:()=>t(),children:(0,i.jsx)(o.xV8,{width:16,height:16})})}),(0,i.jsxs)("button",{className:l().button,onClick:()=>{r(),t()},children:[(0,i.jsx)(o.GI1,{width:20,height:20}),(0,i.jsx)("span",{className:l().text,children:"編集する"})]}),(0,i.jsxs)("button",{className:l().button,onClick:()=>{n(),t()},children:[(0,i.jsx)(o.R$c,{width:20,height:20}),(0,i.jsx)("span",{className:l().text,children:"削除する"})]})]})})},f=e=>{let{articleId:a,articleType:t,versionGroupId:r,href:c,imageSrc:m,alt:v,title:x,memo:p,sradFlg:g,labelBudget:f,labelLayout:I,labelPreference:N,labelAmbience:b,labelFunctionality:w,isImageType:F=!1,isSradPage:A=!1,isPreviewPage:k=!1,isSharePage:y=!1,onClick:M,handleEdit:T,handleDelete:C}=e,E=(0,h.h)(),[G,P]=(0,s.useState)(!1),D=(0,s.useMemo)(()=>(!A||g)&&!k&&!y,[A,g,k,y]),H=(0,s.useMemo)(()=>{if(c&&!k)return A&&("bnr00"!==t||c.startsWith("/"))?S()("https://jp.toto.com",c):c},[k,c,A,t]),[O,L]=(0,s.useState)(!1),R=(0,s.useRef)(null);(0,d.A)(R,()=>L(!1));let W=(0,s.useCallback)(()=>{T(),L(!1)},[T]),Q=(0,s.useCallback)(()=>{C(),L(!1)},[C]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:l()["card-wrap"],children:[(0,i.jsx)(n.A,{contain:F,imageSrc:m,alt:v,label:y||k||!g?"":"ショールームアドバイザーより",onClick:k?void 0:()=>{if(F)return void P(!0);M&&M()},href:H,target:A?"_blank":"",articleID:a,articleType:t,versionGroupId:r,noHoverAction:k,isCornerLabel:!0,shouldDisplayDefaultImageWhenFailedToGetImage:!0,noBorder:E,isFill:E,children:(0,i.jsxs)("div",{className:l()["article-contents"],children:[(0,i.jsx)("h4",{className:l().title,children:x}),p&&(0,i.jsx)("p",{className:l().memo,children:p}),(0,i.jsx)("div",{className:l().bottom,children:(0,i.jsxs)("div",{className:l().contents,children:[(0,i.jsxs)("div",{className:l()["box-labels"],children:[f&&(0,i.jsx)(o.FaK,{width:32,height:32,className:l().label}),I&&(0,i.jsx)(o.OTn,{width:32,height:32,className:l().label}),N&&(0,i.jsx)(o.vH_,{width:32,height:32,className:l().label}),b&&(0,i.jsx)(o.o5J,{width:32,height:32,className:l().label}),w&&(0,i.jsx)(o.t$$,{width:32,height:32,className:l().label})]}),D&&(0,i.jsx)("div",{className:l()["action-menu"],children:(0,i.jsx)("div",{className:l().button,onClick:e=>{e.preventDefault(),e.stopPropagation(),L(!0)},children:(0,i.jsx)(o.dbp,{width:12,height:12})})})]})})]})}),!E&&(0,i.jsxs)("div",{ref:R,className:_()(l().menu,{[l()["-display"]]:O}),children:[(0,i.jsxs)("button",{className:l().button,onClick:W,children:[(0,i.jsx)(o.GI1,{width:20,height:20}),(0,i.jsx)("span",{className:l().text,children:"編集する"})]}),(0,i.jsxs)("button",{className:l().button,onClick:Q,children:[(0,i.jsx)(o.R$c,{width:20,height:20}),(0,i.jsx)("span",{className:l().text,children:"削除する"})]})]}),O&&E&&(0,i.jsx)(j,{open:O,onClickClose:()=>L(!1),handleEdit:W,handleDelete:Q})]}),G&&(0,i.jsx)(u,{favoriteImage:{src:m,alt:v,text:p||""},open:G,onClickClose:()=>P(!1)})]})},I=e=>{let{article:a,handleEdit:t=()=>{},handleDelete:s=()=>{},isSradPage:r=!1,isPreviewPage:l=!1,isSharePage:n=!1}=e;return l?(0,i.jsx)(f,{...a,isPreviewPage:!0}):("remodelClubs"in a,(0,i.jsx)(f,{...a,...r?{target:"_blank"}:{},isSharePage:n,isSradPage:r,handleEdit:t,handleDelete:s}))}},6079:(e,a,t)=>{"use strict";t.d(a,{A:()=>c});var i=t(37876),s=t(59600),r=t(72453),l=t(51316),n=t(51001),o=t.n(n);let c=e=>{let{topHref:a,title:t,favoriteTheme:n}=e;return(0,i.jsxs)("div",{className:o()["component-wrap"],children:[(0,i.jsx)("div",{className:o().header,children:(0,i.jsx)(l.A,{className:o().link,href:a,children:(0,i.jsx)(r.A,{proportion:r.k.free,className:o().logo,src:s.$P,alt:"logo"})})}),(0,i.jsxs)("div",{className:o().title,children:[(0,i.jsx)("h1",{className:o().text,children:t}),n&&(0,i.jsx)(r.A,{className:o().theme,proportion:r.k.free,src:n.src,alt:n.alt})]})]})}},16582:e=>{e.exports={"expiration-section":"ShareExpirationMessageSection_expiration-section__GRzfC",heading:"ShareExpirationMessageSection_heading__uXDoA",title:"ShareExpirationMessageSection_title__QqzSs",body:"ShareExpirationMessageSection_body__Pz7T0",articles:"ShareExpirationMessageSection_articles__wW8pF",message:"ShareExpirationMessageSection_message__hbo9i",text:"ShareExpirationMessageSection_text__DY0T9",link:"ShareExpirationMessageSection_link__VXfxZ",fadeIn:"ShareExpirationMessageSection_fadeIn__G7CA5",slideIn:"ShareExpirationMessageSection_slideIn___srIO",scaleIn:"ShareExpirationMessageSection_scaleIn__xvrID"}},34454:e=>{e.exports={"favorite-share":"FavoriteShareSection_favorite-share__fH_lQ",body:"FavoriteShareSection_body__kilIH",articles:"FavoriteShareSection_articles__baWeE",message:"FavoriteShareSection_message__oG06U",text:"FavoriteShareSection_text__4sW5o",link:"FavoriteShareSection_link__1WeHr",fadeIn:"FavoriteShareSection_fadeIn__qtFl8",slideIn:"FavoriteShareSection_slideIn__mMSwQ",scaleIn:"FavoriteShareSection_scaleIn__IKQ

1os"}},46804:(e,a,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/favorite/share",function(){return t(50669)}])},50669:(e,a,t)=>{"use strict";t.r(a),t.d(a,{__N_SSP:()=>y,default:()=>M});var i=t(37876),s=t(14232),r=t(88992),l=t(22061),n=t(6079),o=t(48288),c=t(96558),_=t(59474),d=t.n(_);let h=e=>{var a,t;let{shareId:s,setToken:_}=e,{register:h,handleSubmit:m,formState:v,watch:x,setError:p,clearErrors:u}=(0,r.mN)({mode:"onChange"}),g=(null==(a=x("password"))?void 0:a.length)!==8||!!v.errors.password,S=m(async e=>{let{password:a}=e,t=await (0,c.aZ)(s,a);if(!t)return void p("password",{message:"正しいパスワードを入力してください。"});_(t)});return(0,i.jsxs)("div",{className:d()["authentication-page"],children:[(0,i.jsx)(n.A,{topHref:"/",title:"パスワードを入力してください"}),(0,i.jsxs)("form",{className:d().form,onSubmit:S,children:[(0,i.jsx)("div",{className:d().input,children:(0,i.jsx)(o.Dk,{formLabel:"8桁のパスワードを入力してください",required:!0,errorMessage:null==(t=v.errors.password)?void 0:t.message,invalid:!!v.errors.password,placeholder:"12345678",onFocus:()=>u("password"),...h("password")})}),(0,i.jsx)("div",{className:d().button,children:(0,i.jsx)(l.A,{type:"submit",fill:!0,full:!0,disabled:g,children:"OK"})})]})]})};var m=t(34454),v=t.n(m),x=t(1095),p=t(25799),u=t(2622),g=t(83046),S=t(22308),j=t(41963);let f=e=>{let{shareId:a,token:t,setToken:r}

1=e,l=(0,j.a)(),[o,_]=(0,s.useState)([]),[d,h]=(0,s.useState)();(0,s.useEffect)(()=>{(async()=>{try{var e;let i=await (0,c.NH)(a,t);if(!i)return void r("");let s=i.favorite.map((e,a)=>"articleType"in e?{...e,favoriteArticleId:e.favoriteArticleId||a}:e);_(s),h((null==(e=g.Q.find(e=>e.type===i.illustrationType))?void 0:e.image)||g.Q[0].image)}catch(e){l(e)}})()},[]);let m=(0,s.useMemo)(()=>({token:t,favoriteShareId:a}),[t,a]),{allArticles:f}=(0,p.Mr)(o,m);return(0,S._5)(o)&&d?(0,i.jsxs)("div",{className:v()["favorite-share"],children:[(0,i.jsx)(n.A,{topHref:"/",title:"私のお気に入り",favoriteTheme:d}),(0,i.jsx)("div",{className:v().body,children:(0,i.jsx)("div",{className:v().articles,children:f.map((e,a)=>(0,i.jsx)(u.A,{article:e,isSharePage:!0},"article-".concat(a)))})})]}):(0,i.jsx)(x.A,{})};var I=t(51316),N=t(16582),b=t.n(N);let w=()=>(0,i.jsxs)("div",{className:b()["expiration-section"],children:[(0,i.jsx)(n.A,{topHref:"/",title:"私のお気に入り"}),(0,i.jsx)("div",{className:b().body,children:(0,i.jsxs)("div",{className:b().message,children:[(0,i.jsx)("p",{className:b().text,children:"共有されたURLの有効期間（半年）が切れたため、本URL内の内容が削除されています。"}),(0,i.jsx)(I.A,{className:b().link,href:"/",children:"TOTOホームページへ"})]})})]});var F=t(33191),A=t.n(F),k=t(77158),y=!0;let M=e=>{let{shareId:a,disabled:t}=e,[r,l]=(0,s.useState)("");return((0,s.useEffect)(()=>{let e=A().get(k.OI.key);e&&l(e)},[]),t)?(0,i.jsx)(w,{}):(0,i.jsx)(i.Fragment,{children:r?(0,i.jsx)(f,{shareId:a,token:r,setToken:l}):(0,i.jsx)(h,{shareId:a,setToken:l})})}},51001:e=>{e.exports={"component-wrap":"SharePageTitle_component-wrap__WI0FV",header:"SharePageTitle_header__OwdSA",link:"SharePageTitle_link__U1Eat",logo:"SharePageTitle_logo__RP5sD",title:"SharePageTitle_title__JQQLz",text:"SharePageTitle_text___KkkP",theme:"SharePageTitle_theme__sWOoI",fadeIn:"SharePageTitle_fadeIn__qL4BU",slideIn:"SharePageTitle_slideIn__LLaZV",scaleIn:"SharePageTitle_scaleIn__pr7VY"}},59474:e=>{e.exports={"authentication-page":"FavoriteShareAuthenticationSection_authentication-page__vlYbY",form:"FavoriteShareAuthenticationSection_form__D4Jp_",button:"FavoriteShareAuthenticationSection_button__kg578",fadeIn:"FavoriteShareAuthenticationSection_fadeIn__bpiRI",slideIn:"FavoriteShareAuthenticationSection_slideIn__fHS2S",scaleIn:"FavoriteShareAuthenticationSection_scaleIn__WW5_p"}},80146:e=>{e.exports={"modal-wrap":"FavoriteImageModal_modal-wrap__mO2Yl","-close":"FavoriteImageModal_-close__uplCh",content:"FavoriteImageModal_content___CO0u","modal-content":"FavoriteImageModal_modal-content__kb15T",close:"FavoriteImageModal_close__6oT46",body:"FavoriteImageModal_body__A_zW0",text:"FavoriteImageModal_text__Of7YH","cross-icon":"FavoriteImageModal_cross-icon__CSSj4",fadeIn:"FavoriteImageModal_fadeIn__J_7lU",slideIn:"FavoriteImageModal_slideIn__gnEh2",scaleIn:"FavoriteImageModal_scaleIn__VwceX"}},83046:(e,a,t)=>{"use strict";t.d(a,{Q:()=>i});let i=[{id:1,type:"Kitchen",image:{src:"/pictures/favorite/preview_kitchen.svg",alt:"preview_kitchen"}},{id:2,type:"Bath",image:{src:"/pictures/favorite/preview_bath.svg",alt:"preview_bath"}},{id:3,type:"Toilet",image:{src:"/pictures/favorite/preview_toilet.svg",alt:"preview_toilet"}},{id:4,type:"Washstand",image:{src:"/pictures/favorite/preview_groom.svg",alt:"preview_groom"}},{id:5,type:"Kitchen",image:{src:"/pictures/favorite/preview_kitchen.svg",alt:"preview_kitchen"}}]},86578:e=>{e.exports={"article-contents":"GenericFavoriteArticle_article-contents__EC5k8",title:"GenericFavoriteArticle_title__HrFAv",memo:"GenericFavoriteArticle_memo__yX5Lz",bottom:"GenericFavoriteArticle_bottom__1scsu",contents:"GenericFavoriteArticle_contents__pgNpt","box-labels":"GenericFavoriteArticle_box-labels__ywJr_",label:"GenericFavoriteArticle_label__6feNE","action-menu":"GenericFavoriteArticle_action-menu__nmINJ",button:"GenericFavoriteArticle_button__vBSau","card-wrap":"GenericFavoriteArticle_card-wrap__gcztM",menu:"GenericFavoriteArticle_menu__YBeEY","-display":"GenericFavoriteArticle_-display__jo5pI",head:"GenericFavoriteArticle_head__LDqhS",close:"GenericFavoriteArticle_close__H_RLP",text:"GenericFavoriteArticle_text__txa1B","menu-wrap":"GenericFavoriteArticle_menu-wrap__cPax8",fadeIn:"GenericFavoriteArticle_fadeIn__Jf_Zb",slideIn:"GenericFavoriteArticle_slideIn__SaTLt",scaleIn:"GenericFavoriteArticle_scaleIn__2aNe6"}}},e=>{e.O(0,[8992,8288,636,6593,8792],()=>e(e.s=46804)),_N_E=e.O()}]);