@vizzly/dashboard 0.15.0-dev-67a8f2b3c476fec9b95806eb843a397f087e47f5 → 0.15.0-dev-3d599f1049eba812c1f45d1985540f920617733b

package/dist/dashboard.esm.js

@@ -14,6 +14,7 @@ import ReactDOM, { createPortal } from 'react-dom';
 import Fuse from 'fuse.js';
 import { CheckIcon, QuestionMarkCircleIcon, BadgeCheckIcon, DotsVerticalIcon, CloudIcon, SelectorIcon, ChevronUpIcon, ChevronDownIcon, DotsHorizontalIcon, ChevronLeftIcon, ChevronRightIcon, MinusSmIcon, PlusSmIcon } from '@heroicons/react/solid';
 import { VariableIcon, HashtagIcon, CalendarIcon, SearchIcon } from '@heroicons/react/outline';
+import crypto from 'crypto';
 import moment$1 from 'moment';
 import { usePopper } from 'react-popper';
 import 'react-dates-17/initialize';
@@ -15622,7 +15623,7 @@ var DashboardBehaviourContext = /*#__PURE__*/React__default.createContext( /*#__
   setOverrideDeveloperInfo: noOp
 }));
 var DashboardBehaviourContextProvider = function DashboardBehaviourContextProvider(props) {
-  var _props$dashboardBehav, _props$dashboardBehav2, _props$dashboardBehav3, _props$dashboardBehav4, _props$dashboardBehav5;
+  var _props$dashboardBehav, _props$dashboardBehav2, _props$dashboardBehav3, _props$dashboardBehav4, _props$dashboardBehav5, _props$dashboardBehav6;
   var _useFeatureTogglesSet = useFeatureTogglesSetup(props.mode, (_props$dashboardBehav = props.dashboardBehaviour) == null ? void 0 : _props$dashboardBehav.featureToggles, (_props$dashboardBehav2 = props.dashboardBehaviour) == null ? void 0 : _props$dashboardBehav2.queryEngineConfig, (_props$dashboardBehav3 = props.dashboardBehaviour) == null ? void 0 : _props$dashboardBehav3.scope, props.id),
     featureToggles = _useFeatureTogglesSet.featureToggles;
   var textOverride = props.textOverride || defaultText;
@@ -15654,7 +15655,8 @@ var DashboardBehaviourContextProvider = function DashboardBehaviourContextProvid
       id: props.id,
       featureToggles: featureToggles,
       valueAlias: props.valueAlias,
-      variables: props.variables
+      variables: props.variables,
+      updateDashboardHash: (_props$dashboardBehav6 = props.dashboardBehaviour) == null ? void 0 : _props$dashboardBehav6.updateDashboardHash
     }),
     children: props.children
   });
@@ -23664,7 +23666,9 @@ var DashboardContextProvider = function DashboardContextProvider(props) {
   var dashboard = props.dashboard,
     children = props.children,
     trackEvent = props.trackEvent,
-    componentEditor = props.componentEditor;
+    componentEditor = props.componentEditor,
+    onDashboardUpdate = props.onDashboardUpdate,
+    dashboardHash = props.dashboardHash;
   var _useDashboardReducer = useDashboardReducer({
       componentEditor: componentEditor ? componentEditor : null,
       dashboard: dashboard ? mergeAPIIntoStoredTheme(dashboard, props.theme) : dashboard
@@ -23672,8 +23676,21 @@ var DashboardContextProvider = function DashboardContextProvider(props) {
     state = _useDashboardReducer[0],
     dispatch = _useDashboardReducer[1];
   useEffect(function () {
-    (props == null ? void 0 : props.onDashboardUpdate) && (props == null ? void 0 : props.onDashboardUpdate(state.dashboard));
-  }, [JSON.stringify(state.dashboard)]);
+    if (!onDashboardUpdate) return;
+    if (!dashboardHash) {
+      onDashboardUpdate(state.dashboard, {
+        hasUnsavedChanges: false
+      });
+      return;
+    }
+    var definition = toSaveableDefinition(state.dashboard);
+    var serializedDefinition = JSON.stringify(definition);
+    var newHash = crypto.createHash('md5').update(serializedDefinition).digest('hex');
+    var hasUnsavedChanges = dashboardHash !== newHash;
+    onDashboardUpdate(state.dashboard, {
+      hasUnsavedChanges: hasUnsavedChanges
+    });
+  }, [JSON.stringify(state.dashboard), dashboardHash, onDashboardUpdate]);
   var trackEventFallback = function trackEventFallback() {};
   return jsx(DashboardContext.Provider, {
     value: _extends({}, state, {
@@ -41386,7 +41403,8 @@ var AdminTools = function AdminTools(props) {
     onSave = _useDashboardBehaviou.onSave,
     queryEngineConfig = _useDashboardBehaviou.queryEngineConfig,
     onOpenConfigManagerUi = _useDashboardBehaviou.onOpenConfigManagerUi,
-    disableToolbar = _useDashboardBehaviou.disableToolbar;
+    disableToolbar = _useDashboardBehaviou.disableToolbar,
+    updateDashboardHash = _useDashboardBehaviou.updateDashboardHash;
   var saveableDashboard = toSaveableDefinition(dashboard);
   var supportsConfigManagerUi = supportsFeature(queryEngineConfig, 'configManagerUi') && onOpenConfigManagerUi;
   useEffect(function () {
@@ -41427,6 +41445,7 @@ var AdminTools = function AdminTools(props) {
     if (data.save) {
       logDebug('Received from VizzlyState, `save()`');
       doSave();
+      updateDashboardHash && updateDashboardHash(dashboard);
     }
   }, undefined, [dashboard]);
   if (disableToolbar) return null;
@@ -69738,7 +69757,8 @@ var StudioContexts = function StudioContexts(props) {
       trackEvent: props.trackEvent,
       dashboard: props.dashboard,
       componentEditor: props.componentEditor,
-      onDashboardUpdate: props.onDashboardUpdate,
+      onDashboardUpdate: props.dashboardBehaviour.onDashboardUpdate,
+      dashboardHash: props.dashboardHash,
       saving: props.saving,
       runQueriesCallback: function runQueriesCallback(queries, params) {
         var _props$identityConfig;
@@ -73553,848 +73573,74 @@ var EditorView$1 = function EditorView(props) {
   });
 };
 
-var GlobalContext = /*#__PURE__*/createContext(undefined);
-
-var getDefaultParentDashboardId = function getDefaultParentDashboardId(parentDashboardId, parentDashboardIdOnDashboardAccessToken, dashboards) {
-  if (parentDashboardId) {
-    var parentDashboard = find$1(dashboards, parentDashboardId);
-    if (!(parentDashboard != null && parentDashboard.parentDashboardId)) {
-      return parentDashboardId;
-    } else {
-      throw '[Vizzly] `parentDashboardId` value must specify an ID for a parent dashboard.';
-    }
-  }
-  var parentDashboards = getParentDashboards(dashboards);
-  var programmaticDashboardId = checkAndReturnProgrammaticDashboardId(parentDashboards);
-  if (programmaticDashboardId) return programmaticDashboardId;
-  return parentDashboardIdOnDashboardAccessToken || getFirstCreated(parentDashboards).id;
-};
-
-var getStrategy = function getStrategy(vizzly, requestedEndUserParentDashboardId, requestedEndUserDashboardId, isEditor) {
-  if (!('dashboards' in vizzly)) return undefined;
-  if (vizzly.loading || vizzly.error) return undefined;
-  logDebug('Loading dashboard strategy, with props;', {
-    dashboardId: requestedEndUserDashboardId,
-    parentDashboardId: requestedEndUserParentDashboardId
-  });
-  // This is a temporary fix for the issue where the dashboard is not loaded due to multiple hooks.
-  var checkToStopStrategyCheckingWhenDashboardNotLoadedDueToMultipleHooks = isEditor && vizzly.dashboards.length === 0;
-  if (checkToStopStrategyCheckingWhenDashboardNotLoadedDueToMultipleHooks) return undefined;
-  var defaultParentDashboardId = getDefaultParentDashboardId(requestedEndUserParentDashboardId, vizzly.identityConfig.dashboardAccess.dashboardId, vizzly.dashboards);
-  if (vizzly.accessType == 'admin') {
-    logDebug('Admin access found, so we will show the parent dashboard.', defaultParentDashboardId);
-    var dashboardId = defaultParentDashboardId;
-    // If the user wants a specific dashboard, then fetch the parent dashboard of it.
-    if (requestedEndUserDashboardId) {
-      var foundRequestedChildDashboard = vizzly.dashboards.find(function (dashboard) {
-        return dashboard.id == requestedEndUserDashboardId;
-      });
-      if (foundRequestedChildDashboard != null && foundRequestedChildDashboard.parentDashboardId) {
-        logDebug('A child dashboard was provided whilst in admin mode. Therefore the parent of the given child will be shown to administer.', foundRequestedChildDashboard.parentDashboardId);
-        dashboardId = foundRequestedChildDashboard.parentDashboardId;
-      }
-    }
-    logDebug('Admin access found, so we will show the parent dashboard.', dashboardId);
-    return {
-      type: 'exact',
-      dashboardId: dashboardId
-    };
-  }
-  if (requestedEndUserDashboardId) {
-    logDebug('Strategy will be to show dashboard', requestedEndUserDashboardId);
-    return {
-      type: 'exact',
-      dashboardId: requestedEndUserDashboardId
-    };
-  }
-  var childDashboards = vizzly.dashboards.filter(function (d) {
-    var isChildDashboard = d.parentDashboardId != null;
-    var hasNotRequestedEndUserParentDashboardId = requestedEndUserParentDashboardId === undefined;
-    var isChildOfRequestedParent = hasNotRequestedEndUserParentDashboardId || d.parentDashboardId === requestedEndUserParentDashboardId;
-    return isChildDashboard && isChildOfRequestedParent;
-  });
-  // Exactly one child dashboard for the user & in read-only mode so someone else is managing the dashboard with the same userReference.
-  // We will show that one dashboard to allow for a common SaaS environment where
-  // multiple users share the same userReference, but some of those users have `read_write` access and other users have read access.
-  // Those with `read` access should see the dashboard managed by those other users...
-  if (childDashboards.length === 1 && vizzly.identityConfig.dashboardAccess.scope == 'read') {
-    logDebug('Strategy will be to show read-only view of the only child dashboard. If you wish to render a read-only view of the parent dashboard, please make sure the `dashboardId` property matches the `parentDashboardId` property.', defaultParentDashboardId);
-    return {
-      type: 'exact',
-      dashboardId: vizzly.dashboards.find(function (d) {
-        return d.parentDashboardId != null;
-      }).id
-    };
-  }
-  // No specific dashboard requested, but dashboard access token only grants 'read' access.
-  if (vizzly.identityConfig.dashboardAccess.scope == 'read' && defaultParentDashboardId) {
-    logDebug('Strategy will be to return read-only view of the parent dashboard.', defaultParentDashboardId);
-    return {
-      type: 'exact',
-      dashboardId: defaultParentDashboardId
-    };
-  }
-  var dashboardIdSetInIdentityConfig = vizzly.identityConfig.dashboardAccess.dashboardId;
-  if (dashboardIdSetInIdentityConfig) {
-    var _vizzly$identityConfi, _vizzly$identityConfi2;
-    logDebug('Strategy will be to show a child of the parent dashboard determined by the identity config', (_vizzly$identityConfi = vizzly.identityConfig.dashboardAccess) == null ? void 0 : _vizzly$identityConfi.dashboardId);
-    return {
-      type: 'instantCopyOf',
-      parentDashboardId: (_vizzly$identityConfi2 = vizzly.identityConfig.dashboardAccess) == null ? void 0 : _vizzly$identityConfi2.dashboardId
-    };
-  } else {
-    logDebug('Strategy will be to show a child of the parent dashboard', defaultParentDashboardId);
-    return {
-      type: 'instantCopyOf',
-      parentDashboardId: defaultParentDashboardId
-    };
-  }
-};
-
-var Mode;
-(function (Mode) {
-  Mode["Admin"] = "admin";
-  Mode["EndUser"] = "endUser";
-})(Mode || (Mode = {}));
-var Scope;
-(function (Scope) {
-  Scope["Read"] = "read";
-  Scope["ReadWrite"] = "read_write";
-})(Scope || (Scope = {}));
-
-/*
-  Currently, we just replicate the same behaviour as what we used to have on the API.
-*/
-var runStrategy = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(strategy, vizzly) {
-    var currentDashboard, scope, _parentDashboard$perm, parentDashboard, hasParentDashboardWritePermission, dashboardCopies, mostRecentlyUpdatedChildDashboard, created;
+var getParentDashboards$1 = function getParentDashboards(httpClient) {
+  return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _yield$httpClient, status, body;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          if (!(strategy.type == 'exact')) {
-            _context.next = 9;
-            break;
-          }
-          currentDashboard = vizzly.dashboards.find(function (d) {
-            return d.id === strategy.dashboardId;
-          });
-          if (currentDashboard.permission) {
-            _context.next = 4;
-            break;
-          }
-          throw '';
-        case 4:
-          scope = currentDashboard.permission.scope;
-          logDebug('A specific dashboard has been requested. This will be rendered with', scope, 'scope.', strategy.dashboardId);
-          return _context.abrupt("return", {
-            dashboardId: strategy.dashboardId,
-            mode: scope === 'read_write' && currentDashboard.parentDashboardId === null ? Mode.Admin : Mode.EndUser,
-            scope: scope
-          });
-        case 9:
-          if (!(strategy.type == 'instantCopyOf')) {
-            _context.next = 29;
-            break;
-          }
-          // If the user has write access to the parent dashboard, then we return that dashboard ID, with mode=admin
-          parentDashboard = vizzly.dashboards.find(function (d) {
-            return d.id === strategy.parentDashboardId;
-          });
-          hasParentDashboardWritePermission = ((_parentDashboard$perm = parentDashboard.permission) == null ? void 0 : _parentDashboard$perm.scope) === 'read_write';
-          if (!hasParentDashboardWritePermission) {
-            _context.next = 15;
-            break;
-          }
-          logDebug('Write access to the parent dashboard has been found, so this dashboard will be shown with admin access.', strategy.parentDashboardId);
-          return _context.abrupt("return", {
-            dashboardId: strategy.parentDashboardId,
-            mode: Mode.Admin,
-            scope: Scope.ReadWrite
-          });
-        case 15:
-          dashboardCopies = getCopiesOfParentDashboard(strategy.parentDashboardId, vizzly.dashboards);
-          mostRecentlyUpdatedChildDashboard = takeMostRecentlyUpdated(dashboardCopies);
-          if (!mostRecentlyUpdatedChildDashboard) {
-            _context.next = 20;
-            break;
-          }
-          logDebug('An existing child dashboard exists of the parent dashboard. As no specific dashboardId was provided, we will render the most recently updated child dashboard', mostRecentlyUpdatedChildDashboard.id);
-          return _context.abrupt("return", {
-            dashboardId: mostRecentlyUpdatedChildDashboard.id,
-            mode: Mode.EndUser,
-            scope: mostRecentlyUpdatedChildDashboard.permission.scope
-          });
-        case 20:
-          logDebug('No previous child dashboard has been created on behalf of the current user for the parent dashboard', parentDashboard.id, '. Creating a child copy of the parent.');
-          _context.next = 23;
-          return vizzly.createDashboard({
-            parentDashboardId: parentDashboard.id,
-            definition: toSaveableDefinition(parentDashboard),
-            metadata: {}
+          _context.next = 2;
+          return httpClient({
+            path: "/api/v2/parent-dashboards",
+            method: 'get'
           });
-        case 23:
-          created = _context.sent;
-          if (created) {
-            _context.next = 26;
+        case 2:
+          _yield$httpClient = _context.sent;
+          status = _yield$httpClient.status;
+          body = _yield$httpClient.body;
+          if (!(status == 200)) {
+            _context.next = 7;
             break;
           }
-          throw 'Failed to create first child dashboard for the user.';
-        case 26:
-          return _context.abrupt("return", {
-            dashboardId: created.id,
-            scope: Scope.ReadWrite,
-            mode: Mode.EndUser
-          });
-        case 29:
-          throw "Unsupported strategy";
-        case 30:
+          return _context.abrupt("return", body.dashboards.map(function (rawDashboard) {
+            return {
+              id: rawDashboard.id,
+              created_at: rawDashboard.created_at,
+              updated_at: rawDashboard.updated_at,
+              webhook_id: rawDashboard.webhook_id
+            };
+          }));
+        case 7:
+          return _context.abrupt("return", undefined);
+        case 8:
         case "end":
           return _context.stop();
       }
     }, _callee);
   }));
