app-tutor-ai-consumer 1.35.0 → 1.36.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# [1.36.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.35.1...v1.36.0) (2025-11-07)
+
+### Features
+
+- remove retry last message ([40a18b1](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/40a18b18df3c9dfb03a61fb137471aeeee6e0152))
+- send agent initial message ([f3fec26](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/f3fec260654eefdb609040b4500d44a0a7b56687))
+
+## [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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-tutor-ai-consumer",
-  "version": "1.35.0",
+  "version": "1.36.0",
   "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 { Query, QueryClient } from '@tanstack/react-query'
+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,17 +10,10 @@ export type QueryProviderProps = PropsWithChildren<{
 
 function QueryProvider({ children, queryClient, showDevTools = true }: QueryProviderProps) {
   return (
-    <PersistQueryClientProvider
-      client={queryClient}
-      persistOptions={
-        {
-          persister,
-          shouldPersistQuery: (query: Query) => query.meta?.persist !== false
-        } as Parameters<typeof PersistQueryClientProvider>[0]['persistOptions']
-      }>
+    <QueryClientProvider client={queryClient}>
       {children}
       {showDevTools && <ReactQueryDevtools buttonPosition='top-right' />}
-    </PersistQueryClientProvider>
+    </QueryClientProvider>
   )
 }
 

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

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

package/src/modules/messages/hooks/use-infinite-get-messages/use-infinite-get-messages.tsx

@@ -44,9 +44,6 @@ export const getAllMessagesQuery = ({
       return minSentAt
     },
     enabled: Boolean(conversationId && profileId) && limit > 0,
-    meta: {
-      persist: false
-    },
     select(data) {
       const messages = data.pages?.flatMap((page) => page.messages) ?? []
       return messagesParser({ messages, profileId: profileId as string }).reduce(

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

@@ -1,5 +1,4 @@
-import { useEffect, useMemo, useRef } from 'react'
-import { useDecision } from '@optimizely/react-sdk'
+import { useCallback, useEffect, useMemo, useRef } from 'react'
 import { useInfiniteQuery } from '@tanstack/react-query'
 
 import { useMediaQuery } from '@/src/lib/hooks'
@@ -12,10 +11,8 @@ 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'
@@ -26,19 +23,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 sendInitialMessageMutation = 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')
 
   const conversationId = useMemo(() => settings?.conversationId, [settings?.conversationId])
   const profileId = useMemo(() => profileQuery.data?.id, [profileQuery.data?.id])
@@ -54,36 +48,6 @@ 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 = () => {
@@ -99,19 +63,28 @@ function ChatPage() {
     })
   }
 
+  const handleSendInitialMessage = useCallback(
+    (initialMessage: string) => {
+      if (!isTextEmpty(initialMessage)) return
+
+      sendInitialMessageMutation.mutate(initialMessage)
+    },
+    [sendInitialMessageMutation]
+  )
+
   useEffect(() => {
-    if (hasSentInitialMessage.current || !lexTutorInitialMessageFF.enabled) return
+    if (hasSentInitialMessage.current) return
+
+    if (settings?.initialMessage) {
+      handleSendInitialMessage(testQuestionRegex(settings?.initialMessage))
+      hasSentInitialMessage.current = true
+      return
+    }
 
     const clear = TutorWidgetEvents['tutor-initial-message'].handler(({ message }) => {
       if (message && !hasSentInitialMessage.current) {
-        setValue(testQuestionRegex(message))
-
-        sendTextMessageMutation.mutate(message, {
-          onSuccess() {
-            setValue('')
-            hasSentInitialMessage.current = true
-          }
-        })
+        handleSendInitialMessage(testQuestionRegex(message))
+        hasSentInitialMessage.current = true
       }
     })
 
@@ -119,7 +92,7 @@ function ChatPage() {
       clear?.()
       hasSentInitialMessage.current = false
     }
-  }, [lexTutorInitialMessageFF.enabled, sendTextMessageMutation, setValue])
+  }, [settings?.initialMessage, handleSendInitialMessage])
 
   useEffect(() => {
     if (messagesQuery.isError) {
@@ -127,29 +100,6 @@ 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,12 +1,10 @@
 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'} onRetry={handleRetry} />
+  return <GenericError isDarkMode={settings?.config?.theme === 'dark'} />
 }
 
 export default WidgetErrorPage

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

@@ -1,4 +1,3 @@
 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

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

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

@@ -1,37 +0,0 @@
-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