@miso.ai/client-sdk-ui 1.11.4-beta.3 → 1.11.4-beta.5

package/dist/cjs/actor/data.js

@@ -9,7 +9,7 @@ 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; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 class DataActor {
   constructor(hub, _ref) {
     let {

package/dist/cjs/actor/filters.js

@@ -115,8 +115,7 @@ class Facets {
     this._options = options;
   }
   isSelected(field, value) {
-    const state = this._filters._states.facets[field];
-    return state && state.includes(value);
+    return this._getFieldValues(field).includes(value);
   }
   select(field, value) {
     if (this.isSelected(field, value)) {
@@ -137,8 +136,11 @@ class Facets {
       this._select(field, value);
     }
   }
+  _getFieldValues(field) {
+    return this._filters._getStates().facets[field] || [];
+  }
   _select(field, value) {
-    const values = this._options.multivalued ? [...(this._filters._states.facets[field] || []), value] : [value];
+    const values = this._options.multivalued ? [...this._getFieldValues(field), value] : [value];
     values.sort();
     this._filters.update({
       facets: {
@@ -147,7 +149,7 @@ class Facets {
     });
   }
   _unselect(field, value) {
-    let values = this._filters._states.facets[field].filter(v => v !== value);
+    let values = this._getFieldValues(field).filter(v => v !== value);
     if (values.length === 0) {
       values = undefined;
     }

package/dist/cjs/actor/tracker.js

@@ -11,39 +11,55 @@ var _states = _interopRequireDefault(require("../util/states.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); }
 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; }
-const VALUELESS_ITEMS = [Symbol('valueless')];
+// a dummy item array for manipulating deduplication
+const ITEMLESS_DUMMY_ITEMS = [Symbol('itemless')];
 class Tracker {
   constructor(_ref) {
     let {
       hub,
       role,
-      valueless = false
+      options
     } = _ref;
     this._hub = hub;
     this._role = role;
-    this._valueless = !!valueless;
+    this._options = options;
     // TODO: know item type
 
     this._states = new _states.default(this._getSessionId());
   }
+  get options() {
+    return typeof this._options === 'function' ? this._options() : this._options;
+  }
   getState(item) {
     return this._states.getFullState(item);
   }
-  _trigger(type, items) {
+  _trigger(type, items, meta) {
     (0, _constants.validateEventType)(type);
-    if (this._valueless) {
-      items = VALUELESS_ITEMS;
+    const {
+      options
+    } = this;
+    if (!options) {
+      return;
     }
     this._syncSession();
-    items = this._states.untriggered((0, _commons.asArray)(items), type);
-    if (items.length === 0) {
-      return;
+    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._states.set(items, type, _constants.TRACKING_STATUS.TRIGGERED);
-    this._sendToHub({
+    this._sendToHub(Object.assign({
       type,
-      items: this._valueless ? undefined : items
-    });
+      items: itemless ? undefined : items
+    }, meta));
   }
   submit(_ref2) {
     let {

package/dist/cjs/actor/view.js

@@ -13,7 +13,7 @@ const _excluded = ["value", "error", "status", "meta"];
 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); }
 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; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 function statesEqual(a, b) {
   return a === b || a && b && a.status === b.status && a.error === b.error && a.value === b.value &&
   // skip deep equals
@@ -100,13 +100,15 @@ class ViewActor {
     if (role === _constants.ROLE.CONTAINER) {
       return this._views._getContainerTracker();
     }
+    // TODO: we should move this to workflow level, as there could be multiple view of the same role in the future
     if (!this._tracker) {
       const {
         hub
       } = this;
       this._tracker = new _tracker.default({
         hub,
-        role
+        role,
+        options: () => this.trackerOptions
       });
     }
     return this._tracker;

package/dist/cjs/actor/views.js

@@ -32,7 +32,6 @@ class ViewsActor {
     this._containers = new Map();
     this._containerTracker = undefined;
     this._views = {};
-    this._trackers = new Trackers(this, roles.members);
     this._filters = new _filters.default(this);
     for (const role of roles.members) {
       if (role === _constants.ROLE.CONTAINER) {
@@ -41,7 +40,8 @@ class ViewsActor {
       this._views[role] = new _view.default(this, role);
     }
     (0, _commons.defineValues)(this, {
-      interface: new Views(this)
+      interface: new Views(this),
+      trackers: new Trackers(this, roles.members)
     });
     const syncSize = () => this.syncSize();
     window.addEventListener('resize', syncSize);
@@ -50,9 +50,6 @@ class ViewsActor {
     })), options.on('layouts', () => this._syncLayouts())];
     this._syncLayouts();
   }
-  get trackers() {
-    return this._trackers;
-  }
   get filters() {
     return this._filters;
   }
@@ -228,7 +225,7 @@ class ViewsActor {
       this._containerTracker = new _tracker.default({
         hub,
         role,
-        valueless: true,
+        itemless: true,
         options: () => this._getTrackerOptions(role)
       });
     }

package/dist/cjs/affiliation/index.js

@@ -9,7 +9,7 @@ var _commons = require("@miso.ai/commons");
 const _excluded = ["sovrn_aff"],
   _excluded2 = ["products"],
   _excluded3 = ["id", "deeplink", "headline", "description", "currency", "retailPrice", "salePrice", "discountRate", "image", "thumbnail", "merchant"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 function processData(data) {
   if (!data || !data.value) {
     return data;

package/dist/cjs/combo/ask/options.js

@@ -8,7 +8,7 @@ exports.mergeOptions = mergeOptions;
 var _commons = require("@miso.ai/commons");
 var _index = require("../../defaults/ask/index.js");
 const _excluded = ["api_key", "api_host", "templates", "phrases"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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: generalize
 
 const {

package/dist/cjs/combo/base.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _commons = require("@miso.ai/commons");
 const _excluded = ["name", "plugin", "MisoClient"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 class Combo extends _commons.Component {
   constructor(_ref) {
     let {

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

@@ -7,7 +7,7 @@ exports.wireFollowUps = wireFollowUps;
 exports.wireRelatedResources = wireRelatedResources;
 var _templates = require("./templates.js");
 const _excluded = ["template"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 function wireFollowUps(client, element) {
   let _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   let {

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

@@ -8,7 +8,7 @@ exports.externalize = externalize;
 var _commons = require("@miso.ai/commons");
 const _excluded = ["classPrefix", "circledCitationIndex", "phrases"],
   _excluded2 = ["classes"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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: rename classPrefix -> rootClass?
 // TODO: placeholder
 

package/dist/cjs/layout/affiliation/affiliation.js

@@ -11,7 +11,7 @@ var _templates = require("../templates.js");
 var _svgs = require("../../asset/svgs.js");
 const _excluded = ["className", "templates", "autoplay"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'affiliation';
 const DEFAULT_CLASSNAME = 'miso-affiliation';
 function root(layout, state) {
@@ -203,7 +203,7 @@ class AffiliationLayout extends _collection.default {
     super.initialize(view);
     const {
       viewable: options
-    } = this._view.trackerOptions || {};
+    } = this._view.tracker.options || {};
     this._viewable = new _commons.CarouselItemViewabilityObserver(this._onViewable.bind(this), options);
   }
 

package/dist/cjs/layout/banner/banner.js

@@ -8,7 +8,7 @@ var _template = _interopRequireDefault(require("../template.js"));
 var _svgs = require("../svgs.js");
 const _excluded = ["className", "templates"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'banner';
 const DEFAULT_CLASSNAME = 'miso-banner';
 function root(layout) {

package/dist/cjs/layout/button/more-button.js

@@ -9,7 +9,7 @@ var _index = require("../../actor/index.js");
 var _template = _interopRequireDefault(require("../template.js"));
 const _excluded = ["className", "templates"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'more-button';
 const DEFAULT_CLASSNAME = 'miso-more-button';
 function root(layout, state) {

package/dist/cjs/layout/container/container.js

@@ -10,7 +10,7 @@ var _misoBanner = _interopRequireDefault(require("../../element/miso-banner.js")
 var _viewables = _interopRequireDefault(require("../../util/viewables.js"));
 const _excluded = ["logo"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'container';
 class ContainerLayout extends _raf.default {
   static get type() {
@@ -106,7 +106,7 @@ class ContainerLayout extends _raf.default {
   _trackImpression() {
     const {
       impression: options
-    } = this._view.trackerOptions || {};
+    } = this._view.tracker.options || {};
     if (!options) {
       return;
     }
@@ -119,7 +119,7 @@ class ContainerLayout extends _raf.default {
   async _trackViewable(element) {
     const {
       viewable: options
-    } = this._view.trackerOptions || {};
+    } = this._view.tracker.options || {};
     if (!options) {
       return;
     }

package/dist/cjs/layout/error/error.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _template = _interopRequireDefault(require("../template.js"));
 const _excluded = ["className", "templates"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'error';
 const DEFAULT_CLASSNAME = 'miso-error';
 function root(layout, state) {

package/dist/cjs/layout/input/facets.js

@@ -10,7 +10,7 @@ var _template = _interopRequireDefault(require("../template.js"));
 var _bindings = _interopRequireDefault(require("../../util/bindings.js"));
 const _excluded = ["className", "templates"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'facets';
 const DEFAULT_CLASSNAME = 'miso-facets';
 const DEDAULT_FACET_CLASSNAME = 'miso-facet';

package/dist/cjs/layout/input/option-list.js

@@ -10,7 +10,7 @@ var _template = _interopRequireDefault(require("../template.js"));
 var _trackable = require("../trackable.js");
 const _excluded = ["className", "templates"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'option-list';
 const DEFAULT_CLASSNAME = 'miso-option-list';
 function root(layout, state) {

package/dist/cjs/layout/input/search-box.js

@@ -12,7 +12,7 @@ var _templates = require("../templates.js");
 var _svgs = require("../../asset/svgs.js");
 const _excluded = ["className", "templates", "autocomplete"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'search-box';
 const DEFAULT_CLASSNAME = 'miso-search-box';
 const DEFAULT_AUTOCOMPLETE_CLASSNAME = 'miso-autocomplete';
@@ -396,7 +396,7 @@ class SearchBoxLayout extends _template.default {
   _trackSubmit(value) {
     const {
       [_constants.EVENT_TYPE.SUBMIT]: options
-    } = this._view.trackerOptions || {};
+    } = this._view.tracker.options || {};
     if (!options) {
       return;
     }

package/dist/cjs/layout/input/select.js

@@ -9,7 +9,7 @@ var _template = _interopRequireDefault(require("../template.js"));
 var _trackable = require("../trackable.js");
 const _excluded = ["className", "templates"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'select';
 const DEFAULT_CLASSNAME = 'miso-select';
 function root(layout, state) {

package/dist/cjs/layout/list/cards.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _collection = _interopRequireDefault(require("./collection.js"));
 const _excluded = ["className"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'cards';
 const DEFAULT_CLASSNAME = 'miso-cards';
 class CardsLayout extends _collection.default {

package/dist/cjs/layout/list/carousel.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _collection = _interopRequireDefault(require("./collection.js"));
 const _excluded = ["className", "templates"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'carousel';
 const DEFAULT_CLASSNAME = 'miso-carousel';
 const DEFAULT_TEMPLATES = Object.freeze({

package/dist/cjs/layout/list/collection.js

@@ -11,7 +11,7 @@ var _triggerable = require("../triggerable.js");
 var _templates = require("../templates.js");
 const _excluded = ["templates", "itemType"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 function root(layout, state) {
   const {
     className,

package/dist/cjs/layout/list/list.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _collection = _interopRequireDefault(require("./collection.js"));
 const _excluded = ["className"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'list';
 const DEFAULT_CLASSNAME = 'miso-list';
 class ListLayout extends _collection.default {

package/dist/cjs/layout/radio/feedback.js

@@ -9,7 +9,7 @@ var _radio = _interopRequireDefault(require("./radio.js"));
 var _svgs = require("../svgs.js");
 const _excluded = ["className", "templates"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'feedback';
 const DEFAULT_CLASSNAME = 'miso-feedback';
 const OPTIONS = ['helpful', 'unhelpful'];

package/dist/cjs/layout/radio/radio.js

@@ -9,7 +9,7 @@ var _template = _interopRequireDefault(require("../template.js"));
 var _templates = require("../templates.js");
 const _excluded = ["className", "templates", "field", "defaultValue"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 function root(layout) {
   const {
     className,

package/dist/cjs/layout/raf.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _commons = require("@miso.ai/commons");
 const _excluded = ["role", "workflow"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 class RafLayout {
   constructor() {
     let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/dist/cjs/layout/template.js

@@ -9,7 +9,7 @@ var _raf = _interopRequireDefault(require("./raf.js"));
 var _templates = require("./templates.js");
 const _excluded = ["className", "templates"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 class TemplateBasedLayout extends _raf.default {
   constructor() {
     let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/dist/cjs/layout/templates.js

@@ -26,7 +26,7 @@ exports.unimplemented = unimplemented;
 var _commons = require("@miso.ai/commons");
 var _constants = require("../constants.js");
 const _excluded = ["classSuffix", "role"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 function requiresImplementation() {
   for (var _len = arguments.length, names = new Array(_len), _key = 0; _key < _len; _key++) {
     names[_key] = arguments[_key];

package/dist/cjs/layout/text/text.js

@@ -8,7 +8,7 @@ var _commons = require("@miso.ai/commons");
 var _template = _interopRequireDefault(require("../template.js"));
 const _excluded = ["className", "templates", "tag"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'text';
 const DEFAULT_CLASSNAME = 'miso-text';
 function root(layout, _ref) {

package/dist/cjs/layout/text/typewriter/index.js

@@ -11,7 +11,7 @@ var _plaintext = _interopRequireDefault(require("./plaintext.js"));
 var _utils = require("./utils.js");
 const _excluded = ["className", "tag", "format", "tooltip", "speed", "acceleration", "nextCursorFn"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const TYPE = 'typewriter';
 const DEFAULT_CLASSNAME = 'miso-typewriter';
 class TypewriterLayout extends _progressive.default {
@@ -80,14 +80,16 @@ class TypewriterLayout extends _progressive.default {
     const cursorClass = (0, _utils.cursorClassName)(this.className);
     const {
       onDebug,
-      onCitationLink
+      onCitationLink,
+      variant
     } = this.options;
     // TODO: options
     this._renderer = context.createRenderer({
       cursorClass,
       getSource: index => this._getSource(index),
       onCitationLink,
-      onDebug: (0, _utils.normalizeOnDebug)(onDebug)
+      onDebug: (0, _utils.normalizeOnDebug)(onDebug),
+      variant
     });
     // capture citation link click if necessary
     this._unsubscribes.push(this._view.proxyElement.on('click', e => this._onClick(e)));
@@ -177,21 +179,61 @@ class TypewriterLayout extends _progressive.default {
   }
 
   // event //
-  _onClick(_ref5) {
-    let {
+  _onClick(event) {
+    const {
       target
-    } = _ref5;
-    const element = target.closest(`[data-role="citation-link"]`);
-    if (!element) {
+    } = event;
+    const citationLinkElement = target.closest(`[data-role="citation-link"]`);
+    // citation link click
+    if (citationLinkElement) {
+      const index = parseInt(citationLinkElement.dataset.index);
+      if (!Number.isNaN(index)) {
+        this._view._events.emit('citation-click', {
+          index
+        });
+      }
       return;
     }
-    const index = parseInt(element.dataset.index);
-    if (Number.isNaN(index)) {
+    // generic link click
+    const anchorElement = target.closest('a');
+    if (anchorElement) {
+      if (!event.defaultPrevented) {
+        // TODO: classList, attributes
+        const {
+          href,
+          innerText,
+          className
+        } = anchorElement;
+        if (href) {
+          this._view._events.emit('link-click', (0, _commons.trimObj)({
+            url: href,
+            text: innerText ? innerText.trim() : '',
+            className: className || '',
+            attributes: dumpElementAttributes(anchorElement)
+          }));
+        }
+      }
       return;
     }
-    this._view._events.emit('citation-click', {
-      index
-    });
   }
 }
-exports.default = TypewriterLayout;
+exports.default = TypewriterLayout;
+function dumpElementAttributes(element) {
+  const {
+    attributes
+  } = element;
+  const attrs = {};
+  for (const {
+    name,
+    value
+  } of attributes) {
+    if (name.startsWith('data-')) {
+      attrs[name] = value;
+    }
+  }
+  try {
+    return JSON.stringify(attrs);
+  } catch (e) {
+    return '{}';
+  }
+}

package/dist/cjs/layout/trackable.js

@@ -56,7 +56,7 @@ class TrackableMixin {
     }
     const {
       impression: options
-    } = this._view.trackerOptions || {};
+    } = this._view.tracker.options || {};
     if (!options) {
       return;
     }
@@ -80,7 +80,7 @@ class TrackableMixin {
     }
     const {
       viewable: options
-    } = this._view.trackerOptions || {};
+    } = this._view.tracker.options || {};
     if (!options) {
       return;
     }
@@ -94,7 +94,7 @@ class TrackableMixin {
   _trackClick(event, binding) {
     const {
       click: options
-    } = this._view.trackerOptions || {};
+    } = this._view.tracker.options || {};
     if ((0, _trackers.validateClick)(options, event, binding)) {
       this._view.tracker.click([binding.value]);
     }

package/dist/cjs/plugin.js

@@ -19,7 +19,7 @@ const _excluded = ["containers", "roles", "combos"];
 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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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; }
 const PLUGIN_ID = 'std:ui';
 class UiPlugin extends _commons.Component {
   static get id() {

package/dist/cjs/util/trackers.js

@@ -7,7 +7,7 @@ exports.normalizeTrackerOptions = normalizeTrackerOptions;
 exports.validateClick = validateClick;
 var _commons = require("@miso.ai/commons");
 const _excluded = ["impression", "viewable", "click"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return 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: think about how to incorporate this with workflow options
 
 const DEFAULT_TRACKER_OPTIONS = Object.freeze({
@@ -18,14 +18,14 @@ const DEFAULT_TRACKER_OPTIONS = Object.freeze({
   }),
   click: Object.freeze({
     lenient: false
-  }),
-  watch: false
+  })
 });
 function mergeOptions(def, opt) {
   // if opt is falsy then return false, merge otherwise
   return !!opt && Object.assign({}, def, opt);
 }
 function normalizeTrackerOptions(options) {
+  // TODO: make this { active: false } to keep it an object
   if (options === false) {
     return false; // turn off all tracking
   }