@empathyco/x-components 3.0.0-alpha.27 → 3.0.0-alpha.30

package/js/plugins/x-plugin.mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-plugin.mixin.js","sources":["../../../src/plugins/x-plugin.mixin.ts"],"sourcesContent":["import Vue, { ComponentOptions } from 'vue';\nimport { XComponent } from '../components/x-component.types';\nimport { getXComponentXModuleName, isXComponent } from '../components/x-component.utils';\nimport { XEvent, XEventPayload } from '../wiring/events.types';\nimport { WireMetadata } from '../wiring/wiring.types';\nimport { QueryOrigin } from '../types/query-origin';\nimport { XBus } from './x-bus.types';\nimport { getAliasAPI } from './x-plugin.alias';\nimport { XComponentAPI, XComponentBusAPI } from './x-plugin.types';\n\ndeclare module 'vue/types/vue' {\n  export interface Vue {\n    $x: XComponentAPI;\n  }\n}\n\ninterface PrivateExtendedVueComponent extends Vue {\n  xComponent: XComponent | undefined;\n  $origin: QueryOrigin;\n}\n\n/**\n * Vue global mixin that adds a `$x` object to every component with the {@link XComponentAPI}.\n *\n * @remarks It adds an injection property `origin` which value is included in the metadata of each\n * event emitted with `$x.emit`.\n *\n * @param bus - The {@link XBus} to use inside the components for emitting events.\n * @returns Mixin options which registers the component as X-Component and the $x.\n * @internal\n */\nexport const createXComponentAPIMixin = (\n  bus: XBus\n): ComponentOptions<Vue> & ThisType<PrivateExtendedVueComponent> => ({\n  inject: {\n    $origin: {\n      from: 'origin',\n      default: undefined\n    }\n  },\n  created(): void {\n    this.xComponent = getRootXComponent(this);\n    const aliasAPI = getAliasAPI(this.$store);\n    const busAPI = getBusAPI(bus, this);\n    this.$x = Object.assign(aliasAPI, busAPI);\n  }\n});\n\n/**\n * Creates an object containing the API related to the {@link XBus}.\n *\n * @param bus - The global {@link XBus}.\n * @param component - The component instance.\n *\n * @returns An object containing the {@link XComponentBusAPI}.\n * @internal\n */\nexport function getBusAPI(bus: XBus, component: PrivateExtendedVueComponent): XComponentBusAPI {\n  return {\n    emit: <Event extends XEvent>(\n      event: Event,\n      payload?: XEventPayload<Event>,\n      metadata: Omit<WireMetadata, 'moduleName'> = {}\n    ) => {\n      const xComponent = component.xComponent;\n      const moduleName = xComponent ? getXComponentXModuleName(xComponent) : null;\n      bus.emit(event, payload as any, { moduleName, origin: component.$origin, ...metadata });\n      xComponent?.$emit(event, payload);\n    },\n    on: bus.on.bind(bus)\n  };\n}\n\n/**\n * Given a component, finds the root XComponent in the ancestors hierarchy.\n *\n * @param component - The component to find its root XComponent.\n * @returns The root XComponent or undefined if it has not.\n * @public\n */\nexport function getRootXComponent(component: Vue): XComponent | undefined {\n  let xComponent: XComponent | undefined;\n  while (component !== undefined && component !== null) {\n    if (isXComponent(component)) {\n      xComponent = component;\n    }\n    component = component.$parent;\n  }\n  return xComponent;\n}\n"],"names":[],"mappings":";;;;AAqBA;;;;;;;;;;IAUa,wBAAwB,GAAG,UACtC,GAAS,IACyD,QAAC;IACnE,MAAM,EAAE;QACN,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;SACnB;KACF;IACD,OAAO,EAAP;QACE,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1C,IAAM,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC3C;CACF,KAAE;AAEH;;;;;;;;;SASgB,SAAS,CAAC,GAAS,EAAE,SAAsC;IACzE,OAAO;QACL,IAAI,EAAE,UACJ,KAAY,EACZ,OAA8B,EAC9B,QAA+C;YAA/C,yBAAA,EAAA,aAA+C;YAE/C,IAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;YACxC,IAAM,UAAU,GAAG,UAAU,GAAG,wBAAwB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;YAC5E,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,OAAc,aAAI,UAAU,YAAA,EAAE,MAAM,EAAE,SAAS,CAAC,OAAO,IAAK,QAAQ,EAAG,CAAC;YACxF,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SACnC;QACD,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;KACrB,CAAC;AACJ,CAAC;AAED;;;;;;;SAOgB,iBAAiB,CAAC,SAAc;IAC9C,IAAI,UAAkC,CAAC;IACvC,OAAO,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,EAAE;QACpD,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE;YAC3B,UAAU,GAAG,SAAS,CAAC;SACxB;QACD,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC;KAC/B;IACD,OAAO,UAAU,CAAC;AACpB;;;;"}
+{"version":3,"file":"x-plugin.mixin.js","sources":["../../../src/plugins/x-plugin.mixin.ts"],"sourcesContent":["import Vue, { ComponentOptions } from 'vue';\nimport { XComponent } from '../components/x-component.types';\nimport { getXComponentXModuleName, isXComponent } from '../components/x-component.utils';\nimport { XEvent, XEventPayload } from '../wiring/events.types';\nimport { WireMetadata } from '../wiring/wiring.types';\nimport { FeatureLocation } from '../types/origin';\nimport { XBus } from './x-bus.types';\nimport { getAliasAPI } from './x-plugin.alias';\nimport { XComponentAPI, XComponentBusAPI } from './x-plugin.types';\n\ndeclare module 'vue/types/vue' {\n  export interface Vue {\n    $x: XComponentAPI;\n  }\n}\n\ninterface PrivateExtendedVueComponent extends Vue {\n  $location?: FeatureLocation;\n  xComponent: XComponent | undefined;\n}\n\n/**\n * Vue global mixin that adds a `$x` object to every component with the {@link XComponentAPI}.\n *\n * @remarks It adds an injection property `origin` which value is included in the metadata of each\n * event emitted with `$x.emit`.\n *\n * @param bus - The {@link XBus} to use inside the components for emitting events.\n * @returns Mixin options which registers the component as X-Component and the $x.\n * @internal\n */\nexport const createXComponentAPIMixin = (\n  bus: XBus\n): ComponentOptions<Vue> & ThisType<PrivateExtendedVueComponent> => ({\n  inject: {\n    $location: {\n      from: 'location',\n      default: undefined\n    }\n  },\n  created(): void {\n    this.xComponent = getRootXComponent(this);\n    const aliasAPI = getAliasAPI(this.$store);\n    const busAPI = getBusAPI(bus, this);\n    this.$x = Object.assign(aliasAPI, busAPI);\n  }\n});\n\n/**\n * Creates an object containing the API related to the {@link XBus}.\n *\n * @param bus - The global {@link XBus}.\n * @param component - The component instance.\n *\n * @returns An object containing the {@link XComponentBusAPI}.\n * @internal\n */\nexport function getBusAPI(bus: XBus, component: PrivateExtendedVueComponent): XComponentBusAPI {\n  return {\n    emit: <Event extends XEvent>(\n      event: Event,\n      payload?: XEventPayload<Event>,\n      metadata: Omit<WireMetadata, 'moduleName'> = {}\n    ) => {\n      bus.emit(event, payload as any, createWireMetadata(component, metadata));\n      component.xComponent?.$emit(event, payload);\n    },\n    on: bus.on.bind(bus)\n  };\n}\n\n/**\n * Creates a wire metadata object based on the component and the provided metadata.\n *\n * @param component - The component this metadata belongs to.\n * @param metadata - Additional metadata emitted by the component.\n * @returns A {@link WireMetadata} object.\n * @internal\n */\nfunction createWireMetadata(\n  component: PrivateExtendedVueComponent,\n  metadata: Partial<WireMetadata>\n): WireMetadata {\n  return {\n    moduleName: getXComponentXModuleName(component.xComponent),\n    location: component.$location,\n    ...metadata\n  };\n}\n\n/**\n * Given a component, finds the root XComponent in the ancestors hierarchy.\n *\n * @param component - The component to find its root XComponent.\n * @returns The root XComponent or undefined if it has not.\n * @public\n */\nexport function getRootXComponent(component: Vue): XComponent | undefined {\n  let xComponent: XComponent | undefined;\n  while (component !== undefined && component !== null) {\n    if (isXComponent(component)) {\n      xComponent = component;\n    }\n    component = component.$parent;\n  }\n  return xComponent;\n}\n"],"names":[],"mappings":";;;;AAqBA;;;;;;;;;;IAUa,wBAAwB,GAAG,UACtC,GAAS,IACyD,QAAC;IACnE,MAAM,EAAE;QACN,SAAS,EAAE;YACT,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,SAAS;SACnB;KACF;IACD,OAAO,EAAP;QACE,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1C,IAAM,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC3C;CACF,KAAE;AAEH;;;;;;;;;SASgB,SAAS,CAAC,GAAS,EAAE,SAAsC;IACzE,OAAO;QACL,IAAI,EAAE,UACJ,KAAY,EACZ,OAA8B,EAC9B,QAA+C;;YAA/C,yBAAA,EAAA,aAA+C;YAE/C,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,OAAc,EAAE,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;YACzE,MAAA,SAAS,CAAC,UAAU,0CAAE,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SAC7C;QACD,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;KACrB,CAAC;AACJ,CAAC;AAED;;;;;;;;AAQA,SAAS,kBAAkB,CACzB,SAAsC,EACtC,QAA+B;IAE/B,kBACE,UAAU,EAAE,wBAAwB,CAAC,SAAS,CAAC,UAAU,CAAC,EAC1D,QAAQ,EAAE,SAAS,CAAC,SAAS,IAC1B,QAAQ,EACX;AACJ,CAAC;AAED;;;;;;;SAOgB,iBAAiB,CAAC,SAAc;IAC9C,IAAI,UAAkC,CAAC;IACvC,OAAO,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,EAAE;QACpD,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE;YAC3B,UAAU,GAAG,SAAS,CAAC;SACxB;QACD,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC;KAC/B;IACD,OAAO,UAAU,CAAC;AACpB;;;;"}

package/js/store/utils/status-store.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-store.utils.js","sources":["../../../../src/store/utils/status-store.utils.ts"],"sourcesContent":["/**\n * Status state type, containing a property to hold the status property.\n *\n * @public\n */\nexport interface StatusState {\n  /** The request status. Useful for changing the displayed component depending on whether the\n   * request has succeeded, has not been fulfilled or has failed. */\n  status: RequestStatus;\n}\n\n/**\n * Status mutations, containing a method to change the current status.\n *\n * @public\n */\nexport interface StatusMutations {\n  /**\n   * Sets the request status.\n   *\n   * @param status - The new request status.\n   */\n  setStatus(status: RequestStatus): void;\n}\n\n/**\n * The possible status of a request:\n * - Success: The request has resolved successfully.\n * - Loading: The request is in process, waiting for a response.\n * - Error: The request has failed.\n *\n * @public\n */\nexport type RequestStatus = 'success' | 'loading' | 'error';\n\n/**\n * Sets the request status. Can be used as a mutation.\n *\n * @param state - The {@link https://vuex.vuejs.org/guide/state.html | state} provided by Vuex.\n * @param status - The new request status.\n * @public\n */\nexport function setStatus(state: StatusState, status: RequestStatus): void {\n  state.status = status;\n}\n"],"names":[],"mappings":"AAmCA;;;;;;;SAOgB,SAAS,CAAC,KAAkB,EAAE,MAAqB;IACjE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACxB;;;;"}
+{"version":3,"file":"status-store.utils.js","sources":["../../../../src/store/utils/status-store.utils.ts"],"sourcesContent":["/**\n * Status state type, containing a property to hold the status property.\n *\n * @public\n */\nexport interface StatusState {\n  /** The request status. Useful for changing the displayed component depending on whether the\n   * request has succeeded, has not been fulfilled or has failed. */\n  status: RequestStatus;\n}\n\n/**\n * Status mutations, containing a method to change the current status.\n *\n * @public\n */\nexport interface StatusMutations {\n  /**\n   * Sets the request status.\n   *\n   * @param status - The new request status.\n   */\n  setStatus(status: RequestStatus): void;\n}\n\n/**\n * The possible status of a request:\n * - Success: The request has resolved successfully.\n * - Loading: The request is in process, waiting for a response.\n * - Error: The request has failed.\n *\n * @public\n */\nexport type RequestStatus = 'success' | 'loading' | 'error' | 'initial';\n\n/**\n * Sets the request status. Can be used as a mutation.\n *\n * @param state - The {@link https://vuex.vuejs.org/guide/state.html | state} provided by Vuex.\n * @param status - The new request status.\n * @public\n */\nexport function setStatus(state: StatusState, status: RequestStatus): void {\n  state.status = status;\n}\n"],"names":[],"mappings":"AAmCA;;;;;;;SAOgB,SAAS,CAAC,KAAkB,EAAE,MAAqB;IACjE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACxB;;;;"}

