@envive-ai/react-hooks 0.2.6-alpha.13 → 0.2.6

package/src/hooks/FloatingButtonVisibility/index.ts

@@ -1 +0,0 @@
-export * from './useFloatingButtonVisibility';

package/src/hooks/FloatingButtonVisibility/useFloatingButtonVisibility.ts

@@ -1,99 +0,0 @@
-import { useState, useRef, useEffect } from "react";
-import { isElementPartiallyVisible } from "../utils";
-import { useAtomValue } from "jotai";
-import { isGlobalSearchOpenAtom, isSearchResultsOpenAtom } from "src/atoms/globalSearch";
-import { useScroll } from "framer-motion";
-
-export const useFloatingButtonVisibility = (
-  floatingBtnRef: React.RefObject<HTMLDivElement>,
-  spiffyPreviewRefs?: React.MutableRefObject<HTMLElement[]>,
-  ATCComponentRef?: React.RefObject<HTMLDivElement>,
-  isRight?: boolean,
-  expandable?: boolean
-) => {
-  const { scrollYProgress } = useScroll();
-  const [scrollDirection, setScrollDirection] = useState<'up' | 'down'>();
-  const prevScrollY = useRef(scrollYProgress.get());
-  const isGlobalSearchOpen = useAtomValue(isGlobalSearchOpenAtom);
-  const isSearchResultsOpen = useAtomValue(isSearchResultsOpenAtom);
-
-  const isOverSpiffyPreview = (): boolean => {
-    const floatingBtn = floatingBtnRef.current;
-    if (!floatingBtn) return false;
-
-    return spiffyPreviewRefs?.current?.some((ref) => {
-      if (!ref) return false;
-
-      const floatingBtnRect = floatingBtn.getBoundingClientRect();
-      const spiffyPreviewRefRect = ref.getBoundingClientRect();
-
-      const horizontalOverlap = isRight
-        ? floatingBtnRect.right > spiffyPreviewRefRect.left &&
-        floatingBtnRect.left < spiffyPreviewRefRect.right + 180
-        : floatingBtnRect.left < spiffyPreviewRefRect.right &&
-        floatingBtnRect.right > spiffyPreviewRefRect.left - 180;
-
-      const verticalOverlap =
-        floatingBtnRect.top < spiffyPreviewRefRect.bottom &&
-        floatingBtnRect.bottom > spiffyPreviewRefRect.top;
-
-      return horizontalOverlap && verticalOverlap;
-    }) ?? false;
-  };
-
-  const showFloatingButton = () => {
-    if (!expandable || !floatingBtnRef.current) return;
-    floatingBtnRef.current.style.transform = 'translateX(0)';
-  };
-
-  const hideFloatingButton = () => {
-    if (!expandable || !floatingBtnRef.current) return;
-    floatingBtnRef.current.style.transform = isRight
-      ? 'translateX(80px)'
-      : 'translateX(-80px)';
-  };
-
-  // Scroll handling
-  useEffect(() => {
-    const unsubscribe = scrollYProgress.onChange((current: number) => {
-      setScrollDirection(current > prevScrollY.current ? 'down' : 'up');
-      prevScrollY.current = current;
-
-      if (spiffyPreviewRefs?.current?.length) {
-        const isOver = isOverSpiffyPreview();
-        const isATCVisible = isElementPartiallyVisible(ATCComponentRef?.current);
-
-        if (isOver || isATCVisible || isGlobalSearchOpen || isSearchResultsOpen) {
-          hideFloatingButton();
-        } else {
-          showFloatingButton();
-        }
-      }
-    });
-
-    return () => scrollYProgress.clearListeners();
-  }, [scrollYProgress, spiffyPreviewRefs, isGlobalSearchOpen, isSearchResultsOpen]);
-
-  // ATC visibility handling
-  useEffect(() => {
-    const notifyAction = () => {
-      const isVisible = isElementPartiallyVisible(ATCComponentRef?.current);
-      isVisible ? hideFloatingButton() : showFloatingButton();
-    };
-
-    ATCComponentRef?.current?.addEventListener('transitionend', notifyAction);
-    return () => ATCComponentRef?.current?.removeEventListener('transitionend', notifyAction);
-  }, [ATCComponentRef?.current]);
-
-  // Global search visibility
-  useEffect(() => {
-    if (isGlobalSearchOpen || isSearchResultsOpen) {
-      hideFloatingButton();
-    } else {
-      showFloatingButton();
-    }
-  }, [isGlobalSearchOpen, isSearchResultsOpen]);
-
-  return { scrollDirection };
-};
-

package/src/hooks/LastInteraction/index.ts

@@ -1 +0,0 @@
-export * from './useLastInteraction';

package/src/hooks/LastInteraction/useLastInteraction.ts

@@ -1,42 +0,0 @@
-import { useState, useEffect } from "react";
-import { Message } from "src/application/models";
-import { useLocalStorage } from "src/contexts/localStorageContext";
-
-const LAST_INTERACTION_KEY = 'v1-spiffy-last-interaction';
-
-// Custom hook for last interaction tracking
-export const useLastInteraction = (
-  isChatOpen: boolean,
-  messages: Message[][],
-  setHover: (state: boolean) => void
-) => {
-  const { setItem, getItem } = useLocalStorage();
-  const [lastInteraction, setLastInteraction] = useState<Date | null>(null);
-
-  useEffect(() => {
-    if (lastInteraction || isChatOpen) {
-      const currentTime = new Date();
-      setLastInteraction(currentTime);
-      setItem(LAST_INTERACTION_KEY, currentTime.toISOString());
-    }
-
-    setHover(isChatOpen);
-  }, [isChatOpen]);
-
-  useEffect(() => {
-    if (!lastInteraction) return;
-
-    const lastInteractionString = getItem('spiffy-last-interaction');
-
-    if (lastInteractionString && lastInteractionString !== lastInteraction.toISOString()) {
-      const lastInteractionTime = new Date(lastInteractionString);
-      if (lastInteractionTime > lastInteraction) {
-        setLastInteraction(lastInteractionTime);
-      } else {
-        setItem(LAST_INTERACTION_KEY, lastInteraction.toISOString());
-      }
-    }
-  }, [messages.length]);
-
-  return lastInteraction;
-};

package/src/types/floatingbuttonoverrides-types.ts

@@ -1,10 +0,0 @@
-export enum FloatingButtonOverrides {
-  FLOATING_BUTTON_POSITION_CLASS = 'spiffy-floating-button-position',
-  FLOATING_BUTTON_ROOT = 'spiffy-floating-button',
-  FLOATING_BUTTON_CHILD_CONTAINER = 'spiffy-floating-button-child-container',
-  FLOATING_BUTTON_ICON_CONTAINER = 'spiffy-floating-button-icon-container',
-  FLOATING_BUTTON_TEXT_CONTAINER = 'spiffy-floating-button-text-container',
-  FLOATING_BUTTON_TEXT = 'spiffy-floating-button-text',
-  FLOATING_BUTTON_EXPANDED = 'spiffy-floating-button-expanded',
-  FLOATING_BUTTON_COLLAPSED = 'spiffy-floating-button-collapsed',
-}