app-tutor-ai-consumer 1.34.0 → 1.35.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.35.1](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.35.0...v1.35.1) (2025-11-05)
+
+# [1.35.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.34.0...v1.35.0) (2025-11-05)
+
+### Features
+
+- add retry question ([7b75aba](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/7b75aba715ade6d5a7fec04237f8f13e643d47f5))
+
 # [1.34.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.33.1...v1.34.0) (2025-11-04)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-tutor-ai-consumer",
-  "version": "1.34.0",
+  "version": "1.35.1",
   "main": "index.js",
   "scripts": {
     "dev": "rspack serve --env=development --config config/rspack/rspack.config.js",
@@ -111,9 +111,7 @@
     "@hotmart-org-ca/sparkie": "~5.1.4",
     "@hotmart/event-agent-js": "~1.1.2",
     "@optimizely/react-sdk": "~3.2.4",
-    "@tanstack/query-sync-storage-persister": "~5.80.7",
     "@tanstack/react-query": "~5.80.6",
-    "@tanstack/react-query-persist-client": "~5.80.7",
     "clsx": "~2.1.1",
     "dayjs": "~1.11.13",
     "i18next": "~25.2.1",

package/src/config/tanstack/query-client.ts

@@ -1,4 +1,3 @@
-import { createSyncStoragePersister } from '@tanstack/query-sync-storage-persister'
 import { QueryClient } from '@tanstack/react-query'
 
 import { DEFAULT_STALE_TIME, HttpCodes } from '@/src/lib/utils'
@@ -26,7 +25,3 @@ export const queryClient = new QueryClient({
     }
   }
 })
-
-export const persister = createSyncStoragePersister({
-  storage: window.localStorage
-})

package/src/config/tanstack/query-provider.tsx

@@ -1,10 +1,8 @@
 import type { QueryClient } from '@tanstack/react-query'
+import { QueryClientProvider } from '@tanstack/react-query'
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
-import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client'
 import type { PropsWithChildren } from 'react'
 