package/js/store/x.module.js

@@ -8,19 +8,20 @@ var RootXStoreModule = {
     state: function () { return ({
         device: null,
         empathize: null,
+        extraParams: null,
+        facets: null,
+        historyQueries: null,
+        identifierResults: null,
         nextQueries: null,
         popularSearches: null,
-        searchBox: null,
         querySuggestions: null,
-        historyQueries: null,
         recommendations: null,
         relatedTags: null,
-        identifierResults: null,
+        scroll: null,
         search: null,
-        facets: null,
+        searchBox: null,
         tagging: null,
-        url: null,
-        extraParams: null
+        url: null
     }); },
     namespaced: true
 };

package/js/store/x.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x.module.js","sources":["../../../src/store/x.module.ts"],"sourcesContent":["import { Module } from 'vuex';\nimport { RootXStoreState } from './store.types';\n\n/**\n * The type of the x module state has a property for each other sub-module assigned to `null`,\n * so we can avoid re-executing getters every time\n * the `store.registerModule` method is called.\n *\n * @internal\n */\nexport type XModuleState = { [Key in keyof RootXStoreState['x']]: null };\n\n/**\n * The main module of the X Store. All of the other {@link XModule | XModules} will be\n * registered as a sub-module of this one.\n *\n * @internal\n */\nexport const RootXStoreModule: Module<XModuleState, any> = {\n  state: () => ({\n    device: null,\n    empathize: null,\n    nextQueries: null,\n    popularSearches: null,\n    searchBox: null,\n    querySuggestions: null,\n    historyQueries: null,\n    recommendations: null,\n    relatedTags: null,\n    identifierResults: null,\n    search: null,\n    facets: null,\n    tagging: null,\n    url: null,\n    extraParams: null\n  }),\n  namespaced: true\n};\n"],"names":[],"mappings":"AAYA;;;;;;IAMa,gBAAgB,GAA8B;IACzD,KAAK,EAAE,cAAM,QAAC;QACZ,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,IAAI;QACjB,eAAe,EAAE,IAAI;QACrB,SAAS,EAAE,IAAI;QACf,gBAAgB,EAAE,IAAI;QACtB,cAAc,EAAE,IAAI;QACpB,eAAe,EAAE,IAAI;QACrB,WAAW,EAAE,IAAI;QACjB,iBAAiB,EAAE,IAAI;QACvB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,IAAI;QACT,WAAW,EAAE,IAAI;KAClB,IAAC;IACF,UAAU,EAAE,IAAI;;;;;"}
+{"version":3,"file":"x.module.js","sources":["../../../src/store/x.module.ts"],"sourcesContent":["import { Module } from 'vuex';\nimport { RootXStoreState } from './store.types';\n\n/**\n * The type of the x module state has a property for each other sub-module assigned to `null`,\n * so we can avoid re-executing getters every time\n * the `store.registerModule` method is called.\n *\n * @internal\n */\nexport type XModuleState = { [Key in keyof RootXStoreState['x']]: null };\n\n/**\n * The main module of the X Store. All of the other {@link XModule | XModules} will be\n * registered as a sub-module of this one.\n *\n * @internal\n */\nexport const RootXStoreModule: Module<XModuleState, any> = {\n  state: () => ({\n    device: null,\n    empathize: null,\n    extraParams: null,\n    facets: null,\n    historyQueries: null,\n    identifierResults: null,\n    nextQueries: null,\n    popularSearches: null,\n    querySuggestions: null,\n    recommendations: null,\n    relatedTags: null,\n    scroll: null,\n    search: null,\n    searchBox: null,\n    tagging: null,\n    url: null\n  }),\n  namespaced: true\n};\n"],"names":[],"mappings":"AAYA;;;;;;IAMa,gBAAgB,GAA8B;IACzD,KAAK,EAAE,cAAM,QAAC;QACZ,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE,IAAI;QACZ,cAAc,EAAE,IAAI;QACpB,iBAAiB,EAAE,IAAI;QACvB,WAAW,EAAE,IAAI;QACjB,eAAe,EAAE,IAAI;QACrB,gBAAgB,EAAE,IAAI;QACtB,eAAe,EAAE,IAAI;QACrB,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,IAAI;KACV,IAAC;IACF,UAAU,EAAE,IAAI;;;;;"}

package/js/utils/array.js

@@ -193,7 +193,25 @@ function deepFlat(array, childrenKey) {
         return flatArray(resultantArray, currentItem[childrenKey]);
     }
     return flatArray([], array);
+}
+/**
+ * Creates an Emitter filter function to compare two arrays and filter those that are equal.
+ *
+ * @param comparator - String with the name of the field of the arrays items to compare, or function
+ * to compare items directly.
+ * @returns The comparator function that receives two arrays to compare them.
+ *
+ * @internal
+ */
+function createEmitterArrayFilter(comparator) {
+    var comparatorFn = typeof comparator === 'function'
+        ? comparator
+        : function (newItem, oldItem) { return newItem[comparator] === oldItem[comparator]; };
+    return function (newCollection, oldCollection) {
+        return (newCollection.length !== oldCollection.length ||
+            newCollection.some(function (newItem) { return !oldCollection.find(function (oldItem) { return comparatorFn(newItem, oldItem); }); }));
+    };
 }
 
-export { arrayToObject, deepFilter, deepFlat, groupItemsBy, isArrayEmpty };
+export { arrayToObject, createEmitterArrayFilter, deepFilter, deepFlat, groupItemsBy, isArrayEmpty };
 //# sourceMappingURL=array.js.map

package/js/utils/array.js.map

