https://www.hipcamp.com/_next/static/chunks/7848.1d3cf3e8d59d0c5d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7848],{19824:(e,t,i)=>{i.d(t,{A:()=>s});var o=i(37876),a=i(47030),n=i(76174),l=i(65203),r=i(71327);let s=({lat:e,lng:t,isDispersed:i,shouldShow:s,onClose:d,children:p})=>{let{deviceType:c}=(0,r.kW)(),u=i?50:44,x=n.O+2*u;return(0,o.jsx)(o.Fragment,{children:s&&(0,l.cI)(c)&&(0,o.jsx)(a.zD,{className:"popup-custom-styles",style:{padding:`${i?50:24}px ${u}px`},longitude:t,latitude:e,closeButton:!1,maxWidth:`${x}px`,focusAfterOpen:!1,onClose:d,children:p})})}},58648:(e,t,i)=>{i.d(t,{A:()=>p});var o=i(37876),a=i(37094);i(14232);var n=i(5646),l=i(37792);let r=n.default.span.withConfig({componentId:"sc-d9e347e3-0"})(["position:absolute;left:0;right:0;bottom:0;padding:2px 0;text-align:center;font-size:10px;font-weight:600;color:white;background:rgba(38,38,38,0.7);opacity:0;transition:opacity 0.15s ease;@media (hover:none){opacity:1;}"]),s=n.default.button.withConfig({componentId:"sc-d9e347e3-1"})(["position:absolute;left:12px;bottom:",";z-index:4;width:",";height:",";padding:0;border:1px solid rgba(0,0,0,0.12);border-radius:12px;overflow:hidden;cursor:pointer;background-color:white;box-shadow:0 1px 2px rgba(0,0,0,0.1);transition:opacity 0.15s ease;&:hover{opacity:0.9;}&:focus-visible{outline:2px solid white;outline-offset:2px;}&:hover ",",&:focus-visible ","{opacity:1;}"],({$small:e})=>e?"calc(12px + env(safe-area-inset-bottom))":"12px",({$small:e})=>e?"56px":"64px",({$small:e})=>e?"56px":"64px",r,r),d=n.default.div.withConfig({componentId:"sc-d9e347e3-2"})(["position:absolute;inset:0;background-size:cover;background-position:center;"]),p=({useSatellite:e,onToggle:t,mapStyleIdentifier:i,previewLocation:n,smallLayout:p,style:c})=>{let{t:u}=(0,a.Bd)(),x=e?`${l.hs}/${i}`:l.DF,m=`https://api.mapbox.com/styles/v1/${x}/static/${n}/144x144@2x?access_token=${l.bG}&attribution=false&logo=false`,h=u(e?"landPage:siteMap.mapType.map":"landPage:siteMap.mapType.satellite"),g=u(e?"landPage:siteMap.mapType.switchToMap":"landPage:siteMap.mapType.switchToSatellite");return(0,o.jsxs)(s,{type:"button",onClick:t,"data-cy":"mapTypeSwitcher","aria-pressed":e,"aria-label":g,$small:p,style:c,children:[(0,o.jsx)(d,{style:{backgroundImage:`url("${m}")`}}),(0,o.jsx)(r,{"aria-hidden":"true",children:h})]})}},73366:(e,t,i)=>{i.d(t,{A:()=>r});var o=i(37876),a=i(31219),n=i(14232),l=i(47030);let r=({isActive:e,longitude:t,latitude:i,children:r,mapInteractive:s=!1,onMouseEnter:d,onMouseLeave:p})=>

