@empathyco/x-components 6.0.0-alpha.17 → 6.0.0-alpha.170

package/js/x-modules/query-suggestions/components/query-suggestions.vue2.js

@@ -1,6 +1,7 @@
 import { defineComponent } from 'vue';
 import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue.js';
 import '../../../composables/create-use-device.js';
+import 'vuex';
 import '@vue/devtools-api';
 import '../../../plugins/devtools/timeline.devtools.js';
 import '@empathyco/x-utils';
@@ -9,28 +10,27 @@ import 'rxjs';
 import '../../../plugins/devtools/colors.utils.js';
 import '../../../plugins/x-bus.js';
 import '../../../plugins/x-plugin.js';
-import 'vuex';
 import { useGetter } from '../../../composables/use-getter.js';
 import '@vueuse/core';
 import { querySuggestionsXModule } from '../x-module.js';
 import QuerySuggestion from './query-suggestion.vue.js';
 
-/**
- * This component renders a list of possible search queries to select from as a query is entered
- * in the input field. By default, this is a list of
- * [`QuerySuggestion`](./x-components.query-suggestion.md) components.
- *
- * @public
- */
-var _sfc_main = defineComponent({
-    name: 'QuerySuggestions',
-    xModule: querySuggestionsXModule.name,
-    components: { BaseSuggestions, QuerySuggestion },
-    setup() {
-        /** The module's list of suggestions. */
-        const { querySuggestions } = useGetter('querySuggestions', ['querySuggestions']);
-        return { suggestions: querySuggestions };
-    }
+/**
+ * This component renders a list of possible search queries to select from as a query is entered
+ * in the input field. By default, this is a list of
+ * [`QuerySuggestion`](./x-components.query-suggestion.md) components.
+ *
+ * @public
+ */
+var _sfc_main = defineComponent({
+    name: 'QuerySuggestions',
+    xModule: querySuggestionsXModule.name,
+    components: { BaseSuggestions, QuerySuggestion },
+    setup() {
+        /** The module's list of suggestions. */
+        const { querySuggestions } = useGetter('querySuggestions');
+        return { suggestions: querySuggestions };
+    },
 });
 
 export { _sfc_main as default };

package/js/x-modules/query-suggestions/components/query-suggestions.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"query-suggestions.vue2.js","sources":["../../../../../src/x-modules/query-suggestions/components/query-suggestions.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"suggestions\"\n    class=\"x-query-suggestions\"\n    data-test=\"query-suggestions\"\n  >\n    <template #default=\"baseScope\">\n      <!-- eslint-disable max-len -->\n      <!--\n        @slot Custom component that replaces the `QuerySuggestion` component\n            @binding {Object} v-bind - Query Suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** `Suggestion` - Query Suggestion data<br />&nbsp;&nbsp;- **index** `number` - Query Suggestion index\n      -->\n      <!-- eslint-enable max-len -->\n      <slot name=\"suggestion\" v-bind=\"{ ...baseScope }\">\n        <QuerySuggestion\n          :suggestion=\"baseScope.suggestion\"\n          class=\"x-query-suggestions__suggestion x-suggestion\"\n          #default=\"querySuggestionScope\"\n        >\n          <!-- eslint-disable max-len -->\n          <!--\n            @slot Custom content that replaces the `QuerySuggestion` default content\n                @binding {Object} v-bind - Query Suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** `Suggestion` - Query Suggestion data<br />&nbsp;&nbsp;- **index** `number` - Query Suggestion index\n          -->\n          <!-- eslint-enable max-len -->\n          <slot name=\"suggestion-content\" v-bind=\"{ ...baseScope, ...querySuggestionScope }\" />\n        </QuerySuggestion>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent } from 'vue';\n  import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\n  import { useGetter } from '../../../composables';\n  import { querySuggestionsXModule } from '../x-module';\n  import QuerySuggestion from './query-suggestion.vue';\n\n  /**\n   * This component renders a list of possible search queries to select from as a query is entered\n   * in the input field. By default, this is a list of\n   * [`QuerySuggestion`](./x-components.query-suggestion.md) components.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'QuerySuggestions',\n    xModule: querySuggestionsXModule.name,\n    components: { BaseSuggestions, QuerySuggestion },\n    setup() {\n      /** The module's list of suggestions. */\n      const { querySuggestions } = useGetter('querySuggestions', ['querySuggestions']);\n\n      return { suggestions: querySuggestions };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Inherited props\n\nThis component inherits the [`BaseSuggestions`](../base-components/x-components.base-suggestions.md)\nprops.\n\n| Name               | Description                                 | Type     | Default |\n| ------------------ | ------------------------------------------- | -------- | ------- |\n| `animation`        | Animation component for `QuerySuggestions`. | `Vue`    | `\"ul\"`  |\n| `maxItemsToRender` | Number of query suggestions to be rendered. | `number` |         |\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend microservice required\nTo use this component, the <b>Empathize</b> microservice must be\nimplemented.\n:::\n<!-- prettier-ignore-end -->\n\nIn this example, a list of query suggestions is displayed. See how the suggestions change as you\ntype “sandal”. If you click on a suggestion, the search term in the search input is updated and the\nquery suggestions are changed to reflect the new search term.\n\n_Type “sandal” or another fashion term in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions />\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      QuerySuggestions,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Play with props\n\nIn this example, an `StaggeredFadeAndSlide` animation component has been passed as prop, so that the\nmatching query suggestions are shuffled with a slight delay as more letters of the term are typed.\n\n_Type “lipstick” or another fashion term in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions :animation=\"'StaggeredFadeAndSlide'\" />\n  </div>\n</template>\n\n<script>\n  import Vue from 'vue';\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { StaggeredFadeAndSlide } from '@empathyco/x-components';\n\n  // Registering the animation as a global component\n  Vue.component('StaggeredFadeAndSlide', StaggeredFadeAndSlide);\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      QuerySuggestions,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Play with suggestion slot\n\nHere, the `suggestion` binding property passes the suggestion data.\n\n_Type “bag” or another fashion term in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion=\"{ suggestion }\">\n      <QuerySuggestion :suggestion=\"suggestion\" #default=\"{ suggestion }\">\n        <span>🔍</span>\n        <span>{{ suggestion.query }}</span>\n      </QuerySuggestion>\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestion, QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      QuerySuggestion,\n      QuerySuggestions\n    }\n  };\n</script>\n```\n\n<!-- prettier-ignore-start -->\n::: danger\nIf you're not using the [`QuerySuggestion`](./query-suggestion.md) component, then\nyou must implement the `UserAcceptedAQuery` and `UserSelectedAQuerySuggestion` events in\n`QuerySuggestions`.\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion=\"{ suggestion }\">\n      <button @click=\"emitSuggestionClickedEvents($event, suggestion)\">\n        {{ suggestion.query }}\n      </button>\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      SearchInput,\n      QuerySuggestions\n    },\n    methods: {\n      emitSuggestionClickedEvents(event, suggestion) {\n        this.$x.emit('UserAcceptedAQuery', suggestion.query, {\n          target: event.target\n        });\n        this.$x.emit('UserSelectedASuggestion', suggestion, {\n          target: event.target\n        });\n        this.$x.emit('UserSelectedAQuerySuggestion', suggestion, {\n          target: event.target\n        });\n      }\n    }\n  };\n</script>\n```\n\n:::\n<!-- prettier-ignore-end -->\n\n### Play with suggestion-content slot\n\nIn this example, the `suggestion` and `query` properties of the `suggestion-content` slot are used\nto paint a suggestion with an icon.\n\n_Type “trousers” or another toy in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion-content=\"{ suggestion, query }\">\n      <span>🔍</span>\n      <Highlight :text=\"suggestion.query\" :highlight=\"query\" />\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { Highlight } from '@empathyco/x-components';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      SearchInput,\n      QuerySuggestions,\n      Highlight\n    }\n  };\n</script>\n```\n\n## Extending the component\n\nComponents can be combined and communicate with each other. Commonly, the `QuerySuggestions`\ncomponent communicates with the [`SearchInput`](../search-box/x-components.search-input.md),\nupdating the term in the search input.\n\n_Type “pants” or another toy in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions />\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      SearchInput,\n      QuerySuggestions\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuCE;;;;;;AAME;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,uBAAuB,CAAC,IAAI;AACrC,IAAA,UAAU,EAAE,EAAE,eAAe,EAAE,iBAAiB;IAChD,KAAK,GAAA;;AAEH,QAAA,MAAM,EAAE,gBAAe,EAAI,GAAE,SAAS,CAAC,kBAAkB,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAEhF,QAAA,OAAO,EAAE,WAAW,EAAE,kBAAkB,CAAA;KAC1C;AACD,CAAA,CAAC;;;;"}
+{"version":3,"file":"query-suggestions.vue2.js","sources":["../../../../../src/x-modules/query-suggestions/components/query-suggestions.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"suggestions\"\n    class=\"x-query-suggestions\"\n    data-test=\"query-suggestions\"\n  >\n    <template #default=\"baseScope\">\n      <!-- eslint-disable max-len -->\n      <!--\n        @slot Custom component that replaces the `QuerySuggestion` component\n            @binding {Object} v-bind - Query Suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** `Suggestion` - Query Suggestion data<br />&nbsp;&nbsp;- **index** `number` - Query Suggestion index\n      -->\n      <!-- eslint-enable max-len -->\n      <slot name=\"suggestion\" v-bind=\"{ ...baseScope }\">\n        <QuerySuggestion\n          v-slot=\"querySuggestionScope\"\n          :suggestion=\"baseScope.suggestion\"\n          class=\"x-query-suggestions__suggestion x-suggestion\"\n        >\n          <!-- eslint-disable max-len -->\n          <!--\n            @slot Custom content that replaces the `QuerySuggestion` default content\n                @binding {Object} v-bind - Query Suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** `Suggestion` - Query Suggestion data<br />&nbsp;&nbsp;- **index** `number` - Query Suggestion index\n          -->\n          <!-- eslint-enable max-len -->\n          <slot name=\"suggestion-content\" v-bind=\"{ ...baseScope, ...querySuggestionScope }\" />\n        </QuerySuggestion>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport BaseSuggestions from '../../../components/suggestions/base-suggestions.vue'\nimport { useGetter } from '../../../composables'\nimport { querySuggestionsXModule } from '../x-module'\nimport QuerySuggestion from './query-suggestion.vue'\n\n/**\n * This component renders a list of possible search queries to select from as a query is entered\n * in the input field. By default, this is a list of\n * [`QuerySuggestion`](./x-components.query-suggestion.md) components.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'QuerySuggestions',\n  xModule: querySuggestionsXModule.name,\n  components: { BaseSuggestions, QuerySuggestion },\n  setup() {\n    /** The module's list of suggestions. */\n    const { querySuggestions } = useGetter('querySuggestions')\n\n    return { suggestions: querySuggestions }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Inherited props\n\nThis component inherits the [`BaseSuggestions`](../base-components/x-components.base-suggestions.md)\nprops.\n\n| Name               | Description                                 | Type     | Default |\n| ------------------ | ------------------------------------------- | -------- | ------- |\n| `animation`        | Animation component for `QuerySuggestions`. | `Vue`    | `\"ul\"`  |\n| `maxItemsToRender` | Number of query suggestions to be rendered. | `number` |         |\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend microservice required\nTo use this component, the <b>Empathize</b> microservice must be\nimplemented.\n:::\n<!-- prettier-ignore-end -->\n\nIn this example, a list of query suggestions is displayed. See how the suggestions change as you\ntype “sandal”. If you click on a suggestion, the search term in the search input is updated and the\nquery suggestions are changed to reflect the new search term.\n\n_Type “sandal” or another fashion term in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions />\n  </div>\n</template>\n\n<script>\nimport { QuerySuggestions } from '@empathyco/x-components/query-suggestions'\nimport { SearchInput } from '@empathyco/x-components/search-box'\n\nexport default {\n  name: 'QuerySuggestionsDemo',\n  components: {\n    QuerySuggestions,\n    SearchInput,\n  },\n}\n</script>\n```\n\n### Play with props\n\nIn this example, an `StaggeredFadeAndSlide` animation component has been passed as prop, so that the\nmatching query suggestions are shuffled with a slight delay as more letters of the term are typed.\n\n_Type “lipstick” or another fashion term in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions :animation=\"'StaggeredFadeAndSlide'\" />\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport { QuerySuggestions } from '@empathyco/x-components/query-suggestions'\nimport { SearchInput } from '@empathyco/x-components/search-box'\nimport { StaggeredFadeAndSlide } from '@empathyco/x-components'\n\n// Registering the animation as a global component\nVue.component('StaggeredFadeAndSlide', StaggeredFadeAndSlide)\nexport default {\n  name: 'QuerySuggestionsDemo',\n  components: {\n    QuerySuggestions,\n    SearchInput,\n  },\n}\n</script>\n```\n\n### Play with suggestion slot\n\nHere, the `suggestion` binding property passes the suggestion data.\n\n_Type “bag” or another fashion term in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion=\"{ suggestion }\">\n      <QuerySuggestion :suggestion=\"suggestion\" #default=\"{ suggestion }\">\n        <span>🔍</span>\n        <span>{{ suggestion.query }}</span>\n      </QuerySuggestion>\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\nimport { QuerySuggestion, QuerySuggestions } from '@empathyco/x-components/query-suggestions'\n\nexport default {\n  name: 'QuerySuggestionsDemo',\n  components: {\n    QuerySuggestion,\n    QuerySuggestions,\n  },\n}\n</script>\n```\n\n<!-- prettier-ignore-start -->\n::: danger\nIf you're not using the [`QuerySuggestion`](./query-suggestion.md) component, then\nyou must implement the `UserAcceptedAQuery` and `UserSelectedAQuerySuggestion` events in\n`QuerySuggestions`.\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion=\"{ suggestion }\">\n      <button @click=\"emitSuggestionClickedEvents($event, suggestion)\">\n        {{ suggestion.query }}\n      </button>\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      SearchInput,\n      QuerySuggestions\n    },\n    methods: {\n      emitSuggestionClickedEvents(event, suggestion) {\n        this.$x.emit('UserAcceptedAQuery', suggestion.query, {\n          target: event.target\n        });\n        this.$x.emit('UserSelectedASuggestion', suggestion, {\n          target: event.target\n        });\n        this.$x.emit('UserSelectedAQuerySuggestion', suggestion, {\n          target: event.target\n        });\n      }\n    }\n  };\n</script>\n```\n\n:::\n<!-- prettier-ignore-end -->\n\n### Play with suggestion-content slot\n\nIn this example, the `suggestion` and `query` properties of the `suggestion-content` slot are used\nto paint a suggestion with an icon.\n\n_Type “trousers” or another toy in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion-content=\"{ suggestion, query }\">\n      <span>🔍</span>\n      <Highlight :text=\"suggestion.query\" :highlight=\"query\" />\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\nimport { QuerySuggestions } from '@empathyco/x-components/query-suggestions'\nimport { SearchInput } from '@empathyco/x-components/search-box'\nimport { Highlight } from '@empathyco/x-components'\n\nexport default {\n  name: 'QuerySuggestionsDemo',\n  components: {\n    SearchInput,\n    QuerySuggestions,\n    Highlight,\n  },\n}\n</script>\n```\n\n## Extending the component\n\nComponents can be combined and communicate with each other. Commonly, the `QuerySuggestions`\ncomponent communicates with the [`SearchInput`](../search-box/x-components.search-input.md),\nupdating the term in the search input.\n\n_Type “pants” or another toy in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions />\n  </div>\n</template>\n\n<script>\nimport { QuerySuggestions } from '@empathyco/x-components/query-suggestions'\nimport { SearchInput } from '@empathyco/x-components/search-box'\n\nexport default {\n  name: 'QuerySuggestionsDemo',\n  components: {\n    SearchInput,\n    QuerySuggestions,\n  },\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuCA;;;;;;AAME;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,uBAAuB,CAAC,IAAI;AACrC,IAAA,UAAU,EAAE,EAAE,eAAe,EAAE,iBAAiB;IAChD,KAAK,GAAA;;QAEH,MAAM,EAAE,gBAAe,EAAI,GAAE,SAAS,CAAC,kBAAkB,CAAA,CAAA;AAEzD,QAAA,OAAO,EAAE,WAAW,EAAE,gBAAiB,EAAA,CAAA;KACxC;AACF,CAAA,CAAA;;;;"}

package/js/x-modules/query-suggestions/store/actions/fetch-and-save-suggestions.action.js

@@ -1,25 +1,24 @@
 import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
 
-// eslint-disable-next-line max-len
-const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
-    fetch({ dispatch }, request) {
-        return dispatch('fetchSuggestions', request);
-    },
-    onSuccess({ commit }, suggestions) {
-        commit('setSuggestions', suggestions);
-    }
-});
-/**
- * Default implementation for {@link QuerySuggestionsActions.fetchAndSaveSuggestions} action.
- *
- * @public
- */
-const fetchAndSaveSuggestions = fetchAndSave;
-/**
- * Default implementation for {@link QuerySuggestionsActions.cancelFetchAndSaveSuggestions} action.
- *
- * @public
- */
+const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
+    async fetch({ dispatch }, request) {
+        return dispatch('fetchSuggestions', request);
+    },
+    onSuccess({ commit }, suggestions) {
+        commit('setSuggestions', suggestions);
+    },
+});
+/**
+ * Default implementation for {@link QuerySuggestionsActions.fetchAndSaveSuggestions} action.
+ *
+ * @public
+ */
+const fetchAndSaveSuggestions = fetchAndSave;
+/**
+ * Default implementation for {@link QuerySuggestionsActions.cancelFetchAndSaveSuggestions} action.
+ *
+ * @public
+ */
 const cancelFetchAndSaveSuggestions = cancelPrevious;
 
 export { cancelFetchAndSaveSuggestions, fetchAndSaveSuggestions };

