react-autoql 3.4.6 → 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,12 +2721,7 @@ var runQueryOnly = function runQueryOnly() {
       source = _ref4.source,
       AutoAEId = _ref4.AutoAEId;
 
-  var url; // if(window.location.href.includes('localhost') || window.location.href.includes('chata-ai-test-page')) {
-  //   url = `${domain}/autoql/api/v2/query?key=${apiKey}`
-  // } else {
-
-  url = "".concat(domain, "/autoql/api/v1/query?key=").concat(apiKey); // }
-
+  var url = "".concat(domain, "/autoql/api/v1/query?key=").concat(apiKey);
   var finalUserSelection = transformUserSelection(userSelection);
   var data = {
     text: query,
@@ -3861,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;
@@ -19135,12 +19129,13 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
           hasError: true
         });
       } // WIP
-      // fetchConditions({ ...getAuthentication(this.props.authentication) }).then(
-      //   (response) => {
-      //     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) {
@@ -19737,32 +19732,37 @@ 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
             });
           },
           position: "bottom" // preferred position
           ,
-          content: /*#__PURE__*/React.createElement("div", null, window.location.href.includes('chata-ai-test-page') && /*#__PURE__*/React.createElement("div", {
-            className: "clear-messages-confirm-popover"
-          }, /*#__PURE__*/React.createElement("div", {
-            className: "react-autoql-menu-text",
-            onClick: function onClick() {
-              _this.setState({
-                isConditionLockingMenuOpen: true,
-                isOptionsDropdownOpen: false
-              });
-            }
-          }, /*#__PURE__*/React.createElement(Icon, {
-            type: "lock"
-          }), /*#__PURE__*/React.createElement("span", {
-            style: {
-              marginLeft: 5
-            }
-          }, lang.openConditionLocking))), /*#__PURE__*/React.createElement("div", {
+          content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
             className: "clear-messages-confirm-popover"
           }, /*#__PURE__*/React.createElement("div", {
             className: "react-autoql-menu-text",
@@ -19804,7 +19804,7 @@ var DataMessenger = /*#__PURE__*/function (_React$Component) {
           "data-for": "react-autoql-header-tooltip"
         }, /*#__PURE__*/React.createElement(Icon, {
           type: "trash"
-        })));
+        }))));
       }
     });
 
@@ -19841,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,
@@ -19855,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,
@@ -19882,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", {

package/package.json

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