@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/components/UTMap/index.js

@@ -1,329 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _form = require("@widergy/web-utils/lib/form");
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _googleMapsTypes = require("../../types/googleMapsTypes");
-var _WithGoogleMaps = _interopRequireDefault(require("../WithGoogleMaps"));
-var _GoogleMaps = _interopRequireDefault(require("./components/GoogleMaps"));
-var _utils = require("./utils");
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class UTMap extends _react.PureComponent {
-  constructor(props) {
-    var _this;
-    super(props);
-    _this = this;
-    _defineProperty(this, "handleSearchChange", event => this.setState({
-      searchValue: event.target.value
-    }));
-    _defineProperty(this, "updateAddress", (latLng, forcedAddress, changeValue) => {
-      this.setState({
-        searchValue: ''
-      });
-      // Update address on search box and complete field value on store
-      (0, _utils.retrieveAddressByCoords)({
-        address: forcedAddress,
-        location: latLng
-      }, address => {
-        this.setState({
-          searchValue: address.formatted_address
-        }, () => {
-          const {
-            field,
-            onChange,
-            singleMarker
-          } = this.props;
-          const addressComponents = field.configuration.address_components;
-          const addressValue = {};
-          Object.keys(addressComponents).map(key => addressValue[addressComponents[key]] = (0, _utils.getValue)(address, latLng, key));
-          if (changeValue && singleMarker) onChange(addressValue);
-        });
-      });
-    });
-    _defineProperty(this, "updateMarker", latLng => {
-      // Add marker on screen
-      const newMarker = {
-        position: latLng,
-        defaultAnimation: 2,
-        key: Date.now()
-      };
-      const markers = this.props.singleMarker ? [newMarker] : [...this.state.markers];
-      this.setState({
-        markers
-      });
-    });
-    _defineProperty(this, "handleMapClick", event => {
-      // When user click on any place inside map
-      const {
-        disabled,
-        singleMarker,
-        onChange,
-        polygonPath,
-        onLocationOutOfBoundsCallback,
-        zoomAddressInvalid
-      } = this.props;
-      const {
-        usePolygon
-      } = this.state;
-      const {
-        latLng
-      } = event;
-      if (disabled) return;
-      const isValid = (0, _utils.checkAddressIsValid)(latLng, usePolygon, polygonPath);
-      if (!isValid && onLocationOutOfBoundsCallback) {
-        this.setState({
-          mapZoom: zoomAddressInvalid || 10
-        });
-        return onLocationOutOfBoundsCallback();
-      }
-      if (isValid && singleMarker) {
-        onChange(null);
-        this.updateMarker(latLng);
-        this.updateAddress(latLng, null, true);
-      }
-    });
-    _defineProperty(this, "centerMap", latLng => this.setState({
-      center: latLng,
-      mapZoom: this.props.zoomAddressValid || _constants.ZOOM_ADDRESS_VALID
-    }));
-    _defineProperty(this, "handleMarkerRightClick", targetMarker => {
-      const nextMarkers = this.state.markers.filter(marker => marker.position !== targetMarker.latLng && marker.position.lat !== targetMarker.latLng.lat() && marker.position.lng !== targetMarker.latLng.lng());
-      this.setState({
-        markers: nextMarkers
-      });
-    });
-    _defineProperty(this, "handleMarkerClick", function (_) {
-      let optionData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      const {
-        key,
-        value
-      } = optionData;
-      const {
-        onChange
-      } = _this.props;
-      const selected = _this.state.selectedPosition === key;
-      _this.setState({
-        selectedPosition: selected ? null : key
-      });
-      if (onChange) onChange(selected ? null : value);
-    });
-    _defineProperty(this, "handleMapMounted", mapRef => {
-      // When map is mounted on screen
-      this.map = mapRef;
-      const {
-        input,
-        field,
-        singleMarker
-      } = this.props;
-      if (input.value) {
-        const addressComponents = field.configuration.address_components;
-        const latLng = new window.google.maps.LatLng(input.value[addressComponents[_constants.GMAP_PARAMS.latitude]], input.value[addressComponents[_constants.GMAP_PARAMS.longitude]]);
-        this.updateAddress(latLng, input.value[addressComponents[_constants.GMAP_PARAMS.formattedAddress]]);
-        return;
-      }
-      if (this.props.useGeolocation) {
-        // We try to recover user actual position with navigator geolocation
-        (0, _utils.geolocation)(this.props.errors.retrieveLocationError).getCurrentPosition(userPosition => {
-          var _this$state$markers;
-          // If we can retrieve user position...
-
-          const markerCoordinates = !singleMarker && ((_this$state$markers = this.state.markers) === null || _this$state$markers === void 0 || (_this$state$markers = _this$state$markers[0]) === null || _this$state$markers === void 0 ? void 0 : _this$state$markers.position);
-          const {
-            lat: optionLat,
-            lng: optionLng
-          } = markerCoordinates || {};
-          const {
-            latitude: userLatitude,
-            longitude: userLongitude
-          } = userPosition.coords;
-          const searchLatitude = singleMarker ? userLatitude : optionLat;
-          const searchLongitude = singleMarker ? userLongitude : optionLng;
-          const userLatLng = new window.google.maps.LatLng(searchLatitude, searchLongitude);
-          if ((0, _utils.checkAddressIsValid)(userLatLng, this.state.usePolygon, this.props.polygonPath)) {
-            const actualPosition = {
-              lat: searchLatitude,
-              lng: searchLongitude
-            };
-            this.setState({
-              center: actualPosition,
-              markers: [...(this.props.singleMarker ? [{
-                position: actualPosition,
-                key: Date.now(),
-                defaultAnimation: 2
-              }] : this.state.markers)],
-              mapLoading: false
-            }, () => {
-              const latlng = new window.google.maps.LatLng(searchLatitude, searchLongitude);
-              this.updateAddress(latlng, null, true);
-            });
-          } else {
-            // In other case we set map on startLocation
-            const latlng = new window.google.maps.LatLng(this.state.center.lat, this.state.center.lng);
-            this.updateAddress(latlng, null, true);
-          }
-        },
-        // If we can't retrieve user position we set map on startLocation
-        () => {
-          const latlng = new window.google.maps.LatLng(this.state.center.lat, this.state.center.lng);
-          this.updateAddress(latlng, null, true);
-        });
-      }
-      const bounds = new window.google.maps.LatLngBounds();
-      this.state.markers.forEach(marker => {
-        bounds.extend(new window.google.maps.LatLng(marker.position.lat, marker.position.lng));
-      });
-      if (this.map && !singleMarker) {
-        this.map.fitBounds(bounds, _constants.MAP_PADDING);
-      }
-    });
-    _defineProperty(this, "handleBoundsChanged", () => this.setState({
-      center: this.map.getCenter()
-    }));
-    _defineProperty(this, "handleSearchBoxMounted", searchBoxRef => this.searchBox = searchBoxRef);
-    _defineProperty(this, "handlePlacesChanged", () => {
-      if (this.props.disabled) return;
-      const places = this.searchBox.getPlaces();
-      const place = !(0, _isEmpty.default)(places) && (0, _utils.checkAddressIsValid)(places[0].geometry.location, this.state.usePolygon, this.props.polygonPath) && places[0];
-      if (place) {
-        this.props.onChange(null);
-        this.updateMarker(place.geometry.location);
-        this.updateAddress(place.geometry.location, place.formatted_address, true);
-        this.centerMap(place.geometry.location);
-      } else if (this.props.onLocationOutOfBoundsCallback) this.props.onLocationOutOfBoundsCallback();
-    });
-    this.state = {
-      markers: [],
-      mapLoading: true,
-      searchValue: '',
-      mapZoom: this.props.zoomInitial || _constants.ZOOM_INITIAL,
-      usePolygon: this.props.usePolygon && !(0, _isEmpty.default)(this.props.polygonPath),
-      invalidConfiguration: false,
-      selectedPosition: null
-    };
-  }
-  componentDidMount() {
-    const startPosition = {
-      position: {
-        lat: null,
-        lng: null
-      }
-    };
-    const {
-      input,
-      startLocation,
-      field = {},
-      options = []
-    } = this.props;
-    if (!(0, _utils.isValidConfiguration)(field)) {
-      this.setState({
-        invalidConfiguration: true,
-        mapLoading: false
-      });
-      return;
-    }
-    const coordinates = options.map(option => ({
-      key: option.id.toString(),
-      position: {
-        lat: option.configuration.coordinates.latitude,
-        lng: option.configuration.coordinates.longitude
-      },
-      label: "".concat(option.value),
-      value: option.value
-    }));
-    if (input.value) {
-      startPosition.position.lat = input.value[field.configuration.address_components[_constants.GMAP_PARAMS.latitude]];
-      startPosition.position.lng = input.value[field.configuration.address_components[_constants.GMAP_PARAMS.longitude]];
-      this.setState({
-        center: startPosition.position,
-        markers: [startPosition],
-        mapLoading: false
-      });
-      return;
-    }
-    if (startLocation && startLocation.position.lat && startLocation.position.lng) {
-      this.setState({
-        center: startLocation.position,
-        markers: [startLocation],
-        mapLoading: false
-      });
-    }
-    if (!(0, _isEmpty.default)(coordinates)) {
-      this.setState({
-        center: coordinates[0].position,
-        markers: coordinates,
-        mapLoading: false
-      });
-    }
-  }
-  render() {
-    const {
-      showOnlyMap = false
-    } = this.props.field.configuration;
-    const searchEnabled = !showOnlyMap && this.props.singleMarker;
-    return /*#__PURE__*/_react.default.createElement("div", null, this.state.center ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_GoogleMaps.default, {
-      center: this.state.center,
-      colorBorderPolygon: this.props.colorBorderPolygon,
-      colorPolygon: this.props.colorPolygon,
-      containerElement: /*#__PURE__*/_react.default.createElement("div", {
-        className: this.props.className
-      }),
-      disabled: this.props.disabled,
-      mapElement: /*#__PURE__*/_react.default.createElement("div", {
-        className: this.props.className
-      }),
-      markers: this.state.markers,
-      MultipleMarkersIcon: this.props.MultipleMarkersIcon,
-      onMapClick: this.handleMapClick,
-      onMapMounted: this.handleMapMounted,
-      onMarkerClick: this.handleMarkerClick,
-      onMarkerRightClick: this.handleMarkerRightClick,
-      onPlacesChanged: this.handlePlacesChanged,
-      onSearchBoxMounted: this.handleSearchBoxMounted,
-      onSearchChange: this.handleSearchChange,
-      placeholder: this.props.placeholder,
-      polygonPath: this.props.polygonPath,
-      searchEnabled: searchEnabled,
-      searchValue: this.state.searchValue,
-      selectedPosition: this.state.selectedPosition,
-      singleMarker: this.props.singleMarker,
-      usePolygon: this.state.usePolygon,
-      zoom: this.state.mapZoom
-    })) : this.state.mapLoading ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, null, this.props.errors.retrievingLocation) : this.state.invalidConfiguration ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      colorTheme: "error",
-      variant: "small"
-    }, this.props.errors.invalidConfig) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      colorTheme: "error",
-      variant: "small"
-    }, this.props.errors.retrieveLocationError), !showOnlyMap && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      colorTheme: "error",
-      variant: "small",
-      className: _stylesModule.default.error
-    }, (0, _form.shouldShowErrors)(this.props.meta) ? this.props.meta.error : ''));
-  }
-}
-UTMap.propTypes = _googleMapsTypes.UTMapPropTypes;
-UTMap.defaultProps = {
-  errors: {
-    retrievingLocation: _constants.TEXTS.retrievingLocation,
-    retrieveLocationError: _constants.TEXTS.retrieveLocationError,
-    invalidConfig: _constants.TEXTS.invalidConfig
-  },
-  placeholder: _constants.TEXTS.placeholder,
-  field: {
-    configuration: {
-      send_address_components: false
-    }
-  }
-};
-var _default = exports.default = (0, _WithGoogleMaps.default)()(UTMap);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_form=require("@widergy/web-utils/lib/form"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_googleMapsTypes=require("../../types/googleMapsTypes"),_WithGoogleMaps=_interopRequireDefault(require("../WithGoogleMaps")),_GoogleMaps=_interopRequireDefault(require("./components/GoogleMaps")),_utils=require("./utils"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+""}function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}class UTMap extends _react.PureComponent{constructor(props){var _this;super(props),_this=this,_defineProperty(this,"handleSearchChange",event=>this.setState({searchValue:event.target.value})),_defineProperty(this,"updateAddress",(latLng,forcedAddress,changeValue)=>{this.setState({searchValue:""}),(0,_utils.retrieveAddressByCoords)({address:forcedAddress,location:latLng},address=>{this.setState({searchValue:address.formatted_address},()=>{const{field:field,onChange:onChange,singleMarker:singleMarker}=this.props,addressComponents=field.configuration.address_components,addressValue={};Object.keys(addressComponents).map(key=>addressValue[addressComponents[key]]=(0,_utils.getValue)(address,latLng,key)),changeValue&&singleMarker&&onChange(addressValue)})})}),_defineProperty(this,"updateMarker",latLng=>{const newMarker={position:latLng,defaultAnimation:2,key:Date.now()},markers=this.props.singleMarker?[newMarker]:[...this.state.markers];this.setState({markers:markers})}),_defineProperty(this,"handleMapClick",event=>{const{disabled:disabled,singleMarker:singleMarker,onChange:onChange,polygonPath:polygonPath,onLocationOutOfBoundsCallback:onLocationOutOfBoundsCallback,zoomAddressInvalid:zoomAddressInvalid}=this.props,{usePolygon:usePolygon}=this.state,{latLng:latLng}=event;if(disabled)return;const isValid=(0,_utils.checkAddressIsValid)(latLng,usePolygon,polygonPath);if(!isValid&&onLocationOutOfBoundsCallback)return this.setState({mapZoom:zoomAddressInvalid||10}),onLocationOutOfBoundsCallback();isValid&&singleMarker&&(onChange(null),this.updateMarker(latLng),this.updateAddress(latLng,null,!0))}),_defineProperty(this,"centerMap",latLng=>this.setState({center:latLng,mapZoom:this.props.zoomAddressValid||_constants.ZOOM_ADDRESS_VALID})),_defineProperty(this,"handleMarkerRightClick",targetMarker=>{const nextMarkers=this.state.markers.filter(marker=>marker.position!==targetMarker.latLng&&marker.position.lat!==targetMarker.latLng.lat()&&marker.position.lng!==targetMarker.latLng.lng());this.setState({markers:nextMarkers})}),_defineProperty(this,"handleMarkerClick",function(_){let optionData=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{key:key,value:value}=optionData,{onChange:onChange}=_this.props,selected=_this.state.selectedPosition===key;_this.setState({selectedPosition:selected?null:key}),onChange&&onChange(selected?null:value)}),_defineProperty(this,"handleMapMounted",mapRef=>{this.map=mapRef;const{input:input,field:field,singleMarker:singleMarker}=this.props;if(input.value){const addressComponents=field.configuration.address_components,latLng=new window.google.maps.LatLng(input.value[addressComponents[_constants.GMAP_PARAMS.latitude]],input.value[addressComponents[_constants.GMAP_PARAMS.longitude]]);return void this.updateAddress(latLng,input.value[addressComponents[_constants.GMAP_PARAMS.formattedAddress]])}this.props.useGeolocation&&(0,_utils.geolocation)(this.props.errors.retrieveLocationError).getCurrentPosition(userPosition=>{var _this$state$markers;const markerCoordinates=!singleMarker&&(null===(_this$state$markers=this.state.markers)||void 0===_this$state$markers||null===(_this$state$markers=_this$state$markers[0])||void 0===_this$state$markers?void 0:_this$state$markers.position),{lat:optionLat,lng:optionLng}=markerCoordinates||{},{latitude:userLatitude,longitude:userLongitude}=userPosition.coords,searchLatitude=singleMarker?userLatitude:optionLat,searchLongitude=singleMarker?userLongitude:optionLng,userLatLng=new window.google.maps.LatLng(searchLatitude,searchLongitude);if((0,_utils.checkAddressIsValid)(userLatLng,this.state.usePolygon,this.props.polygonPath)){const actualPosition={lat:searchLatitude,lng:searchLongitude};this.setState({center:actualPosition,markers:[...this.props.singleMarker?[{position:actualPosition,key:Date.now(),defaultAnimation:2}]:this.state.markers],mapLoading:!1},()=>{const latlng=new window.google.maps.LatLng(searchLatitude,searchLongitude);this.updateAddress(latlng,null,!0)})}else{const latlng=new window.google.maps.LatLng(this.state.center.lat,this.state.center.lng);this.updateAddress(latlng,null,!0)}},()=>{const latlng=new window.google.maps.LatLng(this.state.center.lat,this.state.center.lng);this.updateAddress(latlng,null,!0)});const bounds=new window.google.maps.LatLngBounds;this.state.markers.forEach(marker=>{bounds.extend(new window.google.maps.LatLng(marker.position.lat,marker.position.lng))}),this.map&&!singleMarker&&this.map.fitBounds(bounds,_constants.MAP_PADDING)}),_defineProperty(this,"handleBoundsChanged",()=>this.setState({center:this.map.getCenter()})),_defineProperty(this,"handleSearchBoxMounted",searchBoxRef=>this.searchBox=searchBoxRef),_defineProperty(this,"handlePlacesChanged",()=>{if(this.props.disabled)return;const places=this.searchBox.getPlaces(),place=!(0,_isEmpty.default)(places)&&(0,_utils.checkAddressIsValid)(places[0].geometry.location,this.state.usePolygon,this.props.polygonPath)&&places[0];place?(this.props.onChange(null),this.updateMarker(place.geometry.location),this.updateAddress(place.geometry.location,place.formatted_address,!0),this.centerMap(place.geometry.location)):this.props.onLocationOutOfBoundsCallback&&this.props.onLocationOutOfBoundsCallback()}),this.state={markers:[],mapLoading:!0,searchValue:"",mapZoom:this.props.zoomInitial||_constants.ZOOM_INITIAL,usePolygon:this.props.usePolygon&&!(0,_isEmpty.default)(this.props.polygonPath),invalidConfiguration:!1,selectedPosition:null}}componentDidMount(){const startPosition={position:{lat:null,lng:null}},{input:input,startLocation:startLocation,field:field={},options:options=[]}=this.props;if(!(0,_utils.isValidConfiguration)(field))return void this.setState({invalidConfiguration:!0,mapLoading:!1});const coordinates=options.map(option=>({key:option.id.toString(),position:{lat:option.configuration.coordinates.latitude,lng:option.configuration.coordinates.longitude},label:"".concat(option.value),value:option.value}));if(input.value)return startPosition.position.lat=input.value[field.configuration.address_components[_constants.GMAP_PARAMS.latitude]],startPosition.position.lng=input.value[field.configuration.address_components[_constants.GMAP_PARAMS.longitude]],void this.setState({center:startPosition.position,markers:[startPosition],mapLoading:!1});startLocation&&startLocation.position.lat&&startLocation.position.lng&&this.setState({center:startLocation.position,markers:[startLocation],mapLoading:!1}),(0,_isEmpty.default)(coordinates)||this.setState({center:coordinates[0].position,markers:coordinates,mapLoading:!1})}render(){const{showOnlyMap:showOnlyMap=!1}=this.props.field.configuration,searchEnabled=!showOnlyMap&&this.props.singleMarker;return _react.default.createElement("div",null,this.state.center?_react.default.createElement("div",null,_react.default.createElement(_GoogleMaps.default,{center:this.state.center,colorBorderPolygon:this.props.colorBorderPolygon,colorPolygon:this.props.colorPolygon,containerElement:_react.default.createElement("div",{className:this.props.className}),disabled:this.props.disabled,mapElement:_react.default.createElement("div",{className:this.props.className}),markers:this.state.markers,MultipleMarkersIcon:this.props.MultipleMarkersIcon,onMapClick:this.handleMapClick,onMapMounted:this.handleMapMounted,onMarkerClick:this.handleMarkerClick,onMarkerRightClick:this.handleMarkerRightClick,onPlacesChanged:this.handlePlacesChanged,onSearchBoxMounted:this.handleSearchBoxMounted,onSearchChange:this.handleSearchChange,placeholder:this.props.placeholder,polygonPath:this.props.polygonPath,searchEnabled:searchEnabled,searchValue:this.state.searchValue,selectedPosition:this.state.selectedPosition,singleMarker:this.props.singleMarker,usePolygon:this.state.usePolygon,zoom:this.state.mapZoom})):this.state.mapLoading?_react.default.createElement(_UTLabel.default,null,this.props.errors.retrievingLocation):this.state.invalidConfiguration?_react.default.createElement(_UTLabel.default,{colorTheme:"error",variant:"small"},this.props.errors.invalidConfig):_react.default.createElement(_UTLabel.default,{colorTheme:"error",variant:"small"},this.props.errors.retrieveLocationError),!showOnlyMap&&_react.default.createElement(_UTLabel.default,{colorTheme:"error",variant:"small",className:_stylesModule.default.error},(0,_form.shouldShowErrors)(this.props.meta)?this.props.meta.error:""))}}UTMap.propTypes=_googleMapsTypes.UTMapPropTypes,UTMap.defaultProps={errors:{retrievingLocation:_constants.TEXTS.retrievingLocation,retrieveLocationError:_constants.TEXTS.retrieveLocationError,invalidConfig:_constants.TEXTS.invalidConfig},placeholder:_constants.TEXTS.placeholder,field:{configuration:{send_address_components:!1}}};var _default=exports.default=(0,_WithGoogleMaps.default)()(UTMap);