package/js/x-modules/query-suggestions/store/actions/fetch-and-save-suggestions.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-suggestions.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/fetch-and-save-suggestions.action.ts"],"sourcesContent":["import { QuerySuggestionsRequest, Suggestion } from '@empathyco/x-types';\n// eslint-disable-next-line max-len\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { QuerySuggestionsActionContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  QuerySuggestionsActionContext,\n  QuerySuggestionsRequest | null,\n  Suggestion[]\n>({\n  fetch({ dispatch }, request) {\n    return dispatch('fetchSuggestions', request);\n  },\n  onSuccess({ commit }, suggestions) {\n    commit('setSuggestions', suggestions);\n  }\n});\n\n/**\n * Default implementation for {@link QuerySuggestionsActions.fetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const fetchAndSaveSuggestions = fetchAndSave;\n\n/**\n * Default implementation for {@link QuerySuggestionsActions.cancelFetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveSuggestions = cancelPrevious;\n"],"names":[],"mappings":";;AACA;AAIA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;AACA,IAAA,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAA;AACzB,QAAA,OAAO,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;KAC9C;AACD,IAAA,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAA;AAC/B,QAAA,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;KACvC;AACF,CAAA,CAAC,CAAC;AAEH;;;;AAIG;AACI,MAAM,uBAAuB,GAAG,aAAa;AAEpD;;;;AAIG;AACI,MAAM,6BAA6B,GAAG;;;;"}
+{"version":3,"file":"fetch-and-save-suggestions.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/fetch-and-save-suggestions.action.ts"],"sourcesContent":["import type { QuerySuggestionsRequest, Suggestion } from '@empathyco/x-types'\n\nimport type { QuerySuggestionsActionContext } from '../types'\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils'\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  QuerySuggestionsActionContext,\n  QuerySuggestionsRequest | null,\n  Suggestion[]\n>({\n  async fetch({ dispatch }, request) {\n    return dispatch('fetchSuggestions', request)\n  },\n  onSuccess({ commit }, suggestions) {\n    commit('setSuggestions', suggestions)\n  },\n})\n\n/**\n * Default implementation for {@link QuerySuggestionsActions.fetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const fetchAndSaveSuggestions = fetchAndSave\n\n/**\n * Default implementation for {@link QuerySuggestionsActions.cancelFetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveSuggestions = cancelPrevious\n"],"names":[],"mappings":";;AAKA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;AACA,IAAA,MAAM,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAA;AAC/B,QAAA,OAAO,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAA;KAC7C;AACD,IAAA,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAA;AAC/B,QAAA,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAA;KACtC;AACF,CAAA,CAAC,CAAA;AAEF;;;;AAIG;AACI,MAAM,uBAAuB,GAAG,aAAY;AAEnD;;;;AAIG;AACI,MAAM,6BAA6B,GAAG;;;;"}

