wealth-alpha-chat-widget 2.1.3 → 2.1.5

package/dist/index.cjs

@@ -348,6 +348,7 @@ function useAuth(opts) {
   const [error, setError] = react.useState(null);
   const [tick, setTick] = react.useState(0);
   const onErrorRef = react.useRef(onError);
+  const hadUserRef = react.useRef(false);
   react.useEffect(() => {
     onErrorRef.current = onError;
   }, [onError]);
@@ -360,12 +361,15 @@ function useAuth(opts) {
     if (!session?.token) {
       setUser(null);
       setLoading(false);
+      hadUserRef.current = false;
       return;
     }
     const controller = new AbortController();
-    setLoading(true);
+    const isInitial = !hadUserRef.current;
+    if (isInitial) setLoading(true);
     setError(null);
     checkAuth(apiBase, authCheck, controller.signal).then((u) => {
+      hadUserRef.current = true;
       setUser(u);
       setError(null);
     }).catch((err) => {
@@ -373,12 +377,13 @@ function useAuth(opts) {
       if (err instanceof AuthExpiredError) {
         clearSession();
         setUser(null);
+        hadUserRef.current = false;
       } else {
         setError(err);
         onErrorRef.current?.(err);
       }
     }).finally(() => {
-      if (!controller.signal.aborted) setLoading(false);
+      if (!controller.signal.aborted && isInitial) setLoading(false);
     });
     return () => controller.abort();
   }, [apiBase, authCheck, enabled, tick]);
@@ -1322,7 +1327,7 @@ function WealthChat(props) {
     ttlSeconds: sessionTTL,
     onExpire: onSessionExpire
   });
-  const { isLoggedIn, user, loading: authLoading } = useAuth({
+  const { isLoggedIn, user, loading: authLoading, refresh: refreshAuth } = useAuth({
     apiBase,
     authCheck,
     enabled: mounted && open,
@@ -1379,6 +1384,46 @@ function WealthChat(props) {
     });
     onLogin?.();
   }, [isLoggedIn, open, chatState.messages.length, welcomeMessage, session, user, appendBotResponse, onLogin, welcomeShownRef]);
+  react.useEffect(() => {
+    if (!mounted || !open) return;
+    let last = 0;
+    const THROTTLE_MS = 3e3;
+    const trigger = () => {
+      const now = Date.now();
+      if (now - last < THROTTLE_MS) return;
+      last = now;
+      refreshAuth();
+    };
+    const onVisible = () => {
+      if (typeof document !== "undefined" && document.visibilityState === "visible") trigger();
+    };
+    window.addEventListener("focus", trigger);
+    window.addEventListener("wealthalpha:refresh-auth", trigger);
+    document.addEventListener("visibilitychange", onVisible);
+    return () => {
+      window.removeEventListener("focus", trigger);
+      window.removeEventListener("wealthalpha:refresh-auth", trigger);
+      document.removeEventListener("visibilitychange", onVisible);
+    };
+  }, [mounted, open, refreshAuth]);
+  const planRef = react.useRef({ known: false });
+  react.useEffect(() => {
+    if (!user) {
+      planRef.current = { known: false };
+      return;
+    }
+    const prev = planRef.current;
+    planRef.current = { known: true, plan: user.plan };
+    if (!prev.known || prev.plan === user.plan) return;
+    if (chatState.messages.length === 0) return;
+    deactivatePriorChips();
+    appendBotResponse({
+      message: user.welcomeMessage ?? buildWelcome(user.name, user.plan),
+      chips: user.rootChips ?? [],
+      sessionId: session?.sessionId ?? "",
+      endOfFlow: false
+    });
+  }, [user, chatState.messages.length, deactivatePriorChips, appendBotResponse, session]);
   const handleChipClick = react.useCallback(
     async (chip) => {
       touch();