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

package/dist/cjs/workflow/processors.js

@@ -3,16 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.composeFiltersPayload = composeFiltersPayload;
+exports.buildBaseInteraction = buildBaseInteraction;
+exports.concatItemsFromMoreResponse = concatItemsFromMoreResponse;
+exports.getRevision = getRevision;
+exports.mergeInteraction = mergeInteraction;
+exports.retainFacetCountsInData = retainFacetCountsInData;
+exports.writeAffiliationInfoToInteraction = writeAffiliationInfoToInteraction;
 exports.writeAnswerStageToMeta = writeAnswerStageToMeta;
 exports.writeDataStatus = writeDataStatus;
+exports.writeExhaustionToData = writeExhaustionToData;
+exports.writeFiltersToPayload = writeFiltersToPayload;
 exports.writeKeywordsToData = writeKeywordsToData;
 exports.writeMisoIdToMeta = writeMisoIdToMeta;
 var _commons = require("@miso.ai/commons");
 var _constants = require("../constants.js");
+// data //
+function getRevision(data) {
+  return data && data.value && data.value.revision;
+}
 function writeDataStatus(data) {
   const status = getStatus(data);
-  const ongoing = status === _constants.STATUS.READY ? !!data.ongoing : undefined;
+  const ongoing = status === _constants.STATUS.READY ? data.ongoing : undefined;
   return (0, _commons.trimObj)(Object.assign({
     status,
     ongoing
@@ -94,6 +105,11 @@ function writeAnswerStageToMeta(data) {
     })
   });
 }