package/js/x-modules/query-suggestions/store/actions/fetch-suggestions.action.js

@@ -7,21 +7,21 @@ import '../../../../plugins/devtools/colors.utils.js';
 import '../../../../plugins/x-bus.js';
 import { XPlugin } from '../../../../plugins/x-plugin.js';
 
-/**
- * Default implementation for the {@link QuerySuggestionsActions.fetchSuggestions}.
- *
- * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
- * provided by Vuex.
- * @param request - The query suggestions request to make.
- *
- * @returns A `void` promise that resolves when it fetches suggestions.
- *
- * @public
- */
-const fetchSuggestions = (_context, request) => {
-    return request
-        ? XPlugin.adapter.querySuggestions(request).then(({ suggestions }) => suggestions)
-        : [];
+/**
+ * Default implementation for the {@link QuerySuggestionsActions.fetchSuggestions}.
+ *
+ * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ * @param request - The query suggestions request to make.
+ *
+ * @returns A `void` promise that resolves when it fetches suggestions.
+ *
+ * @public
+ */
+const fetchSuggestions = async (_context, request) => {
+    return request
+        ? XPlugin.adapter.querySuggestions(request).then(({ suggestions }) => suggestions)
+        : [];
 };
 
 export { fetchSuggestions };

package/js/x-modules/query-suggestions/store/actions/fetch-suggestions.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-suggestions.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/fetch-suggestions.action.ts"],"sourcesContent":["import { XPlugin } from '../../../../plugins';\nimport { QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QuerySuggestionsActions.fetchSuggestions}.\n *\n * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The query suggestions request to make.\n *\n * @returns A `void` promise that resolves when it fetches suggestions.\n *\n * @public\n */\nexport const fetchSuggestions: QuerySuggestionsXStoreModule['actions']['fetchSuggestions'] = (\n  _context,\n  request\n) => {\n  return request\n    ? XPlugin.adapter.querySuggestions(request).then(({ suggestions }) => suggestions)\n    : [];\n};\n"],"names":[],"mappings":";;;;;;;;;AAGA;;;;;;;;;;AAUG;MACU,gBAAgB,GAAgE,CAC3F,QAAQ,EACR,OAAO,KACL;AACF,IAAA,OAAO,OAAO;UACV,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAC;UAChF,EAAE,CAAC;AACT;;;;"}
+{"version":3,"file":"fetch-suggestions.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/fetch-suggestions.action.ts"],"sourcesContent":["import type { QuerySuggestionsXStoreModule } from '../types'\nimport { XPlugin } from '../../../../plugins'\n\n/**\n * Default implementation for the {@link QuerySuggestionsActions.fetchSuggestions}.\n *\n * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The query suggestions request to make.\n *\n * @returns A `void` promise that resolves when it fetches suggestions.\n *\n * @public\n */\nexport const fetchSuggestions: QuerySuggestionsXStoreModule['actions']['fetchSuggestions'] = async (\n  _context,\n  request,\n) => {\n  return request\n    ? XPlugin.adapter.querySuggestions(request).then(({ suggestions }) => suggestions)\n    : []\n}\n"],"names":[],"mappings":";;;;;;;;;AAGA;;;;;;;;;;AAUG;AACU,MAAA,gBAAgB,GAAgE,OAC3F,QAAQ,EACR,OAAO,KACL;AACF,IAAA,OAAO,OAAO;UACV,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAC;UAChF,EAAE,CAAA;AACR;;;;"}

