@miso.ai/client-sdk-ui 1.10.2-beta.4 → 1.10.2-beta.6

package/dist/cjs/actor/utils.js

@@ -25,12 +25,6 @@ function toInteraction(_ref, _ref2) {
     values,
     manual
   } = _ref2;
-  let api_ts;
-  if (misoId) {
-    try {
-      api_ts = (0, _commons.uuidToTimestamp)(misoId);
-    } catch (e) {}
-  }
   // TODO: ad-hoc
   const question_source = request && request._meta && request._meta.question_source;
   const isProductType = isProduct(property);
@@ -47,7 +41,6 @@ function toInteraction(_ref, _ref2) {
     miso_id: misoId,
     context: {
       custom_context: (0, _commons.trimObj)({
-        api_ts,
         property,
         channel,
         items,

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

@@ -37,10 +37,13 @@ class ContainerLayout extends _raf.default {
     }
     super._syncElement(element);
   }
-  _render(element, states) {
+  _render(element, data) {
     this._syncBanner(element);
-    this._syncStatus(element, states);
-    this._trackInteractions(element, states);
+    this._syncStatus(element, data);
+    this._trackInteractions(element, data);
+  }
+  _afterRender(element, state) {
+    this._trackInteractions(element, state);
   }
   _syncBanner(element) {
     const bannerTagName = _misoBanner.default.tagName;
@@ -94,10 +97,7 @@ class ContainerLayout extends _raf.default {
       element.removeAttribute('miso-id');
     }
   }
-  _trackInteractions(element, _ref4) {
-    let {
-      state
-    } = _ref4;
+  _trackInteractions(element, state) {
     const {
       status
     } = state;

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

@@ -96,9 +96,11 @@ class OptionListLayout extends _template.default {
     const {
       state
     } = data;
-    this._syncBindings(element, state);
     this._syncOptionValues(element, state);
   }
+  _afterRender(element, state) {
+    this._syncBindings(element, state);
+  }
   _unrender() {
     this._clearBindings();
   }

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

@@ -168,6 +168,8 @@ class CollectionLayout extends _template.default {
     } else {
       element.innerHTML = html;
     }
+  }
+  _afterRender(element, state) {
     this._syncBindings(element, state);
   }
   _unrender() {

package/dist/cjs/layout/raf.js

@@ -102,6 +102,8 @@ class RafLayout {
     const rendered = this._rendered.get(this._element);
     const argsForNotifyUpdate = (0, _commons.capture)([]);
     const stateExtra = (0, _commons.capture)({});
+
+    // TODO: remove this timestamp, for it's in state already
     this._render(this._element, {
       state,
       rendered,
@@ -110,12 +112,15 @@ class RafLayout {
       notifyUpdate: argsForNotifyUpdate.args,
       writeToState: stateExtra.merge
     }, extraControls));
-    this._rendered.set(this._element, Object.freeze(Object.assign({}, state, stateExtra.value)));
+    state = Object.freeze(Object.assign({}, state, stateExtra.value));
+    this._rendered.set(this._element, state);
     notifyUpdate && notifyUpdate(...argsForNotifyUpdate.value);
+    this._afterRender(this._element, state);
   }
   _render() {
     throw new Error('Unimplemented');
   }
+  _afterRender() {}
   destroy() {
     for (const unsubscribe of this._unsubscribes) {
       unsubscribe();

package/dist/cjs/layout/templates.js

@@ -175,7 +175,8 @@ function discountRateText(layout, _ref9) {
   } = _ref9;
   return `(${discount_rate_percent}% off)`;
 }
-function imageBlock(layout, data, meta) {
+function imageBlock(layout, data) {
+  let meta = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   const {
     className,
     templates

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.2-beta.4';
+var _default = exports.default = '1.10.2-beta.6';

package/package.json

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

package/src/actor/utils.js

@@ -1,4 +1,4 @@
-import { trimObj, uuidToTimestamp } from '@miso.ai/commons';
+import { trimObj } from '@miso.ai/commons';
 import { ROLE, EVENT_TYPE } from '../constants.js';
 
 const PRODUCT_TYPED_PROPERTIES = new Set([
@@ -13,12 +13,6 @@ export function isProduct(property) {
 }
 
 export function toInteraction({ property, misoId, request }, { event, values, manual }) {
-  let api_ts;
-  if (misoId) {
-    try {
-      api_ts = uuidToTimestamp(misoId);
-    } catch (e) {}
-  }
   // TODO: ad-hoc
   const question_source = request && request._meta && request._meta.question_source;
   const isProductType = isProduct(property);
@@ -38,7 +32,6 @@ export function toInteraction({ property, misoId, request }, { event, values, ma
     miso_id: misoId,
     context: {
       custom_context: trimObj({
-        api_ts,
         property,
         channel,
         items,

package/src/layout/container/container.js

@@ -31,10 +31,14 @@ export default class ContainerLayout extends RafLayout {
     super._syncElement(element);
   }
 
-  _render(element, states) {
+  _render(element, data) {
     this._syncBanner(element);
-    this._syncStatus(element, states);
-    this._trackInteractions(element, states);
+    this._syncStatus(element, data);
+    this._trackInteractions(element, data);
+  }
+
+  _afterRender(element, state) {
+    this._trackInteractions(element, state);
   }
 
   _syncBanner(element) {
@@ -73,7 +77,7 @@ export default class ContainerLayout extends RafLayout {
     }
   }
 
-  _trackInteractions(element, { state }) {
+  _trackInteractions(element, state) {
     const { status } = state;
     if (status === STATUS.READY) {
       this._trackImpression();

package/src/layout/input/option-list.js

@@ -84,10 +84,13 @@ export default class OptionListLayout extends TemplateBasedLayout {
   _render(element, data, controls) {
     super._render(element, data, controls);
     const { state } = data;
-    this._syncBindings(element, state);
     this._syncOptionValues(element, state);
   }
 
+  _afterRender(element, state) {
+    this._syncBindings(element, state);
+  }
+
   _unrender() {
     this._clearBindings();
   }

package/src/layout/list/collection.js

@@ -135,6 +135,9 @@ export default class CollectionLayout extends TemplateBasedLayout {
     } else {
       element.innerHTML = html;
     }
+  }
+
+  _afterRender(element, state) {
     this._syncBindings(element, state);
   }
 

package/src/layout/raf.js

@@ -81,17 +81,23 @@ export default class RafLayout {
     const argsForNotifyUpdate = capture([]);
     const stateExtra = capture({});
 
+    // TODO: remove this timestamp, for it's in state already
     this._render(this._element, { state, rendered, timestamp }, { notifyUpdate: argsForNotifyUpdate.args, writeToState: stateExtra.merge, ...extraControls });
 
-    this._rendered.set(this._element, Object.freeze({ ...state, ...stateExtra.value }));
+    state = Object.freeze({ ...state, ...stateExtra.value });
+    this._rendered.set(this._element, state);
 
     notifyUpdate && notifyUpdate(...argsForNotifyUpdate.value);
+
+    this._afterRender(this._element, state);
   }
 
   _render() {
     throw new Error('Unimplemented');
   }
 
+  _afterRender() {}
+
   destroy() {
     for (const unsubscribe of this._unsubscribes) {
       unsubscribe();

package/src/layout/templates.js

@@ -132,7 +132,7 @@ export function discountRateText(layout, { discount_rate_percent }) {
   return `(${discount_rate_percent}% off)`;
 }
 
-export function imageBlock(layout, data, meta) {
+export function imageBlock(layout, data, meta = {}) {
   const { className, templates } = layout;
   const { cover_image } = data;
   if (!cover_image) {

package/src/version.js

@@ -1 +1 @@
-export default '1.10.2-beta.4';
+export default '1.10.2-beta.6';