@empathyco/x-components 7.4.0 → 7.4.1

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [saveBrowseOriginWire](./x-components.savebrowseoriginwire.md)
+
+## saveBrowseOriginWire variable
+
+Sets the browse state `origin`<!-- -->.
+
+**Signature:**
+
+```typescript
+saveBrowseOriginWire: import("../../wiring").AnyWire
+```

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

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

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [setBrowseCategory](./x-components.setbrowsecategory.md)
+
+## setBrowseCategory variable
+
+Sets the browse state `selectedCategory`<!-- -->.
+
+**Signature:**
+
+```typescript
+setBrowseCategory: import("../../wiring").Wire<import("@empathyco/x-types").BrowsableRequest>
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [setBrowseExtraParams](./x-components.setbrowseextraparams.md)
+
+## setBrowseExtraParams variable
+
+Sets the browse state `params`<!-- -->.
+
+**Signature:**
+
+```typescript
+setBrowseExtraParams: import("../../wiring").Wire<import("@empathyco/x-utils").Dictionary<unknown>>
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [setBrowsePage](./x-components.setbrowsepage.md)
+
+## setBrowsePage variable
+
+Sets the browse state `page`<!-- -->.
+
+**Signature:**
+
+```typescript
+setBrowsePage: import("../../wiring").Wire<number>
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [setBrowseSelectedFilters](./x-components.setbrowseselectedfilters.md)
+
+## setBrowseSelectedFilters variable
+
+Sets the browse state `selectedFilters`<!-- -->.
+
+**Signature:**
+
+```typescript
+setBrowseSelectedFilters: import("../../wiring").Wire<import("@empathyco/x-types").Filter[]>
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [setBrowseSort](./x-components.setbrowsesort.md)
+
+## setBrowseSort variable
+
+Sets the browse state `sort`<!-- -->.
+
+**Signature:**
+
+```typescript
+setBrowseSort: import("../../wiring").Wire<string>
+```

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

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

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [setBrowseUrlParamsWire](./x-components.setbrowseurlparamswire.md)
+
+## setBrowseUrlParamsWire variable
+
+Sets the browse state `query`<!-- -->.
+
+**Signature:**
+
+```typescript
+setBrowseUrlParamsWire: import("../../wiring").Wire<import("../..").UrlParams>
+```

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

