@getlupa/client 1.6.3 → 1.6.5

package/dist/lupaSearch.iife.js

@@ -6572,21 +6572,21 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     );
   };
   const sendGa4AnalyticsEvent = (data, options) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (!window || !window.dataLayer) {
       console.error("dataLayer object not found.");
       return;
     }
     const sendItemTitle = data.searchQuery !== ((_a = data.analytics) == null ? void 0 : _a.label);
     const title = sendItemTitle ? (_b = data.analytics) == null ? void 0 : _b.label : void 0;
-    const params = {
+    const params = __spreadValues2({
       search_text: data.searchQuery,
       item_title: title,
       item_id: data.itemId,
       ecommerce: parseEcommerceData(data, (_c = data.analytics) == null ? void 0 : _c.listLabel)
-    };
+    }, (_e = (_d = data.analytics) == null ? void 0 : _d.additionalParams) != null ? _e : {});
     window.dataLayer.push(__spreadValues2({
-      event: (_e = (_d = data.analytics) == null ? void 0 : _d.type) != null ? _e : options.parentEventName
+      event: (_g = (_f = data.analytics) == null ? void 0 : _f.type) != null ? _g : options.parentEventName
     }, params));
   };
   const processDebugEvent = (data) => {
@@ -7429,6 +7429,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const searchString = ref("");
     const optionsStore = useOptionsStore();
     const redirectionStore = useRedirectionStore();
+    const sortParams = ref({
+      selectedSortKey: "",
+      previousSortKey: ""
+    });
     const query = computed(() => params.value[QUERY_PARAMS_PARSED.QUERY]);
     const page = computed(() => {
       const page2 = Number(params.value[QUERY_PARAMS_PARSED.PAGE]) || 1;
@@ -7563,6 +7567,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
       searchResultsLink.value = newSearchResultsLink;
     };
+    const setSortSettings = ({ selectedSortKey, previousSortKey }) => {
+      sortParams.value = {
+        selectedSortKey,
+        previousSortKey
+      };
+    };
     return {
       params,
       defaultLimit,
@@ -7573,6 +7583,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       limit,
       sort,
       filters,
+      sortParams,
       add: add2,
       removeAllFilters,
       removeParameters,
@@ -7580,7 +7591,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       goToResults,
       appendParams,
       setDefaultLimit,
-      setSearchResultsLink
+      setSearchResultsLink,
+      setSortSettings
     };
   });
   const flattenFacet = (key, facets, suggestion, inputValue) => {
@@ -7625,6 +7637,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const suggestionResults = ref({});
     const highlightedIndex = ref(-1);
     const inputValue = ref("");
+    const resultInputValue = ref("");
     const historyStore = useHistoryStore();
     const resultsVisible = computed(() => {
       var _a;
@@ -7637,13 +7650,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           return {
             queryKey: p2.queryKey,
             count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
-            panel: p2
+            panel: p2,
+            input: resultInputValue.value
           };
         }
         return {
           queryKey: p2.queryKey,
           count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
-          panel: p2
+          panel: p2,
+          input: resultInputValue.value
         };
       })
     );
@@ -7703,6 +7718,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
         });
         inputValue.value = publicQuery.searchText;
+        resultInputValue.value = publicQuery.searchText;
         emitSearchResultsCallback();
         return {
           suggestions: result.items
@@ -7790,7 +7806,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
   const _hoisted_2$P = { class: "lupa-input-clear" };
   const _hoisted_3$B = { id: "lupa-search-box-input" };
-  const _hoisted_4$q = ["value"];
+  const _hoisted_4$r = ["value"];
   const _hoisted_5$f = ["placeholder"];
   const _hoisted_6$9 = {
     key: 0,
@@ -7885,7 +7901,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               class: "lupa-hint",
               value: showHint.value ? suggestedValue.value.item.suggestion : "",
               disabled: ""
-            }, null, 8, _hoisted_4$q),
+            }, null, 8, _hoisted_4$r),
             withDirectives(createBaseVNode("input", mergeProps({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
             }, inputAttributes.value, {
@@ -8064,7 +8080,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-suggestion-facet",
     "data-cy": "lupa-suggestion-facet"
   };
-  const _hoisted_4$p = {
+  const _hoisted_4$q = {
     class: "lupa-suggestion-facet-label",
     "data-cy": "lupa-suggestion-facet-label"
   };
@@ -8110,7 +8126,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             innerHTML: _ctx.suggestion.displayHighlight
           }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
-            createBaseVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
+            createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
         ]);
@@ -8518,7 +8534,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$11 = ["innerHTML"];
   const _hoisted_2$K = { key: 0 };
   const _hoisted_3$z = { key: 1 };
-  const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
+  const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
   const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
@@ -8551,7 +8567,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
-            createBaseVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
           ]))
         ], 16));