package/dist/components/UTMap/types.js

@@ -1,37 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GoogleMapsPropTypes = void 0;
-var _propTypes = require("prop-types");
-const coordinatePropType = (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.func]);
-const GoogleMapsPropTypes = exports.GoogleMapsPropTypes = {
-  onMapClick: _propTypes.func.isRequired,
-  onMarkerRightClick: _propTypes.func.isRequired,
-  center: (0, _propTypes.shape)({
-    lat: coordinatePropType,
-    lng: coordinatePropType
-  }),
-  markers: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    position: (0, _propTypes.shape)({
-      lat: coordinatePropType,
-      lng: coordinatePropType
-    }).isRequired,
-    key: _propTypes.number,
-    defaultAnimation: _propTypes.number
-  })),
-  onMapMounted: _propTypes.func.isRequired,
-  onSearchBoxMounted: _propTypes.func.isRequired,
-  onPlacesChanged: _propTypes.func.isRequired,
-  usePolygon: _propTypes.bool,
-  polygonPath: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    lat: _propTypes.number,
-    lng: _propTypes.number
-  })),
-  bounds: _propTypes.any,
-  onSearchChange: _propTypes.func,
-  searchValue: _propTypes.any,
-  zoom: _propTypes.number,
-  showOnlyMap: _propTypes.bool
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GoogleMapsPropTypes=void 0;var _propTypes=require("prop-types");const coordinatePropType=(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.func]),GoogleMapsPropTypes=exports.GoogleMapsPropTypes={onMapClick:_propTypes.func.isRequired,onMarkerRightClick:_propTypes.func.isRequired,center:(0,_propTypes.shape)({lat:coordinatePropType,lng:coordinatePropType}),markers:(0,_propTypes.arrayOf)((0,_propTypes.shape)({position:(0,_propTypes.shape)({lat:coordinatePropType,lng:coordinatePropType}).isRequired,key:_propTypes.number,defaultAnimation:_propTypes.number})),onMapMounted:_propTypes.func.isRequired,onSearchBoxMounted:_propTypes.func.isRequired,onPlacesChanged:_propTypes.func.isRequired,usePolygon:_propTypes.bool,polygonPath:(0,_propTypes.arrayOf)((0,_propTypes.shape)({lat:_propTypes.number,lng:_propTypes.number})),bounds:_propTypes.any,onSearchChange:_propTypes.func,searchValue:_propTypes.any,zoom:_propTypes.number,showOnlyMap:_propTypes.bool};

