https://my.gasgas.com/_next/static/chunks/8937-7e58a368ac0f2642.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8937],{39453:function(e,t,l){l.d(t,{hz:function(){return C}});var n=l(85893),o=l(67294),a=l(78367),r=l(33661),s=l(19521),i=l(94698),c=l(44622),d=l(11683),p=l(6859),u=l(96062),g=l(45797);function f(){return(0,n.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M2.7,6.6c0-3,2.4-5.3,5.3-5.3c2.9,0,5.3,2.3,5.3,5.3c0,1.7-0.9,3.4-1.9,4.7c-1,1.4-2.1,2.5-2.7,3c-0.4,0.4-1.1,0.4-1.5,0 c-0.6-0.6-1.7-1.7-2.7-3C3.6,10,2.7,8.3,2.7,6.6z M8,2.4c-2.4,0-4.4,1.9-4.4,4.3c0,1.3,0.7,2.8,1.7,4.1c0.9,1.3,2,2.3,2.6,2.9 c0.1,0.1,0.1,0.1,0.2,0c0.6-0.5,1.7-1.6,2.6-2.9c0.9-1.3,1.7-2.8,1.7-4.1C12.4,4.3,10.4,2.4,8,2.4z M7.5,7.4H5.8 c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1.6h1h1.6c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5H8.5H7.5z"})})}let m=s.ZP.div.withConfig({componentId:"sc-b1044321-0"})(["position:absolute;left:",";top:",";transform:translateY(-50%);width:max-content;max-width:256px;background:",";border-radius:",";transition:all 0.5s ease;filter:drop-shadow(4px 0 12px rgba(0,0,0,0.2));z-index:1;"],e=>{let{left:t}=e;return t?t+"px":"50%"},e=>{let{top:t}=e;return t?t+"px":"50%"},e=>{let{theme:t}=e;return t.background.sidebar},e=>{let{theme:t}=e;return t.shape.borderRadius}),y=s.ZP.div.withConfig({componentId:"sc-b1044321-1"})(["display:flex;align-items:center;padding:0.75rem 1rem;color:",";cursor:pointer;&:hover{background:",";}p{color:",";}svg{fill:",";margin-right:0.5rem;}"],e=>{let{theme:t}=e;return t.colors.text},e=>{let{theme:t}=e;return t.colors.backgroundHover},e=>{let{theme:t}=e;return t.colors.text},e=>{let{theme:t}=e;return t.colors.text}),h=e=>{let{setLocationPoint:t,setStartPoint:l,setEndPoint:o,setWaypoint:a,removeWaypoint:s,placement:i,startOrEndSet:c}=e,{t:h}=(0,r.bU)();return(0,n.jsxs)(m,{id:"map-tooltip",left:i.x,top:i.y,onContextMenu:e=>e.preventDefault(),children:[c?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(y,{onClick:l,children:[(0,n.jsx)(u.Z,{}),(0,n.jsx)(d.ZT,{variant:"body1",className:"tooltip-add-start",children:h("navigation.form.startpoint")})]}),(0,n.jsxs)(y,{onClick:o,children:[(0,n.jsx)(p.Z,{}),(0,n.jsx)(d.ZT,{variant:"body1",className:"tooltip-add-end",children:h("navigation.form.endpoint")})]}),(0,n.jsxs)(y,{onClick:a,children:[(0,n.jsx)(g.Z,{}),(0,n.jsx)(d.ZT,{variant:"body1",className:"tooltip-add-waypoint",children:h("navigation.form.add_waypoint")})]})]}):(0,n.jsxs)(y,{onClick:t,children:[(0,n.jsx)(u.Z,{}),(0,n.jsx)(d.ZT,{variant:"body1",className:"tooltip-add-location",children:h("navigation.form.location")})]}),s?(0,n.jsxs)(y,{onClick:s,children:[(0,n.jsx)(f,{}),(0,n.jsx)(d.ZT,{variant:"body1",className:"tooltip-remove-waypoint",children:h("navigation.form.remove_waypoint")})]}):null]})};l(20931);let b=function(){let{center:e={lat:48,lng:16},zoom:t=10}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{lang:l}=(0,r.bU)(),n=(0,o.useRef)(null),[s,i]=(0,o.useState)(null),[d,p]=(0,o.useState)(null),[u,g]=(0,o.useState)(null),[f,m]=(0,o.useState)(null),[y,h]=(0,o.useState)(null),[b,x]=(0,o.useState)(null),[C,w]=(0,o.useState)(null),[k,v]=(0,o.useState)(null),[T,L]=(0,o.useState)(null),j=(0,o.useCallback)(()=>{let l=new google.maps.Map(n.current,{center:e,zoom:t,mapTypeControl:!1,styles:c,streetViewControl:!1});l.addListener("rightclick",e=>{let t=e.latLng.lat(),l=e.latLng.lng(),n=e.pixel.x,o=e.pixel.y;v(null),g({x:n,y:o}),p({latitude:t,longitude:l}),M()}),l.addListener("click",e=>{v(null),g(null),p(null)}),i(l)},[n]),M=(0,o.useCallback)(()=>{let e=document.getElementById("map-tooltip");e&&e.classList.add("active")},[]),Z=(0,o.useCallback)((e,t)=>{if(!s||(y&&y.setMap(null),T&&T.setMap(null),f&&f.forEach(e=>{e.setMap(null)}),b&&b.forEach(e=>{e.setMap(null)}),!e))return;let l=new google.maps.geometry.encoding.decodePath(e),n=new google.maps.Polyline({path:l,zIndex:3,geodesic:!0,strokeColor:"#2898F0",strokeOpacity:1,strokeWeight:2}),o=t?t.map((e,l)=>{let n=new google.maps.Marker({position:e.position,map:s,title:e.title,label:l+1<=t.length?"ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ"[l]:null,icon:l+1>t.length?".":"/icons/map/waypoint-pin.png"});return e.onClick&&n.addListener("rightclick",e=>{v(l);let t=e.latLng.lat(),n=e.latLng.lng();g({x:e.domEvent.x-246,y:e.domEvent.y-64}),p({latitude:t,longitude:n}),M()}),n}):null,a=new google.maps.Marker({position:n.getPath().getAt(0),map:s,icon:"/icons/map/start-pin.png"}),r=new google.maps.Marker({position:n.getPath().getAt(n.getPath().getLength()-1),map:s,icon:"/icons/map/end-pin.png"});x(o),m([a,r]),h(n),n.setMap(s),function(e){let t=new google.maps.LatLngBounds,l=e.getPath().getArray();for(let e=0;e<l.length;e++)t.extend(l[e]);s.fitBounds(t)}(n)},[s,h,y]),E=(0,o.useCallback)((e,t)=>{if(!s)return;T&&T.setMap(null);let l={lat:e.latitude,lng:e.longitude},n=new google.maps.LatLngBounds,o=new google.maps.Marker({position:l,map:s,icon:t?"/icons/map/start-pin.png":"/icons/map/end-pin.png"});n.extend(o.position),L(o),o&&s.fitBounds(n)},[s,L,T]),S=(0,o.useCallback)(e=>{if(!s)return;