-import { persister } from './query-client'
-
 export type QueryProviderProps = PropsWithChildren<{
   showDevTools?: boolean
   queryClient: QueryClient
@@ -12,10 +10,10 @@ export type QueryProviderProps = PropsWithChildren<{
 
 function QueryProvider({ children, queryClient, showDevTools = true }: QueryProviderProps) {
   return (
-    <PersistQueryClientProvider client={queryClient} persistOptions={{ persister }}>
+    <QueryClientProvider client={queryClient}>
       {children}
       {showDevTools && <ReactQueryDevtools buttonPosition='top-right' />}
-    </PersistQueryClientProvider>
+    </QueryClientProvider>
   )
 }
 

package/src/lib/components/errors/generic/generic-error.tsx

@@ -6,7 +6,13 @@ import { Button } from '@/src/lib/components'
 import { PageLayout, TutorWidgetEvents, useIsAgentParentAtomValue } from '@/src/modules/widget'
 import { WidgetHeader } from '@/src/modules/widget/components/header'
 
-function GenericError({ isDarkMode = false }: { isDarkMode?: boolean }) {
+function GenericError({
+  isDarkMode = false,
+  onRetry
+}: {
+  isDarkMode?: boolean
+  onRetry?: () => void
+}) {
   const { t } = useTranslation()
   const isAgentMode = useIsAgentParentAtomValue()
 
@@ -32,7 +38,7 @@ function GenericError({ isDarkMode = false }: { isDarkMode?: boolean }) {
           <Button
             variant='brand'
             className='mx-auto w-full max-w-max rounded-lg !px-9 py-2 !font-light'
-            onClick={() => window.location.reload()}
+            onClick={onRetry ? () => onRetry() : () => window.location.reload()}
             aria-label='Retry Button'>
             {t('general.buttons.try_again')}
           </Button>

package/src/main/hooks/use-initial-tab/use-initial-tab.tsx

@@ -1,13 +1,12 @@
-import { useEffect, useMemo, useRef } from 'react'
+import { useEffect, useMemo } from 'react'
 
 import { useSuspenseMessages } from '@/src/modules/messages/hooks/use-suspense-messages'
 import { useSparkieStateAtomValue } from '@/src/modules/sparkie/store'
-import { useWidgetLoadingAtom, useWidgetTabsAtom } from '@/src/modules/widget'
+import { useWidgetTabsAtom } from '@/src/modules/widget'
 import type { MainProps } from '../../types'
 
 function useInitialTab({ settings }: MainProps) {
   const [, setTab] = useWidgetTabsAtom()
-  const [, setWidgetLoading] = useWidgetLoadingAtom()
   const sparkieState = useSparkieStateAtomValue()
 
   const suspenseMessagesQuery = useSuspenseMessages({ conversationId: settings.conversationId })
@@ -22,16 +21,6 @@ function useInitialTab({ settings }: MainProps) {
     [suspenseMessagesQuery.data.size]
   )
 
-  const hasUserMessageWithoutResponse = useMemo(() => {
-    if (!isAgentMode || !suspenseMessagesQuery.data || msgCount === 0) return false
-
-    const allMessages = Array.from(suspenseMessagesQuery.data.values()).flat()
-    const userMessages = allMessages.filter((msg) => msg.metadata.author === 'user')
-    const aiMessages = allMessages.filter((msg) => msg.metadata.author !== 'user')
-
-    return userMessages.length > aiMessages.length && aiMessages.length === 0
-  }, [isAgentMode, suspenseMessagesQuery.data, msgCount])
-
   const showStarterPage = useMemo(
     () => !isAgentMode && sparkieState === 'initialized' && msgCount === 0,
     [isAgentMode, sparkieState, msgCount]
@@ -54,31 +43,6 @@ function useInitialTab({ settings }: MainProps) {
 
     if (showChatPage) return setTab('chat')
   }, [setTab, showChatPage, showErrorPage, showStarterPage])
-
-  const loadingTimeoutRef = useRef<NodeJS.Timeout | null>(null)
-
-  useEffect(() => {
-    if (hasUserMessageWithoutResponse && showChatPage) {
-      setWidgetLoading(true)
-
-      loadingTimeoutRef.current = setTimeout(() => {
-        setWidgetLoading(false)
-        setTab('error')
-      }, 60000)
-    } else {
-      if (loadingTimeoutRef.current) {
-        clearTimeout(loadingTimeoutRef.current)
-        loadingTimeoutRef.current = null
-      }
-    }
-
-    return () => {
-      if (loadingTimeoutRef.current) {
-        clearTimeout(loadingTimeoutRef.current)
-        loadingTimeoutRef.current = null
-      }
-    }
-  }, [hasUserMessageWithoutResponse, showChatPage, setWidgetLoading, setTab])
 }
 
 export default useInitialTab

package/src/modules/widget/components/chat-page/chat-page.tsx

@@ -12,8 +12,10 @@ import { useGetProfile } from '@/src/modules/profile'
 import { TutorWidgetEvents } from '../../events'
 import { useSendViewTutorEvent } from '../../hooks/use-send-view-tutor-event'
 import {
+  useWidgetLastUserMessageAtom,
   useWidgetLoadingAtom,
   useWidgetSettingsAtomValue,
+  useWidgetTabsAtom,
   useWidgetTabsValueAtom
 } from '../../store'
 import { testQuestionRegex } from '../../utils'
@@ -24,13 +26,16 @@ import { PageLayout } from '../page-layout'
 function ChatPage() {
   const chatInputRef = useRef<HTMLTextAreaElement>(null)
   const scrollerRef = useRef<HTMLDivElement>(null)
+  const loadingTimeoutRef = useRef<NodeJS.Timeout | null>(null)
   const settings = useWidgetSettingsAtomValue()
   const profileQuery = useGetProfile()
   const widgetTabs = useWidgetTabsValueAtom()
+  const [, setTab] = useWidgetTabsAtom()
   const sendTextMessageMutation = useSendTextMessage()
   const limit = useMessagesMaxCount()
   const [value, setValue] = useChatInputValueAtom()
   const [widgetLoading, setWidgetLoading] = useWidgetLoadingAtom()
+  const [, setLastUserMessage] = useWidgetLastUserMessageAtom()
   const isMobile = useMediaQuery({ maxSize: 'md' })
   const hasSentInitialMessage = useRef(false)
   const [lexTutorInitialMessageFF] = useDecision('lex_tutor_new_widget_initial_message')
@@ -49,6 +54,36 @@ function ChatPage() {
 
   const messagesQuery = useInfiniteQuery(messagesQueryConfig)
 
+  const isAgentMode = useMemo(
+    () => settings?.config?.metadata?.parent === 'AGENT',
+    [settings?.config?.metadata?.parent]
+  )
+
+  const msgCount = useMemo(() => {
+    if (!messagesQuery.data) return 0
+    return Array.from(messagesQuery.data.values()).reduce(
+      (total: number, messages) => total + messages.length,
+      0
+    )
+  }, [messagesQuery.data])
+
+  const hasUserMessageWithoutResponse = useMemo(() => {
+    if (!isAgentMode || !messagesQuery.data || msgCount === 0) return false
+
+    const allMessages = Array.from(messagesQuery.data.values()).flat()
+    const userMessages = allMessages.filter((msg) => msg?.metadata?.author === 'user')
+    const aiMessages = allMessages.filter((msg) => msg?.metadata?.author !== 'user')
+
+    if (userMessages.length > aiMessages.length && aiMessages.length === 0) {
+      const lastUserMsg = userMessages[userMessages.length - 1]
+      if (lastUserMsg?.text) {
+        setLastUserMessage(lastUserMsg.text)
+      }
+      return true
+    }
+    return false
+  }, [isAgentMode, messagesQuery.data, msgCount, setLastUserMessage])
+
   useSendViewTutorEvent()
 
   const handleSendMessage = () => {
@@ -92,6 +127,29 @@ function ChatPage() {
     }
   }, [messagesQuery.isError, setWidgetLoading])
 
+  useEffect(() => {
+    if (hasUserMessageWithoutResponse) {
+      setWidgetLoading(true)
+
+      loadingTimeoutRef.current = setTimeout(() => {
+        setWidgetLoading(false)
+        setTab('error')
+      }, 60000)
+    } else {
+      if (loadingTimeoutRef.current) {
+        clearTimeout(loadingTimeoutRef.current)
+        loadingTimeoutRef.current = null
+      }
+    }
+
+    return () => {
+      if (loadingTimeoutRef.current) {
+        clearTimeout(loadingTimeoutRef.current)
+        loadingTimeoutRef.current = null
+      }
+    }
+  }, [hasUserMessageWithoutResponse, setWidgetLoading, setTab])
+
   return (
     <PageLayout
       asideChild={

package/src/modules/widget/components/error-page/error-page.tsx

@@ -1,10 +1,12 @@
 import { GenericError } from '@/src/lib/components'
+import { useRetryLastMessage } from '../../hooks'
 import { useWidgetSettingsAtomValue } from '../../store'
 
 function WidgetErrorPage() {
   const settings = useWidgetSettingsAtomValue()
+  const handleRetry = useRetryLastMessage()
 
-  return <GenericError isDarkMode={settings?.config?.theme === 'dark'} />
+  return <GenericError isDarkMode={settings?.config?.theme === 'dark'} onRetry={handleRetry} />
 }
 
 export default WidgetErrorPage

package/src/modules/widget/hooks/index.ts

@@ -1,3 +1,4 @@
 export * from './use-listen-to-theme-change-event'
 export * from './use-listen-to-visibility-events'
+export * from './use-retry-last-message'
 export * from './use-send-view-tutor-event'

package/src/modules/widget/hooks/use-retry-last-message/index.ts

@@ -0,0 +1 @@
+export { default as useRetryLastMessage } from './use-retry-last-message'

package/src/modules/widget/hooks/use-retry-last-message/use-retry-last-message.tsx

@@ -0,0 +1,37 @@
+import { useMemo } from 'react'
+
+import { useSendTextMessage } from '@/src/modules/messages/hooks'
+import {
+  useWidgetLastUserMessageAtom,
+  useWidgetLastUserMessageAtomValue,
+  useWidgetSettingsAtomValue,
+  useWidgetTabsAtom
+} from '../../store'
+
+function useRetryLastMessage() {
+  const settings = useWidgetSettingsAtomValue()
+  const lastUserMessage = useWidgetLastUserMessageAtomValue()
+  const [, setLastUserMessage] = useWidgetLastUserMessageAtom()
+  const [, setTab] = useWidgetTabsAtom()
+  const sendTextMessageMutation = useSendTextMessage()
+
+  const isAgentMode = useMemo(
+    () => settings?.config?.metadata?.parent === 'AGENT',
+    [settings?.config?.metadata?.parent]
+  )
+
+  const retryLastMessage = () => {
+    if (isAgentMode && lastUserMessage) {
+      sendTextMessageMutation.mutate(lastUserMessage, {
+        onSuccess() {
+          setLastUserMessage('')
+          setTab('chat')
+        }
+      })
+    }
+  }
+
+  return retryLastMessage
+}
+
+export default useRetryLastMessage

package/src/modules/widget/store/index.ts

@@ -1,5 +1,6 @@
 export * from './create-store'
 export * from './widget-container-intrinsic-height.atom'
+export * from './widget-last-user-message.atom'
 export * from './widget-loading.atom'
 export * from './widget-scrolling.atom'
 export * from './widget-settings.atom'

package/src/modules/widget/store/widget-last-user-message.atom.ts

@@ -0,0 +1,12 @@
+import { atom, useAtom, useAtomValue } from 'jotai'
+
+export const widgetLastUserMessageAtom = atom<string | null>(null)
+
+export const setWidgetLastUserMessageAtom = atom(
+  (get) => get(widgetLastUserMessageAtom),
+  (_, set, lastMessage: string) => set(widgetLastUserMessageAtom, lastMessage)
+)
+
+export const useWidgetLastUserMessageAtom = () => useAtom(setWidgetLastUserMessageAtom)
+
+export const useWidgetLastUserMessageAtomValue = () => useAtomValue(setWidgetLastUserMessageAtom)