@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTLoading/versions/V1/components/Spinner/components/SpinnerTrack/index.js

@@ -1,50 +1 @@
-import React from 'react';
-import { arrayOf, objectOf, string } from 'prop-types';
-import { SPINNER_ARC_LENGTH, SPINNER_CENTER, SPINNER_CIRCUMFERENCE, SPINNER_RADIUS, SPINNER_VIEW_BOX_SIZE } from '../../constants';
-import styles from '../../styles.module.scss';
-import { GRADIENT_ID } from './constants';
-const SpinnerTrack = _ref => {
-  let {
-    classes = {},
-    colors
-  } = _ref;
-  const useGradient = colors && colors.length >= 2;
-  const solidColor = !useGradient && colors && colors.length === 1 ? colors[0] : undefined;
-  const arcStroke = useGradient ? "url(#".concat(GRADIENT_ID, ")") : solidColor;
-  return /*#__PURE__*/React.createElement("svg", {
-    className: styles.spinner,
-    viewBox: "0 0 ".concat(SPINNER_VIEW_BOX_SIZE, " ").concat(SPINNER_VIEW_BOX_SIZE),
-    xmlns: "http://www.w3.org/2000/svg"
-  }, useGradient && /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: GRADIENT_ID,
-    x1: "0%",
-    y1: "0%",
-    x2: "0%",
-    y2: "100%"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0%",
-    stopColor: colors[0]
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "100%",
-    stopColor: colors[1]
-  }))), /*#__PURE__*/React.createElement("circle", {
-    className: "".concat(styles.track, " ").concat(classes.track || ''),
-    cx: SPINNER_CENTER,
-    cy: SPINNER_CENTER,
-    r: SPINNER_RADIUS
-  }), /*#__PURE__*/React.createElement("circle", {
-    className: "".concat(styles.arc, " ").concat(!arcStroke ? classes.arc || '' : ''),
-    cx: SPINNER_CENTER,
-    cy: SPINNER_CENTER,
-    r: SPINNER_RADIUS,
-    strokeDasharray: "".concat(SPINNER_ARC_LENGTH, " ").concat(SPINNER_CIRCUMFERENCE),
-    style: arcStroke ? {
-      stroke: arcStroke
-    } : undefined
-  }));
-};
-SpinnerTrack.propTypes = {
-  classes: objectOf(string),
-  colors: arrayOf(string)
-};
-export default SpinnerTrack;
+import React from"react";import{arrayOf,objectOf,string}from"prop-types";import{SPINNER_ARC_LENGTH,SPINNER_CENTER,SPINNER_CIRCUMFERENCE,SPINNER_RADIUS,SPINNER_VIEW_BOX_SIZE}from"../../constants";import styles from"../../styles.module.scss";import{GRADIENT_ID}from"./constants";const SpinnerTrack=t=>{let{classes:e={},colors:c}=t;const r=c&&c.length>=2,s=!r&&c&&1===c.length?c[0]:void 0,a=r?"url(#".concat(GRADIENT_ID,")"):s;return React.createElement("svg",{className:styles.spinner,viewBox:"0 0 ".concat(SPINNER_VIEW_BOX_SIZE," ").concat(SPINNER_VIEW_BOX_SIZE),xmlns:"http://www.w3.org/2000/svg"},r&&React.createElement("defs",null,React.createElement("linearGradient",{id:GRADIENT_ID,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},React.createElement("stop",{offset:"0%",stopColor:c[0]}),React.createElement("stop",{offset:"100%",stopColor:c[1]}))),React.createElement("circle",{className:"".concat(styles.track," ").concat(e.track||""),cx:SPINNER_CENTER,cy:SPINNER_CENTER,r:SPINNER_RADIUS}),React.createElement("circle",{className:"".concat(styles.arc," ").concat(a?"":e.arc||""),cx:SPINNER_CENTER,cy:SPINNER_CENTER,r:SPINNER_RADIUS,strokeDasharray:"".concat(SPINNER_ARC_LENGTH," ").concat(SPINNER_CIRCUMFERENCE),style:a?{stroke:a}:void 0}))};SpinnerTrack.propTypes={classes:objectOf(string),colors:arrayOf(string)};export default SpinnerTrack;

