@empathyco/x-components 6.0.0-alpha.60 → 6.0.0-alpha.62

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']).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;;AAET,QAAA,MAAM,KAAI,GAAI,SAAS,CAAC,iBAAiB,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAc,CAAA;;AAG9E,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

@@ -10,7 +10,7 @@ import { normalizeString } from '../../../../utils/normalize.js';
  *
  * @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

@@ -15,8 +15,8 @@ const request = ({ params, totalResults, config: { threshold, maxItemsToRequest
             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 * @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,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

@@ -11,7 +11,7 @@ import { createRelatedTagsQueryGetter } from '../../../../store/utils/query.util
  * @public
  */
 const query = createRelatedTagsQueryGetter({
-    getRelatedTags: state => state.relatedTags
+    getRelatedTags: state => state.relatedTags,
 });
 
 export { query };

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

@@ -1 +1 @@
-{"version":3,"file":"semanti-queries-query.getter.js","sources":["../../../../../../src/x-modules/semantic-queries/store/getters/semanti-queries-query.getter.ts"],"sourcesContent":["import { createRelatedTagsQueryGetter } from '../../../../store/utils/query.utils';\nimport { SemanticQueriesXStoreModule } from '../types';\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;;;;"}
+{"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,9 @@
 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';
 
 /**
@@ -15,18 +15,18 @@ const semanticQueriesXStoreModule = {
     state: () => ({
         config: {
             threshold: 5,
-            maxItemsToRequest: 3
+            maxItemsToRequest: 3,
         },
         semanticQueries: [],
         params: {},
         query: '',
         totalResults: 0,
-        relatedTags: []
+        relatedTags: [],
     }),
     getters: {
         request,
         normalizedQuery,
-        query
+        query,
     },
     mutations: {
         setParams(state, params) {
@@ -43,12 +43,12 @@ const semanticQueriesXStoreModule = {
             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';\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,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,6BAA6B,CAAC,KAAK,EAAE,WAAW,EAAA;AAC9C,YAAA,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;SACjC;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}.
@@ -71,21 +71,21 @@ const setSemanticQueriesExtraParamsWire = wireCommit('setParams');
  */
 const semanticQueriesWiring = createWiring({
     UserClearedQuery: {
-        clearQueryWire
+        clearQueryWire,
     },
     SemanticQueryRequestUpdated: {
-        fetchAndSaveSemanticQueryWire
+        fetchAndSaveSemanticQueryWire,
     },
     ExtraParamsChanged: {
-        setSemanticQueriesExtraParamsWire
+        setSemanticQueriesExtraParamsWire,
     },
     SearchResponseChanged: {
         setQueryFromSearchResponseChangedWire,
-        setTotalResultsFromSearchResponseChangedWire
+        setTotalResultsFromSearchResponseChangedWire,
     },
     SelectedRelatedTagsChanged: {
-        setSemanticQueriesRelatedTags
-    }
+        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/** 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":";;;;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;AACA,MAAM,6BAA6B,GAAG,UAAU,CAAC,+BAA+B,CAAC,CAAC;AAElF;;;;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;AACD,IAAA,0BAA0B,EAAE;QAC1B,6BAA6B;AAC9B,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
@@ -18,7 +18,7 @@ var _sfc_main = defineComponent({
          */
         storageTTLMs: {
             type: Number,
-            default: 30000
+            default: 30000,
         },
         /**
          * The Object key of the {@link @empathyco/x-types#Result} clicked or added to the cart by the user
@@ -27,7 +27,7 @@ var _sfc_main = defineComponent({
          */
         storageKey: {
             type: String,
-            default: 'url'
+            default: 'url',
         },
         /**
          * The session TTL in milliseconds.
@@ -38,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();
@@ -72,7 +72,7 @@ var _sfc_main = defineComponent({
                 queryTaggingDebounceMs: props.queryTaggingDebounceMs,
                 sessionTTLMs: props.sessionTTLMs,
                 storageTTLMs: props.storageTTLMs,
-                storageKey: props.storageKey
+                storageKey: props.storageKey,
             };
         });
         /**
@@ -88,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 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      // 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`, `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>\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 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>\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,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAI;AACd,SAAA;AACD;;;;AAIE;AACF,QAAA,UAAU,EAAE;AACV,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,YAAY,EAAE,KAAK,CAAC,YAAY;gBAChC,UAAU,EAAE,KAAK,CAAC,UAAS;aAC5B,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;;;;"}

package/js/x-modules/tagging/service/external-tagging.service.js

@@ -69,6 +69,7 @@ class DefaultExternalTaggingService {
     moveToSessionStorage(id) {
         const storageId = this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, id);
         if (storageId) {
+            // eslint-disable-next-line ts/no-unsafe-assignment
             const result = this.localStorageService.removeItem(storageId);
             if (result) {
                 this.sessionStorageService.setItem(storageId, result);
@@ -92,7 +93,7 @@ class DefaultExternalTaggingService {
             const result = this.sessionStorageService.getItem(storageId);
             if (result?.tagging?.add2cart) {
                 result.tagging.add2cart.params.location = 'pdp';
-                this.store.dispatch('x/tagging/track', result.tagging.add2cart);
+                void this.store.dispatch('x/tagging/track', result.tagging.add2cart);
                 /**
                  * Done after tracking the add to cart to avoid tracking the checkout without
                  * an add to cart, in case the tracking fails.
@@ -134,7 +135,6 @@ class DefaultExternalTaggingService {
     showWarningMessage() {
         if (this.storageKey !== 'url') {
             //TODO: add here logger
-            //eslint-disable-next-line no-console
             console.warn('No product id was provided but the storage was not configured to use the url');
         }
     }
@@ -151,6 +151,7 @@ class DefaultExternalTaggingService {
         let urlObject;
         try {
             // Check if the url is relative or absolute path
+            // eslint-disable-next-line regexp/no-unused-capturing-group
             if (/^(\.\.\/|\.\/|\/)/.test(url)) {
                 urlObject = new URL(url, location.origin);
             }
@@ -158,10 +159,10 @@ class DefaultExternalTaggingService {
                 urlObject = new URL(url);
             }
             return urlObject.pathname;
+            // eslint-disable-next-line unused-imports/no-unused-vars
         }
-        catch (e) {
+        catch (_error) {
             //TODO: add here logger
-            //eslint-disable-next-line no-console
             console.warn(`There was a problem with url ${url}`);
             return url;
         }

package/js/x-modules/tagging/service/external-tagging.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"external-tagging.service.js","sources":["../../../../../src/x-modules/tagging/service/external-tagging.service.ts"],"sourcesContent":["import { Store } from 'vuex';\nimport { Result } from '@empathyco/x-types';\nimport { BrowserStorageService, StorageService } from '@empathyco/x-storage-service';\nimport { RootXStoreState } from '../../../store/index';\nimport { XPlugin } from '../../../plugins/index';\nimport { ExternalTaggingService } from './types';\n\n/**\n * Default implementation for the {@link ExternalTaggingService}.\n *\n * @public\n */\nexport class DefaultExternalTaggingService implements ExternalTaggingService {\n  /**\n   * Session id key to use as key in the storage for result clicks.\n   *\n   * @public\n   */\n  public static readonly RESULT_CLICKED_ID_KEY = 'add-to-cart';\n\n  /**\n   * Session id key to use as key in the storage for add to carts.\n   *\n   * @public\n   */\n  public static readonly ADD_TO_CART_ID_KEY = 'checkout';\n\n  /**\n   * Global instance of the {@link ExternalTaggingService}.\n   */\n  public static instance: ExternalTaggingService = new DefaultExternalTaggingService();\n\n  public constructor(\n    protected localStorageService: StorageService = new BrowserStorageService(localStorage, 'x'),\n    protected sessionStorageService: StorageService = new BrowserStorageService(sessionStorage, 'x')\n  ) {}\n\n  protected get store(): Store<RootXStoreState> {\n    return XPlugin.store;\n  }\n\n  protected get storageKey(): string {\n    return this.store.state.x.tagging.config.storageKey as string;\n  }\n\n  protected get storageTTLMs(): number {\n    return this.store.state.x.tagging.config.storageTTLMs as number;\n  }\n\n  /**\n   * Stores in the local storage the information from the Result clicked by the user\n   * in order to be able to track the add to cart later on the result's PDP.\n   *\n   * @param result - The result to store.\n   *\n   * @public\n   */\n  storeResultClicked(result: Result): void {\n    const key = result[this.storageKey as keyof Result] as string;\n    const storageId = this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, key);\n    if (storageId) {\n      this.localStorageService.setItem(storageId, result, this.storageTTLMs);\n    }\n  }\n\n  /**\n   * Stores in the local storage the information from the Result added to the cart\n   * by the user in order to be able to track the checkout later on when the checkout\n   * process has been completed by shopper.\n   *\n   * @param result - The result to store.\n   *\n   * @public\n   */\n  storeAddToCart(result: Result): void {\n    const key = result[this.storageKey as keyof Result] as string;\n    const storageId = this.getStorageId(DefaultExternalTaggingService.ADD_TO_CART_ID_KEY, key);\n    if (storageId) {\n      this.localStorageService.setItem(storageId, result, this.storageTTLMs);\n    }\n  }\n\n  /**\n   * Checks if the local storage contains a result information for the given id and moves\n   * the result info from the local storage to the session storage.\n   *\n   * @param id - The id of the result to move to the session storage.\n   *\n   * @public\n   */\n  moveToSessionStorage(id?: string): void {\n    const storageId = this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, id);\n    if (storageId) {\n      const result = this.localStorageService.removeItem(storageId);\n      if (result) {\n        this.sessionStorageService.setItem(storageId, result);\n      }\n    }\n  }\n\n  /**\n   * Checks if the session storage contains a result information for a given id or the current url.\n   * If exists, it tracks the add to cart and saves the add to cart information into session\n   * storage.\n   *\n   * @param id - The id of the result to track.\n   *\n   * @public\n   */\n  trackAddToCart(id?: string): void {\n    const storageId =\n      this.storageKey === 'url'\n        ? this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY)\n        : this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, id);\n    if (storageId) {\n      const result = this.sessionStorageService.getItem<Result>(storageId);\n      if (result?.tagging?.add2cart) {\n        result.tagging.add2cart.params.location = 'pdp';\n        this.store.dispatch('x/tagging/track', result.tagging.add2cart);\n        /**\n         * Done after tracking the add to cart to avoid tracking the checkout without\n         * an add to cart, in case the tracking fails.\n         */\n        this.storeAddToCart(result);\n      }\n    }\n  }\n\n  /**\n   * Calculates the browser storage key for the given id.\n   *\n   * @param keyPrefix - The key prefix to use in the storage.\n   * @param id - The id to be used for the storage key.\n   *\n   * @returns The complete key to be used for storage.\n   *\n   * @internal\n   */\n  protected getStorageId(keyPrefix: string, id?: string): string | null {\n    if (this.storageKey === 'url') {\n      let url = id ?? window.location.href;\n      url = url.replace(/\\s|\\+/g, '%20');\n      const pathName = this.getPathName(url);\n      return `${keyPrefix}-${pathName}`;\n    } else if (id) {\n      return `${keyPrefix}-${id}`;\n    } else {\n      this.showWarningMessage();\n      return null;\n    }\n  }\n\n  /**\n   * Logs a warning message in case the tracking cannot be done.\n   *\n   * @internal\n   */\n  protected showWarningMessage(): void {\n    if (this.storageKey !== 'url') {\n      //TODO: add here logger\n      //eslint-disable-next-line no-console\n      console.warn('No product id was provided but the storage was not configured to use the url');\n    }\n  }\n\n  /**\n   * Returns the pathname for a given url.\n   *\n   * @param url - The url to get the pathname from.\n   *\n   * @returns The pathname of the url.\n   *\n   * @internal\n   */\n  protected getPathName(url: string): string {\n    let urlObject: URL;\n    try {\n      // Check if the url is relative or absolute path\n      if (/^(\\.\\.\\/|\\.\\/|\\/)/.test(url)) {\n        urlObject = new URL(url, location.origin);\n      } else {\n        urlObject = new URL(url);\n      }\n      return urlObject.pathname;\n    } catch (e) {\n      //TODO: add here logger\n      //eslint-disable-next-line no-console\n      console.warn(`There was a problem with url ${url}`);\n      return url;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"external-tagging.service.js","sources":["../../../../../src/x-modules/tagging/service/external-tagging.service.ts"],"sourcesContent":["import type { StorageService } from '@empathyco/x-storage-service'\nimport type { Result } from '@empathyco/x-types'\nimport type { Store } from 'vuex'\nimport type { RootXStoreState } from '../../../store/index'\nimport type { ExternalTaggingService } from './types'\nimport { BrowserStorageService } from '@empathyco/x-storage-service'\nimport { XPlugin } from '../../../plugins/index'\n\n/**\n * Default implementation for the {@link ExternalTaggingService}.\n *\n * @public\n */\nexport class DefaultExternalTaggingService implements ExternalTaggingService {\n  /**\n   * Session id key to use as key in the storage for result clicks.\n   *\n   * @public\n   */\n  public static readonly RESULT_CLICKED_ID_KEY = 'add-to-cart'\n\n  /**\n   * Session id key to use as key in the storage for add to carts.\n   *\n   * @public\n   */\n  public static readonly ADD_TO_CART_ID_KEY = 'checkout'\n\n  /**\n   * Global instance of the {@link ExternalTaggingService}.\n   */\n  public static instance: ExternalTaggingService = new DefaultExternalTaggingService()\n\n  public constructor(\n    protected localStorageService: StorageService = new BrowserStorageService(localStorage, 'x'),\n    protected sessionStorageService: StorageService = new BrowserStorageService(\n      sessionStorage,\n      'x',\n    ),\n  ) {}\n\n  protected get store(): Store<RootXStoreState> {\n    return XPlugin.store\n  }\n\n  protected get storageKey(): string {\n    return this.store.state.x.tagging.config.storageKey as string\n  }\n\n  protected get storageTTLMs(): number {\n    return this.store.state.x.tagging.config.storageTTLMs as number\n  }\n\n  /**\n   * Stores in the local storage the information from the Result clicked by the user\n   * in order to be able to track the add to cart later on the result's PDP.\n   *\n   * @param result - The result to store.\n   *\n   * @public\n   */\n  storeResultClicked(result: Result): void {\n    const key = result[this.storageKey as keyof Result] as string\n    const storageId = this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, key)\n    if (storageId) {\n      this.localStorageService.setItem(storageId, result, this.storageTTLMs)\n    }\n  }\n\n  /**\n   * Stores in the local storage the information from the Result added to the cart\n   * by the user in order to be able to track the checkout later on when the checkout\n   * process has been completed by shopper.\n   *\n   * @param result - The result to store.\n   *\n   * @public\n   */\n  storeAddToCart(result: Result): void {\n    const key = result[this.storageKey as keyof Result] as string\n    const storageId = this.getStorageId(DefaultExternalTaggingService.ADD_TO_CART_ID_KEY, key)\n    if (storageId) {\n      this.localStorageService.setItem(storageId, result, this.storageTTLMs)\n    }\n  }\n\n  /**\n   * Checks if the local storage contains a result information for the given id and moves\n   * the result info from the local storage to the session storage.\n   *\n   * @param id - The id of the result to move to the session storage.\n   *\n   * @public\n   */\n  moveToSessionStorage(id?: string): void {\n    const storageId = this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, id)\n    if (storageId) {\n      // eslint-disable-next-line ts/no-unsafe-assignment\n      const result = this.localStorageService.removeItem(storageId)\n      if (result) {\n        this.sessionStorageService.setItem(storageId, result)\n      }\n    }\n  }\n\n  /**\n   * Checks if the session storage contains a result information for a given id or the current url.\n   * If exists, it tracks the add to cart and saves the add to cart information into session\n   * storage.\n   *\n   * @param id - The id of the result to track.\n   *\n   * @public\n   */\n  trackAddToCart(id?: string): void {\n    const storageId =\n      this.storageKey === 'url'\n        ? this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY)\n        : this.getStorageId(DefaultExternalTaggingService.RESULT_CLICKED_ID_KEY, id)\n    if (storageId) {\n      const result = this.sessionStorageService.getItem<Result>(storageId)\n      if (result?.tagging?.add2cart) {\n        result.tagging.add2cart.params.location = 'pdp'\n        void this.store.dispatch('x/tagging/track', result.tagging.add2cart)\n        /**\n         * Done after tracking the add to cart to avoid tracking the checkout without\n         * an add to cart, in case the tracking fails.\n         */\n        this.storeAddToCart(result)\n      }\n    }\n  }\n\n  /**\n   * Calculates the browser storage key for the given id.\n   *\n   * @param keyPrefix - The key prefix to use in the storage.\n   * @param id - The id to be used for the storage key.\n   *\n   * @returns The complete key to be used for storage.\n   *\n   * @internal\n   */\n  protected getStorageId(keyPrefix: string, id?: string): string | null {\n    if (this.storageKey === 'url') {\n      let url = id ?? window.location.href\n      url = url.replace(/\\s|\\+/g, '%20')\n      const pathName = this.getPathName(url)\n      return `${keyPrefix}-${pathName}`\n    } else if (id) {\n      return `${keyPrefix}-${id}`\n    } else {\n      this.showWarningMessage()\n      return null\n    }\n  }\n\n  /**\n   * Logs a warning message in case the tracking cannot be done.\n   *\n   * @internal\n   */\n  protected showWarningMessage(): void {\n    if (this.storageKey !== 'url') {\n      //TODO: add here logger\n\n      console.warn('No product id was provided but the storage was not configured to use the url')\n    }\n  }\n\n  /**\n   * Returns the pathname for a given url.\n   *\n   * @param url - The url to get the pathname from.\n   *\n   * @returns The pathname of the url.\n   *\n   * @internal\n   */\n  protected getPathName(url: string): string {\n    let urlObject: URL\n    try {\n      // Check if the url is relative or absolute path\n      // eslint-disable-next-line regexp/no-unused-capturing-group\n      if (/^(\\.\\.\\/|\\.\\/|\\/)/.test(url)) {\n        urlObject = new URL(url, location.origin)\n      } else {\n        urlObject = new URL(url)\n      }\n      return urlObject.pathname\n      // eslint-disable-next-line unused-imports/no-unused-vars\n    } catch (_error) {\n      //TODO: add here logger\n\n      console.warn(`There was a problem with url ${url}`)\n      return url\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/js/x-modules/tagging/store/actions/track.action.js

@@ -7,7 +7,6 @@ import { XPlugin } from '../../../../plugins/x-plugin.js';
  * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
  * provided by Vuex.
  * @param taggingInfo - The information of the event to track.
- *
  * @public
  */
 const track = ({ state }, taggingInfo) => {
@@ -17,12 +16,12 @@ const track = ({ state }, taggingInfo) => {
     // TODO EX-5061 - Remove this validation when the adapter ignores undefined values.
     const session = sessionId && { session: sessionId };
     taggingInfos.forEach(({ url, params }) => {
-        XPlugin.adapter.tagging({
+        void XPlugin.adapter.tagging({
             url,
             params: {
                 ...params,
-                ...session
-            }
+                ...session,
+            },
         });
     });
 };

package/js/x-modules/tagging/store/actions/track.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"track.action.js","sources":["../../../../../../src/x-modules/tagging/store/actions/track.action.ts"],"sourcesContent":["import { TaggingRequest } from '@empathyco/x-types';\nimport { DefaultSessionService } from '@empathyco/x-utils';\nimport { XPlugin } from '../../../../plugins/x-plugin';\nimport { TaggingXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link TaggingActions.track}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param taggingInfo - The information of the event to track.\n *\n * @public\n */\nexport const track: TaggingXStoreModule['actions']['track'] = ({ state }, taggingInfo) => {\n  const { consent } = state;\n  const taggingInfos = Array.isArray(taggingInfo) ? taggingInfo : [taggingInfo];\n  const sessionId = getSessionId(consent);\n  // TODO EX-5061 - Remove this validation when the adapter ignores undefined values.\n  const session = sessionId && { session: sessionId };\n\n  taggingInfos.forEach(({ url, params }: TaggingRequest) => {\n    XPlugin.adapter.tagging({\n      url,\n      params: {\n        ...params,\n        ...session\n      }\n    });\n  });\n};\n\n/**\n * Returns the session id if the consent is true.\n *\n * @param consent - User consent to retrieve the session id.\n *\n * @returns The user session id or undefined.\n *\n * @internal\n */\nfunction getSessionId(consent: boolean | null): string | undefined {\n  return consent ? DefaultSessionService.instance.getSessionId() : undefined;\n}\n"],"names":[],"mappings":";;;AAKA;;;;;;;;AAQG;AACU,MAAA,KAAK,GAA4C,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,KAAI;AACvF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;AAC1B,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,CAAC,WAAW,CAAC,CAAC;AAC9E,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;;IAExC,MAAM,OAAO,GAAG,SAAS,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAEpD,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAkB,KAAI;AACvD,QAAA,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;YACtB,GAAG;AACH,YAAA,MAAM,EAAE;AACN,gBAAA,GAAG,MAAM;AACT,gBAAA,GAAG,OAAO;AACX,aAAA;AACF,SAAA,CAAC,CAAC;AACL,KAAC,CAAC,CAAC;AACL,EAAE;AAEF;;;;;;;;AAQG;AACH,SAAS,YAAY,CAAC,OAAuB,EAAA;AAC3C,IAAA,OAAO,OAAO,GAAG,qBAAqB,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,SAAS,CAAC;AAC7E;;;;"}
+{"version":3,"file":"track.action.js","sources":["../../../../../../src/x-modules/tagging/store/actions/track.action.ts"],"sourcesContent":["import type { TaggingRequest } from '@empathyco/x-types'\nimport type { TaggingXStoreModule } from '../types'\nimport { DefaultSessionService } from '@empathyco/x-utils'\nimport { XPlugin } from '../../../../plugins/x-plugin'\n\n/**\n * Default implementation for the {@link TaggingActions.track}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param taggingInfo - The information of the event to track.\n * @public\n */\nexport const track: TaggingXStoreModule['actions']['track'] = ({ state }, taggingInfo) => {\n  const { consent } = state\n  const taggingInfos = Array.isArray(taggingInfo) ? taggingInfo : [taggingInfo]\n  const sessionId = getSessionId(consent)\n  // TODO EX-5061 - Remove this validation when the adapter ignores undefined values.\n  const session = sessionId && { session: sessionId }\n\n  taggingInfos.forEach(({ url, params }: TaggingRequest) => {\n    void XPlugin.adapter.tagging({\n      url,\n      params: {\n        ...params,\n        ...session,\n      },\n    })\n  })\n}\n\n/**\n * Returns the session id if the consent is true.\n *\n * @param consent - User consent to retrieve the session id.\n *\n * @returns The user session id or undefined.\n *\n * @internal\n */\nfunction getSessionId(consent: boolean | null): string | undefined {\n  return consent ? DefaultSessionService.instance.getSessionId() : undefined\n}\n"],"names":[],"mappings":";;;AAKA;;;;;;;AAOG;AACU,MAAA,KAAK,GAA4C,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,KAAI;AACvF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;AACzB,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,CAAC,WAAW,CAAC,CAAA;AAC7E,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;;IAEvC,MAAM,OAAO,GAAG,SAAS,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAA;IAEnD,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAkB,KAAI;AACvD,QAAA,KAAK,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;YAC3B,GAAG;AACH,YAAA,MAAM,EAAE;AACN,gBAAA,GAAG,MAAM;AACT,gBAAA,GAAG,OAAO;AACX,aAAA;AACF,SAAA,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;AACJ,EAAC;AAED;;;;;;;;AAQG;AACH,SAAS,YAAY,CAAC,OAAuB,EAAA;AAC3C,IAAA,OAAO,OAAO,GAAG,qBAAqB,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,SAAS,CAAA;AAC5E;;;;"}

package/js/x-modules/tagging/store/emitters.js

@@ -11,8 +11,8 @@ const taggingEmitters = createStoreEmitters(taggingXStoreModule, {
     SearchTaggingReceived: state => state.queryTaggingInfo,
     ResultURLTrackingEnabled: {
         selector: state => state.config.storageKey,
-        filter: newValue => newValue === 'url'
-    }
+        filter: newValue => newValue === 'url',
+    },
 });
 
 export { taggingEmitters };

package/js/x-modules/tagging/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/tagging/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils';\nimport { taggingXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the tagging module.\n *\n * @internal\n */\nexport const taggingEmitters = createStoreEmitters(taggingXStoreModule, {\n  ConsentChanged: state => state.consent!,\n  SearchTaggingReceived: state => state.queryTaggingInfo!,\n  ResultURLTrackingEnabled: {\n    selector: state => state.config.storageKey!,\n    filter: newValue => newValue === 'url'\n  }\n});\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,eAAe,GAAG,mBAAmB,CAAC,mBAAmB,EAAE;AACtE,IAAA,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,OAAQ;AACvC,IAAA,qBAAqB,EAAE,KAAK,IAAI,KAAK,CAAC,gBAAiB;AACvD,IAAA,wBAAwB,EAAE;QACxB,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,UAAW;AAC3C,QAAA,MAAM,EAAE,QAAQ,IAAI,QAAQ,KAAK,KAAK;AACvC,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/tagging/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils'\nimport { taggingXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the tagging module.\n *\n * @internal\n */\nexport const taggingEmitters = createStoreEmitters(taggingXStoreModule, {\n  ConsentChanged: state => state.consent!,\n  SearchTaggingReceived: state => state.queryTaggingInfo!,\n  ResultURLTrackingEnabled: {\n    selector: state => state.config.storageKey!,\n    filter: newValue => newValue === 'url',\n  },\n})\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,eAAe,GAAG,mBAAmB,CAAC,mBAAmB,EAAE;AACtE,IAAA,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,OAAQ;AACvC,IAAA,qBAAqB,EAAE,KAAK,IAAI,KAAK,CAAC,gBAAiB;AACvD,IAAA,wBAAwB,EAAE;QACxB,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,UAAW;AAC3C,QAAA,MAAM,EAAE,QAAQ,IAAI,QAAQ,KAAK,KAAK;AACvC,KAAA;AACF,CAAA;;;;"}