{"version":3,"sources":["webpack:///./Scripts/Components/ResellerGoogleMapForProduct.js","webpack:///./Scripts/Containers/ResellerGoogleMapForProduct.container.js"],"names":["ResellerGoogleMapForProduct","_Component","props","_context","_context2","_context3","_context4","_context5","_context6","_context7","_context8","_context9","_context10","_this","_classCallCheck","values","_callSuper","productResellers","state","resellersData","showingInfoWindow","defaultCenter","lat","lng","currentMarkerCenter","selectedMarker","selectedPlace","search","showMap","zoom","zoomToMarkers","filterByLocation","isZoomIn","isBusinessReseller","productId","document","getElementById","value","localStorage","setItem","handleClick","_bindInstanceProperty","call","onGeoLocClick","onShowList","onShowMap","updateSearch","getMyLocation","closeMap","zoomMap","onGetNearbyPlacesClick","FilterByType","_inherits","_createClass","key","marker","event","this","setState","_parseFloat","getElementsByClassName","classList","toggle","_context11","filteredLocations","_this2","latitude","_filterInstanceProperty","reseller","p1","google","maps","LatLng","p2","longitude","geometry","spherical","computeDistanceBetween","productresellers","_this3","navigator","geolocation","getCurrentPosition","pos","coords","error","message","enableHighAccuracy","timeout","maximumAge","target","substr","filteredResellerByType","_context12","_context14","resellerData","_context13","_indexOfInstanceProperty","type","toLowerCase","_context15","onlineReseller","mapElementClass","React","createElement","MapWithAMarker","markers","onClick","zoomLevel","googleMapURL","concat","loadingElement","id","style","height","padding","containerElement","className","mapElement","display","nextProps","prevState","_objectSpread","Component","compose","withScriptjs","withGoogleMap","_context16","_context17","_context18","_context19","_context20","_context21","_context22","_context23","_context24","resellers","length","_context25","customerNumber","phone","zipCode","coordinates","address","city","name","translate","placeholder","autoComplete","onChange","_mapInstanceProperty","_context26","GoogleMap","center","defaultOptions","styles","resellerStyle","Marker","visible","position","InfoWindow","_context27","icon","zipcode","href","ResellerGoogleMapForProductContainer","lifecycle","componentDidMount","_this$props","loadForProduct","variantId","connect","resellerProduct","productOnlineResellers","resellerCountries","dispatch"],"mappings":"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","file":"19.622549a9a6c6d77a14b2.js","sourcesContent":["import React, {Component} from 'react'\r\nimport {compose} from 'recompose'\r\nimport {translate} from '../Services/translation'\r\nimport resellerStyle from './ResellerGoogleMapStyle'\r\nimport {GoogleMap, InfoWindow, Marker, withGoogleMap, withScriptjs} from 'react-google-maps'\r\n\r\nconst API_KEY = 'AIzaSyA-0Y1bOYeSmElvvtMBbyeRSY0XiNdbR9k'\r\n\r\nexport default class ResellerGoogleMapForProduct extends Component {\r\n    constructor(props) {\r\n        super(props)\r\n\r\n        let values = this.props.productResellers;\r\n        this.state = {\r\n            resellersData: values,\r\n            showingInfoWindow: false,\r\n            defaultCenter: {lat: 60.128162, lng: 18.643501},\r\n            currentMarkerCenter: {lat: 60.128162, lng: 18.643501},\r\n            selectedMarker: {},\r\n            selectedPlace: {},\r\n            search: '',\r\n            showMap: false,\r\n            zoom: 5,\r\n            zoomToMarkers: null,\r\n            filterByLocation: false,\r\n            isZoomIn: false,\r\n            isBusinessReseller: false,\r\n        }\r\n        const productId = document.getElementById('hdnProductId').value;\r\n        localStorage.setItem('ResellerData', productId);\r\n\r\n        this.handleClick = this.handleClick.bind(this)\r\n        this.onGeoLocClick = this.onGeoLocClick.bind(this)\r\n        this.onShowList = this.onShowList.bind(this)\r\n        this.onShowMap = this.onShowMap.bind(this)\r\n        this.updateSearch = this.updateSearch.bind(this)\r\n        this.getMyLocation = this.getMyLocation.bind(this)\r\n        this.closeMap = this.closeMap.bind(this)\r\n        this.zoomMap = this.zoomMap.bind(this)\r\n        this.onGetNearbyPlacesClick = this.onGetNearbyPlacesClick.bind(this)\r\n        this.FilterByType = this.FilterByType.bind(this)\r\n    }\r\n\r\n    static getDerivedStateFromProps(nextProps, prevState) {\r\n        return {...prevState, ...{resellersData: nextProps.productResellers}}\r\n    }\r\n\r\n    handleClick(marker, event) {\r\n        this.setState({\r\n            showingInfoWindow: false,\r\n            selectedMarker: marker,\r\n            showMap: true,\r\n            currentMarkerCenter: {\r\n                lat: parseFloat(marker.lat),\r\n                lng: parseFloat(marker.lng)\r\n            }\r\n        })\r\n    }\r\n\r\n    closeMap(event) {\r\n        this.setState({\r\n            showMap: false,\r\n            zoom: 5\r\n        })\r\n        document.getElementsByClassName('reseller-product')[0].classList.toggle('hide');\r\n    }\r\n\r\n    zoomMap() {\r\n        if (this.state.isZoomIn == false) {\r\n            this.setState({\r\n                zoom: 8,\r\n                isZoomIn: true\r\n            })\r\n        } else {\r\n            this.setState({\r\n                zoom: 5,\r\n                isZoomIn: false\r\n            })\r\n        }\r\n    }\r\n\r\n    onGeoLocClick(marker, event) {\r\n        this.setState({\r\n            showingInfoWindow: true,\r\n            zoom: 8,\r\n            isZoomIn: true\r\n        })\r\n    }\r\n\r\n\r\n    onGetNearbyPlacesClick(marker, event) {\r\n\r\n        if (this.state.latitude == null) {\r\n            this.getMyLocation();\r\n\r\n        }\r\n        if (this.state.filterByLocation == false) {\r\n            var filteredLocations;\r\n            filteredLocations = this.state.resellersData.filter(reseller => {\r\n                var p1 = new google.maps.LatLng(reseller.lat, reseller.lng);\r\n                var p2 = new google.maps.LatLng(this.state.latitude, this.state.longitude);\r\n                var distance = google.maps.geometry.spherical.computeDistanceBetween(p1, p2)\r\n                if (distance < 170000) {\r\n                    return reseller\r\n                }\r\n            })\r\n            this.setState({\r\n                showingInfoWindow: true,\r\n                filterByLocation: true,\r\n                resellersData: filteredLocations\r\n            })\r\n        } else {\r\n            this.setState({\r\n                filterByLocation: false,\r\n                resellersData: this.props.productresellers\r\n            })\r\n        }\r\n    }\r\n\r\n    onShowList() {\r\n        this.setState({\r\n            showMap: false,\r\n            zoom: 5\r\n        })\r\n    }\r\n\r\n    onShowMap() {\r\n        this.setState({\r\n            showMap: true,\r\n            zoom: 5\r\n        })\r\n    }\r\n\r\n    componentDidUpdate() {\r\n        this.getMyLocation()\r\n    }\r\n\r\n    getMyLocation() {\r\n        if (navigator && navigator.geolocation) {\r\n            navigator.geolocation.getCurrentPosition(\r\n                pos => {\r\n                    const coords = pos.coords\r\n                    this.setState({\r\n                        defaultCenter: {\r\n                            lat: coords.latitude,\r\n                            lng: coords.longitude\r\n                        },\r\n                        latitude: coords.latitude,\r\n                        longitude: coords.longitude\r\n                    })\r\n                },\r\n                error => (document.getElementById('errorLabel').value = error.message),\r\n                {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000}\r\n            )\r\n        }\r\n    }\r\n\r\n    updateSearch(event) {\r\n        this.setState({\r\n            search: event.target.value.substr(0, 20)\r\n        })\r\n    }\r\n\r\n    FilterByType(marker, event) {\r\n        var filteredResellerByType;\r\n        if (this.state.isBusinessReseller == false) {\r\n            filteredResellerByType = this.props.resellerData.filter(reseller => {\r\n                return (\r\n                    (\r\n                        reseller.type.toLowerCase().indexOf('p')\r\n                    ) !==\r\n                    -1\r\n                )\r\n            })\r\n            this.setState({\r\n                isBusinessReseller: true,\r\n                resellersData: filteredResellerByType,\r\n                zoom: 5\r\n            })\r\n        } else {\r\n            filteredResellerByType = this.props.resellerData.filter(reseller => {\r\n                return (\r\n                    (\r\n                        reseller.onlineReseller.toLowerCase().indexOf('false')\r\n                    ) !==\r\n                    -1\r\n                )\r\n            })\r\n            this.setState({\r\n                isBusinessReseller: false,\r\n                resellersData: this.props.resellerData,\r\n                zoom: 5\r\n            })\r\n        }\r\n    }\r\n\r\n\r\n    render() {\r\n        var mapElementClass = '';\r\n        if (this.state.showMap) mapElementClass += 'show';\r\n        /* Later\r\n         var resellerDataOrg = this.state.resellersData == '' ? this.values : this.state.resellersData;\r\n         if (this.state.isBusinessReseller == false) {\r\n           this.state.resellersData = resellerDataOrg.filter(reseller => {\r\n             return (\r\n               (\r\n                 reseller.onlineReseller.toLowerCase().indexOf('false')\r\n               ) !==\r\n               -1\r\n             )\r\n           })\r\n         } else {\r\n           this.state.resellersData = resellerDataOrg.filter(reseller => {\r\n             return (-\r\n               (\r\n                 reseller.type.toLowerCase().indexOf('p')\r\n               ) !==\r\n               -1\r\n             )\r\n           })\r\n         }*/\r\n        return (\r\n            <MapWithAMarker\r\n                selectedMarker={this.state.selectedMarker}\r\n                showingInfoWindow={this.state.showingInfoWindow}\r\n                defaultCenter={this.state.defaultCenter}\r\n                currentMarkerCenter={this.state.currentMarkerCenter}\r\n                latitude={this.state.latitude}\r\n                longitude={this.state.longitude}\r\n                search={this.state.search}\r\n                markers={this.state.resellersData}\r\n                onClick={this.handleClick}\r\n                showMap={this.state.showMap}\r\n                onGeoLocClick={this.onGeoLocClick}\r\n                onGetNearbyPlacesClick={this.onGetNearbyPlacesClick}\r\n                onShowList={this.onShowList}\r\n                onShowMap={this.onShowMap}\r\n                closeMap={this.closeMap}\r\n                zoomMap={this.zoomMap}\r\n                zoomLevel={this.state.zoom}\r\n                zoomToMarkers={this.state.zoomToMarkers}\r\n                updateSearch={this.updateSearch}\r\n                FilterByType={this.FilterByType}\r\n                googleMapURL={`https://maps.googleapis.com/maps/api/js?key=${API_KEY}&v=3.exp&libraries=geometry,drawing,places`}\r\n\r\n                loadingElement={\r\n                    <div\r\n                        id=\"LoadingElement\"\r\n                        style={{height: `100%`, padding: `61px 55px 55px 55px`}}\r\n                    />\r\n                }\r\n                containerElement={\r\n                    <div\r\n                        id=\"Container\"\r\n                        className=\"google-map__panel\"\r\n                    />\r\n                }\r\n                mapElement={\r\n                    <div\r\n                        id=\"MapElement\"\r\n                        className={mapElementClass}\r\n                        style={{\r\n                            height: `100%`,\r\n                            display: this.state.showMap == true ? 'block' : 'none'\r\n                        }}\r\n                    />\r\n                }\r\n            />\r\n        )\r\n    }\r\n}\r\nconst MapWithAMarker = compose(\r\n    withScriptjs,\r\n    withGoogleMap\r\n)(props => {\r\n    const onGeoLocClick = props.onGeoLocClick.bind(this)\r\n    const onShowList = props.onShowList.bind(this)\r\n    const onShowMap = props.onShowMap.bind(this)\r\n    const updateSearch = props.updateSearch.bind(this)\r\n    const closeMap = props.closeMap.bind(this)\r\n    const zoomMap = props.zoomMap.bind(this)\r\n    const onGetNearbyPlacesClick = props.onGetNearbyPlacesClick.bind(this)\r\n    const FilterByType = props.FilterByType.bind(this)\r\n    const resellers =\r\n        !props.markers || props.markers.length === 0 ? (\r\n            <div>{'No Resellers Available'} </div>\r\n        ) : (\r\n            props.markers.filter(reseller => {\r\n                return (\r\n                    (reseller.customerNumber.search(props.search) &&\r\n                        reseller.phone.search(props.search) &&\r\n                        reseller.zipCode.search(props.search) &&\r\n                        reseller.coordinates.search(props.search) &&\r\n                        reseller.address.toLowerCase().search(props.search.toLowerCase()) &&\r\n                        reseller.city.toLowerCase().search(props.search.toLowerCase()) &&\r\n                        reseller.name.toLowerCase().indexOf(props.search.toLowerCase())) !==\r\n                    -1\r\n                )\r\n            })\r\n        )\r\n\r\n  return <div className={`google-map__wrapperProduct` + (!props.showMap ? ' force-top' : '')}>\r\n        <div id=\"ResellersGoogleMap\">\r\n            <div className=\"ResellersGoogleMapHeader\">\r\n                {translate('findresellertitle')}\r\n                <a onClick={closeMap} className=\"close\">\r\n                    &#10006;\r\n                </a>\r\n            </div>\r\n            <input type=\"label\" id=\"errorLabel\" style={{display: 'none'}}/>\r\n\r\n            {props.showMap == false ? (\r\n                <div>\r\n                    <div id=\"GoogleMapList\" className=\"google-map__list\">\r\n                        <div className=\"google-map__input-container\">\r\n                            <div className=\"google-map__input-wrapper\">\r\n                                <div className=\"google-map__button-container google-map__button-container--search\">\r\n                                    <i className=\"quick-search__icon\"/>\r\n                                    <input\r\n                                        type=\"search\"\r\n                                        className=\"google-map__input\"\r\n                                        placeholder={translate('reseller.search')}\r\n                                        autoComplete=\"off\"\r\n                                        value={props.search}\r\n                                        onChange={updateSearch}\r\n                                    />\r\n                                </div>\r\n                                <div className=\"google-map__button-container google-map__button-container--location\">\r\n                                    <input\r\n                                        className=\"google-map__button\"\r\n                                        type=\"button\"\r\n                                        value={translate('reseller.nearme')}\r\n                                        onClick={onGetNearbyPlacesClick}\r\n                                    /></div>\r\n\r\n                                <div className=\"google-map__button-container google-map__button-container--map\"><input\r\n                                    className=\"google-map__button\"\r\n                                    type=\"button\"\r\n                                    value={translate('reseller.showmap')}\r\n                                    onClick={onShowMap}\r\n                                /></div>\r\n\r\n                                <input\r\n                                    type=\"label\"\r\n                                    id=\"errorLabel\"\r\n                                    style={{display: 'none'}}\r\n                                />\r\n                            </div>\r\n                            {!props.markers || props.markers.length === 0 ? (\r\n                                <div>{'No Nearby Resellers Available'}  </div>\r\n                            ) : (\r\n                                <div className=\"store-list\">\r\n                                    {resellers.map(marker => {\r\n                                        const onClick = props.onClick.bind(this, marker)\r\n                                        return (\r\n                                            <a key={marker.customerNumber} onClick={onClick}>\r\n                                                <h3>{marker.name}</h3>\r\n                                                <h6>{marker.city}</h6>\r\n                                            </a>\r\n                                        )\r\n                                    })}\r\n                                </div>)}\r\n                            {/* Later\r\n                  <div className=\"bottom-toggle\">\r\n                    <span>{translate('reseller.businessreseller')}</span>\r\n                    <div className=\"google-map__switch\">\r\n                      <label className=\"switch\">\r\n                        <input type=\"checkbox\" onClick={FilterByType} />\r\n                        <span className=\"slider round\"></span>\r\n                      </label>\r\n\r\n                    </div>\r\n                  </div> */}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            ) : (\r\n                <div id=\"GoogleMap\" className=\"google-map\">\r\n                    <div className=\"google-map__back\">\r\n                        <a style={{padding: '9px'}} onClick={onShowList} className=\"close\"></a>\r\n                        {/* Later\r\n                   <div className=\"google-map__wrapper\">\r\n                    <span>{translate('reseller.businessreseller')}</span>\r\n                    <label className=\"switch\">\r\n                      <input type=\"checkbox\" onClick={FilterByType} />\r\n                      <span className=\"slider round\"></span>\r\n                    </label>\r\n\r\n                  </div> */}\r\n                        <div className=\"google-map__button-container google-map__button-container--location\">\r\n                            <input\r\n                                className=\"google-map__button google-map__button--back\"\r\n                                type=\"button\"\r\n                                value=\"Nära mig\"\r\n                                onClick={onGeoLocClick}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <GoogleMap\r\n                        zoom={props.zoomLevel}\r\n                        center={props.showingInfoWindow == true ? {\r\n                            lat: parseFloat(props.latitude),\r\n                            lng: parseFloat(props.longitude)\r\n                        } : props.currentMarkerCenter}\r\n                        //center={props.currentMarkerCenter}\r\n                        style={{}}\r\n                        defaultOptions={{\r\n                            styles: resellerStyle\r\n                        }}\r\n                    >\r\n                        {props.showingInfoWindow == true && (\r\n                            <Marker\r\n                                visible={props.showingInfoWindow}\r\n                                zoom={props.zoomLevel}\r\n                                center={props.defaultCenter}\r\n                                position={{lat: props.latitude, lng: props.longitude}}\r\n                            >\r\n                                <InfoWindow>\r\n                                    <div id=\"MyLocation\">\r\n                                        <br/>\r\n                                        <h1> {'You are here!'}</h1>\r\n                                        <br/>\r\n                                    </div>\r\n                                </InfoWindow>\r\n                            </Marker>\r\n                        )}\r\n\r\n                        {resellers.map(marker => {\r\n                            if (marker.lat != null) {\r\n                                const onClick = props.onClick.bind(this, marker)\r\n                                return (\r\n                                    <Marker\r\n                                        key={marker.customerNumber}\r\n                                        onClick={onClick}\r\n                                        zoom={props.zoomLevel}\r\n                                        center={{\r\n                                            lat: parseFloat(marker.lat),\r\n                                            lng: parseFloat(marker.lng)\r\n                                        }}\r\n                                        icon={\r\n                                            props.selectedMarker === marker ?\r\n                                                '/UI/images/markerselected.png' :\r\n                                                '/UI/images/marker.png'\r\n                                        }\r\n                                        position={{\r\n                                            lat: parseFloat(marker.lat),\r\n                                            lng: parseFloat(marker.lng)\r\n                                        }}\r\n                                    >\r\n                                        {props.selectedMarker === marker &&\r\n                                            props.showingInfoWindow == false && (\r\n                                                <InfoWindow>\r\n                                                    <div id=\"ResellersInfo\">\r\n                                                        <h1> {marker.name}</h1>\r\n                                                        <div className=\"marker-info-div\">\r\n                                                            {marker.address}\r\n                                                            <br/>\r\n                                                            {marker.zipcode} {marker.city}\r\n                                                            <br/>\r\n                                                            {marker.phone\r\n                                                                ? translate('phonenumberlabel') + ':'\r\n                                                                : ''}{' '}\r\n                                                            <a href={\"tel:\" + marker.phone}>{marker.phone}</a>\r\n\r\n                                                            <a onClick={zoomMap} className=\"close zoom-in\"></a>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </InfoWindow>\r\n                                            )}\r\n                                    </Marker>\r\n                                )\r\n                            }\r\n                        })}\r\n                    </GoogleMap>\r\n                </div>\r\n            )}\r\n        </div>\r\n    </div>\r\n\r\n})\r\n","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport ResellerGoogleMapForProduct from \"../Components/ResellerGoogleMapForProduct\";\r\nimport {loadForProduct} from \"../Actions/ResellerGoogleMapProduct.action\";\r\nimport {lifecycle} from \"recompose\";\r\n\r\nlet ResellerGoogleMapForProductContainer = function (props) {\r\n    if (typeof props.productResellers === 'undefined' || props.productResellers.length <= 0) {\r\n        return null;\r\n    }\r\n\r\n    return <ResellerGoogleMapForProduct {...props} />;\r\n}\r\n\r\nResellerGoogleMapForProductContainer = lifecycle({\r\n    componentDidMount() {\r\n        const {loadForProduct, variantId} = this.props;\r\n        loadForProduct(variantId);\r\n    }\r\n})(ResellerGoogleMapForProductContainer);\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        productResellers: state.resellerProduct.productResellers,\r\n        productOnlineResellers: state.resellerProduct.productOnlineResellers,\r\n        resellerCountries: state.resellerProduct.resellerCountries,\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        loadForProduct: (variantId) => dispatch(loadForProduct(variantId)),\r\n    }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ResellerGoogleMapForProductContainer);\r\n"],"sourceRoot":""}