react-autoql 3.4.3 → 3.4.7

package/dist/autoql.esm.js

@@ -11,7 +11,7 @@ import _regeneratorRuntime from '@babel/runtime/regenerator';
 import PropTypes, { shape, string, number, bool, oneOf, arrayOf, func, instanceOf, oneOfType, array } from 'prop-types';
 import { BsArrowBarDown, BsArrowBarUp } from 'react-icons/bs';
 import { BiLineChart } from 'react-icons/bi';
-import { MdError, MdPlayCircleOutline, MdLock, MdInfoOutline, MdContentCopy, MdClose } from 'react-icons/md';
+import { MdError, MdLockOpen, MdPlayCircleOutline, MdLock, MdInfoOutline, MdContentCopy, MdClose } from 'react-icons/md';
 import { FiAlertTriangle, FiTrash2, FiSettings, FiSend, FiPlus, FiPauseCircle, FiBellOff, FiBell, FiMoreHorizontal, FiMoreVertical, FiFilter, FiEye, FiDownload, FiDatabase, FiCheck, FiCalendar, FiArrowLeft } from 'react-icons/fi';
 import { IoIosSearch, IoIosHourglass, IoIosGlobe, IoIosCloseCircleOutline } from 'react-icons/io';
 import { TiSortNumerically } from 'react-icons/ti';
@@ -34,7 +34,7 @@ import disableScroll from 'disable-scroll';
 import HTMLRenderer from 'react-html-renderer';
 import { scaleOrdinal, scaleBand, scaleLinear } from 'd3-scale';
 import Autosuggest from 'react-autosuggest';
-import RecordRTC, { StereoAudioRecorder } from 'recordrtc';
+import SpeechRecognition from 'react-speech-recognition';
 import { ReactTabulator } from 'react-tabulator';
 import 'react-tabulator/lib/styles.css';
 import 'react-tabulator/css/bootstrap/tabulator_bootstrap.min.css';
@@ -57,7 +57,7 @@ import RGL, { WidthProvider } from 'react-grid-layout';
 import SplitterLayout from 'react-splitter-layout';
 import 'react-grid-layout/css/styles.css';
 import 'react-splitter-layout/lib/index.css';
-import SpeechRecognition from 'react-speech-recognition';
+import RecordRTC, { StereoAudioRecorder } from 'recordrtc';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -2514,6 +2514,12 @@ var Icon = /*#__PURE__*/function (_React$Component) {
             break;
           }
 
+        case 'unlock':
+          {
+            icon = /*#__PURE__*/React.createElement(MdLockOpen, null);
+            break;
+          }
+
         case 'warning':
           {
             icon = /*#__PURE__*/React.createElement(MdError, null);
@@ -2715,7 +2721,7 @@ var runQueryOnly = function runQueryOnly() {
       source = _ref4.source,
       AutoAEId = _ref4.AutoAEId;
 
-  var url = "".concat(domain, "/autoql/api/v2/query?key=").concat(apiKey);
+  var url = "".concat(domain, "/autoql/api/v1/query?key=").concat(apiKey);
   var finalUserSelection = transformUserSelection(userSelection);
   var data = {
     text: query,
@@ -3856,19 +3862,12 @@ var QueryInput = /*#__PURE__*/function (_React$Component) {
         type: "react-autoql-bubbles-outlined"
       })), _this.props.showLoadingDots && _this.state.isQueryRunning && /*#__PURE__*/React.createElement("div", {
         className: "input-response-loading-container"
-      }, /*#__PURE__*/React.createElement(LoadingDots, null)), _this.props.enableVoiceRecord && /*#__PURE__*/React.createElement(SpeechToTextBtn, {
+      }, /*#__PURE__*/React.createElement(LoadingDots, null)), _this.props.enableVoiceRecord && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpeechToTextButtonBrowser, {
         onTranscriptChange: _this.onTranscriptChange,
         onFinalTranscript: _this.onFinalTranscript,
         themeConfig: _this.props.themeConfig,
         authentication: getAuthentication(_this.props.authentication)
-      }) // KEEP THIS FOR NOW
-      // <SpeechToTextButtonBrowser
-      //   onTranscriptChange={this.onTranscriptChange}
-      //   onFinalTranscript={this.onFinalTranscript}
-      //   themeConfig={this.props.themeConfig}
-      //   authentication={getAuthentication(this.props.authentication)}
-      // />
-      ));
+      }))));
     });
 
     return _this;
