@empathyco/x-components 3.0.0-alpha.163 → 3.0.0-alpha.166

package/docs/API-reference/api/x-components.querypreviewstatuspayload.md

@@ -0,0 +1,21 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [QueryPreviewStatusPayload](./x-components.querypreviewstatuspayload.md)
+
+## QueryPreviewStatusPayload interface
+
+Payload to use in the `setStatus` mutation.
+
+<b>Signature:</b>
+
+```typescript
+export interface QueryPreviewStatusPayload 
+```
+
+## Properties
+
+|  Property | Type | Description |
+|  --- | --- | --- |
+|  [query](./x-components.querypreviewstatuspayload.query.md) | string | The query whose request status to modify. |
+|  [status](./x-components.querypreviewstatuspayload.status.md) | [RequestStatus](./x-components.requeststatus.md) | The new request status. |
+

package/docs/API-reference/api/x-components.querypreviewstatuspayload.query.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [QueryPreviewStatusPayload](./x-components.querypreviewstatuspayload.md) &gt; [query](./x-components.querypreviewstatuspayload.query.md)
+
+## QueryPreviewStatusPayload.query property
+
+The query whose request status to modify.
+
+<b>Signature:</b>
+
+```typescript
+query: string;
+```

package/docs/API-reference/api/x-components.querypreviewstatuspayload.status.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [QueryPreviewStatusPayload](./x-components.querypreviewstatuspayload.md) &gt; [status](./x-components.querypreviewstatuspayload.status.md)
+
+## QueryPreviewStatusPayload.status property
+
+The new request status.
+
+<b>Signature:</b>
+
+```typescript
+status: RequestStatus;
+```

package/docs/API-reference/api/x-components.setqueriespreviewextraparamswire.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [setQueriesPreviewExtraParamsWire](./x-components.setqueriespreviewextraparamswire.md)
+
+## setQueriesPreviewExtraParamsWire variable
+
+Sets the queries preview state `params`<!-- -->.
+
+<b>Signature:</b>
+
+```typescript
+setQueriesPreviewExtraParamsWire: import("../..").Wire<import("@empathyco/x-utils").Dictionary<unknown>>
+```

package/docs/API-reference/components/next-queries/x-components.next-queries.md

@@ -19,6 +19,7 @@ of `shirts`.
 | <code>animation</code>        | Animation component that will be used to animate the suggestions.           | <code>Vue</code>     | <code></code>      |
 | <code>maxItemsToRender</code> | Number of next queries to be rendered.                                      | <code>number</code>  | <code></code>      |
 | <code>highlightCurated</code> | Flag to indicate if the curated next queries should be displayed different. | <code>boolean</code> | <code>false</code> |
+| <code>suggestions</code>      | NextQueries list to be used instead of state NextQueries.                   | <code>Array</code>   | <code></code>      |
 
 ## Slots
 

package/js/index.js

@@ -265,10 +265,12 @@ export { popularSearches } from './x-modules/popular-searches/store/getters/popu
 export { popularSearchesXStoreModule } from './x-modules/popular-searches/store/module.js';
 export { popularSearchesWiring, setPopularSearchesExtraParams, setSearchedQueriesInPopularSearches } from './x-modules/popular-searches/wiring.js';
 export { popularSearchesXModule } from './x-modules/popular-searches/x-module.js';
+export { fetchQueryPreview } from './x-modules/queries-preview/store/actions/fetch-query-preview.action.js';
+export { fetchAndSaveQueryPreview } from './x-modules/queries-preview/store/actions/fetch-and-save-query-preview.action.js';
 export { queriesPreviewEmitters } from './x-modules/queries-preview/store/emitters.js';
 export { queriesPreviewXStoreModule } from './x-modules/queries-preview/store/module.js';
 export { queriesPreviewXModule } from './x-modules/queries-preview/x-module.js';
-export { queriesPreviewWiring } from './x-modules/queries-preview/wiring.js';
+export { clearQueryPreviewWire, fetchAndSaveQueryPreviewWire, queriesPreviewWiring, setQueriesPreviewExtraParamsWire } from './x-modules/queries-preview/wiring.js';
 export { default as QuerySuggestion } from './x-modules/query-suggestions/components/query-suggestion.vue.js';
 export { default as QuerySuggestions } from './x-modules/query-suggestions/components/query-suggestions.vue.js';
 export { cancelFetchAndSaveSuggestions as cancelFetchAndSaveQuerySuggestions, fetchAndSaveSuggestions as fetchAndSaveQuerySuggestions } from './x-modules/query-suggestions/store/actions/fetch-and-save-suggestions.action.js';

package/js/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/next-queries/components/next-queries.vue.js

