@envive-ai/react-widgets 0.1.2 → 0.3.0

package/dist/SearchResults/SearchResults.cjs

@@ -0,0 +1,82 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_withSearchResults = require('./withSearchResults.cjs');
+let react = require("react");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let __envive_ai_react_toolkit_SearchResultsContent = require("@envive-ai/react-toolkit/SearchResultsContent");
+let __envive_ai_react_toolkit_SearchResultsFilterModal = require("@envive-ai/react-toolkit/SearchResultsFilterModal");
+let __envive_ai_react_toolkit_SearchResultsToolbar = require("@envive-ai/react-toolkit/SearchResultsToolbar");
+let __envive_ai_react_toolkit_util = require("@envive-ai/react-toolkit/util");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/SearchResults/SearchResults.tsx
+const SearchResultsComponent = ({ widgetConfig, productCardConfig, merchantShortName, productList, autocompleteResults, searchFilters, availableDynamicFilters, selectedFilterOptions, searchText, query, searchResultsState, isFilterOpen, shouldShowAutocomplete, focusedIndex, focusedOptionId, recommendedProducts, filterButtonText, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onKeyDown, onSearchInputFocus, onSearchInputBlur, onToggleDynamicFilter, onSelectFilterItem, onRemoveFilter, onClearAllFilters, setIsFilterOpen, searchResultsRef }) => {
+	const { searchInputVariant, searchFilterSidebarVariant, productGridVariant, searchBoxPlaceholder, noResultsFoundText, isSearchInputSticky = false } = widgetConfig;
+	const { toolbarRef: ref, isVisible, toolbarHeight: height } = (0, __envive_ai_react_toolkit_util.useStickyVisibility)();
+	const toolbarRef = isSearchInputSticky ? ref : null;
+	const finalIsVisible = isSearchInputSticky ? isVisible : true;
+	const toolbarHeight = isSearchInputSticky ? height : 0;
+	const stickyToolbarClasses = (0, classnames.default)("spiffy-tw-fixed", "spiffy-tw-top-0", "spiffy-tw-left-0", "spiffy-tw-right-0", "spiffy-tw-transition-transform", "spiffy-tw-duration-300", "spiffy-tw-py-[8px]");
+	const containerXPaddingClasses = (0, classnames.default)("spiffy-tw-px-[16px]", "sm:spiffy-tw-px-[46px]");
+	(0, react.useEffect)(() => {
+		window.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		});
+	}, [productList]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchResultsFilterModal.SearchResultsFilterModal, {
+			isOpen: isFilterOpen,
+			setIsOpen: setIsFilterOpen,
+			searchFilters,
+			productCount: productList.length,
+			onSelectFilterItem,
+			onClearAllFilters,
+			searchFilterSidebarVariant,
+			filterButtonText
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchResultsToolbar.SearchResultsToolbar, {
+			className: isSearchInputSticky ? stickyToolbarClasses : "spiffy-tw-py-[8px]",
+			toolbarRef,
+			searchInputVariant,
+			searchBoxPlaceholder,
+			searchText,
+			focusedIndex,
+			focusedOptionId,
+			autocompleteResults,
+			filterButtonText,
+			onKeyDown,
+			onSearchInputChange,
+			onSubmitSearch,
+			onAutocompleteSelect,
+			onSearchInputFocus,
+			onSearchInputBlur,
+			shouldShowAutocomplete,
+			setIsFilterOpen,
+			containerXPaddingClasses,
+			isVisible: finalIsVisible
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchResultsContent.SearchResultsContent, {
+			searchResultsState,
+			productList,
+			recommendedProducts,
+			productCardConfig,
+			merchantShortName,
+			searchFilterSidebarVariant,
+			noResultsFoundText,
+			productGridVariant,
+			containerXPaddingClasses,
+			selectedFilterOptions,
+			availableDynamicFilters,
+			onRemoveFilter,
+			onToggleDynamicFilter,
+			searchResultsRef,
+			toolbarHeight,
+			query
+		})
+	] });
+};
+const SearchResults = require_withSearchResults.withSearchResults(SearchResultsComponent);
+
+//#endregion
+exports.SearchResults = SearchResults;

