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

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);
-  };
-}

package/dist/cjs/util/proxy.js

@@ -1,88 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _commons = require("@miso.ai/commons");
-class ProxyElement {
-  constructor(element) {
-    this._get = typeof element === 'function' ? element : () => element;
-    this._handlers = [];
-    this._elementUpdatedHandlers = [];
-    this.sync();
-  }
-  get current() {
-    return this._element;
-  }
-  on(event, handler) {
-    if (event === 'element') {
-      return this._onElementUpdated(handler);
-    }
-    const element = this._get();
-    if (element) {
-      element.addEventListener(event, handler);
-    }
-    this._handlers.push({
-      event,
-      handler
-    });
-    return () => this._off(event, handler);
-  }
-  _off(event, handler) {
-    const element = this._get();
-    if (element) {
-      element.removeEventListener(event, handler);
-    }
-    (0, _commons.findAndRemoveItem)(this._handlers, en => en.handler === handler);
-  }
-  _onElementUpdated(handler) {
-    this._elementUpdatedHandlers.push(handler);
-    return () => {
-      (0, _commons.removeItem)(this._elementUpdatedHandlers, handler);
-    };
-  }
-  sync({
-    silent = false
-  } = {}) {
-    const element = this._get();
-    if (this._element === element) {
-      return;
-    }
-    this._offAllFromCurrentElement();
-    if (element) {
-      for (const {
-        event,
-        handler
-      } of this._handlers) {
-        element.addEventListener(event, handler);
-      }
-    }
-    const oldElement = this._element;
-    this._element = element;
-    if (silent) {
-      return;
-    }
-    for (const handler of this._elementUpdatedHandlers) {
-      try {
-        handler(element, oldElement);
-      } catch (e) {
-        console.error(e); // TODO
-      }
-    }
-  }
-  _offAllFromCurrentElement() {
-    if (this._element) {
-      for (const {
-        event,
-        handler
-      } of this._handlers) {
-        this._element.removeEventListener(event, handler);
-      }
-    }
-  }
-  destroy() {
-    this._offAllFromCurrentElement();
-  }
-}
-exports.default = ProxyElement;

package/dist/cjs/util/trackers.js

@@ -1,88 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isTracked = isTracked;
-exports.markAsTracked = markAsTracked;
-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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const TRACKED = Symbol.for('miso:tracked');
-function isTracked(event) {
-  return !!event[TRACKED];
-}
-function markAsTracked(event) {
-  event[TRACKED] = true;
-}
-const DEFAULT_TRACKER_OPTIONS = Object.freeze({
-  impression: Object.freeze({}),
-  viewable: Object.freeze({
-    area: 0.5,
-    duration: 1000
-  }),
-  click: Object.freeze({
-    lenient: false
-  })
-});
-function mergeOptions(def, opt) {
-  // if opt is falsy then return false, merge otherwise
-  return !!opt && Object.assign({}, def, opt);
-}
-
-// TODO: don't need this anymore
-function normalizeTrackerOptions(options) {
-  // TODO: make this { active: false } to keep it an object
-  if (options === false) {
-    return false; // turn off all tracking
-  }
-  if (options === true) {
-    options = {};
-  }
-  if (typeof options !== 'object') {
-    throw new Error(`Invalid options: ${options}`);
-  }
-  const {
-      impression = {},
-      viewable = {},
-      click = {}
-    } = options,
-    rest = _objectWithoutPropertiesLoose(options, _excluded);
-  return (0, _commons.trimObj)(Object.assign({}, DEFAULT_TRACKER_OPTIONS, rest, {
-    impression: mergeOptions(DEFAULT_TRACKER_OPTIONS.impression, impression),
-    viewable: mergeOptions(DEFAULT_TRACKER_OPTIONS.viewable, viewable),
-    click: mergeOptions(DEFAULT_TRACKER_OPTIONS.click, click)
-  }));
-}
-function validateClick(options = {}, event) {
-  if (!options) {
-    return false;
-  }
-  if (typeof options.validate === 'function') {
-    return options.validate(event);
-  }
-  if (options.lenient) {
-    return true;
-  }
-
-  // standard criteria
-  // 1. each event can only be tracked once
-  if (isTracked(event)) {
-    return false;
-  }
-  // 2. it must be a left click
-  if (event.button !== 0) {
-    return false;
-  }
-  // 3. event default must not be prevented
-  if (event.defaultPrevented) {
-    return false;
-  }
-  // 4. must go through a real link
-  if (!(0, _commons.findInAncestors)(event.target, element => element.tagName === 'A' && element.href || undefined)) {
-    return false;
-  }
-  return true;
-}