@@ -1 +1 @@
-{"version":3,"file":"array.js","sources":["../../../src/utils/array.ts"],"sourcesContent":["import { PropsWithType } from './types';\n\n/**\n * Returns if the given array is `null`, `undefined`, or has no elements.\n *\n * @param array - The array to check if it is empty.\n * @returns `true` if the array is `null`, `undefined`, or has no elements. `false` otherwise.\n * @public\n */\nexport function isArrayEmpty(array: unknown[] | undefined | null): array is undefined | null | [] {\n  return array == null || array.length === 0;\n}\n\n/**\n * Reduce an array of strings to an object which properties names are the value of each string,\n * and the value under that property are also the string.\n *\n * @param array - Array of strings that will be used to create the object.\n *\n * @returns New object which properties object[key] contains object of each iteration in the\n * array.\n *\n * @example Converting an array to an object:\n *         arrayToObject(['a', 'b', 'c']) === \\{a: 'a', b: 'b', c: 'c'\\}\n *\n * @public\n */\nexport function arrayToObject(array: string[]): Record<string, string>;\n/**\n * Reduce an array of objects to an object which properties names are the value of each object[key],\n * and the value under that property are each object. 'key' is the the parameter passed to this\n * function.\n *\n * @param array - Array of objects that contains objects which have object[key] string as a property\n * value.\n * @param key - Key used to access to each object[key] value, used for each property name in the new\n * object.\n *\n * @returns New object which properties object[key] contains object of each iteration in the array.\n *\n * @public\n */\nexport function arrayToObject<ArrayType, KeyType extends string | number>(\n  array: ArrayType[],\n  key: PropsWithType<ArrayType, KeyType>\n): Record<string, ArrayType>;\n/**\n * Reduce an array to an object. The type of the object returned depends on the type of the params.\n * If the 'key' is passed then the function returns an object which properties names are the value\n * of each object[key] and the value under that property are each object.\n * If the 'key' is not passed then the function returns an object which properties names are each\n * array item, and the value is also the array item.\n *\n * @param array - Array from which to create an object.\n * @param key - Key used to access to each object[key] value, used for each property name in the\n * new object.\n *\n * @returns New object which properties object[key] contains each item in the array and the key is\n * either the item of the array or a property of each item designated by 'key' param.\n *\n * @public\n */\nexport function arrayToObject<ArrayType, KeyType extends string | number>(\n  array: ArrayType[],\n  key?: PropsWithType<ArrayType, KeyType>\n): Record<string, ArrayType> {\n  return array.reduce<Record<string, ArrayType>>((accumulator, current) => {\n    if (key) {\n      accumulator[current[key] as unknown as string] = current;\n    } else if (typeof current === 'string') {\n      accumulator[current] = current;\n    }\n    return accumulator;\n  }, {});\n}\n\n/**\n * Groups the array items based on the provided `groupBy` function.\n *\n * @param array - The array to iterate, grouping its items in different arrays based on the\n * `groupBy` function.\n * @param groupBy - A function to determine the group name of a single item.\n * @returns The items grouped in a dictionary.\n *\n * @public\n */\nexport function groupItemsBy<ArrayType, ReturnType extends string | number>(\n  array: ArrayType[],\n  groupBy: (item: ArrayType, index: number) => ReturnType\n): Record<ReturnType, ArrayType[]> {\n  return array.reduce<Record<ReturnType, ArrayType[]>>((accumulator, current, index) => {\n    const keyValue = groupBy(current, index);\n    if (!accumulator[keyValue]) {\n      accumulator[keyValue] = [];\n    }\n    accumulator[keyValue].push(current);\n    return accumulator;\n  }, {} as Record<ReturnType, ArrayType[]>);\n}\n\n/**\n * Filters an array with all elements that pass the test implemented by the provided filter\n * function. It also does it recursively if the property accessed, whose name is the parameter\n * childrenKey, to the current iteration in an array.\n *\n * @param array - Array to be filtered.\n * @param filter - Predicate function to test each element of the array. It should return true\n * to keep the element; or false otherwise.\n * @param childrenKey - Property name within the array used to perform a recursive call.\n *\n * @example\n * Input - Output example\n *\n * ```\n * const hierarchicalFilters: Filter[] = [\n *   {\n *     id: 'filter1'\n *     selected: true,\n *     children: [\n *       {\n *         id: 'filter1-1'\n *         selected: true,\n *         children: []\n *       },\n *       {\n *         id: 'filter1-2'\n *         selected: false,\n *         children: []\n *       }\n *     ]\n *   },\n *   {\n *     id: 'filter2',\n *     selected: false,\n *     children: [\n *      {\n *        id: 'filter2-1',\n *        selected: true // not should happen\n *      }\n *     ]\n *   }\n * ]\n *\n *  const filteredArray: Filter[] = deepFilterArray(\n *    hierarchicalFilters,\n *    filter => filter.selected,\n *    'children'\n *  )\n *\n *  /*\n *    filteredArray = [\n *      {\n *        id: 'filter1'\n *        selected: true,\n *        children: [\n *          {\n *            id: 'filter1-1'\n *            selected: true,\n *            children: []\n *          },\n *          {\n *            id: 'filter1-2'\n *            selected: false,\n *            children: []\n *          }\n *        ]\n *      },\n *      {\n *        id: 'filter1-1'\n *        selected: true,\n *        children: []\n *      }\n *    ]\n * ```\n *\n * @returns A new array with the elements that pass the test, or an empty array if no one\n * pass the test.\n *\n * @public\n */\nexport function deepFilter<ArrayType, Key extends PropsWithType<ArrayType, ArrayType[]>>(\n  array: ArrayType[],\n  filter: (item: ArrayType) => boolean,\n  childrenKey: Key\n): ArrayType[] {\n  const filterArray = function (\n    currentArray: ArrayType[],\n    initialArray: ArrayType[] = []\n  ): ArrayType[] {\n    return currentArray.reduce((result, currentItem) => {\n      if (filter(currentItem)) {\n        result.push(currentItem);\n        filterArray(currentItem[childrenKey], result);\n      }\n\n      return result;\n    }, initialArray);\n  };\n\n  return filterArray(array);\n}\n\n/**\n * Flat an ArrayType[] recursively using the childrenKey passed as parameter to access to his nested\n * child which is also ArrayType[].\n *\n * @param array - ArrayType[] which each ArrayType has a property childrenKey which value is also\n * an ArrayType[].\n * @param childrenKey - Key used to access to each ArrayType[childrenKey] value which is also\n * an ArrayType[].\n *\n * @returns ArrayType[] with all the nested ArrayType, including the nested ones, at the same depth\n * level.\n *\n * @public\n */\nexport function deepFlat<ArrayType, Key extends PropsWithType<ArrayType, ArrayType[] | undefined>>(\n  array: ArrayType[],\n  childrenKey: Key\n): ArrayType[] {\n  /**\n   * Flats an array recursively. In each iteration:\n   * - If the currentItem is an array, flatArray is used to reduce it. So, the order of the\n   * flatArray arguments defined is important. This happens when the function is called passing an\n   * array as the second parameter.\n   * - If not, the item is pushed to the resultantArray.\n   * - Finally, flatArray function is called again with the currentItem children and the process\n   * starts again.\n   *\n   * It's the main function of the parent. See the description above\n   * for further information.\n   *\n   * @param resultantArray - Flattened array.\n   * @param currentItem - ArrayType object.\n   *\n   * @returns Flattened ArrayType[].\n   *\n   * @internal\n   */\n  function flatArray(\n    resultantArray: ArrayType[],\n    currentItem: ArrayType | ArrayType[]\n  ): ArrayType[] {\n    if (!currentItem) {\n      return resultantArray;\n    }\n\n    if (Array.isArray(currentItem)) {\n      return currentItem.reduce(flatArray, resultantArray);\n    }\n    resultantArray.push(currentItem);\n    return flatArray(resultantArray, currentItem[childrenKey]);\n  }\n\n  return flatArray([], array);\n}\n"],"names":[],"mappings":"AAEA;;;;;;;SAOgB,YAAY,CAAC,KAAmC;IAC9D,OAAO,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AAC7C,CAAC;AAmCD;;;;;;;;;;;;;;;;SAgBgB,aAAa,CAC3B,KAAkB,EAClB,GAAuC;IAEvC,OAAO,KAAK,CAAC,MAAM,CAA4B,UAAC,WAAW,EAAE,OAAO;QAClE,IAAI,GAAG,EAAE;YACP,WAAW,CAAC,OAAO,CAAC,GAAG,CAAsB,CAAC,GAAG,OAAO,CAAC;SAC1D;aAAM,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;YACtC,WAAW,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;SAChC;QACD,OAAO,WAAW,CAAC;KACpB,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AAED;;;;;;;;;;SAUgB,YAAY,CAC1B,KAAkB,EAClB,OAAuD;IAEvD,OAAO,KAAK,CAAC,MAAM,CAAkC,UAAC,WAAW,EAAE,OAAO,EAAE,KAAK;QAC/E,IAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACzC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE;YAC1B,WAAW,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;SAC5B;QACD,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpC,OAAO,WAAW,CAAC;KACpB,EAAE,EAAqC,CAAC,CAAC;AAC5C,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgFgB,UAAU,CACxB,KAAkB,EAClB,MAAoC,EACpC,WAAgB;IAEhB,IAAM,WAAW,GAAG,UAClB,YAAyB,EACzB,YAA8B;QAA9B,6BAAA,EAAA,iBAA8B;QAE9B,OAAO,YAAY,CAAC,MAAM,CAAC,UAAC,MAAM,EAAE,WAAW;YAC7C,IAAI,MAAM,CAAC,WAAW,CAAC,EAAE;gBACvB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACzB,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC;aAC/C;YAED,OAAO,MAAM,CAAC;SACf,EAAE,YAAY,CAAC,CAAC;KAClB,CAAC;IAEF,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,CAAC;AAED;;;;;;;;;;;;;;SAcgB,QAAQ,CACtB,KAAkB,EAClB,WAAgB;;;;;;;;;;;;;;;;;;;;IAqBhB,SAAS,SAAS,CAChB,cAA2B,EAC3B,WAAoC;QAEpC,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,cAAc,CAAC;SACvB;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;YAC9B,OAAO,WAAW,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;SACtD;QACD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACjC,OAAO,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;KAC5D;IAED,OAAO,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;AAC9B;;;;"}
+{"version":3,"file":"array.js","sources":["../../../src/utils/array.ts"],"sourcesContent":["import { PropsWithType } from './types';\n\n/**\n * Returns if the given array is `null`, `undefined`, or has no elements.\n *\n * @param array - The array to check if it is empty.\n * @returns `true` if the array is `null`, `undefined`, or has no elements. `false` otherwise.\n * @public\n */\nexport function isArrayEmpty(array: unknown[] | undefined | null): array is undefined | null | [] {\n  return array == null || array.length === 0;\n}\n\n/**\n * Reduce an array of strings to an object which properties names are the value of each string,\n * and the value under that property are also the string.\n *\n * @param array - Array of strings that will be used to create the object.\n *\n * @returns New object which properties object[key] contains object of each iteration in the\n * array.\n *\n * @example Converting an array to an object:\n *         arrayToObject(['a', 'b', 'c']) === \\{a: 'a', b: 'b', c: 'c'\\}\n *\n * @public\n */\nexport function arrayToObject(array: string[]): Record<string, string>;\n/**\n * Reduce an array of objects to an object which properties names are the value of each object[key],\n * and the value under that property are each object. 'key' is the the parameter passed to this\n * function.\n *\n * @param array - Array of objects that contains objects which have object[key] string as a property\n * value.\n * @param key - Key used to access to each object[key] value, used for each property name in the new\n * object.\n *\n * @returns New object which properties object[key] contains object of each iteration in the array.\n *\n * @public\n */\nexport function arrayToObject<ArrayType, KeyType extends string | number>(\n  array: ArrayType[],\n  key: PropsWithType<ArrayType, KeyType>\n): Record<string, ArrayType>;\n/**\n * Reduce an array to an object. The type of the object returned depends on the type of the params.\n * If the 'key' is passed then the function returns an object which properties names are the value\n * of each object[key] and the value under that property are each object.\n * If the 'key' is not passed then the function returns an object which properties names are each\n * array item, and the value is also the array item.\n *\n * @param array - Array from which to create an object.\n * @param key - Key used to access to each object[key] value, used for each property name in the\n * new object.\n *\n * @returns New object which properties object[key] contains each item in the array and the key is\n * either the item of the array or a property of each item designated by 'key' param.\n *\n * @public\n */\nexport function arrayToObject<ArrayType, KeyType extends string | number>(\n  array: ArrayType[],\n  key?: PropsWithType<ArrayType, KeyType>\n): Record<string, ArrayType> {\n  return array.reduce<Record<string, ArrayType>>((accumulator, current) => {\n    if (key) {\n      accumulator[current[key] as unknown as string] = current;\n    } else if (typeof current === 'string') {\n      accumulator[current] = current;\n    }\n    return accumulator;\n  }, {});\n}\n\n/**\n * Groups the array items based on the provided `groupBy` function.\n *\n * @param array - The array to iterate, grouping its items in different arrays based on the\n * `groupBy` function.\n * @param groupBy - A function to determine the group name of a single item.\n * @returns The items grouped in a dictionary.\n *\n * @public\n */\nexport function groupItemsBy<ArrayType, ReturnType extends string | number>(\n  array: ArrayType[],\n  groupBy: (item: ArrayType, index: number) => ReturnType\n): Record<ReturnType, ArrayType[]> {\n  return array.reduce<Record<ReturnType, ArrayType[]>>((accumulator, current, index) => {\n    const keyValue = groupBy(current, index);\n    if (!accumulator[keyValue]) {\n      accumulator[keyValue] = [];\n    }\n    accumulator[keyValue].push(current);\n    return accumulator;\n  }, {} as Record<ReturnType, ArrayType[]>);\n}\n\n/**\n * Filters an array with all elements that pass the test implemented by the provided filter\n * function. It also does it recursively if the property accessed, whose name is the parameter\n * childrenKey, to the current iteration in an array.\n *\n * @param array - Array to be filtered.\n * @param filter - Predicate function to test each element of the array. It should return true\n * to keep the element; or false otherwise.\n * @param childrenKey - Property name within the array used to perform a recursive call.\n *\n * @example\n * Input - Output example\n *\n * ```\n * const hierarchicalFilters: Filter[] = [\n *   {\n *     id: 'filter1'\n *     selected: true,\n *     children: [\n *       {\n *         id: 'filter1-1'\n *         selected: true,\n *         children: []\n *       },\n *       {\n *         id: 'filter1-2'\n *         selected: false,\n *         children: []\n *       }\n *     ]\n *   },\n *   {\n *     id: 'filter2',\n *     selected: false,\n *     children: [\n *      {\n *        id: 'filter2-1',\n *        selected: true // not should happen\n *      }\n *     ]\n *   }\n * ]\n *\n *  const filteredArray: Filter[] = deepFilterArray(\n *    hierarchicalFilters,\n *    filter => filter.selected,\n *    'children'\n *  )\n *\n *  /*\n *    filteredArray = [\n *      {\n *        id: 'filter1'\n *        selected: true,\n *        children: [\n *          {\n *            id: 'filter1-1'\n *            selected: true,\n *            children: []\n *          },\n *          {\n *            id: 'filter1-2'\n *            selected: false,\n *            children: []\n *          }\n *        ]\n *      },\n *      {\n *        id: 'filter1-1'\n *        selected: true,\n *        children: []\n *      }\n *    ]\n * ```\n *\n * @returns A new array with the elements that pass the test, or an empty array if no one\n * pass the test.\n *\n * @public\n */\nexport function deepFilter<ArrayType, Key extends PropsWithType<ArrayType, ArrayType[]>>(\n  array: ArrayType[],\n  filter: (item: ArrayType) => boolean,\n  childrenKey: Key\n): ArrayType[] {\n  const filterArray = function (\n    currentArray: ArrayType[],\n    initialArray: ArrayType[] = []\n  ): ArrayType[] {\n    return currentArray.reduce((result, currentItem) => {\n      if (filter(currentItem)) {\n        result.push(currentItem);\n        filterArray(currentItem[childrenKey], result);\n      }\n\n      return result;\n    }, initialArray);\n  };\n\n  return filterArray(array);\n}\n\n/**\n * Flat an ArrayType[] recursively using the childrenKey passed as parameter to access to his nested\n * child which is also ArrayType[].\n *\n * @param array - ArrayType[] which each ArrayType has a property childrenKey which value is also\n * an ArrayType[].\n * @param childrenKey - Key used to access to each ArrayType[childrenKey] value which is also\n * an ArrayType[].\n *\n * @returns ArrayType[] with all the nested ArrayType, including the nested ones, at the same depth\n * level.\n *\n * @public\n */\nexport function deepFlat<ArrayType, Key extends PropsWithType<ArrayType, ArrayType[] | undefined>>(\n  array: ArrayType[],\n  childrenKey: Key\n): ArrayType[] {\n  /**\n   * Flats an array recursively. In each iteration:\n   * - If the currentItem is an array, flatArray is used to reduce it. So, the order of the\n   * flatArray arguments defined is important. This happens when the function is called passing an\n   * array as the second parameter.\n   * - If not, the item is pushed to the resultantArray.\n   * - Finally, flatArray function is called again with the currentItem children and the process\n   * starts again.\n   *\n   * It's the main function of the parent. See the description above\n   * for further information.\n   *\n   * @param resultantArray - Flattened array.\n   * @param currentItem - ArrayType object.\n   *\n   * @returns Flattened ArrayType[].\n   *\n   * @internal\n   */\n  function flatArray(\n    resultantArray: ArrayType[],\n    currentItem: ArrayType | ArrayType[]\n  ): ArrayType[] {\n    if (!currentItem) {\n      return resultantArray;\n    }\n\n    if (Array.isArray(currentItem)) {\n      return currentItem.reduce(flatArray, resultantArray);\n    }\n    resultantArray.push(currentItem);\n    return flatArray(resultantArray, currentItem[childrenKey]);\n  }\n\n  return flatArray([], array);\n}\n\n/**\n * Creates an Emitter filter function to compare two arrays and filter those that are equal.\n *\n * @param comparator - String with the name of the field of the arrays items to compare, or function\n * to compare items directly.\n * @returns The comparator function that receives two arrays to compare them.\n *\n * @internal\n */\nexport function createEmitterArrayFilter<T>(\n  comparator: keyof T | ((item1: T, item2: T) => boolean)\n): (newCollection: Array<T>, oldCollection: Array<T>) => boolean {\n  const comparatorFn =\n    typeof comparator === 'function'\n      ? comparator\n      : (newItem: T, oldItem: T) => newItem[comparator] === oldItem[comparator];\n  return function (newCollection: Array<T>, oldCollection: Array<T>): boolean {\n    return (\n      newCollection.length !== oldCollection.length ||\n      newCollection.some(newItem => !oldCollection.find(oldItem => comparatorFn(newItem, oldItem)))\n    );\n  };\n}\n"],"names":[],"mappings":"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"}

