@envive-ai/react-hooks 0.1.3 → 0.1.4

package/dist/search-eWwg8pNn.js

@@ -1,542 +0,0 @@
-import { logger_default } from "./logger-BexDfK3W.js";
-import { MessageRole, MessageType, SessionRestartRequired, UnsupportedProductException, apiKeyAtom, appDetailsAtom, messagesAtom, orgUIConfigAtom, queueUserEventAtom, replyEventCategoryAtom, userHasRepliedAtom, userQueryAtom } from "./chat-H6YcCS4I.js";
-import { useEnviveConfig } from "./enviveConfigContext-CWVdVWKW.js";
-import { getAtomStore } from "./atomStore-TnLPtYns.js";
-import { atom } from "jotai";
-import { Configuration, ResponseCategory, ResponseError, SearchApi, UserEventCategory } from "@spiffy-ai/commerce-api-client";
-import { v4 } from "uuid";
-
-//#region src/atoms/search/utils.ts
-const formatFilterDisplayName = (displayName) => {
-	const sizes = [
-		"xxxs",
-		"xxs",
-		"xs",
-		"s",
-		"m",
-		"l",
-		"xl",
-		"xxl",
-		"xxxl",
-		"xxxxl"
-	];
-	return displayName.toLowerCase().split(" ").map((word) => {
-		if (sizes.includes(word)) return word.toUpperCase();
-		return word.charAt(0).toUpperCase() + word.slice(1);
-	}).join(" ").replace(/Iphone/g, "iPhone");
-};
-
-//#endregion
-//#region src/atoms/search/productFilters.ts
-const getPriceBucket = (price, bucketSize) => {
-	return Math.floor(price / bucketSize) * bucketSize;
-};
-const isStringArray = (value) => {
-	if (!Array.isArray(value)) return false;
-	return value.every((item) => typeof item === "string");
-};
-const sortFilter = (filterConfig) => {
-	if (filterConfig.type === "price") return (a, b) => Number(a.filterItemId) - Number(b.filterItemId);
-	if (filterConfig.type === "dynamic") {
-		if (filterConfig.sorting.type === "alphabetic") return (a, b) => a.displayName.localeCompare(b.displayName);
-		if (filterConfig.sorting.type === "productCount") return (a, b) => a.productCount === b.productCount ? a.displayName.localeCompare(b.displayName) : b.productCount - a.productCount;
-		if (filterConfig.sorting.type === "custom") {
-			const sortedKeys = filterConfig.sorting.map;
-			return (a, b) => {
-				if (sortedKeys[a.displayName] && sortedKeys[b.displayName]) return sortedKeys[a.displayName] - sortedKeys[b.displayName];
-				if (sortedKeys[a.displayName]) return -1;
-				if (sortedKeys[b.displayName]) return 1;
-				return b.productCount - a.productCount;
-			};
-		}
-	}
-	throw new Error("Invaalid search filter configuration");
-};
-var ProductFilters = class {
-	static getFiltersForProducts(products, filterConfigs, selectedFilterOptions) {
-		if (!products || products.length === 0) return [];
-		return [...filterConfigs.map((filterConfig) => products.reduce((acc, product) => {
-			if (filterConfig.type === "price") {
-				const priceBucket = getPriceBucket(product.salePrice ?? product.originalPrice ?? 0, filterConfig.bucketSize);
-				const current = acc.map[priceBucket] ?? {
-					filterItemId: priceBucket,
-					displayName: `$${priceBucket}-$${priceBucket + filterConfig.bucketSize}`,
-					productCount: 0
-				};
-				acc.map[priceBucket] = {
-					...current,
-					productCount: current.productCount + 1
-				};
-				return acc;
-			}
-			const attributeValues = (product.filters && product.filters?.[filterConfig.attribute]) ?? [];
-			if (isStringArray(attributeValues)) attributeValues.forEach((val) => {
-				const normalizedVal = val.toLowerCase();
-				const current = acc.map[normalizedVal] ?? {
-					filterItemId: normalizedVal,
-					displayName: formatFilterDisplayName(val),
-					productCount: 0
-				};
-				acc.map[normalizedVal] = {
-					...current,
-					productCount: current.productCount + 1
-				};
-			});
-			return acc;
-		}, {
-			filterConfig,
-			map: {}
-		})).map(({ filterConfig, map }) => ({
-			filterId: filterConfig.filterId,
-			displayName: filterConfig.displayName,
-			items: Object.values(map).map((filter) => ({
-				filterItemId: filter.filterItemId,
-				displayName: filter.displayName,
-				productCount: filter.productCount,
-				isSelected: selectedFilterOptions.some((option) => option.id === `${filterConfig.filterId}:${filter.filterItemId}`) ?? false
-			})).sort(sortFilter(filterConfig))
-		}))];
-	}
-	static filterProducts(products, filterConfigs, selectedFilterOptions, additiveDynamicFilters = false) {
-		const selectedFilters = filterConfigs.map((filterConfig) => ({
-			filterConfig,
-			hasSelectedOptions: selectedFilterOptions.some((option) => option.filterId === filterConfig.filterId)
-		})).filter(({ hasSelectedOptions }) => hasSelectedOptions);
-		return selectedFilterOptions.length === 0 ? products : products.filter((product) => selectedFilters.reduce((acc, selectedFilter) => {
-			if (!acc) return acc;
-			if (selectedFilter.filterConfig.type === "price") {
-				const priceBucket = getPriceBucket(product.salePrice ?? product.originalPrice ?? 0, selectedFilter.filterConfig.bucketSize);
-				if (!selectedFilterOptions.some((option) => option.id === `price:${priceBucket}`)) return false;
-			}
-			if (selectedFilter.filterConfig.type === "dynamic") {
-				const { filterId, attribute } = selectedFilter.filterConfig;
-				const attributeValues = product.filters?.[attribute];
-				if (!isStringArray(attributeValues)) return false;
-				if (selectedFilter.filterConfig.attribute === "dynamic" && !additiveDynamicFilters) {
-					if (!selectedFilterOptions.filter((option) => option.filterId === filterId).map((option) => option.filterItemId.toLowerCase()).every((selectedValue) => attributeValues.some((val) => val.toLowerCase() === selectedValue))) return false;
-				} else if (!attributeValues.some((val) => selectedFilterOptions.some((option) => option.id === `${filterId}:${val.toLowerCase()}`))) return false;
-			}
-			return true;
-		}, true));
-	}
-};
-
-//#endregion
-//#region src/atoms/search/types.ts
-let ProductSorting = /* @__PURE__ */ function(ProductSorting$1) {
-	ProductSorting$1["FEATURED"] = "featured";
-	ProductSorting$1["PRICE_ASC"] = "price_asc";
-	ProductSorting$1["PRICE_DESC"] = "price_desc";
-	return ProductSorting$1;
-}({});
-const ProductSortingNames = {
-	[ProductSorting.FEATURED]: "Featured",
-	[ProductSorting.PRICE_ASC]: "Price Low to High",
-	[ProductSorting.PRICE_DESC]: "Price High to Low"
-};
-
-//#endregion
-//#region src/atoms/search/productSorter.ts
-var ProductSorter = class {
-	static sort(products, sorting) {
-		switch (sorting) {
-			case ProductSorting.PRICE_ASC: return [...products].sort((p1, p2) => (p1.salePrice ?? p1.originalPrice ?? 0) - (p2.salePrice ?? p2.originalPrice ?? 0));
-			case ProductSorting.PRICE_DESC: return [...products].sort((p1, p2) => (p2.salePrice ?? p2.originalPrice ?? 0) - (p1.salePrice ?? p1.originalPrice ?? 0));
-			default: return products;
-		}
-	}
-};
-
-//#endregion
-//#region src/atoms/search/chatSearch.ts
-const chatSearchStateAtom = atom("entrypoint");
-const chatSearchHasProductsAtom = atom(false);
-const chatSearchProductSortingAtom = atom(ProductSorting.FEATURED);
-const filterProductList = (message) => message.type === MessageType.Product && message.metadata.isForGrid === true;
-const filterFilterList = (message) => message.type === MessageType.ProductSearchFilter;
-const chatSearchIsLoadingAtom = atom(false);
-const buildChatSearchTurn = (messages) => {
-	const queryMessage = messages.find((message) => message.type === MessageType.ProductSearch);
-	if (!queryMessage) return null;
-	const { generatedQuery, productCount } = queryMessage.metadata ?? {};
-	const productList = messages.filter(filterProductList).map((message) => message.metadata);
-	const filterList = messages.filter(filterFilterList).map((message) => message.metadata.filterName);
-	return [queryMessage.id, {
-		id: queryMessage.id,
-		generatedQuery,
-		productCount: productCount || productList.length,
-		productList,
-		filterList,
-		messages
-	}];
-};
-const chatSearchFilterConfigAtom = atom((get) => {
-	const { searchConfig } = get(orgUIConfigAtom);
-	return searchConfig.searchFilterConfig;
-});
-const searchMapAtom = atom((get) => {
-	const messages = get(messagesAtom);
-	return Object.fromEntries(messages.map(buildChatSearchTurn).filter((v) => v !== null));
-});
-const internalChatSearchParamsAtom = atom({
-	id: null,
-	query: null
-});
-const selectedFilterOptionsAtom = atom([]);
-const additiveDynamicFiltersAtom = atom((get) => {
-	const { searchConfig } = get(orgUIConfigAtom);
-	return searchConfig.additiveDynamicFilters ?? false;
-});
-const createChatSearchFilterOption = (filterId, filterItemId, displayName) => ({
-	id: `${filterId}:${filterItemId}`,
-	displayName,
-	filterId,
-	filterItemId
-});
-const handleSearchAtom = atom(null, (get, set, message) => {
-	if (message.type !== MessageType.Search) return;
-	const querySearch = message.metadata.searchTerm;
-	set(replyEventCategoryAtom, UserEventCategory.Search);
-	set(userQueryAtom, querySearch);
-	set(messagesAtom, [...get(messagesAtom), [message]]);
-	set(userHasRepliedAtom, true);
-	set(queueUserEventAtom, {
-		eventId: message.id,
-		category: UserEventCategory.Search,
-		createdAt: message.createdAt,
-		attributes: {
-			searchTerm: message.metadata.searchTerm,
-			selectedFilters: message.metadata.selectedFilters
-		}
-	});
-});
-const chatSearchParamsAtom = atom((get) => get(internalChatSearchParamsAtom), (_, set, value) => {
-	set(internalChatSearchParamsAtom, value);
-});
-const chatSearchQueryAtom = atom((get) => get(chatSearchParamsAtom)?.query ?? null, (get, set, value) => {
-	const searchParams = get(chatSearchParamsAtom);
-	set(chatSearchParamsAtom, {
-		id: searchParams.id,
-		query: value
-	});
-});
-const chatSearchIdAtom = atom((get) => get(chatSearchParamsAtom)?.id ?? null, (get, set, value) => {
-	const searchParams = get(chatSearchParamsAtom);
-	set(chatSearchParamsAtom, {
-		id: value,
-		query: searchParams.query
-	});
-});
-const ChatSearchTurnAtom = atom((get) => {
-	const searchFilterConfig = get(chatSearchFilterConfigAtom);
-	const searchMap = get(searchMapAtom);
-	const chatSearchId = get(chatSearchIdAtom);
-	if (!chatSearchId) return null;
-	const ChatSearchTurn = searchMap[chatSearchId];
-	if (!ChatSearchTurn) return null;
-	const productSorting = get(chatSearchProductSortingAtom);
-	const selectedFilterOptions = get(selectedFilterOptionsAtom);
-	const additiveDynamicFilters = get(additiveDynamicFiltersAtom);
-	const filteredProducts = ProductFilters.filterProducts(ChatSearchTurn.productList, searchFilterConfig, selectedFilterOptions, additiveDynamicFilters);
-	const filteredAndSortedProducts = ProductSorter.sort(filteredProducts, productSorting);
-	return {
-		...searchMap[chatSearchId],
-		productList: filteredAndSortedProducts,
-		productCount: filteredAndSortedProducts.length
-	};
-});
-const chatSearchProducts = atom((get) => {
-	return get(ChatSearchTurnAtom)?.productList ?? [];
-});
-const chatSearchFiltersAtom = atom((get) => {
-	const searchFilterConfig = get(chatSearchFilterConfigAtom);
-	const searchMap = get(searchMapAtom);
-	const chatSearchId = get(chatSearchIdAtom);
-	if (chatSearchId && searchMap[chatSearchId]) {
-		const products = searchMap[chatSearchId].productList;
-		const selectedFilterOptions = get(selectedFilterOptionsAtom);
-		return ProductFilters.getFiltersForProducts(products, searchFilterConfig, selectedFilterOptions);
-	}
-	return [];
-});
-const setSearchParams = (query) => {
-	const url = new URL(window.location.href);
-	url.searchParams.set("es", "true");
-	url.searchParams.set("esq", query);
-	window.history.pushState({}, "", url);
-};
-const getSearchParamsAtom = atom(() => {
-	const params = new URLSearchParams(window.location.search);
-	return {
-		es: params.get("es"),
-		esq: params.get("esq")
-	};
-});
-const initiateChatSearchAtom = atom(null, (_, set, query) => {
-	set(chatSearchIsLoadingAtom, true);
-	const url = new URL(window.location.href);
-	url.searchParams.set("es", "true");
-	url.searchParams.set("esq", query);
-	window.history.pushState({}, "", url);
-	window.dispatchEvent(new PopStateEvent("popstate", { state: {} }));
-	set(chatSearchParamsAtom, {
-		id: null,
-		query
-	});
-	set(handleSearchAtom, {
-		id: v4(),
-		role: MessageRole.User,
-		type: MessageType.Search,
-		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-		metadata: {
-			searchTerm: query,
-			selectedFilters: []
-		}
-	});
-});
-const handleSearchResultsAtom = atom(null, (get, set, message) => {
-	if (!message || message.type !== MessageType.ProductSearch) return;
-	const { productCount, generatedQuery } = message.metadata;
-	if (productCount !== 0) {
-		set(selectedFilterOptionsAtom, []);
-		set(chatSearchStateAtom, "product-page");
-		const currentSearchParams = get(chatSearchParamsAtom);
-		const url = new URL(window.location.href);
-		url.searchParams.set("es", "true");
-		url.searchParams.set("esq", generatedQuery);
-		url.searchParams.set("esi", message.id);
-		window.history.pushState({}, "", url);
-		if (currentSearchParams.id === null) window.history.replaceState(null, "", url);
-		else window.history.pushState(null, "", url);
-		set(chatSearchParamsAtom, {
-			id: message.id,
-			query: generatedQuery
-		});
-	}
-});
-const setChatSearchParamsAtom = atom(null, (_, set, query) => {
-	const url = new URL(window.location.href);
-	url.searchParams.set("es", "true");
-	url.searchParams.set("esq", query);
-	window.history.pushState({}, "", url);
-	set(chatSearchParamsAtom, {
-		id: null,
-		query
-	});
-});
-
-//#endregion
-//#region src/application/service/searchService.ts
-const transformProductResponses = (products) => products.map((data) => ({
-	id: data.id,
-	responseId: data.response_id,
-	category: ResponseCategory.Product,
-	description: data.description,
-	imageUrl: data.image_url,
-	imageUrls: data.image_urls,
-	title: data.title,
-	url: data.url,
-	originalPrice: data.original_price,
-	salePrice: data.sale_price,
-	averageRating: data.average_rating,
-	numberReviews: data.number_reviews,
-	metadata: data.metadata,
-	isForGrid: data.is_for_grid,
-	colors: data.colors,
-	sizes: data.sizes,
-	filters: data.filters
-}));
-async function errorResponseBody(error) {
-	try {
-		return await error.response.json();
-	} catch {
-		return {};
-	}
-}
-async function throwSessionRestartRequiredIf(errorMsg, error) {
-	if (!(error instanceof ResponseError)) {
-		logger_default.logInfo(errorMsg, error);
-		throw error;
-	}
-	const errorResponse = await errorResponseBody(error);
-	if (errorResponse?.message?.toLowerCase() === "unsupported product" || errorResponse?.app_code?.toUpperCase() === "PRODUCT_NOT_FOUND") throw new UnsupportedProductException();
-	else if (errorResponse?.app_code?.toUpperCase() === "RESTART_SESSION" || errorResponse?.sub_code?.toUpperCase() === "NOT_FOUND") {
-		logger_default.logInfo("Session does not exist. Re-start session", error, error.response, errorResponse);
-		throw new SessionRestartRequired();
-	}
-	logger_default.logInfo(errorMsg, error);
-	throw error;
-}
-var SearchService = class SearchService {
-	static {
-		this.getInstance = () => {
-			if (!SearchService.instance) {
-				const apiKey = getAtomStore().get(apiKeyAtom);
-				SearchService.instance = new SearchService(apiKey);
-			}
-			return SearchService.instance;
-		};
-	}
-	constructor(apiKey, basePath) {
-		const { baseUrl } = useEnviveConfig();
-		const config = new Configuration({
-			accessToken: apiKey,
-			basePath: basePath || baseUrl,
-			headers: {
-				"Content-Type": "application/json",
-				Accept: "application/json"
-			}
-		});
-		this.searchApi = new SearchApi(config);
-	}
-	async _searchProducts(params) {
-		const appDetails = getAtomStore().get(appDetailsAtom);
-		try {
-			const { products, filters, search_response_id: searchResponseId } = await this.searchApi.v1SearchQueryGet({
-				query: params.query,
-				limit: params.limit,
-				org_id: appDetails.orgId,
-				user_id: appDetails.userId
-			});
-			return {
-				products: transformProductResponses(products) || [],
-				filters: filters || [],
-				totalProductCount: products?.length || 0,
-				searchResponseId: searchResponseId || ""
-			};
-		} catch (error) {
-			await throwSessionRestartRequiredIf("Failed to search products", error);
-			return {
-				products: [],
-				filters: [],
-				totalProductCount: 0,
-				searchResponseId: ""
-			};
-		}
-	}
-	static {
-		this.searchProducts = (params) => SearchService.getInstance()._searchProducts(params);
-	}
-};
-var searchService_default = SearchService;
-
-//#endregion
-//#region src/atoms/search/searchAPI.ts
-const searchAtom = atom({
-	data: null,
-	loading: false,
-	error: null,
-	lastQuery: null
-});
-const searchProductSortingAtom = atom(ProductSorting.FEATURED);
-const searchSelectedFiltersAtom = atom([]);
-const createFilterOption = (filterId, filterItemId, displayName) => ({
-	id: `${filterId}:${filterItemId}`,
-	displayName,
-	filterId,
-	filterItemId
-});
-const internalSearchParamsAtom = atom({
-	id: null,
-	query: null
-});
-const searchParamsAtom = atom((get) => get(internalSearchParamsAtom), (_, set, value) => {
-	set(internalSearchParamsAtom, value);
-});
-const internalSearchSystemStateAtom = atom(false);
-const searchSystemAtom = atom((get) => get(internalSearchSystemStateAtom), (get, set, value) => {
-	if (value === get(internalSearchSystemStateAtom)) return;
-	const stateChangeHandler = () => {
-		const params = new URLSearchParams(window.location.search);
-		if (params.get("es") === "true") {
-			const id = params.get("esi");
-			const query = params.get("esq");
-			set(searchParamsAtom, {
-				id,
-				query
-			});
-		} else set(searchParamsAtom, {
-			id: null,
-			query: null
-		});
-	};
-	if (value) {
-		set(internalSearchSystemStateAtom, true);
-		window.addEventListener("popstate", stateChangeHandler);
-		stateChangeHandler();
-	} else {
-		set(internalSearchSystemStateAtom, false);
-		window.removeEventListener("popstate", stateChangeHandler);
-	}
-});
-const filteredSearchProductsAtom = atom((get) => {
-	const searchData = get(searchAtom).data;
-	const sorting = get(searchProductSortingAtom);
-	const selectedFilters = get(searchSelectedFiltersAtom);
-	const orgConfig = get(orgUIConfigAtom);
-	if (!searchData?.products) return [];
-	const filteredProducts = ProductFilters.filterProducts(searchData.products, orgConfig.searchConfig.searchFilterConfig, selectedFilters, orgConfig.searchConfig.additiveDynamicFilters);
-	return ProductSorter.sort(filteredProducts, sorting);
-});
-const searchFiltersAtom = atom((get) => {
-	const searchData = get(searchAtom).data;
-	const selectedFilters = get(searchSelectedFiltersAtom);
-	const orgConfig = get(orgUIConfigAtom);
-	if (!searchData?.products) return [];
-	return ProductFilters.getFiltersForProducts(searchData.products, orgConfig.searchConfig.searchFilterConfig, selectedFilters);
-});
-const addSearchFilterAtom = atom(null, (get, set, filter) => {
-	const current = get(searchSelectedFiltersAtom);
-	if (!current.some((f) => f.id === filter.id)) set(searchSelectedFiltersAtom, [...current, filter]);
-});
-const removeSearchFilterAtom = atom(null, (get, set, filterId) => {
-	const current = get(searchSelectedFiltersAtom);
-	set(searchSelectedFiltersAtom, current.filter((f) => f.id !== filterId));
-});
-const clearSearchFiltersAtom = atom(null, (_, set) => {
-	set(searchSelectedFiltersAtom, []);
-});
-const performSearchAtom = atom(null, async (get, set, params, allowRedirect = false) => {
-	const currentState = get(searchAtom);
-	const redirectSearchResultsUrl = get(orgUIConfigAtom).searchConfig?.redirectSearchResultsUrl;
-	if (allowRedirect && redirectSearchResultsUrl) {
-		const redirectUrl = new URL(redirectSearchResultsUrl);
-		redirectUrl.searchParams.set("es", "true");
-		redirectUrl.searchParams.set("esq", params.query);
-		window.location.href = redirectUrl.toString();
-	} else {
-		const url = new URL(window.location.href);
-		url.searchParams.set("es", "true");
-		url.searchParams.set("esq", params.query);
-		window.history.pushState({}, "", url);
-		window.dispatchEvent(new PopStateEvent("popstate", { state: {} }));
-	}
-	window.dispatchEvent(new PopStateEvent("popstate", { state: {} }));
-	if (currentState.loading) return;
-	set(searchAtom, {
-		data: null,
-		loading: true,
-		error: null,
-		lastQuery: params.query
-	});
-	try {
-		const result = await searchService_default.searchProducts(params);
-		set(searchAtom, {
-			data: result,
-			loading: false,
-			error: null,
-			lastQuery: params.query
-		});
-	} catch (error) {
-		const errorMessage = error instanceof Error ? error.message : "An unknown error occurred";
-		set(searchAtom, {
-			data: null,
-			loading: false,
-			error: errorMessage,
-			lastQuery: params.query
-		});
-	}
-});
-
-//#endregion
-export { ChatSearchTurnAtom, ProductSorting, addSearchFilterAtom, additiveDynamicFiltersAtom, chatSearchFiltersAtom, chatSearchHasProductsAtom, chatSearchIdAtom, chatSearchIsLoadingAtom, chatSearchParamsAtom, chatSearchProductSortingAtom, chatSearchProducts, chatSearchQueryAtom, chatSearchStateAtom, clearSearchFiltersAtom, createChatSearchFilterOption, createFilterOption, filteredSearchProductsAtom, formatFilterDisplayName, getSearchParamsAtom, handleSearchResultsAtom, initiateChatSearchAtom, internalSearchSystemStateAtom, performSearchAtom, removeSearchFilterAtom, searchAtom, searchFiltersAtom, searchParamsAtom, searchProductSortingAtom, searchSelectedFiltersAtom, searchSystemAtom, selectedFilterOptionsAtom, setChatSearchParamsAtom, setSearchParams };