1{let[c,u]=(0,n.useState)(!1),x=(0,n.useCallback)(()=>{u(s),s&&d&&d()},[s,d]),m=(0,n.useCallback)(()=>{u(!1),p&&p()},[p]);return(0,o.jsx)(a.Box,{onMouseEnter:x,onMouseLeave:m,children:(0,o.jsx)(l.pH,{longitude:t,latitude:i,anchor:"center",style:{zIndex:c||e?2:1},children:r})})}},76174:(e,t,i)=>{i.d(t,{A:()=>M,O:()=>k});var o=i(37876);i(35987);var a=i(8772),n=i(34434),l=i.n(n),r=i(31219),s=i(89099),d=i(37094);i(14232);var p=i(5646),c=i(64319),u=i(10803),x=i(78271),m=i(70681),h=i(4776),g=i(83214),y=i(25948),b=i(23020),v=i(55602),f=i(46008),j=i(1254),A=i(28563),C=i(99713),w=i(65203),I=i(64195),S=i(29454),P=i(47213),B=i(71327);let k=304,T=(0,p.default)(r.Box).withConfig({componentId:"sc-82adf6ce-0"})(["position:absolute;display:flex;top:4px;> *{position:relative;background-color:white;padding:2px 8px;margin-top:4px;margin-left:8px;border-radius:100px;}"]),L=(0,p.default)(r.Text).withConfig({componentId:"sc-82adf6ce-1"})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]),M=({siteEdge:e,setActivePin:t})=>{let i,n,p,{bundledPricePerNight:M,bundledPerNight:E,bundledListPerNight:$,bundledSubtotal:N,additionalGuestsFee:_,isPriceDiscount:D,pricePerNightBase:z,pricePerNight:R,cleaningFee:F,fees:H,serviceFee:W,serviceFeeTax:G,totalListNightsPrice:O,totalNightsPrice:Z,totalNightsDiscount:U,totalPrice:q,transientOccupancyTax:X,totalPricePerNight:V,totalListPricePerNight:J,node:Q}=e,{isInstantBookable:Y,isHighlyDemanded:K,isNewlyLive:ee,recommendsCount:et,recommendsPercentage:ei,recommendsViewable:eo,name:ea,accommodationType:en,maxCapacity:el,id:er,photos:es,baseCapacity:ed}=Q,ep=(0,s.useRouter)(),ec=(0,v.Ay)(),eu=(0,j.A)(),{guestCount:ex,dateParams:em}=(0,f.A)(),eh=(0,b.A)(),eg=ec?.land?.countryName??eu?.land?.countryName,{query:ey}=ep,{siteId:eb,modalLand:ev}=ey,{deviceType:ef}=(0,B.kW)(),{isBundledPricing:ej}=(0,S.UU)(),eA=!!eb,eC=!!ey.arrive&&!!ey.depart,ew=es?.edges?.map(e=>({filename:e?.node?.filename})),eI=()=>{A.zS.productClicked({category:"hipbook",listEntityId:er,listEntityType:C.Cbv.PRIVATE_SITE,listInventoryType:ec?.land?.isExternal?C.raX.EXTERNAL:C.raX.INTERNAL,productType:C.chg.CAMPSITE,listTitle:"",listName:C.IQK.LAND_PAGE,name:ea,position:-1,price:(0,m.xE)(R),productId:parseInt(er),searchQueryId:null,searchQuery:null,productListRenderId:null,destinationIterable:!1,productPageId:eA?eb:ec?.land?.id,source:C.kLi.LAND_MAP,tapPosition:null,isPrivate:ec?.land?.isPrivate,isExternal:ec?.land?.isExternal,inventoryBookabilityType:(0,w.yX)(ec?.land?.isExternal,ec?.land?.isPrivate)})},eS=(0,a.useHCFeatureIsOn)("remove_instant_book_high_demand_badges"),eP=(0,u.yJ)(eg),eB=ej&&!eP?(0,c.yF)(e,eC,(0,m.Ax)(em)):null,ek=eB?(0,I.uN)(eB,"treatment"):null,{t:eT}=(0,d.Bd)(),eL=e=>{let t=(0,P.Nr)(ey,["landIdSegments","siteId","srid","modalLand","discoverParams"]),i=ev?`${ev}/sites/${er}${t}`:`/land/${eh}/sites/${er}${t}`;return e?`${i}${t?"&":"?"}openDates=true`:i};return(0,o.jsx)(r.Box,{width:`${k}px`,height:310,children:(0,o.jsx)(h.A,{href:eL(),width:"100%",variant:"unstyled",onClick:eI,children:(0,o.jsxs)(r.Box,{width:"100%",height:310,color:"brand2.500",children:[(0,o.jsx)(g.A,{closeCard:()=>{t?.(null)}

1,position:{right:"12px",top:"12px"}}),(0,o.jsx)(y.A,{removeBorderRadius:!0,photos:ew,imageProps:{height:195,width:k,style:{objectFit:"cover",borderRadius:"12px 12px 0 0"}}}),(0,o.jsxs)(r.Box,{display:"flex",flexDirection:"column",width:"100%",px:"16px",py:"8px",children:[(0,o.jsx)(r.HStack,{alignItems:"center",spacing:"4px",maxHeight:"20px",children:(i=`landPage:accommodationTypes.${en}`,eo?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.Box,{marginTop:"2px",color:"brand2.500",alignItems:"center",children:(0,o.jsx)(l(),{size:"12px",color:"brand2.500"})}),(0,o.jsx)(r.Text,{variant:"titleXs",textColor:"brand2.500",children:`${Math.round(ei)}%`}),(0,o.jsx)(r.Text,{variant:"paragraphS",textColor:"brand2.400",children:`(${et}) \xb7 ${eT(i,{count:1})}${el&&" \xb7 "+eT("landPage:site.accomodationSize",{count:el})}`})]}):(0,o.jsx)(r.Text,{variant:"paragraphS",textColor:"brand2.400",children:`${eT(i,{count:1})}${el&&" \xb7 "+eT("landPage:site.accomodationSize",{count:el})}`}))}),(0,o.jsx)(L,{variant:"titleS",children:ea}),(0,o.jsxs)(r.Box,{display:"flex",flexDirection:"row",justifyContent:"space-between",width:"100%",mt:"12px",children:[(n=eT("landPage:site.guestCount",{count:Math.max(ex,ed||0)}),eC&&(n=eT("landPage:site.totalPrice",{price:(0,m.ZG)(q)})),(0,o.jsx)(x.A,{bundledPricePerNight:M,isPriceDiscount:D,pricePerNight:R,pricePerNightBase:z,baseCapacity:ed,cleaningFee:F,fees:H,serviceFee:W,serviceFeeTax:G,totalListNightsPrice:O,totalNightsPrice:Z,totalNightsDiscount:U,totalPrice:q,transientOccupancyTax:X,totalPricePerNight:V,totalListPricePerNight:J,bundledPerNight:E,bundledListPerNight:$,costTextVariant:"titleS",showTotalPricing:eP,isBundledPricing:ej,allInPriceLine:ek,bundledSubtotal:N,additionalGuestsFee:_,children:ek?.kind!=="tripTotal"&&(0,o.jsx)(r.Text,{variant:"paragraphS",textColor:"brand2.400",children:n})})),(0,o.jsx)(m.Vy,{siteEdge:e,logProductClicked:eI,siteUrl:eL(!eC)})]})]}),(0,o.jsx)(T,{children:(p=[],ee&&p.push((0,o.jsx)(r.Text,{variant:"labelS",children:eT("landPage:site.new")},"newly-live")),!eS&&(K&&ef!==B.kc.Mobile&&p.push((0,o.jsx)(r.Text,{variant:"labelS",children:eT("landPage:site.highDemand")},"high-demand")),Y&&p.push((0,o.jsx)(r.Text,{variant:"labelS",children:eT("landPage:filters.instantBook")},"instant-book"))),p)})]})})})}},77848:(e,t,i)=>{i.r(t),i.d(t,{BoundarySetting:()=>Z,default:()=>X});var o,a=i(37876),n=i(31219),l=i(14232),r=i(47030),s=i(5646),d=i(8772),p=i(38045),c=i(33295);let u=({sourceId:e})=>(0,a.jsx)(r.Wd,{id:"land-poi-shapes",type:"fill",source:e,beforeId:"water",filter:["==","geoType",c.th.GeoBoundaryMulti],paint:{"fill-color":["get","fillColor"],"fill-opacity":["get","fillOpacity"]}}),x=({sourceId:e})=>(0,a.jsx)(r.Wd,{id:"land-poi-lines",type:"line",source:e,filter:["==","geoType",c.th.GeoLine],layout:{"line-join":"round","line-cap":"round"},paint:{"line-color":["get","lineColor"],"line-width":["get","lineWidth"],"line-dasharray":["get","lineDashArray"]}}),m=({sourceId:e})=>(0,a.jsx)(r.Wd,{id:"land-poi-symbols",type:"symbol",source:e,filter:["==","geoType",c.th.GeoPoint],layout:{"icon-image":["get","iconImage"],"icon-allow-overlap":!0,"icon-ignore-placement":!0,"text-field":["get","name"],"text-font":["Calibre Bold","Arial Unicode MS Regular"],"text-size":["step",["zoom"],["step",["get","sizerank"],18,5,12],17,["step",["get","sizerank"],18,13,12]],"text-offset":[0,1],"text-anchor":"top","text-justify":"center","text-allow-overlap":!1},paint:{"text-color":["get","textColor"],"text-halo-color":"#ffffff","text-halo-width":1.2,"text-halo-blur":.6,"text-opacity":["step",["zoom"],0,16,1]}}),h=({landId:e,landIdType:t})=>{let{land:i}=((e,t=c.ED.Masked)=>{let{data:i}=(0,p.Ay)("query LandPoi($landId: ID!, $landIdType: LandIdTypeEnum!) {\n  land(landId: $landId, landIdType: $landIdType) {\n    id\n    parkPois {\n      id\n      name\n      description\n      poiCategory\n      poiType\n      geoType\n      geoJson\n    }\n  }\n}\n",{landId:e,landIdType:t});return{land:i?.land}})(e,t),o=i?.parkPois,n=(0,l.useMemo)(()=>o?{type:"FeatureCollection",features:o.map(e=>{let{id:t,name:i,description:o,poiCategory:a,poiType:n,geoType:l}=e,r=`hc-${n}-icon`.toLowerCase(),s=(e=>{let t={lineColor:"#ffffff",lineWidth:2,lineDashArray:[1,0]};switch(e){case c.qq.Road:return{...t,lineWidth:4,lineDashArray:[1,0]};case c.qq.River:return{...t,lineColor:"#7da9ba"};case c.qq.PropertyBoundary:return{...t,lineColor:"#5c5a4d",lineDashArray:[2,2]};

1case c.qq.Trail:return{...t,lineColor:"#789E45",lineDashArray:[2,2]};default:return t}})(n),d=n===c.qq.Lake?{fillColor:"#7da9ba",fillOpacity:1}:{fillColor:"#e1e4dc",fillOpacity:1},p=(e=>{switch(e){case c.o1.Utility:return{textColor:"#8692CE"};case c.o1.Park:return{textColor:"#789E45"};case c.o1.Water:return{textColor:"#62A3C7"};default:return{textColor:"#3f2727"}}})(a);return{type:"Feature",geometry:e.geoJson.geometry,properties:{id:t,name:i,description:o,poiCategory:a,geoType:l,iconImage:r,lineColor:s.lineColor,lineWidth:s.lineWidth,lineDashArray:s.lineDashArray,fillColor:d.fillColor,fillOpacity:d.fillOpacity,textColor:p.textColor}}})}:{type:"FeatureCollection",features:[]},[o]);if(!o||0===o.length)return null;let s="land-pois";return(0,a.jsx)(d.IfHCFeatureEnabled,{feature:"land_poi_map_layer",children:(0,a.jsxs)(r.kL,{id:s,type:"geojson",data:n,children:[(0,a.jsx)(u,{sourceId:s}),(0,a.jsx)(x,{sourceId:s}),(0,a.jsx)(m,{sourceId:s})]})})};var g=i(58648),y=i(60712),b=i(76174),v=i(89099),f=i(37094),j=i(64319),A=i(10803),C=i(28563),w=i(99713);let I=(0,s.default)(n.Control).withConfig({componentId:"sc-3ee4fd74-0"})(["transform:scale(",");&:hover{transform:scale(",");}filter:drop-shadow(1px 2px 4px rgba(0,0,0,0.25));cursor:",";display:flex;"],e=>e.isActive?"1.1":"1",e=>e.isStaticMap&&!e.isActive?"1":"1.1",e=>e.mapInteractive?"pointer":"default"),S=(0,s.default)(n.Box).withConfig({componentId:"sc-3ee4fd74-1"})(["border-radius:100px;"]),P=({children:e,setActivePin:t,siteEdge:i,borderColor:o,isActive:n,mapInteractive:l})=>(0,a.jsx)(S,{borderColor:o,"data-cy":`pinButton${i.node.id}`,children:(0,a.jsx)(I,{onClick:e=>{e.stopPropagation(),l&&((0,C.L4)({type:"Map Clicked",source:w.kLi.LAND_MAP}),t(i))},isActive:n,isStaticMap:!l,mapInteractive:l,"aria-label":"",children:e})});var B=i(81427),k=i(70681),T=i(73366),L=i(19824),M=i(55602),E=i(46008),$=i(1254),N=i(64195),_=i(29454);let D=({siteEdge:e,setActivePin:t,isActive:i,isHover:o,mapInteractive:l,siteDetailsMode:r})=>{let s=(0,M.Ay)(),d=(0,$.A)(),{t:p}=(0,f.Bd)(),c=(0,E.A)(),{query:u}=(0,v.useRouter)(),{isAvailable:x,pricePerNight:m,availableSites:h,totalPricePerNight:g,bundledPerNight:y,node:C}=e,{coordinate:w,campsitesCount:I,accommodationKeys:S}=C,{latitude:D,longitude:z}=w,R=s?.listMapBindings?.isHovered(C.id,"site")||o,{fontColor:F,subtextFontColor:H,bgColor:W,bgHexColor:G}=(0,B.A)(i||R,!x),O=!!u.arrive&&!!u.depart,Z=s?.land?.countryName??d?.land?.countryName,U=(0,A.yJ)(Z),{isBundledPricing:q}=(0,_.UU)(),{dateParams:X}=c;if(!I)return null;let V=q&&!U?(0,j.yF)(e,O,(0,k.Ax)(X)):null,J=(V?(0,N.uN)(V,"treatment").mainPrice:null)??(q&&!U&&O&&y?(0,k.ZG)(y):null)??(0,k.ZG)(U?g:m),Q=(0,k.QN)(S),Y=h||0;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(T.A,{longitude:z,latitude:D,mapInteractive:l,isActive:i||R,onMouseEnter:()=>{s?.listMapBindings?.setHoveredEntity({id:C.id,type:"site"})},onMouseLeave:()=>{s?.listMapBindings?.setHoveredEntity(null)},children:(0,a.jsx)(P,{borderColor:G,isActive:i||R,siteEdge:e,setActivePin:t,mapInteractive:l,children:(0,a.jsxs)(n.VStack,{backgroundColor:W,borderRadius:30,spacing:"2px",paddingX:"20px",paddingY:"8px",alignItems:"center",children:[(0,a.jsxs)(n.HStack,{spacing:"2px",children:[(0,a.jsx)(n.Box,{height:"20px",color:F,borderRadius:"12px",alignItems:"center",children:Q}),(0,a.jsx)(n.Text,{textColor:F,variant:"titleS",children:J})]}),(0,a.jsx)(n.Text,{variant:"captionS",textColor:H,children:O?Y>0?p("landPage:sites.map.dispersedAvailableSites",{count:Y,total:I}):p("landPage:sites.map.dispersedAvailableSitesWithoutTotal",{count:Y}):p("landPage:overview.siteCount",{count:I})})]})})}),!r&&(0,a.jsx)(L.A,{lat:D,lng:z,isDispersed:!0,shouldShow:i,children:(0,a.jsx)(b.A,{siteEdge:e,setActivePin:t})})]})},z=({siteEdge:e,setActivePin:t,isActive:i,isHover:o,mapInteractive:l,siteDetailsMode:r=!1})=>{let s=(0,M.Ay)(),d=(0,$.A)(),{dateParams:p}=(0,E.A)(),{query:c}=(0,v.useRouter)(),{isAvailable:u,pricePerNight:x,totalPricePerNight:m,bundledPerNight:h,node:g}=e,{coordinate:y,accommodationKeys:f}=g,{latitude:C,longitude:w}=y,I=s?.listMapBindings?.isHovered(g.id,"site")||o,{fontColor:S,bgColor:D,bgHexColor:z}=(0,B.A)(i||I,!u),R=s?.land?.countryName??d?.land?.countryName,F=(0,A.yJ)(R),{isBundledPricing:H}=(0,_.UU)(),W=!!c.arrive&&!!c.depart,G=H&&!F?(0,j.yF)(e,W,(0,k.Ax)(p)):null,O=(G?(0,N.uN)(G,"treatment").mainPrice:null)??(H&&

1!F&&W&&h?(0,k.ZG)(h):null)??(0,k.ZG)(F?m:x),Z=(0,k.QN)(f);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(T.A,{mapInteractive:l,longitude:w,latitude:C,isActive:i||I,onMouseEnter:()=>{i||s?.listMapBindings?.setHoveredEntity({id:g.id,type:"site"})},onMouseLeave:()=>{i||s?.listMapBindings?.setHoveredEntity(null)},children:(0,a.jsx)(P,{borderColor:z,isActive:i||I,siteEdge:e,setActivePin:t,mapInteractive:l,children:(0,a.jsxs)(n.HStack,{backgroundColor:D,borderRadius:60,height:30,paddingX:"12px",paddingY:"4px",spacing:"2px",children:[(0,a.jsx)(n.Box,{height:"20px",color:S,borderRadius:"12px",alignItems:"center",children:Z}),(0,a.jsx)(n.Text,{textColor:S,variant:"titleS",children:O})]})})}),!r&&(0,a.jsx)(L.A,{lat:C,lng:w,isDispersed:!1,shouldShow:i,children:(0,a.jsx)(b.A,{setActivePin:t,siteEdge:e})})]})},R=({setActivePin:e,sites:t,activePin:i,activeSiteId:o,hoverSiteId:n,pinsInteractive:l=!0})=>{let r=void 0!==o,s=[...t||[]].sort((e,t)=>(e?.totalPricePerNight?.minorAmount||0)<(t?.totalPricePerNight?.minorAmount||0)?1:-1).map(t=>t?t.node.isDispersed&&t.node.campsitesCount>1?(0,a.jsx)(D,{siteEdge:t,setActivePin:e,mapInteractive:l,isActive:i?.node.id===t.node.id,isHover:n===t.node.id,siteDetailsMode:r},`map-pin${t.node.id}`):(0,a.jsx)(z,{siteEdge:t,setActivePin:e,isActive:i?.node.id===t.node.id,isHover:n===t.node.id,mapInteractive:l,siteDetailsMode:r},`map-pin${t.node.id}`):void 0);return(0,a.jsx)(a.Fragment,{children:s})};var F=i(65203),H=i(93720),W=i(37792),G=i(71327);let O=(0,s.createGlobalStyle)([".popup-custom-styles .mapboxgl-popup-content{padding:0;border-radius:12px;}.popup-custom-styles .mapboxgl-popup-tip{visibility:hidden;}.mapboxgl-popup{z-index:3;}.map-type-switchable .mapboxgl-ctrl-logo{display:none;}.map-type-switchable .mapboxgl-ctrl-bottom-left{bottom:84px;left:2px;}.map-type-switchable .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin-bottom:0;}.map-type-switchable--small .mapboxgl-ctrl-bottom-left{bottom:calc(76px + env(safe-area-inset-bottom));}"]);var Z=((o={}).MAX_BOUNDS="max_bounds",o.MIN_ZOOM="min_zoom",o);let U=(0,s.default)(n.Box).withConfig({componentId:"sc-652a242b-0"})(["position:relative;width:100%;"]),q=(0,s.default)(n.Box).withConfig({componentId:"sc-652a242b-1"})(["position:fixed;bottom:24px;left:50%;transform:translate(-50%,0);background-color:white;border-radius:12px;z-index:9;"]),X=({mapHeight:e,mapBorderRadius:t,onMapClick:i,showControls:o,mapInteractive:n,activeSiteId:s,landId:d,landIdType:p,sites:c,maxSetting:u="max_bounds",scrollZoom:x=!0,displayStreetNames:m=!0,overridePinInteractionDesktop:v=!1})=>{let[f,j]=(0,l.useState)(void 0),[A,I]=(0,l.useState)(void 0),S=(0,H.Y)(),{deviceType:P}=(0,G.kW)(),B=m?W.c8:W.TC,k=(c?.length??0)>1,[T,L]=(0,l.useState)(!1),[M,E]=(0,l.useState)(void 0),[$,N]=(0,l.useState)(null),_=(0,l.useRef)(null);(0,l.useEffect)(()=>{if(s&&c){let e=c.find(e=>e?.node.id===s);e&&N(e)}},[s,c]),(0,l.useEffect)(()=>{let{southwestBound:e,northeastBound:t,hasValidBoundingBox:i}=(0,y.A)(c);i&&(j(e),I(t))},[c]);let D=(0,l.useMemo)(()=>s?{longitude:$?.node.coordinate.longitude,latitude:$?.node.coordinate.latitude,zoom:16}:{bounds:[f,A],fitBoundsOptions:{padding:n?110:10}},[$?.node.coordinate.latitude,$?.node.coordinate.longitude,s,A,f,n]);if(!f||!A)return null;let z=(0,F.GP)(P),Z=!v||z;return(0,a.jsxs)(U,{className:k?`map-type-switchable${z?" map-type-switchable--small":""}`:void 0,children:[(0,a.jsx)(O,{}),k&&(0,a.jsx)(g.A,{useSatellite:T,onToggle:()=>{let e=!T;L(e),C.zS.buttonClicked({label:"Map Type Switcher",screenName:(0,C.Ur)()??"Land Page",properties:{map_type:e?"satellite":"map",product_id:parseInt(d),product_type:"Park"}})},mapStyleIdentifier:B,previewLocation:`[${f[0]-.01},${f[1]-.01},${A[0]+.01},${A[1]+.01}]`,smallLayout:z}),(0,a.jsxs)(r.Ay,{ref:_,onLoad:()=>{let e=_?.current?.getMap();if(!e)return;e.getLayer("road-label")&&e.removeLayer("road-label");let t=e.getStyle()?.layers?.find(e=>"symbol"===e.type);E(t?.id)},initialViewState:D,style:{width:"100%",height:e,borderRadius:t},mapStyle:`mapbox://styles/hipcamp/${B}`,mapboxAccessToken:W.bG,attributionControl:!k&&void 0,maxZoom:19,minZoom:"min_zoom"===u?16:void 0,interactive:n,scrollZoom:x,onClick:()=>{s||N(null),i&&i()},onZoomEnd:e=>{C.zS.mapZoomed({mapBoundingBoxSwLat:0,mapBoundingBoxSwLng:0,mapBoundingBoxNeLat:0,mapBoundingBoxNeLng:0,mapCenterLat:e.viewState.latitude,mapCenterLng:e.viewState.longitude,mapZoomLevel:e.viewState.zoom,source:w.kLi.LAND_MAP,mapFilterHash:void 0,mapVariant:void 0})},onDragEnd:e=>{C.zS.mapPanned({mapBoundingBoxSwLat:0,mapBoundingBoxSwLng:0,mapBoundingBoxNeLat:0,mapBoundingBoxNeLng:0,mapCenterLat:e.viewState.latitude,mapCenterLng:e.viewState.longitude,mapZoomLevel:e.viewState.zoom,source:w.kLi.LAND_MAP,status:void 0,mapFilterHash:void 0,mapVariant:void 0})},maxBounds:"max_bounds"===u?[[f[0]-.025,f[1]-.025],[A[0]+.025,A[1]+.025]]:void 0,"data-cy":"siteMap",children:[k&&M&&(0,a.jsx)(r.kL,{id:"satellite-imagery",type:"raster",url:"mapbox://mapbox.satellite",children:(0,a.jsx)(r.Wd,{id:"satellite-imagery",type:"raster",beforeId:M,layout:{visibility:T?"visible":"none"}})}),(0,a.jsx)(h,{landId:d,landIdType:p}),$&&n&&z&&(0,a.jsx)(q,{children:(0,a.jsx)(b.A,{siteEdge:$,setActivePin:N})}),(0,a.jsx)(R,{setActivePin:N,sites:c,activePin:$,activeSiteId:s,pinsInteractive:Z}

1),k&&(0,a.jsx)(r.z0,{compact:!0,position:"bottom-right"}),o&&(0,a.jsx)(r.g0,{unit:"en-US"===S?"imperial":"metric",maxWidth:k?z?56:64:void 0}),o&&(0,a.jsx)(r.ov,{showCompass:!1})]})]})}},83214:(e,t,i)=>{i.d(t,{A:()=>s});var o=i(37876),a=i(93674),n=i.n(a),l=i(31219),r=i(37094);let s=({closeCard:e,position:t,showShadow:i=!0})=>{let{t:a}=(0,r.Bd)(),{top:s,right:d,bottom:p,left:c}=t;return(0,o.jsx)(l.Box,{position:"relative",zIndex:1,children:(0,o.jsx)(l.Box,{position:"absolute",top:s,right:d,left:c,bottom:p,children:(0,o.jsx)(l.Box,{boxShadow:i?"elevationMedium":"none",borderRadius:"36px",children:(0,o.jsx)(l.Button,{color:"text",rounded:!0,"aria-label":a("common:close"),onClick:t=>{t.stopPropagation(),t.preventDefault(),e()},children:(0,o.jsx)(l.Box,{height:"36px",width:"36px",display:"flex",alignItems:"center",justifyContent:"center",children:(0,o.jsx)(n(),{size:"20px"})})})})})})}}}]);
2//# sourceMappingURL=7848.1d3cf3e8d59d0c5d.js.map