package/dist/cjs/workflow/affiliations.js

@@ -1,140 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.processAffiliationData = processAffiliationData;
-exports.processSovrnProduct = processSovrnProduct;
-var _commons = require("@miso.ai/commons");
-const _excluded = ["affiliation_products"],
-  _excluded2 = ["sovrn_aff"],
-  _excluded3 = ["products"],
-  _excluded4 = ["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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function processAffiliationData(data) {
-  if (!data || !data.value) {
-    return data;
-  }
-  const {
-    value
-  } = data;
-  return Object.assign({}, data, {
-    value: processValue(value)
-  });
-}
-function processValue(value) {
-  if (value.affiliation_products) {
-    const {
-        affiliation_products
-      } = value,
-      rest = _objectWithoutPropertiesLoose(value, _excluded);
-    value = Object.assign({}, rest, {
-      affiliation: processMisoData(affiliation_products)
-    });
-  } else if (value.sovrn_aff) {
-    const {
-        sovrn_aff
-      } = value,
-      rest = _objectWithoutPropertiesLoose(value, _excluded2);
-    value = Object.assign({}, rest, {
-      affiliation: processSovrnData(sovrn_aff)
-    });
-  }
-  return postProcessValue(value);
-}
-function postProcessValue(value) {
-  const {
-    affiliation
-  } = value;
-  if (!affiliation) {
-    return value;
-  }
-  let {
-    channel,
-    products
-  } = affiliation;
-  if (!products) {
-    return value;
-  }
-  products = products.map(product => Object.assign({}, product));
-  let i = 0;
-  for (const product of products) {
-    if (channel) {
-      product.channel = channel;
-    }
-    product.position = i++;
-  }
-  return Object.assign({}, value, {
-    affiliation: Object.assign({}, affiliation, {
-      products
-    })
-  });
-}
-function processMisoData(products) {
-  return {
-    channel: 'miso',
-    products
-  };
-}
-function processSovrnData(_ref) {
-  let {
-      products
-    } = _ref,
-    data = _objectWithoutPropertiesLoose(_ref, _excluded3);
-  return Object.assign({
-    channel: 'sovrn'
-  }, data, {
-    products: products.map(processSovrnProduct)
-  });
-}
-function processSovrnProduct(_ref2) {
-  let {
-      id,
-      deeplink: url,
-      headline: title,
-      description,
-      currency,
-      retailPrice: original_price,
-      salePrice: sale_price,
-      discountRate: discount_rate_percent,
-      image: cover_image,
-      thumbnail,
-      merchant
-    } = _ref2,
-    product = _objectWithoutPropertiesLoose(_ref2, _excluded4);
-  const brand = merchant && merchant.name;
-  const brand_logo = merchant && merchant.logo;
-  return (0, _commons.trimObj)({
-    id: `sovrn-${id}`,
-    title,
-    description,
-    cover_image,
-    url,
-    currency,
-    original_price,
-    sale_price,
-    discount_rate_percent,
-    brand,
-    brand_logo,
-    custom_attributes: flatten(Object.assign({
-      sovrn_id: id,
-      thumbnail,
-      merchant
-    }, product))
-  });
-}
-function flatten(obj, prefix = '') {
-  return Object.keys(obj).reduce((acc, key) => {
-    const value = obj[key];
-    if (value === undefined) {
-      return acc;
-    }
-    const prefixedKey = prefix ? `${prefix}_${key}` : key;
-    if (typeof value === 'object') {
-      return Object.assign({}, acc, flatten(value, prefixedKey));
-    }
-    return Object.assign({}, acc, {
-      [prefixedKey]: value
-    });
-  }, {});
-}