@empathyco/x-components 3.0.0-alpha.52 → 3.0.0-alpha.53

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

@@ -1,82 +1,82 @@
-import { createWiring } from '../../wiring/wiring.utils.js';
 import { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
 
 /**
  * `nextQueries` {@link XModuleName | XModule name}.
  *
  * @internal
  */
-var moduleName = 'nextQueries';
+const moduleName = 'nextQueries';
 /**
  * WireCommit for {@link NextQueriesXModule}.
  *
  * @internal
  */
-var wireCommit = namespacedWireCommit(moduleName);
+const wireCommit = namespacedWireCommit(moduleName);
 /**
  * WireDispatch for {@link NextQueriesXModule}.
  *
  * @internal
  */
-var wireDispatch = namespacedWireDispatch(moduleName);
+const wireDispatch = namespacedWireDispatch(moduleName);
 /**
  * Sets the next queries state `query`.
  *
  * @public
  */
-var setNextQueriesQuery = wireCommit('setQuery');
+const setNextQueriesQuery = wireCommit('setQuery');
 /**
  * Sets the next queries state `query` from url.
  *
  * @public
  */
-var setUrlParams = wireDispatch('setUrlParams');
+const setUrlParams = wireDispatch('setUrlParams');
 /**
  * Sets the next queries state `params`.
  *
  * @public
  */
-var setNextQueriesExtraParams = wireCommit('setParams');
+const setNextQueriesExtraParams = wireCommit('setParams');
 /**
  * Requests and stores the next queries.
  *
  * @public
  */
-var fetchAndSaveNextQueriesWire = wireDispatch('fetchAndSaveNextQueries');
+const fetchAndSaveNextQueriesWire = wireDispatch('fetchAndSaveNextQueries');
 /**
  * Sets the next queries state `query` with the last query in history queries.
  *
  * @public
  */
-var setQueryFromLastHistoryQueryWire = wireDispatch('setQueryFromLastHistoryQuery');
+const setQueryFromLastHistoryQueryWire = wireDispatch('setQueryFromLastHistoryQuery');
 /**
  * Sets the next queries state `searchedQueries` with the list of history queries.
  *
  * @public
  */
-var setSearchedQueries = wireCommit('setSearchedQueries');
+const setSearchedQueries = wireCommit('setSearchedQueries');
 /**
  * Wiring configuration for the {@link NextQueriesXModule | next queries module}.
  *
  * @internal
  */
-var nextQueriesWiring = createWiring({
+const nextQueriesWiring = createWiring({
     ParamsLoadedFromUrl: {
-        setUrlParams: setUrlParams
+        setUrlParams
     },
     UserAcceptedAQuery: {
-        setNextQueriesQuery: setNextQueriesQuery
+        setNextQueriesQuery
     },
     SessionHistoryQueriesChanged: {
-        setSearchedQueries: setSearchedQueries,
+        setSearchedQueries,
         // TODO setQueryFromLastHistoryQuery it has to be called only one time
-        setQueryFromLastHistoryQueryWire: setQueryFromLastHistoryQueryWire
+        setQueryFromLastHistoryQueryWire
     },
     NextQueriesRequestChanged: {
-        fetchAndSaveNextQueriesWire: fetchAndSaveNextQueriesWire
+        fetchAndSaveNextQueriesWire
     },
     ExtraParamsChanged: {
-        setNextQueriesExtraParams: setNextQueriesExtraParams
+        setNextQueriesExtraParams
     }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/next-queries/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch\n} from '../../wiring/namespaced-wires.factory';\nimport { NamespacedWireCommit, NamespacedWireDispatch } from '../../wiring/namespaced-wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `nextQueries` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'nextQueries';\n/**\n * WireCommit for {@link NextQueriesXModule}.\n *\n * @internal\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName);\n/**\n * WireDispatch for {@link NextQueriesXModule}.\n *\n * @internal\n */\nconst wireDispatch: NamespacedWireDispatch<typeof moduleName> = namespacedWireDispatch(moduleName);\n\n/**\n * Sets the next queries state `query`.\n *\n * @public\n */\nexport const setNextQueriesQuery = wireCommit('setQuery');\n\n/**\n * Sets the next queries state `query` from url.\n *\n * @public\n */\nconst setUrlParams = wireDispatch('setUrlParams');\n\n/**\n * Sets the next queries state `params`.\n *\n * @public\n */\nexport const setNextQueriesExtraParams = wireCommit('setParams');\n\n/**\n * Requests and stores the next queries.\n *\n * @public\n */\nexport const fetchAndSaveNextQueriesWire = wireDispatch('fetchAndSaveNextQueries');\n\n/**\n * Sets the next queries state `query` with the last query in history queries.\n *\n * @public\n */\nexport const setQueryFromLastHistoryQueryWire = wireDispatch('setQueryFromLastHistoryQuery');\n\n/**\n * Sets the next queries state `searchedQueries` with the list of history queries.\n *\n * @public\n */\nexport const setSearchedQueries = wireCommit('setSearchedQueries');\n\n/**\n * Wiring configuration for the {@link NextQueriesXModule | next queries module}.\n *\n * @internal\n */\nexport const nextQueriesWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams\n  },\n  UserAcceptedAQuery: {\n    setNextQueriesQuery\n  },\n  SessionHistoryQueriesChanged: {\n    setSearchedQueries,\n    // TODO setQueryFromLastHistoryQuery it has to be called only one time\n    setQueryFromLastHistoryQueryWire\n  },\n  NextQueriesRequestChanged: {\n    fetchAndSaveNextQueriesWire\n  },\n  ExtraParamsChanged: {\n    setNextQueriesExtraParams\n  }\n});\n"],"names":[],"mappings":";;;AAOA;;;;;AAKA,IAAM,UAAU,GAAG,aAAa,CAAC;AACjC;;;;;AAKA,IAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAC7F;;;;;AAKA,IAAM,YAAY,GAA8C,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAEnG;;;;;IAKa,mBAAmB,GAAG,UAAU,CAAC,UAAU,EAAE;AAE1D;;;;;AAKA,IAAM,YAAY,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC;AAElD;;;;;IAKa,yBAAyB,GAAG,UAAU,CAAC,WAAW,EAAE;AAEjE;;;;;IAKa,2BAA2B,GAAG,YAAY,CAAC,yBAAyB,EAAE;AAEnF;;;;;IAKa,gCAAgC,GAAG,YAAY,CAAC,8BAA8B,EAAE;AAE7F;;;;;IAKa,kBAAkB,GAAG,UAAU,CAAC,oBAAoB,EAAE;AAEnE;;;;;IAKa,iBAAiB,GAAG,YAAY,CAAC;IAC5C,mBAAmB,EAAE;QACnB,YAAY,cAAA;KACb;IACD,kBAAkB,EAAE;QAClB,mBAAmB,qBAAA;KACpB;IACD,4BAA4B,EAAE;QAC5B,kBAAkB,oBAAA;;QAElB,gCAAgC,kCAAA;KACjC;IACD,yBAAyB,EAAE;QACzB,2BAA2B,6BAAA;KAC5B;IACD,kBAAkB,EAAE;QAClB,yBAAyB,2BAAA;KAC1B;CACF;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/next-queries/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch\n} from '../../wiring/namespaced-wires.factory';\nimport { NamespacedWireCommit, NamespacedWireDispatch } from '../../wiring/namespaced-wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `nextQueries` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'nextQueries';\n/**\n * WireCommit for {@link NextQueriesXModule}.\n *\n * @internal\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName);\n/**\n * WireDispatch for {@link NextQueriesXModule}.\n *\n * @internal\n */\nconst wireDispatch: NamespacedWireDispatch<typeof moduleName> = namespacedWireDispatch(moduleName);\n\n/**\n * Sets the next queries state `query`.\n *\n * @public\n */\nexport const setNextQueriesQuery = wireCommit('setQuery');\n\n/**\n * Sets the next queries state `query` from url.\n *\n * @public\n */\nconst setUrlParams = wireDispatch('setUrlParams');\n\n/**\n * Sets the next queries state `params`.\n *\n * @public\n */\nexport const setNextQueriesExtraParams = wireCommit('setParams');\n\n/**\n * Requests and stores the next queries.\n *\n * @public\n */\nexport const fetchAndSaveNextQueriesWire = wireDispatch('fetchAndSaveNextQueries');\n\n/**\n * Sets the next queries state `query` with the last query in history queries.\n *\n * @public\n */\nexport const setQueryFromLastHistoryQueryWire = wireDispatch('setQueryFromLastHistoryQuery');\n\n/**\n * Sets the next queries state `searchedQueries` with the list of history queries.\n *\n * @public\n */\nexport const setSearchedQueries = wireCommit('setSearchedQueries');\n\n/**\n * Wiring configuration for the {@link NextQueriesXModule | next queries module}.\n *\n * @internal\n */\nexport const nextQueriesWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams\n  },\n  UserAcceptedAQuery: {\n    setNextQueriesQuery\n  },\n  SessionHistoryQueriesChanged: {\n    setSearchedQueries,\n    // TODO setQueryFromLastHistoryQuery it has to be called only one time\n    setQueryFromLastHistoryQueryWire\n  },\n  NextQueriesRequestChanged: {\n    fetchAndSaveNextQueriesWire\n  },\n  ExtraParamsChanged: {\n    setNextQueriesExtraParams\n  }\n});\n"],"names":[],"mappings":";;;AAOA;;;;;AAKA,MAAM,UAAU,GAAG,aAAa,CAAC;AACjC;;;;;AAKA,MAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAC7F;;;;;AAKA,MAAM,YAAY,GAA8C,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAEnG;;;;;MAKa,mBAAmB,GAAG,UAAU,CAAC,UAAU,EAAE;AAE1D;;;;;AAKA,MAAM,YAAY,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC;AAElD;;;;;MAKa,yBAAyB,GAAG,UAAU,CAAC,WAAW,EAAE;AAEjE;;;;;MAKa,2BAA2B,GAAG,YAAY,CAAC,yBAAyB,EAAE;AAEnF;;;;;MAKa,gCAAgC,GAAG,YAAY,CAAC,8BAA8B,EAAE;AAE7F;;;;;MAKa,kBAAkB,GAAG,UAAU,CAAC,oBAAoB,EAAE;AAEnE;;;;;MAKa,iBAAiB,GAAG,YAAY,CAAC;IAC5C,mBAAmB,EAAE;QACnB,YAAY;KACb;IACD,kBAAkB,EAAE;QAClB,mBAAmB;KACpB;IACD,4BAA4B,EAAE;QAC5B,kBAAkB;;QAElB,gCAAgC;KACjC;IACD,yBAAyB,EAAE;QACzB,2BAA2B;KAC5B;IACD,kBAAkB,EAAE;QAClB,yBAAyB;KAC1B;CACF;;;;"}

package/js/x-modules/next-queries/x-module.js

@@ -1,5 +1,5 @@
-import { nextQueriesXStoreModule } from './store/module.js';
 import { nextQueriesEmitters } from './store/emitters.js';
+import { nextQueriesXStoreModule } from './store/module.js';
 import { nextQueriesWiring } from './wiring.js';
 
 /**
@@ -8,7 +8,7 @@ import { nextQueriesWiring } from './wiring.js';
  *
  * @public
  */
-var nextQueriesXModule = {
+const nextQueriesXModule = {
     name: 'nextQueries',
     storeModule: nextQueriesXStoreModule,
     storeEmitters: nextQueriesEmitters,

package/js/x-modules/next-queries/x-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/next-queries/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { nextQueriesEmitters } from './store/emitters';\nimport { nextQueriesXStoreModule } from './store/module';\nimport { NextQueriesXStoreModule } from './store/types';\nimport { nextQueriesWiring } from './wiring';\n\n/**\n * NextQueries {@link XModule} alias.\n *\n * @public\n */\nexport type NextQueriesXModule = XModule<NextQueriesXStoreModule>;\n\n/**\n * Next queries {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `next-queries` entry point.\n *\n * @public\n */\nexport const nextQueriesXModule: NextQueriesXModule = {\n  name: 'nextQueries',\n  storeModule: nextQueriesXStoreModule,\n  storeEmitters: nextQueriesEmitters,\n  wiring: nextQueriesWiring\n};\n"],"names":[],"mappings":";;;;AAaA;;;;;;IAMa,kBAAkB,GAAuB;IACpD,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,uBAAuB;IACpC,aAAa,EAAE,mBAAmB;IAClC,MAAM,EAAE,iBAAiB;;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/next-queries/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { nextQueriesEmitters } from './store/emitters';\nimport { nextQueriesXStoreModule } from './store/module';\nimport { NextQueriesXStoreModule } from './store/types';\nimport { nextQueriesWiring } from './wiring';\n\n/**\n * NextQueries {@link XModule} alias.\n *\n * @public\n */\nexport type NextQueriesXModule = XModule<NextQueriesXStoreModule>;\n\n/**\n * Next queries {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `next-queries` entry point.\n *\n * @public\n */\nexport const nextQueriesXModule: NextQueriesXModule = {\n  name: 'nextQueries',\n  storeModule: nextQueriesXStoreModule,\n  storeEmitters: nextQueriesEmitters,\n  wiring: nextQueriesWiring\n};\n"],"names":[],"mappings":";;;;AAaA;;;;;;MAMa,kBAAkB,GAAuB;IACpD,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,uBAAuB;IACpC,aAAa,EAAE,mBAAmB;IAClC,MAAM,EAAE,iBAAiB;;;;;"}

package/js/x-modules/popular-searches/components/popular-search.vue.js

@@ -1,8 +1,8 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './popular-search.vue_rollup-plugin-vue=script.js';
+import script from './popular-search.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -30,9 +30,11 @@ var __vue_render__ = function () {
                   return [_vm._v(_vm._s(suggestion.query))]
                 },
                 { suggestion: suggestion }
-              ) ]
+              ),
+            ]
           },
