{"version":3,"sources":["webpack:///./app/components/render/Maps/Single.js","webpack:///./app/components/react/Maps/Single/index.js"],"names":["__webpack_require__","SingleMapRender","context","_this","this","_classCallCheck","onInView","initReact","InViewManager","add","ReactDOM","render","_react2","default","createElement","_Single2","_react","_breakpoints","Pin","className","SingleMap","props","_possibleConstructorReturn","__proto__","Object","getPrototypeOf","call","state","center","lat","lng","zoom","loaded","Component","_this2","item","document","querySelector","googleMapsApiKey","dataset","setState","coordinates","location","split","parseFloat","parseInt","JSON","parse","getAttribute","ZoomLevel","tabLink","nextButton","prevButton","showMap","toggleHandler","isMobile","isNext","arguments","length","undefined","activeTab","nextTab","nextElementSibling","previousElementSibling","tabFor","window","innerWidth","tabletBreakpoint","addEventListener","style","height","_googleMapReact2","defaultCenter","defaultZoom","bootstrapURLKeys","key","libraries","language","resetBoundsOnResize"],"mappings":"yYAAAA,EAAA,UACAA,EAAA,UAEAA,EAAA,UAEAA,EAAA,2DAEqBC,aAEpB,SAAAA,EAAYC,GAAS,IAAAC,EAAAC,kGAAAC,CAAAD,KAAAH,GAAAG,KAKrBE,SAAW,WACVH,EAAKI,aALLH,KAAKF,QAAUA,EACfM,UAAcC,IAAIL,KAAKF,QAASE,KAAKE,wDAQrCI,UAASC,OACRC,EAAAC,QAAAC,cAACC,EAAAF,QAAD,MAAeT,KAAKF,4BAbFD,8UCPrBe,EAAAhB,EAAA,gBACAA,EAAA,MACAiB,EAAAjB,EAAA,uDAEA,IAAMkB,EAAM,kBAAMN,EAAAC,QAAAC,cAAA,OAAKK,UAAU,8BAE3BC,cAEJ,SAAAA,EAAYC,gGAAOhB,CAAAD,KAAAgB,GAAA,IAAAjB,mKAAAmB,CAAAlB,MAAAgB,EAAAG,WAAAC,OAAAC,eAAAL,IAAAM,KAAAtB,KACXiB,IADW,OAGjBlB,EAAKwB,OACHC,QAASC,IAAK,EAAGC,IAAK,GACtBC,KAAM,GACNC,QAAQ,GANO7B,qUAFG8B,4DAYF,IAAAC,EAAA9B,KACZ+B,EAAOC,SAASC,cAAc,oBAC9BC,EAAmBH,EAAKI,QAAQD,iBACtClC,KAAKoC,UAAWF,iBAAkBA,IAElC,IACMG,EADON,EAAKI,QAAQG,SACDC,MAAM,KACzBd,EAAMe,WAAWH,EAAY,IAC7BX,EAAMc,WAAWH,EAAY,IAC7BV,EAAOc,SAAUC,KAAKC,MAAMZ,EAAKa,aAAa,mBAAoBC,UAAW,IAE7EC,EAAUd,SAASC,cAAc,6BACjCc,EAAaf,SAASC,cAAc,2BACpCe,EAAahB,SAASC,cAAc,2BACpCgB,EAAU,WACdnB,EAAKM,UAAWZ,QAAUC,MAAKC,OAAOC,OAAMC,QAAQ,KAEhDsB,EAAgB,SAACC,GAA4B,IAAlBC,IAAkBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACjD,GAAKF,EAAL,CAIA,IAAMK,EAAYxB,SAASC,cAAc,yBACzC,GAAIuB,EAAW,CACb,IAAMC,EAAUL,EAASI,EAAUE,mBAAqBF,EAAUG,uBAClE,GAAIF,GAAWA,EAAQtB,QAEN,aADIsB,EAAQtB,QAAnByB,QAENX,UATJA,KAcAY,OAAOC,WAAaC,oBACtBjB,EAAQkB,iBAAiB,QAAS,kBAAMd,GAAc,KACtDH,EAAWiB,iBAAiB,QAAS,kBAAMd,GAAc,GAAM,KAC/DF,EAAWgB,iBAAiB,QAAS,kBAAMd,GAAc,GAAM,MAE/DD,qCAKF,OACEzC,EAAAC,QAAAC,cAAA,OACEuD,OAASC,OAAQ,SAEhBlE,KAAKuB,MAAMK,QACVpB,EAAAC,QAAAC,cAACyD,EAAA1D,SACG2D,cAAepE,KAAKuB,MAAMC,OAC1B6C,YAAarE,KAAKuB,MAAMI,KACxB2C,kBACEC,IAAKvE,KAAKuB,MAAMW,iBAChBsC,UAAW,SACXC,SAAU,MAEZC,qBAAA,GAEAlE,EAAAC,QAAAC,cAACI,GACCW,IAAKzB,KAAKuB,MAAMC,OAAOC,IACvBC,IAAK1B,KAAKuB,MAAMC,OAAOE,2BASxBV","file":"MapSingleRender-f8f256e651ae08681398.js","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport SingleMap from '../../react/Maps/Single';\r\n\r\nimport InViewManager from '../../../managers/in-view';\r\n\r\nexport default class SingleMapRender {\r\n\r\n\tconstructor(context) {\r\n\t\tthis.context = context;\r\n\t\tInViewManager.add(this.context, this.onInView);\r\n\t}\r\n\r\n\tonInView = () => {\r\n\t\tthis.initReact();\r\n\t}\r\n\r\n\tinitReact() {\r\n\t\tReactDOM.render(\r\n\t\t\t, this.context\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from 'react';\r\nimport GoogleMapReact from 'google-map-react';\r\nimport { tabletBreakpoint } from '../../../../constants/breakpoints';\r\n\r\nconst Pin = () =>
;\r\n\r\nclass SingleMap extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n center: {lat: 0, lng: 0},\r\n zoom: 16,\r\n loaded: false\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const item = document.querySelector('[data-map-value]');\r\n const googleMapsApiKey = item.dataset.googleMapsApiKey;\r\n this.setState({ googleMapsApiKey: googleMapsApiKey });\r\n\r\n const data = item.dataset.location;\r\n const coordinates = data.split(\",\");\r\n const lat = parseFloat(coordinates[0]);\r\n const lng = parseFloat(coordinates[1]);\r\n const zoom = parseInt((JSON.parse(item.getAttribute('data-map-value'))).ZoomLevel, 10);\r\n\r\n const tabLink = document.querySelector('[data-tab-for=\"Location\"]');\r\n const nextButton = document.querySelector('[data-tab-next-control]');\r\n const prevButton = document.querySelector('[data-tab-prev-control]');\r\n const showMap = () => {\r\n this.setState({ center: { lat, lng} , zoom, loaded: true })\r\n }\r\n const toggleHandler = (isMobile, isNext = true) => {\r\n if (!isMobile) {\r\n showMap();\r\n return;\r\n }\r\n const activeTab = document.querySelector('[data-tab-for].active');\r\n if (activeTab) {\r\n const nextTab = isNext ? activeTab.nextElementSibling : activeTab.previousElementSibling;\r\n if (nextTab && nextTab.dataset) {\r\n const { tabFor } = nextTab.dataset;\r\n if (tabFor === 'Location') {\r\n showMap();\r\n }\r\n }\r\n }\r\n }\r\n if (window.innerWidth < tabletBreakpoint) {\r\n tabLink.addEventListener('click', () => toggleHandler(false));\r\n nextButton.addEventListener('click', () => toggleHandler(true, true));\r\n prevButton.addEventListener('click', () => toggleHandler(true, false));\r\n } else {\r\n showMap();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n {this.state.loaded &&\r\n \r\n \r\n \r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SingleMap;\r\n"],"sourceRoot":""}