@@ -8889,65 +8905,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  const getSearchTrackingData = (searchText, type) => {
-    return {
-      searchQuery: searchText,
-      analytics: {
-        type,
-        label: searchText
-      }
-    };
-  };
-  const useTrackingStore = defineStore("tracking", () => {
-    const optionsStore = useOptionsStore();
-    const trackSearch = ({
-      queryKey,
-      query,
-      type = "search_query"
-    }) => {
-      var _a, _b;
-      const options = (_a = optionsStore.envOptions) != null ? _a : { environment: "production" };
-      const hasFilters = Object.keys((_b = query.filters) != null ? _b : {}).length > 0;
-      if (hasFilters) {
-        const data2 = getSearchTrackingData(query.searchText, "search_filters");
-        track(queryKey, data2, options);
-        return;
-      }
-      const data = getSearchTrackingData(query.searchText, type);
-      track(queryKey, data, options);
-    };
-    const trackResults = ({
-      queryKey,
-      results
-    }) => {
-      var _a;
-      const options = (_a = optionsStore.envOptions) != null ? _a : { environment: "production" };
-      if (results.total > 0) {
-        return;
-      }
-      const data = getSearchTrackingData(results.searchText, "search_zero_results");
-      track(queryKey, data, options);
-    };
-    const trackEvent = ({ queryKey, data }) => {
-      var _a, _b, _c, _d, _e;
-      const options = (_a = optionsStore.envOptions) != null ? _a : { environment: "production" };
-      const trackingOptions = (_b = optionsStore.trackingOptions) != null ? _b : {};
-      const items = (_d = (_c = data.analytics) == null ? void 0 : _c.items) != null ? _d : [];
-      const mappedItems = ((_e = trackingOptions.analytics) == null ? void 0 : _e.itemMap) ? items.map(trackingOptions.analytics.itemMap) : items;
-      track(
-        queryKey,
-        __spreadProps2(__spreadValues2({}, data), {
-          analytics: data.analytics ? __spreadProps2(__spreadValues2({}, data.analytics), { items: mappedItems }) : void 0
-        }),
-        options
-      );
-    };
-    return { trackSearch, trackResults, trackEvent };
-  });
   const _hoisted_1$_ = ["href"];
   const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
   const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
-  const _hoisted_4$n = {
+  const _hoisted_4$o = {
     key: 0,
     class: "lupa-search-box-product-add-to-cart-section"
   };
@@ -8963,11 +8924,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     emits: ["product-click"],
     setup(__props, { emit: emit2 }) {
       const props = __props;
-      const historyStore = useHistoryStore();
-      const trackingStore = useTrackingStore();
-      const optionsStore = useOptionsStore();
       const isInStock = ref(true);
-      const { boxRoutingBehavior } = storeToRefs(optionsStore);
       const link = computed(() => {
         var _a, _b;
         return generateLink((_b = (_a = props.panelOptions.links) == null ? void 0 : _a.details) != null ? _b : "", props.item);
@@ -8982,54 +8939,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           (e) => e.type !== DocumentElementType.IMAGE && e.type !== DocumentElementType.ADDTOCART
         )) != null ? _b : [];
       });