package/dist/esm/components/UTLoading/versions/V1/components/Spinner/constants.js

@@ -1,6 +1 @@
-export const DEFAULT_LOADING_TEXT = 'Cargando...';
-export const SPINNER_VIEW_BOX_SIZE = 50;
-export const SPINNER_CENTER = 25;
-export const SPINNER_RADIUS = 20;
-export const SPINNER_CIRCUMFERENCE = 126;
-export const SPINNER_ARC_LENGTH = 94;
+export const DEFAULT_LOADING_TEXT="Cargando...";export const SPINNER_VIEW_BOX_SIZE=50;export const SPINNER_CENTER=25;export const SPINNER_RADIUS=20;export const SPINNER_CIRCUMFERENCE=126;export const SPINNER_ARC_LENGTH=94;

package/dist/esm/components/UTLoading/versions/V1/components/Spinner/index.js

@@ -1,49 +1 @@
-import React from 'react';
-import { arrayOf, bool, node, objectOf, string } from 'prop-types';
-import UTLabel from '../../../../../UTLabel';
-import WithTheme from '../../../../../WithTheme';
-import { TEST_IDS } from '../../../../../../constants/testIds';
-import { DEFAULT_LOADING_TEXT } from './constants';
-import SpinnerTrack from './components/SpinnerTrack';
-import { retrieveStyle } from './theme';
-import styles from './styles.module.scss';
-const {
-  UTLoading: UTLoadingTestIds
-} = TEST_IDS;
-const Spinner = _ref => {
-  let {
-    children,
-    classes,
-    colors,
-    dataTestId,
-    loading,
-    preventUnmount = false,
-    text = DEFAULT_LOADING_TEXT,
-    wrapperClassName
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement("div", {
-    className: styles.container,
-    "data-testid": dataTestId || UTLoadingTestIds.spinner
-  }, /*#__PURE__*/React.createElement(SpinnerTrack, {
-    classes: classes,
-    colors: colors
-  }), text && /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.text
-  }, text)), preventUnmount ? /*#__PURE__*/React.createElement("div", {
-    className: wrapperClassName,
-    style: loading ? {
-      display: 'none'
-    } : {}
-  }, children) : !loading && children);
-};
-Spinner.propTypes = {
-  children: node,
-  classes: objectOf(string),
-  colors: arrayOf(string),
-  dataTestId: string,
-  loading: bool,
-  preventUnmount: bool,
-  text: string,
-  wrapperClassName: string
-};
-export default WithTheme(retrieveStyle)(Spinner);
+import React from"react";import{arrayOf,bool,node,objectOf,string}from"prop-types";import UTLabel from"../../../../../UTLabel";import WithTheme from"../../../../../WithTheme";import{TEST_IDS}from"../../../../../../constants/testIds";import{DEFAULT_LOADING_TEXT}from"./constants";import SpinnerTrack from"./components/SpinnerTrack";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const{UTLoading:UTLoadingTestIds}=TEST_IDS,Spinner=e=>{let{children:t,classes:r,colors:s,dataTestId:a,loading:n,preventUnmount:o=!1,text:i=DEFAULT_LOADING_TEXT,wrapperClassName:l}=e;return React.createElement(React.Fragment,null,n&&React.createElement("div",{className:styles.container,"data-testid":a||UTLoadingTestIds.spinner},React.createElement(SpinnerTrack,{classes:r,colors:s}),i&&React.createElement(UTLabel,{className:styles.text},i)),o?React.createElement("div",{className:l,style:n?{display:"none"}:{}},t):!n&&t)};Spinner.propTypes={children:node,classes:objectOf(string),colors:arrayOf(string),dataTestId:string,loading:bool,preventUnmount:bool,text:string,wrapperClassName:string};export default WithTheme(retrieveStyle)(Spinner);