-  return function runStrategy(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-/*
-  Stores which dashboard is the currently active one...
-*/
-var useDashboardStrategy = function useDashboardStrategy(strategy, vizzly, programmaticDashboard) {
-  var _useState = useState(),
-    state = _useState[0],
-    setState = _useState[1];
-  useEffect(function () {
-    var doWork = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _yield$runStrategy, mode, dashboardId, scope;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if ('dashboards' in vizzly) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              if (strategy) {
-                _context.next = 4;
-                break;
-              }
-              return _context.abrupt("return");
-            case 4:
-              if (!vizzly.loading) {
-                _context.next = 6;
-                break;
-              }
-              return _context.abrupt("return");
-            case 6:
-              _context.next = 8;
-              return runStrategy(strategy, vizzly);
-            case 8:
-              _yield$runStrategy = _context.sent;
-              mode = _yield$runStrategy.mode;
-              dashboardId = _yield$runStrategy.dashboardId;
-              scope = _yield$runStrategy.scope;
-              if (dashboardId != (state == null ? void 0 : state.dashboardId)) setState({
-                mode: mode,
-                dashboardId: dashboardId,
-                scope: scope
-              });
-            case 13:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function doWork() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    doWork();
-  }, [JSON.stringify({
-    strategy: strategy,
-    loading: vizzly.loading
-  })]);
-  if (!('dashboards' in vizzly)) return null;
-  if (!state) return null;
-  if (vizzly.loading) return null;
-  var dashboard = vizzly.dashboards.find(function (dash) {
-    return dash.id == state.dashboardId;
-  }) || null;
-  return {
-    mode: state.mode,
-    dashboard: dashboard,
-    scope: state.scope,
-    isProgrammaticParent: !!programmaticDashboard
-  };
 };
 
-var NoDataSetResolved = /*#__PURE__*/function (_Error) {
-  function NoDataSetResolved() {
-    var _this;
-    _this = _Error.call(this, 'At least one data set must be built for the Vizzly dashboard to render.') || this;
-    _this.name = 'NoDataSetResolved';
-    return _this;
-  }
-  _inheritsLoose(NoDataSetResolved, _Error);
-  return NoDataSetResolved;
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-
-var useVizzly = function useVizzly(properties, options) {
-  var _useState = useState({
-      loading: true,
-      error: undefined,
-      dashboards: [],
-      globalLibraries: []
-    }),
-    state = _useState[0],
-    setState = _useState[1];
-  var vizzlyRef = useRef();
-  var vizzly = vizzlyRef.current;
-  useEffect(function () {
-    var abortController = new AbortController();
-    var doWork = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _yield$Promise$all, globalLibraries, dashboards;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return Vizzly$1.load(properties, {
-                apiHost: (options == null ? void 0 : options.apiHost) || 'https://api.vizzly.co'
-              });
-            case 3:
-              vizzlyRef.current = _context.sent;
-              _context.next = 6;
-              return Promise.all([vizzlyRef.current.getGlobalLibraries({
-                abortController: abortController
-              }), vizzlyRef.current.getDashboards({
-                abortController: abortController
-              })]);
-            case 6:
-              _yield$Promise$all = _context.sent;
-              globalLibraries = _yield$Promise$all[0];
-              dashboards = _yield$Promise$all[1];
-              setState({
-                loading: false,
-                error: undefined,
-                dashboards: dashboards,
-                globalLibraries: globalLibraries
-              });
-              _context.next = 16;
-              break;
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](0);
-              logError('Error loading Vizzly', _context.t0);
-              setState({
-                loading: false,
-                error: _context.t0,
-                dashboards: [].concat(state.dashboards),
-                globalLibraries: [].concat(state.globalLibraries)
-              });
-            case 16:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[0, 12]]);
-      }));
-      return function doWork() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    doWork();
-    return function () {
-      return abortController.abort(new LoadingAborted('We stopped loading Vizzly because of an abort signal triggered by an unmount'));
-    };
-  }, []);
-  var refetch = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var abortController, doWork;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            abortController = new AbortController();
-            doWork = /*#__PURE__*/function () {
-              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-                var _yield$Promise$all2, globalLibraries, dashboards;
-                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-                  while (1) switch (_context2.prev = _context2.next) {
-                    case 0:
-                      _context2.prev = 0;
-                      _context2.next = 3;
-                      return Vizzly$1.load(properties, {
-                        apiHost: (options == null ? void 0 : options.apiHost) || 'https://api.vizzly.co'
-                      });
-                    case 3:
-                      vizzlyRef.current = _context2.sent;
-                      _context2.next = 6;
-                      return Promise.all([vizzlyRef.current.getGlobalLibraries({
-                        abortController: abortController
-                      }), vizzlyRef.current.getDashboards({
-                        abortController: abortController
-                      })]);
-                    case 6:
-                      _yield$Promise$all2 = _context2.sent;
-                      globalLibraries = _yield$Promise$all2[0];
-                      dashboards = _yield$Promise$all2[1];
-                      setState({
-                        loading: false,
-                        error: undefined,
-                        dashboards: dashboards,
-                        globalLibraries: globalLibraries
-                      });
-                      _context2.next = 16;
-                      break;
-                    case 12:
-                      _context2.prev = 12;
-                      _context2.t0 = _context2["catch"](0);
-                      logError('Error loading Vizzly', _context2.t0);
-                      setState({
-                        loading: false,
-                        error: _context2.t0,
-                        dashboards: [].concat(state.dashboards),
-                        globalLibraries: [].concat(state.globalLibraries)
-                      });
-                    case 16:
-                    case "end":
-                      return _context2.stop();
-                  }
-                }, _callee2, null, [[0, 12]]);
-              }));
-              return function doWork() {
-                return _ref3.apply(this, arguments);
-              };
-            }();
-            doWork();
-            return _context3.abrupt("return", function () {
-              return abortController.abort(new LoadingAborted('We stopped loading Vizzly because of an abort signal triggered by an unmount'));
-            });
-          case 4:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-    return function refetch() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var createDashboard = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(params) {
-      var createdDashboard;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+// If cronSchedule is `null`, then it means the scheduled
+// report is deleted.
+var saveScheduledReport = function saveScheduledReport(httpClient) {
+  return /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
+      var _yield$httpClient, status;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!vizzly) {
-              _context4.next = 15;
-              break;
-            }
-            _context4.prev = 1;
-            _context4.next = 4;
-            return vizzly.createDashboard({
-              definition: params.definition,
-              // permissions: params.permissions,
-              parentDashboardId: params.parentDashboardId,
-              metadata: params.metadata || params.meta,
-              abortSignal: params.abortSignal
+            _context.next = 2;
+            return httpClient({
+              path: '/api/scheduled-report',
+              method: 'post',
+              body: {
+                cronSchedule: params.cronSchedule,
+                dashboardAccessToken: params.dashboardAccessToken,
+                scheduledReportId: params.scheduledReportId
+              }
             });
-          case 4:
-            createdDashboard = _context4.sent;
-            setState(_extends({}, state, {
-              dashboards: [].concat(state.dashboards, [createdDashboard])
-            }));
-            return _context4.abrupt("return", createdDashboard);
-          case 9:
-            _context4.prev = 9;
-            _context4.t0 = _context4["catch"](1);
-            logError(_context4.t0);
-            return _context4.abrupt("return", null);
-          case 13:
-            _context4.next = 16;
-            break;
-          case 15:
-            throw 'Unable to create a dashboard when vizzly has not been loaded.';
-          case 16:
+          case 2:
+            _yield$httpClient = _context.sent;
+            status = _yield$httpClient.status;
+            return _context.abrupt("return", status == 200);
+          case 5:
           case "end":
-            return _context4.stop();
+            return _context.stop();
         }
-      }, _callee4, null, [[1, 9]]);
+      }, _callee);
     }));
