@miso.ai/client-sdk-ui 1.11.6-beta.0 → 1.11.6-beta.1

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

@@ -72,8 +72,7 @@ class SelectLayout extends _template.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         templates

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

@@ -20,8 +20,7 @@ class CardsLayout extends _collection.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME
       } = _ref,

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

@@ -70,8 +70,7 @@ class CarouselLayout extends _collection.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         templates

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

@@ -54,10 +54,9 @@ function list(layout, state, values) {
   // TODO: support separator?
   return `<${listTag} class="${className}__list" data-role="list"${itemTypeAttr}>${templates.items(layout, state, values)}</${listTag}>`;
 }
-function items(layout, state, values) {
-  let {
-    offset = 0
-  } = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+function items(layout, state, values, {
+  offset = 0
+} = {}) {
   const {
     templates
   } = layout;
@@ -139,11 +138,10 @@ class CollectionLayout extends _template.default {
   initialize(view) {
     this._unsubscribes.push(view.proxyElement.on('click', this._onClick.bind(this)));
   }
-  _preprocess(_ref2) {
-    let {
-      state,
-      rendered
-    } = _ref2;
+  _preprocess({
+    state,
+    rendered
+  }) {
     const incremental = this._shallRenderIncrementally(state, rendered);
     const html = this._html(state, rendered, incremental);
     return Object.assign({}, state, {
@@ -166,13 +164,11 @@ class CollectionLayout extends _template.default {
       return this.templates.root(this, state);
     }
   }
-  _render(element, _ref3, _ref4) {
-    let {
-      state
-    } = _ref3;
-    let {
-      notifyUpdate
-    } = _ref4;
+  _render(element, {
+    state
+  }, {
+    notifyUpdate
+  }) {
     const {
       incremental,
       html

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

@@ -55,8 +55,7 @@ class GalleryLayout extends _collection.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         templates
@@ -83,11 +82,10 @@ class GalleryLayout extends _collection.default {
     this._syncListAspectRatio(listElement);
     this._syncItemSizes(listElement);
   }
-  _preprocess(_ref2) {
-    let {
-      state,
-      rendered
-    } = _ref2;
+  _preprocess({
+    state,
+    rendered
+  }) {
     const incremental = this._shallRenderIncrementally(state, rendered);
     const bodyHtml = incremental ? undefined : this._bodyHtml(state);
     const itemsHtml = this._itemsHtml(state, rendered);
@@ -119,10 +117,9 @@ class GalleryLayout extends _collection.default {
     this._syncListAspectRatio(listElement);
     this._renderItems(listElement, states, controls);
   }
-  _renderListElement(element, _ref3) {
-    let {
-      state
-    } = _ref3;
+  _renderListElement(element, {
+    state
+  }) {
     const {
       incremental,
       bodyHtml
@@ -139,20 +136,18 @@ class GalleryLayout extends _collection.default {
       this._updateItems(listElement, states);
     }
   }
-  _updateItems(listElement, _ref4) {
-    let {
-      state
-    } = _ref4;
+  _updateItems(listElement, {
+    state
+  }) {
     const {
       itemSizes
     } = this._galleryContext;
     const values = this._writeItemSizes(this._getItems(state) || [], itemSizes);
     listElement.innerHTML = this.templates.items(this, state, values);
   }
-  _appendItems(listElement, _ref5) {
-    let {
-      state
-    } = _ref5;
+  _appendItems(listElement, {
+    state
+  }) {
     const {
       itemSizes
     } = this._galleryContext;
@@ -165,9 +160,7 @@ class GalleryLayout extends _collection.default {
       offset
     }));
   }
-  _writeItemSizes(values) {
-    let [large = 0, medium = 0] = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    let offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  _writeItemSizes(values, [large = 0, medium = 0] = [], offset = 0) {
     let omitted = 0;
     if (offset > 0) {
       omitted = Math.min(offset, large);
@@ -234,10 +227,9 @@ class GalleryLayout extends _collection.default {
     listElement.style.aspectRatio = `${columnCount} / 2`;
     listElement.style.height = itemCount > 0 ? 'auto' : '0';
   }
-  _syncItemCount() {
-    let {
-      state
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  _syncItemCount({
+    state
+  } = {}) {
     const items = this._getItems(state);
     this._galleryContext.itemCount = items ? items.length : undefined;
   }

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

@@ -20,8 +20,7 @@ class ListLayout extends _collection.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME
       } = _ref,

package/dist/cjs/layout/mixin/swipeable.js

@@ -59,10 +59,9 @@ class SwipeableMixin {
   _afterRenderSwipeable() {
     this._emitSwipeableDisplayEvent();
   }
-  _syncSwipeableItemCount() {
-    let {
-      state
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  _syncSwipeableItemCount({
+    state
+  } = {}) {
     const context = this._swipeableContext;
     const items = this._getItems(state);
     const oldItemCount = context.itemCount;

package/dist/cjs/layout/mixin/trackable.js

@@ -60,12 +60,9 @@ class TrackableMixin {
     if (!options) {
       return;
     }
-    this._view.tracker.impression(entries.map(_ref => {
-      let {
-        value
-      } = _ref;
-      return value;
-    }));
+    this._view.tracker.impression(entries.map(({
+      value
+    }) => value));
   }
   _untrackViewables(entries) {
     for (const {

package/dist/cjs/layout/progressive.js

@@ -14,8 +14,7 @@ class ProgressiveLayout extends _raf.default {
   _takePending() {
     return this._pending;
   }
-  _applyRender(timestamp) {
-    let extraControls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  _applyRender(timestamp, extraControls = {}) {
     const loop = (0, _commons.capture)(false);
     super._applyRender(timestamp, Object.assign({}, extraControls, {
       loop: loop.t

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

@@ -21,10 +21,9 @@ function options(layout) {
     value
   })).join('');
 }
-function content(layout, _ref) {
-  let {
-    value
-  } = _ref;
+function content(layout, {
+  value
+}) {
   const {
     className,
     templates,
@@ -70,13 +69,12 @@ class FeedbackLayout extends _radio.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         templates
-      } = _ref2,
-      options = _objectWithoutPropertiesLoose(_ref2, _excluded);
+      } = _ref,
+      options = _objectWithoutPropertiesLoose(_ref, _excluded);
     super(Object.assign({
       className,
       templates: Object.assign({}, DEFAULT_TEMPLATES, templates),

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

@@ -42,8 +42,7 @@ class RadioLayout extends _template.default {
   static get defaultTemplates() {
     return DEFAULT_TEMPLATES;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className,
         templates,
@@ -63,6 +62,7 @@ class RadioLayout extends _template.default {
       proxyElement
     } = view;
     this._unsubscribes = [...this._unsubscribes, view.hub.on(this._field, () => this._refresh()), proxyElement.on('click', e => this._handleClick(e))];
+    // TODO: it shall not carry the responsibility of setting default value
     this._defaultValue ? this._select(this._defaultValue, {
       silent: true
     }) : this._clear({
@@ -75,10 +75,9 @@ class RadioLayout extends _template.default {
     }
     return super._preprocess(states, controls);
   }
-  _handleClick(_ref2) {
-    let {
-      target
-    } = _ref2;
+  _handleClick({
+    target
+  }) {
     const element = (0, _commons.findInAncestors)(target, element => element.hasAttribute('data-value') ? element : undefined);
     if (!element) {
       return;

package/dist/cjs/layout/raf.js

@@ -8,8 +8,7 @@ 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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 class RafLayout {
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         role,
         workflow
@@ -26,8 +25,7 @@ class RafLayout {
     this._notifyUpdate = undefined;
     this._pending = undefined;
   }
-  async render(element, state) {
-    let controls = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  async render(element, state, controls = {}) {
     this._syncElement(element);
     const rendered = this._rendered.get(element);
     const skip = (0, _commons.capture)(false);
@@ -57,10 +55,9 @@ class RafLayout {
     }
     this._element = element;
   }
-  _preprocess(_ref2) {
-    let {
-      state
-    } = _ref2;
+  _preprocess({
+    state
+  }) {
     return state;
   }
   _updatePending(state, controls) {
@@ -88,8 +85,7 @@ class RafLayout {
     this._requested = false;
     this._applyRender(timestamp);
   }
-  _applyRender(timestamp) {
-    let extraControls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  _applyRender(timestamp, extraControls = {}) {
     if (!this._pending) {
       return; // just in case
     }

package/dist/cjs/layout/template.js

@@ -11,8 +11,7 @@ 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 (-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] : {};
+  constructor(_ref = {}) {
     let {
         className,
         templates
@@ -26,19 +25,17 @@ class TemplateBasedLayout extends _raf.default {
       })
     });
   }
-  _preprocess(_ref2) {
-    let {
-      state
-    } = _ref2;
+  _preprocess({
+    state
+  }) {
     const html = this.templates.root(this, state);
     return Object.assign({}, state, {
       html
     });
   }
-  _render(element, _ref3) {
-    let {
-      state
-    } = _ref3;
+  _render(element, {
+    state
+  }) {
     element.innerHTML = state.html;
   }
 }

package/dist/cjs/layout/templates.js

@@ -29,10 +29,7 @@ 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 (-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];
-  }
+function requiresImplementation(...names) {
   return names.reduce((acc, name) => {
     acc[name] = unimplemented(name);
     return acc;
@@ -107,49 +104,43 @@ function imageInfoBlock(layout, data, meta) {
   } = layout;
   return `<div class="${className}__item-info-container">${[(templates.titleBlock || titleBlock)(layout, data, meta)].join('')}</div>`;
 }
-function titleBlock(_ref, _ref2) {
-  let {
-    className
-  } = _ref;
-  let {
-    title
-  } = _ref2;
-  return title ? `<div class="${className}__item-title">${(0, _commons.escapeHtml)(title)}</div>` : '';
+function titleBlock({
+  className
+}, {
+  title,
+  _title_with_markups
+}) {
+  const text = _title_with_markups || (0, _commons.escapeHtml)(title);
+  return text ? `<div class="${className}__item-title">${text}</div>` : '';
 }
-function brandBlock(_ref3, _ref4) {
-  let {
-    className
-  } = _ref3;
-  let {
-    brand,
-    brand_logo
-  } = _ref4;
+function brandBlock({
+  className
+}, {
+  brand,
+  brand_logo
+}) {
   if (!brand && !brand_logo) {
     return '';
   }
   const content = brand_logo ? `<img class="${className}__item-brand-logo" src="${brand_logo}"${brand ? ` alt="${brand}"` : ''}>` : `<div class="${className}__item-brand">${brand}</div>`;
   return `<div class="${className}__item-brand-container">${content}</div>`;
 }
-function descriptionBlock(_ref5, _ref6) {
-  let {
-    className
-  } = _ref5;
-  let {
-    snippet,
-    description
-  } = _ref6;
+function descriptionBlock({
+  className
+}, {
+  snippet,
+  description
+}) {
   return snippet ? `<div class="${className}__item-snippet">${snippet}</div>` : description ? `<div class="${className}__item-desc">${(0, _commons.escapeHtml)(description)}</div>` : '';
 }
-function dateBlock(_ref7, _ref8) {
-  let {
-    className,
-    templates
-  } = _ref7;
-  let {
-    created_at,
-    updated_at,
-    published_at
-  } = _ref8;
+function dateBlock({
+  className,
+  templates
+}, {
+  created_at,
+  updated_at,
+  published_at
+}) {
   const date = published_at || created_at || updated_at;
   return date ? `<div class="${className}__item-date">${formatDate(date, templates.date)}</div>` : '';
 }
@@ -185,14 +176,12 @@ function priceBlock(layout, data) {
   }
   return `<div class="${className}__item-price-container">${content}</div>`;
 }
-function discountRateText(layout, _ref9) {
-  let {
-    discount_rate_percent
-  } = _ref9;
+function discountRateText(layout, {
+  discount_rate_percent
+}) {
   return `(${discount_rate_percent}% off)`;
 }
-function imageBlock(layout, data) {
-  let meta = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+function imageBlock(layout, data, meta = {}) {
   const {
     className,
     templates
@@ -210,13 +199,11 @@ function imageBlock(layout, data) {
   const brand = subtype === 'cover-image' && meta.brand ? (templates.brandBlock || brandBlock)(layout, data, meta) : '';
   return `<div class="${className}__item-${subtype}-container">${img}${brand}</div>`;
 }
-function indexBlock(_ref10, data, _ref11) {
-  let {
-    className
-  } = _ref10;
-  let {
-    index
-  } = _ref11;
+function indexBlock({
+  className
+}, data, {
+  index
+}) {
   return `<div class="${className}__item-index-container"><span class="${className}__item-index miso-citation-index" data-index="${index + 1}"></span></div>`;
 }
 function ctaBlock(layout, data, meta) {
@@ -248,29 +235,25 @@ function cta(layout, data, meta) {
 }
 
 // helpers //
-function tagPair(_ref13, _ref14) {
-  let {
-    className,
-    options = {}
-  } = _ref13;
-  let {
-    product_id,
-    url
-  } = _ref14;
-  let _ref12 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+function tagPair({
+  className,
+  options = {}
+}, {
+  product_id,
+  url
+}, _ref = {}) {
   let {
       classSuffix = 'item-body',
       role = 'item'
-    } = _ref12,
-    meta = _objectWithoutPropertiesLoose(_ref12, _excluded);
+    } = _ref,
+    meta = _objectWithoutPropertiesLoose(_ref, _excluded);
   const tag = meta.link !== false && url ? 'a' : 'div';
   const urlAttrs = meta.link !== false && url ? `href="${url}" ${linkAttrs(options.link)}` : '';
   const productAttrs = product_id ? `${_constants.ATTR_DATA_MISO_PRODUCT_ID}="${product_id}"` : '';
   const roleAttrs = role ? `data-role="${role}"` : '';
   return [`<${tag} class="${className}__${classSuffix}" ${roleAttrs} ${productAttrs} ${urlAttrs}>`, `</${tag}>`];
 }
-function linkAttrs() {
-  let link = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function linkAttrs(link = {}) {
   const {
     target = '_blank',
     rel = 'noopener',
@@ -294,8 +277,7 @@ const DEFAULT_DATE_OPTIONS = Object.freeze({
   day: 'numeric'
 });
 const DEFAULT_NUMBER_OPTIONS = 'en-US';
-function formatDate(date) {
-  let fn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_DATE_OPTIONS;
+function formatDate(date, fn = DEFAULT_DATE_OPTIONS) {
   switch (typeof fn) {
     case 'function':
       return fn(date);
@@ -307,8 +289,7 @@ function formatDate(date) {
       throw new Error(`Invalid date format: ${fn}`);
   }
 }
-function formatNumber(number) {
-  let fn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_NUMBER_OPTIONS;
+function formatNumber(number, fn = DEFAULT_NUMBER_OPTIONS) {
   switch (typeof fn) {
     case 'function':
       return fn(number);
@@ -320,8 +301,7 @@ function formatNumber(number) {
       throw new Error(`Invalid number format: ${fn}`);
   }
 }
-function asFunction() {
-  let template = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+function asFunction(template = '') {
   return typeof template === 'function' ? template : () => template;
 }
 const helpers = exports.helpers = Object.freeze({

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

@@ -11,10 +11,9 @@ 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 TYPE = 'text';
 const DEFAULT_CLASSNAME = 'miso-text';
-function root(layout, _ref) {
-  let {
-    value
-  } = _ref;
+function root(layout, {
+  value
+}) {
   const {
     className,
     role,
@@ -68,14 +67,13 @@ class TextLayout extends _template.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         templates,
         tag = 'p'
-      } = _ref2,
-      options = _objectWithoutPropertiesLoose(_ref2, _excluded);
+      } = _ref,
+      options = _objectWithoutPropertiesLoose(_ref, _excluded);
     super(Object.assign({
       className,
       templates: Object.assign({}, DEFAULT_TEMPLATES, templates),

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

@@ -21,8 +21,7 @@ class TypewriterLayout extends _progressive.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         tag = 'auto',
@@ -111,14 +110,13 @@ class TypewriterLayout extends _progressive.default {
   }
 
   // render //
-  async render() {
+  async render(...args) {
     await this._ready();
-    await super.render(...arguments);
+    await super.render(...args);
   }
-  _preprocess(_ref2) {
-    let {
-      state
-    } = _ref2;
+  _preprocess({
+    state
+  }) {
     const prev = this._prevState;
     const {
       value = '',
@@ -143,16 +141,14 @@ class TypewriterLayout extends _progressive.default {
       done
     }));
   }
-  _render(element, _ref3, _ref4) {
-    let {
-      state,
-      rendered
-    } = _ref3;
-    let {
-      notifyUpdate,
-      writeToState,
-      loop
-    } = _ref4;
+  _render(element, {
+    state,
+    rendered
+  }, {
+    notifyUpdate,
+    writeToState,
+    loop
+  }) {
     const container = (0, _utils.containerElement)(this, element, state);
     // TODO: distinguish between first render and element replacement
     let result;