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

package/js/index.js

@@ -5,7 +5,7 @@ export { default as CollapseHeight } from './components/animations/collapse-heig
 export { default as CollapseWidth } from './components/animations/collapse-width.vue.js';
 export { default as CrossFade } from './components/animations/cross-fade.vue.js';
 export { default as FadeAndSlide } from './components/animations/fade-and-slide.vue.js';
-export { arrayToObject, deepFilter, deepFlat, groupItemsBy, isArrayEmpty } from './utils/array.js';
+export { arrayToObject, createEmitterArrayFilter, deepFilter, deepFlat, groupItemsBy, isArrayEmpty } from './utils/array.js';
 export { noOp } from './utils/function.js';
 export { CancelSymbol, cancellablePromise } from './utils/cancellable-promise.js';
 export { clone } from './utils/clone.js';
@@ -17,6 +17,7 @@ export { isElementEqualOrContained } from './utils/html.js';
 export { normalizeString } from './utils/normalize.js';
 export { isInRange } from './utils/number.js';
 export { cleanUndefined, forEach, map, objectFilter, reduce } from './utils/object.js';
+export { createOrigin } from './utils/origin.js';
 export { sanitize } from './utils/sanitize.js';
 export { localStorageService } from './utils/storage.js';
 export { capitalize, isStringEmpty, toKebabCase } from './utils/string.js';
@@ -101,11 +102,9 @@ export { default as BaseFallbackImage } from './components/result/base-result-fa
 export { default as BasePlaceholderImage } from './components/result/base-result-placeholder-image.vue.js';
 export { default as ScrollMixin } from './components/scroll/scroll.mixin.js';
 export { default as BaseScroll } from './components/scroll/base-scroll.vue.js';
-export { default as BaseIdScroll } from './components/scroll/base-id-scroll.vue.js';
-export { default as BaseScrollToTop } from './components/scroll/base-scroll-to-top.vue.js';
-export { default as BaseMainScroll } from './components/scroll/base-main-scroll.vue.js';
 export { default as BaseSuggestion } from './components/suggestions/base-suggestion.vue.js';
 export { default as BaseSuggestions } from './components/suggestions/base-suggestions.vue.js';
+export { default as AutoProgressBar } from './components/auto-progress-bar.vue.js';
 export { LIST_ITEMS_KEY } from './components/decorators/injection.consts.js';
 export { default as BaseGrid } from './components/base-grid.vue.js';
 export { DirectionalFocusNavigationService } from './services/directional-focus-navigation.service.js';
@@ -114,24 +113,32 @@ export { default as BaseVariableColumnGrid } from './components/base-variable-co
 export { Debounce } from './components/decorators/debounce.decorators.js';
 export { default as SlidingPanel } from './components/sliding-panel.vue.js';
 export { default as ItemsList } from './components/items-list.vue.js';
-export { default as MultiColumnMaxWidthLayout } from './components/layouts/multi-column-max-width-layout.vue.js';
-export { default as SingleColumnLayout } from './components/layouts/single-column-layout.vue.js';
 export { Getter, State } from './components/decorators/store.decorators.js';
-export { ItemsListInjectionMixin } from './components/items-list-injection.mixin.js';
 export { RootXStoreModule } from './store/x.module.js';
 export { BaseXBus, bus } from './plugins/x-bus.js';
 export { XComponentModule, getXComponentXModuleName, isXComponent, setXComponentXModuleName } from './components/x-component.utils.js';
 export { createXComponentAPIMixin, getBusAPI, getRootXComponent } from './plugins/x-plugin.mixin.js';
 export { XPlugin, xPlugin } from './plugins/x-plugin.js';
 export { xComponentMixin } from './components/x-component.mixin.js';
-export { infiniteScroll } from './directives/infinite-scroll/infinite-scroll.js';
-export { compileMessage } from './filters/compile-message.filter.js';
 export { createFetchAndSaveActions } from './store/utils/fetch-and-save-action.utils.js';
 export { setStatus } from './store/utils/status-store.utils.js';
 export { createStoreEmitters } from './store/utils/store-emitters.utils.js';
+export { scrollXStoreModule } from './x-modules/scroll/store/module.js';
+export { scrollEmitters } from './x-modules/scroll/store/emitters.js';
 export { createWireFromFunction, wireCommit, wireCommitWithoutPayload, wireDispatch, wireDispatchWithoutPayload, wireService, wireServiceWithoutPayload } from './wiring/wires.factory.js';
 export { createWiring, getStateAndGettersFromModule } from './wiring/wiring.utils.js';
 export { namespacedWireCommit, namespacedWireCommitWithoutPayload, namespacedWireDispatch, namespacedWireDispatchWithoutPayload } from './wiring/namespaced-wires.factory.js';
+export { clearPendingScrollToWire, scrollWiring, setPendingScrollToWire, setScrollDirectionWire, setScrollHasAlmostReachedEndWire, setScrollHasReachedEndWire, setScrollHasReachedStartWire, setScrollPositionWire } from './x-modules/scroll/wiring.js';
+export { scrollXModule } from './x-modules/scroll/x-module.js';
+export { MainScrollId, ScrollObserverKey } from './x-modules/scroll/components/scroll.const.js';
+export { default as MainScroll } from './x-modules/scroll/components/main-scroll.vue.js';
+export { default as Scroll } from './x-modules/scroll/components/scroll.vue.js';
+export { default as MultiColumnMaxWidthLayout } from './components/layouts/multi-column-max-width-layout.vue.js';
+export { default as SingleColumnLayout } from './components/layouts/single-column-layout.vue.js';
+export { default as LocationProvider } from './components/location-provider.vue.js';
+export { ItemsListInjectionMixin } from './components/items-list-injection.mixin.js';
+export { infiniteScroll } from './directives/infinite-scroll/infinite-scroll.js';
+export { compileMessage } from './filters/compile-message.filter.js';
 export { debounce, filter, filterBlacklistedModules, filterFalsyPayload, filterTruthyPayload, filterWhitelistedModules, mapWire, throttle } from './wiring/wires.operators.js';
 export { namespacedDebounce, namespacedThrottle } from './wiring/namespaced-wires.operators.js';
 export { BaseXAPI } from './x-installer/api/base-api.js';
@@ -206,17 +213,17 @@ export { default as HistoryQuery } from './x-modules/history-queries/components/
 export { default as HistoryQueries } from './x-modules/history-queries/components/history-queries.vue.js';
 export { cancelFetchAndSaveIdentifierResults, fetchAndSaveIdentifierResults } from './x-modules/identifier-results/store/actions/fetch-and-save-identifier-results.action.js';
 export { fetchIdentifierResults } from './x-modules/identifier-results/store/actions/fetch-identifier-results.action.js';
+export { saveOrigin } from './x-modules/identifier-results/store/actions/save-origin.action.js';
 export { saveQuery } from './x-modules/identifier-results/store/actions/save-query.action.js';
 export { identifierDetectionRegexp } from './x-modules/identifier-results/store/getters/identifier-detection-regexp.getter.js';
 export { identifierHighlightRegexp } from './x-modules/identifier-results/store/getters/identifier-highlight-regexp.getter.js';
 export { identifierResultsRequest } from './x-modules/identifier-results/store/getters/identifier-results-request.getter.js';
 export { identifierResultsXStoreModule } from './x-modules/identifier-results/store/module.js';
 export { identifierResultsEmitters } from './x-modules/identifier-results/store/emitters.js';
-export { cancelFetchAndSaveIdentifierResultsWire, clearIdentifierResultsQuery, fetchAndSaveIdentifierResultsWire, identifierResultsWiring, setIdentifierResultsQuery } from './x-modules/identifier-results/wiring.js';
+export { cancelFetchAndSaveIdentifierResultsWire, clearIdentifierResultsQuery, fetchAndSaveIdentifierResultsWire, identifierResultsWiring, saveIdentifierResultsOriginWire, setIdentifierResultsQuery } from './x-modules/identifier-results/wiring.js';
 export { identifierResultsXModule } from './x-modules/identifier-results/x-module.js';
 export { default as IdentifierResult } from './x-modules/identifier-results/components/identifier-result.vue.js';
 export { default as IdentifierResults } from './x-modules/identifier-results/components/identifier-results.vue.js';
-export { areNextQueriesDifferent } from './x-modules/next-queries/utils.js';
 export { cancelFetchAndSaveNextQueries, fetchAndSaveNextQueries } from './x-modules/next-queries/store/actions/fetch-and-save-next-queries.action.js';
 export { fetchNextQueries } from './x-modules/next-queries/store/actions/fetch-next-queries.action.js';
 export { setQueryFromLastHistoryQuery } from './x-modules/next-queries/store/actions/set-query-from-last-history-query.action.js';
@@ -233,7 +240,7 @@ export { fetchSearchResponse } from './x-modules/search/store/actions/fetch-sear
 export { request as searchRequest } from './x-modules/search/store/getters/request.getter.js';
 export { searchXStoreModule } from './x-modules/search/store/module.js';
 export { searchEmitters } from './x-modules/search/store/emitters.js';
-export { cancelFetchAndSaveSearchResponseWire, fetchAndSaveSearchResponseWire, increasePageAppendingResults, resetAppending, resetFacets, resetPage, resetSort, resetSpellcheckQuery, searchWiring, setOrigin, setPageSize, setRelatedTags, setSearchExtraParams, setSearchPage, setSearchQuery, setSelectedFilters, setSort, setUrlParams } from './x-modules/search/wiring.js';
+export { cancelFetchAndSaveSearchResponseWire, fetchAndSaveSearchResponseWire, increasePageAppendingResults, resetAppending, resetFacets, resetPage, resetSort, resetSpellcheckQuery, saveOriginWire, searchWiring, setPageSize, setRelatedTags, setSearchExtraParams, setSearchPage, setSearchQuery, setSelectedFilters, setSort, setUrlParams } from './x-modules/search/wiring.js';
 export { searchXModule } from './x-modules/search/x-module.js';
 export { default as ResultsList } from './x-modules/search/components/results-list.vue.js';
 export { default as NextQueriesList } from './x-modules/next-queries/components/next-queries-list.vue.js';