package/dist/components/UTMap/utils.js

@@ -1,74 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveAddressByCoords = exports.isValidConfiguration = exports.getValue = exports.geolocation = exports.findAddressComponent = exports.checkAddressIsValid = void 0;
-var _array = require("@widergy/web-utils/lib/array");
-var _constants = require("./constants");
-const geolocation = message => navigator.geolocation ? navigator.geolocation : {
-  getCurrentPosition(success, failure) {
-    failure(message);
-  }
-};
-exports.geolocation = geolocation;
-const checkAddressIsValid = (latLng, usePolygon, polygon) => {
-  // Check if a position is included on Utility polygon or if utility hasn't setted a polygon
-  // To set map in this position
-  const utilityPolygon = new window.google.maps.Polygon({
-    paths: polygon
-  });
-  return !usePolygon || window.google.maps.geometry.poly.containsLocation(latLng, utilityPolygon);
-};
-exports.checkAddressIsValid = checkAddressIsValid;
-const retrieveAddressByCoords = (_ref, onAddressFoundCallback) => {
-  let {
-    location,
-    address
-  } = _ref;
-  const geocoder = new window.google.maps.Geocoder();
-  const parameters = address ? {
-    address
-  } : {
-    location
-  };
-  geocoder.geocode(parameters, (results, status) => {
-    if (status === 'OK') {
-      const addressResults = results.filter(result => result.types.some(type => type === _constants.ADDRESS_TYPES.street || type === _constants.ADDRESS_TYPES.route));
-      let finalAddress;
-      if (!(0, _array.isEmpty)(addressResults)) {
-        finalAddress = addressResults.find(elem => elem.geometry.location_type === _constants.LOCATION_TYPES.rooftop) || addressResults.find(elem => elem.geometry.location_type === _constants.LOCATION_TYPES.rangeInterpolated) || addressResults.find(elem => elem.geometry.location_type === _constants.LOCATION_TYPES.geometricCenter);
-      } else if (!(0, _array.isEmpty)(results)) {
-        finalAddress = {
-          ...results[0],
-          ...(address ? {
-            formatted_address: address
-          } : {})
-        };
-      }
-      if (finalAddress) onAddressFoundCallback(finalAddress);
-    }
-  });
-};
-exports.retrieveAddressByCoords = retrieveAddressByCoords;
-const findAddressComponent = (address, component) => {
-  const addrComponent = address.address_components.find(attribute => attribute.types.includes(component));
-  return addrComponent && addrComponent.long_name;
-};
-exports.findAddressComponent = findAddressComponent;
-const getValue = (address, latLng, paramName) => {
-  switch (paramName) {
-    case _constants.GMAP_PARAMS.latitude:
-      return latLng.lat();
-    case _constants.GMAP_PARAMS.longitude:
-      return latLng.lng();
-    case _constants.GMAP_PARAMS.formattedAddress:
-      return address.formatted_address;
-    default:
-      return findAddressComponent(address, paramName);
-  }
-};
-// configuration.address_components
-exports.getValue = getValue;
-const isValidConfiguration = field => field && field.configuration && field.configuration.address_components && field.configuration.address_components[_constants.GMAP_PARAMS.latitude] && field.configuration.address_components[_constants.GMAP_PARAMS.longitude] && field.configuration.address_components[_constants.GMAP_PARAMS.formattedAddress];
-exports.isValidConfiguration = isValidConfiguration;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveAddressByCoords=exports.isValidConfiguration=exports.getValue=exports.geolocation=exports.findAddressComponent=exports.checkAddressIsValid=void 0;var _array=require("@widergy/web-utils/lib/array"),_constants=require("./constants");const geolocation=message=>navigator.geolocation?navigator.geolocation:{getCurrentPosition(success,failure){failure(message)}};exports.geolocation=geolocation;const checkAddressIsValid=(latLng,usePolygon,polygon)=>{const utilityPolygon=new window.google.maps.Polygon({paths:polygon});return!usePolygon||window.google.maps.geometry.poly.containsLocation(latLng,utilityPolygon)};exports.checkAddressIsValid=checkAddressIsValid;const retrieveAddressByCoords=(_ref,onAddressFoundCallback)=>{let{location:location,address:address}=_ref;const geocoder=new window.google.maps.Geocoder,parameters=address?{address:address}:{location:location};geocoder.geocode(parameters,(results,status)=>{if("OK"===status){const addressResults=results.filter(result=>result.types.some(type=>type===_constants.ADDRESS_TYPES.street||type===_constants.ADDRESS_TYPES.route));let finalAddress;(0,_array.isEmpty)(addressResults)?(0,_array.isEmpty)(results)||(finalAddress={...results[0],...address?{formatted_address:address}:{}}):finalAddress=addressResults.find(elem=>elem.geometry.location_type===_constants.LOCATION_TYPES.rooftop)||addressResults.find(elem=>elem.geometry.location_type===_constants.LOCATION_TYPES.rangeInterpolated)||addressResults.find(elem=>elem.geometry.location_type===_constants.LOCATION_TYPES.geometricCenter),finalAddress&&onAddressFoundCallback(finalAddress)}})};exports.retrieveAddressByCoords=retrieveAddressByCoords;const findAddressComponent=(address,component)=>{const addrComponent=address.address_components.find(attribute=>attribute.types.includes(component));return addrComponent&&addrComponent.long_name};exports.findAddressComponent=findAddressComponent;const getValue=(address,latLng,paramName)=>{switch(paramName){case _constants.GMAP_PARAMS.latitude:return latLng.lat();case _constants.GMAP_PARAMS.longitude:return latLng.lng();case _constants.GMAP_PARAMS.formattedAddress:return address.formatted_address;default:return findAddressComponent(address,paramName)}};exports.getValue=getValue;const isValidConfiguration=field=>field&&field.configuration&&field.configuration.address_components&&field.configuration.address_components[_constants.GMAP_PARAMS.latitude]&&field.configuration.address_components[_constants.GMAP_PARAMS.longitude]&&field.configuration.address_components[_constants.GMAP_PARAMS.formattedAddress];exports.isValidConfiguration=isValidConfiguration;