@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTMap/index.js

@@ -1 +1,329 @@
-"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);
+"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);

package/dist/components/UTMap/types.js

@@ -1 +1,37 @@
-"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};
+"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
+};

package/dist/components/UTMap/utils.js

@@ -1 +1,74 @@
-"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;
+"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;