react-autoql 3.5.2 → 3.5.5

package/dist/autoql.esm.js

@@ -66,14 +66,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -81,19 +76,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -102,17 +90,11 @@ function _objectSpread2(target) {
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -170,6 +152,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -218,6 +203,9 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
@@ -464,7 +452,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return ErrorBoundary;
+  return _createClass(ErrorBoundary);
 }(React.Component);
 
 _defineProperty(ErrorBoundary, "propTypes", {
@@ -2628,7 +2616,7 @@ var Icon = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Icon;
+  return _createClass(Icon);
 }(React.Component);
 
 _defineProperty(Icon, "propTypes", {
@@ -2803,7 +2791,7 @@ var runQueryOnly = function runQueryOnly() {
 
   var url = "".concat(domain, "/autoql/api/v1/query?key=").concat(apiKey);
   var finalUserSelection = transformUserSelection(userSelection);
-  var sessionConditions = JSON.parse(sessionStorage.getItem("conditions"));
+  var sessionConditions = JSON.parse(sessionStorage.getItem('conditions'));
   var conditions = {};
 
   if (sessionConditions !== null) {
@@ -2915,9 +2903,6 @@ var runQuery = function runQuery() {
       source = _ref5.source,
       skipQueryValidation = _ref5.skipQueryValidation,
       AutoAEId = _ref5.AutoAEId;
-
-  // Temp for demo: decode token to get project id
-  var id;
   var base64Url;
 
   if (token) {
@@ -2928,38 +2913,35 @@ var runQuery = function runQuery() {
       var buff = Buffer.from(base64, 'base64');
       var payloadinit = buff.toString('ascii');
       var payload = JSON.parse(payloadinit);
-      id = _get(payload, 'project_id');
+      _get(payload, 'project_id');
     }
-  } // temp ignore validation for these projects
+  }
 
+  if (enableQueryValidation && !skipQueryValidation && !isQandA) {
+    return runQueryValidation({
+      text: query,
+      domain: domain,
+      apiKey: apiKey,
+      token: token
+    }).then(function (response) {
+      if (failedValidation(response)) {
+        return Promise.resolve(response);
+      }
 
-  if (id !== 'accounting-demo' && id !== 'operational-demo' && id !== 'stockmarket-demo') {
-    if (enableQueryValidation && !skipQueryValidation && !isQandA) {
-      return runQueryValidation({
-        text: query,
+      return runQueryOnly({
+        query: query,
+        userSelection: userSelection,
+        debug: debug,
+        test: test,
         domain: domain,
         apiKey: apiKey,
-        token: token
-      }).then(function (response) {
-        if (failedValidation(response)) {
-          return Promise.resolve(response);
-        }
-
-        return runQueryOnly({
-          query: query,
-          userSelection: userSelection,
-          debug: debug,
-          test: test,
-          domain: domain,
-          apiKey: apiKey,
-          token: token,
-          source: source,
-          AutoAEId: AutoAEId
-        });
-      }).catch(function (error) {
-        return Promise.reject(error);
+        token: token,
+        source: source,
+        AutoAEId: AutoAEId
       });
-    }
+    }).catch(function (error) {
+      return Promise.reject(error);
+    });
   }
 
   return runQueryOnly({
@@ -3390,7 +3372,7 @@ var Dictaphone = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Dictaphone;
+  return _createClass(Dictaphone);
 }(React.Component);
 
 _defineProperty(Dictaphone, "propTypes", {
@@ -3455,7 +3437,7 @@ var QueryInput = /*#__PURE__*/function (_React$Component) {
         setCSSVars(getThemeConfig(_this.props.themeConfig));
       }
 
-      if (_this.props.inputValue && _this.props.inputValue !== prevProps.inputValue) {
+      if (_this.props.inputValue !== prevProps.inputValue) {
         _this.setState({
           inputValue: _this.props.inputValue
         });
@@ -3847,7 +3829,7 @@ var QueryInput = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return QueryInput;
+  return _createClass(QueryInput);
 }(React.Component);
 
 _defineProperty(QueryInput, "propTypes", {
@@ -4047,7 +4029,7 @@ var ChataTable = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return ChataTable;
+  return _createClass(ChataTable);
 }(React.Component);
 
 _defineProperty(ChataTable, "propTypes", {
@@ -4344,7 +4326,7 @@ var Axis$1 = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return Axis;
+  return _createClass(Axis);
 }(Component);
 
 _defineProperty(Axis$1, "propTypes", {
@@ -4583,7 +4565,7 @@ var Axes = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Axes;
+  return _createClass(Axes);
 }(React.Component);
 
 _defineProperty(Axes, "propTypes", {
@@ -4741,7 +4723,7 @@ var Columns = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return Columns;
+  return _createClass(Columns);
 }(Component);
 
 _defineProperty(Columns, "propTypes", {});
@@ -4893,9 +4875,9 @@ var ChataColumnChart = /*#__PURE__*/function (_Component) {
           numberColumnIndices = _this$props.numberColumnIndices,
           stringColumnIndices = _this$props.stringColumnIndices,
           onLegendTitleClick = _this$props.onLegendTitleClick,
-          bottomLegendMargin = _this$props.bottomLegendMargin;
-          _this$props.stringColumnIndex;
-          var numberColumnIndex = _this$props.numberColumnIndex,
+          bottomLegendMargin = _this$props.bottomLegendMargin,
+          stringColumnIndex = _this$props.stringColumnIndex,
+          numberColumnIndex = _this$props.numberColumnIndex,
           numberAxisTitle = _this$props.numberAxisTitle,
           stringAxisTitle = _this$props.stringAxisTitle,
           dataFormatting = _this$props.dataFormatting,
@@ -4945,7 +4927,7 @@ var ChataColumnChart = /*#__PURE__*/function (_Component) {
           xScale: xScale,
           yScale: yScale
         },
-        xCol: columns[0],
+        xCol: columns[stringColumnIndex],
         yCol: columns[numberColumnIndex],
         margins: {
           left: leftMargin,
@@ -4998,7 +4980,7 @@ var ChataColumnChart = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return ChataColumnChart;
+  return _createClass(ChataColumnChart);
 }(Component);
 
 _defineProperty(ChataColumnChart, "propTypes", {
@@ -5142,7 +5124,7 @@ var Bars = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return Bars;
+  return _createClass(Bars);
 }(Component);
 
 _defineProperty(Bars, "propTypes", {
@@ -5304,7 +5286,7 @@ var ChataBarChart = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return ChataBarChart;
+  return _createClass(ChataBarChart);
 }(Component);
 
 _defineProperty(ChataBarChart, "propTypes", {
@@ -5466,7 +5448,7 @@ var Line = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return Line;
+  return _createClass(Line);
 }(Component);
 
 _defineProperty(Line, "propTypes", {});
@@ -5614,7 +5596,7 @@ var ChataLineChart = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return ChataLineChart;
+  return _createClass(ChataLineChart);
 }(Component);
 
 _defineProperty(ChataLineChart, "propTypes", {
@@ -5955,7 +5937,7 @@ var Axis = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return Axis;
+  return _createClass(Axis);
 }(Component);
 
 _defineProperty(Axis, "propTypes", {
@@ -6043,7 +6025,7 @@ var Squares = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return Squares;
+  return _createClass(Squares);
 }(Component);
 
 _defineProperty(Squares, "propTypes", {
@@ -6230,7 +6212,7 @@ var ChataHeatmapChart = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return ChataHeatmapChart;
+  return _createClass(ChataHeatmapChart);
 }(Component);
 
 _defineProperty(ChataHeatmapChart, "propTypes", {
@@ -6331,7 +6313,7 @@ var Circles = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return Circles;
+  return _createClass(Circles);
 }(Component);
 
 _defineProperty(Circles, "propTypes", {
@@ -6530,7 +6512,7 @@ var ChataBubbleChart = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return ChataBubbleChart;
+  return _createClass(ChataBubbleChart);
 }(Component);
 
 _defineProperty(ChataBubbleChart, "propTypes", {
@@ -6662,7 +6644,7 @@ var StackedColumns$1 = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return StackedColumns;
+  return _createClass(StackedColumns);
 }(Component);
 
 _defineProperty(StackedColumns$1, "propTypes", {});
@@ -6813,7 +6795,7 @@ var ChataStackedBarChart = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return ChataStackedBarChart;
+  return _createClass(ChataStackedBarChart);
 }(Component);
 
 _defineProperty(ChataStackedBarChart, "propTypes", {
@@ -6943,7 +6925,7 @@ var StackedColumns = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return StackedColumns;
+  return _createClass(StackedColumns);
 }(Component);
 
 _defineProperty(StackedColumns, "propTypes", {});
@@ -7085,7 +7067,7 @@ var ChataStackedColumnChart = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return ChataStackedColumnChart;
+  return _createClass(ChataStackedColumnChart);
 }(Component);
 
 _defineProperty(ChataStackedColumnChart, "propTypes", {
@@ -7207,7 +7189,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Checkbox;
+  return _createClass(Checkbox);
 }(React.Component);
 
 _defineProperty(Checkbox, "propTypes", {
@@ -7409,7 +7391,7 @@ var SelectableList = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return SelectableList;
+  return _createClass(SelectableList);
 }(React.Component);
 
 _defineProperty(SelectableList, "propTypes", {
@@ -7512,7 +7494,7 @@ var Button = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Button;
+  return _createClass(Button);
 }(React.Component);
 
 _defineProperty(Button, "propTypes", {
@@ -7683,7 +7665,7 @@ var StackedLines = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return StackedLines;
+  return _createClass(StackedLines);
 }(Component);
 
 _defineProperty(StackedLines, "propTypes", {});
@@ -7824,7 +7806,7 @@ var ChataStackedLineChart = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return ChataStackedLineChart;
+  return _createClass(ChataStackedLineChart);
 }(Component);
 
 _defineProperty(ChataStackedLineChart, "propTypes", {
@@ -8300,7 +8282,8 @@ var ChataChart = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderStringColumnSelectorContent", function () {
       return /*#__PURE__*/React.createElement("div", {
-        className: "axis-selector-container"
+        className: "axis-selector-container",
+        id: "string-column-selector-content"
       }, /*#__PURE__*/React.createElement("ul", {
         className: "axis-selector-content"
       }, _this.props.dataConfig.stringColumnIndices.map(function (colIndex, i) {
@@ -8468,7 +8451,8 @@ var ChataChart = /*#__PURE__*/function (_Component) {
       }
 
       return /*#__PURE__*/React.createElement("div", {
-        className: "axis-selector-container"
+        className: "axis-selector-container",
+        id: "legend-selector-content"
       }, /*#__PURE__*/React.createElement("ul", {
         className: "axis-selector-content"
       }, _this.props.dataConfig.stringColumnIndices.map(function (colIndex, i) {
@@ -8705,7 +8689,7 @@ var ChataChart = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  return ChataChart;
+  return _createClass(ChataChart);
 }(Component);
 
 _defineProperty(ChataChart, "propTypes", {
@@ -8836,7 +8820,7 @@ var Select$1 = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Select;
+  return _createClass(Select);
 }(React.Component);
 
 _defineProperty(Select$1, "propTypes", {
@@ -9170,7 +9154,7 @@ var QueryValidationMessage = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return QueryValidationMessage;
+  return _createClass(QueryValidationMessage);
 }(React.Component);
 
 _defineProperty(QueryValidationMessage, "propTypes", {
@@ -9457,6 +9441,20 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
 
 
       if (!aDate || !bDate) {
+        //If one is a YYYY-WW
+        if (a.includes('W')) {
+          var aDateYear = a.substring(0, 4);
+          var bDateYear = b.substring(0, 4);
+
+          if (aDateYear !== bDateYear) {
+            return bDateYear - aDateYear;
+          } else {
+            var aDateWeek = a.substring(6, 8);
+            var bDateWeek = b.substring(6, 8);
+            return bDateWeek - aDateWeek;
+          }
+        }
+
         return b - a;
       }
 
@@ -10306,8 +10304,8 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
         // displayed differently than the data (ie. dates)
 
         col.headerFilterFunc = _this.setFilterFunction(col); // Allow proper chronological sorting for date strings
-
-        col.sorter = _this.setSorterFunction(col); // Context menu when right clicking on column header
+        // col.sorter = this.setSorterFunction(col)
+        // Context menu when right clicking on column header
 
         col.headerContext = function (e, column) {
           // Do not show native context menu
@@ -10385,7 +10383,6 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
           title: 'Month',
           name: 'Month',
           field: '0',
-          // sorter: 'date',
           frozen: true,
           visible: true
         }];
@@ -10702,13 +10699,11 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderChart", function (width, height, displayType) {
-      var _React$createElement;
-
       if (!_this.chartData) {
         return 'Error: There was no data supplied for this chart';
       }
 
-      return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(ChataChart, (_React$createElement = {
+      return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(ChataChart, {
         themeConfig: getThemeConfig(_this.props.themeConfig),
         ref: function ref(_ref8) {
           return _this.chartRef = _ref8;
@@ -10724,8 +10719,14 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
         backgroundColor: _this.props.backgroundColor,
         activeChartElementKey: _this.props.activeChartElementKey,
         onLegendClick: _this.onLegendClick,
-        dataConfig: _cloneDeep(_this.dataConfig)
-      }, _defineProperty(_React$createElement, "themeConfig", getThemeConfig(_this.props.themeConfig)), _defineProperty(_React$createElement, "changeStringColumnIndex", _this.onChangeStringColumnIndex), _defineProperty(_React$createElement, "changeLegendColumnIndex", _this.onChangeLegendColumnIndex), _defineProperty(_React$createElement, "changeNumberColumnIndices", _this.onChangeNumberColumnIndices), _defineProperty(_React$createElement, "onChartClick", _this.onChartClick), _defineProperty(_React$createElement, "isResizing", _this.props.isResizing), _defineProperty(_React$createElement, "enableDynamicCharting", _this.props.enableDynamicCharting), _React$createElement)));
+        dataConfig: _cloneDeep(_this.dataConfig),
+        changeStringColumnIndex: _this.onChangeStringColumnIndex,
+        changeLegendColumnIndex: _this.onChangeLegendColumnIndex,
+        changeNumberColumnIndices: _this.onChangeNumberColumnIndices,
+        onChartClick: _this.onChartClick,
+        isResizing: _this.props.isResizing,
+        enableDynamicCharting: _this.props.enableDynamicCharting
+      }));
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderHelpResponse", function () {
@@ -11032,7 +11033,7 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
           onRest: _this.handleShowHide,
           isOpened: true // isOpened={this.state.isShowingInterpretation}
 
-        }, /*#__PURE__*/React.createElement("strong", null, "Interpreted as:", ' '), /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/React.createElement("strong", null, "Interpreted as: "), /*#__PURE__*/React.createElement("span", {
           onClick: function onClick(e) {
             return _this.props.onConditionClickCallback(e);
           },
@@ -11081,7 +11082,7 @@ var QueryOutput = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return QueryOutput;
+  return _createClass(QueryOutput);
 }(React.Component);
 
 _defineProperty(QueryOutput, "propTypes", (_defineProperty2$1 = {
@@ -11194,7 +11195,7 @@ var VizToolbar = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return VizToolbar;
+  return _createClass(VizToolbar);
 }(React.Component);
 
 _defineProperty(VizToolbar, "propTypes", {
@@ -11278,7 +11279,7 @@ var ConfirmModal = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return ConfirmModal;
+  return _createClass(ConfirmModal);
 }(React.Component);
 
 _defineProperty(ConfirmModal, "propTypes", {
@@ -11414,7 +11415,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Modal;
+  return _createClass(Modal);
 }(React.Component);
 
 _defineProperty(Modal, "propTypes", {
@@ -11539,7 +11540,7 @@ var ColumnVisibilityModal = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return ColumnVisibilityModal;
+  return _createClass(ColumnVisibilityModal);
 }(React.Component);
 
 _defineProperty(ColumnVisibilityModal, "propTypes", {
@@ -11601,7 +11602,7 @@ var fetchNotificationCount = function fetchNotificationCount(_ref2) {
       Authorization: "Bearer ".concat(token)
     }
   });
-  var url = "".concat(domain, "/autoql/api/v1/data-alerts/notifications/summary/poll?key=").concat(apiKey, "&unacknowledged=").concat(unacknowledged);
+  var url = "".concat(domain, "/autoql/api/v1/data-alerts/notifications/summary?key=").concat(apiKey, "&unacknowledged=").concat(unacknowledged);
   var config = {
     timeout: 180000
   };
@@ -12148,6 +12149,8 @@ var NotificationIcon = /*#__PURE__*/function (_React$Component) {
       count: 0
     });
 
+    _defineProperty(_assertThisInitialized(_this), "timerID", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "componentDidMount", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
@@ -12177,6 +12180,7 @@ var NotificationIcon = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
       _this._isMounted = false;
+      clearInterval(_this.timerID);
     });
 
     _defineProperty(_assertThisInitialized(_this), "getNotificationCount", function (currentCount) {
@@ -12202,35 +12206,46 @@ var NotificationIcon = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "subscribeToNotificationCount", function (count) {
       if (_this._isMounted) {
-        _this.getNotificationCount(count).then(function (newCount) {
-          // Got a new count, now we want to reconnect
-          _this.subscribeToNotificationCount(newCount);
+        /**
+         * For short polling notifications, we needed to set the interval on FE side.
+         * Interval set to trigger every 90 seconds. 
+         */
+        if (_this.timerID) {
+          clearInterval(_this.timerID);
+        }
 
-          _this.FAILED_POLL_ATTEMPTS = 0;
-        }).catch(function (error) {
-          if (_this.FAILED_POLL_ATTEMPTS === 5) {
-            var _error = new Error('There were 5 failed attempts to poll for notifications. Unsubscribing from notification count.');
+        _this.timerID = setInterval(function () {
+          _this.getNotificationCount(count).then(function (newCount) {
+            // Got a new count, now we want to reconnect
+            _this.subscribeToNotificationCount(newCount);
+
+            _this.FAILED_POLL_ATTEMPTS = 0;
+          }).catch(function (error) {
+            if (_this.FAILED_POLL_ATTEMPTS === 5) {
+              var _error = new Error('There were 5 failed attempts to poll for notifications. Unsubscribing from notification count.');
 
-            console.error(_error);
+              console.error(_error);
 
-            _this.props.onErrorCallback(_error);
+              _this.props.onErrorCallback(_error);
 
-            return;
-          } else if (_get(error, 'response.status') == 504) {
-            // Timed out because there were no changes
-            // Let's connect again
-            _this.subscribeToNotificationCount();
-          } else {
-            // Something else went wrong, wait one second and reconnect
-            new Promise(function (resolve) {
-              return setTimeout(resolve, 1000);
-            }).then(function () {
+              clearInterval(_this.timerID);
+              throw new Error(_error);
+            } else if (_get(error, 'response.status') == 504) {
+              // Timed out because there were no changes
+              // Let's connect again
               _this.subscribeToNotificationCount();
-            });
-          }
+            } else {
+              // Something else went wrong, wait one second and reconnect
+              new Promise(function (resolve) {
+                return setTimeout(resolve, 1000);
+              }).then(function () {
+                _this.subscribeToNotificationCount();
+              });
+            }
 
-          _this.FAILED_POLL_ATTEMPTS += 1;
-        });
+            _this.FAILED_POLL_ATTEMPTS += 1;
+          });
+        }, 90 * 1000);
       }
     });
 
@@ -12288,7 +12303,7 @@ var NotificationIcon = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return NotificationIcon;
+  return _createClass(NotificationIcon);
 }(React.Component);
 
 _defineProperty(NotificationIcon, "propTypes", {
@@ -12395,7 +12410,7 @@ var Input$1 = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Input;
+  return _createClass(Input);
 }(React.Component);
 
 _defineProperty(Input$1, "propTypes", {
@@ -12757,7 +12772,7 @@ var RuleSimple = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return RuleSimple;
+  return _createClass(RuleSimple);
 }(React.Component);
 
 _defineProperty(RuleSimple, "propTypes", {
@@ -12966,7 +12981,7 @@ var ExpressionBuilderSimple = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return ExpressionBuilderSimple;
+  return _createClass(ExpressionBuilderSimple);
 }(React.Component);
 
 _defineProperty(ExpressionBuilderSimple, "propTypes", {
@@ -13329,7 +13344,7 @@ var NotificationItem = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return NotificationItem;
+  return _createClass(NotificationItem);
 }(React.Component);
 
 _defineProperty(NotificationItem, "propTypes", {
@@ -13537,7 +13552,7 @@ var Steps = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Steps;
+  return _createClass(Steps);
 }(React.Component);
 
 _defineProperty(Steps, "propTypes", {
@@ -13645,7 +13660,7 @@ var Radio = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Radio;
+  return _createClass(Radio);
 }(React.Component);
 
 _defineProperty(Radio, "propTypes", {
@@ -13725,7 +13740,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Select;
+  return _createClass(Select);
 }(React.Component);
 
 _defineProperty(Select, "propTypes", {
@@ -13795,7 +13810,7 @@ var DataAlertModal$1 = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return DataAlertModal;
+  return _createClass(DataAlertModal);
 }(React.Component);
 
 _defineProperty(DataAlertModal$1, "propTypes", {
@@ -13947,7 +13962,7 @@ var ScheduleBuilder = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return ScheduleBuilder;
+  return _createClass(ScheduleBuilder);
 }(React.Component);
 
 _defineProperty(ScheduleBuilder, "propTypes", {
@@ -14581,7 +14596,7 @@ var DataAlertModal = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return DataAlertModal;
+  return _createClass(DataAlertModal);
 }(React.Component);
 
 _defineProperty(DataAlertModal, "propTypes", {
@@ -14963,7 +14978,7 @@ var NotificationFeed = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return NotificationFeed;
+  return _createClass(NotificationFeed);
 }(React.Component);
 
 _defineProperty(NotificationFeed, "propTypes", {
@@ -15358,7 +15373,7 @@ var DataAlerts = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return DataAlerts;
+  return _createClass(DataAlerts);
 }(React.Component);
 
 _defineProperty(DataAlerts, "propTypes", {
@@ -15775,7 +15790,7 @@ var Rule = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Rule;
+  return _createClass(Rule);
 }(React.Component);
 
 _defineProperty(Rule, "propTypes", {
@@ -16154,7 +16169,7 @@ var Group = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Group;
+  return _createClass(Group);
 }(React.Component);
 
 _defineProperty(Group, "propTypes", {
@@ -16465,7 +16480,7 @@ var ExpressionBuilder = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return ExpressionBuilder;
+  return _createClass(ExpressionBuilder);
 }(React.Component);
 
 _defineProperty(ExpressionBuilder, "propTypes", {
@@ -17379,7 +17394,8 @@ var Input = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       isHideColumnsModalVisible: false,
-      isSettingColumnVisibility: false
+      isSettingColumnVisibility: false,
+      reportProblemMessage: undefined
     });
 
     _defineProperty(_assertThisInitialized(_this), "componentDidMount", function () {
@@ -17710,23 +17726,29 @@ var Input = /*#__PURE__*/function (_React$Component) {
         isVisible: _this.state.activeMenu === 'other-problem',
         onClose: function onClose() {
           _this.setState({
-            activeMenu: undefined
+            activeMenu: undefined,
+            reportProblemMessage: undefined
           });
         },
         onConfirm: function onConfirm() {
-          _this.reportQueryProblem(_this.reportProblemMessage);
+          _this.reportQueryProblem(_this.state.reportProblemMessage);
 
-          _this.reportProblemMessage = undefined;
+          _this.setState({
+            reportProblemMessage: undefined
+          });
         },
         confirmLoading: _this.state.isReportingProblem,
         title: "Report a Problem",
         enableBodyScroll: true,
         width: "600px",
-        confirmText: "Report"
+        confirmText: "Report",
+        confirmDisabled: _this.state.reportProblemMessage ? false : true
       }, "Please tell us more about the problem you are experiencing:", /*#__PURE__*/React.createElement("textarea", {
         className: "report-problem-text-area",
         onChange: function onChange(e) {
-          return _this.reportProblemMessage = e.target.value;
+          return _this.setState({
+            reportProblemMessage: e.target.value
+          });
         }
       })));
     });
@@ -18104,7 +18126,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Input;
+  return _createClass(Input);
 }(React.Component);
 
 _defineProperty(Input, "propTypes", {
@@ -18528,7 +18550,7 @@ var ChatMessage = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return ChatMessage;
+  return _createClass(ChatMessage);
 }(React.Component);
 
 _defineProperty(ChatMessage, "propTypes", (_defineProperty2 = {
@@ -18693,7 +18715,7 @@ var QueryTipsTab = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return QueryTipsTab;
+  return _createClass(QueryTipsTab);
 }(React.Component);
 
 _defineProperty(QueryTipsTab, "propTypes", {
@@ -18843,7 +18865,7 @@ var Cascader = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Cascader;
+  return _createClass(Cascader);
 }(React.Component);
 
 _defineProperty(Cascader, "propTypes", {
@@ -18858,6 +18880,24 @@ _defineProperty(Cascader, "defaultProps", {
   onSeeMoreClick: undefined
 });
 
+function accentColorAssist(col, amt) {
+  var usePound = false;
+
+  if (col[0] == "#") {
+    col = col.slice(1);
+    usePound = true;
+  }
+
+  var num = parseInt(col, 16);
+  var r = (num >> 16) + amt;
+  if (r > 255) r = 255;else if (r < 0) r = 0;
+  var b = (num >> 8 & 0x00FF) + amt;
+  if (b > 255) b = 255;else if (b < 0) b = 0;
+  var g = (num & 0x0000FF) + amt;
+  if (g > 255) g = 255;else if (g < 0) g = 0;
+  return (usePound ? "#" : "") + (g | b << 8 | r << 16).toString(16);
+}
+
 var autoCompleteArray$1 = [];
 
 var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
@@ -18933,9 +18973,13 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
             }
           }
 
+          array.sort(function (a, b) {
+            return a.keyword.toUpperCase() < b.keyword.toUpperCase() ? -1 : a.keyword > b.keyword ? 1 : 0;
+          });
+
           if (_this.props.initFilterText && _this.props.initFilterText !== '') {
             _this.setState({
-              selectedConditions: array.sort(),
+              selectedConditions: array,
               isFetchingConditions: false
             });
 
@@ -18950,7 +18994,7 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
             _this.animateInputTextAndSubmit(_this.props.initFilterText);
           } else {
             _this.setState({
-              selectedConditions: array.sort(),
+              selectedConditions: array,
               inputValue: '',
               isFetchingConditions: false
             });
@@ -18961,9 +19005,14 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps, predState) {
+      if (!_isEqual(getThemeConfig(_this.props.themeConfig), getThemeConfig(prevProps.themeConfig))) {
+        setCSSVars(getThemeConfig(_this.props.themeConfig));
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "getSuggestionValue", function (suggestion) {
       var array = _this.state.selectedConditions;
-      var tempId = uuid.v4();
 
       if (array.some(function (item) {
         return item.key === suggestion.name.canonical && item.value === suggestion.name.keyword;
@@ -18971,7 +19020,6 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
         _this.handleShowMessage('warning', 'This condition has already been applied.');
       } else {
         array.push({
-          id: tempId,
           keyword: suggestion.name.keyword,
           value: suggestion.name.keyword,
           show_message: suggestion.name.show_message,
@@ -18981,7 +19029,6 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
         });
 
         _this.setState({
-          selectedConditions: array,
           inputValue: ''
         });
 
@@ -18989,6 +19036,8 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
           conditions: array
         })).then(function () {
           _this.handleShowMessage('lock', "".concat(suggestion.name.keyword, " has been locked"));
+
+          _this.handleFetchFilteredList();
         });
       }
     });
@@ -19026,11 +19075,7 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
       }
 
       var array = _this.state.selectedConditions;
-      array.splice(index, 1);
-
-      _this.setState({
-        selectedConditions: array
-      });
+      array.splice(index, 1); // this.setState({ selectedConditions: array })
 
       _this.handleShowMessage('unlock', 'Filter removed.');
 
@@ -19050,7 +19095,9 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
         }, function () {
           setConditions(_objectSpread2(_objectSpread2({}, getAuthentication(_this.props.authentication)), {}, {
             conditions: _this.state.selectedConditions
-          }));
+          })).then(function () {
+            _this.handleFetchFilteredList();
+          });
 
           if (item.lock_flag === 0) {
             if (sessionConditions == null) sessionConditions = [];
@@ -19178,32 +19225,10 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
       }), " ", _this.state.showMessage.message);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "renderAcceptConditionsButton", function () {
-      return /*#__PURE__*/React.createElement("div", {
-        key: "accept-conditions-btn",
-        className: "react-autoql-accept-conditions-button"
-      }, /*#__PURE__*/React.createElement("span", {
-        onClick: function onClick() {
-          setConditions(_objectSpread2(_objectSpread2({}, getAuthentication(_this.props.authentication)), {}, {
-            conditions: _this.state.selectedConditions
-          })).then(function () {
-            _this.props.onClose(true);
-          }).catch(function (e) {
-            //WIP showErrorMessage
-            console.error(e);
-          });
-        }
-      }, /*#__PURE__*/React.createElement(Icon, {
-        type: "lock",
-        style: {
-          verticalAlign: 'middle'
-        }
-      }), " Save"));
-    });
-
     _defineProperty(_assertThisInitialized(_this), "render", function () {
       var containerWidth = _this.props.containerWidth;
       return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement("div", {
+        "data-test": "react-autoql-filter-menu-container",
         className: "react-autoql-condition-lock-menu",
         style: {
           width: containerWidth
@@ -19312,8 +19337,8 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
             return _this.handlePersistConditionToggle(item, index);
           },
           checked: item.lock_flag,
-          onColor: "#86d3ff",
-          onHandleColor: "#2693e6",
+          onColor: accentColorAssist(getThemeConfig(_this.props.themeConfig).accentColor, 180),
+          onHandleColor: getThemeConfig(getThemeConfig(_this.props.themeConfig)).accentColor,
           uncheckedIcon: false,
           checkedIcon: false,
           boxShadow: "0px 1px 5px rgba(0, 0, 0, 0.6)",
@@ -19363,6 +19388,60 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
   }
 
   _createClass(ConditionLockMenu, [{
+    key: "handleFetchFilteredList",
+    value: function handleFetchFilteredList() {
+      var _this2 = this;
+
+      fetchConditions(_objectSpread2({}, getAuthentication(this.props.authentication))).then(function (response) {
+        var conditions = _get(response, 'data.data.data');
+
+        var array = [];
+
+        for (var i = 0; i < conditions.length; i++) {
+          array.push({
+            id: conditions[i].id,
+            keyword: conditions[i].value,
+            value: conditions[i].value,
+            show_message: conditions[i].show_message,
+            key: conditions[i].key,
+            lock_flag: conditions[i].lock_flag
+          });
+        }
+
+        if (JSON.parse(sessionStorage.getItem("conditions")) !== null) {
+          var sessionConditions = JSON.parse(sessionStorage.getItem("conditions"));
+
+          for (var _i3 = 0; _i3 < sessionConditions.length; _i3++) {
+            array.push({
+              id: sessionConditions[_i3].id,
+              keyword: sessionConditions[_i3].value,
+              value: sessionConditions[_i3].value,
+              show_message: sessionConditions[_i3].show_message,
+              key: sessionConditions[_i3].key,
+              lock_flag: sessionConditions[_i3].lock_flag
+            });
+          }
+        }
+
+        array.sort(function (a, b) {
+          return a.keyword.toUpperCase() < b.keyword.toUpperCase() ? -1 : a.keyword > b.keyword ? 1 : 0;
+        });
+
+        _this2.setState({
+          selectedConditions: array,
+          inputValue: '',
+          isFetchingConditions: false
+        });
+      });
+    }
+    /**
+     * When suggestion is clicked, Autosuggest populates the input
+     * based on the clicked suggestion. Teach Autosuggest how to calculate the
+     * input value for every given suggestion.
+     * @param {*} suggestion
+     */
+
+  }, {
     key: "handleShowMessage",
     value: function handleShowMessage(type, message) {
       var el = document.getElementById('react-autoql-condition-show-message');
@@ -19400,11 +19479,12 @@ var ConditionLockMenu = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 _defineProperty(ConditionLockMenu, "propTypes", {
-  containerWidth: PropTypes.number,
+  containerWidth: PropTypes.string,
   isOpen: PropTypes.bool,
   onClose: PropTypes.func,
   authentication: authenticationType,
-  initFilterText: PropTypes.string
+  initFilterText: PropTypes.string,
+  themeConfig: themeConfigType
 });
 
 _defineProperty(ConditionLockMenu, "defaultProps", {
@@ -19412,7 +19492,8 @@ _defineProperty(ConditionLockMenu, "defaultProps", {
   onClose: function onClose() {},
   isOpen: false,
   authentication: undefined,
-  initFilterText: undefined
+  initFilterText: undefined,
+  themeConfig: themeConfigDefault
 });
 
 var DataMessenger = /*#__PURE__*/function (_React$Component) {
@@ -19469,8 +19550,7 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
         _this.setState({
           hasError: true
         });
-      } // WIP
-
+      }
 
       try {
         fetchConditions(_objectSpread2({}, getAuthentication(_this.props.authentication))).then(function (response) {
@@ -19509,6 +19589,10 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
           _this.clearMessages();
         }
 
+        if (_this.state.messages.length === 0) {
+          _this.setintroMessages();
+        }
+
         var thisTheme = getThemeConfig(getThemeConfig(_this.props.themeConfig)).theme;
         var prevTheme = getThemeConfig(prevProps.themeConfig).theme;
 
@@ -19881,10 +19965,12 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
       }); // If there is a query message right above it (not a drilldown), delete the query message also
 
 
-      var messageAbove = _this.state.messages[messageIndex - 1];
+      var messageAbove = _this.state.messages[messageIndex - 1]; // If the messageAbove is not undefined
 
-      if (!messageAbove.isResponse) {
-        messagesToDelete.push(messageAbove.id);
+      if (messageAbove) {
+        if (!messageAbove.isResponse) {
+          messagesToDelete.push(messageAbove.id);
+        }
       }
 
       var newMessages = _this.state.messages.filter(function (message) {
@@ -20222,7 +20308,7 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
            * Because the popover anchor is over the header title instead of the button,
            * the button is considered part of an "outside" event. This also includes
            * some elements inside of the popover as well for some reason.
-           * 
+           *
            * This is a hacky solution, but it works.
            */
           if (_get(e, 'target.id') !== 'react-autoql-interpreted-value-label' && _get(e, 'target.parentElement.parentElement.parentElement.id') !== 'react-autoql-filter-menu-dropdown-button' && _get(e, 'target.parentElement.parentElement.parentElement.id') !== 'react-autoql-filter-menu-dropdown' && _get(e, 'target.parentElement.id') !== 'react-autoql-filter-table-row' && _get(e, 'target.parentElement.id') !== 'react-autoql-remove-filtered-condition-icon' && _get(e, 'target.parentElement.parentElement.id') !== 'react-autoql-remove-filtered-condition-icon' && _get(e, 'target.parentElement.id') !== 'react-autoql-remove-filter-container' && !_get(e, 'target.classList.value').includes('react-autoql-drawer-resize-handle')) {
@@ -20240,9 +20326,12 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
             display: 'block'
           }
         }, /*#__PURE__*/React.createElement(ConditionLockMenu, {
+          "data-test": "react-autoql-filter-menu",
+          id: "react-autoql-filter-menu",
           authentication: getAuthentication(getAuthentication(_this.props.authentication)),
           containerWidth: _this.getDrawerWidth(),
           isOpen: _this.state.isFilterLockingMenuOpen,
+          themeConfig: getThemeConfig(getThemeConfig(_this.props.themeConfig)),
           initFilterText: _this.state.selectedValueLabel,
           onClose: function onClose() {
             _this.setState({
@@ -20852,7 +20941,7 @@ _defineProperty(DataMessenger, "defaultProps", {
   maxMessages: undefined,
   introMessage: undefined,
   enableExploreQueriesTab: true,
-  enableNotificationsTab: true,
+  enableNotificationsTab: false,
   resizable: true,
   inputPlaceholder: undefined,
   queryQuickStartTopics: undefined,
@@ -21823,6 +21912,11 @@ var DashboardTile = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "renderBottomResponse", function () {
       var queryResponse = _this.props.tile.secondQueryResponse || _this.props.queryResponse;
       var displayType = isDisplayTypeValid(queryResponse, _this.props.secondDisplayType) ? _this.props.secondDisplayType : getDefaultDisplayType(queryResponse, _this.props.autoChartAggregations);
+
+      _this.props.setParamsForTile({
+        secondDisplayType: displayType
+      }, _this.props.tile.i);
+
       return _this.renderQueryOutput({
         queryOutputProps: {
           key: "dashboard-tile-query-bottom-".concat(_this.COMPONENT_KEY),
@@ -21952,7 +22046,7 @@ var DashboardTile = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return DashboardTile;
+  return _createClass(DashboardTile);
 }(React.Component);
 
 _defineProperty(DashboardTile, "propTypes", {
@@ -22646,7 +22740,7 @@ var Dashboard = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return Dashboard;
+  return _createClass(Dashboard);
 }(React.Component);
 
 _defineProperty(Dashboard, "propTypes", {
@@ -22879,7 +22973,7 @@ var SpeechToTextBtn = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  return SpeechToTextBtn;
+  return _createClass(SpeechToTextBtn);
 }(React.Component);
 
 _defineProperty(SpeechToTextBtn, "propTypes", {
@@ -22898,4 +22992,4 @@ _defineProperty(SpeechToTextBtn, "defaultProps", {
   themeConfig: themeConfigDefault
 });
 
-export { Dashboard, DashboardTile, DataAlertModal, DataAlerts, DataMessenger, ExpressionBuilder, ExpressionBuilderSimple, Icon, LoadingDots, NotificationFeed, NotificationIcon, NotificationItem, QueryInput, QueryOutput, ScheduleBuilder, SpeechToTextBtn as SpeechToTextButton, SpeechToTextButtonBrowser, executeDashboard, fetchQueryTips, getDefaultDisplayType, getSupportedDisplayTypes, isDisplayTypeValid, unExecuteDashboard };
+export { ConditionLockMenu, Dashboard, DashboardTile, DataAlertModal, DataAlerts, DataMessenger, ExpressionBuilder, ExpressionBuilderSimple, Icon, LoadingDots, NotificationFeed, NotificationIcon, NotificationItem, QueryInput, QueryOutput, ScheduleBuilder, SpeechToTextBtn as SpeechToTextButton, SpeechToTextButtonBrowser, executeDashboard, fetchQueryTips, getDefaultDisplayType, getSupportedDisplayTypes, isDisplayTypeValid, unExecuteDashboard };