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

package/dist/cjs/constants.js

@@ -72,7 +72,8 @@ const STATUS = exports.STATUS = Object.freeze({
   ONGOING: 'ongoing',
   DONE: 'done',
   EMPTY: 'empty',
-  NONEMPTY: 'nonempty'
+  NONEMPTY: 'nonempty',
+  UNANSWERABLE: 'unanswerable'
 });
 function validateEventType(value) {
   if (TRACKING_EVENT_TYPES.indexOf(value) < 0) {

package/dist/cjs/defaults/hybrid-search/answer-box.js

@@ -15,13 +15,15 @@ class AnswerBox {
   constructor(client, element) {
     let {
       classPrefix = _constants.CLASS_PREFIX,
-      phrases = {}
+      phrases = {},
+      hideWhenUnanswerable = true
     } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     this._client = client;
     this._workflow = client.ui.hybridSearch;
     this._element = element;
     this._classPrefix = classPrefix;
     this._phrases = phrases;
+    this._hideWhenUnanswerable = hideWhenUnanswerable;
     this._init();
   }
   _init() {
@@ -65,10 +67,19 @@ class AnswerBox {
     const {
       status
     } = this._workflow._answer;
+    const {
+      meta: {
+        unanswerable = false
+      } = {}
+    } = this._workflow._answer._hub.states[_index.fields.data()];
     switch (status) {
       case _constants2.STATUS.ERRONEOUS:
       case _constants2.STATUS.READY:
-        this.show();
+        if (unanswerable && this._hideWhenUnanswerable) {
+          this.hide();
+        } else {
+          this.show();
+        }
         break;
       default:
         this.hide();

package/dist/cjs/defaults/hybrid-search/controls.js

@@ -7,11 +7,12 @@ exports.wireAnswerBox = wireAnswerBox;
 var _answerBox = _interopRequireDefault(require("./answer-box.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function wireAnswerBox(client, element) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (!client) {
     throw new Error('client is required');
   }
   if (!element) {
     return;
   }
-  new _answerBox.default(client, element);
+  new _answerBox.default(client, element, options);
 }

package/dist/cjs/defaults/hybrid-search/templates.js

@@ -18,6 +18,15 @@ class Sections extends _templates.Sections {
       helpers
     });
   }
+  answer(options) {
+    const {
+      container
+    } = this._helpers;
+    return container(options, {
+      name: 'answer',
+      visibleWhen: 'ready !unanswerable'
+    }, [...this.question(options), '<miso-answer></miso-answer>', '<miso-feedback></miso-feedback>']);
+  }
   answerBox(options) {
     const {
       element

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

@@ -80,13 +80,17 @@ class ContainerLayout extends _raf.default {
       ongoing,
       meta: {
         miso_id,
-        empty = false
+        empty = false,
+        unanswerable = false
       } = {}
     } = state;
     const statuses = [status, empty ? _constants.STATUS.EMPTY : _constants.STATUS.NONEMPTY];
     if (status === _constants.STATUS.READY) {
       statuses.push(ongoing ? _constants.STATUS.ONGOING : _constants.STATUS.DONE);
     }
+    if (unanswerable) {
+      statuses.push(_constants.STATUS.UNANSWERABLE);
+    }
     element.setAttribute('status', statuses.join(' '));
     if (miso_id) {
       element.setAttribute('miso-id', miso_id);

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

@@ -198,8 +198,7 @@ class GalleryLayout extends _collection.default {
   _syncCssVariables() {
     const context = this._galleryContext;
     let {
-      itemAspectRatio = 1,
-      height = DEFAULT_HEIGHT
+      itemAspectRatio = 1
     } = this.options;
     itemAspectRatio = context.itemAspectRatio = (0, _dom.cssAspectRatio)(itemAspectRatio);
     const {
@@ -209,7 +208,6 @@ class GalleryLayout extends _collection.default {
       return;
     }
     // TODO: skip if equal to default values
-    element.style.setProperty('--miso-gallery-height', `${height}`);
     element.style.setProperty('--miso-gallery-item-1x1-aspect-ratio', `${itemAspectRatio}`);
     element.style.setProperty('--miso-gallery-item-1x2-aspect-ratio', `${itemAspectRatio.scaleBy([1, 2])}`);
   }
@@ -234,7 +232,7 @@ class GalleryLayout extends _collection.default {
 
     // update DOM
     listElement.style.aspectRatio = `${columnCount} / 2`;
-    listElement.style.height = 'auto';
+    listElement.style.height = itemCount > 0 ? 'auto' : '0';
   }
   _syncItemCount() {
     let {

package/dist/cjs/version.js

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

package/dist/cjs/workflow/hybrid-search-answer.js

@@ -70,6 +70,7 @@ class HybridSearchAnswer extends _answerBased.default {
     data = super._defaultProcessData(data);
     data = (0, _processors.writeKeywordsToData)(data);
     data = (0, _processors.writeMisoIdFromSession)(data);
+    data = (0, _processors.writeUnanswerableToMeta)(data);
     return data;
   }
   _updateDataInHub(data) {

package/dist/cjs/workflow/processors.js

@@ -18,6 +18,7 @@ exports.writeKeywordsToData = writeKeywordsToData;
 exports.writeMisoIdFromSession = writeMisoIdFromSession;
 exports.writeMisoIdToMeta = writeMisoIdToMeta;
 exports.writeMisoIdToSession = writeMisoIdToSession;
+exports.writeUnanswerableToMeta = writeUnanswerableToMeta;
 var _commons = require("@miso.ai/commons");
 var _constants = require("../constants.js");
 var _index = require("../actor/index.js");
@@ -346,4 +347,20 @@ function mergeInteraction() {
       custom_context: (0, _commons.trimObj)(Object.assign({}, base.context && base.context.custom_context, patch.context && patch.context.custom_context))
     }))
   }));
+}
+function writeUnanswerableToMeta(data) {
+  const {
+    value
+  } = data;
+  if (!value) {
+    return data;
+  }
+  if (!value.finished || value.finish_reason !== 'success' || value.sources && value.sources.length > 0) {
+    return data;
+  }
+  return Object.assign({}, data, {
+    meta: Object.assign({}, data.meta, {
+      unanswerable: true
+    })
+  });
 }

package/package.json

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

package/src/constants.js

@@ -105,6 +105,7 @@ export const STATUS = Object.freeze({
   DONE: 'done',
   EMPTY: 'empty',
   NONEMPTY: 'nonempty',
+  UNANSWERABLE: 'unanswerable',
 });
 
 export function validateEventType(value) {

package/src/defaults/hybrid-search/answer-box.js

@@ -9,12 +9,13 @@ const TOGGLE_BUTTON_SELECTOR = '[data-role="answer-box-toggle"]';
 
 export default class AnswerBox {
 
-  constructor(client, element, { classPrefix = CLASS_PREFIX, phrases = {} } = {}) {
+  constructor(client, element, { classPrefix = CLASS_PREFIX, phrases = {}, hideWhenUnanswerable = true } = {}) {
     this._client = client;
     this._workflow = client.ui.hybridSearch;
     this._element = element;
     this._classPrefix = classPrefix;
     this._phrases = phrases;
+    this._hideWhenUnanswerable = hideWhenUnanswerable;
     this._init();
   }
 
@@ -58,10 +59,16 @@ export default class AnswerBox {
 
   _syncWofkflowStatus() {
     const { status } = this._workflow._answer;
+    const { meta: { unanswerable = false } = {} } = this._workflow._answer._hub.states[fields.data()];
+
     switch (status) {
       case STATUS.ERRONEOUS:
       case STATUS.READY:
-        this.show();
+        if (unanswerable && this._hideWhenUnanswerable) {
+          this.hide();
+        } else {
+          this.show();
+        }
         break;
       default:
         this.hide();

package/src/defaults/hybrid-search/controls.js

@@ -1,11 +1,11 @@
 import AnswerBox from './answer-box.js';
 
-export function wireAnswerBox(client, element) {
+export function wireAnswerBox(client, element, options = {}) {
   if (!client) {
     throw new Error('client is required');
   }
   if (!element) {
     return;
   }
-  new AnswerBox(client, element);
+  new AnswerBox(client, element, options);
 }

package/src/defaults/hybrid-search/templates.js

@@ -9,6 +9,15 @@ class Sections extends _Sections {
     super({ helpers });
   }
 
+  answer(options) {
+    const { container } = this._helpers;
+    return container(options, { name: 'answer', visibleWhen: 'ready !unanswerable' }, [
+      ...this.question(options),
+      '<miso-answer></miso-answer>',
+      '<miso-feedback></miso-feedback>',
+    ]);
+  }
+
   answerBox(options) {
     const { element } = this._helpers;
     const { classPrefix } = options;

package/src/layout/container/container.js

@@ -60,11 +60,14 @@ export default class ContainerLayout extends RafLayout {
     if (!element) {
       return;
     }
-    const { status, ongoing, meta: { miso_id, empty = false } = {} } = state;
+    const { status, ongoing, meta: { miso_id, empty = false, unanswerable = false } = {} } = state;
     const statuses = [status, empty ? STATUS.EMPTY : STATUS.NONEMPTY];
     if (status === STATUS.READY) {
       statuses.push(ongoing ? STATUS.ONGOING : STATUS.DONE);
     }
+    if (unanswerable) {
+      statuses.push(STATUS.UNANSWERABLE);
+    }
     element.setAttribute('status', statuses.join(' '));
     if (miso_id) {
       element.setAttribute('miso-id', miso_id);

package/src/layout/list/gallery.js

@@ -170,14 +170,13 @@ export default class GalleryLayout extends CollectionLayout {
 
   _syncCssVariables() {
     const context = this._galleryContext;
-    let { itemAspectRatio = 1, height = DEFAULT_HEIGHT } = this.options;
+    let { itemAspectRatio = 1 } = this.options;
     itemAspectRatio = context.itemAspectRatio = cssAspectRatio(itemAspectRatio);
     const { element } = this._view;
     if (!element) {
       return;
     }
     // TODO: skip if equal to default values
-    element.style.setProperty('--miso-gallery-height', `${height}`);
     element.style.setProperty('--miso-gallery-item-1x1-aspect-ratio', `${itemAspectRatio}`);
     element.style.setProperty('--miso-gallery-item-1x2-aspect-ratio', `${itemAspectRatio.scaleBy([1, 2])}`);
   }
@@ -198,7 +197,7 @@ export default class GalleryLayout extends CollectionLayout {
 
     // update DOM
     listElement.style.aspectRatio = `${columnCount} / 2`;
-    listElement.style.height = 'auto';
+    listElement.style.height = itemCount > 0 ? 'auto' : '0';
   }
 
   _syncItemCount({ state } = {}) {

package/src/version.js

@@ -1 +1 @@
-export default '1.11.5-beta.8';
+export default '1.11.5';

package/src/workflow/hybrid-search-answer.js

@@ -1,7 +1,7 @@
 import AnswerBasedWorkflow from './answer-based.js';
 import { ROLE, STATUS, ORGANIC_QUESTION_SOURCE } from '../constants.js';
 import { mergeRolesOptions } from './options/index.js';
-import { writeKeywordsToData, writeMisoIdToSession, writeMisoIdFromSession } from './processors.js';
+import { writeKeywordsToData, writeMisoIdToSession, writeMisoIdFromSession, writeUnanswerableToMeta } from './processors.js';
 import { makeAutocompletable } from './autocompletable.js';
 
 const ROLES_OPTIONS = mergeRolesOptions(AnswerBasedWorkflow.ROLES_OPTIONS, {
@@ -64,6 +64,7 @@ export default class HybridSearchAnswer extends AnswerBasedWorkflow {
     data = super._defaultProcessData(data);
     data = writeKeywordsToData(data);
     data = writeMisoIdFromSession(data);
+    data = writeUnanswerableToMeta(data);
     return data;
   }
 

package/src/workflow/processors.js

@@ -287,3 +287,20 @@ export function mergeInteraction(base = {}, patch = {}) {
     }),
   });
 }
+
+export function writeUnanswerableToMeta(data) {
+  const { value } = data;
+  if (!value) {
+    return data;
+  }
+  if (!value.finished || value.finish_reason !== 'success' || (value.sources && value.sources.length > 0)) {
+    return data;
+  }
+  return {
+    ...data,
+    meta: {
+      ...data.meta,
+      unanswerable: true,
+    },
+  };
+}