-        } ],
+        },
+      ],
       null,
       true
     ),
@@ -42,13 +44,13 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* module identifier */
-  var __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__ = undefined;
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  const __vue_is_functional_template__ = false;
   /* style inject */
   
   /* style inject SSR */
@@ -57,7 +59,7 @@ __vue_render__._withStripped = true;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -70,5 +72,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=popular-search.vue.js.map

package/js/x-modules/popular-searches/components/popular-search.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"popular-search.vue.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-search.vue"],"sourcesContent":["<template>\n  <BaseSuggestion\n    class=\"x-popular-search\"\n    :suggestion=\"suggestion\"\n    :suggestionSelectedEvents=\"events\"\n    data-test=\"popular-search\"\n    feature=\"popular_search\"\n  >\n    <template #default=\"{ suggestion }\">\n      <!--\n        @slot Popular Search's content\n            @binding {Suggestion} suggestion - Popular Search suggestion data\n      -->\n      <slot :suggestion=\"suggestion\">{{ suggestion.query }}</slot>\n    </template>\n  </BaseSuggestion>\n</template>\n\n<script lang=\"ts\">\n  import { Suggestion } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { popularSearchesXModule } from '../x-module';\n\n  /**\n   * Renders a popular search item which receives the suggestion that will be rendered as a prop. It\n   * exposes a default slot to change the popular search content. If the slot is not overridden,\n   * it will render the suggestion query by default.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseSuggestion },\n    mixins: [xComponentMixin(popularSearchesXModule)]\n  })\n  export default class PopularSearch extends Vue {\n    /**\n     * The suggestion to render and use in the default slot.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected suggestion!: Suggestion;\n\n    /**\n     * Events list which are going to be emitted when a popular search is selected.\n     *\n     * @returns The {@link XEvent | XEvents} to emit.\n     * @public\n     */\n    protected get events(): Partial<XEventsTypes> {\n      return {\n        UserSelectedAPopularSearch: this.suggestion\n      };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis components expects just a suggestion as a prop to be rendered. It has a slot to override the\ncontent. By default, it renders the suggestion query of the popular search.\n\n### Basic Usage\n\n```vue\n<PopularSearch :suggestion=\"suggestion\" />\n```\n\n### Custom Usage\n\n```vue\n<PopularSearch :suggestion=\"suggestion\">\n  <template #default=\"{ suggestion }\">\n    <svg height=\"10\" width=\"10\">\n      <circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"black\" />\n    </svg>\n    <span :aria-label=\"suggestion.query\">{{ suggestion.query }}</span>\n  </template>\n</PopularSearch>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserSelectedAPopularSearch`: the event is emitted after the user clicks the button. The event\n  payload is the popular search data.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"popular-search.vue.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-search.vue"],"sourcesContent":["<template>\n  <BaseSuggestion\n    class=\"x-popular-search\"\n    :suggestion=\"suggestion\"\n    :suggestionSelectedEvents=\"events\"\n    data-test=\"popular-search\"\n    feature=\"popular_search\"\n  >\n    <template #default=\"{ suggestion }\">\n      <!--\n        @slot Popular Search's content\n            @binding {Suggestion} suggestion - Popular Search suggestion data\n      -->\n      <slot :suggestion=\"suggestion\">{{ suggestion.query }}</slot>\n    </template>\n  </BaseSuggestion>\n</template>\n\n<script lang=\"ts\">\n  import { Suggestion } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { popularSearchesXModule } from '../x-module';\n\n  /**\n   * Renders a popular search item which receives the suggestion that will be rendered as a prop. It\n   * exposes a default slot to change the popular search content. If the slot is not overridden,\n   * it will render the suggestion query by default.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseSuggestion },\n    mixins: [xComponentMixin(popularSearchesXModule)]\n  })\n  export default class PopularSearch extends Vue {\n    /**\n     * The suggestion to render and use in the default slot.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected suggestion!: Suggestion;\n\n    /**\n     * Events list which are going to be emitted when a popular search is selected.\n     *\n     * @returns The {@link XEvent | XEvents} to emit.\n     * @public\n     */\n    protected get events(): Partial<XEventsTypes> {\n      return {\n        UserSelectedAPopularSearch: this.suggestion\n      };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis components expects just a suggestion as a prop to be rendered. It has a slot to override the\ncontent. By default, it renders the suggestion query of the popular search.\n\n### Basic Usage\n\n```vue\n<PopularSearch :suggestion=\"suggestion\" />\n```\n\n### Custom Usage\n\n```vue\n<PopularSearch :suggestion=\"suggestion\">\n  <template #default=\"{ suggestion }\">\n    <svg height=\"10\" width=\"10\">\n      <circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"black\" />\n    </svg>\n    <span :aria-label=\"suggestion.query\">{{ suggestion.query }}</span>\n  </template>\n</PopularSearch>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserSelectedAPopularSearch`: the event is emitted after the user clicks the button. The event\n  payload is the popular search data.\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/popular-searches/components/popular-search.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,40 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import { Prop, Component } from 'vue-property-decorator';
+import __vue_component__ from '../../../components/suggestions/base-suggestion.vue.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { popularSearchesXModule } from '../x-module.js';
+
+/**
+ * Renders a popular search item which receives the suggestion that will be rendered as a prop. It
+ * exposes a default slot to change the popular search content. If the slot is not overridden,
+ * it will render the suggestion query by default.
+ *
+ * @public
+ */
+let PopularSearch = class PopularSearch extends Vue {
+    /**
+     * Events list which are going to be emitted when a popular search is selected.
+     *
+     * @returns The {@link XEvent | XEvents} to emit.
+     * @public
+     */
+    get events() {
+        return {
+            UserSelectedAPopularSearch: this.suggestion
+        };
+    }
+};
+__decorate([
+    Prop({ required: true })
+], PopularSearch.prototype, "suggestion", void 0);
+PopularSearch = __decorate([
+    Component({
+        components: { BaseSuggestion: __vue_component__ },
+        mixins: [xComponentMixin(popularSearchesXModule)]
+    })
+], PopularSearch);
+var script = PopularSearch;
+
+export { script as default };
+//# sourceMappingURL=popular-search.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/popular-searches/components/popular-search.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popular-search.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-search.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\nimport { Suggestion } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { XEventsTypes } from '../../../wiring/events.types';\nimport { popularSearchesXModule } from '../x-module';\n\n/**\n * Renders a popular search item which receives the suggestion that will be rendered as a prop. It\n * exposes a default slot to change the popular search content. If the slot is not overridden,\n * it will render the suggestion query by default.\n *\n * @public\n */\n@Component({\n  components: { BaseSuggestion },\n  mixins: [xComponentMixin(popularSearchesXModule)]\n})\nexport default class PopularSearch extends Vue {\n  /**\n   * The suggestion to render and use in the default slot.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected suggestion!: Suggestion;\n\n  /**\n   * Events list which are going to be emitted when a popular search is selected.\n   *\n   * @returns The {@link XEvent | XEvents} to emit.\n   * @public\n   */\n  protected get events(): Partial<XEventsTypes> {\n    return {\n      UserSelectedAPopularSearch: this.suggestion\n    };\n  }\n}\n"],"names":["BaseSuggestion"],"mappings":";;;;;;;AA2BA;;;;;;;AAWA,IAAqB,aAAa,GAAlC,MAAqB,aAAc,SAAQ,GAAG;;;;;;;IAe5C,IAAc,MAAM;QAClB,OAAO;YACL,0BAA0B,EAAE,IAAI,CAAC,UAAU;SAC5C,CAAC;KACH;CACF,CAAA;AAbC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;iDACS;AAPf,aAAa;IAJjC,SAAS,CAAC;QACT,UAAU,EAAE,kBAAEA,iBAAc,EAAE;QAC9B,MAAM,EAAE,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;KAClD,CAAC;GACmB,aAAa,CAoBjC;aApBoB,aAAa;;;;"}

package/js/x-modules/popular-searches/components/popular-searches.vue.js

@@ -1,8 +1,8 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './popular-searches.vue_rollup-plugin-vue=script.js';
+import script from './popular-searches.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -41,20 +41,25 @@ var __vue_render__ = function () {
                                 _vm._t("suggestion-content", null, null, {
                                   suggestion: suggestion,
                                   index: index,
-                                }) ]
+                                }),
+                              ]
                             },
                             proxy: true,