package/js/utils/origin.js

@@ -0,0 +1,20 @@
+/**
+ * Creates a {@link QueryOrigin} or a {@link ResultOrigin} string given a {@link QueryFeature} and
+ * a {@link FeatureLocation}.
+ * If it can't be created, it returns `undefined`.
+ *
+ * @param originInit - An object containing the needed properties to create a {@link QueryOrigin} or
+ * a {@link ResultOrigin}.
+ * @returns The composed origin, or `null` if it is not able to create the origin.
+ * @internal
+ */
+function createOrigin(_a) {
+    var feature = _a.feature, location = _a.location;
+    if (location && feature) {
+        return feature + ":" + location;
+    }
+    return null;
+}
+
+export { createOrigin };
+//# sourceMappingURL=origin.js.map

package/js/utils/origin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"origin.js","sources":["../../../src/utils/origin.ts"],"sourcesContent":["import { QueryOrigin, QueryOriginInit, ResultOrigin } from '../types/origin';\n\n/**\n * Creates a {@link QueryOrigin} or a {@link ResultOrigin} string given a {@link QueryFeature} and\n * a {@link FeatureLocation}.\n * If it can't be created, it returns `undefined`.\n *\n * @param originInit - An object containing the needed properties to create a {@link QueryOrigin} or\n * a {@link ResultOrigin}.\n * @returns The composed origin, or `null` if it is not able to create the origin.\n * @internal\n */\nexport function createOrigin({\n  feature,\n  location\n}: QueryOriginInit): QueryOrigin | ResultOrigin | null {\n  if (location && feature) {\n    return `${feature}:${location}`;\n  }\n  return null;\n}\n"],"names":[],"mappings":"AAEA;;;;;;;;;;SAUgB,YAAY,CAAC,EAGX;QAFhB,OAAO,aAAA,EACP,QAAQ,cAAA;IAER,IAAI,QAAQ,IAAI,OAAO,EAAE;QACvB,OAAU,OAAO,SAAI,QAAU,CAAC;KACjC;IACD,OAAO,IAAI,CAAC;AACd;;;;"}

package/js/x-installer/x-installer/x-installer.js

@@ -1,4 +1,4 @@
-import { __awaiter, __generator, __rest, __assign } from 'tslib';
+import { __awaiter, __generator, __assign } from 'tslib';
 import Vue from 'vue';
 import { cleanUndefined } from '../../utils/object.js';
 import { deepMerge } from '@empathyco/x-deep-merge';
