app-tutor-ai-consumer 1.35.1 → 1.37.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.37.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.36.0...v1.37.0) (2025-11-10)
+
+### Features
+
+- add postcss prefix ([d008da3](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/d008da3e5d587d134d5faff4b96159f7ee685b7f))
+- adding app prefix ([b093214](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/b0932143ab524321fe477ba8b32bd3050476916f))
+
+# [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)

package/config/rspack/rspack.config.js

@@ -115,8 +115,14 @@ module.exports = async function (env) {
             {
               loader: 'postcss-loader',
               options: {
-                postcssOptions: {
-                  config: path.resolve(paths.ROOT, 'postcss.config.js')
+                postcssOptions: (loaderContext) => {
+                  const config = require(path.resolve(paths.ROOT, 'postcss.config.js'))
+                  return typeof config === 'function'
+                    ? config({
+                        file: loaderContext.resourcePath,
+                        resourcePath: loaderContext.resourcePath
+                      })
+                    : config
                 }
               }
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-tutor-ai-consumer",
-  "version": "1.35.1",
+  "version": "1.37.0",
   "main": "index.js",
   "scripts": {
     "dev": "rspack serve --env=development --config config/rspack/rspack.config.js",
@@ -119,6 +119,7 @@
     "immer": "~10.1.1",
     "jotai": "~2.12.5",
     "linkify-it": "~5.0.0",
+    "postcss-prefix-selector": "^2.1.1",
     "prism-react-renderer": "~2.4.1",
     "react": "~19.1.0",
     "react-dom": "~19.1.0",

package/postcss.config.js

@@ -1,3 +1,40 @@
-module.exports = {
+const prefixer = require('postcss-prefix-selector')
+
+const postcssConfigWithPrefix = {
+  plugins: [
+    require('postcss-import'),
+    require('tailwindcss'),
+    require('autoprefixer'),
+    prefixer({
+      prefix: '#app-tutor-ai-consumer',
+      transform: (prefix, selector, prefixedSelector) => {
+        if (
+          selector.startsWith(':root') ||
+          selector.startsWith('html') ||
+          selector.startsWith('body')
+        ) {
+          return selector
+        }
+
+        if (selector.startsWith('#app-tutor-ai-consumer')) {
+          return selector
+        }
+
+        return prefixedSelector
+      }
+    })
+  ]
+}
+
+const postcssConfigWithoutPrefix = {
   plugins: [require('postcss-import'), require('tailwindcss'), require('autoprefixer')]
 }
+
+module.exports = (ctx) => {
+  const filePath = ctx?.file || ctx?.resourcePath || ''
+  if (filePath.includes('.module.css')) {
+    return postcssConfigWithoutPrefix
+  }
+
+  return postcssConfigWithPrefix
+}

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/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