@miso.ai/client-sdk-ui 1.10.0-beta.15 → 1.10.0-beta.16

package/dist/cjs/actor/index.js

@@ -39,12 +39,6 @@ Object.defineProperty(exports, "SessionMaker", {
     return _sessions.default;
   }
 });
-Object.defineProperty(exports, "Trackers", {
-  enumerable: true,
-  get: function () {
-    return _trackers.default;
-  }
-});
 Object.defineProperty(exports, "ViewsActor", {
   enumerable: true,
   get: function () {
@@ -58,7 +52,6 @@ var _hub = _interopRequireDefault(require("./hub.js"));
 var _sessions = _interopRequireDefault(require("./sessions.js"));
 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"));

package/dist/cjs/actor/tracker.js

@@ -8,49 +8,47 @@ var _commons = require("@miso.ai/commons");
 var _constants = require("../constants.js");
 var fields = _interopRequireWildcard(require("./fields.js"));
 var _states = _interopRequireDefault(require("../util/states.js"));
-var _trackers = require("../util/trackers.js");
 var _utils = require("./utils.js");
-const _excluded = ["active", "bindings"];
 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; }
-const {
-  IMPRESSION,
-  VIEWABLE,
-  CLICK
-} = _constants.EVENT_TYPE;
 class Tracker {
-  constructor(hub, view) {
-    let _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    let options = _objectWithoutPropertiesLoose(_ref, _excluded);
-    this._hub = hub;
+  constructor(view) {
     this._view = view;
     this._role = view.role;
     // TODO: know item type
 
-    this._states = undefined;
-    this.config(options);
-    this._unsubscribes = [..._constants.TRACKING_EVENT_TYPES.map(type => this._view.trackingEvents.on(type, values => this._trigger(type, values))), hub.on(fields.view(view.role), () => this._syncSession())];
-    this._syncSession();
-  }
-  config(options) {
-    this._options = (0, _trackers.normalizeTrackerOptions)(options);
-  }
-  start() {
-    throw new Error(`workflow.tracker.start() is deprecated. Use workflow.startTracker() instead.`);
-  }
-  impression(items, options) {
-    this._trigger(IMPRESSION, items, true);
+    this._states = new _states.default(this._getSessionId());
   }
-  viewable(items, options) {
-    this._trigger(VIEWABLE, items, true);
+  get options() {
+    return this._view._getTrackerOptions();
   }
-  click(items, options) {
-    this._trigger(CLICK, items, true);
+  getState(item) {
+    return this._states.getFullState(item);
   }
-  _getViewState() {
-    return this._hub.states[fields.view(this._role)];
+  _trigger(type, items) {
+    let meta = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    (0, _constants.validateEventType)(type);
+    this._syncSession();
+    items = this._states.untriggered((0, _commons.asArray)(items), type);
+    if (items.length === 0) {
+      return;
+    }
+    this._states.set(items, type, _constants.TRACKING_STATUS.TRIGGERED);
+    const property = this._role === 'results' ? 'products' : this._role; // TODO: ad-hoc, see #83
+    const misoId = this._getMisoId();
+    const request = this._getRequestPayload();
+
+    // TODO: should trigger 'tracker' and let workflow translate to interactions
+    this._view.hub.trigger(fields.interaction(), (0, _utils.toInteraction)({
+      property,
+      misoId,
+      request
+    }, {
+      event: type,
+      values: items,
+      meta
+    }));
   }
   _syncSession() {
     const sessionId = this._getSessionId();
@@ -69,7 +67,7 @@ class Tracker {
   }
   _getMisoId() {
     const state = this._getViewState();
-    return state && state.meta && state.meta.miso_id || this._element && this._element.getAttribute('miso-id') || undefined;
+    return state && state.meta && state.meta.miso_id || undefined;
   }
   _getRequestPayload() {
     const {
@@ -77,37 +75,13 @@ class Tracker {
     } = this._getViewState() || {};
     return request && request.payload;
   }
-  getState(item) {
-    return this._states.getFullState(item);
-  }
-  _trigger(type, items) {
-    let manual = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    (0, _constants.validateEventType)(type);
-    items = this._states.untriggered((0, _commons.asArray)(items), type);
-    if (items.length === 0) {
-      return;
-    }
-    this._states.set(items, type, _constants.TRACKING_STATUS.TRIGGERED);
-    const property = this._role === 'results' ? 'products' : this._role; // TODO: ad-hoc, see #83
-    const misoId = this._getMisoId();
-    const request = this._getRequestPayload();
-
-    // TODO: should trigger 'tracker' and let workflow translate to interactions
-    this._hub.trigger(fields.interaction(), (0, _utils.toInteraction)({
-      property,
-      misoId,
-      request
-    }, {
-      event: type,
-      values: items,
-      manual
-    }));
-  }
-  _destroy() {
-    for (const unsubscribe of this._unsubscribes) {
-      unsubscribe();
-    }
-    this._unsubscribes = [];
+  _getViewState() {
+    return this._view.hub.states[fields.view(this._role)];
   }
 }
-exports.default = Tracker;
+exports.default = Tracker;
+for (const type of _constants.TRACKING_EVENT_TYPES) {
+  Tracker.prototype[type] = function (items, meta) {
+    this._trigger(type, items, meta);
+  };
+}

package/dist/cjs/actor/view.js

@@ -8,6 +8,7 @@ var _commons = require("@miso.ai/commons");
 var _constants = require("../constants.js");
 var fields = _interopRequireWildcard(require("./fields.js"));
 var _proxy = _interopRequireDefault(require("../util/proxy.js"));
+var _tracker = _interopRequireDefault(require("./tracker.js"));
 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); }
@@ -27,14 +28,9 @@ class ViewActor {
       target: this
     });
     this._views = views;
-    const trackingEvents = {};
-    this._trackingEvents = new _commons.EventEmitter({
-      target: trackingEvents
-    });
     (0, _commons.defineValues)(this, {
       role,
-      interface: new View(this),
-      trackingEvents
+      interface: new View(this)
     });
   }
   get hub() {
@@ -93,6 +89,12 @@ class ViewActor {
       force: true
     });
   }
+  get tracker() {
+    if (!this._tracker) {
+      this._tracker = new _tracker.default(this);
+    }
+    return this._tracker;
+  }
   async refresh() {
     var _this = this;
     let {
@@ -187,12 +189,10 @@ class ViewActor {
       silent
     });
   }
-  get trackerOptions() {
+  _getTrackerOptions() {
+    // used by tracker to expose tracker options to layout
     return this._views._getTrackerOptions(this.role);
   }
-  _track(type, items) {
-    this._trackingEvents.emit(type, items);
-  }
   _sliceData(_ref2) {
     let {
         value,
@@ -269,6 +269,6 @@ class ViewActor {
 exports.default = ViewActor;
 class View {
   constructor(actor) {
-    (0, _commons.delegateGetters)(this, actor, ['role', 'layout', 'element', 'proxyElement', 'refresh', 'on', 'trackingEvents']);
+    (0, _commons.delegateGetters)(this, actor, ['role', 'layout', 'element', 'proxyElement', 'refresh', 'on', 'tracker']);
   }
 }

package/dist/cjs/actor/views.js

@@ -28,6 +28,7 @@ class ViewsActor {
     this._options = options;
     this._containers = new Map();
     this._views = {};
+    this._trackers = new Trackers(this, roles);
     for (const role of roles) {
       this._views[role] = new _view.default(this, role);
     }
@@ -40,6 +41,9 @@ class ViewsActor {
     this._syncTrackers();
     this._syncLayouts();
   }
+  get trackers() {
+    return this._trackers;
+  }
 
   // elements //
   addContainer(element) {
@@ -221,7 +225,7 @@ exports.default = ViewsActor;
 class Views {
   constructor(actor) {
     this._actor = actor;
-    (0, _commons.delegateGetters)(this, actor, ['syncSize', 'refresh']);
+    (0, _commons.delegateGetters)(this, actor, ['syncSize', 'refresh', 'trackers']);
   }
   get(role) {
     return this._actor.get(role).interface;
@@ -229,4 +233,14 @@ class Views {
   get all() {
     return this._actor.views.map(view => view.interface);
   }
+}
+class Trackers {
+  constructor(views, roles) {
+    this._views = views;
+    for (const role of roles) {
+      Object.defineProperty(this, role, {
+        get: () => views.get(role).tracker
+      });
+    }
+  }
 }

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

@@ -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);
   }
 
@@ -325,7 +325,7 @@ class AffiliationLayout extends _collection.default {
     if (!item) {
       return;
     }
-    this._view._track(_constants.EVENT_TYPE.VIEWABLE, [item]);
+    this._view.tracker.viewable([item]);
   }
   _getRenderedItemData(index) {
     const {

package/dist/cjs/layout/trackable.js

@@ -71,16 +71,16 @@ class TrackableMixin {
     }
     const {
       impression: options
-    } = this._view.trackerOptions || {};
+    } = this._view.tracker.options || {};
     if (!options) {
       return;
     }
-    setTimeout(() => this._view._track(_constants.EVENT_TYPE.IMPRESSION, entries.map(_ref => {
+    this._view.tracker.impression(entries.map(_ref => {
       let {
         value
       } = _ref;
       return value;
-    })), 0);
+    }));
   }
   _untrackViewables(entries) {
     for (const {
@@ -95,7 +95,7 @@ class TrackableMixin {
     }
     const {
       viewable: options
-    } = this._view.trackerOptions || {};
+    } = this._view.tracker.options || {};
     if (!options) {
       return;
     }
@@ -103,15 +103,15 @@ class TrackableMixin {
       value,
       element
     } of entries) {
-      (async () => (await this._viewables.track(element, options)) && this._view._track(_constants.EVENT_TYPE.VIEWABLE, [value]))();
+      (async () => (await this._viewables.track(element, options)) && this._view.tracker.viewable([value]))();
     }
   }
   _trackClick(event, binding) {
     const {
       click: options
-    } = this._view.trackerOptions || {};
+    } = this._view.tracker.options || {};
     if ((0, _trackers.validateClick)(options, event, binding)) {
-      this._view._track(_constants.EVENT_TYPE.CLICK, [binding.value]);
+      this._view.tracker.click([binding.value]);
     }
   }
   _destroyTrackable() {

package/dist/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '1.10.0-beta.15';
+var _default = exports.default = '1.10.0-beta.16';

package/dist/cjs/workflow/base.js

@@ -65,17 +65,13 @@ class Workflow extends _commons.Component {
       source: sources.api(client),
       options
     });
-    const views = this._views = new _index.ViewsActor(hub, {
+    this._views = new _index.ViewsActor(hub, {
       extensions,
       layouts,
       roles,
       options,
       workflow: name
     });
-    this._trackers = new _index.Trackers(hub, {
-      views,
-      options
-    });
     this._interactions = new _index.InteractionsActor(hub, {
       client,
       options
@@ -171,7 +167,7 @@ class Workflow extends _commons.Component {
 
   // trackers //
   get trackers() {
-    return this._trackers;
+    return this._views.trackers;
   }
   _preprocessInteraction() {
     let _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -209,7 +205,6 @@ class Workflow extends _commons.Component {
       unsubscribe();
     }
     this._unsubscribes = [];
-    this._trackers._destroy();
     this._views._destroy({
       dom
     });

package/package.json

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

package/src/actor/index.js

@@ -5,7 +5,6 @@ export { default as Hub } from './hub.js';
 export { default as SessionMaker } from './sessions.js';
 export { default as DataActor } from './data.js';
 export { default as ViewsActor } from './views.js';
-export { default as Trackers } from './trackers.js';
 export { default as FeedbackActor } from './feedback.js';
 export { default as AutocompleteActor } from './autocomplete.js';
 export { default as InteractionsActor } from './interactions.js';

package/src/actor/tracker.js

@@ -1,53 +1,43 @@
 import { asArray } from '@miso.ai/commons';
-import { EVENT_TYPE, TRACKING_EVENT_TYPES, TRACKING_STATUS, validateEventType } from '../constants.js';
+import { TRACKING_EVENT_TYPES, TRACKING_STATUS, validateEventType } from '../constants.js';
 import * as fields from './fields.js';
 import States from '../util/states.js';
-import { normalizeTrackerOptions } from '../util/trackers.js';
 import { toInteraction } from './utils.js';
 
-const { IMPRESSION, VIEWABLE, CLICK } = EVENT_TYPE;
-
 export default class Tracker {
 
-  constructor(hub, view, { active, bindings, ...options } = {}) {
-    this._hub = hub;
+  constructor(view) {
     this._view = view;
     this._role = view.role;
     // TODO: know item type
 
-    this._states = undefined;
-    this.config(options);
-
-    this._unsubscribes = [
-      ...TRACKING_EVENT_TYPES.map(type => this._view.trackingEvents.on(type, values => this._trigger(type, values))),
-      hub.on(fields.view(view.role), () => this._syncSession()),
-    ];
-
-    this._syncSession();
+    this._states = new States(this._getSessionId());
   }
 
-  config(options) {
-    this._options = normalizeTrackerOptions(options);
+  get options() {
+    return this._view._getTrackerOptions();
   }
 
-  start() {
-    throw new Error(`workflow.tracker.start() is deprecated. Use workflow.startTracker() instead.`);
+  getState(item) {
+    return this._states.getFullState(item);
   }
 
-  impression(items, options) {
-    this._trigger(IMPRESSION, items, true);
-  }
+  _trigger(type, items, meta = {}) {
+    validateEventType(type);
+    this._syncSession();
 
-  viewable(items, options) {
-    this._trigger(VIEWABLE, items, true);
-  }
+    items = this._states.untriggered(asArray(items), type);
+    if (items.length === 0) {
+      return;
+    }
+    this._states.set(items, type, TRACKING_STATUS.TRIGGERED);
 
-  click(items, options) {
-    this._trigger(CLICK, items, true);
-  }
+    const property = this._role === 'results' ? 'products' : this._role; // TODO: ad-hoc, see #83
+    const misoId = this._getMisoId();
+    const request = this._getRequestPayload();
 
-  _getViewState() {
-    return this._hub.states[fields.view(this._role)];
+    // TODO: should trigger 'tracker' and let workflow translate to interactions
+    this._view.hub.trigger(fields.interaction(), toInteraction({ property, misoId, request }, { event: type, values: items, meta }));
   }
 
   _syncSession() {
@@ -67,7 +57,7 @@ export default class Tracker {
 
   _getMisoId() {
     const state = this._getViewState();
-    return (state && state.meta && state.meta.miso_id) || (this._element && this._element.getAttribute('miso-id')) || undefined;
+    return (state && state.meta && state.meta.miso_id) || undefined;
   }
 
   _getRequestPayload() {
@@ -75,32 +65,14 @@ export default class Tracker {
     return request && request.payload;
   }
 
-  getState(item) {
-    return this._states.getFullState(item);
-  }
-
-  _trigger(type, items, manual = false) {
-    validateEventType(type);
-
-    items = this._states.untriggered(asArray(items), type);
-    if (items.length === 0) {
-      return;
-    }
-    this._states.set(items, type, TRACKING_STATUS.TRIGGERED);
-
-    const property = this._role === 'results' ? 'products' : this._role; // TODO: ad-hoc, see #83
-    const misoId = this._getMisoId();
-    const request = this._getRequestPayload();
-
-    // TODO: should trigger 'tracker' and let workflow translate to interactions
-    this._hub.trigger(fields.interaction(), toInteraction({ property, misoId, request }, { event: type, values: items, manual }));
+  _getViewState() {
+    return this._view.hub.states[fields.view(this._role)];
   }
 
-  _destroy() {
-    for (const unsubscribe of this._unsubscribes) {
-      unsubscribe();
-    }
-    this._unsubscribes = [];
-  }
+}
 
+for (const type of TRACKING_EVENT_TYPES) {
+  Tracker.prototype[type] = function(items, meta) {
+    this._trigger(type, items, meta);
+  };
 }

package/src/actor/view.js

@@ -2,6 +2,7 @@ import { trimObj, defineValues, delegateGetters, EventEmitter } from '@miso.ai/c
 import { STATUS, ROLE, isDataRole } from '../constants.js';
 import * as fields from './fields.js';
 import ProxyElement from '../util/proxy.js';
+import Tracker from './tracker.js';
 
 function statesEqual(a, b) {
   return a === b || (a && b &&
@@ -21,13 +22,10 @@ export default class ViewActor {
   constructor(views, role) {
     this._events = new EventEmitter({ target: this });
     this._views = views;
-    const trackingEvents = {};
-    this._trackingEvents = new EventEmitter({ target: trackingEvents });
 
     defineValues(this, {
       role,
       interface: new View(this),
-      trackingEvents,
     });
   }
 
@@ -88,6 +86,13 @@ export default class ViewActor {
     this.refresh({ force: true });
   }
 
+  get tracker() {
+    if (!this._tracker) {
+      this._tracker = new Tracker(this);
+    }
+    return this._tracker;
+  }
+
   async refresh({ force = false, data } = {}) {
     // protocol: no reaction when layout is absent
     if (!this._layout) {
@@ -137,14 +142,11 @@ export default class ViewActor {
     this.hub.update(fields.view(role), state, { silent });
   }
 
-  get trackerOptions() {
+  _getTrackerOptions() {
+    // used by tracker to expose tracker options to layout
     return this._views._getTrackerOptions(this.role);
   }
 
-  _track(type, items) {
-    this._trackingEvents.emit(type, items);
-  }
-
   _sliceData({ value, error, status, meta, ...rest }) {
     const sliced = {
       value: this.role === ROLE.ERROR ? error : (value && value[this.role]),
@@ -216,7 +218,7 @@ export default class ViewActor {
 class View {
 
   constructor(actor) {
-    delegateGetters(this, actor, ['role', 'layout', 'element', 'proxyElement', 'refresh', 'on', 'trackingEvents']);
+    delegateGetters(this, actor, ['role', 'layout', 'element', 'proxyElement', 'refresh', 'on', 'tracker']);
   }
 
 }

package/src/actor/views.js

@@ -20,6 +20,7 @@ export default class ViewsActor {
     this._options = options;
     this._containers = new Map();
     this._views = {};
+    this._trackers = new Trackers(this, roles);
 
     for (const role of roles) {
       this._views[role] = new ViewActor(this, role);
@@ -43,6 +44,10 @@ export default class ViewsActor {
     this._syncLayouts();
   }
 
+  get trackers() {
+    return this._trackers;
+  }
+
   // elements //
   addContainer(element) {
     if (this._containers.has(element)) {
@@ -219,7 +224,7 @@ class Views {
 
   constructor(actor) {
     this._actor = actor;
-    delegateGetters(this, actor, ['syncSize', 'refresh']);
+    delegateGetters(this, actor, ['syncSize', 'refresh', 'trackers']);
   }
 
   get(role) {
@@ -231,3 +236,16 @@ class Views {
   }
 
 }
+
+class Trackers {
+
+  constructor(views, roles) {
+    this._views = views;
+    for (const role of roles) {
+      Object.defineProperty(this, role, {
+        get: () => views.get(role).tracker,
+      });
+    }
+  }
+
+}

package/src/layout/affiliation/affiliation.js

@@ -1,5 +1,5 @@
 import { CarouselItemViewabilityObserver, requestAnimationFrame as raf } from '@miso.ai/commons';
-import { STATUS, LAYOUT_CATEGORY, EVENT_TYPE } from '../../constants.js';
+import { STATUS, LAYOUT_CATEGORY } from '../../constants.js';
 import CollectionLayout from '../list/collection.js';
 import { affiliation, helpers } from '../templates.js';
 import { TRIANGLE } from '../../asset/svgs.js';
@@ -166,7 +166,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);
   }
 
@@ -291,7 +291,7 @@ export default class AffiliationLayout extends CollectionLayout {
     if (!item) {
       return;
     }
-    this._view._track(EVENT_TYPE.VIEWABLE, [item]);
+    this._view.tracker.viewable([item]);
   }
 
   _getRenderedItemData(index) {

package/src/layout/trackable.js

@@ -65,11 +65,11 @@ export class TrackableMixin {
     if (entries.length === 0) {
       return;
     }
-    const { impression: options } = this._view.trackerOptions || {};
+    const { impression: options } = this._view.tracker.options || {};
     if (!options) {
       return;
     }
-    setTimeout(() => this._view._track(EVENT_TYPE.IMPRESSION, entries.map(({ value }) => value)), 0);
+    this._view.tracker.impression(entries.map(({ value }) => value));
   }
 
   _untrackViewables(entries) {
@@ -82,19 +82,19 @@ export class TrackableMixin {
     if (entries.length === 0) {
       return;
     }
-    const { viewable: options } = this._view.trackerOptions || {};
+    const { viewable: options } = this._view.tracker.options || {};
     if (!options) {
       return;
     }
     for (const { value, element } of entries) {
-      (async () => (await this._viewables.track(element, options)) && this._view._track(EVENT_TYPE.VIEWABLE, [value]))();
+      (async () => (await this._viewables.track(element, options)) && this._view.tracker.viewable([value]))();
     }
   }
 
   _trackClick(event, binding) {
-    const { click: options } = this._view.trackerOptions || {};
+    const { click: options } = this._view.tracker.options || {};
     if (validateClick(options, event, binding)) {
-      this._view._track(EVENT_TYPE.CLICK, [binding.value]);
+      this._view.tracker.click([binding.value]);
     }
   }
 

package/src/version.js

@@ -1 +1 @@
-export default '1.10.0-beta.15';
+export default '1.10.0-beta.16';

package/src/workflow/base.js

@@ -1,5 +1,5 @@
 import { Component } from '@miso.ai/commons';
-import { Hub, SessionMaker, DataActor, ViewsActor, InteractionsActor, Trackers, fields } from '../actor/index.js';
+import { Hub, SessionMaker, DataActor, ViewsActor, InteractionsActor, fields } from '../actor/index.js';
 import * as sources from '../source/index.js';
 import { STATUS, ROLE } from '../constants.js';
 import { ContainerLayout, ErrorLayout } from '../layout/index.js';
@@ -46,8 +46,7 @@ export default class Workflow extends Component {
 
     this._sessions = new SessionMaker(hub);
     this._data = new DataActor(hub, { source: sources.api(client), options });
-    const views = this._views = new ViewsActor(hub, { extensions, layouts, roles, options, workflow: name });
-    this._trackers = new Trackers(hub, { views, options });
+    this._views = new ViewsActor(hub, { extensions, layouts, roles, options, workflow: name });
     this._interactions = new InteractionsActor(hub, { client, options });
 
     this._unsubscribes = [
@@ -151,7 +150,7 @@ export default class Workflow extends Component {
 
   // trackers //
   get trackers() {
-    return this._trackers;
+    return this._views.trackers;
   }
 
   _preprocessInteraction({
@@ -190,7 +189,6 @@ export default class Workflow extends Component {
     }
     this._unsubscribes = [];
 
-    this._trackers._destroy();
     this._views._destroy({ dom });
     this._data._destroy();
   }

package/dist/cjs/actor/trackers.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _tracker = _interopRequireDefault(require("./tracker.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-class Trackers {
-  constructor(hub, _ref) {
-    let {
-      views,
-      options
-    } = _ref;
-    this._hub = hub;
-    this._views = views;
-    this._options = options;
-    this._trackers = {};
-    options.on('trackers', () => this._syncConfig());
-    this._syncConfig();
-  }
-  _syncConfig() {
-    // TODO: trackers itself can be falsy
-    const {
-      trackers
-    } = this._options.resolved;
-    for (const [role, options] of Object.entries(trackers)) {
-      this._createOrConfigTracker(role, options);
-    }
-  }
-  _createOrConfigTracker(role, options) {
-    if (options === undefined) {
-      return;
-    }
-    let tracker = this._trackers[role];
-    if (!tracker) {
-      tracker = this._trackers[role] = new _tracker.default(this._hub, this._views.get(role), options);
-      Object.defineProperty(this, role, {
-        get: () => this._trackers[role]
-      });
-    } else {
-      tracker.config(options);
-    }
-  }
-  _destroy() {
-    for (const tracker of Object.values(this._trackers)) {
-      try {
-        tracker._destroy();
-      } catch (e) {
-        console.error(e);
-      }
-    }
-  }
-}
-exports.default = Trackers;

package/src/actor/trackers.js

@@ -1,47 +0,0 @@
-import Tracker from './tracker.js';
-
-export default class Trackers {
-
-  constructor(hub, { views, options }) {
-    this._hub = hub;
-    this._views = views;
-    this._options = options;
-    this._trackers = {};
-    options.on('trackers', () => this._syncConfig());
-    this._syncConfig();
-  }
-
-  _syncConfig() {
-    // TODO: trackers itself can be falsy
-    const { trackers } = this._options.resolved;
-    for (const [role, options] of Object.entries(trackers)) {
-      this._createOrConfigTracker(role, options);
-    }
-  }
-
-  _createOrConfigTracker(role, options) {
-    if (options === undefined) {
-      return;
-    }
-    let tracker = this._trackers[role];
-    if (!tracker) {
-      tracker = this._trackers[role] = new Tracker(this._hub, this._views.get(role), options);
-      Object.defineProperty(this, role, {
-        get: () => this._trackers[role],
-      });
-    } else {
-      tracker.config(options);
-    }
-  }
-
-  _destroy() {
-    for (const tracker of Object.values(this._trackers)) {
-      try {
-        tracker._destroy();
-      } catch (e) {
-        console.error(e);
-      }
-    }
-  }
-
-}