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

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

@@ -37,7 +37,7 @@ class Sections extends _templates.Sections {
     } = this._helpers;
     return phrase(options, {
       name: 'question',
-      tag: 'h3'
+      tag: 'div'
     }).replaceAll('${value}', '<miso-question></miso-question>');
   }
   answerBoxToggle(options) {
@@ -61,7 +61,7 @@ class Sections extends _templates.Sections {
     return container(options, {
       name: 'search-results',
       visibleWhen: 'loading ready'
-    }, [this.searchResultsInfoGroup(options), this.searchResultsFilters(options), '<miso-products></miso-products>']);
+    }, [this.searchResultsInfoGroup(options), this.searchResultsFilters(options), '<miso-products></miso-products>', this.more(options)]);
   }
   searchResultsInfoGroup(options) {
     const {
@@ -72,7 +72,7 @@ class Sections extends _templates.Sections {
     } = options;
     return element('div', {
       classes: [`${classPrefix}__search-results-info`]
-    }, [this.keywords(options), this.hits(options)]);
+    }, [this.keywords(options), this.total(options)]);
   }
   searchResultsFilters(options) {
     const {
@@ -95,15 +95,29 @@ class Sections extends _templates.Sections {
       inline: true
     }).replaceAll('${value}', '<miso-keywords></miso-keywords>');
   }
-  hits(options) {
+  total(options) {
     const {
       phrase
     } = this._helpers;
     return phrase(options, {
-      name: 'hits',
+      name: 'total',
       tag: 'div',
       inline: true
-    }).replaceAll('${value}', '<miso-hits></miso-hits>');
+    }).replaceAll('${value}', '<miso-total></miso-total>');
+  }
+  more(options) {
+    if (!options.moreButton) {
+      return '';
+    }
+    const {
+      element
+    } = this._helpers;
+    const {
+      classPrefix
+    } = options;
+    return element('div', {
+      classes: [`${classPrefix}__search-results-more-container`]
+    }, ['<miso-more></miso-more>']);
   }
 }
 const helpers = exports.helpers = (0, _commons.externalize)(new _templates.Helpers(Object.assign({}, CONSTANTS, {
@@ -121,16 +135,21 @@ function root() {
   } = helpers;
   options = normalizeOptions(options);
   const {
-    answerBox
+    answerBox,
+    answerGroup,
+    searchResultsGroup
   } = sections;
+  const {
+    answerBox: answerBoxOptions = true
+  } = options;
   return [section(options, {
     name: 'question'
   }, [container(options, {
     name: 'query'
   }, '<miso-query></miso-query>')]), section(options, {
     name: 'answer'
-  }, [answerBox(options)]), section(options, {
+  }, answerBoxOptions ? [answerBox(options)] : answerGroup(options)), section(options, {
     name: 'search-results'
-  }, sections.searchResultsGroup(options))].join('');
+  }, searchResultsGroup(options))].join('');
 }
 ;

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

@@ -33,16 +33,16 @@ Object.defineProperty(exports, "MisoFeedbackElement", {
     return _misoFeedback.default;
   }
 });
