@miso.ai/client-sdk-ui 1.9.1-beta.1 → 1.9.1-beta.2

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

@@ -214,7 +214,8 @@ class CollectionLayout extends _template.default {
     this._view._events.emit('click', {
       session,
       value,
-      element
+      element,
+      domEvent: event
     });
   }
   destroy() {

package/dist/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '1.9.1-beta.1';
+var _default = exports.default = '1.9.1-beta.2';

package/dist/cjs/workflow/explore.js

@@ -20,7 +20,8 @@ const DEFAULT_API_OPTIONS = Object.freeze({
 const DEFAULT_LAYOUTS = Object.freeze({
   [_constants.ROLE.RELATED_QUESTIONS]: [_index2.ListLayout.type, {
     itemType: 'question'
-  }]
+  }],
+  [_constants.ROLE.QUERY]: [_index2.SearchBoxLayout.type]
 });
 const DEFAULT_TRACKERS = Object.freeze({
   [_constants.ROLE.RELATED_QUESTIONS]: {}
@@ -41,7 +42,7 @@ class Explore extends _base.default {
     });
     this._productId = undefined;
     this._linkFn = undefined;
-    this._unsubscribes.push(this._views.get(_constants.ROLE.RELATED_QUESTIONS).on('click', event => this._handleQuestionClick(event)));
+    this._unsubscribes = [...this._unsubscribes, this._views.get(_constants.ROLE.RELATED_QUESTIONS).on('click', event => this._handleRelatedQuestionClick(event)), this._hub.on(_index.fields.query(), payload => this.query(payload))];
   }
   set productId(value) {
     console.warning('DEPRECATED: use useApi() instead');
@@ -102,7 +103,7 @@ class Explore extends _base.default {
       })
     });
   }
-  _handleQuestionClick(_ref) {
+  _handleRelatedQuestionClick(_ref) {
     let {
         value: question
       } = _ref,
@@ -111,5 +112,15 @@ class Explore extends _base.default {
       question
     })));
   }
+  query() {
+    let {
+      q
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (!this._linkFn) {
+      return;
+    }
+    const url = this._linkFn(q);
+    window.open(url, '_blank');
+  }
 }
 exports.default = Explore;

package/package.json

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

package/src/layout/list/collection.js

@@ -176,7 +176,7 @@ export default class CollectionLayout extends TemplateBasedLayout {
     }
     const value = element[VALUE];
     const { session } = this._view._state;
-    this._view._events.emit('click', { session, value, element });
+    this._view._events.emit('click', { session, value, element, domEvent: event });
   }
 
   destroy() {

package/src/version.js

@@ -1 +1 @@
-export default '1.9.1-beta.1';
+export default '1.9.1-beta.2';

package/src/workflow/explore.js

@@ -3,7 +3,7 @@ import Workflow from './base.js';
 import { mergeApiOptions } from './options.js';
 import { fields } from '../actor/index.js';
 import { ROLE } from '../constants.js';
-import { ListLayout } from '../layout/index.js';
+import { ListLayout, SearchBoxLayout } from '../layout/index.js';
 
 const DEFAULT_API_OPTIONS = Object.freeze({
   group: API.GROUP.ASK,
@@ -12,6 +12,7 @@ const DEFAULT_API_OPTIONS = Object.freeze({
 
 const DEFAULT_LAYOUTS = Object.freeze({
   [ROLE.RELATED_QUESTIONS]: [ListLayout.type, { itemType: 'question' }],
+  [ROLE.QUERY]: [SearchBoxLayout.type],
 });
 
 const DEFAULT_TRACKERS = Object.freeze({
@@ -36,7 +37,12 @@ export default class Explore extends Workflow {
     });
     this._productId = undefined;
     this._linkFn = undefined;
-    this._unsubscribes.push(this._views.get(ROLE.RELATED_QUESTIONS).on('click', event => this._handleQuestionClick(event)));
+
+    this._unsubscribes = [
+      ...this._unsubscribes,
+      this._views.get(ROLE.RELATED_QUESTIONS).on('click', event => this._handleRelatedQuestionClick(event)),
+      this._hub.on(fields.query(), payload => this.query(payload)),
+    ];
   }
 
   set productId(value) {
@@ -89,8 +95,16 @@ export default class Explore extends Workflow {
     };
   }
 
-  _handleQuestionClick({ value: question, ...event }) {
+  _handleRelatedQuestionClick({ value: question, ...event }) {
     this._events.emit('select', Object.freeze({ ...event, question }));
   }
 
+  query({ q } = {}) {
+    if (!this._linkFn) {
+      return;
+    }
+    const url = this._linkFn(q);
+    window.open(url, '_blank');
+  }
+
 }