@miso.ai/client-sdk-ui 1.13.2-beta.1 → 1.14.0-beta.3

package/dist/cjs/element/container/miso-conversation.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _misoContainer = _interopRequireDefault(require("./miso-container.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TAG_NAME = 'miso-conversation';
+class MisoConversationElement extends _misoContainer.default {
+  static get tagName() {
+    return TAG_NAME;
+  }
+  static get observedAttributes() {
+    return _misoContainer.default.observedAttributes;
+  }
+  _getWorkflow(client) {
+    return client.workflows.conversation;
+  }
+}
+exports.default = MisoConversationElement;

package/dist/cjs/element/container/miso-explore.js

@@ -15,7 +15,7 @@ class MisoExploreElement extends _misoUnit.default {
     return _misoUnit.default.observedAttributes;
   }
   _getWorkflowByUnitId(client, unitId) {
-    return client.ui.explores.get(unitId);
+    return client.workflows.explores.get(unitId);
   }
 }
 exports.default = MisoExploreElement;

package/dist/cjs/element/container/miso-history.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _misoContainer = _interopRequireDefault(require("./miso-container.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TAG_NAME = 'miso-history';
+class MisoHistoryElement extends _misoContainer.default {
+  static get tagName() {
+    return TAG_NAME;
+  }
+  static get observedAttributes() {
+    return _misoContainer.default.observedAttributes;
+  }
+  _getWorkflow(client) {
+    return client.workflows.history;
+  }
+}
+exports.default = MisoHistoryElement;

package/dist/cjs/element/container/miso-hybrid-search.js

@@ -15,7 +15,7 @@ class MisoHybridSearchElement extends _misoContainer.default {
     return _misoContainer.default.observedAttributes;
   }
   _getWorkflow(client) {
-    return client.ui.hybridSearch;
+    return client.workflows.hybridSearch;
   }
 }
 exports.default = MisoHybridSearchElement;

package/dist/cjs/element/container/miso-message-item.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _misoContainer = _interopRequireDefault(require("./miso-container.js"));
+var _utils = require("../utils.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TAG_NAME = 'miso-message-item';
+const ATTR_QUESTION_ID = 'question-id';
+const OBSERVED_ATTRIBUTES = Object.freeze([..._misoContainer.default.observedAttributes, ATTR_QUESTION_ID]);
+
+/**
+ * A container element for one message (question-answer pair) of the
+ * conversation panel, placed inside <miso-conversation> — a container
+ * element inside another container element hosting an item subworkflow (the
+ * `message` workflow). Normally bound implicitly: the messages layout
+ * renders one <miso-message-item> per item and assigns the workflow off the item
+ * binding (element.workflow = parent workflow's _getMessageWorkflow(record)),
+ * which also covers a just-posted message that has no question id yet. A
+ * `question-id` attribute binds explicitly instead, through the parent
+ * container's workflow. Role elements inside (question, answer, sources,
+ * ...) bind to the message workflow as usual — getContainer() resolves to
+ * the closest container ancestor.
+ */
+class MisoMessageItemElement extends _misoContainer.default {
+  static get tagName() {
+    return TAG_NAME;
+  }
+  static get observedAttributes() {
+    return OBSERVED_ATTRIBUTES;
+  }
+
+  // properties //
+  get questionId() {
+    return this.getAttribute(ATTR_QUESTION_ID) || undefined;
+  }
+  set questionId(value) {
+    value = value !== undefined ? `${value}` : undefined;
+    if (value === this.questionId) {
+      return;
+    }
+    if (value) {
+      this.setAttribute(ATTR_QUESTION_ID, value);
+    } else {
+      this.removeAttribute(ATTR_QUESTION_ID);
+    }
+  }
+  _getWorkflow(client) {
+    const {
+      questionId
+    } = this;
+    if (!questionId) {
+      // implicitly bound: the messages layout assigns element.workflow off
+      // the item binding — keep whatever is (or will be) assigned
+      return this._workflow;
+    }
+    const container = this._getParentContainer();
+    const workflow = container && container.workflow;
+    // the parent workflow hands out the item subworkflow; the parent binds
+    // its own workflow first (its connectedCallback resolves earlier), so
+    // it is normally present by now
+    return workflow && typeof workflow._getMessageWorkflow === 'function' ? workflow._getMessageWorkflow(questionId) : undefined;
+  }
+  _getParentContainer() {
+    try {
+      return this.parentNode ? (0, _utils.getContainer)(this.parentNode) : undefined;
+    } catch (_) {
+      return undefined; // not inside a container element
+    }
+  }
+  attributeChangedCallback(attr, oldValue, newValue) {
+    switch (attr) {
+      case ATTR_QUESTION_ID:
+        this._handleQuestionIdUpdate(oldValue, newValue);
+        break;
+      default:
+        super.attributeChangedCallback(attr, oldValue, newValue);
+    }
+  }
+  _handleQuestionIdUpdate(oldValue, newValue) {
+    oldValue = oldValue || undefined; // null -> undefined
+    newValue = newValue || undefined;
+    if (oldValue === newValue || !this._client) {
+      return;
+    }
+    this._setWorkflow(this._getWorkflow(this._client));
+  }
+}
+exports.default = MisoMessageItemElement;

package/dist/cjs/element/container/miso-recommendation.js

@@ -15,7 +15,7 @@ class MisoRecommendationElement extends _misoUnit.default {
     return _misoUnit.default.observedAttributes;
   }
   _getWorkflowByUnitId(client, unitId) {
-    return client.ui.recommendations.get(unitId);
+    return client.workflows.recommendations.get(unitId);
   }
 }
 exports.default = MisoRecommendationElement;

package/dist/cjs/element/container/miso-search.js

@@ -15,7 +15,7 @@ class MisoSearchElement extends _misoContainer.default {
     return _misoContainer.default.observedAttributes;
   }
   _getWorkflow(client) {
-    return client.ui.search;
+    return client.workflows.search;
   }
 }
 exports.default = MisoSearchElement;

package/dist/cjs/element/container/miso-thread-item.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _misoContainer = _interopRequireDefault(require("./miso-container.js"));
+var _utils = require("../utils.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TAG_NAME = 'miso-thread-item';
+const ATTR_THREAD_ID = 'thread-id';
+const OBSERVED_ATTRIBUTES = Object.freeze([..._misoContainer.default.observedAttributes, ATTR_THREAD_ID]);
+
+/**
+ * A container element for one thread item of the thread list, placed inside
+ * <miso-history> — a container element inside another container element
+ * hosting an item subworkflow (the `thread` workflow). Normally bound
+ * implicitly: the threads layout renders one <miso-thread-item> per item and
+ * assigns the workflow off the item binding (element.workflow = parent
+ * workflow's _getThreadWorkflow(record)), which also covers a thread being
+ * created that has no thread id yet. A `thread-id` attribute binds
+ * explicitly instead, through the parent container's workflow. Role
+ * elements inside (title, rename, delete, subscription) bind to the thread
+ * workflow as usual — getContainer() resolves to the closest container
+ * ancestor.
+ */
+class MisoThreadItemElement extends _misoContainer.default {
+  static get tagName() {
+    return TAG_NAME;
+  }
+  static get observedAttributes() {
+    return OBSERVED_ATTRIBUTES;
+  }
+
+  // properties //
+  get threadId() {
+    return this.getAttribute(ATTR_THREAD_ID) || undefined;
+  }
+  set threadId(value) {
+    value = value !== undefined ? `${value}` : undefined;
+    if (value === this.threadId) {
+      return;
+    }
+    if (value) {
+      this.setAttribute(ATTR_THREAD_ID, value);
+    } else {
+      this.removeAttribute(ATTR_THREAD_ID);
+    }
+  }
+  _getWorkflow(client) {
+    const {
+      threadId
+    } = this;
+    if (!threadId) {
+      // implicitly bound: the threads layout assigns element.workflow off
+      // the item binding — keep whatever is (or will be) assigned
+      return this._workflow;
+    }
+    const container = this._getParentContainer();
+    const workflow = container && container.workflow;
+    // the parent workflow hands out the item subworkflow; the parent binds
+    // its own workflow first (its connectedCallback resolves earlier), so
+    // it is normally present by now
+    return workflow && typeof workflow._getThreadWorkflow === 'function' ? workflow._getThreadWorkflow(threadId) : undefined;
+  }
+  _getParentContainer() {
+    try {
+      return this.parentNode ? (0, _utils.getContainer)(this.parentNode) : undefined;
+    } catch (_) {
+      return undefined; // not inside a container element
+    }
+  }
+  attributeChangedCallback(attr, oldValue, newValue) {
+    switch (attr) {
+      case ATTR_THREAD_ID:
+        this._handleThreadIdUpdate(oldValue, newValue);
+        break;
+      default:
+        super.attributeChangedCallback(attr, oldValue, newValue);
+    }
+  }
+  _handleThreadIdUpdate(oldValue, newValue) {
+    oldValue = oldValue || undefined; // null -> undefined
+    newValue = newValue || undefined;
+    if (oldValue === newValue || !this._client) {
+      return;
+    }
+    this._setWorkflow(this._getWorkflow(this._client));
+  }
+}
+exports.default = MisoThreadItemElement;

package/dist/cjs/element/context/miso-follow-ups.js

@@ -20,7 +20,7 @@ class MisoFollowUpsElement extends _misoContext.default {
     this._unsubscribes = [];
   }
   _getContext(client) {
-    return client.ui.asks;
+    return client.workflows.asks;
   }
   _onContext(context, oldContext) {
     if (context === oldContext) {

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

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "MisoComponentElement", {
     return _misoComponent.default;
   }
 });
+Object.defineProperty(exports, "MisoDeleteElement", {
+  enumerable: true,
+  get: function () {
+    return _misoDelete.default;
+  }
+});
 Object.defineProperty(exports, "MisoErrorElement", {
   enumerable: true,
   get: function () {
@@ -57,12 +63,24 @@ Object.defineProperty(exports, "MisoKeywordsElement", {
     return _misoKeywords.default;
   }
 });
+Object.defineProperty(exports, "MisoMessagesElement", {
+  enumerable: true,
+  get: function () {
+    return _misoMessages.default;
+  }
+});
 Object.defineProperty(exports, "MisoMoreElement", {
   enumerable: true,
   get: function () {
     return _misoMore.default;
   }
 });
+Object.defineProperty(exports, "MisoNewThreadElement", {
+  enumerable: true,
+  get: function () {
+    return _misoNewThread.default;
+  }
+});
 Object.defineProperty(exports, "MisoProductsElement", {
   enumerable: true,
   get: function () {
@@ -105,6 +123,12 @@ Object.defineProperty(exports, "MisoRelatedResourcesElement", {
     return _misoRelatedResources.default;
   }
 });
+Object.defineProperty(exports, "MisoRenameElement", {
+  enumerable: true,
+  get: function () {
+    return _misoRename.default;
+  }
+});
 Object.defineProperty(exports, "MisoResultsElement", {
   enumerable: true,
   get: function () {
@@ -123,6 +147,24 @@ Object.defineProperty(exports, "MisoSourcesElement", {
     return _misoSources.default;
   }
 });
+Object.defineProperty(exports, "MisoSubscriptionElement", {
+  enumerable: true,
+  get: function () {
+    return _misoSubscription.default;
+  }
+});
+Object.defineProperty(exports, "MisoThreadsElement", {
+  enumerable: true,
+  get: function () {
+    return _misoThreads.default;
+  }
+});
+Object.defineProperty(exports, "MisoTitleElement", {
+  enumerable: true,
+  get: function () {
+    return _misoTitle.default;
+  }
+});
 Object.defineProperty(exports, "MisoTotalElement", {
   enumerable: true,
   get: function () {
@@ -149,5 +191,12 @@ var _misoTotal = _interopRequireDefault(require("./miso-total.js"));
 var _misoFacets = _interopRequireDefault(require("./miso-facets.js"));
 var _misoMore = _interopRequireDefault(require("./miso-more.js"));
 var _misoSort = _interopRequireDefault(require("./miso-sort.js"));
+var _misoThreads = _interopRequireDefault(require("./miso-threads.js"));
+var _misoNewThread = _interopRequireDefault(require("./miso-new-thread.js"));
+var _misoTitle = _interopRequireDefault(require("./miso-title.js"));
+var _misoRename = _interopRequireDefault(require("./miso-rename.js"));
+var _misoDelete = _interopRequireDefault(require("./miso-delete.js"));
+var _misoSubscription = _interopRequireDefault(require("./miso-subscription.js"));
+var _misoMessages = _interopRequireDefault(require("./miso-messages.js"));
 var _misoError = _interopRequireDefault(require("./miso-error.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

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

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

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

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

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

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

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

@@ -13,7 +13,7 @@ var _dom = require("../../util/dom.js");
 const _excluded = ["className", "templates", "autoplay"];
 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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const TYPE = 'affiliation';
+const TYPE = _constants.LAYOUT_TYPE.AFFILIATION;
 const DEFAULT_CLASSNAME = 'miso-affiliation';
 function root(layout, state) {
   const {

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

@@ -4,12 +4,13 @@ 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"];
 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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const TYPE = 'banner';
+const TYPE = _constants.LAYOUT_TYPE.BANNER;
 const DEFAULT_CLASSNAME = 'miso-banner';
 function root(layout) {
   const {