@empathyco/x-components 6.0.0-alpha.9 → 6.0.0-alpha.90

package/js/x-modules/semantic-queries/components/semantic-query.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
-import { semanticQueriesXModule } from '../x-module.js';
 import BaseSuggestion from '../../../components/suggestions/base-suggestion.vue.js';
 import { useGetter } from '../../../composables/use-getter.js';
+import { semanticQueriesXModule } from '../x-module.js';
 
 /**
  * This component renders a semantic query. A semantic query is a recommended query
@@ -19,21 +19,21 @@ var _sfc_main = defineComponent({
         /** The {@link @empathyco/x-types#SemanticQuery} to render. */
         suggestion: {
             type: Object,
-            required: true
-        }
+            required: true,
+        },
     },
     setup(props) {
-        /** The normalized query of the semantic queries module. */
-        const query = useGetter('semanticQueries', ['normalizedQuery']).normalizedQuery;
+        /** The normalized query of the semantic queries' module. */
+        const query = useGetter('semanticQueries').normalizedQuery;
         /** The list of events that are going to be emitted when the button is pressed. */
         const suggestionSelectedEvents = {
-            UserSelectedASemanticQuery: props.suggestion
+            UserSelectedASemanticQuery: props.suggestion,
         };
         return {
             query,
-            suggestionSelectedEvents
+            suggestionSelectedEvents,
         };
-    }
+    },
 });
 
 export { _sfc_main as default };

