https://www.munzee.com/static/js/5599.b548edc2.chunk.js

1"use strict";(self.webpackChunkmy_app=self.webpackChunkmy_app||[]).push([[5599],{15599:(e,t,a)=>{a.r(t),a.d(t,{default:()=>o});var n=a(47313),l=a(57829),s=a(55718),i=a(80432),r=a(22102),d=a(46417);const o=()=>{const{backend:e,user:t}=(0,n.useContext)(i.RY),[a,o]=(0,n.useState)(),[u,g]=(0,n.useState)("gardenStreet"),[c,m]=(0,n.useState)(""),[p,S]=(0,n.useState)({latitude:1,longitude:1}),[b,h]=(0,n.useState)(1);let v,f;(0,n.useEffect)((()=>{if(t){(async()=>{var a,n=await(null===e||void 0===e?void 0:e.munzee.getGardensData({user_id:null!==(a=null===t||void 0===t?void 0:t.userId)&&void 0!==a?a:0}));o(n)})()}}),[t]),n.useEffect((()=>(document.body.classList.add("munzee-gardens-body"),()=>{document.body.classList.remove("munzee-gardens-body")})),[]);const x=(0,n.useMemo)((()=>Object.values(a||{}).map(((e,t)=>({id:t.toString()||"",latitude:e.latitude||"",longitude:e.longitude||"",imageUrl:"https://munzee.global.ssl.fastly.net/images/pins/virtualemerald.png"})))),[a]),M=e=>{g(e),m("gardenStreet"==e||"gardenSatellite"==e?e:""),v&&clearTimeout(v)},j=()=>{v=setTimeout((()=>{m("")}),2500)};return(0,n.useEffect)((()=>{(e=>{const t=e.filter((e=>{const t=parseFloat(e.latitude.toString()),a=parseFloat(e.longitude.toString());return!isNaN(t)&&!isNaN(a)}));if(0===t.length)return null;const a=t.reduce(((e,t)=>e+parseFloat(t.latitude.toString())),0)/t.length,n=t.reduce(((e,t)=>e+parseFloat(t.longitude.toString())),0)/t.length;S({latitude:a,longitude:n})})(x)}),[x]),(0,d.jsx)("div",{id:"gardens-page",children:(0,d.jsxs)(r.Z,{children:[(0,d.jsx)(s.V1,{title:"Munzee Gardens",details:"Go around the world and visit all the official Munzee gardens."}),(0,d.jsxs)(l.Z,{className:"map-container",children:[(0,d.jsx)(s.Gd,{pos:p,zoom:b,minZoom:1,view:"street",viewForGarden:u,pins:x,style:{minHeight:"600px"},onMapBounds:e=>{},onMapMove:e=>{let{lat:t,lng:a,zoom:n}=e;const l={latitude:t,longitude:a,zoom:n},s=Math.abs(l.latitude-p.latitude),i=Math.abs(l.longitude-p.longitude),r=1e-4;s>r||i>r?(clearTimeout(f),f=setTimeout((()=>{S(l)}),1500)):h(n)}}),(0,d.jsx)("button",{onClick:()=>M("gardenSatellite"),className:"map-view-btn satelite-btn "+("gardenSatellite"===u?"active":""),onMouseOut:j,children:"satelite"}),(0,d.jsx)("button",{onClick:()=>M("gardenStreet"),className:"map-view-btn street-btn "+("gardenStreet"==u?"active":""),onMouseOut:j,children:"street"}),c&&(0,d.jsx)("button",{className:"toggleMark "+("gardenSatellite"===c?"gardenSatellite":"gardenStreet"),onClick:()=>{M("gardenSatellite"===c?"gardenSatelliteLabel":"gardenStreetTerrain")},children:(0,d.jsx)("span",{children:"gardenSatellite"===c?"Labels":"Terrain"})})]})]})})}}}]);