@appbaseio/reactivesearch-vue 3.0.0-rc.6 → 3.0.0-rc.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,7 +14,7 @@ require('@appbaseio/reactivecore/lib/utils/helper');
14
14
  require('@appbaseio/vue-emotion');
15
15
  require('@emotion/css');
16
16
  require('polished');
17
- var Button = require('./Button-9e179864.js');
17
+ var Button = require('./Button-f96a0570.js');
18
18
  var vueTypes = require('./vueTypes-a5f1745e.js');
19
19
  require('@appbaseio/reactivecore/lib/utils/transform');
20
20
  require('redux');
@@ -6,7 +6,7 @@ var reactivecore = require('@appbaseio/reactivecore');
6
6
  var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
7
7
  var vue = require('vue');
8
8
  var VueTypes = _interopDefault(require('vue-types'));
9
- var Button = require('./Button-9e179864.js');
9
+ var Button = require('./Button-f96a0570.js');
10
10
  var vueTypes = require('./vueTypes-a5f1745e.js');
11
11
 
12
12
  function _isSlot(s) {
@@ -14,9 +14,9 @@ require('@appbaseio/reactivecore/lib/utils/helper');
14
14
  var vueEmotion = require('@appbaseio/vue-emotion');
15
15
  var css = require('@emotion/css');
16
16
  require('polished');
17
- require('./Button-9e179864.js');
17
+ require('./Button-f96a0570.js');
18
18
  var vueTypes = require('./vueTypes-a5f1745e.js');
19
- var Pagination = require('./Pagination-58a0cf3f.js');
19
+ var Pagination = require('./Pagination-bcf8af5f.js');
20
20
  require('@appbaseio/reactivecore/lib/utils/transform');
21
21
  require('redux');
22
22
  var index = require('./index-779ed366.js');
@@ -14,9 +14,9 @@ var helper = require('@appbaseio/reactivecore/lib/utils/helper');
14
14
  var vueEmotion = require('@appbaseio/vue-emotion');
15
15
  var css = require('@emotion/css');
16
16
  require('polished');
17
- require('./Button-9e179864.js');
17
+ require('./Button-f96a0570.js');
18
18
  var vueTypes = require('./vueTypes-a5f1745e.js');
19
- var Pagination = require('./Pagination-58a0cf3f.js');
19
+ var Pagination = require('./Pagination-bcf8af5f.js');
20
20
  require('@appbaseio/reactivecore/lib/utils/transform');
21
21
  require('redux');
22
22
  var index = require('./index-779ed366.js');
@@ -14,7 +14,7 @@ require('@appbaseio/reactivecore/lib/utils/helper');
14
14
  require('@appbaseio/vue-emotion');
15
15
  require('@emotion/css');
16
16
  require('polished');
17
- var Button = require('./Button-9e179864.js');
17
+ var Button = require('./Button-f96a0570.js');
18
18
  var vueTypes = require('./vueTypes-a5f1745e.js');
19
19
  require('redux');
20
20
  var index = require('./index-779ed366.js');
@@ -14,7 +14,7 @@ require('@appbaseio/reactivecore/lib/utils/helper');
14
14
  require('@appbaseio/vue-emotion');
15
15
  require('@emotion/css');
16
16
  require('polished');
17
- var Button = require('./Button-9e179864.js');
17
+ var Button = require('./Button-f96a0570.js');
18
18
  var vueTypes = require('./vueTypes-a5f1745e.js');
19
19
  require('@appbaseio/reactivecore/lib/utils/transform');
20
20
  require('redux');
@@ -13,7 +13,7 @@ require('@appbaseio/reactivecore/lib/utils/helper');
13
13
  require('@appbaseio/vue-emotion');
14
14
  require('@emotion/css');
15
15
  require('polished');
16
- var Button = require('./Button-9e179864.js');
16
+ var Button = require('./Button-f96a0570.js');
17
17
  var vueTypes = require('./vueTypes-a5f1745e.js');
18
18
  require('@appbaseio/reactivecore/lib/utils/transform');
19
19
  require('redux');
package/dist/cjs/index.js CHANGED
@@ -12,9 +12,9 @@ require('@appbaseio/reactivecore/lib/utils/helper');
12
12
  require('@appbaseio/vue-emotion');
13
13
  require('@emotion/css');
14
14
  require('polished');
15
- require('./Button-9e179864.js');
15
+ require('./Button-f96a0570.js');
16
16
  require('./vueTypes-a5f1745e.js');
17
- require('./Pagination-58a0cf3f.js');
17
+ require('./Pagination-bcf8af5f.js');
18
18
  var ReactiveList = require('./ReactiveList.js');
19
19
  require('@appbaseio/reactivecore/lib/utils/transform');
20
20
  require('redux');
@@ -33,7 +33,7 @@ require('url-search-params-polyfill');
33
33
  var ReactiveBase = require('./ReactiveBase.js');
34
34
  require('hotkeys-js');
35
35
  require('remarkable');
36
- var install = require('./install-70991c13.js');
36
+ var install = require('./install-a3eedd27.js');
37
37
  require('./DropDown-aef75c14.js');
38
38
  require('./Input-56eba499.js');
39
39
  require('compute-scroll-into-view');
@@ -12,7 +12,7 @@ var helper = require('@appbaseio/reactivecore/lib/utils/helper');
12
12
  var vueEmotion = require('@appbaseio/vue-emotion');
13
13
  var css = require('@emotion/css');
14
14
  var polished = require('polished');
15
- var Button = require('./Button-9e179864.js');
15
+ var Button = require('./Button-f96a0570.js');
16
16
  var vueTypes = require('./vueTypes-a5f1745e.js');
17
17
  var ReactiveList = require('./ReactiveList.js');
18
18
  var transform = require('@appbaseio/reactivecore/lib/utils/transform');
@@ -197,10 +197,34 @@ var SearchSvg = {
197
197
  }
198
198
  };
