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

package/dist/cjs/layout/templates.js

@@ -263,19 +263,30 @@ function tagPair(_ref13, _ref14) {
       role = 'item'
     } = _ref12,
     meta = _objectWithoutPropertiesLoose(_ref12, _excluded);
-  const {
-    link = {}
-  } = options;
-  const {
-    target = '_blank',
-    rel = 'noopener'
-  } = link; // TODO: other properties
   const tag = meta.link !== false && url ? 'a' : 'div';
-  const urlAttrs = meta.link !== false && url ? `href="${url}" target="${target}" rel="${rel}"` : '';
+  const urlAttrs = meta.link !== false && url ? `href="${url}" ${linkAttrs(options.link)}` : '';
   const productAttrs = product_id ? `${_constants.ATTR_DATA_MISO_PRODUCT_ID}="${product_id}"` : '';
   const roleAttrs = role ? `data-role="${role}"` : '';
   return [`<${tag} class="${className}__${classSuffix}" ${roleAttrs} ${productAttrs} ${urlAttrs}>`, `</${tag}>`];
 }
+function linkAttrs() {
+  let link = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    target = '_blank',
+    rel = 'noopener',
+    open = true
+  } = link; // TODO: other properties
+  let attrs = '';
+  if (open) {
+    if (target) {
+      attrs += ` target="${target}"`;
+    }
+    if (rel) {
+      attrs += ` rel="${rel}"`;
+    }
+  }
+  return attrs;
+}
 const DEFAULT_DATE_OPTIONS = Object.freeze({
   locale: 'en-US',
   year: 'numeric',

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.6';
+var _default = exports.default = '1.11.5-beta.8';

package/dist/cjs/workflow/explore.js

@@ -85,6 +85,18 @@ class Explore extends _base.default {
     }
     return super.useApi(options);
   }
+  useLink(fn, options) {
+    _useLink.UseLinkMixin.prototype.useLink.call(this, fn, options);
+    // also put options to layouts
+    if (options) {
+      this.useLayouts({
+        [_constants.ROLE.RELATED_QUESTIONS]: {
+          link: options
+        }
+      });
+    }
+    return this;
+  }
 
   // lifecycle //
   start() {

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.6"
+    "@miso.ai/commons": "1.11.5-beta.8"
   },
-  "version": "1.11.5-beta.6"
+  "version": "1.11.5-beta.8"
 }

package/src/layout/templates.js

@@ -187,15 +187,27 @@ export function cta(layout, data, meta) {
 
 // helpers //
 function tagPair({ className, options = {} }, { product_id, url }, { classSuffix = 'item-body', role = 'item', ...meta } = {}) {
-  const { link = {} } = options;
-  const { target = '_blank', rel = 'noopener' } = link; // TODO: other properties
   const tag = meta.link !== false && url ? 'a' : 'div';
-  const urlAttrs = meta.link !== false && url ? `href="${url}" target="${target}" rel="${rel}"` : '';
+  const urlAttrs = meta.link !== false && url ? `href="${url}" ${linkAttrs(options.link)}` : '';
   const productAttrs = product_id ? `${ATTR_DATA_MISO_PRODUCT_ID}="${product_id}"` : '';
   const roleAttrs = role ? `data-role="${role}"` : '';
   return [`<${tag} class="${className}__${classSuffix}" ${roleAttrs} ${productAttrs} ${urlAttrs}>`, `</${tag}>`];
 }
 
+function linkAttrs(link = {}) {
+  const { target = '_blank', rel = 'noopener', open = true } = link; // TODO: other properties
+  let attrs = '';
+  if (open) {
+    if (target) {
+      attrs += ` target="${target}"`;
+    }
+    if (rel) {
+      attrs += ` rel="${rel}"`;
+    }
+  }
+  return attrs;
+}
+
 const DEFAULT_DATE_OPTIONS = Object.freeze({ locale: 'en-US', year: 'numeric', month: 'short', day: 'numeric' });
 const DEFAULT_NUMBER_OPTIONS = 'en-US';
 

package/src/version.js

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

package/src/workflow/explore.js

@@ -87,6 +87,17 @@ export default class Explore extends Workflow {
     return super.useApi(options);
   }
 
+  useLink(fn, options) {
+    UseLinkMixin.prototype.useLink.call(this, fn, options);
+    // also put options to layouts
+    if (options) {
+      this.useLayouts({
+        [ROLE.RELATED_QUESTIONS]: { link: options },
+      });
+    }
+    return this;
+  }
+
   // lifecycle //
   start({ relatedQuestions = true } = {}) {
     if (this._linkFn === undefined) {