package/dist/esm/components/UTLoading/versions/V1/components/Spinner/theme.js

@@ -1,14 +1 @@
-export const retrieveStyle = _ref => {
-  var _theme$Palette, _theme$Palette2;
-  let {
-    theme
-  } = _ref;
-  return {
-    arc: {
-      stroke: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 || (_theme$Palette = _theme$Palette.accent) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette['05']) || '#0136E7'
-    },
-    track: {
-      stroke: ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.accent) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2['05']) || '#0136E7'
-    }
-  };
-};
+export const retrieveStyle=e=>{var t,l;let{theme:o}=e;return{arc:{stroke:(null===(t=o.Palette)||void 0===t||null===(t=t.accent)||void 0===t?void 0:t["05"])||"#0136E7"},track:{stroke:(null===(l=o.Palette)||void 0===l||null===(l=l.accent)||void 0===l?void 0:l["05"])||"#0136E7"}}};

package/dist/esm/components/UTLoading/versions/V1/constants.js

@@ -1,5 +1 @@
-export const DEFAULT_LOADING_TEXT = 'Cargando...';
-export const DEFAULT_PROPS = {
-  fullScreen: true,
-  text: DEFAULT_LOADING_TEXT
-};
+export const DEFAULT_LOADING_TEXT="Cargando...";export const DEFAULT_PROPS={fullScreen:!0,text:"Cargando..."};

package/dist/esm/components/UTLoading/versions/V1/index.js

@@ -1,23 +1 @@
-import React from 'react';
-import { arrayOf, bool, node, string } from 'prop-types';
-import LogoLoader from './components/LogoLoader';
-import Spinner from './components/Spinner';
-const V1 = props => {
-  const {
-    useUtilityLoading
-  } = props;
-  return useUtilityLoading ? /*#__PURE__*/React.createElement(LogoLoader, props) : /*#__PURE__*/React.createElement(Spinner, props);
-};
-V1.propTypes = {
-  children: node,
-  colors: arrayOf(string),
-  dataTestId: string,
-  fullScreen: bool,
-  loading: bool,
-  Logo: string,
-  preventUnmount: bool,
-  text: string,
-  useUtilityLoading: bool,
-  wrapperClassName: string
-};
-export default V1;
+import React from"react";import{arrayOf,bool,node,string}from"prop-types";import LogoLoader from"./components/LogoLoader";import Spinner from"./components/Spinner";const V1=o=>{const{useUtilityLoading:e}=o;return e?React.createElement(LogoLoader,o):React.createElement(Spinner,o)};V1.propTypes={children:node,colors:arrayOf(string),dataTestId:string,fullScreen:bool,loading:bool,Logo:string,preventUnmount:bool,text:string,useUtilityLoading:bool,wrapperClassName:string};export default V1;

package/dist/esm/components/UTMap/components/GoogleMaps/constants.js

@@ -1,15 +1 @@
-import Colors from '../../../../scss/variables/colors.module.scss';
-export const googleMapDefaultOptions = {
-  mapTypeControl: false
-};
-export const MARKER_Z_INDEX = {
-  selected: 1000,
-  default: 1
-};
-export const polygonDefaultOptions = (colorPolygon, colorBorderPolygon) => ({
-  strokeWeight: 2,
-  strokeOpacity: 0.8,
-  strokeColor: colorBorderPolygon || Colors.map,
-  fillColor: colorPolygon || Colors.map,
-  fillOpacity: 0.35
-});
+import Colors from"../../../../scss/variables/colors.module.scss";export const googleMapDefaultOptions={mapTypeControl:!1};export const MARKER_Z_INDEX={selected:1e3,default:1};export const polygonDefaultOptions=(o,s)=>({strokeWeight:2,strokeOpacity:.8,strokeColor:s||Colors.map,fillColor:o||Colors.map,fillOpacity:.35});

package/dist/esm/components/UTMap/components/GoogleMaps/index.js