199
199
 
200
- var _templateObject$3;
200
+ function styleInject(css, ref) {
201
+ if (ref === void 0) ref = {};
202
+ var insertAt = ref.insertAt;
203
+ if (!css || typeof document === 'undefined') {
204
+ return;
205
+ }
206
+ var head = document.head || document.getElementsByTagName('head')[0];
207
+ var style = document.createElement('style');
208
+ style.type = 'text/css';
209
+ if (insertAt === 'top') {
210
+ if (head.firstChild) {
211
+ head.insertBefore(style, head.firstChild);
212
+ } else {
213
+ head.appendChild(style);
214
+ }
215
+ } else {
216
+ head.appendChild(style);
217
+ }
218
+ if (style.styleSheet) {
219
+ style.styleSheet.cssText = css;
220
+ } else {
221
+ style.appendChild(document.createTextNode(css));
222
+ }
223
+ }
224
+
225
+ var css_248z = "#el_TvxDfTAtKp {\n stroke: none;\n stroke-width: 1;\n fill: none;\n}\n#el_D93PK3GbmJ {\n -webkit-transform: translate(163px, 131px);\n transform: translate(163px, 131px);\n fill: #d8d8d8;\n}\n";
226
+ styleInject(css_248z);
201
227
 
202
- // eslint-disable-next-line
203
- vueEmotion.createGlobalStyle(_templateObject$3 || (_templateObject$3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t#el_TvxDfTAtKp {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_D93PK3GbmJ {\n\t\t-webkit-transform: translate(163px, 131px);\n\t\ttransform: translate(163px, 131px);\n\t\tfill: #d8d8d8;\n\t}\n"])));
204
228
  var MicSvg = {
205
229
  name: 'MicSvg',
206
230
  props: ['className'],
@@ -234,10 +258,9 @@ var MicSvg = {
234
258
  }
235
259
  };
236
260
 
237
- var _templateObject$4;
261
+ var css_248z$1 = "#el_X81iT9kZYo {\n stroke: none;\n stroke-width: 1;\n fill: none;\n}\n#el_gMpyalCphp {\n -webkit-transform: translate(163px, 131px);\n transform: translate(163px, 131px);\n}\n#el_c7H-3u-D4l {\n fill: #d8d8d8;\n}\n#el_qhFcdAAFwo {\n fill: #d8d8d8;\n}\n#el_M8X8g37WOI {\n stroke: #e83137;\n stroke-width: 21;\n}\n";
262
+ styleInject(css_248z$1);
238
263
 
239
- // eslint-disable-next-line
240
- vueEmotion.createGlobalStyle(_templateObject$4 || (_templateObject$4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t#el_X81iT9kZYo {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_gMpyalCphp {\n\t\t-webkit-transform: translate(163px, 131px);\n\t\ttransform: translate(163px, 131px);\n\t}\n\t#el_c7H-3u-D4l {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_qhFcdAAFwo {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_M8X8g37WOI {\n\t\tstroke: #e83137;\n\t\tstroke-width: 21;\n\t}\n"])));
241
264
  var MuteSvg = {
242
265
  name: 'MuteSvg',
243
266
  props: ['className'],
@@ -280,10 +303,9 @@ var MuteSvg = {
280
303
  }
281
304
  };
282
305
 
283
- var _templateObject$5;
306
+ var css_248z$2 = "@-webkit-keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n 0% {\n opacity: 0;\n }\n 13.89% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n 0% {\n opacity: 0;\n }\n 13.89% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@-webkit-keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n 0% {\n opacity: 0;\n }\n 27.78% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n 0% {\n opacity: 0;\n }\n 27.78% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@-webkit-keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n 0% {\n opacity: 0;\n }\n 41.67% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n 0% {\n opacity: 0;\n }\n 41.67% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@-webkit-keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n 0% {\n opacity: 0;\n }\n 55.56% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n 0% {\n opacity: 0;\n }\n 55.56% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@-webkit-keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n 0% {\n opacity: 0;\n }\n 69.44% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n 0% {\n opacity: 0;\n }\n 69.44% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@-webkit-keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n 0% {\n opacity: 0;\n }\n 83.33% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n 0% {\n opacity: 0;\n }\n 83.33% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@-webkit-keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n 0% {\n opacity: 0;\n }\n 97.22% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n 0% {\n opacity: 0;\n }\n 97.22% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n#el_hiibMG0x- * {\n -webkit-animation-duration: 1.2s;\n animation-duration: 1.2s;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);\n animation-timing-function: cubic-bezier(0, 0, 1, 1);\n}\n#el_QJeJ_2CDw5 {\n stroke: none;\n stroke-width: 1;\n fill: none;\n}\n#el_UYYCfubTRf {\n -webkit-transform: translate(163px, 123px);\n transform: translate(163px, 123px);\n}\n#el_uzZNtK32Zi {\n fill: #d8d8d8;\n}\n#el_EYKQ2N9Kgy {\n fill: #d8d8d8;\n}\n#el_6SDP2LAgKC {\n -webkit-transform: translate(37.846924px, 0px);\n transform: translate(37.846924px, 0px);\n}\n#el_-Vm65Ltfy7 {\n fill: #0B6AFF;\n}\n#el_q04iZcSim4 {\n fill: #d8d8d8;\n}\n#el_6WKby7wXqV {\n -webkit-transform: translate(37.846924px, 0px);\n transform: translate(37.846924px, 0px);\n -webkit-animation-fill-mode: backwards;\n animation-fill-mode: backwards;\n opacity: 0;\n -webkit-animation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n animation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_9bggsfQOtU {\n fill: #0B6AFF;\n}\n#el_NKxqi9eIym {\n fill: #d8d8d8;\n}\n#el_Wi-my975tM {\n -webkit-transform: translate(37.846924px, 0px);\n transform: translate(37.846924px, 0px);\n -webkit-animation-fill-mode: backwards;\n animation-fill-mode: backwards;\n opacity: 0;\n -webkit-animation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n animation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_zclQ34fvf7 {\n fill: #0B6AFF;\n}\n#el_1OsvRT8HkeZ {\n fill: #d8d8d8;\n}\n#el_DkfFFTaFxy8 {\n -webkit-transform: translate(37.846924px, 0px);\n transform: translate(37.846924px, 0px);\n -webkit-animation-fill-mode: backwards;\n animation-fill-mode: backwards;\n opacity: 0;\n -webkit-animation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n animation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_aa9sjx4H0vA {\n fill: #0B6AFF;\n}\n#el_tea114vWg0J {\n fill: #d8d8d8;\n}\n#el_34IgwiMB5rf {\n -webkit-transform: translate(37.846924px, 0px);\n transform: translate(37.846924px, 0px);\n -webkit-animation-fill-mode: backwards;\n animation-fill-mode: backwards;\n opacity: 0;\n -webkit-animation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n animation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_z5u6RAFhx7d {\n fill: #0B6AFF;\n}\n#el_7nfuWmA5Uhy {\n fill: #d8d8d8;\n}\n#el_DeebuCsPTGA {\n -webkit-transform: translate(37.846924px, 0px);\n transform: translate(37.846924px, 0px);\n -webkit-animation-fill-mode: backwards;\n animation-fill-mode: backwards;\n opacity: 0;\n -webkit-animation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n animation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el__ZcqlS20zcw {\n fill: #0B6AFF;\n}\n#el_8DnEQnD7VWV {\n fill: #d8d8d8;\n}\n#el_ZOjjrPTvyrv {\n -webkit-transform: translate(37.846924px, 0px);\n transform: translate(37.846924px, 0px);\n -webkit-animation-fill-mode: backwards;\n animation-fill-mode: backwards;\n opacity: 0;\n -webkit-animation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n animation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_FYYKCI_u24e {\n fill: #0B6AFF;\n}\n#el_XZty4MnTp5Y {\n fill: #d8d8d8;\n}\n#el_2FATegVmf0K {\n -webkit-transform: translate(37.846924px, 0px);\n transform: translate(37.846924px, 0px);\n -webkit-animation-fill-mode: backwards;\n animation-fill-mode: backwards;\n opacity: 0;\n -webkit-animation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n animation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_RMT1KUfbdF8 {\n fill: #0B6AFF;\n}\n#el_RgLcovvFiO1 {\n fill: #d8d8d8;\n}\n";
307
+ styleInject(css_248z$2);
284
308
 
285
- // eslint-disable-next-line
286
- vueEmotion.createGlobalStyle(_templateObject$5 || (_templateObject$5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t@-webkit-keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t13.89% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t13.89% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t27.78% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t27.78% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t41.67% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t41.67% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t55.56% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t55.56% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t69.44% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t69.44% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t83.33% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t83.33% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t97.22% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t97.22% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t#el_hiibMG0x- * {\n\t\t-webkit-animation-duration: 1.2s;\n\t\tanimation-duration: 1.2s;\n\t\t-webkit-animation-iteration-count: infinite;\n\t\tanimation-iteration-count: infinite;\n\t\t-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0, 0, 1, 1);\n\t}\n\t#el_QJeJ_2CDw5 {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_UYYCfubTRf {\n\t\t-webkit-transform: translate(163px, 123px);\n\t\ttransform: translate(163px, 123px);\n\t}\n\t#el_uzZNtK32Zi {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_EYKQ2N9Kgy {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_6SDP2LAgKC {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t}\n\t#el_-Vm65Ltfy7 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_q04iZcSim4 {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_6WKby7wXqV {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n\t\tanimation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_9bggsfQOtU {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_NKxqi9eIym {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_Wi-my975tM {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n\t\tanimation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_zclQ34fvf7 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_1OsvRT8HkeZ {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_DkfFFTaFxy8 {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n\t\tanimation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_aa9sjx4H0vA {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_tea114vWg0J {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_34IgwiMB5rf {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n\t\tanimation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_z5u6RAFhx7d {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_7nfuWmA5Uhy {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_DeebuCsPTGA {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n\t\tanimation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el__ZcqlS20zcw {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_8DnEQnD7VWV {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_ZOjjrPTvyrv {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n\t\tanimation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_FYYKCI_u24e {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_XZty4MnTp5Y {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_2FATegVmf0K {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n\t\tanimation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_RMT1KUfbdF8 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_RgLcovvFiO1 {\n\t\tfill: #d8d8d8;\n\t}\n"])));
287
309
  var ListenSvg = {
288
310
  name: 'ListenSvg',
289
311
  props: ['className'],
@@ -548,7 +570,7 @@ var Mic = {
548
570
  }
549
571
  this.instance = new SpeechRecognition();
550
572
  this.instance.continuous = true;
551
- this.instance.interimResults = true;
573
+ this.instance.interimResults = false;
552
574
  this.instance.lang = lang;
553
575
  if (getInstance) {
554
576
  getInstance(this.instance);
@@ -608,18 +630,18 @@ var Mic = {
608
630
  case STATUS.active:
609
631
  return vue.createVNode(ListenSvg, {
610
632
  "className": className,
611
- "nativeOnClick": this.handleClick
633
+ "onClick": this.handleClick
612
634
  }, null);
613
635
  case STATUS.stopped:
614
636
  case STATUS.denied:
615
637
  return vue.createVNode(MuteSvg, {
616
638
  "className": className,
617
- "nativeOnClick": this.handleClick
639
+ "onClick": this.handleClick
618
640
  }, null);
619
641
  default:
620
642
  return vue.createVNode(MicSvg, {
621
643
  "className": className,
622
- "nativeOnClick": this.handleClick
644
+ "onClick": this.handleClick
623
645
  }, null);
624
646
  }
625
647
  }
@@ -731,8 +753,8 @@ var CustomSvg = {
731
753
  }
732
754
  };
733
755
 
734
- var _templateObject$6;
735
- var AutofillSvgIcon = vueEmotion.styled('button')(_templateObject$6 || (_templateObject$6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\tposition: relative;\n\tright: -3px;\n\tborder: none;\n\toutline: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tz-index: 111000;\n\n\tsvg {\n\t\tcursor: pointer;\n\t\tfill: #707070;\n\t\theight: 20px;\n\t}\n\n\t&:hover {\n\t\tsvg {\n\t\t\tfill: #1c1a1a;\n\t\t}\n\t}\n"])));
756
+ var _templateObject$3;
757
+ var AutofillSvgIcon = vueEmotion.styled('button')(_templateObject$3 || (_templateObject$3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\tposition: relative;\n\tright: -3px;\n\tborder: none;\n\toutline: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tz-index: 111000;\n\n\tsvg {\n\t\tcursor: pointer;\n\t\tfill: #707070;\n\t\theight: 20px;\n\t}\n\n\t&:hover {\n\t\tsvg {\n\t\t\tfill: #1c1a1a;\n\t\t}\n\t}\n"])));
736
758
  var AutoFillSvg = {
737
759
  name: 'AutoFillSvg',
738
760
  render: function render() {
@@ -756,12 +778,12 @@ var AutoFillSvg = {
756
778
  }
757
779
  };
758
780
 
759
- var _templateObject$7, _templateObject2;
760
- var TagsContainer = vueEmotion.styled('div')(_templateObject$7 || (_templateObject$7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\twidth: 100%;\n"])));
781
+ var _templateObject$4, _templateObject2;
782
+ var TagsContainer = vueEmotion.styled('div')(_templateObject$4 || (_templateObject$4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\twidth: 100%;\n"])));
761
783
  var TagItem = vueEmotion.styled('span')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcursor: default;\n\tbox-sizing: border-box;\n\tmargin: 0 4px 4px 0;\n\tcolor: #000000d9;\n\tfont-size: 14px;\n\tfont-variant: tabular-nums;\n\tline-height: 1.5715;\n\tlist-style: none;\n\tfont-feature-settings: 'tnum';\n\tdisplay: inline-block;\n\theight: auto;\n\tpadding: 0 2px 0 7px;\n\tfont-size: 12px;\n\tline-height: 22px;\n\twhite-space: nowrap;\n\tbackground: #fafafa;\n\tborder: 1px solid #d9d9d9;\n\tborder-radius: 2px;\n\topacity: 1;\n\ttransition: all 0.3s;\n\n\tspan.close-icon {\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\theight: 15px;\n\t\t\tposition: relative;\n\t\t\ttop: 4px;\n\t\t\tfill: #262626;\n\t\t}\n\t}\n"])));
762
784
 
763
- var _templateObject$8, _templateObject2$1, _templateObject3;
764
- var skeletonAnimation = css.keyframes(_templateObject$8 || (_templateObject$8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -200% 0;\n }\n"])));
785
+ var _templateObject$5, _templateObject2$1, _templateObject3;
786
+ var skeletonAnimation = css.keyframes(_templateObject$5 || (_templateObject$5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -200% 0;\n }\n"])));
765
787
  var SkeletonLoader = vueEmotion.styled('div')(_templateObject2$1 || (_templateObject2$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n"])));
766
788
  var SkeletonLine = vueEmotion.styled('div')(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\theight: 20px;\n\tbackground: linear-gradient(\n\t\t90deg,\n\t\trgba(220, 220, 220, 0.5) 25%,\n\t\trgba(240, 240, 240, 0.9) 50%,\n\t\trgba(220, 220, 220, 0.5) 75%\n\t);\n\tbackground-size: 200% 100%;\n\tanimation: ", " 1.5s infinite;\n"])), skeletonAnimation);
767
789
  var HorizontalSkeletonLoader = vue.defineComponent({
@@ -775,8 +797,8 @@ var HorizontalSkeletonLoader = vue.defineComponent({
775
797
  }
776
798
  });
777
799
 
778
- var _templateObject$9, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
779
- var Chatbox = vueEmotion.styled('div')(_templateObject$9 || (_templateObject$9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n"])), function (props) {
800
+ var _templateObject$6, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
801
+ var Chatbox = vueEmotion.styled('div')(_templateObject$6 || (_templateObject$6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n"])), function (props) {
780
802
  return props.theme && props.theme.colors ? props.theme.colors.backgroundColor : '#fff';
781
803
  });
782
804
  var ChatContainer = vueEmotion.styled('div')(_templateObject2$2 || (_templateObject2$2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tposition: relative;\n\t.--ai-answer-error-container {\n\t\ttext-align: center;\n\t\tposition: absolute;\n\t\tbottom: 0px;\n\t\t", ";\n\t\tz-index: 1;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\twidth: 100%;\n\n\t\t.--default-error-element {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tpadding: 10px;\n\t\t\tbackground-color: ", ";\n\t\t\tbox-shadow: 0 -5px 5px -2px\n\t\t\t\t", ";\n\n\t\t\tspan {\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t}\n\t\t}\n\t}\n\n\t", ";\n"])), function (props) {
@@ -848,11 +870,11 @@ var MessageInput = vueEmotion.styled(Input.TextArea)(_templateObject9 || (_templ
848
870
  var enterButton = _ref.enterButton;
849
871
  return enterButton && "\n\t\t border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n\t";
850
872
  });
851
- var SendButton = vueEmotion.styled(Button.Button)(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n"])));
873
+ var SendButton = vueEmotion.styled(Button.Button)(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t}\n"])));
852
874
  var AIFeedbackContainer = vueEmotion.styled('div')(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t.--feedback-svgs-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: 5px;\n\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\ttransition: all ease-in 0.1s;\n\t\t\t&.selected {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\t\t}\n\t}\n\n\t.--feedback-input-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 7px;\n\t}\n"])));
853
875
 
854
- var _templateObject$a, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
855
- var fadeInFromBottom = css.keyframes(_templateObject$a || (_templateObject$a = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n"])));
876
+ var _templateObject$7, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
877
+ var fadeInFromBottom = css.keyframes(_templateObject$7 || (_templateObject$7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n"])));
856
878
  var fadeInFromTop = css.keyframes(_templateObject2$3 || (_templateObject2$3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n 0% {\n opacity: 0;\n transform: translateY(-20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n"])));
857
879
  var SearchBoxAISection = vueEmotion.styled('div')(_templateObject3$2 || (_templateObject3$2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tpadding: 10px;\n\tborder-radius: 4px;\n\tmin-height: 200px;\n\tpadding-top: 20px;\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\t.--ai-answer-error-container {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\t.--default-error-element {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tgap: 10px;\n\t\t}\n\t}\n"])), function (_ref) {
858
880
  var themePreset = _ref.themePreset,
@@ -2484,6 +2506,9 @@ var AIAnswer = vue.defineComponent({
2484
2506
  },
2485
2507
  shouldShowComponent: function shouldShowComponent() {
2486
2508
  return this.showComponent;
2509
+ },
2510
+ errorMessageForMissingSessionId: function errorMessageForMissingSessionId() {
2511
+ return "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.";
2487
2512
  }
2488
2513
  },
2489
2514
  props: {
@@ -2541,9 +2566,15 @@ var AIAnswer = vue.defineComponent({
2541
2566
  finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
2542
2567
  return msg.role !== constants.AI_ROLES.SYSTEM;
2543
2568
  }));
2569
+ } else if (response && response.answer && response.answer.text) {
2570
+ finalMessages.push({
2571
+ role: constants.AI_ROLES.ASSISTANT,
2572
+ content: response.answer.text
2573
+ });
2574
+ this.error = {
2575
+ message: this.errorMessageForMissingSessionId
2576
+ };
2544
2577
  }
2545
- // fresh response
2546
- if (response && response.answer) ;
2547
2578
  this.messages = finalMessages;
2548
2579
  } else if (!newVal && !this.error) {
2549
2580
  this.messages = [];
@@ -2562,7 +2593,7 @@ var AIAnswer = vue.defineComponent({
2562
2593
  this.$emit('on-data', {
2563
2594
  data: this.messages,
2564
2595
  rawData: this.$props.rawData,
2565
- loading: newVal || this.$props.isLoading,
2596
+ loading: newVal || this.isLoading,
2566
2597
  error: this.$props.AIResponseError
2567
2598
  });
2568
2599
  },
@@ -2571,7 +2602,7 @@ var AIAnswer = vue.defineComponent({
2571
2602
  this.$emit('on-data', {
2572
2603
  data: this.messages,
2573
2604
  rawData: this.$props.rawData,
2574
- loading: newVal || this.$props.isLoading,
2605
+ loading: newVal || this.isAIResponseLoading,
2575
2606
  error: this.$props.AIResponseError
2576
2607
  });
2577
2608
  },
@@ -2583,10 +2614,17 @@ var AIAnswer = vue.defineComponent({
2583
2614
  AIResponseError: function AIResponseError(newVal) {
2584
2615
  this.error = newVal;
2585
2616
  this.AISessionId = ((helper.getObjectFromLocalStorage(constants.AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).sessionId || null;
2617
+ if (this.error && !this.AISessionId) {
2618
+ var errorMessage = this.errorMessageForMissingSessionId;
2619
+ this.error = {
2620
+ message: errorMessage
2621
+ };
2622
+ console.error(errorMessage);
2623
+ }
2586
2624
  this.$emit('on-data', {
2587
2625
  data: this.messages,
2588
2626
  rawData: this.$props.rawData,
2589
- loading: this.$props.isAIResponseLoading || this.$props.isLoading,
2627
+ loading: this.isAIResponseLoading || this.isLoading,
2590
2628
  error: newVal
2591
2629
  });
2592
2630
  },
@@ -2619,7 +2657,7 @@ var AIAnswer = vue.defineComponent({
2619
2657
  if (text === void 0) {
2620
2658
  text = this.inputMessage;
2621
2659
  }
2622
- if (typeof e === 'object') e.preventDefault();
2660
+ if (typeof e === 'object' && e !== null) e.preventDefault();
2623
2661
  if (text.trim()) {
2624
2662
  if (this.isLoadingState) {
2625
2663
  return;
@@ -2631,9 +2669,9 @@ var AIAnswer = vue.defineComponent({
2631
2669
  }]);
2632
2670
  this.getAIResponse(this.AISessionId, this.componentId, text);
2633
2671
  } else {
2634
- console.error("AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
2672
+ console.error(this.errorMessageForMissingSessionId);
2635
2673
  this.error = {
2636
- message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Trying reloading the App."
2674
+ message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Trying reloading the App."
2637
2675
  };
2638
2676
  }
2639
2677
  this.inputMessage = '';
@@ -2647,7 +2685,7 @@ var AIAnswer = vue.defineComponent({
2647
2685
  this.getAIResponse(this.AISessionId, this.componentId, lastUserRequestMessage);
2648
2686
  this.inputMessage = '';
2649
2687
  } else {
2650
- console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
2688
+ console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.");
2651
2689
  }
2652
2690
  }
2653
2691
  },
@@ -2730,10 +2768,10 @@ var AIAnswer = vue.defineComponent({
2730
2768
  "positionType": "absolute"
2731
2769
  }, {
2732
2770
  "default": function _default() {
2733
- return [_this2.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
2771
+ return [!_this2.isLoadingState && _this2.AISessionId && _this2.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
2734
2772
  "getInstance": getMicInstance,
2735
2773
  "render": renderMic,
2736
- "onResult": _this2.handleVoiceResults,
2774
+ "handleResult": _this2.handleVoiceResults,
2737
2775
  "class": helper.getClassName(innerClass, 'ai-search-mic') || null
2738
2776
  }, null), iconPosition === 'right' && vue.createVNode(DropDown.IconWrapper, null, _isSlot$1(_slot = _this2.renderIcon()) ? _slot : {
2739
2777
  "default": function _default() {
@@ -2775,7 +2813,8 @@ var AIAnswer = vue.defineComponent({
2775
2813
  "tabIndex": 0,
2776
2814
  "onClick": _this3.handleSendMessage,
2777
2815
  "onKeyPress": _this3.handleKeyPress,
2778
- "class": "enter-btn " + helper.getClassName(innerClass, 'ai-enter-button')
2816
+ "class": "enter-btn " + helper.getClassName(innerClass, 'ai-enter-button'),
2817
+ "disabled": _this3.isLoadingState || !_this3.AISessionId
2779
2818
  }, {
2780
2819
  "default": function _default() {
2781
2820
  return [vue.createTextVNode("Send")];
@@ -2934,7 +2973,7 @@ var AIAnswer = vue.defineComponent({
2934
2973
  "showIcon": props.showIcon,
2935
2974
  "iconPosition": props.iconPosition,
2936
2975
  "themePreset": _this4.themePreset,
2937
- "disabled": _this4.isLoadingState,
2976
+ "disabled": _this4.isLoadingState || !_this4.AISessionId,
2938
2977
  "class": helper.getClassName(props.innerClass, 'ai-input') || null
2939
2978
  }, null), ' ', _this4.renderIcons()];
2940
2979
  }
@@ -2986,8 +3025,8 @@ AIConnected.install = function (Vue) {
2986
3025
  // Add componentType for SSR
2987
3026
  AIConnected.componentType = constants.componentTypes.AIAnswer;
2988
3027
 
2989
- var _templateObject$b, _templateObject2$4;
2990
- var HierarchicalMenuList = vueEmotion.styled('ul')(_templateObject$b || (_templateObject$b = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 0;\n\toverflow: hidden;\n\n\t&.--open {\n\t\tmax-height: 100%;\n\t}\n"])));
3028
+ var _templateObject$8, _templateObject2$4;
3029
+ var HierarchicalMenuList = vueEmotion.styled('ul')(_templateObject$8 || (_templateObject$8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 0;\n\toverflow: hidden;\n\n\t&.--open {\n\t\tmax-height: 100%;\n\t}\n"])));
2991
3030
  var HierarchicalMenuListItem = vueEmotion.styled('li')(_templateObject2$4 || (_templateObject2$4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tfont-weight: 400;\n\tline-height: 1.5;\n\tbox-sizing: border-box;\n\n\ta {\n\t\tcolor: #424242;\n\t\ttext-decoration: none;\n\t\tgap: 5px;\n\t\t.--leaf-icon,\n\t\t.--folder-icon {\n\t\t\tline-height: 15px;\n\t\t\tsvg {\n\t\t\t\theight: 15px;\n\t\t\t}\n\t\t}\n\n\t\tinput {\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.--switcher-icon {\n\t\ttransition: all 0.2s ease-in;\n\t\tmargin-right: 2px;\n\t}\n\t.--list-child {\n\t\tpadding-left: 1rem;\n\t\tposition: relative;\n\t\t&:before {\n\t\t\theight: 100%;\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tborder-left: 1px solid #787878;\n\t\t\twidth: 0;\n\t\t\tleft: 19px;\n\t\t\t", ";\n\t\t}\n\n\t\t&.--show-switcher-icon {\n\t\t\tpadding-left: 36px;\n\t\t}\n\t}\n\t.--list-item-label {\n\t\tline-height: 100%;\n\t}\n\t.--list-item-count {\n\t\tmargin-left: 10px;\n\t\tpadding: 0.1rem 0.4rem;\n\t\tfont-size: 0.8rem;\n\t\tcolor: #424242;\n\t\tbackground-color: #dee1e6;\n\t\tborder-radius: 8px;\n\t}\n\t&.-selected-item {\n\t\tfont-weight: 700 !important;\n\t}\n\t&.-expanded-item {\n\t\t& > a {\n\t\t\t& div > .--switcher-icon {\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t}\n\t}\n\t.--list-item-label-count-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t&:hover {\n\t\t\t.--list-item-count,\n\t\t\t.--list-item-label {\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n"])), function (props) {
2992
3031
  return !props.showLine && "\n\t\t\t\t\tdisplay: none;\n\t\t\t\t";
2993
3032
  });
@@ -12,9 +12,9 @@ require('@appbaseio/reactivecore/lib/utils/helper');
12
12
  require('@appbaseio/vue-emotion');
13
13
  require('@emotion/css');
14
14
  require('polished');
15
- require('./Button-9e179864.js');
15
+ require('./Button-f96a0570.js');
16
16
  require('./vueTypes-a5f1745e.js');
17
- require('./Pagination-58a0cf3f.js');
17
+ require('./Pagination-bcf8af5f.js');
18
18
  require('./ReactiveList.js');
19
19
  require('@appbaseio/reactivecore/lib/utils/transform');
20
20
  require('redux');
@@ -33,7 +33,7 @@ require('url-search-params-polyfill');
33
33
  require('./ReactiveBase.js');
34
34
  require('hotkeys-js');
35
35
  require('remarkable');
36
- var install = require('./install-70991c13.js');
36
+ var install = require('./install-a3eedd27.js');
37
37
  require('./DropDown-aef75c14.js');
38
38
  require('./Input-56eba499.js');
39
39
  require('compute-scroll-into-view');
@@ -2,6 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var version = "3.0.0-rc.6";
5
+ var version = "3.0.0-rc.6.2";
6
6
 
7
7
  exports.default = version;
@@ -8,7 +8,7 @@ import '@appbaseio/reactivecore/lib/utils/helper';
8
8
  import '@appbaseio/vue-emotion';
9
9
  import '@emotion/css';
10
10
  import 'polished';
11
- import { l as loadMoreContainer, B as Button } from './Button-c2ff5178.js';
11
+ import { l as loadMoreContainer, B as Button } from './Button-5c2cf399.js';
12
12
  import { t as types } from './vueTypes-09cab4d3.js';
13
13
  import '@appbaseio/reactivecore/lib/utils/transform';
14
14
  import 'redux';
@@ -2,7 +2,7 @@ import { helper } from '@appbaseio/reactivecore';
2
2
  import _transformOn from '@vue/babel-helper-vue-transform-on';
3
3
  import { createVNode, mergeProps, createTextVNode, isVNode } from 'vue';
4
4
  import VueTypes from 'vue-types';
5
- import { p as pagination, B as Button } from './Button-c2ff5178.js';
5
+ import { p as pagination, B as Button } from './Button-5c2cf399.js';
6
6
  import { t as types } from './vueTypes-09cab4d3.js';
7
7
 
8
8
  function _isSlot(s) {
@@ -8,9 +8,9 @@ import '@appbaseio/reactivecore/lib/utils/helper';
8
8
  import { styled } from '@appbaseio/vue-emotion';
9
9
  import { css } from '@emotion/css';
10
10
  import 'polished';
11
- import './Button-c2ff5178.js';
11
+ import './Button-5c2cf399.js';
12
12
  import { t as types } from './vueTypes-09cab4d3.js';
13
- import { P as Pagination } from './Pagination-ae401c33.js';
13
+ import { P as Pagination } from './Pagination-50fc3ef5.js';
14
14
  import '@appbaseio/reactivecore/lib/utils/transform';
15
15
  import 'redux';
16
16
  import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-882489e1.js';
@@ -8,9 +8,9 @@ import { withClickIds } from '@appbaseio/reactivecore/lib/utils/helper';
8
8
  import { styled } from '@appbaseio/vue-emotion';
9
9
  import { css } from '@emotion/css';
10
10
  import 'polished';
11
- import './Button-c2ff5178.js';
11
+ import './Button-5c2cf399.js';
12
12
  import { t as types } from './vueTypes-09cab4d3.js';
13
- import { P as Pagination } from './Pagination-ae401c33.js';
13
+ import { P as Pagination } from './Pagination-50fc3ef5.js';
14
14
  import '@appbaseio/reactivecore/lib/utils/transform';
15
15
  import 'redux';
16
16
  import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-882489e1.js';
@@ -8,7 +8,7 @@ import '@appbaseio/reactivecore/lib/utils/helper';
8
8
  import '@appbaseio/vue-emotion';
9
9
  import '@emotion/css';
10
10
  import 'polished';
11
- import { f as filters, B as Button } from './Button-c2ff5178.js';
11
+ import { f as filters, B as Button } from './Button-5c2cf399.js';
12
12
  import { t as types } from './vueTypes-09cab4d3.js';
13
13
  import 'redux';
14
14
  import { f as decodeHtml, c as connect } from './index-882489e1.js';
@@ -8,7 +8,7 @@ import '@appbaseio/reactivecore/lib/utils/helper';
8
8
  import '@appbaseio/vue-emotion';
9
9
  import '@emotion/css';
10
10
  import 'polished';
11
- import { l as loadMoreContainer, B as Button } from './Button-c2ff5178.js';
11
+ import { l as loadMoreContainer, B as Button } from './Button-5c2cf399.js';
12
12
  import { t as types } from './vueTypes-09cab4d3.js';
13
13
  import '@appbaseio/reactivecore/lib/utils/transform';
14
14
  import 'redux';
@@ -7,7 +7,7 @@ import '@appbaseio/reactivecore/lib/utils/helper';
7
7
  import '@appbaseio/vue-emotion';
8
8
  import '@emotion/css';
9
9
  import 'polished';
10
- import { B as Button, t as toggleButtons } from './Button-c2ff5178.js';
10
+ import { B as Button, t as toggleButtons } from './Button-5c2cf399.js';
11
11
  import { t as types } from './vueTypes-09cab4d3.js';
12
12
  import '@appbaseio/reactivecore/lib/utils/transform';
13
13
  import 'redux';
package/dist/es/index.js CHANGED
@@ -8,9 +8,9 @@ import '@appbaseio/reactivecore/lib/utils/helper';
8
8
  import '@appbaseio/vue-emotion';
9
9
  import '@emotion/css';
10
10
  import 'polished';
11
- import './Button-c2ff5178.js';
11
+ import './Button-5c2cf399.js';
12
12
  import './vueTypes-09cab4d3.js';
13
- import './Pagination-ae401c33.js';
13
+ import './Pagination-50fc3ef5.js';
14
14
  export { default as ReactiveList } from './ReactiveList.js';
15
15
  import '@appbaseio/reactivecore/lib/utils/transform';
16
16
  import 'redux';
@@ -29,8 +29,8 @@ import 'url-search-params-polyfill';
29
29
  export { default as ReactiveBase } from './ReactiveBase.js';
30
30
  import 'hotkeys-js';
31
31
  import 'remarkable';
32
- import { i as install } from './install-8296e8da.js';
33
- export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-8296e8da.js';
32
+ import { i as install } from './install-25b06215.js';
33
+ export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-25b06215.js';
34
34
  import './DropDown-39fedff8.js';
35
35
  import './Input-11d211d2.js';
36
36
  import 'compute-scroll-into-view';