https://pit-port.com/_next/static/chunks/app/search/page-f30e017c237d6949.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[959],{2169:(e,t,a)=>{Promise.resolve().then(a.bind(a,5862))},4652:(e,t,a)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var a in t)Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}(t,{default:function(){return o},getImageProps:function(){return i}});let n=a(8140),l=a(5040),r=a(1356),s=n._(a(1124));function i(e){let{props:t}=(0,l.getImgProps)(e,{defaultLoader:s.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,a]of Object.entries(t))void 0===a&&delete t[e];return{props:t}}let o=r.Image},5239:(e,t,a)=>{"use strict";a.d(t,{default:()=>l.a});var n=a(4652),l=a.n(n)},5862:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>w});var n=a(5155),l=a(2115),r=a(4897),s=a(3317);let i={width:"100%",height:"calc(100vh - 60px)"},o={lat:35.64459878571241,lng:139.74260693887584};function c(e){let{onMarkerClick:t,initialCenter:a,isMenuOpen:c,showSummary:d,selectedParking:p}=e,{isLoaded:x}=(0,r.KD)({googleMapsApiKey:"AIzaSyCsdl33ZoysK4qzbf-wwmuOmsMRYqmLMN8",language:"ja"}),[m,u]=(0,l.useState)([]),[f,g]=(0,l.useState)(a||o),[h,v]=(0,l.useState)(!1),[w,j]=(0,l.useState)(null),b=(0,l.useRef)(null),[N,S]=(0,l.useState)(!1),[y,k]=(0,l.useState)(o),C=(0,l.useRef)(!1);(0,l.useEffect)(()=>{(async()=>{try{let e=await (0,s.m1)(f.lat,f.lng);u(e)}catch(e){console.error("駐車場データの取得に失敗しました",e)}})()},[f]),(0,l.useEffect)(()=>{a&&g(a)},[a]),(0,l.useEffect)(()=>{let e=e=>{g(e.detail)};return window.addEventListener("centerMap",e),()=>{window.removeEventListener("centerMap",e)}},[]),(0,l.useEffect)(()=>{let e=()=>{v(window.innerWidth<1200)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,l.useEffect)(()=>{if(!a&&!C.current){if("undefined"==typeof navigator||!navigator.geolocation){C.current=!0;return}navigator.geolocation.getCurrentPosition(e=>{C.current=!0;let{latitude:t,longitude:a}=e.coords,n={lat:t,lng:a};j(n),g(n)},e=>{C.current=!0,console.warn("現在地の取得に失敗しました",e)})}},[a]),(0,l.useEffect)(()=>{N&&w&&b.current&&b.current.panTo(w)},[N,w]);let E=(0,l.useMemo)(()=>!!w&&1e-4>Math.abs(y.lat-w.lat)&&1e-4>Math.abs(y.lng-w.lng),[y,w]);return((0,l.useEffect)(()=>{if(p&&b.current){let e={lat:parseFloat(p.lat),lng:parseFloat(p.lng)};b.current.panTo(e)}},[p]),x)?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:d?"absolute md:bottom-30 bottom-35 md:right-2 right-5 z-2":"absolute md:bottom-30 bottom-10 right-2 z-2",children:(0,n.jsx)("button",{onClick:()=>{if(!navigator.geolocation)return void alert("このブラウザでは現在地の取得がサポートされていません。");navigator.geolocation.getCurrentPosition(e=>{let{latitude:t,longitude:a}=e.coords,n={lat:t,lng:a};j(n),g(n),b.current&&b.current.panTo(n)},()=>{alert("現在地の取得に失敗しました。")})},className:"h-[45px] w-[45px] rounded-full shadow-lg flex items-center justify-center ".concat(E?"bg-[#00AEC4]":"bg-white"),children:(0,n.jsx)("i",{className:"fa-solid fa-location-arrow",style:{color:E?"#fff":"#00AEC4",fontSize:"24px"}})})}),(0,n.jsxs)(r.u6,{onLoad:e=>{b.current=e,S(!0)},onCenterChanged:()=>{if(b.current){let e=b.current.getCenter();e&&k({lat:e.lat(),lng:e.lng()})}},mapContainerStyle:i,center:f,zoom:15,options:{zoomControl:!h,streetViewControl:!1,mapTypeControl:!1,fullscreenControl:!1,rotateControl:!1,scaleControl:!1,disableDefaultUI:!0,clickableIcons:!1,keyboardShortcuts:!1,gestureHandling:"greedy"},children:[m.map(e=>{let a=(null==p?void 0:p.id)===e.id&&d;return(0,n.jsx)(r.pH,{position:{lat:parseFloat(e.lat),lng:parseFloat(e.lng)},title:e.name,icon:{url:a?"/ic_new_marker_parking_focus.png":"/ic_new_marker_parking.png",scaledSize:new window.google.maps.Size(a?30:24,a?36:30)},onClick:()=>t(e)}

