@miso.ai/client-sdk-ui 1.13.2-beta.1 → 1.14.0-beta.2

package/dist/cjs/actor/tracker.js

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _commons = require("@miso.ai/commons");
-var _constants = require("../constants.js");
-var fields = _interopRequireWildcard(require("./fields.js"));
-var _trackerStates = _interopRequireDefault(require("./tracker-states.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// a dummy item array for manipulating deduplication
-const ITEMLESS_DUMMY_ITEMS = [Symbol('itemless')];
-class Tracker {
-  constructor({
-    hub,
-    role,
-    options
-  }) {
-    this._hub = hub;
-    this._role = role;
-    this._options = options;
-    // TODO: know item type
-
-    this._states = new _trackerStates.default(this._getSessionId());
-  }
-  get options() {
-    return typeof this._options === 'function' ? this._options() : this._options;
-  }
-  getState(item) {
-    return this._states.getFullState(item);
-  }
-  _trigger(type, items, meta) {
-    (0, _constants.validateEventType)(type);
-    const {
-      options
-    } = this;
-    if (!options || options.active === false) {
-      return;
-    }
-    this._syncSession();
-    const {
-      deduplicated = true,
-      itemless = false
-    } = options;
-    if (deduplicated) {
-      if (itemless) {
-        items = ITEMLESS_DUMMY_ITEMS;
-      }
-      items = this._states.untriggered((0, _commons.asArray)(items), type);
-      if (items.length === 0) {
-        return;
-      }
-      this._states.set(items, type, _constants.TRACKING_STATUS.TRIGGERED);
-    }
-    this._sendToHub(Object.assign({
-      type,
-      items: itemless ? undefined : items
-    }, meta));
-  }
-  _sendToHub(args) {
-    this._hub.trigger(fields.tracker(), Object.freeze((0, _commons.trimObj)(Object.assign({
-      role: this._role
-    }, args))));
-  }
-  _syncSession() {
-    const sessionId = this._getSessionId();
-    if (!sessionId) {
-      return;
-    }
-    if (!this._states || sessionId !== this._states.sessionId) {
-      this._states = new _trackerStates.default(sessionId);
-    }
-  }
-  _getSessionId() {
-    const {
-      session
-    } = this._getViewState() || {};
-    return session && session.uuid;
-  }
-  _getMisoId() {
-    const state = this._getViewState();
-    return state && state.meta && state.meta.miso_id || undefined;
-  }
-  _getRequestPayload() {
-    const {
-      request
-    } = this._getViewState() || {};
-    return request && request.payload;
-  }
-  _getViewState() {
-    return this._hub.states[fields.view(this._role)];
-  }
-}
-exports.default = Tracker;
-for (const type of _constants.PERFORMANCE_EVENT_TYPES) {
-  Tracker.prototype[(0, _commons.snakeToLowerCamel)(type)] = function (items, meta) {
-    this._trigger(type, items, meta);
-  };
-}
-for (const type of _constants.DIRECT_TRACKING_EVENT_TYPES) {
-  Tracker.prototype[(0, _commons.snakeToLowerCamel)(type)] = function (args) {
-    this._syncSession();
-    this._sendToHub(Object.assign({}, args, {
-      type
-    }));
-  };
-}

package/dist/cjs/actor/trackers.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TrackersActor = void 0;
-exports.proxyTrackers = proxyTrackers;
-var _constants = require("../constants.js");
-var _tracker = _interopRequireDefault(require("./tracker.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-class TrackersActor {
-  constructor(hub, {
-    roles,
-    options
-  }) {
-    this._hub = hub;
-    this._roles = roles;
-    this._options = options;
-    this._trackers = {};
-  }
-  get(role) {
-    if (!this._roles.members.includes(role)) {
-      throw new Error(`Role "${role}" is not a member of this workflow.`);
-    }
-    if (!this._trackers[role]) {
-      this._trackers[role] = new _tracker.default({
-        hub: this._hub,
-        role,
-        itemless: role === _constants.ROLE.CONTAINER,
-        options: () => this._getTrackerOptions(role)
-      });
-    }
-    return this._trackers[role];
-  }
-  _getTrackerOptions(role) {
-    const allTrackerOptions = this._options.resolved.trackers;
-    return allTrackerOptions && allTrackerOptions[role] || {
-      active: false
-    };
-  }
-}
-exports.TrackersActor = TrackersActor;
-function proxyTrackers(trackers) {
-  return new Proxy(trackers, {
-    get: (target, prop) => {
-      try {
-        return target.get(prop);
-      } catch (_) {}
-      return undefined;
-    }
-  });
-}

package/dist/cjs/actor/utils.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isCurrentSession = isCurrentSession;
-function isCurrentSession(hub, session) {
-  if (!session) {
-    return false;
-  }
-  const {
-    session: currentSession
-  } = hub.states;
-  return currentSession && currentSession.index === session.index;
-}

package/dist/cjs/actor/view.js

@@ -1,294 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _commons = require("@miso.ai/commons");
-var _constants = require("../constants.js");
-var fields = _interopRequireWildcard(require("./fields.js"));
-var _proxy = _interopRequireDefault(require("../util/proxy.js"));
-const _excluded = ["value", "error", "status", "meta"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-// TODO: browser dependency on syncSize
-
-function statesEqual(a, b) {
-  return a === b || a && b && a.status === b.status && a.error === b.error && a.value === b.value &&
-  // skip deep equals
-  a.ongoing === b.ongoing && stateEmptyness(a) === stateEmptyness(b) &&
-  // TODO: ad-hoc
-  sessionEquals(a.session, b.session);
-}
-function sessionEquals(a, b) {
-  return a === b || a && b && a.uuid === b.uuid;
-}
-function stateEmptyness(data) {
-  return data && data.meta && data.meta.empty;
-}
-class ViewActor {
-  constructor(views, role) {
-    this._events = new _commons.EventEmitter({
-      target: this
-    });
-    this._views = views;
-    // TODO: we should pull this up to views, for the results are also used in judging container emptyness
-    this._mapping = asMappingFunction((views._roles.mappings || {})[role] || role);
-    (0, _commons.defineValues)(this, {
-      role,
-      interface: new View(this)
-    });
-  }
-  get hub() {
-    return this._views._hub;
-  }
-  get element() {
-    return this._element;
-  }
-  set element(element) {
-    if (element === this._element) {
-      return;
-    }
-    if (this._element) {
-      this._safeApplyOnLayout('unrender', this._element);
-    }
-    this._element = element;
-    this._proxyElement && this._proxyElement.sync();
-    this._events.emit('element', element);
-    this.refresh({
-      force: true
-    });
-  }
-  get proxyElement() {
-    if (!this._proxyElement) {
-      this._proxyElement = new _proxy.default(() => this.element);
-    }
-    return this._proxyElement;
-  }
-  get layout() {
-    return this._layout;
-  }
-  set layout(layout) {
-    if (layout === this._layout) {
-      return;
-    }
-    if (layout && typeof layout.render !== 'function') {
-      throw new Error(`Render function is mandatory in a layout.`);
-    }
-
-    // clean up old layout
-    const {
-      element
-    } = this;
-    element && this._safeApplyOnLayout('unrender', element);
-    this._safeApplyOnLayout('destroy');
-    this._layout = layout;
-
-    // initialize new layout
-    if (layout) {
-      layout._view = this;
-      // don't use _safeApplyOnLayout, for any error should be thrown
-      if (typeof layout.initialize === 'function') {
-        layout.initialize(this);
-      }
-    }
-
-    // in case the data is already there
-    this.refresh({
-      force: true
-    });
-  }
-  get tracker() {
-    return this._views.trackers[this.role];
-  }
-  get workflow() {
-    return this._views._workflow;
-  }
-  get workflowOptions() {
-    return this._views._options.resolved;
-  }
-  get trackerOptions() {
-    return this._views._getTrackerOptions(this.role);
-  }
-  get filters() {
-    return this._views.filters;
-  }
-  async refresh({
-    force = false,
-    data
-  } = {}) {
-    // protocol: no reaction when layout is absent
-    if (!this._layout) {
-      return;
-    }
-
-    // nothing to do when element is absent
-    const {
-      element
-    } = this;
-    if (!element) {
-      return;
-    }
-
-    // sync data
-    const previousData = this._data;
-    this._data = data = this._sliceData(data || this._views._getData());
-
-    // if data is unchanged, skip unless forced
-    if (!force && statesEqual(data, previousData)) {
-      return;
-    }
-    const {
-      session,
-      status,
-      ongoing,
-      request,
-      meta,
-      value
-    } = data;
-    const baseState = Object.assign({
-      session,
-      status,
-      ongoing,
-      request,
-      meta,
-      data: value
-    }, getDataEmptyness(this.role, data));
-
-    // render
-    const notifyUpdate = (state = {}, options) => {
-      state !== false && this.updateState(Object.assign({}, baseState, state), options);
-    };
-    try {
-      await this._layout.render(element, data, {
-        notifyUpdate
-      });
-    } catch (error) {
-      this._error(error);
-      notifyUpdate({
-        error
-      });
-    }
-  }
-  updateState(state, {
-    silent = false
-  } = {}) {
-    // there might be error from notifyUpdate() call
-    const status = state.error ? _constants.STATUS.ERRONEOUS : state.status;
-    state = this._state = Object.freeze((0, _commons.trimObj)(Object.assign({}, state, {
-      status
-    })));
-    const {
-      role
-    } = this;
-    this.hub.update(fields.view(role), state, {
-      silent
-    });
-  }
-  _sliceData(data) {
-    const {
-        value,
-        status,
-        meta
-      } = data,
-      rest = _objectWithoutPropertiesLoose(data, _excluded);
-    const sliced = Object.assign({
-      value: this._mapping(data, this),
-      status,
-      data: value,
-      meta
-    }, rest);
-    if (this.role === _constants.ROLE.CONTAINER) {
-      // pass empty/nonempty information
-      sliced.meta = Object.assign({}, meta, {
-        empty: this._isContainerEmpty(data)
-      });
-    }
-    return (0, _commons.trimObj)(sliced);
-  }
-
-  // TODO: move this to workflow
-  _isContainerEmpty(data) {
-    const {
-      element
-    } = this;
-    if (!element) {
-      return false;
-    }
-    // iterate over all member components' roles
-    for (const {
-      role
-    } of element.components) {
-      // not a data role -> irrelevant
-      if (!(0, _constants.isDataRole)(role)) {
-        continue;
-      }
-      // respect data mapping
-      const mapping = asMappingFunction((this._views._roles.mappings || {})[role] || role);
-      const sliced = mapping(data, this); // TODO: the view passed in should be the view of the role, not container role
-      if (!isDateValueEmpty(role, sliced)) {
-        return false;
-      }
-    }
-    return true;
-  }
-  _syncSize() {
-    this._element && this._safeApplyOnLayout('syncSize', this._element);
-  }
-  _safeApplyOnLayout(method, ...args) {
-    if (!this._layout || typeof this._layout[method] !== 'function') {
-      return;
-    }
-    try {
-      this._layout[method](...args);
-    } catch (e) {
-      this._error(e);
-    }
-  }
-  _emit(name, data) {
-    this._events.emit(name, data);
-    this._views._events.emit(`${this.role}:${name}`, data);
-  }
-  _error(e) {
-    this._views._error(e);
-  }
-  _destroy() {
-    this._safeApplyOnLayout('destroy');
-    this._proxyElement && this._proxyElement.destroy();
-  }
-}
-exports.default = ViewActor;
-class View {
-  constructor(actor) {
-    (0, _commons.delegateGetters)(this, actor, ['role', 'layout', 'element', 'proxyElement', 'refresh', 'on', 'tracker']);
-  }
-}
-function asMappingFunction(fn) {
-  switch (typeof fn) {
-    case 'function':
-      return fn;
-    case 'string':
-      return data => data.value && data.value[fn];
-    default:
-      throw new Error(`Invalid mapping function: ${fn}`);
-  }
-}
-function getDataEmptyness(role, data) {
-  return isDataStatusRelevantToEmptyness(data) ? {
-    empty: !!isDateValueEmpty(role, data && data.value)
-  } : {};
-}
-function isDataStatusRelevantToEmptyness(data) {
-  return data.status === _constants.STATUS.READY && !data.ongoing;
-}
-function isDateValueEmpty(role, value) {
-  // TODO: ad-hoc
-  switch (role) {
-    case _constants.ROLE.ANSWER:
-    case _constants.ROLE.REASONING:
-      return !value || !value.value;
-    default:
-      return value === undefined || (Array.isArray(value) || typeof value === 'string') && !value.length;
-  }
-}

package/dist/cjs/actor/views.js

@@ -1,209 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _commons = require("@miso.ai/commons");
-var _constants = require("../constants.js");
-var fields = _interopRequireWildcard(require("./fields.js"));
-var _view = _interopRequireDefault(require("./view.js"));
-var _filters = _interopRequireDefault(require("./filters.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-class ViewsActor {
-  constructor(hub, {
-    workflow,
-    extensions,
-    layouts,
-    roles,
-    options
-  }) {
-    this._hub = hub;
-    this._workflow = workflow;
-    this._workflowName = workflow._name;
-    this._extensions = extensions;
-    this._layoutFactory = layouts;
-    this._options = options;
-    this._roles = roles;
-    this._containers = new Map();
-    this._components = new Map();
-    this._filters = new _filters.default(this);
-    this._events = new _commons.EventEmitter();
-    (0, _commons.defineValues)(this, {
-      interface: new Views(this)
-    });
-    this._unsubscribes = [onResize(this.syncSize.bind(this)), hub.on(fields.data(), data => this.refresh({
-      data
-    })), options.on('layouts', () => this._syncLayouts())];
-    this._syncLayouts();
-  }
-  get filters() {
-    return this._filters;
-  }
-  get trackers() {
-    return this._workflow.trackers;
-  }
-  on(role, name, fn) {
-    return this._events.on(`${role}:${name}`, fn);
-  }
-
-  // elements //
-  addContainer(element) {
-    if (this._containers.has(element)) {
-      return;
-    }
-    const view = this._createView(element);
-    this._containers.set(element, view);
-    const {
-      components
-    } = element;
-    for (const component of components) {
-      this.addComponent(component);
-    }
-  }
-  removeContainer(element) {
-    const view = this._containers.get(element);
-    if (!view) {
-      return;
-    }
-    const {
-      components
-    } = element;
-    for (const component of components) {
-      this.removeComponent(component);
-    }
-    view._destroy();
-    this._containers.delete(element);
-  }
-  addComponent(element) {
-    if (this._components.has(element)) {
-      return;
-    }
-    const view = this._createView(element);
-    this._components.set(element, view);
-  }
-  removeComponent(element) {
-    const view = this._components.get(element);
-    if (!view) {
-      return;
-    }
-    view._destroy();
-    this._components.delete(element);
-  }
-  updateComponentRole(element, oldRole, newRole) {
-    // TODO
-  }
-  containsElement(element) {
-    return this._containers.has(element) || this._components.has(element);
-  }
-  refreshElement(element) {
-    const view = element.isContainer ? this._containers.get(element) : this._components.get(element);
-    view && view.refresh({
-      force: true
-    });
-  }
-  _createView(element) {
-    const view = new _view.default(this, element.role);
-    view.layout = this._createLayout(element.role);
-    view.element = element;
-    return view;
-  }
-  _syncLayouts() {
-    // TODO: put a debug event here
-    const {
-      layouts
-    } = this._options.resolved;
-    if (layouts === false) {
-      for (const view of [...this._containers.values(), ...this._components.values()]) {
-        view.layout = undefined;
-      }
-    } else {
-      for (const view of [...this._containers.values(), ...this._components.values()]) {
-        view.layout = this._createLayout(view.role);
-      }
-    }
-  }
-  _createLayout(role) {
-    const args = this._options.resolved.layouts[role];
-    if (!args) {
-      return undefined;
-    }
-    const [name, options] = args;
-    return this._layoutFactory.create(name, Object.assign({}, options, {
-      role,
-      workflow: this._workflowName
-    }));
-  }
-  get(role) {
-    return this.getAll(role)[0];
-  }
-  getAll(role) {
-    return role === _constants.ROLE.CONTAINER ? this._containers.values() : this._components.values().filter(view => view.role === role);
-  }
-  get views() {
-    return this._getViews(true);
-  }
-  _getViews(containerFirst = true) {
-    return containerFirst ? [...this._containers.values(), ...this._components.values()] : [...this._components.values(), ...this._containers.values()];
-  }
-  syncSize() {
-    // TODO: containers?
-    for (const view of this._components.values()) {
-      view._syncSize();
-    }
-  }
-  async refresh({
-    force,
-    data
-  } = {}) {
-    data = this._getData(data);
-    // container first
-    let views = this._getViews(true);
-    await Promise.all(views.map(view => view.refresh({
-      force,
-      data
-    })));
-  }
-  _getData(data) {
-    return data || this._hub.states[fields.data()];
-  }
-  _error(e) {
-    // TODO: hub trigger error event
-    console.error(e);
-  }
-  _destroy({
-    dom
-  } = {}) {
-    // destroy components, and then containers
-    for (const view of this._getViews(false)) {
-      // TODO: handle dom option
-      view._destroy();
-    }
-    for (const unsubscribe of this._unsubscribes) {
-      unsubscribe();
-    }
-    this._unsubscribes = [];
-    this._filters._destroy();
-  }
-}
-exports.default = ViewsActor;
-class Views {
-  constructor(actor) {
-    this._actor = actor;
-    (0, _commons.delegateGetters)(this, actor, ['syncSize', 'refresh', 'trackers', 'filters']);
-  }
-  get(role) {
-    return this._actor.get(role).interface;
-  }
-  get all() {
-    return this._actor.views.map(view => view.interface);
-  }
-}
-function onResize(callback) {
-  if (typeof window === 'undefined') {
-    return () => {};
-  }
-  window.addEventListener('resize', callback);
-  return () => window.removeEventListener('resize', callback);
-}

package/dist/cjs/source.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.api = api;
-var _commons = require("@miso.ai/commons");
-function api(client) {
-  // TODO: send uuid & unit id
-  return async ({
-    group,
-    name,
-    payload,
-    options
-  }) => {
-    if (group === _commons.API.GROUP.ASK) {
-      switch (name) {
-        case _commons.API.NAME.QUESTIONS:
-          return client.api.ask.questions(payload, options);
-        case _commons.API.NAME.SEARCH:
-          return client.api.ask.search(payload, options);
-      }
-    }
-    // because name is in snake case
-    return client.api[group]._run(name, payload, options);
-  };
-}