1f&&f.forEach(e=>{e.setMap(null)});let t=new google.maps.LatLngBounds,l=e.map(e=>{t.extend(e.position);let l=new google.maps.Marker({position:e.position,map:s,title:e.title,icon:"".concat("","/icons/map/map-pin.png")});return e.onClick&&l.addListener("click",e.onClick),l});m(l),l.length&&s.fitBounds(t)},[s,m,f]),B=(0,o.useCallback)(e=>{if(!s)return;let t=new google.maps.LatLngBounds;t.extend(e),s.setCenter(t.getCenter()),w(e)},[s,w,C]),P=(0,o.useCallback)(async()=>{await (0,a.t)(l),j()},[]);return(0,o.useEffect)(()=>{P()},[]),{mapRef:n,onSetMarkers:S,onSetRoute:Z,onSetCenter:B,onSetRouteMarker:E,map:s,locationMapPoint:d,tooltipPoint:u,currentWaypoint:k,routeMarker:T}},x=s.ZP.div.withConfig({componentId:"sc-9377007-0"})(["overflow:hidden;position:absolute;width:100%;height:100%;background-color:rgba(245,245,245,1);#map-tooltip{display:none;&.active{display:block;}}&.fullwidth{.map{min-height:200px;width:100%;height:100%;display:block;}}&:not(.fullwidth){&::after{content:'';position:absolute;left:0;top:0;width:45%;height:100%;display:inline-block;background:rgba(245,245,245,1);background:linear-gradient( to left,rgba(245,245,245,0),rgba(245,245,245,1) 50%,rgba(245,245,245,1) 75% );","{width:100%;height:12rem;background:rgba(245,245,245,1);}}.map{min-height:200px;width:70%;height:calc(100vh - 3rem);display:block;margin-right:0;margin-left:auto;","{width:100%;height:calc(100% - 6rem);margin-top:15rem;}}}"],(0,i.down)("md"),(0,i.down)("md")),C=e=>{let{fitBounds:t=!0,markers:l,waypoints:a,path:r,fullwidth:s,startPoint:i,endPoint:c,locationPoint:d,locationName:p,onSelectLocationPoint:u,onSelectStartPoint:g,onSelectEndPoint:f,onSelectWaypoint:m,onRemoveWaypoint:y}=e,{mapRef:C,map:w,onSetMarkers:k,onSetRoute:v,onSetCenter:T,onSetRouteMarker:L,locationMapPoint:j,tooltipPoint:M,currentWaypoint:Z,routeMarker:E}=b({});(0,o.useEffect)(()=>{l&&t&&k(l)},[l]),(0,o.useEffect)(()=>{r?v(r,a):v(null)},[r,a]),(0,o.useEffect)(()=>{w&&navigator.geolocation&&!r&&!E&&navigator.geolocation.getCurrentPosition(e=>{T({lat:e.coords.latitude,lng:e.coords.longitude})})},[w]),(0,o.useEffect)(()=>{!d||r||i&&c||L(d,!c)},[d,r,i,c]);let S=(0,o.useCallback)(()=>{u(j,!0),L(j,!0)},[j]),B=(0,o.useCallback)(()=>{g(j,!0),L(j,!0)},[j]),P=(0,o.useCallback)(()=>{f(j,!0),L(j,!1)},[j]),V=(0,o.useCallback)(()=>{m(j,!0)},[j]),N=(0,o.useCallback)(()=>{y(Z)},[Z]);return(0,n.jsxs)(x,{className:s?"fullwidth":"",children:[(0,n.jsx)("div",{className:"map",ref:C,onContextMenu:e=>e.preventDefault()}),M&&s?(0,n.jsx)(h,{placement:M||null,setLocationPoint:S,setStartPoint:B,setEndPoint:P,setWaypoint:V,removeWaypoint:null!==Z?N:null,startOrEndSet:i||c}):null]})}},78367:function(e,t,l){l.d(t,{t:function(){return a}});let n=!1,o=!1,a=async e=>new Promise((t,l)=>{let a=()=>{console.log("on loaded",n,o=!1),n=!0,t()},r=()=>{if(console.log("check loading",n,o),!n)return setTimeout(r,250);a()};if(o){r();return}if(o=!0,n)return a();console.log("maps loaded",n);let s="https://maps.googleapis.com/maps/api/js?key=".concat("AIzaSyD6Vpc1iJXgXg0hBMHI35IxZJejZVyylBA","&language=").concat(e,"&libraries=places,geometry"),i=document.createElement("script");i.type="text/javascript",i.id="google-maps-sdk",i.readyState?i.onreadystatechange=function(){("loaded"===i.readyState||"complete"===i.readyState)&&(i.onreadystatechange=null,a())}:i.onload=()=>a(),i.src=s,document.getElementsByTagName("head")[0].appendChild(i)})},3508:function(e,t,l){l.d(t,{Z:function(){return o}});var n=l(85893);function o(){return(0,n.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M20.6,5l-4.7-1.6c-0.6-0.2-1.2-0.2-1.7,0L9.4,5C9.3,5,9.1,5,9,5c0,0,0,0,0,0c0,0,0,0,0,0C8.9,5,8.7,5,8.6,5 L4.6,3.6C4,3.4,3.4,3.5,3,3.9C2.5,4.2,2.2,4.7,2.2,5.3v11.3c0,0.7,0.4,1.3,1,1.6l4.6,2.3c0.4,0.2,0.8,0.3,1.2,0.3c0,0,0,0,0,0 c0,0,0,0,0,0c0.4,0,0.8-0.1,1.2-0.3l4.2-2.1c0.2-0.1,0.4-0.1,0.5-0.1c0,0,0,0,0,0c0,0,0,0,0,0c0.2,0,0.4,0,0.5,0.1l3.7,1.8 c0.5,0.3,1.2,0.2,1.7-0.1s0.8-0.9,0.8-1.5v-12C21.8,5.9,21.3,5.2,20.6,5z M3.9,16.8c-0.1,0-0.1-0.1-0.1-0.2V5.3 c0-0.1,0.1-0.2,0.1-0.2c0,0,0.1,0,0.1,0C4,5,4,5,4.1,5l4.1,1.3c0,0,0.1,0,0.1,0V19L3.9,16.8z M9.8,19V6.4c0,0,0.1,0,0.1,0l4.4-1.5 v11.9c-0.2,0-0.3,0.1-0.5,0.2L9.8,19z M20.2,18.6c0,0.1-0.1,0.2-0.1,0.2c0,0-0.1,0.1-0.2,0L16.2,17c-0.2-0.1-0.3-0.1-0.5-0.2V4.9 l4.3,1.4c0.1,0,0.2,0.1,0.2,0.2V18.6z"})})}l(67294)},96062:function(e,t,l){l.d(t,{Z:function(){return o}});var n=l(85893);function o(){return(0,n.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M11.4051 3.40842C12.3419 3.06118 13.2542 3.97352 12.907 4.91035L10.199 12.2164C9.79934 13.293 8.24881 13.208 7.96922 12.0943L7.2199 9.10188L4.21702 8.34751C3.10378 8.06775 3.01922 6.51803 4.09551 6.1185L11.4051 3.40842ZM9.26143 11.8686L11.9693 4.56281C12.0194 4.42765 11.8878 4.29601 11.7527 4.34606L4.44351 7.05599C4.2879 7.11384 4.30064 7.33739 4.46066 7.37765L7.754 8.20498C7.93282 8.24991 8.07241 8.3896 8.1172 8.56846L8.93913 11.8508C8.97954 12.0118 9.20377 12.0239 9.26143 11.8686Z"})})}l(67294)},45797:function(e,t,l){l.d(t,{Z:function(){return o}});var n=l(85893);function o(){return(0,n.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M2.66663 6.63246C2.66663 3.67165 5.08796 1.33301 7.99996 1.33301C10.912 1.33301 13.3333 3.67165 13.3333 6.63246C13.3333 8.31561 12.4373 9.99877 11.4666 11.3431C10.48 12.7096 9.34929 13.815 8.74663 14.3705C8.31996 14.7649 7.69063 14.7649 7.25863 14.3705C6.65596 13.815 5.51996 12.7096 4.53863 11.3431C3.56263 9.99322 2.66663 8.31561 2.66663 6.63246ZM7.99996 2.36068C5.55729 2.36068 3.63729 4.30492 3.63729 6.63246C3.63729 7.96565 4.36263 9.4155 5.30663 10.7209C6.23463 12.0097 7.31729 13.0651 7.89329 13.5984C7.95729 13.6539 8.04263 13.6539 8.10663 13.5984C8.68796 13.0651 9.76529 12.0097 10.6933 10.7209C11.6373 9.4155 12.3626 7.96565 12.3626 6.63246C12.3626 4.30492 10.4426 2.36068 7.99996 2.36068ZM7.99729 9.66547C7.7101 9.66547 7.47729 9.43266 7.47729 9.14547V7.39349H5.83879C5.55961 7.39349 5.33329 7.16717 5.33329 6.88799C5.33329 6.6088 5.55961 6.38248 5.8388 6.38248H7.47729V4.6305C7.47729 4.34331 7.7101 4.1105 7.99729 4.1105C8.28448 4.1105 8.51729 4.34331 8.51729 4.6305V6.38248H10.1558C10.435 6.38248 10.6613 6.6088 10.6613 6.88799C10.6613 7.16717 10.435 7.39349 10.1558 7.39349H8.51729V9.14547C8.51729 9.43266 8.28448 9.66547 7.99729 9.66547Z"})})}l(67294)},44622:function(e){e.exports=JSON.parse('[{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"elementType":"labels.text.fill","stylers":[{"color":"#6b6b6b"}]},{"elementType":"labels.text.stroke","stylers":[{"color":"#f5f5f5"}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#b1b1b1"}]},{"featureType":"landscape.man_made","elementType":"geometry","stylers":[{"color":"#f6f6f4"}]},{"featureType":"landscape.man_made","elementType":"geometry.stroke","stylers":[{"color":"#dfdfdf"}]},{"featureType":"landscape.natural","stylers":[{"color":"#f6f6f4"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#eceeed"}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"color":"#eff2f1"}]},{"featureType":"road.arterial","elementType":"labels.text.fill","stylers":[{"color":"#b1b1b1"}]},{"featureType":"road.arterial","elementType":"labels.text.stroke","stylers":[{"color":"#ffffff"}]},{"featureType":"road.highway","elementType":"labels.text.fill","stylers":[{"color":"#b1b1b1"}]},{"featureType":"road.highway","elementType":"labels.text.stroke","stylers":[{"color":"#ffffff"}]},{"featureType":"road.local","elementType":"labels.text.fill","stylers":[{"color":"#b1b1b1"}]},{"featureType":"road.local","elementType":"labels.text.stroke","stylers":[{"color":"#ffffff"}]},{"featureType":"transit.line","elementType":"geometry","stylers":[{"color":"#e9e9e7"}]},{"featureType":"transit.station","elementType":"geometry","stylers":[{"color":"#eceeed"}]},{"featureType":"transit.station","elementType":"geometry.fill","stylers":[{"color":"#eceeed"}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#cbd2d3"}]},{"featureType":"water","elementType":"labels.text.fill","stylers":[{"color":"#8e9c9e"}]}]')}}]);