-      const id = computed(() => {
-        if (props.panelOptions.idKey) {
-          return props.item[props.panelOptions.idKey];
-        }
-        return "";
-      });
-      const title = computed(() => {
-        if (!props.panelOptions.titleKey) {
-          return "";
-        }
-        const title2 = props.item[props.panelOptions.titleKey] || "";
-        historyStore.add({
-          item: title2
-        });
-        return title2;
-      });
       const addToCartElement = computed(() => {
         var _a;
         return (_a = props.panelOptions.elements) == null ? void 0 : _a.find((e) => e.type === DocumentElementType.ADDTOCART);
       });
       const handleClick = (event) => {
-        var _a;
-        if (props.panelOptions.titleKey) {
-          historyStore.add({
-            item: props.item[props.panelOptions.titleKey] || ""
-          });
-        }
-        if (!props.panelOptions.idKey) {
-          return;
-        }
-        trackingStore.trackEvent({
-          queryKey: props.panelOptions.queryKey,
-          data: {
-            itemId: id.value,
-            searchQuery: props.inputValue,
-            type: "itemClick",
-            analytics: {
-              type: "autocomplete_product_click",
-              label: (_a = title.value) != null ? _a : link.value,
-              items: [props.item]
-            }
-          }
+        emit2("product-click", {
+          item: props.item,
+          eventType: "itemClick",
+          event
         });
-        if (!link.value) {
-          return;
-        }
-        emit2("product-click");
-        handleRoutingEvent(link.value, event, boxRoutingBehavior.value === "event");
       };
       onMounted(() => {
         checkIfIsInStock();
@@ -9068,7 +8987,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
+          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
             createVNode(_sfc_main$13, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
@@ -9082,6 +9001,61 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
+  const getSearchTrackingData = (searchText, type) => {
+    return {
+      searchQuery: searchText,
+      analytics: {
+        type,
+        label: searchText
+      }
+    };
+  };
+  const useTrackingStore = defineStore("tracking", () => {
+    const optionsStore = useOptionsStore();
+    const trackSearch = ({
+      queryKey,
+      query,
+      type = "search_query"
+    }) => {
+      var _a, _b;
+      const options = (_a = optionsStore.envOptions) != null ? _a : { environment: "production" };
+      const hasFilters = Object.keys((_b = query.filters) != null ? _b : {}).length > 0;
+      if (hasFilters) {
+        const data2 = getSearchTrackingData(query.searchText, "search_filters");
+        track(queryKey, data2, options);
+        return;
+      }
+      const data = getSearchTrackingData(query.searchText, type);
+      track(queryKey, data, options);
+    };
+    const trackResults = ({
+      queryKey,
+      results
+    }) => {
+      var _a;
+      const options = (_a = optionsStore.envOptions) != null ? _a : { environment: "production" };
+      if (results.total > 0) {
+        return;
+      }
+      const data = getSearchTrackingData(results.searchText, "search_zero_results");
+      track(queryKey, data, options);
+    };
+    const trackEvent = ({ queryKey, data }) => {
+      var _a, _b, _c, _d, _e;
+      const options = (_a = optionsStore.envOptions) != null ? _a : { environment: "production" };
+      const trackingOptions = (_b = optionsStore.trackingOptions) != null ? _b : {};
+      const items = (_d = (_c = data.analytics) == null ? void 0 : _c.items) != null ? _d : [];
+      const mappedItems = ((_e = trackingOptions.analytics) == null ? void 0 : _e.itemMap) ? items.map(trackingOptions.analytics.itemMap) : items;
+      track(
+        queryKey,
+        __spreadProps2(__spreadValues2({}, data), {
+          analytics: data.analytics ? __spreadProps2(__spreadValues2({}, data.analytics), { items: mappedItems }) : void 0
+        }),
+        options
+      );
+    };
+    return { trackSearch, trackResults, trackEvent };
+  });
   const _hoisted_1$Z = { id: "lupa-search-box-products" };
   const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProducts",
@@ -9091,9 +9065,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       panelOptions: {},
       labels: {}
     },
-    setup(__props) {
+    emits: ["product-click"],
+    setup(__props, { emit: emit2 }) {
       const props = __props;
       const searchBoxStore = useSearchBoxStore();
+      const historyStore = useHistoryStore();
+      const trackingStore = useTrackingStore();
+      const optionsStore = useOptionsStore();
+      const { boxRoutingBehavior } = storeToRefs(optionsStore);
       const { highlightedItem } = storeToRefs(searchBoxStore);
       const highlightedIndex = computed(() => {
         var _a, _b, _c;
@@ -9102,6 +9081,42 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
         return (_c = (_b = highlightedItem.value) == null ? void 0 : _b.index) != null ? _c : -1;
       });
+      const handleProductClick = ({
+        item,
+        eventType,
+        event
+      }) => {
+        var _a, _b;
+        const link = generateLink((_b = (_a = props.panelOptions.links) == null ? void 0 : _a.details) != null ? _b : "", item);
+        const title = props.panelOptions.titleKey ? item[props.panelOptions.titleKey] || "" : "";
+        const id = props.panelOptions.idKey ? item[props.panelOptions.idKey] : "";
+        if (props.panelOptions.titleKey) {
+          historyStore.add({
+            item: item[props.panelOptions.titleKey] || ""
+          });
+        }
+        if (!props.panelOptions.idKey) {
+          return;
+        }
+        trackingStore.trackEvent({
+          queryKey: props.panelOptions.queryKey,
+          data: {
+            itemId: id,
+            searchQuery: props.inputValue,
+            type: eventType || "itemClick",
+            analytics: {
+              type: "autocomplete_product_click",
+              label: title != null ? title : link,
+              items: [item]
+            }
+          }
+        });
+        if (!link) {
+          return;
+        }
+        emit2("product-click");
+        handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
+      };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$Z, [
           _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
@@ -9112,7 +9127,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               labels: _ctx.labels,
               highlighted: index === highlightedIndex.value,
               inputValue: _ctx.inputValue,
-              onProductClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("product-click"))
+              itemClicked: handleProductClick
             });
           }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
             return openBlock(), createBlock(_sfc_main$12, {
@@ -9122,7 +9137,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               labels: _ctx.labels,
               highlighted: index === highlightedIndex.value,
               inputValue: _ctx.inputValue,
-              onProductClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("product-click"))
+              onProductClick: handleProductClick
             }, null, 8, ["item", "panelOptions", "labels", "highlighted", "inputValue"]);
           }), 128))
         ]);
