https://mcclabel.vercel.app/_next/static/chunks/5515.d9d4201c828db8b5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5515],{15515:function(e,t,n){n.r(t);var l=n(85893),o=n(36746),s=n(88767),a=n(94466),r=n(67294),i=n(94184),d=n.n(i),c=n(75069),u=n(54052);t.default=function(e){let{filter:t=null,otherProps:n,width:i,height:p,wrapperClassName:m="",fscFilter:y=!1,setWrapperFilter:f=()=>{}}=e,h=(0,c.gG)(),[g,b]=(0,r.useState)(t),x=(0,r.useRef)(null),{data:v}=(0,s.useQuery)("plants",()=>(0,a.Gh)(),{refetchOnWindowFocus:!1,refetchOnReconnect:!1}),[C,w]=(0,r.useState)(v);(0,r.useEffect)(()=>{if(y)return w(null==v?void 0:v.filter(e=>e.plantFields.fscPlant));w(v)},[y,v]),(0,r.useEffect)(()=>{x.current&&((0,u.s2)()||(x.current.controls().enableZoom=!1),x.current.pointOfView(g?{lat:g.lat,lng:g.lng,altitude:1.75}:{lat:39.6,lng:-98.5,altitude:1.75},1e3),E())},[x,v]),(0,r.useEffect)(()=>{b(t)},[t]);let E=()=>{x.current&&(x.current.controls().autoRotate=!0,x.current.controls().autoRotateSpeed=.5)},k=()=>{x.current&&(x.current.controls().autoRotate=!1)},I=()=>{x.current&&(document.querySelectorAll(".marker-wrapper").forEach(e=>{e.style.zIndex="0"}),document.querySelectorAll(".popup").forEach(e=>{e.style.display="none",e.style.zIndex="-1"}))};(0,r.useEffect)(()=>{g&&x.current&&g.lat&&g.lng&&g.altitude&&(A(g.lat,g.lng,g.altitude),k(),setTimeout(()=>{E()},2e3))},[g]);let A=(e,t,n)=>{x.current&&x.current.pointOfView({lat:e,lng:t,altitude:n},500)};return(0,l.jsx)("div",{className:d()({[m]:m,"relative mx-auto touch-pinch-zoom":!0}),onMouseEnter:()=>k(),onMouseLeave:()=>E(),children:(0,l.jsx)(o.Z,{...n,width:i,height:p,htmlElement:e=>{let t=document.createElement("div"),n=document.createElement("div"),l=e.diffDisplayAddress&&e.displayAddress?e.displayAddress:e.address;n.setAttribute("style","position: absolute; top: 0; left: 50%; padding: 24px; background-color: white; display: none; width: 250px; border-top-left-radius: 40px"),n.classList.add("popup"),n.innerHTML='\n                            <span style="display: block; font-size: 24px; margin-bottom: 10px">'.concat(e.name,'</span>\n                            <span style="display: block; margin-bottom: 10px">').concat(l,'</span>\n                            <span style="display: block"><a href="').concat(e.uri,'">').concat(h["mcc-getintouch"]||"Get In Touch",'</a></span>\n                            <button style="position: absolute; z-index: 9999; top: 0; right: 10px; font-size: 40px">&times;</button>');let o=document.createElement("div");o.classList.add("marker-wrapper"),o.style.position="relative",o.style.backgroundColor="white",o.style.borderRadius="50%",o.style.width="32px",o.style.height="32px",o.style.display="flex",o.style.justifyContent="center",o.style.alignItems="center",o.style.cursor="pointer",o.style.pointerEvents="auto",o.onclick=()=>{I(),A(e.lat,e.lng,1.75),n.style.pointerEvents="all",n.style.display="block",n.style.zIndex="999",t.style.zIndex="1"};let s=document.createElement("div");s.innerHTML='<svg width="17"  viewBox="0 0 17 23" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M15.2484 4.076C13.7572 1.77301 11.1753 0.445312 8.42869 0.445312C5.68206 0.445312 3.10017 1.77301 1.60898 4.076C0.634733 5.57855 0.183115 7.21769 0.464311 8.98796C0.654615 10.1845 1.16588 11.2882 1.70839 12.3728C3.0462 15.0336 7.74417 21.623 8.40881 22.5109C8.41449 22.5027 8.42301 22.4945 8.42869 22.489C8.43437 22.4945 8.4429 22.5027 8.44858 22.5109C9.11322 21.623 13.8112 15.0336 15.149 12.3728C15.6915 11.2882 16.2028 10.1845 16.3931 8.98796C16.6743 7.21769 16.2227 5.57855 15.2484 4.076ZM8.45994 11.9302H8.39745C6.2615 11.9138 4.53171 10.2282 4.54023 8.17112C4.54876 6.10307 6.28422 4.44208 8.42869 4.44754C10.5732 4.44208 12.3086 6.10307 12.3172 8.17112C12.3257 10.2282 10.5959 11.9138 8.45994 11.9302Z" fill="#62ADDF"/>\n    </svg>\n    ',s.style.color="tw-oceanBlue",s.style.width="".concat(e.size,"px"),s.style.pointerEvents="none";let a=n.querySelector("button");return a.style.pointerEvents="auto",a.onclick=()=>{n.style.display="none",n.style.zIndex="-1",f(null)},o.appendChild(s),t.appendChild(o),t.appendChild(n),t},ref:x,htmlElementsData:null==C?void 0:C.filter(e=>{var t,n;return(null===(t=e.plantFields.contactInformation.address)||void 0===t?void 0:t.latitude)&&(null===(n=e.plantFields.contactInformation.address)||void 0===n?void 0:n.longitude)}).map((e,t)=>({plantId:t,lat:e.plantFields.contactInformation.address.latitude,lng:e.plantFields.contactInformation.address.longitude,size:16,color:"red",name:e.title,address:e.plantFields.contactInformation.address.streetAddress,diffDisplayAddress:e.plantFields.contactInformation.setDifferentDisplayAddress,displayAddress:e.plantFields.contactInformation.displayAddress,uri:e.ur

1i})),backgroundColor:"rgba(0,0,0,0)",globeImageUrl:"https://unpkg.com/[email protected]/example/img/earth-blue-marble.jpg",bumpImageUrl:"https://unpkg.com/[email protected]/example/img/earth-topology.png",waitForGlobeReady:!0,atmosphereAltitude:.2,onGlobeClick:e=>{let{lat:t,lng:n}=e;(0,u.s2)()||A(t,n,1.75)}})})}}}]);