https://www.matt-tema.se/ui/es5/21.c7624796.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[21],{19021:function(e,t,r){r.r(t),r.d(t,{GoogleMapContainer:function(){return s},default:function(){return u}});r(78837),r(63145),r(57406),r(55448),r(570),r(10844),r(42417),r(54162),r(4290),r(29068),r(63343),r(12493),r(17046),r(50653),r(55831);var n=r(63696),l=r(289),a=r(83351),o="/ui/images/greenmarker.svg",m=r(66133);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var n,l,a=[],o=!0,m=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);o=!0);}catch(e){m=!0,l=e}finally{try{o||null==r.return||r.return()}finally{if(m)throw l}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){var t=e.google,r=e.markers,i=c((0,n.useState)(r),2),s=i[0],u=i[1],p=c((0,n.useState)(null),2),g=p[0],E=p[1],d=c((0,n.useState)(null),2),f=d[0],S=d[1],v=(0,n.useRef)([]),h=c((0,n.useState)(""),2),N=h[0],b=h[1],_=window.mapSettings.blueMap,y=window.mapSettings.greyMap,k=window.mapSettings.showSearch,w=k?a.A:o,C=k?y:_,L=function(e,t,r){S(t),E(t.position)},M=function(e,t){E({lat:parseFloat(t.MapLat),lng:parseFloat(t.MapLong)});var r=v.current.filter((function(e){return e.props.name==t.StoreName}));r&&r.length>0&&L(r[0].props,r[0].marker)},T=function(e){if(b(e),""!==e){e=e.toLowerCase();var t=r.filter((function(t){return t.StoreName.toString().toLowerCase().includes(e)||t.StoreStreet.toString().toLowerCase().includes(e)||t.StoreZipCode.toString().toLowerCase().includes(e)}));u(t)}else u(r)},F=function(e,r){for(var n=new t.maps.LatLngBounds,l=0;l<s.length;l++)if(null!=T[l].MapLat&&null!=T[l].MapLong){var a={lat:parseFloat(s[l].MapLat),lng:parseFloat(s[l].MapLong)};n.extend(a)}!function(e,t){t.setOptions({styles:C,maxZoom:18,minZoom:4})}(0,r),r.fitBounds(n),r.panToBounds(n)},A=k?"columns small-12 medium-6 large-6 google-map__map":"columns google-map__map";return n.createElement(n.Fragment,null,n.createElement("div",{className:"row google-map__wrapper"},k&&n.createElement("div",{className:"columns small-12 medium-6 large-6 google-map__list"},n.createElement("div",{className:"google-map__search"},n.createElement("input",{autoComplete:"do-not-autocomplete",placeholder:(0,m.T)("google.maps.placeholder"),value:N,onChange:function(e){return T(e.target.value)}}),n.createElement("div",{className:"google-map__search-btn"},n.createElement("i",{className:"ph-magnifying-glass"}))),n.createElement("ul",null,s.map((function(e,t){return n.createElement("div",{className:"google-map__list-item",key:e.StoreName+"-"+t},n.createElement("li",null,n.createElement("div",{className:"li-text"},n.createElement("h4",null,e.StoreName),n.createElement("div",{className:"storestreet",dangerouslySetInnerHTML:{__html:e.StoreStreet}}),n.createElement("div",{className:"storezipcode",dangerouslySetInnerHTML:{__html:e.StoreZipCode}})),n.createElement("div",{className:"storelocator-links"},n.createElement("div",{className:"storebutton"},n.createElement("input",{type:"button",onClick:function(t){return function(e){location.href=e.Url}(e)},value:(0,m.T)("google.maps.storedetails")})),n.createElement("div",{className:"storelink"},n.createElement("a",{onClick:function(t){return M(0,e)}},(0,m.T)("google.maps.findstore"))))))})))),n.createElement("div",{className:A},n.createElement(l.Map,{google:t,zoom:5,containerStyle:{position:"relative",width:"100%",height:"100%"},initialCenter:{lat:58.977157,lng:14.038979},fullscreenControl:!1,streetViewControl:!1,zoomControl:!1,mapTypeControl:!1,center:g,onReady:function(e,t){return F(0,t)}}

