https://dormy-hotels.com/reserve/_next/static/chunks/pages/agency/search-plan-room-6df1224bbc1794a9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6837],{8766:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/agency/search-plan-room",function(){return n(48461)}])},88703:function(e,s,n){"use strict";n.d(s,{a:function(){return d}});var a=n(85893),r=n(67294),t=n(11163),i=n(9473),o=n(90138),l=n(25852),c=n.n(l);let d=e=>{let{currentStep:s=1}=e,n=(0,t.useRouter)(),l=(0,i.I0)(),{pickedRoomType:d,pickedPlan:u,pickedHotel:m}=(0,i.v9)(e=>e.searching);(0,r.useEffect)(()=>{1===s&&(l((0,o.su)(null)),l((0,o.sk)(null)),l((0,o.RJ)(null)))},[s,l]);let _=(0,r.useCallback)(e=>{if(!(e>=s)&&1===e&&2===s){l((0,o.su)(null)),l((0,o.sk)(null)),l((0,o.RJ)(null));let e=n.query;delete e.hotelId,delete e.roomTypeId,n.replace({pathname:"/search-plan",query:e})}},[s,l,n]);return(0,a.jsxs)("div",{className:c().container,children:[(0,a.jsxs)("div",{className:c().stepWrapper,children:[(0,a.jsxs)("div",{onClick:()=>_(1),className:"".concat(c().stepContainer," ").concat(1!==s&&c().disable," ").concat([3,2].includes(s)&&c().showCursor),children:[(0,a.jsx)("div",{className:c().triangle}),(0,a.jsx)("div",{className:"".concat(c().stepNumber," ").concat(1!==s&&c().stepNumberDisabled),children:"1"}),(0,a.jsx)("div",{className:c().stepName,children:"プランを選択"})]}),(0,a.jsx)("div",{className:"".concat(c().stepDescription),children:(null==u?void 0:u.name)?null==u?void 0:u.name:"希望のプランを選択してください。"})]}),(0,a.jsxs)("div",{className:c().stepWrapper,children:[(0,a.jsxs)("div",{onClick:()=>_(2),className:"".concat(c().stepContainer," ").concat(2!==s&&c().disable," ").concat(3===s&&c().showCursor),children:[(0,a.jsx)("div",{className:c().triangle}),(0,a.jsx)("div",{className:"".concat(c().stepNumber," ").concat(2!==s&&c().stepNumberDisabled),children:"2"}),(0,a.jsx)("div",{className:c().stepName,children:"ホテルを選択"})]}),(0,a.jsx)("div",{className:"".concat(c().stepDescription," ").concat(s<2&&c().descriptionDisabled),children:(null==m?void 0:m.name)?m.name:"未選択"})]}),(0,a.jsxs)("div",{className:c().stepWrapper,children:[(0,a.jsxs)("div",{onClick:()=>_(2),className:"".concat(c().stepContainer," ").concat(2!==s&&c().disable," ").concat(3===s&&c().showCursor),children:[(0,a.jsx)("div",{className:c().triangle}),(0,a.jsx)("div",{className:"".concat(c().stepNumber," ").concat(2!==s&&c().stepNumberDisabled),children:"3"}),(0,a.jsx)("div",{className:c().stepName,children:"部屋を選択"})]}),(0,a.jsx)("div",{className:"".concat(c().stepDescription," ").concat(s<2&&c().descriptionDisabled),children:(null==d?void 0:d.name)?d.name:"未選択"})]}),(0,a.jsx)("div",{className:c().stepWrapper,children:(0,a.jsxs)("div",{className:"".concat(c().stepContainer," ").concat(c().disable),children:[(0,a.jsx)("div",{className:c().triangle}),(0,a.jsx)("div",{className:"".concat(c().stepNumber," ").concat(c().stepNumberDisabled),children:"4"}),(0,a.jsx)("div",{className:c().stepName,children:"予約確認画面"})]})})]})}},30703:function(e,s,n){"use strict";n.d(s,{Z:function(){return v}});var a=n(85893),r=n(67294),t=n(92969),i=n.n(t),o=n(11116),l=n(9473),c=n(41664),d=n.n(c),u=n(91444),m=n(11163),_=n(79927),p=n(5837),h=n(28014),b=n(44001),g=n(15004),y=n(24175),N=n.n(y),f=()=>{let e=(0,l.I0)(),s=(0,m.useRouter)(),n=(0,l.v9)(e=>e.appState.isLoggedIn),[t,i]=(0,r.useState)(null);(0,r.useEffect)(()=>{if(n){let e=localStorage.getItem(_.X.agencyInfo);e?i((0,b.as)(e)):i(null)}},[n]);let o=(0,r.useCallback)(async()=>{(await (0,p.bt)()).isOk?(localStorage.removeItem(_.X.agencyInfo),localStorage.removeItem(_.X.storageTokenKeyName),sessionStorage.removeItem(_.X.savedDataForConfirmReserveAgency),sessionStorage.removeItem(_.X.savedMemberReserveDataAgency),e((0,h.SL)(!1)),s.push("/login-agency")):u.Am.error("ログアウトに失敗しました。もう一度お試しください。")},[e,s]);return(0,a.jsx)("header",{className:N().container,children:(0,a.jsxs)("div",{className:N().headerContent,children:[(0,a.jsx)("div",{className:N().headerMenu,children:(0,a.jsx)(g._,{})}),(0,a.jsxs)("div",{className:N().navbarContainer,children:[(0,a.jsxs)("div",{className:N().logoWrapper,children:[(0,a.jsx)(d(),{className:N().logoLink,href:"https://dormy-hotels.com/reserve/agency",target:"_top",children:(0,a.jsx)("img",{className:N().logo,src:"/reserve/assets/images/logo.png",alt:""})}),(0,a.jsxs)("div",{className:N().welcome,children:["ようこそ、",n?(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("span",{className:"notranslate","data-stt