package/dist/SearchResults/SearchResults.js

@@ -0,0 +1,80 @@
+import { withSearchResults } from "./withSearchResults.js";
+import { useEffect } from "react";
+import classNames from "classnames";
+import { SearchResultsContent } from "@envive-ai/react-toolkit/SearchResultsContent";
+import { SearchResultsFilterModal } from "@envive-ai/react-toolkit/SearchResultsFilterModal";
+import { SearchResultsToolbar } from "@envive-ai/react-toolkit/SearchResultsToolbar";
+import { useStickyVisibility } from "@envive-ai/react-toolkit/util";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/SearchResults/SearchResults.tsx
+const SearchResultsComponent = ({ widgetConfig, productCardConfig, merchantShortName, productList, autocompleteResults, searchFilters, availableDynamicFilters, selectedFilterOptions, searchText, query, searchResultsState, isFilterOpen, shouldShowAutocomplete, focusedIndex, focusedOptionId, recommendedProducts, filterButtonText, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onKeyDown, onSearchInputFocus, onSearchInputBlur, onToggleDynamicFilter, onSelectFilterItem, onRemoveFilter, onClearAllFilters, setIsFilterOpen, searchResultsRef }) => {
+	const { searchInputVariant, searchFilterSidebarVariant, productGridVariant, searchBoxPlaceholder, noResultsFoundText, isSearchInputSticky = false } = widgetConfig;
+	const { toolbarRef: ref, isVisible, toolbarHeight: height } = useStickyVisibility();
+	const toolbarRef = isSearchInputSticky ? ref : null;
+	const finalIsVisible = isSearchInputSticky ? isVisible : true;
+	const toolbarHeight = isSearchInputSticky ? height : 0;
+	const stickyToolbarClasses = classNames("spiffy-tw-fixed", "spiffy-tw-top-0", "spiffy-tw-left-0", "spiffy-tw-right-0", "spiffy-tw-transition-transform", "spiffy-tw-duration-300", "spiffy-tw-py-[8px]");
+	const containerXPaddingClasses = classNames("spiffy-tw-px-[16px]", "sm:spiffy-tw-px-[46px]");
+	useEffect(() => {
+		window.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		});
+	}, [productList]);
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx(SearchResultsFilterModal, {
+			isOpen: isFilterOpen,
+			setIsOpen: setIsFilterOpen,
+			searchFilters,
+			productCount: productList.length,
+			onSelectFilterItem,
+			onClearAllFilters,
+			searchFilterSidebarVariant,
+			filterButtonText
+		}),
+		/* @__PURE__ */ jsx(SearchResultsToolbar, {
+			className: isSearchInputSticky ? stickyToolbarClasses : "spiffy-tw-py-[8px]",
+			toolbarRef,
+			searchInputVariant,
+			searchBoxPlaceholder,
+			searchText,
+			focusedIndex,
+			focusedOptionId,
+			autocompleteResults,
+			filterButtonText,
+			onKeyDown,
+			onSearchInputChange,
+			onSubmitSearch,
+			onAutocompleteSelect,
+			onSearchInputFocus,
+			onSearchInputBlur,
+			shouldShowAutocomplete,
+			setIsFilterOpen,
+			containerXPaddingClasses,
+			isVisible: finalIsVisible
+		}),
+		/* @__PURE__ */ jsx(SearchResultsContent, {
+			searchResultsState,
+			productList,
+			recommendedProducts,
+			productCardConfig,
+			merchantShortName,
+			searchFilterSidebarVariant,
+			noResultsFoundText,
+			productGridVariant,
+			containerXPaddingClasses,
+			selectedFilterOptions,
+			availableDynamicFilters,
+			onRemoveFilter,
+			onToggleDynamicFilter,
+			searchResultsRef,
+			toolbarHeight,
+			query
+		})
+	] });
+};
+const SearchResults = withSearchResults(SearchResultsComponent);
+
+//#endregion
+export { SearchResults };

