@miso.ai/client-sdk-ui 1.10.0-beta.2 → 1.10.0-beta.3

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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 class DataActor {
   constructor(hub, _ref) {
     let {

package/dist/cjs/actor/tracker.js

@@ -13,7 +13,7 @@ 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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 function isReady(viewState) {
   return viewState && viewState.status === _constants.STATUS.READY;
 }

package/dist/cjs/actor/view.js

@@ -12,7 +12,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.indexOf(n) >= 0) 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 (e.includes(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

package/dist/cjs/affiliation/index.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processData = processData;
+exports.processSovrnProduct = processSovrnProduct;
+var _commons = require("@miso.ai/commons");
+const _excluded = ["sovrn_aff"],
+  _excluded2 = ["products"],
+  _excluded3 = ["id", "deeplink", "name", "headline", "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 processData(data) {
+  if (!data || !data.value) {
+    return data;
+  }
+  const {
+    value
+  } = data;
+  return Object.assign({}, data, {
+    value: processValue(value)
+  });
+}
+function processValue(value) {
+  if (value.sovrn_aff) {
+    const {
+        sovrn_aff
+      } = value,
+      rest = _objectWithoutPropertiesLoose(value, _excluded);
+    return Object.assign({}, rest, {
+      affiliation: processSovrnData(sovrn_aff)
+    });
+  }
+  return value;
+}
+function processSovrnData(_ref) {
+  let {
+      products
+    } = _ref,
+    sovrn_aff = _objectWithoutPropertiesLoose(_ref, _excluded2);
+  return Object.assign({
+    channel: 'sovrn'
+  }, sovrn_aff, {
+    products: products.map(processSovrnProduct)
+  });
+}
+function processSovrnProduct(_ref2) {
+  let {
+      id,
+      deeplink: url,
+      name: title,
+      headline: description,
+      currency,
+      retailPrice: original_price,
+      salePrice: sale_price,
+      discountRate: discount_rate_percent,
+      image: cover_image,
+      thumbnail,
+      merchant
+    } = _ref2,
+    product = _objectWithoutPropertiesLoose(_ref2, _excluded3);
+  const brand = merchant && merchant.name;
+  const brand_logo = merchant && merchant.logo;
+  return (0, _commons.trimObj)({
+    id: `sovrn-${id}`,
+    channel: 'sovrn',
+    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) {
+  let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  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
+    });
+  }, {});
+}

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.indexOf(n) >= 0) 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 (e.includes(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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 class Combo extends _commons.Component {
   constructor(_ref) {
     let {

package/dist/cjs/constants.js

@@ -27,9 +27,10 @@ const ROLE = exports.ROLE = Object.freeze({
   RELATED_RESOURCES: 'related_resources',
   QUERY_SUGGESTIONS: 'query_suggestions',
   RELATED_QUESTIONS: 'related_questions',
+  AFFILIATION: 'affiliation',
   ERROR: 'error'
 });
-const DATA_ROLE_SET = new Set([ROLE.PRODUCTS, ROLE.CATEGORIES, ROLE.ATTRIBUTES, ROLE.RESULTS, ROLE.ITEMS, ROLE.QUESTION, ROLE.ANSWER, ROLE.SOURCES, ROLE.RELATED_RESOURCES, ROLE.QUERY_SUGGESTIONS, ROLE.RELATED_QUESTIONS]);
+const DATA_ROLE_SET = new Set([ROLE.PRODUCTS, ROLE.CATEGORIES, ROLE.ATTRIBUTES, ROLE.RESULTS, ROLE.ITEMS, ROLE.QUESTION, ROLE.ANSWER, ROLE.SOURCES, ROLE.RELATED_RESOURCES, ROLE.QUERY_SUGGESTIONS, ROLE.RELATED_QUESTIONS, ROLE.AFFILIATION]);
 function isDataRole(role) {
   return DATA_ROLE_SET.has(role);
 }
@@ -40,6 +41,7 @@ const LAYOUT_CATEGORY = exports.LAYOUT_CATEGORY = Object.freeze({
   QUERY: 'query',
   RADIO: 'radio',
   TEXT: 'text',
+  AFFILIATION: 'affiliation',
   ERROR: 'error'
 });
 const EVENT_TYPE = exports.EVENT_TYPE = Object.freeze({

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.indexOf(n) >= 0) 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 (e.includes(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/ask/templates.js

@@ -14,7 +14,7 @@ const _excluded = ["classPrefix", "circledCitationIndex", "phrases"],
   _excluded2 = ["classes"];
 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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 // TODO: rename classPrefix -> rootClass?
 // TODO: placeholder
 
@@ -134,7 +134,7 @@ function querySuggestions(options) {
   }), '<miso-query-suggestions></miso-query-suggestions>']);
 }
 function answerGroup(options) {
-  return [answer(options), sources(options), container(options, {
+  return [answer(options), affiliation(options), sources(options), container(options, {
     name: 'bottom-spacing',
     visibleWhen: 'ongoing'
   })];
@@ -148,7 +148,6 @@ function answer(options) {
     tag: 'div'
   }), '<miso-question></miso-question>', '<miso-answer></miso-answer>', '<miso-feedback></miso-feedback>']);
 }
-;
 function sources(options) {
   return container(options, {
     name: 'sources',
@@ -158,7 +157,18 @@ function sources(options) {
     tag: 'h3'
   }), '<miso-sources></miso-sources>']);
 }
-;
+function affiliation(options) {
+  const {
+    affiliation = true
+  } = options || {};
+  if (!affiliation) {
+    return '';
+  }
+  return container(options, {
+    name: 'affiliation',
+    visibleWhen: 'nonempty'
+  }, ['<hr>', '<miso-affiliation></miso-affiliation>']);
+}
 function phrase(options, _ref2) {
   let {
     name,

package/dist/cjs/element/role/index.js

@@ -75,6 +75,12 @@ Object.defineProperty(exports, "MisoSourcesElement", {
     return _misoSources.default;
   }
 });
+Object.defineProperty(exports, "MisoSovrnAffiliationElement", {
+  enumerable: true,
+  get: function () {
+    return _misoAffiliation.default;
+  }
+});
 var _misoComponent = _interopRequireDefault(require("./miso-component.js"));
 var _misoQuery = _interopRequireDefault(require("./miso-query.js"));
 var _misoQuerySuggestions = _interopRequireDefault(require("./miso-query-suggestions.js"));
@@ -86,5 +92,6 @@ var _misoAnswer = _interopRequireDefault(require("./miso-answer.js"));
 var _misoSources = _interopRequireDefault(require("./miso-sources.js"));
 var _misoRelatedResources = _interopRequireDefault(require("./miso-related-resources.js"));
 var _misoRelatedQuestions = _interopRequireDefault(require("./miso-related-questions.js"));
+var _misoAffiliation = _interopRequireDefault(require("./miso-affiliation.js"));
 var _misoError = _interopRequireDefault(require("./miso-error.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/element/role/miso-affiliation.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _misoComponent = _interopRequireDefault(require("./miso-component.js"));
+var _constants = require("../../constants.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+class MisoAffiliationElement extends _misoComponent.default {
+  constructor() {
+    super({
+      role: _constants.ROLE.AFFILIATION
+    });
+  }
+  static get tagName() {
+    return 'miso-affiliation';
+  }
+}
+exports.default = MisoAffiliationElement;

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

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants.js");
+var _collection = _interopRequireDefault(require("../list/collection.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; }
+const TYPE = 'affiliation';
+const DEFAULT_CLASSNAME = 'miso-affiliation';
+function root(layout, state) {
+  const {
+    className,
+    role,
+    templates
+  } = layout;
+  const {
+    status
+  } = state;
+  const roleAttr = role ? ` data-role="${role}"` : '';
+  const data = state.value || {};
+  const channelAttr = data.channel ? ` data-channel="${data.channel}"` : '';
+  return `<div class="${className} ${status}"${roleAttr}${channelAttr}>${status === _constants.STATUS.READY ? templates[status](layout, state) : ''}</div>`;
+}
+function ready(layout, state) {
+  const {
+    templates
+  } = layout;
+  const {
+    products
+  } = state.value || {};
+  if (products && products.length > 0) {
+    return templates.body(layout, state);
+  } else {
+    return templates.empty(layout, state);
+  }
+}
+function body(layout, state) {
+  const {
+    className,
+    templates
+  } = layout;
+  let {
+    channel,
+    products
+  } = state.value;
+  products = products.map(product => Object.assign({
+    channel
+  }, product));
+  return `<div class="${className}__body">${templates.header(layout, state)}${templates.list(layout, state, products)}</div>`;
+}
+function header(layout, state) {
+  const {
+    className,
+    templates
+  } = layout;
+  let {
+    headerText
+  } = templates;
+  if (typeof headerText === 'function') {
+    headerText = headerText(layout, state);
+  }
+  if (!headerText) {
+    return '';
+  }
+  return `<div class="${className}__header"><div class="${className}__header-tab">${headerText}</div></div>`;
+}
+const DEFAULT_TEMPLATES = Object.freeze({
+  root,
+  [_constants.STATUS.READY]: ready,
+  body,
+  header,
+  affiliation: _templates.affiliation,
+  ctaText: 'View',
+  headerText: 'Featured'
+});
+const INHERITED_DEFAULT_TEMPLATES = Object.freeze(Object.assign({}, _collection.default.defaultTemplates, DEFAULT_TEMPLATES));
+class AffiliationLayout extends _collection.default {
+  static get category() {
+    return _constants.LAYOUT_CATEGORY.AFFILIATION;
+  }
+  static get type() {
+    return TYPE;
+  }
+  static get defaultTemplates() {
+    return INHERITED_DEFAULT_TEMPLATES;
+  }
+  static get defaultClassName() {
+    return DEFAULT_CLASSNAME;
+  }
+  constructor() {
+    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let {
+        className = DEFAULT_CLASSNAME,
+        templates
+      } = _ref,
+      options = _objectWithoutPropertiesLoose(_ref, _excluded);
+    super(Object.assign({
+      className,
+      itemType: 'affiliation',
+      templates: Object.assign({}, DEFAULT_TEMPLATES, templates)
+    }, options));
+  }
+}
+exports.default = AffiliationLayout;

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

@@ -9,7 +9,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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TYPE = 'banner';
 const DEFAULT_CLASSNAME = 'miso-banner';
 function root(layout) {

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

@@ -9,7 +9,7 @@ var _raf = _interopRequireDefault(require("../raf.js"));
 var _misoBanner = _interopRequireDefault(require("../../element/miso-banner.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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TYPE = 'container';
 class ContainerLayout extends _raf.default {
   static get category() {

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

@@ -8,7 +8,7 @@ var _constants = require("../../constants.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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TYPE = 'error';
 const DEFAULT_CLASSNAME = 'miso-error';
 function root(layout, state) {

package/dist/cjs/layout/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AffiliationLayout", {
+  enumerable: true,
+  get: function () {
+    return _affiliation.default;
+  }
+});
 Object.defineProperty(exports, "BannerLayout", {
   enumerable: true,
   get: function () {
@@ -94,4 +100,5 @@ var _optionList = _interopRequireDefault(require("./input/option-list.js"));
 var _feedback = _interopRequireDefault(require("./radio/feedback.js"));
 var _text = _interopRequireDefault(require("./text/text.js"));
 var _index = _interopRequireDefault(require("./text/typewriter/index.js"));
+var _affiliation = _interopRequireDefault(require("./affiliation/affiliation.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -10,7 +10,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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const OPTION_VALUE = Symbol.for('miso.option-value');
 const TYPE = 'option-list';
 const DEFAULT_CLASSNAME = 'miso-option-list';

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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TYPE = 'search-box';
 const DEFAULT_CLASSNAME = 'miso-search-box';
 const DEFAULT_AUTOCOMPLETE_CLASSNAME = 'miso-autocomplete';

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.indexOf(n) >= 0) 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 (e.includes(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.indexOf(n) >= 0) 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 (e.includes(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

@@ -10,7 +10,7 @@ var _template = _interopRequireDefault(require("../template.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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const VALUE = Symbol.for('miso.value');
 function root(layout, state) {
   const {
@@ -87,6 +87,12 @@ const DEFAULT_TEMPLATES = Object.freeze({
   item,
   productInfoBlock: _templates.productInfoBlock,
   articleInfoBlock: _templates.articleInfoBlock,
+  titleBlock: _templates.titleBlock,
+  descriptionBlock: _templates.descriptionBlock,
+  dateBlock: _templates.dateBlock,
+  priceBlock: _templates.priceBlock,
+  ctaBlock: _templates.ctaBlock,
+  cta: _templates.cta,
   imageBlock: _templates.imageBlock,
   indexBlock: _templates.indexBlock,
   helpers: _templates.helpers

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.indexOf(n) >= 0) 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 (e.includes(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.indexOf(n) >= 0) 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 (e.includes(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

@@ -10,7 +10,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.indexOf(n) >= 0) 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 (e.includes(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.indexOf(n) >= 0) 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 (e.includes(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.indexOf(n) >= 0) 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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 class TemplateBasedLayout extends _raf.default {
   constructor() {
     let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};