@@ -278,12 +285,16 @@ export { cancelFetchAndSaveRelatedTagsWire, clearRelatedTagsQuery, clearSelected
 export { relatedTagsXModule } from './x-modules/related-tags/x-module.js';
 export { default as RelatedTag } from './x-modules/related-tags/components/related-tag.vue.js';
 export { default as RelatedTags } from './x-modules/related-tags/components/related-tags.vue.js';
+export { default as ScrollToTop } from './x-modules/scroll/components/scroll-to-top.vue.js';
+export { default as WindowScroll } from './x-modules/scroll/components/window-scroll.vue.js';
+export { default as MainScrollItem } from './x-modules/scroll/components/main-scroll-item.vue.js';
 export { default as Banner } from './x-modules/search/components/banner.vue.js';
 export { default as BannersList } from './x-modules/search/components/banners-list.vue.js';
 export { default as PartialQueryButton } from './x-modules/search/components/partial-query-button.vue.js';
 export { default as PartialResultsList } from './x-modules/search/components/partial-results-list.vue.js';
 export { default as Promoted } from './x-modules/search/components/promoted.vue.js';
 export { default as PromotedsList } from './x-modules/search/components/promoteds-list.vue.js';
+export { default as Redirection } from './x-modules/search/components/redirection.vue.js';
 export { default as SortMixin } from './x-modules/search/components/sort.mixin.js';
 export { default as SortDropdown } from './x-modules/search/components/sort-dropdown.vue.js';
 export { default as SortList } from './x-modules/search/components/sort-list.vue.js';
@@ -296,12 +307,14 @@ export { searchBoxXModule } from './x-modules/search-box/x-module.js';
 export { default as ClearSearchInput } from './x-modules/search-box/components/clear-search-input.vue.js';
 export { default as SearchButton } from './x-modules/search-box/components/search-button.vue.js';
 export { default as SearchInput } from './x-modules/search-box/components/search-input.vue.js';
+export { DefaultSessionService } from './x-modules/tagging/service/session.service.js';
 export { taggingXStoreModule } from './x-modules/tagging/store/module.js';
 export { taggingEmitters } from './x-modules/tagging/store/emitters.js';
-export { taggingWiring } from './x-modules/tagging/wiring.js';
+export { setConsent, setQueryTaggingDebounce, setSessionDuration, taggingWiring } from './x-modules/tagging/wiring.js';
 export { taggingXModule } from './x-modules/tagging/x-module.js';
 export { urlXStoreModule } from './x-modules/url/store/module.js';
 export { replaceableParams, urlEmitters } from './x-modules/url/store/emitters.js';
-export { setUrlExtraParams, setUrlFilters, setUrlPage, setUrlQuery, setUrlRelatedTags, updateStoreFromUrl, urlWiring } from './x-modules/url/wiring.js';
+export { setInitialExtraParams, setParams, setUrlFilters, setUrlPage, setUrlQuery, setUrlRelatedTags, setUrlScroll, setUrlSort, urlWiring } from './x-modules/url/wiring.js';
 export { urlXModule } from './x-modules/url/x-module.js';
+export { default as UrlHandler } from './x-modules/url/components/url-handler.vue.js';
 //# sourceMappingURL=index.js.map

package/js/index.js.map

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

package/js/plugins/x-emitters.js

@@ -17,47 +17,81 @@ function registerStoreEmitters(_a, bus, store) {
     var name = _a.name, storeEmitters = _a.storeEmitters, storeModule = _a.storeModule;
     var safeGettersProxy = getGettersProxyFromModule(store.getters, name, storeModule);
     forEach(storeEmitters, function (event, stateSelector) {
-        var _a = normalizeStateSelector(stateSelector), selector = _a.selector, immediate = _a.immediate, filter = _a.filter, options = __rest(_a, ["selector", "immediate", "filter"]);
-        /*
-         * Due the debounce added to the watch callback, the `oldValue` would be the one from the last
-         * watcher execution instead of the last callback execution. This would cause problems receiving
-         * unstable oldValues, used in the Emitter filter.
-         * To solve this, we store the `oldValue` of the watcher in the `previousValue` variable, and we
-         * keep there until the watcher callback is finally executed (after the debounce). Then this
-         * `previousValue` is cleared to store the next `oldValue`.
-         */
-        var previousValue = null;
-        var watcherCallback = debounce(function (newValue, oldValue) {
+        var _a = normalizeStateSelector(stateSelector, event), selector = _a.selector, immediate = _a.immediate, filter = _a.filter, options = __rest(_a, ["selector", "immediate", "filter"]);
+        var emit = function (value) {
+            bus.emit(event, value, { moduleName: name });
+        };
+        var watcherSelector = function () { return selector(store.state.x[name], safeGettersProxy); };
+        var debouncedEffect = debounceWatcherEffect(event, function (newValue, oldValue) {
             if (filter(newValue, oldValue)) {
-                bus.emit(event, newValue, { moduleName: name });
+                emit(newValue);
             }
-            previousValue = null;
-        }, 0);
-        store.watch(function (state) { return selector(state.x[name], safeGettersProxy); }, function (newValue, oldValue) {
-            previousValue = previousValue !== null && previousValue !== void 0 ? previousValue : oldValue;
-            watcherCallback(newValue, previousValue);
-        }, options);
+        });
+        store.watch(watcherSelector, debouncedEffect, options);
         if (immediate) {
             Promise.resolve().then(function () {
-                bus.emit(event, selector(store.state.x[name], safeGettersProxy));
+                emit(watcherSelector());
             });
         }
     });
 }
+/**
+ * This function "wraps" the watcher effect (the callback of the watcher) with debounce to avoid
+ * repeating events and request. Right now this function wraps every effect in a debounce and adds
+ * an extra debounce to the "SecondLevelEvent" events, to try to delay this events after the state
+ * change events.
+ *
+ * @param event - The {@link XEvent} to emit.
+ * @param watcherEffect - The callback to execute.
+ * @returns A new function with the `watcherEffect` callback wrapped in debounce.
+ */
+function debounceWatcherEffect(event, watcherEffect) {
+    /*
+     * Due the debounce added to the watch callback, the `oldValue` would be the one from the last
+     * watcher execution instead of the last callback execution. This would cause problems receiving
+     * unstable oldValues, used in the Emitter filter.
+     * To solve this, we store the `oldValue` of the watcher in the `previousValue` variable, and we
+     * keep there until the watcher callback is finally executed (after the debounce). Then this
+     * `previousValue` is cleared to store the next `oldValue`.
+     */
+    var previousValue = undefined;
+    var watcherCallback = debounce(function (newValue, oldValue) {
+        watcherEffect(newValue, oldValue);
+        previousValue = undefined;
+    }, 0);
+    /* Only applying the extra debounce to the "SecondLevelEvent" events to avoid repeating outer
+     * effects (requests, URL changes). If we only apply the debounce to all the events we still have
+     * the problem of outer effects. */
+    if (isSecondLevelEventEmitter(event)) {
+        var previousCallback_1 = watcherCallback;
+        var debouncedPreviousCallback_1 = debounce(previousCallback_1, 0);
+        watcherCallback = (function (n, o) {
+            previousCallback_1.cancel();
+            debouncedPreviousCallback_1(n, o);
+        });
+    }
+    return function (newValue, oldValue) {
+        previousValue = previousValue !== undefined ? previousValue : oldValue;
+        watcherCallback(newValue, previousValue);
+    };
+}
 /**
  * Transforms a {@link AnySimpleStateSelector} into a {@link AnyStateSelector}, and sets
  * default values for its properties.
  *
  * @param stateSelector - The state selector to normalize.
+ * @param event - The event name of the emitter.
  * @returns A {@link AnyStateSelector} with all the properties set.
  *
  * @internal
  */
-function normalizeStateSelector(stateSelector) {
+function normalizeStateSelector(stateSelector, event) {
     var normalizedSelector = isSimpleSelector(stateSelector)
         ? { selector: stateSelector }
         : stateSelector;
-    return __assign({ deep: false, immediate: false, filter: function () { return true; } }, normalizedSelector);
+    return __assign({ deep: false, immediate: false, filter: isSecondLevelEventEmitter(event)
+            ? function (newValue, oldValue) { return !hasPayloadChanged(newValue, oldValue); }
+            : function () { return true; } }, normalizedSelector);
 }
 /**
  * Checks if a the type of the store emitter selector is simple or complex. This selector can be
@@ -70,6 +104,43 @@ function normalizeStateSelector(stateSelector) {
  */
 function isSimpleSelector(stateSelector) {
     return typeof stateSelector === 'function';
+}
+// TODO: Generalize the Naming of the Events to take this into account
+var secondLevelEvents = [/RequestChanged$/, /UrlStateChanged$/];
+/**
+ * Function to detect if an {@link XEvent} is a "SecondLevelEvent", to treat it differently.
+ *
+ * @param event - The name of the {@link XEvent} to check.
+ * @returns True if is an `SecondLevelEvent`, False otherwise.
+ *
+ * @internal
+ */
+function isSecondLevelEventEmitter(event) {
+    return secondLevelEvents.some(function (regex) { return regex.test(event); });
+}
+/**
+ * Function to filter if a payload of an {@link XEvent} has really changed or not. It only
+ * compares the first level of fields and not deeply, to avoid CPU consuming task here.
+ *
+ * @param request1 - First request to compare.
+ * @param request2 - Second request to compare.
+ * @returns True if the two objects are different, false otherwise.
+ *
+ * @internal
+ */
+function hasPayloadChanged(request1, request2) {
+    if (request1 === request2) {
+        return true;
+    }
+    if (!request1 || !request2) {
+        return false;
+    }
+    var keys1 = Object.keys(request1);
+    var keys2 = Object.keys(request2);
+    if (keys1.length !== keys2.length) {
+        return false;
+    }
+    return !keys1.some(function (key) { return request1[key] !== request2[key]; });
 }
 
 export { isSimpleSelector, registerStoreEmitters };

package/js/plugins/x-emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-emitters.js","sources":["../../../src/plugins/x-emitters.ts"],"sourcesContent":["import { Store } from 'vuex';\nimport { getGettersProxyFromModule } from '../store/utils/getters-proxy.utils';\nimport { AnySimpleStateSelector, AnyStateSelector } from '../store/utils/store-emitters.utils';\nimport { debounce } from '../utils/debounce';\nimport { forEach } from '../utils/object';\nimport { AnyXModule } from '../x-modules/x-modules.types';\nimport { XBus } from './x-bus.types';\n\n/**\n * Registers the store emitters, making them emit the event when the part of the state selected\n * changes.\n *\n * @param xModule - The {@link XModule} to register its Store Emitters.\n * @param bus - The {@Link XBus} to emit the events by the Emitters.\n * @param store - The Vuex store to access to state and getters to watch them.\n *\n * @internal\n */\nexport function registerStoreEmitters(\n  { name, storeEmitters, storeModule }: AnyXModule,\n  bus: XBus,\n  store: Store<any>\n): void {\n  const safeGettersProxy = getGettersProxyFromModule(store.getters, name, storeModule);\n  forEach(storeEmitters, (event, stateSelector: AnySimpleStateSelector | AnyStateSelector) => {\n    const { selector, immediate, filter, ...options } = normalizeStateSelector(stateSelector);\n    /*\n     * Due the debounce added to the watch callback, the `oldValue` would be the one from the last\n     * watcher execution instead of the last callback execution. This would cause problems receiving\n     * unstable oldValues, used in the Emitter filter.\n     * To solve this, we store the `oldValue` of the watcher in the `previousValue` variable, and we\n     * keep there until the watcher callback is finally executed (after the debounce). Then this\n     * `previousValue` is cleared to store the next `oldValue`.\n     */\n    let previousValue: any = null;\n\n    const watcherCallback = debounce((newValue, oldValue) => {\n      if (filter(newValue, oldValue)) {\n        bus.emit(event, newValue, { moduleName: name });\n      }\n      previousValue = null;\n    }, 0);\n\n    store.watch(\n      state => selector(state.x[name], safeGettersProxy),\n      (newValue, oldValue) => {\n        previousValue = previousValue ?? oldValue;\n        watcherCallback(newValue, previousValue);\n      },\n      options\n    );\n\n    if (immediate) {\n      Promise.resolve().then(() => {\n        bus.emit(event, selector(store.state.x[name], safeGettersProxy));\n      });\n    }\n  });\n}\n\n/**\n * Transforms a {@link AnySimpleStateSelector} into a {@link AnyStateSelector}, and sets\n * default values for its properties.\n *\n * @param stateSelector - The state selector to normalize.\n * @returns A {@link AnyStateSelector} with all the properties set.\n *\n * @internal\n */\nfunction normalizeStateSelector(\n  stateSelector: AnySimpleStateSelector | AnyStateSelector\n): Required<AnyStateSelector> {\n  const normalizedSelector = isSimpleSelector(stateSelector)\n    ? { selector: stateSelector }\n    : stateSelector;\n  return {\n    deep: false,\n    immediate: false,\n    filter: () => true,\n    ...normalizedSelector\n  };\n}\n\n/**\n * Checks if a the type of the store emitter selector is simple or complex. This selector can be\n * a function if it is simple or an object with the selector and other options if it is complex.\n *\n * @param stateSelector - The store emitter selector.\n * @returns A boolean which flags if the stateSelector is simple (function) or complex (object).\n *\n * @internal\n */\nexport function isSimpleSelector(\n  stateSelector: AnySimpleStateSelector | AnyStateSelector\n): stateSelector is AnySimpleStateSelector {\n  return typeof stateSelector === 'function';\n}\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;SAUgB,qBAAqB,CACnC,EAAgD,EAChD,GAAS,EACT,KAAiB;QAFf,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAA;IAIlC,IAAM,gBAAgB,GAAG,yBAAyB,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IACrF,OAAO,CAAC,aAAa,EAAE,UAAC,KAAK,EAAE,aAAwD;QACrF,IAAM,KAA8C,sBAAsB,CAAC,aAAa,CAAC,EAAjF,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAK,OAAO,cAAzC,mCAA2C,CAAwC,CAAC;;;;;;;;;QAS1F,IAAI,aAAa,GAAQ,IAAI,CAAC;QAE9B,IAAM,eAAe,GAAG,QAAQ,CAAC,UAAC,QAAQ,EAAE,QAAQ;YAClD,IAAI,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE;gBAC9B,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;aACjD;YACD,aAAa,GAAG,IAAI,CAAC;SACtB,EAAE,CAAC,CAAC,CAAC;QAEN,KAAK,CAAC,KAAK,CACT,UAAA,KAAK,IAAI,OAAA,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC,GAAA,EAClD,UAAC,QAAQ,EAAE,QAAQ;YACjB,aAAa,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,QAAQ,CAAC;YAC1C,eAAe,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;SAC1C,EACD,OAAO,CACR,CAAC;QAEF,IAAI,SAAS,EAAE;YACb,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC;gBACrB,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC;aAClE,CAAC,CAAC;SACJ;KACF,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;;;AASA,SAAS,sBAAsB,CAC7B,aAAwD;IAExD,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,aAAa,CAAC;UACtD,EAAE,QAAQ,EAAE,aAAa,EAAE;UAC3B,aAAa,CAAC;IAClB,kBACE,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,cAAM,OAAA,IAAI,GAAA,IACf,kBAAkB,EACrB;AACJ,CAAC;AAED;;;;;;;;;SASgB,gBAAgB,CAC9B,aAAwD;IAExD,OAAO,OAAO,aAAa,KAAK,UAAU,CAAC;AAC7C;;;;"}
+{"version":3,"file":"x-emitters.js","sources":["../../../src/plugins/x-emitters.ts"],"sourcesContent":["import { Store } from 'vuex';\nimport { getGettersProxyFromModule } from '../store/utils/getters-proxy.utils';\nimport { AnySimpleStateSelector, AnyStateSelector } from '../store/utils/store-emitters.utils';\nimport { debounce } from '../utils/debounce';\nimport { forEach } from '../utils/object';\nimport { DebouncedFunction, Dictionary } from '../utils/types';\nimport { XEvent } from '../wiring/events.types';\nimport { AnyXModule } from '../x-modules/x-modules.types';\nimport { XBus } from './x-bus.types';\n\n/**\n * Registers the store emitters, making them emit the event when the part of the state selected\n * changes.\n *\n * @param xModule - The {@link XModule} to register its Store Emitters.\n * @param bus - The {@Link XBus} to emit the events by the Emitters.\n * @param store - The Vuex store to access to state and getters to watch them.\n *\n * @internal\n */\nexport function registerStoreEmitters(\n  { name, storeEmitters, storeModule }: AnyXModule,\n  bus: XBus,\n  store: Store<any>\n): void {\n  const safeGettersProxy = getGettersProxyFromModule(store.getters, name, storeModule);\n  forEach(storeEmitters, (event, stateSelector: AnySimpleStateSelector | AnyStateSelector) => {\n    const { selector, immediate, filter, ...options } = normalizeStateSelector(\n      stateSelector,\n      event\n    );\n\n    const emit = (value: unknown): void => {\n      bus.emit(event, value, { moduleName: name });\n    };\n    const watcherSelector = (): unknown => selector(store.state.x[name], safeGettersProxy);\n    const debouncedEffect = debounceWatcherEffect(event, (newValue, oldValue) => {\n      if (filter(newValue, oldValue)) {\n        emit(newValue);\n      }\n    });\n\n    store.watch(watcherSelector, debouncedEffect, options);\n\n    if (immediate) {\n      Promise.resolve().then(() => {\n        emit(watcherSelector());\n      });\n    }\n  });\n}\n\n/**\n * This function \"wraps\" the watcher effect (the callback of the watcher) with debounce to avoid\n * repeating events and request. Right now this function wraps every effect in a debounce and adds\n * an extra debounce to the \"SecondLevelEvent\" events, to try to delay this events after the state\n * change events.\n *\n * @param event - The {@link XEvent} to emit.\n * @param watcherEffect - The callback to execute.\n * @returns A new function with the `watcherEffect` callback wrapped in debounce.\n */\nfunction debounceWatcherEffect(\n  event: XEvent,\n  watcherEffect: (newValue: unknown, oldValue: unknown) => void\n): (newValue: unknown, oldValue: unknown) => void {\n  /*\n   * Due the debounce added to the watch callback, the `oldValue` would be the one from the last\n   * watcher execution instead of the last callback execution. This would cause problems receiving\n   * unstable oldValues, used in the Emitter filter.\n   * To solve this, we store the `oldValue` of the watcher in the `previousValue` variable, and we\n   * keep there until the watcher callback is finally executed (after the debounce). Then this\n   * `previousValue` is cleared to store the next `oldValue`.\n   */\n  let previousValue: unknown = undefined;\n\n  let watcherCallback = debounce((newValue: unknown, oldValue: unknown): void => {\n    watcherEffect(newValue, oldValue);\n    previousValue = undefined;\n  }, 0);\n  /* Only applying the extra debounce to the \"SecondLevelEvent\" events to avoid repeating outer\n   * effects (requests, URL changes). If we only apply the debounce to all the events we still have\n   * the problem of outer effects. */\n  if (isSecondLevelEventEmitter(event)) {\n    const previousCallback = watcherCallback;\n    const debouncedPreviousCallback = debounce(previousCallback, 0);\n    watcherCallback = ((n, o) => {\n      previousCallback.cancel();\n      debouncedPreviousCallback(n, o);\n    }) as DebouncedFunction<any>;\n  }\n\n  return (newValue, oldValue) => {\n    previousValue = previousValue !== undefined ? previousValue : oldValue;\n    watcherCallback(newValue, previousValue);\n  };\n}\n\n/**\n * Transforms a {@link AnySimpleStateSelector} into a {@link AnyStateSelector}, and sets\n * default values for its properties.\n *\n * @param stateSelector - The state selector to normalize.\n * @param event - The event name of the emitter.\n * @returns A {@link AnyStateSelector} with all the properties set.\n *\n * @internal\n */\nfunction normalizeStateSelector(\n  stateSelector: AnySimpleStateSelector | AnyStateSelector,\n  event: XEvent\n): Required<AnyStateSelector> {\n  const normalizedSelector = isSimpleSelector(stateSelector)\n    ? { selector: stateSelector }\n    : stateSelector;\n  return {\n    deep: false,\n    immediate: false,\n    filter: isSecondLevelEventEmitter(event)\n      ? (newValue, oldValue) => !hasPayloadChanged(newValue, oldValue)\n      : () => true,\n    ...normalizedSelector\n  };\n}\n\n/**\n * Checks if a the type of the store emitter selector is simple or complex. This selector can be\n * a function if it is simple or an object with the selector and other options if it is complex.\n *\n * @param stateSelector - The store emitter selector.\n * @returns A boolean which flags if the stateSelector is simple (function) or complex (object).\n *\n * @internal\n */\nexport function isSimpleSelector(\n  stateSelector: AnySimpleStateSelector | AnyStateSelector\n): stateSelector is AnySimpleStateSelector {\n  return typeof stateSelector === 'function';\n}\n\n// TODO: Generalize the Naming of the Events to take this into account\nconst secondLevelEvents: RegExp[] = [/RequestChanged$/, /UrlStateChanged$/];\n\n/**\n * Function to detect if an {@link XEvent} is a \"SecondLevelEvent\", to treat it differently.\n *\n * @param event - The name of the {@link XEvent} to check.\n * @returns True if is an `SecondLevelEvent`, False otherwise.\n *\n * @internal\n */\nfunction isSecondLevelEventEmitter(event: XEvent): boolean {\n  return secondLevelEvents.some(regex => regex.test(event));\n}\n/**\n * Function to filter if a payload of an {@link XEvent} has really changed or not. It only\n * compares the first level of fields and not deeply, to avoid CPU consuming task here.\n *\n * @param request1 - First request to compare.\n * @param request2 - Second request to compare.\n * @returns True if the two objects are different, false otherwise.\n *\n * @internal\n */\nfunction hasPayloadChanged<T extends Dictionary>(request1?: T, request2?: T): boolean {\n  if (request1 === request2) {\n    return true;\n  }\n  if (!request1 || !request2) {\n    return false;\n  }\n  const keys1 = Object.keys(request1);\n  const keys2 = Object.keys(request2);\n  if (keys1.length !== keys2.length) {\n    return false;\n  }\n  return !keys1.some(key => request1[key] !== request2[key]);\n}\n"],"names":[],"mappings":"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"}

package/js/plugins/x-plugin.alias.js

@@ -45,61 +45,72 @@ function getAliasAPI(store) {
     return {
         query: query,
         status: status,
-        get nextQueries() {
-            var _a;
-            return (_a = store.getters[getGetterPath('nextQueries', 'nextQueries')]) !== null && _a !== void 0 ? _a : [];
-        },
-        get popularSearches() {
+        get device() {
             var _a, _b;
-            return (_b = (_a = store.state.x.popularSearches) === null || _a === void 0 ? void 0 : _a.popularSearches) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = store.state.x.device) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : null;
+        },
+        get facets() {
+            var _a;
+            return (_a = store.getters[getGetterPath('facets', 'facets')]) !== null && _a !== void 0 ? _a : {};
         },
         get historyQueries() {
             var _a;
             return (_a = store.getters[getGetterPath('historyQueries', 'historyQueries')]) !== null && _a !== void 0 ? _a : [];
         },
-        get querySuggestions() {
+        get identifierResults() {
             var _a, _b;
-            return (_b = (_a = store.state.x.querySuggestions) === null || _a === void 0 ? void 0 : _a.suggestions) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = store.state.x.identifierResults) === null || _a === void 0 ? void 0 : _a.identifierResults) !== null && _b !== void 0 ? _b : [];
         },
-        get relatedTags() {
+        get isEmpathizeOpen() {
+            var _a, _b;
+            return (_b = (_a = store.state.x.empathize) === null || _a === void 0 ? void 0 : _a.isOpen) !== null && _b !== void 0 ? _b : false;
+        },
+        get nextQueries() {
             var _a;
-            return (_a = store.getters[getGetterPath('relatedTags', 'relatedTags')]) !== null && _a !== void 0 ? _a : [];
+            return (_a = store.getters[getGetterPath('nextQueries', 'nextQueries')]) !== null && _a !== void 0 ? _a : [];
         },
-        get selectedRelatedTags() {
+        get noResults() {
+            return !this.totalResults && !!this.query.search && this.status.search === 'success';
+        },
+        get partialResults() {
             var _a, _b;
-            return (_b = (_a = store.state.x.relatedTags) === null || _a === void 0 ? void 0 : _a.selectedRelatedTags) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = store.state.x.search) === null || _a === void 0 ? void 0 : _a.partialResults) !== null && _b !== void 0 ? _b : [];
         },
-        get identifierResults() {
+        get popularSearches() {
             var _a, _b;
-            return (_b = (_a = store.state.x.identifierResults) === null || _a === void 0 ? void 0 : _a.identifierResults) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = store.state.x.popularSearches) === null || _a === void 0 ? void 0 : _a.popularSearches) !== null && _b !== void 0 ? _b : [];
+        },
+        get querySuggestions() {
+            var _a, _b;
+            return (_b = (_a = store.state.x.querySuggestions) === null || _a === void 0 ? void 0 : _a.suggestions) !== null && _b !== void 0 ? _b : [];
         },
         get recommendations() {
             var _a, _b;
             return (_b = (_a = store.state.x.recommendations) === null || _a === void 0 ? void 0 : _a.recommendations) !== null && _b !== void 0 ? _b : [];
         },
-        get facets() {
+        get redirections() {
+            var _a, _b;
+            return (_b = (_a = store.state.x.search) === null || _a === void 0 ? void 0 : _a.redirections) !== null && _b !== void 0 ? _b : [];
+        },
+        get relatedTags() {
             var _a;
-            return (_a = store.getters[getGetterPath('facets', 'facets')]) !== null && _a !== void 0 ? _a : {};
+            return (_a = store.getters[getGetterPath('relatedTags', 'relatedTags')]) !== null && _a !== void 0 ? _a : [];
         },
         get selectedFilters() {
             var _a;
             return (_a = store.getters[getGetterPath('facets', 'selectedFilters')]) !== null && _a !== void 0 ? _a : [];
         },
-        get totalResults() {
-            var _a, _b;
-            return (_b = (_a = store.state.x.search) === null || _a === void 0 ? void 0 : _a.totalResults) !== null && _b !== void 0 ? _b : 0;
-        },
-        get isEmpathizeOpen() {
-            var _a, _b;
-            return (_b = (_a = store.state.x.empathize) === null || _a === void 0 ? void 0 : _a.isOpen) !== null && _b !== void 0 ? _b : false;
-        },
-        get device() {
+        get selectedRelatedTags() {
             var _a, _b;
-            return (_b = (_a = store.state.x.device) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : null;
+            return (_b = (_a = store.state.x.relatedTags) === null || _a === void 0 ? void 0 : _a.selectedRelatedTags) !== null && _b !== void 0 ? _b : [];
         },
         get spellcheckedQuery() {
             var _a, _b;
             return (_b = (_a = store.state.x.search) === null || _a === void 0 ? void 0 : _a.spellcheckedQuery) !== null && _b !== void 0 ? _b : null;
+        },
+        get totalResults() {
+            var _a, _b;
+            return (_b = (_a = store.state.x.search) === null || _a === void 0 ? void 0 : _a.totalResults) !== null && _b !== void 0 ? _b : 0;
         }
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"x-plugin.alias.js","sources":["../../../src/plugins/x-plugin.alias.ts"],"sourcesContent":["import { Store } from 'vuex';\nimport { RootXStoreState } from '../store';\nimport { RequestStatus } from '../store/utils/status-store.utils';\nimport {\n  XComponentAliasAPI,\n  XComponentAliasQueryAPI,\n  XComponentAliasStatusAPI\n} from './x-plugin.types';\nimport { getGetterPath } from './x-plugin.utils';\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @param store - The store from which retrieve the data.\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n * @internal\n */\nexport function getAliasAPI(\n  store: Store<{ x: Partial<RootXStoreState['x']> }>\n): XComponentAliasAPI {\n  const queryModules = [\n    'searchBox',\n    'nextQueries',\n    'querySuggestions',\n    'relatedTags',\n    'search'\n  ] as const;\n  const statusModules = [\n    'identifierResults',\n    'nextQueries',\n    'popularSearches',\n    'querySuggestions',\n    'recommendations',\n    'relatedTags',\n    'search'\n  ] as const;\n\n  const query = queryModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): string {\n        return store.state.x[moduleName]?.query ?? '';\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasQueryAPI);\n  const status = statusModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): RequestStatus | undefined {\n        return store.state.x[moduleName]?.status;\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasStatusAPI);\n\n  return {\n    query,\n    status,\n    get nextQueries() {\n      return store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];\n    },\n    get popularSearches() {\n      return store.state.x.popularSearches?.popularSearches ?? [];\n    },\n    get historyQueries() {\n      return store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];\n    },\n    get querySuggestions() {\n      return store.state.x.querySuggestions?.suggestions ?? [];\n    },\n    get relatedTags() {\n      return store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? [];\n    },\n    get selectedRelatedTags() {\n      return store.state.x.relatedTags?.selectedRelatedTags ?? [];\n    },\n    get identifierResults() {\n      return store.state.x.identifierResults?.identifierResults ?? [];\n    },\n    get recommendations() {\n      return store.state.x.recommendations?.recommendations ?? [];\n    },\n    get facets() {\n      return store.getters[getGetterPath('facets', 'facets')] ?? {};\n    },\n    get selectedFilters() {\n      return store.getters[getGetterPath('facets', 'selectedFilters')] ?? [];\n    },\n    get totalResults() {\n      return store.state.x.search?.totalResults ?? 0;\n    },\n    get isEmpathizeOpen() {\n      return store.state.x.empathize?.isOpen ?? false;\n    },\n    get device() {\n      return store.state.x.device?.name ?? null;\n    },\n    get spellcheckedQuery() {\n      return store.state.x.search?.spellcheckedQuery ?? null;\n    }\n  };\n}\n"],"names":[],"mappings":";;AAUA;;;;;;;SAOgB,WAAW,CACzB,KAAkD;IAElD,IAAM,YAAY,GAAG;QACnB,WAAW;QACX,aAAa;QACb,kBAAkB;QAClB,aAAa;QACb,QAAQ;KACA,CAAC;IACX,IAAM,aAAa,GAAG;QACpB,mBAAmB;QACnB,aAAa;QACb,iBAAiB;QACjB,kBAAkB;QAClB,iBAAiB;QACjB,aAAa;QACb,QAAQ;KACA,CAAC;IAEX,IAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,UAAU;QAChD,OAAO,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,UAAU,EAAE;YAC5C,GAAG,EAAH;;gBACE,OAAO,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,0CAAE,KAAK,mCAAI,EAAE,CAAC;aAC/C;YACD,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;KACJ,EAAE,EAA6B,CAAC,CAAC;IAClC,IAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,UAAU;QAClD,OAAO,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,UAAU,EAAE;YAC5C,GAAG,EAAH;;gBACE,OAAO,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,0CAAE,MAAM,CAAC;aAC1C;YACD,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;KACJ,EAAE,EAA8B,CAAC,CAAC;IAEnC,OAAO;QACL,KAAK,OAAA;QACL,MAAM,QAAA;QACN,IAAI,WAAW;;YACb,OAAO,MAAA,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,mCAAI,EAAE,CAAC;SACzE;QACD,IAAI,eAAe;;YACjB,OAAO,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,0CAAE,eAAe,mCAAI,EAAE,CAAC;SAC7D;QACD,IAAI,cAAc;;YAChB,OAAO,MAAA,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,mCAAI,EAAE,CAAC;SAC/E;QACD,IAAI,gBAAgB;;YAClB,OAAO,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,0CAAE,WAAW,mCAAI,EAAE,CAAC;SAC1D;QACD,IAAI,WAAW;;YACb,OAAO,MAAA,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,mCAAI,EAAE,CAAC;SACzE;QACD,IAAI,mBAAmB;;YACrB,OAAO,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,0CAAE,mBAAmB,mCAAI,EAAE,CAAC;SAC7D;QACD,IAAI,iBAAiB;;YACnB,OAAO,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,0CAAE,iBAAiB,mCAAI,EAAE,CAAC;SACjE;QACD,IAAI,eAAe;;YACjB,OAAO,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,0CAAE,eAAe,mCAAI,EAAE,CAAC;SAC7D;QACD,IAAI,MAAM;;YACR,OAAO,MAAA,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,mCAAI,EAAE,CAAC;SAC/D;QACD,IAAI,eAAe;;YACjB,OAAO,MAAA,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,mCAAI,EAAE,CAAC;SACxE;QACD,IAAI,YAAY;;YACd,OAAO,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,0CAAE,YAAY,mCAAI,CAAC,CAAC;SAChD;QACD,IAAI,eAAe;;YACjB,OAAO,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,0CAAE,MAAM,mCAAI,KAAK,CAAC;SACjD;QACD,IAAI,MAAM;;YACR,OAAO,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,0CAAE,IAAI,mCAAI,IAAI,CAAC;SAC3C;QACD,IAAI,iBAAiB;;YACnB,OAAO,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,0CAAE,iBAAiB,mCAAI,IAAI,CAAC;SACxD;KACF,CAAC;AACJ;;;;"}
+{"version":3,"file":"x-plugin.alias.js","sources":["../../../src/plugins/x-plugin.alias.ts"],"sourcesContent":["import { Store } from 'vuex';\nimport { RootXStoreState } from '../store';\nimport { RequestStatus } from '../store/utils/status-store.utils';\nimport {\n  XComponentAliasAPI,\n  XComponentAliasQueryAPI,\n  XComponentAliasStatusAPI\n} from './x-plugin.types';\nimport { getGetterPath } from './x-plugin.utils';\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @param store - The store from which retrieve the data.\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n * @internal\n */\nexport function getAliasAPI(\n  store: Store<{ x: Partial<RootXStoreState['x']> }>\n): XComponentAliasAPI {\n  const queryModules = [\n    'searchBox',\n    'nextQueries',\n    'querySuggestions',\n    'relatedTags',\n    'search'\n  ] as const;\n  const statusModules = [\n    'identifierResults',\n    'nextQueries',\n    'popularSearches',\n    'querySuggestions',\n    'recommendations',\n    'relatedTags',\n    'search'\n  ] as const;\n\n  const query = queryModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): string {\n        return store.state.x[moduleName]?.query ?? '';\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasQueryAPI);\n  const status = statusModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): RequestStatus | undefined {\n        return store.state.x[moduleName]?.status;\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasStatusAPI);\n\n  return {\n    query,\n    status,\n    get device() {\n      return store.state.x.device?.name ?? null;\n    },\n    get facets() {\n      return store.getters[getGetterPath('facets', 'facets')] ?? {};\n    },\n    get historyQueries() {\n      return store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];\n    },\n    get identifierResults() {\n      return store.state.x.identifierResults?.identifierResults ?? [];\n    },\n    get isEmpathizeOpen() {\n      return store.state.x.empathize?.isOpen ?? false;\n    },\n    get nextQueries() {\n      return store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];\n    },\n    get noResults() {\n      return !this.totalResults && !!this.query.search && this.status.search === 'success';\n    },\n    get partialResults() {\n      return store.state.x.search?.partialResults ?? [];\n    },\n    get popularSearches() {\n      return store.state.x.popularSearches?.popularSearches ?? [];\n    },\n    get querySuggestions() {\n      return store.state.x.querySuggestions?.suggestions ?? [];\n    },\n    get recommendations() {\n      return store.state.x.recommendations?.recommendations ?? [];\n    },\n    get redirections() {\n      return store.state.x.search?.redirections ?? [];\n    },\n    get relatedTags() {\n      return store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? [];\n    },\n    get selectedFilters() {\n      return store.getters[getGetterPath('facets', 'selectedFilters')] ?? [];\n    },\n    get selectedRelatedTags() {\n      return store.state.x.relatedTags?.selectedRelatedTags ?? [];\n    },\n    get spellcheckedQuery() {\n      return store.state.x.search?.spellcheckedQuery ?? null;\n    },\n    get totalResults() {\n      return store.state.x.search?.totalResults ?? 0;\n    }\n  };\n}\n"],"names":[],"mappings":"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"}

package/js/plugins/x-plugin.js

@@ -11,6 +11,7 @@ import '../utils/html.js';
 import '../utils/normalize.js';
 import '../utils/number.js';
 import { forEach } from '../utils/object.js';
+import '../utils/origin.js';
 import '../utils/sanitize.js';
 import '../utils/storage.js';
 import '../utils/string.js';

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

@@ -1 +1 @@
-{"version":3,"file":"x-plugin.js","sources":["../../../src/plugins/x-plugin.ts"],"sourcesContent":["import { SearchAdapter } from '@empathyco/x-adapter';\nimport { deepMerge } from '@empathyco/x-deep-merge';\nimport { PluginObject, VueConstructor } from 'vue';\nimport Vuex, { Module, Store } from 'vuex';\nimport { FILTERS_REGISTRY } from '../filters/filters.registry';\nimport { AnyXStoreModule, RootXStoreState } from '../store/store.types';\nimport { cleanGettersProxyCache } from '../store/utils/getters-proxy.utils';\nimport { RootXStoreModule } from '../store/x.module';\nimport { Dictionary, forEach } from '../utils';\nimport { AnyWire } from '../wiring/wiring.types';\nimport { AnyXModule, XModuleName } from '../x-modules/x-modules.types';\nimport { bus } from './x-bus';\nimport { XBus } from './x-bus.types';\nimport { registerStoreEmitters } from './x-emitters';\nimport { createXComponentAPIMixin } from './x-plugin.mixin';\nimport { AnyXStoreModuleOption, XModuleOptions, XPluginOptions } from './x-plugin.types';\nimport { assertXPluginOptionsAreValid } from './x-plugin.utils';\n\n/**\n * Vue plugin that initializes the properties needed by the x-components, and exposes the events bus\n * and the adapter after it has been installed.\n *\n * @public\n */\nexport class XPlugin implements PluginObject<XPluginOptions> {\n  /**\n   * {@link @empathyco/x-adapter#SearchAdapter | SearchAdapter} Is the middleware between\n   * the components and our API where data can be mapped to client needs.\n   * This property is only available after installing the plugin.\n   *\n   * @returns The installed adapter.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get adapter(): SearchAdapter {\n    return this.getInstance().adapter;\n  }\n\n  /**\n   * Exposed {@link XBus}, so any kind of application can subscribe to {@link XEventsTypes}\n   * without having to pass through a component.\n   * This property is only available after installing the plugin.\n   *\n   * @returns The installed bus.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get bus(): XBus {\n    return this.getInstance().bus;\n  }\n\n  /**\n   * {@link https://vuex.vuejs.org | Vuex Store} Is the place where all shared data\n   * is saved.\n   *\n   * @returns The installed store.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get store(): Store<RootXStoreState> {\n    return this.getInstance().store;\n  }\n\n  /**\n   * Safely retrieves the installed instance of the XPlugin.\n   *\n   * @returns The installed instance of the XPlugin.\n   * @throws If this method is called before calling `Vue.use(xPlugin)`.\n   * @internal\n   */\n  protected static getInstance(): XPlugin {\n    if (!this.instance) {\n      throw Error(\"XPlugin must be installed before accessing it's API.\");\n    }\n    return this.instance;\n  }\n\n  /**\n   * Record of modules that have been tried to be installed before the installation of the plugin.\n   *\n   * @internal\n   */\n  protected static pendingXModules: Partial<Record<XModuleName, AnyXModule>> = {};\n\n  /**\n   * Instance of the installed plugin. Used to expose the bus and the adapter.\n   *\n   * @internal\n   */\n  protected static instance?: XPlugin;\n\n  /**\n   * Bus for retrieving the observables when registering the wiring.\n   *\n   * @internal\n   */\n  protected bus: XBus;\n\n  /**\n   * Adapter for the API, responsible for transforming requests and responses.\n   *\n   * @internal\n   */\n  protected adapter!: SearchAdapter;\n\n  /**\n   * Set of the already installed {@link XModule | XModules} to avoid re-registering them.\n   *\n   * @internal\n   */\n  protected installedXModules = new Set<string>();\n\n  /**\n   * True if the plugin has been installed in a Vue instance, in this case\n   * {@link XModule |Xmodules} will be installed immediately. False otherwise, in this case\n   * {@link XModule | XModules} will be installed lazily when the {@link XPlugin#install} method\n   * is called.\n   *\n   * @internal\n   */\n  protected isInstalled = false;\n\n  /**\n   * The install options of the plugin, where all the customization of\n   * {@link XModule | XModules} is done.\n   *\n   * @internal\n   */\n  protected options!: XPluginOptions;\n\n  /**\n   * The Vuex store, to pass to the wires for its registration, and to register the store\n   * modules on it.\n   *\n   * @internal\n   */\n  protected store!: Store<any>;\n  /**\n   * The global Vue, passed by the install method. Used to apply the global mixin\n   * {@link createXComponentAPIMixin}, and install the {@link https://vuex.vuejs.org/ | Vuex}\n   * plugin.\n   *\n   * @internal\n   */\n  protected vue!: VueConstructor;\n\n  /**\n   * Creates a new instance of the XPlugin with the given bus passed as parameter.\n   *\n   * @param bus - The {@link XBus} implementation to use for the plugin.\n   *\n   * @public\n   */\n  public constructor(bus: XBus) {\n    this.bus = bus;\n  }\n\n  /**\n   * If the plugin has already been installed, it immediately registers a {@link XModule}. If it\n   * has not been installed yet, it stores the module in a list until the plugin is installed.\n   *\n   * @param xModule - The module to register.\n   *\n   * @public\n   */\n  static registerXModule(xModule: AnyXModule): void {\n    if (this.instance) {\n      this.instance.registerXModule(xModule);\n    } else {\n      this.lazyRegisterXModule(xModule);\n    }\n  }\n\n  /**\n   * Utility method for resetting the installed instance of the plugin.\n   *\n   * @remarks Use only for testing.\n   *\n   * @internal\n   */\n  static resetInstance(): void {\n    cleanGettersProxyCache();\n    this.instance = undefined;\n  }\n\n  /**\n   * Stores the {@link XModule} in a dictionary, so it can be registered later in the install\n   * process.\n   *\n   * @param xModule - The module to register.\n   *\n   * @internal\n   */\n  protected static lazyRegisterXModule(xModule: AnyXModule): void {\n    this.pendingXModules[xModule.name] = xModule;\n  }\n\n  /**\n   * Installs the plugin into the Vue instance.\n   *\n   * @param vue - The GlobalVue object.\n   * @param options - The options to install this plugin with.\n   * @throws If the XPlugin has already been installed, or the options are not valid.\n   *\n   * @internal\n   */\n  install(vue: VueConstructor, options?: XPluginOptions): void {\n    if (this.isInstalled) {\n      throw new Error('XPlugin has already been installed');\n    }\n    assertXPluginOptionsAreValid(options);\n    XPlugin.instance = this;\n    this.vue = vue;\n    this.options = options;\n    this.adapter = options.adapter;\n    this.createAdapterConfigChangedListener();\n    this.registerStore();\n    this.applyMixins();\n    this.registerFilters();\n    this.registerInitialModules();\n    this.registerPendingXModules();\n    this.isInstalled = true;\n  }\n\n  /**\n   * Performs the registration of a {@link XModule}.\n   *\n   * @param xModule - The module to register.\n   *\n   * @internal\n   */\n  protected registerXModule(xModule: AnyXModule): void {\n    if (!this.installedXModules.has(xModule.name)) {\n      const customizedXModule = this.customizeXModule(xModule);\n      this.registerStoreModule(customizedXModule);\n      this.registerWiring(customizedXModule);\n      this.registerStoreEmitters(customizedXModule);\n      this.installedXModules.add(xModule.name);\n    }\n  }\n\n  /**\n   * Performs a customization of a {@link XModule} using the XPlugin public and private options.\n   *\n   * @param xModule - The module to customize.\n   * @returns The customized xModule.\n   *\n   * @internal\n   */\n  customizeXModule({\n    name,\n    wiring,\n    storeModule,\n    storeEmitters,\n    ...restXModule\n  }: AnyXModule): AnyXModule {\n    const { wiring: wiringOptions, config }: XModuleOptions<XModuleName> =\n      this.options.xModules?.[name] ?? {};\n\n    const { storeModule: storeModuleOptions, storeEmitters: emittersOptions } =\n      this.options.__PRIVATE__xModules?.[name] ?? {};\n\n    return {\n      name,\n      wiring: wiringOptions ? deepMerge({}, wiring, wiringOptions) : wiring,\n      storeModule: this.customizeStoreModule(storeModule, storeModuleOptions ?? {}, config),\n      storeEmitters: emittersOptions\n        ? deepMerge({}, storeEmitters, emittersOptions)\n        : storeEmitters,\n      ...restXModule\n    };\n  }\n\n  /**\n   * Performs the registration of the wiring, retrieving the observable for each event, and\n   * executing each wire.\n   *\n   * @param xModule - The {@link XModule} to register its wiring.\n   *\n   * @internal\n   */\n  protected registerWiring({ wiring }: AnyXModule): void {\n    forEach(wiring, (event, wires: Dictionary<AnyWire>) => {\n      // Obtain the observable\n      const observable = this.bus.on(event, true);\n      // Register event wires\n      forEach(wires, (_, wire) => {\n        wire(observable, this.store, this.bus.on.bind(this.bus));\n      });\n    });\n  }\n\n  /**\n   * Registers a {@link https://vuex.vuejs.org/ | Vuex} store module under the 'x' module.\n   *\n   * @param xModule - The {@link XModule} to register its Store Module.\n   *\n   * @internal\n   */\n  protected registerStoreModule({ name, storeModule }: AnyXModule): void {\n    (storeModule as Module<any, any>).namespaced = true;\n    this.store.registerModule(['x', name], storeModule);\n  }\n\n  /**\n   * Overrides a {@link https://vuex.vuejs.org/ | Vuex} store module definition.\n   *\n   * Priority of configuration merging.\n   * 1st {@link XPluginOptions.xModules | xModules XPlugin option}.\n   * 2nd {@link XPluginOptions.__PRIVATE__xModules | Private xModules XPlugin option}.\n   * 3rd {@link XStoreModule.state | Default state of the xModule}.\n   *\n   * @param defaultModule - The default store module to override.\n   * @param moduleOptions - The state, actions, mutations and getters to override the defaultModule.\n   * @param configOptions - The state config to override the moduleOptions.\n   * @returns The {@link XStoreModule} customized.\n   *\n   * @internal\n   */\n  protected customizeStoreModule(\n    { state: defaultState, ...actionsGettersMutations }: AnyXStoreModule,\n    { state: xModuleState, ...newActionsGettersMutations }: AnyXStoreModuleOption,\n    configOptions: unknown\n  ): AnyXStoreModule {\n    const configOptionsObject = configOptions ? { config: configOptions } : {};\n    const customizedModule = deepMerge({}, actionsGettersMutations, newActionsGettersMutations);\n    customizedModule.state = deepMerge(defaultState(), xModuleState, configOptionsObject);\n    return customizedModule;\n  }\n\n  /**\n   * Registers the store emitters, making them emit the event when the part of the state selected\n   * changes.\n   *\n   * @param xModule - The {@link XModule} to register its Store Emitters.\n   *\n   * @internal\n   */\n  protected registerStoreEmitters(xModule: AnyXModule): void {\n    registerStoreEmitters(xModule, this.bus, this.store);\n  }\n\n  /**\n   * Registers the {@link https://vuex.vuejs.org/ | Vuex} store. If the store has not been passed\n   * through the {@link XPluginOptions} object, it creates one, and injects it in the Vue\n   * prototype. Then it register an x module in the store, to safe scope all the\n   * {@link XModule | XModules} dynamically installed.\n   *\n   * @internal\n   */\n  protected registerStore(): void {\n    this.vue.use(Vuex); // We can safely install Vuex because if it is already installed Vue\n    // will simply ignore it\n    this.store =\n      this.options.store ??\n      new Store({\n        strict: process.env.NODE_ENV !== 'production'\n      });\n    if (!this.options.store) {\n      this.vue.prototype.$store = this.store;\n    }\n    this.store.registerModule('x', RootXStoreModule);\n  }\n\n  /**\n   * Applies the {@link createXComponentAPIMixin} mixin in the global Vue.\n   *\n   * @internal\n   */\n  protected applyMixins(): void {\n    this.vue.mixin(createXComponentAPIMixin(this.bus));\n  }\n\n  /**\n   * Registers the initial {@link XModule | XModules} during the {@link XPlugin} installation.\n   *\n   * @internal\n   */\n  protected registerInitialModules(): void {\n    this.options.initialXModules?.forEach(xModule => {\n      this.registerXModule(xModule);\n    });\n  }\n\n  /**\n   * Registers the pending {@link XModule | XModules}, that requested to be registered before the\n   * installation of the plugin.\n   *\n   * @internal\n   */\n  protected registerPendingXModules(): void {\n    forEach(XPlugin.pendingXModules, (_, xModule) => {\n      this.registerXModule(xModule);\n    });\n    XPlugin.pendingXModules = {};\n  }\n\n  /**\n   * If the received adapter supports it, it registers a listener to emit the\n   * {@link XEventsTypes.AdapterConfigChanged} event whenever the config of it changes.\n   *\n   * @internal\n   */\n  protected createAdapterConfigChangedListener(): void {\n    this.options.adapter.addConfigChangedListener?.(newAdapterConfig => {\n      this.bus.emit('AdapterConfigChanged', newAdapterConfig);\n    });\n  }\n\n  /**\n   * Registers filters globally.\n   *\n   * @internal\n   */\n  protected registerFilters(): void {\n    forEach(FILTERS_REGISTRY, (filterName, filterFunction) =>\n      this.vue.filter(filterName, filterFunction)\n    );\n  }\n}\n\n/**\n * Vue plugin that modifies each component instance, extending them with the\n * {@link XComponentAPI | X Component API }.\n *\n * @example\n * Minimal installation example. A search adapter is needed for the plugin to work, and connect to\n * the API.\n * ```typescript\n * const adapter = new EmpathyAdapterBuilder()\n *  .withConfiguration({instance: 'my-instance-id'})\n *  .build();\n * Vue.use(xPlugin, { adapter });\n * ```\n *\n * @example\n * If you are using {@link https://vuex.vuejs.org/ | Vuex} in your project you must install its\n *   plugin, and instantiate an store before installing the XPlugin:\n * ```typescript\n * Vue.use(Vuex);\n * const store = new Store({ ... });\n * Vue.use(xPlugin, { adapter, store });\n * ```\n * @public\n */\nexport const xPlugin = new XPlugin(bus);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"x-plugin.js","sources":["../../../src/plugins/x-plugin.ts"],"sourcesContent":["import { SearchAdapter } from '@empathyco/x-adapter';\nimport { deepMerge } from '@empathyco/x-deep-merge';\nimport { PluginObject, VueConstructor } from 'vue';\nimport Vuex, { Module, Store } from 'vuex';\nimport { FILTERS_REGISTRY } from '../filters/filters.registry';\nimport { AnyXStoreModule, RootXStoreState } from '../store/store.types';\nimport { cleanGettersProxyCache } from '../store/utils/getters-proxy.utils';\nimport { RootXStoreModule } from '../store/x.module';\nimport { Dictionary, forEach } from '../utils';\nimport { AnyWire } from '../wiring/wiring.types';\nimport { AnyXModule, XModuleName } from '../x-modules/x-modules.types';\nimport { bus } from './x-bus';\nimport { XBus } from './x-bus.types';\nimport { registerStoreEmitters } from './x-emitters';\nimport { createXComponentAPIMixin } from './x-plugin.mixin';\nimport { AnyXStoreModuleOption, XModuleOptions, XPluginOptions } from './x-plugin.types';\nimport { assertXPluginOptionsAreValid } from './x-plugin.utils';\n\n/**\n * Vue plugin that initializes the properties needed by the x-components, and exposes the events bus\n * and the adapter after it has been installed.\n *\n * @public\n */\nexport class XPlugin implements PluginObject<XPluginOptions> {\n  /**\n   * {@link @empathyco/x-adapter#SearchAdapter | SearchAdapter} Is the middleware between\n   * the components and our API where data can be mapped to client needs.\n   * This property is only available after installing the plugin.\n   *\n   * @returns The installed adapter.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get adapter(): SearchAdapter {\n    return this.getInstance().adapter;\n  }\n\n  /**\n   * Exposed {@link XBus}, so any kind of application can subscribe to {@link XEventsTypes}\n   * without having to pass through a component.\n   * This property is only available after installing the plugin.\n   *\n   * @returns The installed bus.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get bus(): XBus {\n    return this.getInstance().bus;\n  }\n\n  /**\n   * {@link https://vuex.vuejs.org | Vuex Store} Is the place where all shared data\n   * is saved.\n   *\n   * @returns The installed store.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get store(): Store<RootXStoreState> {\n    return this.getInstance().store;\n  }\n\n  /**\n   * Safely retrieves the installed instance of the XPlugin.\n   *\n   * @returns The installed instance of the XPlugin.\n   * @throws If this method is called before calling `Vue.use(xPlugin)`.\n   * @internal\n   */\n  protected static getInstance(): XPlugin {\n    if (!this.instance) {\n      throw Error(\"XPlugin must be installed before accessing it's API.\");\n    }\n    return this.instance;\n  }\n\n  /**\n   * Record of modules that have been tried to be installed before the installation of the plugin.\n   *\n   * @internal\n   */\n  protected static pendingXModules: Partial<Record<XModuleName, AnyXModule>> = {};\n\n  /**\n   * Instance of the installed plugin. Used to expose the bus and the adapter.\n   *\n   * @internal\n   */\n  protected static instance?: XPlugin;\n\n  /**\n   * Bus for retrieving the observables when registering the wiring.\n   *\n   * @internal\n   */\n  protected bus: XBus;\n\n  /**\n   * Adapter for the API, responsible for transforming requests and responses.\n   *\n   * @internal\n   */\n  protected adapter!: SearchAdapter;\n\n  /**\n   * Set of the already installed {@link XModule | XModules} to avoid re-registering them.\n   *\n   * @internal\n   */\n  protected installedXModules = new Set<string>();\n\n  /**\n   * True if the plugin has been installed in a Vue instance, in this case\n   * {@link XModule |Xmodules} will be installed immediately. False otherwise, in this case\n   * {@link XModule | XModules} will be installed lazily when the {@link XPlugin#install} method\n   * is called.\n   *\n   * @internal\n   */\n  protected isInstalled = false;\n\n  /**\n   * The install options of the plugin, where all the customization of\n   * {@link XModule | XModules} is done.\n   *\n   * @internal\n   */\n  protected options!: XPluginOptions;\n\n  /**\n   * The Vuex store, to pass to the wires for its registration, and to register the store\n   * modules on it.\n   *\n   * @internal\n   */\n  protected store!: Store<any>;\n  /**\n   * The global Vue, passed by the install method. Used to apply the global mixin\n   * {@link createXComponentAPIMixin}, and install the {@link https://vuex.vuejs.org/ | Vuex}\n   * plugin.\n   *\n   * @internal\n   */\n  protected vue!: VueConstructor;\n\n  /**\n   * Creates a new instance of the XPlugin with the given bus passed as parameter.\n   *\n   * @param bus - The {@link XBus} implementation to use for the plugin.\n   *\n   * @public\n   */\n  public constructor(bus: XBus) {\n    this.bus = bus;\n  }\n\n  /**\n   * If the plugin has already been installed, it immediately registers a {@link XModule}. If it\n   * has not been installed yet, it stores the module in a list until the plugin is installed.\n   *\n   * @param xModule - The module to register.\n   *\n   * @public\n   */\n  static registerXModule(xModule: AnyXModule): void {\n    if (this.instance) {\n      this.instance.registerXModule(xModule);\n    } else {\n      this.lazyRegisterXModule(xModule);\n    }\n  }\n\n  /**\n   * Utility method for resetting the installed instance of the plugin.\n   *\n   * @remarks Use only for testing.\n   *\n   * @internal\n   */\n  static resetInstance(): void {\n    cleanGettersProxyCache();\n    this.instance = undefined;\n  }\n\n  /**\n   * Stores the {@link XModule} in a dictionary, so it can be registered later in the install\n   * process.\n   *\n   * @param xModule - The module to register.\n   *\n   * @internal\n   */\n  protected static lazyRegisterXModule(xModule: AnyXModule): void {\n    this.pendingXModules[xModule.name] = xModule;\n  }\n\n  /**\n   * Installs the plugin into the Vue instance.\n   *\n   * @param vue - The GlobalVue object.\n   * @param options - The options to install this plugin with.\n   * @throws If the XPlugin has already been installed, or the options are not valid.\n   *\n   * @internal\n   */\n  install(vue: VueConstructor, options?: XPluginOptions): void {\n    if (this.isInstalled) {\n      throw new Error('XPlugin has already been installed');\n    }\n    assertXPluginOptionsAreValid(options);\n    XPlugin.instance = this;\n    this.vue = vue;\n    this.options = options;\n    this.adapter = options.adapter;\n    this.createAdapterConfigChangedListener();\n    this.registerStore();\n    this.applyMixins();\n    this.registerFilters();\n    this.registerInitialModules();\n    this.registerPendingXModules();\n    this.isInstalled = true;\n  }\n\n  /**\n   * Performs the registration of a {@link XModule}.\n   *\n   * @param xModule - The module to register.\n   *\n   * @internal\n   */\n  protected registerXModule(xModule: AnyXModule): void {\n    if (!this.installedXModules.has(xModule.name)) {\n      const customizedXModule = this.customizeXModule(xModule);\n      this.registerStoreModule(customizedXModule);\n      this.registerWiring(customizedXModule);\n      this.registerStoreEmitters(customizedXModule);\n      this.installedXModules.add(xModule.name);\n    }\n  }\n\n  /**\n   * Performs a customization of a {@link XModule} using the XPlugin public and private options.\n   *\n   * @param xModule - The module to customize.\n   * @returns The customized xModule.\n   *\n   * @internal\n   */\n  protected customizeXModule({\n    name,\n    wiring,\n    storeModule,\n    storeEmitters,\n    ...restXModule\n  }: AnyXModule): AnyXModule {\n    const { wiring: wiringOptions, config }: XModuleOptions<XModuleName> =\n      this.options.xModules?.[name] ?? {};\n\n    const { storeModule: storeModuleOptions, storeEmitters: emittersOptions } =\n      this.options.__PRIVATE__xModules?.[name] ?? {};\n\n    return {\n      name,\n      wiring: wiringOptions ? deepMerge({}, wiring, wiringOptions) : wiring,\n      storeModule: this.customizeStoreModule(storeModule, storeModuleOptions ?? {}, config),\n      storeEmitters: emittersOptions\n        ? deepMerge({}, storeEmitters, emittersOptions)\n        : storeEmitters,\n      ...restXModule\n    };\n  }\n\n  /**\n   * Performs the registration of the wiring, retrieving the observable for each event, and\n   * executing each wire.\n   *\n   * @param xModule - The {@link XModule} to register its wiring.\n   *\n   * @internal\n   */\n  protected registerWiring({ wiring }: AnyXModule): void {\n    forEach(wiring, (event, wires: Dictionary<AnyWire>) => {\n      // Obtain the observable\n      const observable = this.bus.on(event, true);\n      // Register event wires\n      forEach(wires, (_, wire) => {\n        wire(observable, this.store, this.bus.on.bind(this.bus));\n      });\n    });\n  }\n\n  /**\n   * Registers a {@link https://vuex.vuejs.org/ | Vuex} store module under the 'x' module.\n   *\n   * @param xModule - The {@link XModule} to register its Store Module.\n   *\n   * @internal\n   */\n  protected registerStoreModule({ name, storeModule }: AnyXModule): void {\n    (storeModule as Module<any, any>).namespaced = true;\n    this.store.registerModule(['x', name], storeModule);\n  }\n\n  /**\n   * Overrides a {@link https://vuex.vuejs.org/ | Vuex} store module definition.\n   *\n   * Priority of configuration merging.\n   * 1st {@link XPluginOptions.xModules | xModules XPlugin option}.\n   * 2nd {@link XPluginOptions.__PRIVATE__xModules | Private xModules XPlugin option}.\n   * 3rd {@link XStoreModule.state | Default state of the xModule}.\n   *\n   * @param defaultModule - The default store module to override.\n   * @param moduleOptions - The state, actions, mutations and getters to override the defaultModule.\n   * @param configOptions - The state config to override the moduleOptions.\n   * @returns The {@link XStoreModule} customized.\n   *\n   * @internal\n   */\n  protected customizeStoreModule(\n    { state: defaultState, ...actionsGettersMutations }: AnyXStoreModule,\n    { state: xModuleState, ...newActionsGettersMutations }: AnyXStoreModuleOption,\n    configOptions: unknown\n  ): AnyXStoreModule {\n    const configOptionsObject = configOptions ? { config: configOptions } : {};\n    const customizedModule = deepMerge({}, actionsGettersMutations, newActionsGettersMutations);\n    customizedModule.state = deepMerge(defaultState(), xModuleState, configOptionsObject);\n    return customizedModule;\n  }\n\n  /**\n   * Registers the store emitters, making them emit the event when the part of the state selected\n   * changes.\n   *\n   * @param xModule - The {@link XModule} to register its Store Emitters.\n   *\n   * @internal\n   */\n  protected registerStoreEmitters(xModule: AnyXModule): void {\n    registerStoreEmitters(xModule, this.bus, this.store);\n  }\n\n  /**\n   * Registers the {@link https://vuex.vuejs.org/ | Vuex} store. If the store has not been passed\n   * through the {@link XPluginOptions} object, it creates one, and injects it in the Vue\n   * prototype. Then it register an x module in the store, to safe scope all the\n   * {@link XModule | XModules} dynamically installed.\n   *\n   * @internal\n   */\n  protected registerStore(): void {\n    this.vue.use(Vuex); // We can safely install Vuex because if it is already installed Vue\n    // will simply ignore it\n    this.store =\n      this.options.store ??\n      new Store({\n        strict: process.env.NODE_ENV !== 'production'\n      });\n    if (!this.options.store) {\n      this.vue.prototype.$store = this.store;\n    }\n    this.store.registerModule('x', RootXStoreModule);\n  }\n\n  /**\n   * Applies the {@link createXComponentAPIMixin} mixin in the global Vue.\n   *\n   * @internal\n   */\n  protected applyMixins(): void {\n    this.vue.mixin(createXComponentAPIMixin(this.bus));\n  }\n\n  /**\n   * Registers the initial {@link XModule | XModules} during the {@link XPlugin} installation.\n   *\n   * @internal\n   */\n  protected registerInitialModules(): void {\n    this.options.initialXModules?.forEach(xModule => {\n      this.registerXModule(xModule);\n    });\n  }\n\n  /**\n   * Registers the pending {@link XModule | XModules}, that requested to be registered before the\n   * installation of the plugin.\n   *\n   * @internal\n   */\n  protected registerPendingXModules(): void {\n    forEach(XPlugin.pendingXModules, (_, xModule) => {\n      this.registerXModule(xModule);\n    });\n    XPlugin.pendingXModules = {};\n  }\n\n  /**\n   * If the received adapter supports it, it registers a listener to emit the\n   * {@link XEventsTypes.AdapterConfigChanged} event whenever the config of it changes.\n   *\n   * @internal\n   */\n  protected createAdapterConfigChangedListener(): void {\n    this.options.adapter.addConfigChangedListener?.(newAdapterConfig => {\n      this.bus.emit('AdapterConfigChanged', newAdapterConfig);\n    });\n  }\n\n  /**\n   * Registers filters globally.\n   *\n   * @internal\n   */\n  protected registerFilters(): void {\n    forEach(FILTERS_REGISTRY, (filterName, filterFunction) =>\n      this.vue.filter(filterName, filterFunction)\n    );\n  }\n}\n\n/**\n * Vue plugin that modifies each component instance, extending them with the\n * {@link XComponentAPI | X Component API }.\n *\n * @example\n * Minimal installation example. A search adapter is needed for the plugin to work, and connect to\n * the API.\n * ```typescript\n * const adapter = new EmpathyAdapterBuilder()\n *  .withConfiguration({instance: 'my-instance-id'})\n *  .build();\n * Vue.use(xPlugin, { adapter });\n * ```\n *\n * @example\n * If you are using {@link https://vuex.vuejs.org/ | Vuex} in your project you must install its\n *   plugin, and instantiate an store before installing the XPlugin:\n * ```typescript\n * Vue.use(Vuex);\n * const store = new Store({ ... });\n * Vue.use(xPlugin, { adapter, store });\n * ```\n * @public\n */\nexport const xPlugin = new XPlugin(bus);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;;;;IAuIE,iBAAmB,GAAS;;;;;;QA3ClB,sBAAiB,GAAG,IAAI,GAAG,EAAU,CAAC;;;;;;;;;QAUtC,gBAAW,GAAG,KAAK,CAAC;QAkC5B,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;KAChB;IAzHD,sBAAkB,kBAAO;;;;;;;;;;aAAzB;YACE,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC;SACnC;;;OAAA;IAWD,sBAAkB,cAAG;;;;;;;;;;aAArB;YACE,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC;SAC/B;;;OAAA;IAUD,sBAAkB,gBAAK;;;;;;;;;aAAvB;YACE,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;SACjC;;;OAAA;;;;;;;;IASgB,mBAAW,GAA5B;QACE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,MAAM,KAAK,CAAC,sDAAsD,CAAC,CAAC;SACrE;QACD,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;;;;;;;;;IA0FM,uBAAe,GAAtB,UAAuB,OAAmB;QACxC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SACxC;aAAM;YACL,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;SACnC;KACF;;;;;;;;IASM,qBAAa,GAApB;QACE,sBAAsB,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;KAC3B;;;;;;;;;IAUgB,2BAAmB,GAApC,UAAqC,OAAmB;QACtD,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC;KAC9C;;;;;;;;;;IAWD,yBAAO,GAAP,UAAQ,GAAmB,EAAE,OAAwB;QACnD,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;SACvD;QACD,4BAA4B,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,kCAAkC,EAAE,CAAC;QAC1C,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC/B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KACzB;;;;;;;;IASS,iCAAe,GAAzB,UAA0B,OAAmB;QAC3C,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC7C,IAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACzD,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;YAC5C,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;YACvC,IAAI,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;YAC9C,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SAC1C;KACF;;;;;;;;;IAUS,kCAAgB,GAA1B,UAA2B,EAMd;;QALX,IAAA,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,aAAa,mBAAA,EACV,WAAW,cALW,kDAM1B,CADe;QAER,IAAA,KACJ,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,0CAAG,IAAI,CAAC,mCAAI,EAAE,EADrB,aAAa,YAAA,EAAE,MAAM,YACA,CAAC;QAEhC,IAAA,KACJ,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,mBAAmB,0CAAG,IAAI,CAAC,mCAAI,EAAE,EAD3B,kBAAkB,iBAAA,EAAiB,eAAe,mBACvB,CAAC;QAEjD,kBACE,IAAI,MAAA,EACJ,MAAM,EAAE,aAAa,GAAG,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,CAAC,GAAG,MAAM,EACrE,WAAW,EAAE,IAAI,CAAC,oBAAoB,CAAC,WAAW,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,EAAE,EAAE,MAAM,CAAC,EACrF,aAAa,EAAE,eAAe;kBAC1B,SAAS,CAAC,EAAE,EAAE,aAAa,EAAE,eAAe,CAAC;kBAC7C,aAAa,IACd,WAAW,EACd;KACH;;;;;;;;;IAUS,gCAAc,GAAxB,UAAyB,EAAsB;QAA/C,iBASC;YAT0B,MAAM,YAAA;QAC/B,OAAO,CAAC,MAAM,EAAE,UAAC,KAAK,EAAE,KAA0B;;YAEhD,IAAM,UAAU,GAAG,KAAI,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;;YAE5C,OAAO,CAAC,KAAK,EAAE,UAAC,CAAC,EAAE,IAAI;gBACrB,IAAI,CAAC,UAAU,EAAE,KAAI,CAAC,KAAK,EAAE,KAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,KAAI,CAAC,GAAG,CAAC,CAAC,CAAC;aAC1D,CAAC,CAAC;SACJ,CAAC,CAAC;KACJ;;;;;;;;IASS,qCAAmB,GAA7B,UAA8B,EAAiC;YAA/B,IAAI,UAAA,EAAE,WAAW,iBAAA;QAC9C,WAAgC,CAAC,UAAU,GAAG,IAAI,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC;KACrD;;;;;;;;;;;;;;;;IAiBS,sCAAoB,GAA9B,UACE,EAAoE,EACpE,EAA6E,EAC7E,aAAsB;QAFpB,IAAO,YAAY,WAAA,EAAK,uBAAuB,cAAjD,SAAmD,CAAF;QAC/C,IAAO,YAAY,WAAA,EAAK,0BAA0B,cAApD,SAAsD,CAAF;QAGpD,IAAM,mBAAmB,GAAG,aAAa,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC;QAC3E,IAAM,gBAAgB,GAAG,SAAS,CAAC,EAAE,EAAE,uBAAuB,EAAE,0BAA0B,CAAC,CAAC;QAC5F,gBAAgB,CAAC,KAAK,GAAG,SAAS,CAAC,YAAY,EAAE,EAAE,YAAY,EAAE,mBAAmB,CAAC,CAAC;QACtF,OAAO,gBAAgB,CAAC;KACzB;;;;;;;;;IAUS,uCAAqB,GAA/B,UAAgC,OAAmB;QACjD,qBAAqB,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;KACtD;;;;;;;;;IAUS,+BAAa,GAAvB;;QACE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;;QAEnB,IAAI,CAAC,KAAK;YACR,MAAA,IAAI,CAAC,OAAO,CAAC,KAAK,mCAClB,IAAI,KAAK,CAAC;gBACR,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;aAC9C,CAAC,CAAC;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;YACvB,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;SACxC;QACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;KAClD;;;;;;IAOS,6BAAW,GAArB;QACE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;KACpD;;;;;;IAOS,wCAAsB,GAAhC;QAAA,iBAIC;;QAHC,MAAA,IAAI,CAAC,OAAO,CAAC,eAAe,0CAAE,OAAO,CAAC,UAAA,OAAO;YAC3C,KAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SAC/B,CAAC,CAAC;KACJ;;;;;;;IAQS,yCAAuB,GAAjC;QAAA,iBAKC;QAJC,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,UAAC,CAAC,EAAE,OAAO;YAC1C,KAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SAC/B,CAAC,CAAC;QACH,OAAO,CAAC,eAAe,GAAG,EAAE,CAAC;KAC9B;;;;;;;IAQS,oDAAkC,GAA5C;QAAA,iBAIC;;QAHC,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAC,wBAAwB,mDAAG,UAAA,gBAAgB;YAC9D,KAAI,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAAC;SACzD,CAAC,CAAC;KACJ;;;;;;IAOS,iCAAe,GAAzB;QAAA,iBAIC;QAHC,OAAO,CAAC,gBAAgB,EAAE,UAAC,UAAU,EAAE,cAAc;YACnD,OAAA,KAAI,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,cAAc,CAAC;SAAA,CAC5C,CAAC;KACH;;;;;;IAhVgB,uBAAe,GAA6C,EAAE,CAAC;IAiVlF,cAAC;CA3YD,IA2YC;AAED;;;;;;;;;;;;;;;;;;;;;;;;IAwBa,OAAO,GAAG,IAAI,OAAO,CAAC,GAAG;;;;"}

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

@@ -14,8 +14,8 @@ import { getAliasAPI } from './x-plugin.alias.js';
  */
 var createXComponentAPIMixin = function (bus) { return ({
     inject: {
-        $origin: {
-            from: 'origin',
+        $location: {
+            from: 'location',
             default: undefined
         }
     },
@@ -38,15 +38,25 @@ var createXComponentAPIMixin = function (bus) { return ({
 function getBusAPI(bus, component) {
     return {
         emit: function (event, payload, metadata) {
+            var _a;
             if (metadata === void 0) { metadata = {}; }
-            var xComponent = component.xComponent;
-            var moduleName = xComponent ? getXComponentXModuleName(xComponent) : null;
-            bus.emit(event, payload, __assign({ moduleName: moduleName, origin: component.$origin }, metadata));
-            xComponent === null || xComponent === void 0 ? void 0 : xComponent.$emit(event, payload);
+            bus.emit(event, payload, createWireMetadata(component, metadata));
+            (_a = component.xComponent) === null || _a === void 0 ? void 0 : _a.$emit(event, payload);
         },
         on: bus.on.bind(bus)
     };
 }
+/**
+ * Creates a wire metadata object based on the component and the provided metadata.
+ *
+ * @param component - The component this metadata belongs to.
+ * @param metadata - Additional metadata emitted by the component.
+ * @returns A {@link WireMetadata} object.
+ * @internal
+ */
+function createWireMetadata(component, metadata) {
+    return __assign({ moduleName: getXComponentXModuleName(component.xComponent), location: component.$location }, metadata);
+}
 /**
  * Given a component, finds the root XComponent in the ancestors hierarchy.
  *