-    return function createDashboard(_x) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    var abortController = new AbortController();
-    var doWork = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        var _yield$Promise$all3, globalLibraries;
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              _context5.prev = 0;
-              _context5.next = 3;
-              return Vizzly$1.load(properties, {
-                apiHost: (options == null ? void 0 : options.apiHost) || 'https://api.vizzly.co'
-              });
-            case 3:
-              vizzlyRef.current = _context5.sent;
-              _context5.next = 6;
-              return Promise.all([vizzlyRef.current.getGlobalLibraries({
-                abortController: abortController
-              })]);
-            case 6:
-              _yield$Promise$all3 = _context5.sent;
-              globalLibraries = _yield$Promise$all3[0];
-              setState(_extends({}, state, {
-                globalLibraries: globalLibraries
-              }));
-              _context5.next = 15;
-              break;
-            case 11:
-              _context5.prev = 11;
-              _context5.t0 = _context5["catch"](0);
-              logError('Error loading Vizzly', _context5.t0);
-              setState({
-                loading: false,
-                error: _context5.t0,
-                dashboards: [].concat(state.dashboards),
-                globalLibraries: [].concat(state.globalLibraries)
-              });
-            case 15:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5, null, [[0, 11]]);
-      }));
-      return function doWork() {
-        return _ref5.apply(this, arguments);
-      };
-    }();
-    if (vizzly) {
-      var unsubscribe = Vizzly$1.subscription(function (eventBus) {
-        if (eventBus.data.action === 'newViewsInGlobalLibrary') {
-          doWork();
-        }
-      });
-      return function () {
-        return unsubscribe();
-      };
-    }
-    return function () {
-      return abortController.abort(new LoadingAborted('We stopped loading Vizzly because of an abort signal triggered by an unmount'));
-    };
-  }, [vizzly]);
-  var updateDashboard = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(params) {
-      var updatedDashboard, dashboards;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            if (!vizzly) {
-              _context6.next = 20;
-              break;
-            }
-            setState(_extends({}, state, {
-              saving: SavingState.InProgress
-            }));
-            _context6.prev = 2;
-            _context6.next = 5;
-            return vizzly.updateDashboard({
-              dashboardId: params.dashboardId,
-              definition: params.definition,
-              deleted: params.deleted,
-              metadata: params.metadata || params.meta,
-              abortSignal: params.abortSignal,
-              name: params.name
-            });
-          case 5:
-            updatedDashboard = _context6.sent;
-            _context6.next = 8;
-            return vizzly.getDashboards();
-          case 8:
-            dashboards = _context6.sent;
-            setState(function (prevState) {
-              return _extends({}, prevState, {
-                dashboards: dashboards,
-                saving: SavingState.Saved
-              });
-            });
-            setTimeout(function () {
-              setState(_extends({}, state, {
-                saving: SavingState.Undefined
-              }));
-            }, 500);
-            return _context6.abrupt("return", updatedDashboard);
-          case 14:
-            _context6.prev = 14;
-            _context6.t0 = _context6["catch"](2);
-            logError('Error updating dashboard', _context6.t0);
-            return _context6.abrupt("return", null);
-          case 18:
-            _context6.next = 21;
-            break;
-          case 20:
-            throw 'Unable to update a dashboard when vizzly has not been loaded.';
-          case 21:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6, null, [[2, 14]]);
-    }));
-    return function updateDashboard(_x2) {
-      return _ref6.apply(this, arguments);
-    };
-  }();
-
-  // Are these needed?
-  var updateScheduledReport = function updateScheduledReport(dashboardAccessToken, reportId, newCron) {
-    if (vizzly) {
-      return vizzly.updateScheduledReport(dashboardAccessToken, reportId, newCron);
-    }
-    throw 'vizzly not set';
-  };
-  var getScheduledReports = function getScheduledReports(dashboardAccessToken) {
-    if (vizzly) {
-      return vizzly.getScheduledReports(dashboardAccessToken);
-    }
-    throw 'vizzly not set';
-  };
-  logDebug('useVizzly state.', state);
-  if (!vizzly || !!state.error || state.loading) {
-    return _extends({}, state, {
-      loading: true,
-      createDashboard: null,
-      identityConfig: null,
-      updateDashboard: null,
-      queryEngineConfig: null,
-      accessType: null,
-      refetch: null,
-      getScheduledReports: null,
-      updateScheduledReport: null
-    });
-  }
-  var identityConfig = vizzly.getIdentityConfig();
-  return _extends({}, state, {
-    loading: false,
-    identityConfig: identityConfig,
-    createDashboard: createDashboard,
-    updateDashboard: updateDashboard,
-    queryEngineConfig: vizzly.getViewConfiguration().queryEngineConfig,
-    accessType: !!identityConfig.dashboardAdminOverride ? 'admin' : identityConfig.dashboardAccess.accessType,
-    filterDashboards: Vizzly$1.filterDashboards,
-    refetch: refetch,
-    updateScheduledReport: updateScheduledReport,
-    getScheduledReports: getScheduledReports
-  });
-};
-
-var useScheduledReports = function useScheduledReports(params, dashboardAccessToken) {
-  var _useState = useState([]),
-    reports = _useState[0],
-    setReports = _useState[1];
-  useEffect(function () {
-    var doWork = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _yield$params$getSche, _reports;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(params.getScheduledReports && dashboardAccessToken)) {
-                _context.next = 6;
-                break;
-              }
-              _context.next = 3;
-              return params.getScheduledReports(dashboardAccessToken);
-            case 3:
-              _yield$params$getSche = _context.sent;
-              _reports = _yield$params$getSche.reports;
-              setReports(_reports);
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function doWork() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    doWork();
-  }, [JSON.stringify({
-    dashboardAccessToken: dashboardAccessToken,
-    loadingVizzly: params
-  })]);
-  var updateScheduledReport = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(reportId, newCron) {
-      var updatedReport, newReports, uniqueNewReports;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!(params.updateScheduledReport && dashboardAccessToken)) {
-              _context2.next = 7;
-              break;
-            }
-            _context2.next = 3;
-            return params.updateScheduledReport(dashboardAccessToken, reportId, newCron);
-          case 3:
-            updatedReport = _context2.sent;
-            if (updatedReport === true) {
-              // Remove the deleted report...
-              setReports([].concat(reports).filter(function (r) {
-                return r.id != reportId;
-              }));
-            } else if (updatedReport) {
-              // Upsert the report
-              newReports = [].concat(reports, [updatedReport.report]).map(function (r) {
-                return r.id == reportId ? updatedReport.report : r;
-              });
-              uniqueNewReports = uniqBy(newReports, function (r) {
-                return r.id;
-              });
-              setReports(uniqueNewReports);
-            }
-            _context2.next = 8;
-            break;
-          case 7:
-            console.warn('Function to update scheduled report not loaded.');
-          case 8:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function updateScheduledReport(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return {
-    reports: reports,
-    getScheduledReports: params.getScheduledReports,
-    updateScheduledReport: updateScheduledReport
-  };
-};
-
-/*
-  A context for managing the dashboard session.
-*/
-var STILL_LOADING = null;
-var useSessionContext = function useSessionContext(params) {
-  var _loadedStrategy$dashb, _loadedStrategy$dashb2;
-  var vizzly = useVizzly({
-    queryEngine: params.queryEngine,
-    identity: params.identityCallback,
-    dataSets: params.loadDataSetsCallback,
-    programmaticDashboard: params.programmaticDashboard
-  }, {
-    apiHost: params.apiConfig.host
-  });
-  var loadedStrategy = useDashboardStrategy(getStrategy(vizzly, params.parentDashboardId, params.dashboardId, params.isEditor), vizzly, params.programmaticDashboard);
-  var _useScheduledReports = useScheduledReports(vizzly, loadedStrategy == null || (_loadedStrategy$dashb = loadedStrategy.dashboard) == null || (_loadedStrategy$dashb = _loadedStrategy$dashb.permission) == null ? void 0 : _loadedStrategy$dashb.token),
-    reports = _useScheduledReports.reports,
-    updateScheduledReport = _useScheduledReports.updateScheduledReport;
-  if (!vizzly) return STILL_LOADING;
-  if ('error' in vizzly && vizzly.error) return {
-    error: vizzly.error
-  };
-  if ('loading' in vizzly && vizzly.loading) return STILL_LOADING;
-  if (!('dashboards' in vizzly)) return STILL_LOADING;
-  var identityConfig = vizzly.identityConfig,
-    queryEngineConfig = vizzly.queryEngineConfig;
-  if (!loadedStrategy) return null;
-  if (((loadedStrategy == null || (_loadedStrategy$dashb2 = loadedStrategy.dashboard) == null ? void 0 : _loadedStrategy$dashb2.dataSets) || []).length === 0) {
-    return {
-      error: new NoDataSetResolved()
-    };
-  }
-  var providedValues = {
-    vizzly: vizzly,
-    scope: loadedStrategy.scope,
-    queryEngineConfig: queryEngineConfig,
-    dashboard: loadedStrategy.dashboard,
-    identityConfig: identityConfig,
-    mode: loadedStrategy.mode,
-    vizzlyApiConfig: params.apiConfig,
-    isProgrammaticParent: loadedStrategy.isProgrammaticParent,
-    globalLibraries: vizzly.globalLibraries,
-    reports: reports,
-    updateScheduledReport: updateScheduledReport
-  };
-  return providedValues;
-};
-
-var getParentDashboards$1 = function getParentDashboards(httpClient) {
-  return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _yield$httpClient, status, body;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return httpClient({
-            path: "/api/v2/parent-dashboards",
-            method: 'get'
-          });
-        case 2:
-          _yield$httpClient = _context.sent;
-          status = _yield$httpClient.status;
-          body = _yield$httpClient.body;
-          if (!(status == 200)) {
-            _context.next = 7;
-            break;
-          }
-          return _context.abrupt("return", body.dashboards.map(function (rawDashboard) {
-            return {
-              id: rawDashboard.id,
-              created_at: rawDashboard.created_at,
-              updated_at: rawDashboard.updated_at,
-              webhook_id: rawDashboard.webhook_id
-            };
-          }));
-        case 7:
-          return _context.abrupt("return", undefined);
-        case 8:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-};
-
-// If cronSchedule is `null`, then it means the scheduled
-// report is deleted.
-var saveScheduledReport = function saveScheduledReport(httpClient) {
-  return /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
-      var _yield$httpClient, status;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return httpClient({
-              path: '/api/scheduled-report',
-              method: 'post',
-              body: {
-                cronSchedule: params.cronSchedule,
-                dashboardAccessToken: params.dashboardAccessToken,
-                scheduledReportId: params.scheduledReportId
-              }
-            });
-          case 2:
-            _yield$httpClient = _context.sent;
-            status = _yield$httpClient.status;
-            return _context.abrupt("return", status == 200);
-          case 5:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x) {
-      return _ref.apply(this, arguments);
+    return function (_x) {
+      return _ref.apply(this, arguments);
     };
   }();
 };