@@ -11994,7 +11993,7 @@ var validateExpression = function validateExpression(_ref20) {
   });
 }; // DELETE
 
-var deleteDataAlert = function deleteDataAlert(dataAlertId, projectId, authObject) {
+var deleteDataAlert = function deleteDataAlert(dataAlertId, authObject) {
   // If there is missing data, dont bother making the call
   var domain = authObject.domain,
       apiKey = authObject.apiKey,
@@ -12069,9 +12068,11 @@ var NotificationIcon = /*#__PURE__*/function (_React$Component) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              _this._isMounted = true; // this.subscribeToNotificationCount()
+              _this._isMounted = true;
 
-            case 1:
+              _this.subscribeToNotificationCount();
+
+            case 2:
             case "end":
               return _context.stop();
           }
@@ -14356,13 +14357,13 @@ var DataAlertModal = /*#__PURE__*/function (_React$Component) {
           isDeletingDataAlert: true
         });
 
-        deleteDataAlert(dataAlertId, _this.props.activeAlertType, _this.props.authObject).then(function () {
+        deleteDataAlert(dataAlertId, getAuthentication(_this.props.authentication)).then(function () {
           _this.setState({
             isDeletingDataAlert: false,
             isConfirmDeleteModalVisible: false
           });
 
-          _this.props.handleAlertDeletedByWidget();
+          _this.props.onDelete(dataAlertId);
 
           _this.props.onClose(false);
         }).catch(function (error) {
@@ -14939,7 +14940,7 @@ var DataAlerts = /*#__PURE__*/function (_React$Component) {
         _this.getDataAlerts();
       }
 
-      if (!_isEqual(_this.state.projectAlertsList, prevState.projectAlertsList)) {
+      if (!_isEqual(_this.state.projectAlertsList, prevState.projectAlertsList) || !_isEqual(_this.state.customAlertsList, prevState.customAlertsList)) {
         _this.getDataAlerts();
       }
     });
@@ -15117,7 +15118,6 @@ var DataAlerts = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "hasError", function (dataAlert) {
-      console.log(dataAlert);
       return dataAlert.status === 'GENERAL_ERROR' || dataAlert.status === 'EVALUATION_ERROR' || dataAlert.status === 'DATA_RETURN_ERROR';
     });
 
@@ -19129,13 +19129,13 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
           hasError: true
         });
       } // WIP
-      // fetchConditions({ ...getAuthentication(this.props.authentication) }).then(
-      //   (response) => {
-      //     console.log(_get(response, 'data.data.data'))
-      //     this.setState({ conditions: _get(response, 'data.data.data') })
-      //   }
-      // )
 
+
+      fetchConditions(_objectSpread2({}, getAuthentication(_this.props.authentication))).then(function (response) {
+        _this.setState({
+          conditions: _get(response, 'data.data.data')
+        });
+      });
     });
 
     _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps, prevState) {
@@ -19732,10 +19732,31 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderOptionsDropdown", function () {
       if (_this.state.activePage === 'data-messenger') {
-        return /*#__PURE__*/React.createElement(Popover, {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          id: "condition-dropdown",
+          style: {
+            justifyContent: 'left',
+            position: 'absolute',
+            right: 30
+          }
+        }, window.location.href.includes('localhost') || window.location.href.includes('chata-ai-test-page') ? /*#__PURE__*/React.createElement("button", {
+          id: "condition-dropdown",
+          onClick: function onClick() {
+            _this.setState({
+              isConditionLockingMenuOpen: !_this.state.isConditionLockingMenuOpen
+            });
+          },
+          className: "react-autoql-drawer-header-btn clear-all",
+          "data-tip": lang.dataMessengerOptions,
+          "data-for": "react-autoql-header-tooltip"
+        }, /*#__PURE__*/React.createElement(Icon, {
+          type: _get(_this.state.conditions, 'length') > 0 ? "lock" : "unlock"
+        })) : /*#__PURE__*/React.createElement("span", null)), /*#__PURE__*/React.createElement(Popover, {
           isOpen: _this.state.isOptionsDropdownOpen,
           onClickOutside: function onClickOutside() {
-            return _this.setState({
+            console.log(_this.state.isOptionsDropdownOpen);
+
+            _this.setState({
               isOptionsDropdownOpen: false
             });
           },
@@ -19782,8 +19803,8 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
           "data-tip": lang.dataMessengerOptions,
           "data-for": "react-autoql-header-tooltip"
         }, /*#__PURE__*/React.createElement(Icon, {
-          type: "menu"
-        })));
+          type: "trash"
+        }))));
       }
     });
 
