app-tutor-ai-consumer 1.27.4 → 1.27.6

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [1.27.6](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.27.5...v1.27.6) (2025-08-19)
+
+## [1.27.5](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.27.4...v1.27.5) (2025-08-18)
+
 ## [1.27.4](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.27.3...v1.27.4) (2025-08-14)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-tutor-ai-consumer",
-  "version": "1.27.4",
+  "version": "1.27.6",
   "main": "index.js",
   "scripts": {
     "dev": "rspack serve --env=development --config config/rspack/rspack.config.js",
@@ -110,7 +110,6 @@
     "@hotmart-org-ca/hot-observability-js": "~1.1.0",
     "@hotmart/event-agent-js": "~1.1.2",
     "@hotmart/sparkie": "~5.1.0",
-    "@lottiefiles/dotlottie-react": "~0.14.4",
     "@optimizely/react-sdk": "~3.2.4",
     "@tanstack/query-sync-storage-persister": "~5.80.7",
     "@tanstack/react-query": "~5.80.6",

package/src/development-bootstrap.tsx

@@ -44,7 +44,8 @@ if (devMode) {
       sessionId: v4(),
       user: {
         id: v4(),
-        name: chance.name()
+        name: chance.name(),
+        ucode: 'e6e47e76-af44-46d2-8992-99c7057b53b6'
       }
     })
   })()

package/src/modules/messages/components/message-item/message-item.tsx

@@ -9,6 +9,8 @@ function MessageItem({ message }: { message: ParsedMessage }) {
   const messageFromAi = message.metadata.author === 'ai'
   const isMediaVoice = message.type === 'media/voice'
 
+  if (messageFromAi && isMediaVoice) return null
+
   return (
     <div
       className={clsx(
@@ -25,15 +27,13 @@ function MessageItem({ message }: { message: ParsedMessage }) {
         })}>
         <MessageContentTypeRenderer message={message} />
       </div>
-      {messageFromAi && isMediaVoice ? null : (
-        <MessageActions
-          className={clsx('flex items-center justify-between gap-2', {
-            'w-full': messageFromAi
-          })}
-          message={message}
-          showActions={messageFromAi}
-        />
-      )}
+      <MessageActions
+        className={clsx('flex items-center justify-between gap-2', {
+          'w-full': messageFromAi
+        })}
+        message={message}
+        showActions={messageFromAi}
+      />
     </div>
   )
 }

package/src/modules/widget/components/avatar-animation/avatar-animation.tsx

@@ -1,11 +1,9 @@
-import { DotLottieReact } from '@lottiefiles/dotlottie-react'
-
-const AVATAR_ANIMATION_URL = `${process.env.STATIC_URL}/tutor/tutor_sparkle.lottie`
+const AVATAR_ANIMATION_URL = `${process.env.STATIC_URL}/tutor/web/tutor_sparkle.gif`
 
 const AvatarAnimation = () => {
   return (
     <div className='flex h-11 w-11 items-center justify-center rounded-lg bg-neutral-300'>
-      <DotLottieReact src={AVATAR_ANIMATION_URL} loop autoplay className='h-auto w-full' />
+      <img src={AVATAR_ANIMATION_URL} alt='' aria-hidden className='max-w-[70%]' loading='lazy' />
     </div>
   )
 }

package/src/modules/widget/components/starter-page/starter-page.spec.tsx

@@ -1,3 +1,5 @@
+import { useDecision } from '@optimizely/react-sdk'
+
 import { render, screen } from '@/src/config/tests'
 import { useSendTextMessage } from '@/src/modules/messages/hooks'
 
@@ -12,13 +14,17 @@ vi.mock('@/src/modules/sparkie/hooks/use-init-sparkie', () => ({
   useInitSparkie: vi.fn(() => true)
 }))
 
+vi.mock('@optimizely/react-sdk')
+
 describe('WidgetStarterPage', () => {
   const useSendTextMessageMock = { mutate: vi.fn() }
+  const useDecisionMock = [{ enabled: true, variables: { show_quick_actions: true } }]
 
   const renderComponent = () => render(<WidgetStarterPage />)
 
   beforeEach(() => {
     vi.mocked(useSendTextMessage).mockReturnValue(useSendTextMessageMock as never)
+    vi.mocked(useDecision).mockReturnValue(useDecisionMock as never)
   })
 
   it('should render without errors', () => {

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

@@ -1,4 +1,5 @@
 import { useEffect, useMemo, useRef } from 'react'
+import { useDecision } from '@optimizely/react-sdk'
 import { useQueryClient } from '@tanstack/react-query'
 import { useTranslation } from 'react-i18next'
 
@@ -29,6 +30,7 @@ function WidgetStarterPage() {
   const isSparkieReady = useInitSparkie()
   const isMobile = useMediaQuery({ maxSize: 'md' })
   const widgetLoading = useWidgetLoadingAtomValue()
+  const [newTutorWidgetFF] = useDecision('lex_new_tutor_widget')
 
   useRefEventListener<HTMLTextAreaElement>({
     config: {
@@ -84,7 +86,8 @@ function WidgetStarterPage() {
           name='new-chat-msg-input'
           ref={chatInputRef}
           onSend={handleSend}
-          buttonDisabled={widgetLoading || !chatInputValue.trim() || !isSparkieReady}
+          buttonDisabled={widgetLoading || !chatInputValue.trim()}
+          loading={!isSparkieReady}
         />
       }>
       <div className='grid-areas-[a_b] grid h-full grid-cols-1 grid-rows-[1fr_auto]'>
@@ -103,12 +106,14 @@ function WidgetStarterPage() {
             />
           </div>
         </div>
-        <QuickActionButtons
-          className='grid-area-[b] my-4 flex flex-shrink-0 snap-x snap-mandatory gap-2 overflow-x-auto whitespace-nowrap [scrollbar-width:none] [&::-webkit-scrollbar]:hidden'
-          isDarkTheme={isDarkTheme}
-          send={sendText}
-          loading={!isSparkieReady}
-        />
+        {newTutorWidgetFF?.enabled && newTutorWidgetFF?.variables?.['show_quick_actions'] ? (
+          <QuickActionButtons
+            className='grid-area-[b] my-4 flex flex-shrink-0 snap-x snap-mandatory gap-2 overflow-x-auto whitespace-nowrap [scrollbar-width:none] [&::-webkit-scrollbar]:hidden'
+            isDarkTheme={isDarkTheme}
+            send={sendText}
+            loading={!isSparkieReady}
+          />
+        ) : null}
       </div>
     </PageLayout>
   )