1,e.id)}),f&&(0,n.jsx)(r.pH,{position:{lat:f.lat,lng:f.lng},icon:{url:"https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi2.png",scaledSize:new window.google.maps.Size(27,43)}})]})]}):(0,n.jsx)("div",{children:"Loading Map..."})}let d=e=>e?Number(e).toLocaleString():"";var p=a(5239),x=a(63);function m(e){var t;let{property:a,onClick:r}=e,i=(0,x.useRouter)(),[o,c]=(0,l.useState)(null);(0,l.useEffect)(()=>{(null==a?void 0:a.id)&&(async()=>{try{let e=await (0,s.NJ)(a.id);c((null==e?void 0:e.priceStructures)||null)}catch(e){console.error("\uD83D\uDEA8 SummaryCard - Error fetching property:",e),c(null)}})()},[a]);let m=new Date,u=m.getHours(),f=m.getMinutes(),g="".concat(String(u).padStart(2,"0"),":").concat(String(f).padStart(2,"0")),h=m.getDay(),v=o?0===h||6===h?o.weekend||o.holiday:o.weekday:null;return(0,n.jsx)("div",{className:"fixed bottom-[18px] left-1/2 transform -translate-x-1/2 z-3 bg-white rounded-[24px] shadow-[0_0_8px_rgba(0,0,0,0.1)] md:w-[620px] w-[95%] md:h-[166px] h-[110px] overflow-hidden cursor-pointer",onClick:()=>{i.push("/property/".concat(a.id)),r&&r()},children:(0,n.jsxs)("div",{className:"flex md:h-[166px] h-[110px]",children:[(0,n.jsx)("div",{className:"h-full md:w-[150px] w-[100px] min-w-[100px] overflow-hidden",children:(0,n.jsx)(p.default,{src:(null==(t=a.images)?void 0:t.url)||"/sample.jpg",alt:"駐車場画像",width:100,height:120,className:"h-full w-auto object-cover"})}),(0,n.jsxs)("div",{className:"flex-1 md:p-[20px] pt-[14px] pl-[14px] pb-[14px] overflow-hidden flex flex-col justify-between",children:[(0,n.jsx)("h2",{className:"font-sans font-normal md:text-[22px] text-[16px] md:leading-[27.5px]  leading-[21px] tracking-normal text-[#222]",children:a.name}),(0,n.jsxs)("div",{className:"md:mt-[0px] mt-[6px]",children:[(0,n.jsx)("p",{className:"font-sans font-normal md:text-[18px] text-[12px] md:leading-[27px] leading-[12px] tracking-normal align-middle text-[#888888]",children:a.availableStartDatetime&&a.availableEndDatetime?"".concat(a.availableStartDatetime," ~ ").concat(a.availableEndDatetime):"24時間営業"}),(0,n.jsxs)("div",{className:"flex",children:[(0,n.jsx)("div",{className:"mr-[8px]",children:(()=>{let e,t;if(!v)return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"font-sans font-bold md:text-[28px] text-[16px] md:leading-[35px] tracking-normal text-[#00AEC4]",children:d(a.price)}),(0,n.jsx)("span",{className:"font-sans font-normal md:text-[18px] text-[12px] leading-[27px] tracking-normal md:align-bottom text-[#00AEC4]",children:"円〜"}),(0,n.jsxs)("span",{className:"font-sans font-normal md:text-[18px] text-[12px] leading-[27px] tracking-normal md:align-bottom text-[#575A5A]",children:[" ","/ 15分"]})]});let l=v.timeSlot1Price;return v.timeSlot2Start&&v.timeSlot2End&&((e=v.timeSlot2Start)<=(t=v.timeSlot2End)&&g>=e&&g<=t||e>t&&(g>=e||g<=t))&&(l=v.timeSlot2Price||v.timeSlot1Price),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"font-sans font-bold md:text-[28px] text-[16px] md:leading-[35px] tracking-normal text-[#00AEC4]",children:d(l)}),(0,n.jsx)("span",{className:"font-sans font-normal md:text-[18px] text-[12px] leading-[27px] tracking-normal md:align-bottom text-[#00AEC4]",children:"円〜"}),(0,n.jsxs)("span",{className:"font-sans font-normal md:text-[18px] text-[12px] leading-[27px] tracking-normal md:align-bottom text-[#575A5A]",children:[" ","/ 15分"]})]})})()}),(null==v?void 0:v.maxPricePerDuration)?(0,n.jsxs)("div",{className:"",children:[(0,n.jsx)("span",{className:"font-sans font-bold md:text-[28px] text-[16px] md:leading-[35px] tracking-normal text-[#00AEC4]",children:d(v.maxPricePerDuration)}),(0,n.jsx)("span",{className:"font-sans font-normal md:text-[18px] text-[12px] leading-[27px] tracking-normal md:align-bottom text-[#00AEC4]",children:"円〜"}),(0,n.jsxs)("span",{className:"font-sans font-normal md:text-[18px] text-[12px] leading-[27px] tracking-normal md:align-bottom text-[#575A5A]",children:[" ","/ ",v.maxDurationHours,"時間"]})]}):null]})]})]}),(0,n.jsx)("div",{className:"flex items-center justify-center md:w-[27px] w-[8px] pr-[10px]",children:(0,n.jsx)("i",{className:"fa-solid fa-chevron-right text-[#888888] w-[8px] h-[12px] md:text-[24px] text-[12px]"})})]})})}async function u(e,t){var a,n;

1let l=await fetch("".concat("https://pit-port-client-web-api-5azu6a6gka-an.a.run.app").concat(e),{...t,headers:{Accept:"application/json",...null!=(a=null==t?void 0:t.headers)?a:{}}});if(!l.ok)throw Error("client-web API ".concat(e," failed: ").concat(l.status));return(n=await l.json())&&"object"==typeof n&&"data"in n?n.data:n}async function f(e,t){try{return await u("/event-property/".concat(e),t)}catch(e){if(e instanceof Error&&/\b404\b/.test(e.message))return null;throw e}}function g(e){var t,a,r;let{property:s}=e,i=(0,x.useRouter)(),[o,c]=(0,l.useState)(null);(0,l.useEffect)(()=>{if(!(null==s?void 0:s.id))return;let e=!1;return f(s.id).then(t=>{e||c(t)}).catch(()=>{e||c(null)}),()=>{e=!0}},[s.id]);let d=(null==o||null==(a=o.images)||null==(t=a[0])?void 0:t.url)||"/sample.jpg",m=o?o.availableStartTime&&o.availableEndTime?"".concat(o.availableStartTime," ~ ").concat(o.availableEndTime):"24時間営業":"",u=o?(r=o.price,"".concat(r.toLocaleString("ja-JP"),"円")):"";return(0,n.jsx)("div",{className:"fixed bottom-[18px] left-1/2 transform -translate-x-1/2 z-3 bg-white rounded-[24px] shadow-[0_0_8px_rgba(0,0,0,0.1)] md:w-[620px] w-[95%] md:h-[166px] h-[110px] overflow-hidden cursor-pointer",onClick:()=>{i.push("/property/".concat(s.id))},children:(0,n.jsxs)("div",{className:"flex md:h-[166px] h-[110px]",children:[(0,n.jsx)("div",{className:"h-full md:w-[150px] w-[100px] min-w-[100px] overflow-hidden",children:(0,n.jsx)(p.default,{src:d,alt:"駐車場画像",width:150,height:166,className:"h-full w-full object-cover"})}),(0,n.jsxs)("div",{className:"flex-1 md:p-[20px] pt-[14px] pl-[14px] pb-[14px] overflow-hidden flex flex-col justify-between",children:[(0,n.jsx)("h2",{className:"font-sans font-normal md:text-[22px] text-[16px] md:leading-[27.5px] leading-[21px] tracking-normal text-[#222] truncate",children:s.name}),(0,n.jsxs)("div",{className:"md:mt-[0px] mt-[6px]",children:[m&&(0,n.jsx)("p",{className:"font-sans font-normal md:text-[18px] text-[12px] md:leading-[27px] leading-[12px] tracking-normal text-[#888]",children:m}),u&&(0,n.jsxs)("p",{className:"mt-1",children:[(0,n.jsx)("span",{className:"font-sans font-bold md:text-[28px] text-[16px] md:leading-[35px] tracking-normal text-[#00AEC4]",children:u.replace("円","")}),(0,n.jsx)("span",{className:"font-sans font-normal md:text-[18px] text-[12px] leading-[27px] tracking-normal text-[#00AEC4]",children:"円"})]})]})]}),(0,n.jsx)("div",{className:"flex items-center justify-center md:w-[27px] w-[8px] pr-[10px]",children:(0,n.jsx)("i",{className:"fa-solid fa-chevron-right text-[#888] w-[8px] h-[12px] md:text-[24px] text-[12px]"})})]})})}var h=a(1667);function v(e){let{setInitialCenter:t,onParkingFound:a,onParkingClear:n}=e,r=(0,x.useSearchParams)();return(0,l.useEffect)(()=>{let e=r.get("lat"),l=r.get("lng"),i=r.get("parkingId"),o=e?parseFloat(e):null,c=l?parseFloat(l):null;t(null!==o&&null!==c?{lat:o,lng:c}:void 0),i?(0,s.NJ)(Number(i)).then(e=>{console.log("駐車場データ",e),e&&a(e)}).catch(()=>{n()}):n()},[r,t]),null}function w(){(0,x.useRouter)();let[e,t]=(0,l.useState)(null),[a,r]=(0,l.useState)(!1),[s,i]=(0,l.useState)(!1),[o,d]=(0,l.useState)(void 0);return(0,l.useEffect)(()=>{s?document.body.style.overflow="hidden":document.body.style.overflow="auto"},[s]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(h.A,{onTabChange:()=>{},type:"search",isMenuOpen:s,setIsMenuOpen:i}),s&&(0,n.jsx)("div",{className:"fixed top-0 left-0 w-full h-full bg-[#231815]/20 z-30",onClick:()=>i(!1)}),(0,n.jsxs)("main",{className:"relative md:mt-[var(--app-header-height)] mt-[var(--app-sp-header-height)] h-[calc(var(--app-height)-var(--app-sp-header-height))] md:h-[calc(var(--app-height)-var(--app-header-height))] overflow-hidden",children:[(0,n.jsx)(l.Suspense,{fallback:null,children:(0,n.jsx)(v,{setInitialCenter:d,onParkingFound:e=>{t(e),r(!0)},onParkingClear:()=>{t(null),r(!1)}})}),(0,n.jsx)(c,{onMarkerClick:e=>{t(e),r(!0)},onMapClick:()=>{t(null),r(!1)},initialCenter:o,isMenuOpen:s,showSummary:a,selectedParking:e}),e&&a&&(0,n.jsx)("div",{className:"fixed inset-0 z-2 md:mt-[var(--app-header-height)] mt-[var(--app-sp-header-height)]",onClick:()=>r(!1),children:(0,n.jsx)("div",{onClick:e=>e.stopPropagation(),children:Array.isArray(e.type)&&1===e.type.length&&1===e.type[0]?(0,n.jsx)(g,{property:e}):(0,n.jsx)(m,{property:e})})})]})]})}}},e=>{e.O(0,[84,176,356,911,441,255,358],()=>e(e.s=2169)),_N_E=e.O()}]);