package/dist/SearchResults/SearchResultsWidget.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_SearchResults = require('./SearchResults.cjs');
+let react = require("react");
+let jotai = require("jotai");
+let __envive_ai_react_hooks_atoms_globalSearch = require("@envive-ai/react-hooks/atoms/globalSearch");
+let __envive_ai_react_hooks_atoms_search = require("@envive-ai/react-hooks/atoms/search");
+let __envive_ai_react_hooks_hooks_NewOrgConfig = require("@envive-ai/react-hooks/hooks/NewOrgConfig");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/SearchResults/SearchResultsWidget.tsx
+const SearchResultsWidget = () => {
+	const setIsSearchResultsOpen = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_globalSearch.isSearchResultsOpenAtom);
+	const setSearchSystem = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_search.searchSystemAtom);
+	const newConfig = (0, __envive_ai_react_hooks_hooks_NewOrgConfig.useNewOrgConfig)();
+	(0, react.useEffect)(() => {
+		setSearchSystem(true);
+		return () => setSearchSystem(false);
+	}, [setSearchSystem]);
+	(0, react.useEffect)(() => {
+		setIsSearchResultsOpen(true);
+		return () => {
+			setIsSearchResultsOpen(false);
+		};
+	}, [setIsSearchResultsOpen]);
+	const widgetConfig = (0, react.useMemo)(() => {
+		if (newConfig && newConfig.frontendConfig?.widgetConfigs) return { ...(newConfig.frontendConfig?.widgetConfigs).find((widget) => widget.key === "searchResultsEntryPoint").config };
+		return null;
+	}, [newConfig]);
+	if (!widgetConfig) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResults.SearchResults, { widgetConfig });
+};
+
+//#endregion
+exports.SearchResultsWidget = SearchResultsWidget;

package/dist/SearchResults/SearchResultsWidget.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/SearchResults/SearchResultsWidget.d.ts
+declare const SearchResultsWidget: () => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SearchResultsWidget };

package/dist/SearchResults/SearchResultsWidget.js

@@ -0,0 +1,33 @@
+import { SearchResults } from "./SearchResults.js";
+import { useEffect, useMemo } from "react";
+import { useSetAtom } from "jotai";
+import { isSearchResultsOpenAtom } from "@envive-ai/react-hooks/atoms/globalSearch";
+import { searchSystemAtom } from "@envive-ai/react-hooks/atoms/search";
+import { useNewOrgConfig } from "@envive-ai/react-hooks/hooks/NewOrgConfig";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/SearchResults/SearchResultsWidget.tsx
+const SearchResultsWidget = () => {
+	const setIsSearchResultsOpen = useSetAtom(isSearchResultsOpenAtom);
+	const setSearchSystem = useSetAtom(searchSystemAtom);
+	const newConfig = useNewOrgConfig();
+	useEffect(() => {
+		setSearchSystem(true);
+		return () => setSearchSystem(false);
+	}, [setSearchSystem]);
+	useEffect(() => {
+		setIsSearchResultsOpen(true);
+		return () => {
+			setIsSearchResultsOpen(false);
+		};
+	}, [setIsSearchResultsOpen]);
+	const widgetConfig = useMemo(() => {
+		if (newConfig && newConfig.frontendConfig?.widgetConfigs) return { ...(newConfig.frontendConfig?.widgetConfigs).find((widget) => widget.key === "searchResultsEntryPoint").config };
+		return null;
+	}, [newConfig]);
+	if (!widgetConfig) return null;
+	return /* @__PURE__ */ jsx(SearchResults, { widgetConfig });
+};
+
+//#endregion
+export { SearchResultsWidget };