@@ -9205,6 +9220,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_2$H = ["data-cy"];
   const _hoisted_3$w = {
+    key: 0,
+    class: "lupa-panel-title"
+  };
+  const _hoisted_4$n = {
     key: 1,
     id: "lupa-search-box-panel"
   };
@@ -9242,16 +9261,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const sdkOptions = computed(() => props.options.options);
       const searchBoxStore = useSearchBoxStore();
       const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
-      const displayResults = computed(
-        () => {
-          var _a, _b;
-          return ((_a = props.inputValue) == null ? void 0 : _a.length) > 0 && ((_b = props.inputValue) == null ? void 0 : _b.length) >= props.options.minInputLength;
-        }
-      );
+      const displayResults = computed(() => {
+        var _a;
+        return ((_a = props.inputValue) == null ? void 0 : _a.length) >= props.options.minInputLength;
+      });
       const displayHistory = computed(
         () => {
           var _a;
-          return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1;
+          return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1 && props.options.minInputLength > 0;
         }
       );
       const displayPanels = computed(
@@ -9328,6 +9345,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const expandOnSinglePanel = computed(() => {
         return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
       });
+      const showTopResultsPanelTitle = (queryKey) => {
+        const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
+        return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
+      };
       return (_ctx, _cache) => {
         var _a;
         return openBlock(), createElementBlock("div", {
@@ -9341,6 +9362,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               "data-cy": "lupa-main-panel"
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
+                var _a2, _b;
                 return openBlock(), createElementBlock("div", {
                   key: index,
                   class: normalizeClass([
@@ -9349,8 +9371,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   ]),
                   "data-cy": "lupa-panel-" + panel.type + "-index"
                 }, [
+                  ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
                   panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
-                    key: 0,
+                    key: 1,
                     panel,
                     options: sdkOptions.value,
                     debounce: _ctx.options.debounce,
@@ -9381,7 +9404,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
               onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
             }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
+          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
             createVNode(_sfc_main$1h, {
               options: _ctx.options.history,
               history: history.value,
@@ -12458,6 +12481,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         if (!value) {
           return;
         }
+        paramStore.setSortSettings({ selectedSortKey: value, previousSortKey: previousKey.value });
         (_c = (_b = props.callbacks) == null ? void 0 : _b.onSortChange) == null ? void 0 : _c.call(_b, { selectedSortKey: value, previousSortKey: previousKey.value });
         paramStore.appendParams({
           params: [{ name: QUERY_PARAMS$1.SORT, value }],
@@ -14164,7 +14188,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return (_a = props.initialFilters) != null ? _a : {};
       });
       const { currentQueryText, hasResults, currentFilterCount } = storeToRefs(searchResultStore);
-      const { searchString } = storeToRefs(paramStore);
+      const { searchString, sortParams } = storeToRefs(paramStore);
       const { defaultSearchResultPageSize } = storeToRefs(optionStore);
       const searchResultsFilters = ref(null);
       const mounted = ref(false);
@@ -14201,6 +14225,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         window.removeEventListener("popstate", handlePopState);
       });
       const trackItemListView = (title, items = []) => {
+        var _a, _b;
         trackingStore.trackEvent({
           queryKey: props.options.queryKey,
           data: {
@@ -14208,7 +14233,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               type: "view_item_list",
               label: title,
               listLabel: title,
-              items
+              items,
+              additionalParams: {
+                previousSortKey: (_a = sortParams.value) == null ? void 0 : _a.previousSortKey,
+                newSortKey: (_b = sortParams.value) == null ? void 0 : _b.selectedSortKey
+              }
             },
             options: { allowEmptySearchQuery: true }
           }