-Object.defineProperty(exports, "MisoHitsElement", {
+Object.defineProperty(exports, "MisoKeywordsElement", {
   enumerable: true,
   get: function () {
-    return _misoHits.default;
+    return _misoKeywords.default;
   }
 });
-Object.defineProperty(exports, "MisoKeywordsElement", {
+Object.defineProperty(exports, "MisoMoreElement", {
   enumerable: true,
   get: function () {
-    return _misoKeywords.default;
+    return _misoMore.default;
   }
 });
 Object.defineProperty(exports, "MisoProductsElement", {
@@ -99,6 +99,12 @@ Object.defineProperty(exports, "MisoSovrnAffiliationElement", {
     return _misoAffiliation.default;
   }
 });
+Object.defineProperty(exports, "MisoTotalElement", {
+  enumerable: true,
+  get: function () {
+    return _misoTotal.default;
+  }
+});
 var _misoComponent = _interopRequireDefault(require("./miso-component.js"));
 var _misoQuery = _interopRequireDefault(require("./miso-query.js"));
 var _misoQuerySuggestions = _interopRequireDefault(require("./miso-query-suggestions.js"));
@@ -112,7 +118,8 @@ var _misoRelatedResources = _interopRequireDefault(require("./miso-related-resou
 var _misoRelatedQuestions = _interopRequireDefault(require("./miso-related-questions.js"));
 var _misoAffiliation = _interopRequireDefault(require("./miso-affiliation.js"));
 var _misoKeywords = _interopRequireDefault(require("./miso-keywords.js"));
-var _misoHits = _interopRequireDefault(require("./miso-hits.js"));
+var _misoTotal = _interopRequireDefault(require("./miso-total.js"));
 var _misoFacets = _interopRequireDefault(require("./miso-facets.js"));
+var _misoMore = _interopRequireDefault(require("./miso-more.js"));
 var _misoError = _interopRequireDefault(require("./miso-error.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/element/role/{miso-hits.js → miso-more.js}

@@ -7,14 +7,14 @@ 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 MisoHitsElement extends _misoComponent.default {
+class MisoMoreElement extends _misoComponent.default {
   constructor() {
     super({
-      role: _constants.ROLE.HITS
+      role: _constants.ROLE.MORE
     });
   }
   static get tagName() {
-    return 'miso-hits';
+    return 'miso-more';
   }
 }
-exports.default = MisoHitsElement;
+exports.default = MisoMoreElement;

package/dist/cjs/element/role/miso-total.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 MisoTotalElement extends _misoComponent.default {
+  constructor() {
+    super({
+      role: _constants.ROLE.TOTAL
+    });
+  }
+  static get tagName() {
+    return 'miso-total';
+  }
+}
+exports.default = MisoTotalElement;

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

@@ -166,9 +166,6 @@ function autoplayOptionsEquals(a, b) {
 */
 
 class AffiliationLayout extends _collection.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.AFFILIATION;
-  }
   static get type() {
     return TYPE;
   }

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _constants = require("../../constants.js");
 var _template = _interopRequireDefault(require("../template.js"));
 var _svgs = require("../svgs.js");
 const _excluded = ["className", "templates"];
@@ -27,9 +26,6 @@ const DEFAULT_TEMPLATES = Object.freeze({
 // TODO: give a role and make this customizable
 
 class BannerLayout extends _template.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.BANNER;
-  }
   static get type() {
     return TYPE;
   }

package/dist/cjs/layout/button/more-button.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants.js");
+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.includes(n)) continue; t[n] = r[n]; } return t; }
+const TYPE = 'more-button';
+const DEFAULT_CLASSNAME = 'miso-more-button';
+function root(layout, state) {
+  const {
+    className,
+    role,
+    templates
+  } = layout;
+  const roleAttr = role ? ` data-role="${role}"` : '';
+  const disabledAttr = state.status !== _constants.STATUS.READY ? ' disabled' : '';
+  return `
+<div class="${className}"${roleAttr}${disabledAttr}>
+  ${templates.text(layout)}
+</div>
+`;
+}
+const DEFAULT_TEMPLATES = Object.freeze({
+  root,
+  text
+});
+function text(layout) {
+  return 'More';
+}
+class MoreButtonLayout extends _template.default {
+  static get type() {
+    return TYPE;
+  }
+  static get defaultTemplates() {
+    return 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,
+      templates: Object.assign({}, DEFAULT_TEMPLATES, templates)
+    }, options));
+  }
+  initialize(view) {
+    this._unsubscribes = [...this._unsubscribes, view.proxyElement.on('click', e => this._handleClick(e))];
+  }
+  _handleClick(event) {
+    // only left click
+    if (event.button !== 0) {
+      return;
+    }
+    const button = event.target.closest('data-role="more"');
+    if (!button || button.disabled) {
+      return;
+    }
+    this._view.hub.trigger(_index.fields.more());
+  }
+}
+exports.default = MoreButtonLayout;

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

@@ -13,9 +13,6 @@ 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 = 'container';
 class ContainerLayout extends _raf.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.CONTAINER;
-  }
   static get type() {
     return TYPE;
   }

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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 }; }
@@ -33,9 +32,6 @@ const DEFAULT_TEMPLATES = Object.freeze({
   message
 });
 class ErrorLayout extends _template.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.ERROR;
-  }
   static get type() {
     return TYPE;
   }

package/dist/cjs/layout/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "ListLayout", {
     return _list.default;
   }
 });