-                          } ],
+                          },
+                        ],
                         null,
                         true
                       ),
-                    }) ]
+                    }),
+                  ]
                 },
                 null,
                 { suggestion: suggestion, index: index }
-              ) ]
+              ),
+            ]
           },
-        } ],
+        },
+      ],
       null,
       true
     ),
@@ -64,13 +69,13 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* module identifier */
-  var __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__ = undefined;
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  const __vue_is_functional_template__ = false;
   /* style inject */
   
   /* style inject SSR */
@@ -79,7 +84,7 @@ __vue_render__._withStripped = true;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -92,5 +97,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=popular-searches.vue.js.map

package/js/x-modules/popular-searches/components/popular-searches.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"popular-searches.vue.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-searches.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"popularSearches\"\n    :maxItemsToRender=\"maxItemsToRender\"\n    class=\"x-popular-searches\"\n    data-test=\"popular-searches\"\n    :animation=\"animation\"\n  >\n    <template #default=\"{ suggestion, index }\">\n      <!--\n        @slot Popular Search item\n            @binding {Suggestion} suggestion - Popular Search suggestion data\n            @binding {number} index - Popular Search suggestion index\n      -->\n      <slot name=\"suggestion\" v-bind=\"{ suggestion, index }\">\n        <PopularSearch :suggestion=\"suggestion\" class=\"x-popular-searches__suggestion\">\n          <template #default>\n            <!--\n              @slot Popular Search content\n                  @binding {Suggestion} suggestion - Popular Search suggestion data\n                  @binding {number} index - Popular Search suggestion index\n            -->\n            <slot name=\"suggestion-content\" v-bind=\"{ suggestion, index }\" />\n          </template>\n        </PopularSearch>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { Suggestion } 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 { popularSearchesXModule } from '../x-module';\n  import PopularSearch from './popular-search.vue';\n\n  /**\n   * Simple popular-searches component that renders a list of suggestions, allowing the user to\n   * select one of them, and emitting the needed events.\n   * A popular search is just a query that has been searched a lot in a certain period and may\n   * optionally have associated a set of filters.\n   *\n   * @public\n   */\n  @Component({\n    components: { PopularSearch, BaseSuggestions },\n    mixins: [xComponentMixin(popularSearchesXModule)]\n  })\n  export default class PopularSearches 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 popular searches to be rendered.\n     *\n     * @public\n     */\n    @Prop()\n    protected maxItemsToRender?: number;\n\n    /**\n     * The list of popular searches.\n     *\n     * @internal\n     */\n    @Getter('popularSearches', 'popularSearches')\n    public popularSearches!: Suggestion[];\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Default Usage\n\nYou don't need to pass any props, or slots. Simply add the component, and when it has any popular\nsearches it will show them.\n\n```vue\n<PopularSearches />\n```\n\nThe component has two optional props. `animation` to render the component with an animation and\n`maxItemToRender` to limit the number of popular searches will be rendered (by default it is 5).\n\n```vue\n<PopularSearches :animation=\"FadeAndSlide\" :maxItemsToRender=\"10\" />\n```\n\n### Overriding Popular Search's Content\n\nYou can use your custom implementation of the Popular Search's content. In the example below,\ninstead of using the default Popular Search's content, an icon is added, as well as a span with the\nquery of the Popular Search's suggestion.\n\n```vue\n<PopularSearches>\n  <template #suggestion-content=\"{ suggestion }\">\n    <img class=\"x-popular-search__icon\" src=\"./popular-search-icon.svg\" />\n    <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n  </template>\n</PopularSearches>\n```\n\n### Adding a Custom Popular Search Item\n\nYou can use your custom implementation for the whole Popular Search item. In the example below, we\nchange the default implementation of the Popular Search in Popular Searches. A custom Popular Search\nimplementation is added, it has an image and a span as content (as in the previous example). Also, a\nbutton with a user customized behaviour is added at the same hierarchical level as the Popular\nSearch component.\n\n```vue\n<PopularSearches>\n  <template #suggestion=\"{suggestion}\">\n    <PopularSearch :suggestion=\"suggestion\">\n      <template #default=\"{suggestion}\">\n        <img class=\"x-popular-search__icon\" src=\"./popular-search-icon.svg\" />\n        <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n      </template>\n    </PopularSearch>\n    <button>Custom Behaviour</button>\n  </template>\n</PopularSearches>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"popular-searches.vue.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-searches.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"popularSearches\"\n    :maxItemsToRender=\"maxItemsToRender\"\n    class=\"x-popular-searches\"\n    data-test=\"popular-searches\"\n    :animation=\"animation\"\n  >\n    <template #default=\"{ suggestion, index }\">\n      <!--\n        @slot Popular Search item\n            @binding {Suggestion} suggestion - Popular Search suggestion data\n            @binding {number} index - Popular Search suggestion index\n      -->\n      <slot name=\"suggestion\" v-bind=\"{ suggestion, index }\">\n        <PopularSearch :suggestion=\"suggestion\" class=\"x-popular-searches__suggestion\">\n          <template #default>\n            <!--\n              @slot Popular Search content\n                  @binding {Suggestion} suggestion - Popular Search suggestion data\n                  @binding {number} index - Popular Search suggestion index\n            -->\n            <slot name=\"suggestion-content\" v-bind=\"{ suggestion, index }\" />\n          </template>\n        </PopularSearch>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { Suggestion } 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 { popularSearchesXModule } from '../x-module';\n  import PopularSearch from './popular-search.vue';\n\n  /**\n   * Simple popular-searches component that renders a list of suggestions, allowing the user to\n   * select one of them, and emitting the needed events.\n   * A popular search is just a query that has been searched a lot in a certain period and may\n   * optionally have associated a set of filters.\n   *\n   * @public\n   */\n  @Component({\n    components: { PopularSearch, BaseSuggestions },\n    mixins: [xComponentMixin(popularSearchesXModule)]\n  })\n  export default class PopularSearches 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 popular searches to be rendered.\n     *\n     * @public\n     */\n    @Prop()\n    protected maxItemsToRender?: number;\n\n    /**\n     * The list of popular searches.\n     *\n     * @internal\n     */\n    @Getter('popularSearches', 'popularSearches')\n    public popularSearches!: Suggestion[];\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Default Usage\n\nYou don't need to pass any props, or slots. Simply add the component, and when it has any popular\nsearches it will show them.\n\n```vue\n<PopularSearches />\n```\n\nThe component has two optional props. `animation` to render the component with an animation and\n`maxItemToRender` to limit the number of popular searches will be rendered (by default it is 5).\n\n```vue\n<PopularSearches :animation=\"FadeAndSlide\" :maxItemsToRender=\"10\" />\n```\n\n### Overriding Popular Search's Content\n\nYou can use your custom implementation of the Popular Search's content. In the example below,\ninstead of using the default Popular Search's content, an icon is added, as well as a span with the\nquery of the Popular Search's suggestion.\n\n```vue\n<PopularSearches>\n  <template #suggestion-content=\"{ suggestion }\">\n    <img class=\"x-popular-search__icon\" src=\"./popular-search-icon.svg\" />\n    <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n  </template>\n</PopularSearches>\n```\n\n### Adding a Custom Popular Search Item\n\nYou can use your custom implementation for the whole Popular Search item. In the example below, we\nchange the default implementation of the Popular Search in Popular Searches. A custom Popular Search\nimplementation is added, it has an image and a span as content (as in the previous example). Also, a\nbutton with a user customized behaviour is added at the same hierarchical level as the Popular\nSearch component.\n\n```vue\n<PopularSearches>\n  <template #suggestion=\"{suggestion}\">\n    <PopularSearch :suggestion=\"suggestion\">\n      <template #default=\"{suggestion}\">\n        <img class=\"x-popular-search__icon\" src=\"./popular-search-icon.svg\" />\n        <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n      </template>\n    </PopularSearch>\n    <button>Custom Behaviour</button>\n  </template>\n</PopularSearches>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/popular-searches/components/popular-searches.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,38 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import { Prop, Component } from 'vue-property-decorator';
+import __vue_component__$1 from '../../../components/suggestions/base-suggestions.vue.js';
+import { Getter } from '../../../components/decorators/store.decorators.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { popularSearchesXModule } from '../x-module.js';
+import __vue_component__ from './popular-search.vue.js';
+
+/**
+ * Simple popular-searches component that renders a list of suggestions, allowing the user to
+ * select one of them, and emitting the needed events.
+ * A popular search is just a query that has been searched a lot in a certain period and may
+ * optionally have associated a set of filters.
+ *
+ * @public
+ */
+let PopularSearches = class PopularSearches extends Vue {
+};
+__decorate([
+    Prop()
+], PopularSearches.prototype, "animation", void 0);
+__decorate([
+    Prop()
+], PopularSearches.prototype, "maxItemsToRender", void 0);
+__decorate([
+    Getter('popularSearches', 'popularSearches')
+], PopularSearches.prototype, "popularSearches", void 0);
+PopularSearches = __decorate([
+    Component({
+        components: { PopularSearch: __vue_component__, BaseSuggestions: __vue_component__$1 },
+        mixins: [xComponentMixin(popularSearchesXModule)]
+    })
+], PopularSearches);
+var script = PopularSearches;
+
+export { script as default };
+//# sourceMappingURL=popular-searches.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/popular-searches/components/popular-searches.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popular-searches.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-searches.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\nimport { Suggestion } 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 { popularSearchesXModule } from '../x-module';\nimport PopularSearch from './popular-search.vue';\n\n/**\n * Simple popular-searches component that renders a list of suggestions, allowing the user to\n * select one of them, and emitting the needed events.\n * A popular search is just a query that has been searched a lot in a certain period and may\n * optionally have associated a set of filters.\n *\n * @public\n */\n@Component({\n  components: { PopularSearch, BaseSuggestions },\n  mixins: [xComponentMixin(popularSearchesXModule)]\n})\nexport default class PopularSearches 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 popular searches to be rendered.\n   *\n   * @public\n   */\n  @Prop()\n  protected maxItemsToRender?: number;\n\n  /**\n   * The list of popular searches.\n   *\n   * @internal\n   */\n  @Getter('popularSearches', 'popularSearches')\n  public popularSearches!: Suggestion[];\n}\n"],"names":["PopularSearch","BaseSuggestions"],"mappings":";;;;;;;;;AAwCA;;;;;;;;AAYA,IAAqB,eAAe,GAApC,MAAqB,eAAgB,SAAQ,GAAG;CAwB/C,CAAA;AAjBC;IADC,IAAI,EAAE;kDACmB;AAQ1B;IADC,IAAI,EAAE;yDAC6B;AAQpC;IADC,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;wDACP;AAvBnB,eAAe;IAJnC,SAAS,CAAC;QACT,UAAU,EAAE,iBAAEA,iBAAa,mBAAEC,mBAAe,EAAE;QAC9C,MAAM,EAAE,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;KAClD,CAAC;GACmB,eAAe,CAwBnC;aAxBoB,eAAe;;;;"}

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