package/js/x-modules/semantic-queries/components/semantic-query.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"semantic-query.vue2.js","sources":["../../../../../src/x-modules/semantic-queries/components/semantic-query.vue"],"sourcesContent":["<template>\n  <BaseSuggestion\n    :query=\"query\"\n    :suggestion=\"suggestion\"\n    :suggestionSelectedEvents=\"suggestionSelectedEvents\"\n    feature=\"semantics\"\n    data-test=\"semantic-query\"\n    #default=\"baseScope\"\n  >\n    <!-- eslint-disable max-len -->\n    <!--\n      @slot Semantic Query content\n          @binding {{suggestion: object - Suggestion data, query: string - The query that the suggestion belongs to}} v-bind BaseSuggestion bindings\n    -->\n    <!-- eslint-enable max-len -->\n    <slot v-bind=\"{ ...baseScope }\" />\n  </BaseSuggestion>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent, PropType } from 'vue';\n  import { SemanticQuery } from '@empathyco/x-types';\n  import { semanticQueriesXModule } from '../x-module';\n  import BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\n  import { useGetter } from '../../../composables/use-getter';\n\n  /**\n   * This component renders a semantic query. A semantic query is a recommended query\n   * that is similar in its meaning to another one.\n   * It contains the query and the distance, which indicates how similar the query is\n   * compared to the searched query.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'SemanticQuery',\n    xModule: semanticQueriesXModule.name,\n    components: { BaseSuggestion },\n    props: {\n      /** The {@link @empathyco/x-types#SemanticQuery} to render. */\n      suggestion: {\n        type: Object as PropType<SemanticQuery>,\n        required: true\n      }\n    },\n    setup(props) {\n      /** The normalized query of the semantic queries module. */\n      const query = useGetter('semanticQueries', ['normalizedQuery']).normalizedQuery;\n\n      /** The list of events that are going to be emitted when the button is pressed. */\n      const suggestionSelectedEvents = {\n        UserSelectedASemanticQuery: props.suggestion\n      };\n\n      return {\n        query,\n        suggestionSelectedEvents\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserSelectedASemanticQuery`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the semantic query button. The event payload is the\n  semantic query data.\n\n## See it in action\n\nHere you can see that the semantic query query is rendered.\n\n```vue live\n<template>\n  <SemanticQuery :suggestion=\"semanticQuery\" />\n</template>\n\n<script>\n  import { SemanticQuery } from '@empathyco/x-components/semantic-queries';\n\n  export default {\n    name: 'SemanticQueryDemo',\n    components: {\n      SemanticQuery\n    },\n    data() {\n      return {\n        semanticQuery: {\n          modelName: 'SemanticQuery',\n          query: 'jacket',\n          distance: 2\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Play with the default slot\n\nIn this example, we add the distance of the semantic query next to the query.\n\n```vue live\n<template>\n  <SemanticQuery :suggestion=\"semanticQuery\" #default=\"{ suggestion, query }\">\n    <div>Original query: {{ query }}</div>\n    <div>Suggested semantic query: {{ suggestion.query }} - {{ suggestion.distance }}</div>\n  </SemanticQuery>\n</template>\n\n<script>\n  import { SemanticQuery } from '@empathyco/x-components/semantic-queries';\n\n  export default {\n    name: 'SemanticQueryDemoDefaultSlot',\n    components: {\n      SemanticQuery\n    },\n    data() {\n      return {\n        semanticQuery: {\n          modelName: 'SemanticQuery',\n          query: 'jacket',\n          distance: 2\n        }\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AA0BE;;;;;;;AAOE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,sBAAsB,CAAC,IAAI;IACpC,UAAU,EAAE,EAAE,cAAa,EAAG;AAC9B,IAAA,KAAK,EAAE;;AAEL,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,MAAiC;AACvC,YAAA,QAAQ,EAAE,IAAG;AACf,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;;AAET,QAAA,MAAM,KAAI,GAAI,SAAS,CAAC,iBAAiB,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAA;;AAG/E,QAAA,MAAM,wBAAuB,GAAI;YAC/B,0BAA0B,EAAE,KAAK,CAAC,UAAS;SAC5C,CAAA;QAED,OAAO;YACL,KAAK;YACL,wBAAuB;SACxB,CAAA;KACH;AACD,CAAA,CAAC;;;;"}
+{"version":3,"file":"semantic-query.vue2.js","sources":["../../../../../src/x-modules/semantic-queries/components/semantic-query.vue"],"sourcesContent":["<template>\n  <BaseSuggestion\n    v-slot=\"baseScope\"\n    :query=\"query\"\n    :suggestion=\"suggestion\"\n    :suggestion-selected-events=\"suggestionSelectedEvents\"\n    feature=\"semantics\"\n    data-test=\"semantic-query\"\n  >\n    <!-- eslint-disable max-len -->\n    <!--\n      @slot Semantic Query content\n          @binding {{suggestion: object - Suggestion data, query: string - The query that the suggestion belongs to}} v-bind BaseSuggestion bindings\n    -->\n    <!-- eslint-enable max-len -->\n    <slot v-bind=\"{ ...baseScope }\" />\n  </BaseSuggestion>\n</template>\n\n<script lang=\"ts\">\nimport type { SemanticQuery } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { defineComponent } from 'vue'\nimport BaseSuggestion from '../../../components/suggestions/base-suggestion.vue'\nimport { useGetter } from '../../../composables/use-getter'\nimport { semanticQueriesXModule } from '../x-module'\n\n/**\n * This component renders a semantic query. A semantic query is a recommended query\n * that is similar in its meaning to another one.\n * It contains the query and the distance, which indicates how similar the query is\n * compared to the searched query.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'SemanticQuery',\n  xModule: semanticQueriesXModule.name,\n  components: { BaseSuggestion },\n  props: {\n    /** The {@link @empathyco/x-types#SemanticQuery} to render. */\n    suggestion: {\n      type: Object as PropType<SemanticQuery>,\n      required: true,\n    },\n  },\n  setup(props) {\n    /** The normalized query of the semantic queries' module. */\n    const query = useGetter('semanticQueries').normalizedQuery\n\n    /** The list of events that are going to be emitted when the button is pressed. */\n    const suggestionSelectedEvents = {\n      UserSelectedASemanticQuery: props.suggestion,\n    }\n\n    return {\n      query,\n      suggestionSelectedEvents,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserSelectedASemanticQuery`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the semantic query button. The event payload is the\n  semantic query data.\n\n## See it in action\n\nHere you can see that the semantic query query is rendered.\n\n```vue live\n<template>\n  <SemanticQuery :suggestion=\"semanticQuery\" />\n</template>\n\n<script>\nimport { SemanticQuery } from '@empathyco/x-components/semantic-queries'\n\nexport default {\n  name: 'SemanticQueryDemo',\n  components: {\n    SemanticQuery,\n  },\n  data() {\n    return {\n      semanticQuery: {\n        modelName: 'SemanticQuery',\n        query: 'jacket',\n        distance: 2,\n      },\n    }\n  },\n}\n</script>\n```\n\n### Play with the default slot\n\nIn this example, we add the distance of the semantic query next to the query.\n\n```vue live\n<template>\n  <SemanticQuery :suggestion=\"semanticQuery\" #default=\"{ suggestion, query }\">\n    <div>Original query: {{ query }}</div>\n    <div>Suggested semantic query: {{ suggestion.query }} - {{ suggestion.distance }}</div>\n  </SemanticQuery>\n</template>\n\n<script>\nimport { SemanticQuery } from '@empathyco/x-components/semantic-queries'\n\nexport default {\n  name: 'SemanticQueryDemoDefaultSlot',\n  components: {\n    SemanticQuery,\n  },\n  data() {\n    return {\n      semanticQuery: {\n        modelName: 'SemanticQuery',\n        query: 'jacket',\n        distance: 2,\n      },\n    }\n  },\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AA2BA;;;;;;;AAOE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,sBAAsB,CAAC,IAAI;IACpC,UAAU,EAAE,EAAE,cAAa,EAAG;AAC9B,IAAA,KAAK,EAAE;;AAEL,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,MAAiC;AACvC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;;QAET,MAAM,KAAM,GAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC,eAAc,CAAA;;AAGzD,QAAA,MAAM,wBAAuB,GAAI;YAC/B,0BAA0B,EAAE,KAAK,CAAC,UAAU;SAC9C,CAAA;QAEA,OAAO;YACL,KAAK;YACL,wBAAwB;SAC1B,CAAA;KACD;AACF,CAAA,CAAA;;;;"}

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

@@ -8,14 +8,12 @@
  *
  * @public
  */
-// eslint-disable-next-line max-len
-const fetchAndSaveSemanticQuery = ({ dispatch, commit }, request) => {
+const fetchAndSaveSemanticQuery = async ({ dispatch, commit }, request) => {
     return dispatch('fetchSemanticQuery', request)
         .then(response => {
         commit('setSemanticQueries', response?.semanticQueries ?? []);
     })
         .catch(error => {
-        // eslint-disable-next-line no-console
         console.error(error);
     });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-semantic-query.action.js","sources":["../../../../../../src/x-modules/semantic-queries/store/actions/fetch-and-save-semantic-query.action.ts"],"sourcesContent":["import { SemanticQueriesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link SemanticQueriesActions.fetchAndSaveSemanticQuery}.\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 semantic query request to make.\n * @returns A Promise of a SemanticQueriesResponse when it fetches the queries.\n *\n * @public\n */\n// eslint-disable-next-line max-len\nexport const fetchAndSaveSemanticQuery: SemanticQueriesXStoreModule['actions']['fetchAndSaveSemanticQuery'] =\n  ({ dispatch, commit }, request) => {\n    return dispatch('fetchSemanticQuery', request)\n      .then(response => {\n        commit('setSemanticQueries', response?.semanticQueries ?? []);\n      })\n      .catch(error => {\n        // eslint-disable-next-line no-console\n        console.error(error);\n      });\n  };\n"],"names":[],"mappings":"AAEA;;;;;;;;;AASG;AACH;AACO,MAAM,yBAAyB,GACpC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,KAAI;AAChC,IAAA,OAAO,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAC;SAC3C,IAAI,CAAC,QAAQ,IAAG;QACf,MAAM,CAAC,oBAAoB,EAAE,QAAQ,EAAE,eAAe,IAAI,EAAE,CAAC,CAAC;AAChE,KAAC,CAAC;SACD,KAAK,CAAC,KAAK,IAAG;;AAEb,QAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC,CAAC,CAAC;AACP;;;;"}
+{"version":3,"file":"fetch-and-save-semantic-query.action.js","sources":["../../../../../../src/x-modules/semantic-queries/store/actions/fetch-and-save-semantic-query.action.ts"],"sourcesContent":["import type { SemanticQueriesXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link SemanticQueriesActions.fetchAndSaveSemanticQuery}.\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 semantic query request to make.\n * @returns A Promise of a SemanticQueriesResponse when it fetches the queries.\n *\n * @public\n */\n\nexport const fetchAndSaveSemanticQuery: SemanticQueriesXStoreModule['actions']['fetchAndSaveSemanticQuery'] =\n  async ({ dispatch, commit }, request) => {\n    return dispatch('fetchSemanticQuery', request)\n      .then(response => {\n        commit('setSemanticQueries', response?.semanticQueries ?? [])\n      })\n      .catch(error => {\n        console.error(error)\n      })\n  }\n"],"names":[],"mappings":"AAEA;;;;;;;;;AASG;AAEI,MAAM,yBAAyB,GACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,KAAI;AACtC,IAAA,OAAO,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAC;SAC3C,IAAI,CAAC,QAAQ,IAAG;QACf,MAAM,CAAC,oBAAoB,EAAE,QAAQ,EAAE,eAAe,IAAI,EAAE,CAAC,CAAA;AAC/D,KAAC,CAAC;SACD,KAAK,CAAC,KAAK,IAAG;AACb,QAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;AACtB,KAAC,CAAC,CAAA;AACN;;;;"}

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

@@ -10,7 +10,7 @@ import { XPlugin } from '../../../../plugins/x-plugin.js';
  *
  * @public
  */
-const fetchSemanticQuery = (_context, request) => {
+const fetchSemanticQuery = async (_context, request) => {
     return request?.query ? XPlugin.adapter.semanticQueries(request) : null;
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"fetch-semantic-query.action.js","sources":["../../../../../../src/x-modules/semantic-queries/store/actions/fetch-semantic-query.action.ts"],"sourcesContent":["import { XPlugin } from '../../../../plugins/x-plugin';\nimport { SemanticQueriesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link SemanticQueriesActions.fetchSemanticQuery}.\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 semantic query request to make.\n * @returns A Promise of a SemanticQueriesResponse when it fetches the queries.\n *\n * @public\n */\nexport const fetchSemanticQuery: SemanticQueriesXStoreModule['actions']['fetchSemanticQuery'] = (\n  _context,\n  request\n) => {\n  return request?.query ? XPlugin.adapter.semanticQueries(request) : null;\n};\n"],"names":[],"mappings":";;AAGA;;;;;;;;;AASG;MACU,kBAAkB,GAAiE,CAC9F,QAAQ,EACR,OAAO,KACL;AACF,IAAA,OAAO,OAAO,EAAE,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;AAC1E;;;;"}
+{"version":3,"file":"fetch-semantic-query.action.js","sources":["../../../../../../src/x-modules/semantic-queries/store/actions/fetch-semantic-query.action.ts"],"sourcesContent":["import type { SemanticQueriesXStoreModule } from '../types'\nimport { XPlugin } from '../../../../plugins/x-plugin'\n\n/**\n * Default implementation for the {@link SemanticQueriesActions.fetchSemanticQuery}.\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 semantic query request to make.\n * @returns A Promise of a SemanticQueriesResponse when it fetches the queries.\n *\n * @public\n */\nexport const fetchSemanticQuery: SemanticQueriesXStoreModule['actions']['fetchSemanticQuery'] =\n  async (_context, request) => {\n    return request?.query ? XPlugin.adapter.semanticQueries(request) : null\n  }\n"],"names":[],"mappings":";;AAGA;;;;;;;;;AASG;AACU,MAAA,kBAAkB,GAC7B,OAAO,QAAQ,EAAE,OAAO,KAAI;AAC1B,IAAA,OAAO,OAAO,EAAE,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;AACzE;;;;"}

package/js/x-modules/semantic-queries/store/emitters.js

@@ -8,7 +8,7 @@ import { semanticQueriesXStoreModule } from './module.js';
  */
 const semanticQueriesEmitters = createStoreEmitters(semanticQueriesXStoreModule, {
     SemanticQueryRequestUpdated: (_, getters) => getters.request,
-    SemanticQueriesResponseChanged: state => state.semanticQueries
+    SemanticQueriesResponseChanged: state => state.semanticQueries,
 });
 
 export { semanticQueriesEmitters };

package/js/x-modules/semantic-queries/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/semantic-queries/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils';\nimport { semanticQueriesXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the semantic-queries module.\n *\n * @internal\n */\nexport const semanticQueriesEmitters = createStoreEmitters(semanticQueriesXStoreModule, {\n  SemanticQueryRequestUpdated: (_, getters) => getters.request,\n  SemanticQueriesResponseChanged: state => state.semanticQueries\n});\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,uBAAuB,GAAG,mBAAmB,CAAC,2BAA2B,EAAE;IACtF,2BAA2B,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO;AAC5D,IAAA,8BAA8B,EAAE,KAAK,IAAI,KAAK,CAAC,eAAe;AAC/D,CAAA;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/semantic-queries/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils'\nimport { semanticQueriesXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the semantic-queries module.\n *\n * @internal\n */\nexport const semanticQueriesEmitters = createStoreEmitters(semanticQueriesXStoreModule, {\n  SemanticQueryRequestUpdated: (_, getters) => getters.request,\n  SemanticQueriesResponseChanged: state => state.semanticQueries,\n})\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,uBAAuB,GAAG,mBAAmB,CAAC,2BAA2B,EAAE;IACtF,2BAA2B,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO;AAC5D,IAAA,8BAA8B,EAAE,KAAK,IAAI,KAAK,CAAC,eAAe;AAC/D,CAAA;;;;"}

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

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

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

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

package/js/x-modules/semantic-queries/store/getters/request.getter.js

@@ -3,19 +3,20 @@
  *
  * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the semantic
  * queries module.
- *
+ * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the
+ * semantic queries' module.
  * @returns The semantic queries request to fetch data from the API.
  *
  * @public
  */
-const request = ({ query, params, totalResults, config: { threshold, maxItemsToRequest } }) => {
-    return query && totalResults <= threshold
+const request = ({ params, totalResults, config: { threshold, maxItemsToRequest } }, { normalizedQuery }) => {
+    return normalizedQuery && totalResults <= threshold
         ? {
-            query,
+            query: normalizedQuery,
             extraParams: {
                 ...params,
-                k: maxItemsToRequest
-            }
+                k: maxItemsToRequest,
+            },
         }
         : null;
 };

package/js/x-modules/semantic-queries/store/getters/request.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/semantic-queries/store/getters/request.getter.ts"],"sourcesContent":["import { SemanticQueriesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link SemanticQueriesGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the semantic\n * queries module.\n *\n * @returns The semantic queries request to fetch data from the API.\n *\n * @public\n */\nexport const request: SemanticQueriesXStoreModule['getters']['request'] = ({\n  query,\n  params,\n  totalResults,\n  config: { threshold, maxItemsToRequest }\n}) => {\n  return query && totalResults <= threshold\n    ? {\n        query,\n        extraParams: {\n          ...params,\n          k: maxItemsToRequest\n        }\n      }\n    : null;\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;AASG;MACU,OAAO,GAAsD,CAAC,EACzE,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,EACzC,KAAI;AACH,IAAA,OAAO,KAAK,IAAI,YAAY,IAAI,SAAS;AACvC,UAAE;YACE,KAAK;AACL,YAAA,WAAW,EAAE;AACX,gBAAA,GAAG,MAAM;AACT,gBAAA,CAAC,EAAE,iBAAiB;AACrB,aAAA;AACF,SAAA;UACD,IAAI,CAAC;AACX;;;;"}
+{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/semantic-queries/store/getters/request.getter.ts"],"sourcesContent":["import type { SemanticQueriesXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link SemanticQueriesGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the semantic\n * queries module.\n * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the\n * semantic queries' module.\n * @returns The semantic queries request to fetch data from the API.\n *\n * @public\n */\nexport const request: SemanticQueriesXStoreModule['getters']['request'] = (\n  { params, totalResults, config: { threshold, maxItemsToRequest } },\n  { normalizedQuery },\n) => {\n  return normalizedQuery && totalResults <= threshold\n    ? {\n        query: normalizedQuery,\n        extraParams: {\n          ...params,\n          k: maxItemsToRequest,\n        },\n      }\n    : null\n}\n"],"names":[],"mappings":"AAEA;;;;;;;;;;AAUG;MACU,OAAO,GAAsD,CACxE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,EAClE,EAAE,eAAe,EAAE,KACjB;AACF,IAAA,OAAO,eAAe,IAAI,YAAY,IAAI,SAAS;AACjD,UAAE;AACE,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,WAAW,EAAE;AACX,gBAAA,GAAG,MAAM;AACT,gBAAA,CAAC,EAAE,iBAAiB;AACrB,aAAA;AACF,SAAA;UACD,IAAI,CAAA;AACV;;;;"}

package/js/x-modules/semantic-queries/store/getters/semanti-queries-query.getter.js

@@ -0,0 +1,18 @@
+import { createRelatedTagsQueryGetter } from '../../../../store/utils/query.utils.js';
+
+/**
+ * Default implementation for the semantic queries query getter.
+ *
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the semantic
+ * queries' module.
+ *
+ * @returns The query with the selected related tags concatenated.
+ *
+ * @public
+ */
+const query = createRelatedTagsQueryGetter({
+    getRelatedTags: state => state.relatedTags,
+});
+
+export { query };
+//# sourceMappingURL=semanti-queries-query.getter.js.map

package/js/x-modules/semantic-queries/store/getters/semanti-queries-query.getter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semanti-queries-query.getter.js","sources":["../../../../../../src/x-modules/semantic-queries/store/getters/semanti-queries-query.getter.ts"],"sourcesContent":["import type { SemanticQueriesXStoreModule } from '../types'\nimport { createRelatedTagsQueryGetter } from '../../../../store/utils/query.utils'\n\n/**\n * Default implementation for the semantic queries query getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the semantic\n * queries' module.\n *\n * @returns The query with the selected related tags concatenated.\n *\n * @public\n */\nexport const query: SemanticQueriesXStoreModule['getters']['query'] = createRelatedTagsQueryGetter({\n  getRelatedTags: state => state.relatedTags,\n})\n"],"names":[],"mappings":";;AAGA;;;;;;;;;AASG;AACI,MAAM,KAAK,GAAoD,4BAA4B,CAAC;AACjG,IAAA,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW;AAC3C,CAAA;;;;"}

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

@@ -1,9 +1,10 @@
 import { setConfig, mergeConfig } from '../../../store/utils/config-store.utils.js';
 import { setQuery } from '../../../store/utils/query.utils.js';
-import { fetchSemanticQuery } from './actions/fetch-semantic-query.action.js';
 import { fetchAndSaveSemanticQuery } from './actions/fetch-and-save-semantic-query.action.js';
-import { request } from './getters/request.getter.js';
+import { fetchSemanticQuery } from './actions/fetch-semantic-query.action.js';
 import { normalizedQuery } from './getters/normalized-query.getter.js';
+import { request } from './getters/request.getter.js';
+import { query } from './getters/semanti-queries-query.getter.js';
 
 /**
  * {@link XStoreModule} For the `semantic-queries` module.
@@ -14,16 +15,18 @@ const semanticQueriesXStoreModule = {
     state: () => ({
         config: {
             threshold: 5,
-            maxItemsToRequest: 3
+            maxItemsToRequest: 3,
         },
         semanticQueries: [],
         params: {},
         query: '',
-        totalResults: 0
+        totalResults: 0,
+        relatedTags: [],
     }),
     getters: {
         request,
-        normalizedQuery
+        normalizedQuery,
+        query,
     },
     mutations: {
         setParams(state, params) {
@@ -36,13 +39,16 @@ const semanticQueriesXStoreModule = {
         setTotalResults(state, totalResults) {
             state.totalResults = totalResults;
         },
+        setSemanticQueriesRelatedTags(state, relatedTags) {
+            state.relatedTags = relatedTags;
+        },
         setConfig,
-        mergeConfig
+        mergeConfig,
     },
     actions: {
         fetchSemanticQuery,
-        fetchAndSaveSemanticQuery
-    }
+        fetchAndSaveSemanticQuery,
+    },
 };
 
 export { semanticQueriesXStoreModule };

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

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/semantic-queries/store/module.ts"],"sourcesContent":["import { mergeConfig, setConfig } from '../../../store/utils/config-store.utils';\nimport { setQuery } from '../../../store/utils/query.utils';\nimport { SemanticQueriesXStoreModule } from './types';\nimport { fetchSemanticQuery } from './actions/fetch-semantic-query.action';\nimport { fetchAndSaveSemanticQuery } from './actions/fetch-and-save-semantic-query.action';\nimport { request } from './getters/request.getter';\nimport { normalizedQuery } from './getters/normalized-query.getter';\n\n/**\n * {@link XStoreModule} For the `semantic-queries` module.\n *\n * @internal\n */\nexport const semanticQueriesXStoreModule: SemanticQueriesXStoreModule = {\n  state: () => ({\n    config: {\n      threshold: 5,\n      maxItemsToRequest: 3\n    },\n    semanticQueries: [],\n    params: {},\n    query: '',\n    totalResults: 0\n  }),\n  getters: {\n    request,\n    normalizedQuery\n  },\n  mutations: {\n    setParams(state, params) {\n      state.params = params;\n    },\n    setSemanticQueries(state, queries) {\n      state.semanticQueries = queries;\n    },\n    setQuery,\n    setTotalResults(state, totalResults) {\n      state.totalResults = totalResults;\n    },\n    setConfig,\n    mergeConfig\n  },\n  actions: {\n    fetchSemanticQuery,\n    fetchAndSaveSemanticQuery\n  }\n};\n"],"names":[],"mappings":";;;;;;;AAQA;;;;AAIG;AACU,MAAA,2BAA2B,GAAgC;AACtE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,iBAAiB,EAAE,CAAC;AACrB,SAAA;AACD,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,YAAY,EAAE,CAAC;KAChB,CAAC;AACF,IAAA,OAAO,EAAE;QACP,OAAO;QACP,eAAe;AAChB,KAAA;AACD,IAAA,SAAS,EAAE;QACT,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAA;AAC/B,YAAA,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC;SACjC;QACD,QAAQ;QACR,eAAe,CAAC,KAAK,EAAE,YAAY,EAAA;AACjC,YAAA,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC;SACnC;QACD,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,kBAAkB;QAClB,yBAAyB;AAC1B,KAAA;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/semantic-queries/store/module.ts"],"sourcesContent":["import type { SemanticQueriesXStoreModule } from './types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { setQuery } from '../../../store/utils/query.utils'\nimport { fetchAndSaveSemanticQuery } from './actions/fetch-and-save-semantic-query.action'\nimport { fetchSemanticQuery } from './actions/fetch-semantic-query.action'\nimport { normalizedQuery } from './getters/normalized-query.getter'\nimport { request } from './getters/request.getter'\nimport { query } from './getters/semanti-queries-query.getter'\n\n/**\n * {@link XStoreModule} For the `semantic-queries` module.\n *\n * @internal\n */\nexport const semanticQueriesXStoreModule: SemanticQueriesXStoreModule = {\n  state: () => ({\n    config: {\n      threshold: 5,\n      maxItemsToRequest: 3,\n    },\n    semanticQueries: [],\n    params: {},\n    query: '',\n    totalResults: 0,\n    relatedTags: [],\n  }),\n  getters: {\n    request,\n    normalizedQuery,\n    query,\n  },\n  mutations: {\n    setParams(state, params) {\n      state.params = params\n    },\n    setSemanticQueries(state, queries) {\n      state.semanticQueries = queries\n    },\n    setQuery,\n    setTotalResults(state, totalResults) {\n      state.totalResults = totalResults\n    },\n    setSemanticQueriesRelatedTags(state, relatedTags) {\n      state.relatedTags = relatedTags\n    },\n    setConfig,\n    mergeConfig,\n  },\n  actions: {\n    fetchSemanticQuery,\n    fetchAndSaveSemanticQuery,\n  },\n}\n"],"names":[],"mappings":";;;;;;;;AASA;;;;AAIG;AACU,MAAA,2BAA2B,GAAgC;AACtE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,iBAAiB,EAAE,CAAC;AACrB,SAAA;AACD,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,WAAW,EAAE,EAAE;KAChB,CAAC;AACF,IAAA,OAAO,EAAE;QACP,OAAO;QACP,eAAe;QACf,KAAK;AACN,KAAA;AACD,IAAA,SAAS,EAAE;QACT,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;SACtB;QACD,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAA;AAC/B,YAAA,KAAK,CAAC,eAAe,GAAG,OAAO,CAAA;SAChC;QACD,QAAQ;QACR,eAAe,CAAC,KAAK,EAAE,YAAY,EAAA;AACjC,YAAA,KAAK,CAAC,YAAY,GAAG,YAAY,CAAA;SAClC;QACD,6BAA6B,CAAC,KAAK,EAAE,WAAW,EAAA;AAC9C,YAAA,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;SAChC;QACD,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,kBAAkB;QAClB,yBAAyB;AAC1B,KAAA;;;;;"}

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

@@ -1,6 +1,6 @@
 import { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory.js';
-import { createWiring } from '../../wiring/wiring.utils.js';
 import { mapWire } from '../../wiring/wires.operators.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
 
 /**
  * `semanticQueries` {@link XModuleName | name}.
@@ -50,6 +50,8 @@ const clearQueryWire = wireCommit('setQuery', '');
  * @public
  */
 const setTotalResultsWire = wireCommit('setTotalResults');
+/** Sets the related prompts state `relatedTags`. */
+const setSemanticQueriesRelatedTags = wireCommit('setSemanticQueriesRelatedTags');
 /**
  * Sets the total results taking the {@link SearchXEvents.SearchResponseChanged} payload.
  *
@@ -69,18 +71,21 @@ const setSemanticQueriesExtraParamsWire = wireCommit('setParams');
  */
 const semanticQueriesWiring = createWiring({
     UserClearedQuery: {
-        clearQueryWire
+        clearQueryWire,
     },
     SemanticQueryRequestUpdated: {
-        fetchAndSaveSemanticQueryWire
+        fetchAndSaveSemanticQueryWire,
     },
     ExtraParamsChanged: {
-        setSemanticQueriesExtraParamsWire
+        setSemanticQueriesExtraParamsWire,
     },
     SearchResponseChanged: {
         setQueryFromSearchResponseChangedWire,
-        setTotalResultsFromSearchResponseChangedWire
-    }
+        setTotalResultsFromSearchResponseChangedWire,
+    },
+    SelectedRelatedTagsChanged: {
+        setSemanticQueriesRelatedTags,
+    },
 });
 
 export { clearQueryWire, fetchAndSaveSemanticQueryWire, semanticQueriesWiring, setQueryFromSearchResponseChangedWire, setQueryWire, setSemanticQueriesExtraParamsWire, setTotalResultsFromSearchResponseChangedWire, setTotalResultsWire };

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

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/semantic-queries/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch\n} from '../../wiring/namespaced-wires.factory';\nimport { createWiring } from '../../wiring/wiring.utils';\nimport { mapWire } from '../../wiring/wires.operators';\nimport { SearchXEvents } from '../search/events.types';\nimport { ExtractMutationPayload } from '../../store/store.types';\n\n/**\n * `semanticQueries` {@link XModuleName | name}.\n *\n * @internal\n */\nconst moduleName = 'semanticQueries';\n\n/**\n * WireCommit for {@link SemanticQueriesXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * WireDispatch for {@link SemanticQueriesXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * Requests and stores the semantic query results.\n *\n * @public\n */\nexport const fetchAndSaveSemanticQueryWire = wireDispatch('fetchAndSaveSemanticQuery');\n\n/**\n * Sets the query.\n *\n * @public\n */\nexport const setQueryWire = wireCommit('setQuery');\n\n/**\n * Sets the query taking the {@link SearchXEvents.SearchResponseChanged} payload.\n *\n * @public\n */\nexport const setQueryFromSearchResponseChangedWire = mapWire<\n  SearchXEvents['SearchResponseChanged'],\n  ExtractMutationPayload<'semanticQueries', 'setQuery'>\n>(setQueryWire, ({ request: { query } }) => query);\n\n/**\n * Clears the query.\n *\n * @public\n */\nexport const clearQueryWire = wireCommit('setQuery', '');\n\n/**\n * Sets the total results.\n *\n * @public\n */\nexport const setTotalResultsWire = wireCommit('setTotalResults');\n\n/**\n * Sets the total results taking the {@link SearchXEvents.SearchResponseChanged} payload.\n *\n * @public\n */\nexport const setTotalResultsFromSearchResponseChangedWire = mapWire<\n  SearchXEvents['SearchResponseChanged'],\n  ExtractMutationPayload<'semanticQueries', 'setTotalResults'>\n>(setTotalResultsWire, ({ totalResults }) => totalResults);\n\n/**\n * Sets the semantic queries state `params`.\n *\n * @public\n */\nexport const setSemanticQueriesExtraParamsWire = wireCommit('setParams');\n\n/**\n * Wiring configuration for the {@link SemanticQueriesXModule | semanticQueries module}.\n *\n * @internal\n */\nexport const semanticQueriesWiring = createWiring({\n  UserClearedQuery: {\n    clearQueryWire\n  },\n  SemanticQueryRequestUpdated: {\n    fetchAndSaveSemanticQueryWire\n  },\n  ExtraParamsChanged: {\n    setSemanticQueriesExtraParamsWire\n  },\n  SearchResponseChanged: {\n    setQueryFromSearchResponseChangedWire,\n    setTotalResultsFromSearchResponseChangedWire\n  }\n});\n"],"names":[],"mappings":";;;;AASA;;;;AAIG;AACH,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAErC;;;;AAIG;AACH,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAEpD;;;;AAIG;AACH,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAExD;;;;AAIG;MACU,6BAA6B,GAAG,YAAY,CAAC,2BAA2B,EAAE;AAEvF;;;;AAIG;MACU,YAAY,GAAG,UAAU,CAAC,UAAU,EAAE;AAEnD;;;;AAIG;MACU,qCAAqC,GAAG,OAAO,CAG1D,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,KAAK,EAAE;AAEnD;;;;AAIG;AACU,MAAA,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,EAAE,EAAE;AAEzD;;;;AAIG;MACU,mBAAmB,GAAG,UAAU,CAAC,iBAAiB,EAAE;AAEjE;;;;AAIG;AACU,MAAA,4CAA4C,GAAG,OAAO,CAGjE,mBAAmB,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,YAAY,EAAE;AAE3D;;;;AAIG;MACU,iCAAiC,GAAG,UAAU,CAAC,WAAW,EAAE;AAEzE;;;;AAIG;AACI,MAAM,qBAAqB,GAAG,YAAY,CAAC;AAChD,IAAA,gBAAgB,EAAE;QAChB,cAAc;AACf,KAAA;AACD,IAAA,2BAA2B,EAAE;QAC3B,6BAA6B;AAC9B,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,iCAAiC;AAClC,KAAA;AACD,IAAA,qBAAqB,EAAE;QACrB,qCAAqC;QACrC,4CAA4C;AAC7C,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/semantic-queries/wiring.ts"],"sourcesContent":["import type { ExtractMutationPayload } from '../../store/store.types'\nimport type { SearchXEvents } from '../search/events.types'\nimport { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory'\nimport { mapWire } from '../../wiring/wires.operators'\nimport { createWiring } from '../../wiring/wiring.utils'\n\n/**\n * `semanticQueries` {@link XModuleName | name}.\n *\n * @internal\n */\nconst moduleName = 'semanticQueries'\n\n/**\n * WireCommit for {@link SemanticQueriesXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName)\n\n/**\n * WireDispatch for {@link SemanticQueriesXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName)\n\n/**\n * Requests and stores the semantic query results.\n *\n * @public\n */\nexport const fetchAndSaveSemanticQueryWire = wireDispatch('fetchAndSaveSemanticQuery')\n\n/**\n * Sets the query.\n *\n * @public\n */\nexport const setQueryWire = wireCommit('setQuery')\n\n/**\n * Sets the query taking the {@link SearchXEvents.SearchResponseChanged} payload.\n *\n * @public\n */\nexport const setQueryFromSearchResponseChangedWire = mapWire<\n  SearchXEvents['SearchResponseChanged'],\n  ExtractMutationPayload<'semanticQueries', 'setQuery'>\n>(setQueryWire, ({ request: { query } }) => query)\n\n/**\n * Clears the query.\n *\n * @public\n */\nexport const clearQueryWire = wireCommit('setQuery', '')\n\n/**\n * Sets the total results.\n *\n * @public\n */\nexport const setTotalResultsWire = wireCommit('setTotalResults')\n\n/** Sets the related prompts state `relatedTags`. */\nconst setSemanticQueriesRelatedTags = wireCommit('setSemanticQueriesRelatedTags')\n\n/**\n * Sets the total results taking the {@link SearchXEvents.SearchResponseChanged} payload.\n *\n * @public\n */\nexport const setTotalResultsFromSearchResponseChangedWire = mapWire<\n  SearchXEvents['SearchResponseChanged'],\n  ExtractMutationPayload<'semanticQueries', 'setTotalResults'>\n>(setTotalResultsWire, ({ totalResults }) => totalResults)\n\n/**\n * Sets the semantic queries state `params`.\n *\n * @public\n */\nexport const setSemanticQueriesExtraParamsWire = wireCommit('setParams')\n\n/**\n * Wiring configuration for the {@link SemanticQueriesXModule | semanticQueries module}.\n *\n * @internal\n */\nexport const semanticQueriesWiring = createWiring({\n  UserClearedQuery: {\n    clearQueryWire,\n  },\n  SemanticQueryRequestUpdated: {\n    fetchAndSaveSemanticQueryWire,\n  },\n  ExtraParamsChanged: {\n    setSemanticQueriesExtraParamsWire,\n  },\n  SearchResponseChanged: {\n    setQueryFromSearchResponseChangedWire,\n    setTotalResultsFromSearchResponseChangedWire,\n  },\n  SelectedRelatedTagsChanged: {\n    setSemanticQueriesRelatedTags,\n  },\n})\n"],"names":[],"mappings":";;;;AAMA;;;;AAIG;AACH,MAAM,UAAU,GAAG,iBAAiB,CAAA;AAEpC;;;;AAIG;AACH,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAA;AAEnD;;;;AAIG;AACH,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAA;AAEvD;;;;AAIG;MACU,6BAA6B,GAAG,YAAY,CAAC,2BAA2B,EAAC;AAEtF;;;;AAIG;MACU,YAAY,GAAG,UAAU,CAAC,UAAU,EAAC;AAElD;;;;AAIG;MACU,qCAAqC,GAAG,OAAO,CAG1D,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,KAAK,EAAC;AAElD;;;;AAIG;AACU,MAAA,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,EAAE,EAAC;AAExD;;;;AAIG;MACU,mBAAmB,GAAG,UAAU,CAAC,iBAAiB,EAAC;AAEhE;AACA,MAAM,6BAA6B,GAAG,UAAU,CAAC,+BAA+B,CAAC,CAAA;AAEjF;;;;AAIG;AACU,MAAA,4CAA4C,GAAG,OAAO,CAGjE,mBAAmB,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,YAAY,EAAC;AAE1D;;;;AAIG;MACU,iCAAiC,GAAG,UAAU,CAAC,WAAW,EAAC;AAExE;;;;AAIG;AACI,MAAM,qBAAqB,GAAG,YAAY,CAAC;AAChD,IAAA,gBAAgB,EAAE;QAChB,cAAc;AACf,KAAA;AACD,IAAA,2BAA2B,EAAE;QAC3B,6BAA6B;AAC9B,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,iCAAiC;AAClC,KAAA;AACD,IAAA,qBAAqB,EAAE;QACrB,qCAAqC;QACrC,4CAA4C;AAC7C,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,6BAA6B;AAC9B,KAAA;AACF,CAAA;;;;"}

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

@@ -13,7 +13,7 @@ const semanticQueriesXModule = {
     name: 'semanticQueries',
     storeModule: semanticQueriesXStoreModule,
     storeEmitters: semanticQueriesEmitters,
-    wiring: semanticQueriesWiring
+    wiring: semanticQueriesWiring,
 };
 XPlugin.registerXModule(semanticQueriesXModule);
 

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

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/semantic-queries/x-module.ts"],"sourcesContent":["import { XPlugin } from '../../plugins/x-plugin';\nimport { XModule } from '../x-modules.types';\nimport { semanticQueriesEmitters } from './store/emitters';\nimport { semanticQueriesXStoreModule } from './store/module';\nimport { SemanticQueriesXStoreModule } from './store/types';\nimport { semanticQueriesWiring } from './wiring';\n\n/**\n * SemanticQueries {@link XModule} alias.\n *\n * @public\n */\nexport type SemanticQueriesXModule = XModule<SemanticQueriesXStoreModule>;\n\n/**\n * SemanticQueries {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `semantic-queries`entry point.\n *\n * @public\n */\nexport const semanticQueriesXModule: SemanticQueriesXModule = {\n  name: 'semanticQueries',\n  storeModule: semanticQueriesXStoreModule,\n  storeEmitters: semanticQueriesEmitters,\n  wiring: semanticQueriesWiring\n};\n\nXPlugin.registerXModule(semanticQueriesXModule);\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,sBAAsB,GAA2B;AAC5D,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,WAAW,EAAE,2BAA2B;AACxC,IAAA,aAAa,EAAE,uBAAuB;AACtC,IAAA,MAAM,EAAE,qBAAqB;EAC7B;AAEF,OAAO,CAAC,eAAe,CAAC,sBAAsB,CAAC;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/semantic-queries/x-module.ts"],"sourcesContent":["import type { XModule } from '../x-modules.types'\nimport type { SemanticQueriesXStoreModule } from './store/types'\nimport { XPlugin } from '../../plugins/x-plugin'\nimport { semanticQueriesEmitters } from './store/emitters'\nimport { semanticQueriesXStoreModule } from './store/module'\nimport { semanticQueriesWiring } from './wiring'\n\n/**\n * SemanticQueries {@link XModule} alias.\n *\n * @public\n */\nexport type SemanticQueriesXModule = XModule<SemanticQueriesXStoreModule>\n\n/**\n * SemanticQueries {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `semantic-queries`entry point.\n *\n * @public\n */\nexport const semanticQueriesXModule: SemanticQueriesXModule = {\n  name: 'semanticQueries',\n  storeModule: semanticQueriesXStoreModule,\n  storeEmitters: semanticQueriesEmitters,\n  wiring: semanticQueriesWiring,\n}\n\nXPlugin.registerXModule(semanticQueriesXModule)\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,sBAAsB,GAA2B;AAC5D,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,WAAW,EAAE,2BAA2B;AACxC,IAAA,aAAa,EAAE,uBAAuB;AACtC,IAAA,MAAM,EAAE,qBAAqB;EAC9B;AAED,OAAO,CAAC,eAAe,CAAC,sBAAsB,CAAC;;;;"}

package/js/x-modules/tagging/components/tagging.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, onMounted, watch } from 'vue';
-import { taggingXModule } from '../x-module.js';
 import { useXBus } from '../../../composables/use-x-bus.js';
+import { taggingXModule } from '../x-module.js';
 
 /**
  * This component enables and manages the sending of information to the
@@ -14,19 +14,20 @@ var _sfc_main = defineComponent({
     xModule: taggingXModule.name,
     props: {
         /**
-         * The TTL in milliseconds for storing the clicked result info.
+         * The TTL in milliseconds for storing the result info.
          */
-        clickedResultStorageTTLMs: {
+        storageTTLMs: {
             type: Number,
-            default: 30000
+            default: 30000,
         },
         /**
-         * The Object key of the {@link @empathyco/x-types#Result} clicked by the user
-         * that will be used as id for the storage. By default, the Result url will be used.
+         * The Object key of the {@link @empathyco/x-types#Result} clicked or added to the cart by the user
+         * that will be used as id for the storage.
+         * By default, the Result url will be used.
          */
-        clickedResultStorageKey: {
+        storageKey: {
             type: String,
-            default: 'url'
+            default: 'url',
         },
         /**
          * The session TTL in milliseconds.
@@ -37,15 +38,15 @@ var _sfc_main = defineComponent({
          */
         queryTaggingDebounceMs: {
             type: Number,
-            default: 2000
+            default: 2000,
         },
         /**
          * The consent to be emitted.
          */
         consent: {
             type: Boolean,
-            default: null
-        }
+            default: null,
+        },
     },
     setup(props) {
         const xBus = useXBus();
@@ -70,8 +71,8 @@ var _sfc_main = defineComponent({
             return {
                 queryTaggingDebounceMs: props.queryTaggingDebounceMs,
                 sessionTTLMs: props.sessionTTLMs,
-                clickedResultStorageTTLMs: props.clickedResultStorageTTLMs,
-                clickedResultStorageKey: props.clickedResultStorageKey
+                storageTTLMs: props.storageTTLMs,
+                storageKey: props.storageKey,
             };
         });
         /**
@@ -87,17 +88,16 @@ var _sfc_main = defineComponent({
          * Emmits the consent when it changes.
          */
         watch(activeConsent, () => xBus.emit('ConsentProvided', activeConsent.value), {
-            immediate: true
+            immediate: true,
         });
         /**
          * Emmits the tagging config when it changes.
          */
         watch(taggingConfig, () => xBus.emit('TaggingConfigProvided', taggingConfig.value), {
-            immediate: true
+            immediate: true,
         });
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
         return () => { };
-    }
+    },
 });
 
 export { _sfc_main as default };

package/js/x-modules/tagging/components/tagging.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagging.vue.js","sources":["../../../../../src/x-modules/tagging/components/tagging.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { computed, defineComponent, inject, onMounted, watch } from 'vue';\n  import { SnippetConfig } from '../../../x-installer/api/api.types';\n  import { taggingXModule } from '../x-module';\n  import { TaggingConfig } from '../config.types';\n  import { useXBus } from '../../../composables/use-x-bus';\n  /**\n   * This component enables and manages the sending of information to the\n   * [Empathy Tagging API](https://docs.empathy.co/develop-empathy-platform/api-reference/tagging-api.html).\n   * It allows you to activate or deactivate the session id management through the `consent` prop.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'Tagging',\n    xModule: taggingXModule.name,\n    props: {\n      /**\n       * The TTL in milliseconds for storing the clicked result info.\n       */\n      clickedResultStorageTTLMs: {\n        type: Number,\n        default: 30000\n      },\n      /**\n       * The Object key of the {@link @empathyco/x-types#Result} clicked by the user\n       * that will be used as id for the storage. By default, the Result url will be used.\n       */\n      clickedResultStorageKey: {\n        type: String,\n        default: 'url'\n      },\n      /**\n       * The session TTL in milliseconds.\n       */\n      sessionTTLMs: Number,\n      /**\n       * The debounce time in milliseconds to track the query.\n       */\n      queryTaggingDebounceMs: {\n        type: Number,\n        default: 2000\n      },\n      /**\n       * The consent to be emitted.\n       */\n      consent: {\n        type: Boolean,\n        default: null\n      }\n    },\n    setup(props) {\n      const xBus = useXBus();\n\n      /**\n       * It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n       */\n      const snippetConfig = inject<SnippetConfig | undefined>('snippetConfig');\n\n      /**\n       * The active consent, selected from the `consent` prop and the `snippetConfig.consent`\n       * property. False by default.\n       *\n       * @remarks If the consent is undefined in the prop and in the snippetConfig, it will return\n       * false.\n       *\n       * @returns A boolean that represents if the consent is accepted or not.\n       */\n      const activeConsent = computed(() => props.consent ?? snippetConfig?.consent ?? false);\n\n      /**\n       * The tagging config to be emitted.\n       */\n      const taggingConfig = computed<TaggingConfig>(() => {\n        return {\n          queryTaggingDebounceMs: props.queryTaggingDebounceMs,\n          sessionTTLMs: props.sessionTTLMs as number,\n          clickedResultStorageTTLMs: props.clickedResultStorageTTLMs,\n          clickedResultStorageKey: props.clickedResultStorageKey\n        };\n      });\n\n      /**\n       * Emits the {@link TaggingXEvents.PDPIsLoaded} XEvent if the snippet config contains\n       * a product id.\n       */\n      onMounted(() => {\n        if (snippetConfig?.productId) {\n          xBus.emit('PDPIsLoaded', snippetConfig.productId);\n        }\n      });\n\n      /**\n       * Emmits the consent when it changes.\n       */\n      watch(activeConsent, () => xBus.emit('ConsentProvided', activeConsent.value), {\n        immediate: true\n      });\n\n      /**\n       * Emmits the tagging config when it changes.\n       */\n      watch(taggingConfig, () => xBus.emit('TaggingConfigProvided', taggingConfig.value), {\n        immediate: true\n      });\n\n      // eslint-disable-next-line @typescript-eslint/no-empty-function\n      return () => {};\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`ConsentProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`TaggingConfigProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n\n## See it in action\n\nThis component manages the tagging of the API to track the different features. This component\ndoesn't render elements to the DOM.\n\n```vue\n<template>\n  <Tagging />\n</template>\n\n<script>\n  import { Tagging } from '@empathyco/x-components/tagging';\n\n  export default {\n    name: 'TaggingDemo',\n    components: {\n      Tagging\n    }\n  };\n</script>\n```\n\n### Play with props\n\nIn this example, the `Tagging` component will emit `ConsentProvided` with payload false by default\nif the consent is not provided, the `TaggingConfigProvided` event will be emitted only if the props\n`queryTaggingDebounceMs`, `sessionDurationMs`, `clickedResultStorageTTLMs` or\n`clickedResultStorageKey`are defined.\n\nEvery time the user clicks a result the information for the clicked product will be stored on the\nbrowser during 30 seconds which is the default value for the prop `clickedResultStorageTTLMs`. To\ndistinguish the storage information for the different results the product url will be used since\n`clickedResultStorageKey` default value is 'url'.\n\n```vue\n<template>\n  <Tagging :consent=\"true\" :queryTaggingDebounceMs=\"300\" :sessionDurationMs=\"30000\" />\n</template>\n\n<script>\n  import { Tagging } from '@empathyco/x-components/tagging';\n\n  export default {\n    name: 'TaggingDemo',\n    components: {\n      Tagging\n    }\n  };\n</script>\n```\n\nIn this example, the clicked result information will be stored on the browser during 60 seconds and\nthe product id will be used as storage key.\n\n```vue\n<template>\n  <Tagging :clickedResultStorageTTLMs=\"60000\" :clickedResultStorageKey=\"'id'\" />\n</template>\n\n<script>\n  import { Tagging } from '@empathyco/x-components/tagging';\n\n  export default {\n    name: 'TaggingDemo',\n    components: {\n      Tagging\n    }\n  };\n</script>\n```\n\n### Play with events\n\nThe `Tagging` will emit the `ConsentProvided` when the component is loaded and the consent is set by\nthe prop or getting the value from the snippet config.\n\nThe `Tagging` will emit the `TaggingConfigProvided` when the component is loaded with the new\n[`TaggingConfig`](./../../api/x-components.taggingconfig.md) using the prop values.\n</docs>\n"],"names":[],"mappings":";;;;AAME;;;;;;AAME;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,cAAc,CAAC,IAAI;AAC5B,IAAA,KAAK,EAAE;AACL;;AAEE;AACF,QAAA,yBAAyB,EAAE;AACzB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAI;AACd,SAAA;AACD;;;AAGE;AACF,QAAA,uBAAuB,EAAE;AACvB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAI;AACd,SAAA;AACD;;AAEE;AACF,QAAA,YAAY,EAAE,MAAM;AACpB;;AAEE;AACF,QAAA,sBAAsB,EAAE;AACtB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAG;AACb,SAAA;AACD;;AAEE;AACF,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAG;AACd,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,IAAG,GAAI,OAAO,EAAE,CAAA;AAEtB;;AAEE;AACF,QAAA,MAAM,aAAY,GAAI,MAAM,CAA4B,eAAe,CAAC,CAAA;AAExE;;;;;;;;AAQE;AACF,QAAA,MAAM,aAAY,GAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,OAAM,IAAK,aAAa,EAAE,OAAQ,IAAG,KAAK,CAAC,CAAA;AAEtF;;AAEE;AACF,QAAA,MAAM,gBAAgB,QAAQ,CAAgB,MAAM;YAClD,OAAO;gBACL,sBAAsB,EAAE,KAAK,CAAC,sBAAsB;gBACpD,YAAY,EAAE,KAAK,CAAC,YAAsB;gBAC1C,yBAAyB,EAAE,KAAK,CAAC,yBAAyB;gBAC1D,uBAAuB,EAAE,KAAK,CAAC,uBAAsB;aACtD,CAAA;AACH,SAAC,CAAC,CAAA;AAEF;;;AAGE;QACF,SAAS,CAAC,MAAM;YACd,IAAI,aAAa,EAAE,SAAS,EAAE;gBAC5B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;AACnD,aAAA;AACF,SAAC,CAAC,CAAA;AAEF;;AAEE;AACF,QAAA,KAAK,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE;AAC5E,YAAA,SAAS,EAAE,IAAG;AACf,SAAA,CAAC,CAAA;AAEF;;AAEE;AACF,QAAA,KAAK,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE;AAClF,YAAA,SAAS,EAAE,IAAG;AACf,SAAA,CAAC,CAAA;;AAGF,QAAA,OAAO,MAAO,GAAC,CAAA;KACjB;AACD,CAAA,CAAC;;;;"}
+{"version":3,"file":"tagging.vue.js","sources":["../../../../../src/x-modules/tagging/components/tagging.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { SnippetConfig } from '../../../x-installer/api/api.types'\nimport type { TaggingConfig } from '../config.types'\nimport { computed, defineComponent, inject, onMounted, watch } from 'vue'\nimport { useXBus } from '../../../composables/use-x-bus'\nimport { taggingXModule } from '../x-module'\n/**\n * This component enables and manages the sending of information to the\n * [Empathy Tagging API](https://docs.empathy.co/develop-empathy-platform/api-reference/tagging-api.html).\n * It allows you to activate or deactivate the session id management through the `consent` prop.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Tagging',\n  xModule: taggingXModule.name,\n  props: {\n    /**\n     * The TTL in milliseconds for storing the result info.\n     */\n    storageTTLMs: {\n      type: Number,\n      default: 30000,\n    },\n    /**\n     * The Object key of the {@link @empathyco/x-types#Result} clicked or added to the cart by the user\n     * that will be used as id for the storage.\n     * By default, the Result url will be used.\n     */\n    storageKey: {\n      type: String,\n      default: 'url',\n    },\n    /**\n     * The session TTL in milliseconds.\n     */\n    sessionTTLMs: Number,\n    /**\n     * The debounce time in milliseconds to track the query.\n     */\n    queryTaggingDebounceMs: {\n      type: Number,\n      default: 2000,\n    },\n    /**\n     * The consent to be emitted.\n     */\n    consent: {\n      type: Boolean,\n      default: null,\n    },\n  },\n  setup(props) {\n    const xBus = useXBus()\n\n    /**\n     * It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n     */\n    const snippetConfig = inject<SnippetConfig | undefined>('snippetConfig')\n\n    /**\n     * The active consent, selected from the `consent` prop and the `snippetConfig.consent`\n     * property. False by default.\n     *\n     * @remarks If the consent is undefined in the prop and in the snippetConfig, it will return\n     * false.\n     *\n     * @returns A boolean that represents if the consent is accepted or not.\n     */\n    const activeConsent = computed(() => props.consent ?? snippetConfig?.consent ?? false)\n\n    /**\n     * The tagging config to be emitted.\n     */\n    const taggingConfig = computed<TaggingConfig>(() => {\n      return {\n        queryTaggingDebounceMs: props.queryTaggingDebounceMs,\n        sessionTTLMs: props.sessionTTLMs as number,\n        storageTTLMs: props.storageTTLMs,\n        storageKey: props.storageKey,\n      }\n    })\n\n    /**\n     * Emits the {@link TaggingXEvents.PDPIsLoaded} XEvent if the snippet config contains\n     * a product id.\n     */\n    onMounted(() => {\n      if (snippetConfig?.productId) {\n        xBus.emit('PDPIsLoaded', snippetConfig.productId)\n      }\n    })\n\n    /**\n     * Emmits the consent when it changes.\n     */\n    watch(activeConsent, () => xBus.emit('ConsentProvided', activeConsent.value), {\n      immediate: true,\n    })\n\n    /**\n     * Emmits the tagging config when it changes.\n     */\n    watch(taggingConfig, () => xBus.emit('TaggingConfigProvided', taggingConfig.value), {\n      immediate: true,\n    })\n\n    return () => {}\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`ConsentProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`TaggingConfigProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n\n## See it in action\n\nThis component manages the tagging of the API to track the different features. This component\ndoesn't render elements to the DOM.\n\n```vue\n<template>\n  <Tagging />\n</template>\n\n<script>\nimport { Tagging } from '@empathyco/x-components/tagging'\n\nexport default {\n  name: 'TaggingDemo',\n  components: {\n    Tagging,\n  },\n}\n</script>\n```\n\n### Play with props\n\nIn this example, the `Tagging` component will emit `ConsentProvided` with payload false by default\nif the consent is not provided, the `TaggingConfigProvided` event will be emitted only if the props\n`queryTaggingDebounceMs`, `sessionDurationMs`, `storageTTLMs` or `storageKey`are defined.\n\nEvery time the user clicks a result or adds a result to the cart, the information for the product\nwill be stored on the browser during 30 seconds which is the default value for the prop\n`storageTTLMs`. To distinguish the storage information for the different results the product url\nwill be used since `storageKey` default value is 'url'.\n\n```vue\n<template>\n  <Tagging :consent=\"true\" :queryTaggingDebounceMs=\"300\" :sessionDurationMs=\"30000\" />\n</template>\n\n<script>\nimport { Tagging } from '@empathyco/x-components/tagging'\n\nexport default {\n  name: 'TaggingDemo',\n  components: {\n    Tagging,\n  },\n}\n</script>\n```\n\nIn this example, the clicked or added to cart result information will be stored on the browser\nduring 60 seconds and the product id will be used as storage key\n\n```vue\n<template>\n  <Tagging :storageTTLMs=\"60000\" :storageKey=\"'id'\" />\n</template>\n\n<script>\nimport { Tagging } from '@empathyco/x-components/tagging'\n\nexport default {\n  name: 'TaggingDemo',\n  components: {\n    Tagging,\n  },\n}\n</script>\n```\n\n### Play with events\n\nThe `Tagging` will emit the `ConsentProvided` when the component is loaded and the consent is set by\nthe prop or getting the value from the snippet config.\n\nThe `Tagging` will emit the `TaggingConfigProvided` when the component is loaded with the new\n[`TaggingConfig`](./../../api/x-components.taggingconfig.md) using the prop values.\n</docs>\n"],"names":[],"mappings":";;;;AAMA;;;;;;AAME;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,cAAc,CAAC,IAAI;AAC5B,IAAA,KAAK,EAAE;AACL;;AAEE;AACF,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;;;AAIE;AACF,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;AAEE;AACF,QAAA,YAAY,EAAE,MAAM;AACpB;;AAEE;AACF,QAAA,sBAAsB,EAAE;AACtB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD;;AAEE;AACF,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,IAAG,GAAI,OAAO,EAAC,CAAA;AAErB;;AAEE;AACF,QAAA,MAAM,aAAY,GAAI,MAAM,CAA4B,eAAe,CAAA,CAAA;AAEvE;;;;;;;;AAQE;AACF,QAAA,MAAM,aAAY,GAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,WAAW,aAAa,EAAE,OAAM,IAAK,KAAK,CAAA,CAAA;AAErF;;AAEE;AACF,QAAA,MAAM,gBAAgB,QAAQ,CAAgB,MAAM;YAClD,OAAO;gBACL,sBAAsB,EAAE,KAAK,CAAC,sBAAsB;gBACpD,YAAY,EAAE,KAAK,CAAC,YAAsB;gBAC1C,YAAY,EAAE,KAAK,CAAC,YAAY;gBAChC,UAAU,EAAE,KAAK,CAAC,UAAU;aAC9B,CAAA;AACF,SAAC,CAAA,CAAA;AAED;;;AAGE;QACF,SAAS,CAAC,MAAM;YACd,IAAI,aAAa,EAAE,SAAS,EAAE;gBAC5B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,SAAS,CAAA,CAAA;AAClD,aAAA;AACF,SAAC,CAAA,CAAA;AAED;;AAEE;AACF,QAAA,KAAK,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE;AAC5E,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA,CAAA,CAAA;AAED;;AAEE;AACF,QAAA,KAAK,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE;AAClF,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA,CAAA,CAAA;AAED,QAAA,OAAO,MAAO,GAAA,CAAA;KACf;AACF,CAAA,CAAA;;;;"}