@empathyco/x-components 7.5.0 → 8.1.0

package/js/components/sort/sort-list.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-list.vue2.js","sources":["../../../../src/components/sort/sort-list.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\" tag=\"ul\" class=\"x-option-list x-sort-list\" data-test=\"sort-list\">\n    <li\n      v-for=\"{ item, cssClasses, event } in listItems\"\n      :key=\"item\"\n      :class=\"cssClasses\"\n      class=\"x-option-list__item x-sort-list__item\"\n    >\n      <BaseEventButton\n        class=\"x-sort-list__button xds:button\"\n        data-test=\"x-sort-button\"\n        :events=\"event\"\n      >\n        <slot v-bind=\"{ item, isSelected: item === selectedSort }\">\n          {{ item }}\n        </slot>\n      </BaseEventButton>\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Sort } from '@empathyco/x-types'\nimport type { Component, PropType } from 'vue'\nimport type { VueCSSClasses } from '../../utils/index'\nimport type { XEvent, XEventsTypes } from '../../wiring/index'\nimport { computed, defineComponent, watch } from 'vue'\nimport { use$x } from '../../composables/use-$x'\nimport BaseEventButton from '../base-event-button.vue'\n\n/**\n * Sort list item options.\n */\ninterface SortListItem {\n  item: Sort\n  cssClasses: VueCSSClasses\n  event: Partial<XEventsTypes>\n}\n\n/**\n * The `SortList` component allows user to select the search results order. This component\n * also allows to change the selected sort programmatically.\n */\nexport default defineComponent({\n  name: 'SortList',\n  components: { BaseEventButton },\n  props: {\n    /** The transition to use for rendering the list. */\n    animation: {\n      type: [String, Object] as PropType<string | Component>,\n      default: () => 'ul',\n    },\n    /** The list of possible sort values. */\n    items: {\n      type: Array as PropType<Sort[]>,\n      required: true,\n    },\n    selectedSort: {\n      type: String as PropType<Sort>,\n      required: true,\n    },\n    selectedSortProvidedEvent: {\n      type: String as PropType<XEvent>,\n      default: 'SelectedSortProvided',\n    },\n    clickedSortEvent: {\n      type: String as PropType<XEvent>,\n      default: 'UserClickedASort',\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n\n    watch(\n      () => props.selectedSort,\n      value => $x.emit(props.selectedSortProvidedEvent, value),\n      {\n        immediate: true,\n      },\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     */\n    const listItems = computed<SortListItem[]>(() =>\n      props.items.map(item => ({\n        item,\n        cssClasses: {\n          'x-sort-list__item--is-selected': item === props.selectedSort,\n          'x-option-list__item--is-selected': item === props.selectedSort,\n        },\n        event: { [props.clickedSortEvent]: item },\n      })),\n    )\n\n    return {\n      listItems,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-sort-list {\n  list-style-type: none;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Sort List\n\nThe `SortList` component can be used to change the way the search results are ordered.\n\nTo do so, the list of valid sort values has to be provided using the `items` prop. These are the\nvalues that can then be received in the `SearchAdapter`.\n\nThe component also optionally accepts the selected sort, which can be set using the `v-model` prop.\nThis prop allows changing programmatically the selected sort, as it will be synced with the store\nimmediately. If this prop is not provided, the first item from the `items` prop will be the one\nselected by default.\n\nThis component also allows customizing each one of the possible sort values. This can be done with\nthe default slot.\n\n## Events\n\nThis component emits 2 different events:\n\n- [`SelectedSortProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  To sync the selected sort with the store state value. This event is emitted as soon as the list of\n  items is received, whenever this list changes if there is no provided value, and when the provided\n  value changes.\n- [`UserClickedASort`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  As its name suggests, the event is emitted after the user clicks one of the sort options. This does\n  not mean that the sort has changed, only that the user has clicked it.\n\n## Examples\n\n### Only providing the list of items\n\n```vue\n<template>\n  <SortList :items=\"sortValues\">\n    <template #default=\"{ item, isSelected }\">Item: {{ item }}</template>\n  </SortList>\n</template>\n\n<script setup>\nimport { SortList } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst sortValues = ref(['Relevance', 'Price asc', 'Price desc'])\n</script>\n```\n\n### Providing also the selected value\n\n```vue\n<template>\n  <SortList v-model=\"selectedSort\" :items=\"sortValues\">\n    <template #default=\"{ item, isSelected }\">\n      <span v-if=\"isSelected\">✅</span>\n      {{ item }}\n    </template>\n  </SortList>\n</template>\n\n<script setup>\nimport { SortList } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst selectedSort = ref('Price asc')\nconst sortValues = ref(['Relevance', 'Price asc', 'Price desc'])\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAuCA;;;AAGE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,UAAU;IAChB,UAAU,EAAE,EAAE,eAAc,EAAG;AAC/B,IAAA,KAAK,EAAE;;AAEL,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAiC;AACtD,YAAA,OAAO,EAAE,MAAM,IAAI;AACpB,SAAA;;AAED,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,KAAyB;AAC/B,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAwB;AAC9B,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,yBAAyB,EAAE;AACzB,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,OAAO,EAAE,sBAAsB;AAChC,SAAA;AACD,QAAA,gBAAgB,EAAE;AAChB,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,OAAO,EAAE,kBAAkB;AAC5B,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,EAAC,GAAI,KAAK,EAAC;QAEjB,KAAK,CACH,MAAM,KAAK,CAAC,YAAY,EACxB,KAAI,IAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,EACxD;AACE,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA,CACH;AAEA;;;;AAIE;AACF,QAAA,MAAM,SAAQ,GAAI,QAAQ,CAAiB,MACzC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAG,KAAM;YACvB,IAAI;AACJ,YAAA,UAAU,EAAE;AACV,gBAAA,gCAAgC,EAAE,IAAG,KAAM,KAAK,CAAC,YAAY;AAC7D,gBAAA,kCAAkC,EAAE,IAAG,KAAM,KAAK,CAAC,YAAY;AAChE,aAAA;YACD,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB,GAAG,MAAM;SAC1C,CAAC,CAAC,CACL;QAEA,OAAO;YACL,SAAS;SACX;IACF,CAAC;AACF,CAAA,CAAA;;;;"}

package/js/components/sort/sort-list.vue3.js

@@ -0,0 +1,7 @@
+import injectCss from '../../../tools/inject-css.js';
+
+var css = ".x-sort-list[data-v-52bd793c]{list-style-type:none}";
+injectCss(css);
+
+export { css };
+//# sourceMappingURL=sort-list.vue3.js.map

package/js/{x-modules/search/components → components/sort}/sort-picker-list.vue.js

@@ -1,6 +1,6 @@
 import _sfc_main from './sort-picker-list.vue2.js';
 import { resolveComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createElementBlock, Fragment, renderList, normalizeClass, renderSlot, mergeProps, createTextVNode, toDisplayString } from 'vue';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BaseEventButton = resolveComponent("BaseEventButton");

package/js/components/sort/sort-picker-list.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-picker-list.vue.js","sources":["../../../../src/components/sort/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 lang=\"ts\">\nimport type { Sort } from '@empathyco/x-types'\nimport type { Component, PropType } from 'vue'\nimport type { VueCSSClasses } from '../../utils/types'\nimport type { XEventsTypes } from '../../wiring/events.types'\nimport type { XEvent } from '../../wiring/index'\nimport { computed, defineComponent, watch } from 'vue'\nimport { use$x } from '../../composables/use-$x'\nimport BaseEventButton from '../base-event-button.vue'\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 search results order. This component\n * also allows to change the selected sort programmatically.\n */\nexport default defineComponent({\n  name: 'SortPickerList',\n  components: { BaseEventButton },\n  props: {\n    /** The transition to use for rendering the list. */\n    animation: {\n      type: [String, Object] as PropType<string | Component>,\n      default: () => 'div',\n    },\n    /** The list of possible sort values. */\n    items: {\n      type: Array as PropType<Sort[]>,\n      required: true,\n    },\n    selectedSort: {\n      type: String as PropType<Sort>,\n      required: true,\n    },\n    selectedSortProvidedEvent: {\n      type: String as PropType<XEvent>,\n      default: 'SelectedSortProvided',\n    },\n    clickedSortEvent: {\n      type: String as PropType<XEvent>,\n      default: 'UserClickedASort',\n    },\n    /** Class inherited by each sort button. */\n    buttonClass: String,\n  },\n  setup(props) {\n    const $x = use$x()\n\n    watch(\n      () => props.selectedSort,\n      value => $x.emit(props.selectedSortProvidedEvent, value),\n      {\n        immediate: true,\n      },\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     */\n    const listItems = computed<SortPickerItem[]>(() =>\n      props.items.map(item => ({\n        item,\n        cssClasses: {\n          'xds:selected': item === props.selectedSort,\n        },\n        event: { [props.clickedSortEvent]: item },\n      })),\n    )\n\n    return {\n      listItems,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Sort Picker List\n\nThe `SortPickerList` component can be used to change the way the search results are ordered.\n\nTo do so, the list of valid sort values has to be provided using the `items` prop. These are the\nvalues that can then be received in the `SearchAdapter`.\n\nThe component also optionally accepts the selected sort, which can be set using the `v-model` prop.\nThis prop allows changing programmatically the selected sort, as it will be synced with the store\nimmediately. If this prop is not provided, the first item from the `items` prop will be the one\nselected by default.\n\nThis component also allows customizing each one of the possible sort values. This can be done with\nthe default slot.\n\n## Events\n\nThis component emits 2 different events:\n\n- [`SelectedSortProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  To sync the selected sort with the store state value. This event is emitted as soon as the list of\n  items is received, whenever this list changes if there is no provided value, and when the provided\n  value changes.\n- [`UserClickedASort`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  As its name suggests, the event is emitted after the user clicks one of the sort options. This does\n  not mean that the sort has changed, only that the user has clicked it.\n\n## Examples\n\n### Only providing the list of items\n\n```vue\n<template>\n  <SortPickerList :items=\"sortValues\">\n    <template #default=\"{ item, isSelected }\">Item: {{ item }}</template>\n  </SortPickerList>\n</template>\n\n<script setup>\nimport { SortPickerList } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst sortValues = ref(['Relevance', 'Price asc', 'Price desc'])\n</script>\n```\n\n### Providing also the selected value\n\n```vue\n<template>\n  <SortPickerList v-model=\"selectedSort\" :items=\"sortValues\">\n    <template #default=\"{ item, isSelected }\">\n      <span v-if=\"isSelected\">✅</span>\n      {{ item }}\n    </template>\n  </SortPickerList>\n</template>\n\n<script setup>\nimport { SortPickerList } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst selectedSort = ref('Price asc')\nconst sortValues = ref(['Relevance', 'Price asc', 'Price desc'])\n</script>\n```\n\n### Customizing the items with classes\n\nThe `buttonClass` prop can be used to add classes to the sort items.\n\n```vue\n<template>\n  <SortPickerList :items=\"sortValues\" buttonClass=\"x-button-outlined\" />\n</template>\n\n<script setup>\nimport { SortPickerList } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst sortValues = ref(['Relevance', 'Price asc', 'Price desc'])\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList","_normalizeClass","_renderSlot","_mergeProps","_createTextVNode"],"mappings":";;;;;;AACE,EAAA,OAAAA,SAAA,EAAA,EAAAC,WAAA,CAoBYC,wBAnBL,IAAA,CAAA,SAAS,CAAA,EAAA;AAAA,IACd,GAAA,EAAI,KAAA;AAAA,IACJ,KAAA,EAAM,oBAAA;AAAA,IACN,WAAA,EAAU,aAAA;AAAA,IACV,IAAA,EAAK;AAAA,GAAA,EAAA;qBAGH,MAAgD;AAAA,OAAAF,SAAA,CAAA,IAAA,CAAA,EADlDG,kBAAA;AAAA,QAYkBC,QAAA;AAAA,QAAA,IAAA;AAAA,QAAAC,UAAA,CAXsB,IAAA,CAAA,SAAA,EAAS,CAAA,EAAtC,IAAA,EAAM,UAAA,EAAY,KAAA,EAAK,KAAA;8BADlCJ,WAAA,CAYkB,0BAAA,EAAA;AAAA,YAVf,GAAA,EAAK,IAAA;AAAA,YACL,KAAA,EAAKK,cAAA,CAAA,CAAG,UAAA,EAAY,IAAA,CAAA,WAAW,CAAA,CAAA;AAAA,YAChC,WAAA,EAAU,oBAAA;AAAA,YACT,MAAA,EAAQ,KAAA;AAAA,YACR,cAAA,EAAc,SAAS,IAAA,CAAA,YAAA,IAAY,IAAA;AAAA,YACpC,IAAA,EAAK;AAAA,WAAA,EAAA;6BAEL,MAEO;AAAA,cAFPC,UAAA,CAEO,wBAFPC,UAAA,CAEO,EAAA,OAAA,EAAA,IAAA,EAAA,EAAA,EAFS,MAAI,UAAA,EAAc,IAAA,KAAS,IAAA,CAAA,YAAA,EAAY,CAAA,EAAvD,MAEO;AAAA,gBAAAC,eAAA;kCADF,IAAI,CAAA;AAAA,kBAAA;AAAA;AAAA;AAAA,eAAA;;;;;;;;;;;;;;;;;;"}