@@ -75134,6 +74380,28 @@ var api = function api(config) {
   };
 };
 
+var buildQueryEngineSignInUrl = function buildQueryEngineSignInUrl(queryEngineEndpoint, queryEngineAccessToken) {
+  if (!queryEngineAccessToken) return '';
+  var authToken = queryEngineAccessToken;
+  authToken = encode(JSON.stringify({
+    queryEngineAccessToken: queryEngineAccessToken,
+    projectAccessToken: undefined
+  }));
+  var endpoint = buildPath(getHostFromQueryEngineEndpoint(queryEngineEndpoint), "/sign-in#" + authToken);
+  return endpoint;
+};
+
+var FailedToSaveError = /*#__PURE__*/function (_Error) {
+  function FailedToSaveError(message) {
+    var _this;
+    _this = _Error.call(this, "Failed to save dashboard.") || this;
+    _this.message = message;
+    return _this;
+  }
+  _inheritsLoose(FailedToSaveError, _Error);
+  return FailedToSaveError;
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
 var StatusLine = function StatusLine(props) {
   return jsx("div", {
     children: jsxs("span", {
@@ -75604,6 +74872,17 @@ var InvalidIdentityFunctionNotice = function InvalidIdentityFunctionNotice(props
 //   />
 // );
 
+var NoDataSetResolved = /*#__PURE__*/function (_Error) {
+  function NoDataSetResolved() {
+    var _this;
+    _this = _Error.call(this, 'At least one data set must be built for the Vizzly dashboard to render.') || this;
+    _this.name = 'NoDataSetResolved';
+    return _this;
+  }
+  _inheritsLoose(NoDataSetResolved, _Error);
+  return NoDataSetResolved;
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
 var SetupError = function SetupError(props) {
   logError(props.error);
   var renderedError = jsx("p", {
@@ -75665,15 +74944,765 @@ var SetupError = function SetupError(props) {
   });
 };
 
-var buildQueryEngineSignInUrl = function buildQueryEngineSignInUrl(queryEngineEndpoint, queryEngineAccessToken) {
-  if (!queryEngineAccessToken) return '';
-  var authToken = queryEngineAccessToken;
-  authToken = encode(JSON.stringify({
-    queryEngineAccessToken: queryEngineAccessToken,
-    projectAccessToken: undefined
+var getDefaultParentDashboardId = function getDefaultParentDashboardId(parentDashboardId, parentDashboardIdOnDashboardAccessToken, dashboards) {
+  if (parentDashboardId) {
+    var parentDashboard = find$1(dashboards, parentDashboardId);
+    if (!(parentDashboard != null && parentDashboard.parentDashboardId)) {
+      return parentDashboardId;
+    } else {
+      throw '[Vizzly] `parentDashboardId` value must specify an ID for a parent dashboard.';
+    }
+  }
+  var parentDashboards = getParentDashboards(dashboards);
+  var programmaticDashboardId = checkAndReturnProgrammaticDashboardId(parentDashboards);
+  if (programmaticDashboardId) return programmaticDashboardId;
+  return parentDashboardIdOnDashboardAccessToken || getFirstCreated(parentDashboards).id;
+};
+
+var getStrategy = function getStrategy(vizzly, requestedEndUserParentDashboardId, requestedEndUserDashboardId, isEditor) {
+  if (!('dashboards' in vizzly)) return undefined;
+  if (vizzly.loading || vizzly.error) return undefined;
+  logDebug('Loading dashboard strategy, with props;', {
+    dashboardId: requestedEndUserDashboardId,
+    parentDashboardId: requestedEndUserParentDashboardId
+  });
+  // This is a temporary fix for the issue where the dashboard is not loaded due to multiple hooks.
+  var checkToStopStrategyCheckingWhenDashboardNotLoadedDueToMultipleHooks = isEditor && vizzly.dashboards.length === 0;
+  if (checkToStopStrategyCheckingWhenDashboardNotLoadedDueToMultipleHooks) return undefined;
+  var defaultParentDashboardId = getDefaultParentDashboardId(requestedEndUserParentDashboardId, vizzly.identityConfig.dashboardAccess.dashboardId, vizzly.dashboards);
+  if (vizzly.accessType == 'admin') {
+    logDebug('Admin access found, so we will show the parent dashboard.', defaultParentDashboardId);
+    var dashboardId = defaultParentDashboardId;
+    // If the user wants a specific dashboard, then fetch the parent dashboard of it.
+    if (requestedEndUserDashboardId) {
+      var foundRequestedChildDashboard = vizzly.dashboards.find(function (dashboard) {
+        return dashboard.id == requestedEndUserDashboardId;
+      });
+      if (foundRequestedChildDashboard != null && foundRequestedChildDashboard.parentDashboardId) {
+        logDebug('A child dashboard was provided whilst in admin mode. Therefore the parent of the given child will be shown to administer.', foundRequestedChildDashboard.parentDashboardId);
+        dashboardId = foundRequestedChildDashboard.parentDashboardId;
+      }
+    }
+    logDebug('Admin access found, so we will show the parent dashboard.', dashboardId);
+    return {
+      type: 'exact',
+      dashboardId: dashboardId
+    };
+  }
+  if (requestedEndUserDashboardId) {
+    logDebug('Strategy will be to show dashboard', requestedEndUserDashboardId);
+    return {
+      type: 'exact',
+      dashboardId: requestedEndUserDashboardId
+    };
+  }
+  var childDashboards = vizzly.dashboards.filter(function (d) {
+    var isChildDashboard = d.parentDashboardId != null;
+    var hasNotRequestedEndUserParentDashboardId = requestedEndUserParentDashboardId === undefined;
+    var isChildOfRequestedParent = hasNotRequestedEndUserParentDashboardId || d.parentDashboardId === requestedEndUserParentDashboardId;
+    return isChildDashboard && isChildOfRequestedParent;
+  });
+  // Exactly one child dashboard for the user & in read-only mode so someone else is managing the dashboard with the same userReference.
+  // We will show that one dashboard to allow for a common SaaS environment where
+  // multiple users share the same userReference, but some of those users have `read_write` access and other users have read access.
+  // Those with `read` access should see the dashboard managed by those other users...
+  if (childDashboards.length === 1 && vizzly.identityConfig.dashboardAccess.scope == 'read') {
+    logDebug('Strategy will be to show read-only view of the only child dashboard. If you wish to render a read-only view of the parent dashboard, please make sure the `dashboardId` property matches the `parentDashboardId` property.', defaultParentDashboardId);
+    return {
+      type: 'exact',
+      dashboardId: vizzly.dashboards.find(function (d) {
+        return d.parentDashboardId != null;
+      }).id
+    };
+  }
+  // No specific dashboard requested, but dashboard access token only grants 'read' access.
+  if (vizzly.identityConfig.dashboardAccess.scope == 'read' && defaultParentDashboardId) {
+    logDebug('Strategy will be to return read-only view of the parent dashboard.', defaultParentDashboardId);
+    return {
+      type: 'exact',
+      dashboardId: defaultParentDashboardId
+    };
+  }
+  var dashboardIdSetInIdentityConfig = vizzly.identityConfig.dashboardAccess.dashboardId;
+  if (dashboardIdSetInIdentityConfig) {
+    var _vizzly$identityConfi, _vizzly$identityConfi2;
+    logDebug('Strategy will be to show a child of the parent dashboard determined by the identity config', (_vizzly$identityConfi = vizzly.identityConfig.dashboardAccess) == null ? void 0 : _vizzly$identityConfi.dashboardId);
+    return {
+      type: 'instantCopyOf',
+      parentDashboardId: (_vizzly$identityConfi2 = vizzly.identityConfig.dashboardAccess) == null ? void 0 : _vizzly$identityConfi2.dashboardId
+    };
+  } else {
+    logDebug('Strategy will be to show a child of the parent dashboard', defaultParentDashboardId);
+    return {
+      type: 'instantCopyOf',
+      parentDashboardId: defaultParentDashboardId
+    };
+  }
+};
+
+var Mode;
+(function (Mode) {
+  Mode["Admin"] = "admin";
+  Mode["EndUser"] = "endUser";
+})(Mode || (Mode = {}));
+var Scope;
+(function (Scope) {
+  Scope["Read"] = "read";
+  Scope["ReadWrite"] = "read_write";
+})(Scope || (Scope = {}));
+
+/*
+  Currently, we just replicate the same behaviour as what we used to have on the API.
+*/
+var runStrategy = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(strategy, vizzly) {
+    var currentDashboard, scope, _parentDashboard$perm, parentDashboard, hasParentDashboardWritePermission, dashboardCopies, mostRecentlyUpdatedChildDashboard, created;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(strategy.type == 'exact')) {
+            _context.next = 9;
+            break;
+          }
+          currentDashboard = vizzly.dashboards.find(function (d) {
+            return d.id === strategy.dashboardId;
+          });
+          if (currentDashboard.permission) {
+            _context.next = 4;
+            break;
+          }
+          throw '';
+        case 4:
+          scope = currentDashboard.permission.scope;
+          logDebug('A specific dashboard has been requested. This will be rendered with', scope, 'scope.', strategy.dashboardId);
+          return _context.abrupt("return", {
+            dashboardId: strategy.dashboardId,
+            mode: scope === 'read_write' && currentDashboard.parentDashboardId === null ? Mode.Admin : Mode.EndUser,
+            scope: scope
+          });
+        case 9:
+          if (!(strategy.type == 'instantCopyOf')) {
+            _context.next = 29;
+            break;
+          }
+          // If the user has write access to the parent dashboard, then we return that dashboard ID, with mode=admin
+          parentDashboard = vizzly.dashboards.find(function (d) {
+            return d.id === strategy.parentDashboardId;
+          });
+          hasParentDashboardWritePermission = ((_parentDashboard$perm = parentDashboard.permission) == null ? void 0 : _parentDashboard$perm.scope) === 'read_write';
+          if (!hasParentDashboardWritePermission) {
+            _context.next = 15;
+            break;
+          }
+          logDebug('Write access to the parent dashboard has been found, so this dashboard will be shown with admin access.', strategy.parentDashboardId);
+          return _context.abrupt("return", {
+            dashboardId: strategy.parentDashboardId,
+            mode: Mode.Admin,
+            scope: Scope.ReadWrite
+          });
+        case 15:
+          dashboardCopies = getCopiesOfParentDashboard(strategy.parentDashboardId, vizzly.dashboards);
+          mostRecentlyUpdatedChildDashboard = takeMostRecentlyUpdated(dashboardCopies);
+          if (!mostRecentlyUpdatedChildDashboard) {
+            _context.next = 20;
+            break;
+          }
+          logDebug('An existing child dashboard exists of the parent dashboard. As no specific dashboardId was provided, we will render the most recently updated child dashboard', mostRecentlyUpdatedChildDashboard.id);
+          return _context.abrupt("return", {
+            dashboardId: mostRecentlyUpdatedChildDashboard.id,
+            mode: Mode.EndUser,
+            scope: mostRecentlyUpdatedChildDashboard.permission.scope
+          });
+        case 20:
+          logDebug('No previous child dashboard has been created on behalf of the current user for the parent dashboard', parentDashboard.id, '. Creating a child copy of the parent.');
+          _context.next = 23;
+          return vizzly.createDashboard({
+            parentDashboardId: parentDashboard.id,
+            definition: toSaveableDefinition(parentDashboard),
+            metadata: {}
+          });
+        case 23:
+          created = _context.sent;
+          if (created) {
+            _context.next = 26;
+            break;
+          }
+          throw 'Failed to create first child dashboard for the user.';
+        case 26:
+          return _context.abrupt("return", {
+            dashboardId: created.id,
+            scope: Scope.ReadWrite,
+            mode: Mode.EndUser
+          });
+        case 29:
+          throw "Unsupported strategy";
+        case 30:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
   }));
-  var endpoint = buildPath(getHostFromQueryEngineEndpoint(queryEngineEndpoint), "/sign-in#" + authToken);
-  return endpoint;
+  return function runStrategy(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+/*
+  Stores which dashboard is the currently active one...
+*/
+var useDashboardStrategy = function useDashboardStrategy(strategy, vizzly, programmaticDashboard) {
+  var _useState = useState(),
+    state = _useState[0],
+    setState = _useState[1];
+  useEffect(function () {
+    var doWork = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _yield$runStrategy, mode, dashboardId, scope;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if ('dashboards' in vizzly) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              if (strategy) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return");
+            case 4:
+              if (!vizzly.loading) {
+                _context.next = 6;
+                break;
+              }
+              return _context.abrupt("return");
+            case 6:
+              _context.next = 8;
+              return runStrategy(strategy, vizzly);
+            case 8:
+              _yield$runStrategy = _context.sent;
+              mode = _yield$runStrategy.mode;
+              dashboardId = _yield$runStrategy.dashboardId;
+              scope = _yield$runStrategy.scope;
+              if (dashboardId != (state == null ? void 0 : state.dashboardId)) setState({
+                mode: mode,
+                dashboardId: dashboardId,
+                scope: scope
+              });
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function doWork() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    doWork();
+  }, [JSON.stringify({
+    strategy: strategy,
+    loading: vizzly.loading
+  })]);
+  if (!('dashboards' in vizzly)) return null;
+  if (!state) return null;
+  if (vizzly.loading) return null;
+  var dashboard = vizzly.dashboards.find(function (dash) {
+    return dash.id == state.dashboardId;
+  }) || null;
+  return {
+    mode: state.mode,
+    dashboard: dashboard,
+    scope: state.scope,
+    isProgrammaticParent: !!programmaticDashboard
+  };
+};
+
+var useVizzly = function useVizzly(properties, options) {
+  var _useState = useState({
+      loading: true,
+      error: undefined,
+      dashboards: [],
+      globalLibraries: []
+    }),
+    state = _useState[0],
+    setState = _useState[1];
+  var vizzlyRef = useRef();
+  var vizzly = vizzlyRef.current;
+  useEffect(function () {
+    var abortController = new AbortController();
+    var doWork = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _yield$Promise$all, globalLibraries, dashboards;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return Vizzly$1.load(properties, {
+                apiHost: (options == null ? void 0 : options.apiHost) || 'https://api.vizzly.co'
+              });
+            case 3:
+              vizzlyRef.current = _context.sent;
+              _context.next = 6;
+              return Promise.all([vizzlyRef.current.getGlobalLibraries({
+                abortController: abortController
+              }), vizzlyRef.current.getDashboards({
+                abortController: abortController
+              })]);
+            case 6:
+              _yield$Promise$all = _context.sent;
+              globalLibraries = _yield$Promise$all[0];
+              dashboards = _yield$Promise$all[1];
+              setState({
+                loading: false,
+                error: undefined,
+                dashboards: dashboards,
+                globalLibraries: globalLibraries
+              });
+              _context.next = 16;
+              break;
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](0);
+              logError('Error loading Vizzly', _context.t0);
+              setState({
+                loading: false,
+                error: _context.t0,
+                dashboards: [].concat(state.dashboards),
+                globalLibraries: [].concat(state.globalLibraries)
+              });
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 12]]);
+      }));
+      return function doWork() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    doWork();
+    return function () {
+      return abortController.abort(new LoadingAborted('We stopped loading Vizzly because of an abort signal triggered by an unmount'));
+    };
+  }, []);
+  var refetch = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var abortController, doWork;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            abortController = new AbortController();
+            doWork = /*#__PURE__*/function () {
+              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+                var _yield$Promise$all2, globalLibraries, dashboards;
+                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
+                    case 0:
+                      _context2.prev = 0;
+                      _context2.next = 3;
+                      return Vizzly$1.load(properties, {
+                        apiHost: (options == null ? void 0 : options.apiHost) || 'https://api.vizzly.co'
+                      });
+                    case 3:
+                      vizzlyRef.current = _context2.sent;
+                      _context2.next = 6;
+                      return Promise.all([vizzlyRef.current.getGlobalLibraries({
+                        abortController: abortController
+                      }), vizzlyRef.current.getDashboards({
+                        abortController: abortController
+                      })]);
+                    case 6:
+                      _yield$Promise$all2 = _context2.sent;
+                      globalLibraries = _yield$Promise$all2[0];
+                      dashboards = _yield$Promise$all2[1];
+                      setState({
+                        loading: false,
+                        error: undefined,
+                        dashboards: dashboards,
+                        globalLibraries: globalLibraries
+                      });
+                      _context2.next = 16;
+                      break;
+                    case 12:
+                      _context2.prev = 12;
+                      _context2.t0 = _context2["catch"](0);
+                      logError('Error loading Vizzly', _context2.t0);
+                      setState({
+                        loading: false,
+                        error: _context2.t0,
+                        dashboards: [].concat(state.dashboards),
+                        globalLibraries: [].concat(state.globalLibraries)
+                      });
+                    case 16:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }, _callee2, null, [[0, 12]]);
+              }));
+              return function doWork() {
+                return _ref3.apply(this, arguments);
+              };
+            }();
+            doWork();
+            return _context3.abrupt("return", function () {
+              return abortController.abort(new LoadingAborted('We stopped loading Vizzly because of an abort signal triggered by an unmount'));
+            });
+          case 4:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function refetch() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var createDashboard = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(params) {
+      var createdDashboard;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!vizzly) {
+              _context4.next = 15;
+              break;
+            }
+            _context4.prev = 1;
+            _context4.next = 4;
+            return vizzly.createDashboard({
+              definition: params.definition,
+              // permissions: params.permissions,
+              parentDashboardId: params.parentDashboardId,
+              metadata: params.metadata || params.meta,
+              abortSignal: params.abortSignal
+            });
+          case 4:
+            createdDashboard = _context4.sent;
+            setState(_extends({}, state, {
+              dashboards: [].concat(state.dashboards, [createdDashboard])
+            }));
+            return _context4.abrupt("return", createdDashboard);
+          case 9:
+            _context4.prev = 9;
+            _context4.t0 = _context4["catch"](1);
+            logError(_context4.t0);
+            return _context4.abrupt("return", null);
+          case 13:
+            _context4.next = 16;
+            break;
+          case 15:
+            throw 'Unable to create a dashboard when vizzly has not been loaded.';
+          case 16:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[1, 9]]);
+    }));
+    return function createDashboard(_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    var abortController = new AbortController();
+    var doWork = /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+        var _yield$Promise$all3, globalLibraries;
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.prev = 0;
+              _context5.next = 3;
+              return Vizzly$1.load(properties, {
+                apiHost: (options == null ? void 0 : options.apiHost) || 'https://api.vizzly.co'
+              });
+            case 3:
+              vizzlyRef.current = _context5.sent;
+              _context5.next = 6;
+              return Promise.all([vizzlyRef.current.getGlobalLibraries({
+                abortController: abortController
+              })]);
+            case 6:
+              _yield$Promise$all3 = _context5.sent;
+              globalLibraries = _yield$Promise$all3[0];
+              setState(_extends({}, state, {
+                globalLibraries: globalLibraries
+              }));
+              _context5.next = 15;
+              break;
+            case 11:
+              _context5.prev = 11;
+              _context5.t0 = _context5["catch"](0);
+              logError('Error loading Vizzly', _context5.t0);
+              setState({
+                loading: false,
+                error: _context5.t0,
+                dashboards: [].concat(state.dashboards),
+                globalLibraries: [].concat(state.globalLibraries)
+              });
+            case 15:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, null, [[0, 11]]);
+      }));
+      return function doWork() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+    if (vizzly) {
+      var unsubscribe = Vizzly$1.subscription(function (eventBus) {
+        if (eventBus.data.action === 'newViewsInGlobalLibrary') {
+          doWork();
+        }
+      });
+      return function () {
+        return unsubscribe();
+      };
+    }
+    return function () {
+      return abortController.abort(new LoadingAborted('We stopped loading Vizzly because of an abort signal triggered by an unmount'));
+    };
+  }, [vizzly]);
+  var updateDashboard = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(params) {
+      var updatedDashboard, dashboards;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            if (!vizzly) {
+              _context6.next = 20;
+              break;
+            }
+            setState(_extends({}, state, {
+              saving: SavingState.InProgress
+            }));
+            _context6.prev = 2;
+            _context6.next = 5;
+            return vizzly.updateDashboard({
+              dashboardId: params.dashboardId,
+              definition: params.definition,
+              deleted: params.deleted,
+              metadata: params.metadata || params.meta,
+              abortSignal: params.abortSignal,
+              name: params.name
+            });
+          case 5:
+            updatedDashboard = _context6.sent;
+            _context6.next = 8;
+            return vizzly.getDashboards();
+          case 8:
+            dashboards = _context6.sent;
+            setState(function (prevState) {
+              return _extends({}, prevState, {
+                dashboards: dashboards,
+                saving: SavingState.Saved
+              });
+            });
+            setTimeout(function () {
+              setState(_extends({}, state, {
+                saving: SavingState.Undefined
+              }));
+            }, 500);
+            return _context6.abrupt("return", updatedDashboard);
+          case 14:
+            _context6.prev = 14;
+            _context6.t0 = _context6["catch"](2);
+            logError('Error updating dashboard', _context6.t0);
+            return _context6.abrupt("return", null);
+          case 18:
+            _context6.next = 21;
+            break;
+          case 20:
+            throw 'Unable to update a dashboard when vizzly has not been loaded.';
+          case 21:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6, null, [[2, 14]]);
+    }));
+    return function updateDashboard(_x2) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  // Are these needed?
+  var updateScheduledReport = function updateScheduledReport(dashboardAccessToken, reportId, newCron) {
+    if (vizzly) {
+      return vizzly.updateScheduledReport(dashboardAccessToken, reportId, newCron);
+    }
+    throw 'vizzly not set';
+  };
+  var getScheduledReports = function getScheduledReports(dashboardAccessToken) {
+    if (vizzly) {
+      return vizzly.getScheduledReports(dashboardAccessToken);
+    }
+    throw 'vizzly not set';
+  };
+  logDebug('useVizzly state.', state);
+  if (!vizzly || !!state.error || state.loading) {
+    return _extends({}, state, {
+      loading: true,
+      createDashboard: null,
+      identityConfig: null,
+      updateDashboard: null,
+      queryEngineConfig: null,
+      accessType: null,
+      refetch: null,
+      getScheduledReports: null,
+      updateScheduledReport: null
+    });
+  }
+  var identityConfig = vizzly.getIdentityConfig();
+  return _extends({}, state, {
+    loading: false,
+    identityConfig: identityConfig,
+    createDashboard: createDashboard,
+    updateDashboard: updateDashboard,
+    queryEngineConfig: vizzly.getViewConfiguration().queryEngineConfig,
+    accessType: !!identityConfig.dashboardAdminOverride ? 'admin' : identityConfig.dashboardAccess.accessType,
+    filterDashboards: Vizzly$1.filterDashboards,
+    refetch: refetch,
+    updateScheduledReport: updateScheduledReport,
+    getScheduledReports: getScheduledReports
+  });
+};
+
+var useScheduledReports = function useScheduledReports(params, dashboardAccessToken) {
+  var _useState = useState([]),
+    reports = _useState[0],
+    setReports = _useState[1];
+  useEffect(function () {
+    var doWork = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _yield$params$getSche, _reports;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!(params.getScheduledReports && dashboardAccessToken)) {
+                _context.next = 6;
+                break;
+              }
+              _context.next = 3;
+              return params.getScheduledReports(dashboardAccessToken);
+            case 3:
+              _yield$params$getSche = _context.sent;
+              _reports = _yield$params$getSche.reports;
+              setReports(_reports);
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function doWork() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    doWork();
+  }, [JSON.stringify({
+    dashboardAccessToken: dashboardAccessToken,
+    loadingVizzly: params
+  })]);
+  var updateScheduledReport = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(reportId, newCron) {
+      var updatedReport, newReports, uniqueNewReports;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(params.updateScheduledReport && dashboardAccessToken)) {
+              _context2.next = 7;
+              break;
+            }
+            _context2.next = 3;
+            return params.updateScheduledReport(dashboardAccessToken, reportId, newCron);
+          case 3:
+            updatedReport = _context2.sent;
+            if (updatedReport === true) {
+              // Remove the deleted report...
+              setReports([].concat(reports).filter(function (r) {
+                return r.id != reportId;
+              }));
+            } else if (updatedReport) {
+              // Upsert the report
+              newReports = [].concat(reports, [updatedReport.report]).map(function (r) {
+                return r.id == reportId ? updatedReport.report : r;
+              });
+              uniqueNewReports = uniqBy(newReports, function (r) {
+                return r.id;
+              });
+              setReports(uniqueNewReports);
+            }
+            _context2.next = 8;
+            break;
+          case 7:
+            console.warn('Function to update scheduled report not loaded.');
+          case 8:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function updateScheduledReport(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return {
+    reports: reports,
+    getScheduledReports: params.getScheduledReports,
+    updateScheduledReport: updateScheduledReport
+  };
+};
+
+/*
+  A context for managing the dashboard session.
+*/
+var STILL_LOADING = null;
+var useSessionContext = function useSessionContext(params) {
+  var _loadedStrategy$dashb, _loadedStrategy$dashb2;
+  var vizzly = useVizzly({
+    queryEngine: params.queryEngine,
+    identity: params.identityCallback,
+    dataSets: params.loadDataSetsCallback,
+    programmaticDashboard: params.programmaticDashboard
+  }, {
+    apiHost: params.apiConfig.host
+  });
+  var loadedStrategy = useDashboardStrategy(getStrategy(vizzly, params.parentDashboardId, params.dashboardId, params.isEditor), vizzly, params.programmaticDashboard);
+  var _useScheduledReports = useScheduledReports(vizzly, loadedStrategy == null || (_loadedStrategy$dashb = loadedStrategy.dashboard) == null || (_loadedStrategy$dashb = _loadedStrategy$dashb.permission) == null ? void 0 : _loadedStrategy$dashb.token),
+    reports = _useScheduledReports.reports,
+    updateScheduledReport = _useScheduledReports.updateScheduledReport;
+  if (!vizzly) return STILL_LOADING;
+  if ('error' in vizzly && vizzly.error) return {
+    error: vizzly.error
+  };
+  if ('loading' in vizzly && vizzly.loading) return STILL_LOADING;
+  if (!('dashboards' in vizzly)) return STILL_LOADING;
+  var identityConfig = vizzly.identityConfig,
+    queryEngineConfig = vizzly.queryEngineConfig;
+  if (!loadedStrategy) return null;
+  if (((loadedStrategy == null || (_loadedStrategy$dashb2 = loadedStrategy.dashboard) == null ? void 0 : _loadedStrategy$dashb2.dataSets) || []).length === 0) {
+    return {
+      error: new NoDataSetResolved()
+    };
+  }
+  var providedValues = {
+    vizzly: vizzly,
+    scope: loadedStrategy.scope,
+    queryEngineConfig: queryEngineConfig,
+    dashboard: loadedStrategy.dashboard,
+    identityConfig: identityConfig,
+    mode: loadedStrategy.mode,
+    vizzlyApiConfig: params.apiConfig,
+    isProgrammaticParent: loadedStrategy.isProgrammaticParent,
+    globalLibraries: vizzly.globalLibraries,
+    reports: reports,
+    updateScheduledReport: updateScheduledReport
+  };
+  return providedValues;
 };
 
 var buildImplementationMeta = function buildImplementationMeta(props) {
@@ -75695,7 +75724,9 @@ var buildImplementationMeta = function buildImplementationMeta(props) {
   };
 };
 
