@fast-simon/dashboard-utilities 1.0.96 → 1.0.97

package/dist/components/FastSimonApi/FastSimonApi.js

@@ -1,606 +1,606 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useReducer, useState } from "react";
-import { FastState, FastStateFunctions } from "./context";
-import { ThemeProvider } from "react-jss";
-import { fastStateReducer } from "./reducer";
-import { newObject } from "../common";
-import { FullTextSearch } from "../../services/search";
-import { SmartCollections } from "../../services/smartCollections";
-import { Autocomplete } from "../../services/autocomplete";
-const mainTheme = {
-    primaryColor: "#1976d2",
-    lighterPrimary: "rgba(25,118,210,0.71)",
-    successGreen: "#4BB543",
-    errorRed: "#ff0033",
-    loadingYellow: "#f3b706",
-};
-const FastSimonApi = (_a) => {
-    var _b;
-    var { storeID, uuid, siteKey, children, defaultSort, promoTiles = false, theme, withProductAttributes = false, isInfiniteScroll = false, getTitle, useFilters, noReport = false, customTitleChange, isEnterpriseMerchandising = false, subscription = 0, marketContext = null } = _a, props = __rest(_a, ["storeID", "uuid", "siteKey", "children", "defaultSort", "promoTiles", "theme", "withProductAttributes", "isInfiniteScroll", "getTitle", "useFilters", "noReport", "customTitleChange", "isEnterpriseMerchandising", "subscription", "marketContext"]);
-    const [state, dispatch] = useReducer === null || useReducer === void 0 ? void 0 : useReducer(fastStateReducer, {
-        isReady: false,
-        type: (_b = props.type) !== null && _b !== void 0 ? _b : 'SPA',
-        page: 1,
-        query: '',
-        sortBy: defaultSort,
-        isLoading: {
-            products: false,
-            filters: false,
-        },
-        collectionID: props.collectionID,
-        narrow: undefined,
-        results: undefined,
-        recommendations: {},
-        singleProducts: {},
-        searchWithinSearch: "",
-        segments: undefined,
-        flag: [],
-        custom_sort_settings: undefined,
-        isAutocomplete: false
-    });
-    const [categories, setCategories] = useState([]);
-    const [analyticsFetched, setAnalyticsFetched] = useState(false);
-    const [lastAnalyticsQuery, setLastAnalyticsQuery] = useState('');
-    const [lastAnalyticsCollection, setLastAnalyticsCollection] = useState('');
-    const [lastAnalyticsMode, setLastAnalyticsMode] = useState('');
-    // Only enable analytics for enterprise merchants or subscription level 5
-    const isAnalyticsEnabled = isEnterpriseMerchandising || subscription === 5;
-    const { results, isLoading, query, sortBy, type, collectionID, page, narrow, recommendations, singleProducts, isReady, autocomplete, segments, isAutocomplete } = state;
-    function setResults(results) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setResults', payload: results });
-    }
-    function mergeResults(results, infiniteScroll) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'mergeResults', payload: { results, infiniteScroll } });
-    }
-    function mergeFacetsWithResults(facets) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'mergeFacetsWithResults', payload: facets });
-    }
-    function mergeResultsKeepProduct(results) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'mergeResultsKeepProduct', payload: { results } });
-    }
-    function setIsLoading(isLoading) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setIsLoading', payload: isLoading });
-    }
-    function setIsAutocomplete(isAutocomplete) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setIsAutocomplete', payload: isAutocomplete });
-    }
-    function setQuery(query, isAutocomplete) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setQuery', payload: query });
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setIsAutocomplete', payload: isAutocomplete ? isAutocomplete : false });
-        // Create the object with the computed property
-        let fetchParams = {
-            siteKey: siteKey,
-            uuid: uuid,
-            storeID: storeID,
-            term: query,
-            sortBy: defaultSort,
-            segments: state.segments,
-            withProductAttributes: withProductAttributes,
-            custom_sort_settings: state.custom_sort_settings,
-            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
-            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
-            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
-            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
-            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
-            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
-        };
-        fetchResults(fetchParams, isInfiniteScroll, isAutocomplete ? isAutocomplete : false);
-    }
-    function setCustomSort(customSortSettings) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setCustomSort', payload: customSortSettings });
-        // Create the object with the computed property
-        let fetchParams = {
-            siteKey: siteKey,
-            uuid: uuid,
-            storeID: storeID,
-            term: state.query,
-            narrowBy: state.narrow,
-            sortBy: state.sortBy,
-            categoryID: state.collectionID,
-            segments: state.segments,
-            withProductAttributes: state.withProductAttributes,
-            searchWithinSearch: state.searchWithinSearch,
-            custom_sort_settings: customSortSettings,
-            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
-            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
-            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
-            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
-            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
-            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
-        };
-        fetchResults(fetchParams, isInfiniteScroll);
-    }
-    function setFlag(flags) {
-        const flagsToData = flags.map((f) => { return "disable_" + f; });
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setFlag', payload: flagsToData });
-        // Create the object with the computed property
-        let fetchParams = {
-            siteKey: siteKey,
-            uuid: uuid,
-            storeID: storeID,
-            term: state.query,
-            narrowBy: state.narrow,
-            sortBy: state.defaultSort,
-            segments: state.segments,
-            categoryID: state.collectionID,
-            withProductAttributes: withProductAttributes,
-            searchWithinSearch: state.searchWithinSearch,
-            custom_sort_settings: state.custom_sort_settings,
-        };
-        if (flags.length > 0) {
-            flags.forEach((f) => {
-                let flagProp = "disable_" + f;
-                // Add the dynamic key to the object
-                // @ts-ignore
-                fetchParams[flagProp] = true;
-            });
-        }
-        fetchResults(fetchParams, isInfiniteScroll, state.isAutocomplete);
-    }
-    function setSortBy(sortBy) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setSortBy', payload: sortBy });
-        // Create the object with the computed property
-        let fetchParams = {
-            siteKey: siteKey,
-            uuid: uuid,
-            storeID: storeID,
-            term: state.query,
-            narrowBy: state.narrow,
-            sortBy: sortBy,
-            categoryID: state.collectionID,
-            segments: state.segments,
-            withProductAttributes: withProductAttributes,
-            searchWithinSearch: state.searchWithinSearch,
-            custom_sort_settings: state.custom_sort_settings,
-            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
-            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
-            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
-            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
-            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
-            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
-        };
-        fetchResults(fetchParams, isInfiniteScroll);
-    }
-    function setSegments(segments) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setSegments', payload: segments });
-        let fetchParams = {
-            withProductAttributes: withProductAttributes,
-            siteKey: siteKey,
-            uuid: uuid,
-            storeID: storeID,
-            term: state.query,
-            narrowBy: state.narrow,
-            sortBy: state.sortBy,
-            categoryID: state.collectionID,
-            segments: segments,
-            searchWithinSearch: state.searchWithinSearch,
-            custom_sort_settings: state.custom_sort_settings,
-            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
-            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
-            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
-            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
-            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
-            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
-        };
-        fetchResults(fetchParams, isInfiniteScroll, state.isAutocomplete);
-    }
-    function setType(type) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setType', payload: type });
-    }
-    function setCollectionID(collectionID) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setCollectionID', payload: collectionID });
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setIsAutocomplete', payload: false });
-        // Create the object with the computed property
-        let fetchParams = {
-            siteKey: siteKey,
-            uuid: uuid,
-            storeID: storeID,
-            categoryID: collectionID,
-            sortBy: defaultSort,
-            segments: state.segments,
-            custom_sort_settings: state.custom_sort_settings,
-            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
-            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
-            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
-            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
-            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
-            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
-        };
-        fetchResults(fetchParams, isInfiniteScroll);
-    }
-    function setPage(page) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setPage', payload: page });
-        let fetchParams = {
-            withProductAttributes: withProductAttributes,
-            siteKey: siteKey,
-            uuid: uuid,
-            storeID: storeID,
-            term: state.query,
-            narrowBy: state.narrow,
-            sortBy: state.sortBy,
-            categoryID: state.collectionID,
-            page: page,
-            segments: state.segments,
-            searchWithinSearch: state.searchWithinSearch,
-            custom_sort_settings: state.custom_sort_settings,
-            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
-            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
-            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
-            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
-            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
-            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
-        };
-        fetchResults(fetchParams, isInfiniteScroll);
-    }
-    function setNarrow(narrow) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setNarrow', payload: narrow });
-        let fetchParams = {
-            withProductAttributes: withProductAttributes,
-            siteKey: siteKey,
-            uuid: uuid,
-            storeID: storeID,
-            term: state.query,
-            narrowBy: narrow,
-            sortBy: state.sortBy,
-            categoryID: state.collectionID,
-            segments: state.segments,
-            searchWithinSearch: state.searchWithinSearch,
-            custom_sort_settings: state.custom_sort_settings,
-            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
-            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
-            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
-            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
-            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
-            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
-        };
-        fetchResults(fetchParams, isInfiniteScroll);
-    }
-    function setState(_a) {
-        var _b;
-        var newState = __rest(_a, []);
-        console.log("state", state);
-        console.log("setState", newState);
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setState', payload: newState });
-        fetchResults({
-            siteKey: siteKey,
-            uuid: uuid,
-            storeID: storeID,
-            term: newState.query,
-            narrowBy: newState.narrow ? newState.narrow : undefined,
-            sortBy: (_b = newState.sortBy) !== null && _b !== void 0 ? _b : defaultSort,
-            categoryID: newState.collectionID,
-            page: newState.page,
-            segments: newState.segments,
-        }, Boolean(!results && isInfiniteScroll && newState.page && newState.page > 1));
-    }
-    function setSingleProducts(products) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: "setSingleProducts", payload: products });
-    }
-    function setReady(isReady) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: "setReady", payload: isReady });
-    }
-    function setSearchWithinSearch(searchWithinSearch) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: "setSearchWithinSearch", payload: searchWithinSearch });
-        let fetchParams = {
-            withProductAttributes: withProductAttributes,
-            siteKey: siteKey,
-            uuid: uuid,
-            storeID: storeID,
-            term: query,
-            narrowBy: state.narrow,
-            sortBy: state.sortBy,
-            categoryID: state.collectionID,
-            segments: state.segments,
-            searchWithinSearch: searchWithinSearch,
-            custom_sort_settings: state.custom_sort_settings,
-            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
-            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
-            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
-            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
-            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
-            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
-        };
-        fetchResults(fetchParams, isInfiniteScroll);
-    }
-    function fetchResults(props, isInfiniteScroll, autocomplete = false) {
-        // on first request check if we need to fetch more then 1 product
-        if (props.term && !autocomplete) {
-            onSearch(newObject(Object.assign(Object.assign({}, props), { page: props.page || 1, infiniteScrollPage: isInfiniteScroll })), isInfiniteScroll);
-        }
-        else if (props.term && autocomplete) {
-            onAutocompleteSearch(newObject(Object.assign({}, props)));
-        }
-        else if (props.categoryID) {
-            onCollection(newObject(Object.assign(Object.assign({}, props), { page: props.page || 1, infiniteScrollPage: isInfiniteScroll })), isInfiniteScroll);
-        }
-        return;
-    }
-    useEffect(() => {
-        function handleSetQueryEvent(event) {
-            setQuery(event.detail);
-        }
-        function handleSetFlagEvent(event) {
-            setFlag(event.details);
-        }
-        function handleSetCollectionEvent(event) {
-            setCollectionID(event.detail);
-        }
-        function handleSetCollectionURLEvent(event) {
-            getAllCategories().then(r => {
-                var _a;
-                const id = (_a = r.find(c => c.u === event.detail)) === null || _a === void 0 ? void 0 : _a.id;
-                if (id) {
-                    setCollectionID(id);
-                    return;
-                }
-                window.location.href = event.detail;
-            });
-        }
-        function handleSetPageEvent(event) {
-            setPage(event.detail);
-        }
-        function handleSetSortEvent(event) {
-            setSortBy(event.detail);
-        }
-        function handleSetNarrowEvent(event) {
-            setNarrow(event.detail);
-        }
-        function handleSetSegmentsEvent(event) {
-            setSegments(event.detail);
-        }
-        function handleSetIsAutocomplete(event) {
-            setIsAutocomplete(event.detail);
-        }
-        window.addEventListener('fast-simon-update-query', handleSetQueryEvent);
-        window.addEventListener('fast-simon-update-collection', handleSetCollectionEvent);
-        window.addEventListener('fast-simon-update-collection-url', handleSetCollectionURLEvent);
-        window.addEventListener('fast-simon-update-page', handleSetPageEvent);
-        window.addEventListener('fast-simon-update-sort', handleSetSortEvent);
-        window.addEventListener('fast-simon-update-narrow', handleSetNarrowEvent);
-        window.addEventListener('fast-simon-update-segments', handleSetSegmentsEvent);
-        window.addEventListener('fast-simon-update-flag', handleSetFlagEvent);
-        window.addEventListener('fast-simon-update-is-autocomplete', handleSetIsAutocomplete);
-        return () => {
-            window.removeEventListener('fast-simon-update-query', handleSetQueryEvent);
-            window.removeEventListener('fast-simon-update-collection', handleSetCollectionEvent);
-            window.removeEventListener('fast-simon-update-collection-url', handleSetCollectionURLEvent);
-            window.removeEventListener('fast-simon-update-page', handleSetPageEvent);
-            window.removeEventListener('fast-simon-update-sort', handleSetSortEvent);
-            window.removeEventListener('fast-simon-update-narrow', handleSetNarrowEvent);
-            window.removeEventListener('fast-simon-update-segments', handleSetSegmentsEvent);
-            window.removeEventListener('fast-simon-update-flag', handleSetFlagEvent);
-            window.removeEventListener('fast-simon-update-is-autocomplete', handleSetIsAutocomplete);
-        };
-    }, []);
-    const onSearch = (props, isInfiniteScroll) => {
-        setIsLoading({ products: true, filters: true });
-        // Pass with_product_analytics only on first request for this query OR when switching from collection to search
-        // AND only if merchant is enterprise or subscription level 5
-        const currentQuery = props.term || '';
-        const shouldFetchAnalytics = isAnalyticsEnabled && (currentQuery !== lastAnalyticsQuery || lastAnalyticsMode !== 'search');
-        FullTextSearch.getReasoningFullTextSearch(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, with_product_analytics: shouldFetchAnalytics, market_context: marketContext })).then((response) => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            // Mark analytics as fetched only if response contains analytics data with badges
-            if (shouldFetchAnalytics && ((_a = response.analytics) === null || _a === void 0 ? void 0 : _a.badges)) {
-                setAnalyticsFetched(true);
-                setLastAnalyticsQuery(currentQuery);
-                setLastAnalyticsMode('search');
-            }
-            // Preserve existing analytics if new response doesn't have it
-            const existingAnalytics = results === null || results === void 0 ? void 0 : results.analytics;
-            response = getFormatedData(response, existingAnalytics);
-            // Handle turbolink responses - skip additional API calls to prevent errors
-            if (response.turbolink && response.totalResults === 0) {
-                mergeResults(response, isInfiniteScroll);
-                if (!customTitleChange) {
-                    document.title = `Search Result for ${query}`;
-                }
-                else {
-                    customTitleChange(results);
-                }
-                setIsLoading({ filters: false, products: false });
-                return;
-            }
-            const listIdRequestProps = Object.assign({}, props);
-            listIdRequestProps.searchWithinSearch = undefined;
-            listIdRequestProps.productsPerPage = 1000000;
-            listIdRequestProps.page = 1;
-            listIdRequestProps.market_context = marketContext;
-            let listIdRes = yield FullTextSearch.getReasoningFullTextSearchProductsIds(listIdRequestProps).then((response) => {
-                return response;
-            });
-            response.id_list = listIdRes.id_list;
-            const facetsRequestProps = Object.assign({}, props);
-            facetsRequestProps.facetRequired = 2;
-            facetsRequestProps.searchWithinSearch = props.searchWithinSearch;
-            facetsRequestProps.productsPerPage = props.productsPerPage;
-            facetsRequestProps.page = props.page;
-            facetsRequestProps.market_context = marketContext;
-            let facetsRes = yield FullTextSearch.getReasoningFullTextSearch(facetsRequestProps).then((response) => {
-                return response;
-            });
-            response.facets = facetsRes.facets;
-            mergeResults(response, isInfiniteScroll);
-            if (!customTitleChange) {
-                document.title = `Search Result for ${query}`;
-            }
-            else {
-                customTitleChange(results);
-            }
-            if (!response) {
-                setIsLoading({
-                    filters: true, products: false
-                });
-            }
-            else {
-                setIsLoading({
-                    filters: false, products: false
-                });
-            }
-        }));
-    };
-    const onAutocompleteSearch = (props) => {
-        setIsLoading({ products: true, filters: true });
-        Autocomplete.getAutocompleteReasoning(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, market_context: marketContext })).then((response) => __awaiter(void 0, void 0, void 0, function* () {
-            response = getFormatedData(response);
-            mergeResults(response, false);
-            if (!customTitleChange) {
-                document.title = `Autocomplete Result for ${query}`;
-            }
-            else {
-                customTitleChange(results);
-            }
-            if (!response) {
-                setIsLoading({
-                    filters: true, products: false
-                });
-            }
-            else {
-                setIsLoading({
-                    filters: false, products: false
-                });
-            }
-        }));
-    };
-    const onCollection = (props, isInfiniteScroll) => {
-        setIsLoading({ products: true, filters: true });
-        // Pass with_product_analytics only on first request for this collection OR when switching from search to collection
-        // AND only if merchant is enterprise or subscription level 5
-        const currentCollection = props.categoryID || '';
-        const shouldFetchAnalytics = isAnalyticsEnabled && (currentCollection !== lastAnalyticsCollection || lastAnalyticsMode !== 'collection');
-        SmartCollections.getSmartCollections(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, with_product_analytics: shouldFetchAnalytics, market_context: marketContext }))
-            .then((response) => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            // Mark analytics as fetched only if response contains analytics data with badges
-            if (shouldFetchAnalytics && ((_a = response.analytics) === null || _a === void 0 ? void 0 : _a.badges)) {
-                setAnalyticsFetched(true);
-                setLastAnalyticsCollection(currentCollection);
-                setLastAnalyticsMode('collection');
-            }
-            // Preserve existing analytics if new response doesn't have it
-            const existingAnalytics = results === null || results === void 0 ? void 0 : results.analytics;
-            response = getFormatedData(response, existingAnalytics);
-            const listIdRequestProps = Object.assign({}, props);
-            listIdRequestProps.searchWithinSearch = undefined;
-            listIdRequestProps.productsPerPage = 1000000;
-            listIdRequestProps.page = 1;
-            listIdRequestProps.market_context = marketContext;
-            let listIdRes = yield SmartCollections.getSmartCollectionsProductsIds(listIdRequestProps).then((response) => {
-                return response;
-            });
-            response.id_list = listIdRes.id_list;
-            const facetsRequestProps = Object.assign({}, props);
-            facetsRequestProps.facetRequired = 2;
-            facetsRequestProps.searchWithinSearch = props.searchWithinSearch;
-            facetsRequestProps.productsPerPage = props.productsPerPage;
-            facetsRequestProps.page = props.page;
-            facetsRequestProps.market_context = marketContext;
-            let facetsRes = yield SmartCollections.getSmartCollections(facetsRequestProps).then((response) => {
-                return response;
-            });
-            response.facets = facetsRes.facets;
-            mergeResults(response, isInfiniteScroll);
-            if (!response) {
-                setIsLoading({
-                    filters: true, products: false
-                });
-            }
-            else {
-                setIsLoading({
-                    filters: false, products: false
-                });
-            }
-            getAllCategories().then(r => {
-                var _a, _b;
-                if (!customTitleChange) {
-                    document.title = (_b = (_a = r.find(c => c.id === props.categoryID)) === null || _a === void 0 ? void 0 : _a.l) !== null && _b !== void 0 ? _b : "Collection";
-                }
-                else {
-                    customTitleChange(results);
-                }
-            });
-        })).then(() => {
-        });
-    };
-    const getAllCategories = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (categories.length > 0) {
-            return new Promise(resolve => resolve(categories));
-        }
-        const data = categories || [];
-        setCategories(data);
-        return data;
-    });
-    const getFormatedData = (response, existingAnalytics) => {
-        const results = response;
-        results.products = response.items;
-        delete results.items;
-        results.totalResults = response.total_results;
-        delete results.total_results;
-        if (response.sort_by) {
-            results.sortBy = response.sort_by;
-            delete results.sort_by;
-        }
-        if (response.pop_products_no_results) {
-            results.isNoResults = true;
-        }
-        if (response.total_p) {
-            results.pageCount = response.total_p;
-            delete results.total_p;
-        }
-        if (response.ancestor_categories) {
-            results.ancestors = response.ancestor_categories;
-            delete results.ancestor_categories;
-        }
-        if (response.avoid_tag_prefixes) {
-            results.avoidPrefixList = response.avoid_tag_prefixes.split(",");
-        }
-        results.page = response.p || 1;
-        delete results.p;
-        // Preserve analytics field if present (contains winners/overexposed data)
-        // If response has new analytics, use it; otherwise keep existing analytics
-        if (response.analytics) {
-            results.analytics = response.analytics;
-        }
-        else if (existingAnalytics) {
-            results.analytics = existingAnalytics;
-        }
-        return results;
-    };
-    // @ts-ignore
-    return (_jsx(FastStateFunctions.Provider, Object.assign({ value: {
-            setQuery,
-            setSort: setSortBy,
-            setNarrow,
-            setPage,
-            getAllCategories,
-            setCollection: setCollectionID,
-            setState,
-            setSearchWithinSearch,
-            setSegments,
-            setFlag,
-            setCustomSort,
-            setIsAutocomplete
-        } }, { children: _jsx(FastState.Provider, Object.assign({ value: { narrow, results, page, query, sortBy, type, collectionID, isLoading, recommendations, singleProducts, isReady, autocomplete, isAutocomplete } }, { children: _jsx(ThemeProvider, Object.assign({ theme: Object.assign(Object.assign({}, mainTheme), theme) }, { children: children })) })) })));
-};
-export default FastSimonApi;
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useReducer, useState } from "react";
+import { FastState, FastStateFunctions } from "./context";
+import { ThemeProvider } from "react-jss";
+import { fastStateReducer } from "./reducer";
+import { newObject } from "../common";
+import { FullTextSearch } from "../../services/search";
+import { SmartCollections } from "../../services/smartCollections";
+import { Autocomplete } from "../../services/autocomplete";
+const mainTheme = {
+    primaryColor: "#1976d2",
+    lighterPrimary: "rgba(25,118,210,0.71)",
+    successGreen: "#4BB543",
+    errorRed: "#ff0033",
+    loadingYellow: "#f3b706",
+};
+const FastSimonApi = (_a) => {
+    var _b;
+    var { storeID, uuid, siteKey, children, defaultSort, promoTiles = false, theme, withProductAttributes = false, isInfiniteScroll = false, getTitle, useFilters, noReport = false, customTitleChange, isEnterpriseMerchandising = false, subscription = 0, marketContext = null } = _a, props = __rest(_a, ["storeID", "uuid", "siteKey", "children", "defaultSort", "promoTiles", "theme", "withProductAttributes", "isInfiniteScroll", "getTitle", "useFilters", "noReport", "customTitleChange", "isEnterpriseMerchandising", "subscription", "marketContext"]);
+    const [state, dispatch] = useReducer === null || useReducer === void 0 ? void 0 : useReducer(fastStateReducer, {
+        isReady: false,
+        type: (_b = props.type) !== null && _b !== void 0 ? _b : 'SPA',
+        page: 1,
+        query: '',
+        sortBy: defaultSort,
+        isLoading: {
+            products: false,
+            filters: false,
+        },
+        collectionID: props.collectionID,
+        narrow: undefined,
+        results: undefined,
+        recommendations: {},
+        singleProducts: {},
+        searchWithinSearch: "",
+        segments: undefined,
+        flag: [],
+        custom_sort_settings: undefined,
+        isAutocomplete: false
+    });
+    const [categories, setCategories] = useState([]);
+    const [analyticsFetched, setAnalyticsFetched] = useState(false);
+    const [lastAnalyticsQuery, setLastAnalyticsQuery] = useState('');
+    const [lastAnalyticsCollection, setLastAnalyticsCollection] = useState('');
+    const [lastAnalyticsMode, setLastAnalyticsMode] = useState('');
+    // Only enable analytics for enterprise merchants or subscription level 5
+    const isAnalyticsEnabled = isEnterpriseMerchandising || subscription === 5;
+    const { results, isLoading, query, sortBy, type, collectionID, page, narrow, recommendations, singleProducts, isReady, autocomplete, segments, isAutocomplete } = state;
+    function setResults(results) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setResults', payload: results });
+    }
+    function mergeResults(results, infiniteScroll) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'mergeResults', payload: { results, infiniteScroll } });
+    }
+    function mergeFacetsWithResults(facets) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'mergeFacetsWithResults', payload: facets });
+    }
+    function mergeResultsKeepProduct(results) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'mergeResultsKeepProduct', payload: { results } });
+    }
+    function setIsLoading(isLoading) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setIsLoading', payload: isLoading });
+    }
+    function setIsAutocomplete(isAutocomplete) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setIsAutocomplete', payload: isAutocomplete });
+    }
+    function setQuery(query, isAutocomplete) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setQuery', payload: query });
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setIsAutocomplete', payload: isAutocomplete ? isAutocomplete : false });
+        // Create the object with the computed property
+        let fetchParams = {
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            term: query,
+            sortBy: defaultSort,
+            segments: state.segments,
+            withProductAttributes: withProductAttributes,
+            custom_sort_settings: state.custom_sort_settings,
+            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
+            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
+            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
+            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
+            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
+            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
+        };
+        fetchResults(fetchParams, isInfiniteScroll, isAutocomplete ? isAutocomplete : false);
+    }
+    function setCustomSort(customSortSettings) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setCustomSort', payload: customSortSettings });
+        // Create the object with the computed property
+        let fetchParams = {
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            term: state.query,
+            narrowBy: state.narrow,
+            sortBy: state.sortBy,
+            categoryID: state.collectionID,
+            segments: state.segments,
+            withProductAttributes: state.withProductAttributes,
+            searchWithinSearch: state.searchWithinSearch,
+            custom_sort_settings: customSortSettings,
+            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
+            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
+            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
+            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
+            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
+            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
+        };
+        fetchResults(fetchParams, isInfiniteScroll);
+    }
+    function setFlag(flags) {
+        const flagsToData = flags.map((f) => { return "disable_" + f; });
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setFlag', payload: flagsToData });
+        // Create the object with the computed property
+        let fetchParams = {
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            term: state.query,
+            narrowBy: state.narrow,
+            sortBy: state.defaultSort,
+            segments: state.segments,
+            categoryID: state.collectionID,
+            withProductAttributes: withProductAttributes,
+            searchWithinSearch: state.searchWithinSearch,
+            custom_sort_settings: state.custom_sort_settings,
+        };
+        if (flags.length > 0) {
+            flags.forEach((f) => {
+                let flagProp = "disable_" + f;
+                // Add the dynamic key to the object
+                // @ts-ignore
+                fetchParams[flagProp] = true;
+            });
+        }
+        fetchResults(fetchParams, isInfiniteScroll, state.isAutocomplete);
+    }
+    function setSortBy(sortBy) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setSortBy', payload: sortBy });
+        // Create the object with the computed property
+        let fetchParams = {
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            term: state.query,
+            narrowBy: state.narrow,
+            sortBy: sortBy,
+            categoryID: state.collectionID,
+            segments: state.segments,
+            withProductAttributes: withProductAttributes,
+            searchWithinSearch: state.searchWithinSearch,
+            custom_sort_settings: state.custom_sort_settings,
+            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
+            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
+            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
+            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
+            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
+            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
+        };
+        fetchResults(fetchParams, isInfiniteScroll);
+    }
+    function setSegments(segments) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setSegments', payload: segments });
+        let fetchParams = {
+            withProductAttributes: withProductAttributes,
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            term: state.query,
+            narrowBy: state.narrow,
+            sortBy: state.sortBy,
+            categoryID: state.collectionID,
+            segments: segments,
+            searchWithinSearch: state.searchWithinSearch,
+            custom_sort_settings: state.custom_sort_settings,
+            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
+            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
+            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
+            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
+            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
+            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
+        };
+        fetchResults(fetchParams, isInfiniteScroll, state.isAutocomplete);
+    }
+    function setType(type) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setType', payload: type });
+    }
+    function setCollectionID(collectionID) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setCollectionID', payload: collectionID });
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setIsAutocomplete', payload: false });
+        // Create the object with the computed property
+        let fetchParams = {
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            categoryID: collectionID,
+            sortBy: defaultSort,
+            segments: state.segments,
+            custom_sort_settings: state.custom_sort_settings,
+            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
+            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
+            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
+            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
+            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
+            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
+        };
+        fetchResults(fetchParams, isInfiniteScroll);
+    }
+    function setPage(page) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setPage', payload: page });
+        let fetchParams = {
+            withProductAttributes: withProductAttributes,
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            term: state.query,
+            narrowBy: state.narrow,
+            sortBy: state.sortBy,
+            categoryID: state.collectionID,
+            page: page,
+            segments: state.segments,
+            searchWithinSearch: state.searchWithinSearch,
+            custom_sort_settings: state.custom_sort_settings,
+            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
+            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
+            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
+            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
+            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
+            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
+        };
+        fetchResults(fetchParams, isInfiniteScroll);
+    }
+    function setNarrow(narrow) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setNarrow', payload: narrow });
+        let fetchParams = {
+            withProductAttributes: withProductAttributes,
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            term: state.query,
+            narrowBy: narrow,
+            sortBy: state.sortBy,
+            categoryID: state.collectionID,
+            segments: state.segments,
+            searchWithinSearch: state.searchWithinSearch,
+            custom_sort_settings: state.custom_sort_settings,
+            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
+            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
+            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
+            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
+            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
+            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
+        };
+        fetchResults(fetchParams, isInfiniteScroll);
+    }
+    function setState(_a) {
+        var _b;
+        var newState = __rest(_a, []);
+        console.log("state", state);
+        console.log("setState", newState);
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: 'setState', payload: newState });
+        fetchResults({
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            term: newState.query,
+            narrowBy: newState.narrow ? newState.narrow : undefined,
+            sortBy: (_b = newState.sortBy) !== null && _b !== void 0 ? _b : defaultSort,
+            categoryID: newState.collectionID,
+            page: newState.page,
+            segments: newState.segments,
+        }, Boolean(!results && isInfiniteScroll && newState.page && newState.page > 1));
+    }
+    function setSingleProducts(products) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: "setSingleProducts", payload: products });
+    }
+    function setReady(isReady) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: "setReady", payload: isReady });
+    }
+    function setSearchWithinSearch(searchWithinSearch) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch({ type: "setSearchWithinSearch", payload: searchWithinSearch });
+        let fetchParams = {
+            withProductAttributes: withProductAttributes,
+            siteKey: siteKey,
+            uuid: uuid,
+            storeID: storeID,
+            term: query,
+            narrowBy: state.narrow,
+            sortBy: state.sortBy,
+            categoryID: state.collectionID,
+            segments: state.segments,
+            searchWithinSearch: searchWithinSearch,
+            custom_sort_settings: state.custom_sort_settings,
+            disable_merchandising: state.flag.find((f) => f == "disable_merchandising") ? 1 : 0,
+            disable_semantics: state.flag.find((f) => f == "disable_semantics") ? 1 : 0,
+            disable_turbolinks: state.flag.find((f) => f == "disable_turbolinks") ? 1 : 0,
+            disable_strategies: state.flag.find((f) => f == "disable_strategies") ? 1 : 0,
+            disable_merchandising_rules: state.flag.find((f) => f == "disable_merchandising_rules") ? 1 : 0,
+            disable_antonyms: state.flag.find((f) => f == "disable_antonyms") ? 1 : 0,
+        };
+        fetchResults(fetchParams, isInfiniteScroll);
+    }
+    function fetchResults(props, isInfiniteScroll, autocomplete = false) {
+        // on first request check if we need to fetch more then 1 product
+        if (props.term && !autocomplete) {
+            onSearch(newObject(Object.assign(Object.assign({}, props), { page: props.page || 1, infiniteScrollPage: isInfiniteScroll })), isInfiniteScroll);
+        }
+        else if (props.term && autocomplete) {
+            onAutocompleteSearch(newObject(Object.assign({}, props)));
+        }
+        else if (props.categoryID) {
+            onCollection(newObject(Object.assign(Object.assign({}, props), { page: props.page || 1, infiniteScrollPage: isInfiniteScroll })), isInfiniteScroll);
+        }
+        return;
+    }
+    useEffect(() => {
+        function handleSetQueryEvent(event) {
+            setQuery(event.detail);
+        }
+        function handleSetFlagEvent(event) {
+            setFlag(event.details);
+        }
+        function handleSetCollectionEvent(event) {
+            setCollectionID(event.detail);
+        }
+        function handleSetCollectionURLEvent(event) {
+            getAllCategories().then(r => {
+                var _a;
+                const id = (_a = r.find(c => c.u === event.detail)) === null || _a === void 0 ? void 0 : _a.id;
+                if (id) {
+                    setCollectionID(id);
+                    return;
+                }
+                window.location.href = event.detail;
+            });
+        }
+        function handleSetPageEvent(event) {
+            setPage(event.detail);
+        }
+        function handleSetSortEvent(event) {
+            setSortBy(event.detail);
+        }
+        function handleSetNarrowEvent(event) {
+            setNarrow(event.detail);
+        }
+        function handleSetSegmentsEvent(event) {
+            setSegments(event.detail);
+        }
+        function handleSetIsAutocomplete(event) {
+            setIsAutocomplete(event.detail);
+        }
+        window.addEventListener('fast-simon-update-query', handleSetQueryEvent);
+        window.addEventListener('fast-simon-update-collection', handleSetCollectionEvent);
+        window.addEventListener('fast-simon-update-collection-url', handleSetCollectionURLEvent);
+        window.addEventListener('fast-simon-update-page', handleSetPageEvent);
+        window.addEventListener('fast-simon-update-sort', handleSetSortEvent);
+        window.addEventListener('fast-simon-update-narrow', handleSetNarrowEvent);
+        window.addEventListener('fast-simon-update-segments', handleSetSegmentsEvent);
+        window.addEventListener('fast-simon-update-flag', handleSetFlagEvent);
+        window.addEventListener('fast-simon-update-is-autocomplete', handleSetIsAutocomplete);
+        return () => {
+            window.removeEventListener('fast-simon-update-query', handleSetQueryEvent);
+            window.removeEventListener('fast-simon-update-collection', handleSetCollectionEvent);
+            window.removeEventListener('fast-simon-update-collection-url', handleSetCollectionURLEvent);
+            window.removeEventListener('fast-simon-update-page', handleSetPageEvent);
+            window.removeEventListener('fast-simon-update-sort', handleSetSortEvent);
+            window.removeEventListener('fast-simon-update-narrow', handleSetNarrowEvent);
+            window.removeEventListener('fast-simon-update-segments', handleSetSegmentsEvent);
+            window.removeEventListener('fast-simon-update-flag', handleSetFlagEvent);
+            window.removeEventListener('fast-simon-update-is-autocomplete', handleSetIsAutocomplete);
+        };
+    }, []);
+    const onSearch = (props, isInfiniteScroll) => {
+        setIsLoading({ products: true, filters: true });
+        // Pass with_product_analytics only on first request for this query OR when switching from collection to search
+        // AND only if merchant is enterprise or subscription level 5
+        const currentQuery = props.term || '';
+        const shouldFetchAnalytics = isAnalyticsEnabled && (currentQuery !== lastAnalyticsQuery || lastAnalyticsMode !== 'search');
+        FullTextSearch.getReasoningFullTextSearch(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, with_product_analytics: shouldFetchAnalytics, market_context: marketContext })).then((response) => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            // Mark analytics as fetched only if response contains analytics data with badges
+            if (shouldFetchAnalytics && ((_a = response.analytics) === null || _a === void 0 ? void 0 : _a.badges)) {
+                setAnalyticsFetched(true);
+                setLastAnalyticsQuery(currentQuery);
+                setLastAnalyticsMode('search');
+            }
+            // Preserve existing analytics if new response doesn't have it
+            const existingAnalytics = results === null || results === void 0 ? void 0 : results.analytics;
+            response = getFormatedData(response, existingAnalytics);
+            // Handle turbolink responses - skip additional API calls to prevent errors
+            if (response.turbolink && response.totalResults === 0) {
+                mergeResults(response, isInfiniteScroll);
+                if (!customTitleChange) {
+                    document.title = `Search Result for ${query}`;
+                }
+                else {
+                    customTitleChange(results);
+                }
+                setIsLoading({ filters: false, products: false });
+                return;
+            }
+            const listIdRequestProps = Object.assign({}, props);
+            listIdRequestProps.searchWithinSearch = undefined;
+            listIdRequestProps.productsPerPage = 1000000;
+            listIdRequestProps.page = 1;
+            listIdRequestProps.market_context = marketContext;
+            let listIdRes = yield FullTextSearch.getReasoningFullTextSearchProductsIds(listIdRequestProps).then((response) => {
+                return response;
+            });
+            response.id_list = listIdRes.id_list;
+            const facetsRequestProps = Object.assign({}, props);
+            facetsRequestProps.facetRequired = 2;
+            facetsRequestProps.searchWithinSearch = props.searchWithinSearch;
+            facetsRequestProps.productsPerPage = props.productsPerPage;
+            facetsRequestProps.page = props.page;
+            facetsRequestProps.market_context = marketContext;
+            let facetsRes = yield FullTextSearch.getReasoningFullTextSearch(facetsRequestProps).then((response) => {
+                return response;
+            });
+            response.facets = facetsRes.facets;
+            mergeResults(response, isInfiniteScroll);
+            if (!customTitleChange) {
+                document.title = `Search Result for ${query}`;
+            }
+            else {
+                customTitleChange(results);
+            }
+            if (!response) {
+                setIsLoading({
+                    filters: true, products: false
+                });
+            }
+            else {
+                setIsLoading({
+                    filters: false, products: false
+                });
+            }
+        }));
+    };
+    const onAutocompleteSearch = (props) => {
+        setIsLoading({ products: true, filters: true });
+        Autocomplete.getAutocompleteReasoning(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, market_context: marketContext })).then((response) => __awaiter(void 0, void 0, void 0, function* () {
+            response = getFormatedData(response);
+            mergeResults(response, false);
+            if (!customTitleChange) {
+                document.title = `Autocomplete Result for ${query}`;
+            }
+            else {
+                customTitleChange(results);
+            }
+            if (!response) {
+                setIsLoading({
+                    filters: true, products: false
+                });
+            }
+            else {
+                setIsLoading({
+                    filters: false, products: false
+                });
+            }
+        }));
+    };
+    const onCollection = (props, isInfiniteScroll) => {
+        setIsLoading({ products: true, filters: true });
+        // Pass with_product_analytics only on first request for this collection OR when switching from search to collection
+        // AND only if merchant is enterprise or subscription level 5
+        const currentCollection = props.categoryID || '';
+        const shouldFetchAnalytics = isAnalyticsEnabled && (currentCollection !== lastAnalyticsCollection || lastAnalyticsMode !== 'collection');
+        SmartCollections.getSmartCollections(Object.assign(Object.assign({}, props), { withAttributes: promoTiles || withProductAttributes, with_product_analytics: shouldFetchAnalytics, market_context: marketContext }))
+            .then((response) => __awaiter(void 0, void 0, void 0, function* () {
+            var _a;
+            // Mark analytics as fetched only if response contains analytics data with badges
+            if (shouldFetchAnalytics && ((_a = response.analytics) === null || _a === void 0 ? void 0 : _a.badges)) {
+                setAnalyticsFetched(true);
+                setLastAnalyticsCollection(currentCollection);
+                setLastAnalyticsMode('collection');
+            }
+            // Preserve existing analytics if new response doesn't have it
+            const existingAnalytics = results === null || results === void 0 ? void 0 : results.analytics;
+            response = getFormatedData(response, existingAnalytics);
+            const listIdRequestProps = Object.assign({}, props);
+            listIdRequestProps.searchWithinSearch = undefined;
+            listIdRequestProps.productsPerPage = 1000000;
+            listIdRequestProps.page = 1;
+            listIdRequestProps.market_context = marketContext;
+            let listIdRes = yield SmartCollections.getSmartCollectionsProductsIds(listIdRequestProps).then((response) => {
+                return response;
+            });
+            response.id_list = listIdRes.id_list;
+            const facetsRequestProps = Object.assign({}, props);
+            facetsRequestProps.facetRequired = 2;
+            facetsRequestProps.searchWithinSearch = props.searchWithinSearch;
+            facetsRequestProps.productsPerPage = props.productsPerPage;
+            facetsRequestProps.page = props.page;
+            facetsRequestProps.market_context = marketContext;
+            let facetsRes = yield SmartCollections.getSmartCollections(facetsRequestProps).then((response) => {
+                return response;
+            });
+            response.facets = facetsRes.facets;
+            mergeResults(response, isInfiniteScroll);
+            if (!response) {
+                setIsLoading({
+                    filters: true, products: false
+                });
+            }
+            else {
+                setIsLoading({
+                    filters: false, products: false
+                });
+            }
+            getAllCategories().then(r => {
+                var _a, _b;
+                if (!customTitleChange) {
+                    document.title = (_b = (_a = r.find(c => c.id === props.categoryID)) === null || _a === void 0 ? void 0 : _a.l) !== null && _b !== void 0 ? _b : "Collection";
+                }
+                else {
+                    customTitleChange(results);
+                }
+            });
+        })).then(() => {
+        });
+    };
+    const getAllCategories = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (categories.length > 0) {
+            return new Promise(resolve => resolve(categories));
+        }
+        const data = categories || [];
+        setCategories(data);
+        return data;
+    });
+    const getFormatedData = (response, existingAnalytics) => {
+        const results = response;
+        results.products = response.items;
+        delete results.items;
+        results.totalResults = response.total_results;
+        delete results.total_results;
+        if (response.sort_by) {
+            results.sortBy = response.sort_by;
+            delete results.sort_by;
+        }
+        if (response.pop_products_no_results) {
+            results.isNoResults = true;
+        }
+        if (response.total_p) {
+            results.pageCount = response.total_p;
+            delete results.total_p;
+        }
+        if (response.ancestor_categories) {
+            results.ancestors = response.ancestor_categories;
+            delete results.ancestor_categories;
+        }
+        if (response.avoid_tag_prefixes) {
+            results.avoidPrefixList = response.avoid_tag_prefixes.split(",");
+        }
+        results.page = response.p || 1;
+        delete results.p;
+        // Preserve analytics field if present (contains winners/overexposed data)
+        // If response has new analytics, use it; otherwise keep existing analytics
+        if (response.analytics) {
+            results.analytics = response.analytics;
+        }
+        else if (existingAnalytics) {
+            results.analytics = existingAnalytics;
+        }
+        return results;
+    };
+    // @ts-ignore
+    return (_jsx(FastStateFunctions.Provider, Object.assign({ value: {
+            setQuery,
+            setSort: setSortBy,
+            setNarrow,
+            setPage,
+            getAllCategories,
+            setCollection: setCollectionID,
+            setState,
+            setSearchWithinSearch,
+            setSegments,
+            setFlag,
+            setCustomSort,
+            setIsAutocomplete
+        } }, { children: _jsx(FastState.Provider, Object.assign({ value: { narrow, results, page, query, sortBy, type, collectionID, isLoading, recommendations, singleProducts, isReady, autocomplete, isAutocomplete } }, { children: _jsx(ThemeProvider, Object.assign({ theme: Object.assign(Object.assign({}, mainTheme), theme) }, { children: children })) })) })));
+};
+export default FastSimonApi;
 //# sourceMappingURL=FastSimonApi.js.map