feat: create query getter for next queries & use it in the NQ request

EMP-3597

packages/x-components/src/x-modules/next-queries/store/getters/next-queries-query.getter.ts

@@ -0,0 +1,16 @@
+import { createRelatedTagsQueryGetter } from '../../../../store/utils/query.utils';
+import { NextQueriesXStoreModule } from '../types';
+
+/**
+ * Default implementation for the next-queries query getter.
+ *
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the related
+ * tags' module.
+ *
+ * @returns The query with the selected related tags concatenated.
+ *
+ * @public
+ */
+export const query: NextQueriesXStoreModule['getters']['query'] = createRelatedTagsQueryGetter({
+  getRelatedTags: state => state.relatedTags
+});

packages/x-components/src/x-modules/next-queries/store/getters/request.getter.ts

@@ -5,16 +5,18 @@ import { NextQueriesXStoreModule } from '../types';
  *
  * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the next
  * queries module.
+ * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the
+ * search module.
+ *
  * @returns The next queries request to fetch data from the API.
  *
  * @public
  */
-export const request: NextQueriesXStoreModule['getters']['request'] = ({
-  query,
-  config,
-  params
-}) => {
-  return query.trim()
+export const request: NextQueriesXStoreModule['getters']['request'] = (
+  { config, params },
+  { query }
+) => {
+  return query
     ? {
         query,
         rows: config.maxItemsToRequest,

packages/x-components/src/x-modules/next-queries/store/module.ts

@@ -11,6 +11,7 @@ import { setUrlParams } from './actions/set-url-params.action';
 import { fetchNextQueryPreview } from './actions/fetch-next-query-preview.action';
 import { fetchAndSaveNextQueryPreview } from './actions/fetch-and-save-next-query-preview.action';
 import { nextQueries } from './getters/next-queries.getter';
+import { query } from './getters/next-queries-query.getter';
 import { request } from './getters/request.getter';
 import { NextQueriesXStoreModule } from './types';
 
@@ -37,7 +38,8 @@ export const nextQueriesXStoreModule: NextQueriesXStoreModule = {
   }),
   getters: {
     request,
-    nextQueries
+    nextQueries,
+    query
   },
   mutations: {
     setQuery,

packages/x-components/src/x-modules/next-queries/store/types.ts

@@ -49,6 +49,8 @@ export interface NextQueriesGetters {
   request: NextQueriesRequest | null;
   /** List of next queries that have not been searched before. */
   nextQueries: NextQuery[];
+  /** The combination of the query and the selected related tags. */
+  query: string;
 }
 
 /**