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

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

@@ -1 +1 @@
-{"version":3,"file":"session.service.js","sources":["../../../../../src/x-modules/tagging/service/session.service.ts"],"sourcesContent":["import { nanoid } from 'nanoid';\nimport { BrowserStorageService, StorageService } from '@empathyco/x-storage-service';\nimport { SessionService } from './types';\n\n/**\n * Default implementation for the {@link SessionService}.\n *\n * @public\n */\nexport class DefaultSessionService implements SessionService {\n  /**\n   * Session id key to use as key in the storage.\n   *\n   * @public\n   */\n  public static readonly SESSION_ID_KEY = 'session-id';\n\n  /**\n   * Global instance of the {@link SessionService}.\n   */\n  public static instance: SessionService = new DefaultSessionService();\n\n  public constructor(\n    protected storageService: StorageService = new BrowserStorageService(localStorage, 'x'),\n    protected ttlMs = 1800000 // 30m * 60s * 1000 = 1800_000ms\n  ) {}\n\n  /**\n   * Returns the session id of the storage.\n   *\n   * @returns The current session id.\n   *\n   * @public\n   */\n  getSessionId(): string {\n    const sessionId = this.storageService.getItem(DefaultSessionService.SESSION_ID_KEY) ?? nanoid();\n    this.storageService.setItem(\n      DefaultSessionService.SESSION_ID_KEY,\n      sessionId,\n      Date.now() + this.ttlMs\n    );\n    return sessionId;\n  }\n\n  /**\n   * Removes the session if from the storage.\n   *\n   * @public\n   */\n  clearSessionId(): void {\n    this.storageService.removeItem(DefaultSessionService.SESSION_ID_KEY);\n  }\n}\n"],"names":[],"mappings":";;;AAIA;;;;;;IAkBE,+BACY,cAA6E,EAC7E,KAAe;;QADf,+BAAA,EAAA,qBAAqC,qBAAqB,CAAC,YAAY,EAAE,GAAG,CAAC;QAC7E,sBAAA,EAAA,eAAe;QADf,mBAAc,GAAd,cAAc,CAA+D;QAC7E,UAAK,GAAL,KAAK,CAAU;KACvB;;;;;;;;IASJ,4CAAY,GAAZ;;QACE,IAAM,SAAS,GAAG,MAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,mCAAI,MAAM,EAAE,CAAC;QAChG,IAAI,CAAC,cAAc,CAAC,OAAO,CACzB,qBAAqB,CAAC,cAAc,EACpC,SAAS,EACT,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CACxB,CAAC;QACF,OAAO,SAAS,CAAC;KAClB;;;;;;IAOD,8CAAc,GAAd;QACE,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC;KACtE;;;;;;IApCsB,oCAAc,GAAG,YAAY,CAAC;;;;IAKvC,8BAAQ,GAAmB,IAAI,qBAAqB,EAAE,CAAC;IAgCvE,4BAAC;CA3CD;;;;"}
+{"version":3,"file":"session.service.js","sources":["../../../../../src/x-modules/tagging/service/session.service.ts"],"sourcesContent":["import { nanoid } from 'nanoid';\nimport { BrowserStorageService, StorageService } from '@empathyco/x-storage-service';\nimport { SessionService } from './types';\n\n/**\n * Default implementation for the {@link SessionService}.\n *\n * @public\n */\nexport class DefaultSessionService implements SessionService {\n  /**\n   * Session id key to use as key in the storage.\n   *\n   * @public\n   */\n  public static readonly SESSION_ID_KEY = 'session-id';\n\n  /**\n   * Global instance of the {@link SessionService}.\n   */\n  public static instance: SessionService = new DefaultSessionService();\n\n  public constructor(\n    protected storageService: StorageService = new BrowserStorageService(localStorage, 'x'),\n    protected ttlMs = 1800000 // 30m * 60s * 1000 = 1800_000ms\n  ) {}\n\n  /**\n   * Returns the session id of the storage.\n   *\n   * @returns The current session id.\n   *\n   * @public\n   */\n  getSessionId(): string {\n    const sessionId = this.storageService.getItem(DefaultSessionService.SESSION_ID_KEY) ?? nanoid();\n    this.storageService.setItem(\n      DefaultSessionService.SESSION_ID_KEY,\n      sessionId,\n      Date.now() + this.ttlMs\n    );\n    return sessionId;\n  }\n\n  /**\n   * Removes the session if from the storage.\n   *\n   * @public\n   */\n  clearSessionId(): void {\n    this.storageService.removeItem(DefaultSessionService.SESSION_ID_KEY);\n  }\n}\n"],"names":[],"mappings":";;;AAIA;;;;;MAKa,qBAAqB;IAahC,YACY,iBAAiC,IAAI,qBAAqB,CAAC,YAAY,EAAE,GAAG,CAAC,EAC7E,QAAQ,OAAO;;QADf,mBAAc,GAAd,cAAc,CAA+D;QAC7E,UAAK,GAAL,KAAK,CAAU;KACvB;;;;;;;;IASJ,YAAY;QACV,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,IAAI,MAAM,EAAE,CAAC;QAChG,IAAI,CAAC,cAAc,CAAC,OAAO,CACzB,qBAAqB,CAAC,cAAc,EACpC,SAAS,EACT,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CACxB,CAAC;QACF,OAAO,SAAS,CAAC;KAClB;;;;;;IAOD,cAAc;QACZ,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC;KACtE;;AAzCD;;;;;AAKuB,oCAAc,GAAG,YAAY,CAAC;AAErD;;;AAGc,8BAAQ,GAAmB,IAAI,qBAAqB,EAAE;;;;"}

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

@@ -1,4 +1,3 @@
-import { __assign } from 'tslib';
 import { XPlugin } from '../../../../plugins/x-plugin.js';
 import '../../service/pdp-add-to-cart.service.js';
 import { DefaultSessionService } from '../../service/session.service.js';
@@ -12,18 +11,19 @@ import { DefaultSessionService } from '../../service/session.service.js';
  *
  * @public
  */