1,s.map((function(e,r){return n.createElement(l.Marker,{key:e.StoreName,ref:function(e){return v.current[r]=e},name:e.StoreName,title:e.StoreName,linkaddress:e.StoreWebb,street:e.StoreStreet,zipcode:e.StoreZipCode,position:{lat:parseFloat(e.MapLat),lng:parseFloat(e.MapLong)},onClick:L,icon:{url:w,anchor:new t.maps.Point(12,24),scaledSize:new t.maps.Size(30,30)}})})),n.createElement(l.InfoWindow,{marker:f,visible:f},n.createElement(n.Fragment,null,f&&n.createElement("div",null,n.createElement("h6",null,f.name),n.createElement("p",{dangerouslySetInnerHTML:{__html:f.street}}),n.createElement("p",{dangerouslySetInnerHTML:{__html:f.zipcode}}))))))),!k&&n.createElement("div",{className:"row store__container"},n.createElement("div",{className:"columns small-12"},n.createElement("div",{className:"stores"},n.createElement("h3",null,(0,m.T)("google.maps.premiumstores")),n.createElement("ul",{className:"store__list"},s.map((function(e){return n.createElement(n.Fragment,null,e.StorePremium&&n.createElement("li",{key:"store__"+e.StoreName},n.createElement("div",{className:"storeitem"},n.createElement("h6",null,e.StoreName),n.createElement("div",null,n.createElement("p",null,e.StoreStreet)),n.createElement("div",null,n.createElement("p",null,e.StoreZipCode)),n.createElement("div",null,n.createElement("p",null,n.createElement("a",{href:"tel:"+e.StorePhoneNumber},e.StorePhoneNumber))),n.createElement("div",null,n.createElement("p",null,n.createElement("a",{href:e.StoreWebb,target:"_blank",rel:"noreferrer"},e.StoreWebb))),n.createElement("a",{href:"#"},n.createElement("div",{className:"selectedmarker",title:"Show me",onClick:function(t){return M(0,e)}},n.createElement("p",null,(0,m.T)("google.maps.findonmap")))))))})))),n.createElement("div",{className:"stores"},n.createElement("h3",null,(0,m.T)("google.maps.estores")),n.createElement("ul",{className:"store__list"},s.map((function(e){return n.createElement(n.Fragment,null,e.EStore&&n.createElement("li",{key:"store__"+e.StoreName},n.createElement("div",{className:"storeitem"},n.createElement("h6",null,e.StoreName),n.createElement("div",null,n.createElement("p",null,n.createElement("a",{href:e.StoreWebb,target:"_blank",rel:"noreferrer"},e.StoreWebb))))))})))),n.createElement("div",{className:"stores"},n.createElement("h3",null,(0,m.T)("google.maps.baspartner")),n.createElement("ul",{className:"store__list"},s.map((function(e){return n.createElement(n.Fragment,null,!e.StorePremium&&!e.EStore&&n.createElement("li",{key:"store__"+e.StoreName},n.createElement("div",{className:"storeitem"},n.createElement("h6",null,e.StoreName),n.createElement("div",null,n.createElement("p",null,e.StoreStreet)),n.createElement("div",null,n.createElement("p",null,e.StoreZipCode)),n.createElement("div",null,n.createElement("p",null,n.createElement("a",{href:"tel:"+e.StorePhoneNumber},e.StorePhoneNumber))),n.createElement("div",null,n.createElement("p",null,n.createElement("a",{href:e.StoreWebb,target:"_blank",rel:"noreferrer"},e.StoreWebb))),n.createElement("a",{href:"#"},n.createElement("div",{className:"selectedmarker",title:"marker",onClick:function(t){return M(0,e)}},n.createElement("p",null,(0,m.T)("google.maps.findonmap")))))))})))))))}var u=(0,l.GoogleApiWrapper)((function(e){return{language:e.language,apiKey:e.apiKey}}))(s)},83351:function(e,t){t.A="/ui/images/blackmarker.svg"}}]);
2//# sourceMappingURL=21.c7624796.js.map