@envive-ai/react-hooks 0.1.1 → 0.1.3

package/dist/search-eWwg8pNn.js

@@ -0,0 +1,542 @@
+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

@@ -0,0 +1,101 @@
+//#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 };