package/dist/SearchResults/index.cjs

@@ -1,123 +1,3 @@
-const require_chunk = require('../chunk-DSlc6foC.cjs');
-let react = require("react");
-let jotai = require("jotai");
-let __envive_ai_react_hooks_atoms_globalSearch = require("@envive-ai/react-hooks/atoms/globalSearch");
-let __envive_ai_react_hooks_atoms_search = require("@envive-ai/react-hooks/atoms/search");
-let __envive_ai_react_hooks_hooks_NewOrgConfig = require("@envive-ai/react-hooks/hooks/NewOrgConfig");
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let __envive_ai_react_toolkit_SearchResultsContent = require("@envive-ai/react-toolkit/SearchResultsContent");
-let __envive_ai_react_toolkit_SearchResultsFilterModal = require("@envive-ai/react-toolkit/SearchResultsFilterModal");
-let __envive_ai_react_toolkit_SearchResultsToolbar = require("@envive-ai/react-toolkit/SearchResultsToolbar");
-let __envive_ai_react_toolkit_util = require("@envive-ai/react-toolkit/util");
-let __envive_ai_react_hooks_hooks_Search = require("@envive-ai/react-hooks/hooks/Search");
-let react_jsx_runtime = require("react/jsx-runtime");
+const require_SearchResultsWidget = require('./SearchResultsWidget.cjs');
 