@@ -156,9 +156,9 @@ _default: import("vue").DefineComponent<{}, {
         UserClickedABanner: (payload: import("@empathyco/x-types").Banner, metadata: WireMetadata) => unknown;
         UserClickedAbortARedirection: (payload: undefined, metadata: WireMetadata) => unknown;
         UserSelectedAPage: (payload: number, metadata: WireMetadata) => unknown;
-        BrowseRequestChanged: (payload: import("../x-modules/browse").InternalBrowseRequest | null, metadata: WireMetadata) => unknown;
-        BrowseRequestUpdated: (payload: import("../x-modules/browse").InternalBrowseRequest | null, metadata: WireMetadata) => unknown;
-        BrowseResponseChanged: (payload: import("../x-modules/browse").InternalBrowseResponse, metadata: WireMetadata) => unknown;
+        BrowseRequestChanged: (payload: import("..").InternalBrowseRequest | null, metadata: WireMetadata) => unknown;
+        BrowseRequestUpdated: (payload: import("..").InternalBrowseRequest | null, metadata: WireMetadata) => unknown;
+        BrowseResponseChanged: (payload: import("..").InternalBrowseResponse, metadata: WireMetadata) => unknown;
         BrowseTaggingChanged: (payload: import("@empathyco/x-types").TaggingRequest, metadata: WireMetadata) => unknown;
         UserClickedABrowseSort: (payload: string, metadata: WireMetadata) => unknown;
         SelectedBrowseSortProvided: (payload: string, metadata: WireMetadata) => unknown;

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

@@ -4,7 +4,7 @@
 
 ## UseAliasAPI.browseTotalResults property
 
-The  total results.
+The [BrowseXModule](./x-components.browsexmodule.md) total results.
 
 **Signature:**
 

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

@@ -52,7 +52,7 @@ number
 
 </td><td>
 
-The  total results.
+The [BrowseXModule](./x-components.browsexmodule.md) total results.
 
 
 </td></tr>

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

@@ -0,0 +1,73 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [WatchedInternalBrowseRequest](./x-components.watchedinternalbrowserequest.md)
+
+## WatchedInternalBrowseRequest interface
+
+A representation of a watched [InternalBrowseRequest](./x-components.internalbrowserequest.md) object, wrapping its new and old values.
+
+**Signature:**
+
+```typescript
+export interface WatchedInternalBrowseRequest 
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[newRequest](./x-components.watchedinternalbrowserequest.newrequest.md)
+
+
+</td><td>
+
+
+</td><td>
+
+[InternalBrowseRequest](./x-components.internalbrowserequest.md)
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[oldRequest](./x-components.watchedinternalbrowserequest.oldrequest.md)
+
+
+</td><td>
+
+
+</td><td>
+
+[InternalBrowseRequest](./x-components.internalbrowserequest.md)
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+

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

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [WatchedInternalBrowseRequest](./x-components.watchedinternalbrowserequest.md) &gt; [newRequest](./x-components.watchedinternalbrowserequest.newrequest.md)
+
+## WatchedInternalBrowseRequest.newRequest property
+
+**Signature:**
+
+```typescript
+newRequest: InternalBrowseRequest;
+```

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

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [WatchedInternalBrowseRequest](./x-components.watchedinternalbrowserequest.md) &gt; [oldRequest](./x-components.watchedinternalbrowserequest.oldrequest.md)
+
+## WatchedInternalBrowseRequest.oldRequest property
+
+**Signature:**
+
+```typescript
+oldRequest: InternalBrowseRequest;
+```

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

@@ -11,7 +11,7 @@
 ```typescript
 export interface XEventsTypes extends DeviceXEvents, EmpathizeXEvents, ExtraParamsXEvents, FacetsXEvents, HistoryQueriesXEvents, IdentifierResultsXEvents, NextQueriesXEvents, PopularSearchesXEvents, QueriesPreviewXEvents, QuerySuggestionsXEvents, RecommendationsXEvents, RelatedTagsXEvents, ScrollXEvents, SearchBoxXEvents, SearchXEvents, BrowseXEvents, SemanticQueriesXEvents, TaggingXEvents, ExperienceControlsXEvents, UrlXEvents, RelatedPromptsXEvents, AiXEvents 
 ```
-**Extends:** [DeviceXEvents](./x-components.devicexevents.md)<!-- -->, [EmpathizeXEvents](./x-components.empathizexevents.md)<!-- -->, [ExtraParamsXEvents](./x-components.extraparamsxevents.md)<!-- -->, [FacetsXEvents](./x-components.facetsxevents.md)<!-- -->, [HistoryQueriesXEvents](./x-components.historyqueriesxevents.md)<!-- -->, [IdentifierResultsXEvents](./x-components.identifierresultsxevents.md)<!-- -->, [NextQueriesXEvents](./x-components.nextqueriesxevents.md)<!-- -->, [PopularSearchesXEvents](./x-components.popularsearchesxevents.md)<!-- -->, [QueriesPreviewXEvents](./x-components.queriespreviewxevents.md)<!-- -->, [QuerySuggestionsXEvents](./x-components.querysuggestionsxevents.md)<!-- -->, [RecommendationsXEvents](./x-components.recommendationsxevents.md)<!-- -->, [RelatedTagsXEvents](./x-components.relatedtagsxevents.md)<!-- -->, [ScrollXEvents](./x-components.scrollxevents.md)<!-- -->, [SearchBoxXEvents](./x-components.searchboxxevents.md)<!-- -->, [SearchXEvents](./x-components.searchxevents.md)<!-- -->, BrowseXEvents, [SemanticQueriesXEvents](./x-components.semanticqueriesxevents.md)<!-- -->, [TaggingXEvents](./x-components.taggingxevents.md)<!-- -->, [ExperienceControlsXEvents](./x-components.experiencecontrolsxevents.md)<!-- -->, [UrlXEvents](./x-components.urlxevents.md)<!-- -->, [RelatedPromptsXEvents](./x-components.relatedpromptsxevents.md)<!-- -->, [AiXEvents](./x-components.aixevents.md)
+**Extends:** [DeviceXEvents](./x-components.devicexevents.md)<!-- -->, [EmpathizeXEvents](./x-components.empathizexevents.md)<!-- -->, [ExtraParamsXEvents](./x-components.extraparamsxevents.md)<!-- -->, [FacetsXEvents](./x-components.facetsxevents.md)<!-- -->, [HistoryQueriesXEvents](./x-components.historyqueriesxevents.md)<!-- -->, [IdentifierResultsXEvents](./x-components.identifierresultsxevents.md)<!-- -->, [NextQueriesXEvents](./x-components.nextqueriesxevents.md)<!-- -->, [PopularSearchesXEvents](./x-components.popularsearchesxevents.md)<!-- -->, [QueriesPreviewXEvents](./x-components.queriespreviewxevents.md)<!-- -->, [QuerySuggestionsXEvents](./x-components.querysuggestionsxevents.md)<!-- -->, [RecommendationsXEvents](./x-components.recommendationsxevents.md)<!-- -->, [RelatedTagsXEvents](./x-components.relatedtagsxevents.md)<!-- -->, [ScrollXEvents](./x-components.scrollxevents.md)<!-- -->, [SearchBoxXEvents](./x-components.searchboxxevents.md)<!-- -->, [SearchXEvents](./x-components.searchxevents.md)<!-- -->, [BrowseXEvents](./x-components.browsexevents.md)<!-- -->, [SemanticQueriesXEvents](./x-components.semanticqueriesxevents.md)<!-- -->, [TaggingXEvents](./x-components.taggingxevents.md)<!-- -->, [ExperienceControlsXEvents](./x-components.experiencecontrolsxevents.md)<!-- -->, [UrlXEvents](./x-components.urlxevents.md)<!-- -->, [RelatedPromptsXEvents](./x-components.relatedpromptsxevents.md)<!-- -->, [AiXEvents](./x-components.aixevents.md)
 
 ## Remarks
 

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

@@ -62,7 +62,7 @@ Description
 
 </td><td>
 
-BrowseXModule
+[BrowseXModule](./x-components.browsexmodule.md)
 
 
 </td><td>

package/js/index.js

@@ -210,6 +210,21 @@ export { suggestionsSearchRequest as aiSuggestionsSearchRequest } from './x-modu
 export { aiXStoreModule } from './x-modules/ai/store/module.js';
 export { aiWiring } from './x-modules/ai/wiring.js';
 export { aiXModule } from './x-modules/ai/x-module.js';
+export { default as BrowseResultsList } from './x-modules/browse/components/browse-results-list.vue.js';
+export { default as BrowseSortPickerList } from './x-modules/browse/components/browse-sort-picker-list.vue.js';
+export { cancelFetchAndSaveBrowseResponse, fetchAndSaveBrowseResponse } from './x-modules/browse/store/actions/fetch-and-save-browse-response.action.js';
+export { fetchAndSaveResultsEnrichment as fetchAndSaveBrowseResultsEnrichment } from './x-modules/browse/store/actions/fetch-and-save-results-enrichment.action.js';
+export { fetchBrowseResponse } from './x-modules/browse/store/actions/fetch-browse-response.action.js';
+export { increasePageAppendingResults as increaseBrowsePageAppendingResults } from './x-modules/browse/store/actions/increase-page-apending-results.action.js';
+export { resetRequestOnRefinement as resetBrowseRequestOnRefinement } from './x-modules/browse/store/actions/reset-request-on-refinement.action.js';
+export { saveBrowseResponse } from './x-modules/browse/store/actions/save-browse-response.action.js';
+export { saveOrigin as saveBrowseOrigin } from './x-modules/browse/store/actions/save-origin.action.js';
+export { setUrlParams as setBrowseUrlParams } from './x-modules/browse/store/actions/set-url-params.action.js';
+export { browseEmitters } from './x-modules/browse/store/emitters.js';
+export { request as browseRequest } from './x-modules/browse/store/getters/request.getter.js';
+export { browseXStoreModule, resettableBrowseState } from './x-modules/browse/store/module.js';
+export { browseWiring, cancelFetchAndSaveBrowseResponseWire, clearBrowseQuery, fetchAndSaveBrowseResponseWire, fetchAndSaveBrowseResultsEnrichmentWire, increaseBrowsePageAppendingResultsWire, resetBrowseAppending, resetBrowseRequestOnRefinementWire, resetBrowseStateForReloadWire, resetBrowseStateIfNoRequestWire, resetFromNoBrowseResultsWithFilters, resetIsNoBrowseResults, saveBrowseOriginWire, setBrowseCategory, setBrowseExtraParams, setBrowsePage, setBrowseSelectedFilters, setBrowseSort, setBrowseUrlParamsWire } from './x-modules/browse/wiring.js';
+export { browseXModule } from './x-modules/browse/x-module.js';
 export { default as DeviceDetector } from './x-modules/device/components/device-detector.vue.js';
 export { deviceEmitters } from './x-modules/device/store/emitters.js';
 export { deviceXStoreModule } from './x-modules/device/store/module.js';

package/js/index.js.map

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

package/js/wiring/namespaced-wires.factory.js

@@ -1,4 +1,4 @@
-import { wireCommit, wireDispatch, wireDispatchWithoutPayload, wireCommitWithoutPayload } from './wires.factory.js';
+import { wireCommit, wireDispatchWithoutPayload, wireCommitWithoutPayload, wireDispatch } from './wires.factory.js';
 import { getStateAndGettersFromModule } from './wiring.utils.js';
 
 /**

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

@@ -0,0 +1,46 @@
+import { defineComponent, provide, h } from 'vue';
+import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts.js';
+import ItemsList from '../../../components/items-list.vue.js';
+import { useState } from '../../../composables/use-state.js';
+import { AnimationProp } from '../../../types/animation-prop.js';
+import { browseXModule } from '../x-module.js';
+
+/**
+ * It renders a {@link ItemsList} list with the results from {@link SearchState.results} by
+ * default.
+ *
+ * The component provides a default slot which wraps the whole component with the `results` bound.
+ *
+ * It also provides the slot result to customize the item, which is within the default slot, with
+ * the result bound.
+ *
+ * @public
+ */
+var _sfc_main = defineComponent({
+    name: 'BrowseResultsList',
+    xModule: browseXModule.name,
+    props: {
+        /** Animation component that will be used to animate the results. */
+        animation: {
+            type: AnimationProp,
+            default: 'ul',
+        },
+    },
+    setup(props, { slots }) {
+        /**
+         * The results to render from the state.
+         *
+         * @remarks The results list are provided with `items` key.
+         */
+        const { results: items } = useState('browse');
+        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=browse-results-list.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"browse-results-list.vue.js","sources":["../../../../../src/x-modules/browse/components/browse-results-list.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, h, provide } from 'vue'\nimport { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts'\nimport ItemsList from '../../../components/items-list.vue'\nimport { useState } from '../../../composables/use-state'\nimport { AnimationProp } from '../../../types'\nimport { browseXModule } from '../x-module'\n\n/**\n * It renders a {@link ItemsList} list with the results from {@link SearchState.results} by\n * default.\n *\n * The component provides a default slot which wraps the whole component with the `results` bound.\n *\n * It also provides the slot result to customize the item, which is within the default slot, with\n * the result bound.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'BrowseResultsList',\n  xModule: browseXModule.name,\n  props: {\n    /** Animation component that will be used to animate the results. */\n    animation: {\n      type: AnimationProp,\n      default: 'ul',\n    },\n  },\n  setup(props, { slots }) {\n    /**\n     * The results to render from the state.\n     *\n     * @remarks The results list are provided with `items` key.\n     */\n    const { results: items } = useState('browse')\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":";;;;;;;AAQA;;;;;;;;;;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;;;;AAIE;QACF,MAAM,EAAE,OAAO,EAAE,KAAI,EAAE,GAAI,QAAQ,CAAC,QAAQ,CAAA;AAE5C,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/browse/components/browse-results-list.vue2.js

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

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

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

package/js/x-modules/browse/components/browse-sort-picker-list.vue.js

@@ -0,0 +1,73 @@
+import { defineComponent, watch, computed, openBlock, createBlock, resolveDynamicComponent, withCtx, createElementBlock, Fragment, renderList, unref, normalizeClass, renderSlot, mergeProps, createTextVNode, toDisplayString } from 'vue';
+import BaseEventButton from '../../../components/base-event-button.vue.js';
+import { use$x } from '../../../composables/use-_x.js';
+import { useState } from '../../../composables/use-state.js';
+import { browseXModule } from '../x-module.js';
+
+/**
+ * The `SortPickerList` component allows user to select the browse results order. This component
+ * also allows to change the selected sort programmatically.
+ */
+var _sfc_main = /*@__PURE__*/ defineComponent({
+    ...{
+        xModule: browseXModule.name,
+    },
+    __name: 'browse-sort-picker-list',
+    props: {
+        animation: { type: null, required: false, default: 'ul' },
+        items: { type: Array, required: true },
+        buttonClass: { type: String, required: true }
+    },
+    setup(__props) {
+        const props = __props;
+        const $x = use$x();
+        const { sort: selectedSort } = useState('browse');
+        watch(selectedSort, (value) => $x.emit('SelectedBrowseSortProvided', value), {
+            immediate: true,
+        });
+        /**
+         * Sort list items.
+         *
+         * @returns A list of items with their css class and the event associate to it.
+         */
+        const listItems = computed(() => props.items.map((item) => ({
+            item,
+            cssClasses: {
+                'xds:selected': item === selectedSort.value,
+            },
+            event: { UserClickedABrowseSort: item },
+        })));
+        return (_ctx, _cache) => {
+            return (openBlock(), createBlock(resolveDynamicComponent(__props.animation), {
+                tag: "div",
+                class: "x-sort-picker-list",
+                "data-test": "sort-picker",
+                role: "list"
+            }, {
+                default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(listItems.value, ({ item, cssClasses, event }) => {
+                        return (openBlock(), createBlock(BaseEventButton, {
+                            key: item,
+                            class: normalizeClass([cssClasses, __props.buttonClass]),
+                            "data-test": "sort-picker-button",
+                            events: event,
+                            "aria-pressed": item === unref(selectedSort) || null,
+                            role: "listitem"
+                        }, {
+                            default: withCtx(() => [
+                                renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, { item, isSelected: item === unref(selectedSort) }), () => [
+                                    createTextVNode(toDisplayString(item), 1 /* TEXT */)
+                                ])
+                            ]),
+                            _: 2 /* DYNAMIC */
+                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "events", "aria-pressed"]));
+                    }), 128 /* KEYED_FRAGMENT */))
+                ]),
+                _: 3 /* FORWARDED */
+            }));
+        };
+    }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=browse-sort-picker-list.vue.js.map

package/js/x-modules/browse/components/browse-sort-picker-list.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browse-sort-picker-list.vue.js","sources":["../../../../../src/x-modules/browse/components/browse-sort-picker-list.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"animation\"\n    tag=\"div\"\n    class=\"x-sort-picker-list\"\n    data-test=\"sort-picker\"\n    role=\"list\"\n  >\n    <BaseEventButton\n      v-for=\"{ item, cssClasses, event } in listItems\"\n      :key=\"item\"\n      :class=\"[cssClasses, buttonClass]\"\n      data-test=\"sort-picker-button\"\n      :events=\"event\"\n      :aria-pressed=\"item === selectedSort || null\"\n      role=\"listitem\"\n    >\n      <slot v-bind=\"{ item, isSelected: item === selectedSort }\">\n        {{ item }}\n      </slot>\n    </BaseEventButton>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type { Sort } from '@empathyco/x-types'\nimport type { Component } from 'vue'\nimport type { VueCSSClasses } from '../../../utils/types'\nimport type { XEventsTypes } from '../../../wiring/events.types'\nimport { computed, watch } from 'vue'\nimport BaseEventButton from '../../../components/base-event-button.vue'\nimport { use$x } from '../../../composables/use-$x'\nimport { useState } from '../../../composables/use-state'\nimport { browseXModule } from '../x-module'\n\n/**\n * Sort Picker item options.\n */\nexport interface SortPickerItem {\n  item: Sort\n  cssClasses: VueCSSClasses\n  event: Partial<XEventsTypes>\n}\n\n/**\n * The `SortPickerList` component allows user to select the browse results order. This component\n * also allows to change the selected sort programmatically.\n */\n\ndefineOptions({\n  xModule: browseXModule.name,\n})\n\nconst props = withDefaults(\n  defineProps<{ animation?: string | Component; items: Sort[]; buttonClass: string }>(),\n  { animation: 'ul' },\n)\n\nconst $x = use$x()\n\nconst { sort: selectedSort } = useState('browse')\n\nwatch(selectedSort, (value: Sort) => $x.emit('SelectedBrowseSortProvided', value), {\n  immediate: true,\n})\n\n/**\n * Sort list items.\n *\n * @returns A list of items with their css class and the event associate to it.\n */\nconst listItems = computed<SortPickerItem[]>(() =>\n  props.items.map((item: string) => ({\n    item,\n    cssClasses: {\n      'xds:selected': item === selectedSort.value,\n    },\n    event: { UserClickedABrowseSort: item },\n  })),\n)\n</script>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_normalizeClass","_unref","_renderSlot","_mergeProps"],"mappings":";;;;;;AA4CA;;;AAGE;;;;;;;;;;;;QAMF,MAAM,KAAK,GAAG,OAAA;AAKd,QAAA,MAAM,EAAE,GAAG,KAAK,EAAC;QAEjB,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAA;AAEhD,QAAA,KAAK,CAAC,YAAY,EAAE,CAAC,KAAW,KAAK,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,KAAK,CAAC,EAAE;AACjF,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA,CAAA;AAED;;;;AAIE;AACF,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAmB,MAC3C,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,MAAM;YACjC,IAAI;AACJ,YAAA,UAAU,EAAE;AACV,gBAAA,cAAc,EAAE,IAAI,KAAK,YAAY,CAAC,KAAK;AAC5C,aAAA;AACD,YAAA,KAAK,EAAE,EAAE,sBAAsB,EAAE,IAAI,EAAE;SACxC,CAAC,CAAC,CACL;;AA9EE,YAAA,QAAAA,SAAA,EAAA,EAAAC,WAAA,CAoBYC,wBAnBL,OAAA,CAAA,SAAS,CAAA,EAAA;AACd,gBAAA,GAAG,EAAC,KAAK;AACT,gBAAA,KAAK,EAAC,oBAAoB;AAC1B,gBAAA,WAAS,EAAC,aAAa;AACvB,gBAAA,IAAI,EAAC;;iCAGH,MAAgD;qBADlDF,SAAA,CAAA,IAAA,CAAA,EAAAG,kBAAA,CAYkBC,2BAXsB,SAAA,CAAA,KAAS,EAAA,CAAA,EAAtC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAA,KAAA;6CADlCH,WAAA,CAYkB,eAAA,EAAA;AAVf,4BAAA,GAAG,EAAE,IAAI;4BACT,KAAK,EAAAI,cAAA,CAAA,CAAG,UAAU,EAAE,OAAA,CAAA,WAAW,CAAA,CAAA;AAChC,4BAAA,WAAS,EAAC,oBAAoB;AAC7B,4BAAA,MAAM,EAAE,KAAK;4BACb,cAAY,EAAE,IAAI,KAAKC,KAAA,CAAA,YAAA,CAAY,IAAA,IAAA;AACpC,4BAAA,IAAI,EAAC;;6CAEL,MAEO;AAFP,gCAAAC,UAAA,CAEO,IAAA,CAAA,MAAA,EAAA,SAAA,EAFPC,WAEO,EAAA,OAAA,EAAA,IAAA,EAAA,EAAA,EAFS,IAAI,cAAc,IAAI,KAAKF,KAAA,CAAA,YAAA,CAAY,EAAA,CAAA,EAAvD,MAEO;oEADF,IAAI,CAAA,EAAA,CAAA;;;;;;;;;;;;;;;"}

package/js/x-modules/browse/components/browse-sort-picker-list.vue2.js

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

package/js/x-modules/browse/components/browse-sort-picker-list.vue2.js.map

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

package/js/x-modules/browse/store/actions/fetch-and-save-browse-response.action.js

@@ -0,0 +1,57 @@
+import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
+
+const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
+    async fetch({ dispatch, state }, request) {
+        return request && request.browseField !== '' && request.browseValue !== ''
+            ? dispatch('fetchBrowseResponse', enrichRequest(request, state))
+            : Promise.resolve(null);
+    },
+    onSuccess({ dispatch }, response) {
+        if (response !== null) {
+            void dispatch('saveBrowseResponse', response);
+        }
+    },
+});
+/**
+ * Enriches the {@link BrowseRequest} object with the origin and page properties taken from the
+ * {@link BrowseState | browse state}.
+ *
+ * @param request - The {@link InternalBrowseRequest}.
+ * @param state - {@link BrowseState}.
+ *
+ * @returns The browse request.
+ * @internal
+ */
+function enrichRequest(request, state) {
+    const { page, ...restRequest } = request;
+    const { config: { pageSize, pageMode }, origin, results, } = state;
+    let start;
+    if (pageMode === 'infinite_scroll') {
+        start = page === 1 ? 0 : results.length;
+    }
+    else {
+        start = state.config.pageSize * (page - 1);
+    }
+    const rows = pageMode === 'infinite_scroll' ? pageSize * page - start : pageSize;
+    return {
+        ...restRequest,
+        ...(origin && { origin }),
+        start,
+        rows,
+    };
+}
+/**
+ * Default implementation for {@link BrowseActions.fetchAndSaveBrowseResponse} action.
+ *
+ * @public
+ */
+const fetchAndSaveBrowseResponse = fetchAndSave;
+/**
+ * Default implementation for {@link BrowseActions.cancelFetchAndSaveBrowseResponse} action.
+ *
+ * @public
+ */
+const cancelFetchAndSaveBrowseResponse = cancelPrevious;
+
+export { cancelFetchAndSaveBrowseResponse, fetchAndSaveBrowseResponse };
+//# sourceMappingURL=fetch-and-save-browse-response.action.js.map

package/js/x-modules/browse/store/actions/fetch-and-save-browse-response.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-and-save-browse-response.action.js","sources":["../../../../../../src/x-modules/browse/store/actions/fetch-and-save-browse-response.action.ts"],"sourcesContent":["import type { BrowseRequest, BrowseResponse } from '@empathyco/x-types'\nimport type { InternalBrowseRequest } from '../../types'\nimport type { BrowseActionContext, BrowseState } from '../types'\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils'\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  BrowseActionContext,\n  InternalBrowseRequest | null,\n  BrowseResponse | null\n>({\n  async fetch({ dispatch, state }, request) {\n    return request && request.browseField !== '' && request.browseValue !== ''\n      ? dispatch('fetchBrowseResponse', enrichRequest(request, state))\n      : Promise.resolve(null)\n  },\n  onSuccess({ dispatch }, response) {\n    if (response !== null) {\n      void dispatch('saveBrowseResponse', response)\n    }\n  },\n})\n\n/**\n * Enriches the {@link BrowseRequest} object with the origin and page properties taken from the\n * {@link BrowseState | browse state}.\n *\n * @param request - The {@link InternalBrowseRequest}.\n * @param state - {@link BrowseState}.\n *\n * @returns The browse request.\n * @internal\n */\nfunction enrichRequest(request: InternalBrowseRequest, state: BrowseState): BrowseRequest {\n  const { page, ...restRequest } = request\n  const {\n    config: { pageSize, pageMode },\n    origin,\n    results,\n  } = state\n\n  let start\n  if (pageMode === 'infinite_scroll') {\n    start = page === 1 ? 0 : results.length\n  } else {\n    start = state.config.pageSize * (page - 1)\n  }\n\n  const rows = pageMode === 'infinite_scroll' ? pageSize * page - start : pageSize\n\n  return {\n    ...restRequest,\n    ...(origin && { origin }),\n    start,\n    rows,\n  }\n}\n\n/**\n * Default implementation for {@link BrowseActions.fetchAndSaveBrowseResponse} action.\n *\n * @public\n */\nexport const fetchAndSaveBrowseResponse = fetchAndSave\n\n/**\n * Default implementation for {@link BrowseActions.cancelFetchAndSaveBrowseResponse} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveBrowseResponse = cancelPrevious\n"],"names":[],"mappings":";;AAKA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;IACA,MAAM,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,OAAO,EAAA;AACtC,QAAA,OAAO,OAAO,IAAI,OAAO,CAAC,WAAW,KAAK,EAAE,IAAI,OAAO,CAAC,WAAW,KAAK;cACpE,QAAQ,CAAC,qBAAqB,EAAE,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC/D,cAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;IAC3B,CAAC;AACD,IAAA,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAA;AAC9B,QAAA,IAAI,QAAQ,KAAK,IAAI,EAAE;AACrB,YAAA,KAAK,QAAQ,CAAC,oBAAoB,EAAE,QAAQ,CAAC;QAC/C;IACF,CAAC;AACF,CAAA,CAAC;AAEF;;;;;;;;;AASG;AACH,SAAS,aAAa,CAAC,OAA8B,EAAE,KAAkB,EAAA;IACvE,MAAM,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO;AACxC,IAAA,MAAM,EACJ,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAC9B,MAAM,EACN,OAAO,GACR,GAAG,KAAK;AAET,IAAA,IAAI,KAAK;AACT,IAAA,IAAI,QAAQ,KAAK,iBAAiB,EAAE;AAClC,QAAA,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM;IACzC;SAAO;AACL,QAAA,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI,GAAG,CAAC,CAAC;IAC5C;AAEA,IAAA,MAAM,IAAI,GAAG,QAAQ,KAAK,iBAAiB,GAAG,QAAQ,GAAG,IAAI,GAAG,KAAK,GAAG,QAAQ;IAEhF,OAAO;AACL,QAAA,GAAG,WAAW;AACd,QAAA,IAAI,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC;QACzB,KAAK;QACL,IAAI;KACL;AACH;AAEA;;;;AAIG;AACI,MAAM,0BAA0B,GAAG;AAE1C;;;;AAIG;AACI,MAAM,gCAAgC,GAAG;;;;"}

package/js/x-modules/browse/store/actions/fetch-and-save-results-enrichment.action.js

@@ -0,0 +1,21 @@
+import { DefaultResultsEnrichmentService } from '../../../../services/results-enrichment.service.js';
+import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
+
+const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
+    async fetch(_, results) {
+        return results.length > 0 ? DefaultResultsEnrichmentService.instance.fetchResults(results) : [];
+    },
+    onSuccess({ commit }, enrichmentResults) {
+        commit('updateResultsFromEnrichment', enrichmentResults);
+    },
+});
+/**
+ * Default implementation for {@link BrowseActions.fetchAndSaveResultsEnrichment}
+ * action.
+ *
+ * @public
+ */
+const fetchAndSaveResultsEnrichment = fetchAndSave;
+
+export { fetchAndSaveResultsEnrichment };
+//# sourceMappingURL=fetch-and-save-results-enrichment.action.js.map

package/js/x-modules/browse/store/actions/fetch-and-save-results-enrichment.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-and-save-results-enrichment.action.js","sources":["../../../../../../src/x-modules/browse/store/actions/fetch-and-save-results-enrichment.action.ts"],"sourcesContent":["import type { Result } from '@empathyco/x-types'\n\nimport type { BrowseActionContext } from '../types'\nimport { DefaultResultsEnrichmentService } from '../../../../services/results-enrichment.service'\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils'\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  BrowseActionContext,\n  Result[],\n  any[]\n>({\n  async fetch(_, results) {\n    return results.length > 0 ? DefaultResultsEnrichmentService.instance.fetchResults(results) : []\n  },\n  onSuccess({ commit }, enrichmentResults) {\n    commit('updateResultsFromEnrichment', enrichmentResults)\n  },\n})\n\n/**\n * Default implementation for {@link BrowseActions.fetchAndSaveResultsEnrichment}\n * action.\n *\n * @public\n */\nexport const fetchAndSaveResultsEnrichment = fetchAndSave\n\n/**\n * Default implementation for {@link BrowseActions.cancelFetchAndSaveResultsEnrichment}\n * action.\n *\n * @public\n */\nexport const cancelFetchAndSaveResultsEnrichment = cancelPrevious\n"],"names":[],"mappings":";;;AAMA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;AACA,IAAA,MAAM,KAAK,CAAC,CAAC,EAAE,OAAO,EAAA;QACpB,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,+BAA+B,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE;IACjG,CAAC;AACD,IAAA,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,EAAA;AACrC,QAAA,MAAM,CAAC,6BAA6B,EAAE,iBAAiB,CAAC;IAC1D,CAAC;AACF,CAAA,CAAC;AAEF;;;;;AAKG;AACI,MAAM,6BAA6B,GAAG;;;;"}

package/js/x-modules/browse/store/actions/fetch-browse-response.action.js

@@ -0,0 +1,16 @@
+import { XPlugin } from '../../../../plugins/x-plugin.js';
+
+/**
+ * Default implementation for the {@link BrowseActions.fetchBrowseResponse}.
+ *
+ * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ * @param request - The browse request to make.
+ * @returns A Promise of browse response that resolves when it fetches browse response.
+ *
+ * @public
+ */
+const fetchBrowseResponse = async (_context, request) => XPlugin.adapter.browse(request);
+
+export { fetchBrowseResponse };
+//# sourceMappingURL=fetch-browse-response.action.js.map

package/js/x-modules/browse/store/actions/fetch-browse-response.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-browse-response.action.js","sources":["../../../../../../src/x-modules/browse/store/actions/fetch-browse-response.action.ts"],"sourcesContent":["import type { BrowseXStoreModule } from '../types'\nimport { XPlugin } from '../../../../plugins/x-plugin'\n\n/**\n * Default implementation for the {@link BrowseActions.fetchBrowseResponse}.\n *\n * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The browse request to make.\n * @returns A Promise of browse response that resolves when it fetches browse response.\n *\n * @public\n */\nexport const fetchBrowseResponse: BrowseXStoreModule['actions']['fetchBrowseResponse'] = async (\n  _context,\n  request,\n) => XPlugin.adapter.browse(request)\n"],"names":[],"mappings":";;AAGA;;;;;;;;;AASG;MACU,mBAAmB,GAAyD,OACvF,QAAQ,EACR,OAAO,KACJ,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO;;;;"}

package/js/x-modules/browse/store/actions/increase-page-apending-results.action.js

@@ -0,0 +1,18 @@
+/**
+ * Default implementation for the {@link BrowseActions.increasePageAppendingResults}.
+ *
+ * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ *
+ * @public
+ */
+const increasePageAppendingResults = ({ commit, state }) => {
+    const newPage = state.page + 1;
+    if (newPage >= 1 && state.page * state.config.pageSize < state.totalResults) {
+        commit('setPage', newPage);
+        commit('setIsAppendResults', true);
+    }
+};
+
+export { increasePageAppendingResults };
+//# sourceMappingURL=increase-page-apending-results.action.js.map