\n {heroTitle}\n
\n )}\n\n {video ? (\n\n {heroTitle}\n
\n )}\n\n\n
\n )}\n \n ![\"at](\"${logo.src}\")
\n\n
`\n}\n","\"use client\"\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from 'prop-types';\n\nimport Styles from './Maps.module.scss'\n\n\nfunction Maps({ center, zoom, children }){\n const ref = useRef()\n const [ map, setMap ] = useState(null);\n\n\n useEffect(() => {\n if (ref.current && !map) {\n setMap(\n new window.google.maps.Map(ref.current, {\n center,\n zoom,\n })\n );\n }\n\n }, [ center, zoom, map ])\n\n\n\n return(\n <>\n \n\n {React.Children.map(children, (child) => {\n if( React.isValidElement(child) ){\n return React.cloneElement(child, { map });\n }\n })}\n \n )\n}\n\n\nMaps.propTypes = {\n center: PropTypes.object, \n zoom: PropTypes.number, \n children: PropTypes.element \n}\n\n\nexport default Maps;","\"use client\"\n\nimport React, { useEffect, useState } from \"react\";\nimport PropTypes from 'prop-types';\n\n\nfunction Marker({ map, position, children }){\n const [ marker, setMarker ] = useState(null);\n\n useEffect(() => {\n if( !marker ){\n setMarker(new window.google.maps.Marker())\n }\n\n return () => {\n if( marker ){\n marker.setMap(null)\n }\n }\n\n }, [marker])\n\n\n\n useEffect(() => {\n if( marker ){\n marker.setOptions({ map, position })\n }\n\n }, [ marker, map, position])\n \n\n\n return(\n <>\n {React.Children.map(children, (child) => {\n if( React.isValidElement(child) && marker ){\n return React.cloneElement(child, { map, marker });\n }\n })}\n \n );\n}\n\n\nMarker.propTypes = {\n map: PropTypes.object, \n position: PropTypes.object, \n children: PropTypes.element\n}\n\n\nexport default Marker;","\"use client\"\n\n/* eslint-disable react-hooks/exhaustive-deps */\nimport { useEffect, useState } from \"react\";\nimport PropTypes from 'prop-types';\n\n\nfunction InfoWindow({ \n content, \n marker, \n shouldOpen, \n map, \n shouldFocus = false \n}){\n const [ info, setInfo ] = useState()\n\n useEffect(() => {\n if( !info && content ){\n setInfo(\n new window.google.maps.InfoWindow({\n content: content,\n })\n )\n }\n\n }, [content, info])\n\n\n useEffect(() => {\n const options = {\n anchor: marker,\n map,\n shouldFocus: shouldFocus\n };\n\n\n if( info && marker && !shouldOpen ){\n marker.addListener(\"click\", () => {\n info.open(options)\n })\n\n }else if( info && marker && shouldOpen ){\n info.open(options)\n } \n\n }, [map, marker, info])\n \n \n return null;\n}\n\n\nInfoWindow.propTypes = {\n content: PropTypes.string,\n anchor: PropTypes.object,\n shouldOpen: PropTypes.bool,\n map: PropTypes.object,\n shouldFocus: PropTypes.bool\n}\n\n\nexport default InfoWindow;","\"use client\"\n\nimport Maps from \"./Maps/Maps\";\nimport Marker from \"./Maps/Marker\";\nimport InfoWindow from \"./Maps/InfoWindow\";\n\n\nexport{\n Maps,\n Marker,\n InfoWindow\n}","\"use client\"\n\nimport { Wrapper } from \"@googlemaps/react-wrapper\";\nimport { showroomLocationMap } from \"lib/Constants/showroomLocationMap\";\nimport { InfoWindow, Maps, Marker } from \"thirdparty/Google\";\n\nfunction MapsWrapper(){\n return(\n \n
\n \n AuthenTEAK Atlanta Showroom\n
\n\n
\n \n Retail showroom for a selection of outdoor
\n kitchens, grills & fire pits, seating, planters & more.\n
\n\n {ctaType === \"button\" ? (\n
\n \n {formControl && formControl.name && (\n \n
\n \n \n );\n \n}\n\nexport default FormModal;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"block\":\"RenderJobPost_block__5_wvx\",\"text\":\"RenderJobPost_text__R2Wjx\",\"list\":\"RenderJobPost_list__8UU6w\",\"item\":\"RenderJobPost_item__J8u2X\",\"h3\":\"RenderJobPost_h3__eB3vJ\",\"btn_text\":\"RenderJobPost_btn_text__5Mrn_\",\"buttonContainer\":\"RenderJobPost_buttonContainer__kZkI6\"};"],"names":["ChatButton","Button","type","variant","color","noAnimate","onClick","triggerChat","cta","HeroImage","image","title","cloudinary_url","priority","length","Link","href","ctaURL","ctaTitle","className","Style","ContentImage","img","width","height","Videro","video","autoPlay","shouldAutoPlay","muted","loop","source","src","controls","propTypes","PropTypes","GridHero","backgroundColor","heroTitle","anchorId","paddingX","marginY","Grid","id","clsx","utils","class","GridColumn","start","end","noWrap","h2","RenderHero","useGrid","paddingY","tradeStatus","imageHotspot","isMobile","customer_group_id","isLazyLoad","desktop","mobile","constructedCloudinaryUrl","figure","div","style","position","Hotspots","hotspots","x","isRequired","y","content","RenderDynamicHero","heroImage","heroLink","heading","subHeading","linkUrl","altText","span","PhoneCallButton","window","open","process","GetDirectionsButton","size","showroomLocationMap","center","lat","lng","zoom","infoWindowContent","Maps","children","ref","useRef","map","setMap","useState","useEffect","current","google","maps","Map","Styles","React","child","Marker","marker","setMarker","setOptions","InfoWindow","shouldOpen","shouldFocus","info","setInfo","options","anchor","addListener","MapsWrapper","Wrapper","apiKey","RenderCTA","ctaType","ctaText","ctaUrl","marginTop","marginBottom","handleClick","e","preventDefault","p","SmartLink","FormModal","formControl","isModalOpen","setIsModalOpen","toggleModal","Modal","willClose","shouldCloseOnOverlayClick","name","RenderForm","onSubmit","handleFormSubmit","hideLegend","fullWidthForm","formClass"],"sourceRoot":"","ignoreList":[]}