-//#region src/SearchResults/withSearchResults.tsx
-function withSearchResults(Component) {
-	return function SearchResultsHoc(props) {
-		const searchHookResult = (0, __envive_ai_react_hooks_hooks_Search.useSearch)();
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-			...props,
-			...searchHookResult,
-			productList: searchHookResult.searchData?.products || []
-		});
-	};
-}
-
-//#endregion
-//#region src/SearchResults/SearchResults.tsx
-const SearchResultsComponent = ({ widgetConfig, productCardConfig, merchantShortName, productList, autocompleteResults, searchFilters, availableDynamicFilters, selectedFilterOptions, searchText, query, searchResultsState, isFilterOpen, shouldShowAutocomplete, focusedIndex, focusedOptionId, recommendedProducts, filterButtonText, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onKeyDown, onSearchInputFocus, onSearchInputBlur, onToggleDynamicFilter, onSelectFilterItem, onRemoveFilter, onClearAllFilters, setIsFilterOpen, searchResultsRef }) => {
-	const { searchInputVariant, searchFilterSidebarVariant, productGridVariant, searchBoxPlaceholder, noResultsFoundText, isSearchInputSticky = false } = widgetConfig;
-	const { toolbarRef: ref, isVisible, toolbarHeight: height } = (0, __envive_ai_react_toolkit_util.useStickyVisibility)();
-	const toolbarRef = isSearchInputSticky ? ref : null;
-	const finalIsVisible = isSearchInputSticky ? isVisible : true;
-	const toolbarHeight = isSearchInputSticky ? height : 0;
-	const stickyToolbarClasses = (0, classnames.default)("spiffy-tw-fixed", "spiffy-tw-top-0", "spiffy-tw-left-0", "spiffy-tw-right-0", "spiffy-tw-transition-transform", "spiffy-tw-duration-300", "spiffy-tw-py-[8px]");
-	const containerXPaddingClasses = (0, classnames.default)("spiffy-tw-px-[16px]", "sm:spiffy-tw-px-[46px]");
-	(0, react.useEffect)(() => {
-		window.scrollTo({
-			top: 0,
-			behavior: "smooth"
-		});
-	}, [productList]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchResultsFilterModal.SearchResultsFilterModal, {
-			isOpen: isFilterOpen,
-			setIsOpen: setIsFilterOpen,
-			searchFilters,
-			productCount: productList.length,
-			onSelectFilterItem,
-			onClearAllFilters,
-			searchFilterSidebarVariant,
-			filterButtonText
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchResultsToolbar.SearchResultsToolbar, {
-			className: isSearchInputSticky ? stickyToolbarClasses : "spiffy-tw-py-[8px]",
-			toolbarRef,
-			searchInputVariant,
-			searchBoxPlaceholder,
-			searchText,
-			focusedIndex,
-			focusedOptionId,
-			autocompleteResults,
-			filterButtonText,
-			onKeyDown,
-			onSearchInputChange,
-			onSubmitSearch,
-			onAutocompleteSelect,
-			onSearchInputFocus,
-			onSearchInputBlur,
-			shouldShowAutocomplete,
-			setIsFilterOpen,
-			containerXPaddingClasses,
-			isVisible: finalIsVisible
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SearchResultsContent.SearchResultsContent, {
-			searchResultsState,
-			productList,
-			recommendedProducts,
-			productCardConfig,
-			merchantShortName,
-			searchFilterSidebarVariant,
-			noResultsFoundText,
-			productGridVariant,
-			containerXPaddingClasses,
-			selectedFilterOptions,
-			availableDynamicFilters,
-			onRemoveFilter,
-			onToggleDynamicFilter,
-			searchResultsRef,
-			toolbarHeight,
-			query
-		})
-	] });
-};
-const SearchResults = withSearchResults(SearchResultsComponent);
-
-//#endregion
-//#region src/SearchResults/SearchResultsWidget.tsx
-const SearchResultsWidget = () => {
-	const setIsSearchResultsOpen = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_globalSearch.isSearchResultsOpenAtom);
-	const setSearchSystem = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_search.searchSystemAtom);
-	const newConfig = (0, __envive_ai_react_hooks_hooks_NewOrgConfig.useNewOrgConfig)();
-	(0, react.useEffect)(() => {
-		setSearchSystem(true);
-		return () => setSearchSystem(false);
-	}, [setSearchSystem]);
-	(0, react.useEffect)(() => {
-		setIsSearchResultsOpen(true);
-		return () => {
-			setIsSearchResultsOpen(false);
-		};
-	}, [setIsSearchResultsOpen]);
-	const widgetConfig = (0, react.useMemo)(() => {
-		if (newConfig && newConfig.frontendConfig?.widgetConfigs) return { ...(newConfig.frontendConfig?.widgetConfigs).find((widget) => widget.key === "searchResultsEntryPoint").config };
-		return null;
-	}, [newConfig]);
-	if (!widgetConfig) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchResults, { widgetConfig });
-};
-
-//#endregion
-exports.SearchResultsWidget = SearchResultsWidget;
+exports.SearchResultsWidget = require_SearchResultsWidget.SearchResultsWidget;

package/dist/SearchResults/index.d.cts

@@ -0,0 +1,2 @@
+import { SearchResultsWidget } from "./SearchResultsWidget.cjs";
+export { SearchResultsWidget };

package/dist/SearchResults/index.d.ts

@@ -0,0 +1,2 @@
+import { SearchResultsWidget } from "./SearchResultsWidget.js";
+export { SearchResultsWidget };

package/dist/SearchResults/index.js

@@ -1,121 +1,3 @@
-import { useEffect, useMemo } from "react";
-import { useSetAtom } from "jotai";
-import { isSearchResultsOpenAtom } from "@envive-ai/react-hooks/atoms/globalSearch";
-import { searchSystemAtom } from "@envive-ai/react-hooks/atoms/search";
-import { useNewOrgConfig } from "@envive-ai/react-hooks/hooks/NewOrgConfig";
-import classNames from "classnames";
-import { SearchResultsContent } from "@envive-ai/react-toolkit/SearchResultsContent";
-import { SearchResultsFilterModal } from "@envive-ai/react-toolkit/SearchResultsFilterModal";
-import { SearchResultsToolbar } from "@envive-ai/react-toolkit/SearchResultsToolbar";
-import { useStickyVisibility } from "@envive-ai/react-toolkit/util";
-import { useSearch } from "@envive-ai/react-hooks/hooks/Search";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { SearchResultsWidget } from "./SearchResultsWidget.js";
 