-var useOnDashboardLoadCallback = function useOnDashboardLoadCallback(session, onDashboardLoad) {
+var GlobalContext = /*#__PURE__*/createContext(undefined);
+
+var useOnDashboardLoadCallback = function useOnDashboardLoadCallback(session, onDashboardLoad, updateDashboardHash) {
   var _session$dashboard2;
   useEffect(function () {
     var _session$dashboard;
@@ -75706,6 +75737,7 @@ var useOnDashboardLoadCallback = function useOnDashboardLoadCallback(session, on
         scope: session.scope,
         dataSets: session.dashboard.dataSets
       });
+      updateDashboardHash(session.dashboard);
     }
   }, [JSON.stringify({
     loaded: !!session,
@@ -75713,17 +75745,6 @@ var useOnDashboardLoadCallback = function useOnDashboardLoadCallback(session, on
   })]);
 };
 
-var FailedToSaveError = /*#__PURE__*/function (_Error) {
-  function FailedToSaveError(message) {
-    var _this;
-    _this = _Error.call(this, "Failed to save dashboard.") || this;
-    _this.message = message;
-    return _this;
-  }
-  _inheritsLoose(FailedToSaveError, _Error);
-  return FailedToSaveError;
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-
 var GlobalProvider = function GlobalProvider(props) {
   var _useState = useState(0),
     resetKey = _useState[0],
@@ -75749,6 +75770,9 @@ var GlobalProvider = function GlobalProvider(props) {
 };
 var GlobalProviderContents = function GlobalProviderContents(props) {
   var _props$id, _session$identityConf, _props$dateFilterOpti, _session$vizzly$savin;
+  var _useState2 = useState(undefined),
+    dashboardHash = _useState2[0],
+    setDashboardHash = _useState2[1];
   var implementationMeta = buildImplementationMeta(props);
   var apiConfig = props.vizzlyApiHost ? {
     host: props.vizzlyApiHost
@@ -75772,7 +75796,11 @@ var GlobalProviderContents = function GlobalProviderContents(props) {
     textOverride: textOverride,
     isEditor: props.isEditor
   });
-  useOnDashboardLoadCallback(session, props.onDashboardLoad);
+  var updateDashboardHash = function updateDashboardHash(dashboard) {
+    var definition = toSaveableDefinition(dashboard);
+    setDashboardHash(crypto.createHash('md5').update(JSON.stringify(definition)).digest('hex'));
+  };
+  useOnDashboardLoadCallback(session, props.onDashboardLoad, updateDashboardHash);
   var variables = useVariables(props.variables, (_props$id = props.id) != null ? _props$id : '');
   if (session === null) return jsx(LoadingComponent, {
     override: props.renderLoadingComponent
@@ -75968,14 +75996,16 @@ var GlobalProviderContents = function GlobalProviderContents(props) {
         labelFormat: props == null ? void 0 : props.labelFormat,
         filterLibrary: props == null ? void 0 : props.filterLibrary,
         valueAlias: props == null ? void 0 : props.valueAlias,
-        variables: variables
+        variables: variables,
+        onDashboardUpdate: props == null ? void 0 : props.onDashboardUpdate,
+        updateDashboardHash: updateDashboardHash
       },
       ai: {
         onAction: aiOnAction,
         onAsk: aiOnAsk,
         fetchSuggestions: aiFetchSuggestions
       },
-      onDashboardUpdate: props == null ? void 0 : props.onDashboardUpdate,
+      dashboardHash: dashboardHash,
       dashboard: session.dashboard,
       runQueriesCallback: runQueriesCallback,
       implementationMeta: implementationMeta,