https://www.matchoffice.nl/packs/js/1667-ca6a82ce46665f893b51.chunk.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[1667],{26263:function(e,t,i){i.r(t);var n=i(67294),r=i(37054),l=i(98230),a=i(46351),o=i(51552);t.default=function(e){var t=e.containerClass,i=e.googleApiKey,s=e.orientationHorizontalMobile,c=e.coordinates,p=e.isFullscreenMobile,f=e.isGalleryMobileComponent,y=e.handleFullscreenMobile,u=e.isMobile,m=e.markers,d=(0,r.Ji)({googleMapsApiKey:i}),b=d.isLoaded,g=d.loadError,v={width:"100%",height:"100%"};return g?n.createElement("div",null,"Map cannot be loaded right now, sorry."):b?n.createElement(r.b6,{center:c,defaultCenter:c,mapContainerClassName:t,mapContainerStyle:v,onLoad:function(e){},options:{gestureHandling:"cooperative",fullscreenControl:!p&&!f,mapTypeControl:!p||!f,streetViewControl:!p&&!u,styles:o},zoom:15},n.createElement("div",{className:"dv-gallery-map-fullscreen-header".concat(p&&!s?" active":"")},n.createElement("span",null,I18n.t("lb_showroom.detailed.asset_box.new_map_button")),f&&n.createElement("div",{className:"map-mobile-fullscreen-btn",onClick:y},p?n.createElement(a.SvgIco,{name:"close",size:24}):n.createElement(a.SvgIco,{name:"crop_free",size:24}))),n.createElement(r.jC,{icon:{url:l,scaledSize:{width:56,height:56}},position:c}),m):n.createElement("span",null,"Loading..")}},47624:function(e,t,i){i.r(t);var n=i(15671),r=i(43144),l=i(97326),a=i(60136),o=i(82963),s=i(61120),c=i(4942),p=i(67294),f=i(37054),y=i(54664);function u(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var i,n=(0,s.Z)(e);if(t){var r=(0,s.Z)(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return(0,o.Z)(this,i)}}var m=function(e){(0,a.Z)(i,e);var t=u(i);function i(){var e;(0,n.Z)(this,i);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return e=t.call.apply(t,[this].concat(a)),(0,c.Z)((0,l.Z)(e),"handleClick",(function(t){switch(t){case"marker":e.props.markerOpenedId==e.props.marker.id?e.props.updateMarkerOpenedId(null):e.props.updateMarkerOpenedId(e.props.marker.id);break;case"close_icon":e.props.updateMarkerOpenedId(null)}})),(0,c.Z)((0,l.Z)(e),"renderPrice",(function(e,t){return e&&t?p.createElement("div",{className:"parking-info-window__price"},p.createElement("div",{className:"parking-info-window__price-label"},I18n.t("parking.parking_lots.parking_interval_row.monthly_rent_per_space")+": ",p.createElement("div",{className:"parking-info-window__price-value"},e+" - "+t))):e&&!t?p.createElement("div",{className:"parking-info-window__price"},p.createElement("div",{className:"parking-info-window__price-label"},I18n.t("parking.parking_lots.parking_interval_row.monthly_rent_per_space")+": ",p.createElement("div",{className:"parking-info-window__price-value"},e))):null})),e}return(0,r.Z)(i,[{key:"render",value:function(){var e=this,t=this.props,i=t.marker,n=t.markerOpenedId,r=i.id,l=i.kind,a=i.latitude,o=i.longitude,s=i.monthly_rent_per_space_amount_from,c=i.monthly_rent_per_space_amount_to,u=i.primary_photo_url,m=i.title,d=i.url,b={lat:a,lng:o};return p.createElement(f.jC,{id:r,icon:y,position:b,onClick:function(){return e.handleClick("marker")}},n==r&&p.createElement(f.nx,{position:b,onCloseClick:function(){return e.handleClick("close_icon")},options:{pixelOffset:new google.maps.Size(0,0)}},p.createElement("div",{className:"parking-info-window"},p.createElement("div",{className:"parking-info-window__wrapper"},p.createElement("div",{className:"parking-info-window__container"},p.createElement("div",{className:"parking-info-window__title"},p.createElement("a",{href:d,className:"parking-info-window__title-link"},m,p.createElement("span",{className:"parking-info-window__block-link"}))),p.createElement("div",{className:"parking-info-window__details"},p.createElement("div",{className:"parking-info-window__kind"},I18n.t("parking.generic.".concat(l))),this.renderPrice(s,c))),p.createElement("div",{className:"parking-info-window__image-wrapper"},p.createElement("img",{className:"parking-info-window__image",src:u}))))))}}]),i}(p.Component);t.default=m},41667:function(e,t,i){i.r(t);var n=i(15671),r=i(43144),l=i(97326),a=i(60136),o=i(82963),s=i(61120),c=i(4942),p=i(67294),f=i(59359),y=i(20448),u=i(26263),m=i(47624);function d(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var i,n=(0,s.Z)(e);if(t){var r=(0,s.Z)(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return(0,o.Z)(this,i)}}var b=function(e){(0,a.Z)(i,e);var t=d(i);function i(){var e;(0,n.Z)(this,i);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return e=t.call.apply(t,[this].concat(a)),(0,c.Z)((0,l.Z)(e),"state",{parkingLots:[],markerOpenedId:null,isGalleryMobileComponent:!1,isFullscreenMobile:!1,orientationHorizontalMobile:!1}),(0,c.Z)((0,l.Z)(e),"handleOrientationChange",(function(){return e.setState({orientationHorizontalMobile:!e.state.orientationHorizontalMobile})})),(0,c.Z)((0,l.Z)(e),"handleFullscreenMobile",(function(){return e.setState({isFullscreenMobile:!e.state.isFullscreenMobile})})),(0,c.Z)((0,l.Z)(e),"updateMarkerOpenedId",(function(t){return e.setState({markerOpenedId:t})})),(0,c.Z)((0,l.Z)(e),"markers",(function(){return e.state.parkingLots.map((function(t){return p.createElement(m.default,{marker:t,markerOpenedId:e.state.markerOpenedId,key:t.id,updateMarkerOpenedId:e.updateMarkerOpenedId})}))})),e}