package/dist/search-filter-types-ByJnFPc4.d.cts

@@ -1,101 +0,0 @@
-//#region src/types/search-filter-types.d.ts
-type ModalSheetProps = {
-  children: React.ReactNode;
-  isOpen: boolean;
-  closeModal: () => void;
-  desktopWidth?: number;
-  mobileFullHeight?: number;
-  animationDuration?: number;
-  headerProps: ModalSheetHeaderProps;
-  footerProps?: ModalSheetFooterProps;
-  showOverlay?: boolean;
-};
-type ModalSheetHeaderProps = {
-  headerVariant?: ModalSheetHeaderVariant;
-  headerContent: React.ReactNode;
-  handleHeaderClick?: () => void;
-};
-type ModalSheetFooterProps = {
-  footerContent: React.ReactNode;
-  footerClassName?: string;
-};
-type ModalSheetHeaderVariant = "primary";
-type CloseIconVariant = "light" | "tertiary" | "dark";
-type ModalSheetCloseIconProps = {
-  closeIconVariant: CloseIconVariant;
-  closeIcon?: React.ReactNode;
-  closeModal?: () => void;
-  iconSize?: string;
-};
-type SearchFilterProps = {
-  filters: SearchFilterDatum[];
-  selectFilterItem: SelectFilterItem;
-  clearAllFilters: () => void;
-  productCount: number;
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  headerContent?: React.ReactNode;
-  footerContent?: React.ReactNode;
-  filterButtonText?: string;
-  headerClassName?: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor?: string;
-  radioButtonUncheckedBorderColor?: string;
-  filterCloseIconVariant: CloseIconVariant;
-};
-type SelectFilterItem = ({
-  filterId,
-  filterItemId,
-  isSelected,
-  displayName
-}: {
-  filterId: string;
-  filterItemId: string;
-  isSelected: boolean;
-  displayName: string;
-}) => void;
-type SelectedFilterItemDatum = {
-  filterId: string;
-  filterItemId: string;
-};
-type SearchFilterDatum = {
-  filterId: string;
-  displayName: string;
-  items: SearchFilterItemDatum[];
-};
-type SearchFilterItemDatum = {
-  filterItemId: string;
-  displayName: string;
-  productCount: number;
-  isSelected: boolean;
-};
-type SearchFilterHeaderProps = {
-  closeModal: () => void;
-  productCount: number;
-  headerClassName: string;
-  filterCloseIconVariant: CloseIconVariant;
-};
-type FilterProps = {
-  filter: SearchFilterDatum;
-  selectFilterItem: SelectFilterItem;
-  radioButtonFillColor?: string;
-  radioButtonHoverColor?: string;
-  radioButtonUncheckedBorderColor?: string;
-};
-type FilterItemProps = {
-  filterId: string;
-  filterItem: SearchFilterItemDatum;
-  selectFilterItem: SelectFilterItem;
-};
-type FilterFooterProps = {
-  closeModal: () => void;
-  clearAllFilters: () => void;
-  filterCount: number;
-  hasFiltersChanged: boolean;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-};
-//#endregion
-export { CloseIconVariant, FilterFooterProps, FilterItemProps, FilterProps, ModalSheetCloseIconProps, ModalSheetFooterProps, ModalSheetHeaderProps, ModalSheetHeaderVariant, ModalSheetProps, SearchFilterDatum, SearchFilterHeaderProps, SearchFilterItemDatum, SearchFilterProps, SelectFilterItem, SelectedFilterItemDatum };