+function writeFiltersToPayload() {
+  let payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let filters = arguments.length > 1 ? arguments[1] : undefined;
+  return (0, _commons.trimObj)(Object.assign({}, payload, composeFiltersPayload(filters)));
+}
 function composeFiltersPayload(filters) {
   if (!filters) {
     return undefined;
@@ -120,4 +136,152 @@ function composeFacetFilters(facets) {
     };
   }
   return Object.keys(filters).length ? filters : undefined;
+}
+function retainFacetCountsInData(data, currentFacetCounts) {
+  if (!currentFacetCounts) {
+    return data;
+  }
+  const {
+    status,
+    value
+  } = data;
+  switch (status) {
+    case _constants.STATUS.INITIAL:
+    case _constants.STATUS.LOADING:
+      break;
+    default:
+      return data;
+  }
+  if (value && value.facet_counts) {
+    return data;
+  }
+  return Object.assign({}, data, {
+    value: Object.assign({}, value, {
+      facet_counts: currentFacetCounts
+    })
+  });
+}
+function concatItemsFromMoreResponse(oldData, newData) {
+  let {
+    role = _constants.ROLE.PRODUCTS
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  if (!newData.value) {
+    return oldData;
+  }
+  const {
+    [role]: oldProducts = [],
+    facet_counts,
+    total
+  } = oldData.value;
+  const {
+    [role]: newProducts = []
+  } = newData.value;
+  // keep old exhaustion flag, just in case
+  // TODO
+
+  // use old values of facet_counts and total, for they are affected by product_id exclusion
+  return Object.assign({}, newData, {
+    facet_counts,
+    total,
+    value: Object.assign({}, newData.value, {
+      [role]: [...oldProducts, ...newProducts]
+    })
+  });
+}
+function writeExhaustionToData(data) {
+  let {
+    role = _constants.ROLE.PRODUCTS
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const {
+    status,
+    request,
+    value
+  } = data;
+  // keep track of the exhaustion state
+  if (status !== _constants.STATUS.READY || !request || !value) {
+    return data;
+  }
+  const {
+    [role]: items
+  } = value;
+  if (!items) {
+    return data;
+  }
+  const {
+    rows
+  } = request.payload;
+  const {
+    length
+  } = items;
+  const exhausted = length < rows;
+  if (!exhausted) {
+    return data;
+  }
+  return Object.assign({}, data, {
+    meta: Object.assign({}, data.meta, {
+      exhausted: true
+    })
+  });
+}
+
+// interactions //
+function buildBaseInteraction(args) {
+  const {
+    role,
+    type,
+    items
+  } = args;
+  const payload = {
+    type: type === 'viewable' ? 'viewable_impression' : type,
+    context: {
+      custom_context: (0, _commons.trimObj)({
+        property: role
+      })
+    }
+  };
+  if ((0, _constants.isPerformanceEventType)(type)) {
+    if ((0, _constants.isProductRole)(role)) {
+      payload.product_ids = (items || []).map(v => typeof v === 'string' ? v : v.product_id).filter(v => v);
+    } else {
+      payload.product_ids = [];
+      payload.context.custom_context.items = (items || []).map(v => v.text || v.id || v);
+    }
+  }
+  switch (type) {
+    case _constants.EVENT_TYPE.SUBMIT:
+      payload.context.custom_context.value = args.value;
+      break;
+    case _constants.EVENT_TYPE.FEEDBACK:
+      payload.context.custom_context.value = payload.value = args.value;
+      payload.context.custom_context.result_type = payload.result_type = args.result_type;
+      break;
+  }
+  return (0, _commons.trimObj)(payload);
+}
+function writeAffiliationInfoToInteraction(payload, args) {
+  if (args.role !== _constants.ROLE.AFFILIATION) {
+    return payload;
+  }
+  const {
+    items
+  } = args;
+  const channel = items[0] && items[0].channel || undefined;
+  const positions = items.map(v => v.position);
+  return mergeInteraction(payload, {
+    context: {
+      custom_context: {
+        channel,
+        positions
+      }
+    }
+  });
+}
+function mergeInteraction() {
+  let base = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let patch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return (0, _commons.trimObj)(Object.assign({}, base, patch, {
+    context: (0, _commons.trimObj)(Object.assign({}, base.context, patch.context, {
+      custom_context: (0, _commons.trimObj)(Object.assign({}, base.context && base.context.custom_context, patch.context && patch.context.custom_context))
+    }))
+  }));
 }

package/dist/cjs/workflow/recommendation.js

@@ -6,35 +6,39 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _commons = require("@miso.ai/commons");
 var _base = _interopRequireDefault(require("./base.js"));
-var _options = require("./options.js");
-var _index = require("../actor/index.js");
-var _index2 = require("../layout/index.js");
+var _index = require("../layout/index.js");
 var _constants = require("../constants.js");
+var _options = require("./options.js");
+var _processors = require("./processors.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DEFAULT_API_OPTIONS = Object.freeze({
+const DEFAULT_API_OPTIONS = Object.freeze(Object.assign({}, _base.default.DEFAULT_API_OPTIONS, {
   group: _commons.API.GROUP.RECOMMENDATION,
   name: _commons.API.NAME.USER_TO_PRODUCTS,
-  payload: {
+  payload: Object.assign({}, _base.default.DEFAULT_API_OPTIONS.payload, {
     fl: ['*']
-  }
-});
-const DEFAULT_LAYOUTS = Object.freeze({
-  [_constants.ROLE.PRODUCTS]: _index2.ListLayout.type
-});
-const DEFAULT_TRACKERS = Object.freeze({
+  })
+}));
+const DEFAULT_LAYOUTS = Object.freeze(Object.assign({}, _base.default.DEFAULT_LAYOUTS, {
+  [_constants.ROLE.PRODUCTS]: _index.ListLayout.type
+}));
+const DEFAULT_TRACKERS = Object.freeze(Object.assign({}, _base.default.DEFAULT_TRACKERS, {
   [_constants.ROLE.PRODUCTS]: {}
-});
-const DEFAULT_OPTIONS = Object.freeze({
+}));
+const DEFAULT_OPTIONS = Object.freeze(Object.assign({}, _base.default.DEFAULT_OPTIONS, {
   api: DEFAULT_API_OPTIONS,
   layouts: DEFAULT_LAYOUTS,
   trackers: DEFAULT_TRACKERS
+}));
+const ROLES_OPTIONS = (0, _options.mergeRolesOptions)(_base.default.ROLES_OPTIONS, {
+  main: _constants.ROLE.PRODUCTS,
+  members: Object.keys(DEFAULT_LAYOUTS)
 });
 class Recommendation extends _base.default {
   constructor(context, id) {
     super({
       name: 'recommendation',
       context,
-      roles: Object.keys(DEFAULT_LAYOUTS),
+      roles: ROLES_OPTIONS,
       defaults: DEFAULT_OPTIONS,
       id
     });
@@ -48,32 +52,15 @@ class Recommendation extends _base.default {
       id
     });
   }
-  _initReset(args) {
+  _initSession(args) {
     this._context._members.set(args.id, this);
-    super._initReset(args);
+    super._initSession(args);
   }
 
   // lifecycle //
   start() {
-    this._sessions.start();
     // in recommendation workflow, start() triggers query
-    // TODO: we should still make the query lifecycle
-    const {
-      session
-    } = this;
-    this._hub.update(_index.fields.request(), (0, _options.mergeApiOptions)(this._options.resolved.api, {
-      session
-    }));
-    return this;
-  }
-
-  // TODO: deprecate this
-  startTracker() {
-    this.useApi(false);
-    this.useLayouts(false);
-    this._sessions.start();
-    this.notifyViewUpdate(_constants.ROLE.CONTAINER);
-    this.notifyViewUpdate(_constants.ROLE.PRODUCTS);
+    this._request();
     return this;
   }
   notifyViewUpdate() {
@@ -86,21 +73,21 @@ class Recommendation extends _base.default {
   }
 
   // interactions //
-  _preprocessInteraction(payload) {
-    payload = super._preprocessInteraction(payload) || {};
-    const {
-      context = {}
-    } = payload;
-    const {
-      custom_context = {}
-    } = context;
-    return Object.assign({}, payload, {
-      context: Object.assign({}, context, {
-        custom_context: (0, _commons.trimObj)(Object.assign({
-          unit_id: this.id,
-          unit_instance_uuid: this.uuid
-        }, custom_context))
-      })
+  _defaultProcessInteraction(payload, args) {
+    payload = super._defaultProcessInteraction(payload, args);
+    payload = this._writeUnitIdToInteraction(payload, args);
+    return payload;
+  }
+  _writeUnitIdToInteraction(payload) {
+    const unit_id = this.id;
+    const unit_instance_uuid = this.uuid;
+    return (0, _processors.mergeInteraction)(payload, {
+      context: {
+        custom_context: {
+          unit_id,
+          unit_instance_uuid
+        }
+      }
     });
   }
 

package/dist/cjs/workflow/search-based.js

@@ -0,0 +1,228 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _commons = require("@miso.ai/commons");
+var _base = _interopRequireDefault(require("./base.js"));
+var _index = require("../actor/index.js");
+var _constants = require("../constants.js");
+var _index2 = require("../layout/index.js");
+var _processors = require("./processors.js");
+var _options = require("./options.js");
+const _excluded = ["filters"];
+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 DEFAULT_ROWS = 10;
+const DEFAULT_PAGE_LIMIT = 10;
+const DEFAULT_API_OPTIONS = Object.freeze(Object.assign({}, _base.default.DEFAULT_API_OPTIONS, {
+  group: _commons.API.GROUP.SEARCH,
+  payload: Object.assign({}, _base.default.DEFAULT_API_OPTIONS.payload, {
+    fl: ['cover_image', 'url', 'created_at', 'updated_at', 'published_at', 'title'],
+    rows: DEFAULT_ROWS
+  })
+}));
+const DEFAULT_LAYOUTS = Object.freeze(Object.assign({}, _base.default.DEFAULT_LAYOUTS, {
+  [_constants.ROLE.QUERY]: [_index2.SearchBoxLayout.type],
+  [_constants.ROLE.PRODUCTS]: [_index2.ListLayout.type, {
+    incremental: true,
+    infiniteScroll: true
+  }],
+  [_constants.ROLE.KEYWORDS]: [_index2.TextLayout.type, {
+    raw: true
+  }],
+  [_constants.ROLE.TOTAL]: [_index2.TextLayout.type, {
+    raw: true,
+    format: 'number'
+  }],
+  [_constants.ROLE.FACETS]: [_index2.FacetsLayout.type],
+  [_constants.ROLE.MORE]: [_index2.MoreButtonLayout.type]
+}));
+const DEFAULT_TRACKERS = Object.freeze(Object.assign({}, _base.default.DEFAULT_TRACKERS, {
+  [_constants.ROLE.PRODUCTS]: {}
+}));
+const DEFAULT_PAGINATION = Object.freeze({
+  active: false,
+  mode: 'infiniteScroll',
+  pageLimit: 10
+});
+const DEFAULT_OPTIONS = Object.freeze(Object.assign({}, _base.default.DEFAULT_OPTIONS, {
+  api: DEFAULT_API_OPTIONS,
+  layouts: DEFAULT_LAYOUTS,
+  trackers: DEFAULT_TRACKERS,
+  pagination: DEFAULT_PAGINATION
+}));
+const ROLES_OPTIONS = (0, _options.mergeRolesOptions)(_base.default.ROLES_OPTIONS, {
+  main: _constants.ROLE.PRODUCTS,
+  members: Object.keys(DEFAULT_LAYOUTS),
+  mappings: {
+    [_constants.ROLE.FACETS]: 'facet_counts'
+  }
+});
+class SearchBasedWorkflow extends _base.default {
+  _initSubscriptions(args) {
+    super._initSubscriptions(args);
+    this._unsubscribes = [...this._unsubscribes, this._hub.on(_index.fields.query(), args => this._query(args)), this._hub.on(_index.fields.filters(), filters => this._refine(filters)), this._hub.on(_index.fields.more(), () => this._more())];
+  }
+  restart() {
+    super.restart();
+    this._page = 0;
+  }
+
+  // properties //
+  get exhausted() {
+    const data = this._hub.states[_index.fields.data()];
+    return !!(data && data.meta && data.meta.exhausted);
+  }
+  get page() {
+    return this._page;
+  }
+
+  // query //
+  query(args) {
+    if (!args.q) {
+      throw new Error(`q is required in query() call`);
+    }
+    this._hub.update(_index.fields.query(), args);
+  }
+  _query(args) {
+    // keep track of the query args for refine and more calls
+    this._queryArgs = args;
+
+    // start a new session
+    this.restart();
+
+    // payload
+    const payload = this._buildPayload(args);
+    this._request({
+      payload
+    });
+  }
+  _refine(filters) {
+    // remember current facet_counts
+    const {
+      facet_counts
+    } = this._hub.states[_index.fields.data()].value || {};
+    this._currentFacetCounts = facet_counts;
+
+    // start a new session
+    this.restart();
+
+    // payload
+    const query = this._getQuery();
+    const payload = this._buildPayload(Object.assign({}, query, {
+      filters
+    }));
+    this._request({
+      payload
+    });
+  }
+  _more() {
+    // if still loading, complain
+    if (this.status !== _constants.STATUS.READY) {
+      throw new Error(`Can not call more() while loading.`);
+    }
+    // no more pages, ignore
+    if (this.exhausted || this._page >= DEFAULT_PAGE_LIMIT - 1) {
+      return;
+    }
+    // don't create a new session!
+
+    this._page++;
+
+    // payload
+    const query = this._getQuery();
+    const filters = this._hub.states[_index.fields.filters()]; // get stored filters
+    let payload = this._buildPayload(Object.assign({}, query, {
+      filters
+    }));
+    payload = this._processPayloadForMoreRequest(payload);
+    this._request({
+      payload
+    });
+  }
+  _getQuery() {
+    // TODO: just get from the hub
+    return this._queryArgs;
+  }
+  _getPageSize() {
+    return this._options.resolved.api.payload.rows;
+  }
+  _buildPayload() {
+    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let {
+        filters
+      } = _ref,
+      payload = _objectWithoutPropertiesLoose(_ref, _excluded);
+    payload = (0, _processors.writeFiltersToPayload)(payload, filters);
+    payload = this._writePageInfoToPayload(payload);
+    return payload;
+  }
+  _writePageInfoToPayload(payload) {
+    return Object.assign({}, payload, {
+      _meta: Object.assign({}, payload._meta, {
+        page: this._page
+      })
+    });
+  }
+  _processPayloadForMoreRequest() {
+    let payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const data = this._hub.states[_index.fields.data()];
+    const {
+      [this._roles.main]: items = []
+    } = data && data.value || {};
+    const productIds = items.map(item => item.product_id).filter(v => v);
+    const exclude = [...(payload.exclude || []), ...productIds];
+    if (exclude.length === 0) {
+      return payload;
+    }
+    return Object.assign({}, payload, {
+      exclude
+    });
+  }
+
+  // data //
+  _defaultProcessData(data) {
+    data = super._defaultProcessData(data);
+    data = (0, _processors.writeKeywordsToData)(data);
+    data = (0, _processors.retainFacetCountsInData)(data, this._currentFacetCounts);
+    data = (0, _processors.writeExhaustionToData)(data, {
+      role: this._roles.main
+    });
+    return data;
+  }
+  _updateDataInHub(data) {
+    data = this._appendResultsFromMoreRequest(data);
+    super._updateDataInHub(data);
+  }
+  _appendResultsFromMoreRequest(data) {
+    const {
+      request
+    } = data;
+    if (!request) {
+      return data; // the initial state
+    }
+    const {
+      _meta
+    } = request.payload;
+    if (!_meta || !_meta.page) {
+      return data; // not from "more" request
+    }
+    // concat records if it's from "more" request
+    const currentData = this._hub.states[_index.fields.data()];
+    return (0, _processors.concatItemsFromMoreResponse)(currentData, data, {
+      role: this._roles.main
+    });
+  }
+}
+exports.default = SearchBasedWorkflow;
+(0, _options.makeConfigurable)(SearchBasedWorkflow.prototype, ['pagination']);
+Object.assign(SearchBasedWorkflow, {
+  DEFAULT_API_OPTIONS,
+  DEFAULT_LAYOUTS,
+  DEFAULT_TRACKERS,
+  DEFAULT_PAGINATION,
+  DEFAULT_OPTIONS,
+  ROLES_OPTIONS
+});

package/dist/cjs/workflow/search.js

@@ -5,14 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _commons = require("@miso.ai/commons");
-var _base = _interopRequireDefault(require("./base.js"));
-var _options = require("./options.js");
-var sources = _interopRequireWildcard(require("../source.js"));
-var _index = require("../actor/index.js");
 var _constants = require("../constants.js");
-var _index2 = require("../layout/index.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _searchBased = _interopRequireDefault(require("./search-based.js"));
+var _autocompletable = require("./autocompletable.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DEFAULT_API_OPTIONS = Object.freeze({
   group: _commons.API.GROUP.SEARCH,
@@ -22,7 +17,6 @@ const DEFAULT_API_OPTIONS = Object.freeze({
   }
 });
 const DEFAULT_AUTOCOMPLETE_OPTIONS = Object.freeze({
-  actor: false,
   api: {
     group: _commons.API.GROUP.SEARCH,
     name: _commons.API.NAME.AUTOCOMPLETE,
@@ -30,45 +24,31 @@ const DEFAULT_AUTOCOMPLETE_OPTIONS = Object.freeze({
       completion_fields: ['suggested_queries', 'title'],
       fl: ['title', 'url', 'cover_image']
     }
-  },
-  throttle: 300
-});
-const DEFAULT_LAYOUTS = Object.freeze({
-  [_constants.ROLE.QUERY]: _index2.SearchBoxLayout.type,
-  [_constants.ROLE.PRODUCTS]: _index2.ListLayout.type
-});
-const DEFAULT_TRACKERS = Object.freeze({
-  [_constants.ROLE.PRODUCTS]: {}
+  }
 });
-const DEFAULT_OPTIONS = Object.freeze({
+const DEFAULT_LAYOUTS = Object.freeze(Object.assign({}, _searchBased.default.DEFAULT_LAYOUTS));
+const DEFAULT_TRACKERS = Object.freeze(Object.assign({}, _searchBased.default.DEFAULT_TRACKERS));
+const DEFAULT_OPTIONS = Object.freeze(Object.assign({}, _searchBased.default.DEFAULT_OPTIONS, {
   api: DEFAULT_API_OPTIONS,
   autocomplete: DEFAULT_AUTOCOMPLETE_OPTIONS,
   layouts: DEFAULT_LAYOUTS,
   trackers: DEFAULT_TRACKERS
-});
-class Search extends _base.default {
+}));
+const ROLES_OPTIONS = _searchBased.default.ROLES_OPTIONS;
+class Search extends _searchBased.default {
   constructor(plugin, client) {
     super({
       name: 'search',
       plugin,
       client,
-      roles: Object.keys(DEFAULT_LAYOUTS),
+      roles: ROLES_OPTIONS,
       defaults: DEFAULT_OPTIONS
     });
   }
-  _initActors(args) {
-    super._initActors(args);
-    this._autocomplete = new _index.AutocompleteActor(this._hub, {
-      source: sources.api(this._client),
-      options: this._options
-    });
-  }
-  _initSubscriptions(args) {
-    super._initSubscriptions(args);
-    this._unsubscribes = [...this._unsubscribes, this._hub.on(_index.fields.query(), args => this._query(args))];
+  _initProperties(args) {
+    super._initProperties(args);
+    this._initAutocomplete(args);
   }
-
-  // lifecycle //
   autoQuery() {
     let {
       setValue = true,
@@ -92,40 +72,6 @@ class Search extends _base.default {
       });
     }
   }
-  query(args) {
-    if (!args.q) {
-      throw new Error(`q is required in query() call`);
-    }
-    this._hub.update(_index.fields.query(), args);
-  }
-  _query(args) {
-    // start a new session
-    this.restart();
-    const {
-      session
-    } = this;
-
-    // build payload and trigger request
-    const payload = this._buildPayload(args);
-    const event = (0, _options.mergeApiOptions)(this._options.resolved.api, {
-      payload,
-      session
-    });
-    this._request(event);
-  }
-  _buildPayload(args) {
-    return args;
-  }
-  _request(event) {
-    this._hub.update(_index.fields.request(), event);
-  }
-  updateCompletions(event) {
-    // TODO: verify
-    this._hub.update(_index.fields.data(_constants.DATA_ASPECT.AUTOCOMPLETE), Object.assign({}, event, {
-      source: 'manual'
-    }));
-    return this;
-  }
   notifyViewUpdate() {
     let role = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _constants.ROLE.PRODUCTS;
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -134,6 +80,13 @@ class Search extends _base.default {
     super.notifyViewUpdate(role, ...args);
     return this;
   }
+
+  // destroy //
+  _destroy(options) {
+    this._feedback._destroy();
+    this._destroyAutocomplete();
+    super._destroy(options);
+  }
 }
 exports.default = Search;
-(0, _options.makeConfigurable)(Search.prototype, ['autocomplete']);
+(0, _autocompletable.makeAutocompletable)(Search.prototype);