@empathyco/x-components 8.10.0 → 8.12.0

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

@@ -1 +1 @@
-{"version":3,"file":"vendor-banners-list.vue.js","sources":["../../../../../src/x-modules/vendor/components/vendor-banners-list.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Ref } from 'vue'\nimport type { ListItem } from '../../../utils/types'\nimport { computed, defineComponent, h, inject, provide } from 'vue'\nimport { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts'\nimport ItemsList from '../../../components/items-list.vue'\nimport { use$x } from '../../../composables/use-$x'\nimport { useState } from '../../../composables/use-state'\nimport { AnimationProp } from '../../../types/animation-prop'\nimport { vendorXModule } from '../x-module'\n\n/**\n * It renders a {@link ItemsList} list of vendor banners from {@link VendorState.banners}.\n *\n * The component provides a default slot which wraps the whole component with the `vendorBanners`\n * plus the `injectedListItems` which also contains the injected list items from\n * the ancestor.\n *\n * It also provides the parent slots to customize the items.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'VendorBannersList',\n  xModule: vendorXModule.name,\n  props: {\n    /** Animation component that will be used to animate the vendor banners. */\n    animation: {\n      type: AnimationProp,\n      default: 'ul',\n    },\n  },\n  setup(props, { slots }) {\n    const $x = use$x()\n\n    /** The vendor banners to render from the state. */\n    const stateItems = useState('vendor').banners\n\n    /** It injects {@link ListItem} provided by an ancestor as injectedListItems. */\n    const injectedListItems = inject<Ref<ListItem[]>>(LIST_ITEMS_KEY as string)\n\n    /**\n     * The `stateItems` concatenated with the `injectedListItems` if there are.\n     *\n     * @remarks This computed defines the merging strategy of the `stateItems` and the\n     * `injectedListItems`.\n     *\n     * @returns List of {@link ListItem}.\n     */\n    const items = computed(() => {\n      if (!injectedListItems?.value!.length) {\n        return stateItems.value\n      }\n      const items = [...injectedListItems.value]\n      const positionedBanners = stateItems.value.filter(item => item.position != null)\n      const unpositionedBanners = stateItems.value.filter(item => item.position == null)\n      for (const item of positionedBanners) {\n        let index = item.position! - 1\n        while (items.at(index)?.modelName === 'VendorBanner') {\n          index++\n        }\n        const isIndexInLoadedPages = index <= items.length\n        const areAllPagesLoaded = $x.results.length === $x.totalResults\n        if (!isIndexInLoadedPages && !areAllPagesLoaded) {\n          break\n        }\n        items.splice(index, 0, item)\n      }\n      items.unshift(...unpositionedBanners)\n      return items\n    })\n\n    /**\n     * The computed list items of the entity that uses the mixin.\n     *\n     * @remarks It should be overridden in the component that uses the mixin and it's intended to be\n     * filled with items from the state. Vue doesn't allow mixins as abstract classes.\n     * @returns An empty array as fallback in case it is not overridden.\n     */\n    provide(LIST_ITEMS_KEY as string, items)\n\n    return () => {\n      const innerProps = { items: items.value, animation: props.animation }\n      // https://vue-land.github.io/faq/forwarding-slots#passing-all-slots\n      return slots.default?.(innerProps)[0] ?? h(ItemsList, innerProps, slots)\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AAWA;;;;;;;;;;AAUE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,mBAAmB;IACzB,OAAO,EAAE,aAAa,CAAC,IAAI;AAC3B,IAAA,KAAK,EAAE;;AAEL,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAI,EAAG,EAAA;AACpB,QAAA,MAAM,EAAC,GAAI,KAAK,EAAC;;QAGjB,MAAM,aAAa,QAAQ,CAAC,QAAQ,CAAC,CAAC,OAAM;;AAG5C,QAAA,MAAM,iBAAgB,GAAI,MAAM,CAAkB,cAAwB,CAAA;AAE1E;;;;;;;AAOE;AACF,QAAA,MAAM,KAAI,GAAI,QAAQ,CAAC,MAAI;AACzB,YAAA,IAAI,CAAC,iBAAiB,EAAE,KAAM,CAAC,MAAM,EAAE;gBACrC,OAAO,UAAU,CAAC,KAAI;YACxB;YACA,MAAM,KAAI,GAAI,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAA;AACzC,YAAA,MAAM,iBAAgB,GAAI,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,IAAG,IAAK,IAAI,CAAC,YAAY,IAAI,CAAA;AAC/E,YAAA,MAAM,mBAAkB,GAAI,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,IAAG,IAAK,IAAI,CAAC,YAAY,IAAI,CAAA;AACjF,YAAA,KAAK,MAAM,IAAG,IAAK,iBAAiB,EAAE;AACpC,gBAAA,IAAI,KAAI,GAAI,IAAI,CAAC,QAAQ,GAAI,CAAA;gBAC7B,OAAO,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,cAAc,cAAc,EAAE;AACpD,oBAAA,KAAK,EAAC;gBACR;AACA,gBAAA,MAAM,uBAAuB,SAAS,KAAK,CAAC,MAAK;gBACjD,MAAM,iBAAgB,GAAI,EAAE,CAAC,OAAO,CAAC,MAAK,KAAM,EAAE,CAAC,YAAW;AAC9D,gBAAA,IAAI,CAAC,oBAAmB,IAAK,CAAC,iBAAiB,EAAE;oBAC/C;gBACF;gBACA,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAA;YAC7B;AACA,YAAA,KAAK,CAAC,OAAO,CAAC,GAAG,mBAAmB,CAAA;AACpC,YAAA,OAAO,KAAI;AACb,QAAA,CAAC,CAAA;AAED;;;;;;AAME;AACF,QAAA,OAAO,CAAC,cAAwB,EAAE,KAAK,CAAA;AAEvC,QAAA,OAAO,MAAI;AACT,YAAA,MAAM,UAAS,GAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAQ,EAAE;;AAEpE,YAAA,OAAO,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,CAAA,IAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAA;AACzE,QAAA,CAAA;IACF,CAAC;AACF,CAAA,CAAA;;;;"}
+{"version":3,"file":"vendor-banners-list.vue.js","sources":["../../../../../src/x-modules/vendor/components/vendor-banners-list.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Ref } from 'vue'\nimport type { ListItem } from '../../../utils/types'\nimport { computed, defineComponent, h, inject, provide } from 'vue'\nimport { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts'\nimport ItemsList from '../../../components/items-list.vue'\nimport { use$x } from '../../../composables/use-$x'\nimport { useState } from '../../../composables/use-state'\nimport { AnimationProp } from '../../../types/animation-prop'\nimport { vendorXModule } from '../x-module'\n\n/**\n * It renders a {@link ItemsList} list of vendor banners from {@link VendorState.banners}.\n *\n * The component provides a default slot which wraps the whole component with the `vendorBanners`\n * plus the `injectedListItems` which also contains the injected list items from\n * the ancestor.\n *\n * If the `queryPreviewHash` prop is provided, the vendor banners are retrieved from\n * {@link VendorState.queryPreviews}, scoped to the query preview.\n *\n * It also provides the parent slots to customize the items.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'VendorBannersList',\n  xModule: vendorXModule.name,\n  props: {\n    /** Animation component that will be used to animate the vendor banners. */\n    animation: {\n      type: AnimationProp,\n      default: 'ul',\n    },\n    /**\n     * The hash of the query preview to render its vendor banners. If not provided,\n     * the vendor banners from the root state are rendered.\n     */\n    queryPreviewHash: {\n      type: String,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const $x = use$x()\n\n    /** The vendor banners to render from the vendor state. */\n    const vendorBanners = useState('vendor').banners\n\n    /** The vendor banners of the query previews, indexed by their query preview hash. */\n    const vendorQueryPreviews = useState('vendor').queryPreviews\n\n    /**\n     * The vendor banners to render. They are read from the query preview state when the\n     * `queryPreviewHash` prop is provided, or from the root vendor state otherwise.\n     */\n    const stateItems = computed(() =>\n      props.queryPreviewHash\n        ? (vendorQueryPreviews.value?.[props.queryPreviewHash]?.banners ?? [])\n        : vendorBanners.value,\n    )\n\n    /** It injects {@link ListItem} provided by an ancestor as injectedListItems. */\n    const injectedListItems = inject<Ref<ListItem[]>>(LIST_ITEMS_KEY as string)\n\n    /**\n     * Indicates if all the results of the current context have been loaded, to know if the\n     * vendor banners can be inserted in positions of not yet loaded pages.\n     *\n     * @remarks The query preview results are always considered as fully loaded, since they are\n     * retrieved as a fixed batch.\n     *\n     * @returns Whether all the results are loaded.\n     */\n    const areAllPagesLoaded = computed(() =>\n      props.queryPreviewHash ? true : $x.results.length === $x.totalResults,\n    )\n\n    /**\n     * The `stateItems` concatenated with the `injectedListItems` if there are.\n     *\n     * @remarks This computed defines the merging strategy of the `stateItems` and the\n     * `injectedListItems`.\n     *\n     * @returns List of {@link ListItem}.\n     */\n    const items = computed(() => {\n      if (!injectedListItems?.value!.length) {\n        return stateItems.value\n      }\n      const items = [...injectedListItems.value]\n      const positionedBanners = stateItems.value.filter(item => item.position != null)\n      const unpositionedBanners = stateItems.value.filter(item => item.position == null)\n      for (const item of positionedBanners) {\n        let index = item.position! - 1\n        while (items.at(index)?.modelName === 'VendorBanner') {\n          index++\n        }\n        const isIndexInLoadedPages = index <= items.length\n        if (!isIndexInLoadedPages && !areAllPagesLoaded.value) {\n          break\n        }\n        items.splice(index, 0, item)\n      }\n      items.unshift(...unpositionedBanners)\n      return items\n    })\n\n    /**\n     * The computed list items of the entity that uses the mixin.\n     *\n     * @remarks It should be overridden in the component that uses the mixin and it's intended to be\n     * filled with items from the state. Vue doesn't allow mixins as abstract classes.\n     * @returns An empty array as fallback in case it is not overridden.\n     */\n    provide(LIST_ITEMS_KEY as string, items)\n\n    return () => {\n      const innerProps = { items: items.value, animation: props.animation }\n      // https://vue-land.github.io/faq/forwarding-slots#passing-all-slots\n      return slots.default?.(innerProps)[0] ?? h(ItemsList, innerProps, slots)\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, computed, provide, h } from 'vue';
+import { defineComponent, computed, inject, provide, h } from 'vue';
 import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts.js';
 import ItemsList from '../../../components/items-list.vue.js';
 import { use$x } from '../../../composables/use-_x.js';
@@ -13,6 +13,9 @@ import { vendorXModule } from '../x-module.js';
  * plus the `injectedListItems` which also contains the injected list items from
  * the ancestor.
  *
+ * If the `queryPreviewHash` prop is provided, the vendor results are retrieved from
+ * {@link VendorState.queryPreviews}, scoped to the query preview.
+ *
  * It also provides the parent slots to customize the items.
  *
  * @public
@@ -26,13 +29,40 @@ var _sfc_main = defineComponent({
             type: AnimationProp,
             default: 'ul',
         },
+        /**
+         * The hash of the query preview to render its vendor results. If not provided,
+         * the vendor results from the root state are rendered.
+         */
+        queryPreviewHash: {
+            type: String,
+            default: undefined,
+        },
     },
     setup(props, { slots }) {
         const $x = use$x();
-        /** The vendor results to render from the state. */
-        const stateItems = useState('vendor').results;
+        /** The vendor results to render from the vendor state. */
+        const vendorResults = useState('vendor').results;
+        /** The vendor results of the query previews, indexed by their query preview hash. */
+        const vendorQueryPreviews = useState('vendor').queryPreviews;
+        /**
+         * The vendor results to render. They are read from the query preview state when the
+         * `queryPreviewHash` prop is provided, or from the root vendor state otherwise.
+         */
+        const stateItems = computed(() => props.queryPreviewHash
+            ? (vendorQueryPreviews.value?.[props.queryPreviewHash]?.results ?? [])
+            : vendorResults.value);
         /** It injects {@link ListItem} provided by an ancestor as injectedListItems. */
         const injectedListItems = inject(LIST_ITEMS_KEY);
+        /**
+         * Indicates if all the results of the current context have been loaded, to know if the
+         * vendor results can be inserted in positions of not yet loaded pages.
+         *
+         * @remarks The query preview results are always considered as fully loaded, since they are
+         * retrieved as a fixed batch.
+         *
+         * @returns Whether all the results are loaded.
+         */
+        const areAllPagesLoaded = computed(() => props.queryPreviewHash ? true : $x.results.length === $x.totalResults);
         /**
          * The `stateItems` concatenated with the `injectedListItems` if there are.
          *
@@ -53,8 +83,7 @@ var _sfc_main = defineComponent({
                     index++;
                 }
                 const isIndexInLoadedPages = index <= items.length;
-                const areAllPagesLoaded = $x.results.length === $x.totalResults;
-                if (!isIndexInLoadedPages && !areAllPagesLoaded) {
+                if (!isIndexInLoadedPages && !areAllPagesLoaded.value) {
                     break;
                 }
                 items.splice(index, 0, item);

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

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

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

@@ -8,7 +8,17 @@ import { vendorXStoreModule } from './module.js';
  * @internal
  */
 const vendorEmitters = createStoreEmitters(vendorXStoreModule, {
-    VendorQueryChanged: (_, getters) => getters.query,
+    VendorQueryChanged: {
+        selector: (_, getters) => getters.query,
+        /**
+         * Emits the event on module registration with the current query, so the consumers can
+         * fetch the vendor results and banners even when there is no query yet (e.g. the initial
+         * query previews).
+         *
+         * @internal
+         */
+        immediate: true,
+    },
 });
 
 export { vendorEmitters };

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

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/vendor/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store'\nimport { vendorXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the vendor module.\n *\n * @internal\n */\nexport const vendorEmitters = createStoreEmitters(vendorXStoreModule, {\n  VendorQueryChanged: (_, getters) => getters.query,\n})\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACI,MAAM,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE;IACpE,kBAAkB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK;AAClD,CAAA;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/vendor/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store'\nimport { vendorXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the vendor module.\n *\n * @internal\n */\nexport const vendorEmitters = createStoreEmitters(vendorXStoreModule, {\n  VendorQueryChanged: {\n    selector: (_, getters) => getters.query,\n    /**\n     * Emits the event on module registration with the current query, so the consumers can\n     * fetch the vendor results and banners even when there is no query yet (e.g. the initial\n     * query previews).\n     *\n     * @internal\n     */\n    immediate: true,\n  },\n})\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACI,MAAM,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE;AACpE,IAAA,kBAAkB,EAAE;QAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK;AACvC;;;;;;AAMG;AACH,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA;AACF,CAAA;;;;"}

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

@@ -12,6 +12,7 @@ import { query } from './getters/query.getter.js';
 function resettableVendorState() {
     return {
         banners: [],
+        queryPreviews: {},
         relatedTags: [],
         results: [],
     };
@@ -35,6 +36,27 @@ const vendorXStoreModule = {
         setResults(state, results) {
             state.results = results;
         },
+        setQueryPreviewVendorResults(state, { queryPreviewHash, results }) {
+            state.queryPreviews[queryPreviewHash] = {
+                ...state.queryPreviews[queryPreviewHash],
+                results: results.map(vendorResult => ({
+                    ...vendorResult,
+                    modelName: 'VendorResult',
+                })),
+            };
+        },
+        setQueryPreviewVendorBanners(state, { queryPreviewHash, banners }) {
+            state.queryPreviews[queryPreviewHash] = {
+                ...state.queryPreviews[queryPreviewHash],
+                banners: banners.map(vendorBanner => ({
+                    ...vendorBanner,
+                    modelName: 'VendorBanner',
+                })),
+            };
+        },
+        removeQueryPreviewVendorData(state, queryPreviewHash) {
+            delete state.queryPreviews[queryPreviewHash];
+        },
         resetState(state) {
             Object.assign(state, resettableVendorState());
         },

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

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/vendor/store/module.ts"],"sourcesContent":["import type { VendorXStoreModule } from './types'\nimport { setQuery } from '../../../store/utils/query.utils'\nimport { setUrlParams } from './actions/set-url-params.action'\nimport { query } from './getters/query.getter'\n\n/**\n * Function to return the \"resettable\" part of the state.\n *\n * @returns The \"resettable\" part of the {@link VendorState}.\n *\n * @internal\n */\nexport function resettableVendorState() {\n  return {\n    banners: [],\n    relatedTags: [],\n    results: [],\n  }\n}\n\nexport const vendorXStoreModule: VendorXStoreModule = {\n  state: () => ({\n    query: '',\n    ...resettableVendorState(),\n  }),\n  getters: {\n    query,\n  },\n  mutations: {\n    setQuery,\n    setBanners(state, banners) {\n      state.banners = banners\n    },\n    setRelatedTags(state, relatedTags) {\n      state.relatedTags = relatedTags\n    },\n    setResults(state, results) {\n      state.results = results\n    },\n    resetState(state) {\n      Object.assign(state, resettableVendorState())\n    },\n  },\n  actions: {\n    setUrlParams,\n  },\n}\n"],"names":[],"mappings":";;;;AAKA;;;;;;AAMG;SACa,qBAAqB,GAAA;IACnC,OAAO;AACL,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,OAAO,EAAE,EAAE;KACZ;AACH;AAEO,MAAM,kBAAkB,GAAuB;AACpD,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,GAAG,qBAAqB,EAAE;KAC3B,CAAC;AACF,IAAA,OAAO,EAAE;QACP,KAAK;AACN,KAAA;AACD,IAAA,SAAS,EAAE;QACT,QAAQ;QACR,UAAU,CAAC,KAAK,EAAE,OAAO,EAAA;AACvB,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO;QACzB,CAAC;QACD,cAAc,CAAC,KAAK,EAAE,WAAW,EAAA;AAC/B,YAAA,KAAK,CAAC,WAAW,GAAG,WAAW;QACjC,CAAC;QACD,UAAU,CAAC,KAAK,EAAE,OAAO,EAAA;AACvB,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO;QACzB,CAAC;AACD,QAAA,UAAU,CAAC,KAAK,EAAA;YACd,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,qBAAqB,EAAE,CAAC;QAC/C,CAAC;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,YAAY;AACb,KAAA;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/vendor/store/module.ts"],"sourcesContent":["import type { VendorXStoreModule } from './types'\nimport { setQuery } from '../../../store/utils/query.utils'\nimport { setUrlParams } from './actions/set-url-params.action'\nimport { query } from './getters/query.getter'\n\n/**\n * Function to return the \"resettable\" part of the state.\n *\n * @returns The \"resettable\" part of the {@link VendorState}.\n *\n * @internal\n */\nexport function resettableVendorState() {\n  return {\n    banners: [],\n    queryPreviews: {},\n    relatedTags: [],\n    results: [],\n  }\n}\n\nexport const vendorXStoreModule: VendorXStoreModule = {\n  state: () => ({\n    query: '',\n    ...resettableVendorState(),\n  }),\n  getters: {\n    query,\n  },\n  mutations: {\n    setQuery,\n    setBanners(state, banners) {\n      state.banners = banners\n    },\n    setRelatedTags(state, relatedTags) {\n      state.relatedTags = relatedTags\n    },\n    setResults(state, results) {\n      state.results = results\n    },\n    setQueryPreviewVendorResults(state, { queryPreviewHash, results }) {\n      state.queryPreviews[queryPreviewHash] = {\n        ...state.queryPreviews[queryPreviewHash],\n        results: results.map(vendorResult => ({\n          ...vendorResult,\n          modelName: 'VendorResult' as const,\n        })),\n      }\n    },\n    setQueryPreviewVendorBanners(state, { queryPreviewHash, banners }) {\n      state.queryPreviews[queryPreviewHash] = {\n        ...state.queryPreviews[queryPreviewHash],\n        banners: banners.map(vendorBanner => ({\n          ...vendorBanner,\n          modelName: 'VendorBanner' as const,\n        })),\n      }\n    },\n    removeQueryPreviewVendorData(state, queryPreviewHash) {\n      delete state.queryPreviews[queryPreviewHash]\n    },\n    resetState(state) {\n      Object.assign(state, resettableVendorState())\n    },\n  },\n  actions: {\n    setUrlParams,\n  },\n}\n"],"names":[],"mappings":";;;;AAKA;;;;;;AAMG;SACa,qBAAqB,GAAA;IACnC,OAAO;AACL,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,aAAa,EAAE,EAAE;AACjB,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,OAAO,EAAE,EAAE;KACZ;AACH;AAEO,MAAM,kBAAkB,GAAuB;AACpD,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,GAAG,qBAAqB,EAAE;KAC3B,CAAC;AACF,IAAA,OAAO,EAAE;QACP,KAAK;AACN,KAAA;AACD,IAAA,SAAS,EAAE;QACT,QAAQ;QACR,UAAU,CAAC,KAAK,EAAE,OAAO,EAAA;AACvB,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO;QACzB,CAAC;QACD,cAAc,CAAC,KAAK,EAAE,WAAW,EAAA;AAC/B,YAAA,KAAK,CAAC,WAAW,GAAG,WAAW;QACjC,CAAC;QACD,UAAU,CAAC,KAAK,EAAE,OAAO,EAAA;AACvB,YAAA,KAAK,CAAC,OAAO,GAAG,OAAO;QACzB,CAAC;AACD,QAAA,4BAA4B,CAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,OAAO,EAAE,EAAA;AAC/D,YAAA,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG;AACtC,gBAAA,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;gBACxC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK;AACpC,oBAAA,GAAG,YAAY;AACf,oBAAA,SAAS,EAAE,cAAuB;AACnC,iBAAA,CAAC,CAAC;aACJ;QACH,CAAC;AACD,QAAA,4BAA4B,CAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,OAAO,EAAE,EAAA;AAC/D,YAAA,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG;AACtC,gBAAA,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;gBACxC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK;AACpC,oBAAA,GAAG,YAAY;AACf,oBAAA,SAAS,EAAE,cAAuB;AACnC,iBAAA,CAAC,CAAC;aACJ;QACH,CAAC;QACD,4BAA4B,CAAC,KAAK,EAAE,gBAAgB,EAAA;AAClD,YAAA,OAAO,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;QAC9C,CAAC;AACD,QAAA,UAAU,CAAC,KAAK,EAAA;YACd,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,qBAAqB,EAAE,CAAC;QAC/C,CAAC;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,YAAY;AACb,KAAA;;;;;"}

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

@@ -45,6 +45,28 @@ const setBanners = wireCommit('setBanners', ({ eventPayload }) => eventPayload.m
     ...vendorBanner,
     modelName: 'VendorBanner',
 })));
+/**
+ * Sets the vendor results of a query preview in the {@link VendorXModule}.
+ *
+ * @public
+ */
+const setQueryPreviewVendorResults = wireCommit('setQueryPreviewVendorResults');
+/**
+ * Sets the vendor banners of a query preview in the {@link VendorXModule}.
+ *
+ * @public
+ */
+const setQueryPreviewVendorBanners = wireCommit('setQueryPreviewVendorBanners');
+/**
+ * Removes the vendor data of a non-cacheable query preview when it is unmounted.
+ *
+ * @internal
+ */
+const removeQueryPreviewVendorData = createWireFromFunction(({ eventPayload, store }) => {
+    if (!eventPayload.cache) {
+        store.commit('x/vendor/removeQueryPreviewVendorData', eventPayload.queryPreviewHash);
+    }
+});
 /**
  * Sets the vendor query of the {@link VendorXModule}.
  *
@@ -102,6 +124,15 @@ const vendorWiring = createWiring({
     VendorBannersChanged: {
         setBanners,
     },
+    QueryPreviewVendorResultsChanged: {
+        setQueryPreviewVendorResults,
+    },
+    QueryPreviewVendorBannersChanged: {
+        setQueryPreviewVendorBanners,
+    },
+    QueryPreviewUnmounted: {
+        removeQueryPreviewVendorData,
+    },
     VendorBannerMounted: {
         trackMounted,
     },
@@ -129,5 +160,5 @@ const vendorWiring = createWiring({
     },
 });
 
-export { setBanners, setResults, vendorWiring };
+export { setBanners, setQueryPreviewVendorBanners, setQueryPreviewVendorResults, setResults, vendorWiring };
 //# sourceMappingURL=wiring.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/vendor/wiring.ts"],"sourcesContent":["import type { WirePayload, XEventPayload } from '../../wiring'\nimport {\n  createWireFromFunction,\n  createWiring,\n  namespacedWireCommit,\n  namespacedWireCommitWithoutPayload,\n  namespacedWireDispatch,\n} from '../../wiring'\n\n/**\n * WireCommit for {@link VendorXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit('vendor')\n\n/**\n * WireCommitWithoutPayload for {@link VendorXModule}.\n *\n * @internal\n */\nconst wireCommitWithoutPayload = namespacedWireCommitWithoutPayload('vendor')\n\n/**\n * WireDispatch for {@link VendorXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch('vendor')\n\nconst fetchTagging = async (url: string) => fetch(url, { method: 'GET', keepalive: true })\n\nconst trackMounted = createWireFromFunction<\n  XEventPayload<'VendorResultMounted' | 'VendorBannerMounted'>\n>(({ eventPayload: { tagging } }) => tagging?.mountedUrl && void fetchTagging(tagging.mountedUrl))\n\nconst trackView = createWireFromFunction<\n  XEventPayload<'UserViewedAVendorResult' | 'UserViewedAVendorBanner'>\n>(({ eventPayload: { tagging } }) => tagging?.viewUrl && void fetchTagging(tagging.viewUrl))\n\nconst trackClick = createWireFromFunction<\n  XEventPayload<'UserClickedAVendorResult' | 'UserClickedAVendorBanner'>\n>(({ eventPayload: { tagging } }) => tagging?.clickUrl && void fetchTagging(tagging.clickUrl))\n\nconst trackResultAddToCart = createWireFromFunction<\n  XEventPayload<'UserClickedVendorResultAddToCart'>\n>(({ eventPayload: { tagging } }) => tagging?.add2cartUrl && void fetchTagging(tagging.add2cartUrl))\n\n/**\n * Sets the vendor results of the {@link VendorXModule}.\n *\n * @public\n */\nexport const setResults = wireCommit(\n  'setResults',\n  ({ eventPayload }: WirePayload<XEventPayload<'VendorResultsChanged'>>) =>\n    eventPayload.map(vendorResult => ({\n      ...vendorResult,\n      modelName: 'VendorResult' as const,\n    })),\n)\n\n/**\n * Sets the vendor banners of the {@link VendorXModule}.\n *\n * @public\n */\nexport const setBanners = wireCommit(\n  'setBanners',\n  ({ eventPayload }: WirePayload<XEventPayload<'VendorBannersChanged'>>) =>\n    eventPayload.map(vendorBanner => ({\n      ...vendorBanner,\n      modelName: 'VendorBanner' as const,\n    })),\n)\n\n/**\n * Sets the vendor query of the {@link VendorXModule}.\n *\n * @public\n */\nconst setVendorQuery = wireCommit('setQuery')\n\n/**\n * Resets the vendor query of the {@link VendorXModule}.\n *\n * @public\n */\nconst resetVendorQuery = wireCommit('setQuery', '')\n\n/**\n * Resets the vendor state of the {@link VendorXModule}.\n *\n * @public\n */\nconst resetVendorState = wireCommitWithoutPayload('resetState')\n\n/**\n * Sets the vendor state from URL data.\n *\n * @public\n */\nconst setUrlParams = wireDispatch('setUrlParams')\n\n/**\n * Sets the vendor related tags of the {@link VendorXModule}.\n *\n * @public\n */\nconst setVendorRelatedTags = wireCommit('setRelatedTags')\n\n/**\n * Wiring configuration for the {@link VendorXModule | vendor module}.\n *\n * @internal\n */\nexport const vendorWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams,\n  },\n  VendorResultsChanged: {\n    setResults,\n  },\n  VendorResultMounted: {\n    trackMounted,\n  },\n  UserViewedAVendorResult: {\n    trackView,\n  },\n  UserClickedAVendorResult: {\n    trackClick,\n  },\n  UserClickedVendorResultAddToCart: {\n    trackResultAddToCart,\n  },\n  VendorBannersChanged: {\n    setBanners,\n  },\n  VendorBannerMounted: {\n    trackMounted,\n  },\n  UserViewedAVendorBanner: {\n    trackView,\n  },\n  UserClickedAVendorBanner: {\n    trackClick,\n  },\n  SelectedRelatedTagsChanged: {\n    resetVendorState,\n    setVendorRelatedTags,\n  },\n  UserAcceptedAQuery: {\n    resetVendorState,\n    setVendorQuery,\n  },\n  UserClearedQuery: {\n    resetVendorState,\n    resetVendorQuery,\n  },\n  UserBrowsedToCategory: {\n    resetVendorState,\n    resetVendorQuery,\n  },\n})\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/vendor/wiring.ts"],"sourcesContent":["import type { WirePayload, XEventPayload } from '../../wiring'\nimport {\n  createWireFromFunction,\n  createWiring,\n  namespacedWireCommit,\n  namespacedWireCommitWithoutPayload,\n  namespacedWireDispatch,\n} from '../../wiring'\n\n/**\n * WireCommit for {@link VendorXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit('vendor')\n\n/**\n * WireCommitWithoutPayload for {@link VendorXModule}.\n *\n * @internal\n */\nconst wireCommitWithoutPayload = namespacedWireCommitWithoutPayload('vendor')\n\n/**\n * WireDispatch for {@link VendorXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch('vendor')\n\nconst fetchTagging = async (url: string) => fetch(url, { method: 'GET', keepalive: true })\n\nconst trackMounted = createWireFromFunction<\n  XEventPayload<'VendorResultMounted' | 'VendorBannerMounted'>\n>(({ eventPayload: { tagging } }) => tagging?.mountedUrl && void fetchTagging(tagging.mountedUrl))\n\nconst trackView = createWireFromFunction<\n  XEventPayload<'UserViewedAVendorResult' | 'UserViewedAVendorBanner'>\n>(({ eventPayload: { tagging } }) => tagging?.viewUrl && void fetchTagging(tagging.viewUrl))\n\nconst trackClick = createWireFromFunction<\n  XEventPayload<'UserClickedAVendorResult' | 'UserClickedAVendorBanner'>\n>(({ eventPayload: { tagging } }) => tagging?.clickUrl && void fetchTagging(tagging.clickUrl))\n\nconst trackResultAddToCart = createWireFromFunction<\n  XEventPayload<'UserClickedVendorResultAddToCart'>\n>(({ eventPayload: { tagging } }) => tagging?.add2cartUrl && void fetchTagging(tagging.add2cartUrl))\n\n/**\n * Sets the vendor results of the {@link VendorXModule}.\n *\n * @public\n */\nexport const setResults = wireCommit(\n  'setResults',\n  ({ eventPayload }: WirePayload<XEventPayload<'VendorResultsChanged'>>) =>\n    eventPayload.map(vendorResult => ({\n      ...vendorResult,\n      modelName: 'VendorResult' as const,\n    })),\n)\n\n/**\n * Sets the vendor banners of the {@link VendorXModule}.\n *\n * @public\n */\nexport const setBanners = wireCommit(\n  'setBanners',\n  ({ eventPayload }: WirePayload<XEventPayload<'VendorBannersChanged'>>) =>\n    eventPayload.map(vendorBanner => ({\n      ...vendorBanner,\n      modelName: 'VendorBanner' as const,\n    })),\n)\n\n/**\n * Sets the vendor results of a query preview in the {@link VendorXModule}.\n *\n * @public\n */\nexport const setQueryPreviewVendorResults = wireCommit('setQueryPreviewVendorResults')\n\n/**\n * Sets the vendor banners of a query preview in the {@link VendorXModule}.\n *\n * @public\n */\nexport const setQueryPreviewVendorBanners = wireCommit('setQueryPreviewVendorBanners')\n\n/**\n * Removes the vendor data of a non-cacheable query preview when it is unmounted.\n *\n * @internal\n */\nconst removeQueryPreviewVendorData = createWireFromFunction<XEventPayload<'QueryPreviewUnmounted'>>(\n  ({ eventPayload, store }) => {\n    if (!eventPayload.cache) {\n      store.commit('x/vendor/removeQueryPreviewVendorData', eventPayload.queryPreviewHash)\n    }\n  },\n)\n\n/**\n * Sets the vendor query of the {@link VendorXModule}.\n *\n * @public\n */\nconst setVendorQuery = wireCommit('setQuery')\n\n/**\n * Resets the vendor query of the {@link VendorXModule}.\n *\n * @public\n */\nconst resetVendorQuery = wireCommit('setQuery', '')\n\n/**\n * Resets the vendor state of the {@link VendorXModule}.\n *\n * @public\n */\nconst resetVendorState = wireCommitWithoutPayload('resetState')\n\n/**\n * Sets the vendor state from URL data.\n *\n * @public\n */\nconst setUrlParams = wireDispatch('setUrlParams')\n\n/**\n * Sets the vendor related tags of the {@link VendorXModule}.\n *\n * @public\n */\nconst setVendorRelatedTags = wireCommit('setRelatedTags')\n\n/**\n * Wiring configuration for the {@link VendorXModule | vendor module}.\n *\n * @internal\n */\nexport const vendorWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams,\n  },\n  VendorResultsChanged: {\n    setResults,\n  },\n  VendorResultMounted: {\n    trackMounted,\n  },\n  UserViewedAVendorResult: {\n    trackView,\n  },\n  UserClickedAVendorResult: {\n    trackClick,\n  },\n  UserClickedVendorResultAddToCart: {\n    trackResultAddToCart,\n  },\n  VendorBannersChanged: {\n    setBanners,\n  },\n  QueryPreviewVendorResultsChanged: {\n    setQueryPreviewVendorResults,\n  },\n  QueryPreviewVendorBannersChanged: {\n    setQueryPreviewVendorBanners,\n  },\n  QueryPreviewUnmounted: {\n    removeQueryPreviewVendorData,\n  },\n  VendorBannerMounted: {\n    trackMounted,\n  },\n  UserViewedAVendorBanner: {\n    trackView,\n  },\n  UserClickedAVendorBanner: {\n    trackClick,\n  },\n  SelectedRelatedTagsChanged: {\n    resetVendorState,\n    setVendorRelatedTags,\n  },\n  UserAcceptedAQuery: {\n    resetVendorState,\n    setVendorQuery,\n  },\n  UserClearedQuery: {\n    resetVendorState,\n    resetVendorQuery,\n  },\n  UserBrowsedToCategory: {\n    resetVendorState,\n    resetVendorQuery,\n  },\n})\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "8.10.0",
+  "version": "8.12.0",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -117,5 +117,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "a6d91f9aee1997e73c308b735dfc6b53a08bab2f"
+  "gitHead": "c2630b7e854bbeb96f5486f2fe207c939c1794e2"
 }