@janiscommerce/ui-web 0.29.0 → 0.29.1

package/dist/index.umd.js

@@ -17011,10 +17011,7 @@
 
   var getCenterByGeolocationOrCenter = (function () {
     var center = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (validateCoordinates(center)) return {
-      lat: center.lat,
-      lng: center.lng
-    };
+    if (validateCoordinates(center)) return center;
     return getGeolocationCoordinates();
   });
 
@@ -35452,11 +35449,8 @@
 
     var validMarkersExist = Array.isArray(markers) && markers.length;
     var defaultMapCenter = {
-      center: {
-        lat: 0,
-        lng: 0
-      },
-      zoom: zoom
+      lat: 0,
+      lng: 0
     };
 
     var handlePositions = function handlePositions(key, value) {
@@ -35469,17 +35463,18 @@
     var onLoad = React.useCallback(function (map) {
       if (!map) return;
       mapRef.current = map;
-      map.setOptions({
+      mapRef.current.setOptions({
         gestureHandling: 'greedy'
       });
       var fullScreenPos = showSearchBar ? 'RIGHT_BOTTOM' : 'RIGHT_TOP';
       handlePositions('fullScreen', window.google.maps.ControlPosition[fullScreenPos]);
       handlePositions('zoom', window.google.maps.ControlPosition.RIGHT_BOTTOM);
-      if (!(markers !== null && markers !== void 0 && markers.length)) return map.setCenter(getCenterByGeolocationOrCenter(center));
-      map.fitBounds(getBoundsFromMarkers(markers));
+      if (!(markers !== null && markers !== void 0 && markers.length)) mapRef.current.setCenter(getCenterByGeolocationOrCenter(center || defaultMapCenter));
+      if (markers !== null && markers !== void 0 && markers.length) mapRef.current.fitBounds(getBoundsFromMarkers(markers));
       mapRef.current.setZoom(zoom);
     }, []);
-    return isLoaded ? /*#__PURE__*/React__default["default"].createElement(GoogleMap, _extends$1({
+    if (!isLoaded) return null;
+    return /*#__PURE__*/React__default["default"].createElement(GoogleMap, {
       className: "google-map-component",
       onLoad: onLoad,
       mapContainerStyle: {
@@ -35487,7 +35482,7 @@
         width: width
       },
       options: mapOptions
-    }, defaultMapCenter), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showSearchBar && /*#__PURE__*/React__default["default"].createElement(SearchBox, {
+    }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showSearchBar && /*#__PURE__*/React__default["default"].createElement(SearchBox, {
       className: "google-map-component__search-box"
     }), validMarkersExist && /*#__PURE__*/React__default["default"].createElement(MarkersDrawer, {
       markers: markers,
@@ -35495,7 +35490,7 @@
       callbackOnSuccessDirections: callbackOnSuccessDirections,
       callbackOnErrorDirections: callbackOnErrorDirections,
       googleMapsApiKey: googleMapsApiKey
-    }))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
+    })));
   };
 
   exports.Avatar = Avatar;