@@ -1,84 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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); }
-import React, { PureComponent } from 'react';
-import { withGoogleMap, GoogleMap, Marker, Polygon } from 'react-google-maps';
-import SearchBox from 'react-google-maps/lib/components/places/SearchBox';
-import { GoogleMapsPropTypes } from '../../types';
-import styles from './styles';
-import { googleMapDefaultOptions, polygonDefaultOptions, MARKER_Z_INDEX } from './constants';
-class GoogleMaps extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleMarkerRightClick", marker => this.props.onMarkerRightClick(marker));
-    _defineProperty(this, "handleMarkerClick", (marker, optionData) => this.props.onMarkerClick(marker, optionData));
-  }
-  render() {
-    const {
-      center,
-      colorBorderPolygon,
-      colorPolygon,
-      disabled,
-      markers,
-      MultipleMarkersIcon,
-      onMapClick,
-      onMapMounted,
-      onPlacesChanged,
-      onSearchBoxMounted,
-      onSearchChange,
-      placeholder,
-      polygonPath,
-      searchEnabled,
-      searchValue,
-      selectedPosition,
-      singleMarker,
-      usePolygon,
-      zoom
-    } = this.props;
-    const polygonOptions = polygonDefaultOptions(colorPolygon, colorBorderPolygon);
-    const handleStopPropagation = e => {
-      if (e.key === 'Enter' && e.shiftKey === false) {
-        e.preventDefault();
-        e.stopPropagation();
-      }
-    };
-    return /*#__PURE__*/React.createElement(GoogleMap, {
-      ref: onMapMounted,
-      defaultOptions: googleMapDefaultOptions,
-      onClick: onMapClick,
-      center: center,
-      zoom: zoom
-    }, usePolygon && /*#__PURE__*/React.createElement(Polygon, {
-      defaultOptions: polygonOptions,
-      onClick: onMapClick,
-      path: polygonPath
-    }), searchEnabled && /*#__PURE__*/React.createElement(SearchBox, {
-      ref: onSearchBoxMounted,
-      controlPosition: window.google.maps.ControlPosition.TOP_LEFT,
-      onPlacesChanged: onPlacesChanged
-    }, /*#__PURE__*/React.createElement("input", {
-      type: "text",
-      placeholder: placeholder,
-      style: styles.searchBox,
-      value: searchValue,
-      onChange: onSearchChange,
-      disabled: disabled,
-      onKeyDown: handleStopPropagation
-    })), markers.map(marker => {
-      const label = marker.label || '';
-      const selected = marker.key === selectedPosition;
-      return /*#__PURE__*/React.createElement(Marker, _extends({}, marker, {
-        key: marker.key,
-        onRightClick: this.handleMarkerRightClick,
-        onClick: markerData => this.handleMarkerClick(markerData, marker),
-        zIndex: selected ? MARKER_Z_INDEX.selected : MARKER_Z_INDEX.default
-      }, MultipleMarkersIcon && !singleMarker && {
-        icon: MultipleMarkersIcon(label, selected),
-        label: undefined
-      }));
-    }));
-  }
-}
-GoogleMaps.propTypes = GoogleMapsPropTypes;
-export default withGoogleMap(GoogleMaps);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},_extends.apply(null,arguments)}function _defineProperty(e,o,t){return(o=_toPropertyKey(o))in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}function _toPropertyKey(e){var o=_toPrimitive(e,"string");return"symbol"==typeof o?o:o+""}function _toPrimitive(e,o){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,o||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===o?String:Number)(e)}import React,{PureComponent}from"react";import{withGoogleMap,GoogleMap,Marker,Polygon}from"react-google-maps";import SearchBox from"react-google-maps/lib/components/places/SearchBox";import{GoogleMapsPropTypes}from"../../types";import styles from"./styles";import{googleMapDefaultOptions,polygonDefaultOptions,MARKER_Z_INDEX}from"./constants";class GoogleMaps extends PureComponent{constructor(){super(...arguments),_defineProperty(this,"handleMarkerRightClick",e=>this.props.onMarkerRightClick(e)),_defineProperty(this,"handleMarkerClick",(e,o)=>this.props.onMarkerClick(e,o))}render(){const{center:e,colorBorderPolygon:o,colorPolygon:t,disabled:r,markers:n,MultipleMarkersIcon:a,onMapClick:l,onMapMounted:i,onPlacesChanged:s,onSearchBoxMounted:p,onSearchChange:c,placeholder:g,polygonPath:u,searchEnabled:y,searchValue:d,selectedPosition:f,singleMarker:h,usePolygon:m,zoom:M}=this.props,P=polygonDefaultOptions(t,o);return React.createElement(GoogleMap,{ref:i,defaultOptions:googleMapDefaultOptions,onClick:l,center:e,zoom:M},m&&React.createElement(Polygon,{defaultOptions:P,onClick:l,path:u}),y&&React.createElement(SearchBox,{ref:p,controlPosition:window.google.maps.ControlPosition.TOP_LEFT,onPlacesChanged:s},React.createElement("input",{type:"text",placeholder:g,style:styles.searchBox,value:d,onChange:c,disabled:r,onKeyDown:e=>{"Enter"===e.key&&!1===e.shiftKey&&(e.preventDefault(),e.stopPropagation())}})),n.map(e=>{const o=e.label||"",t=e.key===f;return React.createElement(Marker,_extends({},e,{key:e.key,onRightClick:this.handleMarkerRightClick,onClick:o=>this.handleMarkerClick(o,e),zIndex:t?MARKER_Z_INDEX.selected:MARKER_Z_INDEX.default},a&&!h&&{icon:a(o,t),label:void 0}))}))}}GoogleMaps.propTypes=GoogleMapsPropTypes;export default withGoogleMap(GoogleMaps);

