@miso.ai/client-sdk-ui 1.10.0-beta.0 → 1.10.0-beta.1

package/dist/cjs/actor/autocomplete.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../constants.js");
+var fields = _interopRequireWildcard(require("./fields.js"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+class AutocompleteActor {
+  constructor(hub, _ref) {
+    let {
+      source,
+      options
+    } = _ref;
+    this._hub = hub;
+    this._source = source;
+    this._options = options;
+    this._index = -1;
+    this._unsubscribes = [hub.on(fields.input(), () => this._sync()), options.on('autocomplete', () => this._syncOptions())];
+
+    // sync right away
+    this._sync(true);
+  }
+  get active() {
+    return this._options.resolved.autocomplete.actor !== false;
+  }
+  get source() {
+    return this._source;
+  }
+  _syncOptions() {
+    // TODO: explore scenarios where options.actor true -> false
+    this._sync(true);
+  }
+  async _sync() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    // protocol: inactive -> no reaction
+    if (!this.active) {
+      return;
+    }
+    const {
+      input
+    } = this._hub.states;
+    const value = input && input.value && input.value.trim() || undefined;
+    if (sameInput(this._input, input) && !force) {
+      return;
+    }
+    this._input = input;
+    const index = ++this._index;
+
+    // new input, abort previous data fetch if any
+    this._clearTimeout();
+    this._abortPendingRequest({
+      type: 'new-input',
+      message: 'A new input renders previous autocomplete request obsolete.'
+    });
+
+    // emit loading/initial state
+    this._emitCompletions({
+      index,
+      input,
+      status: value ? _constants.STATUS.LOADING : _constants.STATUS.INITIAL
+    });
+    if (!value) {
+      return;
+    }
+    try {
+      const response = await this._fetchCompletions(input);
+      if (this._index !== index) {
+        return; // new results loading, discard this one
+      }
+      this._emitCompletions({
+        index,
+        input,
+        status: _constants.STATUS.READY,
+        value: response.completions
+      });
+    } catch (error) {
+      this._error(error);
+      if (this._index !== index) {
+        return; // ignore
+      }
+      this._emitCompletions({
+        index,
+        input,
+        status: _constants.STATUS.ERRONEOUS,
+        error
+      });
+    }
+  }
+  async _getCompletions(input) {
+    // TODO: cache
+    return await this._fetchCompletions(input);
+  }
+  async _fetchCompletions(_ref2) {
+    let {
+      value
+    } = _ref2;
+    // TODO: other options?
+    const {
+      api
+    } = this._options.resolved.autocomplete;
+    const {
+      group,
+      name
+    } = api;
+    const {
+      signal
+    } = this._ac || {};
+    const options = Object.assign({}, api.options, {
+      signal
+    });
+    const payload = Object.assign({}, api.payload, {
+      q: value
+    });
+    return await this._source({
+      group,
+      name,
+      payload,
+      options
+    });
+  }
+  _clearTimeout() {
+    if (this._timeoutId) {
+      clearTimeout(this._timeoutId);
+      this._timeoutId = undefined;
+    }
+  }
+  _abortPendingRequest(info) {
+    this._ac && this._ac.abort(info);
+    this._ac = new AbortController();
+  }
+  _emitCompletions(event) {
+    event.source = 'actor';
+    this._hub.update(fields.completions(), event);
+  }
+  _error(error) {
+    // TODO
+    console.error(error);
+  }
+  _destroy() {
+    // abort ongoing data fetch if any
+    this._ac && this._ac.abort({
+      type: 'autocomplete-actor-destroy',
+      message: 'Autocomplete actor is destroyed.'
+    });
+    for (const unsubscribe of this._unsubscribes) {
+      unsubscribe();
+    }
+    this._unsubscribes = [];
+  }
+}
+exports.default = AutocompleteActor;
+function sameInput(a, b) {
+  return !a && !b || a && b && a.value === b.value;
+}

package/dist/cjs/actor/data.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var fields = _interopRequireWildcard(require("./fields.js"));
+var _utils = require("./utils.js");
 const _excluded = ["session"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -80,7 +81,7 @@ class DataActor {
         let value;
         for await (value of response) {
           // A new session invalidates ongoing data fetch for the old session, terminating the loop
-          if (!this._isCurrentSession(session)) {
+          if (!(0, _utils.isCurrentSession)(this._hub, session)) {
             break;
           }
           this._emitResponse({
@@ -107,16 +108,7 @@ class DataActor {
   }
   _emitResponseWithSessionCheck(response) {
     // A new session invalidates ongoing data fetch
-    this._isCurrentSession(response.session) && this._emitResponse(response);
-  }
-  _isCurrentSession(session) {
-    if (!session) {
-      return false;
-    }
-    const {
-      session: currentSession
-    } = this._hub.states;
-    return currentSession && currentSession.index === session.index;
+    (0, _utils.isCurrentSession)(this._hub, response.session) && this._emitResponse(response);
   }
   _emitResponse(response) {
     this._hub.update(fields.response(), response);

package/dist/cjs/actor/fields.js

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.completions = completions;
 exports.data = data;
 exports.event = event;
 exports.feedback = feedback;
+exports.input = input;
 exports.interaction = interaction;
 exports.query = query;
 exports.request = request;
@@ -42,4 +44,10 @@ function interaction() {
 }
 function feedback() {
   return 'feedback';
+}
+function input() {
+  return 'input';
+}
+function completions() {
+  return 'completions';
 }

package/dist/cjs/actor/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AutocompleteActor", {
+  enumerable: true,
+  get: function () {
+    return _autocomplete.default;
+  }
+});
 Object.defineProperty(exports, "DataActor", {
   enumerable: true,
   get: function () {
@@ -54,6 +60,7 @@ var _data = _interopRequireDefault(require("./data.js"));
 var _views = _interopRequireDefault(require("./views.js"));
 var _trackers = _interopRequireDefault(require("./trackers.js"));
 var _feedback = _interopRequireDefault(require("./feedback.js"));
+var _autocomplete = _interopRequireDefault(require("./autocomplete.js"));
 var _interactions = _interopRequireDefault(require("./interactions.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }

package/dist/cjs/actor/utils.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.isCurrentSession = isCurrentSession;
 exports.isProduct = isProduct;
 exports.toInteraction = toInteraction;
 var _commons = require("@miso.ai/commons");
@@ -50,4 +51,13 @@ function toInteraction(_ref, _ref2) {
     }
   });
   return payload;
+}
+function isCurrentSession(hub, session) {
+  if (!session) {
+    return false;
+  }
+  const {
+    session: currentSession
+  } = hub.states;
+  return currentSession && currentSession.index === session.index;
 }

package/dist/cjs/defaults/ask/templates.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.followUp = followUp;
+exports.helpers = void 0;
 exports.root = root;
+exports.sections = void 0;
 var _commons = require("@miso.ai/commons");
 var _constants = require("./constants.js");
 var DEFAULT_PHRASES = _interopRequireWildcard(require("./phrases.js"));
@@ -39,6 +41,25 @@ function followUp() {
   }, '<miso-query></miso-query>'), ...answerGroup(options)]);
 }
 ;
+const sections = exports.sections = Object.freeze({
+  followUps,
+  relatedResources,
+  querySuggestions,
+  answerGroup,
+  answer,
+  sources
+});
+const helpers = exports.helpers = Object.freeze({
+  normalizeOptions,
+  normalizePhraseOptions,
+  normalizePhraseOptionKey,
+  phrase,
+  phraseText,
+  section,
+  container,
+  element,
+  attrs
+});
 
 // options //
 function normalizeOptions() {