+Object.defineProperty(exports, "MoreButtonLayout", {
+  enumerable: true,
+  get: function () {
+    return _moreButton.default;
+  }
+});
 Object.defineProperty(exports, "OptionListLayout", {
   enumerable: true,
   get: function () {
@@ -108,4 +114,5 @@ var _text = _interopRequireDefault(require("./text/text.js"));
 var _index = _interopRequireDefault(require("./text/typewriter/index.js"));
 var _affiliation = _interopRequireDefault(require("./affiliation/affiliation.js"));
 var _facets = _interopRequireDefault(require("./input/facets.js"));
+var _moreButton = _interopRequireDefault(require("./button/more-button.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/layout/input/facets.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _commons = require("@miso.ai/commons");
-var _constants = require("../../constants.js");
 var _template = _interopRequireDefault(require("../template.js"));
 var _bindings = _interopRequireDefault(require("../../util/bindings.js"));
 const _excluded = ["className", "templates"];
@@ -126,9 +125,6 @@ function getSelectedValues(facets) {
   return selections;
 }
 class FacetsLayout extends _template.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.FILTERS;
-  }
   static get type() {
     return TYPE;
   }

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _commons = require("@miso.ai/commons");
-var _constants = require("../../constants.js");
 var _index = require("../../actor/index.js");
 var _template = _interopRequireDefault(require("../template.js"));
 var _trackable = require("../trackable.js");
@@ -54,9 +53,6 @@ const DEFAULT_TEMPLATES = Object.freeze({
   option
 });
 class OptionListLayout extends _template.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.QUERY;
-  }
   static get type() {
     return TYPE;
   }

package/dist/cjs/layout/input/search-box.js

@@ -107,10 +107,7 @@ function completionList(layout, type, items) {
     className,
     templates
   } = layout;
-  return `
-<ul class="${className}__${type}-list" data-role="${type}-list">
-  ${items.map(item => templates.completionItem(layout, type, item)).join('')}
-</ul>`.trim();
+  return `<ul class="${className}__${type}-list" data-role="${type}-list">${items.map(item => templates.completionItem(layout, type, item)).join('')}</ul>`;
 }
 function completionItem(layout, type, item) {
   const {
@@ -142,9 +139,6 @@ const DEFAULT_AUTOCOMPLETE_OPTIONS = Object.freeze({
   debounce: 300
 });
 class SearchBoxLayout extends _template.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.QUERY;
-  }
   static get type() {
     return TYPE;
   }
@@ -178,7 +172,7 @@ class SearchBoxLayout extends _template.default {
       proxyElement,
       hub
     } = view;
-    this._unsubscribes = [...this._unsubscribes, proxyElement.on('input', e => this._syncInput(e)), proxyElement.on('keydown', e => this._handleKeyDown(e)), proxyElement.on('click', e => this._handleClick(e)), proxyElement.on('focusin', e => this._handleFocusIn(e)), proxyElement.on('focusout', e => this._handleFocusOut(e)), hub.on(_index.fields.data(_constants.DATA_ASPECT.AUTOCOMPLETE), () => view.refresh({
+    this._unsubscribes = [...this._unsubscribes, proxyElement.on('input', e => this._syncInput(e)), proxyElement.on('keydown', e => this._handleKeyDown(e)), proxyElement.on('click', e => this._handleClick(e)), proxyElement.on('focusin', e => this._handleFocusIn(e)), proxyElement.on('focusout', e => this._handleFocusOut(e)), hub.on(_index.fields.completions(), () => view.refresh({
       force: true
     }))];
   }
@@ -212,7 +206,7 @@ class SearchBoxLayout extends _template.default {
       state
     });
     return Object.assign({}, state, {
-      completions: this._view.hub.states[_index.fields.data(_constants.DATA_ASPECT.AUTOCOMPLETE)]
+      completions: this._view.hub.states[_index.fields.completions()]
     });
   }
   _render(element, data, controls) {
@@ -221,6 +215,8 @@ class SearchBoxLayout extends _template.default {
       super._render(element, data, controls);
     }
     this._updateCompletions(element, data, controls);
+  }
+  _afterRender(element, state) {
     this._fullfillFocusRequest(element);
     this._fullfillValueRequest(element);
   }
@@ -237,9 +233,12 @@ class SearchBoxLayout extends _template.default {
     }
     const {
       status = _constants.STATUS.INITIAL,
-      index,
+      session,
       value: completions
     } = state.completions;
+    const {
+      index
+    } = session;
     if (rendered && rendered.completions.index === index && rendered.completions.status === status) {
       return;
     }
@@ -332,7 +331,7 @@ class SearchBoxLayout extends _template.default {
       target,
       isComposing
     } = _ref8;
-    if (!isComposing && key === 'Enter' && target.matches('input')) {
+    if (!isComposing && key === 'Enter' && target.matches('[data-role="input"]')) {
       this._submit(target.value);
       target.blur();
     }
@@ -401,7 +400,9 @@ class SearchBoxLayout extends _template.default {
     if (!options) {
       return;
     }
-    this._view.tracker.submit(value);
+    this._view.tracker.submit({
+      value
+    }); // not array
   }
 }
 exports.default = SearchBoxLayout;

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

@@ -11,9 +11,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 const TYPE = 'cards';
 const DEFAULT_CLASSNAME = 'miso-cards';
 class CardsLayout extends _collection.default {
-  static get category() {
-    return super.category;
-  }
   static get type() {
     return TYPE;
   }

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

@@ -40,9 +40,6 @@ function chevron(layout) {
   return `<svg class="${className}__control-button" shape-rendering="geometricPrecision" stroke="currentColor" stroke-width="24" fill="#fff" viewBox="-30 -30 358 572"><path d="M285.77 441c16.24 16.17 16.32 42.46.15 58.7-16.16 16.24-42.45 16.32-58.69.16l-215-214.47c-16.24-16.16-16.32-42.45-.15-58.69L227.23 12.08c16.24-16.17 42.53-16.09 58.69.15 16.17 16.24 16.09 42.54-.15 58.7l-185.5 185.04L285.77 441z"/></svg>`;
 }
 class CarouselLayout extends _collection.default {
-  static get category() {
-    return super.category;
-  }
   static get type() {
     return TYPE;
   }

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

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _constants = require("../../constants.js");
 var _template = _interopRequireDefault(require("../template.js"));
 var _trackable = require("../trackable.js");
+var _triggerable = require("../triggerable.js");
 var _templates = require("../templates.js");
 const _excluded = ["templates", "itemType"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -21,7 +22,7 @@ function root(layout, state) {
     status
   } = state;
   const roleAttr = role ? `data-role="${role}"` : '';
-  return `<div class="${className} ${status}" ${roleAttr}>${status === _constants.STATUS.READY ? templates[status](layout, state) : ''}</div>`;
+  return `<div class="${className} ${status}" ${roleAttr}>${status === _constants.STATUS.READY ? templates[status](layout, state) : ''}${templates.trigger(layout, state)}${templates.loading(layout, state)}</div>`;
 }
 function ready(layout, state) {
   const {
@@ -31,6 +32,7 @@ function ready(layout, state) {
 
   // TODO: handle categories, attributes, etc. by introducing sublayout
   if (values && values.length > 0 || state.ongoing) {
+    // TODO: ad-hoc ongoing?
     return templates.list(layout, state, values);
   } else {
     return templates.empty(layout, state);
@@ -70,6 +72,15 @@ function item(layout, state, value, index) {
   });
   return `<li class="${className}__item">${body}</li>`;
 }
+function trigger(layout, state) {
+  const {
+    className
+  } = layout;
+  return `<div class="${className}__trigger" data-role="trigger"></div>`;
+}
+function loading() {
+  return `<div class="miso-loading" aria-label="Loading" data-role="loading"></div>`;
+}
 
 // TODO: let templates.js control what to be included here
 
@@ -95,12 +106,11 @@ const DEFAULT_TEMPLATES = Object.freeze({
   ctaBlock: _templates.ctaBlock,
   cta: _templates.cta,
   imageBlock: _templates.imageBlock,
-  indexBlock: _templates.indexBlock
+  indexBlock: _templates.indexBlock,
+  trigger,
+  loading
 });
 class CollectionLayout extends _template.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.LIST;
-  }
   static get defaultTemplates() {
     return DEFAULT_TEMPLATES;
   }
@@ -115,6 +125,7 @@ class CollectionLayout extends _template.default {
       itemType
     }, options));
     this._initTrackable();
+    this._initTriggerable();
   }
   initialize(view) {
     this._unsubscribes.push(view.proxyElement.on('click', this._onClick.bind(this)));
@@ -133,7 +144,7 @@ class CollectionLayout extends _template.default {
   }
   _shallRenderIncrementally(state, rendered) {
     // TODO: compare item ids as well
-    return this.options.incremental && rendered && rendered.value && rendered.value.length > 0 && state.status === _constants.STATUS.READY && rendered.status === _constants.STATUS.READY && state.session && rendered.session && state.session.id === rendered.session.id;
+    return this.options.incremental && rendered && rendered.value && rendered.value.length > 0 && state.value && state.value.length >= rendered.value.length && state.session && rendered.session && state.session.id === rendered.session.id;
   }
   _html(state, rendered, incremental) {
     if (incremental) {
@@ -170,9 +181,11 @@ class CollectionLayout extends _template.default {
   }
   _afterRender(element, state) {
     this._syncBindings(element, state);
+    this._syncTrigger(element, state);
   }
   _unrender() {
     this._clearBindings();
+    this._untrackTrigger();
   }
   _getItems(state) {
     return state.value;
@@ -212,9 +225,11 @@ class CollectionLayout extends _template.default {
   }
   destroy() {
     this._destroyTrackable();
+    this._destroyTriggerable();
     this._view = undefined;
     super.destroy();
   }
 }
 exports.default = CollectionLayout;
-(0, _trackable.makeTrackable)(CollectionLayout.prototype);
+(0, _trackable.makeTrackable)(CollectionLayout.prototype);
+(0, _triggerable.makeTriggerable)(CollectionLayout.prototype);

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

@@ -11,9 +11,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 const TYPE = 'list';
 const DEFAULT_CLASSNAME = 'miso-list';
 class ListLayout extends _collection.default {
-  static get category() {
-    return super.category;
-  }
   static get type() {
     return TYPE;
   }

package/dist/cjs/layout/radio/feedback.js

@@ -61,9 +61,6 @@ const DEFAULT_TEMPLATES = Object.freeze({
   text
 });
 class FeedbackLayout extends _radio.default {
-  static get category() {
-    return super.category;
-  }
   static get type() {
     return TYPE;
   }

package/dist/cjs/layout/radio/radio.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _commons = require("@miso.ai/commons");
-var _constants = require("../../constants.js");
 var _template = _interopRequireDefault(require("../template.js"));
 var _templates = require("../templates.js");
 const _excluded = ["className", "templates", "field", "defaultValue"];
@@ -40,9 +39,6 @@ const DEFAULT_TEMPLATES = Object.freeze(Object.assign({}, (0, _templates.require
   option
 }));
 class RadioLayout extends _template.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.RADIO;
-  }
   static get defaultTemplates() {
     return DEFAULT_TEMPLATES;
   }

package/dist/cjs/layout/raf.js

@@ -5,19 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _commons = require("@miso.ai/commons");
-const _excluded = ["role", "workflow"];
+const _excluded = ["role", "workflow", "workflowOptions"];
 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] : {};
     let {
         role,
-        workflow
+        workflow,
+        workflowOptions
       } = _ref,
       options = _objectWithoutPropertiesLoose(_ref, _excluded);
     (0, _commons.defineValues)(this, {
       role,
       workflow,
+      workflowOptions,
       options
     });
     this._unsubscribes = [];

package/dist/cjs/layout/text/text.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _commons = require("@miso.ai/commons");
-var _constants = require("../../constants.js");
 var _template = _interopRequireDefault(require("../template.js"));
 const _excluded = ["className", "templates", "tag"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -60,9 +59,6 @@ const DEFAULT_TEMPLATES = Object.freeze({
   root
 });
 class TextLayout extends _template.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.TEXT;
-  }
   static get type() {
     return TYPE;
   }

package/dist/cjs/layout/text/typewriter/index.js

@@ -15,9 +15,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 const TYPE = 'typewriter';
 const DEFAULT_CLASSNAME = 'miso-typewriter';
 class TypewriterLayout extends _progressive.default {
-  static get category() {
-    return _constants.LAYOUT_CATEGORY.TEXT;
-  }
   static get type() {
     return TYPE;
   }