1-ignore":!0,children:[t?t.name||t.name_furi:"","旅行会社様"]})}):"ゲスト様"]})]}),(0,a.jsx)("div",{className:N().navbar,children:n&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d(),{href:"/agency/mypage",className:N().navbarItem,children:"予約確認"}),(0,a.jsx)("div",{className:N().navbarItem,onClick:o,children:"ログアウト"})]})})]})]})})},v=e=>{let{className:s,hideHeader:n,hideFooter:r,children:t}=e;return(0,a.jsxs)("div",{className:i().container,children:[!n&&(0,a.jsx)(f,{}),(0,a.jsx)("main",{className:[i().agencyMain,s].join(" "),role:"main",id:"main",children:t}),!r&&(0,a.jsx)(o.Z,{})]})}},48461:function(e,s,n){"use strict";n.r(s);var a=n(85893),r=n(67294),t=n(11163),i=n(9473),o=n(91444),l=n(58503),c=n(27484),d=n.n(c),u=n(22774),m=n(88703),_=n(84732),p=n(90502),h=n(32816),b=n(80731),g=n(44660),y=n(90138),N=n(38036),f=n(79927),v=n(30703),j=n(4997),x=n.n(j);let C=()=>{var e;let s=(0,i.I0)(),n=(0,t.useRouter)(),{roomType:{searchParams:c,sortBy:v},hotel:j,plan:C,pickedHotel:k,pickedPlan:w}=(0,i.v9)(e=>e.searching),{isLoggedIn:S}=(0,i.v9)(e=>e.appState),[D,O]=(0,r.useState)(!1),[I,T]=(0,r.useState)(!1),[B,M]=(0,r.useState)(1),[R,q]=(0,r.useState)(!1),[F,A]=(0,r.useState)(0),[E,X]=(0,r.useState)([]),L=(0,r.useCallback)(e=>