@@ -162,11 +162,14 @@ var XInstaller = /** @class */ (function () {
      * @internal
      */
     XInstaller.prototype.getAdapterConfig = function (_a) {
-        var instance = _a.instance, env = _a.env, lang = _a.lang, searchLang = _a.searchLang, scope = _a.scope, consent = _a.consent, currency = _a.currency, documentDirection = _a.documentDirection, extraParams = __rest(_a, ["instance", "env", "lang", "searchLang", "scope", "consent", "currency", "documentDirection"]);
+        var instance = _a.instance, env = _a.env, lang = _a.lang, searchLang = _a.searchLang, scope = _a.scope;
         return deepMerge(defaultAdapterConfig, cleanUndefined({
             instance: instance,
             env: env,
-            requestParams: __assign({ lang: searchLang !== null && searchLang !== void 0 ? searchLang : lang, scope: scope }, extraParams)
+            requestParams: {
+                lang: searchLang !== null && searchLang !== void 0 ? searchLang : lang,
+                scope: scope
+            }
         }));
     };
     /**
@@ -273,7 +276,7 @@ var XInstaller = /** @class */ (function () {
         var _this = this;
         if (this.options.app !== undefined) {
             var vue = this.getVue();
-            vue.observable(snippetConfig);
+            snippetConfig = vue.observable(snippetConfig);
             return new vue(__assign(__assign(__assign({}, extraPlugins), this.options.vueOptions), { provide: function () {
                     return {
                         snippetConfig: snippetConfig

package/js/x-installer/x-installer/x-installer.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-installer.js","sources":["../../../../src/x-installer/x-installer/x-installer.ts"],"sourcesContent":["import { EmpathyAdapterConfig } from '@empathyco/x-adapter';\nimport { deepMerge } from '@empathyco/x-deep-merge';\nimport Vue, { PluginObject, VueConstructor } from 'vue';\nimport { BaseXBus } from '../../plugins/x-bus';\nimport { XBus } from '../../plugins/x-bus.types';\nimport { XPlugin } from '../../plugins/x-plugin';\nimport { XPluginOptions } from '../../plugins/x-plugin.types';\nimport { cleanUndefined } from '../../utils/object';\nimport { DeepPartial } from '../../utils/types';\nimport { SnippetConfig, XAPI } from '../api/api.types';\nimport { BaseXAPI } from '../api/base-api';\nimport { InstallXOptions, VueConstructorPartialArgument } from './types';\n\ndeclare global {\n  interface Window {\n    X?: XAPI;\n  }\n}\n\nconst defaultAdapterConfig: DeepPartial<EmpathyAdapterConfig> = {\n  env: 'live',\n  requestParams: {\n    lang: 'es',\n    scope: 'default'\n  }\n};\n\n/**\n * The purpose of this class is to offer a quick way to initialize the XComponents in a setup\n * project. It allows to receive all the options in {@link InstallXOptions} which is an extension\n * of {@link XPluginOptions} with all the options for the plugin and some options more.\n *\n * This class does multiple things:\n * 1. Install the {@link XPlugin} with the {@link XPluginOptions}.\n * 2. Creates the public {@link XAPI} and add it to global window.\n * 3. Creates the Vue Application for the customer project.\n *\n * The steps 2 & 3 are optional and depends on the options passed in {@link InstallXOptions}.\n *\n * @example The way to use this class is the next:\n *    1. Create the installer passing in the {@link InstallXOptions}. This only save the options:\n *\n * ```\n *        const installer = new XInstaller(installXOptions)\n * ```\n *\n *    2. Initialize passing the {@link SnippetConfig}. This installs the plugin and creates the App.\n *       There are 3 different ways to do this:\n *\n *        2.1 Using the created installer:\n *\n * ```\n *            installer.init(snipetConfig)\n * ```\n *\n *        2.2 If the API option is enabled (`createAPI` is `true` in {@link InstallXOptions}, or\n *            is not present as the default vlaue is `true`) then this init step can be done with\n *            the Public API:\n *\n * ```\n *            window.X.init(snippetConfig)\n * ```\n *\n *        2.3 When the script of the project build is loaded it searches for a global `initX`\n *            variable that the customer must have in their web site. This variable can be a\n *            function that returns the {@link SnippetConfig} or an object that contains the\n *            {@link SnippetConfig} itself:\n *\n * ```\n *            window.initX = function() {\n *                 return {\n *                   instance,\n *                   env,\n *                   scope,\n *                   lang,\n *                   searchLang,\n *                   currency,\n *                   consent,\n *                   documentDirection\n *                 };\n *              };\n * ```\n *\n * ```\n *            window.initX = {\n *                 instance,\n *                 env,\n *                 scope,\n *                 lang,\n *                 searchLang,\n *                 currency,\n *                 consent,\n *                 documentDirection\n *               };\n * ```\n *\n * @public\n */\nexport class XInstaller {\n  private api?: XAPI;\n\n  /**\n   * Receives the {@link InstallXOptions} and merges it with the default fallback options. Also\n   * creates the public {@link XAPI}.\n   *\n   * @param options - The {@link InstallXOptions}.\n   *\n   * @public\n   */\n  public constructor(protected readonly options: InstallXOptions) {\n    this.createAPI();\n  }\n\n  /**\n   * Creates the public {@link XAPI} using the `api` option from {@link InstallXOptions}. If this\n   * `api` option is not passed, then a default {@link BaseXAPI} is created. To disable the API\n   * creation the value `false` must be passed in the `api` option.\n   *\n   * @internal\n   */\n  protected createAPI(): void {\n    const { api } = this.options;\n    if (api !== false) {\n      this.api = api ?? new BaseXAPI();\n      this.api.setInitCallback(this.init.bind(this));\n      window.X = this.api;\n    }\n  }\n\n  /**\n   * Receives the {@link SnippetConfig | snippet config}, installs the plugin and initializes\n   * the Vue application.\n   *\n   * @param snippetConfig - The {@link SnippetConfig} that receives from snippet\n   * integration.\n   *\n   * @returns Object with the {@link XAPI}, the {@link XBus}, the {@link XPlugin} and the Vue App\n   * used in the application.\n   *\n   * @public\n   */\n  async init(snippetConfig: SnippetConfig): Promise<{\n    app: Vue | undefined;\n    api: XAPI | undefined;\n    bus: XBus;\n    plugin: PluginObject<XPluginOptions>;\n  }> {\n    const adapterConfig = this.getAdapterConfig(snippetConfig);\n    this.applyConfigToAdapter(adapterConfig);\n    const bus = this.createBus();\n    const pluginOptions = this.getPluginOptions();\n    const plugin = this.installPlugin(pluginOptions, bus);\n    const extraPlugins = await this.installExtraPlugins(snippetConfig, bus);\n    const app = this.createApp(extraPlugins, snippetConfig);\n    this.api?.setBus(bus);\n\n    return {\n      api: this.api,\n      app,\n      bus,\n      plugin\n    };\n  }\n\n  /**\n   * Creates the Adapter Config object using the {@link SnippetConfig} to do it. It also\n   * merges the default configuration.\n   *\n   * @param options - The {@link SnippetConfig}.\n   *\n   * @returns The Adapter Config object.\n   *\n   * @internal\n   */\n  protected getAdapterConfig({\n    instance,\n    env,\n    lang,\n    searchLang,\n    scope,\n    consent,\n    currency,\n    documentDirection,\n    ...extraParams\n  }: SnippetConfig): unknown {\n    return deepMerge(\n      defaultAdapterConfig,\n      cleanUndefined<DeepPartial<EmpathyAdapterConfig>>({\n        instance,\n        env,\n        requestParams: {\n          lang: searchLang ?? lang,\n          scope,\n          ...extraParams\n        }\n      })\n    );\n  }\n\n  /**\n   * Creates the {@link XPluginOptions} object.\n   *\n   * @returns The {@link XPluginOptions} object.\n   *\n   * @internal\n   */\n  protected getPluginOptions(): XPluginOptions {\n    const { adapter, store, initialXModules, xModules, __PRIVATE__xModules } = this.options;\n    return {\n      adapter,\n      store,\n      xModules,\n      initialXModules,\n      __PRIVATE__xModules\n    };\n  }\n\n  /**\n   * It applies the snippet configuration to the Adapter. Not all the parameters are for the Adapter\n   * but they appear destructured to not include them in the `extraParams` parameter.\n   *\n   * @param adapterConfig - The Adapter config object.\n   *\n   * @internal\n   */\n  protected applyConfigToAdapter(adapterConfig: any): void {\n    this.options.adapter.setConfig?.(adapterConfig);\n  }\n\n  /**\n   * This method returns the bus instance to be used in the {@link XPlugin} and in the {@link XAPI}.\n   * It returns the `bus` parameter in the {@link InstallXOptions} or if not provided, then\n   * creates a new instance of {@link BaseXBus}.\n   *\n   * @returns XBus - The bus instance.\n   *\n   * @internal\n   */\n  protected createBus(): XBus {\n    return this.options.bus ?? new BaseXBus();\n  }\n\n  /**\n   * This method returns the VueConstructor to use to create the App instance.\n   * It returns the `vue` parameter in the {@link InstallXOptions} or if not provided, then\n   * returns the default Vue.\n   *\n   * @remarks The purpose of this option is mainly the testing. In a test we can use this option\n   * to pass the local vue instance created by `createLocalVue` method.\n   *\n   * @returns VueConstructor - The vue constructor to create the App instance.\n   *\n   * @internal\n   */\n  protected getVue(): VueConstructor {\n    return this.options.vue ?? Vue;\n  }\n\n  /**\n   * Creates and install the Vue Plugin. If `plugin` parameter is passed in the\n   * {@link InstallXOptions}, then it is used. If not, then a new instance of {@link XPlugin} is\n   * created and installed.\n   *\n   * @param pluginOptions - The {@link XPluginOptions} to passed as parameter to the install method\n   * of the plugin.\n   * @param bus - The {@link XBus} to be used to create the XPlugin.\n   *\n   * @returns PluginObject<XPluginOption> - The plugin instance.\n   * @internal\n   */\n  protected installPlugin(pluginOptions: XPluginOptions, bus: XBus): PluginObject<XPluginOptions> {\n    const plugin = this.options.plugin ?? new XPlugin(bus);\n    const vue = this.getVue();\n    vue.use(plugin, pluginOptions);\n    return plugin;\n  }\n\n  /**\n   * Install more plugins to Vue defined by the user.\n   *\n   * @param snippet - The snippet configuration.\n   * @param bus - The events bus used in the application.\n   * @returns The arguments from the plugins installation to be used in Vue's constructor.\n   * @internal\n   */\n  protected installExtraPlugins(\n    snippet: SnippetConfig,\n    bus: XBus\n  ): Promise<VueConstructorPartialArgument> {\n    const vue = this.getVue();\n    return Promise.resolve(this.options.installExtraPlugins?.({ vue, snippet, bus }));\n  }\n\n  /**\n   * In the case that the `app` parameter is present in the {@link InstallXOptions}, then a new Vue\n   * application is created using that app.\n   *\n   * @param extraPlugins - Vue plugins initialisation data.\n   * @param snippetConfig - Configuration from the client snippet.\n   * @returns The Created Vue application or undefined if not created.\n   *\n   * @internal\n   */\n  protected createApp(\n    extraPlugins: VueConstructorPartialArgument,\n    snippetConfig: SnippetConfig\n  ): Vue | undefined {\n    if (this.options.app !== undefined) {\n      const vue = this.getVue();\n      vue.observable(snippetConfig);\n      return new vue({\n        ...extraPlugins,\n        ...this.options.vueOptions,\n        provide() {\n          return {\n            snippetConfig\n          };\n        },\n        store: this.options.store,\n        el: this.getMountingTarget(this.options.domElement),\n        render: h => h(this.options.app)\n      });\n    }\n  }\n\n  /**\n   * It returns the HTML element to mount the Vue Application. If the `domElement` parameter in the\n   * {@link InstallXOptions} is an Element or a string, then it is used. If it is\n   * not present then a new <div> Element is created and append to the body to be used.\n   *\n   * @param elementOrSelector - String or Element used to mount the Vue App.\n   *\n   * @returns The Element to use as mounting point for the Vue App.\n   * @internal\n   */\n  protected getMountingTarget(elementOrSelector?: string | Element): Element {\n    if (typeof elementOrSelector === 'string') {\n      const target = document.querySelector(elementOrSelector);\n      if (!target) {\n        throw Error(\n          `XComponents app couldn't be mounted: Element \"${elementOrSelector}\" couldn't be found`\n        );\n      }\n      return target;\n    } else if (elementOrSelector !== undefined) {\n      return elementOrSelector;\n    } else {\n      return document.body.appendChild(document.createElement('div'));\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAmBA,IAAM,oBAAoB,GAAsC;IAC9D,GAAG,EAAE,MAAM;IACX,aAAa,EAAE;QACb,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkFE,oBAAsC,OAAwB;QAAxB,YAAO,GAAP,OAAO,CAAiB;QAC5D,IAAI,CAAC,SAAS,EAAE,CAAC;KAClB;;;;;;;;IASS,8BAAS,GAAnB;QACU,IAAA,GAAG,GAAK,IAAI,CAAC,OAAO,IAAjB,CAAkB;QAC7B,IAAI,GAAG,KAAK,KAAK,EAAE;YACjB,IAAI,CAAC,GAAG,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,IAAI,QAAQ,EAAE,CAAC;YACjC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC/C,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;SACrB;KACF;;;;;;;;;;;;;IAcK,yBAAI,GAAV,UAAW,aAA4B;;;;;;;wBAM/B,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;wBAC3D,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;wBACnC,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;wBACvB,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;wBACxC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;wBACjC,qBAAM,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,GAAG,CAAC,EAAA;;wBAAjE,YAAY,GAAG,SAAkD;wBACjE,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;wBACxD,MAAA,IAAI,CAAC,GAAG,0CAAE,MAAM,CAAC,GAAG,CAAC,CAAC;wBAEtB,sBAAO;gCACL,GAAG,EAAE,IAAI,CAAC,GAAG;gCACb,GAAG,KAAA;gCACH,GAAG,KAAA;gCACH,MAAM,QAAA;6BACP,EAAC;;;;KACH;;;;;;;;;;;IAYS,qCAAgB,GAA1B,UAA2B,EAUX;QATd,IAAA,QAAQ,cAAA,EACR,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACd,WAAW,cATW,8FAU1B,CADe;QAEd,OAAO,SAAS,CACd,oBAAoB,EACpB,cAAc,CAAoC;YAChD,QAAQ,UAAA;YACR,GAAG,KAAA;YACH,aAAa,aACX,IAAI,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,EACxB,KAAK,OAAA,IACF,WAAW,CACf;SACF,CAAC,CACH,CAAC;KACH;;;;;;;;IASS,qCAAgB,GAA1B;QACQ,IAAA,KAAqE,IAAI,CAAC,OAAO,EAA/E,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,mBAAmB,yBAAiB,CAAC;QACxF,OAAO;YACL,OAAO,SAAA;YACP,KAAK,OAAA;YACL,QAAQ,UAAA;YACR,eAAe,iBAAA;YACf,mBAAmB,qBAAA;SACpB,CAAC;KACH;;;;;;;;;IAUS,yCAAoB,GAA9B,UAA+B,aAAkB;;QAC/C,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAC,SAAS,mDAAG,aAAa,CAAC,CAAC;KACjD;;;;;;;;;;IAWS,8BAAS,GAAnB;;QACE,OAAO,MAAA,IAAI,CAAC,OAAO,CAAC,GAAG,mCAAI,IAAI,QAAQ,EAAE,CAAC;KAC3C;;;;;;;;;;;;;IAcS,2BAAM,GAAhB;;QACE,OAAO,MAAA,IAAI,CAAC,OAAO,CAAC,GAAG,mCAAI,GAAG,CAAC;KAChC;;;;;;;;;;;;;IAcS,kCAAa,GAAvB,UAAwB,aAA6B,EAAE,GAAS;;QAC9D,IAAM,MAAM,GAAG,MAAA,IAAI,CAAC,OAAO,CAAC,MAAM,mCAAI,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;QACvD,IAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC1B,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QAC/B,OAAO,MAAM,CAAC;KACf;;;;;;;;;IAUS,wCAAmB,GAA7B,UACE,OAAsB,EACtB,GAAS;;QAET,IAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC1B,OAAO,OAAO,CAAC,OAAO,CAAC,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,mBAAmB,mDAAG,EAAE,GAAG,KAAA,EAAE,OAAO,SAAA,EAAE,GAAG,KAAA,EAAE,CAAC,CAAC,CAAC;KACnF;;;;;;;;;;;IAYS,8BAAS,GAAnB,UACE,YAA2C,EAC3C,aAA4B;QAF9B,iBAoBC;QAhBC,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,KAAK,SAAS,EAAE;YAClC,IAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC1B,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YAC9B,OAAO,IAAI,GAAG,gCACT,YAAY,GACZ,IAAI,CAAC,OAAO,CAAC,UAAU,KAC1B,OAAO;oBACL,OAAO;wBACL,aAAa,eAAA;qBACd,CAAC;iBACH,EACD,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,EACzB,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EACnD,MAAM,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAA,IAChC,CAAC;SACJ;KACF;;;;;;;;;;;IAYS,sCAAiB,GAA3B,UAA4B,iBAAoC;QAC9D,IAAI,OAAO,iBAAiB,KAAK,QAAQ,EAAE;YACzC,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;YACzD,IAAI,CAAC,MAAM,EAAE;gBACX,MAAM,KAAK,CACT,oDAAiD,iBAAiB,yBAAqB,CACxF,CAAC;aACH;YACD,OAAO,MAAM,CAAC;SACf;aAAM,IAAI,iBAAiB,KAAK,SAAS,EAAE;YAC1C,OAAO,iBAAiB,CAAC;SAC1B;aAAM;YACL,OAAO,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;SACjE;KACF;IACH,iBAAC;AAAD,CAAC;;;;"}
+{"version":3,"file":"x-installer.js","sources":["../../../../src/x-installer/x-installer/x-installer.ts"],"sourcesContent":["import { EmpathyAdapterConfig } from '@empathyco/x-adapter';\nimport { deepMerge } from '@empathyco/x-deep-merge';\nimport Vue, { PluginObject, VueConstructor } from 'vue';\nimport { BaseXBus } from '../../plugins/x-bus';\nimport { XBus } from '../../plugins/x-bus.types';\nimport { XPlugin } from '../../plugins/x-plugin';\nimport { XPluginOptions } from '../../plugins/x-plugin.types';\nimport { cleanUndefined } from '../../utils/object';\nimport { DeepPartial } from '../../utils/types';\nimport { SnippetConfig, XAPI } from '../api/api.types';\nimport { BaseXAPI } from '../api/base-api';\nimport { InstallXOptions, VueConstructorPartialArgument } from './types';\n\ndeclare global {\n  interface Window {\n    X?: XAPI;\n  }\n}\n\nconst defaultAdapterConfig: DeepPartial<EmpathyAdapterConfig> = {\n  env: 'live',\n  requestParams: {\n    lang: 'es',\n    scope: 'default'\n  }\n};\n\n/**\n * The purpose of this class is to offer a quick way to initialize the XComponents in a setup\n * project. It allows to receive all the options in {@link InstallXOptions} which is an extension\n * of {@link XPluginOptions} with all the options for the plugin and some options more.\n *\n * This class does multiple things:\n * 1. Install the {@link XPlugin} with the {@link XPluginOptions}.\n * 2. Creates the public {@link XAPI} and add it to global window.\n * 3. Creates the Vue Application for the customer project.\n *\n * The steps 2 & 3 are optional and depends on the options passed in {@link InstallXOptions}.\n *\n * @example The way to use this class is the next:\n *    1. Create the installer passing in the {@link InstallXOptions}. This only save the options:\n *\n * ```\n *        const installer = new XInstaller(installXOptions)\n * ```\n *\n *    2. Initialize passing the {@link SnippetConfig}. This installs the plugin and creates the App.\n *       There are 3 different ways to do this:\n *\n *        2.1 Using the created installer:\n *\n * ```\n *            installer.init(snipetConfig)\n * ```\n *\n *        2.2 If the API option is enabled (`createAPI` is `true` in {@link InstallXOptions}, or\n *            is not present as the default vlaue is `true`) then this init step can be done with\n *            the Public API:\n *\n * ```\n *            window.X.init(snippetConfig)\n * ```\n *\n *        2.3 When the script of the project build is loaded it searches for a global `initX`\n *            variable that the customer must have in their web site. This variable can be a\n *            function that returns the {@link SnippetConfig} or an object that contains the\n *            {@link SnippetConfig} itself:\n *\n * ```\n *            window.initX = function() {\n *                 return {\n *                   instance,\n *                   env,\n *                   scope,\n *                   lang,\n *                   searchLang,\n *                   currency,\n *                   consent,\n *                   documentDirection\n *                 };\n *              };\n * ```\n *\n * ```\n *            window.initX = {\n *                 instance,\n *                 env,\n *                 scope,\n *                 lang,\n *                 searchLang,\n *                 currency,\n *                 consent,\n *                 documentDirection\n *               };\n * ```\n *\n * @public\n */\nexport class XInstaller {\n  private api?: XAPI;\n\n  /**\n   * Receives the {@link InstallXOptions} and merges it with the default fallback options. Also\n   * creates the public {@link XAPI}.\n   *\n   * @param options - The {@link InstallXOptions}.\n   *\n   * @public\n   */\n  public constructor(protected readonly options: InstallXOptions) {\n    this.createAPI();\n  }\n\n  /**\n   * Creates the public {@link XAPI} using the `api` option from {@link InstallXOptions}. If this\n   * `api` option is not passed, then a default {@link BaseXAPI} is created. To disable the API\n   * creation the value `false` must be passed in the `api` option.\n   *\n   * @internal\n   */\n  protected createAPI(): void {\n    const { api } = this.options;\n    if (api !== false) {\n      this.api = api ?? new BaseXAPI();\n      this.api.setInitCallback(this.init.bind(this));\n      window.X = this.api;\n    }\n  }\n\n  /**\n   * Receives the {@link SnippetConfig | snippet config}, installs the plugin and initializes\n   * the Vue application.\n   *\n   * @param snippetConfig - The {@link SnippetConfig} that receives from snippet\n   * integration.\n   *\n   * @returns Object with the {@link XAPI}, the {@link XBus}, the {@link XPlugin} and the Vue App\n   * used in the application.\n   *\n   * @public\n   */\n  async init(snippetConfig: SnippetConfig): Promise<{\n    app: Vue | undefined;\n    api: XAPI | undefined;\n    bus: XBus;\n    plugin: PluginObject<XPluginOptions>;\n  }> {\n    const adapterConfig = this.getAdapterConfig(snippetConfig);\n    this.applyConfigToAdapter(adapterConfig);\n    const bus = this.createBus();\n    const pluginOptions = this.getPluginOptions();\n    const plugin = this.installPlugin(pluginOptions, bus);\n    const extraPlugins = await this.installExtraPlugins(snippetConfig, bus);\n    const app = this.createApp(extraPlugins, snippetConfig);\n    this.api?.setBus(bus);\n\n    return {\n      api: this.api,\n      app,\n      bus,\n      plugin\n    };\n  }\n\n  /**\n   * Creates the Adapter Config object using the {@link SnippetConfig} to do it. It also\n   * merges the default configuration.\n   *\n   * @param options - The {@link SnippetConfig}.\n   *\n   * @returns The Adapter Config object.\n   *\n   * @internal\n   */\n  protected getAdapterConfig({ instance, env, lang, searchLang, scope }: SnippetConfig): unknown {\n    return deepMerge(\n      defaultAdapterConfig,\n      cleanUndefined<DeepPartial<EmpathyAdapterConfig>>({\n        instance,\n        env,\n        requestParams: {\n          lang: searchLang ?? lang,\n          scope\n        }\n      })\n    );\n  }\n\n  /**\n   * Creates the {@link XPluginOptions} object.\n   *\n   * @returns The {@link XPluginOptions} object.\n   *\n   * @internal\n   */\n  protected getPluginOptions(): XPluginOptions {\n    const { adapter, store, initialXModules, xModules, __PRIVATE__xModules } = this.options;\n    return {\n      adapter,\n      store,\n      xModules,\n      initialXModules,\n      __PRIVATE__xModules\n    };\n  }\n\n  /**\n   * It applies the snippet configuration to the Adapter. Not all the parameters are for the Adapter\n   * but they appear destructured to not include them in the `extraParams` parameter.\n   *\n   * @param adapterConfig - The Adapter config object.\n   *\n   * @internal\n   */\n  protected applyConfigToAdapter(adapterConfig: any): void {\n    this.options.adapter.setConfig?.(adapterConfig);\n  }\n\n  /**\n   * This method returns the bus instance to be used in the {@link XPlugin} and in the {@link XAPI}.\n   * It returns the `bus` parameter in the {@link InstallXOptions} or if not provided, then\n   * creates a new instance of {@link BaseXBus}.\n   *\n   * @returns XBus - The bus instance.\n   *\n   * @internal\n   */\n  protected createBus(): XBus {\n    return this.options.bus ?? new BaseXBus();\n  }\n\n  /**\n   * This method returns the VueConstructor to use to create the App instance.\n   * It returns the `vue` parameter in the {@link InstallXOptions} or if not provided, then\n   * returns the default Vue.\n   *\n   * @remarks The purpose of this option is mainly the testing. In a test we can use this option\n   * to pass the local vue instance created by `createLocalVue` method.\n   *\n   * @returns VueConstructor - The vue constructor to create the App instance.\n   *\n   * @internal\n   */\n  protected getVue(): VueConstructor {\n    return this.options.vue ?? Vue;\n  }\n\n  /**\n   * Creates and install the Vue Plugin. If `plugin` parameter is passed in the\n   * {@link InstallXOptions}, then it is used. If not, then a new instance of {@link XPlugin} is\n   * created and installed.\n   *\n   * @param pluginOptions - The {@link XPluginOptions} to passed as parameter to the install method\n   * of the plugin.\n   * @param bus - The {@link XBus} to be used to create the XPlugin.\n   *\n   * @returns PluginObject<XPluginOption> - The plugin instance.\n   * @internal\n   */\n  protected installPlugin(pluginOptions: XPluginOptions, bus: XBus): PluginObject<XPluginOptions> {\n    const plugin = this.options.plugin ?? new XPlugin(bus);\n    const vue = this.getVue();\n    vue.use(plugin, pluginOptions);\n    return plugin;\n  }\n\n  /**\n   * Install more plugins to Vue defined by the user.\n   *\n   * @param snippet - The snippet configuration.\n   * @param bus - The events bus used in the application.\n   * @returns The arguments from the plugins installation to be used in Vue's constructor.\n   * @internal\n   */\n  protected installExtraPlugins(\n    snippet: SnippetConfig,\n    bus: XBus\n  ): Promise<VueConstructorPartialArgument> {\n    const vue = this.getVue();\n    return Promise.resolve(this.options.installExtraPlugins?.({ vue, snippet, bus }));\n  }\n\n  /**\n   * In the case that the `app` parameter is present in the {@link InstallXOptions}, then a new Vue\n   * application is created using that app.\n   *\n   * @param extraPlugins - Vue plugins initialisation data.\n   * @param snippetConfig - Configuration from the client snippet.\n   * @returns The Created Vue application or undefined if not created.\n   *\n   * @internal\n   */\n  protected createApp(\n    extraPlugins: VueConstructorPartialArgument,\n    snippetConfig: SnippetConfig\n  ): Vue | undefined {\n    if (this.options.app !== undefined) {\n      const vue = this.getVue();\n      snippetConfig = vue.observable(snippetConfig);\n      return new vue({\n        ...extraPlugins,\n        ...this.options.vueOptions,\n        provide() {\n          return {\n            snippetConfig\n          };\n        },\n        store: this.options.store,\n        el: this.getMountingTarget(this.options.domElement),\n        render: h => h(this.options.app)\n      });\n    }\n  }\n\n  /**\n   * It returns the HTML element to mount the Vue Application. If the `domElement` parameter in the\n   * {@link InstallXOptions} is an Element or a string, then it is used. If it is\n   * not present then a new <div> Element is created and append to the body to be used.\n   *\n   * @param elementOrSelector - String or Element used to mount the Vue App.\n   *\n   * @returns The Element to use as mounting point for the Vue App.\n   * @internal\n   */\n  protected getMountingTarget(elementOrSelector?: string | Element): Element {\n    if (typeof elementOrSelector === 'string') {\n      const target = document.querySelector(elementOrSelector);\n      if (!target) {\n        throw Error(\n          `XComponents app couldn't be mounted: Element \"${elementOrSelector}\" couldn't be found`\n        );\n      }\n      return target;\n    } else if (elementOrSelector !== undefined) {\n      return elementOrSelector;\n    } else {\n      return document.body.appendChild(document.createElement('div'));\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/js/x-modules/extra-params/components/extra-params.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"extra-params.vue.js","sources":["../../../../../src/x-modules/extra-params/components/extra-params.vue"],"sourcesContent":["<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { xComponentMixin, XEmit } from '../../../components';\n  import { Dictionary } from '../../../utils';\n  import { extraParamsXModule } from '../x-module';\n\n  /**\n   * It emits a {@link ExtraParamsXEvents.ExtraParamsProvided} with the values\n   * received as a prop.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(extraParamsXModule)]\n  })\n  export default class ExtraParams extends Vue {\n    /**\n     * (Required) A Dictionary where the keys are the extra param names and its values.\n     *\n     * @remarks Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the\n     * component is rendered or the values changed.\n     *\n     * @public\n     */\n    @XEmit('ExtraParamsProvided', { immediate: true, deep: true })\n    @Prop({ required: true })\n    public values!: Dictionary<unknown>;\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    render(): void {}\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\n- [`ExtraParamsProvided`][1]\n\n[1](./../../api/x-components.extraparamsxevents.extraparamsprovided.md)\n\n## See it in action\n\n_See how the event is triggered when the component is rendered._\n\n```vue\n<template>\n  <ExtraParams :values=\"values\" />\n</template>\n\n<script>\n  import { ExtraParams } from '@empathyco/x-components/extra-params';\n\n  export default {\n    name: 'ExtraParamsDemo',\n    components: {\n      ExtraParams\n    },\n    data() {\n      return {\n        values: {\n          warehouse: 1234\n        }\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"extra-params.vue.js","sources":["../../../../../src/x-modules/extra-params/components/extra-params.vue"],"sourcesContent":["<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { State, xComponentMixin, XEmit } from '../../../components';\n  import { Dictionary } from '../../../utils';\n  import { extraParamsXModule } from '../x-module';\n\n  /**\n   * It emits a {@link ExtraParamsXEvents.ExtraParamsProvided} with the values\n   * received as a prop.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(extraParamsXModule)]\n  })\n  export default class ExtraParams extends Vue {\n    /**\n     * Emits the initial extra params, overriding with the state extra params, just in case, those\n     * values were already set by XComponents initialization (url, plugin config, etc.).\n     */\n    mounted(): void {\n      this.$x.emit('ExtraParamsInitialized', this.values);\n      this.$x.emit('ExtraParamsProvided', { ...this.values, ...this.storeExtraParams });\n    }\n\n    /**\n     * (Required) A Dictionary where the keys are the extra param names and its values.\n     *\n     * @remarks Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the\n     * component is rendered or the values changed.\n     *\n     * @public\n     */\n    @XEmit('ExtraParamsProvided', { deep: true })\n    @Prop({ required: true })\n    public values!: Dictionary<unknown>;\n\n    /**\n     * State extra params. Used to override the initial extra params.\n     */\n    @State('extraParams', 'params')\n    public storeExtraParams!: Dictionary<unknown>;\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    render(): void {}\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\n- [`ExtraParamsProvided`][1]\n\n[1](./../../api/x-components.extraparamsxevents.extraparamsprovided.md)\n\n## See it in action\n\n_See how the event is triggered when the component is rendered._\n\n```vue\n<template>\n  <ExtraParams :values=\"values\" />\n</template>\n\n<script>\n  import { ExtraParams } from '@empathyco/x-components/extra-params';\n\n  export default {\n    name: 'ExtraParamsDemo',\n    components: {\n      ExtraParams\n    },\n    data() {\n      return {\n        values: {\n          warehouse: 1234\n        }\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/extra-params/components/extra-params.vue_rollup-plugin-vue=script.js

@@ -1,4 +1,4 @@
-import { __extends, __decorate } from 'tslib';
+import { __extends, __assign, __decorate } from 'tslib';
 import Vue from 'vue';
 import { Prop, Component } from 'vue-property-decorator';
 import '../../../components/animations/animate-width.vue.js';
@@ -88,11 +88,9 @@ import '../../../components/result/base-result-fallback-image.vue.js';
 import '../../../components/result/base-result-placeholder-image.vue.js';
 import '../../../components/scroll/scroll.mixin.js';
 import '../../../components/scroll/base-scroll.vue.js';
-import '../../../components/scroll/base-id-scroll.vue.js';
-import '../../../components/scroll/base-scroll-to-top.vue.js';
-import '../../../components/scroll/base-main-scroll.vue.js';
 import '../../../components/suggestions/base-suggestion.vue.js';
 import '../../../components/suggestions/base-suggestions.vue.js';
+import '../../../components/auto-progress-bar.vue.js';
 import '../../../components/decorators/injection.consts.js';
 import '../../../components/base-grid.vue.js';
 import '../../../components/base-keyboard-navigation.vue.js';
@@ -100,12 +98,13 @@ import '../../../components/base-variable-column-grid.vue.js';
 import '../../../components/decorators/debounce.decorators.js';
 import '../../../components/sliding-panel.vue.js';
 import '../../../components/items-list.vue.js';
+import { State } from '../../../components/decorators/store.decorators.js';
+import '../../../components/x-component.utils.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
 import '../../../components/layouts/multi-column-max-width-layout.vue.js';
 import '../../../components/layouts/single-column-layout.vue.js';
-import '../../../components/decorators/store.decorators.js';
+import '../../../components/location-provider.vue.js';
 import '../../../components/items-list-injection.mixin.js';
-import '../../../components/x-component.utils.js';
-import { xComponentMixin } from '../../../components/x-component.mixin.js';
 import { extraParamsXModule } from '../x-module.js';
 
 /**
@@ -119,12 +118,23 @@ var ExtraParams = /** @class */ (function (_super) {
     function ExtraParams() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    /**
+     * Emits the initial extra params, overriding with the state extra params, just in case, those
+     * values were already set by XComponents initialization (url, plugin config, etc.).
+     */
+    ExtraParams.prototype.mounted = function () {
+        this.$x.emit('ExtraParamsInitialized', this.values);
+        this.$x.emit('ExtraParamsProvided', __assign(__assign({}, this.values), this.storeExtraParams));
+    };
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     ExtraParams.prototype.render = function () { };
     __decorate([
-        XEmit('ExtraParamsProvided', { immediate: true, deep: true }),
+        XEmit('ExtraParamsProvided', { deep: true }),
         Prop({ required: true })
     ], ExtraParams.prototype, "values", void 0);
+    __decorate([
+        State('extraParams', 'params')
+    ], ExtraParams.prototype, "storeExtraParams", void 0);
     ExtraParams = __decorate([
         Component({
             mixins: [xComponentMixin(extraParamsXModule)]

package/js/x-modules/extra-params/components/extra-params.vue_rollup-plugin-vue=script.js.map

@@ -1 +1 @@
-{"version":3,"file":"extra-params.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/extra-params/components/extra-params.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { xComponentMixin, XEmit } from '../../../components';\nimport { Dictionary } from '../../../utils';\nimport { extraParamsXModule } from '../x-module';\n\n/**\n * It emits a {@link ExtraParamsXEvents.ExtraParamsProvided} with the values\n * received as a prop.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(extraParamsXModule)]\n})\nexport default class ExtraParams extends Vue {\n  /**\n   * (Required) A Dictionary where the keys are the extra param names and its values.\n   *\n   * @remarks Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the\n   * component is rendered or the values changed.\n   *\n   * @public\n   */\n  @XEmit('ExtraParamsProvided', { immediate: true, deep: true })\n  @Prop({ required: true })\n  public values!: Dictionary<unknown>;\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  render(): void {}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;;;;;;AASA;IAAyC,+BAAG;IAA5C;;KAeC;;IADC,4BAAM,GAAN,eAAiB;IAHjB;QAFC,KAAK,CAAC,qBAAqB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC7D,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;+CACW;IAXjB,WAAW;QAH/B,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;SAC9C,CAAC;OACmB,WAAW,CAe/B;IAAD,kBAAC;CAAA,CAfwC,GAAG;;;;"}
+{"version":3,"file":"extra-params.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/extra-params/components/extra-params.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { State, xComponentMixin, XEmit } from '../../../components';\nimport { Dictionary } from '../../../utils';\nimport { extraParamsXModule } from '../x-module';\n\n/**\n * It emits a {@link ExtraParamsXEvents.ExtraParamsProvided} with the values\n * received as a prop.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(extraParamsXModule)]\n})\nexport default class ExtraParams extends Vue {\n  /**\n   * Emits the initial extra params, overriding with the state extra params, just in case, those\n   * values were already set by XComponents initialization (url, plugin config, etc.).\n   */\n  mounted(): void {\n    this.$x.emit('ExtraParamsInitialized', this.values);\n    this.$x.emit('ExtraParamsProvided', { ...this.values, ...this.storeExtraParams });\n  }\n\n  /**\n   * (Required) A Dictionary where the keys are the extra param names and its values.\n   *\n   * @remarks Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the\n   * component is rendered or the values changed.\n   *\n   * @public\n   */\n  @XEmit('ExtraParamsProvided', { deep: true })\n  @Prop({ required: true })\n  public values!: Dictionary<unknown>;\n\n  /**\n   * State extra params. Used to override the initial extra params.\n   */\n  @State('extraParams', 'params')\n  public storeExtraParams!: Dictionary<unknown>;\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  render(): void {}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;;;;;;AASA;IAAyC,+BAAG;IAA5C;;KA8BC;;;;;IAzBC,6BAAO,GAAP;QACE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACpD,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,wBAAO,IAAI,CAAC,MAAM,GAAK,IAAI,CAAC,gBAAgB,EAAG,CAAC;KACnF;;IAqBD,4BAAM,GAAN,eAAiB;IATjB;QAFC,KAAK,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC5C,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;+CACW;IAMpC;QADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;yDACe;IA1B3B,WAAW;QAH/B,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;SAC9C,CAAC;OACmB,WAAW,CA8B/B;IAAD,kBAAC;CAAA,CA9BwC,GAAG;;;;"}

package/js/x-modules/extra-params/components/renderless-extra-param.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderless-extra-param.vue.js","sources":["../../../../../src/x-modules/extra-params/components/renderless-extra-param.vue"],"sourcesContent":["<template>\n  <NoElement>\n    <slot v-bind=\"{ value, updateValue }\"></slot>\n  </NoElement>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { NoElement, State, xComponentMixin } from '../../../components';\n  import { Dictionary } from '../../../utils';\n  import { ExtraParamsXEvents } from '../events.types';\n  import { extraParamsXModule } from '../x-module';\n\n  /**\n   * It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`\n   * is called and the {@link ExtraParamsXEvents.ExtraParamsProvided} when it receives\n   * a defaultValue.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(extraParamsXModule)],\n    components: {\n      NoElement\n    }\n  })\n  export default class RenderlessExtraParam extends Vue {\n    /**\n     * The extra param's name.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    public name!: string;\n\n    /**\n     * The extra param's default value.\n     *\n     * @public\n     */\n    @Prop()\n    public defaultValue?: unknown;\n\n    /**\n     * A dictionary with the extra params.\n     *\n     * @public\n     */\n    @State('extraParams', 'params')\n    public extraParams!: Dictionary<unknown>;\n\n    /**\n     * Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the component\n     * is mounted if the defaultValue is set.\n     *\n     * @internal\n     */\n    created(): void {\n      this.$watch(\n        () => this.defaultValue,\n        defaultValue => {\n          if (defaultValue !== undefined && this.value === undefined) {\n            this.emitEvent('ExtraParamsProvided', this.defaultValue);\n          }\n        },\n        { immediate: true }\n      );\n    }\n\n    /**\n     * It returns the value of the extra param from the store.\n     *\n     * @returns - The value from the store.\n     *\n     * @internal\n     */\n    protected get value(): unknown {\n      return this.extraParams[this.name];\n    }\n\n    /**\n     * It sets the new value to the store.\n     *\n     * @param newValue - The new value of the extra param.\n     *\n     * @internal\n     */\n    protected updateValue(newValue: unknown): void {\n      this.emitEvent('UserChangedExtraParams', newValue);\n    }\n\n    /**\n     * It emits an {@link ExtraParamsXEvents| event} passed as payload.\n     *\n     * @param event - The name of the event.\n     * @param value - The value of the extra param.\n     *\n     * @internal\n     */\n    protected emitEvent(event: keyof ExtraParamsXEvents, value: unknown): void {\n      this.$x.emit(event, { [this.name]: value });\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nRenders default slot content. It binds to the default slot the name of the extra parameter and the\ndefault value of it.\n\n## Basic usage\n\n```vue\n<template>\n  <RenderlessExtraParam #default=\"{ value, updateValue }\" name=\"warehouse\" defaultValue=\"1234\">\n    <BaseDropdown @change=\"updateValue\" :value=\"value\" :items=\"items\" />\n  </RenderlessExtraParam>\n</template>\n\n<script>\n  import { RenderlessExtraParams } from '@empathyco/x-components/extra-params';\n  import { BaseDropdown } from '@empathyco/x-components';\n\n  export default {\n    name: 'RenderlessExtraParamsDemo',\n    components: {\n      RenderlessExtraParams,\n      BaseDropdown\n    },\n    props: ['name', 'defaultValue'],\n    data() {\n      return {\n        items: [1234, 4567]\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"renderless-extra-param.vue.js","sources":["../../../../../src/x-modules/extra-params/components/renderless-extra-param.vue"],"sourcesContent":["<template>\n  <NoElement>\n    <slot v-bind=\"{ value, updateValue }\"></slot>\n  </NoElement>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { NoElement, State, xComponentMixin } from '../../../components';\n  import { Dictionary } from '../../../utils';\n  import { extraParamsXModule } from '../x-module';\n\n  /**\n   * It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`\n   * is called.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(extraParamsXModule)],\n    components: {\n      NoElement\n    }\n  })\n  export default class RenderlessExtraParam extends Vue {\n    /**\n     * The extra param's name.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    public name!: string;\n\n    /**\n     * A dictionary with the extra params in the store state.\n     *\n     * @public\n     */\n    @State('extraParams', 'params')\n    public stateParams!: Dictionary<unknown>;\n\n    /**\n     * It returns the value of the extra param from the store.\n     *\n     * @returns - The value from the store.\n     *\n     * @internal\n     */\n    protected get value(): unknown {\n      return this.stateParams[this.name];\n    }\n\n    /**\n     * It sets the new value to the store.\n     *\n     * @param newValue - The new value of the extra param.\n     *\n     * @internal\n     */\n    protected updateValue(newValue: unknown): void {\n      this.$x.emit('UserChangedExtraParams', { [this.name]: newValue });\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nRenders default slot content. It binds to the default slot the name of the extra parameter and the\ndefault value of it.\n\n## Basic usage\n\n```vue\n<template>\n  <RenderlessExtraParam #default=\"{ value, updateValue }\" name=\"store\">\n    <BaseDropdown @change=\"updateValue\" :value=\"value\" :items=\"items\" />\n  </RenderlessExtraParam>\n</template>\n\n<script>\n  import { RenderlessExtraParams } from '@empathyco/x-components/extra-params';\n  import { BaseDropdown } from '@empathyco/x-components';\n\n  export default {\n    name: 'RenderlessExtraParamsDemo',\n    components: {\n      RenderlessExtraParams,\n      BaseDropdown\n    },\n    props: ['name'],\n    data() {\n      return {\n        items: ['spain', 'portugal']\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/extra-params/components/renderless-extra-param.vue_rollup-plugin-vue=script.js

@@ -88,11 +88,9 @@ import '../../../components/result/base-result-fallback-image.vue.js';
 import '../../../components/result/base-result-placeholder-image.vue.js';
 import '../../../components/scroll/scroll.mixin.js';
 import '../../../components/scroll/base-scroll.vue.js';
-import '../../../components/scroll/base-id-scroll.vue.js';
-import '../../../components/scroll/base-scroll-to-top.vue.js';
-import '../../../components/scroll/base-main-scroll.vue.js';
 import '../../../components/suggestions/base-suggestion.vue.js';
 import '../../../components/suggestions/base-suggestions.vue.js';
+import '../../../components/auto-progress-bar.vue.js';
 import '../../../components/decorators/injection.consts.js';
 import '../../../components/base-grid.vue.js';
 import '../../../components/base-keyboard-navigation.vue.js';
@@ -100,18 +98,18 @@ import '../../../components/base-variable-column-grid.vue.js';
 import '../../../components/decorators/debounce.decorators.js';
 import '../../../components/sliding-panel.vue.js';
 import '../../../components/items-list.vue.js';
-import '../../../components/layouts/multi-column-max-width-layout.vue.js';
-import '../../../components/layouts/single-column-layout.vue.js';
 import { State } from '../../../components/decorators/store.decorators.js';
-import '../../../components/items-list-injection.mixin.js';
 import '../../../components/x-component.utils.js';
 import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import '../../../components/layouts/multi-column-max-width-layout.vue.js';
+import '../../../components/layouts/single-column-layout.vue.js';
+import '../../../components/location-provider.vue.js';
+import '../../../components/items-list-injection.mixin.js';
 import { extraParamsXModule } from '../x-module.js';
 
 /**
  * It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`
- * is called and the {@link ExtraParamsXEvents.ExtraParamsProvided} when it receives
- * a defaultValue.
+ * is called.
  *
  * @public
  */
@@ -120,20 +118,6 @@ var RenderlessExtraParam = /** @class */ (function (_super) {
     function RenderlessExtraParam() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    /**
-     * Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the component
-     * is mounted if the defaultValue is set.
-     *
-     * @internal
-     */
-    RenderlessExtraParam.prototype.created = function () {
-        var _this = this;
-        this.$watch(function () { return _this.defaultValue; }, function (defaultValue) {
-            if (defaultValue !== undefined && _this.value === undefined) {
-                _this.emitEvent('ExtraParamsProvided', _this.defaultValue);
-            }
-        }, { immediate: true });
-    };
     Object.defineProperty(RenderlessExtraParam.prototype, "value", {
         /**
          * It returns the value of the extra param from the store.
@@ -143,7 +127,7 @@ var RenderlessExtraParam = /** @class */ (function (_super) {
          * @internal
          */
         get: function () {
-            return this.extraParams[this.name];
+            return this.stateParams[this.name];
         },
         enumerable: false,
         configurable: true
@@ -156,29 +140,15 @@ var RenderlessExtraParam = /** @class */ (function (_super) {
      * @internal
      */
     RenderlessExtraParam.prototype.updateValue = function (newValue) {
-        this.emitEvent('UserChangedExtraParams', newValue);
-    };
-    /**
-     * It emits an {@link ExtraParamsXEvents| event} passed as payload.
-     *
-     * @param event - The name of the event.
-     * @param value - The value of the extra param.
-     *
-     * @internal
-     */
-    RenderlessExtraParam.prototype.emitEvent = function (event, value) {
         var _a;
-        this.$x.emit(event, (_a = {}, _a[this.name] = value, _a));
+        this.$x.emit('UserChangedExtraParams', (_a = {}, _a[this.name] = newValue, _a));
     };
     __decorate([
         Prop({ required: true })
     ], RenderlessExtraParam.prototype, "name", void 0);
-    __decorate([
-        Prop()
-    ], RenderlessExtraParam.prototype, "defaultValue", void 0);
     __decorate([
         State('extraParams', 'params')
-    ], RenderlessExtraParam.prototype, "extraParams", void 0);
+    ], RenderlessExtraParam.prototype, "stateParams", void 0);
     RenderlessExtraParam = __decorate([
         Component({
             mixins: [xComponentMixin(extraParamsXModule)],

package/js/x-modules/extra-params/components/renderless-extra-param.vue_rollup-plugin-vue=script.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderless-extra-param.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/extra-params/components/renderless-extra-param.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { NoElement, State, xComponentMixin } from '../../../components';\nimport { Dictionary } from '../../../utils';\nimport { ExtraParamsXEvents } from '../events.types';\nimport { extraParamsXModule } from '../x-module';\n\n/**\n * It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`\n * is called and the {@link ExtraParamsXEvents.ExtraParamsProvided} when it receives\n * a defaultValue.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(extraParamsXModule)],\n  components: {\n    NoElement\n  }\n})\nexport default class RenderlessExtraParam extends Vue {\n  /**\n   * The extra param's name.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  public name!: string;\n\n  /**\n   * The extra param's default value.\n   *\n   * @public\n   */\n  @Prop()\n  public defaultValue?: unknown;\n\n  /**\n   * A dictionary with the extra params.\n   *\n   * @public\n   */\n  @State('extraParams', 'params')\n  public extraParams!: Dictionary<unknown>;\n\n  /**\n   * Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the component\n   * is mounted if the defaultValue is set.\n   *\n   * @internal\n   */\n  created(): void {\n    this.$watch(\n      () => this.defaultValue,\n      defaultValue => {\n        if (defaultValue !== undefined && this.value === undefined) {\n          this.emitEvent('ExtraParamsProvided', this.defaultValue);\n        }\n      },\n      { immediate: true }\n    );\n  }\n\n  /**\n   * It returns the value of the extra param from the store.\n   *\n   * @returns - The value from the store.\n   *\n   * @internal\n   */\n  protected get value(): unknown {\n    return this.extraParams[this.name];\n  }\n\n  /**\n   * It sets the new value to the store.\n   *\n   * @param newValue - The new value of the extra param.\n   *\n   * @internal\n   */\n  protected updateValue(newValue: unknown): void {\n    this.emitEvent('UserChangedExtraParams', newValue);\n  }\n\n  /**\n   * It emits an {@link ExtraParamsXEvents| event} passed as payload.\n   *\n   * @param event - The name of the event.\n   * @param value - The value of the extra param.\n   *\n   * @internal\n   */\n  protected emitEvent(event: keyof ExtraParamsXEvents, value: unknown): void {\n    this.$x.emit(event, { [this.name]: value });\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;;;;;;AAaA;IAAkD,wCAAG;IAArD;;KA4EC;;;;;;;IA7CC,sCAAO,GAAP;QAAA,iBAUC;QATC,IAAI,CAAC,MAAM,CACT,cAAM,OAAA,KAAI,CAAC,YAAY,GAAA,EACvB,UAAA,YAAY;YACV,IAAI,YAAY,KAAK,SAAS,IAAI,KAAI,CAAC,KAAK,KAAK,SAAS,EAAE;gBAC1D,KAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,KAAI,CAAC,YAAY,CAAC,CAAC;aAC1D;SACF,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAC;KACH;IASD,sBAAc,uCAAK;;;;;;;;aAAnB;YACE,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACpC;;;OAAA;;;;;;;;IASS,0CAAW,GAArB,UAAsB,QAAiB;QACrC,IAAI,CAAC,SAAS,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;KACpD;;;;;;;;;IAUS,wCAAS,GAAnB,UAAoB,KAA+B,EAAE,KAAc;;QACjE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,YAAI,GAAC,IAAI,CAAC,IAAI,IAAG,KAAK,MAAG,CAAC;KAC7C;IApED;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;sDACJ;IAQrB;QADC,IAAI,EAAE;8DACuB;IAQ9B;QADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;6DACU;IAvBtB,oBAAoB;QANxC,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;YAC7C,UAAU,EAAE;gBACV,SAAS,WAAA;aACV;SACF,CAAC;OACmB,oBAAoB,CA4ExC;IAAD,2BAAC;CAAA,CA5EiD,GAAG;;;;"}
+{"version":3,"file":"renderless-extra-param.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/extra-params/components/renderless-extra-param.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { NoElement, State, xComponentMixin } from '../../../components';\nimport { Dictionary } from '../../../utils';\nimport { extraParamsXModule } from '../x-module';\n\n/**\n * It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`\n * is called.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(extraParamsXModule)],\n  components: {\n    NoElement\n  }\n})\nexport default class RenderlessExtraParam extends Vue {\n  /**\n   * The extra param's name.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  public name!: string;\n\n  /**\n   * A dictionary with the extra params in the store state.\n   *\n   * @public\n   */\n  @State('extraParams', 'params')\n  public stateParams!: Dictionary<unknown>;\n\n  /**\n   * It returns the value of the extra param from the store.\n   *\n   * @returns - The value from the store.\n   *\n   * @internal\n   */\n  protected get value(): unknown {\n    return this.stateParams[this.name];\n  }\n\n  /**\n   * It sets the new value to the store.\n   *\n   * @param newValue - The new value of the extra param.\n   *\n   * @internal\n   */\n  protected updateValue(newValue: unknown): void {\n    this.$x.emit('UserChangedExtraParams', { [this.name]: newValue });\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;;;;;;AAYA;IAAkD,wCAAG;IAArD;;KAsCC;IAdC,sBAAc,uCAAK;;;;;;;;aAAnB;YACE,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACpC;;;OAAA;;;;;;;;IASS,0CAAW,GAArB,UAAsB,QAAiB;;QACrC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,YAAI,GAAC,IAAI,CAAC,IAAI,IAAG,QAAQ,MAAG,CAAC;KACnE;IA9BD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;sDACJ;IAQrB;QADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;6DACU;IAftB,oBAAoB;QANxC,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;YAC7C,UAAU,EAAE;gBACV,SAAS,WAAA;aACV;SACF,CAAC;OACmB,oBAAoB,CAsCxC;IAAD,2BAAC;CAAA,CAtCiD,GAAG;;;;"}

package/js/x-modules/extra-params/components/snippet-config-extra-params.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"snippet-config-extra-params.vue.js","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue"],"sourcesContent":["<template>\n  <ExtraParams :values=\"extraParams\" />\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Watch } from 'vue-property-decorator';\n  import { xComponentMixin, XInject } from '../../../components';\n  import { Dictionary, forEach } from '../../../utils';\n  import { SnippetConfig } from '../../../x-installer';\n  import { extraParamsXModule } from '../x-module';\n  import ExtraParams from './extra-params.vue';\n\n  /**\n   * Extracts the extra parameters from the {@link SnippetConfig} and syncs it with the request\n   * objects of every x-module.\n   *\n   * @public\n   */\n  @Component({\n    components: { ExtraParams },\n    mixins: [xComponentMixin(extraParamsXModule)]\n  })\n  export default class SnippetConfigExtraParams extends Vue {\n    /**\n     * It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n     *\n     * @internal\n     */\n    @XInject('snippetConfig')\n    public snippetConfig!: SnippetConfig;\n\n    /**\n     * Custom object containing the extra params from the snippet config.\n     *\n     * @remarks This object keeps manually the desired snippet config properties to avoid\n     * unnecessary re-renders.\n     *\n     * @internal\n     */\n    protected extraParams: Dictionary<unknown> = {};\n\n    /**\n     * Updates the extraParams object when the snippet config changes.\n     *\n     * @param snippetConfig - The new snippet config.\n     *\n     * @internal\n     */\n    @Watch('snippetConfig', { deep: true, immediate: true })\n    syncExtraParams({\n      instance,\n      env,\n      scope,\n      lang,\n      searchLang,\n      consent,\n      documentDirection,\n      currency,\n      ...snippetExtraParams\n    }: SnippetConfig): void {\n      forEach(snippetExtraParams, (name, value) => {\n        this.$set(this.extraParams, name, value);\n      });\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## See it in action\n\n_See how the snippet config is injected and passed to the SnippetConfigExtraParams component._\n\n```vue\n<template>\n  <Provider>\n    <SnippetConfigExtraParams />\n  </Provider>\n</template>\n\n<script>\n  import { SnippetConfigExtraParams } from '@empathyco/x-components/extra-params';\n\n  const Provider = {\n    provide: {\n      snippetConfig: {\n        instance: 'demo',\n        lang: 'es',\n        warehouse: 1234\n      }\n    }\n  };\n\n  export default {\n    name: 'SnippetConfigExtraParamsDemo',\n    components: {\n      Provider,\n      SnippetConfigExtraParams\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"snippet-config-extra-params.vue.js","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue"],"sourcesContent":["<template>\n  <ExtraParams :values=\"extraParams\" />\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Watch, Inject } from 'vue-property-decorator';\n  import { xComponentMixin } from '../../../components';\n  import { Dictionary, forEach } from '../../../utils';\n  import { SnippetConfig } from '../../../x-installer';\n  import { extraParamsXModule } from '../x-module';\n  import ExtraParams from './extra-params.vue';\n\n  /**\n   * Extracts the extra parameters from the {@link SnippetConfig} and syncs it with the request\n   * objects of every x-module.\n   *\n   * @public\n   */\n  @Component({\n    components: { ExtraParams },\n    mixins: [xComponentMixin(extraParamsXModule)]\n  })\n  export default class SnippetConfigExtraParams extends Vue {\n    /**\n     * It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n     *\n     * @internal\n     */\n    @Inject('snippetConfig')\n    public snippetConfig!: SnippetConfig;\n\n    /**\n     * Custom object containing the extra params from the snippet config.\n     *\n     * @remarks This object keeps manually the desired snippet config properties to avoid\n     * unnecessary re-renders.\n     *\n     * @internal\n     */\n    protected extraParams: Dictionary<unknown> = {};\n\n    /**\n     * Updates the extraParams object when the snippet config changes.\n     *\n     * @param snippetConfig - The new snippet config.\n     *\n     * @internal\n     */\n    @Watch('snippetConfig', { deep: true, immediate: true })\n    syncExtraParams({\n      instance,\n      scope,\n      lang,\n      searchLang,\n      consent,\n      documentDirection,\n      currency,\n      ...snippetExtraParams\n    }: SnippetConfig): void {\n      forEach(snippetExtraParams, (name, value) => {\n        this.$set(this.extraParams, name, value);\n      });\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## See it in action\n\n_See how the snippet config is injected and passed to the SnippetConfigExtraParams component._\n\n```vue\n<template>\n  <Provider>\n    <SnippetConfigExtraParams />\n  </Provider>\n</template>\n\n<script>\n  import { SnippetConfigExtraParams } from '@empathyco/x-components/extra-params';\n\n  const Provider = {\n    provide: {\n      snippetConfig: {\n        instance: 'demo',\n        lang: 'es',\n        warehouse: 1234\n      }\n    }\n  };\n\n  export default {\n    name: 'SnippetConfigExtraParamsDemo',\n    components: {\n      Provider,\n      SnippetConfigExtraParams\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}