https://smart-place-inn.jp/_next/static/chunks/1515.ef821cf600457921.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1515],{1515:function(e,s,t){t.r(s);var a=t(5893),n=t(1664),c=t.n(n),l=t(8278),i=t(7294),o=t(1163);s.default=e=>{let{locationIds:s,maleNum:t,femaleNum:n,cinDate:r,coutDate:_,handleCinDate:d,handleCoutDate:u,selectedPropertyNames:m,setCalendarResvType:p,napCinTime:v,napCoutTime:h,setLocationIds:y,setSelectedPropertyNames:j,setSelectedAreaIds:N}=e,b=(0,o.useRouter)(),x=b.query,g=parseInt("6"),{locale:C,t:B}=(0,l.b)(),f=b.asPath.split("/")[3];f="stay"==f?"stay":"nap"==f?"nap":"stay";let[k,E]=(0,i.useState)(f),[L,w]=(0,i.useState)(""),[D,M]=(0,i.useState)(0),[S,F]=(0,i.useState)(0),[T,R]=(0,i.useState)(""),q=parseInt("960"),A=["日","月","火","水","木","金","土"],Y=["sun","mon","tue","wed","thu","fri","sat"];(0,i.useEffect)(()=>{if(b.isReady){let e=b.query.property_slug;void 0!=e&&H(e)}},[x,b]),(0,i.useEffect)(()=>{var e,s,t,a,n,c,l,i,o,r,_,d,u,m;(5===g||6===g)&&(document.getElementsByClassName("c-reservation__tab__item -nap")[0].style.color="white"),void 0==k||"stay"==k?(E("stay"),null===(e=document.querySelector(".selectLocations"))||void 0===e||e.setAttribute("data-type","stay"),null===(s=document.getElementsByClassName("c-reservation__contents -stay")[0].classList)||void 0===s||s.remove("is-hide"),null===(t=document.getElementsByClassName("c-reservation__contents -nap")[0].classList)||void 0===t||t.add("is-hide"),null===(a=document.getElementsByClassName("c-reservation__contents -code")[0].classList)||void 0===a||a.add("is-hide"),null===(n=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===n||n.add("is-stay"),null===(c=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===c||c.remove("is-nap"),null===(l=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===l||l.remove("is-code")):(E("nap"),null===(i=document.querySelector(".selectLocations"))||void 0===i||i.setAttribute("data-type","nap"),null===(o=document.getElementsByClassName("c-reservation__contents -stay")[0].classList)||void 0===o||o.add("is-hide"),null===(r=document.getElementsByClassName("c-reservation__contents -nap")[0].classList)||void 0===r||r.remove("is-hide"),null===(_=document.getElementsByClassName("c-reservation__contents -code")[0].classList)||void 0===_||_.add("is-hide"),null===(d=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===d||d.remove("is-stay"),null===(u=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===u||u.add("is-nap"),null===(m=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===m||m.remove("is-code"))},[]);let H=async e=>{var s="https://api.smart-place-inn.jp";s+="/property/slug/".concat(e);let t=await fetch(s),a=await t.json();if(200!=t.status)throw Error("エラーが発生しました。");a.property||b.push("/"),M(a.property.property_id),R(a.property["name_"+C]),F(1===g?a.property.medical_plans:0)},O=(e,s)=>{let t=window.innerWidth,a=window.innerHeight,n=s.offsetWidth,c=s.offsetHeight,l=s.getBoundingClientRect(),i=l.top+window.pageYOffset,o=l.left+window.pageXOffset,r=window.scrollY||window.pageYOffset,_=e.querySelector(".c-popup__inner"),d=null==_?void 0:_.getBoundingClientRect(),u=null==d?void 0:d.width,m=null==d?void 0:d.height,p=e.querySelector(".c-popup__contents"),v=null==p?void 0:p.querySelector(".c-popup__contents__outer"),h=null==v?void 0:v.getBoundingClientRect().height,y=i-r-m+c/2,j=o-(u/2-n/2);t>q&&(y<=0&&(y=20),j<=0&&(j=20),t<=o+u/2+n/2&&(j=t-u-20),_.style.top="".concat(y,"px"),_.style.left="".concat(j,"px")),a<h&&(h=a-40),p.style.height="".concat(h+4,"px")},P=e=>{if(1==S)return!1;let s=document.getElementsByClassName("selectLocations");1===s.length&&(s[0].style.display="block",s[0].insertAdjacentHTML("afterend",'<div class="c-popup__mask"></div>')),O(s[0],e.target)},I=e=>{let s=document.getElementsByClassName("selectUnitType");1===s.length&&(s[0].style.display="block",s[0].insertAdjacentHTML("afterend",'<div class="c-popup__mask"></div>')),O(s[0],e.target)},W=e=>{p(e.currentTarget.dataset.type);let s=document.getElementsByClassName("selectCinAndCoutDate");1===s.length&&(s[0].style.display="block",s[0].insertAdjacentHTML("afterend",'<div class="c-popup__mask"></div>')),O(s[0],e.target)},U=e=>{if(e.preventDefault(),0==t&&0==n||0==s.length)return document.getElementsByClassName("p-plan__resulttext_error_area")[0].style.display="block",!1;var a=r.getFullYear()+"-"+("0"+(r.getMonth()+1)).slice(-2)+"-"+("0"+r.getDate()).slice(-2),c=_.getFullYear()+"-"+("0"+(_.getMonth()+1)).slice(-2)+"-"+("0"+_.getDate()).slice(-2);if(""!=L)var l="/plan/campaign/"+L+"/stay/"+t+"/"+n+"/"+a+"/"+c+"/"+s.join("/");else var l="/plan/select/stay/"+t+"/"+n+"/"+a+"/"+c+"/"+s.join("/");b.push(l)};(0,i.useEffect)(()=>