@@ -12,7 +12,7 @@ var __vue_render__ = function () {
   return _c("BaseSuggestions", {
     staticClass: "x-next-queries",
     attrs: {
-      suggestions: _vm.nextQueries,
+      suggestions: _vm.renderedNextQueries,
       "data-test": "next-queries",
       animation: _vm.animation,
       maxItemsToRender: _vm.maxItemsToRender,

package/js/x-modules/next-queries/components/next-queries.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-queries.vue.js","sources":["../../../../../src/x-modules/next-queries/components/next-queries.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"nextQueries\"\n    data-test=\"next-queries\"\n    class=\"x-next-queries\"\n    :animation=\"animation\"\n    :maxItemsToRender=\"maxItemsToRender\"\n  >\n    <template #default=\"{ suggestion, index }\">\n      <!--\n        @slot Next Query item\n            @binding {Suggestion} suggestion - Next Query suggestion data\n            @binding {number} index - Next Query suggestion index\n            @binding {boolean} highlightCurated - True if the curated NQs should be highlighted\n      -->\n      <slot name=\"suggestion\" v-bind=\"{ suggestion, highlightCurated, index }\">\n        <NextQuery\n          #default=\"{ suggestion, shouldHighlightCurated }\"\n          :suggestion=\"suggestion\"\n          :highlightCurated=\"highlightCurated\"\n          class=\"x-next-queries__suggestion\"\n        >\n          <!--\n              @slot Next Query content\n                  @binding {Suggestion} suggestion - Next Query suggestion data\n                  @binding {boolean} shouldHighlightCurated - True if the curated NQ should\n                  be highlighted\n                  @binding {number} index - Next Query suggestion index\n            -->\n          <slot name=\"suggestion-content\" v-bind=\"{ suggestion, shouldHighlightCurated, index }\" />\n        </NextQuery>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { NextQuery as NextQueryModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { nextQueriesXModule } from '../x-module';\n  import NextQuery from './next-query.vue';\n\n  /**\n   * Simple next-queries component that renders a list of suggestions, allowing the user to\n   * select one of them, and emitting the needed events.\n   * A next query is a suggestion for a new search, related to your previous query. I.e. If\n   * people normally search for `shirts`, and then `trousers`, `trousers` would be a next query\n   * of `shirts`.\n   *\n   * @public\n   */\n  @Component({\n    components: { NextQuery, BaseSuggestions },\n    mixins: [xComponentMixin(nextQueriesXModule)]\n  })\n  export default class NextQueries extends Vue {\n    /**\n     * Animation component that will be used to animate the suggestions.\n     *\n     * @public\n     */\n    @Prop()\n    protected animation!: Vue;\n\n    /**\n     * Number of next queries to be rendered.\n     *\n     * @public\n     */\n    @Prop()\n    protected maxItemsToRender?: number;\n\n    /**\n     * The list of next queries.\n     *\n     * @internal\n     */\n    @Getter('nextQueries', 'nextQueries')\n    public nextQueries!: NextQueryModel[];\n\n    /**\n     * Flag to indicate if the curated next queries should be displayed different.\n     *\n     * @public\n     */\n    @Prop({ default: false, type: Boolean })\n    protected highlightCurated!: boolean;\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nYou don't need to pass any props, or slots. Simply add the component, and when it has any next\nqueries it will show them\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <NextQueries />\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { NextQueries } from '@empathyco/x-components/next-queries';\n\n  export default {\n    name: 'NextQueriesDemo',\n    components: {\n      SearchInput,\n      NextQueries\n    }\n  };\n</script>\n```\n\nThe component has three optional props. `animation` to render the component with an animation,\n`maxItemToRender` to limit the number of next queries will be rendered (by default it is 5) and\n`highlightCurated` to indicate if the curated Next Queries inside the list should be highlighted.\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <NextQueries :animation=\"'FadeAndSlide'\" :maxItemsToRender=\"10\" :highlightCurated=\"true\" />\n  </div>\n</template>\n\n<script>\n  import Vue from 'vue';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { NextQueries } from '@empathyco/x-components/next-queries';\n  import { FadeAndSlide } from '@empathyco/x-components';\n\n  // Registering the animation as a global component\n  Vue.component('FadeAndSlide', FadeAndSlide);\n  export default {\n    name: 'NextQueriesDemo',\n    components: {\n      SearchInput,\n      NextQueries\n    }\n  };\n</script>\n```\n\n### Overriding Next Queries' Content\n\nYou can use your custom implementation of the Next Query's content. In the example below, instead of\nusing the default Next Query's content, an icon is added, as well as a span with the query of the\nNext Query suggestion.\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <NextQueries>\n      <template #suggestion-content=\"{ suggestion }\">\n        <Nq1Icon />\n        <span class=\"x-next-query__query\">{{ suggestion.query }}</span>\n      </template>\n    </NextQueries>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { NextQueries } from '@empathyco/x-components/next-queries';\n  import { Nq1Icon } from '@empathyco/x-components';\n\n  export default {\n    name: 'NextQueriesDemo',\n    components: {\n      SearchInput,\n      NextQueries,\n      Nq1Icon\n    }\n  };\n</script>\n```\n\n### Adding a custom next query component\n\nYou can use your custom implementation of a next query component. To work correctly, it should use\nthe `emitNextQuerySelected` function when the next query is selected. In the example below, instead\nof using the default `button` tag for a next query, an icon is added, and the text of the next query\nis wrapped in a `span`\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <NextQueries>\n      <template #suggestion=\"{ suggestion }\">\n        <NextQuery :suggestion=\"suggestion\" class=\"x-next-queries__suggestion\">\n          <template #default=\"{ suggestion }\">\n            <Nq1Icon />\n            <span class=\"x-next-query__query\">{{ suggestion.query }}</span>\n          </template>\n        </NextQuery>\n        <button>Custom Behaviour</button>\n      </template>\n    </NextQueries>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { NextQueries, NextQuery } from '@empathyco/x-components/next-queries';\n  import { Nq1Icon } from '@empathyco/x-components';\n\n  export default {\n    name: 'NextQueriesDemo',\n    components: {\n      SearchInput,\n      NextQueries,\n      NextQuery,\n      Nq1Icon\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"next-queries.vue.js","sources":["../../../../../src/x-modules/next-queries/components/next-queries.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"renderedNextQueries\"\n    data-test=\"next-queries\"\n    class=\"x-next-queries\"\n    :animation=\"animation\"\n    :maxItemsToRender=\"maxItemsToRender\"\n  >\n    <template #default=\"{ suggestion, index }\">\n      <!--\n        @slot Next Query item\n            @binding {Suggestion} suggestion - Next Query suggestion data\n            @binding {number} index - Next Query suggestion index\n            @binding {boolean} highlightCurated - True if the curated NQs should be highlighted\n      -->\n      <slot name=\"suggestion\" v-bind=\"{ suggestion, highlightCurated, index }\">\n        <NextQuery\n          #default=\"{ suggestion, shouldHighlightCurated }\"\n          :suggestion=\"suggestion\"\n          :highlightCurated=\"highlightCurated\"\n          class=\"x-next-queries__suggestion\"\n        >\n          <!--\n              @slot Next Query content\n                  @binding {Suggestion} suggestion - Next Query suggestion data\n                  @binding {boolean} shouldHighlightCurated - True if the curated NQ should\n                  be highlighted\n                  @binding {number} index - Next Query suggestion index\n            -->\n          <slot name=\"suggestion-content\" v-bind=\"{ suggestion, shouldHighlightCurated, index }\" />\n        </NextQuery>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { NextQuery as NextQueryModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { nextQueriesXModule } from '../x-module';\n  import NextQuery from './next-query.vue';\n\n  /**\n   * Simple next-queries component that renders a list of suggestions, allowing the user to\n   * select one of them, and emitting the needed events.\n   * A next query is a suggestion for a new search, related to your previous query. I.e. If\n   * people normally search for `shirts`, and then `trousers`, `trousers` would be a next query\n   * of `shirts`.\n   *\n   * @public\n   */\n  @Component({\n    components: { NextQuery, BaseSuggestions },\n    mixins: [xComponentMixin(nextQueriesXModule)]\n  })\n  export default class NextQueries extends Vue {\n    /**\n     * Animation component that will be used to animate the suggestions.\n     *\n     * @public\n     */\n    @Prop()\n    public animation?: Vue;\n\n    /**\n     * Number of next queries to be rendered.\n     *\n     * @public\n     */\n    @Prop()\n    public maxItemsToRender?: number;\n\n    /**\n     * Flag to indicate if the curated next queries should be displayed different.\n     *\n     * @public\n     */\n    @Prop({ default: false, type: Boolean })\n    public highlightCurated!: boolean;\n\n    /**\n     * NextQueries list to be used instead of state NextQueries.\n     *\n     * @public\n     */\n    @Prop()\n    public suggestions?: NextQueryModel[];\n\n    /**\n     * The list of next queries from the state.\n     *\n     * @internal\n     */\n    @Getter('nextQueries', 'nextQueries')\n    public stateNextQueries!: NextQueryModel[];\n\n    /**.\n     * The list of next queries finally rendered\n     *\n     * @internal\n     */\n    protected get renderedNextQueries(): NextQueryModel[] {\n      return this.suggestions ?? this.stateNextQueries;\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nYou don't need to pass any props, or slots. Simply add the component, and when it has any next\nqueries it will show them\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <NextQueries />\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { NextQueries } from '@empathyco/x-components/next-queries';\n\n  export default {\n    name: 'NextQueriesDemo',\n    components: {\n      SearchInput,\n      NextQueries\n    }\n  };\n</script>\n```\n\nThe component has three optional props. `animation` to render the component with an animation,\n`maxItemToRender` to limit the number of next queries will be rendered (by default it is 5) and\n`highlightCurated` to indicate if the curated Next Queries inside the list should be highlighted.\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <NextQueries :animation=\"'FadeAndSlide'\" :maxItemsToRender=\"10\" :highlightCurated=\"true\" />\n  </div>\n</template>\n\n<script>\n  import Vue from 'vue';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { NextQueries } from '@empathyco/x-components/next-queries';\n  import { FadeAndSlide } from '@empathyco/x-components';\n\n  // Registering the animation as a global component\n  Vue.component('FadeAndSlide', FadeAndSlide);\n  export default {\n    name: 'NextQueriesDemo',\n    components: {\n      SearchInput,\n      NextQueries\n    }\n  };\n</script>\n```\n\n### Overriding Next Queries' Content\n\nYou can use your custom implementation of the Next Query's content. In the example below, instead of\nusing the default Next Query's content, an icon is added, as well as a span with the query of the\nNext Query suggestion.\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <NextQueries>\n      <template #suggestion-content=\"{ suggestion }\">\n        <Nq1Icon />\n        <span class=\"x-next-query__query\">{{ suggestion.query }}</span>\n      </template>\n    </NextQueries>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { NextQueries } from '@empathyco/x-components/next-queries';\n  import { Nq1Icon } from '@empathyco/x-components';\n\n  export default {\n    name: 'NextQueriesDemo',\n    components: {\n      SearchInput,\n      NextQueries,\n      Nq1Icon\n    }\n  };\n</script>\n```\n\n### Adding a custom next query component\n\nYou can use your custom implementation of a next query component. To work correctly, it should use\nthe `emitNextQuerySelected` function when the next query is selected. In the example below, instead\nof using the default `button` tag for a next query, an icon is added, and the text of the next query\nis wrapped in a `span`\n\n```vue live\n<template>\n  <div>\n    <SearchInput />\n    <NextQueries>\n      <template #suggestion=\"{ suggestion }\">\n        <NextQuery :suggestion=\"suggestion\" class=\"x-next-queries__suggestion\">\n          <template #default=\"{ suggestion }\">\n            <Nq1Icon />\n            <span class=\"x-next-query__query\">{{ suggestion.query }}</span>\n          </template>\n        </NextQuery>\n        <button>Custom Behaviour</button>\n      </template>\n    </NextQueries>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { NextQueries, NextQuery } from '@empathyco/x-components/next-queries';\n  import { Nq1Icon } from '@empathyco/x-components';\n\n  export default {\n    name: 'NextQueriesDemo',\n    components: {\n      SearchInput,\n      NextQueries,\n      NextQuery,\n      Nq1Icon\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/next-queries/components/next-queries.vue_rollup-plugin-vue_script.vue.js

@@ -17,6 +17,14 @@ import __vue_component__ from './next-query.vue.js';
  * @public
  */
 let NextQueries = class NextQueries extends Vue {
+    /**.
+     * The list of next queries finally rendered
+     *
+     * @internal
+     */
+    get renderedNextQueries() {
+        return this.suggestions ?? this.stateNextQueries;
+    }
 };
 __decorate([
     Prop()
@@ -24,12 +32,15 @@ __decorate([
 __decorate([
     Prop()
 ], NextQueries.prototype, "maxItemsToRender", void 0);
-__decorate([
-    Getter('nextQueries', 'nextQueries')
-], NextQueries.prototype, "nextQueries", void 0);
 __decorate([
     Prop({ default: false, type: Boolean })
 ], NextQueries.prototype, "highlightCurated", void 0);
+__decorate([
+    Prop()
+], NextQueries.prototype, "suggestions", void 0);
+__decorate([
+    Getter('nextQueries', 'nextQueries')
+], NextQueries.prototype, "stateNextQueries", void 0);
 NextQueries = __decorate([
     Component({
         components: { NextQuery: __vue_component__, BaseSuggestions: __vue_component__$1 },

package/js/x-modules/next-queries/components/next-queries.vue_rollup-plugin-vue_script.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-queries.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/next-queries/components/next-queries.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { NextQuery as NextQueryModel } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\nimport { Getter } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { nextQueriesXModule } from '../x-module';\nimport NextQuery from './next-query.vue';\n\n/**\n * Simple next-queries component that renders a list of suggestions, allowing the user to\n * select one of them, and emitting the needed events.\n * A next query is a suggestion for a new search, related to your previous query. I.e. If\n * people normally search for `shirts`, and then `trousers`, `trousers` would be a next query\n * of `shirts`.\n *\n * @public\n */\n@Component({\n  components: { NextQuery, BaseSuggestions },\n  mixins: [xComponentMixin(nextQueriesXModule)]\n})\nexport default class NextQueries extends Vue {\n  /**\n   * Animation component that will be used to animate the suggestions.\n   *\n   * @public\n   */\n  @Prop()\n  protected animation!: Vue;\n\n  /**\n   * Number of next queries to be rendered.\n   *\n   * @public\n   */\n  @Prop()\n  protected maxItemsToRender?: number;\n\n  /**\n   * The list of next queries.\n   *\n   * @internal\n   */\n  @Getter('nextQueries', 'nextQueries')\n  public nextQueries!: NextQueryModel[];\n\n  /**\n   * Flag to indicate if the curated next queries should be displayed different.\n   *\n   * @public\n   */\n  @Prop({ default: false, type: Boolean })\n  protected highlightCurated!: boolean;\n}\n"],"names":["NextQuery","BaseSuggestions"],"mappings":";;;;;;;;;AA8CA;;;;;;;;;AAaA,IAAqB,WAAW,GAAhC,MAAqB,WAAY,SAAQ,GAAG;CAgC3C,CAAA;AAzBC;IADC,IAAI,EAAE;8CACmB;AAQ1B;IADC,IAAI,EAAE;qDAC6B;AAQpC;IADC,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC;gDACC;AAQtC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACH;AA/BlB,WAAW;IAJ/B,SAAS,CAAC;QACT,UAAU,EAAE,aAAEA,iBAAS,mBAAEC,mBAAe,EAAE;QAC1C,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;KAC9C,CAAC;GACmB,WAAW,CAgC/B;aAhCoB,WAAW;;;;"}
+{"version":3,"file":"next-queries.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/next-queries/components/next-queries.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { NextQuery as NextQueryModel } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\nimport { Getter } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { nextQueriesXModule } from '../x-module';\nimport NextQuery from './next-query.vue';\n\n/**\n * Simple next-queries component that renders a list of suggestions, allowing the user to\n * select one of them, and emitting the needed events.\n * A next query is a suggestion for a new search, related to your previous query. I.e. If\n * people normally search for `shirts`, and then `trousers`, `trousers` would be a next query\n * of `shirts`.\n *\n * @public\n */\n@Component({\n  components: { NextQuery, BaseSuggestions },\n  mixins: [xComponentMixin(nextQueriesXModule)]\n})\nexport default class NextQueries extends Vue {\n  /**\n   * Animation component that will be used to animate the suggestions.\n   *\n   * @public\n   */\n  @Prop()\n  public animation?: Vue;\n\n  /**\n   * Number of next queries to be rendered.\n   *\n   * @public\n   */\n  @Prop()\n  public maxItemsToRender?: number;\n\n  /**\n   * Flag to indicate if the curated next queries should be displayed different.\n   *\n   * @public\n   */\n  @Prop({ default: false, type: Boolean })\n  public highlightCurated!: boolean;\n\n  /**\n   * NextQueries list to be used instead of state NextQueries.\n   *\n   * @public\n   */\n  @Prop()\n  public suggestions?: NextQueryModel[];\n\n  /**\n   * The list of next queries from the state.\n   *\n   * @internal\n   */\n  @Getter('nextQueries', 'nextQueries')\n  public stateNextQueries!: NextQueryModel[];\n\n  /**.\n   * The list of next queries finally rendered\n   *\n   * @internal\n   */\n  protected get renderedNextQueries(): NextQueryModel[] {\n    return this.suggestions ?? this.stateNextQueries;\n  }\n}\n"],"names":["NextQuery","BaseSuggestions"],"mappings":";;;;;;;;;AA8CA;;;;;;;;;AAaA,IAAqB,WAAW,GAAhC,MAAqB,WAAY,SAAQ,GAAG;;;;;;IA8C1C,IAAc,mBAAmB;QAC/B,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,gBAAgB,CAAC;KAClD;CACF,CAAA;AA1CC;IADC,IAAI,EAAE;8CACgB;AAQvB;IADC,IAAI,EAAE;qDAC0B;AAQjC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACN;AAQlC;IADC,IAAI,EAAE;gDAC+B;AAQtC;IADC,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC;qDACM;AAvCxB,WAAW;IAJ/B,SAAS,CAAC;QACT,UAAU,EAAE,aAAEA,iBAAS,mBAAEC,mBAAe,EAAE;QAC1C,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;KAC9C,CAAC;GACmB,WAAW,CAiD/B;aAjDoB,WAAW;;;;"}

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

@@ -0,0 +1,40 @@
+/**
+ * Default implementation for the {@link QueriesPreviewActions.fetchAndSaveQueryPreview}.
+ *
+ * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ * @param request - The query preview request to make.
+ * @returns A Promise of a SearchResponse when it fetches the results.
+ *
+ * @public
+ */
+// eslint-disable-next-line max-len
+const fetchAndSaveQueryPreview = ({ dispatch, commit }, request) => {
+    const { query } = request;
+    if (!query) {
+        return;
+    }
+    commit('setQueryPreview', {
+        request,
+        results: [],
+        status: 'loading',
+        totalResults: 0
+    });
+    return dispatch('fetchQueryPreview', request)
+        .then(response => {
+        commit('setQueryPreview', {
+            request,
+            results: response?.results ?? [],
+            status: 'success',
+            totalResults: response?.totalResults ?? 0
+        });
+    })
+        .catch(error => {
+        // eslint-disable-next-line no-console
+        console.error(error);
+        commit('setStatus', { query, status: 'error' });
+    });
+};
+
+export { fetchAndSaveQueryPreview };
+//# sourceMappingURL=fetch-and-save-query-preview.action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-and-save-query-preview.action.js","sources":["../../../../../../src/x-modules/queries-preview/store/actions/fetch-and-save-query-preview.action.ts"],"sourcesContent":["import { QueriesPreviewXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QueriesPreviewActions.fetchAndSaveQueryPreview}.\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 preview request to make.\n * @returns A Promise of a SearchResponse when it fetches the results.\n *\n * @public\n */\n// eslint-disable-next-line max-len\nexport const fetchAndSaveQueryPreview: QueriesPreviewXStoreModule['actions']['fetchAndSaveQueryPreview'] =\n  ({ dispatch, commit }, request) => {\n    const { query } = request;\n    if (!query) {\n      return;\n    }\n    commit('setQueryPreview', {\n      request,\n      results: [],\n      status: 'loading',\n      totalResults: 0\n    });\n    return dispatch('fetchQueryPreview', request)\n      .then(response => {\n        commit('setQueryPreview', {\n          request,\n          results: response?.results ?? [],\n          status: 'success',\n          totalResults: response?.totalResults ?? 0\n        });\n      })\n      .catch(error => {\n        // eslint-disable-next-line no-console\n        console.error(error);\n        commit('setStatus', { query, status: 'error' });\n      });\n  };\n"],"names":[],"mappings":"AAEA;;;;;;;;;;AAUA;MACa,wBAAwB,GACnC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAC1B,IAAI,CAAC,KAAK,EAAE;QACV,OAAO;KACR;IACD,MAAM,CAAC,iBAAiB,EAAE;QACxB,OAAO;QACP,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,SAAS;QACjB,YAAY,EAAE,CAAC;KAChB,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC;SAC1C,IAAI,CAAC,QAAQ;QACZ,MAAM,CAAC,iBAAiB,EAAE;YACxB,OAAO;YACP,OAAO,EAAE,QAAQ,EAAE,OAAO,IAAI,EAAE;YAChC,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,QAAQ,EAAE,YAAY,IAAI,CAAC;SAC1C,CAAC,CAAC;KACJ,CAAC;SACD,KAAK,CAAC,KAAK;;QAEV,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrB,MAAM,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;KACjD,CAAC,CAAC;AACP;;;;"}

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

@@ -0,0 +1,24 @@
+import { XPlugin } from '../../../../plugins/x-plugin.js';
+
+/**
+ * Default implementation for the {@link QueriesPreviewActions.fetchQueryPreview}.
+ *
+ * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ * @param request - The query preview request to make.
+ * @returns A Promise of a SearchResponse when it fetches the results.
+ *
+ * @public
+ */
+const fetchQueryPreview = (_context, request) => {
+    const { query } = request;
+    if (!query) {
+        return null;
+    }
+    return XPlugin.adapter.search(request, {
+        id: `fetchQueryPreview-${query}`
+    });
+};
+
+export { fetchQueryPreview };
+//# sourceMappingURL=fetch-query-preview.action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-query-preview.action.js","sources":["../../../../../../src/x-modules/queries-preview/store/actions/fetch-query-preview.action.ts"],"sourcesContent":["import { XPlugin } from '../../../../plugins/x-plugin';\nimport { QueriesPreviewXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QueriesPreviewActions.fetchQueryPreview}.\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 preview request to make.\n * @returns A Promise of a SearchResponse when it fetches the results.\n *\n * @public\n */\nexport const fetchQueryPreview: QueriesPreviewXStoreModule['actions']['fetchQueryPreview'] = (\n  _context,\n  request\n) => {\n  const { query } = request;\n  if (!query) {\n    return null;\n  }\n  return XPlugin.adapter.search(request, {\n    id: `fetchQueryPreview-${query}`\n  });\n};\n"],"names":[],"mappings":";;AAGA;;;;;;;;;;MAUa,iBAAiB,GAA+D,CAC3F,QAAQ,EACR,OAAO;IAEP,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAC1B,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IACD,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE;QACrC,EAAE,EAAE,qBAAqB,KAAK,EAAE;KACjC,CAAC,CAAC;AACL;;;;"}

package/js/x-modules/queries-preview/store/module.js

@@ -1,13 +1,39 @@
+import Vue from 'vue';
+import { fetchQueryPreview } from './actions/fetch-query-preview.action.js';
+import { fetchAndSaveQueryPreview } from './actions/fetch-and-save-query-preview.action.js';
+
 /**
- * {@link XStoreModule} For the queries-preview module.
+ * {@link XStoreModule} For the `queries-preview` module.
  *
  * @internal
  */
 const queriesPreviewXStoreModule = {
-    state: () => ({}),
+    state: () => ({
+        config: {
+            maxItemsToRequest: 24
+        },
+        queriesPreview: {},
+        params: {}
+    }),
     getters: {},
-    mutations: {},
-    actions: {}
+    mutations: {
+        clearQueryPreview(state, query) {
+            Vue.delete(state.queriesPreview, query);
+        },
+        setParams(state, params) {
+            state.params = params;
+        },
+        setQueryPreview(state, queryPreview) {
+            Vue.set(state.queriesPreview, queryPreview.request.query, queryPreview);
+        },
+        setStatus(state, { query, status }) {
+            state.queriesPreview[query].status = status;
+        }
+    },
+    actions: {
+        fetchQueryPreview,
+        fetchAndSaveQueryPreview
+    }
 };
 
 export { queriesPreviewXStoreModule };

package/js/x-modules/queries-preview/store/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/queries-preview/store/module.ts"],"sourcesContent":["import { QueriesPreviewXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the queries-preview module.\n *\n * @internal\n */\nexport const queriesPreviewXStoreModule: QueriesPreviewXStoreModule = {\n  state: () => ({}),\n  getters: {},\n  mutations: {},\n  actions: {}\n};\n"],"names":[],"mappings":"AAEA;;;;;MAKa,0BAA0B,GAA+B;IACpE,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,EAAE;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/queries-preview/store/module.ts"],"sourcesContent":["import Vue from 'vue';\nimport { QueriesPreviewXStoreModule } from './types';\nimport { fetchQueryPreview } from './actions/fetch-query-preview.action';\nimport { fetchAndSaveQueryPreview } from './actions/fetch-and-save-query-preview.action';\n\n/**\n * {@link XStoreModule} For the `queries-preview` module.\n *\n * @internal\n */\nexport const queriesPreviewXStoreModule: QueriesPreviewXStoreModule = {\n  state: () => ({\n    config: {\n      maxItemsToRequest: 24\n    },\n    queriesPreview: {},\n    params: {}\n  }),\n  getters: {},\n  mutations: {\n    clearQueryPreview(state, query) {\n      Vue.delete(state.queriesPreview, query);\n    },\n    setParams(state, params) {\n      state.params = params;\n    },\n    setQueryPreview(state, queryPreview) {\n      Vue.set(state.queriesPreview, queryPreview.request.query, queryPreview);\n    },\n    setStatus(state, { query, status }) {\n      state.queriesPreview[query].status = status;\n    }\n  },\n  actions: {\n    fetchQueryPreview,\n    fetchAndSaveQueryPreview\n  }\n};\n"],"names":[],"mappings":";;;;AAKA;;;;;MAKa,0BAA0B,GAA+B;IACpE,KAAK,EAAE,OAAO;QACZ,MAAM,EAAE;YACN,iBAAiB,EAAE,EAAE;SACtB;QACD,cAAc,EAAE,EAAE;QAClB,MAAM,EAAE,EAAE;KACX,CAAC;IACF,OAAO,EAAE,EAAE;IACX,SAAS,EAAE;QACT,iBAAiB,CAAC,KAAK,EAAE,KAAK;YAC5B,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;SACzC;QACD,SAAS,CAAC,KAAK,EAAE,MAAM;YACrB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,eAAe,CAAC,KAAK,EAAE,YAAY;YACjC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;SACzE;QACD,SAAS,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC;SAC7C;KACF;IACD,OAAO,EAAE;QACP,iBAAiB;QACjB,wBAAwB;KACzB;;;;;"}

package/js/x-modules/queries-preview/wiring.js

@@ -1,11 +1,58 @@
+import { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory.js';
 import { createWiring } from '../../wiring/wiring.utils.js';
 
+/**
+ * `queriesPreview` {@link XModuleName | XModule name}.
+ *
+ * @internal
+ */
+const moduleName = 'queriesPreview';
+/**
+ * WireCommit for {@link QueriesPreviewXModule}.
+ *
+ * @internal
+ */
+const wireCommit = namespacedWireCommit(moduleName);
+/**
+ * WireDispatch for {@link QueriesPreviewXModule}.
+ *
+ * @internal
+ */
+const wireDispatch = namespacedWireDispatch(moduleName);
+/**
+ * Requests and stores the query preview results.
+ *
+ * @public
+ */
+const fetchAndSaveQueryPreviewWire = wireDispatch('fetchAndSaveQueryPreview');
+/**
+ * Clears a query preview from queries preview module.
+ *
+ * @public
+ */
+const clearQueryPreviewWire = wireCommit('clearQueryPreview');
+/**
+ * Sets the queries preview state `params`.
+ *
+ * @public
+ */
+const setQueriesPreviewExtraParamsWire = wireCommit('setParams');
 /**
  * Wiring configuration for the {@link QueriesPreviewXModule | queriesPreview module}.
  *
  * @internal
  */
-const queriesPreviewWiring = createWiring({});
+const queriesPreviewWiring = createWiring({
+    QueryPreviewRequestChanged: {
+        fetchAndSaveQueryPreviewWire
+    },
+    QueryPreviewRemoved: {
+        clearQueryPreviewWire
+    },
+    ExtraParamsChanged: {
+        setQueriesPreviewExtraParamsWire
+    }
+});
 
-export { queriesPreviewWiring };
+export { clearQueryPreviewWire, fetchAndSaveQueryPreviewWire, queriesPreviewWiring, setQueriesPreviewExtraParamsWire };
 //# sourceMappingURL=wiring.js.map

package/js/x-modules/queries-preview/wiring.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/queries-preview/wiring.ts"],"sourcesContent":["import { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * Wiring configuration for the {@link QueriesPreviewXModule | queriesPreview module}.\n *\n * @internal\n */\nexport const queriesPreviewWiring = createWiring({});\n"],"names":[],"mappings":";;AAEA;;;;;MAKa,oBAAoB,GAAG,YAAY,CAAC,EAAE;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/queries-preview/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch\n} from '../../wiring/namespaced-wires.factory';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `queriesPreview` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'queriesPreview';\n\n/**\n * WireCommit for {@link QueriesPreviewXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * WireDispatch for {@link QueriesPreviewXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * Requests and stores the query preview results.\n *\n * @public\n */\nexport const fetchAndSaveQueryPreviewWire = wireDispatch('fetchAndSaveQueryPreview');\n\n/**\n * Clears a query preview from queries preview module.\n *\n * @public\n */\n\nexport const clearQueryPreviewWire = wireCommit('clearQueryPreview');\n/**\n * Sets the queries preview state `params`.\n *\n * @public\n */\nexport const setQueriesPreviewExtraParamsWire = wireCommit('setParams');\n\n/**\n * Wiring configuration for the {@link QueriesPreviewXModule | queriesPreview module}.\n *\n * @internal\n */\nexport const queriesPreviewWiring = createWiring({\n  QueryPreviewRequestChanged: {\n    fetchAndSaveQueryPreviewWire\n  },\n  QueryPreviewRemoved: {\n    clearQueryPreviewWire\n  },\n  ExtraParamsChanged: {\n    setQueriesPreviewExtraParamsWire\n  }\n});\n"],"names":[],"mappings":";;;AAMA;;;;;AAKA,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAEpC;;;;;AAKA,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAEpD;;;;;AAKA,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAExD;;;;;MAKa,4BAA4B,GAAG,YAAY,CAAC,0BAA0B,EAAE;AAErF;;;;;MAMa,qBAAqB,GAAG,UAAU,CAAC,mBAAmB,EAAE;AACrE;;;;;MAKa,gCAAgC,GAAG,UAAU,CAAC,WAAW,EAAE;AAExE;;;;;MAKa,oBAAoB,GAAG,YAAY,CAAC;IAC/C,0BAA0B,EAAE;QAC1B,4BAA4B;KAC7B;IACD,mBAAmB,EAAE;QACnB,qBAAqB;KACtB;IACD,kBAAkB,EAAE;QAClB,gCAAgC;KACjC;CACF;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "3.0.0-alpha.163",
+  "version": "3.0.0-alpha.166",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -69,11 +69,13 @@
     "@types/resize-observer-browser": "~0.1.5",
     "rxjs": "~7.4.0",
     "tslib": "~2.3.0",
-    "vue": "^2.6.0",
     "vue-class-component": "~7.1.0",
     "vue-global-events": "~1.2.1",
     "vue-property-decorator": "~8.3.0",
-    "vue-runtime-helpers": "~1.1.2",
+    "vue-runtime-helpers": "~1.1.2"
+  },
+  "peerDependencies": {
+    "vue": "~2.6.0",
     "vuex": "^3.0.0"
   },
   "devDependencies": {
@@ -121,13 +123,15 @@
     "ts-jest": "~27.0.7",
     "ts-node": "~8.9.1",
     "typescript": "~4.6.2",
+    "vue": "~2.6.14",
     "vue-docgen-cli": "~4.13.1",
     "vue-router": "~3.4.3",
-    "vue-template-compiler": "^2.6.0"
+    "vue-template-compiler": "~2.6.14",
+    "vuex": "~3.6.2"
   },
   "publishConfig": {
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "9c380f74addca0329886e8fa1eb8369c88f06a03"
+  "gitHead": "b7ece15f9e9f0586221ed12a904f00def2d1a321"
 }

package/queries-preview/index.js

@@ -1,4 +1,6 @@
+export { fetchQueryPreview } from '../js/x-modules/queries-preview/store/actions/fetch-query-preview.action.js';
+export { fetchAndSaveQueryPreview } from '../js/x-modules/queries-preview/store/actions/fetch-and-save-query-preview.action.js';
 export { queriesPreviewEmitters } from '../js/x-modules/queries-preview/store/emitters.js';
 export { queriesPreviewXStoreModule } from '../js/x-modules/queries-preview/store/module.js';
 export { queriesPreviewXModule } from '../js/x-modules/queries-preview/x-module.js';
-export { queriesPreviewWiring } from '../js/x-modules/queries-preview/wiring.js';
+export { clearQueryPreviewWire, fetchAndSaveQueryPreviewWire, queriesPreviewWiring, setQueriesPreviewExtraParamsWire } from '../js/x-modules/queries-preview/wiring.js';