-var track = function (_a, taggingInfo) {
-    var state = _a.state;
-    var consent = state.consent;
-    var taggingInfos = Array.isArray(taggingInfo) ? taggingInfo : [taggingInfo];
-    var sessionId = getSessionId(consent);
+const track = ({ state }, taggingInfo) => {
+    const { consent } = state;
+    const taggingInfos = Array.isArray(taggingInfo) ? taggingInfo : [taggingInfo];
+    const sessionId = getSessionId(consent);
     // TODO EX-5061 - Remove this validation when the adapter ignores undefined values.
-    var session = sessionId && { session: sessionId };
-    taggingInfos.forEach(function (_a) {
-        var url = _a.url, params = _a.params;
+    const session = sessionId && { session: sessionId };
+    taggingInfos.forEach(({ url, params }) => {
         XPlugin.adapter.track({
-            url: url,
-            params: __assign(__assign({}, params), session)
+            url,
+            params: {
+                ...params,
+                ...session
+            }
         });
     });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"track.action.js","sources":["../../../../../../src/x-modules/tagging/store/actions/track.action.ts"],"sourcesContent":["import { TaggingInfo } from '@empathyco/x-types';\nimport { XPlugin } from '../../../../plugins/x-plugin';\nimport { DefaultSessionService } from '../../service';\nimport { TaggingXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link TaggingActions.track}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param taggingInfo - The information of the event to track.\n *\n * @public\n */\nexport const track: TaggingXStoreModule['actions']['track'] = ({ state }, taggingInfo) => {\n  const { consent } = state;\n  const taggingInfos = Array.isArray(taggingInfo) ? taggingInfo : [taggingInfo];\n  const sessionId = getSessionId(consent);\n  // TODO EX-5061 - Remove this validation when the adapter ignores undefined values.\n  const session = sessionId && { session: sessionId };\n\n  taggingInfos.forEach(({ url, params }: TaggingInfo) => {\n    XPlugin.adapter.track({\n      url,\n      params: {\n        ...params,\n        ...session\n      }\n    });\n  });\n};\n\n/**\n * Returns the session id if the consent is true.\n *\n * @param consent - User consent to retrieve the session id.\n *\n * @returns The user session id or undefined.\n *\n * @internal\n */\nfunction getSessionId(consent: boolean | null): string | undefined {\n  return consent ? DefaultSessionService.instance.getSessionId() : undefined;\n}\n"],"names":[],"mappings":";;;;;AAKA;;;;;;;;;IASa,KAAK,GAA4C,UAAC,EAAS,EAAE,WAAW;QAApB,KAAK,WAAA;IAC5D,IAAA,OAAO,GAAK,KAAK,QAAV,CAAW;IAC1B,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,CAAC,WAAW,CAAC,CAAC;IAC9E,IAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;;IAExC,IAAM,OAAO,GAAG,SAAS,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAEpD,YAAY,CAAC,OAAO,CAAC,UAAC,EAA4B;YAA1B,GAAG,SAAA,EAAE,MAAM,YAAA;QACjC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;YACpB,GAAG,KAAA;YACH,MAAM,wBACD,MAAM,GACN,OAAO,CACX;SACF,CAAC,CAAC;KACJ,CAAC,CAAC;AACL,EAAE;AAEF;;;;;;;;;AASA,SAAS,YAAY,CAAC,OAAuB;IAC3C,OAAO,OAAO,GAAG,qBAAqB,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,SAAS,CAAC;AAC7E;;;;"}
+{"version":3,"file":"track.action.js","sources":["../../../../../../src/x-modules/tagging/store/actions/track.action.ts"],"sourcesContent":["import { TaggingInfo } from '@empathyco/x-types';\nimport { XPlugin } from '../../../../plugins/x-plugin';\nimport { DefaultSessionService } from '../../service';\nimport { TaggingXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link TaggingActions.track}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param taggingInfo - The information of the event to track.\n *\n * @public\n */\nexport const track: TaggingXStoreModule['actions']['track'] = ({ state }, taggingInfo) => {\n  const { consent } = state;\n  const taggingInfos = Array.isArray(taggingInfo) ? taggingInfo : [taggingInfo];\n  const sessionId = getSessionId(consent);\n  // TODO EX-5061 - Remove this validation when the adapter ignores undefined values.\n  const session = sessionId && { session: sessionId };\n\n  taggingInfos.forEach(({ url, params }: TaggingInfo) => {\n    XPlugin.adapter.track({\n      url,\n      params: {\n        ...params,\n        ...session\n      }\n    });\n  });\n};\n\n/**\n * Returns the session id if the consent is true.\n *\n * @param consent - User consent to retrieve the session id.\n *\n * @returns The user session id or undefined.\n *\n * @internal\n */\nfunction getSessionId(consent: boolean | null): string | undefined {\n  return consent ? DefaultSessionService.instance.getSessionId() : undefined;\n}\n"],"names":[],"mappings":";;;;AAKA;;;;;;;;;MASa,KAAK,GAA4C,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW;IACnF,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,CAAC,WAAW,CAAC,CAAC;IAC9E,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;;IAExC,MAAM,OAAO,GAAG,SAAS,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAEpD,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAe;QAChD,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;YACpB,GAAG;YACH,MAAM,EAAE;gBACN,GAAG,MAAM;gBACT,GAAG,OAAO;aACX;SACF,CAAC,CAAC;KACJ,CAAC,CAAC;AACL,EAAE;AAEF;;;;;;;;;AASA,SAAS,YAAY,CAAC,OAAuB;IAC3C,OAAO,OAAO,GAAG,qBAAqB,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,SAAS,CAAC;AAC7E;;;;"}

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

@@ -6,12 +6,12 @@ import { taggingXStoreModule } from './module.js';
  *
  * @internal
  */
-var taggingEmitters = createStoreEmitters(taggingXStoreModule, {
-    ConsentChanged: function (state) { return state.consent; },
-    SearchTaggingReceived: function (state) { return state.queryTaggingInfo; },
+const taggingEmitters = createStoreEmitters(taggingXStoreModule, {
+    ConsentChanged: state => state.consent,
+    SearchTaggingReceived: state => state.queryTaggingInfo,
     ResultURLTrackingEnabled: {
-        selector: function (state) { return state.config.clickedResultStorageKey; },
-        filter: function (newValue) { return newValue === 'url'; }
+        selector: state => state.config.clickedResultStorageKey,
+        filter: newValue => newValue === 'url'
     }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/tagging/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils';\nimport { taggingXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the tagging module.\n *\n * @internal\n */\nexport const taggingEmitters = createStoreEmitters(taggingXStoreModule, {\n  ConsentChanged: state => state.consent!,\n  SearchTaggingReceived: state => state.queryTaggingInfo!,\n  ResultURLTrackingEnabled: {\n    selector: state => state.config.clickedResultStorageKey!,\n    filter: newValue => newValue === 'url'\n  }\n});\n"],"names":[],"mappings":";;;AAGA;;;;;IAKa,eAAe,GAAG,mBAAmB,CAAC,mBAAmB,EAAE;IACtE,cAAc,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAQ,GAAA;IACvC,qBAAqB,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,gBAAiB,GAAA;IACvD,wBAAwB,EAAE;QACxB,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,MAAM,CAAC,uBAAwB,GAAA;QACxD,MAAM,EAAE,UAAA,QAAQ,IAAI,OAAA,QAAQ,KAAK,KAAK,GAAA;KACvC;CACF;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/tagging/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils';\nimport { taggingXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the tagging module.\n *\n * @internal\n */\nexport const taggingEmitters = createStoreEmitters(taggingXStoreModule, {\n  ConsentChanged: state => state.consent!,\n  SearchTaggingReceived: state => state.queryTaggingInfo!,\n  ResultURLTrackingEnabled: {\n    selector: state => state.config.clickedResultStorageKey!,\n    filter: newValue => newValue === 'url'\n  }\n});\n"],"names":[],"mappings":";;;AAGA;;;;;MAKa,eAAe,GAAG,mBAAmB,CAAC,mBAAmB,EAAE;IACtE,cAAc,EAAE,KAAK,IAAI,KAAK,CAAC,OAAQ;IACvC,qBAAqB,EAAE,KAAK,IAAI,KAAK,CAAC,gBAAiB;IACvD,wBAAwB,EAAE;QACxB,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,uBAAwB;QACxD,MAAM,EAAE,QAAQ,IAAI,QAAQ,KAAK,KAAK;KACvC;CACF;;;;"}

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

@@ -5,8 +5,8 @@ import { track } from './actions/track.action.js';
  *
  * @internal
  */
-var taggingXStoreModule = {
-    state: function () { return ({
+const taggingXStoreModule = {
+    state: () => ({
         config: {
             sessionTTLMs: 30 * 60 * 1000,
             queryTaggingDebounceMs: 2000,
@@ -15,21 +15,21 @@ var taggingXStoreModule = {
         },
         consent: null,
         queryTaggingInfo: null
-    }); },
+    }),
     getters: {},
     mutations: {
-        setConsent: function (state, consent) {
+        setConsent(state, consent) {
             state.consent = consent;
         },
-        setQueryTaggingInfo: function (state, queryTaggingInfo) {
+        setQueryTaggingInfo(state, queryTaggingInfo) {
             state.queryTaggingInfo = queryTaggingInfo;
         },
-        setTaggingConfig: function (state, taggingConfig) {
+        setTaggingConfig(state, taggingConfig) {
             Object.assign(state.config, taggingConfig);
         }
     },
     actions: {
-        track: track
+        track
     }
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/tagging/store/module.ts"],"sourcesContent":["import { TaggingInfo } from '@empathyco/x-types';\nimport { track } from './actions/track.action';\nimport { TaggingXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the tagging module.\n *\n * @internal\n */\nexport const taggingXStoreModule: TaggingXStoreModule = {\n  state: () => ({\n    config: {\n      sessionTTLMs: 30 * 60 * 1000,\n      queryTaggingDebounceMs: 2000,\n      clickedResultStorageKey: null,\n      clickedResultStorageTTLMs: null\n    },\n    consent: null,\n    queryTaggingInfo: null\n  }),\n  getters: {},\n  mutations: {\n    setConsent(state, consent) {\n      state.consent = consent;\n    },\n    setQueryTaggingInfo(state, queryTaggingInfo: TaggingInfo) {\n      state.queryTaggingInfo = queryTaggingInfo;\n    },\n    setTaggingConfig(state, taggingConfig) {\n      Object.assign(state.config, taggingConfig);\n    }\n  },\n  actions: {\n    track\n  }\n};\n"],"names":[],"mappings":";;AAIA;;;;;IAKa,mBAAmB,GAAwB;IACtD,KAAK,EAAE,cAAM,QAAC;QACZ,MAAM,EAAE;YACN,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;YAC5B,sBAAsB,EAAE,IAAI;YAC5B,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,IAAI;SAChC;QACD,OAAO,EAAE,IAAI;QACb,gBAAgB,EAAE,IAAI;KACvB,IAAC;IACF,OAAO,EAAE,EAAE;IACX,SAAS,EAAE;QACT,UAAU,YAAC,KAAK,EAAE,OAAO;YACvB,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;SACzB;QACD,mBAAmB,EAAnB,UAAoB,KAAK,EAAE,gBAA6B;YACtD,KAAK,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;SAC3C;QACD,gBAAgB,YAAC,KAAK,EAAE,aAAa;YACnC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;SAC5C;KACF;IACD,OAAO,EAAE;QACP,KAAK,OAAA;KACN;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/tagging/store/module.ts"],"sourcesContent":["import { TaggingInfo } from '@empathyco/x-types';\nimport { track } from './actions/track.action';\nimport { TaggingXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the tagging module.\n *\n * @internal\n */\nexport const taggingXStoreModule: TaggingXStoreModule = {\n  state: () => ({\n    config: {\n      sessionTTLMs: 30 * 60 * 1000,\n      queryTaggingDebounceMs: 2000,\n      clickedResultStorageKey: null,\n      clickedResultStorageTTLMs: null\n    },\n    consent: null,\n    queryTaggingInfo: null\n  }),\n  getters: {},\n  mutations: {\n    setConsent(state, consent) {\n      state.consent = consent;\n    },\n    setQueryTaggingInfo(state, queryTaggingInfo: TaggingInfo) {\n      state.queryTaggingInfo = queryTaggingInfo;\n    },\n    setTaggingConfig(state, taggingConfig) {\n      Object.assign(state.config, taggingConfig);\n    }\n  },\n  actions: {\n    track\n  }\n};\n"],"names":[],"mappings":";;AAIA;;;;;MAKa,mBAAmB,GAAwB;IACtD,KAAK,EAAE,OAAO;QACZ,MAAM,EAAE;YACN,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;YAC5B,sBAAsB,EAAE,IAAI;YAC5B,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,IAAI;SAChC;QACD,OAAO,EAAE,IAAI;QACb,gBAAgB,EAAE,IAAI;KACvB,CAAC;IACF,OAAO,EAAE,EAAE;IACX,SAAS,EAAE;QACT,UAAU,CAAC,KAAK,EAAE,OAAO;YACvB,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;SACzB;QACD,mBAAmB,CAAC,KAAK,EAAE,gBAA6B;YACtD,KAAK,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;SAC3C;QACD,gBAAgB,CAAC,KAAK,EAAE,aAAa;YACnC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;SAC5C;KACF;IACD,OAAO,EAAE;QACP,KAAK;KACN;;;;;"}

package/js/x-modules/tagging/wiring.js

@@ -1,53 +1,53 @@
-import { wireServiceWithoutPayload, wireService } from '../../wiring/wires.factory.js';
-import { createWiring } from '../../wiring/wiring.utils.js';
 import { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory.js';
-import { filter, mapWire } from '../../wiring/wires.operators.js';
 import { namespacedDebounce } from '../../wiring/namespaced-wires.operators.js';
-import { DefaultPDPAddToCartService } from './service/pdp-add-to-cart.service.js';
+import { wireServiceWithoutPayload, wireService } from '../../wiring/wires.factory.js';
+import { filter, mapWire } from '../../wiring/wires.operators.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
 import { DefaultSessionService } from './service/session.service.js';
+import { DefaultPDPAddToCartService } from './service/pdp-add-to-cart.service.js';
 
 /**
  * `tagging` {@link XModuleName | XModule name}.
  *
  * @internal
  */
-var moduleName = 'tagging';
+const moduleName = 'tagging';
 /**
  * Debounce function for the module.
  */
-var moduleDebounce = namespacedDebounce(moduleName);
+const moduleDebounce = namespacedDebounce(moduleName);
 /**
  * WireCommit for {@link TaggingXModule}.
  *
  * @internal
  */
-var wireCommit = namespacedWireCommit(moduleName);
+const wireCommit = namespacedWireCommit(moduleName);
 /**
  * WireDispatch for {@link TaggingXModule}.
  *
  * @internal
  */
-var wireDispatch = namespacedWireDispatch(moduleName);
+const wireDispatch = namespacedWireDispatch(moduleName);
 /**
  * Wires without payload factory for {@link DefaultSessionService}.
  */
-var wireSessionServiceWithoutPayload = wireServiceWithoutPayload(DefaultSessionService.instance);
+const wireSessionServiceWithoutPayload = wireServiceWithoutPayload(DefaultSessionService.instance);
 /**
  * Wires factory for {@link DefaultPDPAddToCartService}.
  */
-var wirePDPAddToCartService = wireService(DefaultPDPAddToCartService.instance);
+const wirePDPAddToCartService = wireService(DefaultPDPAddToCartService.instance);
 /**
  * Stores the given result on the local storage.
  *
  * @public
  */
-var storeClickedResultWire = wirePDPAddToCartService('storeResultClicked');
+const storeClickedResultWire = wirePDPAddToCartService('storeResultClicked');
 /**
  * Moves the result information from the local storage to session storage.
  *
  * @public
  */
-var moveClickedResultToSessionWire = mapWire(wirePDPAddToCartService('moveToSessionStorage'), function (payload) {
+const moveClickedResultToSessionWire = mapWire(wirePDPAddToCartService('moveToSessionStorage'), (payload) => {
     return payload === 'url' ? undefined : payload;
 });
 /**
@@ -55,44 +55,38 @@ var moveClickedResultToSessionWire = mapWire(wirePDPAddToCartService('moveToSess
  *
  * @public
  */
-var trackAddToCartFromSessionStorage = wirePDPAddToCartService('trackAddToCart');
+const trackAddToCartFromSessionStorage = wirePDPAddToCartService('trackAddToCart');
 /**
  * Clears the session id.
  *
  * @public
  */
-var clearSessionWire = filter(wireSessionServiceWithoutPayload('clearSessionId'), function (_a) {
-    var consent = _a.eventPayload;
-    return !consent;
-});
+const clearSessionWire = filter(wireSessionServiceWithoutPayload('clearSessionId'), ({ eventPayload: consent }) => !consent);
 /**
  * Sets the tagging state `consent`.
  *
  * @public
  */
-var setConsent = wireCommit('setConsent');
+const setConsent = wireCommit('setConsent');
 /**
  * Sets the tagging config state.
  *
  * @public
  */
-var setTaggingConfig = wireCommit('setTaggingConfig');
+const setTaggingConfig = wireCommit('setTaggingConfig');
 /**
  * Tracks the tagging of the query.
  *
  * @public
  */
-var trackQueryWire = wireDispatch('track');
+const trackQueryWire = wireDispatch('track');
 /**
  * Sets the tagging state of the query tagging info using a debounce which ends if the user
  * accepts a query.
  *
  * @public
  */
-var setQueryTaggingInfo = moduleDebounce(wireCommit('setQueryTaggingInfo'), function (_a) {
-    var state = _a.state;
-    return state.config.queryTaggingDebounceMs;
-}, {
+const setQueryTaggingInfo = moduleDebounce(wireCommit('setQueryTaggingInfo'), ({ state }) => state.config.queryTaggingDebounceMs, {
     cancelOn: 'UserClearedQuery',
     forceOn: [
         'UserClickedAResult',
@@ -107,13 +101,13 @@ var setQueryTaggingInfo = moduleDebounce(wireCommit('setQueryTaggingInfo'), func
  *
  * @public
  */
-var trackResultClickedWire = createTrackResultWire('click');
+const trackResultClickedWire = createTrackResultWire('click');
 /**
  * Performs a track of a result added to the cart.
  *
  * @public
  */
-var trackAddToCartWire = createTrackResultWire('add2cart');
+const trackAddToCartWire = createTrackResultWire('add2cart');
 /**
  * Factory helper to create a wire for the track of a result.
  *
@@ -123,52 +117,48 @@ var trackAddToCartWire = createTrackResultWire('add2cart');
  * @internal
  */
 function createTrackResultWire(property) {
-    return filter(wireDispatch('track', function (_a) {
-        var tagging = _a.eventPayload.tagging, location = _a.metadata.location;
-        var taggingInfo = tagging[property];
+    return filter(wireDispatch('track', ({ eventPayload: { tagging }, metadata: { location } }) => {
+        const taggingInfo = tagging[property];
         taggingInfo.params.location = location;
         return taggingInfo;
-    }), function (_a) {
-        var tagging = _a.eventPayload.tagging;
-        return !!(tagging === null || tagging === void 0 ? void 0 : tagging[property]);
-    });
+    }), ({ eventPayload: { tagging } }) => !!tagging?.[property]);
 }
 /**
  * Wiring configuration for the {@link TaggingXModule | tagging module}.
  *
  * @internal
  */
-var taggingWiring = createWiring({
+const taggingWiring = createWiring({
     ConsentProvided: {
-        setConsent: setConsent
+        setConsent
     },
     ConsentChanged: {
-        clearSessionWire: clearSessionWire
+        clearSessionWire
     },
     PDPIsLoaded: {
-        moveClickedResultToSessionWire: moveClickedResultToSessionWire
+        moveClickedResultToSessionWire
     },
     ResultURLTrackingEnabled: {
-        moveClickedResultToSessionWire: moveClickedResultToSessionWire
+        moveClickedResultToSessionWire
     },
     SearchTaggingChanged: {
-        setQueryTaggingInfo: setQueryTaggingInfo
+        setQueryTaggingInfo
     },
     SearchTaggingReceived: {
-        trackQueryWire: trackQueryWire
+        trackQueryWire
     },
     TaggingConfigProvided: {
-        setTaggingConfig: setTaggingConfig
+        setTaggingConfig
     },
     UserClickedAResult: {
-        trackResultClickedWire: trackResultClickedWire,
-        storeClickedResultWire: storeClickedResultWire
+        trackResultClickedWire,
+        storeClickedResultWire
     },
     UserClickedResultAddToCart: {
-        trackAddToCartWire: trackAddToCartWire
+        trackAddToCartWire
     },
     UserClickedPDPAddToCart: {
-        trackAddToCartFromSessionStorage: trackAddToCartFromSessionStorage
+        trackAddToCartFromSessionStorage
     }
 });
 

package/js/x-modules/tagging/wiring.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/tagging/wiring.ts"],"sourcesContent":["import { Result, TaggingInfo } from '@empathyco/x-types';\nimport {\n  namespacedWireCommit,\n  namespacedWireDispatch\n} from '../../wiring/namespaced-wires.factory';\nimport { namespacedDebounce } from '../../wiring/namespaced-wires.operators';\nimport { wireService, wireServiceWithoutPayload } from '../../wiring/wires.factory';\nimport { filter, mapWire } from '../../wiring/wires.operators';\nimport { Wire } from '../../wiring/wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\nimport { DefaultSessionService } from './service/session.service';\nimport { DefaultPDPAddToCartService } from './service/index';\n\n/**\n * `tagging` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'tagging';\n\n/**\n * Debounce function for the module.\n */\nconst moduleDebounce = namespacedDebounce(moduleName);\n\n/**\n * WireCommit for {@link TaggingXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * WireDispatch for {@link TaggingXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * Wires without payload factory for {@link DefaultSessionService}.\n */\nconst wireSessionServiceWithoutPayload = wireServiceWithoutPayload(DefaultSessionService.instance);\n\n/**\n * Wires factory for {@link DefaultPDPAddToCartService}.\n */\nconst wirePDPAddToCartService = wireService(DefaultPDPAddToCartService.instance);\n\n/**\n * Stores the given result on the local storage.\n *\n * @public\n */\nconst storeClickedResultWire = wirePDPAddToCartService('storeResultClicked');\n\n/**\n * Moves the result information from the local storage to session storage.\n *\n * @public\n */\nconst moveClickedResultToSessionWire = mapWire(\n  wirePDPAddToCartService('moveToSessionStorage'),\n  (payload: string) => {\n    return payload === 'url' ? undefined : payload;\n  }\n);\n\n/**\n * Triggers the add to cart tracking.\n *\n * @public\n */\nconst trackAddToCartFromSessionStorage = wirePDPAddToCartService('trackAddToCart');\n\n/**\n * Clears the session id.\n *\n * @public\n */\nconst clearSessionWire = filter(\n  wireSessionServiceWithoutPayload('clearSessionId'),\n  ({ eventPayload: consent }) => !consent\n);\n\n/**\n * Sets the tagging state `consent`.\n *\n * @public\n */\nexport const setConsent = wireCommit('setConsent');\n\n/**\n * Sets the tagging config state.\n *\n * @public\n */\nexport const setTaggingConfig = wireCommit('setTaggingConfig');\n\n/**\n * Tracks the tagging of the query.\n *\n * @public\n */\nexport const trackQueryWire = wireDispatch('track');\n\n/**\n * Sets the tagging state of the query tagging info using a debounce which ends if the user\n * accepts a query.\n *\n * @public\n */\nexport const setQueryTaggingInfo = moduleDebounce(\n  wireCommit('setQueryTaggingInfo'),\n  ({ state }) => state.config.queryTaggingDebounceMs,\n  {\n    cancelOn: 'UserClearedQuery',\n    forceOn: [\n      'UserClickedAResult',\n      'UserClickedAPromoted',\n      'UserClickedABanner',\n      'UserClickedARedirection',\n      'UserReachedResultsListEnd'\n    ]\n  }\n);\n\n/**\n * Tracks the tagging of the result.\n *\n * @public\n */\nexport const trackResultClickedWire = createTrackResultWire('click');\n\n/**\n * Performs a track of a result added to the cart.\n *\n * @public\n */\nexport const trackAddToCartWire = createTrackResultWire('add2cart');\n\n/**\n * Factory helper to create a wire for the track of a result.\n *\n * @param property - Key of the tagging object to track.\n * @returns A new wire for the given property of the result tagging.\n *\n * @internal\n */\nfunction createTrackResultWire(property: keyof Result['tagging']): Wire<Result> {\n  return filter(\n    wireDispatch('track', ({ eventPayload: { tagging }, metadata: { location } }) => {\n      const taggingInfo: TaggingInfo = tagging[property];\n      taggingInfo.params.location = location as string;\n      return taggingInfo;\n    }),\n    ({ eventPayload: { tagging } }) => !!tagging?.[property]\n  );\n}\n\n/**\n * Wiring configuration for the {@link TaggingXModule | tagging module}.\n *\n * @internal\n */\nexport const taggingWiring = createWiring({\n  ConsentProvided: {\n    setConsent\n  },\n  ConsentChanged: {\n    clearSessionWire\n  },\n  PDPIsLoaded: {\n    moveClickedResultToSessionWire\n  },\n  ResultURLTrackingEnabled: {\n    moveClickedResultToSessionWire\n  },\n  SearchTaggingChanged: {\n    setQueryTaggingInfo\n  },\n  SearchTaggingReceived: {\n    trackQueryWire\n  },\n  TaggingConfigProvided: {\n    setTaggingConfig\n  },\n  UserClickedAResult: {\n    trackResultClickedWire,\n    storeClickedResultWire\n  },\n  UserClickedResultAddToCart: {\n    trackAddToCartWire\n  },\n  UserClickedPDPAddToCart: {\n    trackAddToCartFromSessionStorage\n  }\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/tagging/wiring.ts"],"sourcesContent":["import { Result, TaggingInfo } from '@empathyco/x-types';\nimport {\n  namespacedWireCommit,\n  namespacedWireDispatch\n} from '../../wiring/namespaced-wires.factory';\nimport { namespacedDebounce } from '../../wiring/namespaced-wires.operators';\nimport { wireService, wireServiceWithoutPayload } from '../../wiring/wires.factory';\nimport { filter, mapWire } from '../../wiring/wires.operators';\nimport { Wire } from '../../wiring/wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\nimport { DefaultSessionService } from './service/session.service';\nimport { DefaultPDPAddToCartService } from './service/index';\n\n/**\n * `tagging` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'tagging';\n\n/**\n * Debounce function for the module.\n */\nconst moduleDebounce = namespacedDebounce(moduleName);\n\n/**\n * WireCommit for {@link TaggingXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * WireDispatch for {@link TaggingXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * Wires without payload factory for {@link DefaultSessionService}.\n */\nconst wireSessionServiceWithoutPayload = wireServiceWithoutPayload(DefaultSessionService.instance);\n\n/**\n * Wires factory for {@link DefaultPDPAddToCartService}.\n */\nconst wirePDPAddToCartService = wireService(DefaultPDPAddToCartService.instance);\n\n/**\n * Stores the given result on the local storage.\n *\n * @public\n */\nconst storeClickedResultWire = wirePDPAddToCartService('storeResultClicked');\n\n/**\n * Moves the result information from the local storage to session storage.\n *\n * @public\n */\nconst moveClickedResultToSessionWire = mapWire(\n  wirePDPAddToCartService('moveToSessionStorage'),\n  (payload: string) => {\n    return payload === 'url' ? undefined : payload;\n  }\n);\n\n/**\n * Triggers the add to cart tracking.\n *\n * @public\n */\nconst trackAddToCartFromSessionStorage = wirePDPAddToCartService('trackAddToCart');\n\n/**\n * Clears the session id.\n *\n * @public\n */\nconst clearSessionWire = filter(\n  wireSessionServiceWithoutPayload('clearSessionId'),\n  ({ eventPayload: consent }) => !consent\n);\n\n/**\n * Sets the tagging state `consent`.\n *\n * @public\n */\nexport const setConsent = wireCommit('setConsent');\n\n/**\n * Sets the tagging config state.\n *\n * @public\n */\nexport const setTaggingConfig = wireCommit('setTaggingConfig');\n\n/**\n * Tracks the tagging of the query.\n *\n * @public\n */\nexport const trackQueryWire = wireDispatch('track');\n\n/**\n * Sets the tagging state of the query tagging info using a debounce which ends if the user\n * accepts a query.\n *\n * @public\n */\nexport const setQueryTaggingInfo = moduleDebounce(\n  wireCommit('setQueryTaggingInfo'),\n  ({ state }) => state.config.queryTaggingDebounceMs,\n  {\n    cancelOn: 'UserClearedQuery',\n    forceOn: [\n      'UserClickedAResult',\n      'UserClickedAPromoted',\n      'UserClickedABanner',\n      'UserClickedARedirection',\n      'UserReachedResultsListEnd'\n    ]\n  }\n);\n\n/**\n * Tracks the tagging of the result.\n *\n * @public\n */\nexport const trackResultClickedWire = createTrackResultWire('click');\n\n/**\n * Performs a track of a result added to the cart.\n *\n * @public\n */\nexport const trackAddToCartWire = createTrackResultWire('add2cart');\n\n/**\n * Factory helper to create a wire for the track of a result.\n *\n * @param property - Key of the tagging object to track.\n * @returns A new wire for the given property of the result tagging.\n *\n * @internal\n */\nfunction createTrackResultWire(property: keyof Result['tagging']): Wire<Result> {\n  return filter(\n    wireDispatch('track', ({ eventPayload: { tagging }, metadata: { location } }) => {\n      const taggingInfo: TaggingInfo = tagging[property];\n      taggingInfo.params.location = location as string;\n      return taggingInfo;\n    }),\n    ({ eventPayload: { tagging } }) => !!tagging?.[property]\n  );\n}\n\n/**\n * Wiring configuration for the {@link TaggingXModule | tagging module}.\n *\n * @internal\n */\nexport const taggingWiring = createWiring({\n  ConsentProvided: {\n    setConsent\n  },\n  ConsentChanged: {\n    clearSessionWire\n  },\n  PDPIsLoaded: {\n    moveClickedResultToSessionWire\n  },\n  ResultURLTrackingEnabled: {\n    moveClickedResultToSessionWire\n  },\n  SearchTaggingChanged: {\n    setQueryTaggingInfo\n  },\n  SearchTaggingReceived: {\n    trackQueryWire\n  },\n  TaggingConfigProvided: {\n    setTaggingConfig\n  },\n  UserClickedAResult: {\n    trackResultClickedWire,\n    storeClickedResultWire\n  },\n  UserClickedResultAddToCart: {\n    trackAddToCartWire\n  },\n  UserClickedPDPAddToCart: {\n    trackAddToCartFromSessionStorage\n  }\n});\n"],"names":[],"mappings":"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"}

package/js/x-modules/tagging/x-module.js

@@ -1,5 +1,5 @@
-import { taggingXStoreModule } from './store/module.js';
 import { taggingEmitters } from './store/emitters.js';
+import { taggingXStoreModule } from './store/module.js';
 import { taggingWiring } from './wiring.js';
 
 /**
@@ -8,7 +8,7 @@ import { taggingWiring } from './wiring.js';
  *
  * @public
  */
-var taggingXModule = {
+const taggingXModule = {
     name: 'tagging',
     storeModule: taggingXStoreModule,
     storeEmitters: taggingEmitters,

package/js/x-modules/tagging/x-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/tagging/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { taggingEmitters } from './store/emitters';\nimport { taggingXStoreModule } from './store/module';\nimport { TaggingXStoreModule } from './store/types';\nimport { taggingWiring } from './wiring';\n\n/**\n * Tagging {@link XModule} alias.\n *\n * @public\n */\nexport type TaggingXModule = XModule<TaggingXStoreModule>;\n\n/**\n * Tagging {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `empathize` entry point.\n *\n * @public\n */\nexport const taggingXModule: TaggingXModule = {\n  name: 'tagging',\n  storeModule: taggingXStoreModule,\n  storeEmitters: taggingEmitters,\n  wiring: taggingWiring\n};\n"],"names":[],"mappings":";;;;AAaA;;;;;;IAMa,cAAc,GAAmB;IAC5C,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,mBAAmB;IAChC,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,aAAa;;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/tagging/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { taggingEmitters } from './store/emitters';\nimport { taggingXStoreModule } from './store/module';\nimport { TaggingXStoreModule } from './store/types';\nimport { taggingWiring } from './wiring';\n\n/**\n * Tagging {@link XModule} alias.\n *\n * @public\n */\nexport type TaggingXModule = XModule<TaggingXStoreModule>;\n\n/**\n * Tagging {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `empathize` entry point.\n *\n * @public\n */\nexport const taggingXModule: TaggingXModule = {\n  name: 'tagging',\n  storeModule: taggingXStoreModule,\n  storeEmitters: taggingEmitters,\n  wiring: taggingWiring\n};\n"],"names":[],"mappings":";;;;AAaA;;;;;;MAMa,cAAc,GAAmB;IAC5C,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,mBAAmB;IAChC,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,aAAa;;;;;"}

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

@@ -1,8 +1,8 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './url-handler.vue_rollup-plugin-vue=script.js';
+import script from './url-handler.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -18,13 +18,13 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* module identifier */
-  var __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__ = undefined;
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  const __vue_is_functional_template__ = false;
   /* style inject */
   
   /* style inject SSR */
@@ -33,7 +33,7 @@ __vue_render__._withStripped = true;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -46,5 +46,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=url-handler.vue.js.map

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 @pageshow=\"onPageShow\" @popstate=\"emitEvents\" target=\"window\" />\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import GlobalEvents from 'vue-global-events';\n  import { Component, Inject } from 'vue-property-decorator';\n  import { State } from '../../../components';\n  import { XOn } from '../../../components/decorators/bus.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { FeatureLocation } from '../../../types/origin';\n  import { UrlParams } from '../../../types/url-params';\n  import { isArrayEmpty } from '../../../utils/array';\n  import { objectFilter } from '../../../utils/object';\n  import { Dictionary } from '../../../utils/types';\n  import { WireMetadata } from '../../../wiring/wiring.types';\n  import { SnippetConfig } from '../../../x-installer/api/api.types';\n  import { initialUrlState } from '../store/initial-state';\n  import { UrlParamValue } from '../store/types';\n  import { urlXModule } from '../x-module';\n\n  interface ParsedUrlParams {\n    all: UrlParams;\n    extra: Dictionary<unknown>;\n  }\n\n  /**\n   * This component manage the browser URL parameters to perserve 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   */\n  @Component({\n    components: {\n      GlobalEvents\n    },\n    mixins: [xComponentMixin(urlXModule)]\n  })\n  export default class UrlHandler extends Vue {\n    /**\n     * The {@link SnippetConfig} provided by an ancestor.\n     *\n     * @internal\n     */\n    @Inject({ default: undefined })\n    protected snippetConfig?: SnippetConfig;\n\n    /**\n     * Flag to know if the params were already loaded from the URL.\n     *\n     * @internal\n     */\n    protected urlLoaded = 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    protected url?: URL;\n\n    /**\n     * Flag to know if the page has been persisted by the browser's back-forward cache.\n     *\n     * @internal\n     */\n    protected isPagePersisted = 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    protected get managedParamsNames(): string[] {\n      return Object.keys({ ...initialUrlState, ...this.$attrs });\n    }\n\n    @State('url', 'initialExtraParams')\n    public initialExtraParams!: Dictionary<unknown>;\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    protected getUrlKey(paramName: string): string {\n      return this.$attrs[paramName] ?? paramName;\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    created(): void {\n      this.emitEvents();\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    @XOn('PushableUrlStateChanged')\n    updateUrlWithPush(newUrlParams: UrlParams): void {\n      this.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    @XOn('ReplaceableUrlStateChanged')\n    updateUrlWithReplace(newUrlParams: UrlParams): void {\n      this.updateUrl(newUrlParams, window.history.replaceState.bind(window.history));\n    }\n\n    /**\n     * Handler of the\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event | pageshow }\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    protected onPageShow(event: PageTransitionEvent): void {\n      this.isPagePersisted = 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        this.url = undefined;\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    protected emitEvents(): void {\n      const { all, extra } = this.parseUrlParams();\n      const metadata = this.createWireMetadata();\n      this.$x.emit('ParamsLoadedFromUrl', all, metadata);\n      this.$x.emit('ExtraParamsLoadedFromUrl', extra, metadata);\n      // TODO: Move this logic from here.\n      if (all.query) {\n        this.$x.emit('UserOpenXProgrammatically', undefined, metadata);\n      }\n      this.urlLoaded = true;\n    }\n\n    /**\n     * Creates the wire metadata to include in every emitted {@link XEvent | XEvents}.\n     *\n     * @returns The {@link WireMetadata | metadata}.\n     * @internal\n     */\n    protected createWireMetadata(): Pick<WireMetadata, 'feature' | 'location'> {\n      return {\n        feature: 'url',\n        location: this.detectLocation()\n      };\n    }\n\n    /**\n     * Detects the {@link FeatureLocation | location} used to build the\n     * {@link QueryOriginInit | events metadata origin}.\n     *\n     * @returns The {@link FeatureLocation | location}.\n     * @internal\n     */\n    protected detectLocation(): FeatureLocation {\n      const currentUrl = new URL(window.location.href);\n      const previousUrl = this.url;\n      this.url = 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 (this.isNavigatingFromPdp()) {\n        return 'url_history_pdp';\n      }\n\n      return 'external';\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    protected isNavigatingFromPdp(): boolean {\n      const isPagePersisted = this.isPagePersisted;\n      const navigationEntries = window.performance.getEntriesByType('navigation');\n      const navigationType = (navigationEntries[0] as PerformanceNavigationTiming)?.type;\n      const useFallbackStrategy =\n        window.performance.navigation &&\n        (isArrayEmpty(navigationEntries) || navigationType === 'reload');\n\n      // Reset internal isPagePersisted property value\n      this.isPagePersisted = false;\n\n      if (useFallbackStrategy) {\n        const {\n          type: fallbackNavigationType,\n          TYPE_BACK_FORWARD,\n          TYPE_NAVIGATE\n        } = window.performance.navigation;\n        const isNavigatingInSpa =\n          !!this.snippetConfig?.isSpa && fallbackNavigationType === TYPE_NAVIGATE;\n        return fallbackNavigationType === TYPE_BACK_FORWARD || isNavigatingInSpa || isPagePersisted;\n      } else {\n        const isNavigatingInSpa = !!this.snippetConfig?.isSpa && navigationType === 'navigate';\n        return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersisted;\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    protected parseUrlParams(): ParsedUrlParams {\n      const urlSearchParams = new URL(window.location.href).searchParams;\n      return this.managedParamsNames.reduce<ParsedUrlParams>(\n        (params, name) => {\n          const urlKey = this.getUrlKey(name);\n          if (urlSearchParams.has(urlKey)) {\n            if (name in initialUrlState) {\n              const urlValue = urlSearchParams.getAll(urlKey);\n              params.all[name] = this.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: { ...this.initialExtraParams } }\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    protected updateUrl(\n      newUrlParams: UrlParams,\n      historyMethod: History['pushState'] | History['replaceState']\n    ): void {\n      if (this.urlLoaded) {\n        const url = new URL(window.location.href);\n        this.deleteUrlParameters(url);\n        this.setUrlParameters(url, newUrlParams);\n        if (url.href.replace(/\\+/g, '%20') !== window.location.href) {\n          historyMethod({ ...window.history.state }, document.title, url.href);\n        }\n        this.url = url;\n      }\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    protected deleteUrlParameters(url: URL): void {\n      this.managedParamsNames.forEach(paramName =>\n        url.searchParams.delete(this.getUrlKey(paramName))\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    protected setUrlParameters(url: URL, urlParams: UrlParams): void {\n      const filteredParams = objectFilter(urlParams, paramName =>\n        this.managedParamsNames.includes(paramName as string)\n      );\n      const sortedParameters = this.sortParams(filteredParams);\n      sortedParameters.forEach(([paramName, paramValue]) => {\n        const urlParamKey = this.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     * 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    protected 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     * 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    protected 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</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`ParamsLoadedFromUrl`](./../../api/x-components.urlxevents.paramsloadedfromurl.md)\n- [`ExtraParamsLoadedFromUrl`](./../../api/x-components.urlxevents.extraparamsloadedfromurl.md)\n- [`UserOpenXProgrammatically`](./../../api/x-components.xeventstypes.useropenxprogrammatically.md)\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>\n  import { UrlHandler } from '@empathyco/x-components/url-handler';\n\n  export 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>\n  import { UrlHandler } from '@empathyco/x-components/url-handler';\n\n  export 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":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"url-handler.vue.js","sources":["../../../../../src/x-modules/url/components/url-handler.vue"],"sourcesContent":["<template>\n  <GlobalEvents @pageshow=\"onPageShow\" @popstate=\"emitEvents\" target=\"window\" />\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import GlobalEvents from 'vue-global-events';\n  import { Component, Inject } from 'vue-property-decorator';\n  import { State } from '../../../components';\n  import { XOn } from '../../../components/decorators/bus.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { FeatureLocation } from '../../../types/origin';\n  import { UrlParams } from '../../../types/url-params';\n  import { isArrayEmpty } from '../../../utils/array';\n  import { objectFilter } from '../../../utils/object';\n  import { Dictionary } from '../../../utils/types';\n  import { WireMetadata } from '../../../wiring/wiring.types';\n  import { SnippetConfig } from '../../../x-installer/api/api.types';\n  import { initialUrlState } from '../store/initial-state';\n  import { UrlParamValue } from '../store/types';\n  import { urlXModule } from '../x-module';\n\n  interface ParsedUrlParams {\n    all: UrlParams;\n    extra: Dictionary<unknown>;\n  }\n\n  /**\n   * This component manage the browser URL parameters to perserve 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   */\n  @Component({\n    components: {\n      GlobalEvents\n    },\n    mixins: [xComponentMixin(urlXModule)]\n  })\n  export default class UrlHandler extends Vue {\n    /**\n     * The {@link SnippetConfig} provided by an ancestor.\n     *\n     * @internal\n     */\n    @Inject({ default: undefined })\n    protected snippetConfig?: SnippetConfig;\n\n    /**\n     * Flag to know if the params were already loaded from the URL.\n     *\n     * @internal\n     */\n    protected urlLoaded = 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    protected url?: URL;\n\n    /**\n     * Flag to know if the page has been persisted by the browser's back-forward cache.\n     *\n     * @internal\n     */\n    protected isPagePersisted = 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    protected get managedParamsNames(): string[] {\n      return Object.keys({ ...initialUrlState, ...this.$attrs });\n    }\n\n    @State('url', 'initialExtraParams')\n    public initialExtraParams!: Dictionary<unknown>;\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    protected getUrlKey(paramName: string): string {\n      return this.$attrs[paramName] ?? paramName;\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    created(): void {\n      this.emitEvents();\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    @XOn('PushableUrlStateChanged')\n    updateUrlWithPush(newUrlParams: UrlParams): void {\n      this.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    @XOn('ReplaceableUrlStateChanged')\n    updateUrlWithReplace(newUrlParams: UrlParams): void {\n      this.updateUrl(newUrlParams, window.history.replaceState.bind(window.history));\n    }\n\n    /**\n     * Handler of the\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event | pageshow }\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    protected onPageShow(event: PageTransitionEvent): void {\n      this.isPagePersisted = 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        this.url = undefined;\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    protected emitEvents(): void {\n      const { all, extra } = this.parseUrlParams();\n      const metadata = this.createWireMetadata();\n      this.$x.emit('ParamsLoadedFromUrl', all, metadata);\n      this.$x.emit('ExtraParamsLoadedFromUrl', extra, metadata);\n      // TODO: Move this logic from here.\n      if (all.query) {\n        this.$x.emit('UserOpenXProgrammatically', undefined, metadata);\n      }\n      this.urlLoaded = true;\n    }\n\n    /**\n     * Creates the wire metadata to include in every emitted {@link XEvent | XEvents}.\n     *\n     * @returns The {@link WireMetadata | metadata}.\n     * @internal\n     */\n    protected createWireMetadata(): Pick<WireMetadata, 'feature' | 'location'> {\n      return {\n        feature: 'url',\n        location: this.detectLocation()\n      };\n    }\n\n    /**\n     * Detects the {@link FeatureLocation | location} used to build the\n     * {@link QueryOriginInit | events metadata origin}.\n     *\n     * @returns The {@link FeatureLocation | location}.\n     * @internal\n     */\n    protected detectLocation(): FeatureLocation {\n      const currentUrl = new URL(window.location.href);\n      const previousUrl = this.url;\n      this.url = 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 (this.isNavigatingFromPdp()) {\n        return 'url_history_pdp';\n      }\n\n      return 'external';\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    protected isNavigatingFromPdp(): boolean {\n      const isPagePersisted = this.isPagePersisted;\n      const navigationEntries = window.performance.getEntriesByType('navigation');\n      const navigationType = (navigationEntries[0] as PerformanceNavigationTiming)?.type;\n      const useFallbackStrategy =\n        window.performance.navigation &&\n        (isArrayEmpty(navigationEntries) || navigationType === 'reload');\n\n      // Reset internal isPagePersisted property value\n      this.isPagePersisted = false;\n\n      if (useFallbackStrategy) {\n        const {\n          type: fallbackNavigationType,\n          TYPE_BACK_FORWARD,\n          TYPE_NAVIGATE\n        } = window.performance.navigation;\n        const isNavigatingInSpa =\n          !!this.snippetConfig?.isSpa && fallbackNavigationType === TYPE_NAVIGATE;\n        return fallbackNavigationType === TYPE_BACK_FORWARD || isNavigatingInSpa || isPagePersisted;\n      } else {\n        const isNavigatingInSpa = !!this.snippetConfig?.isSpa && navigationType === 'navigate';\n        return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersisted;\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    protected parseUrlParams(): ParsedUrlParams {\n      const urlSearchParams = new URL(window.location.href).searchParams;\n      return this.managedParamsNames.reduce<ParsedUrlParams>(\n        (params, name) => {\n          const urlKey = this.getUrlKey(name);\n          if (urlSearchParams.has(urlKey)) {\n            if (name in initialUrlState) {\n              const urlValue = urlSearchParams.getAll(urlKey);\n              params.all[name] = this.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: { ...this.initialExtraParams } }\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    protected updateUrl(\n      newUrlParams: UrlParams,\n      historyMethod: History['pushState'] | History['replaceState']\n    ): void {\n      if (this.urlLoaded) {\n        const url = new URL(window.location.href);\n        this.deleteUrlParameters(url);\n        this.setUrlParameters(url, newUrlParams);\n        if (url.href.replace(/\\+/g, '%20') !== window.location.href) {\n          historyMethod({ ...window.history.state }, document.title, url.href);\n        }\n        this.url = url;\n      }\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    protected deleteUrlParameters(url: URL): void {\n      this.managedParamsNames.forEach(paramName =>\n        url.searchParams.delete(this.getUrlKey(paramName))\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    protected setUrlParameters(url: URL, urlParams: UrlParams): void {\n      const filteredParams = objectFilter(urlParams, paramName =>\n        this.managedParamsNames.includes(paramName as string)\n      );\n      const sortedParameters = this.sortParams(filteredParams);\n      sortedParameters.forEach(([paramName, paramValue]) => {\n        const urlParamKey = this.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     * 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    protected 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     * 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    protected 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</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`ParamsLoadedFromUrl`](./../../api/x-components.urlxevents.paramsloadedfromurl.md)\n- [`ExtraParamsLoadedFromUrl`](./../../api/x-components.urlxevents.extraparamsloadedfromurl.md)\n- [`UserOpenXProgrammatically`](./../../api/x-components.xeventstypes.useropenxprogrammatically.md)\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>\n  import { UrlHandler } from '@empathyco/x-components/url-handler';\n\n  export 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>\n  import { UrlHandler } from '@empathyco/x-components/url-handler';\n\n  export 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":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}