https://www.shopstonypoint.com/dist/2cfc0549755f2197cf1e.js

1"use strict";(self.webpackChunkPylot_Frontend=self.webpackChunkPylot_Frontend||[]).push([[4770],{24770:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(80296),r=t(73065),i=t(96540),a=t(85692),l=t(47767),d=t(76564),c=t(23358),p=t(85914),s=t.n(p),m=t(52376),g=t(15474),u=t(65848),f=null,x=function(n){var e,t,a,p,g,u,f=n.data,x=n.settings,h=n.title,w=n.showControls,v=n.hideBorder,y=n.controlPositions,k=void 0===y?{}:y,C=n.controlsConfig,_=void 0===C?{}:C,N=n.enableInfoWindow,z=void 0===N||N,E=(0,i.useState)(null),A=(0,o.A)(E,2),S=A[0],I=A[1],V=(0,i.useState)(null),O=(0,o.A)(V,2),T=O[0],F=O[1],G=(0,i.useState)(null),W=(0,o.A)(G,2),U=W[0],M=W[1],P=(0,l.Zp)(),Z={zoom:w&&(void 0===_.zoom||_.zoom),streetView:w&&(void 0===_.streetView||_.streetView),mapType:w&&(void 0===_.mapType||_.mapType),fullscreen:w&&(void 0===_.fullscreen||_.fullscreen),scale:w&&(void 0===_.scale||_.scale)},D=(0,i.useCallback)((function(n){M(n),b(n,f,x,P,w,z)}),[f,x,P,z]);(0,i.useEffect)((function(){if(f.add_custom_style&&f.style_array)try{var n=JSON.parse(f.style_array);F(n)}catch(n){}if(U&&f.coordinates){var e=parseFloat(f.coordinates.lat),t=parseFloat(f.coordinates.lng);isNaN(e)||isNaN(t)||(U.setCenter({lat:e,lng:t}),U.setZoom(14))}}),[U,f]);var L=[{featureType:"poi",elementType:"labels",stylers:[{visibility:"off"}]}],B={zoom:10,styles:T?[].concat(L,T):L,disableDefaultUI:!w,zoomControl:Z.zoom,zoomControlOptions:{position:null!==(e=k.zoom)&&void 0!==e?e:8},streetViewControl:Z.streetView,streetViewControlOptions:{position:null!==(t=k.streetView)&&void 0!==t?t:8},mapTypeControl:Z.mapType,mapTypeControlOptions:{position:null!==(a=k.mapType)&&void 0!==a?a:1},fullscreenControl:Z.fullscreen,fullscreenControlOptions:{position:null!==(p=k.fullscreen)&&void 0!==p?p:7},scaleControl:Z.scale,gestureHandling:"cooperative",keyboardShortcuts:w,draggable:!0};return i.createElement(r.gZ,{componentStyle:"enhanced",className:"map-wrapper peterson grid-container",primaryColor:(0,d.GG)("primary_color",x),bodyCopyColor:(0,d.GG)("body_copy_color",x),backgroundColor:null==x||null===(g=x.design)||void 0===g||null===(g=g.colors)||void 0===g?void 0:g.outline_gradient_text_color,linkColor:null==x||null===(u=x.design)||void 0===u||null===(u=u.colors)||void 0===u?void 0:u.gradient_color_1,hideBorder:v},i.createElement(c.C2,{googleMapsAPIKey:s().decode("QUl6YVN5QkhGMUdEQnZMeVcwaUxUbndablNiS1JjSWN4LUZNT3Rn"),mapOptions:B,mapContainer:S,onLoadMap:D},i.createElement("div",{className:"map-container",ref:I})),f.address&&i.createElement("div",{className:"address"},i.createElement("p",null,(0,m.decode)(h)),i.createElement("p",null,(0,m.decode)(f.address.street)," ",i.createElement("br",null),(0,m.decode)(f.address.city),", ",(0,m.decode)(f.address.state)," ",(0,m.decode)(f.address.zip)),i.createElement("a",{href:"https://www.google.com/maps/dir/?api=1&destination=".concat(encodeURIComponent("".concat(f.address.street,", ").concat(f.address.city,", ").concat(f.address.state," ").concat(f.address.zip))),target:"_blank",rel:"noopener noreferrer"},"Get Directions")))},b=function(n,e,t,o,r){var a=!(arguments.length>5&&void 0!==arguments[5])||arguments[5];if(e.coordinates){var l=parseFloat(e.coordinates.lat),d=parseFloat(e.coordinates.lng);if(!isNaN(l)&&!isNaN(d)){var c=new google.maps.Marker({position:{lat:l,lng:d},map:n,title:e.title?(0,m.decode)(e.title):"",icon:e.custom_pin?{url:"https://".concat(g.A.domain).concat(e.custom_pin.url),scaledSize:new google.maps.Size(50,50)}:void 0});if(a){var p=new google.maps.InfoWindow({content:""});c.addListener("click",(function(){if(r){f&&f!==p&&f.close();var t=u.renderToString(i.createElement(h,{property:e,button:e.property_preview}));p.setContent(t),p.open(n,c),f=p,google.maps.event.addListenerOnce(p,"closeclick",(function(){f=null}))}}))}}}},h=function(n){var e=n.property,t=n.button,o=e.link_text_override||(null==t?void 0:t.button_label)||"View Details",a=e.external_link?"_blank":void 0;return i.createElement(r.Fu,{className:"info-window"},i.createElement("div",{className:"content-wrapper"},e.title&&i.createElement("h3",{className:"title"},(0,m.decode)(e.title)),e.category&&i.createElement("p",{className:"cat"},(0,m.decode)(e.category)),i.createElement("a",{target:a,className:"property-link white-txt primary-bg",href:e.url},o)))};const w=function(n){var e,t,o=n.data,l=n.settings,c=n.title,p=n.hideBorder,s=void 0!==p&&p,g=n.showControls,u=void 0===g||g,f=n.controlPositions,b=void 0===f?{}:f,h=n.controlsConfig,w=void 0===h?{}:h,v=n.enableInfoWindow,y=void 0===v||v,k=(0,a.Wx)({triggerOnce:!0,fallbackInView:!0}),C=k.ref,_=k.inView;return i.createElement(i.Suspense,{fallback:i.createElement("div",null)},i.createElement(r.fJ,{ref:C,componentStyle:"enhanced",className:"property-map peterson ".concat(o.background_type).concat(o.partial_fill?" partial-fill":""),backgroundColor:null==l||null===(e=l.design)||void 0===e||null===(e=e.colors)||void 0===e?void 0:e.outline_gradient_text_color,backgroundImage:"image"===o.background_type?null===(t=o.background_image)||void 0===t?void 0:t.url:"",textColor:"dark"===o.background_value?"#fff":(0,d.GG)("body_copy_color",l)},_?i.createElement(i.Fragment,null,i.createElement("div",{className:"title-container"},i.createElement("div",{className:"grid-container"},i.createElement("div",{className:"grid-x"},o.title&&i.createElement("div",{className:"cell ".concat(o.title_alignment," ").concat("dark"===o.background_value?"white-txt":"primary-txt")},i.createElement("h2",{className:"title"},(0,m.decode)(o.title))),o.blurb&&i.createElement("div",{className:"cell"},i.createElement("div",{className:"blurb",dangerouslySetInnerHTML:{__html:o.blurb}}))))),i.createElement(x,{title:c,data:o,settings:l,showControls:u,hideBorder:s,controlPositions:b,controlsConfig:w,enableInfoWindow:y}

1)):null))}},73065:(n,e,t)=>{t.d(e,{Fu:()=>g,ez:()=>f,fJ:()=>s,gZ:()=>m,js:()=>u,wO:()=>x});var o,r,i,a,l,d,c=t(57528),p=t(21250),s=p.Ay.div(o||(o=(0,c.A)(["\n    padding: 2rem 0;\n    color: ",";\n    background-color: ",";\n\n    .title-container .title {\n        margin-bottom: 1rem;\n    }\n    &.color {\n        background-color: ",";\n        &.partial-fill {\n            .title-container {\n                background-color: ",";\n            }\n        }\n    }\n    &.image {\n        background-image: url(",");\n        background-position: center center;\n        background-size: cover;\n        background-repeat: no-repeat;\n        &.partial-fill {\n            .title-container {\n                background-image: url(",");\n                background-position: center center;\n                background-size: cover;\n                background-repeat: no-repeat;\n            }\n        }\n    }\n    &.partial-fill {\n        padding-top: 0;\n        background: none;\n        .title-container {\n            padding-top: 2rem;\n            padding-bottom: 200px;\n        }\n        .map-wrapper {\n            margin-top: -180px;\n        }\n    }\n    @media (min-width: 1200px) {\n        padding: 4rem 0;\n        &.color, &.image {\n            &.partial-fill {\n                padding-top: 0;\n                .title-container {\n                    padding-top: 4rem;\n                }\n            }\n        }\n    }\n"])),(function(n){return n.textColor}),(function(n){return n.backgroundColor}),(function(n){return n.backgroundColor}),(function(n){return n.backgroundColor}),(function(n){return n.backgroundImage}),(function(n){return n.backgroundImage})),m=p.Ay.div(r||(r=(0,c.A)(["\n    height: 500px;\n    position: relative;\n    color: ",";\n    .title {\n        color: ",";\n    }\n    .map-container {\n        height: 500px;\n    }\n    \n    .content-wrapper {\n        p, ol li, ul li {\n            color: #000 !important;\n        }\n    }\n    \n    &.module {\n        position: relative;\n        z-index: 5;\n        overflow: hidden;\n    }\n\n    &.peterson {\n        .address {\n                position: absolute;\n                width: 280px;\n                height: 120px;\n                ","\n                bottom: -25px;\n                right: -6px;\n                color: rgb(255, 255, 255);\n                padding: 20px 30px 30px 30px;\n                box-sizing: border-box;\n\n                p {\n                        margin: 0;\n                }\n\n                a {\n                        color: ",";\n                        text-decoration: underline;\n                }\n        }\n    }\n    \n    @media (min-width: 1200px) {\n        padding: 0 !important;\n        height: 600px;\n        border: ","\n        box-sizing: border-box;\n        .map-container {\n            height: 600px;\n        }\n    }\n    /* INFO WINDOW OVERRIDES */\n    .gm-style-iw {\n        padding: 0 !important;\n        max-height: 500px !important;\n        overflow: hidden !important;\n        min-width: 240px !important;\n        .gm-style-iw-d {\n            max-height: 500px !important;\n            &::-webkit-scrollbar {\n                display: none;\n            }\n        }\n    }\n    .gm-style-iw-tc {\n        filter: drop-shadow(0 0 0 #fff) !important;\n        &:after {\n            transform: rotate(-45deg);\n            left: -123px !important;\n            top: -20px !important;\n            width: 46px !important;\n            height: 23px !important;\n        }\n    }

1\n    \n    .info-window {\n        .address {\n            color: ",';\n        }\n    }\n    \n    div[role="dialog"] {\n        .gm-style-iw-chr {\n            height: 0 !important;\n            button[title="Close"] {\n                right: 0 !important;\n                top: 0 !important;\n                opacity: 1 !important;\n                width: 34px !important;\n                height: 34px !important;\n                filter: drop-shadow(1px 1px 2px #000);\n                span {\n                    background: #fff;\n                    width: 2rem !important;\n                    height: 2rem !important;\n                    margin: 0 !important;\n                }\n            }\n        }\n    }\n'])),(function(n){return n.bodyCopyColor}),(function(n){return n.primaryColor}),(function(n){return"enhanced"===n.componentStyle?"background-color: ".concat(n.backgroundColor,";"):"background-color: transparent;"}),(function(n){return n.linkColor}),(function(n){return"enhanced"===n.componentStyle?"5px solid ".concat(n.backgroundColor,";"):"none;"}),(function(n){return n.bodyCopyColor})),g=p.Ay.div(i||(i=(0,c.A)(["\n    max-width: 240px;\n     .feat-image {\n        display: block;\n        width: 240px;\n        height: 140px;\n        object-fit: cover;\n    }\n    .content-wrapper {\n        padding: 0.75rem 1rem;\n        & > * {\n            margin-bottom: .75rem;\n        }\n        .cat {\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n        .address {\n            font-size: .875rem;\n        }\n        .property-link {\n            display: inline-block;\n            padding: 0.5rem 2rem;\n            border-radius: 20px;\n        }\n        .status {\n            margin-bottom: 0;\n        }\n    }\n\n    @media (min-width: 768px) {\n        .content-wrapper {\n            .title {\n                font-size: 1.5rem;\n            }\n        }\n    }\n"]))),u=p.Ay.ul(a||(a=(0,c.A)(["\n  display: flex;\n  list-style: none;\n  background-color: ",";\n  margin: 0;\n  padding: 0;\n  gap: 14px;\n  flex-wrap: wrap;\n\n  li {\n    a {\n        display: flex;\n      border: 1px solid #fff;\n      padding: 10px 25px;\n      color: #fff;\n      text-decoration: none;\n      white-space: nowrap;\n    box-sizing: border-box;\n\n      &.active {\n        background-color: #fff;\n        color: ",";\n      }\n    }\n  }\n\n  @media (max-width: 992px) {\n    gap: 10px;\n\n    li a {\n      padding: 8px 18px;\n      font-size: 15px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 8px;\n\n    li a {\n      text-align: center;\n      width: 100%;\n    }\n  }\n"])),(function(n){return n.backgroundColor}),(function(n){return n.backgroundColor})),f=p.Ay.div(l||(l=(0,c.A)(["\n  background-color: ",";\n  padding: 10px 14px;\n  display: flex;\n  height: 60px;\n  align-items: center;\n  box-sizing: border-box;\n\n  @media (max-width: 992px) {\n    height: auto;\n    padding: 10px;\n  }\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 10px;\n    height: auto;\n  }\n"])),(function(n){return n.backgroundColor})),x=p.Ay.div(d||(d=(0,c.A)(["\n  display: flex;\n  gap: 1rem;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  box-sizing: border-box;\n  flex-wrap: wrap;\n\n  > *:first-child {\n    flex: 0 0 50%;\n  }\n\n  > *:not(:first-child) {\n    flex: 1;\n  }\n\n  .name-search {\n    position: relative;\n\n    input[type='text'] {\n      height: 60px;\n      border: none;\n      font-size: 16px;\n      background-color: #fff;\n      width: 100%;\n      box-sizing: border-box;\n    }\n\n    .svg {\n      position: absolute;\n      right: 10px;\n      top: 55%;\n      transform: translateY(-50%);\n    }\n  }\n\n  .category-filter-dropdown,\n  .city-filter-dropdown,\n  .state-filter-dropdown {\n    border-left: 1px solid rgba(0, 0, 0, 0.25);\n    position: relative;\n          \n          @media(max-width: 768px) {\n            border-left: none;\n          border-top: 1px solid rgba(0, 0, 0, 0.25);\n          }\n\n    svg {\n      position: absolute;\n      right: 10px;\n      top: 55%;\n      transform: translateY(-50%);\n    }\n\n    select {\n      height: 60px;\n      border: none;\n      font-size: 16px;\n      background-color: #fff;\n      padding: 0 20px;\n      width: 100%;\n      appearance: none;\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      box-sizing: border-box;\n    }\n  }\n\n  @media (max-width: 992px) {\n    gap: 0.75rem;\n\n    > *:first-child {\n      flex: 0 0 100%;\n    }\n\n    > *:not(:first-child) {\n      flex: 1;\n    }\n\n    .category-filter-dropdown,\n    .city-filter-dropdown,\n    .state-filter-dropdown,\n    .name-search select {\n      font-size: 15px;\n      height: 55px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n    gap: 10px;\n    box-shadow: none;\n\n    > * {\n      flex: 1 1 100%;\n    }\n\n    .category-filter-dropdown,\n    .city-filter-dropdown,\n    .state-filter-dropdown,\n    .name-search {\n      width: 100%;\n      border-left: none;\n\n      select,\n      input[type='text'] {\n        width: 100%;\n        height: 50px;\n      }\n\n      svg {\n        right: 12px;\n      }\n    }\n  }\n"])))}}]);
2//# sourceMappingURL=2cfc0549755f2197cf1e.js.map