@empathyco/x-components 6.0.0-alpha.164 → 6.0.0-alpha.166

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.0.0-alpha.166 (2025-10-24)
+
+* fix(ai): export missing store things (#1907) ([ac5f37a](https://github.com/empathyco/x/commit/ac5f37a)), closes [#1907](https://github.com/empathyco/x/issues/1907)
+
+
+
+
+
+## 6.0.0-alpha.165 (2025-10-22)
+
+* fix(url-handler): disable attribute inheritance to avoid error with GlobalEvents ([dfa0979](https://github.com/empathyco/x/commit/dfa0979))
+
+
+
+
+
 ## 6.0.0-alpha.164 (2025-10-20)
 
 * feat(ai): connect query preview selection with ai module (#1904) ([400bacb](https://github.com/empathyco/x/commit/400bacb)), closes [#1904](https://github.com/empathyco/x/issues/1904)

package/ai/index.js

@@ -1,5 +1,12 @@
 export { default as AiOverview } from '../js/x-modules/ai/components/ai-overview.vue.js';
+export { fetchAndSaveAiSuggestionsSearch } from '../js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.js';
+export { fetchAndSaveAiSuggestions } from '../js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.js';
+export { saveOrigin as saveAiOrigin } from '../js/x-modules/ai/store/actions/save-origin.action.js';
+export { setUrlParams as setAiUrlParams } from '../js/x-modules/ai/store/actions/set-url-params.action.js';
 export { aiEmitters } from '../js/x-modules/ai/store/emitters.js';
+export { query as aiQuery } from '../js/x-modules/ai/store/getters/ai-query.getter.js';
+export { suggestionsRequest as aiSuggestionsRequest } from '../js/x-modules/ai/store/getters/suggestions-request.getter.js';
+export { suggestionsSearchRequest as aiSuggestionsSearchRequest } from '../js/x-modules/ai/store/getters/suggestions-search-request.getter.js';
 export { aiXStoreModule } from '../js/x-modules/ai/store/module.js';
 export { aiWiring } from '../js/x-modules/ai/wiring.js';
 export { aiXModule } from '../js/x-modules/ai/x-module.js';

package/core/index.js.map

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

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [aiQuery](./x-components.aiquery.md)
+
+## aiQuery variable
+
+Default implementation for the related prompts query getter.
+
+**Signature:**
+
+```typescript
+query: AiXStoreModule['getters']['query']
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [aiSuggestionsRequest](./x-components.aisuggestionsrequest.md)
+
+## aiSuggestionsRequest variable
+
+Default implementation for the [AiGetters.suggestionsRequest](./x-components.aigetters.suggestionsrequest.md) getter.
+
+**Signature:**
+
+```typescript
+suggestionsRequest: AiXStoreModule['getters']['suggestionsRequest']
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [aiSuggestionsSearchRequest](./x-components.aisuggestionssearchrequest.md)
+
+## aiSuggestionsSearchRequest variable
+
+Default implementation for the [AiGetters.suggestionsSearchRequest](./x-components.aigetters.suggestionssearchrequest.md) getter.
+
+**Signature:**
+
+```typescript
+suggestionsSearchRequest: AiXStoreModule['getters']['suggestionsSearchRequest']
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [fetchAndSaveAiSuggestions](./x-components.fetchandsaveaisuggestions.md)
+
+## fetchAndSaveAiSuggestions variable
+
+Default implementation for the [AiActions.fetchAndSaveAiSuggestions](./x-components.aiactions.fetchandsaveaisuggestions.md)<!-- -->.
+
+**Signature:**
+
+```typescript
+fetchAndSaveAiSuggestions: AiXStoreModule['actions']['fetchAndSaveAiSuggestions']
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [fetchAndSaveAiSuggestionsSearch](./x-components.fetchandsaveaisuggestionssearch.md)
+
+## fetchAndSaveAiSuggestionsSearch variable
+
+Default implementation for the [AiActions.fetchAndSaveAiSuggestionsSearch](./x-components.aiactions.fetchandsaveaisuggestionssearch.md)<!-- -->.
+
+**Signature:**
+
+```typescript
+fetchAndSaveAiSuggestionsSearch: AiXStoreModule['actions']['fetchAndSaveAiSuggestionsSearch']
+```

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

@@ -340,6 +340,9 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [addQueryToHistoryQueries](./x-components.addquerytohistoryqueries.md) | Saves a new query into the history queries. |
 |  [addQueryToHistoryQueriesFromPreview](./x-components.addquerytohistoryqueriesfrompreview.md) | Saves the selectedQueryPreview query into the history queries. |
 |  [AiOverview](./x-components.aioverview.md) |  |
+|  [aiQuery](./x-components.aiquery.md) | Default implementation for the related prompts query getter. |
+|  [aiSuggestionsRequest](./x-components.aisuggestionsrequest.md) | Default implementation for the [AiGetters.suggestionsRequest](./x-components.aigetters.suggestionsrequest.md) getter. |
+|  [aiSuggestionsSearchRequest](./x-components.aisuggestionssearchrequest.md) | Default implementation for the [AiGetters.suggestionsSearchRequest](./x-components.aigetters.suggestionssearchrequest.md) getter. |
 |  [aiXModule](./x-components.aixmodule.md) | AI [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the <code>AI</code> entry point. |
 |  [AllFilter](./x-components.allfilter.md) | This component receives a required <code>facet</code> with [BooleanFilter](./x-types.booleanfilter.md) as prop and renders a button, which on clicked emits the [FacetsXEvents.UserClickedAllFilter](./x-components.facetsxevents.userclickedallfilter.md) event. By default the rendered button displays a message with the facet label but this content is customizable through the default slot. |
 |  [AnimateWidth](./x-components.animatewidth.md) | Renders a transition wrapping an element passed in the default slot and animating its width. |
@@ -426,6 +429,8 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [Fade](./x-components.fade.md) | Renders a transition wrapping the element passed in the default slot. The animation just fades in/out the element by changing its opacity. |
 |  [FadeAndSlide](./x-components.fadeandslide.md) | Renders a transition group wrapping the elements passed in the default slot and animating them with a fade and slide animation. |
 |  [FallbackDisclaimer](./x-components.fallbackdisclaimer.md) | The <code>FallbackDisclaimer</code> component shows a message if the filters have been removed from the current search because there were no results. |
+|  [fetchAndSaveAiSuggestions](./x-components.fetchandsaveaisuggestions.md) | Default implementation for the [AiActions.fetchAndSaveAiSuggestions](./x-components.aiactions.fetchandsaveaisuggestions.md)<!-- -->. |
+|  [fetchAndSaveAiSuggestionsSearch](./x-components.fetchandsaveaisuggestionssearch.md) | Default implementation for the [AiActions.fetchAndSaveAiSuggestionsSearch](./x-components.aiactions.fetchandsaveaisuggestionssearch.md)<!-- -->. |
 |  [fetchAndSaveExperienceControlsWire](./x-components.fetchandsaveexperiencecontrolswire.md) | Requests and stores a new set of controls results. |
 |  [fetchAndSaveIdentifierResultsWire](./x-components.fetchandsaveidentifierresultswire.md) | Requests and stores a new set of identifier results for the query. |
 |  [fetchAndSaveNextQueriesWire](./x-components.fetchandsavenextquerieswire.md) | Requests and stores the next queries. |
@@ -544,6 +549,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [ResultsList](./x-components.resultslist.md) | <p>It renders a [ItemsList](./x-components.itemslist.md) list with the results from [SearchState.results](./x-components.searchstate.results.md) by default.</p><p>The component provides a default slot which wraps the whole component with the <code>results</code> bound.</p><p>It also provides the slot result to customize the item, which is within the default slot, with the result bound.</p> |
 |  [ResultVariantSelector](./x-components.resultvariantselector.md) | Component to show and select the available variants of a product for a given nest level. TODO: Log warning on mount when result is not injected. |
 |  [ResultVariantsProvider](./x-components.resultvariantsprovider.md) | <p>Component that exposes the result merged with its selected variant in the default slot.</p><p>It receives the original result and keeps track of the selected variant.</p><p>It provides the original result, the array containing the selected variants and a callback to set the selected variant to be used from a child.</p> |
+|  [saveAiOrigin](./x-components.saveaiorigin.md) | Default implementation for the [AiActions.saveOrigin](./x-components.aiactions.saveorigin.md)<!-- -->. |
 |  [saveIdentifierResultsOrigin](./x-components.saveidentifierresultsorigin.md) | Default implementation for the [IdentifierResultsActions.saveOrigin](./x-components.identifierresultsactions.saveorigin.md)<!-- -->. |
 |  [saveIdentifierResultsOriginWire](./x-components.saveidentifierresultsoriginwire.md) | Sets the identifier results state <code>origin</code>. |
 |  [saveOriginWire](./x-components.saveoriginwire.md) | Sets the search state <code>origin</code>. |
@@ -568,6 +574,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [semanticQueriesXModule](./x-components.semanticqueriesxmodule.md) | SemanticQueries [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the <code>semantic-queries</code>entry point. |
 |  [SemanticQuery](./x-components.semanticquery.md) | This component renders a semantic query. A semantic query is a recommended query that is similar in its meaning to another one. It contains the query and the distance, which indicates how similar the query is compared to the searched query. |
 |  [sessionHistoryQueries](./x-components.sessionhistoryqueries.md) | Default implementation for the [HistoryQueriesGetters.sessionHistoryQueries](./x-components.historyqueriesgetters.sessionhistoryqueries.md) getter. |
+|  [setAiUrlParams](./x-components.setaiurlparams.md) | Default implementation setUrlParams. |
 |  [setConsent](./x-components.setconsent.md) | Sets the tagging state <code>consent</code>. |
 |  [setExtraParams](./x-components.setextraparams.md) | Sets the extra params of the [ExtraParamsXModule](./x-components.extraparamsxmodule.md)<!-- -->. |
 |  [setFiltersFromHistoryQueries](./x-components.setfiltersfromhistoryqueries.md) | Sets the filters of the facets module from a selectedHistoryQuery's filters. |

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [saveAiOrigin](./x-components.saveaiorigin.md)
+
+## saveAiOrigin variable
+
+Default implementation for the [AiActions.saveOrigin](./x-components.aiactions.saveorigin.md)<!-- -->.
+
+**Signature:**
+
+```typescript
+saveOrigin: AiXStoreModule['actions']['saveOrigin']
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [setAiUrlParams](./x-components.setaiurlparams.md)
+
+## setAiUrlParams variable
+
+Default implementation setUrlParams.
+
+**Signature:**
+
+```typescript
+setUrlParams: AiXStoreModule['actions']['setUrlParams']
+```

package/js/index.js

@@ -200,7 +200,14 @@ export { BaseXPriorityQueue, BaseXPriorityQueueNode } from './x-bus/x-priority-q
 export { BaseXAPI } from './x-installer/api/base-api.js';
 export { XInstaller } from './x-installer/x-installer/x-installer.js';
 export { default as AiOverview } from './x-modules/ai/components/ai-overview.vue.js';
+export { fetchAndSaveAiSuggestionsSearch } from './x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.js';
+export { fetchAndSaveAiSuggestions } from './x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.js';
+export { saveOrigin as saveAiOrigin } from './x-modules/ai/store/actions/save-origin.action.js';
+export { setUrlParams as setAiUrlParams } from './x-modules/ai/store/actions/set-url-params.action.js';
 export { aiEmitters } from './x-modules/ai/store/emitters.js';
+export { query as aiQuery } from './x-modules/ai/store/getters/ai-query.getter.js';
+export { suggestionsRequest as aiSuggestionsRequest } from './x-modules/ai/store/getters/suggestions-request.getter.js';
+export { suggestionsSearchRequest as aiSuggestionsSearchRequest } from './x-modules/ai/store/getters/suggestions-search-request.getter.js';
 export { aiXStoreModule } from './x-modules/ai/store/module.js';
 export { aiWiring } from './x-modules/ai/wiring.js';
 export { aiXModule } from './x-modules/ai/x-module.js';

package/js/index.js.map

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

package/js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.js

@@ -7,6 +7,15 @@ import '../../../../plugins/devtools/colors.utils.js';
 import '../../../../plugins/x-bus.js';
 import { XPlugin } from '../../../../plugins/x-plugin.js';
 
+/**
+ * Default implementation for the {@link AiActions.fetchAndSaveAiSuggestionsSearch}.
+ *
+ * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the commits,
+ * provided by Vuex.
+ * @param request - The AI search request to make.
+ * @returns The AI search response.
+ * @public
+ */
 const fetchAndSaveAiSuggestionsSearch = async ({ commit }, request) => {
     if (!request) {
         return;

package/js/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-ai-suggestions-search.action.js","sources":["../../../../../../src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.ts"],"sourcesContent":["import type { AiXStoreModule } from '../types'\nimport { XPlugin } from '../../../../plugins'\n\nexport const fetchAndSaveAiSuggestionsSearch: AiXStoreModule['actions']['fetchAndSaveAiSuggestionsSearch'] =\n  async ({ commit }, request) => {\n    if (!request) {\n      return\n    }\n    commit('setSuggestionsSearchLoading', true)\n    return XPlugin.adapter\n      .aiSuggestionsSearch(request)\n      .then(response => {\n        if (response) {\n          commit('setSuggestionsSearch', response.suggestions)\n        }\n      })\n      .catch(error => {\n        console.error(error)\n      })\n      .finally(() => {\n        commit('setSuggestionsSearchLoading', false)\n      })\n  }\n"],"names":[],"mappings":";;;;;;;;;AAGO,MAAM,+BAA+B,GAC1C,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,KAAI;IAC5B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAM;KACP;AACD,IAAA,MAAM,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAA;IAC3C,OAAO,OAAO,CAAC,OAAO;SACnB,mBAAmB,CAAC,OAAO,CAAC;SAC5B,IAAI,CAAC,QAAQ,IAAG;QACf,IAAI,QAAQ,EAAE;AACZ,YAAA,MAAM,CAAC,sBAAsB,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;SACrD;AACH,KAAC,CAAC;SACD,KAAK,CAAC,KAAK,IAAG;AACb,QAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;AACtB,KAAC,CAAC;SACD,OAAO,CAAC,MAAK;AACZ,QAAA,MAAM,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAA;AAC9C,KAAC,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"fetch-and-save-ai-suggestions-search.action.js","sources":["../../../../../../src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.ts"],"sourcesContent":["import type { AiXStoreModule } from '../types'\nimport { XPlugin } from '../../../../plugins'\n\n/**\n * Default implementation for the {@link AiActions.fetchAndSaveAiSuggestionsSearch}.\n *\n * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the commits,\n * provided by Vuex.\n * @param request - The AI search request to make.\n * @returns The AI search response.\n * @public\n */\nexport const fetchAndSaveAiSuggestionsSearch: AiXStoreModule['actions']['fetchAndSaveAiSuggestionsSearch'] =\n  async ({ commit }, request) => {\n    if (!request) {\n      return\n    }\n    commit('setSuggestionsSearchLoading', true)\n    return XPlugin.adapter\n      .aiSuggestionsSearch(request)\n      .then(response => {\n        if (response) {\n          commit('setSuggestionsSearch', response.suggestions)\n        }\n      })\n      .catch(error => {\n        console.error(error)\n      })\n      .finally(() => {\n        commit('setSuggestionsSearchLoading', false)\n      })\n  }\n"],"names":[],"mappings":";;;;;;;;;AAGA;;;;;;;;AAQG;AACI,MAAM,+BAA+B,GAC1C,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,KAAI;IAC5B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAM;KACP;AACD,IAAA,MAAM,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAA;IAC3C,OAAO,OAAO,CAAC,OAAO;SACnB,mBAAmB,CAAC,OAAO,CAAC;SAC5B,IAAI,CAAC,QAAQ,IAAG;QACf,IAAI,QAAQ,EAAE;AACZ,YAAA,MAAM,CAAC,sBAAsB,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;SACrD;AACH,KAAC,CAAC;SACD,KAAK,CAAC,KAAK,IAAG;AACb,QAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;AACtB,KAAC,CAAC;SACD,OAAO,CAAC,MAAK;AACZ,QAAA,MAAM,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAA;AAC9C,KAAC,CAAC,CAAA;AACN;;;;"}

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

@@ -15,7 +15,6 @@ import { XPlugin } from '../../../../plugins/x-plugin.js';
  * provided by Vuex.
  * @param request - The AI request to make.
  * @returns The AI response.
- *
  * @public
  */
 const fetchAndSaveAiSuggestions = async ({ commit }, request) => {

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

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-ai-suggestions.action.js","sources":["../../../../../../src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.ts"],"sourcesContent":["import type { AiSuggestionQuery, AiSuggestionTagging } from '@empathyco/x-types'\nimport type { AiActionContext, AiXStoreModule } from '../types'\nimport { getTaggingInfoFromUrl } from '@empathyco/x-adapter-platform'\nimport { XPlugin } from '../../../../plugins'\n\ninterface TaggingData {\n  tagging: {\n    toolingDisplay: string\n    toolingDisplayClick: string\n    searchQueries: Record<\n      string,\n      {\n        toolingDisplay: string\n        toolingDisplayClick: string\n        toolingDisplayAdd2Cart: string\n      }\n    >\n  }[]\n}\n\ntype AnswerData =\n  | { responseText: string }\n  | { suggestionText: string }\n  | { queries: AiSuggestionQuery[] }\n  | TaggingData\n\n/**\n * Default implementation for the {@link AiActions.fetchAndSaveAiSuggestions}.\n *\n * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The AI request to make.\n * @returns The AI response.\n *\n * @public\n */\nexport const fetchAndSaveAiSuggestions: AiXStoreModule['actions']['fetchAndSaveAiSuggestions'] =\n  async ({ commit }, request) => {\n    if (!request) {\n      return\n    }\n    commit('setSuggestionsLoading', true)\n    return XPlugin.adapter.aiSuggestions(request).then(({ body, status }) => {\n      if (status !== 200) {\n        return\n      }\n      if (body) {\n        const reader = body.getReader()\n        readAnswer(reader, commit)\n      }\n    })\n  }\n\nfunction mapTaggingData(tangingData: TaggingData): AiSuggestionTagging {\n  const { toolingDisplay, toolingDisplayClick, searchQueries } = tangingData.tagging[0]\n  // TODO: Using the getTaggingInfoFromUrl util here is a temporary solution.\n  // It creates a dependency with the x-adapter-platform project that should be avoided.\n  return {\n    toolingDisplay: getTaggingInfoFromUrl(toolingDisplay),\n    toolingDisplayClick: getTaggingInfoFromUrl(toolingDisplayClick),\n    searchQueries: Object.fromEntries(\n      Object.entries(searchQueries).map(\n        ([query, { toolingDisplay, toolingDisplayClick, toolingDisplayAdd2Cart }]) => [\n          query,\n          {\n            toolingDisplay: getTaggingInfoFromUrl(toolingDisplay),\n            toolingDisplayClick: getTaggingInfoFromUrl(toolingDisplayClick),\n            toolingDisplayAdd2Cart: getTaggingInfoFromUrl(toolingDisplayAdd2Cart),\n          },\n        ],\n      ),\n    ),\n  }\n}\n\nfunction readAnswer(\n  reader: ReadableStreamDefaultReader<Uint8Array>,\n  commit: AiActionContext['commit'],\n): void {\n  reader\n    .read()\n    .then(({ value, done }) => {\n      if (done) {\n        commit('setSuggestionsLoading', false)\n        return\n      }\n\n      const result = new TextDecoder().decode(value, { stream: true })\n      const parts = result.split('\\n\\n')\n      for (const part of parts) {\n        const lines = part.split('\\n')\n\n        for (const line of lines) {\n          // line.length check to avoid event lines or empty lines\n          if (line.length <= 5 || line.startsWith('event:')) continue\n\n          const raw = line.startsWith('data:') ? line.slice(5).trim() : line.trim()\n          const data = JSON.parse(raw) as AnswerData\n\n          if ('suggestionText' in data) {\n            commit('setIsNoResults', false)\n            commit('setSuggestionText', data.suggestionText)\n          }\n          if ('responseText' in data) {\n            commit('setResponseText', data.responseText)\n          }\n          if ('queries' in data) {\n            commit('setQueries', data.queries)\n          }\n          if ('tagging' in data) {\n            commit('setTagging', mapTaggingData(data))\n          }\n        }\n      }\n      readAnswer(reader, commit)\n    })\n    .catch((error: { code: number }) => {\n      commit('setSuggestionsLoading', false)\n      // AbortError code === 20\n      if (error.code !== 20) {\n        console.error(error)\n      }\n    })\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fetch-and-save-ai-suggestions.action.js","sources":["../../../../../../src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.ts"],"sourcesContent":["import type { AiSuggestionQuery, AiSuggestionTagging } from '@empathyco/x-types'\nimport type { AiActionContext, AiXStoreModule } from '../types'\nimport { getTaggingInfoFromUrl } from '@empathyco/x-adapter-platform'\nimport { XPlugin } from '../../../../plugins'\n\ninterface TaggingData {\n  tagging: {\n    toolingDisplay: string\n    toolingDisplayClick: string\n    searchQueries: Record<\n      string,\n      {\n        toolingDisplay: string\n        toolingDisplayClick: string\n        toolingDisplayAdd2Cart: string\n      }\n    >\n  }[]\n}\n\ntype AnswerData =\n  | { responseText: string }\n  | { suggestionText: string }\n  | { queries: AiSuggestionQuery[] }\n  | TaggingData\n\n/**\n * Default implementation for the {@link AiActions.fetchAndSaveAiSuggestions}.\n *\n * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The AI request to make.\n * @returns The AI response.\n * @public\n */\nexport const fetchAndSaveAiSuggestions: AiXStoreModule['actions']['fetchAndSaveAiSuggestions'] =\n  async ({ commit }, request) => {\n    if (!request) {\n      return\n    }\n    commit('setSuggestionsLoading', true)\n    return XPlugin.adapter.aiSuggestions(request).then(({ body, status }) => {\n      if (status !== 200) {\n        return\n      }\n      if (body) {\n        const reader = body.getReader()\n        readAnswer(reader, commit)\n      }\n    })\n  }\n\nfunction mapTaggingData(tangingData: TaggingData): AiSuggestionTagging {\n  const { toolingDisplay, toolingDisplayClick, searchQueries } = tangingData.tagging[0]\n  // TODO: Using the getTaggingInfoFromUrl util here is a temporary solution.\n  // It creates a dependency with the x-adapter-platform project that should be avoided.\n  return {\n    toolingDisplay: getTaggingInfoFromUrl(toolingDisplay),\n    toolingDisplayClick: getTaggingInfoFromUrl(toolingDisplayClick),\n    searchQueries: Object.fromEntries(\n      Object.entries(searchQueries).map(\n        ([query, { toolingDisplay, toolingDisplayClick, toolingDisplayAdd2Cart }]) => [\n          query,\n          {\n            toolingDisplay: getTaggingInfoFromUrl(toolingDisplay),\n            toolingDisplayClick: getTaggingInfoFromUrl(toolingDisplayClick),\n            toolingDisplayAdd2Cart: getTaggingInfoFromUrl(toolingDisplayAdd2Cart),\n          },\n        ],\n      ),\n    ),\n  }\n}\n\nfunction readAnswer(\n  reader: ReadableStreamDefaultReader<Uint8Array>,\n  commit: AiActionContext['commit'],\n): void {\n  reader\n    .read()\n    .then(({ value, done }) => {\n      if (done) {\n        commit('setSuggestionsLoading', false)\n        return\n      }\n\n      const result = new TextDecoder().decode(value, { stream: true })\n      const parts = result.split('\\n\\n')\n      for (const part of parts) {\n        const lines = part.split('\\n')\n\n        for (const line of lines) {\n          // line.length check to avoid event lines or empty lines\n          if (line.length <= 5 || line.startsWith('event:')) continue\n\n          const raw = line.startsWith('data:') ? line.slice(5).trim() : line.trim()\n          const data = JSON.parse(raw) as AnswerData\n\n          if ('suggestionText' in data) {\n            commit('setIsNoResults', false)\n            commit('setSuggestionText', data.suggestionText)\n          }\n          if ('responseText' in data) {\n            commit('setResponseText', data.responseText)\n          }\n          if ('queries' in data) {\n            commit('setQueries', data.queries)\n          }\n          if ('tagging' in data) {\n            commit('setTagging', mapTaggingData(data))\n          }\n        }\n      }\n      readAnswer(reader, commit)\n    })\n    .catch((error: { code: number }) => {\n      commit('setSuggestionsLoading', false)\n      // AbortError code === 20\n      if (error.code !== 20) {\n        console.error(error)\n      }\n    })\n}\n"],"names":[],"mappings":"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"}

package/js/x-modules/url/components/url-handler.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"url-handler.vue.js","sources":["../../../../../src/x-modules/url/components/url-handler.vue"],"sourcesContent":["<template>\n  <GlobalEvents target=\"window\" @pageshow=\"onPageShow\" @popstate=\"emitEvents\" />\n</template>\n\n<script lang=\"ts\">\nimport type { Dictionary } from '@empathyco/x-utils'\nimport type { FeatureLocation } from '../../../types/origin'\nimport type { UrlParams } from '../../../types/url-params'\nimport type { WireMetadata } from '../../../wiring/wiring.types'\nimport type { SnippetConfig } from '../../../x-installer/api/api.types'\nimport type { UrlParamValue } from '../store/types'\nimport { objectFilter } from '@empathyco/x-utils'\nimport { computed, defineComponent, inject, onMounted, ref } from 'vue'\nimport { GlobalEvents } from 'vue-global-events'\nimport { use$x } from '../../../composables/use-$x'\nimport { useState } from '../../../composables/use-state'\nimport { isArrayEmpty } from '../../../utils/array'\nimport { initialUrlState } from '../store/initial-state'\nimport { urlXModule } from '../x-module'\n\ninterface ParsedUrlParams {\n  all: UrlParams\n  extra: Dictionary<unknown>\n}\n\n/**\n * This component manages the browser URL parameters to preserve them through reloads and browser\n * history navigation. It allow to configure the default url parameter names using its attributes.\n * This component doesn't render elements to the DOM.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'UrlHandler',\n  components: {\n    GlobalEvents,\n  },\n  xModule: urlXModule.name,\n  setup(_, { attrs }) {\n    const $x = use$x()\n\n    const { initialExtraParams } = useState('url')\n\n    /**\n     * The {@link SnippetConfig} provided by an ancestor.\n     *\n     * @internal\n     */\n    const snippetConfig = inject<SnippetConfig | undefined>('snippetConfig')\n\n    /**\n     * Flag to know if the params were already loaded from the URL.\n     *\n     * @internal\n     */\n    const urlLoaded = ref(false)\n\n    /**\n     * The page URL. It is used to compare against the current URL to check navigation state.\n     *\n     * @internal\n     */\n    const url = ref<URL | undefined>(undefined)\n\n    /**\n     * Flag to know if the page has been persisted by the browser's back-forward cache.\n     *\n     * @internal\n     */\n    const isPagePersisted = ref(false)\n\n    /**\n     * Computed to know which params we must get from URL. It gets the params names from the initial\n     * state, to get all default params names, and also from the `$attrs` to get the extra params\n     * names to take into account.\n     *\n     * @returns An array with the name of the params.\n     *\n     * @internal\n     */\n    const managedParamsNames = computed(() => Object.keys({ ...initialUrlState, ...attrs }))\n\n    /**\n     * Returns the mapping of the param keys used in the URL is configured through $attrs. This way\n     * we can support any param and extra param, no matters its name.\n     *\n     * @param paramName - The param name to get the Url key.\n     * @returns The key used in the URL for the `paramName` passed.\n     *\n     * @internal\n     */\n    const getUrlKey = (paramName: string) => {\n      const paramValue = attrs[paramName]\n      return typeof paramValue === 'string' ? paramValue : paramName\n    }\n\n    /**\n     * Deletes all the parameters in the passed URL.\n     *\n     * @param url - The URL to remove parameters from.\n     * @internal\n     */\n    const deleteUrlParameters = (url: URL) => {\n      managedParamsNames.value.forEach(paramName => url.searchParams.delete(getUrlKey(paramName)))\n    }\n\n    /**\n     * Sorts the params in a tuple array [key,value] to generate always the same URL with the params\n     * in the same order.\n     *\n     * @param urlParams - The {@link UrlParams} to sort.\n     * @returns An array of tuples with the key-value of each paramter, sorted by key.\n     * @internal\n     */\n    const sortParams = (urlParams: UrlParams): Array<[string, unknown]> => {\n      return Object.entries(urlParams).sort(([param1], [param2]) => {\n        return param1 < param2 ? -1 : 1\n      })\n    }\n\n    /**\n     * Set all the provided parameters to the url with the mapped key.\n     *\n     * @param url - The current URL.\n     * @param urlParams - The list of parameters to add.\n     * @remarks The params are filtered because there maybe received extra params which will not be\n     * managed by URL. This is defined by the `managedParamsNames` computed. Also, the parameters\n     * are sorted Alphabetically to produce always the same URL with the same parameters.This is\n     * important for SEO purposes.\n     *\n     * @internal\n     */\n    const setUrlParameters = (url: URL, urlParams: UrlParams): void => {\n      // Only when there is a query the rest of the parameters are valid.\n      if (!urlParams.query) {\n        return\n      }\n      const filteredParams = objectFilter(urlParams, paramName =>\n        managedParamsNames.value.includes(paramName as string),\n      )\n      const sortedParameters = sortParams(filteredParams)\n      sortedParameters.forEach(([paramName, paramValue]) => {\n        const urlParamKey = getUrlKey(paramName)\n        if (Array.isArray(paramValue)) {\n          paramValue.forEach(value => {\n            url.searchParams.append(urlParamKey, String(value))\n          })\n        } else {\n          url.searchParams.set(urlParamKey, String(paramValue))\n        }\n      })\n    }\n\n    /**\n     * Updates the browser URL with the passed `newUrlParams` and using the browser history method\n     * passed as `historyMethod`. It only updates the browser history if the new URL is different\n     * from the current.\n     *\n     * @param newUrlParams - The new params to add to the browser URL.\n     * @param historyMethod - The browser history method used to add the new URL.\n     *\n     * @internal\n     */\n    const updateUrl = (\n      newUrlParams: UrlParams,\n      historyMethod: History['pushState'] | History['replaceState'],\n    ): void => {\n      if (urlLoaded.value) {\n        const newUrl = new URL(window.location.href)\n        deleteUrlParameters(newUrl)\n        setUrlParameters(newUrl, newUrlParams)\n\n        // Normalize '+' characters into '%20' for spaces in url params.\n        newUrl.search = newUrl.search.replace(/\\+/g, '%20')\n\n        if (newUrl.href !== window.location.href) {\n          historyMethod({ ...window.history.state }, document.title, newUrl.href)\n        }\n        url.value = newUrl\n      }\n    }\n\n    /**\n     * Updates the browser URL with the new {@link UrlParams} using the history `pushState` method.\n     *\n     * @param newUrlParams - The new params to update browser URL.\n     */\n    $x.on('PushableUrlStateUpdated', false).subscribe((newUrlParams: UrlParams) => {\n      updateUrl(newUrlParams, window.history.pushState.bind(window.history))\n    })\n\n    /**\n     * Updates the browser URL with the new {@link UrlParams} using the history `replaceState`\n     * method.\n     *\n     * @param newUrlParams - The new params to update browser URL.\n     */\n    $x.on('ReplaceableUrlStateUpdated', false).subscribe((newUrlParams: UrlParams) => {\n      updateUrl(newUrlParams, window.history.replaceState.bind(window.history))\n    })\n\n    /**\n     * Handler of the\n     * [pageshow](https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event)\n     * event.\n     *\n     * @remarks The pageshow event is listened to check if the browser has performed a navigation\n     * using the back-forward cache. This information is available in the\n     * PageTransitionEvent.persisted property.\n     *\n     * @param event - The page transition event.\n     * @internal\n     */\n    const onPageShow = (event: PageTransitionEvent) => {\n      isPagePersisted.value = event.persisted\n      if (event.persisted) {\n        // The internal url is reset due to the back-forward cache storing the previous value which\n        // is no longer valid.\n        url.value = undefined\n      }\n    }\n\n    /**\n     * Returns the URL param value parsed depending on its type in the initial store state. As we\n     * can not know what type can have an extra param, all extra params are parsed as strings. We\n     * know if it is an extra param because it is not in the initial state.\n     *\n     * @param name - The name of the param in {@link UrlParams}.\n     * @param value - The `URLSearchParams` value as an arry of strings.\n     * @returns The parsed value.\n     *\n     * @internal\n     */\n    const parseUrlParam = (name: string, value: string[]): UrlParamValue => {\n      switch (typeof initialUrlState[name]) {\n        case 'number':\n          return Number(value[0])\n        case 'boolean':\n          return value[0].toLowerCase() === 'true'\n        case 'string':\n          return value[0]\n        default:\n          // array\n          return value\n      }\n    }\n\n    /**\n     * Gets the {@link UrlParams} from the URL, including only the params defined by `paramsNames`.\n     *\n     * @returns ParsedUrlParams obtained from URL.\n     * @internal\n     */\n    const parseUrlParams = (): ParsedUrlParams => {\n      const urlSearchParams = new URL(window.location.href).searchParams\n      return managedParamsNames.value.reduce<ParsedUrlParams>(\n        (params, name) => {\n          const urlKey = getUrlKey(name)\n          if (urlSearchParams.has(urlKey)) {\n            if (name in initialUrlState) {\n              const urlValue = urlSearchParams.getAll(urlKey)\n              params.all[name] = parseUrlParam(name, urlValue)\n            } else {\n              params.all[name] = params.extra[name] = urlSearchParams.get(urlKey)\n            }\n          }\n          return params\n        },\n        { all: { ...initialUrlState }, extra: { ...initialExtraParams.value } },\n      )\n    }\n\n    /**\n     * Check if the navigation is from a product page.\n     *\n     * @remarks Due to Safari 14 not supporting the new and standard PerformanceNavigationTiming\n     * API, we are falling back to the deprecated one, PerformanceNavigation. We also fallback to\n     * this API whenever we get a navigationType equal to reload, because Safari has a bug that the\n     * navigationType is permanently set to reload after you have reload the page and it never\n     * resets. As some browsers have a back-forward cache implemented, we also take into account if\n     * the page is persisted.\n     *\n     * @returns True if the navigation is from a product page, false otherwise.\n     * @internal\n     */\n    const isNavigatingFromPdp = (): boolean => {\n      const isPagePersistedValue = isPagePersisted.value\n      const navigationEntries = window.performance.getEntriesByType('navigation')\n      const navigationType = (navigationEntries[0] as PerformanceNavigationTiming)?.type\n      const useFallbackStrategy =\n        !navigationEntries.length &&\n        (isArrayEmpty(navigationEntries) || navigationType === 'reload')\n\n      // Reset internal isPagePersisted property value\n      isPagePersisted.value = false\n\n      if (useFallbackStrategy) {\n        const isNavigatingInSpa = !!snippetConfig?.isSpa && navigationType === 'navigate'\n        return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersistedValue\n      } else {\n        const isNavigatingInSpa = !!snippetConfig?.isSpa && navigationType === 'navigate'\n        return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersistedValue\n      }\n    }\n\n    /**\n     * Detects the {@link FeatureLocation} used to build the\n     * {@link QueryOriginInit} data.\n     *\n     * @returns The {@link FeatureLocation}.\n     * @internal\n     */\n    const detectLocation = (): FeatureLocation => {\n      const currentUrl = new URL(window.location.href)\n      const previousUrl = url.value\n      url.value = currentUrl\n\n      const isInternalNavigation =\n        previousUrl?.search !== currentUrl.search && previousUrl?.pathname === currentUrl.pathname\n      if (isInternalNavigation) {\n        return 'url_history'\n      }\n\n      if (isNavigatingFromPdp()) {\n        return 'url_history_pdp'\n      }\n\n      return 'external'\n    }\n\n    /**\n     * Creates the wire metadata to include in every emitted {@link XEvent}.\n     *\n     * @returns The {@link WireMetadata}.\n     * @internal\n     */\n    const createWireMetadata = (): Pick<WireMetadata, 'feature' | 'location'> => {\n      return {\n        feature: 'url',\n        location: detectLocation(),\n      }\n    }\n\n    /**\n     * Emits the {@link UrlXEvents.ParamsLoadedFromUrl} XEvent,\n     * the {@link UrlXEvents.ExtraParamsLoadedFromUrl} XEvent and, if there is query, also emits\n     * the {@link XEventsTypes.UserOpenXProgrammatically}.\n     *\n     * @internal\n     */\n    const emitEvents = () => {\n      const { all, extra } = parseUrlParams()\n      const metadata = createWireMetadata()\n      $x.emit('ParamsLoadedFromUrl', all, metadata)\n      $x.emit('ExtraParamsLoadedFromUrl', extra, metadata)\n      if (all.query) {\n        $x.emit('UserOpenXProgrammatically', undefined, metadata)\n      }\n      urlLoaded.value = true\n    }\n\n    /**\n     * To emit the Url events just when the URL is load, and before the components mounted events\n     * and state changes, we do it in the created of this component.\n     */\n    onMounted(() => {\n      emitEvents()\n    })\n\n    return {\n      onPageShow,\n      emitEvents,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`ParamsLoadedFromUrl`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`ExtraParamsLoadedFromUrl`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`UserOpenXProgrammatically`](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 browser URL parameters to preserve them through reloads and browser\nhistory navigation. It allow to configure the default url parameter names using its attributes. This\ncomponent doesn't render elements to the DOM.\n\n_Try to make some requests and take a look to the url!_\n\n```vue\n<template>\n  <UrlHandler />\n</template>\n\n<script>\nimport { UrlHandler } from '@empathyco/x-components/url-handler'\n\nexport default {\n  name: 'UrlHandlerDemo',\n  components: {\n    UrlHandler,\n  },\n}\n</script>\n```\n\n### Play with props\n\nIn this example, the `UrlHandler` component changes the following query parameter names:\n\n- `query` to be `q`.\n- `page` to be `p`.\n- `filter` to be `f`\n- `sort` to be `s`\n\n_Try to make some requests and take a look to the url!_\n\n```vue\n<template>\n  <UrlHandler query=\"q\" page=\"p\" filter=\"f\" sort=\"s\" />\n</template>\n\n<script>\nimport { UrlHandler } from '@empathyco/x-components/url-handler'\n\nexport default {\n  name: 'UrlHandlerDemo',\n  components: {\n    UrlHandler,\n  },\n}\n</script>\n```\n\n### Play with events\n\nThe `UrlHandler` will emit the `ParamsLoadedFromUrl` when the page is loaded.\n\nThe `UrlHandler` will emit the `ExtraParamsLoadedFromUrl` when the page is loaded with an extra\nparam configured and with a value in URL.\n\nThe `UrlHandler` will emit the `UserOpenXProgrammatically` when the page is loaded with a query in\nthe URL.\n</docs>\n"],"names":["_createBlock"],"mappings":";;;;;;sBACEA,WAA8E,CAAA,uBAAA,EAAA;AAAA,IAAhE,MAAO,EAAA,QAAA;AAAA,IAAU,UAAU,EAAA,IAAA,CAAA,UAAA;AAAA,IAAa,UAAU,EAAA,IAAA,CAAA,UAAA;AAAA,GAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,YAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"url-handler.vue.js","sources":["../../../../../src/x-modules/url/components/url-handler.vue"],"sourcesContent":["<template>\n  <GlobalEvents target=\"window\" @pageshow=\"onPageShow\" @popstate=\"emitEvents\" />\n</template>\n\n<script lang=\"ts\">\nimport type { Dictionary } from '@empathyco/x-utils'\nimport type { FeatureLocation } from '../../../types/origin'\nimport type { UrlParams } from '../../../types/url-params'\nimport type { WireMetadata } from '../../../wiring/wiring.types'\nimport type { SnippetConfig } from '../../../x-installer/api/api.types'\nimport type { UrlParamValue } from '../store/types'\nimport { objectFilter } from '@empathyco/x-utils'\nimport { computed, defineComponent, inject, onMounted, ref } from 'vue'\nimport { GlobalEvents } from 'vue-global-events'\nimport { use$x } from '../../../composables/use-$x'\nimport { useState } from '../../../composables/use-state'\nimport { isArrayEmpty } from '../../../utils/array'\nimport { initialUrlState } from '../store/initial-state'\nimport { urlXModule } from '../x-module'\n\ninterface ParsedUrlParams {\n  all: UrlParams\n  extra: Dictionary<unknown>\n}\n\n/**\n * This component manages the browser URL parameters to preserve them through reloads and browser\n * history navigation. It allow to configure the default url parameter names using its attributes.\n * This component doesn't render elements to the DOM.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'UrlHandler',\n  components: {\n    GlobalEvents,\n  },\n  xModule: urlXModule.name,\n  inheritAttrs: false,\n  setup(_, { attrs }) {\n    const $x = use$x()\n\n    const { initialExtraParams } = useState('url')\n\n    /**\n     * The {@link SnippetConfig} provided by an ancestor.\n     *\n     * @internal\n     */\n    const snippetConfig = inject<SnippetConfig | undefined>('snippetConfig')\n\n    /**\n     * Flag to know if the params were already loaded from the URL.\n     *\n     * @internal\n     */\n    const urlLoaded = ref(false)\n\n    /**\n     * The page URL. It is used to compare against the current URL to check navigation state.\n     *\n     * @internal\n     */\n    const url = ref<URL | undefined>(undefined)\n\n    /**\n     * Flag to know if the page has been persisted by the browser's back-forward cache.\n     *\n     * @internal\n     */\n    const isPagePersisted = ref(false)\n\n    /**\n     * Computed to know which params we must get from URL. It gets the params names from the initial\n     * state, to get all default params names, and also from the `$attrs` to get the extra params\n     * names to take into account.\n     *\n     * @returns An array with the name of the params.\n     *\n     * @internal\n     */\n    const managedParamsNames = computed(() => Object.keys({ ...initialUrlState, ...attrs }))\n\n    /**\n     * Returns the mapping of the param keys used in the URL is configured through $attrs. This way\n     * we can support any param and extra param, no matters its name.\n     *\n     * @param paramName - The param name to get the Url key.\n     * @returns The key used in the URL for the `paramName` passed.\n     *\n     * @internal\n     */\n    const getUrlKey = (paramName: string) => {\n      const paramValue = attrs[paramName]\n      return typeof paramValue === 'string' ? paramValue : paramName\n    }\n\n    /**\n     * Deletes all the parameters in the passed URL.\n     *\n     * @param url - The URL to remove parameters from.\n     * @internal\n     */\n    const deleteUrlParameters = (url: URL) => {\n      managedParamsNames.value.forEach(paramName => url.searchParams.delete(getUrlKey(paramName)))\n    }\n\n    /**\n     * Sorts the params in a tuple array [key,value] to generate always the same URL with the params\n     * in the same order.\n     *\n     * @param urlParams - The {@link UrlParams} to sort.\n     * @returns An array of tuples with the key-value of each paramter, sorted by key.\n     * @internal\n     */\n    const sortParams = (urlParams: UrlParams): Array<[string, unknown]> => {\n      return Object.entries(urlParams).sort(([param1], [param2]) => {\n        return param1 < param2 ? -1 : 1\n      })\n    }\n\n    /**\n     * Set all the provided parameters to the url with the mapped key.\n     *\n     * @param url - The current URL.\n     * @param urlParams - The list of parameters to add.\n     * @remarks The params are filtered because there maybe received extra params which will not be\n     * managed by URL. This is defined by the `managedParamsNames` computed. Also, the parameters\n     * are sorted Alphabetically to produce always the same URL with the same parameters.This is\n     * important for SEO purposes.\n     *\n     * @internal\n     */\n    const setUrlParameters = (url: URL, urlParams: UrlParams): void => {\n      // Only when there is a query the rest of the parameters are valid.\n      if (!urlParams.query) {\n        return\n      }\n      const filteredParams = objectFilter(urlParams, paramName =>\n        managedParamsNames.value.includes(paramName as string),\n      )\n      const sortedParameters = sortParams(filteredParams)\n      sortedParameters.forEach(([paramName, paramValue]) => {\n        const urlParamKey = getUrlKey(paramName)\n        if (Array.isArray(paramValue)) {\n          paramValue.forEach(value => {\n            url.searchParams.append(urlParamKey, String(value))\n          })\n        } else {\n          url.searchParams.set(urlParamKey, String(paramValue))\n        }\n      })\n    }\n\n    /**\n     * Updates the browser URL with the passed `newUrlParams` and using the browser history method\n     * passed as `historyMethod`. It only updates the browser history if the new URL is different\n     * from the current.\n     *\n     * @param newUrlParams - The new params to add to the browser URL.\n     * @param historyMethod - The browser history method used to add the new URL.\n     *\n     * @internal\n     */\n    const updateUrl = (\n      newUrlParams: UrlParams,\n      historyMethod: History['pushState'] | History['replaceState'],\n    ): void => {\n      if (urlLoaded.value) {\n        const newUrl = new URL(window.location.href)\n        deleteUrlParameters(newUrl)\n        setUrlParameters(newUrl, newUrlParams)\n\n        // Normalize '+' characters into '%20' for spaces in url params.\n        newUrl.search = newUrl.search.replace(/\\+/g, '%20')\n\n        if (newUrl.href !== window.location.href) {\n          historyMethod({ ...window.history.state }, document.title, newUrl.href)\n        }\n        url.value = newUrl\n      }\n    }\n\n    /**\n     * Updates the browser URL with the new {@link UrlParams} using the history `pushState` method.\n     *\n     * @param newUrlParams - The new params to update browser URL.\n     */\n    $x.on('PushableUrlStateUpdated', false).subscribe((newUrlParams: UrlParams) => {\n      updateUrl(newUrlParams, window.history.pushState.bind(window.history))\n    })\n\n    /**\n     * Updates the browser URL with the new {@link UrlParams} using the history `replaceState`\n     * method.\n     *\n     * @param newUrlParams - The new params to update browser URL.\n     */\n    $x.on('ReplaceableUrlStateUpdated', false).subscribe((newUrlParams: UrlParams) => {\n      updateUrl(newUrlParams, window.history.replaceState.bind(window.history))\n    })\n\n    /**\n     * Handler of the\n     * [pageshow](https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event)\n     * event.\n     *\n     * @remarks The pageshow event is listened to check if the browser has performed a navigation\n     * using the back-forward cache. This information is available in the\n     * PageTransitionEvent.persisted property.\n     *\n     * @param event - The page transition event.\n     * @internal\n     */\n    const onPageShow = (event: PageTransitionEvent) => {\n      isPagePersisted.value = event.persisted\n      if (event.persisted) {\n        // The internal url is reset due to the back-forward cache storing the previous value which\n        // is no longer valid.\n        url.value = undefined\n      }\n    }\n\n    /**\n     * Returns the URL param value parsed depending on its type in the initial store state. As we\n     * can not know what type can have an extra param, all extra params are parsed as strings. We\n     * know if it is an extra param because it is not in the initial state.\n     *\n     * @param name - The name of the param in {@link UrlParams}.\n     * @param value - The `URLSearchParams` value as an arry of strings.\n     * @returns The parsed value.\n     *\n     * @internal\n     */\n    const parseUrlParam = (name: string, value: string[]): UrlParamValue => {\n      switch (typeof initialUrlState[name]) {\n        case 'number':\n          return Number(value[0])\n        case 'boolean':\n          return value[0].toLowerCase() === 'true'\n        case 'string':\n          return value[0]\n        default:\n          // array\n          return value\n      }\n    }\n\n    /**\n     * Gets the {@link UrlParams} from the URL, including only the params defined by `paramsNames`.\n     *\n     * @returns ParsedUrlParams obtained from URL.\n     * @internal\n     */\n    const parseUrlParams = (): ParsedUrlParams => {\n      const urlSearchParams = new URL(window.location.href).searchParams\n      return managedParamsNames.value.reduce<ParsedUrlParams>(\n        (params, name) => {\n          const urlKey = getUrlKey(name)\n          if (urlSearchParams.has(urlKey)) {\n            if (name in initialUrlState) {\n              const urlValue = urlSearchParams.getAll(urlKey)\n              params.all[name] = parseUrlParam(name, urlValue)\n            } else {\n              params.all[name] = params.extra[name] = urlSearchParams.get(urlKey)\n            }\n          }\n          return params\n        },\n        { all: { ...initialUrlState }, extra: { ...initialExtraParams.value } },\n      )\n    }\n\n    /**\n     * Check if the navigation is from a product page.\n     *\n     * @remarks Due to Safari 14 not supporting the new and standard PerformanceNavigationTiming\n     * API, we are falling back to the deprecated one, PerformanceNavigation. We also fallback to\n     * this API whenever we get a navigationType equal to reload, because Safari has a bug that the\n     * navigationType is permanently set to reload after you have reload the page and it never\n     * resets. As some browsers have a back-forward cache implemented, we also take into account if\n     * the page is persisted.\n     *\n     * @returns True if the navigation is from a product page, false otherwise.\n     * @internal\n     */\n    const isNavigatingFromPdp = (): boolean => {\n      const isPagePersistedValue = isPagePersisted.value\n      const navigationEntries = window.performance.getEntriesByType('navigation')\n      const navigationType = (navigationEntries[0] as PerformanceNavigationTiming)?.type\n      const useFallbackStrategy =\n        !navigationEntries.length &&\n        (isArrayEmpty(navigationEntries) || navigationType === 'reload')\n\n      // Reset internal isPagePersisted property value\n      isPagePersisted.value = false\n\n      if (useFallbackStrategy) {\n        const isNavigatingInSpa = !!snippetConfig?.isSpa && navigationType === 'navigate'\n        return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersistedValue\n      } else {\n        const isNavigatingInSpa = !!snippetConfig?.isSpa && navigationType === 'navigate'\n        return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersistedValue\n      }\n    }\n\n    /**\n     * Detects the {@link FeatureLocation} used to build the\n     * {@link QueryOriginInit} data.\n     *\n     * @returns The {@link FeatureLocation}.\n     * @internal\n     */\n    const detectLocation = (): FeatureLocation => {\n      const currentUrl = new URL(window.location.href)\n      const previousUrl = url.value\n      url.value = currentUrl\n\n      const isInternalNavigation =\n        previousUrl?.search !== currentUrl.search && previousUrl?.pathname === currentUrl.pathname\n      if (isInternalNavigation) {\n        return 'url_history'\n      }\n\n      if (isNavigatingFromPdp()) {\n        return 'url_history_pdp'\n      }\n\n      return 'external'\n    }\n\n    /**\n     * Creates the wire metadata to include in every emitted {@link XEvent}.\n     *\n     * @returns The {@link WireMetadata}.\n     * @internal\n     */\n    const createWireMetadata = (): Pick<WireMetadata, 'feature' | 'location'> => {\n      return {\n        feature: 'url',\n        location: detectLocation(),\n      }\n    }\n\n    /**\n     * Emits the {@link UrlXEvents.ParamsLoadedFromUrl} XEvent,\n     * the {@link UrlXEvents.ExtraParamsLoadedFromUrl} XEvent and, if there is query, also emits\n     * the {@link XEventsTypes.UserOpenXProgrammatically}.\n     *\n     * @internal\n     */\n    const emitEvents = () => {\n      const { all, extra } = parseUrlParams()\n      const metadata = createWireMetadata()\n      $x.emit('ParamsLoadedFromUrl', all, metadata)\n      $x.emit('ExtraParamsLoadedFromUrl', extra, metadata)\n      if (all.query) {\n        $x.emit('UserOpenXProgrammatically', undefined, metadata)\n      }\n      urlLoaded.value = true\n    }\n\n    /**\n     * To emit the Url events just when the URL is load, and before the components mounted events\n     * and state changes, we do it in the created of this component.\n     */\n    onMounted(() => {\n      emitEvents()\n    })\n\n    return {\n      onPageShow,\n      emitEvents,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`ParamsLoadedFromUrl`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`ExtraParamsLoadedFromUrl`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`UserOpenXProgrammatically`](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 browser URL parameters to preserve them through reloads and browser\nhistory navigation. It allow to configure the default url parameter names using its attributes. This\ncomponent doesn't render elements to the DOM.\n\n_Try to make some requests and take a look to the url!_\n\n```vue\n<template>\n  <UrlHandler />\n</template>\n\n<script>\nimport { UrlHandler } from '@empathyco/x-components/url-handler'\n\nexport default {\n  name: 'UrlHandlerDemo',\n  components: {\n    UrlHandler,\n  },\n}\n</script>\n```\n\n### Play with props\n\nIn this example, the `UrlHandler` component changes the following query parameter names:\n\n- `query` to be `q`.\n- `page` to be `p`.\n- `filter` to be `f`\n- `sort` to be `s`\n\n_Try to make some requests and take a look to the url!_\n\n```vue\n<template>\n  <UrlHandler query=\"q\" page=\"p\" filter=\"f\" sort=\"s\" />\n</template>\n\n<script>\nimport { UrlHandler } from '@empathyco/x-components/url-handler'\n\nexport default {\n  name: 'UrlHandlerDemo',\n  components: {\n    UrlHandler,\n  },\n}\n</script>\n```\n\n### Play with events\n\nThe `UrlHandler` will emit the `ParamsLoadedFromUrl` when the page is loaded.\n\nThe `UrlHandler` will emit the `ExtraParamsLoadedFromUrl` when the page is loaded with an extra\nparam configured and with a value in URL.\n\nThe `UrlHandler` will emit the `UserOpenXProgrammatically` when the page is loaded with a query in\nthe URL.\n</docs>\n"],"names":["_createBlock"],"mappings":";;;;;;sBACEA,WAA8E,CAAA,uBAAA,EAAA;AAAA,IAAhE,MAAO,EAAA,QAAA;AAAA,IAAU,UAAU,EAAA,IAAA,CAAA,UAAA;AAAA,IAAa,UAAU,EAAA,IAAA,CAAA,UAAA;AAAA,GAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,YAAA,CAAA,CAAA,CAAA;;;;;;"}

package/js/x-modules/url/components/url-handler.vue2.js

@@ -20,6 +20,7 @@ var _sfc_main = defineComponent({
         GlobalEvents,
     },
     xModule: urlXModule.name,
+    inheritAttrs: false,
     setup(_, { attrs }) {
         const $x = use$x();
         const { initialExtraParams } = useState('url');

package/js/x-modules/url/components/url-handler.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"url-handler.vue2.js","sources":["../../../../../src/x-modules/url/components/url-handler.vue"],"sourcesContent":["<template>\n  <GlobalEvents target=\"window\" @pageshow=\"onPageShow\" @popstate=\"emitEvents\" />\n</template>\n\n<script lang=\"ts\">\nimport type { Dictionary } from '@empathyco/x-utils'\nimport type { FeatureLocation } from '../../../types/origin'\nimport type { UrlParams } from '../../../types/url-params'\nimport type { WireMetadata } from '../../../wiring/wiring.types'\nimport type { SnippetConfig } from '../../../x-installer/api/api.types'\nimport type { UrlParamValue } from '../store/types'\nimport { objectFilter } from '@empathyco/x-utils'\nimport { computed, defineComponent, inject, onMounted, ref } from 'vue'\nimport { GlobalEvents } from 'vue-global-events'\nimport { use$x } from '../../../composables/use-$x'\nimport { useState } from '../../../composables/use-state'\nimport { isArrayEmpty } from '../../../utils/array'\nimport { initialUrlState } from '../store/initial-state'\nimport { urlXModule } from '../x-module'\n\ninterface ParsedUrlParams {\n  all: UrlParams\n  extra: Dictionary<unknown>\n}\n\n/**\n * This component manages the browser URL parameters to preserve them through reloads and browser\n * history navigation. It allow to configure the default url parameter names using its attributes.\n * This component doesn't render elements to the DOM.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'UrlHandler',\n  components: {\n    GlobalEvents,\n  },\n  xModule: urlXModule.name,\n  setup(_, { attrs }) {\n    const $x = use$x()\n\n    const { initialExtraParams } = useState('url')\n\n    /**\n     * The {@link SnippetConfig} provided by an ancestor.\n     *\n     * @internal\n     */\n    const snippetConfig = inject<SnippetConfig | undefined>('snippetConfig')\n\n    /**\n     * Flag to know if the params were already loaded from the URL.\n     *\n     * @internal\n     */\n    const urlLoaded = ref(false)\n\n    /**\n     * The page URL. It is used to compare against the current URL to check navigation state.\n     *\n     * @internal\n     */\n    const url = ref<URL | undefined>(undefined)\n\n    /**\n     * Flag to know if the page has been persisted by the browser's back-forward cache.\n     *\n     * @internal\n     */\n    const isPagePersisted = ref(false)\n\n    /**\n     * Computed to know which params we must get from URL. It gets the params names from the initial\n     * state, to get all default params names, and also from the `$attrs` to get the extra params\n     * names to take into account.\n     *\n     * @returns An array with the name of the params.\n     *\n     * @internal\n     */\n    const managedParamsNames = computed(() => Object.keys({ ...initialUrlState, ...attrs }))\n\n    /**\n     * Returns the mapping of the param keys used in the URL is configured through $attrs. This way\n     * we can support any param and extra param, no matters its name.\n     *\n     * @param paramName - The param name to get the Url key.\n     * @returns The key used in the URL for the `paramName` passed.\n     *\n     * @internal\n     */\n    const getUrlKey = (paramName: string) => {\n      const paramValue = attrs[paramName]\n      return typeof paramValue === 'string' ? paramValue : paramName\n    }\n\n    /**\n     * Deletes all the parameters in the passed URL.\n     *\n     * @param url - The URL to remove parameters from.\n     * @internal\n     */\n    const deleteUrlParameters = (url: URL) => {\n      managedParamsNames.value.forEach(paramName => url.searchParams.delete(getUrlKey(paramName)))\n    }\n\n    /**\n     * Sorts the params in a tuple array [key,value] to generate always the same URL with the params\n     * in the same order.\n     *\n     * @param urlParams - The {@link UrlParams} to sort.\n     * @returns An array of tuples with the key-value of each paramter, sorted by key.\n     * @internal\n     */\n    const sortParams = (urlParams: UrlParams): Array<[string, unknown]> => {\n      return Object.entries(urlParams).sort(([param1], [param2]) => {\n        return param1 < param2 ? -1 : 1\n      })\n    }\n\n    /**\n     * Set all the provided parameters to the url with the mapped key.\n     *\n     * @param url - The current URL.\n     * @param urlParams - The list of parameters to add.\n     * @remarks The params are filtered because there maybe received extra params which will not be\n     * managed by URL. This is defined by the `managedParamsNames` computed. Also, the parameters\n     * are sorted Alphabetically to produce always the same URL with the same parameters.This is\n     * important for SEO purposes.\n     *\n     * @internal\n     */\n    const setUrlParameters = (url: URL, urlParams: UrlParams): void => {\n      // Only when there is a query the rest of the parameters are valid.\n      if (!urlParams.query) {\n        return\n      }\n      const filteredParams = objectFilter(urlParams, paramName =>\n        managedParamsNames.value.includes(paramName as string),\n      )\n      const sortedParameters = sortParams(filteredParams)\n      sortedParameters.forEach(([paramName, paramValue]) => {\n        const urlParamKey = getUrlKey(paramName)\n        if (Array.isArray(paramValue)) {\n          paramValue.forEach(value => {\n            url.searchParams.append(urlParamKey, String(value))\n          })\n        } else {\n          url.searchParams.set(urlParamKey, String(paramValue))\n        }\n      })\n    }\n\n    /**\n     * Updates the browser URL with the passed `newUrlParams` and using the browser history method\n     * passed as `historyMethod`. It only updates the browser history if the new URL is different\n     * from the current.\n     *\n     * @param newUrlParams - The new params to add to the browser URL.\n     * @param historyMethod - The browser history method used to add the new URL.\n     *\n     * @internal\n     */\n    const updateUrl = (\n      newUrlParams: UrlParams,\n      historyMethod: History['pushState'] | History['replaceState'],\n    ): void => {\n      if (urlLoaded.value) {\n        const newUrl = new URL(window.location.href)\n        deleteUrlParameters(newUrl)\n        setUrlParameters(newUrl, newUrlParams)\n\n        // Normalize '+' characters into '%20' for spaces in url params.\n        newUrl.search = newUrl.search.replace(/\\+/g, '%20')\n\n        if (newUrl.href !== window.location.href) {\n          historyMethod({ ...window.history.state }, document.title, newUrl.href)\n        }\n        url.value = newUrl\n      }\n    }\n\n    /**\n     * Updates the browser URL with the new {@link UrlParams} using the history `pushState` method.\n     *\n     * @param newUrlParams - The new params to update browser URL.\n     */\n    $x.on('PushableUrlStateUpdated', false).subscribe((newUrlParams: UrlParams) => {\n      updateUrl(newUrlParams, window.history.pushState.bind(window.history))\n    })\n\n    /**\n     * Updates the browser URL with the new {@link UrlParams} using the history `replaceState`\n     * method.\n     *\n     * @param newUrlParams - The new params to update browser URL.\n     */\n    $x.on('ReplaceableUrlStateUpdated', false).subscribe((newUrlParams: UrlParams) => {\n      updateUrl(newUrlParams, window.history.replaceState.bind(window.history))\n    })\n\n    /**\n     * Handler of the\n     * [pageshow](https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event)\n     * event.\n     *\n     * @remarks The pageshow event is listened to check if the browser has performed a navigation\n     * using the back-forward cache. This information is available in the\n     * PageTransitionEvent.persisted property.\n     *\n     * @param event - The page transition event.\n     * @internal\n     */\n    const onPageShow = (event: PageTransitionEvent) => {\n      isPagePersisted.value = event.persisted\n      if (event.persisted) {\n        // The internal url is reset due to the back-forward cache storing the previous value which\n        // is no longer valid.\n        url.value = undefined\n      }\n    }\n\n    /**\n     * Returns the URL param value parsed depending on its type in the initial store state. As we\n     * can not know what type can have an extra param, all extra params are parsed as strings. We\n     * know if it is an extra param because it is not in the initial state.\n     *\n     * @param name - The name of the param in {@link UrlParams}.\n     * @param value - The `URLSearchParams` value as an arry of strings.\n     * @returns The parsed value.\n     *\n     * @internal\n     */\n    const parseUrlParam = (name: string, value: string[]): UrlParamValue => {\n      switch (typeof initialUrlState[name]) {\n        case 'number':\n          return Number(value[0])\n        case 'boolean':\n          return value[0].toLowerCase() === 'true'\n        case 'string':\n          return value[0]\n        default:\n          // array\n          return value\n      }\n    }\n\n    /**\n     * Gets the {@link UrlParams} from the URL, including only the params defined by `paramsNames`.\n     *\n     * @returns ParsedUrlParams obtained from URL.\n     * @internal\n     */\n    const parseUrlParams = (): ParsedUrlParams => {\n      const urlSearchParams = new URL(window.location.href).searchParams\n      return managedParamsNames.value.reduce<ParsedUrlParams>(\n        (params, name) => {\n          const urlKey = getUrlKey(name)\n          if (urlSearchParams.has(urlKey)) {\n            if (name in initialUrlState) {\n              const urlValue = urlSearchParams.getAll(urlKey)\n              params.all[name] = parseUrlParam(name, urlValue)\n            } else {\n              params.all[name] = params.extra[name] = urlSearchParams.get(urlKey)\n            }\n          }\n          return params\n        },\n        { all: { ...initialUrlState }, extra: { ...initialExtraParams.value } },\n      )\n    }\n\n    /**\n     * Check if the navigation is from a product page.\n     *\n     * @remarks Due to Safari 14 not supporting the new and standard PerformanceNavigationTiming\n     * API, we are falling back to the deprecated one, PerformanceNavigation. We also fallback to\n     * this API whenever we get a navigationType equal to reload, because Safari has a bug that the\n     * navigationType is permanently set to reload after you have reload the page and it never\n     * resets. As some browsers have a back-forward cache implemented, we also take into account if\n     * the page is persisted.\n     *\n     * @returns True if the navigation is from a product page, false otherwise.\n     * @internal\n     */\n    const isNavigatingFromPdp = (): boolean => {\n      const isPagePersistedValue = isPagePersisted.value\n      const navigationEntries = window.performance.getEntriesByType('navigation')\n      const navigationType = (navigationEntries[0] as PerformanceNavigationTiming)?.type\n      const useFallbackStrategy =\n        !navigationEntries.length &&\n        (isArrayEmpty(navigationEntries) || navigationType === 'reload')\n\n      // Reset internal isPagePersisted property value\n      isPagePersisted.value = false\n\n      if (useFallbackStrategy) {\n        const isNavigatingInSpa = !!snippetConfig?.isSpa && navigationType === 'navigate'\n        return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersistedValue\n      } else {\n        const isNavigatingInSpa = !!snippetConfig?.isSpa && navigationType === 'navigate'\n        return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersistedValue\n      }\n    }\n\n    /**\n     * Detects the {@link FeatureLocation} used to build the\n     * {@link QueryOriginInit} data.\n     *\n     * @returns The {@link FeatureLocation}.\n     * @internal\n     */\n    const detectLocation = (): FeatureLocation => {\n      const currentUrl = new URL(window.location.href)\n      const previousUrl = url.value\n      url.value = currentUrl\n\n      const isInternalNavigation =\n        previousUrl?.search !== currentUrl.search && previousUrl?.pathname === currentUrl.pathname\n      if (isInternalNavigation) {\n        return 'url_history'\n      }\n\n      if (isNavigatingFromPdp()) {\n        return 'url_history_pdp'\n      }\n\n      return 'external'\n    }\n\n    /**\n     * Creates the wire metadata to include in every emitted {@link XEvent}.\n     *\n     * @returns The {@link WireMetadata}.\n     * @internal\n     */\n    const createWireMetadata = (): Pick<WireMetadata, 'feature' | 'location'> => {\n      return {\n        feature: 'url',\n        location: detectLocation(),\n      }\n    }\n\n    /**\n     * Emits the {@link UrlXEvents.ParamsLoadedFromUrl} XEvent,\n     * the {@link UrlXEvents.ExtraParamsLoadedFromUrl} XEvent and, if there is query, also emits\n     * the {@link XEventsTypes.UserOpenXProgrammatically}.\n     *\n     * @internal\n     */\n    const emitEvents = () => {\n      const { all, extra } = parseUrlParams()\n      const metadata = createWireMetadata()\n      $x.emit('ParamsLoadedFromUrl', all, metadata)\n      $x.emit('ExtraParamsLoadedFromUrl', extra, metadata)\n      if (all.query) {\n        $x.emit('UserOpenXProgrammatically', undefined, metadata)\n      }\n      urlLoaded.value = true\n    }\n\n    /**\n     * To emit the Url events just when the URL is load, and before the components mounted events\n     * and state changes, we do it in the created of this component.\n     */\n    onMounted(() => {\n      emitEvents()\n    })\n\n    return {\n      onPageShow,\n      emitEvents,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`ParamsLoadedFromUrl`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`ExtraParamsLoadedFromUrl`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`UserOpenXProgrammatically`](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 browser URL parameters to preserve them through reloads and browser\nhistory navigation. It allow to configure the default url parameter names using its attributes. This\ncomponent doesn't render elements to the DOM.\n\n_Try to make some requests and take a look to the url!_\n\n```vue\n<template>\n  <UrlHandler />\n</template>\n\n<script>\nimport { UrlHandler } from '@empathyco/x-components/url-handler'\n\nexport default {\n  name: 'UrlHandlerDemo',\n  components: {\n    UrlHandler,\n  },\n}\n</script>\n```\n\n### Play with props\n\nIn this example, the `UrlHandler` component changes the following query parameter names:\n\n- `query` to be `q`.\n- `page` to be `p`.\n- `filter` to be `f`\n- `sort` to be `s`\n\n_Try to make some requests and take a look to the url!_\n\n```vue\n<template>\n  <UrlHandler query=\"q\" page=\"p\" filter=\"f\" sort=\"s\" />\n</template>\n\n<script>\nimport { UrlHandler } from '@empathyco/x-components/url-handler'\n\nexport default {\n  name: 'UrlHandlerDemo',\n  components: {\n    UrlHandler,\n  },\n}\n</script>\n```\n\n### Play with events\n\nThe `UrlHandler` will emit the `ParamsLoadedFromUrl` when the page is loaded.\n\nThe `UrlHandler` will emit the `ExtraParamsLoadedFromUrl` when the page is loaded with an extra\nparam configured and with a value in URL.\n\nThe `UrlHandler` will emit the `UserOpenXProgrammatically` when the page is loaded with a query in\nthe URL.\n</docs>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"url-handler.vue2.js","sources":["../../../../../src/x-modules/url/components/url-handler.vue"],"sourcesContent":["<template>\n  <GlobalEvents target=\"window\" @pageshow=\"onPageShow\" @popstate=\"emitEvents\" />\n</template>\n\n<script lang=\"ts\">\nimport type { Dictionary } from '@empathyco/x-utils'\nimport type { FeatureLocation } from '../../../types/origin'\nimport type { UrlParams } from '../../../types/url-params'\nimport type { WireMetadata } from '../../../wiring/wiring.types'\nimport type { SnippetConfig } from '../../../x-installer/api/api.types'\nimport type { UrlParamValue } from '../store/types'\nimport { objectFilter } from '@empathyco/x-utils'\nimport { computed, defineComponent, inject, onMounted, ref } from 'vue'\nimport { GlobalEvents } from 'vue-global-events'\nimport { use$x } from '../../../composables/use-$x'\nimport { useState } from '../../../composables/use-state'\nimport { isArrayEmpty } from '../../../utils/array'\nimport { initialUrlState } from '../store/initial-state'\nimport { urlXModule } from '../x-module'\n\ninterface ParsedUrlParams {\n  all: UrlParams\n  extra: Dictionary<unknown>\n}\n\n/**\n * This component manages the browser URL parameters to preserve them through reloads and browser\n * history navigation. It allow to configure the default url parameter names using its attributes.\n * This component doesn't render elements to the DOM.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'UrlHandler',\n  components: {\n    GlobalEvents,\n  },\n  xModule: urlXModule.name,\n  inheritAttrs: false,\n  setup(_, { attrs }) {\n    const $x = use$x()\n\n    const { initialExtraParams } = useState('url')\n\n    /**\n     * The {@link SnippetConfig} provided by an ancestor.\n     *\n     * @internal\n     */\n    const snippetConfig = inject<SnippetConfig | undefined>('snippetConfig')\n\n    /**\n     * Flag to know if the params were already loaded from the URL.\n     *\n     * @internal\n     */\n    const urlLoaded = ref(false)\n\n    /**\n     * The page URL. It is used to compare against the current URL to check navigation state.\n     *\n     * @internal\n     */\n    const url = ref<URL | undefined>(undefined)\n\n    /**\n     * Flag to know if the page has been persisted by the browser's back-forward cache.\n     *\n     * @internal\n     */\n    const isPagePersisted = ref(false)\n\n    /**\n     * Computed to know which params we must get from URL. It gets the params names from the initial\n     * state, to get all default params names, and also from the `$attrs` to get the extra params\n     * names to take into account.\n     *\n     * @returns An array with the name of the params.\n     *\n     * @internal\n     */\n    const managedParamsNames = computed(() => Object.keys({ ...initialUrlState, ...attrs }))\n\n    /**\n     * Returns the mapping of the param keys used in the URL is configured through $attrs. This way\n     * we can support any param and extra param, no matters its name.\n     *\n     * @param paramName - The param name to get the Url key.\n     * @returns The key used in the URL for the `paramName` passed.\n     *\n     * @internal\n     */\n    const getUrlKey = (paramName: string) => {\n      const paramValue = attrs[paramName]\n      return typeof paramValue === 'string' ? paramValue : paramName\n    }\n\n    /**\n     * Deletes all the parameters in the passed URL.\n     *\n     * @param url - The URL to remove parameters from.\n     * @internal\n     */\n    const deleteUrlParameters = (url: URL) => {\n      managedParamsNames.value.forEach(paramName => url.searchParams.delete(getUrlKey(paramName)))\n    }\n\n    /**\n     * Sorts the params in a tuple array [key,value] to generate always the same URL with the params\n     * in the same order.\n     *\n     * @param urlParams - The {@link UrlParams} to sort.\n     * @returns An array of tuples with the key-value of each paramter, sorted by key.\n     * @internal\n     */\n    const sortParams = (urlParams: UrlParams): Array<[string, unknown]> => {\n      return Object.entries(urlParams).sort(([param1], [param2]) => {\n        return param1 < param2 ? -1 : 1\n      })\n    }\n\n    /**\n     * Set all the provided parameters to the url with the mapped key.\n     *\n     * @param url - The current URL.\n     * @param urlParams - The list of parameters to add.\n     * @remarks The params are filtered because there maybe received extra params which will not be\n     * managed by URL. This is defined by the `managedParamsNames` computed. Also, the parameters\n     * are sorted Alphabetically to produce always the same URL with the same parameters.This is\n     * important for SEO purposes.\n     *\n     * @internal\n     */\n    const setUrlParameters = (url: URL, urlParams: UrlParams): void => {\n      // Only when there is a query the rest of the parameters are valid.\n      if (!urlParams.query) {\n        return\n      }\n      const filteredParams = objectFilter(urlParams, paramName =>\n        managedParamsNames.value.includes(paramName as string),\n      )\n      const sortedParameters = sortParams(filteredParams)\n      sortedParameters.forEach(([paramName, paramValue]) => {\n        const urlParamKey = getUrlKey(paramName)\n        if (Array.isArray(paramValue)) {\n          paramValue.forEach(value => {\n            url.searchParams.append(urlParamKey, String(value))\n          })\n        } else {\n          url.searchParams.set(urlParamKey, String(paramValue))\n        }\n      })\n    }\n\n    /**\n     * Updates the browser URL with the passed `newUrlParams` and using the browser history method\n     * passed as `historyMethod`. It only updates the browser history if the new URL is different\n     * from the current.\n     *\n     * @param newUrlParams - The new params to add to the browser URL.\n     * @param historyMethod - The browser history method used to add the new URL.\n     *\n     * @internal\n     */\n    const updateUrl = (\n      newUrlParams: UrlParams,\n      historyMethod: History['pushState'] | History['replaceState'],\n    ): void => {\n      if (urlLoaded.value) {\n        const newUrl = new URL(window.location.href)\n        deleteUrlParameters(newUrl)\n        setUrlParameters(newUrl, newUrlParams)\n\n        // Normalize '+' characters into '%20' for spaces in url params.\n        newUrl.search = newUrl.search.replace(/\\+/g, '%20')\n\n        if (newUrl.href !== window.location.href) {\n          historyMethod({ ...window.history.state }, document.title, newUrl.href)\n        }\n        url.value = newUrl\n      }\n    }\n\n    /**\n     * Updates the browser URL with the new {@link UrlParams} using the history `pushState` method.\n     *\n     * @param newUrlParams - The new params to update browser URL.\n     */\n    $x.on('PushableUrlStateUpdated', false).subscribe((newUrlParams: UrlParams) => {\n      updateUrl(newUrlParams, window.history.pushState.bind(window.history))\n    })\n\n    /**\n     * Updates the browser URL with the new {@link UrlParams} using the history `replaceState`\n     * method.\n     *\n     * @param newUrlParams - The new params to update browser URL.\n     */\n    $x.on('ReplaceableUrlStateUpdated', false).subscribe((newUrlParams: UrlParams) => {\n      updateUrl(newUrlParams, window.history.replaceState.bind(window.history))\n    })\n\n    /**\n     * Handler of the\n     * [pageshow](https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event)\n     * event.\n     *\n     * @remarks The pageshow event is listened to check if the browser has performed a navigation\n     * using the back-forward cache. This information is available in the\n     * PageTransitionEvent.persisted property.\n     *\n     * @param event - The page transition event.\n     * @internal\n     */\n    const onPageShow = (event: PageTransitionEvent) => {\n      isPagePersisted.value = event.persisted\n      if (event.persisted) {\n        // The internal url is reset due to the back-forward cache storing the previous value which\n        // is no longer valid.\n        url.value = undefined\n      }\n    }\n\n    /**\n     * Returns the URL param value parsed depending on its type in the initial store state. As we\n     * can not know what type can have an extra param, all extra params are parsed as strings. We\n     * know if it is an extra param because it is not in the initial state.\n     *\n     * @param name - The name of the param in {@link UrlParams}.\n     * @param value - The `URLSearchParams` value as an arry of strings.\n     * @returns The parsed value.\n     *\n     * @internal\n     */\n    const parseUrlParam = (name: string, value: string[]): UrlParamValue => {\n      switch (typeof initialUrlState[name]) {\n        case 'number':\n          return Number(value[0])\n        case 'boolean':\n          return value[0].toLowerCase() === 'true'\n        case 'string':\n          return value[0]\n        default:\n          // array\n          return value\n      }\n    }\n\n    /**\n     * Gets the {@link UrlParams} from the URL, including only the params defined by `paramsNames`.\n     *\n     * @returns ParsedUrlParams obtained from URL.\n     * @internal\n     */\n    const parseUrlParams = (): ParsedUrlParams => {\n      const urlSearchParams = new URL(window.location.href).searchParams\n      return managedParamsNames.value.reduce<ParsedUrlParams>(\n        (params, name) => {\n          const urlKey = getUrlKey(name)\n          if (urlSearchParams.has(urlKey)) {\n            if (name in initialUrlState) {\n              const urlValue = urlSearchParams.getAll(urlKey)\n              params.all[name] = parseUrlParam(name, urlValue)\n            } else {\n              params.all[name] = params.extra[name] = urlSearchParams.get(urlKey)\n            }\n          }\n          return params\n        },\n        { all: { ...initialUrlState }, extra: { ...initialExtraParams.value } },\n      )\n    }\n\n    /**\n     * Check if the navigation is from a product page.\n     *\n     * @remarks Due to Safari 14 not supporting the new and standard PerformanceNavigationTiming\n     * API, we are falling back to the deprecated one, PerformanceNavigation. We also fallback to\n     * this API whenever we get a navigationType equal to reload, because Safari has a bug that the\n     * navigationType is permanently set to reload after you have reload the page and it never\n     * resets. As some browsers have a back-forward cache implemented, we also take into account if\n     * the page is persisted.\n     *\n     * @returns True if the navigation is from a product page, false otherwise.\n     * @internal\n     */\n    const isNavigatingFromPdp = (): boolean => {\n      const isPagePersistedValue = isPagePersisted.value\n      const navigationEntries = window.performance.getEntriesByType('navigation')\n      const navigationType = (navigationEntries[0] as PerformanceNavigationTiming)?.type\n      const useFallbackStrategy =\n        !navigationEntries.length &&\n        (isArrayEmpty(navigationEntries) || navigationType === 'reload')\n\n      // Reset internal isPagePersisted property value\n      isPagePersisted.value = false\n\n      if (useFallbackStrategy) {\n        const isNavigatingInSpa = !!snippetConfig?.isSpa && navigationType === 'navigate'\n        return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersistedValue\n      } else {\n        const isNavigatingInSpa = !!snippetConfig?.isSpa && navigationType === 'navigate'\n        return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersistedValue\n      }\n    }\n\n    /**\n     * Detects the {@link FeatureLocation} used to build the\n     * {@link QueryOriginInit} data.\n     *\n     * @returns The {@link FeatureLocation}.\n     * @internal\n     */\n    const detectLocation = (): FeatureLocation => {\n      const currentUrl = new URL(window.location.href)\n      const previousUrl = url.value\n      url.value = currentUrl\n\n      const isInternalNavigation =\n        previousUrl?.search !== currentUrl.search && previousUrl?.pathname === currentUrl.pathname\n      if (isInternalNavigation) {\n        return 'url_history'\n      }\n\n      if (isNavigatingFromPdp()) {\n        return 'url_history_pdp'\n      }\n\n      return 'external'\n    }\n\n    /**\n     * Creates the wire metadata to include in every emitted {@link XEvent}.\n     *\n     * @returns The {@link WireMetadata}.\n     * @internal\n     */\n    const createWireMetadata = (): Pick<WireMetadata, 'feature' | 'location'> => {\n      return {\n        feature: 'url',\n        location: detectLocation(),\n      }\n    }\n\n    /**\n     * Emits the {@link UrlXEvents.ParamsLoadedFromUrl} XEvent,\n     * the {@link UrlXEvents.ExtraParamsLoadedFromUrl} XEvent and, if there is query, also emits\n     * the {@link XEventsTypes.UserOpenXProgrammatically}.\n     *\n     * @internal\n     */\n    const emitEvents = () => {\n      const { all, extra } = parseUrlParams()\n      const metadata = createWireMetadata()\n      $x.emit('ParamsLoadedFromUrl', all, metadata)\n      $x.emit('ExtraParamsLoadedFromUrl', extra, metadata)\n      if (all.query) {\n        $x.emit('UserOpenXProgrammatically', undefined, metadata)\n      }\n      urlLoaded.value = true\n    }\n\n    /**\n     * To emit the Url events just when the URL is load, and before the components mounted events\n     * and state changes, we do it in the created of this component.\n     */\n    onMounted(() => {\n      emitEvents()\n    })\n\n    return {\n      onPageShow,\n      emitEvents,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`ParamsLoadedFromUrl`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`ExtraParamsLoadedFromUrl`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`UserOpenXProgrammatically`](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 browser URL parameters to preserve them through reloads and browser\nhistory navigation. It allow to configure the default url parameter names using its attributes. This\ncomponent doesn't render elements to the DOM.\n\n_Try to make some requests and take a look to the url!_\n\n```vue\n<template>\n  <UrlHandler />\n</template>\n\n<script>\nimport { UrlHandler } from '@empathyco/x-components/url-handler'\n\nexport default {\n  name: 'UrlHandlerDemo',\n  components: {\n    UrlHandler,\n  },\n}\n</script>\n```\n\n### Play with props\n\nIn this example, the `UrlHandler` component changes the following query parameter names:\n\n- `query` to be `q`.\n- `page` to be `p`.\n- `filter` to be `f`\n- `sort` to be `s`\n\n_Try to make some requests and take a look to the url!_\n\n```vue\n<template>\n  <UrlHandler query=\"q\" page=\"p\" filter=\"f\" sort=\"s\" />\n</template>\n\n<script>\nimport { UrlHandler } from '@empathyco/x-components/url-handler'\n\nexport default {\n  name: 'UrlHandlerDemo',\n  components: {\n    UrlHandler,\n  },\n}\n</script>\n```\n\n### Play with events\n\nThe `UrlHandler` will emit the `ParamsLoadedFromUrl` when the page is loaded.\n\nThe `UrlHandler` will emit the `ExtraParamsLoadedFromUrl` when the page is loaded with an extra\nparam configured and with a value in URL.\n\nThe `UrlHandler` will emit the `UserOpenXProgrammatically` when the page is loaded with a query in\nthe URL.\n</docs>\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "6.0.0-alpha.164",
+  "version": "6.0.0-alpha.166",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -142,5 +142,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "9f60598d4b342654beb077e7dc524a8505c5d229"
+  "gitHead": "c6c61dd1376954c65223388333d6e2cff559eddb"
 }

package/report/x-components.api.json

@@ -1954,6 +1954,34 @@
             "endIndex": 76
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@empathyco/x-components!aiQuery:var",
+          "docComment": "/**\n * Default implementation for the related prompts query getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the related prompts' module.\n *\n * @returns The query with the selected related tags concatenated.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "query: "
+            },
+            {
+              "kind": "Reference",
+              "text": "AiXStoreModule",
+              "canonicalReference": "@empathyco/x-components!AiXStoreModule:type"
+            },
+            {
+              "kind": "Content",
+              "text": "['getters']['query']"
+            }
+          ],
+          "fileUrlPath": "src/x-modules/ai/store/getters/ai-query.getter.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "aiQuery",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
         {
           "kind": "Interface",
           "canonicalReference": "@empathyco/x-components!AiState:interface",
@@ -2382,6 +2410,62 @@
             }
           ]
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@empathyco/x-components!aiSuggestionsRequest:var",
+          "docComment": "/**\n * Default implementation for the {@link AiGetters.suggestionsRequest} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the ai module.\n *\n * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the ai module.\n *\n * @returns The ai request to fetch data from the API.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "suggestionsRequest: "
+            },
+            {
+              "kind": "Reference",
+              "text": "AiXStoreModule",
+              "canonicalReference": "@empathyco/x-components!AiXStoreModule:type"
+            },
+            {
+              "kind": "Content",
+              "text": "['getters']['suggestionsRequest']"
+            }
+          ],
+          "fileUrlPath": "src/x-modules/ai/store/getters/suggestions-request.getter.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "aiSuggestionsRequest",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@empathyco/x-components!aiSuggestionsSearchRequest:var",
+          "docComment": "/**\n * Default implementation for the {@link AiGetters.suggestionsSearchRequest} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the ai module.\n *\n * @returns The ai request to fetch data from the API.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "suggestionsSearchRequest: "
+            },
+            {
+              "kind": "Reference",
+              "text": "AiXStoreModule",
+              "canonicalReference": "@empathyco/x-components!AiXStoreModule:type"
+            },
+            {
+              "kind": "Content",
+              "text": "['getters']['suggestionsSearchRequest']"
+            }
+          ],
+          "fileUrlPath": "src/x-modules/ai/store/getters/suggestions-search-request.getter.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "aiSuggestionsSearchRequest",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
         {
           "kind": "Interface",
           "canonicalReference": "@empathyco/x-components!AiXEvents:interface",
@@ -25758,6 +25842,62 @@
           ],
           "extendsTokenRanges": []
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@empathyco/x-components!fetchAndSaveAiSuggestions:var",
+          "docComment": "/**\n * Default implementation for the {@link AiActions.fetchAndSaveAiSuggestions}.\n *\n * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions, provided by Vuex.\n *\n * @param request - The AI request to make.\n *\n * @returns The AI response.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "fetchAndSaveAiSuggestions: "
+            },
+            {
+              "kind": "Reference",
+              "text": "AiXStoreModule",
+              "canonicalReference": "@empathyco/x-components!AiXStoreModule:type"
+            },
+            {
+              "kind": "Content",
+              "text": "['actions']['fetchAndSaveAiSuggestions']"
+            }
+          ],
+          "fileUrlPath": "src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "fetchAndSaveAiSuggestions",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@empathyco/x-components!fetchAndSaveAiSuggestionsSearch:var",
+          "docComment": "/**\n * Default implementation for the {@link AiActions.fetchAndSaveAiSuggestionsSearch}.\n *\n * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the commits, provided by Vuex.\n *\n * @param request - The AI search request to make.\n *\n * @returns The AI search response.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "fetchAndSaveAiSuggestionsSearch: "
+            },
+            {
+              "kind": "Reference",
+              "text": "AiXStoreModule",
+              "canonicalReference": "@empathyco/x-components!AiXStoreModule:type"
+            },
+            {
+              "kind": "Content",
+              "text": "['actions']['fetchAndSaveAiSuggestionsSearch']"
+            }
+          ],
+          "fileUrlPath": "src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "fetchAndSaveAiSuggestionsSearch",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
         {
           "kind": "Function",
           "canonicalReference": "@empathyco/x-components!fetchAndSaveExperienceControlsResponse:function(1)",
@@ -54996,6 +55136,34 @@
           ],
           "name": "sanitize"
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@empathyco/x-components!saveAiOrigin:var",
+          "docComment": "/**\n * Default implementation for the {@link AiActions.saveOrigin}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions, provided by Vuex.\n *\n * @param queryOriginInit - The object to create the {@link QueryOrigin} with.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "saveOrigin: "
+            },
+            {
+              "kind": "Reference",
+              "text": "AiXStoreModule",
+              "canonicalReference": "@empathyco/x-components!AiXStoreModule:type"
+            },
+            {
+              "kind": "Content",
+              "text": "['actions']['saveOrigin']"
+            }
+          ],
+          "fileUrlPath": "src/x-modules/ai/store/actions/save-origin.action.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "saveAiOrigin",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@empathyco/x-components!saveIdentifierResultsOrigin:var",
@@ -62243,6 +62411,34 @@
             "endIndex": 3
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@empathyco/x-components!setAiUrlParams:var",
+          "docComment": "/**\n * Default implementation setUrlParams.\n *\n * @param context - The context of the actions, provided by Vuex.\n *\n * @param urlParams - List of params from the url.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "setUrlParams: "
+            },
+            {
+              "kind": "Reference",
+              "text": "AiXStoreModule",
+              "canonicalReference": "@empathyco/x-components!AiXStoreModule:type"
+            },
+            {
+              "kind": "Content",
+              "text": "['actions']['setUrlParams']"
+            }
+          ],
+          "fileUrlPath": "src/x-modules/ai/store/actions/set-url-params.action.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "setAiUrlParams",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
         {
           "kind": "Function",
           "canonicalReference": "@empathyco/x-components!setConfig:function(1)",

package/report/x-components.api.md

@@ -295,6 +295,9 @@ expandText: string;
 collapseText: string;
 }, {}>;
 
