diff --git a/CHANGELOG.md b/CHANGELOG.md
index e1ddb3691..319116282 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ## Not released
 
+- Calculation of widget using maps API under FF [#658](https://github.com/CartoDB/carto-react/pull/658)
 - TablePagination fixes & DS application [#673](https://github.com/CartoDB/carto-react/pull/673)
 - Remove ReactDOMServer dependency and simplify avatar image fallback [#672](https://github.com/CartoDB/carto-react/pull/672)
 - Remove @mui/styles after dumping makeStyles [#670](https://github.com/CartoDB/carto-react/pull/670)
diff --git a/lerna.json b/lerna.json
index f81eda209..5be7d1efa 100644
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
   ],
   "npmClient": "yarn",
   "useWorkspaces": true,
-  "version": "2.1.0-alpha.6"
+  "version": "2.0.3-alpha.2"
 }
diff --git a/package.json b/package.json
index aaa8a6cb1..5b7b00f70 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "lint-staged": "^10.5.3",
     "nyc": "^15.1.0",
     "patch-package": "6.4.7",
-    "quadbin": "^0.1.5",
+    "quadbin": "^0.1.9",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-redux": "^7.2.2",
diff --git a/packages/react-api/package.json b/packages/react-api/package.json
index a746ca982..aca7bb244 100644
--- a/packages/react-api/package.json
+++ b/packages/react-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carto/react-api",
-  "version": "2.1.0-alpha.6",
+  "version": "2.0.3-alpha.2",
   "description": "CARTO for React - Api",
   "author": "CARTO Dev Team",
   "keywords": [
@@ -64,9 +64,9 @@
     "@babel/runtime": "^7.13.9"
   },
   "peerDependencies": {
-    "@carto/react-core": "^2.1.0-alpha.1",
-    "@carto/react-redux": "^2.1.0-alpha.1",
-    "@carto/react-workers": "^2.1.0-alpha.1",
+    "@carto/react-core": "^2.0.3-alpha.2",
+    "@carto/react-redux": "^2.0.3-alpha.2",
+    "@carto/react-workers": "^2.0.3-alpha.2",
     "@deck.gl/carto": "^8.9.6",
     "@deck.gl/core": "^8.9.6",
     "@deck.gl/extensions": "^8.9.6",
diff --git a/packages/react-api/src/api/model.js b/packages/react-api/src/api/model.js
index 3d604420f..360e172ef 100644
--- a/packages/react-api/src/api/model.js
+++ b/packages/react-api/src/api/model.js
@@ -9,10 +9,12 @@ const AVAILABLE_MODELS = ['category', 'histogram', 'formula', 'timeseries', 'ran
 /**
  * Execute a SQL model request.
  *
+ * @typedef { import('geojson').Polygon | import('geojson').MultiPolygon } SpatialFilter
  * @param { object } props
  * @param { string } props.model - widget's model that we want to get the data for
  * @param { object } props.source - source that owns the column
  * @param { object } props.params - widget's props
+ * @param { SpatialFilter= } props.spatialFilter - restrict widget calculation to an area
  * @param { object= } props.opts - Additional options for the HTTP request
  */
 export function executeModel(props) {
@@ -27,7 +29,7 @@ export function executeModel(props) {
     )}`
   );
 
-  const { source, model, params, opts } = props;
+  const { source, model, params, spatialFilter, opts } = props;
 
   checkCredentials(source.credentials);
 
@@ -52,13 +54,21 @@ export function executeModel(props) {
     filtersLogicalOperator
   };
 
+  if (spatialFilter) {
+    queryParams.spatialFilter = JSON.stringify(spatialFilter);
+  }
+
   const isGet = url.length + JSON.stringify(queryParams).length <= URL_LENGTH;
   if (isGet) {
     url += '?' + new URLSearchParams(queryParams).toString();
   } else {
+    // undo the JSON.stringify, @todo find a better pattern
     queryParams.params = params;
     queryParams.filters = filters;
     queryParams.queryParameters = source.queryParameters;
+    if (spatialFilter) {
+      queryParams.spatialFilter = spatialFilter;
+    }
   }
   return makeCall({
     url,
diff --git a/packages/react-api/src/hooks/useCartoLayerProps.js b/packages/react-api/src/hooks/useCartoLayerProps.js
index f78f73739..1a4a15d62 100644
--- a/packages/react-api/src/hooks/useCartoLayerProps.js
+++ b/packages/react-api/src/hooks/useCartoLayerProps.js
@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { useSelector } from 'react-redux';
-import { selectSpatialFilter } from '@carto/react-redux';
+import { selectSpatialFilter, selectViewport } from '@carto/react-redux';
 import useGeojsonFeatures from './useGeojsonFeatures';
 import useTileFeatures from './useTileFeatures';
 import { getDataFilterExtensionProps } from './dataFilterExtensionUtil';
@@ -17,7 +17,7 @@ export default function useCartoLayerProps({
   viewportFeatures = true,
   viewporFeaturesDebounceTimeout = 250
 }) {
-  const viewport = useSelector((state) => state.carto.viewport);
+  const viewport = useSelector(selectViewport);
   const spatialFilter = useSelector((state) => selectSpatialFilter(state, source?.id));
 
   const [onDataLoadForGeojson] = useGeojsonFeatures({
diff --git a/packages/react-api/src/hooks/useGeojsonFeatures.js b/packages/react-api/src/hooks/useGeojsonFeatures.js
index dec45b4ce..094211bcf 100644
--- a/packages/react-api/src/hooks/useGeojsonFeatures.js
+++ b/packages/react-api/src/hooks/useGeojsonFeatures.js
@@ -44,26 +44,31 @@ export default function useGeojsonFeatures({
     [computeFeatures]
   );
 
-  useEffect(() => {
-    if (sourceId && isGeoJsonLoaded) {
-      clearDebounce();
-      setSourceFeaturesReady(false);
-      debounceIdRef.current = debouncedComputeFeatures({
-        viewport,
-        spatialFilter,
-        uniqueIdProperty
-      });
-    }
-  }, [
-    spatialFilter ? spatialFilter : viewport,
-    uniqueIdProperty,
-    sourceId,
-    isGeoJsonLoaded,
-    debouncedComputeFeatures,
-    setSourceFeaturesReady,
-    clearDebounce,
-    debounceIdRef
-  ]);
+  useEffect(
+    () => {
+      if (sourceId && isGeoJsonLoaded) {
+        clearDebounce();
+        setSourceFeaturesReady(false);
+        debounceIdRef.current = debouncedComputeFeatures({
+          viewport,
+          spatialFilter,
+          uniqueIdProperty
+        });
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      spatialFilter ? spatialFilter : viewport,
+      uniqueIdProperty,
+      sourceId,
+      isGeoJsonLoaded,
+      debouncedComputeFeatures,
+      setSourceFeaturesReady,
+      clearDebounce,
+      debounceIdRef
+    ]
+  );
 
   const onDataLoad = useCallback(
     (geojson) => {
diff --git a/packages/react-api/src/hooks/useTileFeatures.js b/packages/react-api/src/hooks/useTileFeatures.js
index 09c401435..3b93f9a7f 100644
--- a/packages/react-api/src/hooks/useTileFeatures.js
+++ b/packages/react-api/src/hooks/useTileFeatures.js
@@ -96,26 +96,31 @@ export default function useTileFeatures({
     loadTiles
   ]);
 
-  useEffect(() => {
-    if (sourceId && isTilesetLoaded) {
-      clearDebounce();
-      setSourceFeaturesReady(false);
-      debounceIdRef.current = debouncedComputeFeatures({
-        viewport,
-        spatialFilter,
-        uniqueIdProperty
-      });
-    }
-  }, [
-    spatialFilter ? spatialFilter : viewport,
-    uniqueIdProperty,
-    debouncedComputeFeatures,
-    sourceId,
-    isTilesetLoaded,
-    setSourceFeaturesReady,
-    clearDebounce,
-    debounceIdRef
-  ]);
+  useEffect(
+    () => {
+      if (sourceId && isTilesetLoaded) {
+        clearDebounce();
+        setSourceFeaturesReady(false);
+        debounceIdRef.current = debouncedComputeFeatures({
+          viewport,
+          spatialFilter,
+          uniqueIdProperty
+        });
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      spatialFilter ? spatialFilter : viewport,
+      uniqueIdProperty,
+      debouncedComputeFeatures,
+      sourceId,
+      isTilesetLoaded,
+      setSourceFeaturesReady,
+      clearDebounce,
+      debounceIdRef
+    ]
+  );
 
   const onViewportLoad = useCallback(
     (tiles) => {
diff --git a/packages/react-auth/package.json b/packages/react-auth/package.json
index 50f6f5c2d..77586cca3 100644
--- a/packages/react-auth/package.json
+++ b/packages/react-auth/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carto/react-auth",
-  "version": "2.1.0-alpha.6",
+  "version": "2.0.3-alpha.2",
   "description": "CARTO for React - Auth",
   "author": "CARTO Dev Team",
   "keywords": [
@@ -64,7 +64,7 @@
     "@babel/runtime": "^7.13.9"
   },
   "peerDependencies": {
-    "@carto/react-core": "^2.1.0-alpha.1",
+    "@carto/react-core": "^2.0.3-alpha.2",
     "react": "17.x || 18.x",
     "react-dom": "17.x || 18.x"
   }
diff --git a/packages/react-basemaps/package.json b/packages/react-basemaps/package.json
index 0a4ed688a..036b01582 100644
--- a/packages/react-basemaps/package.json
+++ b/packages/react-basemaps/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carto/react-basemaps",
-  "version": "2.1.0-alpha.6",
+  "version": "2.0.3-alpha.2",
   "description": "CARTO for React - Basemaps",
   "keywords": [
     "carto",
@@ -64,7 +64,7 @@
     "@babel/runtime": "^7.13.9"
   },
   "peerDependencies": {
-    "@carto/react-core": "^2.1.0-alpha.1",
+    "@carto/react-core": "^2.0.3-alpha.2",
     "@deck.gl/google-maps": "^8.9.6",
     "react": "17.x || 18.x",
     "react-dom": "17.x || 18.x"
diff --git a/packages/react-core/__tests__/filters/tileFeatures.test.js b/packages/react-core/__tests__/filters/tileFeatures.test.js
index e60afb1d8..c286032a5 100644
--- a/packages/react-core/__tests__/filters/tileFeatures.test.js
+++ b/packages/react-core/__tests__/filters/tileFeatures.test.js
@@ -2,44 +2,6 @@ import { TILE_FORMATS } from '@deck.gl/carto';
 import { geojsonToBinary } from '@loaders.gl/gis';
 import { tileFeatures } from '../../src';
 import * as transformToTileCoords from '../../src/utils/transformToTileCoords';
-import { getGeometryToIntersect } from '../../src/filters/tileFeatures';
-import bboxPolygon from '@turf/bbox-polygon';
-
-/** @type { import('../../src').Viewport } */
-const viewport = [-10, -10, 10, 10]; // west - south - east - north
-const viewportGeometry = bboxPolygon(viewport).geometry;
-
-/** @type { import('geojson').Polygon } */
-const filterGeometry = {
-  type: 'Polygon',
-  coordinates: [
-    [
-      [-1, -1],
-      [1, -1],
-      [1, 1],
-      [-1, 1],
-      [-1, -1]
-    ]
-  ]
-};
-
-describe('getGeometryToIntersect', () => {
-  test('returns null in case no viewport or geometry is present', () => {
-    expect(getGeometryToIntersect(null, null)).toStrictEqual(null);
-    expect(getGeometryToIntersect([], null)).toStrictEqual(null);
-  });
-
-  test('returns the viewport as geometry', () => {
-    expect(getGeometryToIntersect(viewport, null)).toStrictEqual(viewportGeometry);
-  });
-
-  test('returns the filter as geometry', () => {
-    expect(getGeometryToIntersect(null, filterGeometry)).toStrictEqual(filterGeometry);
-    expect(getGeometryToIntersect(viewport, filterGeometry)).toStrictEqual(
-      filterGeometry
-    );
-  });
-});
 
 describe('viewport features with binary mode', () => {
   const viewport = [-10, -10, 10, 10]; // west - south - east - north
diff --git a/packages/react-core/__tests__/utils/geo.test.js b/packages/react-core/__tests__/utils/geo.test.js
new file mode 100644
index 000000000..3cbc0d57b
--- /dev/null
+++ b/packages/react-core/__tests__/utils/geo.test.js
@@ -0,0 +1,63 @@
+import bboxPolygon from '@turf/bbox-polygon';
+import { isGlobalViewport, getGeometryToIntersect } from '../../src/utils/geo';
+
+/** @type { import('../../src').Viewport } */
+const viewport = [-10, -10, 10, 10]; // west - south - east - north
+const viewportGeometry = bboxPolygon(viewport).geometry;
+
+/** @type { import('geojson').Polygon } */
+const filterGeometry = {
+  type: 'Polygon',
+  coordinates: [
+    [
+      [-1, -1],
+      [1, -1],
+      [1, 1],
+      [-1, 1],
+      [-1, -1]
+    ]
+  ]
+};
+
+describe('isGlobalViewport', () => {
+  const normalViewports = [
+    { v: null },
+    { v: viewport },
+    {
+      v: [-344.2596303029739, -75.05112877980663, 230.26452782294038, 75.05112877980655]
+    },
+    { v: [-125.2596303029739, -85.05112877980663, 230.26452782294038, 85.05112877980655] }
+  ];
+  const globalViewports = [
+    { v: [-344.2596303029739, -85.05112877980663, 230.26452782294038, 85.05112877980655] }
+  ];
+
+  test.each(normalViewports)('return false for normal viewports', ({ v }) => {
+    expect(!isGlobalViewport(v));
+  });
+
+  test.each(globalViewports)('return true for global viewports', ({ v }) => {
+    console.log(viewport);
+    expect(isGlobalViewport(v));
+  });
+});
+
+describe('getGeometryToIntersect', () => {
+  test('returns null in case no or invalid viewport or geometry is present', () => {
+    expect(getGeometryToIntersect(null, null)).toStrictEqual(null);
+    expect(getGeometryToIntersect([], null)).toStrictEqual(null);
+    expect(getGeometryToIntersect(null, {})).toStrictEqual(null);
+    expect(getGeometryToIntersect([], {})).toStrictEqual(null);
+  });
+
+  test('returns the viewport as geometry', () => {
+    expect(getGeometryToIntersect(viewport, null)).toStrictEqual(viewportGeometry);
+  });
+
+  test('returns the filter as geometry', () => {
+    expect(getGeometryToIntersect(null, filterGeometry)).toStrictEqual(filterGeometry);
+    expect(getGeometryToIntersect(viewport, filterGeometry)).toStrictEqual(
+      filterGeometry
+    );
+  });
+});
diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index 2f573b48d..2d27e15f4 100644
--- a/packages/react-core/package.json
+++ b/packages/react-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carto/react-core",
-  "version": "2.1.0-alpha.6",
+  "version": "2.0.3-alpha.2",
   "description": "CARTO for React - Core",
   "author": "CARTO Dev Team",
   "keywords": [
@@ -71,6 +71,6 @@
     "@turf/boolean-within": "^6.3.0",
     "@turf/intersect": "^6.3.0",
     "h3-js": "^3.7.2",
-    "quadbin": "^0.1.5"
+    "quadbin": "^0.1.9"
   }
 }
diff --git a/packages/react-core/src/filters/geojsonFeatures.js b/packages/react-core/src/filters/geojsonFeatures.js
index 5c7693ddc..bd8417834 100644
--- a/packages/react-core/src/filters/geojsonFeatures.js
+++ b/packages/react-core/src/filters/geojsonFeatures.js
@@ -1,5 +1,5 @@
 import intersects from '@turf/boolean-intersects';
-import { getGeometryToIntersect } from './tileFeatures';
+import { getGeometryToIntersect } from '../utils/geo';
 
 export function geojsonFeatures({ geojson, viewport, geometry, uniqueIdProperty }) {
   let uniqueIdx = 0;
diff --git a/packages/react-core/src/filters/tileFeatures.d.ts b/packages/react-core/src/filters/tileFeatures.d.ts
index eaf5f0c99..c5526a41e 100644
--- a/packages/react-core/src/filters/tileFeatures.d.ts
+++ b/packages/react-core/src/filters/tileFeatures.d.ts
@@ -1,5 +1,3 @@
 import { TileFeatures, TileFeaturesResponse } from '../types';
-import { Polygon, MultiPolygon } from 'geojson';
 
-export function getGeometryToIntersect(viewport: number[] | null, geometry: Polygon | MultiPolygon | null): Polygon | MultiPolygon | null;
 export function tileFeatures(arg: TileFeatures): TileFeaturesResponse;
\ No newline at end of file
diff --git a/packages/react-core/src/filters/tileFeatures.js b/packages/react-core/src/filters/tileFeatures.js
index 85b4ec40d..3a1db9ece 100644
--- a/packages/react-core/src/filters/tileFeatures.js
+++ b/packages/react-core/src/filters/tileFeatures.js
@@ -1,27 +1,7 @@
-import bboxPolygon from '@turf/bbox-polygon';
+import { getGeometryToIntersect } from '../utils/geo';
 import tileFeaturesGeometries from './tileFeaturesGeometries';
 import tileFeaturesSpatialIndex from './tileFeaturesSpatialIndex';
 
-/**
- * Select the geometry to use for widget calculation and data filtering.
- * If a spatial filter (mask) is set, use the mask otherwise use the current viewport.
- * Since it's possible that no mask and no viewport is set, return null in this case.
- *
- * @typedef { import('geojson').Polygon | import('geojson').MultiPolygon } Geometry
- * @typedef { import('geojson').BBox } BBox
- *
- * @param { BBox? } viewport viewport [minX, minY, maxX, maxY], if any
- * @param { Geometry? } geometry the active spatial filter (mask), if any
- * @returns { Geometry? } the geometry to use for filtering
- */
-export function getGeometryToIntersect(viewport, geometry) {
-  return geometry
-    ? geometry
-    : Array.isArray(viewport) && viewport.length === 4
-    ? bboxPolygon(viewport).geometry
-    : null;
-}
-
 export function tileFeatures({
   tiles,
   viewport,
diff --git a/packages/react-core/src/filters/tileFeaturesSpatialIndex.js b/packages/react-core/src/filters/tileFeaturesSpatialIndex.js
index 9913951f2..a3c723ddf 100644
--- a/packages/react-core/src/filters/tileFeaturesSpatialIndex.js
+++ b/packages/react-core/src/filters/tileFeaturesSpatialIndex.js
@@ -37,7 +37,7 @@ export default function tileFeaturesSpatialIndex({
     }
 
     tile.data.forEach((d) => {
-      if (cellsDictionary[d.id]) {
+      if (d.id in cellsDictionary) {
         map.set(d.id, { ...d.properties, [spatialIndexIDName]: d.id });
       }
     });
diff --git a/packages/react-core/src/index.d.ts b/packages/react-core/src/index.d.ts
index f067bffd9..be9db20bc 100644
--- a/packages/react-core/src/index.d.ts
+++ b/packages/react-core/src/index.d.ts
@@ -1,3 +1,5 @@
+import { _FeatureFlags } from '.';
+
 export {
   getRequest,
   postRequest,
@@ -13,6 +15,7 @@ export { debounce } from './utils/debounce';
 export { throttle } from './utils/throttle';
 export { randomString } from './utils/randomString';
 export { assert as _assert } from './utils/assert';
+export { getGeometryToIntersect, isGlobalViewport } from './utils/geo';
 
 export { makeIntervalComplete } from './utils/makeIntervalComplete';
 
@@ -25,7 +28,7 @@ export { scatterPlot } from './operations/scatterPlot';
 
 export { FilterTypes as _FilterTypes } from './filters/FilterTypes';
 
-export { tileFeatures, getGeometryToIntersect } from './filters/tileFeatures';
+export { tileFeatures } from './filters/tileFeatures';
 export { geojsonFeatures } from './filters/geojsonFeatures';
 
 export { AggregationFunctions, GroupByFeature, HistogramFeature, Viewport, TileFeatures } from './types';
@@ -38,7 +41,8 @@ export { SpatialIndex } from './operations/constants/SpatialIndexTypes'
 export { FEATURE_SELECTION_MODES, EDIT_MODES, MASK_ID } from './utils/featureSelectionConstants';
 
 export {
+  Flags as _FeatureFlags,
   hasFlag as _hasFeatureFlag,
   setFlags as _setFeatureFlags,
   clearFlags as _clearFeatureFlags
-} from './utils/featureFlags';
\ No newline at end of file
+} from './utils/featureFlags';
diff --git a/packages/react-core/src/index.js b/packages/react-core/src/index.js
index 31456ac87..64acf71b4 100644
--- a/packages/react-core/src/index.js
+++ b/packages/react-core/src/index.js
@@ -13,6 +13,7 @@ export { debounce } from './utils/debounce';
 export { throttle } from './utils/throttle';
 export { randomString } from './utils/randomString';
 export { assert as _assert } from './utils/assert';
+export { getGeometryToIntersect, isGlobalViewport } from './utils/geo';
 
 export { makeIntervalComplete } from './utils/makeIntervalComplete';
 
@@ -34,7 +35,7 @@ export {
   applyFilters as _applyFilters
 } from './filters/Filter';
 
-export { tileFeatures, getGeometryToIntersect } from './filters/tileFeatures';
+export { tileFeatures } from './filters/tileFeatures';
 export { geojsonFeatures } from './filters/geojsonFeatures';
 
 export { GroupDateTypes } from './operations/constants/GroupDateTypes';
@@ -49,6 +50,7 @@ export {
 } from './utils/featureSelectionConstants';
 
 export {
+  Flags as _FeatureFlags,
   hasFlag as _hasFeatureFlag,
   setFlags as _setFeatureFlags,
   clearFlags as _clearFeatureFlags
diff --git a/packages/react-core/src/utils/featureFlags.d.ts b/packages/react-core/src/utils/featureFlags.d.ts
index 3b18740e9..1beb1280d 100644
--- a/packages/react-core/src/utils/featureFlags.d.ts
+++ b/packages/react-core/src/utils/featureFlags.d.ts
@@ -1,3 +1,6 @@
+export enum Flags {
+  REMOTE_WIDGETS = '2023-remote-widgets'
+}
 export function setFlags(flags: Record<string, any> | string[]): void
 export function clearFlags(): void
 export function hasFlag(flag: string): boolean
diff --git a/packages/react-core/src/utils/featureFlags.js b/packages/react-core/src/utils/featureFlags.js
index a91489645..79783ee70 100644
--- a/packages/react-core/src/utils/featureFlags.js
+++ b/packages/react-core/src/utils/featureFlags.js
@@ -1,5 +1,9 @@
 let featureFlags = [];
 
+export const Flags = Object.freeze({
+  REMOTE_WIDGETS: '2023-remote-widgets'
+});
+
 export function setFlags(flags) {
   const isValidFlag = (f) => typeof f === 'string' && f;
 
diff --git a/packages/react-core/src/utils/geo.d.ts b/packages/react-core/src/utils/geo.d.ts
new file mode 100644
index 000000000..fef625c1c
--- /dev/null
+++ b/packages/react-core/src/utils/geo.d.ts
@@ -0,0 +1,6 @@
+import { Viewport } from '../types';
+import { Polygon, MultiPolygon } from 'geojson';
+
+export function getGeometryToIntersect(viewport: Viewport | null, geometry: Polygon | MultiPolygon | null): Polygon | MultiPolygon | null;
+
+export function isGlobalViewport(viewport: Viewport | null): boolean;
diff --git a/packages/react-core/src/utils/geo.js b/packages/react-core/src/utils/geo.js
new file mode 100644
index 000000000..822ad4b79
--- /dev/null
+++ b/packages/react-core/src/utils/geo.js
@@ -0,0 +1,37 @@
+import bboxPolygon from '@turf/bbox-polygon';
+
+/**
+ * Select the geometry to use for widget calculation and data filtering.
+ * If a spatial filter (mask) is set, use the mask otherwise use the current viewport.
+ * Since it's possible that no mask and no viewport is set, return null in this case.
+ *
+ * @typedef { import('geojson').Polygon | import('geojson').MultiPolygon } Geometry
+ * @typedef { import('../types').Viewport? } Viewport
+ *
+ * @param { Viewport? } viewport viewport [minX, minY, maxX, maxY], if any
+ * @param { Geometry? } geometry the active spatial filter (mask), if any
+ * @returns { Geometry? } the geometry to use for filtering
+ */
+export function getGeometryToIntersect(viewport, geometry) {
+  return geometry && geometry.coordinates
+    ? geometry
+    : Array.isArray(viewport) && viewport.length === 4
+    ? bboxPolygon(viewport).geometry
+    : null;
+}
+
+/**
+ * Check if a viewport is large enough to represent a global coverage.
+ * In this case the spatial filter parameter for widget calculation
+ * can be removed.
+ *
+ * @param { import('../types').Viewport? } viewport
+ * @returns { boolean }
+ */
+export function isGlobalViewport(viewport) {
+  if (viewport) {
+    const [minx, miny, maxx, maxy] = viewport;
+    return maxx - minx > 179.5 * 2 && maxy - miny > 85.05 * 2;
+  }
+  return false;
+}
diff --git a/packages/react-redux/package.json b/packages/react-redux/package.json
index 04742099b..9e49d30f5 100644
--- a/packages/react-redux/package.json
+++ b/packages/react-redux/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carto/react-redux",
-  "version": "2.1.0-alpha.6",
+  "version": "2.0.3-alpha.2",
   "description": "CARTO for React - Redux",
   "author": "CARTO Dev Team",
   "keywords": [
@@ -63,8 +63,8 @@
     "@babel/runtime": "^7.13.9"
   },
   "peerDependencies": {
-    "@carto/react-core": "^2.1.0-alpha.1",
-    "@carto/react-workers": "^2.1.0-alpha.1",
+    "@carto/react-core": "^2.0.3-alpha.2",
+    "@carto/react-workers": "^2.0.3-alpha.2",
     "@deck.gl/carto": "^8.9.6",
     "@deck.gl/core": "^8.9.6",
     "@reduxjs/toolkit": "^1.5.0"
diff --git a/packages/react-redux/src/slices/cartoSlice.d.ts b/packages/react-redux/src/slices/cartoSlice.d.ts
index 68c95f0e0..19d0ee729 100644
--- a/packages/react-redux/src/slices/cartoSlice.d.ts
+++ b/packages/react-redux/src/slices/cartoSlice.d.ts
@@ -1,6 +1,6 @@
 import { Credentials } from '@carto/react-api/';
 import { SourceProps } from '@carto/react-api/types';
-import { FiltersLogicalOperators, _FilterTypes } from '@carto/react-core';
+import { FiltersLogicalOperators, Viewport, _FilterTypes } from '@carto/react-core';
 import { CartoBasemapsNames, GMapsBasemapsNames } from '@carto/react-basemaps/';
 import { InitialCartoState, CartoState, ViewState } from '../types';
 import { AnyAction, Reducer } from 'redux';
@@ -139,6 +139,15 @@ export function selectAreFeaturesReadyForSource(state: any, id: string): boolean
 
 export function setViewState(viewState: ViewState): Function;
 
+export const setViewStateDirect: (viewState: ViewState) => {
+  type: 'carto/setViewState';
+  payload: ViewState;
+};
+
+export const setViewPort: () => {
+  type: 'carto/setViewPort';
+};
+
 export function setFeaturesReady(data: FeaturesReadyData): {
   type: CartoActions.SET_FEATURES_READY;
   payload: FeaturesReadyData;
@@ -159,6 +168,8 @@ export function setFeatureSelectionEnabled(enabled: boolean): {
   payload: boolean;
 };
 
+export function selectViewport(state: any): Viewport | null;
+
 export function selectSpatialFilter(state: any, sourceId?: string): Feature<Polygon | MultiPolygon> | null;
 
 export function selectFeatureSelectionMode(state: any): string | null;
diff --git a/packages/react-redux/src/slices/cartoSlice.js b/packages/react-redux/src/slices/cartoSlice.js
index 86a5b2f36..f8f206145 100644
--- a/packages/react-redux/src/slices/cartoSlice.js
+++ b/packages/react-redux/src/slices/cartoSlice.js
@@ -336,6 +336,13 @@ export const selectSourceById = (state, id) => state.carto.dataSources[id];
 export const checkIfSourceIsDroppingFeature = (state, id) =>
   state.carto.dataSources[id]?.isDroppingFeatures;
 
+/**
+ * Redux selector to select the active viewport
+ */
+export const selectViewport = (state) => {
+  return state.carto.viewport ? state.carto.viewport : null;
+};
+
 /**
  * Redux selector to select the spatial filter of a given sourceId or the root one
  */
@@ -373,7 +380,9 @@ const NOT_ALLOWED_DECK_PROPS = [
 ];
 
 /**
- * Action to set the current ViewState
+ * Action to set the current ViewState.
+ *
+ * Requires redux-thunk middleware, also invokes debounced `setViewPort`.
  * @param {Object} viewState
  */
 export const setViewState = (viewState) => {
@@ -394,6 +403,26 @@ export const setViewState = (viewState) => {
   };
 };
 
+/**
+ * Action to set the current ViewState.
+ *
+ * Doesn't refresh widgets immetiately, requires user to call `setViewPort` once all updates are ready.
+ * @param {Object} viewState
+ */
+export const setViewStateDirect = (viewState) => ({
+  type: 'carto/setViewState',
+  payload: viewState
+});
+
+/**
+ * Sync current viewport state deriving it from `viewState`.
+ *
+ * Causes widgets in remote mode to refresh its data.
+ */
+export const setViewPort = () => ({
+  type: 'carto/setViewPort'
+});
+
 /**
  * Action to set the ready features state of a layer
  * @param {object} sourceId - the id of the source
diff --git a/packages/react-ui/package.json b/packages/react-ui/package.json
index 4525aac09..a824df10f 100644
--- a/packages/react-ui/package.json
+++ b/packages/react-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carto/react-ui",
-  "version": "2.1.0-alpha.6",
+  "version": "2.0.3-alpha.2",
   "description": "CARTO for React - UI",
   "author": "CARTO Dev Team",
   "keywords": [
@@ -78,7 +78,7 @@
     "@babel/runtime": "^7.13.9"
   },
   "peerDependencies": {
-    "@carto/react-core": "^2.1.0-alpha.1",
+    "@carto/react-core": "^2.0.3-alpha.2",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
     "@mui/icons-material": "^5.11.16",
diff --git a/packages/react-ui/src/widgets/comparative/ComparativeCategoryWidgetUI/CategoryItem.js b/packages/react-ui/src/widgets/comparative/ComparativeCategoryWidgetUI/CategoryItem.js
index 2ee993026..38a0557b7 100644
--- a/packages/react-ui/src/widgets/comparative/ComparativeCategoryWidgetUI/CategoryItem.js
+++ b/packages/react-ui/src/widgets/comparative/ComparativeCategoryWidgetUI/CategoryItem.js
@@ -94,8 +94,6 @@ function CategoryItem({
   names,
   tooltip
 }) {
-  const theme = useTheme();
-
   function getProgressbarLength(value) {
     return `${Math.min(100, ((value || 0) / maxValue) * 100)}%`;
   }
diff --git a/packages/react-widgets/__tests__/hooks/useWidgetFetch.test.js b/packages/react-widgets/__tests__/hooks/useWidgetFetch.test.js
index 3412f3e06..c84e45bbf 100644
--- a/packages/react-widgets/__tests__/hooks/useWidgetFetch.test.js
+++ b/packages/react-widgets/__tests__/hooks/useWidgetFetch.test.js
@@ -3,7 +3,9 @@ import { DEFAULT_INVALID_COLUMN_ERR } from '../../src/widgets/utils/constants';
 import { act, render, screen } from '@testing-library/react';
 import React from 'react';
 import useWidgetFetch from '../../src/hooks/useWidgetFetch';
-import { mockReduxHooks } from '../mockReduxHooks';
+import { mockClear, mockSetup } from '../mockReduxHooks';
+import { selectViewport } from '@carto/react-redux';
+import bboxPolygon from '@turf/bbox-polygon';
 
 const PARAMS_MOCK = {
   column: '__test__'
@@ -11,15 +13,37 @@ const PARAMS_MOCK = {
 
 const SOURCE_MOCK = {
   id: 'test',
-  data: 'testTable'
+  data: 'testTable',
+  type: 'table',
+  credentials: {
+    apiVersion: 'v3'
+  }
 };
 
+const viewport = [-10, -5, 8, 9];
+const spatialFilter = bboxPolygon([-10, -5, 8, 9]).geometry;
+
 jest.mock('../../src/hooks/useWidgetSource', () => () => SOURCE_MOCK);
 
 describe('useWidgetFetch', () => {
-  mockReduxHooks();
+  beforeAll(() => {
+    const { useDispatch, useSelector } = mockSetup();
+    const defaultSelector = jest.fn();
+
+    useDispatch.mockReturnValue(jest.fn());
+    useSelector.mockImplementation((selector) => {
+      if (selector === selectViewport) {
+        return viewport;
+      }
+      return defaultSelector;
+    });
+  });
 
-  test('should work correctly', async () => {
+  afterAll(() => {
+    mockClear();
+  });
+
+  it('should work correctly (no remote attempt)', async () => {
     const onError = jest.fn();
     const modelFn = jest
       .fn()
@@ -35,6 +59,7 @@ describe('useWidgetFetch', () => {
           dataSource: 'test',
           params: PARAMS_MOCK,
           global: false,
+          attemptRemoteCalculation: false,
           onError
         }}
       />
@@ -44,7 +69,9 @@ describe('useWidgetFetch', () => {
     expect(modelFn).toBeCalledWith({
       source: SOURCE_MOCK,
       ...PARAMS_MOCK,
-      global: false
+      global: false,
+      remoteCalculation: false,
+      spatialFilter: spatialFilter
     });
 
     expect(screen.getByText('loading')).toBeInTheDocument();
@@ -65,6 +92,7 @@ describe('useWidgetFetch', () => {
           dataSource: 'test',
           params: PARAMS_MOCK,
           global: true,
+          attemptRemoteCalculation: false,
           onError
         }}
       />
@@ -74,7 +102,9 @@ describe('useWidgetFetch', () => {
     expect(modelFn).toBeCalledWith({
       source: SOURCE_MOCK,
       ...PARAMS_MOCK,
-      global: true
+      global: true,
+      remoteCalculation: false,
+      spatialFilter: null // never in global mode
     });
 
     expect(screen.getByText('loading')).toBeInTheDocument();
@@ -93,6 +123,7 @@ describe('useWidgetFetch', () => {
           dataSource: 'test',
           params: PARAMS_MOCK,
           global: false,
+          remoteCalculation: false,
           onError
         }}
       />
@@ -104,6 +135,70 @@ describe('useWidgetFetch', () => {
     expect(onError).toBeCalledTimes(1);
     expect(screen.queryByText(DEFAULT_INVALID_COLUMN_ERR)).toBeInTheDocument();
   });
+
+  it('should work correctly (non-global, remote attempt)', async () => {
+    const onError = jest.fn();
+    const modelFn = jest
+      .fn()
+      .mockImplementation(
+        () => new Promise((resolve) => setTimeout(() => resolve('data'), 100))
+      );
+
+    const { rerender } = render(
+      <TestComponent
+        modelFn={modelFn}
+        args={{
+          id: 'test',
+          dataSource: 'test',
+          params: PARAMS_MOCK,
+          global: false,
+          attemptRemoteCalculation: true,
+          onError
+        }}
+      />
+    );
+
+    // Test modelFn is called with the right params
+    expect(modelFn).toBeCalledWith({
+      source: SOURCE_MOCK,
+      ...PARAMS_MOCK,
+      global: false,
+      remoteCalculation: true,
+      spatialFilter: spatialFilter
+    });
+  });
+
+  it('should work correctly (global, remote attempt)', async () => {
+    const onError = jest.fn();
+    const modelFn = jest
+      .fn()
+      .mockImplementation(
+        () => new Promise((resolve) => setTimeout(() => resolve('data'), 100))
+      );
+
+    const { rerender } = render(
+      <TestComponent
+        modelFn={modelFn}
+        args={{
+          id: 'test',
+          dataSource: 'test',
+          params: PARAMS_MOCK,
+          global: true,
+          attemptRemoteCalculation: true,
+          onError
+        }}
+      />
+    );
+
+    // Test modelFn is called with the right params
+    expect(modelFn).toBeCalledWith({
+      source: SOURCE_MOCK,
+      ...PARAMS_MOCK,
+      global: true,
+      remoteCalculation: true,
+      spatialFilter: null // no spatial filter for glboal case
+    });
+  });
 });
 
 // Aux
diff --git a/packages/react-widgets/__tests__/mockReduxHooks.js b/packages/react-widgets/__tests__/mockReduxHooks.js
index 726f5c4e7..65e4397ef 100644
--- a/packages/react-widgets/__tests__/mockReduxHooks.js
+++ b/packages/react-widgets/__tests__/mockReduxHooks.js
@@ -11,6 +11,10 @@ export function mockReduxHooks(dispatchValue, selectorValue) {
   useSelectorSpy.mockReturnValue(mockSelectorFn);
 }
 
+export function mockSetup() {
+  return { useDispatch: useDispatchSpy, useSelector: useSelectorSpy };
+}
+
 export function mockClear() {
   useDispatchSpy.mockClear();
   useSelectorSpy.mockClear();
diff --git a/packages/react-widgets/__tests__/models/utils.test.js b/packages/react-widgets/__tests__/models/utils.test.js
index 8a3775f78..267e3b9e8 100644
--- a/packages/react-widgets/__tests__/models/utils.test.js
+++ b/packages/react-widgets/__tests__/models/utils.test.js
@@ -41,19 +41,34 @@ const fromRemote = jest.fn();
 
 describe('utils', () => {
   describe('wrapModelCall', () => {
-    test('should work correctly', () => {
-      const props = { source: V2_SOURCE, global: false };
-      wrapModelCall(props, fromLocal, fromRemote);
-      expect(fromLocal).toHaveBeenCalledWith(props);
-
-      const props2 = { source: V3_SOURCE, global: true };
-      wrapModelCall(props2, fromLocal, fromRemote);
-      expect(fromRemote).toHaveBeenCalledWith(props2);
-    });
+    const cases = [
+      // source, global, remoteCalculation, expectedFn
+      [V2_SOURCE, false, false, fromLocal],
+      [V3_SOURCE, false, false, fromLocal],
+      [V3_SOURCE, true, false, fromRemote],
+      [V2_SOURCE, false, true, fromLocal],
+      [V3_SOURCE, false, true, fromRemote],
+      [V3_SOURCE, true, true, fromRemote]
+    ];
+
+    test.each(cases)(
+      'should work correctly',
+      (source, global, remoteCalculation, expectedFn) => {
+        const props = { source, global, remoteCalculation };
+        wrapModelCall(props, fromLocal, fromRemote);
+        expect(expectedFn).toHaveBeenCalledWith(props);
+      }
+    );
 
     test('should throw error if global is true but fromRemote is missing', () => {
       expect(() =>
-        wrapModelCall({ source: V2_SOURCE, global: true }, fromLocal)
+        wrapModelCall({ source: V3_SOURCE, global: true }, fromLocal)
+      ).toThrowError();
+    });
+
+    test('should throw error if remoteCalculation is true but fromRemote is missing', () => {
+      expect(() =>
+        wrapModelCall({ source: V3_SOURCE, remoteCalculation: true }, fromLocal)
       ).toThrowError();
     });
 
@@ -102,20 +117,20 @@ describe('utils', () => {
   });
 
   describe('normalizeObjectKeys', () => {
-    test('should work correctly', () => {
-      const test = { VALUE: 1 };
-      const test2 = [{ TICK: 0, VALUE: 1 }];
-      const test3 = [{ TICK: [{ VALUE: 0 }], VALUE: 1 }];
-
-      expect(JSON.stringify(normalizeObjectKeys(test))).toEqual(
-        JSON.stringify(test).toLowerCase()
-      );
-      expect(JSON.stringify(normalizeObjectKeys(test2))).toEqual(
-        JSON.stringify(test2).toLowerCase()
-      );
-      expect(JSON.stringify(normalizeObjectKeys(test3))).toEqual(
-        JSON.stringify(test3).toLowerCase()
-      );
+    const tests = [
+      // single objects
+      { VALUE: 1 },
+      { A: null, B: undefined, C: 'hello' },
+      { A: { X: null }, B: { X: undefined }, C: 'hello' },
+      // array of objects
+      [{ TICK: 0, VALUE: 1 }],
+      [{ TICK: [{ VALUE: 0 }], VALUE: 1 }],
+      [{ A: null, B: undefined, C: 'hello' }],
+      [{ A: { X: null }, B: { X: undefined }, C: 'hello' }]
+    ];
+    test.each(tests)('should work correctly for %p', (test) => {
+      const normalized = normalizeObjectKeys(test);
+      expect(JSON.stringify(normalized)).toEqual(JSON.stringify(test).toLowerCase());
     });
   });
 
diff --git a/packages/react-widgets/package.json b/packages/react-widgets/package.json
index 1aec1921f..15dca27db 100644
--- a/packages/react-widgets/package.json
+++ b/packages/react-widgets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carto/react-widgets",
-  "version": "2.1.0-alpha.6",
+  "version": "2.0.3-alpha.2",
   "description": "CARTO for React - Widgets",
   "author": "CARTO Dev Team",
   "keywords": [
@@ -65,11 +65,11 @@
     "@babel/runtime": "^7.13.9"
   },
   "peerDependencies": {
-    "@carto/react-api": "^2.1.0-alpha.1",
-    "@carto/react-core": "^2.1.0-alpha.1",
-    "@carto/react-redux": "^2.1.0-alpha.1",
-    "@carto/react-ui": "^2.1.0-alpha.1",
-    "@carto/react-workers": "^2.1.0-alpha.1",
+    "@carto/react-api": "^2.0.3-alpha.2",
+    "@carto/react-core": "^2.0.3-alpha.2",
+    "@carto/react-redux": "^2.0.3-alpha.2",
+    "@carto/react-ui": "^2.0.3-alpha.2",
+    "@carto/react-workers": "^2.0.3-alpha.2",
     "@deck.gl/core": "^8.9.6",
     "@deck.gl/layers": "^8.9.6",
     "@emotion/react": "^11.10.6",
diff --git a/packages/react-widgets/src/hooks/useWidgetFetch.js b/packages/react-widgets/src/hooks/useWidgetFetch.js
index 7a2077950..625552021 100644
--- a/packages/react-widgets/src/hooks/useWidgetFetch.js
+++ b/packages/react-widgets/src/hooks/useWidgetFetch.js
@@ -1,25 +1,53 @@
-import { InvalidColumnError } from '@carto/react-core';
-import { selectAreFeaturesReadyForSource } from '@carto/react-redux';
+import {
+  InvalidColumnError,
+  getGeometryToIntersect,
+  isGlobalViewport
+} from '@carto/react-core';
+import {
+  selectAreFeaturesReadyForSource,
+  selectSpatialFilter,
+  selectViewport
+} from '@carto/react-redux';
 import { dequal } from 'dequal';
 import { useState } from 'react';
 import { useSelector } from 'react-redux';
 import { DEFAULT_INVALID_COLUMN_ERR } from '../widgets/utils/constants';
 import useCustomCompareEffect from './useCustomCompareEffect';
 import useWidgetSource from './useWidgetSource';
+import { isRemoteCalculationSupported } from '../models/utils';
 
 export default function useWidgetFetch(
   modelFn,
-  { id, dataSource, params, global, onError, enabled = true }
+  {
+    id,
+    dataSource,
+    params,
+    global,
+    onError,
+    enabled = true,
+    attemptRemoteCalculation = false
+  }
 ) {
   // State
   const [data, setData] = useState();
   const [isLoading, setIsLoading] = useState(false);
   const [warning, setWarning] = useState('');
 
+  const source = useWidgetSource({ dataSource, id });
+  const remoteCalculation =
+    attemptRemoteCalculation && isRemoteCalculationSupported({ source });
+
   const isSourceReady = useSelector(
-    (state) => global || selectAreFeaturesReadyForSource(state, dataSource)
+    (state) =>
+      global || remoteCalculation || selectAreFeaturesReadyForSource(state, dataSource)
   );
-  const source = useWidgetSource({ dataSource, id });
+
+  const viewport = useSelector(selectViewport);
+  const spatialFilter = useSelector((state) => selectSpatialFilter(state, dataSource));
+  const geometryToIntersect =
+    global || (!spatialFilter && isGlobalViewport(viewport))
+      ? null
+      : getGeometryToIntersect(viewport, spatialFilter ? spatialFilter.geometry : null);
 
   useCustomCompareEffect(
     () => {
@@ -30,7 +58,9 @@ export default function useWidgetFetch(
         modelFn({
           source,
           ...params,
-          global
+          global,
+          remoteCalculation,
+          spatialFilter: geometryToIntersect
         })
           .then((data) => {
             if (data !== null && data !== undefined) {
@@ -49,9 +79,18 @@ export default function useWidgetFetch(
           });
       }
     },
-    [params, source, onError, isSourceReady, global, enabled],
+    [
+      params,
+      source,
+      onError,
+      isSourceReady,
+      global,
+      remoteCalculation,
+      geometryToIntersect,
+      enabled
+    ],
     dequal
   );
 
-  return { data, isLoading, isSourceReady, source, warning };
+  return { data, isLoading, isSourceReady, source, warning, remoteCalculation };
 }
diff --git a/packages/react-widgets/src/models/CategoryModel.js b/packages/react-widgets/src/models/CategoryModel.js
index 2827795f6..ebde077e9 100644
--- a/packages/react-widgets/src/models/CategoryModel.js
+++ b/packages/react-widgets/src/models/CategoryModel.js
@@ -22,12 +22,13 @@ function fromLocal(props) {
 
 // From remote
 function fromRemote(props) {
-  const { source, abortController, ...params } = props;
+  const { source, spatialFilter, abortController, ...params } = props;
   const { column, operation, operationColumn } = params;
 
   return _executeModel({
     model: 'category',
     source,
+    spatialFilter,
     params: {
       column,
       operation,
diff --git a/packages/react-widgets/src/models/FormulaModel.js b/packages/react-widgets/src/models/FormulaModel.js
index f8e2352fb..0baced5f1 100644
--- a/packages/react-widgets/src/models/FormulaModel.js
+++ b/packages/react-widgets/src/models/FormulaModel.js
@@ -21,12 +21,13 @@ function fromLocal(props) {
 
 // From remote
 function fromRemote(props) {
-  const { source, abortController, ...params } = props;
+  const { source, spatialFilter, abortController, ...params } = props;
   const { column, operation } = params;
 
   return _executeModel({
     model: 'formula',
     source,
+    spatialFilter,
     params: { column: column || '*', operation },
     opts: { abortController }
   }).then((res) => normalizeObjectKeys(res.rows[0]));
diff --git a/packages/react-widgets/src/models/HistogramModel.js b/packages/react-widgets/src/models/HistogramModel.js
index 327eeec07..7160a29bb 100644
--- a/packages/react-widgets/src/models/HistogramModel.js
+++ b/packages/react-widgets/src/models/HistogramModel.js
@@ -21,19 +21,22 @@ function fromLocal(props) {
 
 // From remote
 async function fromRemote(props) {
-  const { source, abortController, ...params } = props;
-
+  const { source, spatialFilter, abortController, ...params } = props;
   const { column, operation, ticks } = params;
 
   const data = await _executeModel({
     model: 'histogram',
     source,
+    spatialFilter,
     params: { column, operation, ticks },
     opts: { abortController }
   }).then((res) => normalizeObjectKeys(res.rows));
 
-  const result = Array(ticks.length + 1).fill(0);
-  data.forEach(({ tick, value }) => (result[tick] = value));
+  if (data.length) {
+    const result = Array(ticks.length + 1).fill(0);
+    data.forEach(({ tick, value }) => (result[tick] = value));
+    return result;
+  }
 
-  return result;
+  return [];
 }
diff --git a/packages/react-widgets/src/models/utils.js b/packages/react-widgets/src/models/utils.js
index 62ef405b4..81aa71e08 100644
--- a/packages/react-widgets/src/models/utils.js
+++ b/packages/react-widgets/src/models/utils.js
@@ -1,8 +1,18 @@
 import { AggregationTypes, _filtersToSQL } from '@carto/react-core';
 import { MAP_TYPES, API_VERSIONS } from '@deck.gl/carto';
 
+export function isRemoteCalculationSupported(props) {
+  const { source } = props;
+
+  return (
+    source &&
+    source.type !== MAP_TYPES.TILESET &&
+    source.credentials.apiVersion !== API_VERSIONS.V2
+  );
+}
+
 export function wrapModelCall(props, fromLocal, fromRemote) {
-  const { source, global } = props;
+  const { source, global, remoteCalculation } = props;
 
   if (global) {
     if (source.type === MAP_TYPES.TILESET)
@@ -19,9 +29,17 @@ export function wrapModelCall(props, fromLocal, fromRemote) {
     }
 
     return fromRemote(props);
-  }
+  } else if (remoteCalculation && isRemoteCalculationSupported(props)) {
+    if (!fromRemote) {
+      throw new Error(`Remote calculation isn't supported for this widget`);
+    }
 
-  return fromLocal(props);
+    // The widget supports remote calculation, preferred whenever possible
+    return fromRemote(props);
+  } else {
+    // Local calculation, it requires data to be available
+    return fromLocal(props);
+  }
 }
 
 export function formatTableNameWithFilters(props) {
@@ -45,7 +63,7 @@ export function normalizeObjectKeys(el) {
 
   return Object.entries(el).reduce((acc, [key, value]) => {
     acc[key.toLowerCase()] =
-      typeof value === 'object' ? normalizeObjectKeys(value) : value;
+      typeof value === 'object' && value ? normalizeObjectKeys(value) : value;
     return acc;
   }, {});
 }
diff --git a/packages/react-widgets/src/widgets/BarWidget.js b/packages/react-widgets/src/widgets/BarWidget.js
index 4b61107c2..68554db08 100644
--- a/packages/react-widgets/src/widgets/BarWidget.js
+++ b/packages/react-widgets/src/widgets/BarWidget.js
@@ -3,7 +3,12 @@ import { useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
 import { addFilter, removeFilter } from '@carto/react-redux';
 import { BarWidgetUI, WrapperWidgetUI } from '@carto/react-ui';
-import { _FilterTypes as FilterTypes, AggregationTypes } from '@carto/react-core';
+import {
+  _FilterTypes as FilterTypes,
+  AggregationTypes,
+  _hasFeatureFlag,
+  _FeatureFlags
+} from '@carto/react-core';
 import { getCategories } from '../models';
 import { useWidgetFilterValues } from '../hooks/useWidgetFilterValues';
 import { columnAggregationOn } from './utils/propTypesFns';
@@ -65,7 +70,8 @@ function BarWidget({
   const {
     data: _data = [],
     isLoading,
-    warning
+    warning,
+    remoteCalculation
   } = useWidgetFetch(getCategories, {
     id,
     dataSource,
@@ -76,7 +82,8 @@ function BarWidget({
       operation
     },
     global,
-    onError
+    onError,
+    attemptRemoteCalculation: _hasFeatureFlag(_FeatureFlags.REMOTE_WIDGETS)
   });
 
   const sortedData = useMemo(() => {
@@ -141,6 +148,7 @@ function BarWidget({
         global={global}
         droppingFeaturesAlertProps={droppingFeaturesAlertProps}
         noDataAlertProps={noDataAlertProps}
+        showDroppingFeaturesAlert={!remoteCalculation}
       >
         {(!!sortedData.length || isLoading) && (
           <BarWidgetUI
diff --git a/packages/react-widgets/src/widgets/CategoryWidget.js b/packages/react-widgets/src/widgets/CategoryWidget.js
index 4dab8613b..d1376b1f8 100644
--- a/packages/react-widgets/src/widgets/CategoryWidget.js
+++ b/packages/react-widgets/src/widgets/CategoryWidget.js
@@ -3,7 +3,12 @@ import { useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
 import { addFilter, removeFilter } from '@carto/react-redux';
 import { WrapperWidgetUI, CategoryWidgetUI } from '@carto/react-ui';
-import { _FilterTypes as FilterTypes, AggregationTypes } from '@carto/react-core';
+import {
+  _FilterTypes as FilterTypes,
+  AggregationTypes,
+  _hasFeatureFlag,
+  _FeatureFlags
+} from '@carto/react-core';
 import { getCategories } from '../models';
 import { useWidgetFilterValues } from '../hooks/useWidgetFilterValues';
 import { columnAggregationOn } from './utils/propTypesFns';
@@ -62,7 +67,8 @@ function CategoryWidget(props) {
   const {
     data = [],
     isLoading,
-    warning
+    warning,
+    remoteCalculation
   } = useWidgetFetch(getCategories, {
     id,
     dataSource,
@@ -73,7 +79,8 @@ function CategoryWidget(props) {
       operation
     },
     global,
-    onError
+    onError,
+    attemptRemoteCalculation: _hasFeatureFlag(_FeatureFlags.REMOTE_WIDGETS)
   });
 
   const handleSelectedCategoriesChange = useCallback(
@@ -109,6 +116,7 @@ function CategoryWidget(props) {
         global={global}
         droppingFeaturesAlertProps={droppingFeaturesAlertProps}
         noDataAlertProps={noDataAlertProps}
+        showDroppingFeaturesAlert={!remoteCalculation}
       >
         {(!!data.length || isLoading) && (
           <CategoryWidgetUI
diff --git a/packages/react-widgets/src/widgets/FormulaWidget.js b/packages/react-widgets/src/widgets/FormulaWidget.js
index f1920ff16..e6d91d67b 100644
--- a/packages/react-widgets/src/widgets/FormulaWidget.js
+++ b/packages/react-widgets/src/widgets/FormulaWidget.js
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { WrapperWidgetUI, FormulaWidgetUI } from '@carto/react-ui';
 import { getFormula } from '../models';
-import { AggregationTypes } from '@carto/react-core';
+import { AggregationTypes, _FeatureFlags, _hasFeatureFlag } from '@carto/react-core';
 import { checkFormulaColumn, columnAggregationOn } from './utils/propTypesFns';
 import useWidgetFetch from '../hooks/useWidgetFetch';
 import WidgetWithAlert from './utils/WidgetWithAlert';
@@ -40,7 +40,8 @@ function FormulaWidget({
   const {
     data = { value: undefined },
     isLoading,
-    warning
+    warning,
+    remoteCalculation
   } = useWidgetFetch(getFormula, {
     id,
     dataSource,
@@ -50,9 +51,12 @@ function FormulaWidget({
       joinOperation
     },
     global,
-    onError
+    onError,
+    attemptRemoteCalculation: _hasFeatureFlag(_FeatureFlags.REMOTE_WIDGETS)
   });
 
+  const value = Number.isFinite(data?.value) ? data.value : undefined;
+
   return (
     <WrapperWidgetUI title={title} isLoading={isLoading} {...wrapperProps}>
       <WidgetWithAlert
@@ -60,12 +64,11 @@ function FormulaWidget({
         warning={warning}
         global={global}
         droppingFeaturesAlertProps={droppingFeaturesAlertProps}
+        showDroppingFeaturesAlert={!remoteCalculation}
       >
-        <FormulaWidgetUI
-          data={Number.isFinite(data?.value) ? data.value : undefined}
-          formatter={formatter}
-          animation={animation}
-        />
+        {value !== undefined && (
+          <FormulaWidgetUI data={value} formatter={formatter} animation={animation} />
+        )}
       </WidgetWithAlert>
     </WrapperWidgetUI>
   );
diff --git a/packages/react-widgets/src/widgets/HistogramWidget.js b/packages/react-widgets/src/widgets/HistogramWidget.js
index b1952d130..870e03dff 100644
--- a/packages/react-widgets/src/widgets/HistogramWidget.js
+++ b/packages/react-widgets/src/widgets/HistogramWidget.js
@@ -3,7 +3,12 @@ import { useDispatch } from 'react-redux';
 import { PropTypes } from 'prop-types';
 import { addFilter, removeFilter } from '@carto/react-redux';
 import { WrapperWidgetUI, HistogramWidgetUI } from '@carto/react-ui';
-import { _FilterTypes as FilterTypes, AggregationTypes } from '@carto/react-core';
+import {
+  _FilterTypes as FilterTypes,
+  AggregationTypes,
+  _hasFeatureFlag,
+  _FeatureFlags
+} from '@carto/react-core';
 import { getHistogram } from '../models';
 import { useWidgetFilterValues } from '../hooks/useWidgetFilterValues';
 import useWidgetFetch from '../hooks/useWidgetFetch';
@@ -101,7 +106,8 @@ function HistogramWidget({
   let {
     data = EMPTY_ARRAY,
     isLoading,
-    warning = _warning
+    warning = _warning,
+    remoteCalculation
   } = useWidgetFetch(getHistogram, {
     id,
     dataSource,
@@ -112,7 +118,8 @@ function HistogramWidget({
     },
     global,
     onError,
-    enabled: !!ticks.length
+    enabled: !!ticks.length,
+    attemptRemoteCalculation: _hasFeatureFlag(_FeatureFlags.REMOTE_WIDGETS)
   });
 
   const thresholdsFromFilters = useWidgetFilterValues({
@@ -176,6 +183,7 @@ function HistogramWidget({
         global={global}
         droppingFeaturesAlertProps={droppingFeaturesAlertProps}
         noDataAlertProps={noDataAlertProps}
+        showDroppingFeaturesAlert={!remoteCalculation}
       >
         {(!!data.length || isLoading) && (
           <HistogramWidgetUI
diff --git a/packages/react-widgets/src/widgets/PieWidget.js b/packages/react-widgets/src/widgets/PieWidget.js
index 7a05e2499..2cfccd121 100644
--- a/packages/react-widgets/src/widgets/PieWidget.js
+++ b/packages/react-widgets/src/widgets/PieWidget.js
@@ -3,7 +3,12 @@ import { useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
 import { addFilter, removeFilter } from '@carto/react-redux';
 import { WrapperWidgetUI, PieWidgetUI } from '@carto/react-ui';
-import { _FilterTypes as FilterTypes, AggregationTypes } from '@carto/react-core';
+import {
+  _FilterTypes as FilterTypes,
+  AggregationTypes,
+  _hasFeatureFlag,
+  _FeatureFlags
+} from '@carto/react-core';
 import { getCategories } from '../models';
 import { useWidgetFilterValues } from '../hooks/useWidgetFilterValues';
 import { columnAggregationOn } from './utils/propTypesFns';
@@ -64,7 +69,8 @@ function PieWidget({
   const {
     data = [],
     isLoading,
-    warning
+    warning,
+    remoteCalculation
   } = useWidgetFetch(getCategories, {
     id,
     dataSource,
@@ -75,7 +81,8 @@ function PieWidget({
       operation
     },
     global,
-    onError
+    onError,
+    attemptRemoteCalculation: _hasFeatureFlag(_FeatureFlags.REMOTE_WIDGETS)
   });
 
   const handleSelectedCategoriesChange = useCallback(
@@ -111,6 +118,7 @@ function PieWidget({
         global={global}
         droppingFeaturesAlertProps={droppingFeaturesAlertProps}
         noDataAlertProps={noDataAlertProps}
+        showDroppingFeaturesAlert={!remoteCalculation}
       >
         {(!!data.length || isLoading) && (
           <PieWidgetUI
diff --git a/packages/react-widgets/src/widgets/RangeWidget.js b/packages/react-widgets/src/widgets/RangeWidget.js
index 61cd11c17..6621246b5 100644
--- a/packages/react-widgets/src/widgets/RangeWidget.js
+++ b/packages/react-widgets/src/widgets/RangeWidget.js
@@ -1,7 +1,11 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { PropTypes } from 'prop-types';
-import { _FilterTypes as FilterTypes } from '@carto/react-core';
+import {
+  _FilterTypes as FilterTypes,
+  _FeatureFlags,
+  _hasFeatureFlag
+} from '@carto/react-core';
 import { WrapperWidgetUI } from '@carto/react-ui';
 import { addFilter, selectSourceById } from '@carto/react-redux/';
 import { getRange } from '../models/RangeModel';
@@ -67,7 +71,8 @@ function RangeWidget({
       column
     },
     global,
-    onError
+    onError,
+    attemptRemoteCalculation: _hasFeatureFlag(_FeatureFlags.REMOTE_WIDGETS)
   });
 
   const handleSelectedRangeChange = useCallback(
diff --git a/packages/react-widgets/src/widgets/TimeSeriesWidget.js b/packages/react-widgets/src/widgets/TimeSeriesWidget.js
index ebc6ed455..7fe4a8cb4 100644
--- a/packages/react-widgets/src/widgets/TimeSeriesWidget.js
+++ b/packages/react-widgets/src/widgets/TimeSeriesWidget.js
@@ -11,7 +11,9 @@ import {
 import {
   GroupDateTypes,
   AggregationTypes,
-  _FilterTypes as FilterTypes
+  _FilterTypes as FilterTypes,
+  _hasFeatureFlag,
+  _FeatureFlags
 } from '@carto/react-core';
 import { capitalize, Menu, MenuItem, SvgIcon } from '@mui/material';
 import { PropTypes } from 'prop-types';
@@ -123,7 +125,8 @@ function TimeSeriesWidget({
   const {
     data = [],
     isLoading,
-    warning
+    warning,
+    remoteCalculation
   } = useWidgetFetch(getTimeSeries, {
     id,
     dataSource,
@@ -135,7 +138,8 @@ function TimeSeriesWidget({
       operation
     },
     global,
-    onError
+    onError,
+    attemptRemoteCalculation: _hasFeatureFlag(_FeatureFlags.REMOTE_WIDGETS)
   });
 
   const handleTimeWindowUpdate = useCallback(
@@ -241,6 +245,7 @@ function TimeSeriesWidget({
           global={global}
           droppingFeaturesAlertProps={droppingFeaturesAlertProps}
           noDataAlertProps={noDataAlertProps}
+          showDroppingFeaturesAlert={!remoteCalculation}
         >
           {(!!data.length || isLoading) && (
             <TimeSeriesWidgetUI
diff --git a/packages/react-workers/package.json b/packages/react-workers/package.json
index 575bda6b7..9d3adff40 100644
--- a/packages/react-workers/package.json
+++ b/packages/react-workers/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@carto/react-workers",
-  "version": "2.1.0-alpha.6",
+  "version": "2.0.3-alpha.2",
   "description": "CARTO for React - Workers",
   "author": "CARTO Dev Team",
   "keywords": [
@@ -62,7 +62,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.13.9",
-    "@carto/react-core": "^2.1.0-alpha.6",
+    "@carto/react-core": "^2.0.3-alpha.2",
     "@turf/bbox-polygon": "^6.3.0",
     "@turf/boolean-intersects": "^6.3.0",
     "@turf/boolean-within": "^6.3.0",
diff --git a/yarn.lock b/yarn.lock
index e228a6afb..3789d4099 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2796,6 +2796,13 @@
   resolved "https://registry.yarnpkg.com/@mapbox/point-geometry/-/point-geometry-0.1.0.tgz#8a83f9335c7860effa2eeeca254332aa0aeed8f2"
   integrity sha512-6j56HdLTwWGO0fJPlrZtdU/B13q8Uwmo18Ck2GnGgN9PCFyKTZ3UbXeEdRFh18i9XQ92eH2VdtpJHpBD3aripQ==
 
+"@mapbox/tile-cover@3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@mapbox/tile-cover/-/tile-cover-3.0.1.tgz#ad0dbe69d02e4e9ff74bf228b3ee8fa533034210"
+  integrity sha512-R8aoFY/87HWBOL9E2eBqzOY2lpfWYXCcTNgBpIxAv67rqQeD4IfnHD0iPXg/Z1cqXrklegEYZCp/7ZR/RsWqBQ==
+  dependencies:
+    tilebelt "^1.0.1"
+
 "@mapbox/tile-cover@^3.0.2":
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/@mapbox/tile-cover/-/tile-cover-3.0.2.tgz#e10b1bbfe65ee28a7f1a0127deb699635d0f8d7a"
@@ -15353,13 +15360,20 @@ qs@~6.5.2:
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.3.tgz#3aeeffc91967ef6e35c0e488ef46fb296ab76aad"
   integrity sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==
 
-quadbin@^0.1.2, quadbin@^0.1.5:
+quadbin@^0.1.2:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/quadbin/-/quadbin-0.1.5.tgz#aa6dba53d0558236f8070450c90d6ed9b87507c8"
   integrity sha512-/MQnN7V73myA+31gTxldTGN8ixqrUCXtUoDvRKSI9QZJOaq0cS9SNQkdToMxjC3ZSM2hN7mleOAn+9QVNlPZOg==
   dependencies:
     "@mapbox/tile-cover" "^3.0.2"
 
+quadbin@^0.1.9:
+  version "0.1.9"
+  resolved "https://registry.yarnpkg.com/quadbin/-/quadbin-0.1.9.tgz#322bd5f8b63960ef0a31a8b69863b0a0ab0b2e22"
+  integrity sha512-5V6m6+cL/6+uBl3hYL+CWF06rRvlHkIepYKGQjTLYaHhu9InPppql0+0ROiCaOQdz8gPNlgge3glk5Qg1mWOYw==
+  dependencies:
+    "@mapbox/tile-cover" "3.0.1"
+
 query-string@^6.13.8:
   version "6.14.1"
   resolved "https://registry.yarnpkg.com/query-string/-/query-string-6.14.1.tgz#7ac2dca46da7f309449ba0f86b1fd28255b0c86a"
@@ -17500,6 +17514,11 @@ through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6, through@^2.3.8:
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
+tilebelt@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tilebelt/-/tilebelt-1.0.1.tgz#3bbf7113b3fec468efb0d9148f4bb71ef126a21a"
+  integrity sha512-cxHzpa5JgsugY9NUVRH43gPaGJw/29LecAn4X7UGOP64+kB8pU4VQ3bIhSyfb5Mk4jDxwl3yk330L/EIhbJ5aw==
+
 timers-browserify@^2.0.4:
   version "2.0.12"
   resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.12.tgz#44a45c11fbf407f34f97bccd1577c652361b00ee"