@envive-ai/react-widgets 0.1.2-arthur-3 → 0.1.3

package/dist/SearchResults/SearchResults.cjs

@@ -0,0 +1,86 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_SearchResultsContent = require('../packages/components/dist/components/SearchResultsContent/SearchResultsContent.cjs');
+require('../packages/components/dist/components/SearchResultsContent/index.cjs');
+const require_SearchResultsFilterModal = require('../packages/components/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.cjs');
+require('../packages/components/dist/components/SearchResultsFilterModal/index.cjs');
+const require_SearchResultsToolbar = require('../packages/components/dist/components/SearchResultsToolbar/SearchResultsToolbar.cjs');
+require('../packages/components/dist/components/SearchResultsToolbar/index.cjs');
+const require_useStickyVisibility = require('../packages/components/dist/util/useStickyVisibility.cjs');
+require('../packages/components/dist/util/index.cjs');
+const require_withSearchResults = require('./withSearchResults.cjs');
+let react = require("react");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+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 } = require_useStickyVisibility.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)(require_SearchResultsFilterModal.SearchResultsFilterModal, {
+			isOpen: isFilterOpen,
+			setIsOpen: setIsFilterOpen,
+			searchFilters,
+			productCount: productList.length,
+			onSelectFilterItem,
+			onClearAllFilters,
+			searchFilterSidebarVariant,
+			filterButtonText
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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)(require_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,84 @@
+import { SearchResultsContent } from "../packages/components/dist/components/SearchResultsContent/SearchResultsContent.js";
+import "../packages/components/dist/components/SearchResultsContent/index.js";
+import { SearchResultsFilterModal } from "../packages/components/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.js";
+import "../packages/components/dist/components/SearchResultsFilterModal/index.js";
+import { SearchResultsToolbar } from "../packages/components/dist/components/SearchResultsToolbar/SearchResultsToolbar.js";
+import "../packages/components/dist/components/SearchResultsToolbar/index.js";
+import { useStickyVisibility } from "../packages/components/dist/util/useStickyVisibility.js";
+import "../packages/components/dist/util/index.js";
+import { withSearchResults } from "./withSearchResults.js";
+import { useEffect } from "react";
+import classNames from "classnames";
+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 react_jsx_runtime = require("react/jsx-runtime");
+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");
+
+//#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.js

@@ -0,0 +1,33 @@
+import { SearchResults } from "./SearchResults.js";
+import { useEffect, useMemo } from "react";
+import { useSetAtom } from "jotai";
+import { jsx } from "react/jsx-runtime";
+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";
+
+//#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-DWy1uDak.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 react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_hooks_Search = require("@envive-ai/react-hooks/hooks/Search");
+
+//#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 { jsx } from "react/jsx-runtime";
+import { useSearch } from "@envive-ai/react-hooks/hooks/Search";
+
+//#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,48 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_Typography = require('../packages/components/dist/components/Typography/Typography.cjs');
+require('../packages/components/dist/components/Typography/index.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");
+
+//#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)(require_Typography.Typography, {
+			variant: "body3",
+			className: "spiffy-global-search-text",
+			children: label
+		})]
+	});
+};
+
+//#endregion
+exports.SearchIcon = SearchIcon;

package/dist/SearchZeroState/SearchIcon.js

@@ -0,0 +1,45 @@
+import { Typography } from "../packages/components/dist/components/Typography/Typography.js";
+import "../packages/components/dist/components/Typography/index.js";
+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";
+
+//#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 };