-//#region src/SearchResults/withSearchResults.tsx
-function withSearchResults(Component) {
-	return function SearchResultsHoc(props) {
-		const searchHookResult = useSearch();
-		return /* @__PURE__ */ jsx(Component, {
-			...props,
-			...searchHookResult,
-			productList: searchHookResult.searchData?.products || []
-		});
-	};
-}
-
-//#endregion
-//#region src/SearchResults/SearchResults.tsx
-const SearchResultsComponent = ({ widgetConfig, productCardConfig, merchantShortName, productList, autocompleteResults, searchFilters, availableDynamicFilters, selectedFilterOptions, searchText, query, searchResultsState, isFilterOpen, shouldShowAutocomplete, focusedIndex, focusedOptionId, recommendedProducts, filterButtonText, onSearchInputChange, onSubmitSearch, onAutocompleteSelect, onKeyDown, onSearchInputFocus, onSearchInputBlur, onToggleDynamicFilter, onSelectFilterItem, onRemoveFilter, onClearAllFilters, setIsFilterOpen, searchResultsRef }) => {
-	const { searchInputVariant, searchFilterSidebarVariant, productGridVariant, searchBoxPlaceholder, noResultsFoundText, isSearchInputSticky = false } = widgetConfig;
-	const { toolbarRef: ref, isVisible, toolbarHeight: height } = useStickyVisibility();
-	const toolbarRef = isSearchInputSticky ? ref : null;
-	const finalIsVisible = isSearchInputSticky ? isVisible : true;
-	const toolbarHeight = isSearchInputSticky ? height : 0;
-	const stickyToolbarClasses = classNames("spiffy-tw-fixed", "spiffy-tw-top-0", "spiffy-tw-left-0", "spiffy-tw-right-0", "spiffy-tw-transition-transform", "spiffy-tw-duration-300", "spiffy-tw-py-[8px]");
-	const containerXPaddingClasses = classNames("spiffy-tw-px-[16px]", "sm:spiffy-tw-px-[46px]");
-	useEffect(() => {
-		window.scrollTo({
-			top: 0,
-			behavior: "smooth"
-		});
-	}, [productList]);
-	return /* @__PURE__ */ jsxs("div", { children: [
-		/* @__PURE__ */ jsx(SearchResultsFilterModal, {
-			isOpen: isFilterOpen,
-			setIsOpen: setIsFilterOpen,
-			searchFilters,
-			productCount: productList.length,
-			onSelectFilterItem,
-			onClearAllFilters,
-			searchFilterSidebarVariant,
-			filterButtonText
-		}),
-		/* @__PURE__ */ jsx(SearchResultsToolbar, {
-			className: isSearchInputSticky ? stickyToolbarClasses : "spiffy-tw-py-[8px]",
-			toolbarRef,
-			searchInputVariant,
-			searchBoxPlaceholder,
-			searchText,
-			focusedIndex,
-			focusedOptionId,
-			autocompleteResults,
-			filterButtonText,
-			onKeyDown,
-			onSearchInputChange,
-			onSubmitSearch,
-			onAutocompleteSelect,
-			onSearchInputFocus,
-			onSearchInputBlur,
-			shouldShowAutocomplete,
-			setIsFilterOpen,
-			containerXPaddingClasses,
-			isVisible: finalIsVisible
-		}),
-		/* @__PURE__ */ jsx(SearchResultsContent, {
-			searchResultsState,
-			productList,
-			recommendedProducts,
-			productCardConfig,
-			merchantShortName,
-			searchFilterSidebarVariant,
-			noResultsFoundText,
-			productGridVariant,
-			containerXPaddingClasses,
-			selectedFilterOptions,
-			availableDynamicFilters,
-			onRemoveFilter,
-			onToggleDynamicFilter,
-			searchResultsRef,
-			toolbarHeight,
-			query
-		})
-	] });
-};
-const SearchResults = withSearchResults(SearchResultsComponent);
-
-//#endregion
-//#region src/SearchResults/SearchResultsWidget.tsx
-const SearchResultsWidget = () => {
-	const setIsSearchResultsOpen = useSetAtom(isSearchResultsOpenAtom);
-	const setSearchSystem = useSetAtom(searchSystemAtom);
-	const newConfig = useNewOrgConfig();
-	useEffect(() => {
-		setSearchSystem(true);
-		return () => setSearchSystem(false);
-	}, [setSearchSystem]);
-	useEffect(() => {
-		setIsSearchResultsOpen(true);
-		return () => {
-			setIsSearchResultsOpen(false);
-		};
-	}, [setIsSearchResultsOpen]);
-	const widgetConfig = useMemo(() => {
-		if (newConfig && newConfig.frontendConfig?.widgetConfigs) return { ...(newConfig.frontendConfig?.widgetConfigs).find((widget) => widget.key === "searchResultsEntryPoint").config };
-		return null;
-	}, [newConfig]);
-	if (!widgetConfig) return null;
-	return /* @__PURE__ */ jsx(SearchResults, { widgetConfig });
-};
-
-//#endregion
 export { SearchResultsWidget };

