@envive-ai/react-hooks 0.1.2 → 0.1.3

package/dist/{contexts-iAzSvZjb.cjs → hooks-DjOa7ihH.cjs}

@@ -1,18 +1,18 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_logger = require('./logger-Dln20ans.cjs');
-const require_api = require('./api-CxGedDxj.cjs');
-const require_types = require('./types-BUjohkXp.cjs');
-const require_atomStore = require('./atomStore-CeJm9Llb.cjs');
-const require_org = require('./org-CnHL2I9B.cjs');
-const require_search = require('./search-bSYdOBhY.cjs');
+const require_logger = require('./logger-Be0NyKaY.cjs');
+const require_chat = require('./chat-CCQMmhc1.cjs');
+const require_types = require('./types-lcjuhDBt.cjs');
+const require_atomStore = require('./atomStore-BNQyGmU_.cjs');
+const require_org = require('./org-Bkn6fl6I.cjs');
+const require_search = require('./search-DtIFZeMA.cjs');
 const require_globalSearch = require('./globalSearch-hxbXekus.cjs');
-const require_useMessageInterceptor = require('./useMessageInterceptor-B-P_rw73.cjs');
-let __spiffy_ai_commerce_api_client = require("@spiffy-ai/commerce-api-client");
-__spiffy_ai_commerce_api_client = require_chunk.__toESM(__spiffy_ai_commerce_api_client);
-let jotai = require("jotai");
-jotai = require_chunk.__toESM(jotai);
+const require_useMessageInterceptor = require('./useMessageInterceptor-BnUG2Pzt.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
+let jotai = require("jotai");
+jotai = require_chunk.__toESM(jotai);
+let __spiffy_ai_commerce_api_client = require("@spiffy-ai/commerce-api-client");
+__spiffy_ai_commerce_api_client = require_chunk.__toESM(__spiffy_ai_commerce_api_client);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 let uuid = require("uuid");
@@ -43,18 +43,18 @@ const useBlockBackButton = (enabled, callback) => {
 //#endregion
 //#region src/hooks/useChatToggle.ts
 const useChatToggle = () => {
-	const onToggle = (0, jotai.useSetAtom)(require_api.chatOnToggleAtom);
-	const { isOpen } = (0, jotai.useAtomValue)(require_api.chatAtom);
+	const onToggle = (0, jotai.useSetAtom)(require_chat.chatOnToggleAtom);
+	const { isOpen } = (0, jotai.useAtomValue)(require_chat.chatAtom);
 	const toggle = (triggerLocation, triggerId) => {
-		if (!isOpen) require_api.AmplitudeAdapter.trackEvent({
-			eventName: require_api.SpiffyMetricsEventName.ChatComponentExpanded,
+		if (!isOpen) require_chat.AmplitudeAdapter.trackEvent({
+			eventName: require_chat.SpiffyMetricsEventName.ChatComponentExpanded,
 			eventProps: { message_metadata: {
 				trigger_location: triggerLocation,
 				trigger_id: triggerId
 			} }
 		});
-		else require_api.AmplitudeAdapter.trackEvent({
-			eventName: require_api.SpiffyMetricsEventName.ChatComponentCollapsed,
+		else require_chat.AmplitudeAdapter.trackEvent({
+			eventName: require_chat.SpiffyMetricsEventName.ChatComponentCollapsed,
 			eventProps: { message_metadata: {
 				trigger_location: triggerLocation,
 				trigger_id: triggerId
@@ -189,7 +189,7 @@ var ShopifyUrlService = class ShopifyUrlService {
 	*/
 	static getPlpOrPdpId(extractor) {
 		if (extractor === "shopify-product-variant-id") {
-			const variantId = require_api.parseHref(window.location.href)?.urlSearchParams?.get("variant");
+			const variantId = require_chat.parseHref(window.location.href)?.urlSearchParams?.get("variant");
 			if (!variantId) return ShopifyUrlService.getPlpOrPdpId("shopify-product-id");
 			return variantId;
 		}
@@ -285,10 +285,10 @@ var PageVariantService = class PageVariantService {
 	static {
 		this.getCachedUrlResolver = async (url) => {
 			const atomStore = require_atomStore.getAtomStore();
-			const cachedUrlResolver = atomStore.get(require_api.urlResolverAtom)?.[url];
+			const cachedUrlResolver = atomStore.get(require_chat.urlResolverAtom)?.[url];
 			if (cachedUrlResolver) return cachedUrlResolver;
-			const response = await require_api.api_default.resolveUrl(url);
-			atomStore.set(require_api.urlResolverAtom, {
+			const response = await require_chat.api_default.resolveUrl(url);
+			atomStore.set(require_chat.urlResolverAtom, {
 				url,
 				response
 			});
@@ -332,28 +332,28 @@ var PageVariantService = class PageVariantService {
 	}
 	static {
 		this.userHasInteracted = (msgs) => {
-			if (msgs) return msgs.some((m) => m.some((msg) => msg.role === require_api.MessageRole.User));
-			const { messages } = require_atomStore.getAtomStore().get(require_api.chatAtom);
-			return messages.some((m) => m.some((msg) => msg.role === require_api.MessageRole.User));
+			if (msgs) return msgs.some((m) => m.some((msg) => msg.role === require_chat.MessageRole.User));
+			const { messages } = require_atomStore.getAtomStore().get(require_chat.chatAtom);
+			return messages.some((m) => m.some((msg) => msg.role === require_chat.MessageRole.User));
 		};
 	}
 	static {
 		this.userHasNotInteracted = (msgs) => {
-			if (msgs) return !msgs.some((m) => m.some((msg) => msg.role === require_api.MessageRole.User));
-			return !require_atomStore.getAtomStore().get(require_api.chatAtom).messages.some((m) => m.some((msg) => msg.role === require_api.MessageRole.User));
+			if (msgs) return !msgs.some((m) => m.some((msg) => msg.role === require_chat.MessageRole.User));
+			return !require_atomStore.getAtomStore().get(require_chat.chatAtom).messages.some((m) => m.some((msg) => msg.role === require_chat.MessageRole.User));
 		};
 	}
 	static {
 		this.isLoading = (msgs, responseStream) => {
 			if (msgs) return responseStream || !responseStream && msgs.length === 0;
-			const { responseStreaming, messages } = require_atomStore.getAtomStore().get(require_api.chatAtom);
+			const { responseStreaming, messages } = require_atomStore.getAtomStore().get(require_chat.chatAtom);
 			return responseStreaming || !responseStreaming && messages.length === 0;
 		};
 	}
 	static {
 		this.isProductComparison = (lastMsg) => {
-			if (lastMsg) return lastMsg?.filter((msg) => msg.type === require_api.MessageType.Product).length === 2;
-			return require_atomStore.getAtomStore().get(require_api.lastAssistantMessageAtom)?.filter((msg) => msg.type === require_api.MessageType.Product).length === 2;
+			if (lastMsg) return lastMsg?.filter((msg) => msg.type === require_chat.MessageType.Product).length === 2;
+			return require_atomStore.getAtomStore().get(require_chat.lastAssistantMessageAtom)?.filter((msg) => msg.type === require_chat.MessageType.Product).length === 2;
 		};
 	}
 	static {
@@ -378,13 +378,13 @@ var PageVariantService = class PageVariantService {
 		};
 	}
 	static checkFeatureGate(featureGate) {
-		return require_atomStore.getAtomStore().get(require_api.featureFlagServiceAtom).isFeatureGateEnabled(featureGate);
+		return require_atomStore.getAtomStore().get(require_chat.featureFlagServiceAtom).isFeatureGateEnabled(featureGate);
 	}
 	static getCategory(extractor) {
 		if (extractor.type === require_types.CategoryExtractorType.VisitCategoryDefault) return extractor.value;
 		if (extractor.type === require_types.CategoryExtractorType.VisitCategoryMap) {
 			const matched = Object.entries(extractor.map).find(([, urls]) => {
-				const hostMatched = require_api.StringUtils.findMatchingPattern(urls, window.location);
+				const hostMatched = require_chat.StringUtils.findMatchingPattern(urls, window.location);
 				if (hostMatched) return hostMatched;
 				return urls.find((url) => window.location.pathname.includes(url));
 			});
@@ -446,13 +446,13 @@ var PageVariantService = class PageVariantService {
 				const variantInfo = await this.parsePageVariantConfig(pageVariantConfig, window.location.href);
 				const usesURLResolver = pageVariantConfig.variantTests.some((test$1) => test$1.testType === require_types.PageVariantTestType.UrlResolver);
 				if (!variantInfo || variantInfo.variant === "plp" && !variantInfo.plpId || variantInfo.variant === "pdp" && !variantInfo.productId || variantInfo.variant === "page_visit" && !variantInfo.url) return;
-				const appDetails = require_atomStore.getAtomStore().get(require_api.appDetailsAtom);
+				const appDetails = require_atomStore.getAtomStore().get(require_chat.appDetailsAtom);
 				const visitEvent = createVisitUserEvent({ variantInfo });
 				if (!visitEvent) {
 					require_logger.logger_default.logWarn("spiffy-ai] no visitEvent found", variantInfo);
 					return;
 				}
-				if (!usesURLResolver) return await require_api.api_default.isSupportedEvent({
+				if (!usesURLResolver) return await require_chat.api_default.isSupportedEvent({
 					id: (0, uuid.v4)(),
 					context: appDetails,
 					userEvent: visitEvent
@@ -566,15 +566,15 @@ const isUserEventEqual = (event1, event2) => {
 	return false;
 };
 const useDynamicVariants = () => {
-	const orgUIConfig = (0, jotai.useAtomValue)(require_api.orgUIConfigAtom);
+	const orgUIConfig = (0, jotai.useAtomValue)(require_chat.orgUIConfigAtom);
 	const locationHrefRef = (0, react.useRef)(window.location.href);
-	const setVariantInfo = (0, jotai.useSetAtom)(require_api.variantInfoAtom);
-	const setSupportedEvent = (0, jotai.useSetAtom)(require_api.supportedEventAtom);
-	const queueUserEvent = (0, jotai.useSetAtom)(require_api.queueUserEventAtom);
+	const setVariantInfo = (0, jotai.useSetAtom)(require_chat.variantInfoAtom);
+	const setSupportedEvent = (0, jotai.useSetAtom)(require_chat.supportedEventAtom);
+	const queueUserEvent = (0, jotai.useSetAtom)(require_chat.queueUserEventAtom);
 	const [mostRecentUserEvent, setMostRecentUserEvent] = (0, react.useState)(null);
 	const orgPageConfig = (0, jotai.useAtomValue)(require_org.orgPageConfigAtom);
 	const debouncedFunc = (0, react.useRef)(null);
-	const [hasParsedVariantInfo, setHasParsedVariantInfo] = (0, jotai.useAtom)(require_api.hasParsedVariantInfoAtom);
+	const [hasParsedVariantInfo, setHasParsedVariantInfo] = (0, jotai.useAtom)(require_chat.hasParsedVariantInfoAtom);
 	const animationFrameRef = (0, react.useRef)(null);
 	const isBeforeUnload = (0, react.useRef)(false);
 	const handleLocationChange = () => {
@@ -604,8 +604,8 @@ const useDynamicVariants = () => {
 			const supportedEvent = await PageVariantService.checkSupportedEvent(pageVariantConfig);
 			console.log("useDynamicVariants - supportedEvent", supportedEvent);
 			setSupportedEvent(supportedEvent);
-			require_api.AmplitudeAdapter.trackEvent({
-				eventName: require_api.SpiffyMetricsEventName.SupportedEvent,
+			require_chat.AmplitudeAdapter.trackEvent({
+				eventName: require_chat.SpiffyMetricsEventName.SupportedEvent,
 				eventProps: { ...supportedEvent }
 			});
 		} else setHasParsedVariantInfo(false);
@@ -664,7 +664,7 @@ const useDynamicVariants = () => {
 //#region src/hooks/useElementObserver.ts
 const useElementObserver = (selector) => {
 	const INITIAL_RENDER_STATE = true;
-	const eoRef = (0, react.useRef)(require_api.DOMObserver.add(selector));
+	const eoRef = (0, react.useRef)(require_chat.DOMObserver.add(selector));
 	const [renderBlocked, setRenderBlocked] = (0, react.useState)(INITIAL_RENDER_STATE);
 	/**
 	* Fired every time the HTML element changes.
@@ -806,8 +806,8 @@ const useElementObserver = (selector) => {
 	(0, react.useEffect)(() => {
 		eoRef.current.init();
 		eoRef.current.registerOnReset(() => setRenderBlocked(INITIAL_RENDER_STATE));
-		require_api.DOMObserver.observe();
-		return () => require_api.DOMObserver.remove(selector);
+		require_chat.DOMObserver.observe();
+		return () => require_chat.DOMObserver.remove(selector);
 	}, [selector.getPattern()]);
 	return {
 		targetNode: eoRef.current.getNode(),
@@ -837,7 +837,7 @@ const useElementObserver = (selector) => {
 const useFileUpload = () => {
 	const fileInputRef = (0, react.useRef)(null);
 	const [attachment, setAttachment] = (0, jotai.useAtom)(require_org.customerServiceAttachment);
-	const customerServiceImpl = (0, jotai.useAtomValue)(require_api.orgCustomerServiceService);
+	const customerServiceImpl = (0, jotai.useAtomValue)(require_chat.orgCustomerServiceService);
 	const [error, setError] = (0, react.useState)("");
 	const isValidFile = (file) => {
 		const maxSize = customerServiceImpl.maxfileUploadSize;
@@ -981,7 +981,7 @@ const useGrabAndScroll = (enabled, chunkWidth, speed = 400, offset = 0) => {
 * This hook hides/shows elements that could overlap with the chat when the chat is opened/closed.
 */
 const useHideElements = () => {
-	const orgUIConfig = (0, jotai.useAtomValue)(require_api.orgUIConfigAtom);
+	const orgUIConfig = (0, jotai.useAtomValue)(require_chat.orgUIConfigAtom);
 	const [hasRegisteredEventListeners, setHasRegisteredEventListeners] = (0, react.useState)(false);
 	const elementObservers = (0, react.useRef)([]);
 	const hideElements = (elements) => {
@@ -997,12 +997,12 @@ const useHideElements = () => {
 	(0, react.useEffect)(() => {
 		elementObservers.current = [];
 		orgUIConfig.hiddenElementSelectors?.forEach((selector) => {
-			elementObservers.current.push(require_api.DOMObserver.add(require_api.SelectorFactory.query(selector)));
+			elementObservers.current.push(require_chat.DOMObserver.add(require_chat.SelectorFactory.query(selector)));
 		});
 		elementObservers.current.forEach((element) => {
 			element.init();
 		});
-		require_api.DOMObserver.observe();
+		require_chat.DOMObserver.observe();
 		return () => {
 			elementObservers.current.forEach((element) => {
 				element.destroy();
@@ -1012,16 +1012,16 @@ const useHideElements = () => {
 	}, [orgUIConfig.hiddenElementSelectors]);
 	(0, react.useEffect)(() => {
 		if (elementObservers.current.length > 0 && !hasRegisteredEventListeners) {
-			require_logger.logger_default.logDebug(`Registering ${require_api.SpiffyEventName.WidgetOpen} event for ${elementObservers.current.length} elements`);
-			window.addEventListener(require_api.SpiffyEventName.WidgetOpen, () => hideElements(elementObservers.current));
-			require_logger.logger_default.logDebug(`Registering ${require_api.SpiffyEventName.WidgetClose} event for ${elementObservers.current.length} elements`);
-			window.addEventListener(require_api.SpiffyEventName.WidgetClose, () => showElements(elementObservers.current));
+			require_logger.logger_default.logDebug(`Registering ${require_chat.SpiffyEventName.WidgetOpen} event for ${elementObservers.current.length} elements`);
+			window.addEventListener(require_chat.SpiffyEventName.WidgetOpen, () => hideElements(elementObservers.current));
+			require_logger.logger_default.logDebug(`Registering ${require_chat.SpiffyEventName.WidgetClose} event for ${elementObservers.current.length} elements`);
+			window.addEventListener(require_chat.SpiffyEventName.WidgetClose, () => showElements(elementObservers.current));
 			setHasRegisteredEventListeners(true);
 		}
 		return () => {
 			if (elementObservers.current.length > 0 && hasRegisteredEventListeners) {
-				window.removeEventListener(require_api.SpiffyEventName.WidgetOpen, () => hideElements(elementObservers.current));
-				window.removeEventListener(require_api.SpiffyEventName.WidgetClose, () => showElements(elementObservers.current));
+				window.removeEventListener(require_chat.SpiffyEventName.WidgetOpen, () => hideElements(elementObservers.current));
+				window.removeEventListener(require_chat.SpiffyEventName.WidgetClose, () => showElements(elementObservers.current));
 				setHasRegisteredEventListeners(false);
 			}
 		};
@@ -6274,7 +6274,7 @@ var ShopifyImageResolver = class extends ImageResolver {
 	}
 };
 const useImageResolver = () => {
-	const orgUIConfig = (0, jotai.useAtomValue)(require_api.orgUIConfigAtom);
+	const orgUIConfig = (0, jotai.useAtomValue)(require_chat.orgUIConfigAtom);
 	const resolve = (image, size) => {
 		if (image && size) return MerchantImageResolver.get(orgUIConfig.shortName)?.resolve(image, size) || image;
 		return image;
@@ -6343,7 +6343,7 @@ const useMessageFilter = () => {
 		if (!skipFilter) {
 			const idx = findMessageIndex({
 				msgs: deduplicatedMsgs,
-				type: require_api.MessageType.Separator
+				type: require_chat.MessageType.Separator
 			});
 			return removePreviousDiscussions(deduplicatedMsgs, idx);
 		}
@@ -6389,7 +6389,7 @@ const useMessageScrollObserver = (boxRef, scrollRef, onScrollChange) => {
 //#endregion
 //#region src/hooks/useSearch.tsx
 const useSearch = () => {
-	const orgUIConfig = (0, jotai.useAtomValue)(require_api.orgUIConfigAtom);
+	const orgUIConfig = (0, jotai.useAtomValue)(require_chat.orgUIConfigAtom);
 	const { data: searchData, loading: isLoadingSearch } = (0, jotai.useAtomValue)(require_search.searchAtom);
 	const productList = (0, jotai.useAtomValue)(require_search.filteredSearchProductsAtom);
 	const performSearch = (0, jotai.useSetAtom)(require_search.performSearchAtom);
@@ -6452,8 +6452,8 @@ const useSearch = () => {
 		return `Filter & Sort (${selectedCount})`;
 	}, [filters]);
 	const handleToggleDynamicFilter = (0, react.useCallback)(({ filter: filter$1, dynamicFilterDisplayName }) => {
-		require_api.AmplitudeAdapter.trackEvent({
-			eventName: require_api.SpiffyMetricsEventName.SearchFilterClicked,
+		require_chat.AmplitudeAdapter.trackEvent({
+			eventName: require_chat.SpiffyMetricsEventName.SearchFilterClicked,
 			eventProps: {
 				filterType: "Dynamic",
 				filterValue: filter$1,
@@ -6467,10 +6467,10 @@ const useSearch = () => {
 	}, [removeFilter]);
 	const handleSubmitSearch = (0, react.useCallback)(async () => {
 		if (searchText.trim()) {
-			require_api.AmplitudeAdapter.trackEvent({
-				eventName: require_api.SpiffyMetricsEventName.SearchQuerySubmitted,
+			require_chat.AmplitudeAdapter.trackEvent({
+				eventName: require_chat.SpiffyMetricsEventName.SearchQuerySubmitted,
 				eventProps: {
-					searchOrigin: require_api.SpiffyWidgets.SearchResults,
+					searchOrigin: require_chat.SpiffyWidgets.SearchResults,
 					queryText: searchText.trim()
 				},
 				alsoSendToGoogleAnalytics: true
@@ -6516,9 +6516,9 @@ const useSearch = () => {
 		handleSubmitSearch
 	]);
 	const handleSearchInputChange = (newValue) => {
-		if (newValue.length === 1) require_api.AmplitudeAdapter.trackEvent({
-			eventName: require_api.SpiffyMetricsEventName.SearchInputStarted,
-			eventProps: { searchOrigin: require_api.SpiffyWidgets.SearchResults }
+		if (newValue.length === 1) require_chat.AmplitudeAdapter.trackEvent({
+			eventName: require_chat.SpiffyMetricsEventName.SearchInputStarted,
+			eventProps: { searchOrigin: require_chat.SpiffyWidgets.SearchResults }
 		});
 		setSearchText(newValue);
 		setIsDirty(true);
@@ -6526,8 +6526,8 @@ const useSearch = () => {
 	const handleSelectFilterItem = (0, react.useCallback)(({ filterId, filterItemId, isSelected, displayName }) => {
 		if (filterId === "sort") {
 			const newSort = filterItemId;
-			require_api.AmplitudeAdapter.trackEvent({
-				eventName: require_api.SpiffyMetricsEventName.SearchSortClicked,
+			require_chat.AmplitudeAdapter.trackEvent({
+				eventName: require_chat.SpiffyMetricsEventName.SearchSortClicked,
 				eventProps: {
 					sortType: newSort,
 					queryText: searchText
@@ -6536,8 +6536,8 @@ const useSearch = () => {
 			setProductSorting(newSort);
 		} else if (!isSelected) removeFilter(`${filterId}:${filterItemId}`);
 		else {
-			require_api.AmplitudeAdapter.trackEvent({
-				eventName: require_api.SpiffyMetricsEventName.SearchFilterClicked,
+			require_chat.AmplitudeAdapter.trackEvent({
+				eventName: require_chat.SpiffyMetricsEventName.SearchFilterClicked,
 				eventProps: {
 					filterType: "Static",
 					filterCategory: filterId,
@@ -6557,10 +6557,10 @@ const useSearch = () => {
 		setProductSorting(require_search.ProductSorting.FEATURED);
 		clearFilters();
 	}, [setProductSorting, clearFilters]);
-	useTrackComponentVisibleEvent(require_api.SpiffyWidgets.SearchResults, searchResultsRef, {}, require_api.SpiffyMetricsEventName.SearchComponentVisible);
+	useTrackComponentVisibleEvent(require_chat.SpiffyWidgets.SearchResults, searchResultsRef, {}, require_chat.SpiffyMetricsEventName.SearchComponentVisible);
 	(0, react.useEffect)(() => {
-		if (productList.length > 0) require_api.AmplitudeAdapter.trackEvent({
-			eventName: require_api.SpiffyMetricsEventName.SearchResultsViewed,
+		if (productList.length > 0) require_chat.AmplitudeAdapter.trackEvent({
+			eventName: require_chat.SpiffyMetricsEventName.SearchResultsViewed,
 			eventProps: {
 				queryText: searchText,
 				resultsCount: productList.length
@@ -6757,90 +6757,6 @@ const useSnapControl = ({ animationKey, animation, height, unit, snaps, initSnap
 	};
 };
 
-//#endregion
-//#region src/hooks/useSystemSettingsContext.ts
-const useSystemSettingsContext = () => {
-	const context = (0, react.useContext)(SystemSettingsContext);
-	if (!context) throw new Error("useSystemSettingsContext must be used within a SystemSettingsContextProvider");
-	return { ...context };
-};
-
-//#endregion
-//#region src/hooks/useTrackComponentVisibleEvent.ts
-/**
-* Tracks a component and logs an event to Amplitude when the component is visible.
-*
-* @param component - The component to track.
-* @param element - The element to track visibility of.
-* @param eventProps - Additional properties to include with the event.
-* @param eventName - The Amplitude event name to track (defaults to ChatComponentVisible).
-*/
-const useTrackComponentVisibleEvent = (component, element, eventProps, eventName = require_api.SpiffyMetricsEventName.ChatComponentVisible) => {
-	const isVisible = useIntersection(element, "0px");
-	const hasTrackedEvent = (0, react.useRef)(false);
-	const componentProps = (() => {
-		if (eventName === require_api.SpiffyMetricsEventName.ChatComponentVisible) return {
-			chat_component: component,
-			...eventProps
-		};
-		if (eventName === require_api.SpiffyMetricsEventName.SearchComponentVisible) return {
-			search_component: component,
-			...eventProps
-		};
-		return {
-			component,
-			...eventProps
-		};
-	})();
-	(0, react.useEffect)(() => {
-		if (isVisible && !hasTrackedEvent.current) {
-			require_api.AmplitudeAdapter.trackEvent({
-				eventName,
-				eventProps: componentProps
-			});
-			hasTrackedEvent.current = true;
-		}
-	}, [
-		isVisible,
-		component,
-		eventProps,
-		eventName,
-		componentProps
-	]);
-};
-
-//#endregion
-//#region src/hooks/useUpdateAnalyticsProps.ts
-/**
-* Updates the default analytics properties whenever the variant info changes. This hook also
-* triggers any events that should be sent once per page visit.
-*/
-const useUpdateAnalyticsProps = () => {
-	const variantInfo = (0, jotai.useAtomValue)(require_api.variantInfoAtom);
-	const amplitudeAdapterRef = (0, react.useRef)(null);
-	const hasInitialized = (0, react.useRef)(false);
-	const hasParsedVariantInfo = (0, jotai.useAtomValue)(require_api.hasParsedVariantInfoAtom);
-	(0, react.useEffect)(() => {
-		if (!amplitudeAdapterRef.current) amplitudeAdapterRef.current = require_api.AmplitudeAdapter.getSingletonInstanceOf();
-		const variantInfoWithPrefix = Object.fromEntries(Object.entries(variantInfo).map(([key, value]) => [`variantInfo.${key}`, value]));
-		const defaultEventProperties = {
-			page_variant: variantInfo.variant,
-			...variantInfoWithPrefix
-		};
-		if (variantInfo.variant === "pdp") defaultEventProperties.product_id = variantInfo.productId;
-		if (variantInfo.variant === "plp") defaultEventProperties.plp_id = variantInfo.plpId;
-		if (variantInfo.variant === "page_visit") {
-			defaultEventProperties.page_visit_category = variantInfo.pageVisitCategory;
-			defaultEventProperties.page_visit_url = variantInfo.url;
-		}
-		amplitudeAdapterRef.current?.setSupplementalDefaultProps(defaultEventProperties);
-		if (!hasInitialized.current && hasParsedVariantInfo) {
-			require_api.AmplitudeAdapter.trackEvent({ eventName: require_api.SpiffyMetricsEventName.BundleLoaded });
-			hasInitialized.current = true;
-		}
-	}, [variantInfo, hasParsedVariantInfo]);
-};
-
 //#endregion
 //#region src/contexts/chatContext.tsx
 /**
@@ -6851,7 +6767,7 @@ const useUpdateAnalyticsProps = () => {
 */
 const recordAssistantResponse = (startTimeMs, payload) => {
 	const atomStore = require_atomStore.getAtomStore();
-	const chatState = atomStore.get(require_api.chatAtom);
+	const chatState = atomStore.get(require_chat.chatAtom);
 	const chatSearchState = atomStore.get(require_search.chatSearchStateAtom);
 	const searchProducts = atomStore.get(require_search.chatSearchProducts);
 	const searchProductsSort = atomStore.get(require_search.chatSearchProductSortingAtom);
@@ -6868,9 +6784,9 @@ const recordAssistantResponse = (startTimeMs, payload) => {
 		user_query: userQueryProperty
 	};
 	if (chatState.replyEventCategory === __spiffy_ai_commerce_api_client.UserEventCategory.FormSubmitted) {
-		const lastAssistantTurn = chatState.messages.filter((turn) => turn.length > 0 && turn[0].role === require_api.MessageRole.Assistant).pop();
+		const lastAssistantTurn = chatState.messages.filter((turn) => turn.length > 0 && turn[0].role === require_chat.MessageRole.Assistant).pop();
 		const formType = payload.userEvents?.find((event) => event.category === __spiffy_ai_commerce_api_client.UserEventCategory.FormSubmitted)?.attributes.formType;
-		const formStatus = lastAssistantTurn?.some((response) => response.type === require_api.MessageType.Order);
+		const formStatus = lastAssistantTurn?.some((response) => response.type === require_chat.MessageType.Order);
 		eventProps.form_submitted_attributes = {
 			form_type: formType,
 			status: formStatus ? "success" : "failed"
@@ -6880,8 +6796,8 @@ const recordAssistantResponse = (startTimeMs, payload) => {
 		eventProps.search_products_returned = searchProducts.length;
 		eventProps.search_products_sort_type = searchProductsSort;
 	}
-	require_api.AmplitudeAdapter.trackEvent({
-		eventName: require_api.SpiffyMetricsEventName.ChatAssistantResponse,
+	require_chat.AmplitudeAdapter.trackEvent({
+		eventName: require_chat.SpiffyMetricsEventName.ChatAssistantResponse,
 		eventProps
 	});
 };
@@ -6891,7 +6807,7 @@ const updateMessageState = (message, lastMessage, setMessages) => {
 		setMessages((prev) => [...prev, [message]]);
 		return message;
 	}
-	if (lastMessage.type === require_api.MessageType.Text && message.type === require_api.MessageType.Text) {
+	if (lastMessage.type === require_chat.MessageType.Text && message.type === require_chat.MessageType.Text) {
 		const newMessage = {
 			...lastMessage,
 			metadata: {
@@ -6912,8 +6828,8 @@ const handleStreamingError = (_error, setRequestFailure, setMessages) => {
 	setRequestFailure(true);
 	setMessages((prev) => [...prev, [{
 		id: (0, uuid.v4)(),
-		role: require_api.MessageRole.Assistant,
-		type: require_api.MessageType.Text,
+		role: require_chat.MessageRole.Assistant,
+		type: require_chat.MessageType.Text,
 		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
 		metadata: { content: "I'm sorry! I'm having trouble right now. Please refresh the page or try again in a moment." }
 	}]]);
@@ -6923,9 +6839,9 @@ const processStreamingResponse = async (stream, messageInterceptor, handleSearch
 	let hasSearchResults = false;
 	for await (const response of stream) try {
 		if (messageInterceptor.intercept(response)) return { hasSearchResults };
-		const message = require_api.messageFromResponse(response);
+		const message = require_chat.messageFromResponse(response);
 		if (!message) throw new Error("Failed to transform API response to client message");
-		if (message.type === require_api.MessageType.ProductSearch) {
+		if (message.type === require_chat.MessageType.ProductSearch) {
 			handleSearchResults(message);
 			hasSearchResults = true;
 			setSearchIsLoading(false);
@@ -6940,31 +6856,31 @@ const processStreamingResponse = async (stream, messageInterceptor, handleSearch
 	return { hasSearchResults };
 };
 const ChatContextProvider = ({ children }) => {
-	const logPerfMetric = (0, jotai.useSetAtom)(require_api.logPerfMetricAtom);
+	const logPerfMetric = (0, jotai.useSetAtom)(require_chat.logPerfMetricAtom);
 	const [widgetInitialized, setWidgetInitialized] = (0, react.useState)(false);
-	const setUserHasReplied = (0, jotai.useSetAtom)(require_api.userHasRepliedAtom);
-	const [messages, setMessages] = (0, jotai.useAtom)(require_api.messagesAtom);
-	const setUserEvents = (0, jotai.useSetAtom)(require_api.userEventsAtom);
-	const setSuggestions = (0, jotai.useSetAtom)(require_api.suggestionsAtom);
-	const [suggestionsLoading, setSuggestionsLoading] = (0, jotai.useAtom)(require_api.suggestionsLoadingAtom);
-	const [responseStreaming, setResponseStreaming] = (0, jotai.useAtom)(require_api.responseStreamingAtom);
-	const setRequestFailure = (0, jotai.useSetAtom)(require_api.requestFailureAtom);
-	const userEvents = (0, jotai.useAtomValue)(require_api.userEventQueueAtom);
-	const userQueueEventCount = (0, jotai.useAtomValue)(require_api.userQueueEventCountAtom);
-	const markUserEventsProcessed = (0, jotai.useSetAtom)(require_api.processUserEventAtom);
-	const clearUserEventQueue = (0, jotai.useSetAtom)(require_api.clearUserEventAtom);
-	const userId = (0, jotai.useAtomValue)(require_api.userIdAtom);
-	const chatId = (0, jotai.useAtomValue)(require_api.chatIdAtom);
-	const supportedEvent = (0, jotai.useAtomValue)(require_api.supportedEventAtom);
-	const orgId = (0, jotai.useAtomValue)(require_api.orgIdAtom);
-	const variantInfo = (0, jotai.useAtomValue)(require_api.variantInfoAtom);
+	const setUserHasReplied = (0, jotai.useSetAtom)(require_chat.userHasRepliedAtom);
+	const [messages, setMessages] = (0, jotai.useAtom)(require_chat.messagesAtom);
+	const setUserEvents = (0, jotai.useSetAtom)(require_chat.userEventsAtom);
+	const setSuggestions = (0, jotai.useSetAtom)(require_chat.suggestionsAtom);
+	const [suggestionsLoading, setSuggestionsLoading] = (0, jotai.useAtom)(require_chat.suggestionsLoadingAtom);
+	const [responseStreaming, setResponseStreaming] = (0, jotai.useAtom)(require_chat.responseStreamingAtom);
+	const setRequestFailure = (0, jotai.useSetAtom)(require_chat.requestFailureAtom);
+	const userEvents = (0, jotai.useAtomValue)(require_chat.userEventQueueAtom);
+	const userQueueEventCount = (0, jotai.useAtomValue)(require_chat.userQueueEventCountAtom);
+	const markUserEventsProcessed = (0, jotai.useSetAtom)(require_chat.processUserEventAtom);
+	const clearUserEventQueue = (0, jotai.useSetAtom)(require_chat.clearUserEventAtom);
+	const userId = (0, jotai.useAtomValue)(require_chat.userIdAtom);
+	const chatId = (0, jotai.useAtomValue)(require_chat.chatIdAtom);
+	const supportedEvent = (0, jotai.useAtomValue)(require_chat.supportedEventAtom);
+	const orgId = (0, jotai.useAtomValue)(require_chat.orgIdAtom);
+	const variantInfo = (0, jotai.useAtomValue)(require_chat.variantInfoAtom);
 	const settingsContext = useSystemSettingsContext();
 	const messageInterceptor = require_useMessageInterceptor.useMessageInterceptor();
 	const handleSearchResults = (0, jotai.useSetAtom)(require_search.handleSearchResultsAtom);
 	const setSearchIsLoading = (0, jotai.useSetAtom)(require_search.chatSearchIsLoadingAtom);
 	const getStreamingResponses = (0, react.useCallback)(async (payload) => {
-		logPerfMetric(require_api.PerfMetricsEvents.FirstResponseStarted);
-		const stream = require_api.api_default.getNextResponseStreaming(payload);
+		logPerfMetric(require_chat.PerfMetricsEvents.FirstResponseStarted);
+		const stream = require_chat.api_default.getNextResponseStreaming(payload);
 		try {
 			setRequestFailure(false);
 			const { hasSearchResults } = await processStreamingResponse(stream, messageInterceptor, handleSearchResults, setMessages, setSearchIsLoading, chatId);
@@ -6973,7 +6889,7 @@ const ChatContextProvider = ({ children }) => {
 			handleStreamingError(e, setRequestFailure, setMessages);
 			throw e;
 		} finally {
-			logPerfMetric(require_api.PerfMetricsEvents.FirstResponseCompleted);
+			logPerfMetric(require_chat.PerfMetricsEvents.FirstResponseCompleted);
 		}
 	}, [
 		logPerfMetric,
@@ -6985,17 +6901,17 @@ const ChatContextProvider = ({ children }) => {
 		chatId
 	]);
 	const getSuggestions = (0, react.useCallback)(async () => {
-		logPerfMetric(require_api.PerfMetricsEvents.FirstSuggestionsStarted);
+		logPerfMetric(require_chat.PerfMetricsEvents.FirstSuggestionsStarted);
 		setSuggestionsLoading(true);
 		setSuggestions([]);
-		const payloadWithoutAppLoaded = require_api.createResponsePayload({
+		const payloadWithoutAppLoaded = require_chat.createResponsePayload({
 			userEvents: [],
 			generationParams: settingsContext.generationParams
 		});
-		const response = await require_api.api_default.getNextSuggestions(payloadWithoutAppLoaded);
+		const response = await require_chat.api_default.getNextSuggestions(payloadWithoutAppLoaded);
 		setSuggestions(response.sort((a, b) => a.content.length - b.content.length));
 		setSuggestionsLoading(false);
-		logPerfMetric(require_api.PerfMetricsEvents.FirstSuggestionsCompleted);
+		logPerfMetric(require_chat.PerfMetricsEvents.FirstSuggestionsCompleted);
 	}, [
 		logPerfMetric,
 		setSuggestionsLoading,
@@ -7004,7 +6920,7 @@ const ChatContextProvider = ({ children }) => {
 	]);
 	const getResponses = (0, react.useCallback)(async (payload) => {
 		try {
-			const requestPayload = payload ?? require_api.createResponsePayload({
+			const requestPayload = payload ?? require_chat.createResponsePayload({
 				userEvents,
 				generationParams: settingsContext.generationParams
 			});
@@ -7066,19 +6982,19 @@ const ChatContextProvider = ({ children }) => {
 		const hydrateChat = async () => {
 			try {
 				require_logger.logger_default.logDebug(`[spiffy-ai] initializeWidget is_currently_streaming=${responseStreaming} is_initialized=${widgetInitialized}`);
-				const { messages: existingMessages, userEvents: userEvents$1 } = await require_api.api_default.getResponses(orgId, chatId, userId);
+				const { messages: existingMessages, userEvents: userEvents$1 } = await require_chat.api_default.getResponses(orgId, chatId, userId);
 				setMessages([...existingMessages]);
 				setUserEvents([...userEvents$1]);
 				getResponses();
 			} catch (error) {
 				require_logger.logger_default.logInfo(`Init chat [exception] chat_id=${chatId} error=${error}`, error);
-				if (error instanceof require_api.SessionRestartRequired) {
+				if (error instanceof require_chat.SessionRestartRequired) {
 					const appLoadedEvent = createAppLoadedEvent();
 					const visitEvent = createVisitUserEvent({ variantInfo });
 					setMessages([]);
 					clearUserEventQueue();
 					if (visitEvent) {
-						const payload = require_api.createResponsePayload({
+						const payload = require_chat.createResponsePayload({
 							userEvents: [appLoadedEvent, visitEvent],
 							generationParams: settingsContext.generationParams
 						});
@@ -7094,7 +7010,7 @@ const ChatContextProvider = ({ children }) => {
 	const onFocus = (0, react.useCallback)(async () => {
 		try {
 			if (!responseStreaming && !suggestionsLoading) {
-				const { messages: existingMessages } = await require_api.api_default.getResponses(orgId, chatId, userId);
+				const { messages: existingMessages } = await require_chat.api_default.getResponses(orgId, chatId, userId);
 				if (existingMessages.length > messages.length) setMessages([...existingMessages]);
 			}
 		} catch (error) {
@@ -7137,7 +7053,7 @@ const defaultGenerationParams = {
 const SystemSettingsContext = (0, react.createContext)(void 0);
 const SystemSettingsContextProvider = ({ children, generationParams, showDebugBar }) => {
 	const [params, setParams] = (0, react.useState)(() => generationParams ?? defaultGenerationParams);
-	const endpointURL = (0, jotai.useAtomValue)(require_api.endpointURLAtom);
+	const endpointURL = (0, jotai.useAtomValue)(require_chat.endpointURLAtom);
 	const settingsContextValues = (0, react.useMemo)(() => ({
 		generationParams: params,
 		showDebugBar,
@@ -7154,6 +7070,90 @@ const SystemSettingsContextProvider = ({ children, generationParams, showDebugBa
 	});
 };
 
+//#endregion
+//#region src/hooks/useSystemSettingsContext.ts
+const useSystemSettingsContext = () => {
+	const context = (0, react.useContext)(SystemSettingsContext);
+	if (!context) throw new Error("useSystemSettingsContext must be used within a SystemSettingsContextProvider");
+	return { ...context };
+};
+
+//#endregion
+//#region src/hooks/useTrackComponentVisibleEvent.ts
+/**
+* Tracks a component and logs an event to Amplitude when the component is visible.
+*
+* @param component - The component to track.
+* @param element - The element to track visibility of.
+* @param eventProps - Additional properties to include with the event.
+* @param eventName - The Amplitude event name to track (defaults to ChatComponentVisible).
+*/
+const useTrackComponentVisibleEvent = (component, element, eventProps, eventName = require_chat.SpiffyMetricsEventName.ChatComponentVisible) => {
+	const isVisible = useIntersection(element, "0px");
+	const hasTrackedEvent = (0, react.useRef)(false);
+	const componentProps = (() => {
+		if (eventName === require_chat.SpiffyMetricsEventName.ChatComponentVisible) return {
+			chat_component: component,
+			...eventProps
+		};
+		if (eventName === require_chat.SpiffyMetricsEventName.SearchComponentVisible) return {
+			search_component: component,
+			...eventProps
+		};
+		return {
+			component,
+			...eventProps
+		};
+	})();
+	(0, react.useEffect)(() => {
+		if (isVisible && !hasTrackedEvent.current) {
+			require_chat.AmplitudeAdapter.trackEvent({
+				eventName,
+				eventProps: componentProps
+			});
+			hasTrackedEvent.current = true;
+		}
+	}, [
+		isVisible,
+		component,
+		eventProps,
+		eventName,
+		componentProps
+	]);
+};
+
+//#endregion
+//#region src/hooks/useUpdateAnalyticsProps.ts
+/**
+* Updates the default analytics properties whenever the variant info changes. This hook also
+* triggers any events that should be sent once per page visit.
+*/
+const useUpdateAnalyticsProps = () => {
+	const variantInfo = (0, jotai.useAtomValue)(require_chat.variantInfoAtom);
+	const amplitudeAdapterRef = (0, react.useRef)(null);
+	const hasInitialized = (0, react.useRef)(false);
+	const hasParsedVariantInfo = (0, jotai.useAtomValue)(require_chat.hasParsedVariantInfoAtom);
+	(0, react.useEffect)(() => {
+		if (!amplitudeAdapterRef.current) amplitudeAdapterRef.current = require_chat.AmplitudeAdapter.getSingletonInstanceOf();
+		const variantInfoWithPrefix = Object.fromEntries(Object.entries(variantInfo).map(([key, value]) => [`variantInfo.${key}`, value]));
+		const defaultEventProperties = {
+			page_variant: variantInfo.variant,
+			...variantInfoWithPrefix
+		};
+		if (variantInfo.variant === "pdp") defaultEventProperties.product_id = variantInfo.productId;
+		if (variantInfo.variant === "plp") defaultEventProperties.plp_id = variantInfo.plpId;
+		if (variantInfo.variant === "page_visit") {
+			defaultEventProperties.page_visit_category = variantInfo.pageVisitCategory;
+			defaultEventProperties.page_visit_url = variantInfo.url;
+		}
+		amplitudeAdapterRef.current?.setSupplementalDefaultProps(defaultEventProperties);
+		if (!hasInitialized.current && hasParsedVariantInfo) {
+			require_chat.AmplitudeAdapter.trackEvent({ eventName: require_chat.SpiffyMetricsEventName.BundleLoaded });
+			hasInitialized.current = true;
+		}
+	}, [variantInfo, hasParsedVariantInfo]);
+};
+
 //#endregion
 Object.defineProperty(exports, 'ChatContext', {
   enumerable: true,