package/js/{x-modules/search/components → components/sort}/sort-picker-list.vue2.js

@@ -1,8 +1,6 @@
 import { defineComponent, watch, computed } 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 { searchXModule } from '../x-module.js';
+import { use$x } from '../../composables/use-_x.js';
+import BaseEventButton from '../base-event-button.vue.js';
 
 /**
  * The `SortPickerList` component allows user to select the search results order. This component
@@ -10,26 +8,36 @@ import { searchXModule } from '../x-module.js';
  */
 var _sfc_main = defineComponent({
     name: 'SortPickerList',
-    xModule: searchXModule.name,
     components: { BaseEventButton },
     props: {
+        /** The transition to use for rendering the list. */
+        animation: {
+            type: [String, Object],
+            default: () => 'div',
+        },
         /** The list of possible sort values. */
         items: {
             type: Array,
             required: true,
         },
-        /** The transition to use for rendering the list. */
-        animation: {
-            type: [String, Object],
-            default: () => 'div',
+        selectedSort: {
+            type: String,
+            required: true,
+        },
+        selectedSortProvidedEvent: {
+            type: String,
+            default: 'SelectedSortProvided',
+        },
+        clickedSortEvent: {
+            type: String,
+            default: 'UserClickedASort',
         },
         /** Class inherited by each sort button. */
         buttonClass: String,
     },
     setup(props) {
         const $x = use$x();
-        const { sort: selectedSort } = useState('search');
-        watch(selectedSort, (value) => $x.emit('SelectedSortProvided', value), {
+        watch(() => props.selectedSort, value => $x.emit(props.selectedSortProvidedEvent, value), {
             immediate: true,
         });
         /**
@@ -40,13 +48,12 @@ var _sfc_main = defineComponent({
         const listItems = computed(() => props.items.map(item => ({
             item,
             cssClasses: {
-                'xds:selected': item === selectedSort.value,
+                'xds:selected': item === props.selectedSort,
             },
-            event: { UserClickedASort: item },
+            event: { [props.clickedSortEvent]: item },
         })));
         return {
             listItems,
-            selectedSort,
         };
     },
 });

package/js/components/sort/sort-picker-list.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-picker-list.vue2.js","sources":["../../../../src/components/sort/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 lang=\"ts\">\nimport type { Sort } from '@empathyco/x-types'\nimport type { Component, PropType } from 'vue'\nimport type { VueCSSClasses } from '../../utils/types'\nimport type { XEventsTypes } from '../../wiring/events.types'\nimport type { XEvent } from '../../wiring/index'\nimport { computed, defineComponent, watch } from 'vue'\nimport { use$x } from '../../composables/use-$x'\nimport BaseEventButton from '../base-event-button.vue'\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 search results order. This component\n * also allows to change the selected sort programmatically.\n */\nexport default defineComponent({\n  name: 'SortPickerList',\n  components: { BaseEventButton },\n  props: {\n    /** The transition to use for rendering the list. */\n    animation: {\n      type: [String, Object] as PropType<string | Component>,\n      default: () => 'div',\n    },\n    /** The list of possible sort values. */\n    items: {\n      type: Array as PropType<Sort[]>,\n      required: true,\n    },\n    selectedSort: {\n      type: String as PropType<Sort>,\n      required: true,\n    },\n    selectedSortProvidedEvent: {\n      type: String as PropType<XEvent>,\n      default: 'SelectedSortProvided',\n    },\n    clickedSortEvent: {\n      type: String as PropType<XEvent>,\n      default: 'UserClickedASort',\n    },\n    /** Class inherited by each sort button. */\n    buttonClass: String,\n  },\n  setup(props) {\n    const $x = use$x()\n\n    watch(\n      () => props.selectedSort,\n      value => $x.emit(props.selectedSortProvidedEvent, value),\n      {\n        immediate: true,\n      },\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     */\n    const listItems = computed<SortPickerItem[]>(() =>\n      props.items.map(item => ({\n        item,\n        cssClasses: {\n          'xds:selected': item === props.selectedSort,\n        },\n        event: { [props.clickedSortEvent]: item },\n      })),\n    )\n\n    return {\n      listItems,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Sort Picker List\n\nThe `SortPickerList` component can be used to change the way the search results are ordered.\n\nTo do so, the list of valid sort values has to be provided using the `items` prop. These are the\nvalues that can then be received in the `SearchAdapter`.\n\nThe component also optionally accepts the selected sort, which can be set using the `v-model` prop.\nThis prop allows changing programmatically the selected sort, as it will be synced with the store\nimmediately. If this prop is not provided, the first item from the `items` prop will be the one\nselected by default.\n\nThis component also allows customizing each one of the possible sort values. This can be done with\nthe default slot.\n\n## Events\n\nThis component emits 2 different events:\n\n- [`SelectedSortProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  To sync the selected sort with the store state value. This event is emitted as soon as the list of\n  items is received, whenever this list changes if there is no provided value, and when the provided\n  value changes.\n- [`UserClickedASort`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  As its name suggests, the event is emitted after the user clicks one of the sort options. This does\n  not mean that the sort has changed, only that the user has clicked it.\n\n## Examples\n\n### Only providing the list of items\n\n```vue\n<template>\n  <SortPickerList :items=\"sortValues\">\n    <template #default=\"{ item, isSelected }\">Item: {{ item }}</template>\n  </SortPickerList>\n</template>\n\n<script setup>\nimport { SortPickerList } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst sortValues = ref(['Relevance', 'Price asc', 'Price desc'])\n</script>\n```\n\n### Providing also the selected value\n\n```vue\n<template>\n  <SortPickerList v-model=\"selectedSort\" :items=\"sortValues\">\n    <template #default=\"{ item, isSelected }\">\n      <span v-if=\"isSelected\">✅</span>\n      {{ item }}\n    </template>\n  </SortPickerList>\n</template>\n\n<script setup>\nimport { SortPickerList } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst selectedSort = ref('Price asc')\nconst sortValues = ref(['Relevance', 'Price asc', 'Price desc'])\n</script>\n```\n\n### Customizing the items with classes\n\nThe `buttonClass` prop can be used to add classes to the sort items.\n\n```vue\n<template>\n  <SortPickerList :items=\"sortValues\" buttonClass=\"x-button-outlined\" />\n</template>\n\n<script setup>\nimport { SortPickerList } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst sortValues = ref(['Relevance', 'Price asc', 'Price desc'])\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AA2CA;;;AAGE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,gBAAgB;IACtB,UAAU,EAAE,EAAE,eAAc,EAAG;AAC/B,IAAA,KAAK,EAAE;;AAEL,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAiC;AACtD,YAAA,OAAO,EAAE,MAAM,KAAK;AACrB,SAAA;;AAED,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,KAAyB;AAC/B,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAwB;AAC9B,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,yBAAyB,EAAE;AACzB,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,OAAO,EAAE,sBAAsB;AAChC,SAAA;AACD,QAAA,gBAAgB,EAAE;AAChB,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,OAAO,EAAE,kBAAkB;AAC5B,SAAA;;AAED,QAAA,WAAW,EAAE,MAAM;AACpB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,EAAC,GAAI,KAAK,EAAC;QAEjB,KAAK,CACH,MAAM,KAAK,CAAC,YAAY,EACxB,KAAI,IAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,EACxD;AACE,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA,CACH;AAEA;;;;AAIE;AACF,QAAA,MAAM,YAAY,QAAQ,CAAmB,MAC3C,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAG,KAAM;YACvB,IAAI;AACJ,YAAA,UAAU,EAAE;AACV,gBAAA,cAAc,EAAE,IAAG,KAAM,KAAK,CAAC,YAAY;AAC5C,aAAA;YACD,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB,GAAG,MAAM;SAC1C,CAAC,CAAC,CACL;QAEA,OAAO;YACL,SAAS;SACX;IACF,CAAC;AACF,CAAA,CAAA;;;;"}

package/js/composables/use-alias-api.js

@@ -144,6 +144,9 @@ function useAliasApi() {
         get selectedSort() {
             return store.state.x.search?.sort ?? '';
         },
+        get browseSelectedSort() {
+            return store.state.x.browse?.sort ?? '';
+        },
         get priceStats() {
             return store.state.x.search?.stats?.price ?? {};
         },

package/js/composables/use-alias-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-alias-api.js","sources":["../../../src/composables/use-alias-api.ts"],"sourcesContent":["import type {\n  Facet,\n  Filter,\n  HistoryQuery,\n  NextQuery,\n  PartialResult,\n  Redirection,\n  RelatedPrompt,\n  RelatedTag,\n  Result,\n  SemanticQuery,\n  Suggestion,\n} from '@empathyco/x-types'\nimport type { RequestStatus } from '../store/utils/status-store.utils'\nimport type { ScrollComponentState } from '../x-modules/scroll/store/types'\nimport type { InputStatus } from '../x-modules/search-box/store/types'\nimport { useStore } from 'vuex'\nimport { getGetterPath } from '../plugins/index'\n\n/* eslint-disable ts/no-unsafe-return,ts/no-unsafe-member-access,ts/no-unsafe-assignment */\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n *\n * @internal\n */\nexport function useAliasApi(): UseAliasAPI {\n  const queryModules = [\n    'facets',\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 store = useStore()\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 UseAliasQueryAPI)\n\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 UseAliasStatusAPI)\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 historyQueriesWithResults() {\n      return store.getters[getGetterPath('historyQueries', 'historyQueriesWithResults')] ?? []\n    },\n    get fullHistoryQueries() {\n      return store.state.x.historyQueries?.historyQueries ?? []\n    },\n    get isHistoryQueriesEnabled() {\n      return store.state.x.historyQueries?.isEnabled ?? false\n    },\n    get fromNoResultsWithFilters() {\n      return store.state.x.search?.fromNoResultsWithFilters ?? false\n    },\n    get identifierResults() {\n      return store.state.x.identifierResults?.identifierResults ?? []\n    },\n    get searchBoxStatus() {\n      return store.state.x.searchBox?.inputStatus ?? undefined\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 store.state.x.search?.isNoResults ?? false\n    },\n    get lowResults() {\n      return (\n        store.state.x.search?.totalResults > 0 &&\n        store.state.x.search?.totalResults < store.state.x.search?.config?.threshold\n      )\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.getters[getGetterPath('querySuggestions', 'querySuggestions')] ?? []\n    },\n    get fullQuerySuggestions() {\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 results() {\n      return store.state.x.search?.results ?? []\n    },\n    get scroll() {\n      return store.state.x.scroll?.data ?? {}\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 selectedPrompt() {\n      return store.state.x.relatedPrompts?.selectedPrompt ?? -1\n    },\n    get semanticQueries() {\n      return store.state.x.semanticQueries?.semanticQueries ?? []\n    },\n    get relatedPrompts() {\n      return store.state.x.relatedPrompts?.relatedPrompts ?? []\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    get browseTotalResults() {\n      return store.state.x.browse?.totalResults ?? 0\n    },\n    get selectedSort() {\n      return store.state.x.search?.sort ?? ''\n    },\n    get priceStats() {\n      return store.state.x.search?.stats?.price ?? {}\n    },\n  }\n}\n\n/**\n * Alias to facilitate retrieving values from the store.\n *\n * @public\n */\nexport interface UseAliasAPI {\n  /** The {@link DeviceXModule} detected device. */\n  readonly device: string | null\n  /** The {@link FacetsXModule} facets. */\n  readonly facets: Record<Facet['id'], Facet>\n  /** The {@link HistoryQueriesXModule} history queries matching the query. */\n  readonly historyQueries: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries with 1 or more results. */\n  readonly historyQueriesWithResults: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries. */\n  readonly fullHistoryQueries: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries enabled flag. */\n  readonly isHistoryQueriesEnabled: Readonly<boolean>\n  /** The {@link SearchXModule} no results with filters flag. */\n  readonly fromNoResultsWithFilters: Readonly<boolean>\n  /** The {@link IdentifierResultsXModule} results. */\n  readonly identifierResults: ReadonlyArray<Result>\n  /** The {@link SearchBoxXModule } input status. */\n  readonly searchBoxStatus: InputStatus | undefined\n  /** The {@link Empathize} is open state. */\n  readonly isEmpathizeOpen: boolean\n  /** The {@link NextQueriesXModule} next queries. */\n  readonly nextQueries: ReadonlyArray<NextQuery>\n  /** The {@link SearchXModule} no results situation. */\n  readonly noResults: boolean\n  /** The {@link SearchXModule} low results situation. */\n  readonly lowResults: boolean\n  /** The {@link SearchXModule} partial results. */\n  readonly partialResults: ReadonlyArray<PartialResult>\n  /** The {@link PopularSearchesXModule} popular searches. */\n  readonly popularSearches: ReadonlyArray<Suggestion>\n  /** The query value of the different modules. */\n  readonly query: UseAliasQueryAPI\n  /** The {@link QuerySuggestionsXModule} query suggestions that should be displayed. */\n  readonly querySuggestions: ReadonlyArray<Suggestion>\n  /** The {@link QuerySuggestionsXModule} query suggestions. */\n  readonly fullQuerySuggestions: ReadonlyArray<Suggestion>\n  /** The {@link RecommendationsXModule} recommendations. */\n  readonly recommendations: ReadonlyArray<Result>\n  /** The {@link SearchXModule} redirections. */\n  readonly redirections: ReadonlyArray<Redirection>\n  /** The {@link RelatedTagsXModule} related tags (Both selected and deselected). */\n  readonly relatedTags: ReadonlyArray<RelatedTag>\n  /** The {@link SearchXModule} search results. */\n  readonly results: ReadonlyArray<Result>\n  /** The {@link ScrollXModule} data state. */\n  readonly scroll: Record<string, ScrollComponentState>\n  /** The {@link FacetsXModule} selected filters. */\n  readonly selectedFilters: Filter[]\n  /** The {@link RelatedTagsXModule} selected related tags. */\n  readonly selectedRelatedTags: ReadonlyArray<RelatedTag>\n  /** The {@link RelatedPromptsXModule} selected prompt. */\n  readonly selectedPrompt: number\n  /** The {@link SemanticQueriesXModule} queries. */\n  readonly semanticQueries: ReadonlyArray<SemanticQuery>\n  /** The {@link RelatedPromptsXModule} related prompts. */\n  readonly relatedPrompts: ReadonlyArray<RelatedPrompt>\n  /** The {@link SearchXModule} spellchecked query. */\n  readonly spellcheckedQuery: string | null\n  /** The status value of the different modules. */\n  readonly status: UseAliasStatusAPI\n  /** The {@link SearchXModule} total results. */\n  readonly totalResults: number\n  /** The {@link BrowseXModule} total results. */\n  readonly browseTotalResults: number\n  /** The {@link SearchXModule} selected sort. */\n  readonly selectedSort: string\n  /** The {@link SearchXModule} price specific stats. */\n  readonly priceStats: { min: number; max: number }\n}\n\n/**\n * Alias to facilitate retrieving the modules with query.\n *\n * @public\n */\nexport interface UseAliasQueryAPI {\n  /** The {@link FacetsXModule} query. */\n  readonly facets: string\n  /** The {@link SearchBoxXModule} query. */\n  readonly searchBox: string\n  /** The {@link NextQueriesXModule} query. */\n  readonly nextQueries: string\n  /** The {@link QuerySuggestionsXModule} query. */\n  readonly querySuggestions: string\n  /** The {@link RelatedTagsXModule} query. */\n  readonly relatedTags: string\n  /** The {@link SearchXModule} query. */\n  readonly search: string\n}\n\n/**\n * Alias to facilitate retrieving the modules with status.\n *\n * @public\n */\nexport interface UseAliasStatusAPI {\n  /** The {@link IdentifierResultsXModule} status. */\n  readonly identifierResults: RequestStatus | undefined\n  /** The {@link NextQueriesXModule} status. */\n  readonly nextQueries: RequestStatus | undefined\n  /** The {@link PopularSearchesXModule} status. */\n  readonly popularSearches: RequestStatus | undefined\n  /** The {@link QuerySuggestionsXModule} status. */\n  readonly querySuggestions: RequestStatus | undefined\n  /** The {@link RecommendationsXModule} status. */\n  readonly recommendations: RequestStatus | undefined\n  /** The {@link RelatedTagsXModule} status. */\n  readonly relatedTags: RequestStatus | undefined\n  /** The {@link SearchXModule} status. */\n  readonly search: RequestStatus | undefined\n}\n\n/* eslint-enable ts/no-unsafe-return,ts/no-unsafe-member-access,ts/no-unsafe-assignment */\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-alias-api.js","sources":["../../../src/composables/use-alias-api.ts"],"sourcesContent":["import type {\n  Facet,\n  Filter,\n  HistoryQuery,\n  NextQuery,\n  PartialResult,\n  Redirection,\n  RelatedPrompt,\n  RelatedTag,\n  Result,\n  SemanticQuery,\n  Suggestion,\n} from '@empathyco/x-types'\nimport type { RequestStatus } from '../store/utils/status-store.utils'\nimport type { ScrollComponentState } from '../x-modules/scroll/store/types'\nimport type { InputStatus } from '../x-modules/search-box/store/types'\nimport { useStore } from 'vuex'\nimport { getGetterPath } from '../plugins/index'\n\n/* eslint-disable ts/no-unsafe-return,ts/no-unsafe-member-access,ts/no-unsafe-assignment */\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n *\n * @internal\n */\nexport function useAliasApi(): UseAliasAPI {\n  const queryModules = [\n    'facets',\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 store = useStore()\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 UseAliasQueryAPI)\n\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 UseAliasStatusAPI)\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 historyQueriesWithResults() {\n      return store.getters[getGetterPath('historyQueries', 'historyQueriesWithResults')] ?? []\n    },\n    get fullHistoryQueries() {\n      return store.state.x.historyQueries?.historyQueries ?? []\n    },\n    get isHistoryQueriesEnabled() {\n      return store.state.x.historyQueries?.isEnabled ?? false\n    },\n    get fromNoResultsWithFilters() {\n      return store.state.x.search?.fromNoResultsWithFilters ?? false\n    },\n    get identifierResults() {\n      return store.state.x.identifierResults?.identifierResults ?? []\n    },\n    get searchBoxStatus() {\n      return store.state.x.searchBox?.inputStatus ?? undefined\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 store.state.x.search?.isNoResults ?? false\n    },\n    get lowResults() {\n      return (\n        store.state.x.search?.totalResults > 0 &&\n        store.state.x.search?.totalResults < store.state.x.search?.config?.threshold\n      )\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.getters[getGetterPath('querySuggestions', 'querySuggestions')] ?? []\n    },\n    get fullQuerySuggestions() {\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 results() {\n      return store.state.x.search?.results ?? []\n    },\n    get scroll() {\n      return store.state.x.scroll?.data ?? {}\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 selectedPrompt() {\n      return store.state.x.relatedPrompts?.selectedPrompt ?? -1\n    },\n    get semanticQueries() {\n      return store.state.x.semanticQueries?.semanticQueries ?? []\n    },\n    get relatedPrompts() {\n      return store.state.x.relatedPrompts?.relatedPrompts ?? []\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    get browseTotalResults() {\n      return store.state.x.browse?.totalResults ?? 0\n    },\n    get selectedSort() {\n      return store.state.x.search?.sort ?? ''\n    },\n    get browseSelectedSort() {\n      return store.state.x.browse?.sort ?? ''\n    },\n    get priceStats() {\n      return store.state.x.search?.stats?.price ?? {}\n    },\n  }\n}\n\n/**\n * Alias to facilitate retrieving values from the store.\n *\n * @public\n */\nexport interface UseAliasAPI {\n  /** The {@link DeviceXModule} detected device. */\n  readonly device: string | null\n  /** The {@link FacetsXModule} facets. */\n  readonly facets: Record<Facet['id'], Facet>\n  /** The {@link HistoryQueriesXModule} history queries matching the query. */\n  readonly historyQueries: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries with 1 or more results. */\n  readonly historyQueriesWithResults: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries. */\n  readonly fullHistoryQueries: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries enabled flag. */\n  readonly isHistoryQueriesEnabled: Readonly<boolean>\n  /** The {@link SearchXModule} no results with filters flag. */\n  readonly fromNoResultsWithFilters: Readonly<boolean>\n  /** The {@link IdentifierResultsXModule} results. */\n  readonly identifierResults: ReadonlyArray<Result>\n  /** The {@link SearchBoxXModule } input status. */\n  readonly searchBoxStatus: InputStatus | undefined\n  /** The {@link Empathize} is open state. */\n  readonly isEmpathizeOpen: boolean\n  /** The {@link NextQueriesXModule} next queries. */\n  readonly nextQueries: ReadonlyArray<NextQuery>\n  /** The {@link SearchXModule} no results situation. */\n  readonly noResults: boolean\n  /** The {@link SearchXModule} low results situation. */\n  readonly lowResults: boolean\n  /** The {@link SearchXModule} partial results. */\n  readonly partialResults: ReadonlyArray<PartialResult>\n  /** The {@link PopularSearchesXModule} popular searches. */\n  readonly popularSearches: ReadonlyArray<Suggestion>\n  /** The query value of the different modules. */\n  readonly query: UseAliasQueryAPI\n  /** The {@link QuerySuggestionsXModule} query suggestions that should be displayed. */\n  readonly querySuggestions: ReadonlyArray<Suggestion>\n  /** The {@link QuerySuggestionsXModule} query suggestions. */\n  readonly fullQuerySuggestions: ReadonlyArray<Suggestion>\n  /** The {@link RecommendationsXModule} recommendations. */\n  readonly recommendations: ReadonlyArray<Result>\n  /** The {@link SearchXModule} redirections. */\n  readonly redirections: ReadonlyArray<Redirection>\n  /** The {@link RelatedTagsXModule} related tags (Both selected and deselected). */\n  readonly relatedTags: ReadonlyArray<RelatedTag>\n  /** The {@link SearchXModule} search results. */\n  readonly results: ReadonlyArray<Result>\n  /** The {@link ScrollXModule} data state. */\n  readonly scroll: Record<string, ScrollComponentState>\n  /** The {@link FacetsXModule} selected filters. */\n  readonly selectedFilters: Filter[]\n  /** The {@link RelatedTagsXModule} selected related tags. */\n  readonly selectedRelatedTags: ReadonlyArray<RelatedTag>\n  /** The {@link RelatedPromptsXModule} selected prompt. */\n  readonly selectedPrompt: number\n  /** The {@link SemanticQueriesXModule} queries. */\n  readonly semanticQueries: ReadonlyArray<SemanticQuery>\n  /** The {@link RelatedPromptsXModule} related prompts. */\n  readonly relatedPrompts: ReadonlyArray<RelatedPrompt>\n  /** The {@link SearchXModule} spellchecked query. */\n  readonly spellcheckedQuery: string | null\n  /** The status value of the different modules. */\n  readonly status: UseAliasStatusAPI\n  /** The {@link SearchXModule} total results. */\n  readonly totalResults: number\n  /** The {@link BrowseXModule} total results. */\n  readonly browseTotalResults: number\n  /** The {@link SearchXModule} selected sort. */\n  readonly selectedSort: string\n  /** The {@link BrowseXModule} selected sort. */\n  readonly browseSelectedSort: string\n  /** The {@link SearchXModule} price specific stats. */\n  readonly priceStats: { min: number; max: number }\n}\n\n/**\n * Alias to facilitate retrieving the modules with query.\n *\n * @public\n */\nexport interface UseAliasQueryAPI {\n  /** The {@link FacetsXModule} query. */\n  readonly facets: string\n  /** The {@link SearchBoxXModule} query. */\n  readonly searchBox: string\n  /** The {@link NextQueriesXModule} query. */\n  readonly nextQueries: string\n  /** The {@link QuerySuggestionsXModule} query. */\n  readonly querySuggestions: string\n  /** The {@link RelatedTagsXModule} query. */\n  readonly relatedTags: string\n  /** The {@link SearchXModule} query. */\n  readonly search: string\n}\n\n/**\n * Alias to facilitate retrieving the modules with status.\n *\n * @public\n */\nexport interface UseAliasStatusAPI {\n  /** The {@link IdentifierResultsXModule} status. */\n  readonly identifierResults: RequestStatus | undefined\n  /** The {@link NextQueriesXModule} status. */\n  readonly nextQueries: RequestStatus | undefined\n  /** The {@link PopularSearchesXModule} status. */\n  readonly popularSearches: RequestStatus | undefined\n  /** The {@link QuerySuggestionsXModule} status. */\n  readonly querySuggestions: RequestStatus | undefined\n  /** The {@link RecommendationsXModule} status. */\n  readonly recommendations: RequestStatus | undefined\n  /** The {@link RelatedTagsXModule} status. */\n  readonly relatedTags: RequestStatus | undefined\n  /** The {@link SearchXModule} status. */\n  readonly search: RequestStatus | undefined\n}\n\n/* eslint-enable ts/no-unsafe-return,ts/no-unsafe-member-access,ts/no-unsafe-assignment */\n"],"names":[],"mappings":"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"}

package/js/index.js

@@ -145,6 +145,9 @@ export { default as BaseScroll } from './components/scroll/base-scroll.vue.js';
 export { useScroll } from './components/scroll/use-scroll.js';
 export { default as SlidingPanel } from './components/sliding-panel.vue.js';
 export { default as SnippetCallbacks } from './components/snippet-callbacks.vue.js';
+export { default as SortDropdown } from './components/sort/sort-dropdown.vue.js';
+export { default as SortList } from './components/sort/sort-list.vue.js';
+export { default as SortPickerList } from './components/sort/sort-picker-list.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 { getRootXComponent, getXComponentXModuleName, isXComponent } from './components/x-component.utils.js';
@@ -211,7 +214,6 @@ 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';
@@ -411,9 +413,6 @@ export { default as Promoted } from './x-modules/search/components/promoted.vue.
 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 ResultsList } from './x-modules/search/components/results-list.vue.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';
-export { default as SortPickerList } from './x-modules/search/components/sort-picker-list.vue.js';
 export { default as SpellcheckButton } from './x-modules/search/components/spellcheck-button.vue.js';
 export { default as Spellcheck } from './x-modules/search/components/spellcheck.vue.js';
 export { cancelFetchAndSavePartialResultsEnrichment, fetchAndSavePartialResultsEnrichment } from './x-modules/search/store/actions/fetch-and-save-partial-results-enrichment.action.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/x-modules/ai/components/ai-carousel.vue2.js

@@ -87,6 +87,10 @@ import '@empathyco/x-utils';
 import { use$x } from '../../../composables/use-_x.js';
 import SlidingPanel from '../../../components/sliding-panel.vue.js';
 import '../../../components/snippet-callbacks.vue2.js';
+import '../../../components/sort/sort-dropdown.vue2.js';
+import '../../../components/sort/sort-list.vue2.js';
+import '../../../components/sort/sort-list.vue3.js';
+import '../../../components/sort/sort-picker-list.vue2.js';
 import '../../../components/suggestions/base-suggestion.vue2.js';
 import '../../../components/suggestions/base-suggestions.vue2.js';
 import '../../../components/suggestions/base-suggestions.vue3.js';

package/js/x-modules/ai/components/ai-carousel.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-carousel.vue2.js","sources":["../../../../../src/x-modules/ai/components/ai-carousel.vue"],"sourcesContent":["<template>\n  <CollapseHeight>\n    <div v-if=\"suggestionsSearch.length\" class=\"x-ai-carousel\">\n      <DisplayEmitter\n        :payload=\"tagging?.toolingDisplay ?? emptyTaggingRequest\"\n        :event-metadata=\"{\n          feature: 'ai_carousel',\n          displayOriginalQuery: query || 'ai-carousel-without-query',\n          replaceable: false,\n        }\"\n        data-test=\"ai-carousel-display-emitter\"\n      >\n        <span\n          class=\"x-ai-carousel-title\"\n          :class=\"{ 'x-ai-carousel-title--expanded': titleExpanded }\"\n          data-test=\"ai-carousel-title\"\n          @click=\"toggleTitleExpansion\"\n        >\n          <AIStarIcon class=\"x-ai-carousel-title-icon\" />\n          <ChangeHeight>\n            <span\n              ref=\"titleRef\"\n              class=\"x-ai-carousel-title-text\"\n              :class=\"{ 'x-ai-carousel-title-text--expanded': titleExpanded }\"\n            >\n              {{ title }}\n            </span>\n          </ChangeHeight>\n          <button\n            v-if=\"isTitleOverflowing\"\n            class=\"x-ai-carousel-title-button\"\n            data-test=\"ai-carousel-title-button\"\n            :aria-label=\"titleExpanded ? 'Collapse' : 'Expand'\"\n          >\n            <ChevronDownIcon\n              class=\"x-ai-carousel-title-button-icon\"\n              :class=\"{ 'x-ai-carousel-title-button-icon--expanded': titleExpanded }\"\n            />\n          </button>\n        </span>\n      </DisplayEmitter>\n\n      <AiGroupedCarousel v-if=\"group\">\n        <template #sliding-panel-addons=\"{ arrivedState }\">\n          <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n        </template>\n        <template #sliding-panel-left-button>\n          <slot name=\"sliding-panels-left-button\" />\n        </template>\n        <template #sliding-panel-right-button>\n          <slot name=\"sliding-panels-right-button\" />\n        </template>\n        <template #result=\"{ result }\">\n          <slot name=\"result\" :result=\"result\" />\n        </template>\n      </AiGroupedCarousel>\n\n      <div v-else class=\"x-ai-carousel-suggestions\" data-test=\"ai-carousel-suggestions-container\">\n        <DisplayEmitter\n          v-for=\"{ query: suggestionQuery, results: queriesResults } in suggestionsSearch\"\n          :key=\"suggestionQuery\"\n          :payload=\"tagging?.searchQueries[suggestionQuery].toolingDisplay ?? emptyTaggingRequest\"\n          :event-metadata=\"{\n            feature: 'ai_carousel',\n            displayOriginalQuery: query || 'ai-carousel-without-query',\n            replaceable: false,\n          }\"\n          data-test=\"ai-carousel-query-display-emitter\"\n        >\n          <div class=\"x-ai-carousel-suggestion\" data-test=\"ai-carousel-suggestion\">\n            <BaseEventButton\n              class=\"x-ai-carousel-suggestion-query-btn\"\n              :events=\"{ UserAcceptedAQuery: suggestionQuery }\"\n            >\n              {{ suggestionQuery }}\n              <ArrowRightIcon class=\"x-ai-carousel-suggestion-query-btn-icon\" />\n            </BaseEventButton>\n\n            <DisplayClickProvider\n              :tooling-display-tagging=\"tagging?.searchQueries[suggestionQuery].toolingDisplayClick\"\n              :tooling-add2-cart-tagging=\"\n                tagging?.searchQueries[suggestionQuery].toolingDisplayAdd2Cart\n              \"\n              result-feature=\"ai_carousel\"\n            >\n              <slot name=\"sliding-panel\" :results=\"queriesResults\">\n                <SlidingPanel\n                  :class=\"slidingPanelClasses\"\n                  :scroll-container-class=\"slidingPanelContainerClasses\"\n                  :button-class=\"slidingPanelButtonsClasses\"\n                  :reset-on-content-change=\"false\"\n                >\n                  <template #sliding-panel-addons=\"{ arrivedState }\">\n                    <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n                  </template>\n                  <template #sliding-panel-left-button>\n                    <slot name=\"sliding-panels-left-button\" />\n                  </template>\n                  <template #sliding-panel-right-button>\n                    <slot name=\"sliding-panels-right-button\" />\n                  </template>\n                  <ul class=\"x-ai-carousel-suggestion-results\">\n                    <li\n                      v-for=\"result in queriesResults\"\n                      :key=\"result.id\"\n                      data-test=\"ai-carousel-suggestion-result\"\n                    >\n                      <!-- @slot (required) result card -->\n                      <slot name=\"result\" :result=\"result\" />\n                    </li>\n                  </ul>\n                </SlidingPanel>\n              </slot>\n            </DisplayClickProvider>\n          </div>\n        </DisplayEmitter>\n        <slot name=\"suggestions-extra-content\" />\n      </div>\n\n      <slot name=\"extra-content\" />\n      <slot name=\"cta-button\" />\n    </div>\n  </CollapseHeight>\n</template>\n\n<script lang=\"ts\">\nimport type { TaggingRequest } from '@empathyco/x-types'\nimport { useResizeObserver } from '@vueuse/core'\nimport { computed, defineComponent, onMounted, ref, watch } from 'vue'\nimport {\n  AIStarIcon,\n  ArrowRightIcon,\n  BaseEventButton,\n  ChangeHeight,\n  ChevronDownIcon,\n  CollapseHeight,\n  DisplayClickProvider,\n  DisplayEmitter,\n  SlidingPanel,\n} from '../../../components'\nimport { use$x, useState } from '../../../composables'\nimport { aiXModule } from '../x-module'\nimport AiGroupedCarousel from './ai-grouped-carousel.vue'\n\nexport default defineComponent({\n  xModule: aiXModule.name,\n  components: {\n    AIStarIcon,\n    AiGroupedCarousel,\n    ArrowRightIcon,\n    BaseEventButton,\n    ChangeHeight,\n    ChevronDownIcon,\n    CollapseHeight,\n    DisplayClickProvider,\n    DisplayEmitter,\n    SlidingPanel,\n  },\n  props: {\n    /* The title text displayed */\n    title: String,\n    /* The classes added to the sliding panel. */\n    slidingPanelClasses: String,\n    /* The classes added to the sliding panel container. */\n    slidingPanelContainerClasses: String,\n    /* The classes added to the sliding panel buttons. */\n    slidingPanelButtonsClasses: String,\n    /* Controls whether the carousel should group results or display N carousels per N queries. */\n    group: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n    const { query, suggestionsSearch, queries, tagging } = useState('ai')\n    const emptyTaggingRequest: TaggingRequest = { url: '', params: {} }\n\n    const titleRef = ref<HTMLElement | null>(null)\n    const titleExpanded = ref(false)\n    const isTitleOverflowing = ref(false)\n\n    /**\n     * Checks if the title is overflowing and updates the state.\n     */\n    function updateTitleOverflow() {\n      if (titleExpanded.value) {\n        return\n      }\n      if (titleRef.value) {\n        isTitleOverflowing.value = titleRef.value.scrollWidth > titleRef.value.clientWidth\n      }\n    }\n\n    /**\n     * Toggles the title expanded state if it is overflowing.\n     */\n    function toggleTitleExpansion() {\n      if (isTitleOverflowing.value) {\n        titleExpanded.value = !titleExpanded.value\n      }\n    }\n\n    const title = computed(() => {\n      if (!props.title) {\n        const queriesList = new Intl.ListFormat('en', {\n          style: 'long',\n          type: 'conjunction',\n        }).format(queries.value.map(({ query }) => query))\n        return `Searching for ${queriesList}`\n      }\n      return props.title\n    })\n\n    watch(queries, () => {\n      if (queries.value.length > 0) {\n        $x.emit('AiSuggestionsSearchRequestUpdated')\n      }\n    })\n\n    onMounted(() => {\n      $x.emit('AiComponentMounted', undefined, { feature: 'ai_carousel' })\n    })\n\n    useResizeObserver(titleRef, updateTitleOverflow)\n\n    return {\n      emptyTaggingRequest,\n      isTitleOverflowing,\n      queries,\n      query,\n      suggestionsSearch,\n      tagging,\n      title,\n      titleExpanded,\n      titleRef,\n      toggleTitleExpansion,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\">\n.x-ai-carousel {\n  --color: var(--x-ai-carousel-color, #bbc9cf);\n  --color-lighter: var(--x-ai-carousel-color-lighter, color-mix(in srgb, var(--color) 25%, white));\n\n  padding: 8px 0;\n  position: relative;\n  border-radius: 1.5rem;\n  background-color: var(--color-lighter);\n}\n\n.x-ai-carousel-title {\n  display: flex;\n  font-size: 12px;\n  gap: 8px;\n  align-items: flex-start;\n  margin: 0 14px 8px;\n  cursor: pointer;\n}\n.x-ai-carousel-title-text {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.x-ai-carousel-title-text--expanded {\n  white-space: normal;\n}\n.x-ai-carousel-title-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n  color: var(--color);\n  flex-shrink: 0;\n  margin-bottom: auto;\n}\n.x-ai-carousel-title-button {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--color);\n  margin-bottom: auto;\n}\n.x-ai-carousel-title-button-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n  transition: transform 0.3s ease;\n}\n.x-ai-carousel-title-button-icon--expanded {\n  transform: rotate(180deg);\n}\n\n.x-ai-carousel-suggestions {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding-bottom: 1rem;\n}\n\n.x-ai-carousel-suggestion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.x-ai-carousel-suggestion-query-btn {\n  border-color: transparent;\n  background-color: transparent;\n  margin-left: 1rem;\n  margin-right: 1rem;\n  font-weight: 700;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  cursor: pointer;\n}\n\n.x-ai-carousel-suggestion-query-btn-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n}\n\n.x-ai-carousel-suggestion-results {\n  display: flex;\n  gap: 1rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n</style>\n"],"names":["DisplayClickProvider","DisplayEmitter"],"mappings":"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"}
+{"version":3,"file":"ai-carousel.vue2.js","sources":["../../../../../src/x-modules/ai/components/ai-carousel.vue"],"sourcesContent":["<template>\n  <CollapseHeight>\n    <div v-if=\"suggestionsSearch.length\" class=\"x-ai-carousel\">\n      <DisplayEmitter\n        :payload=\"tagging?.toolingDisplay ?? emptyTaggingRequest\"\n        :event-metadata=\"{\n          feature: 'ai_carousel',\n          displayOriginalQuery: query || 'ai-carousel-without-query',\n          replaceable: false,\n        }\"\n        data-test=\"ai-carousel-display-emitter\"\n      >\n        <span\n          class=\"x-ai-carousel-title\"\n          :class=\"{ 'x-ai-carousel-title--expanded': titleExpanded }\"\n          data-test=\"ai-carousel-title\"\n          @click=\"toggleTitleExpansion\"\n        >\n          <AIStarIcon class=\"x-ai-carousel-title-icon\" />\n          <ChangeHeight>\n            <span\n              ref=\"titleRef\"\n              class=\"x-ai-carousel-title-text\"\n              :class=\"{ 'x-ai-carousel-title-text--expanded': titleExpanded }\"\n            >\n              {{ title }}\n            </span>\n          </ChangeHeight>\n          <button\n            v-if=\"isTitleOverflowing\"\n            class=\"x-ai-carousel-title-button\"\n            data-test=\"ai-carousel-title-button\"\n            :aria-label=\"titleExpanded ? 'Collapse' : 'Expand'\"\n          >\n            <ChevronDownIcon\n              class=\"x-ai-carousel-title-button-icon\"\n              :class=\"{ 'x-ai-carousel-title-button-icon--expanded': titleExpanded }\"\n            />\n          </button>\n        </span>\n      </DisplayEmitter>\n\n      <AiGroupedCarousel v-if=\"group\">\n        <template #sliding-panel-addons=\"{ arrivedState }\">\n          <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n        </template>\n        <template #sliding-panel-left-button>\n          <slot name=\"sliding-panels-left-button\" />\n        </template>\n        <template #sliding-panel-right-button>\n          <slot name=\"sliding-panels-right-button\" />\n        </template>\n        <template #result=\"{ result }\">\n          <slot name=\"result\" :result=\"result\" />\n        </template>\n      </AiGroupedCarousel>\n\n      <div v-else class=\"x-ai-carousel-suggestions\" data-test=\"ai-carousel-suggestions-container\">\n        <DisplayEmitter\n          v-for=\"{ query: suggestionQuery, results: queriesResults } in suggestionsSearch\"\n          :key=\"suggestionQuery\"\n          :payload=\"tagging?.searchQueries[suggestionQuery].toolingDisplay ?? emptyTaggingRequest\"\n          :event-metadata=\"{\n            feature: 'ai_carousel',\n            displayOriginalQuery: query || 'ai-carousel-without-query',\n            replaceable: false,\n          }\"\n          data-test=\"ai-carousel-query-display-emitter\"\n        >\n          <div class=\"x-ai-carousel-suggestion\" data-test=\"ai-carousel-suggestion\">\n            <BaseEventButton\n              class=\"x-ai-carousel-suggestion-query-btn\"\n              :events=\"{ UserAcceptedAQuery: suggestionQuery }\"\n            >\n              {{ suggestionQuery }}\n              <ArrowRightIcon class=\"x-ai-carousel-suggestion-query-btn-icon\" />\n            </BaseEventButton>\n\n            <DisplayClickProvider\n              :tooling-display-tagging=\"tagging?.searchQueries[suggestionQuery].toolingDisplayClick\"\n              :tooling-add2-cart-tagging=\"\n                tagging?.searchQueries[suggestionQuery].toolingDisplayAdd2Cart\n              \"\n              result-feature=\"ai_carousel\"\n            >\n              <slot name=\"sliding-panel\" :results=\"queriesResults\">\n                <SlidingPanel\n                  :class=\"slidingPanelClasses\"\n                  :scroll-container-class=\"slidingPanelContainerClasses\"\n                  :button-class=\"slidingPanelButtonsClasses\"\n                  :reset-on-content-change=\"false\"\n                >\n                  <template #sliding-panel-addons=\"{ arrivedState }\">\n                    <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n                  </template>\n                  <template #sliding-panel-left-button>\n                    <slot name=\"sliding-panels-left-button\" />\n                  </template>\n                  <template #sliding-panel-right-button>\n                    <slot name=\"sliding-panels-right-button\" />\n                  </template>\n                  <ul class=\"x-ai-carousel-suggestion-results\">\n                    <li\n                      v-for=\"result in queriesResults\"\n                      :key=\"result.id\"\n                      data-test=\"ai-carousel-suggestion-result\"\n                    >\n                      <!-- @slot (required) result card -->\n                      <slot name=\"result\" :result=\"result\" />\n                    </li>\n                  </ul>\n                </SlidingPanel>\n              </slot>\n            </DisplayClickProvider>\n          </div>\n        </DisplayEmitter>\n        <slot name=\"suggestions-extra-content\" />\n      </div>\n\n      <slot name=\"extra-content\" />\n      <slot name=\"cta-button\" />\n    </div>\n  </CollapseHeight>\n</template>\n\n<script lang=\"ts\">\nimport type { TaggingRequest } from '@empathyco/x-types'\nimport { useResizeObserver } from '@vueuse/core'\nimport { computed, defineComponent, onMounted, ref, watch } from 'vue'\nimport {\n  AIStarIcon,\n  ArrowRightIcon,\n  BaseEventButton,\n  ChangeHeight,\n  ChevronDownIcon,\n  CollapseHeight,\n  DisplayClickProvider,\n  DisplayEmitter,\n  SlidingPanel,\n} from '../../../components'\nimport { use$x, useState } from '../../../composables'\nimport { aiXModule } from '../x-module'\nimport AiGroupedCarousel from './ai-grouped-carousel.vue'\n\nexport default defineComponent({\n  xModule: aiXModule.name,\n  components: {\n    AIStarIcon,\n    AiGroupedCarousel,\n    ArrowRightIcon,\n    BaseEventButton,\n    ChangeHeight,\n    ChevronDownIcon,\n    CollapseHeight,\n    DisplayClickProvider,\n    DisplayEmitter,\n    SlidingPanel,\n  },\n  props: {\n    /* The title text displayed */\n    title: String,\n    /* The classes added to the sliding panel. */\n    slidingPanelClasses: String,\n    /* The classes added to the sliding panel container. */\n    slidingPanelContainerClasses: String,\n    /* The classes added to the sliding panel buttons. */\n    slidingPanelButtonsClasses: String,\n    /* Controls whether the carousel should group results or display N carousels per N queries. */\n    group: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n    const { query, suggestionsSearch, queries, tagging } = useState('ai')\n    const emptyTaggingRequest: TaggingRequest = { url: '', params: {} }\n\n    const titleRef = ref<HTMLElement | null>(null)\n    const titleExpanded = ref(false)\n    const isTitleOverflowing = ref(false)\n\n    /**\n     * Checks if the title is overflowing and updates the state.\n     */\n    function updateTitleOverflow() {\n      if (titleExpanded.value) {\n        return\n      }\n      if (titleRef.value) {\n        isTitleOverflowing.value = titleRef.value.scrollWidth > titleRef.value.clientWidth\n      }\n    }\n\n    /**\n     * Toggles the title expanded state if it is overflowing.\n     */\n    function toggleTitleExpansion() {\n      if (isTitleOverflowing.value) {\n        titleExpanded.value = !titleExpanded.value\n      }\n    }\n\n    const title = computed(() => {\n      if (!props.title) {\n        const queriesList = new Intl.ListFormat('en', {\n          style: 'long',\n          type: 'conjunction',\n        }).format(queries.value.map(({ query }) => query))\n        return `Searching for ${queriesList}`\n      }\n      return props.title\n    })\n\n    watch(queries, () => {\n      if (queries.value.length > 0) {\n        $x.emit('AiSuggestionsSearchRequestUpdated')\n      }\n    })\n\n    onMounted(() => {\n      $x.emit('AiComponentMounted', undefined, { feature: 'ai_carousel' })\n    })\n\n    useResizeObserver(titleRef, updateTitleOverflow)\n\n    return {\n      emptyTaggingRequest,\n      isTitleOverflowing,\n      queries,\n      query,\n      suggestionsSearch,\n      tagging,\n      title,\n      titleExpanded,\n      titleRef,\n      toggleTitleExpansion,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\">\n.x-ai-carousel {\n  --color: var(--x-ai-carousel-color, #bbc9cf);\n  --color-lighter: var(--x-ai-carousel-color-lighter, color-mix(in srgb, var(--color) 25%, white));\n\n  padding: 8px 0;\n  position: relative;\n  border-radius: 1.5rem;\n  background-color: var(--color-lighter);\n}\n\n.x-ai-carousel-title {\n  display: flex;\n  font-size: 12px;\n  gap: 8px;\n  align-items: flex-start;\n  margin: 0 14px 8px;\n  cursor: pointer;\n}\n.x-ai-carousel-title-text {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.x-ai-carousel-title-text--expanded {\n  white-space: normal;\n}\n.x-ai-carousel-title-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n  color: var(--color);\n  flex-shrink: 0;\n  margin-bottom: auto;\n}\n.x-ai-carousel-title-button {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--color);\n  margin-bottom: auto;\n}\n.x-ai-carousel-title-button-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n  transition: transform 0.3s ease;\n}\n.x-ai-carousel-title-button-icon--expanded {\n  transform: rotate(180deg);\n}\n\n.x-ai-carousel-suggestions {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding-bottom: 1rem;\n}\n\n.x-ai-carousel-suggestion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.x-ai-carousel-suggestion-query-btn {\n  border-color: transparent;\n  background-color: transparent;\n  margin-left: 1rem;\n  margin-right: 1rem;\n  font-weight: 700;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  cursor: pointer;\n}\n\n.x-ai-carousel-suggestion-query-btn-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n}\n\n.x-ai-carousel-suggestion-results {\n  display: flex;\n  gap: 1rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n</style>\n"],"names":["DisplayClickProvider","DisplayEmitter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgJA,gBAAe,eAAe,CAAC;IAC7B,OAAO,EAAE,SAAS,CAAC,IAAI;AACvB,IAAA,UAAU,EAAE;QACV,UAAU;QACV,iBAAiB;QACjB,cAAc;QACd,eAAe;QACf,YAAY;QACZ,eAAe;QACf,cAAc;8BACdA,WAAoB;wBACpBC,WAAc;QACd,YAAY;AACb,KAAA;AACD,IAAA,KAAK,EAAE;;AAEL,QAAA,KAAK,EAAE,MAAM;;AAEb,QAAA,mBAAmB,EAAE,MAAM;;AAE3B,QAAA,4BAA4B,EAAE,MAAM;;AAEpC,QAAA,0BAA0B,EAAE,MAAM;;AAElC,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,EAAC,GAAI,KAAK,EAAC;AACjB,QAAA,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAM,EAAE,GAAI,QAAQ,CAAC,IAAI,CAAA;QACpE,MAAM,mBAAmB,GAAmB,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAC,EAAE;AAElE,QAAA,MAAM,QAAO,GAAI,GAAG,CAAqB,IAAI,CAAA;AAC7C,QAAA,MAAM,aAAY,GAAI,GAAG,CAAC,KAAK,CAAA;AAC/B,QAAA,MAAM,qBAAqB,GAAG,CAAC,KAAK,CAAA;AAEpC;;AAEE;AACF,QAAA,SAAS,mBAAmB,GAAA;AAC1B,YAAA,IAAI,aAAa,CAAC,KAAK,EAAE;gBACvB;YACF;AACA,YAAA,IAAI,QAAQ,CAAC,KAAK,EAAE;AAClB,gBAAA,kBAAkB,CAAC,KAAI,GAAI,QAAQ,CAAC,KAAK,CAAC,cAAc,QAAQ,CAAC,KAAK,CAAC,WAAU;YACnF;QACF;AAEA;;AAEE;AACF,QAAA,SAAS,oBAAoB,GAAA;AAC3B,YAAA,IAAI,kBAAkB,CAAC,KAAK,EAAE;AAC5B,gBAAA,aAAa,CAAC,KAAI,GAAI,CAAC,aAAa,CAAC,KAAI;YAC3C;QACF;AAEA,QAAA,MAAM,KAAI,GAAI,QAAQ,CAAC,MAAI;AACzB,YAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;gBAChB,MAAM,WAAU,GAAI,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AAC5C,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,IAAI,EAAE,aAAa;AACpB,iBAAA,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,CAAA;gBACjD,OAAO,CAAA,cAAA,EAAiB,WAAW,CAAA,CAAC;YACtC;YACA,OAAO,KAAK,CAAC,KAAI;AACnB,QAAA,CAAC,CAAA;AAED,QAAA,KAAK,CAAC,OAAO,EAAE,MAAI;YACjB,IAAI,OAAO,CAAC,KAAK,CAAC,MAAK,GAAI,CAAC,EAAE;AAC5B,gBAAA,EAAE,CAAC,IAAI,CAAC,mCAAmC,CAAA;YAC7C;AACF,QAAA,CAAC,CAAA;QAED,SAAS,CAAC,MAAI;AACZ,YAAA,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,aAAY,EAAG,CAAA;AACrE,QAAA,CAAC,CAAA;AAED,QAAA,iBAAiB,CAAC,QAAQ,EAAE,mBAAmB,CAAA;QAE/C,OAAO;YACL,mBAAmB;YACnB,kBAAkB;YAClB,OAAO;YACP,KAAK;YACL,iBAAiB;YACjB,OAAO;YACP,KAAK;YACL,aAAa;YACb,QAAQ;YACR,oBAAoB;SACtB;IACF,CAAC;AACF,CAAA,CAAA;;;;"}

package/js/x-modules/ai/components/ai-grouped-carousel.vue2.js

@@ -88,6 +88,10 @@ import '../../../plugins/x-plugin.js';
 import 'rxjs';
 import SlidingPanel from '../../../components/sliding-panel.vue.js';
 import '../../../components/snippet-callbacks.vue2.js';
+import '../../../components/sort/sort-dropdown.vue2.js';
+import '../../../components/sort/sort-list.vue2.js';
+import '../../../components/sort/sort-list.vue3.js';
+import '../../../components/sort/sort-picker-list.vue2.js';
 import '../../../components/suggestions/base-suggestion.vue2.js';
 import '../../../components/suggestions/base-suggestions.vue2.js';
 import '../../../components/suggestions/base-suggestions.vue3.js';

package/js/x-modules/ai/components/ai-grouped-carousel.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-grouped-carousel.vue2.js","sources":["../../../../../src/x-modules/ai/components/ai-grouped-carousel.vue"],"sourcesContent":["<template>\n  <SlidingPanel\n    :class=\"slidingPanelClasses\"\n    :scroll-container-class=\"slidingPanelContainerClasses\"\n    :button-class=\"slidingPanelButtonsClasses\"\n    :reset-on-content-change=\"false\"\n  >\n    <template #sliding-panel-addons=\"{ arrivedState }\">\n      <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n    </template>\n    <template #sliding-panel-left-button>\n      <slot name=\"sliding-panels-left-button\" />\n    </template>\n    <template #sliding-panel-right-button>\n      <slot name=\"sliding-panels-right-button\" />\n    </template>\n    <ul class=\"x-ai-carousel-suggestion-results\">\n      <DisplayClickProvider\n        v-for=\"suggestion in suggestionsSearch\"\n        :key=\"suggestion.query\"\n        :tooling-display-tagging=\"tagging?.searchQueries[suggestion.query].toolingDisplayClick\"\n        :tooling-add2-cart-tagging=\"tagging?.searchQueries[suggestion.query].toolingDisplayAdd2Cart\"\n        result-feature=\"ai_carousel\"\n      >\n        <li\n          v-for=\"result in suggestion.results\"\n          :key=\"result.id\"\n          data-test=\"ai-carousel-suggestion-result\"\n        >\n          <!-- @slot (required) result card -->\n          <slot name=\"result\" :result=\"result\" />\n        </li>\n      </DisplayClickProvider>\n    </ul>\n  </SlidingPanel>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { DisplayClickProvider, SlidingPanel } from '../../../components'\nimport { useState } from '../../../composables'\n\nexport default defineComponent({\n  components: {\n    DisplayClickProvider,\n    SlidingPanel,\n  },\n  props: {\n    /* The title text displayed */\n    title: String,\n    /* The classes added to the sliding panel. */\n    slidingPanelClasses: String,\n    /* The classes added to the sliding panel container. */\n    slidingPanelContainerClasses: String,\n    /* The classes added to the sliding panel buttons. */\n    slidingPanelButtonsClasses: String,\n  },\n  setup() {\n    const { suggestionsSearch, tagging } = useState('ai')\n\n    return {\n      suggestionsSearch,\n      tagging,\n    }\n  },\n})\n</script>\n"],"names":["DisplayClickProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,gBAAe,eAAe,CAAC;AAC7B,IAAA,UAAU,EAAE;8BACVA,WAAoB;QACpB,YAAY;AACb,KAAA;AACD,IAAA,KAAK,EAAE;;AAEL,QAAA,KAAK,EAAE,MAAM;;AAEb,QAAA,mBAAmB,EAAE,MAAM;;AAE3B,QAAA,4BAA4B,EAAE,MAAM;;AAEpC,QAAA,0BAA0B,EAAE,MAAM;AACnC,KAAA;IACD,KAAK,GAAA;QACH,MAAM,EAAE,iBAAiB,EAAE,OAAM,EAAE,GAAI,QAAQ,CAAC,IAAI,CAAA;QAEpD,OAAO;YACL,iBAAiB;YACjB,OAAO;SACT;IACF,CAAC;AACF,CAAA,CAAA;;;;"}
+{"version":3,"file":"ai-grouped-carousel.vue2.js","sources":["../../../../../src/x-modules/ai/components/ai-grouped-carousel.vue"],"sourcesContent":["<template>\n  <SlidingPanel\n    :class=\"slidingPanelClasses\"\n    :scroll-container-class=\"slidingPanelContainerClasses\"\n    :button-class=\"slidingPanelButtonsClasses\"\n    :reset-on-content-change=\"false\"\n  >\n    <template #sliding-panel-addons=\"{ arrivedState }\">\n      <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n    </template>\n    <template #sliding-panel-left-button>\n      <slot name=\"sliding-panels-left-button\" />\n    </template>\n    <template #sliding-panel-right-button>\n      <slot name=\"sliding-panels-right-button\" />\n    </template>\n    <ul class=\"x-ai-carousel-suggestion-results\">\n      <DisplayClickProvider\n        v-for=\"suggestion in suggestionsSearch\"\n        :key=\"suggestion.query\"\n        :tooling-display-tagging=\"tagging?.searchQueries[suggestion.query].toolingDisplayClick\"\n        :tooling-add2-cart-tagging=\"tagging?.searchQueries[suggestion.query].toolingDisplayAdd2Cart\"\n        result-feature=\"ai_carousel\"\n      >\n        <li\n          v-for=\"result in suggestion.results\"\n          :key=\"result.id\"\n          data-test=\"ai-carousel-suggestion-result\"\n        >\n          <!-- @slot (required) result card -->\n          <slot name=\"result\" :result=\"result\" />\n        </li>\n      </DisplayClickProvider>\n    </ul>\n  </SlidingPanel>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { DisplayClickProvider, SlidingPanel } from '../../../components'\nimport { useState } from '../../../composables'\n\nexport default defineComponent({\n  components: {\n    DisplayClickProvider,\n    SlidingPanel,\n  },\n  props: {\n    /* The title text displayed */\n    title: String,\n    /* The classes added to the sliding panel. */\n    slidingPanelClasses: String,\n    /* The classes added to the sliding panel container. */\n    slidingPanelContainerClasses: String,\n    /* The classes added to the sliding panel buttons. */\n    slidingPanelButtonsClasses: String,\n  },\n  setup() {\n    const { suggestionsSearch, tagging } = useState('ai')\n\n    return {\n      suggestionsSearch,\n      tagging,\n    }\n  },\n})\n</script>\n"],"names":["DisplayClickProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,gBAAe,eAAe,CAAC;AAC7B,IAAA,UAAU,EAAE;8BACVA,WAAoB;QACpB,YAAY;AACb,KAAA;AACD,IAAA,KAAK,EAAE;;AAEL,QAAA,KAAK,EAAE,MAAM;;AAEb,QAAA,mBAAmB,EAAE,MAAM;;AAE3B,QAAA,4BAA4B,EAAE,MAAM;;AAEpC,QAAA,0BAA0B,EAAE,MAAM;AACnC,KAAA;IACD,KAAK,GAAA;QACH,MAAM,EAAE,iBAAiB,EAAE,OAAM,EAAE,GAAI,QAAQ,CAAC,IAAI,CAAA;QAEpD,OAAO;YACL,iBAAiB;YACjB,OAAO;SACT;IACF,CAAC;AACF,CAAA,CAAA;;;;"}

package/js/x-modules/ai/store/getters/suggestions-request.getter.js

@@ -9,8 +9,8 @@
  *
  * @public
  */
-const suggestionsRequest = ({ params: extraParams, selectedFilters: filters, origin, searchTotalResults, config, query, }) => {
-    if (query && (searchTotalResults === 0 || searchTotalResults <= config.lowResultsThreshold)) {
+const suggestionsRequest = ({ params: extraParams, selectedFilters: filters, origin, searchTotalResults, query, }) => {
+    if (query && searchTotalResults === 0) {
         return { query, extraParams, filters, ...(origin && { origin }) };
     }
     return null;

package/js/x-modules/ai/store/getters/suggestions-request.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"suggestions-request.getter.js","sources":["../../../../../../src/x-modules/ai/store/getters/suggestions-request.getter.ts"],"sourcesContent":["import type { AiXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link AiGetters.suggestionsRequest} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the ai\n * module.\n * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the\n * ai module.\n * @returns The ai request to fetch data from the API.\n *\n * @public\n */\nexport const suggestionsRequest: AiXStoreModule['getters']['suggestionsRequest'] = ({\n  params: extraParams,\n  selectedFilters: filters,\n  origin,\n  searchTotalResults,\n  config,\n  query,\n}) => {\n  if (query && (searchTotalResults === 0 || searchTotalResults <= config.lowResultsThreshold)) {\n    return { query, extraParams, filters, ...(origin && { origin }) }\n  }\n  return null\n}\n"],"names":[],"mappings":"AAEA;;;;;;;;;;AAUG;MACU,kBAAkB,GAAoD,CAAC,EAClF,MAAM,EAAE,WAAW,EACnB,eAAe,EAAE,OAAO,EACxB,MAAM,EACN,kBAAkB,EAClB,MAAM,EACN,KAAK,GACN,KAAI;AACH,IAAA,IAAI,KAAK,KAAK,kBAAkB,KAAK,CAAC,IAAI,kBAAkB,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAAE;AAC3F,QAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;IACnE;AACA,IAAA,OAAO,IAAI;AACb;;;;"}
+{"version":3,"file":"suggestions-request.getter.js","sources":["../../../../../../src/x-modules/ai/store/getters/suggestions-request.getter.ts"],"sourcesContent":["import type { AiXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link AiGetters.suggestionsRequest} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the ai\n * module.\n * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the\n * ai module.\n * @returns The ai request to fetch data from the API.\n *\n * @public\n */\nexport const suggestionsRequest: AiXStoreModule['getters']['suggestionsRequest'] = ({\n  params: extraParams,\n  selectedFilters: filters,\n  origin,\n  searchTotalResults,\n  query,\n}) => {\n  if (query && searchTotalResults === 0) {\n    return { query, extraParams, filters, ...(origin && { origin }) }\n  }\n  return null\n}\n"],"names":[],"mappings":"AAEA;;;;;;;;;;AAUG;MACU,kBAAkB,GAAoD,CAAC,EAClF,MAAM,EAAE,WAAW,EACnB,eAAe,EAAE,OAAO,EACxB,MAAM,EACN,kBAAkB,EAClB,KAAK,GACN,KAAI;AACH,IAAA,IAAI,KAAK,IAAI,kBAAkB,KAAK,CAAC,EAAE;AACrC,QAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,MAAM,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;IACnE;AACA,IAAA,OAAO,IAAI;AACb;;;;"}

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

@@ -20,9 +20,7 @@ const aiXStoreModule = {
         ...resettableAiState(),
         selectedFilters: {},
         query: '',
-        config: {
-            lowResultsThreshold: 50,
-        },
+        config: {},
         params: {},
         origin: null,
         relatedTags: [],

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

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/ai/store/module.ts"],"sourcesContent":["import type { AiSuggestionQuery, AiSuggestionSearch, Result } from '@empathyco/x-types'\nimport type { RequestStatus } from '../../../store/utils/status-store.utils'\nimport type { AiState, AiXStoreModule } from './types'\nimport { isFacetFilter } from '@empathyco/x-types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { setQuery } from '../../../store/utils/query.utils'\nimport { groupItemsBy } from '../../../utils/array'\nimport { UNKNOWN_FACET_KEY } from '../../facets/store/constants'\nimport { fetchAndSaveAiSuggestionsSearch } from './actions/fetch-and-save-ai-suggestions-search.action'\nimport { fetchAndSaveAiSuggestions } from './actions/fetch-and-save-ai-suggestions.action'\nimport { saveOrigin } from './actions/save-origin.action'\nimport { setUrlParams } from './actions/set-url-params.action'\nimport {\n  aiSuggestionsRequest as suggestionsRequest,\n  aiSuggestionsSearchRequest as suggestionsSearchRequest,\n} from './getters'\n\n/**\n * {@link XStoreModule} For the ai module.\n *\n * @internal\n */\nexport const aiXStoreModule: AiXStoreModule = {\n  state: () => ({\n    ...resettableAiState(),\n    selectedFilters: {},\n    query: '',\n    config: {\n      lowResultsThreshold: 50,\n    },\n    params: {},\n    origin: null,\n    relatedTags: [],\n    searchTotalResults: 0,\n    excludeOptions: {\n      resultIds: [],\n    },\n  }),\n  getters: {\n    suggestionsRequest,\n    suggestionsSearchRequest,\n  },\n  mutations: {\n    /* Streamed fields */\n    setQueries: (state, queries: AiSuggestionQuery[]) => {\n      state.queries = queries\n    },\n    setTagging: (state, tagging) => {\n      state.tagging = tagging\n    },\n    /* END Streamed fields */\n    setSuggestionsSearch: (state, suggestionsSearch: AiSuggestionSearch[]) => {\n      state.suggestionsSearch = suggestionsSearch\n    },\n    setSuggestionsStatus: (state, status: RequestStatus) => {\n      state.suggestionsStatus = status\n    },\n    setSuggestionsSearchStatus: (state, status: RequestStatus) => {\n      state.suggestionsSearchStatus = status\n    },\n    setExcludedResultIds: (state, resultIds: Result['id'][]) => {\n      state.excludeOptions.resultIds = resultIds\n    },\n    setQuery,\n    setParams(state, params) {\n      state.params = params\n    },\n    setOrigin(state, origin = null) {\n      state.origin = origin\n    },\n    resetAiState(state) {\n      Object.assign(state, resettableAiState())\n    },\n    setAiRelatedTags(state, relatedTags) {\n      state.relatedTags = relatedTags\n    },\n    setSelectedFilters(state, selectedFilters) {\n      state.selectedFilters = groupItemsBy(selectedFilters, filter =>\n        isFacetFilter(filter) ? filter.facetId : UNKNOWN_FACET_KEY,\n      )\n    },\n    setSearchTotalResults(state, totalResults) {\n      state.searchTotalResults = totalResults\n    },\n    setConfig,\n    mergeConfig,\n  },\n  actions: {\n    fetchAndSaveAiSuggestions,\n    fetchAndSaveAiSuggestionsSearch,\n    setUrlParams,\n    saveOrigin,\n  },\n}\n\n/**\n * Function to return the \"resettable\" part of the state. This will be used in the `resetState`\n * mutation to reset to the initial state.\n *\n * @returns The \"resettable\" part of the {@link AiState}.\n *\n * @internal\n */\nfunction resettableAiState() {\n  return {\n    queries: [],\n    tagging: undefined,\n    suggestionsSearch: [],\n    suggestionsStatus: 'initial' as RequestStatus,\n    suggestionsSearchStatus: 'initial' as RequestStatus,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAiBA;;;;AAIG;AACI,MAAM,cAAc,GAAmB;AAC5C,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,GAAG,iBAAiB,EAAE;AACtB,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,MAAM,EAAE;AACN,YAAA,mBAAmB,EAAE,EAAE;AACxB,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,kBAAkB,EAAE,CAAC;AACrB,QAAA,cAAc,EAAE;AACd,YAAA,SAAS,EAAE,EAAE;AACd,SAAA;KACF,CAAC;AACF,IAAA,OAAO,EAAE;QACP,kBAAkB;QAClB,wBAAwB;AACzB,KAAA;AACD,IAAA,SAAS,EAAE;;AAET,QAAA,UAAU,EAAE,CAAC,KAAK,EAAE,OAA4B,KAAI;AAClD,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO;QACzB,CAAC;AACD,QAAA,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAI;AAC7B,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO;QACzB,CAAC;;AAED,QAAA,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAuC,KAAI;AACvE,YAAA,KAAK,CAAC,iBAAiB,GAAG,iBAAiB;QAC7C,CAAC;AACD,QAAA,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAqB,KAAI;AACrD,YAAA,KAAK,CAAC,iBAAiB,GAAG,MAAM;QAClC,CAAC;AACD,QAAA,0BAA0B,EAAE,CAAC,KAAK,EAAE,MAAqB,KAAI;AAC3D,YAAA,KAAK,CAAC,uBAAuB,GAAG,MAAM;QACxC,CAAC;AACD,QAAA,oBAAoB,EAAE,CAAC,KAAK,EAAE,SAAyB,KAAI;AACzD,YAAA,KAAK,CAAC,cAAc,CAAC,SAAS,GAAG,SAAS;QAC5C,CAAC;QACD,QAAQ;QACR,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM;QACvB,CAAC;AACD,QAAA,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAA;AAC5B,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM;QACvB,CAAC;AACD,QAAA,YAAY,CAAC,KAAK,EAAA;YAChB,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,iBAAiB,EAAE,CAAC;QAC3C,CAAC;QACD,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAA;AACjC,YAAA,KAAK,CAAC,WAAW,GAAG,WAAW;QACjC,CAAC;QACD,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAA;YACvC,KAAK,CAAC,eAAe,GAAG,YAAY,CAAC,eAAe,EAAE,MAAM,IAC1D,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,iBAAiB,CAC3D;QACH,CAAC;QACD,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAA;AACvC,YAAA,KAAK,CAAC,kBAAkB,GAAG,YAAY;QACzC,CAAC;QACD,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,yBAAyB;QACzB,+BAA+B;QAC/B,YAAY;QACZ,UAAU;AACX,KAAA;;AAGH;;;;;;;AAOG;AACH,SAAS,iBAAiB,GAAA;IACxB,OAAO;AACL,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,iBAAiB,EAAE,EAAE;AACrB,QAAA,iBAAiB,EAAE,SAA0B;AAC7C,QAAA,uBAAuB,EAAE,SAA0B;KACpD;AACH;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/ai/store/module.ts"],"sourcesContent":["import type { AiSuggestionQuery, AiSuggestionSearch, Result } from '@empathyco/x-types'\nimport type { RequestStatus } from '../../../store/utils/status-store.utils'\nimport type { AiState, AiXStoreModule } from './types'\nimport { isFacetFilter } from '@empathyco/x-types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { setQuery } from '../../../store/utils/query.utils'\nimport { groupItemsBy } from '../../../utils/array'\nimport { UNKNOWN_FACET_KEY } from '../../facets/store/constants'\nimport { fetchAndSaveAiSuggestionsSearch } from './actions/fetch-and-save-ai-suggestions-search.action'\nimport { fetchAndSaveAiSuggestions } from './actions/fetch-and-save-ai-suggestions.action'\nimport { saveOrigin } from './actions/save-origin.action'\nimport { setUrlParams } from './actions/set-url-params.action'\nimport {\n  aiSuggestionsRequest as suggestionsRequest,\n  aiSuggestionsSearchRequest as suggestionsSearchRequest,\n} from './getters'\n\n/**\n * {@link XStoreModule} For the ai module.\n *\n * @internal\n */\nexport const aiXStoreModule: AiXStoreModule = {\n  state: () => ({\n    ...resettableAiState(),\n    selectedFilters: {},\n    query: '',\n    config: {},\n    params: {},\n    origin: null,\n    relatedTags: [],\n    searchTotalResults: 0,\n    excludeOptions: {\n      resultIds: [],\n    },\n  }),\n  getters: {\n    suggestionsRequest,\n    suggestionsSearchRequest,\n  },\n  mutations: {\n    /* Streamed fields */\n    setQueries: (state, queries: AiSuggestionQuery[]) => {\n      state.queries = queries\n    },\n    setTagging: (state, tagging) => {\n      state.tagging = tagging\n    },\n    /* END Streamed fields */\n    setSuggestionsSearch: (state, suggestionsSearch: AiSuggestionSearch[]) => {\n      state.suggestionsSearch = suggestionsSearch\n    },\n    setSuggestionsStatus: (state, status: RequestStatus) => {\n      state.suggestionsStatus = status\n    },\n    setSuggestionsSearchStatus: (state, status: RequestStatus) => {\n      state.suggestionsSearchStatus = status\n    },\n    setExcludedResultIds: (state, resultIds: Result['id'][]) => {\n      state.excludeOptions.resultIds = resultIds\n    },\n    setQuery,\n    setParams(state, params) {\n      state.params = params\n    },\n    setOrigin(state, origin = null) {\n      state.origin = origin\n    },\n    resetAiState(state) {\n      Object.assign(state, resettableAiState())\n    },\n    setAiRelatedTags(state, relatedTags) {\n      state.relatedTags = relatedTags\n    },\n    setSelectedFilters(state, selectedFilters) {\n      state.selectedFilters = groupItemsBy(selectedFilters, filter =>\n        isFacetFilter(filter) ? filter.facetId : UNKNOWN_FACET_KEY,\n      )\n    },\n    setSearchTotalResults(state, totalResults) {\n      state.searchTotalResults = totalResults\n    },\n    setConfig,\n    mergeConfig,\n  },\n  actions: {\n    fetchAndSaveAiSuggestions,\n    fetchAndSaveAiSuggestionsSearch,\n    setUrlParams,\n    saveOrigin,\n  },\n}\n\n/**\n * Function to return the \"resettable\" part of the state. This will be used in the `resetState`\n * mutation to reset to the initial state.\n *\n * @returns The \"resettable\" part of the {@link AiState}.\n *\n * @internal\n */\nfunction resettableAiState() {\n  return {\n    queries: [],\n    tagging: undefined,\n    suggestionsSearch: [],\n    suggestionsStatus: 'initial' as RequestStatus,\n    suggestionsSearchStatus: 'initial' as RequestStatus,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAiBA;;;;AAIG;AACI,MAAM,cAAc,GAAmB;AAC5C,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,GAAG,iBAAiB,EAAE;AACtB,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,kBAAkB,EAAE,CAAC;AACrB,QAAA,cAAc,EAAE;AACd,YAAA,SAAS,EAAE,EAAE;AACd,SAAA;KACF,CAAC;AACF,IAAA,OAAO,EAAE;QACP,kBAAkB;QAClB,wBAAwB;AACzB,KAAA;AACD,IAAA,SAAS,EAAE;;AAET,QAAA,UAAU,EAAE,CAAC,KAAK,EAAE,OAA4B,KAAI;AAClD,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO;QACzB,CAAC;AACD,QAAA,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAI;AAC7B,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO;QACzB,CAAC;;AAED,QAAA,oBAAoB,EAAE,CAAC,KAAK,EAAE,iBAAuC,KAAI;AACvE,YAAA,KAAK,CAAC,iBAAiB,GAAG,iBAAiB;QAC7C,CAAC;AACD,QAAA,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAqB,KAAI;AACrD,YAAA,KAAK,CAAC,iBAAiB,GAAG,MAAM;QAClC,CAAC;AACD,QAAA,0BAA0B,EAAE,CAAC,KAAK,EAAE,MAAqB,KAAI;AAC3D,YAAA,KAAK,CAAC,uBAAuB,GAAG,MAAM;QACxC,CAAC;AACD,QAAA,oBAAoB,EAAE,CAAC,KAAK,EAAE,SAAyB,KAAI;AACzD,YAAA,KAAK,CAAC,cAAc,CAAC,SAAS,GAAG,SAAS;QAC5C,CAAC;QACD,QAAQ;QACR,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM;QACvB,CAAC;AACD,QAAA,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAA;AAC5B,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM;QACvB,CAAC;AACD,QAAA,YAAY,CAAC,KAAK,EAAA;YAChB,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,iBAAiB,EAAE,CAAC;QAC3C,CAAC;QACD,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAA;AACjC,YAAA,KAAK,CAAC,WAAW,GAAG,WAAW;QACjC,CAAC;QACD,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAA;YACvC,KAAK,CAAC,eAAe,GAAG,YAAY,CAAC,eAAe,EAAE,MAAM,IAC1D,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,iBAAiB,CAC3D;QACH,CAAC;QACD,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAA;AACvC,YAAA,KAAK,CAAC,kBAAkB,GAAG,YAAY;QACzC,CAAC;QACD,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,yBAAyB;QACzB,+BAA+B;QAC/B,YAAY;QACZ,UAAU;AACX,KAAA;;AAGH;;;;;;;AAOG;AACH,SAAS,iBAAiB,GAAA;IACxB,OAAO;AACL,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,iBAAiB,EAAE,EAAE;AACrB,QAAA,iBAAiB,EAAE,SAA0B;AAC7C,QAAA,uBAAuB,EAAE,SAA0B;KACpD;AACH;;;;"}

package/js/x-modules/browse/store/actions/set-url-params.action.js

@@ -13,7 +13,7 @@ const setUrlParams = ({ commit, state }, { browseValue, browseField, page, sort
         (currentCategory.browseValue === browseValue && currentCategory.browseField === browseField)
         ? page
         : 1);
-    commit('setSort', sort);
+    commit('setSort', browseValue && browseField ? sort : '');
 };
 
 export { setUrlParams };

package/js/x-modules/browse/store/actions/set-url-params.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-url-params.action.js","sources":["../../../../../../src/x-modules/browse/store/actions/set-url-params.action.ts"],"sourcesContent":["import type { BrowseXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link BrowseActions.setUrlParams}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param urlParams - List of params from the url.\n * @public\n */\nexport const setUrlParams: BrowseXStoreModule['actions']['setUrlParams'] = (\n  { commit, state },\n  { browseValue, browseField, page, sort },\n) => {\n  const currentCategory = state.selectedCategory\n\n  commit('setSelectedCategory', { browseValue, browseField })\n  commit(\n    'setPage',\n    !currentCategory ||\n      (currentCategory.browseValue === browseValue && currentCategory.browseField === browseField)\n      ? page\n      : 1,\n  )\n  commit('setSort', sort)\n}\n"],"names":[],"mappings":"AAEA;;;;;;;AAOG;MACU,YAAY,GAAkD,CACzE,EAAE,MAAM,EAAE,KAAK,EAAE,EACjB,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KACtC;AACF,IAAA,MAAM,eAAe,GAAG,KAAK,CAAC,gBAAgB;IAE9C,MAAM,CAAC,qBAAqB,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AAC3D,IAAA,MAAM,CACJ,SAAS,EACT,CAAC,eAAe;SACb,eAAe,CAAC,WAAW,KAAK,WAAW,IAAI,eAAe,CAAC,WAAW,KAAK,WAAW;AAC3F,UAAE;UACA,CAAC,CACN;AACD,IAAA,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC;AACzB;;;;"}
+{"version":3,"file":"set-url-params.action.js","sources":["../../../../../../src/x-modules/browse/store/actions/set-url-params.action.ts"],"sourcesContent":["import type { BrowseXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link BrowseActions.setUrlParams}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param urlParams - List of params from the url.\n * @public\n */\nexport const setUrlParams: BrowseXStoreModule['actions']['setUrlParams'] = (\n  { commit, state },\n  { browseValue, browseField, page, sort },\n) => {\n  const currentCategory = state.selectedCategory\n\n  commit('setSelectedCategory', { browseValue, browseField })\n  commit(\n    'setPage',\n    !currentCategory ||\n      (currentCategory.browseValue === browseValue && currentCategory.browseField === browseField)\n      ? page\n      : 1,\n  )\n  commit('setSort', browseValue && browseField ? sort : '')\n}\n"],"names":[],"mappings":"AAEA;;;;;;;AAOG;MACU,YAAY,GAAkD,CACzE,EAAE,MAAM,EAAE,KAAK,EAAE,EACjB,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KACtC;AACF,IAAA,MAAM,eAAe,GAAG,KAAK,CAAC,gBAAgB;IAE9C,MAAM,CAAC,qBAAqB,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AAC3D,IAAA,MAAM,CACJ,SAAS,EACT,CAAC,eAAe;SACb,eAAe,CAAC,WAAW,KAAK,WAAW,IAAI,eAAe,CAAC,WAAW,KAAK,WAAW;AAC3F,UAAE;UACA,CAAC,CACN;AACD,IAAA,MAAM,CAAC,SAAS,EAAE,WAAW,IAAI,WAAW,GAAG,IAAI,GAAG,EAAE,CAAC;AAC3D;;;;"}

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

@@ -181,7 +181,7 @@ const browseWiring = createWiring({
     ReloadBrowseRequested: {
         resetBrowseStateForReloadWire,
     },
-    SelectedSortProvided: {
+    SelectedBrowseSortProvided: {
         setBrowseSort,
     },
     ExtraParamsChanged: {
@@ -197,6 +197,11 @@ const browseWiring = createWiring({
         resetBrowseStateForReloadWire,
         cancelFetchAndSaveBrowseResponseWire,
     },
+    UserAcceptedAQuery: {
+        clearBrowseQuery,
+        resetBrowseStateForReloadWire,
+        cancelFetchAndSaveBrowseResponseWire,
+    },
     UserClickedOutOfMainModal: {
         clearBrowseQuery,
     },

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

@@ -1 +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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"}
+{"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  SelectedBrowseSortProvided: {\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  UserAcceptedAQuery: {\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":";;;;AAWA;;;;AAIG;AACH,MAAM,UAAU,GAAG,QAAQ;AAE3B;;;;AAIG;AACH,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC;AAEnD;;;;AAIG;AACH,MAAM,wBAAwB,GAAG,kCAAkC,CAAC,UAAU,CAAC;AAE/E;;;;AAIG;AACH,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC;AAEvD;;;;AAIG;AACH,MAAM,0BAA0B,GAAG,oCAAoC,CAAC,UAAU,CAAC;AAEnF;;;;AAIG;MACU,oCAAoC,GAAG,0BAA0B,CAC5E,kCAAkC;AAGpC;;;;AAIG;AACI,MAAM,oBAAoB,GAAG,YAAY,CAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,QAAQ;AAEzF;;;;AAIG;MACU,8BAA8B,GAAG,YAAY,CAAC,4BAA4B;AAEvF;;;;AAIG;MACU,uCAAuC,GAAG,YAAY,CAAC,+BAA+B;AAEnG;;;;AAIG;MACU,iBAAiB,GAAG,UAAU,CAAC,qBAAqB;AAEjE;;;;AAIG;AACI,MAAM,gBAAgB,GAAG,UAAU,CAAC,qBAAqB,EAAE;AAChE,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,WAAW,EAAE,EAAE;AAChB,CAAA;AAED;;;;AAIG;MACU,wBAAwB,GAAG,UAAU,CAAC,oBAAoB;AAEvE;;;;AAIG;MACU,aAAa,GAAG,UAAU,CAAC,SAAS;AAEjD;;;;AAIG;MACU,sBAAsB,GAAG,YAAY,CAAC,cAAc;AAEjE;;;;AAIG;MACU,aAAa,GAAG,UAAU,CAAC,SAAS;AAEjD;;;;AAIG;MACU,oBAAoB,GAAG,UAAU,CAAC,WAAW;AAE1D;;;;AAIG;MACU,6BAA6B,GAAG,wBAAwB,CAAC,qBAAqB;AAE3F;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK;AAExE;;;;AAIG;AACI,MAAM,mCAAmC,GAAG,UAAU,CAAC,6BAA6B,EAAE,KAAK;AAElG;;;;AAIG;MACU,sCAAsC,GAAG,0BAA0B,CAC9E,8BAA8B;AAGhC;;;;AAIG;AACI,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,EAAE,KAAK;AAE1E;;;;;AAKG;MACU,kCAAkC,GAAG,YAAY,CAC5D,0BAA0B,EAC1B,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAsC,MAAM;IAC7F,UAAU;AACV,IAAA,UAAU,EAAE,QAAiC;AAC9C,CAAA,CAAC;AAGJ;;;;;AAKG;AACI,MAAM,+BAA+B,GAAG,mBAAmB,CAChE,wBAAwB,CAAC,YAAY,CAAC;AAGxC;;;;AAIG;AACI,MAAM,YAAY,GAAG,YAAY,CAAC;AACvC,IAAA,mBAAmB,EAAE;QACnB,sBAAsB;QACtB,oBAAoB;AACrB,KAAA;AACD,IAAA,sBAAsB,EAAE;QACtB,aAAa;AACd,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,sCAAsC;AACvC,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,+BAA+B;QAC/B,8BAA8B;AAC/B,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,kCAAkC;AACnC,KAAA;AACD,IAAA,gCAAgC,EAAE;QAChC,wBAAwB;AACzB,KAAA;AACD,IAAA,cAAc,EAAE;QACd,oBAAoB;QACpB,uCAAuC;AACxC,KAAA;AACD,IAAA,qBAAqB,EAAE;QACrB,6BAA6B;AAC9B,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,aAAa;AACd,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,oBAAoB;AACrB,KAAA;AACD,IAAA,iBAAiB,EAAE;QACjB,gBAAgB;QAChB,6BAA6B;QAC7B,oCAAoC;AACrC,KAAA;AACD,IAAA,gBAAgB,EAAE;QAChB,gBAAgB;QAChB,6BAA6B;QAC7B,oCAAoC;AACrC,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,gBAAgB;QAChB,6BAA6B;QAC7B,oCAAoC;AACrC,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,gBAAgB;AACjB,KAAA;AACD,IAAA,iBAAiB,EAAE;QACjB,aAAa;QACb,oBAAoB;AACrB,KAAA;AACD,IAAA,qBAAqB,EAAE;QACrB,iBAAiB;AAClB,KAAA;AACF,CAAA;;;;"}

package/js/x-modules/empathize/components/empathize.vue2.js

@@ -87,6 +87,10 @@ import { use$x } from '../../../composables/use-_x.js';
 import '../../../components/sliding-panel.vue2.js';
 import '../../../components/sliding-panel.vue3.js';
 import '../../../components/snippet-callbacks.vue2.js';
+import '../../../components/sort/sort-dropdown.vue2.js';
+import '../../../components/sort/sort-list.vue2.js';
+import '../../../components/sort/sort-list.vue3.js';
+import '../../../components/sort/sort-picker-list.vue2.js';
 import '../../../components/suggestions/base-suggestion.vue2.js';
 import '../../../components/suggestions/base-suggestions.vue2.js';
 import '../../../components/suggestions/base-suggestions.vue3.js';