package/dist/esm/components/UTMap/components/GoogleMaps/styles.js

@@ -1,16 +1 @@
-export default {
-  searchBox: {
-    border: "1px solid rgba(0,0,0,0.24)",
-    boxSizing: 'border-box',
-    width: '75%',
-    maxWidth: '75%',
-    height: 30,
-    margin: 10,
-    borderRadius: 1,
-    boxShadow: "0 2px 6px rgba(0, 0, 0, 0.3)",
-    outline: 'none',
-    padding: '0px 10px',
-    textOverflow: 'ellipses',
-    textAlign: 'left'
-  }
-};
+export default{searchBox:{border:"1px solid rgba(0,0,0,0.24)",boxSizing:"border-box",width:"75%",maxWidth:"75%",height:30,margin:10,borderRadius:1,boxShadow:"0 2px 6px rgba(0, 0, 0, 0.3)",outline:"none",padding:"0px 10px",textOverflow:"ellipses",textAlign:"left"}};

package/dist/esm/components/UTMap/constants.js

@@ -1,23 +1 @@
-export const GMAP_PARAMS = {
-  latitude: 'latitude',
-  longitude: 'longitude',
-  formattedAddress: 'formatted_address'
-};
-export const TEXTS = {
-  retrievingLocation: 'Estamos recuperando tu ubicación...',
-  retrieveLocationError: 'No pudimos determinar tu ubicación.',
-  invalidConfig: 'No se encuentran configuradas en el field las keys a utilizar para alguno de los siguientes campos: latitude, longitude y/o formatted_address',
-  placeholder: 'Ingresá una dirección'
-};
-export const LOCATION_TYPES = {
-  rooftop: 'ROOFTOP',
-  rangeInterpolated: 'RANGE_INTERPOLATED',
-  geometricCenter: 'GEOMETRIC_CENTER'
-};
-export const ADDRESS_TYPES = {
-  street: 'street_address',
-  route: 'route'
-};
-export const ZOOM_INITIAL = 10;
-export const ZOOM_ADDRESS_VALID = 15;
-export const MAP_PADDING = 60;
+export const GMAP_PARAMS={latitude:"latitude",longitude:"longitude",formattedAddress:"formatted_address"};export const TEXTS={retrievingLocation:"Estamos recuperando tu ubicación...",retrieveLocationError:"No pudimos determinar tu ubicación.",invalidConfig:"No se encuentran configuradas en el field las keys a utilizar para alguno de los siguientes campos: latitude, longitude y/o formatted_address",placeholder:"Ingresá una dirección"};export const LOCATION_TYPES={rooftop:"ROOFTOP",rangeInterpolated:"RANGE_INTERPOLATED",geometricCenter:"GEOMETRIC_CENTER"};export const ADDRESS_TYPES={street:"street_address",route:"route"};export const ZOOM_INITIAL=10;export const ZOOM_ADDRESS_VALID=15;export const MAP_PADDING=60;