@@ -1,28 +1,26 @@
 import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
 
 // eslint-disable-next-line max-len
-var _a = createFetchAndSaveActions({
-    fetch: function (_a, request) {
-        var dispatch = _a.dispatch;
+const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
+    fetch({ dispatch }, request) {
         return dispatch('fetchSuggestions', request);
     },
-    onSuccess: function (_a, suggestions) {
-        var commit = _a.commit;
+    onSuccess({ commit }, suggestions) {
         commit('setSuggestions', suggestions);
     }
-}), fetchAndSave = _a.fetchAndSave, cancelPrevious = _a.cancelPrevious;
+});
 /**
  * Default implementation for {@link PopularSearchesActions.fetchAndSaveSuggestions} action.
  *
  * @public
  */
-var fetchAndSaveSuggestions = fetchAndSave;
+const fetchAndSaveSuggestions = fetchAndSave;
 /**
  * Default implementation for {@link PopularSearchesActions.cancelFetchAndSaveSuggestions} action.
  *
  * @public
  */
-var cancelFetchAndSaveSuggestions = cancelPrevious;
+const cancelFetchAndSaveSuggestions = cancelPrevious;
 
 export { cancelFetchAndSaveSuggestions, fetchAndSaveSuggestions };
 //# sourceMappingURL=fetch-and-save-suggestions.action.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-suggestions.action.js","sources":["../../../../../../src/x-modules/popular-searches/store/actions/fetch-and-save-suggestions.action.ts"],"sourcesContent":["import { Suggestion } from '@empathyco/x-types';\nimport { SuggestionsRequest } from '@empathyco/x-adapter';\n\n// eslint-disable-next-line max-len\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { PopularSearchesActionContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  PopularSearchesActionContext,\n  SuggestionsRequest,\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 PopularSearchesActions.fetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const fetchAndSaveSuggestions = fetchAndSave;\n\n/**\n * Default implementation for {@link PopularSearchesActions.cancelFetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveSuggestions = cancelPrevious;\n"],"names":[],"mappings":";;AAGA;AAIM,IAAA,KAAmC,yBAAyB,CAIhE;IACA,KAAK,YAAC,EAAY,EAAE,OAAO;YAAnB,QAAQ,cAAA;QACd,OAAO,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;KAC9C;IACD,SAAS,YAAC,EAAU,EAAE,WAAW;YAArB,MAAM,YAAA;QAChB,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;KACvC;CACF,CAAC,EAXM,YAAY,kBAAA,EAAE,cAAc,oBAWlC,CAAC;AAEH;;;;;IAKa,uBAAuB,GAAG,aAAa;AAEpD;;;;;IAKa,6BAA6B,GAAG;;;;"}