@@ -19820,11 +19841,11 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
         className: "react-autoql-header-left-container"
       }, /*#__PURE__*/React.createElement("button", {
         onClick: function onClick() {
-          _this.props.onHandleClick();
-
           _this.setState({
             isConditionLockingMenuOpen: false
           });
+
+          _this.props.onHandleClick();
         },
         className: "react-autoql-drawer-header-btn close",
         "data-tip": lang.closeDataMessenger,
@@ -19834,17 +19855,15 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
       }))), /*#__PURE__*/React.createElement(Popover, {
         containerStyle: _this.getConditionMenuPosition(),
         isOpen: _this.state.isConditionLockingMenuOpen,
-        onClickOutside: function onClickOutside(e) {
-          if (_get(e, 'target.innerText') !== lang.openConditionLocking && !_includes(_get(e, 'target.className'), 'react-autosuggest__suggestion') && !_includes(_get(e, 'target.className'), 'condition-list-container')) {
-            _this.setState({
-              isConditionLockingMenuOpen: false
-            });
-          }
-        },
         position: "bottom",
         padding: 2,
         align: "center",
-        content: /*#__PURE__*/React.createElement(ConditionLockMenu, {
+        content: /*#__PURE__*/React.createElement("div", {
+          id: "condition-menu-dropdown",
+          style: {
+            display: 'block'
+          }
+        }, /*#__PURE__*/React.createElement(ConditionLockMenu, {
           authentication: getAuthentication(getAuthentication(_this.props.authentication)),
           containerWidth: _this.getDrawerWidth(),
           isOpen: _this.state.isConditionLockingMenuOpen,
@@ -19861,7 +19880,7 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
               isConditionLockingMenuOpen: false
             });
           }
-        })
+        }))
       }, /*#__PURE__*/React.createElement("div", {
         className: "react-autoql-header-center-container"
       }, _this.renderHeaderTitle(), _this.renderShowSuccessMessage())), /*#__PURE__*/React.createElement("div", {
@@ -19955,26 +19974,7 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
         className: "response-loading"
       }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null))), /*#__PURE__*/React.createElement("div", {
         className: "chat-bar-container"
-      }, _this.state.conditions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        id: "conditionListContent",
-        className: "condition-list-display"
-      }, /*#__PURE__*/React.createElement("h5", null, "Content:"), /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "thing 1"), /*#__PURE__*/React.createElement("li", null, "thing 2"))), /*#__PURE__*/React.createElement("span", {
-        className: "condition-list-container",
-        onMouseEnter: function onMouseEnter() {
-          return document.getElementById('conditionListContent').style.display = 'block';
-        },
-        onMouseLeave: function onMouseLeave() {
-          return document.getElementById('conditionListContent').style.display = 'none';
-        },
-        onClick: function onClick() {
-          _this.setState({
-            isConditionLockingMenuOpen: true,
-            isOptionsDropdownOpen: false
-          });
-        }
-      }, /*#__PURE__*/React.createElement(Icon, {
-        type: "lock"
-      }), " Conditions")), /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "watermark"
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "react-autoql-bubbles-outlined"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-autoql",
-  "version": "3.4.3",
+  "version": "3.4.7",
   "description": "React Widget Library",
   "main": "dist/autoql.cjs.js",
   "module": "dist/autoql.esm.js",