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

package/dist/cjs/workflow/answer-based.js

@@ -13,7 +13,9 @@ var _index3 = require("../affiliation/index.js");
 var _index4 = require("./options/index.js");
 var _processors = require("./processors.js");
 var _useLink = require("./use-link.js");
+const _excluded = ["setValue", "focus", "param", "sourceParam"];
 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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const DEFAULT_API_OPTIONS = Object.freeze(Object.assign({}, _base.default.DEFAULT_API_OPTIONS, {
   group: _commons.API.GROUP.ASK,
   payload: Object.assign({}, _base.default.DEFAULT_API_OPTIONS.payload, {
@@ -55,9 +57,15 @@ const DEFAULT_LAYOUTS = Object.freeze(Object.assign({}, _base.default.DEFAULT_LA
   }]
 }));
 const DEFAULT_TRACKERS = Object.freeze(Object.assign({}, _base.default.DEFAULT_TRACKERS, {
-  [_constants.ROLE.SOURCES]: {},
-  [_constants.ROLE.AFFILIATION]: {},
-  [_constants.ROLE.PRODUCTS]: {}
+  [_constants.ROLE.ANSWER]: {
+    active: true,
+    itemless: true,
+    deduplicated: false,
+    click: _index4.DEFAULT_TRACKER_OPTIONS.click // click only
+  },
+  [_constants.ROLE.SOURCES]: _index4.DEFAULT_TRACKER_OPTIONS,
+  [_constants.ROLE.AFFILIATION]: _index4.DEFAULT_TRACKER_OPTIONS,
+  [_constants.ROLE.PRODUCTS]: _index4.DEFAULT_TRACKER_OPTIONS
 }));
 const DEFAULT_OPTIONS = Object.freeze(Object.assign({}, _base.default.DEFAULT_OPTIONS, {
   api: DEFAULT_API_OPTIONS,
@@ -69,6 +77,22 @@ const ROLES_OPTIONS = (0, _index4.mergeRolesOptions)(_base.default.ROLES_OPTIONS
   main: _constants.ROLE.ANSWER,
   members: Object.keys(DEFAULT_LAYOUTS)
 });
+function normalizeAutoQueryOptions() {
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let {
+      setValue = true,
+      focus = true,
+      param = 'q',
+      sourceParam = 'qs'
+    } = _ref,
+    options = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return Object.assign({
+    setValue,
+    focus,
+    param,
+    sourceParam
+  }, options);
+}
 class AnswerBasedWorkflow extends _base.default {
   // constructor //
   _initProperties(args) {
@@ -82,7 +106,7 @@ class AnswerBasedWorkflow extends _base.default {
   }
   _initSubscriptions(args) {
     super._initSubscriptions(args);
-    this._unsubscribes = [...this._unsubscribes, this._hub.on(_index.fields.query(), args => this._query(args)), this._views.get(_constants.ROLE.ANSWER).on('citation-click', event => this._onCitationClick(event))];
+    this._unsubscribes = [...this._unsubscribes, this._hub.on(_index.fields.query(), args => this._query(args)), this._views.get(_constants.ROLE.ANSWER).on('citation-click', event => this._onCitationClick(event)), this._views.get(_constants.ROLE.ANSWER).on('link-click', event => this._onAnswerLinkClick(event))];
   }
 
   // lifecycle //
@@ -140,12 +164,14 @@ class AnswerBasedWorkflow extends _base.default {
   autoQuery() {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
-      setValue = true,
-      focus = true
-    } = this._autoQuery = options;
+      setValue,
+      focus,
+      param,
+      sourceParam
+    } = this._autoQuery = normalizeAutoQueryOptions(options);
     const searchParams = new URLSearchParams(window.location.search);
-    const q = searchParams.get('q');
-    const qs = searchParams.get('qs');
+    const q = searchParams.get(param);
+    const qs = searchParams.get(sourceParam);
     const {
       layout
     } = this._views.get(_constants.ROLE.QUERY);
@@ -218,10 +244,10 @@ class AnswerBasedWorkflow extends _base.default {
     data = (0, _processors.writeAnswerStageToMeta)(data);
     return data;
   }
-  _writeQuestionIdFromData(_ref) {
+  _writeQuestionIdFromData(_ref2) {
     let {
       value
-    } = _ref;
+    } = _ref2;
     if (!value) {
       return;
     }
@@ -230,24 +256,27 @@ class AnswerBasedWorkflow extends _base.default {
     } = value;
     this._writeQuestionId(questionId);
   }
-  _updateUrlIfNecessary(_ref2) {
+  _updateUrlIfNecessary(_ref3) {
     let {
       value,
       request
-    } = _ref2;
+    } = _ref3;
     if (!value || !this._autoQuery || this._autoQuery.updateUrl === false) {
       // explicitly false
       return;
     }
+    const {
+      param
+    } = this._autoQuery;
     const {
       question
     } = value;
     const organic = request && request.payload && request.payload._meta && request.payload._meta.question_source === _constants.ORGANIC_QUESTION_SOURCE;
     const url = new URL(window.location);
-    const currentQuestion = url.searchParams.get('q');
+    const currentQuestion = url.searchParams.get(param);
     // TODO: review this, handle &qs=
     if (question !== currentQuestion && (!organic || this._autoQuery.updateUrl === true)) {
-      url.searchParams.set('q', question);
+      url.searchParams.set(param, question);
       window.history.replaceState({}, '', url);
     }
   }
@@ -256,6 +285,7 @@ class AnswerBasedWorkflow extends _base.default {
   _defaultProcessInteraction(payload, args) {
     payload = super._defaultProcessInteraction(payload, args);
     payload = this._writeAskPropertiesToInteraction(payload, args);
+    payload = this._writeAnswerClickInteraction(payload, args);
     return payload;
   }
   _writeAskPropertiesToInteraction() {
@@ -272,6 +302,25 @@ class AnswerBasedWorkflow extends _base.default {
       }
     });
   }
+  _writeAnswerClickInteraction(payload, args) {
+    if (args.role !== _constants.ROLE.ANSWER) {
+      return payload;
+    }
+    console.log('writeAnswerClickInteraction', payload, args);
+    const {
+      items = []
+    } = args;
+    return (0, _processors.mergeInteraction)(payload, {
+      context: {
+        custom_context: {
+          urls: items.map(item => item.url),
+          texts: items.map(item => item.text),
+          class_names: items.map(item => item.className),
+          attributes: items.map(item => item.attributes)
+        }
+      }
+    });
+  }
   _getQuestionSourceFromViewState(args) {
     const {
       request
@@ -283,10 +332,10 @@ class AnswerBasedWorkflow extends _base.default {
   }
 
   // handlers //
-  _onCitationClick(_ref3) {
+  _onCitationClick(_ref4) {
     let {
       index
-    } = _ref3;
+    } = _ref4;
     const {
       value
     } = this.states[_index.fields.data()] || {};
@@ -299,8 +348,13 @@ class AnswerBasedWorkflow extends _base.default {
       return;
     }
     // TODO: should we track impression as well?
-    this._trackers.sources.click([source.product_id], {
-      manual: false
+    this._views.trackers.sources.click([source.product_id]);
+  }
+  _onAnswerLinkClick(item) {
+    // put everything into args and let _defaultProcessInteraction() handles it
+    // for it's hard to make it a standard item
+    this._views.trackers.answer.click([], {
+      items: [item]
     });
   }
 

package/dist/cjs/workflow/ask.js

@@ -13,7 +13,7 @@ var _processors = require("./processors.js");
 var _index3 = require("./options/index.js");
 const _excluded = ["q", "qs"];
 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 DEFAULT_API_OPTIONS = Object.freeze(Object.assign({}, _answerBased.default.DEFAULT_API_OPTIONS, {
   name: _commons.API.NAME.QUESTIONS,
   payload: Object.assign({}, _answerBased.default.DEFAULT_API_OPTIONS.payload, {
@@ -33,12 +33,12 @@ const DEFAULT_LAYOUTS = Object.freeze(Object.assign({}, _answerBased.default.DEF
   [_constants.ROLE.QUERY_SUGGESTIONS]: _index2.OptionListLayout.type
 }));
 const DEFAULT_TRACKERS = Object.freeze(Object.assign({}, _answerBased.default.DEFAULT_TRACKERS, {
-  [_constants.ROLE.RELATED_RESOURCES]: {},
-  [_constants.ROLE.QUERY_SUGGESTIONS]: {
-    click: {
-      validate: event => event.button === 0 // left click only
-    }
-  }
+  [_constants.ROLE.RELATED_RESOURCES]: _index3.DEFAULT_TRACKER_OPTIONS,
+  [_constants.ROLE.QUERY_SUGGESTIONS]: Object.assign({}, _index3.DEFAULT_TRACKER_OPTIONS, {
+    click: Object.assign({}, _index3.DEFAULT_TRACKER_OPTIONS.click, {
+      validate: event => event.button === 0 // loosen criteria, for it's not a hyperlink
+    })
+  })
 }));
 const DEFAULT_OPTIONS = Object.freeze(Object.assign({}, _answerBased.default.DEFAULT_OPTIONS, {
   api: DEFAULT_API_OPTIONS,

package/dist/cjs/workflow/asks.js

@@ -8,7 +8,7 @@ var _context = _interopRequireDefault(require("./context.js"));
 var _ask = _interopRequireDefault(require("./ask.js"));
 const _excluded = ["root", "events"];
 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 Asks extends _context.default {
   constructor(plugin, client) {
     super('asks', plugin, client);

package/dist/cjs/workflow/autocomplete.js

@@ -10,7 +10,7 @@ var _base = _interopRequireDefault(require("./base.js"));
 const _excluded = ["layouts", "trackers"],
   _excluded2 = ["defaults"];
 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 ROLES_OPTIONS = Object.freeze({
   members: []
 });

package/dist/cjs/workflow/base.js

@@ -59,6 +59,7 @@ class Workflow extends _commons.Component {
       context,
       plugin,
       client,
+      defaults,
       options
     } = args;
     this._context = context;
@@ -71,8 +72,8 @@ class Workflow extends _commons.Component {
     this._name = args.name;
     this._roles = args.roles;
     this._extensions = plugin._getExtensions(client);
-    this._defaults = args.defaults;
-    this._options = options || new _index3.WorkflowOptions(context && context._options, args.defaults);
+    this._defaults = defaults;
+    this._options = options || new _index3.WorkflowOptions(context && context._options, defaults);
     this._hub = injectLogger(new _index.Hub(), function () {
       return _this._log(...arguments);
     });

package/dist/cjs/workflow/explore.js

@@ -13,7 +13,7 @@ var _index3 = require("./options/index.js");
 var _useLink = require("./use-link.js");
 const _excluded = ["value"];
 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 DEFAULT_API_OPTIONS = Object.freeze(Object.assign({}, _base.default.DEFAULT_API_OPTIONS, {
   group: _commons.API.GROUP.ASK,
   name: _commons.API.NAME.RELATED_QUESTIONS
@@ -30,10 +30,14 @@ const DEFAULT_LAYOUTS = Object.freeze(Object.assign({}, _base.default.DEFAULT_LA
   }]
 }));
 const DEFAULT_TRACKERS = Object.freeze(Object.assign({}, _base.default.DEFAULT_TRACKERS, {
-  [_constants.ROLE.RELATED_QUESTIONS]: {},
-  [_constants.ROLE.CONTAINER]: {},
+  [_constants.ROLE.RELATED_QUESTIONS]: _index3.DEFAULT_TRACKER_OPTIONS,
+  [_constants.ROLE.CONTAINER]: Object.assign({}, _index3.DEFAULT_TRACKER_OPTIONS, {
+    itemless: true
+  }),
   [_constants.ROLE.QUERY]: {
-    [_constants.EVENT_TYPE.SUBMIT]: {}
+    [_constants.EVENT_TYPE.SUBMIT]: {
+      active: true
+    }
   }
 }));
 const DEFAULT_OPTIONS = Object.freeze(Object.assign({}, _base.default.DEFAULT_OPTIONS, {

package/dist/cjs/workflow/hybrid-search-answer.js

@@ -11,7 +11,7 @@ var _processors = require("./processors.js");
 var _autocompletable = require("./autocompletable.js");
 const _excluded = ["qs"];
 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 ROLES_OPTIONS = (0, _index.mergeRolesOptions)(_answerBased.default.ROLES_OPTIONS, {
   mappings: {
     [_constants.ROLE.QUESTION]: _constants.ROLE.KEYWORDS

package/dist/cjs/workflow/options/layouts.js

@@ -9,7 +9,7 @@ var _commons = require("@miso.ai/commons");
 var _constants = require("../../constants.js");
 var _utils = require("./utils.js");
 const _excluded = ["results"];
-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 normalizeLayoutsOptions() {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   if (options === false) {

package/dist/cjs/workflow/options/trackers.js

@@ -3,37 +3,91 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.DEFAULT_TRACKER_OPTIONS = void 0;
 exports.mergeTrackersOptions = mergeTrackersOptions;
 exports.normalizeTrackersOptions = normalizeTrackersOptions;
+var _constants = require("../../constants.js");
 var _utils = require("./utils.js");
-function normalizeTrackersOptions(options) {
-  if (options === undefined || options === false) {
-    return options;
-  }
+const _excluded = ["active"],
+  _excluded2 = ["active"];
+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 DEFAULT_TRACKER_OPTIONS = exports.DEFAULT_TRACKER_OPTIONS = Object.freeze({
+  active: true,
+  impression: Object.freeze({
+    active: true
+  }),
+  viewable: Object.freeze({
+    active: true,
+    area: 0.5,
+    duration: 1000
+  }),
+  click: Object.freeze({
+    active: true,
+    lenient: false
+  })
+});
+function normalizeTrackersOptions() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  options = (0, _utils.normalizeOptions)(options);
+  const {
+      active
+    } = options,
+    rest = _objectWithoutPropertiesLoose(options, _excluded);
   const normalized = {};
-  for (const [role, args] of Object.entries(options)) {
+  for (const [role, args] of Object.entries(rest)) {
     normalized[role] = normalizeTrackerOptions(args);
   }
-  return normalized;
+  return Object.assign({
+    active
+  }, normalized);
+}
+function normalizeTrackerOptions() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  options = (0, _utils.normalizeOptions)(options);
+  const rest = _objectWithoutPropertiesLoose(options, _excluded2);
+  const normalized = {};
+  for (const [role, args] of Object.entries(rest)) {
+    normalized[role] = normalizeTrackerEventOptions(args);
+  }
+  return options;
 }
-function normalizeTrackerOptions(options) {
+function normalizeTrackerEventOptions() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  options = (0, _utils.normalizeOptions)(options);
   return options;
 }
 function mergeTrackersOptions() {
   for (var _len = arguments.length, optionsList = new Array(_len), _key = 0; _key < _len; _key++) {
     optionsList[_key] = arguments[_key];
   }
+  // TODO: should be able to remove this
   if (optionsList[optionsList.length - 1] === false) {
     return false;
   }
-  return (0, _utils.mergeOptions)(optionsList, (merged, options) => Object.assign(merged, Object.assign({}, options, {
-    impression: mergeTrackerEventOptions(merged.impression, options.impression),
-    viewable: mergeTrackerEventOptions(merged.viewable, options.viewable),
-    click: mergeTrackerEventOptions(merged.click, options.click)
-  })));
+  return (0, _utils.mergeOptions)(optionsList, (merged, options) => {
+    for (const [key, args] of Object.entries(options)) {
+      if (args === undefined) {
+        continue;
+      }
+      merged[key] = key === 'active' ? args : mergeTrackerOptions(merged[key], args);
+    }
+    return merged;
+  });
+}
+function mergeTrackerOptions() {
+  let base = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const merged = Object.assign({}, base);
+  for (const [key, args] of Object.entries(overrides)) {
+    if (args === undefined) {
+      continue;
+    }
+    merged[key] = _constants.TRACKING_EVENT_TYPES.includes(key) ? mergeTrackerEventOptions(base[key], args) : args;
+  }
+  return merged;
 }
 function mergeTrackerEventOptions() {
   let base = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return overrides === false || base === false ? overrides : Object.assign({}, base, overrides);
+  return Object.assign({}, base, overrides);
 }

package/dist/cjs/workflow/recommendation.js

@@ -22,7 +22,7 @@ const DEFAULT_LAYOUTS = Object.freeze(Object.assign({}, _base.default.DEFAULT_LA
   [_constants.ROLE.PRODUCTS]: _index.ListLayout.type
 }));
 const DEFAULT_TRACKERS = Object.freeze(Object.assign({}, _base.default.DEFAULT_TRACKERS, {
-  [_constants.ROLE.PRODUCTS]: {}
+  [_constants.ROLE.PRODUCTS]: _index2.DEFAULT_TRACKER_OPTIONS
 }));
 const DEFAULT_OPTIONS = Object.freeze(Object.assign({}, _base.default.DEFAULT_OPTIONS, {
   api: DEFAULT_API_OPTIONS,

package/dist/cjs/workflow/search-based.js

@@ -39,7 +39,7 @@ const DEFAULT_LAYOUTS = Object.freeze(Object.assign({}, _base.default.DEFAULT_LA
   [_constants.ROLE.MORE]: [_index2.MoreButtonLayout.type]
 }));
 const DEFAULT_TRACKERS = Object.freeze(Object.assign({}, _base.default.DEFAULT_TRACKERS, {
-  [_constants.ROLE.PRODUCTS]: {}
+  [_constants.ROLE.PRODUCTS]: _index3.DEFAULT_TRACKER_OPTIONS
 }));
 const DEFAULT_PAGINATION = Object.freeze({
   active: false,

package/dist/cjs/workflow/search.js

@@ -52,9 +52,11 @@ class Search extends _searchBased.default {
   autoQuery() {
     let {
       setValue = true,
-      focus = true
+      focus = true,
+      param = 'q'
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const q = new URLSearchParams(window.location.search).get('q');
+    // TODO: align implementation with AnswerBasedWorkflow
+    const q = new URLSearchParams(window.location.search).get(param);
     const {
       layout
     } = this._views.get(_constants.ROLE.QUERY);

package/package.json

@@ -26,7 +26,7 @@
     "url": "https://github.com/MisoAI/miso-client-js-sdk/issues"
   },
   "dependencies": {
-    "@miso.ai/commons": "1.11.4-beta.4"
+    "@miso.ai/commons": "1.11.4"
   },
-  "version": "1.11.4-beta.4"
+  "version": "1.11.4"
 }

package/src/actor/tracker.js

@@ -3,40 +3,55 @@ import { PERFORMANCE_EVENT_TYPES, TRACKING_STATUS, EVENT_TYPE, validateEventType
 import * as fields from './fields.js';
 import States from '../util/states.js';
 
-const VALUELESS_ITEMS = [Symbol('valueless')];
+// a dummy item array for manipulating deduplication
+const ITEMLESS_DUMMY_ITEMS = [Symbol('itemless')];
 
 export default class Tracker {
 
-  constructor({ hub, role, valueless = false }) {
+  constructor({ hub, role, options }) {
     this._hub = hub;
     this._role = role;
-    this._valueless = !!valueless;
+    this._options = options;
     // TODO: know item type
 
     this._states = new States(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) {
     validateEventType(type);
-    if (this._valueless) {
-      items = VALUELESS_ITEMS;
+
+    const { options } = this;
+    if (!options) {
+      return;
     }
 
     this._syncSession();
 
-    items = this._states.untriggered(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(asArray(items), type);
+      if (items.length === 0) {
+        return;
+      }
+      this._states.set(items, type, TRACKING_STATUS.TRIGGERED);
     }
-    this._states.set(items, type, TRACKING_STATUS.TRIGGERED);
 
     this._sendToHub({
       type,
-      items: this._valueless ? undefined : items,
+      items: itemless ? undefined : items,
+      ...meta,
     });
   }
 

package/src/actor/view.js

@@ -95,9 +95,10 @@ export default class ViewActor {
     if (role === 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({ hub, role });
+      this._tracker = new Tracker({ hub, role, options: () => this.trackerOptions });
     }
     return this._tracker;
   }

package/src/actor/views.js

@@ -24,7 +24,6 @@ export default class ViewsActor {
     this._containers = new Map();
     this._containerTracker = undefined;
     this._views = {};
-    this._trackers = new Trackers(this, roles.members);
     this._filters = new Filters(this);
 
     for (const role of roles.members) {
@@ -36,6 +35,7 @@ export default class ViewsActor {
 
     defineValues(this, {
       interface: new Views(this),
+      trackers: new Trackers(this, roles.members),
     });
 
     const syncSize = () => this.syncSize();
@@ -50,10 +50,6 @@ export default class ViewsActor {
     this._syncLayouts();
   }
 
-  get trackers() {
-    return this._trackers;
-  }
-
   get filters() {
     return this._filters;
   }
@@ -224,7 +220,7 @@ export default class ViewsActor {
     if (!this._containerTracker) {
       const hub = this._hub;
       const role = ROLE.CONTAINER;
-      this._containerTracker = new Tracker({ hub, role, valueless: true, options: () => this._getTrackerOptions(role) });
+      this._containerTracker = new Tracker({ hub, role, itemless: true, options: () => this._getTrackerOptions(role) });
     }
     return this._containerTracker;
   }

package/src/layout/affiliation/affiliation.js

@@ -165,7 +165,7 @@ export default class AffiliationLayout extends CollectionLayout {
 
   initialize(view) {
     super.initialize(view);
-    const { viewable: options } = this._view.trackerOptions || {};
+    const { viewable: options } = this._view.tracker.options || {};
     this._viewable = new CarouselItemViewabilityObserver(this._onViewable.bind(this), options);
   }
 

package/src/layout/container/container.js

@@ -82,7 +82,7 @@ export default class ContainerLayout extends RafLayout {
   }
 
   _trackImpression() {
-    const { impression: options } = this._view.trackerOptions || {};
+    const { impression: options } = this._view.tracker.options || {};
     if (!options) {
       return;
     }
@@ -94,7 +94,7 @@ export default class ContainerLayout extends RafLayout {
   }
 
   async _trackViewable(element) {
-    const { viewable: options } = this._view.trackerOptions || {};
+    const { viewable: options } = this._view.tracker.options || {};
     if (!options) {
       return;
     }

package/src/layout/input/search-box.js

@@ -338,7 +338,7 @@ export default class SearchBoxLayout extends TemplateBasedLayout {
   }
 
   _trackSubmit(value) {
-    const { [EVENT_TYPE.SUBMIT]: options } = this._view.trackerOptions || {};
+    const { [EVENT_TYPE.SUBMIT]: options } = this._view.tracker.options || {};
     if (!options) {
       return;
     }