1return(0,r.Z)(i,[{key:"componentDidMount",value:function(){var e=this,t=this.props.coordinates,i=t.latitude,n=t.longitude;f.tq&&this.setState({isGalleryMobileComponent:!0}),f.tq&&!f.Em&&(window.innerHeight<window.innerWidth&&this.setState({orientationHorizontalMobile:!0}),window.addEventListener("orientationchange",this.handleOrientationChange)),(0,y.Pm)(i,n).then((function(t){var i=t.data.parking_lots;e.setState({parkingLots:i})})).catch((function(e){console.error(e)}))}},{key:"render",value:function(){var e=this.props,t=e.coordinates,i=t.latitude,n=t.longitude,r=e.googleApiKey,l=this.state,a=l.isFullscreenMobile,o=l.isGalleryMobileComponent,s=l.orientationHorizontalMobile,c={lat:i,lng:n},y="map-container".concat(a?" fullscreen-mobile":"");return p.createElement(u.default,{containerClass:y,containerElement:p.createElement("div",{className:"bottom-map-container"}),coordinates:c,googleApiKey:r,handleFullscreenMobile:this.handleFullscreenMobile,isFullscreenMobile:a,isGalleryMobileComponent:o,isMobile:f.tq&&!f.Em,markers:this.markers(),mapElement:p.createElement("div",{id:"location-react-map",className:"bottom-location-map"}),orientationHorizontalMobile:s})}}]),i}(p.Component);t.default=b},98230:function(e,t,i){e.exports=i.p+"static/images/details-page-pin-7b583bde554a6d39edc9.svg"},54664:function(e,t,i){e.exports=i.p+"static/images/icons/p_marker-995c3c3c833a364bd124.png"},51552:function(e){e.exports=JSON.parse('[{"featureType":"all","elementType":"labels.text","stylers":[{"color":"#4d4a4a"}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#eaf3fb"}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"color":"#ffffff"}]},{"featureType":"landscape.natural.landcover","elementType":"all","stylers":[{"color":"#f3f5f7"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#e2f4cb"}]},{"featureType":"poi","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi.attraction","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.attraction","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi.business","elementType":"labels.icon","stylers":[{"color":"#77bc1f"},{"saturation":"0"},{"gamma":"1.00"},{"weight":"0.01"},{"visibility":"off"}]},{"featureType":"poi.government","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.government","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi.medical","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.medical","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#e2f4cb"}]},{"featureType":"poi.park","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi.place_of_worship","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.place_of_worship","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi.school","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.school","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi.sports_complex","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.sports_complex","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"saturation":"0"},{"color":"#eeeeee"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffdfa4"}]},{"featureType":"road.highway","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"all","stylers":[{"visibility":"simplified"},{"saturation":"-20"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#eaeaea"}]},{"featureType":"road.arterial","elementType":"labels.text","stylers":[{"saturation":"0"}]},{"featureType":"road.arterial","elementType":"labels.text.fill","stylers":[{"saturation":"0"}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"weight":"0.40"}]},{"featureType":"road.local","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry.fill","stylers":[{"color":"#e2e2e2"}]},{"featureType":"transit.station","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#cfe8ea"},{"visibility":"simplified"}]},{"featureType":"water","elementType":"labels.icon","stylers":[{"saturation":"36"}]}]')}}]);
2//# sourceMappingURL=1667-ca6a82ce46665f893b51.chunk.js.map