1{let s={keyword:e.keyword,checkin:e.checkin,number_of_nights:e.numberOfNights,number_of_aldults:e.numberOfAldults,number_of_rooms:e.numberOfRooms,number_of_children_need_futons:e.numberOfChildrenNeedFutons,number_of_children__no_need_futons:e.numberOfChildrenNoNeedFutons,search_by_tag:e.searchByTag,tags:e.tags.join(","),brands:e.brands.join(","),order_by:e.orderBy};n.replace({pathname:"/agency/search-plan-room",query:{...n.query,...s}})},[n]),W=(0,r.useCallback)(e=>{let{planId:a}=n.query;if(!a)return;let r={keyword:e.keyword,checkin:e.checkin,number_of_nights:e.numberOfNights,number_of_aldults:e.numberOfAldults,number_of_rooms:e.numberOfRooms,number_of_children_need_futons:e.numberOfChildrenNeedFutons,number_of_children__no_need_futons:e.numberOfChildrenNoNeedFutons,search_by_tag:e.searchByTag,tags:e.tags.join(","),brands:e.brands.join(","),order_by:e.orderBy};s((0,y.TM)({...e,reference:""})),n.push({pathname:"/agency",query:{...r,stock_check:!0}})},[s,n]),H=(0,r.useCallback)(async function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,t=arguments.length>3&&void 0!==arguments[3]&&arguments[3],{planId:i}=n.query;if(!i)return;1===r&&(X([]),A(0)),M(r),t?T(!0):O(!0),s((0,y.wc)({...e,tags:"string"==typeof e.tags?String(e.tags).split(","):e.tags,brands:"string"==typeof e.brands?String(e.brands).split(","):e.brands})),s((0,y.IH)({...e,tags:"string"==typeof e.tags?String(e.tags).split(","):e.tags,brands:"string"==typeof e.brands?String(e.brands).split(","):e.brands}));let l={...e,orderBy:a,planId:Number(i)};t||L(l);let c=await (0,N.GN)(l,r);if(c.isOk){let{data:e,next_page_url:s,total:n}=c.data;q(!!s),A(n),t?X(s=>[...s,...e]):X(e)}else o.Am.error(c.error||"部屋タイプのデータを取得できません。選択した部屋タイプが無効です。");t?T(!1):O(!1)},[s,n,L]),J=(0,r.useCallback)(async()=>{if(k)return;let e=await (0,N.v8)(Number(n.query.hotelId));if(e.isOk){let{data:n}=e;s((0,y.sk)({name:n.name,brand:n.brand,area:n.area,id:n.id,hotel_URL:n.hotel_URL,business_category_id:n.business_category_id}))}else o.Am.error("ホテル データを取得できません。選択したホテルは無効です。")},[s,k,null===(e=n.query)||void 0===e?void 0:e.hotelId]),Y=(0,r.useCallback)(async()=>{if(w)return;let e=await (0,N.N8)(Number(n.query.planId));if(e.isOk){let{data:n}=e;s((0,y.RJ)(n))}else o.Am.error("計画データを取得できません。もう一度お試しください。")},[s,w,n.query.planId]);(0,r.useEffect)(()=>{if(!n.isReady)return;let e=n.query;e&&Object.keys(e).length>0?H({keyword:String(e.keyword||""),checkin:String(e.checkin||d()().format("YYYY/MM/DD")),numberOfNights:Number(e.number_of_nights||1),numberOfAldults:Number(e.number_of_aldults||1),numberOfRooms:Number(e.number_of_rooms||1),numberOfChildrenNeedFutons:Number(e.number_of_children_need_futons||0),numberOfChildrenNoNeedFutons:Number(e.number_of_children__no_need_futons||0),searchByTag:String(e.search_by_tag||"hotel"),tags:e.tags?String(e.tags).split(",").map(e=>Number(e)):[],brands:e.brands?String(e.brands).split(",").map(e=>Number(e)):[]}):H(c),J(),Y()},[n.isReady]);let Z=(0,r.useCallback)(async(e,a)=>{s((0,y.su)({id:e.id,name:e.name}));let r={hotel:j,roomType:{searchParams:{...c,checkin:a},sortBy:v},plan:C,pickedHotel:k,pickedRoomType:{id:e.id,name:e.name},pickedPlan:w};if(sessionStorage.setItem(f.X.savedDataForConfirmReserveAgency,JSON.stringify(r)),s((0,y.wc)({...c,checkin:a})),S){n.push("/agency/reserve-confirm-member");return}window.location.href="/reserve/login-agency"},[s,j,c,v,C,k,w,S,n]),K=(0,r.useCallback)(()=>{R&&H(c,v,B+1,!0)},[H,R,B,c,v]);return(0,a.jsx)("div",{className:x().screenContainer,children:(0,a.jsxs)("div",{className:x().container,children:[(0,a.jsx)(u.F,{type:"select-room",onSubmitSearch:W,minDate:new Date}),(0,a.jsxs)("div",{className:x().paddingContainer,children:[(0,a.jsx)(m.a,{currentStep:2}),(0,a.jsx)(_._,{title:"部屋を選択",total:F,step:"select-room",isHideSort:!0,isLoading:D}),D?(0,a.jsx)(g.$,{}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("p",{className:x().pricingDescription,children:[(0,a.jsx)("span",{children:"【国内】表示料金は、大人1名様分の料金となります。"}),"（消費税込。ホテルにより別途、宿泊税・入湯税が発生いたします）"]}),(0,a.jsxs)("p",{className:x().pricingDescription,children:[(0,a.jsx)("span",{children:"【韓国】表示料金は、1室合計料金となります。"}),"( 消費税、宿泊税、入湯税は発生しません)"]}),(0,a.jsx)(p.$,{hotel:k}),E.map((e,s)=>(0,a.jsx)(h.X,{room:e,hotelCountry:null==k?void 0:k.business_category_id,onSelectCallback:(s,n)=>Z(e,n),isHideCalendar:!1}

1,s)),(0,a.jsxs)("div",{className:x().toTopButtonContainer,children:[R&&!I&&(0,a.jsx)(b.M,{className:x().loadMoreButton,onClick:K,isOutline:!0,title:"もっと読み込む"}),I&&(0,a.jsx)("div",{className:x().loadingMoreContainer,children:(0,a.jsx)(l.Z,{color:"#4c4c4c"})}),(0,a.jsx)(b.M,{className:x().toTopButton,onClick:()=>window.scrollTo({top:0,behavior:"smooth"}),isOutline:!0,title:"最上部へ戻る"})]})]})]})]})})};C.getLayout=e=>(0,a.jsx)(v.Z,{children:e}),s.default=C},25852:function(e){e.exports={container:"styles_container__FPuiE",stepWrapper:"styles_stepWrapper__TznQE",stepContainer:"styles_stepContainer__BxCiZ",triangle:"styles_triangle__V6Khc",disable:"styles_disable__xTBOq",stepNumber:"styles_stepNumber__e5hzZ",stepNumberDisabled:"styles_stepNumberDisabled__q1K0p",stepName:"styles_stepName__gsHcH",stepDescription:"styles_stepDescription__zebYg",descriptionDisabled:"styles_descriptionDisabled__2EkX_",showCursor:"styles_showCursor__nsfL6"}},24175:function(e){e.exports={container:"styles_container__5qbBk",headerContent:"styles_headerContent__X7wnu",headerMenu:"styles_headerMenu__d_Vyb",navbarContainer:"styles_navbarContainer__7Y4_r",logoWrapper:"styles_logoWrapper__Cgyh8",logoLink:"styles_logoLink__tayDt",logo:"styles_logo__TvX1e",welcome:"styles_welcome__y0985",navbar:"styles_navbar__K0ACw",navbarItem:"styles_navbarItem__AQ1EA"}},4997:function(e){e.exports={screenContainer:"styles_screenContainer__smEGI",container:"styles_container__jGFBQ",paddingContainer:"styles_paddingContainer__3n6N9",toTopButtonContainer:"styles_toTopButtonContainer__opQb_",toTopButton:"styles_toTopButton__KJCXM",loadMoreButton:"styles_loadMoreButton__DeVUl",loadingMoreContainer:"styles_loadingMoreContainer__GJHTv",pricingDescription:"styles_pricingDescription__NCe7W"}}},function(e){e.O(0,[260,6158,2861,1664,6737,6066,8036,2847,3614,1194,2888,9774,179],function(){return e(e.s=8766)}),_N_E=e.O()}]);