@empathyco/x-components 7.4.0 → 7.5.0

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

@@ -0,0 +1,213 @@
+import { namespacedWireCommit, namespacedWireDispatchWithoutPayload, namespacedWireCommitWithoutPayload, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory.js';
+import { filterTruthyPayload } from '../../wiring/wires.operators.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
+
+/**
+ * `browse` {@link XModuleName | XModule name}.
+ *
+ * @internal
+ */
+const moduleName = 'browse';
+/**
+ * WireCommit for {@link BrowseXModule}.
+ *
+ * @internal
+ */
+const wireCommit = namespacedWireCommit(moduleName);
+/**
+ * WireCommit without Payload for {@link BrowseXModule}.
+ *
+ * @internal
+ */
+const wireCommitWithoutPayload = namespacedWireCommitWithoutPayload(moduleName);
+/**
+ * WireDispatch for {@link BrowseXModule}.
+ *
+ * @internal
+ */
+const wireDispatch = namespacedWireDispatch(moduleName);
+/**
+ * WireDispatchWithoutPayload for {@link BrowseXModule}.
+ *
+ * @internal
+ */
+const wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);
+/**
+ * Cancels the {@link BrowseActions.fetchAndSaveBrowseResponse} request promise.
+ *
+ * @public
+ */
+const cancelFetchAndSaveBrowseResponseWire = wireDispatchWithoutPayload('cancelFetchAndSaveBrowseResponse');
+/**
+ * Sets the browse state `origin`.
+ *
+ * @public
+ */
+const saveBrowseOriginWire = wireDispatch('saveOrigin', ({ metadata }) => metadata);
+/**
+ * Requests and stores the browse response.
+ *
+ * @public
+ */
+const fetchAndSaveBrowseResponseWire = wireDispatch('fetchAndSaveBrowseResponse');
+/**
+ * Requests and stores the enrichment results for the results.
+ *
+ * @public
+ */
+const fetchAndSaveBrowseResultsEnrichmentWire = wireDispatch('fetchAndSaveResultsEnrichment');
+/**
+ * Sets the browse state `selectedCategory`.
+ *
+ * @public
+ */
+const setBrowseCategory = wireCommit('setSelectedCategory');
+/**
+ * Clears the browse state `selectedCategory`.
+ *
+ * @public
+ */
+const clearBrowseQuery = wireCommit('setSelectedCategory', {
+    browseField: '',
+    browseValue: '',
+});
+/**
+ * Sets the browse state `selectedFilters`.
+ *
+ * @public
+ */
+const setBrowseSelectedFilters = wireCommit('setSelectedFilters');
+/**
+ * Sets the browse state `sort`.
+ *
+ * @public
+ */
+const setBrowseSort = wireCommit('setSort');
+/**
+ * Sets the browse state `query`.
+ *
+ * @public
+ */
+const setBrowseUrlParamsWire = wireDispatch('setUrlParams');
+/**
+ * Sets the browse state `page`.
+ *
+ * @public
+ */
+const setBrowsePage = wireCommit('setPage');
+/**
+ * Sets the browse state `params`.
+ *
+ * @public
+ */
+const setBrowseExtraParams = wireCommit('setParams');
+/**
+ * Resets the browse state to reload the current browse.
+ *
+ * @public
+ */
+const resetBrowseStateForReloadWire = wireCommitWithoutPayload('resetStateForReload');
+/**
+ * Resets the browse state `isNoResults`.
+ *
+ * @public
+ */
+const resetIsNoBrowseResults = wireCommit('setIsNoResults', false);
+/**
+ * Resets the browse state `fromNoResultsWithFilters`.
+ *
+ * @public
+ */
+const resetFromNoBrowseResultsWithFilters = wireCommit('setFromNoResultsWithFilters', false);
+/**
+ * Increases the current browse state `page` by one.
+ *
+ * @public
+ */
+const increaseBrowsePageAppendingResultsWire = wireDispatchWithoutPayload('increasePageAppendingResults');
+/**
+ * Resets the browse state `isAppendingResults`.
+ *
+ * @public
+ */
+const resetBrowseAppending = wireCommit('setIsAppendResults', false);
+/**
+ * Resets the {@link BrowseGetters.request} parameters when refining request and before the actual
+ * request is launched.
+ *
+ * @public
+ */
+const resetBrowseRequestOnRefinementWire = wireDispatch('resetRequestOnRefinement', ({ eventPayload: newRequest, metadata: { oldValue } }) => ({
+    newRequest,
+    oldRequest: oldValue,
+}));
+/**
+ * Resets the browse state when the request is changed to null. See the
+ * {@link BrowseXStoreModule} for details.
+ *
+ * @public
+ */
+const resetBrowseStateIfNoRequestWire = filterTruthyPayload(wireCommitWithoutPayload('resetState'));
+/**
+ * Browse wiring.
+ *
+ * @internal
+ */
+const browseWiring = createWiring({
+    ParamsLoadedFromUrl: {
+        setBrowseUrlParamsWire,
+        saveBrowseOriginWire,
+    },
+    UserClickedABrowseSort: {
+        setBrowseSort,
+    },
+    UserReachedResultsListEnd: {
+        increaseBrowsePageAppendingResultsWire,
+    },
+    BrowseRequestUpdated: {
+        resetBrowseStateIfNoRequestWire,
+        fetchAndSaveBrowseResponseWire,
+    },
+    BrowseRequestChanged: {
+        resetBrowseRequestOnRefinementWire,
+    },
+    SelectedFiltersForRequestChanged: {
+        setBrowseSelectedFilters,
+    },
+    ResultsChanged: {
+        resetBrowseAppending,
+        fetchAndSaveBrowseResultsEnrichmentWire,
+    },
+    ReloadBrowseRequested: {
+        resetBrowseStateForReloadWire,
+    },
+    SelectedSortProvided: {
+        setBrowseSort,
+    },
+    ExtraParamsChanged: {
+        setBrowseExtraParams,
+    },
+    UserClickedCloseX: {
+        clearBrowseQuery,
+        resetBrowseStateForReloadWire,
+        cancelFetchAndSaveBrowseResponseWire,
+    },
+    UserClickedOpenX: {
+        clearBrowseQuery,
+        resetBrowseStateForReloadWire,
+        cancelFetchAndSaveBrowseResponseWire,
+    },
+    UserClickedOutOfMainModal: {
+        clearBrowseQuery,
+    },
+    UserSelectedAPage: {
+        setBrowsePage,
+        resetBrowseAppending,
+    },
+    UserBrowsedToCategory: {
+        setBrowseCategory,
+    },
+});
+
+export { browseWiring, cancelFetchAndSaveBrowseResponseWire, clearBrowseQuery, fetchAndSaveBrowseResponseWire, fetchAndSaveBrowseResultsEnrichmentWire, increaseBrowsePageAppendingResultsWire, resetBrowseAppending, resetBrowseRequestOnRefinementWire, resetBrowseStateForReloadWire, resetBrowseStateIfNoRequestWire, resetFromNoBrowseResultsWithFilters, resetIsNoBrowseResults, saveBrowseOriginWire, setBrowseCategory, setBrowseExtraParams, setBrowsePage, setBrowseSelectedFilters, setBrowseSort, setBrowseUrlParamsWire };
+//# sourceMappingURL=wiring.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/browse/wiring.ts"],"sourcesContent":["import type { WirePayload } from '../../wiring'\nimport type { InternalBrowseRequest } from './types'\nimport {\n  createWiring,\n  filterTruthyPayload,\n  namespacedWireCommit,\n  namespacedWireCommitWithoutPayload,\n  namespacedWireDispatch,\n  namespacedWireDispatchWithoutPayload,\n} from '../../wiring'\n\n/**\n * `browse` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'browse'\n\n/**\n * WireCommit for {@link BrowseXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName)\n\n/**\n * WireCommit without Payload for {@link BrowseXModule}.\n *\n * @internal\n */\nconst wireCommitWithoutPayload = namespacedWireCommitWithoutPayload(moduleName)\n\n/**\n * WireDispatch for {@link BrowseXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName)\n\n/**\n * WireDispatchWithoutPayload for {@link BrowseXModule}.\n *\n * @internal\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName)\n\n/**\n * Cancels the {@link BrowseActions.fetchAndSaveBrowseResponse} request promise.\n *\n * @public\n */\nexport const cancelFetchAndSaveBrowseResponseWire = wireDispatchWithoutPayload(\n  'cancelFetchAndSaveBrowseResponse',\n)\n\n/**\n * Sets the browse state `origin`.\n *\n * @public\n */\nexport const saveBrowseOriginWire = wireDispatch('saveOrigin', ({ metadata }) => metadata)\n\n/**\n * Requests and stores the browse response.\n *\n * @public\n */\nexport const fetchAndSaveBrowseResponseWire = wireDispatch('fetchAndSaveBrowseResponse')\n\n/**\n * Requests and stores the enrichment results for the results.\n *\n * @public\n */\nexport const fetchAndSaveBrowseResultsEnrichmentWire = wireDispatch('fetchAndSaveResultsEnrichment')\n\n/**\n * Sets the browse state `selectedCategory`.\n *\n * @public\n */\nexport const setBrowseCategory = wireCommit('setSelectedCategory')\n\n/**\n * Clears the browse state `selectedCategory`.\n *\n * @public\n */\nexport const clearBrowseQuery = wireCommit('setSelectedCategory', {\n  browseField: '',\n  browseValue: '',\n})\n\n/**\n * Sets the browse state `selectedFilters`.\n *\n * @public\n */\nexport const setBrowseSelectedFilters = wireCommit('setSelectedFilters')\n\n/**\n * Sets the browse state `sort`.\n *\n * @public\n */\nexport const setBrowseSort = wireCommit('setSort')\n\n/**\n * Sets the browse state `query`.\n *\n * @public\n */\nexport const setBrowseUrlParamsWire = wireDispatch('setUrlParams')\n\n/**\n * Sets the browse state `page`.\n *\n * @public\n */\nexport const setBrowsePage = wireCommit('setPage')\n\n/**\n * Sets the browse state `params`.\n *\n * @public\n */\nexport const setBrowseExtraParams = wireCommit('setParams')\n\n/**\n * Resets the browse state to reload the current browse.\n *\n * @public\n */\nexport const resetBrowseStateForReloadWire = wireCommitWithoutPayload('resetStateForReload')\n\n/**\n * Resets the browse state `isNoResults`.\n *\n * @public\n */\nexport const resetIsNoBrowseResults = wireCommit('setIsNoResults', false)\n\n/**\n * Resets the browse state `fromNoResultsWithFilters`.\n *\n * @public\n */\nexport const resetFromNoBrowseResultsWithFilters = wireCommit('setFromNoResultsWithFilters', false)\n\n/**\n * Increases the current browse state `page` by one.\n *\n * @public\n */\nexport const increaseBrowsePageAppendingResultsWire = wireDispatchWithoutPayload(\n  'increasePageAppendingResults',\n)\n\n/**\n * Resets the browse state `isAppendingResults`.\n *\n * @public\n */\nexport const resetBrowseAppending = wireCommit('setIsAppendResults', false)\n\n/**\n * Resets the {@link BrowseGetters.request} parameters when refining request and before the actual\n * request is launched.\n *\n * @public\n */\nexport const resetBrowseRequestOnRefinementWire = wireDispatch(\n  'resetRequestOnRefinement',\n  ({ eventPayload: newRequest, metadata: { oldValue } }: WirePayload<InternalBrowseRequest>) => ({\n    newRequest,\n    oldRequest: oldValue as InternalBrowseRequest,\n  }),\n)\n\n/**\n * Resets the browse state when the request is changed to null. See the\n * {@link BrowseXStoreModule} for details.\n *\n * @public\n */\nexport const resetBrowseStateIfNoRequestWire = filterTruthyPayload<InternalBrowseRequest | null>(\n  wireCommitWithoutPayload('resetState'),\n)\n\n/**\n * Browse wiring.\n *\n * @internal\n */\nexport const browseWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setBrowseUrlParamsWire,\n    saveBrowseOriginWire,\n  },\n  UserClickedABrowseSort: {\n    setBrowseSort,\n  },\n  UserReachedResultsListEnd: {\n    increaseBrowsePageAppendingResultsWire,\n  },\n  BrowseRequestUpdated: {\n    resetBrowseStateIfNoRequestWire,\n    fetchAndSaveBrowseResponseWire,\n  },\n  BrowseRequestChanged: {\n    resetBrowseRequestOnRefinementWire,\n  },\n  SelectedFiltersForRequestChanged: {\n    setBrowseSelectedFilters,\n  },\n  ResultsChanged: {\n    resetBrowseAppending,\n    fetchAndSaveBrowseResultsEnrichmentWire,\n  },\n  ReloadBrowseRequested: {\n    resetBrowseStateForReloadWire,\n  },\n  SelectedSortProvided: {\n    setBrowseSort,\n  },\n  ExtraParamsChanged: {\n    setBrowseExtraParams,\n  },\n  UserClickedCloseX: {\n    clearBrowseQuery,\n    resetBrowseStateForReloadWire,\n    cancelFetchAndSaveBrowseResponseWire,\n  },\n  UserClickedOpenX: {\n    clearBrowseQuery,\n    resetBrowseStateForReloadWire,\n    cancelFetchAndSaveBrowseResponseWire,\n  },\n  UserClickedOutOfMainModal: {\n    clearBrowseQuery,\n  },\n  UserSelectedAPage: {\n    setBrowsePage,\n    resetBrowseAppending,\n  },\n  UserBrowsedToCategory: {\n    setBrowseCategory,\n  },\n})\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import { XPlugin } from '../../plugins/x-plugin.js';
+import { browseEmitters } from './store/emitters.js';
+import { browseXStoreModule } from './store/module.js';
+import { browseWiring } from './wiring.js';
+
+/**
+ * Search {@link XModule} implementation. This module is auto-registered as soon as you
+ * import any component from the `browse` entry point.
+ *
+ * @public
+ */
+const browseXModule = {
+    name: 'browse',
+    storeModule: browseXStoreModule,
+    storeEmitters: browseEmitters,
+    wiring: browseWiring,
+};
+XPlugin.registerXModule(browseXModule);
+
+export { browseXModule };
+//# sourceMappingURL=x-module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/browse/x-module.ts"],"sourcesContent":["// XModule\nimport type { XModule } from '../x-modules.types'\nimport type { BrowseXStoreModule } from './store/types'\nimport { XPlugin } from '../../plugins/x-plugin'\nimport { browseEmitters } from './store/emitters'\nimport { browseXStoreModule } from './store/module'\nimport { browseWiring } from './wiring'\n\n/**\n * Search {@link XModule} alias.\n *\n * @public\n */\nexport type BrowseXModule = XModule<BrowseXStoreModule>\n\n/**\n * Search {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `browse` entry point.\n *\n * @public\n */\nexport const browseXModule: BrowseXModule = {\n  name: 'browse',\n  storeModule: browseXStoreModule,\n  storeEmitters: browseEmitters,\n  wiring: browseWiring,\n}\n\nXPlugin.registerXModule(browseXModule)\n"],"names":[],"mappings":";;;;;AAeA;;;;;AAKG;AACI,MAAM,aAAa,GAAkB;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,cAAc;AAC7B,IAAA,MAAM,EAAE,YAAY;;AAGtB,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC;;;;"}