package/dist/SearchResults/withSearchResults.cjs

@@ -0,0 +1,18 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __envive_ai_react_hooks_hooks_Search = require("@envive-ai/react-hooks/hooks/Search");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/SearchResults/withSearchResults.tsx
+function withSearchResults(Component) {
+	return function SearchResultsHoc(props) {
+		const searchHookResult = (0, __envive_ai_react_hooks_hooks_Search.useSearch)();
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+			...props,
+			...searchHookResult,
+			productList: searchHookResult.searchData?.products || []
+		});
+	};
+}
+
+//#endregion
+exports.withSearchResults = withSearchResults;

package/dist/SearchResults/withSearchResults.js

@@ -0,0 +1,17 @@
+import { useSearch } from "@envive-ai/react-hooks/hooks/Search";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/SearchResults/withSearchResults.tsx
+function withSearchResults(Component) {
+	return function SearchResultsHoc(props) {
+		const searchHookResult = useSearch();
+		return /* @__PURE__ */ jsx(Component, {
+			...props,
+			...searchHookResult,
+			productList: searchHookResult.searchData?.products || []
+		});
+	};
+}
+
+//#endregion
+export { withSearchResults };

package/dist/SearchZeroState/SearchIcon.cjs

@@ -0,0 +1,47 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_AiSearchBold = require('../packages/icons/dist/AiSearchBold.cjs');
+const require_AiSearchThin = require('../packages/icons/dist/AiSearchThin.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_toolkit_Typography = require("@envive-ai/react-toolkit/Typography");
+
+//#region src/SearchZeroState/SearchIcon.tsx
+const SEARCH_ENTRYPOINT_BUTTON_TESTID = "spiffy-search-entrypoint-button";
+const SearchIcon = ({ size = 22, variant = "thin", color = "currentColor", onClick, label, entryPointRef }) => {
+	const containerClasses = (0, classnames.default)([
+		"spiffy-global-search-input-container",
+		"spiffy-tw-relative",
+		"spiffy-tw-flex",
+		"spiffy-tw-items-center"
+	]);
+	const iconStrokeWidth = variant === "thin" ? "inherit" : "2px";
+	const IconComponent = {
+		thin: require_AiSearchThin.AiSearchThin_default,
+		bold: require_AiSearchBold.AiSearchBold_default
+	}[variant];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		className: containerClasses,
+		type: "button",
+		onClick,
+		"data-testid": SEARCH_ENTRYPOINT_BUTTON_TESTID,
+		ref: entryPointRef,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconComponent, {
+			style: {
+				width: size,
+				height: size
+			},
+			fill: color,
+			strokeWidth: iconStrokeWidth
+		}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_Typography.Typography, {
+			variant: "body3",
+			className: "spiffy-global-search-text",
+			children: label
+		})]
+	});
+};
+
+//#endregion
+exports.SearchIcon = SearchIcon;