+{"version":3,"file":"fetch-and-save-suggestions.action.js","sources":["../../../../../../src/x-modules/popular-searches/store/actions/fetch-and-save-suggestions.action.ts"],"sourcesContent":["import { Suggestion } from '@empathyco/x-types';\nimport { SuggestionsRequest } from '@empathyco/x-adapter';\n\n// eslint-disable-next-line max-len\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { PopularSearchesActionContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  PopularSearchesActionContext,\n  SuggestionsRequest,\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 PopularSearchesActions.fetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const fetchAndSaveSuggestions = fetchAndSave;\n\n/**\n * Default implementation for {@link PopularSearchesActions.cancelFetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveSuggestions = cancelPrevious;\n"],"names":[],"mappings":";;AAGA;AAIA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;IACA,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO;QACzB,OAAO,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;KAC9C;IACD,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW;QAC/B,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;KACvC;CACF,CAAC,CAAC;AAEH;;;;;MAKa,uBAAuB,GAAG,aAAa;AAEpD;;;;;MAKa,6BAA6B,GAAG;;;;"}

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

@@ -10,13 +10,10 @@ import { XPlugin } from '../../../../plugins/x-plugin.js';
  *
  * @public
  */
-var fetchSuggestions = function (_context, request) {
+const fetchSuggestions = (_context, request) => {
     return XPlugin.adapter
         .getSuggestions(request, { requestId: 'popularSearches' })
-        .then(function (_a) {
-        var suggestions = _a.suggestions;
-        return suggestions;
-    });
+        .then(({ suggestions }) => suggestions);
 };
 
 export { fetchSuggestions };

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

@@ -1 +1 @@
-{"version":3,"file":"fetch-suggestions.action.js","sources":["../../../../../../src/x-modules/popular-searches/store/actions/fetch-suggestions.action.ts"],"sourcesContent":["import { XPlugin } from '../../../../plugins/x-plugin';\nimport { PopularSearchesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link PopularSearchesActions.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 popular searches request to make.\n * @returns A Promise of search response that resolves when it fetches the popular searches.\n *\n * @public\n */\nexport const fetchSuggestions: PopularSearchesXStoreModule['actions']['fetchSuggestions'] = (\n  _context,\n  request\n) => {\n  return XPlugin.adapter\n    .getSuggestions(request, { requestId: 'popularSearches' })\n    .then(({ suggestions }) => suggestions);\n};\n"],"names":[],"mappings":";;AAGA;;;;;;;;;;IAUa,gBAAgB,GAA+D,UAC1F,QAAQ,EACR,OAAO;IAEP,OAAO,OAAO,CAAC,OAAO;SACnB,cAAc,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;SACzD,IAAI,CAAC,UAAC,EAAe;YAAb,WAAW,iBAAA;QAAO,OAAA,WAAW;KAAA,CAAC,CAAC;AAC5C;;;;"}
+{"version":3,"file":"fetch-suggestions.action.js","sources":["../../../../../../src/x-modules/popular-searches/store/actions/fetch-suggestions.action.ts"],"sourcesContent":["import { XPlugin } from '../../../../plugins/x-plugin';\nimport { PopularSearchesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link PopularSearchesActions.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 popular searches request to make.\n * @returns A Promise of search response that resolves when it fetches the popular searches.\n *\n * @public\n */\nexport const fetchSuggestions: PopularSearchesXStoreModule['actions']['fetchSuggestions'] = (\n  _context,\n  request\n) => {\n  return XPlugin.adapter\n    .getSuggestions(request, { requestId: 'popularSearches' })\n    .then(({ suggestions }) => suggestions);\n};\n"],"names":[],"mappings":";;AAGA;;;;;;;;;;MAUa,gBAAgB,GAA+D,CAC1F,QAAQ,EACR,OAAO;IAEP,OAAO,OAAO,CAAC,OAAO;SACnB,cAAc,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;SACzD,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAC,CAAC;AAC5C;;;;"}

package/js/x-modules/popular-searches/store/emitters.js

@@ -6,9 +6,9 @@ import { popularSearchesXStoreModule } from './module.js';
  *
  * @internal
  */
-var popularSearchesEmitters = createStoreEmitters(popularSearchesXStoreModule, {
+const popularSearchesEmitters = createStoreEmitters(popularSearchesXStoreModule, {
     PopularSearchesRequestChanged: {
-        selector: function (_, getters) { return getters.request; },
+        selector: (_, getters) => getters.request,
         immediate: true
     }
 });

package/js/x-modules/popular-searches/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/popular-searches/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils';\nimport { popularSearchesXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the popular-searches module.\n *\n * @internal\n */\nexport const popularSearchesEmitters = createStoreEmitters(popularSearchesXStoreModule, {\n  PopularSearchesRequestChanged: {\n    selector: (_, getters) => getters.request,\n    immediate: true\n  }\n});\n"],"names":[],"mappings":";;;AAGA;;;;;IAKa,uBAAuB,GAAG,mBAAmB,CAAC,2BAA2B,EAAE;IACtF,6BAA6B,EAAE;QAC7B,QAAQ,EAAE,UAAC,CAAC,EAAE,OAAO,IAAK,OAAA,OAAO,CAAC,OAAO,GAAA;QACzC,SAAS,EAAE,IAAI;KAChB;CACF;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/popular-searches/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils';\nimport { popularSearchesXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the popular-searches module.\n *\n * @internal\n */\nexport const popularSearchesEmitters = createStoreEmitters(popularSearchesXStoreModule, {\n  PopularSearchesRequestChanged: {\n    selector: (_, getters) => getters.request,\n    immediate: true\n  }\n});\n"],"names":[],"mappings":";;;AAGA;;;;;MAKa,uBAAuB,GAAG,mBAAmB,CAAC,2BAA2B,EAAE;IACtF,6BAA6B,EAAE;QAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO;QACzC,SAAS,EAAE,IAAI;KAChB;CACF;;;;"}

package/js/x-modules/popular-searches/store/getters/popular-searches.getter.js

@@ -8,14 +8,10 @@
  *
  * @public
  */
-var popularSearches = function (_a) {
-    var popularSearches = _a.popularSearches, searchedQueries = _a.searchedQueries, config = _a.config;
-    var queriesToFilter = searchedQueries.map(function (historyQuery) { return historyQuery.query; });
+const popularSearches = ({ popularSearches, searchedQueries, config }) => {
+    const queriesToFilter = searchedQueries.map((historyQuery) => historyQuery.query);
     return config.hideSessionQueries
-        ? popularSearches.filter(function (_a) {
-            var query = _a.query;
-            return !queriesToFilter.includes(query);
-        })
+        ? popularSearches.filter(({ query }) => !queriesToFilter.includes(query))
         : popularSearches;
 };
 

package/js/x-modules/popular-searches/store/getters/popular-searches.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"popular-searches.getter.js","sources":["../../../../../../src/x-modules/popular-searches/store/getters/popular-searches.getter.ts"],"sourcesContent":["import { HistoryQuery } from '@empathyco/x-types';\nimport { PopularSearchesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link PopularSearchesGetters.popularSearches} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the\n * popular searches module.\n * @returns The popular searches, filtered by the searched queries or not, depending of the\n * `hideSessionQueries` config.\n *\n * @public\n */\nexport const popularSearches: PopularSearchesXStoreModule['getters']['popularSearches'] = ({\n  popularSearches,\n  searchedQueries,\n  config\n}) => {\n  const queriesToFilter = searchedQueries.map((historyQuery: HistoryQuery) => historyQuery.query);\n  return config.hideSessionQueries\n    ? popularSearches.filter(({ query }) => !queriesToFilter.includes(query))\n    : popularSearches;\n};\n"],"names":[],"mappings":"AAGA;;;;;;;;;;IAUa,eAAe,GAA8D,UAAC,EAI1F;QAHC,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,MAAM,YAAA;IAEN,IAAM,eAAe,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,YAA0B,IAAK,OAAA,YAAY,CAAC,KAAK,GAAA,CAAC,CAAC;IAChG,OAAO,MAAM,CAAC,kBAAkB;UAC5B,eAAe,CAAC,MAAM,CAAC,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC;SAAA,CAAC;UACvE,eAAe,CAAC;AACtB;;;;"}
+{"version":3,"file":"popular-searches.getter.js","sources":["../../../../../../src/x-modules/popular-searches/store/getters/popular-searches.getter.ts"],"sourcesContent":["import { HistoryQuery } from '@empathyco/x-types';\nimport { PopularSearchesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link PopularSearchesGetters.popularSearches} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the\n * popular searches module.\n * @returns The popular searches, filtered by the searched queries or not, depending of the\n * `hideSessionQueries` config.\n *\n * @public\n */\nexport const popularSearches: PopularSearchesXStoreModule['getters']['popularSearches'] = ({\n  popularSearches,\n  searchedQueries,\n  config\n}) => {\n  const queriesToFilter = searchedQueries.map((historyQuery: HistoryQuery) => historyQuery.query);\n  return config.hideSessionQueries\n    ? popularSearches.filter(({ query }) => !queriesToFilter.includes(query))\n    : popularSearches;\n};\n"],"names":[],"mappings":"AAGA;;;;;;;;;;MAUa,eAAe,GAA8D,CAAC,EACzF,eAAe,EACf,eAAe,EACf,MAAM,EACP;IACC,MAAM,eAAe,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,YAA0B,KAAK,YAAY,CAAC,KAAK,CAAC,CAAC;IAChG,OAAO,MAAM,CAAC,kBAAkB;UAC5B,eAAe,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;UACvE,eAAe,CAAC;AACtB;;;;"}

package/js/x-modules/popular-searches/store/getters/request.getter.js

@@ -1,5 +1,3 @@
-import { __assign } from 'tslib';
-
 /**
  * Default implementation for the {@link PopularSearchesGetters.request} getter.
  *
@@ -10,9 +8,12 @@ import { __assign } from 'tslib';
  *
  * @public
  */
-var request = function (_a) {
-    var config = _a.config, params = _a.params;
-    return __assign({ rows: config.maxItemsToRequest, start: 0 }, params);
+const request = ({ config, params }) => {
+    return {
+        rows: config.maxItemsToRequest,
+        start: 0,
+        ...params
+    };
 };
 
 export { request };

package/js/x-modules/popular-searches/store/getters/request.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/popular-searches/store/getters/request.getter.ts"],"sourcesContent":["import { PopularSearchesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link PopularSearchesGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the popular\n * searches module.\n *\n * @returns The popular searches request to fetch data from the API.\n *\n * @public\n */\nexport const request: PopularSearchesXStoreModule['getters']['request'] = ({ config, params }) => {\n  return {\n    rows: config.maxItemsToRequest,\n    start: 0,\n    ...params\n  };\n};\n"],"names":[],"mappings":";;AAEA;;;;;;;;;;IAUa,OAAO,GAAsD,UAAC,EAAkB;QAAhB,MAAM,YAAA,EAAE,MAAM,YAAA;IACzF,kBACE,IAAI,EAAE,MAAM,CAAC,iBAAiB,EAC9B,KAAK,EAAE,CAAC,IACL,MAAM,EACT;AACJ;;;;"}
+{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/popular-searches/store/getters/request.getter.ts"],"sourcesContent":["import { PopularSearchesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link PopularSearchesGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the popular\n * searches module.\n *\n * @returns The popular searches request to fetch data from the API.\n *\n * @public\n */\nexport const request: PopularSearchesXStoreModule['getters']['request'] = ({ config, params }) => {\n  return {\n    rows: config.maxItemsToRequest,\n    start: 0,\n    ...params\n  };\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;;MAUa,OAAO,GAAsD,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE;IAC3F,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,iBAAiB;QAC9B,KAAK,EAAE,CAAC;QACR,GAAG,MAAM;KACV,CAAC;AACJ;;;;"}

package/js/x-modules/popular-searches/store/module.js

@@ -9,8 +9,8 @@ import { request } from './getters/request.getter.js';
  *
  * @internal
  */
-var popularSearchesXStoreModule = {
-    state: function () { return ({
+const popularSearchesXStoreModule = {
+    state: () => ({
         popularSearches: [],
         searchedQueries: [],
         status: 'initial',
@@ -20,27 +20,27 @@ var popularSearchesXStoreModule = {
             showExtraSuggestionWithoutFilter: false
         },
         params: {}
-    }); },
+    }),
     getters: {
-        request: request,
-        popularSearches: popularSearches
+        request,
+        popularSearches
     },
     mutations: {
-        setSuggestions: function (state, suggestions) {
+        setSuggestions(state, suggestions) {
             state.popularSearches = suggestions;
         },
-        setSearchedQueries: function (state, searchedQueries) {
+        setSearchedQueries(state, searchedQueries) {
             state.searchedQueries = searchedQueries;
         },
-        setStatus: setStatus,
-        setParams: function (state, params) {
+        setStatus,
+        setParams(state, params) {
             state.params = params;
         }
     },
     actions: {
-        cancelFetchAndSaveSuggestions: cancelFetchAndSaveSuggestions,
-        fetchSuggestions: fetchSuggestions,
-        fetchAndSaveSuggestions: fetchAndSaveSuggestions
+        cancelFetchAndSaveSuggestions,
+        fetchSuggestions,
+        fetchAndSaveSuggestions
     }
 };