package/js/x-modules/query-suggestions/store/actions/set-url-params.action.js

@@ -1,14 +1,13 @@
-/**
- * Default implementation for the {@link QuerySuggestionsActions.setUrlParams}.
- *
- * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
- * provided by Vuex.
- *
- * @param urlParams - List of params from the url.
- * @public
- */
-const setUrlParams = ({ commit }, { query }) => {
-    commit('setQuery', query);
+/**
+ * Default implementation for the {@link QuerySuggestionsActions.setUrlParams}.
+ *
+ * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ * @param urlParams - List of params from the url.
+ * @public
+ */
+const setUrlParams = ({ commit }, { query }) => {
+    commit('setQuery', query);
 };
 
 export { setUrlParams };

package/js/x-modules/query-suggestions/store/actions/set-url-params.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-url-params.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/set-url-params.action.ts"],"sourcesContent":["import { QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QuerySuggestionsActions.setUrlParams}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n *\n * @param urlParams - List of params from the url.\n * @public\n */\nexport const setUrlParams: QuerySuggestionsXStoreModule['actions']['setUrlParams'] = (\n  { commit },\n  { query }\n) => {\n  commit('setQuery', query);\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;AAQG;AACI,MAAM,YAAY,GAA4D,CACnF,EAAE,MAAM,EAAE,EACV,EAAE,KAAK,EAAE,KACP;AACF,IAAA,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAC5B;;;;"}
+{"version":3,"file":"set-url-params.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/set-url-params.action.ts"],"sourcesContent":["import type { QuerySuggestionsXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link QuerySuggestionsActions.setUrlParams}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param urlParams - List of params from the url.\n * @public\n */\nexport const setUrlParams: QuerySuggestionsXStoreModule['actions']['setUrlParams'] = (\n  { commit },\n  { query },\n) => {\n  commit('setQuery', query)\n}\n"],"names":[],"mappings":"AAEA;;;;;;;AAOG;AACI,MAAM,YAAY,GAA4D,CACnF,EAAE,MAAM,EAAE,EACV,EAAE,KAAK,EAAE,KACP;AACF,IAAA,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;AAC3B;;;;"}

package/js/x-modules/query-suggestions/store/emitters.js

@@ -1,14 +1,15 @@
+import '@empathyco/x-utils';
 import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { querySuggestionsXStoreModule } from './module.js';
 
-/**
- * {@link StoreEmitters} For the query-suggestions module.
- *
- * @internal
- */
-const querySuggestionsEmitters = createStoreEmitters(querySuggestionsXStoreModule, {
-    QuerySuggestionsChanged: state => state.suggestions,
-    QuerySuggestionsRequestUpdated: (_, getters) => getters.request
+/**
+ * {@link StoreEmitters} For the query-suggestions module.
+ *
+ * @internal
+ */
+const querySuggestionsEmitters = createStoreEmitters(querySuggestionsXStoreModule, {
+    QuerySuggestionsChanged: state => state.suggestions,
+    QuerySuggestionsRequestUpdated: (_, getters) => getters.request,
 });
 
 export { querySuggestionsEmitters };

package/js/x-modules/query-suggestions/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/query-suggestions/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { querySuggestionsXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the query-suggestions module.\n *\n * @internal\n */\nexport const querySuggestionsEmitters = createStoreEmitters(querySuggestionsXStoreModule, {\n  QuerySuggestionsChanged: state => state.suggestions,\n  QuerySuggestionsRequestUpdated: (_, getters) => getters.request\n});\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,wBAAwB,GAAG,mBAAmB,CAAC,4BAA4B,EAAE;AACxF,IAAA,uBAAuB,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW;IACnD,8BAA8B,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO;AAChE,CAAA;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/query-suggestions/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store'\nimport { querySuggestionsXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the query-suggestions module.\n *\n * @internal\n */\nexport const querySuggestionsEmitters = createStoreEmitters(querySuggestionsXStoreModule, {\n  QuerySuggestionsChanged: state => state.suggestions,\n  QuerySuggestionsRequestUpdated: (_, getters) => getters.request,\n})\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACU,MAAA,wBAAwB,GAAG,mBAAmB,CAAC,4BAA4B,EAAE;AACxF,IAAA,uBAAuB,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW;IACnD,8BAA8B,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO;AAChE,CAAA;;;;"}

package/js/x-modules/query-suggestions/store/getters/normalized-query.getter.js

@@ -1,16 +1,14 @@
 import { normalizeString } from '../../../../utils/normalize.js';
 
-/**
- * Default implementation for the {@link QuerySuggestionsGetters.normalizedQuery} getter.
- *
- * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query
- * suggestions module.
- *
- * @returns The normalized query.
- *
- * @public
- */
-const normalizedQuery = ({ query }) => normalizeString(query);
+/**
+ * Default implementation for the {@link QuerySuggestionsGetters.normalizedQuery} getter.
+ *
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query
+ * suggestions module.
+ * @returns The normalized query.
+ * @public
+ */
+const normalizedQuery = ({ query, }) => normalizeString(query);
 
 export { normalizedQuery };
 //# sourceMappingURL=normalized-query.getter.js.map

package/js/x-modules/query-suggestions/store/getters/normalized-query.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalized-query.getter.js","sources":["../../../../../../src/x-modules/query-suggestions/store/getters/normalized-query.getter.ts"],"sourcesContent":["import { normalizeString } from '../../../../utils/normalize';\nimport { QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QuerySuggestionsGetters.normalizedQuery} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query\n * suggestions module.\n *\n * @returns The normalized query.\n *\n * @public\n */\nexport const normalizedQuery: QuerySuggestionsXStoreModule['getters']['normalizedQuery'] = ({\n  query\n}) => normalizeString(query);\n"],"names":[],"mappings":";;AAGA;;;;;;;;;AASG;AACI,MAAM,eAAe,GAA+D,CAAC,EAC1F,KAAK,EACN,KAAK,eAAe,CAAC,KAAK;;;;"}
+{"version":3,"file":"normalized-query.getter.js","sources":["../../../../../../src/x-modules/query-suggestions/store/getters/normalized-query.getter.ts"],"sourcesContent":["import type { QuerySuggestionsXStoreModule } from '../types'\nimport { normalizeString } from '../../../../utils/normalize'\n\n/**\n * Default implementation for the {@link QuerySuggestionsGetters.normalizedQuery} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query\n * suggestions module.\n * @returns The normalized query.\n * @public\n */\nexport const normalizedQuery: QuerySuggestionsXStoreModule['getters']['normalizedQuery'] = ({\n  query,\n}) => normalizeString(query)\n"],"names":[],"mappings":";;AAGA;;;;;;;AAOG;AACI,MAAM,eAAe,GAA+D,CAAC,EAC1F,KAAK,GACN,KAAK,eAAe,CAAC,KAAK;;;;"}

package/js/x-modules/query-suggestions/store/getters/query-suggestions.getter.js

@@ -1,55 +1,55 @@
 import { normalizeString } from '../../../../utils/normalize.js';
 
-/**
- * Class implementation for the {@link QuerySuggestionsGetter.querySuggestions} getter.
- *
- * @public
- */
-class QuerySuggestionsGetter {
-    /**
-     * Default implementation for the {@link QuerySuggestionsGetter.querySuggestions} getter.
-     *
-     * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query
-     * suggestions module.
-     * @returns The filtered subset of queries, matching with the current query.
-     */
-    querySuggestions({ query, suggestions, config, searchedQueries }) {
-        const queriesToFilter = searchedQueries.map((historyQuery) => historyQuery.query);
-        if (!query || !config.hideIfEqualsQuery) {
-            return config.hideSessionQueries
-                ? suggestions.filter(({ query }) => !queriesToFilter.includes(query))
-                : suggestions;
-        }
-        const filteredSuggestions = suggestions.filter(this.isInQuerySuggestions(normalizeString(query)));
-        return config.hideSessionQueries
-            ? filteredSuggestions.filter(({ query }) => !queriesToFilter.includes(query))
-            : filteredSuggestions;
-    }
-    /**
-     * Creates a function to check in the suggestion queries array the items that match
-     * the current query.
-     *
-     * @param normalizedQuery - The normalized query for search into the array.
-     * @returns A filter function for searching into the array of suggestion queries with the provided
-     * params.
-     * @internal
-     */
-    isInQuerySuggestions(normalizedQuery) {
-        return (suggestion) => {
-            const normalizedSuggestionQuery = normalizeString(suggestion.query);
-            // TODO Hide the suggestion if it's equals to the query and it does NOT have facets. (EX-3184)
-            // The logic is here https://bitbucket.org/colbenson/x-components/pull-requests/432
-            // normalizedSuggestionQuery !== normalizedQuery || !isArrayEmpty(suggestion.facets)
-            return normalizedSuggestionQuery !== normalizedQuery;
-        };
-    }
-}
-const querySuggestionsGetter = new QuerySuggestionsGetter();
-/**
- * Query Suggestions getter.
- *
- * @public
- */
+/**
+ * Class implementation for the {@link QuerySuggestionsGetter.querySuggestions} getter.
+ *
+ * @public
+ */
+class QuerySuggestionsGetter {
+    /**
+     * Default implementation for the {@link QuerySuggestionsGetter.querySuggestions} getter.
+     *
+     * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query
+     * suggestions module.
+     * @returns The filtered subset of queries, matching with the current query.
+     */
+    querySuggestions({ query, suggestions, config, searchedQueries, }) {
+        const queriesToFilter = searchedQueries.map((historyQuery) => historyQuery.query);
+        if (!query || !config.hideIfEqualsQuery) {
+            return config.hideSessionQueries
+                ? suggestions.filter(({ query }) => !queriesToFilter.includes(query))
+                : suggestions;
+        }
+        const filteredSuggestions = suggestions.filter(this.isInQuerySuggestions(normalizeString(query)));
+        return config.hideSessionQueries
+            ? filteredSuggestions.filter(({ query }) => !queriesToFilter.includes(query))
+            : filteredSuggestions;
+    }
+    /**
+     * Creates a function to check in the suggestion queries array the items that match
+     * the current query.
+     *
+     * @param normalizedQuery - The normalized query for search into the array.
+     * @returns A filter function for searching into the array of suggestion queries with the provided
+     * params.
+     * @internal
+     */
+    isInQuerySuggestions(normalizedQuery) {
+        return (suggestion) => {
+            const normalizedSuggestionQuery = normalizeString(suggestion.query);
+            // TODO Hide the suggestion if it's equals to the query and it does NOT have facets. (EX-3184)
+            // The logic is here https://bitbucket.org/colbenson/x-components/pull-requests/432
+            // normalizedSuggestionQuery !== normalizedQuery || !isArrayEmpty(suggestion.facets)
+            return normalizedSuggestionQuery !== normalizedQuery;
+        };
+    }
+}
+const querySuggestionsGetter = new QuerySuggestionsGetter();
+/**
+ * Query Suggestions getter.
+ *
+ * @public
+ */
 const querySuggestions = querySuggestionsGetter.querySuggestions.bind(querySuggestionsGetter);
 
 export { QuerySuggestionsGetter, querySuggestions };

package/js/x-modules/query-suggestions/store/getters/query-suggestions.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"query-suggestions.getter.js","sources":["../../../../../../src/x-modules/query-suggestions/store/getters/query-suggestions.getter.ts"],"sourcesContent":["import { HistoryQuery, Suggestion } from '@empathyco/x-types';\nimport { GettersClass } from '../../../../store/getters.types';\nimport { normalizeString } from '../../../../utils/normalize';\nimport { QuerySuggestionsState, QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Class implementation for the {@link QuerySuggestionsGetter.querySuggestions} getter.\n *\n * @public\n */\nexport class QuerySuggestionsGetter implements GettersClass<QuerySuggestionsXStoreModule> {\n  /**\n   * Default implementation for the {@link QuerySuggestionsGetter.querySuggestions} getter.\n   *\n   * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query\n   * suggestions module.\n   * @returns The filtered subset of queries, matching with the current query.\n   */\n  querySuggestions({\n    query,\n    suggestions,\n    config,\n    searchedQueries\n  }: QuerySuggestionsState): Suggestion[] {\n    const queriesToFilter = searchedQueries.map((historyQuery: HistoryQuery) => historyQuery.query);\n    if (!query || !config.hideIfEqualsQuery) {\n      return config.hideSessionQueries\n        ? suggestions.filter(({ query }) => !queriesToFilter.includes(query))\n        : suggestions;\n    }\n    const filteredSuggestions = suggestions.filter(\n      this.isInQuerySuggestions(normalizeString(query))\n    );\n    return config.hideSessionQueries\n      ? filteredSuggestions.filter(({ query }) => !queriesToFilter.includes(query))\n      : filteredSuggestions;\n  }\n\n  /**\n   * Creates a function to check in the suggestion queries array the items that match\n   * the current query.\n   *\n   * @param normalizedQuery - The normalized query for search into the array.\n   * @returns A filter function for searching into the array of suggestion queries with the provided\n   * params.\n   * @internal\n   */\n  protected isInQuerySuggestions(normalizedQuery: string): (suggestion: Suggestion) => boolean {\n    return (suggestion: Suggestion) => {\n      const normalizedSuggestionQuery = normalizeString(suggestion.query);\n      // TODO Hide the suggestion if it's equals to the query and it does NOT have facets. (EX-3184)\n      // The logic is here https://bitbucket.org/colbenson/x-components/pull-requests/432\n      // normalizedSuggestionQuery !== normalizedQuery || !isArrayEmpty(suggestion.facets)\n      return normalizedSuggestionQuery !== normalizedQuery;\n    };\n  }\n}\n\nconst querySuggestionsGetter = new QuerySuggestionsGetter();\n\n/**\n * Query Suggestions getter.\n *\n * @public\n */\nexport const querySuggestions =\n  querySuggestionsGetter.querySuggestions.bind(querySuggestionsGetter);\n"],"names":[],"mappings":";;AAKA;;;;AAIG;MACU,sBAAsB,CAAA;AACjC;;;;;;AAMG;IACH,gBAAgB,CAAC,EACf,KAAK,EACL,WAAW,EACX,MAAM,EACN,eAAe,EACO,EAAA;AACtB,QAAA,MAAM,eAAe,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,YAA0B,KAAK,YAAY,CAAC,KAAK,CAAC,CAAC;AAChG,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;YACvC,OAAO,MAAM,CAAC,kBAAkB;AAC9B,kBAAE,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;kBACnE,WAAW,CAAC;AACjB,SAAA;AACD,QAAA,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAC5C,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAClD,CAAC;QACF,OAAO,MAAM,CAAC,kBAAkB;AAC9B,cAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;cAC3E,mBAAmB,CAAC;KACzB;AAED;;;;;;;;AAQG;AACO,IAAA,oBAAoB,CAAC,eAAuB,EAAA;QACpD,OAAO,CAAC,UAAsB,KAAI;YAChC,MAAM,yBAAyB,GAAG,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;;;;YAIpE,OAAO,yBAAyB,KAAK,eAAe,CAAC;AACvD,SAAC,CAAC;KACH;AACF,CAAA;AAED,MAAM,sBAAsB,GAAG,IAAI,sBAAsB,EAAE,CAAC;AAE5D;;;;AAIG;AACI,MAAM,gBAAgB,GAC3B,sBAAsB,CAAC,gBAAgB,CAAC,IAAI,CAAC,sBAAsB;;;;"}
+{"version":3,"file":"query-suggestions.getter.js","sources":["../../../../../../src/x-modules/query-suggestions/store/getters/query-suggestions.getter.ts"],"sourcesContent":["import type { HistoryQuery, Suggestion } from '@empathyco/x-types'\nimport type { GettersClass } from '../../../../store/getters.types'\nimport type { QuerySuggestionsState, QuerySuggestionsXStoreModule } from '../types'\nimport { normalizeString } from '../../../../utils/normalize'\n\n/**\n * Class implementation for the {@link QuerySuggestionsGetter.querySuggestions} getter.\n *\n * @public\n */\nexport class QuerySuggestionsGetter implements GettersClass<QuerySuggestionsXStoreModule> {\n  /**\n   * Default implementation for the {@link QuerySuggestionsGetter.querySuggestions} getter.\n   *\n   * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query\n   * suggestions module.\n   * @returns The filtered subset of queries, matching with the current query.\n   */\n  querySuggestions({\n    query,\n    suggestions,\n    config,\n    searchedQueries,\n  }: QuerySuggestionsState): Suggestion[] {\n    const queriesToFilter = searchedQueries.map((historyQuery: HistoryQuery) => historyQuery.query)\n    if (!query || !config.hideIfEqualsQuery) {\n      return config.hideSessionQueries\n        ? suggestions.filter(({ query }) => !queriesToFilter.includes(query))\n        : suggestions\n    }\n    const filteredSuggestions = suggestions.filter(\n      this.isInQuerySuggestions(normalizeString(query)),\n    )\n    return config.hideSessionQueries\n      ? filteredSuggestions.filter(({ query }) => !queriesToFilter.includes(query))\n      : filteredSuggestions\n  }\n\n  /**\n   * Creates a function to check in the suggestion queries array the items that match\n   * the current query.\n   *\n   * @param normalizedQuery - The normalized query for search into the array.\n   * @returns A filter function for searching into the array of suggestion queries with the provided\n   * params.\n   * @internal\n   */\n  protected isInQuerySuggestions(normalizedQuery: string): (suggestion: Suggestion) => boolean {\n    return (suggestion: Suggestion) => {\n      const normalizedSuggestionQuery = normalizeString(suggestion.query)\n      // TODO Hide the suggestion if it's equals to the query and it does NOT have facets. (EX-3184)\n      // The logic is here https://bitbucket.org/colbenson/x-components/pull-requests/432\n      // normalizedSuggestionQuery !== normalizedQuery || !isArrayEmpty(suggestion.facets)\n      return normalizedSuggestionQuery !== normalizedQuery\n    }\n  }\n}\n\nconst querySuggestionsGetter = new QuerySuggestionsGetter()\n\n/**\n * Query Suggestions getter.\n *\n * @public\n */\nexport const querySuggestions = querySuggestionsGetter.querySuggestions.bind(querySuggestionsGetter)\n"],"names":[],"mappings":";;AAKA;;;;AAIG;MACU,sBAAsB,CAAA;AACjC;;;;;;AAMG;IACH,gBAAgB,CAAC,EACf,KAAK,EACL,WAAW,EACX,MAAM,EACN,eAAe,GACO,EAAA;AACtB,QAAA,MAAM,eAAe,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,YAA0B,KAAK,YAAY,CAAC,KAAK,CAAC,CAAA;QAC/F,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;YACvC,OAAO,MAAM,CAAC,kBAAkB;AAC9B,kBAAE,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;kBACnE,WAAW,CAAA;SAChB;AACD,QAAA,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAC5C,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAClD,CAAA;QACD,OAAO,MAAM,CAAC,kBAAkB;AAC9B,cAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;cAC3E,mBAAmB,CAAA;KACxB;AAED;;;;;;;;AAQG;AACO,IAAA,oBAAoB,CAAC,eAAuB,EAAA;QACpD,OAAO,CAAC,UAAsB,KAAI;YAChC,MAAM,yBAAyB,GAAG,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;;;;YAInE,OAAO,yBAAyB,KAAK,eAAe,CAAA;AACtD,SAAC,CAAA;KACF;AACF,CAAA;AAED,MAAM,sBAAsB,GAAG,IAAI,sBAAsB,EAAE,CAAA;AAE3D;;;;AAIG;AACI,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,IAAI,CAAC,sBAAsB;;;;"}

package/js/x-modules/query-suggestions/store/getters/request.getter.js

@@ -1,22 +1,20 @@
-/**
- * Default implementation for the {@link QuerySuggestionsGetters.request} getter.
- *
- * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query
- * suggestions module.
- *
- * @returns The query suggestions request to fetch data from the API.
- *
- * @public
- */
-const request = ({ query, config, params }) => {
-    return query.trim()
-        ? {
-            query,
-            rows: config.maxItemsToRequest,
-            start: 0,
-            extraParams: params
-        }
-        : null;
+/**
+ * Default implementation for the {@link QuerySuggestionsGetters.request} getter.
+ *
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query
+ * suggestions module.
+ * @returns The query suggestions request to fetch data from the API.
+ * @public
+ */
+const request = ({ query, config, params, }) => {
+    return query.trim()
+        ? {
+            query,
+            rows: config.maxItemsToRequest,
+            start: 0,
+            extraParams: params,
+        }
+        : null;
 };
 
 export { request };

package/js/x-modules/query-suggestions/store/getters/request.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/query-suggestions/store/getters/request.getter.ts"],"sourcesContent":["import { QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QuerySuggestionsGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query\n * suggestions module.\n *\n * @returns The query suggestions request to fetch data from the API.\n *\n * @public\n */\nexport const request: QuerySuggestionsXStoreModule['getters']['request'] = ({\n  query,\n  config,\n  params\n}) => {\n  return query.trim()\n    ? {\n        query,\n        rows: config.maxItemsToRequest,\n        start: 0,\n        extraParams: params\n      }\n    : null;\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;AASG;AACI,MAAM,OAAO,GAAuD,CAAC,EAC1E,KAAK,EACL,MAAM,EACN,MAAM,EACP,KAAI;IACH,OAAO,KAAK,CAAC,IAAI,EAAE;AACjB,UAAE;YACE,KAAK;YACL,IAAI,EAAE,MAAM,CAAC,iBAAiB;AAC9B,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,WAAW,EAAE,MAAM;AACpB,SAAA;UACD,IAAI,CAAC;AACX;;;;"}
+{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/query-suggestions/store/getters/request.getter.ts"],"sourcesContent":["import type { QuerySuggestionsXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link QuerySuggestionsGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query\n * suggestions module.\n * @returns The query suggestions request to fetch data from the API.\n * @public\n */\nexport const request: QuerySuggestionsXStoreModule['getters']['request'] = ({\n  query,\n  config,\n  params,\n}) => {\n  return query.trim()\n    ? {\n        query,\n        rows: config.maxItemsToRequest,\n        start: 0,\n        extraParams: params,\n      }\n    : null\n}\n"],"names":[],"mappings":"AAEA;;;;;;;AAOG;AACI,MAAM,OAAO,GAAuD,CAAC,EAC1E,KAAK,EACL,MAAM,EACN,MAAM,GACP,KAAI;IACH,OAAO,KAAK,CAAC,IAAI,EAAE;AACjB,UAAE;YACE,KAAK;YACL,IAAI,EAAE,MAAM,CAAC,iBAAiB;AAC9B,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,WAAW,EAAE,MAAM;AACpB,SAAA;UACD,IAAI,CAAA;AACV;;;;"}

package/js/x-modules/query-suggestions/store/module.js

@@ -1,6 +1,6 @@
+import { setConfig, mergeConfig } from '../../../store/utils/config-store.utils.js';
 import { setQuery } from '../../../store/utils/query.utils.js';
 import { setStatus } from '../../../store/utils/status-store.utils.js';
-import { setConfig, mergeConfig } from '../../../store/utils/config-store.utils.js';
 import { cancelFetchAndSaveSuggestions, fetchAndSaveSuggestions } from './actions/fetch-and-save-suggestions.action.js';
 import { fetchSuggestions } from './actions/fetch-suggestions.action.js';
 import { setUrlParams } from './actions/set-url-params.action.js';
@@ -8,51 +8,51 @@ import { normalizedQuery } from './getters/normalized-query.getter.js';
 import { querySuggestions } from './getters/query-suggestions.getter.js';
 import { request } from './getters/request.getter.js';
 
-/**
- * {@link XStoreModule} For the query-suggestions module.
- *
- * @internal
- */
-const querySuggestionsXStoreModule = {
-    state: () => ({
-        query: '',
-        suggestions: [],
-        searchedQueries: [],
-        status: 'initial',
-        config: {
-            debounceInMs: 200,
-            maxItemsToRequest: 10,
-            hideIfEqualsQuery: true,
-            hideSessionQueries: true
-        },
-        params: {}
-    }),
-    getters: {
-        request,
-        normalizedQuery,
-        querySuggestions
-    },
-    mutations: {
-        setQuery,
-        setSuggestions(state, suggestions) {
-            state.suggestions = suggestions;
-        },
-        setSearchedQueries(state, searchedQueries) {
-            state.searchedQueries = searchedQueries;
-        },
-        setStatus,
-        setParams(state, params) {
-            state.params = params;
-        },
-        setConfig,
-        mergeConfig
-    },
-    actions: {
-        cancelFetchAndSaveSuggestions,
-        fetchSuggestions,
-        fetchAndSaveSuggestions,
-        setUrlParams
-    }
+/**
+ * {@link XStoreModule} For the query-suggestions module.
+ *
+ * @internal
+ */
+const querySuggestionsXStoreModule = {
+    state: () => ({
+        query: '',
+        suggestions: [],
+        searchedQueries: [],
+        status: 'initial',
+        config: {
+            debounceInMs: 200,
+            maxItemsToRequest: 10,
+            hideIfEqualsQuery: true,
+            hideSessionQueries: true,
+        },
+        params: {},
+    }),
+    getters: {
+        request,
+        normalizedQuery,
+        querySuggestions,
+    },
+    mutations: {
+        setQuery,
+        setSuggestions(state, suggestions) {
+            state.suggestions = suggestions;
+        },
+        setSearchedQueries(state, searchedQueries) {
+            state.searchedQueries = searchedQueries;
+        },
+        setStatus,
+        setParams(state, params) {
+            state.params = params;
+        },
+        setConfig,
+        mergeConfig,
+    },
+    actions: {
+        cancelFetchAndSaveSuggestions,
+        fetchSuggestions,
+        fetchAndSaveSuggestions,
+        setUrlParams,
+    },
 };
 
 export { querySuggestionsXStoreModule };

package/js/x-modules/query-suggestions/store/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/query-suggestions/store/module.ts"],"sourcesContent":["import { setQuery } from '../../../store/utils/query.utils';\nimport { setStatus } from '../../../store/utils/status-store.utils';\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils';\nimport {\n  cancelFetchAndSaveSuggestions,\n  fetchAndSaveSuggestions\n} from './actions/fetch-and-save-suggestions.action';\nimport { fetchSuggestions } from './actions/fetch-suggestions.action';\nimport { setUrlParams } from './actions/set-url-params.action';\nimport { normalizedQuery } from './getters/normalized-query.getter';\nimport { querySuggestions } from './getters/query-suggestions.getter';\nimport { request } from './getters/request.getter';\nimport { QuerySuggestionsXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the query-suggestions module.\n *\n * @internal\n */\nexport const querySuggestionsXStoreModule: QuerySuggestionsXStoreModule = {\n  state: () => ({\n    query: '',\n    suggestions: [],\n    searchedQueries: [],\n    status: 'initial',\n    config: {\n      debounceInMs: 200,\n      maxItemsToRequest: 10,\n      hideIfEqualsQuery: true,\n      hideSessionQueries: true\n    },\n    params: {}\n  }),\n  getters: {\n    request,\n    normalizedQuery,\n    querySuggestions\n  },\n  mutations: {\n    setQuery,\n    setSuggestions(state, suggestions) {\n      state.suggestions = suggestions;\n    },\n    setSearchedQueries(state, searchedQueries) {\n      state.searchedQueries = searchedQueries;\n    },\n    setStatus,\n    setParams(state, params) {\n      state.params = params;\n    },\n    setConfig,\n    mergeConfig\n  },\n  actions: {\n    cancelFetchAndSaveSuggestions,\n    fetchSuggestions,\n    fetchAndSaveSuggestions,\n    setUrlParams\n  }\n};\n"],"names":[],"mappings":";;;;;;;;;;AAcA;;;;AAIG;AACU,MAAA,4BAA4B,GAAiC;AACxE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE;AACN,YAAA,YAAY,EAAE,GAAG;AACjB,YAAA,iBAAiB,EAAE,EAAE;AACrB,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,kBAAkB,EAAE,IAAI;AACzB,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;KACX,CAAC;AACF,IAAA,OAAO,EAAE;QACP,OAAO;QACP,eAAe;QACf,gBAAgB;AACjB,KAAA;AACD,IAAA,SAAS,EAAE;QACT,QAAQ;QACR,cAAc,CAAC,KAAK,EAAE,WAAW,EAAA;AAC/B,YAAA,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;SACjC;QACD,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAA;AACvC,YAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;SACzC;QACD,SAAS;QACT,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,6BAA6B;QAC7B,gBAAgB;QAChB,uBAAuB;QACvB,YAAY;AACb,KAAA;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/query-suggestions/store/module.ts"],"sourcesContent":["import type { QuerySuggestionsXStoreModule } from './types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { setQuery } from '../../../store/utils/query.utils'\nimport { setStatus } from '../../../store/utils/status-store.utils'\nimport {\n  cancelFetchAndSaveSuggestions,\n  fetchAndSaveSuggestions,\n} from './actions/fetch-and-save-suggestions.action'\nimport { fetchSuggestions } from './actions/fetch-suggestions.action'\nimport { setUrlParams } from './actions/set-url-params.action'\nimport { normalizedQuery } from './getters/normalized-query.getter'\nimport { querySuggestions } from './getters/query-suggestions.getter'\nimport { request } from './getters/request.getter'\n\n/**\n * {@link XStoreModule} For the query-suggestions module.\n *\n * @internal\n */\nexport const querySuggestionsXStoreModule: QuerySuggestionsXStoreModule = {\n  state: () => ({\n    query: '',\n    suggestions: [],\n    searchedQueries: [],\n    status: 'initial',\n    config: {\n      debounceInMs: 200,\n      maxItemsToRequest: 10,\n      hideIfEqualsQuery: true,\n      hideSessionQueries: true,\n    },\n    params: {},\n  }),\n  getters: {\n    request,\n    normalizedQuery,\n    querySuggestions,\n  },\n  mutations: {\n    setQuery,\n    setSuggestions(state, suggestions) {\n      state.suggestions = suggestions\n    },\n    setSearchedQueries(state, searchedQueries) {\n      state.searchedQueries = searchedQueries\n    },\n    setStatus,\n    setParams(state, params) {\n      state.params = params\n    },\n    setConfig,\n    mergeConfig,\n  },\n  actions: {\n    cancelFetchAndSaveSuggestions,\n    fetchSuggestions,\n    fetchAndSaveSuggestions,\n    setUrlParams,\n  },\n}\n"],"names":[],"mappings":";;;;;;;;;;AAcA;;;;AAIG;AACU,MAAA,4BAA4B,GAAiC;AACxE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE;AACN,YAAA,YAAY,EAAE,GAAG;AACjB,YAAA,iBAAiB,EAAE,EAAE;AACrB,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,kBAAkB,EAAE,IAAI;AACzB,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;KACX,CAAC;AACF,IAAA,OAAO,EAAE;QACP,OAAO;QACP,eAAe;QACf,gBAAgB;AACjB,KAAA;AACD,IAAA,SAAS,EAAE;QACT,QAAQ;QACR,cAAc,CAAC,KAAK,EAAE,WAAW,EAAA;AAC/B,YAAA,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;SAChC;QACD,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAA;AACvC,YAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAA;SACxC;QACD,SAAS;QACT,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;SACtB;QACD,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,6BAA6B;QAC7B,gBAAgB;QAChB,uBAAuB;QACvB,YAAY;AACb,KAAA;;;;;"}