package/dist/SearchZeroState/SearchIcon.js

@@ -0,0 +1,44 @@
+import { AiSearchBold_default } from "../packages/icons/dist/AiSearchBold.js";
+import { AiSearchThin_default } from "../packages/icons/dist/AiSearchThin.js";
+import React from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Typography } from "@envive-ai/react-toolkit/Typography";
+
+//#region src/SearchZeroState/SearchIcon.tsx
+const SEARCH_ENTRYPOINT_BUTTON_TESTID = "spiffy-search-entrypoint-button";
+const SearchIcon = ({ size = 22, variant = "thin", color = "currentColor", onClick, label, entryPointRef }) => {
+	const containerClasses = classNames([
+		"spiffy-global-search-input-container",
+		"spiffy-tw-relative",
+		"spiffy-tw-flex",
+		"spiffy-tw-items-center"
+	]);
+	const iconStrokeWidth = variant === "thin" ? "inherit" : "2px";
+	const IconComponent = {
+		thin: AiSearchThin_default,
+		bold: AiSearchBold_default
+	}[variant];
+	return /* @__PURE__ */ jsxs("button", {
+		className: containerClasses,
+		type: "button",
+		onClick,
+		"data-testid": SEARCH_ENTRYPOINT_BUTTON_TESTID,
+		ref: entryPointRef,
+		children: [/* @__PURE__ */ jsx(IconComponent, {
+			style: {
+				width: size,
+				height: size
+			},
+			fill: color,
+			strokeWidth: iconStrokeWidth
+		}), label && /* @__PURE__ */ jsx(Typography, {
+			variant: "body3",
+			className: "spiffy-global-search-text",
+			children: label
+		})]
+	});
+};
+
+//#endregion
+export { SearchIcon };

package/dist/SearchZeroState/SearchOverlay.cjs

@@ -0,0 +1,42 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_overlayHostLocator = require('./overlay/overlayHostLocator.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let framer_motion = require("framer-motion");
+let react_dom = require("react-dom");
+
+//#region src/SearchZeroState/SearchOverlay.tsx
+const SearchOverlay = react.default.forwardRef(({ children, className, dataTestId, role, ariaModal, ariaLabelledby, id, usingPortal }, ref) => {
+	const overlayClasses = (0, classnames.default)("spiffy-search-overlay", "spiffy-tw-fixed", "spiffy-tw-top-[0]", "spiffy-tw-left-[0]", "spiffy-tw-h-[100vh]", "spiffy-tw-w-full", "spiffy-h-[calc(100%-1rem)]", "spiffy-tw-px-[24px] spiffy-tw-pt-[16px] sm:spiffy-tw-px-[41px] sm:spiffy-tw-pt-[40px]", "spiffy-tw-z-[2147483647]", "spiffy-tw-overflow-y-auto", "spiffy-tw-overflow-x-hidden", className);
+	const overlayContentClasses = (0, classnames.default)("spiffy-search-overlay-content", "spiffy-tw-flex spiffy-tw-flex-col", "spiffy-tw-min-h-full", className);
+	const node = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+		ref,
+		className: overlayClasses,
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: overlayContentClasses,
+			"data-testid": dataTestId,
+			role,
+			"aria-modal": ariaModal,
+			"aria-labelledby": ariaLabelledby,
+			id,
+			children
+		})
+	});
+	if (!usingPortal) return node;
+	try {
+		return (0, react_dom.createPortal)(node, require_overlayHostLocator.getOverlayPortalTarget());
+	} catch (err) {
+		return node;
+	}
+});
+SearchOverlay.displayName = "SearchOverlay";
+
+//#endregion
+exports.SearchOverlay = SearchOverlay;