package/dist/esm/components/UTMap/index.js

@@ -1,321 +1 @@
-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); }
-import React, { PureComponent } from 'react';
-import { shouldShowErrors } from '@widergy/web-utils/lib/form';
-import isEmpty from 'lodash/isEmpty';
-import UTLabel from '../UTLabel';
-import { UTMapPropTypes } from '../../types/googleMapsTypes';
-import WithGoogleMapScript from '../WithGoogleMaps';
-import GoogleMaps from './components/GoogleMaps';
-import { geolocation, checkAddressIsValid, retrieveAddressByCoords, getValue, isValidConfiguration } from './utils';
-import { GMAP_PARAMS, TEXTS, ZOOM_INITIAL, ZOOM_ADDRESS_VALID, MAP_PADDING } from './constants';
-import styles from './styles.module.scss';
-class UTMap extends 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
-      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]] = 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 = 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 || 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[GMAP_PARAMS.latitude]], input.value[addressComponents[GMAP_PARAMS.longitude]]);
-        this.updateAddress(latLng, input.value[addressComponents[GMAP_PARAMS.formattedAddress]]);
-        return;
-      }
-      if (this.props.useGeolocation) {
-        // We try to recover user actual position with navigator geolocation
-        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 (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, 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 = !isEmpty(places) && 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 || ZOOM_INITIAL,
-      usePolygon: this.props.usePolygon && !isEmpty(this.props.polygonPath),
-      invalidConfiguration: false,
-      selectedPosition: null
-    };
-  }
-  componentDidMount() {
-    const startPosition = {
-      position: {
-        lat: null,
-        lng: null
-      }
-    };
-    const {
-      input,
-      startLocation,
-      field = {},
-      options = []
-    } = this.props;
-    if (!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[GMAP_PARAMS.latitude]];
-      startPosition.position.lng = input.value[field.configuration.address_components[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 (!isEmpty(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.createElement("div", null, this.state.center ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(GoogleMaps, {
-      center: this.state.center,
-      colorBorderPolygon: this.props.colorBorderPolygon,
-      colorPolygon: this.props.colorPolygon,
-      containerElement: /*#__PURE__*/React.createElement("div", {
-        className: this.props.className
-      }),
-      disabled: this.props.disabled,
-      mapElement: /*#__PURE__*/React.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.createElement(UTLabel, null, this.props.errors.retrievingLocation) : this.state.invalidConfiguration ? /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: "error",
-      variant: "small"
-    }, this.props.errors.invalidConfig) : /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: "error",
-      variant: "small"
-    }, this.props.errors.retrieveLocationError), !showOnlyMap && /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: "error",
-      variant: "small",
-      className: styles.error
-    }, shouldShowErrors(this.props.meta) ? this.props.meta.error : ''));
-  }
-}
-UTMap.propTypes = UTMapPropTypes;
-UTMap.defaultProps = {
-  errors: {
-    retrievingLocation: TEXTS.retrievingLocation,
-    retrieveLocationError: TEXTS.retrieveLocationError,
-    invalidConfig: TEXTS.invalidConfig
-  },
-  placeholder: TEXTS.placeholder,
-  field: {
-    configuration: {
-      send_address_components: false
-    }
-  }
-};
-export default WithGoogleMapScript()(UTMap);
+function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var s=o.call(e,t||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import React,{PureComponent}from"react";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import isEmpty from"lodash/isEmpty";import UTLabel from"../UTLabel";import{UTMapPropTypes}from"../../types/googleMapsTypes";import WithGoogleMapScript from"../WithGoogleMaps";import GoogleMaps from"./components/GoogleMaps";import{geolocation,checkAddressIsValid,retrieveAddressByCoords,getValue,isValidConfiguration}from"./utils";import{GMAP_PARAMS,TEXTS,ZOOM_INITIAL,ZOOM_ADDRESS_VALID,MAP_PADDING}from"./constants";import styles from"./styles.module.scss";class UTMap extends PureComponent{constructor(e){var t;super(e),t=this,_defineProperty(this,"handleSearchChange",e=>this.setState({searchValue:e.target.value})),_defineProperty(this,"updateAddress",(e,t,o)=>{this.setState({searchValue:""}),retrieveAddressByCoords({address:t,location:e},t=>{this.setState({searchValue:t.formatted_address},()=>{const{field:s,onChange:r,singleMarker:i}=this.props,a=s.configuration.address_components,n={};Object.keys(a).map(o=>n[a[o]]=getValue(t,e,o)),o&&i&&r(n)})})}),_defineProperty(this,"updateMarker",e=>{const t={position:e,defaultAnimation:2,key:Date.now()},o=this.props.singleMarker?[t]:[...this.state.markers];this.setState({markers:o})}),_defineProperty(this,"handleMapClick",e=>{const{disabled:t,singleMarker:o,onChange:s,polygonPath:r,onLocationOutOfBoundsCallback:i,zoomAddressInvalid:a}=this.props,{usePolygon:n}=this.state,{latLng:l}=e;if(t)return;const p=checkAddressIsValid(l,n,r);if(!p&&i)return this.setState({mapZoom:a||10}),i();p&&o&&(s(null),this.updateMarker(l),this.updateAddress(l,null,!0))}),_defineProperty(this,"centerMap",e=>this.setState({center:e,mapZoom:this.props.zoomAddressValid||ZOOM_ADDRESS_VALID})),_defineProperty(this,"handleMarkerRightClick",e=>{const t=this.state.markers.filter(t=>t.position!==e.latLng&&t.position.lat!==e.latLng.lat()&&t.position.lng!==e.latLng.lng());this.setState({markers:t})}),_defineProperty(this,"handleMarkerClick",function(e){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{key:s,value:r}=o,{onChange:i}=t.props,a=t.state.selectedPosition===s;t.setState({selectedPosition:a?null:s}),i&&i(a?null:r)}),_defineProperty(this,"handleMapMounted",e=>{this.map=e;const{input:t,field:o,singleMarker:s}=this.props;if(t.value){const e=o.configuration.address_components,s=new window.google.maps.LatLng(t.value[e[GMAP_PARAMS.latitude]],t.value[e[GMAP_PARAMS.longitude]]);return void this.updateAddress(s,t.value[e[GMAP_PARAMS.formattedAddress]])}this.props.useGeolocation&&geolocation(this.props.errors.retrieveLocationError).getCurrentPosition(e=>{var t;const o=!s&&(null===(t=this.state.markers)||void 0===t||null===(t=t[0])||void 0===t?void 0:t.position),{lat:r,lng:i}=o||{},{latitude:a,longitude:n}=e.coords,l=s?a:r,p=s?n:i,d=new window.google.maps.LatLng(l,p);if(checkAddressIsValid(d,this.state.usePolygon,this.props.polygonPath)){const e={lat:l,lng:p};this.setState({center:e,markers:[...this.props.singleMarker?[{position:e,key:Date.now(),defaultAnimation:2}]:this.state.markers],mapLoading:!1},()=>{const e=new window.google.maps.LatLng(l,p);this.updateAddress(e,null,!0)})}else{const e=new window.google.maps.LatLng(this.state.center.lat,this.state.center.lng);this.updateAddress(e,null,!0)}},()=>{const e=new window.google.maps.LatLng(this.state.center.lat,this.state.center.lng);this.updateAddress(e,null,!0)});const r=new window.google.maps.LatLngBounds;this.state.markers.forEach(e=>{r.extend(new window.google.maps.LatLng(e.position.lat,e.position.lng))}),this.map&&!s&&this.map.fitBounds(r,MAP_PADDING)}),_defineProperty(this,"handleBoundsChanged",()=>this.setState({center:this.map.getCenter()})),_defineProperty(this,"handleSearchBoxMounted",e=>this.searchBox=e),_defineProperty(this,"handlePlacesChanged",()=>{if(this.props.disabled)return;const e=this.searchBox.getPlaces(),t=!isEmpty(e)&&checkAddressIsValid(e[0].geometry.location,this.state.usePolygon,this.props.polygonPath)&&e[0];t?(this.props.onChange(null),this.updateMarker(t.geometry.location),this.updateAddress(t.geometry.location,t.formatted_address,!0),this.centerMap(t.geometry.location)):this.props.onLocationOutOfBoundsCallback&&this.props.onLocationOutOfBoundsCallback()}),this.state={markers:[],mapLoading:!0,searchValue:"",mapZoom:this.props.zoomInitial||ZOOM_INITIAL,usePolygon:this.props.usePolygon&&!isEmpty(this.props.polygonPath),invalidConfiguration:!1,selectedPosition:null}}componentDidMount(){const e={position:{lat:null,lng:null}},{input:t,startLocation:o,field:s={},options:r=[]}=this.props;if(!isValidConfiguration(s))return void this.setState({invalidConfiguration:!0,mapLoading:!1});const i=r.map(e=>({key:e.id.toString(),position:{lat:e.configuration.coordinates.latitude,lng:e.configuration.coordinates.longitude},label:"".concat(e.value),value:e.value}));if(t.value)return e.position.lat=t.value[s.configuration.address_components[GMAP_PARAMS.latitude]],e.position.lng=t.value[s.configuration.address_components[GMAP_PARAMS.longitude]],void this.setState({center:e.position,markers:[e],mapLoading:!1});o&&o.position.lat&&o.position.lng&&this.setState({center:o.position,markers:[o],mapLoading:!1}),isEmpty(i)||this.setState({center:i[0].position,markers:i,mapLoading:!1})}render(){const{showOnlyMap:e=!1}=this.props.field.configuration,t=!e&&this.props.singleMarker;return React.createElement("div",null,this.state.center?React.createElement("div",null,React.createElement(GoogleMaps,{center:this.state.center,colorBorderPolygon:this.props.colorBorderPolygon,colorPolygon:this.props.colorPolygon,containerElement:React.createElement("div",{className:this.props.className}),disabled:this.props.disabled,mapElement:React.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:t,searchValue:this.state.searchValue,selectedPosition:this.state.selectedPosition,singleMarker:this.props.singleMarker,usePolygon:this.state.usePolygon,zoom:this.state.mapZoom})):this.state.mapLoading?React.createElement(UTLabel,null,this.props.errors.retrievingLocation):this.state.invalidConfiguration?React.createElement(UTLabel,{colorTheme:"error",variant:"small"},this.props.errors.invalidConfig):React.createElement(UTLabel,{colorTheme:"error",variant:"small"},this.props.errors.retrieveLocationError),!e&&React.createElement(UTLabel,{colorTheme:"error",variant:"small",className:styles.error},shouldShowErrors(this.props.meta)?this.props.meta.error:""))}}UTMap.propTypes=UTMapPropTypes,UTMap.defaultProps={errors:{retrievingLocation:TEXTS.retrievingLocation,retrieveLocationError:TEXTS.retrieveLocationError,invalidConfig:TEXTS.invalidConfig},placeholder:TEXTS.placeholder,field:{configuration:{send_address_components:!1}}};export default WithGoogleMapScript()(UTMap);