@miso.ai/client-sdk-ui 1.10.0-beta.6 → 1.10.0-beta.8

package/dist/cjs/actor/utils.js

@@ -35,7 +35,8 @@ function toInteraction(_ref, _ref2) {
   const question_source = request && request._meta && request._meta.question_source;
   const isProductType = isProduct(property);
   const product_ids = isProductType ? values.map(v => v.product_id).filter(v => v) : [];
-  const items = isProductType ? undefined : values.map(v => v.text || v);
+  const items = isProductType ? undefined : values.map(v => v.text || v.id || v);
+  const channel = property === _constants.ROLE.AFFILIATION ? values[0] && values[0].channel : undefined;
   const payload = (0, _commons.trimObj)({
     type: event === 'viewable' ? 'viewable_impression' : event,
     product_ids,
@@ -44,6 +45,7 @@ function toInteraction(_ref, _ref2) {
       custom_context: (0, _commons.trimObj)({
         api_ts,
         property,
+        channel,
         items,
         trigger: manual ? 'manual' : 'auto',
         question_source

package/dist/cjs/affiliation/index.js

@@ -8,7 +8,7 @@ exports.processSovrnProduct = processSovrnProduct;
 var _commons = require("@miso.ai/commons");
 const _excluded = ["sovrn_aff"],
   _excluded2 = ["products"],
-  _excluded3 = ["id", "deeplink", "headline", "currency", "retailPrice", "salePrice", "discountRate", "image", "thumbnail", "merchant"];
+  _excluded3 = ["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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
 function processData(data) {
   if (!data || !data.value) {
@@ -27,10 +27,20 @@ function processValue(value) {
         sovrn_aff
       } = value,
       rest = _objectWithoutPropertiesLoose(value, _excluded);
-    return Object.assign({}, rest, {
+    value = Object.assign({}, rest, {
       affiliation: processSovrnData(sovrn_aff)
     });
   }
+
+  // put channel info to items
+  const {
+    channel
+  } = value;
+  if (channel) {
+    value.products = value.products.map(product => Object.assign({
+      channel
+    }, product));
+  }
   return value;
 }
 function processSovrnData(_ref) {
@@ -50,6 +60,7 @@ function processSovrnProduct(_ref2) {
       id,
       deeplink: url,
       headline: title,
+      description,
       currency,
       retailPrice: original_price,
       salePrice: sale_price,
@@ -65,6 +76,7 @@ function processSovrnProduct(_ref2) {
     id: `sovrn-${id}`,
     channel: 'sovrn',
     title,
+    description,
     cover_image,
     url,
     currency,

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

@@ -30,10 +30,8 @@ function ready(layout, state) {
   const {
     templates
   } = layout;
-  const {
-    products
-  } = state.value || {};
-  if (products && products.length > 0) {
+  const items = layout._getItems(state);
+  if (items && items.length > 0) {
     return templates.body(layout, state);
   } else {
     return templates.empty(layout, state);
@@ -44,14 +42,8 @@ function body(layout, state) {
     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>`;
+  const items = layout._getItems(state);
+  return `<div class="${className}__body">${templates.header(layout, state)}${templates.list(layout, state, items)}</div>`;
 }
 function header(layout, state) {
   const {
@@ -105,5 +97,11 @@ class AffiliationLayout extends _collection.default {
       templates: Object.assign({}, DEFAULT_TEMPLATES, templates)
     }, options));
   }
+  _getItems(state) {
+    const {
+      products
+    } = state.value || {};
+    return products;
+  }
 }
 exports.default = AffiliationLayout;

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

@@ -21,7 +21,8 @@ function ready(layout, state) {
   const {
     templates
   } = layout;
-  const nonEmpty = state.value && state.value.length > 0;
+  const items = layout._getItems(state);
+  const nonEmpty = items && items.length > 0;
   const html = Object.getPrototypeOf(layout.constructor).defaultTemplates.ready(layout, state);
   return nonEmpty ? templates.carousel(layout, state, html) : html;
 }
@@ -71,7 +72,8 @@ class CarouselLayout extends _collection.default {
     const {
       state
     } = states;
-    this._itemCount = state.value ? state.value.length : undefined;
+    const items = this._getItems(state);
+    this._itemCount = items ? items.length : undefined;
     this.syncSize();
   }
   get page() {

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

@@ -28,7 +28,7 @@ function ready(layout, state) {
   const {
     templates
   } = layout;
-  const values = state.value;
+  const values = layout._getItems(state);
 
   // TODO: handle categories, attributes, etc. by introducing sublayout
   if (values && values.length > 0 || state.ongoing) {
@@ -149,7 +149,7 @@ class CollectionLayout extends _template.default {
   _html(state, rendered, incremental) {
     if (incremental) {
       const offset = rendered.value.length;
-      const values = state.value.slice(offset);
+      const values = (this._getItems(state) || []).slice(offset);
       return values.length > 0 ? this.templates.items(this, state, values, {
         offset
       }) : '';
@@ -184,12 +184,15 @@ class CollectionLayout extends _template.default {
     if (!element) {
       return;
     }
-    const values = state.value || [];
+    const values = this._getItems(state) || [];
     let i = 0;
     for (const itemElement of this._listItemElements(element)) {
       itemElement[VALUE] = values[i++];
     }
   }
+  _getItems(state) {
+    return state.value;
+  }
   _getListElement(element) {
     return element.querySelector(`.${this.className}__list`);
   }

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.6';
+var _default = exports.default = '1.10.0-beta.8';

package/dist/cjs/workflow/ask.js

@@ -66,6 +66,7 @@ const DEFAULT_LAYOUTS = Object.freeze({
 const DEFAULT_TRACKERS = Object.freeze({
   [_constants.ROLE.SOURCES]: {},
   [_constants.ROLE.RELATED_RESOURCES]: {},
+  [_constants.ROLE.AFFILIATION]: {},
   [_constants.ROLE.QUERY_SUGGESTIONS]: {
     active: true,
     // we are tracking events at initial stage, when session is not active yet

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.6"
+    "@miso.ai/commons": "1.10.0-beta.8"
   },
-  "version": "1.10.0-beta.6"
+  "version": "1.10.0-beta.8"
 }

package/src/actor/utils.js

@@ -23,7 +23,8 @@ export function toInteraction({ property, misoId, request }, { event, values, ma
   const question_source = request && request._meta && request._meta.question_source;
   const isProductType = isProduct(property);
   const product_ids = isProductType ? values.map(v => v.product_id).filter(v => v) : [];
-  const items = isProductType ? undefined : values.map(v => v.text || v);
+  const items = isProductType ? undefined : values.map(v => v.text || v.id || v);
+  const channel = property === ROLE.AFFILIATION ? values[0] && values[0].channel : undefined;
   const payload = trimObj({
     type: event === 'viewable' ? 'viewable_impression' : event,
     product_ids,
@@ -32,6 +33,7 @@ export function toInteraction({ property, misoId, request }, { event, values, ma
       custom_context: trimObj({
         api_ts,
         property,
+        channel,
         items,
         trigger: manual ? 'manual' : 'auto',
         question_source,

package/src/affiliation/index.js

@@ -14,11 +14,18 @@ export function processData(data) {
 function processValue(value) {
   if (value.sovrn_aff) {
     const { sovrn_aff, ...rest } = value;
-    return {
+    value = {
       ...rest,
       affiliation: processSovrnData(sovrn_aff),
     }
   }
+
+  // put channel info to items
+  const { channel } = value;
+  if (channel) {
+    value.products = value.products.map(product => ({ channel, ...product }));
+  }
+
   return value;
 }
 
@@ -35,6 +42,7 @@ export function processSovrnProduct({
   id,
   deeplink: url,
   headline: title,
+  description,
   currency,
   retailPrice: original_price,
   salePrice: sale_price,
@@ -50,6 +58,7 @@ export function processSovrnProduct({
     id: `sovrn-${id}`,
     channel: 'sovrn',
     title,
+    description,
     cover_image,
     url,
     currency,

package/src/layout/affiliation/affiliation.js

@@ -16,9 +16,9 @@ function root(layout, state) {
 
 function ready(layout, state) {
   const { templates } = layout;
-  const { products } = state.value || {};
+  const items = layout._getItems(state);
 
-  if (products && products.length > 0) {
+  if (items && items.length > 0) {
     return templates.body(layout, state);
   } else {
     return templates.empty(layout, state);
@@ -27,9 +27,8 @@ function ready(layout, state) {
 
 function body(layout, state) {
   const { className, templates } = layout;
-  let { channel, products } = state.value;
-  products = products.map(product => ({ channel, ...product }));
-  return `<div class="${className}__body">${templates.header(layout, state)}${templates.list(layout, state, products)}</div>`;
+  const items = layout._getItems(state);
+  return `<div class="${className}__body">${templates.header(layout, state)}${templates.list(layout, state, items)}</div>`;
 }
 
 function header(layout, state) {
@@ -81,4 +80,9 @@ export default class AffiliationLayout extends CollectionLayout {
     super({ className, itemType: 'affiliation', templates: { ...DEFAULT_TEMPLATES, ...templates }, ...options });
   }
 
+  _getItems(state) {
+    const { products } = state.value || {};
+    return products;
+  }
+
 }

package/src/layout/list/carousel.js

@@ -17,7 +17,8 @@ const INHERITED_DEFAULT_TEMPLATES = Object.freeze({
 
 function ready(layout, state) {
   const { templates } = layout;
-  const nonEmpty = state.value && state.value.length > 0;
+  const items = layout._getItems(state);
+  const nonEmpty = items && items.length > 0;
   const html = Object.getPrototypeOf(layout.constructor).defaultTemplates.ready(layout, state);
   return nonEmpty ? templates.carousel(layout, state, html) : html;
 }
@@ -60,7 +61,8 @@ export default class CarouselLayout extends CollectionLayout {
   _render(element, states, controls) {
     super._render(element, states, controls);
     const { state } = states;
-    this._itemCount = state.value ? state.value.length : undefined;
+    const items = this._getItems(state);
+    this._itemCount = items ? items.length : undefined;
     this.syncSize();
   }
 

package/src/layout/list/collection.js

@@ -14,7 +14,7 @@ function root(layout, state) {
 
 function ready(layout, state) {
   const { templates } = layout;
-  const values = state.value;
+  const values = layout._getItems(state);
 
   // TODO: handle categories, attributes, etc. by introducing sublayout
   if ((values && values.length > 0) || state.ongoing) {
@@ -125,7 +125,7 @@ export default class CollectionLayout extends TemplateBasedLayout {
   _html(state, rendered, incremental) {
     if (incremental) {
       const offset = rendered.value.length;
-      const values = state.value.slice(offset);
+      const values = (this._getItems(state) || []).slice(offset);
       return values.length > 0 ? this.templates.items(this, state, values, { offset }) : '';
     } else {
       return this.templates.root(this, state);
@@ -151,13 +151,17 @@ export default class CollectionLayout extends TemplateBasedLayout {
     if (!element) {
       return;
     }
-    const values = state.value || [];
+    const values = this._getItems(state) || [];
     let i = 0;
     for (const itemElement of this._listItemElements(element)) {
       itemElement[VALUE] = values[i++];
     }
   }
 
+  _getItems(state) {
+    return state.value;
+  }
+
   _getListElement(element) {
     return element.querySelector(`.${this.className}__list`);
   }

package/src/version.js

@@ -1 +1 @@
-export default '1.10.0-beta.6';
+export default '1.10.0-beta.8';

package/src/workflow/ask.js

@@ -42,6 +42,7 @@ const DEFAULT_LAYOUTS = Object.freeze({
 const DEFAULT_TRACKERS = Object.freeze({
   [ROLE.SOURCES]: {},
   [ROLE.RELATED_RESOURCES]: {},
+  [ROLE.AFFILIATION]: {},
   [ROLE.QUERY_SUGGESTIONS]: {
     active: true, // we are tracking events at initial stage, when session is not active yet
     click: {