1{if(0==s.length||0==t&&0==n)return},[s,t,n,r,_]);let X=()=>5===g||6===g?(0,a.jsx)(a.Fragment,{}):4===g?(0,a.jsx)(a.Fragment,{}):(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"c-button__use__item",children:(0,a.jsxs)("div",{className:"c-button__use__label -female",children:[B.top.menu.Female,(0,a.jsx)("span",{className:"-count",children:n}),B.top.menu.Pax]})})});return(0,a.jsx)("div",{className:"c-reservation",children:(0,a.jsx)("div",{className:"c-reservation__outer",children:(0,a.jsx)("div",{className:"c-reservation__inner",children:(0,a.jsxs)("div",{className:"c-reservation__container is-stay js-tabContainer",children:[(0,a.jsx)("div",{className:"c-reservation__head",children:(0,a.jsxs)("div",{className:"c-reservation__tab",children:[(0,a.jsx)("div",{className:"stay"==k?"c-reservation__tab__item -stay js-tab is-active":"c-reservation__tab__item -stay js-tab","data-type":"stay",onClick:()=>{var e,s,t,a,n,c,l;E("stay"),p("stay"),null===(e=document.querySelector(".selectLocations"))||void 0===e||e.setAttribute("data-type","stay"),null===(s=document.getElementsByClassName("c-reservation__contents -stay")[0].classList)||void 0===s||s.remove("is-hide"),null===(t=document.getElementsByClassName("c-reservation__contents -nap")[0].classList)||void 0===t||t.add("is-hide"),null===(a=document.getElementsByClassName("c-reservation__contents -code")[0].classList)||void 0===a||a.add("is-hide"),null===(n=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===n||n.add("is-stay"),null===(c=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===c||c.remove("is-nap"),null===(l=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===l||l.remove("is-code")},children:B.top.menu.stay}),(0,a.jsxs)("div",{className:"nap"==k?"c-reservation__tab__item -nap js-tab is-active":"c-reservation__tab__item -nap js-tab","data-type":"nap",onClick:()=>{var e,s,t,a,n,c,l;if(5===g||6===g)return!1;E("nap"),p("nap"),null===(e=document.querySelector(".selectLocations"))||void 0===e||e.setAttribute("data-type","nap"),null===(s=document.getElementsByClassName("c-reservation__contents -stay")[0].classList)||void 0===s||s.add("is-hide"),null===(t=document.getElementsByClassName("c-reservation__contents -nap")[0].classList)||void 0===t||t.remove("is-hide"),null===(a=document.getElementsByClassName("c-reservation__contents -code")[0].classList)||void 0===a||a.add("is-hide"),null===(n=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===n||n.remove("is-stay"),null===(c=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===c||c.add("is-nap"),null===(l=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===l||l.remove("is-code"),void 0==x.property_slug?(y([]),N([]),j(B.top.menu.SelectLocation)):(y([D]),N([]),j(T))},children:[B.top.menu.Nap1,(0,a.jsx)("br",{className:"is-sp"}),B.top.menu.Nap2]}),(0,a.jsxs)("div",{className:"c-reservation__tab__item -code js-tab","data-type":"code",onClick:()=>{var e,s,t,a,n,c;E("code"),null===(e=document.getElementsByClassName("c-reservation__contents -stay")[0].classList)||void 0===e||e.add("is-hide"),null===(s=document.getElementsByClassName("c-reservation__contents -nap")[0].classList)||void 0===s||s.add("is-hide"),null===(t=document.getElementsByClassName("c-reservation__contents -code")[0].classList)||void 0===t||t.remove("is-hide"),null===(a=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===a||a.remove("is-stay"),null===(n=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===n||n.remove("is-nap"),null===(c=document.getElementsByClassName("c-reservation__container js-tabContainer")[0].classList)||void 0===c||c.add("is-code")},style:{color:"#000000"},children:[B.top.menu.Campaign1,(0,a.jsx)("br",{className:"is-sp"}),B.top.menu.Campaign2]})]})}),(0,a.jsxs)("div",{className:"c-reservation__body",children:[(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"c-reservation__contents -stay 

1js-tabTarget","data-type":"stay",children:(0,a.jsxs)("div",{className:"c-reservation__contents__inner",children:[(0,a.jsx)("div",{className:"c-reservation__contents__head",children:(0,a.jsxs)("p",{className:"c-reservation__contents__label",children:[B.top.text.OfficialWebsite,B.top.text.BestRate]})}),(0,a.jsxs)("div",{className:"c-reservation__contents__body",children:[(0,a.jsxs)("div",{className:"c-reservation__contents__use js-popup",children:[(0,a.jsx)("div",{className:"c-reservation__contents__use__item",children:(0,a.jsx)("div",{className:"c-button__use c-button__use--location js-popupBtn","data-type":"stay","data-key":"hotel",onClick:P,children:(0,a.jsx)("div",{className:"c-button__use__label",children:m})})}),(0,a.jsx)("div",{className:"c-reservation__contents__use__item",children:(0,a.jsx)("div",{className:"c-button__use c-button__use--guest js-popupBtn","data-type":"stay","data-key":"guest",onClick:I,children:(0,a.jsxs)("div",{className:"c-button__use__set",children:[(0,a.jsx)("div",{className:"c-button__use__item",children:(0,a.jsxs)("div",{className:"c-button__use__label -male",children:[B.top.menu.Male,(0,a.jsx)("span",{className:"-count",children:t}),B.top.menu.Pax]})}),X()]})})}),(0,a.jsx)("div",{className:"c-reservation__contents__use__item",children:(0,a.jsx)("div",{className:"c-button__use c-button__use--date js-popupBtn","data-type":"stay","data-key":"date",onClick:W,children:(0,a.jsx)("div",{className:"c-button__use__label",children:(0,a.jsxs)("div",{className:"c-button__use__column",children:[(0,a.jsxs)("div",{className:"c-button__use__column__col -checkin",children:[(0,a.jsx)("span",{className:"-month",children:r.getMonth()+1}),B.top.text.Month,(0,a.jsx)("span",{className:"-day",children:r.getDate()}),B.top.text.Date,(0,a.jsx)("span",{className:"-label",children:"("}),(0,a.jsx)("span",{className:"-week",children:"ja"==C?A[r.getDay()]:Y[r.getDay()]}),(0,a.jsx)("span",{className:"-label",children:")"})]}),(0,a.jsxs)("div",{className:"c-button__use__column__col -checkout",children:[(0,a.jsx)("span",{className:"-month",children:_.getMonth()+1}),B.top.text.Month,(0,a.jsx)("span",{className:"-day",children:_.getDate()}),B.top.text.Date,(0,a.jsx)("span",{className:"-label",children:"("}),(0,a.jsx)("span",{className:"-week",children:"ja"==C?A[_.getDay()]:Y[_.getDay()]}),(0,a.jsx)("span",{className:"-label",children:")"})]})]})})})})]}),(0,a.jsxs)("div",{className:"c-reservation__contents__result",children:[(0,a.jsx)("a",{href:"",onClick:U,children:(0,a.jsx)("button",{className:"c-button__use c-button__use--result",type:"submit",children:(0,a.jsx)("span",{className:"c-button__use__label",children:B.top.menu.BestRateSearch})})}),1==S&&(0,a.jsx)("a",{href:"",onClick:e=>{if(e.preventDefault(),0==t&&0==n)return document.getElementsByClassName("p-plan__resulttext_error_area_medical_plans")[0].style.display="block",!1;r.getFullYear(),("0"+(r.getMonth()+1)).slice(-2),("0"+r.getDate()).slice(-2),_.getFullYear(),("0"+(_.getMonth()+1)).slice(-2),("0"+_.getDate()).slice(-2),document.getElementsByClassName("p-plan__resulttext_medical_plans_popup")[0].style.display="block"},children:(0,a.jsx)("button",{className:"c-button__use c-button__use--result",type:"submit",children:(0,a.jsx)("span",{className:"c-button__use__label",children:B.top.MedicalPlans.SearchButtonText})})})]})]})]})})}),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"c-reservation__contents -nap js-tabTarget is-hide","data-type":"nap",children:(0,a.jsxs)("div",{className:"c-reservation__contents__inner",children:[(0,a.jsx)("div",{className:"c-reservation__contents__head",children:(0,a.jsxs)("p",{className:"c-reservation__contents__label",children:[B.top.text.OfficialWebsite,(0,a.jsx)("br",{className:"is-pc"}),B.top.text.BestRate]})}),(0,a.jsxs)("div",{className:"c-reservation__contents__body",children:[(0,a.jsxs)("div",{className:"c-reservation__contents__use js-popup",children:[(0,a.jsx)("div",{className:"c-reservation__contents__use__item",children:(0,a.jsx)("div",{className:"c-button__use c-button__use--location js-popupBtn","data-type":"nap","data-key":"hotel",onClick:P,children:(0,a.jsx)("div",{className:"c-button__use__label c-button__use__label-nap",children:m})})}),(0,a.jsx)("div",{className:"c-reservation__contents__use__item",children:(0,a.jsx)("div",{className:"c-button__use c-button__use--guest js-popupBtn","data-type":"nap","data-key":"guest",onClick:I,children:(0,a.jsxs)("div",{className:"c-button__use__set",children:[(0,a.jsx)("div",{className:"c-button__use__item",children:(0,a.jsxs)("div",{className:"c-button__use__label -male",children:[B.top.menu.Male,(0,a.jsx)("span",{className:"-count",children:t}),B.top.menu.Pax]})}),X()]})})}),(0,a.jsx)("div",{className:"c-reservation__contents__use__item",children:(0,a.jsx)("div",{className:"c-button__use c-button__use--date -inonly js-popupBtn","data-type":"nap","data-key":"date",onClick:W,children:(0,a.jsx)("div",{className:"c-button__use__label",children:(0,a.jsxs)("div",{className:"c-button__use__date__item -checkin",children:[(0,a.jsx)("span",{className:"-month",children:r.getMonth()+1}),B.top.text.Month,(0,a.jsx)("span",{className:"-day",children:r.getDate()}),B.top.text.Date,(0,a.jsx)("span",{className:"-label",children:"("}),(0,a.jsx)("span",{className:"-week",children:"ja"==C?A[r.getDay()]:Y[r.getDay()]}),(0,a.jsx)("span",{className:"-label",children:")"})]})})})}),(0,a.jsx)("div",{className:"c-reservation__contents__use__item",children:(0,a.jsx)("div",{className:"c-button__use c-button__use--time js-popupBtn","data-type":"nap","data-key":"check",onClick:e=>{let s=document.getElementsByClassName("selectNapTime");1===s.length&&(s[0].style.display="block",s[0].insertAdjacentHTML("afterend",'<div class="c-popup__mask"></div>')),O(s[0],e.target)},children:(0,a.jsx)("div",{className:"c-button__use__label",children:(0,a.jsxs)("div",{className:"c-button__use__column",children:[(0,a.jsx)("div",{className:"c-button__use__column__col -checkin","data-state":"checkin",children:v}),(0,a.jsx)("div",{className:"c-button__use__column__col -checkout","data-state":"checkout",children:h})]})})})})]}),(0,a.jsx)("div",{className:"c-reservation__contents__result",children:(0,a.jsx)(c(),{href:"",onClick:e=>{if(e.preventDefault(),0==t&&0==n||0==s.length)return document.getElementsByClassName("p-plan__resulttext_error_area")[0].style.display="block",!1;var a="/plan/select/nap/"+t+"/"+n+"/"+(r.getFullYear()+"-"+("0"+(r.getMonth()+1)).slice(-2))+"-"+("0"+r.getDate()).slice(-2)+"/"+v+"/"+h+"/"+s.join("/");b.push(a)},children:(0,a.jsx)("button",{className:"c-button__use c-button__use--result",type:"submit",children:(0,a.jsxs)("span",{className:"c-button__use__label",children:[B.top.menu.BestRateSearch1,(0,a.jsx)("br",{className:"is-xsmallpc"}),B.top.menu.BestRateSearch2]})})})})]})]})})}),(0,a.jsx)("div",{className:"c-reservation__contents -code is-hide js-tabTarget","data-type":"code",children:(0,a.jsx)("div",{className:"c-reservation__contents__inner",children:(0,a.jsxs)("div",{className:"c-reservation__search",children:[(0,a.jsxs)("div",{className:"c-reservation__search__input",children:[(0,a.jsx)("p",{className:"is-pc",children:B.top.text.InputCampaignCode}),(0,a.jsx)("input",{className:"u-input",type:"text",placeholder:B.top.text.CampaignCode,onChange:e=>{w(e.target.value)}}),(0,a.jsx)("p",{className:"is-sp",children:B.top.text.InputCampaignCode})]}),(0,a.jsx)("div",{className:"c-reservation__search__btn",children:(0,a.jsx)(c(),{href:"",onClick:U,children:(0,a.jsx)("button",{className:"c-button__use c-button__use--result",type:"submit",children:(0,a.jsx)("span",{className:"c-button__use__label",children:B.top.menu.Search})})})})]})})})]})]})})})})}}}]);