package/js/x-modules/vendor/components/vendor-results-list.vue.js

@@ -0,0 +1,81 @@
+import { defineComponent, inject, computed, provide, h } from 'vue';
+import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts.js';
+import ItemsList from '../../../components/items-list.vue.js';
+import { use$x } from '../../../composables/use-_x.js';
+import { useState } from '../../../composables/use-state.js';
+import { AnimationProp } from '../../../types/animation-prop.js';
+import { vendorXModule } from '../x-module.js';
+
+/**
+ * It renders a {@link ItemsList} of vendor results from {@link VendorState.results}.
+ *
+ * The component provides a default slot which wraps the whole component with the `vendorResults`
+ * plus the `injectedListItems` which also contains the injected list items from
+ * the ancestor.
+ *
+ * It also provides the parent slots to customize the items.
+ *
+ * @public
+ */
+var _sfc_main = defineComponent({
+    name: 'VendorResultsList',
+    xModule: vendorXModule.name,
+    props: {
+        /** Animation component that will be used to animate the vendor results. */
+        animation: {
+            type: AnimationProp,
+            default: 'ul',
+        },
+    },
+    setup(props, { slots }) {
+        const $x = use$x();
+        /** The vendor results to render from the state. */
+        const stateItems = useState('vendor').results;
+        /** It injects {@link ListItem} provided by an ancestor as injectedListItems. */
+        const injectedListItems = inject(LIST_ITEMS_KEY);
+        /**
+         * The `stateItems` concatenated with the `injectedListItems` if there are.
+         *
+         * @remarks This computed defines the merging strategy of the `stateItems` and the
+         * `injectedListItems`.
+         *
+         * @returns List of {@link ListItem}.
+         */
+        const items = computed(() => {
+            if (!injectedListItems?.value.length) {
+                return stateItems.value;
+            }
+            const items = [...injectedListItems.value];
+            for (const item of stateItems.value) {
+                const position = item.position ?? 1;
+                let index = position - 1;
+                while (items.at(index)?.modelName === 'VendorResult') {
+                    index++;
+                }
+                const isIndexInLoadedPages = index <= items.length;
+                const areAllPagesLoaded = $x.results.length === $x.totalResults;
+                if (!isIndexInLoadedPages && !areAllPagesLoaded) {
+                    break;
+                }
+                items.splice(index, 0, item);
+            }
+            return items;
+        });
+        /**
+         * The computed list items of the entity that uses the mixin.
+         *
+         * @remarks It should be overridden in the component that uses the mixin and it's intended to be
+         * filled with items from the state. Vue doesn't allow mixins as abstract classes.
+         * @returns An empty array as fallback in case it is not overridden.
+         */
+        provide(LIST_ITEMS_KEY, items);
+        return () => {
+            const innerProps = { items: items.value, animation: props.animation };
+            // https://vue-land.github.io/faq/forwarding-slots#passing-all-slots
+            return slots.default?.(innerProps)[0] ?? h(ItemsList, innerProps, slots);
+        };
+    },
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=vendor-results-list.vue.js.map

package/js/x-modules/vendor/components/vendor-results-list.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendor-results-list.vue.js","sources":["../../../../../src/x-modules/vendor/components/vendor-results-list.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Ref } from 'vue'\nimport type { ListItem } from '../../../utils/types'\nimport { computed, defineComponent, h, inject, provide } from 'vue'\nimport { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts'\nimport ItemsList from '../../../components/items-list.vue'\nimport { use$x } from '../../../composables/use-$x'\nimport { useState } from '../../../composables/use-state'\nimport { AnimationProp } from '../../../types/animation-prop'\nimport { vendorXModule } from '../x-module'\n\n/**\n * It renders a {@link ItemsList} of vendor results from {@link VendorState.results}.\n *\n * The component provides a default slot which wraps the whole component with the `vendorResults`\n * plus the `injectedListItems` which also contains the injected list items from\n * the ancestor.\n *\n * It also provides the parent slots to customize the items.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'VendorResultsList',\n  xModule: vendorXModule.name,\n  props: {\n    /** Animation component that will be used to animate the vendor results. */\n    animation: {\n      type: AnimationProp,\n      default: 'ul',\n    },\n  },\n  setup(props, { slots }) {\n    const $x = use$x()\n\n    /** The vendor results to render from the state. */\n    const stateItems = useState('vendor').results\n\n    /** It injects {@link ListItem} provided by an ancestor as injectedListItems. */\n    const injectedListItems = inject<Ref<ListItem[]>>(LIST_ITEMS_KEY as string)\n\n    /**\n     * The `stateItems` concatenated with the `injectedListItems` if there are.\n     *\n     * @remarks This computed defines the merging strategy of the `stateItems` and the\n     * `injectedListItems`.\n     *\n     * @returns List of {@link ListItem}.\n     */\n    const items = computed(() => {\n      if (!injectedListItems?.value!.length) {\n        return stateItems.value\n      }\n      const items = [...injectedListItems.value]\n      for (const item of stateItems.value) {\n        const position = item.position ?? 1\n        let index = position - 1\n        while (items.at(index)?.modelName === 'VendorResult') {\n          index++\n        }\n        const isIndexInLoadedPages = index <= items.length\n        const areAllPagesLoaded = $x.results.length === $x.totalResults\n        if (!isIndexInLoadedPages && !areAllPagesLoaded) {\n          break\n        }\n        items.splice(index, 0, item)\n      }\n      return items\n    })\n\n    /**\n     * The computed list items of the entity that uses the mixin.\n     *\n     * @remarks It should be overridden in the component that uses the mixin and it's intended to be\n     * filled with items from the state. Vue doesn't allow mixins as abstract classes.\n     * @returns An empty array as fallback in case it is not overridden.\n     */\n    provide(LIST_ITEMS_KEY as string, items)\n\n    return () => {\n      const innerProps = { items: items.value, animation: props.animation }\n      // https://vue-land.github.io/faq/forwarding-slots#passing-all-slots\n      return slots.default?.(innerProps)[0] ?? h(ItemsList, innerProps, slots)\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AAWA;;;;;;;;;;AAUE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,mBAAmB;IACzB,OAAO,EAAE,aAAa,CAAC,IAAI;AAC3B,IAAA,KAAK,EAAE;;AAEL,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAI,EAAG,EAAA;AACpB,QAAA,MAAM,EAAC,GAAI,KAAK,EAAC;;QAGjB,MAAM,aAAa,QAAQ,CAAC,QAAQ,CAAC,CAAC,OAAM;;AAG5C,QAAA,MAAM,iBAAgB,GAAI,MAAM,CAAkB,cAAwB,CAAA;AAE1E;;;;;;;AAOE;AACF,QAAA,MAAM,KAAI,GAAI,QAAQ,CAAC,MAAI;AACzB,YAAA,IAAI,CAAC,iBAAiB,EAAE,KAAM,CAAC,MAAM,EAAE;gBACrC,OAAO,UAAU,CAAC,KAAI;YACxB;YACA,MAAM,KAAI,GAAI,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAA;AACzC,YAAA,KAAK,MAAM,IAAG,IAAK,UAAU,CAAC,KAAK,EAAE;AACnC,gBAAA,MAAM,QAAO,GAAI,IAAI,CAAC,QAAO,IAAK,CAAA;AAClC,gBAAA,IAAI,KAAI,GAAI,WAAW,CAAA;gBACvB,OAAO,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,cAAc,cAAc,EAAE;AACpD,oBAAA,KAAK,EAAC;gBACR;AACA,gBAAA,MAAM,uBAAuB,SAAS,KAAK,CAAC,MAAK;gBACjD,MAAM,iBAAgB,GAAI,EAAE,CAAC,OAAO,CAAC,MAAK,KAAM,EAAE,CAAC,YAAW;AAC9D,gBAAA,IAAI,CAAC,oBAAmB,IAAK,CAAC,iBAAiB,EAAE;oBAC/C;gBACF;gBACA,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAA;YAC7B;AACA,YAAA,OAAO,KAAI;AACb,QAAA,CAAC,CAAA;AAED;;;;;;AAME;AACF,QAAA,OAAO,CAAC,cAAwB,EAAE,KAAK,CAAA;AAEvC,QAAA,OAAO,MAAI;AACT,YAAA,MAAM,UAAS,GAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAQ,EAAE;;AAEpE,YAAA,OAAO,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,CAAA,IAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAA;AACzE,QAAA,CAAA;IACF,CAAC;AACF,CAAA,CAAA;;;;"}

package/js/x-modules/vendor/components/vendor-results-list.vue2.js

@@ -0,0 +1,6 @@
+import _sfc_main from './vendor-results-list.vue.js';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=vendor-results-list.vue2.js.map

package/js/x-modules/vendor/components/vendor-results-list.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendor-results-list.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,13 @@
+import '@empathyco/x-utils';
+import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
+import { vendorXStoreModule } from './module.js';
+
+/**
+ * {@link StoreEmitters} For the vendor module.
+ *
+ * @internal
+ */
+const vendorEmitters = createStoreEmitters(vendorXStoreModule, {});
+
+export { vendorEmitters };
+//# sourceMappingURL=emitters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/vendor/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store'\nimport { vendorXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the vendor module.\n *\n * @internal\n */\nexport const vendorEmitters = createStoreEmitters(vendorXStoreModule, {})\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACI,MAAM,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE,EAAE;;;;"}

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

@@ -0,0 +1,15 @@
+const vendorXStoreModule = {
+    state: () => ({
+        results: [],
+    }),
+    getters: {},
+    mutations: {
+        setResults(state, results) {
+            state.results = results;
+        },
+    },
+    actions: {},
+};
+
+export { vendorXStoreModule };
+//# sourceMappingURL=module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/vendor/store/module.ts"],"sourcesContent":["import type { VendorXStoreModule } from './types'\n\nexport const vendorXStoreModule: VendorXStoreModule = {\n  state: () => ({\n    results: [],\n  }),\n  getters: {},\n  mutations: {\n    setResults(state, results) {\n      state.results = results\n    },\n  },\n  actions: {},\n}\n"],"names":[],"mappings":"AAEO,MAAM,kBAAkB,GAAuB;AACpD,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,OAAO,EAAE,EAAE;KACZ,CAAC;AACF,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,SAAS,EAAE;QACT,UAAU,CAAC,KAAK,EAAE,OAAO,EAAA;AACvB,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO;QACzB,CAAC;AACF,KAAA;AACD,IAAA,OAAO,EAAE,EAAE;;;;;"}

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

@@ -0,0 +1,42 @@
+import { namespacedWireCommit } from '../../wiring/namespaced-wires.factory.js';
+import 'rxjs/operators';
+import 'rxjs';
+import { createWiring } from '../../wiring/wiring.utils.js';
+
+/**
+ * WireCommit for {@link VendorXModule}.
+ *
+ * @internal
+ */
+const wireCommit = namespacedWireCommit('vendor');
+/**
+ * Sets the vendor results of the {@link VendorXModule}.
+ *
+ * @public
+ */
+const setResults = wireCommit('setResults', ({ eventPayload }) => eventPayload.map(vendorResult => ({
+    ...vendorResult,
+    modelName: 'VendorResult',
+})));
+/**
+ * Resets the vendor results of the {@link VendorXModule}.
+ *
+ * @public
+ */
+const resetResults = wireCommit('setResults', []);
+/**
+ * Wiring configuration for the {@link VendorXModule | vendor module}.
+ *
+ * @internal
+ */
+const vendorWiring = createWiring({
+    VendorResultsChanged: {
+        setResults,
+    },
+    SearchRequestChanged: {
+        resetResults,
+    },
+});
+
+export { setResults, vendorWiring };
+//# sourceMappingURL=wiring.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/vendor/wiring.ts"],"sourcesContent":["import type { WirePayload, XEventPayload } from '../../wiring'\nimport { createWiring, namespacedWireCommit } from '../../wiring'\n\n/**\n * WireCommit for {@link VendorXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit('vendor')\n\n/**\n * Sets the vendor results of the {@link VendorXModule}.\n *\n * @public\n */\nexport const setResults = wireCommit(\n  'setResults',\n  ({ eventPayload }: WirePayload<XEventPayload<'VendorResultsChanged'>>) =>\n    eventPayload.map(vendorResult => ({\n      ...vendorResult,\n      modelName: 'VendorResult' as const,\n    })),\n)\n\n/**\n * Resets the vendor results of the {@link VendorXModule}.\n *\n * @public\n */\nconst resetResults = wireCommit('setResults', [])\n\n/**\n * Wiring configuration for the {@link VendorXModule | vendor module}.\n *\n * @internal\n */\nexport const vendorWiring = createWiring({\n  VendorResultsChanged: {\n    setResults,\n  },\n  SearchRequestChanged: {\n    resetResults,\n  },\n})\n"],"names":[],"mappings":";;;;;AAGA;;;;AAIG;AACH,MAAM,UAAU,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAEjD;;;;AAIG;MACU,UAAU,GAAG,UAAU,CAClC,YAAY,EACZ,CAAC,EAAE,YAAY,EAAsD,KACnE,YAAY,CAAC,GAAG,CAAC,YAAY,KAAK;AAChC,IAAA,GAAG,YAAY;AACf,IAAA,SAAS,EAAE,cAAuB;CACnC,CAAC,CAAC;AAGP;;;;AAIG;AACH,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC;AAEjD;;;;AAIG;AACI,MAAM,YAAY,GAAG,YAAY,CAAC;AACvC,IAAA,oBAAoB,EAAE;QACpB,UAAU;AACX,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,YAAY;AACb,KAAA;AACF,CAAA;;;;"}

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

@@ -0,0 +1,21 @@
+import { XPlugin } from '../../plugins/x-plugin.js';
+import { vendorEmitters } from './store/emitters.js';
+import { vendorXStoreModule } from './store/module.js';
+import { vendorWiring } from './wiring.js';
+
+/**
+ * Vendor {@link XModule} implementation. This module is auto-registered as soon as you
+ * import any component from the `vendor` entry point.
+ *
+ * @public
+ */
+const vendorXModule = {
+    name: 'vendor',
+    storeModule: vendorXStoreModule,
+    storeEmitters: vendorEmitters,
+    wiring: vendorWiring,
+};
+XPlugin.registerXModule(vendorXModule);
+
+export { vendorXModule };
+//# sourceMappingURL=x-module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/vendor/x-module.ts"],"sourcesContent":["import type { XModule } from '../x-modules.types'\nimport type { VendorXStoreModule } from './store/types'\nimport { XPlugin } from '../../plugins/x-plugin'\nimport { vendorEmitters } from './store/emitters'\nimport { vendorXStoreModule } from './store/module'\nimport { vendorWiring } from './wiring'\n\n/**\n * Vendor {@link XModule} alias.\n *\n * @public\n */\nexport type VendorXModule = XModule<VendorXStoreModule>\n\n/**\n * Vendor {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `vendor` entry point.\n *\n * @public\n */\nexport const vendorXModule: VendorXModule = {\n  name: 'vendor',\n  storeModule: vendorXStoreModule,\n  storeEmitters: vendorEmitters,\n  wiring: vendorWiring,\n}\n\nXPlugin.registerXModule(vendorXModule)\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACI,MAAM,aAAa,GAAkB;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,cAAc;AAC7B,IAAA,MAAM,EAAE,YAAY;;AAGtB,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "7.4.0",
+  "version": "7.5.0",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -68,8 +68,8 @@
   },
   "dependencies": {
     "@empathyco/x-adapter": "8.1.8",
-    "@empathyco/x-adapter-platform": "1.7.0",
-    "@empathyco/x-types": "10.5.0",
+    "@empathyco/x-adapter-platform": "1.7.1",
+    "@empathyco/x-types": "10.6.0",
     "@empathyco/x-utils": "1.0.9",
     "@vue/devtools-api": "~6.6.4",
     "@vueuse/core": "~12.8.2",
@@ -117,5 +117,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "23e3552d048891be2001b0ba6264f694b1d54618"
+  "gitHead": "60f292946050b2be4384d28ce746481e55ebbeec"
 }