+// @public
+export const aiQuery: AiXStoreModule['getters']['query'];
+
 export { AIStarIcon }
 
 // @public
@@ -318,6 +321,12 @@ export interface AiState extends QueryState {
     tagging: AiSuggestionTagging | undefined;
 }
 
+// @public
+export const aiSuggestionsRequest: AiXStoreModule['getters']['suggestionsRequest'];
+
+// @public
+export const aiSuggestionsSearchRequest: AiXStoreModule['getters']['suggestionsSearchRequest'];
+
 // @internal
 export const aiWiring: {
     ParamsLoadedFromUrl: {
@@ -3036,6 +3045,12 @@ export interface FetchAndSaveActions<Context extends XActionContext<StatusState,
     fetchAndSave: (context: Context, request: Request) => void | Promise<void>;
 }
 
+// @public
+export const fetchAndSaveAiSuggestions: AiXStoreModule['actions']['fetchAndSaveAiSuggestions'];
+
+// @public
+export const fetchAndSaveAiSuggestionsSearch: AiXStoreModule['actions']['fetchAndSaveAiSuggestionsSearch'];
+
 // @public
 export const fetchAndSaveExperienceControlsResponse: (context: ExperienceControlsActionContext, request: ExperienceControlsRequest | null) => void | Promise<void>;
 
@@ -6334,6 +6349,9 @@ export interface RootXStoreState {
 // @public
 export const sanitize: (str: string) => string;
 
+// @public
+export const saveAiOrigin: AiXStoreModule['actions']['saveOrigin'];
+
 // @public
 export const saveIdentifierResultsOrigin: IdentifierResultsXStoreModule['actions']['saveOrigin'];
 
@@ -7101,6 +7119,9 @@ required: true;
 // @public
 export const sessionHistoryQueries: HistoryQueriesXStoreModule['getters']['sessionHistoryQueries'];
 
+// @public
+export const setAiUrlParams: AiXStoreModule['actions']['setUrlParams'];
+
 // @public
 export function setConfig<T extends {
     config: T['config'];

package/types/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.d.ts

@@ -1,3 +1,12 @@
 import type { AiXStoreModule } from '../types';
+/**
+ * Default implementation for the {@link AiActions.fetchAndSaveAiSuggestionsSearch}.
+ *
+ * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the commits,
+ * provided by Vuex.
+ * @param request - The AI search request to make.
+ * @returns The AI search response.
+ * @public
+ */
 export declare const fetchAndSaveAiSuggestionsSearch: AiXStoreModule['actions']['fetchAndSaveAiSuggestionsSearch'];
 //# sourceMappingURL=fetch-and-save-ai-suggestions-search.action.d.ts.map

package/types/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-ai-suggestions-search.action.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG9C,eAAO,MAAM,+BAA+B,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC,iCAAiC,CAmBtG,CAAA"}
+{"version":3,"file":"fetch-and-save-ai-suggestions-search.action.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions-search.action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG9C;;;;;;;;GAQG;AACH,eAAO,MAAM,+BAA+B,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC,iCAAiC,CAmBtG,CAAA"}

package/types/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.d.ts

@@ -6,7 +6,6 @@ import type { AiXStoreModule } from '../types';
  * provided by Vuex.
  * @param request - The AI request to make.
  * @returns The AI response.
- *
  * @public
  */
 export declare const fetchAndSaveAiSuggestions: AiXStoreModule['actions']['fetchAndSaveAiSuggestions'];

package/types/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-ai-suggestions.action.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,UAAU,CAAA;AAyB/D;;;;;;;;;GASG;AACH,eAAO,MAAM,yBAAyB,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC,2BAA2B,CAe1F,CAAA"}
+{"version":3,"file":"fetch-and-save-ai-suggestions.action.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/ai/store/actions/fetch-and-save-ai-suggestions.action.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,UAAU,CAAA;AAyB/D;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC,2BAA2B,CAe1F,CAAA"}

package/types/x-modules/ai/store/actions/index.d.ts

@@ -0,0 +1,5 @@
+export * from './fetch-and-save-ai-suggestions-search.action';
+export * from './fetch-and-save-ai-suggestions.action';
+export { saveOrigin as saveAiOrigin } from './save-origin.action';
+export { setUrlParams as setAiUrlParams } from './set-url-params.action';
+//# sourceMappingURL=index.d.ts.map

package/types/x-modules/ai/store/actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/ai/store/actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,+CAA+C,CAAA;AAC7D,cAAc,wCAAwC,CAAA;AACtD,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAA"}

package/types/x-modules/ai/store/index.d.ts

@@ -1,4 +1,6 @@
+export * from './actions';
 export * from './emitters';
+export * from './getters';
 export * from './module';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/types/x-modules/ai/store/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/ai/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/ai/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA"}

package/types/x-modules/url/components/url-handler.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"url-handler.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/url/components/url-handler.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAqBA;;;;;;GAMG;;wBAsL4B,mBAAmB;;;AArLlD,wBAsVE"}
+{"version":3,"file":"url-handler.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/url/components/url-handler.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAqBA;;;;;;GAMG;;wBAuL4B,mBAAmB;;;AAtLlD,wBAuVE"}