app-tutor-ai-consumer 1.37.0 → 1.39.0

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+# [1.39.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.38.0...v1.39.0) (2025-11-11)
+
+### Features
+
+- changing file extension ([60d395b](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/60d395b9a34a49c1e7935dec0593ee75d23be8fe))
+- code improvement ([e539ba3](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/e539ba3882c06dba661a7056476497fb929cd5be))
+- code improvement ([b17de7b](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/b17de7b39bc5bfc13f7dbffbb322934e4c8d1973))
+- code improvements ([ecf54e6](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/ecf54e6be8676890b67f8b4cfecb21dbc6f2b981))
+- error i18n messages ([823ea93](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/823ea93bb38d3777fda686a47e60ab8c94738dfd))
+- fixing productId parameter ([45a1d8c](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/45a1d8c277d6e43f698f90b32f53a87ade1b234d))
+- fixing test ([6309da8](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/6309da8a97cce96543488f8689f1851677bf6a0d))
+- fixing toast type ([71a23e8](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/71a23e8c1d1bfd48d2581d0425a525fb57fe7e38))
+- integrate ChatFileUploaderWrapper with ChatFilePreview ([1b8cf1a](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/1b8cf1a5492b7b57f7303ec4172cc555c6f7fbbc))
+- linking the ChatFileUploaderWrapper display to the showFileUpload parameter ([7826d85](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/7826d8590d304dc30c016ef4e0849ba74e8a6160))
+- preview file on chat history ([aa09c31](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/aa09c317b2299cd9ced9cbe65822838778aabdae))
+- refactoring ([890838b](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/890838b2f79b31797fa593eb5f2218b0d8c5115c))
+- refactoring ([665ff74](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/665ff741df81e2b4dcecedbddc0e0912dac40f89))
+- removing temporary component ([e4bfbf0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/e4bfbf08b44a20d744b7f0e7c0ab18e2ff5b2519))
+- removing tests ([fa4b836](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/fa4b83631f0aa7542e12f39cbe06c17007a6cc18))
+- removing tooltip ([8e4450e](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/8e4450e87d89cca21855e3270e046817187defda))
+- sending file data to conversation api ([40fe90e](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/40fe90edc4c5f67cd3f527cc33738e1dea0839bc))
+- tooltip refactoring ([df0a66a](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/df0a66ac6d469aea33dbede90fbccce24f6e631a))
+- typing fix ([4ab00a0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/4ab00a082dbb29d5d848350231f38f79d44d1684))
+- undoing tooltip refactoring ([26c1072](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/26c10722dab2d5669ff972cfbe1aefaeb05b8850))
+- update file size ([bf92561](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/bf92561945896a01dc5032e1b9c2dbcc78110d7d))
+- wip ([3160ab4](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/3160ab4c6d2ea5417213fbbe8ce031b97de853c4))
+
+# [1.38.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.37.0...v1.38.0) (2025-11-10)
+
+### Features
+
+- add chat interaction datahub events ([e3df5bb](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/e3df5bb4223579128edb0511b718f74fb4d1bf79))
+
 # [1.37.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.36.0...v1.37.0) (2025-11-10)
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-tutor-ai-consumer",
-  "version": "1.37.0",
+  "version": "1.39.0",
   "main": "index.js",
   "scripts": {
     "dev": "rspack serve --env=development --config config/rspack/rspack.config.js",

package/src/config/datahub/actions.ts

@@ -13,7 +13,7 @@ export const ActionNames = {
   CLICK_HOTMART_TUTOR: `${DataHubActions.CLICK}_hotmart_tutor`,
   CLICK_TUTOR_MINIMIZE: `${DataHubActions.CLICK}_tutor_minimize`,
   TRY_PRODUCT_TUTOR: `${DataHubActions.TRY}_product_tutor`,
-  TRY_SEND_TUTOR_MESSAGE: `${DataHubActions.TRY}_send_tutor_message`,
+  TRY_SEND_MESSAGE: `${DataHubActions.TRY}_send_message`,
   CLICK_TUTOR_BACK: `${DataHubActions.CLICK}_tutor_back`,
   CLICK_TUTOR_HISTORY: `${DataHubActions.CLICK}_tutor_history`,
   CLICK_TUTOR_INFO: `${DataHubActions.CLICK}_tutor_info`,
@@ -22,5 +22,6 @@ export const ActionNames = {
   CLICK_TUTOR_TEST_KNOWLEDGE: `${DataHubActions.CLICK}_tutor_test_knowledge`,
   CLOSE_TUTOR_ONBOARDING: `${DataHubActions.CLOSE}_tutor_onboarding`,
   VIEW_PRODUCT_TUTOR: `${DataHubActions.VIEW}_product_tutor`,
-  VIEW_TUTOR_ANSWER_MESSAGE: `${DataHubActions.VIEW}_tutor_answer_message`
+  VIEW_ANSWER_MESSAGE: `${DataHubActions.VIEW}_answer_message`,
+  VIEW_CHAT: `${DataHubActions.VIEW}_chat`
 }

package/src/config/datahub/constants.ts

@@ -28,6 +28,7 @@ export const ComponentNames = {
   BUTTON_CLOSE_TUTOR_CHAT: 'BUTTON_CLOSE_TUTOR_CHAT',
   BUTTON_VIEW_AGENT: 'BUTTON_VIEW_AGENT',
   BUTTON_SEND_MESSAGE: 'BUTTON_SEND_MESSAGE',
+  CHAT: 'CHAT',
   VIEW_ANSWER: 'VIEW_ANSWER',
   PRODUCT_CONSUME_CLICK_TUTOR_BACK: 'product_consume_click_tutor_back',
   PRODUCT_CONSUME_CLICK_TUTOR_HISTORY: 'product_consume_click_tutor_history',

package/src/config/datahub/entities.ts

@@ -1,5 +1,6 @@
 export const DataHubEntities = {
   ADMIN: 'admin',
   HOME: 'home',
-  PRODUCT_CONSUME: 'product_consume'
+  PRODUCT_CONSUME: 'product_consume',
+  CONVERSATIONAL_AGENT: 'conversational_agent'
 } as const

package/src/config/datahub/schemas/constants.ts

@@ -11,5 +11,6 @@ export const UserRole = {
 
 export const ProductCategories = {
   OnlineServices: 'category.online_services.name',
-  Ebook: 'category.ebook.name'
+  Ebook: 'category.ebook.name',
+  ConversationalAgent: 'category.conversational_agent.name'
 } as const

package/src/config/datahub/schemas/tutor/__tests__/{try-send-tutor-message.spec.ts → try-send-message.spec.ts}

@@ -2,21 +2,24 @@ import { chance } from '@/src/config/tests'
 import { HttpCodes } from '@/src/lib/utils'
 import { ComponentNames, ComponentSource } from '../../../constants'
 import { DataHubEntities } from '../../../entities'
-import TrySendTutorMessage from '../try-send-tutor-message'
+import { AgentType } from '../../../types'
+import TrySendMessage from '../try-send-message'
 
-describe('TrySendTutorMessage', () => {
+describe('TrySendMessage', () => {
   it('should send the event with the correct structure', () => {
     const event = {
       questionType: 'TEXT',
-      questionId: chance.guid()
+      messageId: chance.guid(),
+      conversationId: chance.guid(),
+      agent: AgentType.HOTMART_TUTOR
     }
 
-    expect(new TrySendTutorMessage(event).getDataHubEventData()).toMatchObject({
+    expect(new TrySendMessage(event).getDataHubEventData()).toMatchObject({
       appVersion: '',
       clubVersion: 'MEMBERSHIP',
       componentName: ComponentNames.BUTTON_SEND_MESSAGE,
       componentSource: ComponentSource.HOTMART_TUTOR,
-      entity: DataHubEntities.PRODUCT_CONSUME,
+      entity: DataHubEntities.CONVERSATIONAL_AGENT,
       failureDescription: 'NOT_FAILURE_RESULT_EVENT',
       isLogged: true,
       membershipId: 'UNDEFINED',
@@ -24,7 +27,9 @@ describe('TrySendTutorMessage', () => {
       osVersion: '537.36',
       platform: 'WEB',
       platformDetail: 'WebKit',
-      questionId: event.questionId,
+      messageId: event.messageId,
+      conversationId: event.conversationId,
+      agent: AgentType.HOTMART_TUTOR,
       questionType: event.questionType,
       result: 'SUCCESSFUL',
       sessionId: 'UNDEFINED',

package/src/config/datahub/schemas/tutor/__tests__/{view-tutor-answer-message.spec.ts → view-answer-message.spec.ts}

@@ -1,15 +1,18 @@
 import { chance } from '@/src/config/tests'
 import { ComponentNames, ComponentSource } from '../../../constants'
 import { DataHubEntities } from '../../../entities'
+import { AgentType } from '../../../types'
 import { UserRole } from '../../constants'
-import ViewTutorAnswerMessage from '../view-tutor-answer-message'
+import ViewTutorAnswerMessage from '../view-answer-message'
 
-describe('ViewTutorAnswerMessage', () => {
+describe('ViewAnswerMessage', () => {
   it('should send the event with the correct structure', () => {
     const event = {
       messageType: 'TEXT',
       messageId: chance.guid(),
-      correlationId: chance.guid()
+      correlationId: chance.guid(),
+      conversationId: chance.guid(),
+      agent: AgentType.HOTMART_TUTOR
     }
 
     expect(new ViewTutorAnswerMessage(event).getDataHubEventData()).toMatchObject({
@@ -19,7 +22,9 @@ describe('ViewTutorAnswerMessage', () => {
       componentName: ComponentNames.VIEW_ANSWER,
       componentSource: ComponentSource.HOTMART_TUTOR,
       correlationId: event.correlationId,
-      entity: DataHubEntities.PRODUCT_CONSUME,
+      conversationId: event.conversationId,
+      agent: AgentType.HOTMART_TUTOR,
+      entity: DataHubEntities.CONVERSATIONAL_AGENT,
       isLogged: true,
       membershipId: 'UNDEFINED',
       membershipSlug: 'UNDEFINED',

package/src/config/datahub/schemas/tutor/__tests__/view-chat.spec.ts

@@ -0,0 +1,38 @@
+import { chance } from '@/src/config/tests'
+import { ComponentNames, ComponentSource } from '../../../constants'
+import { DataHubEntities } from '../../../entities'
+import { AgentType } from '../../../types'
+import { UserRole } from '../../constants'
+import ViewChatSchema from '../view-chat'
+
+describe('ViewChatSchema', () => {
+  it('should send the event with the correct structure', () => {
+    const event = {
+      conversationId: chance.guid(),
+      agent: AgentType.HOTMART_TUTOR
+    }
+
+    expect(new ViewChatSchema(event).getDataHubEventData()).toMatchObject({
+      appVersion: '',
+      arrivedFrom: 'HOME_CLASS_CONSUMER',
+      clubVersion: 'MEMBERSHIP',
+      componentName: ComponentNames.CHAT,
+      componentSource: ComponentSource.HOTMART_TUTOR,
+      conversationId: event.conversationId,
+      agent: AgentType.HOTMART_TUTOR,
+      entity: DataHubEntities.CONVERSATIONAL_AGENT,
+      isLogged: true,
+      membershipId: 'UNDEFINED',
+      membershipSlug: 'UNDEFINED',
+      osVersion: '537.36',
+      platform: 'WEB',
+      platformDetail: 'WebKit',
+      productType: 'category.online_services.name',
+      sessionId: 'UNDEFINED',
+      ucode: 'UNDEFINED',
+      url: 'http://localhost:3000/',
+      userId: 0,
+      userRole: UserRole.CONSUMER
+    })
+  })
+})

package/src/config/datahub/schemas/tutor/index.ts

@@ -8,6 +8,6 @@ export { default as ClickTutorOnboardingStartSchema } from './click-tutor-onboar
 export { default as ClickTutorTestKnowledgeSchema } from './click-tutor-test-knowledge'
 export { default as CloseTutorOnboardingSchema } from './close-tutor-onboarding'
 export * from './constants'
-export { default as TrySendTutorMessageSchema } from './try-send-tutor-message'
+export { default as TrySendMessageSchema } from './try-send-message'
 export * from './types'
-export { default as ViewTutorAnswerMessageSchema } from './view-tutor-answer-message'
+export { default as ViewAnswerMessageSchema } from './view-answer-message'

package/src/config/datahub/schemas/tutor/{try-send-tutor-message.ts → try-send-message.ts}

@@ -2,26 +2,32 @@ import { HttpCodes } from '@/src/lib/utils'
 import { ActionNames } from '../../actions'
 import { ComponentNames, ComponentSource } from '../../constants'
 import { DataHubEntities } from '../../entities'
-import type { DataHubEntityTypes } from '../../types'
+import type { AgentType, DataHubEntityTypes } from '../../types'
 import type { ActionNamesType } from '../../types'
 import type { BaseTrySchemaConstructorArgs } from '../base-try-schema'
 import BaseTrySchema from '../base-try-schema'
 
-export type TrySendTutorMessageConstructorArgs = Partial<BaseTrySchemaConstructorArgs> & {
+export type TrySendMessageConstructorArgs = Partial<BaseTrySchemaConstructorArgs> & {
   questionType?: string
-  questionId?: string
+  messageId?: string
+  conversationId?: string
+  agent: AgentType
 }
 
-class TrySendTutorMessageSchema extends BaseTrySchema {
+class TrySendMessageSchema extends BaseTrySchema {
   action: ActionNamesType
   entity: DataHubEntityTypes
   questionType: string
-  questionId: string
+  messageId?: string
+  conversationId?: string
+  agent?: AgentType
 
-  constructor(args?: TrySendTutorMessageConstructorArgs) {
+  constructor(args?: TrySendMessageConstructorArgs) {
     const {
       questionType = 'TEXT',
-      questionId = '',
+      messageId,
+      conversationId,
+      agent,
       componentSource = ComponentSource.HOTMART_TUTOR,
       componentName = ComponentNames.BUTTON_SEND_MESSAGE,
       failureDescription = 'NOT_FAILURE_RESULT_EVENT',
@@ -37,19 +43,23 @@ class TrySendTutorMessageSchema extends BaseTrySchema {
       statusCode
     })
 
-    this.action = ActionNames.TRY_SEND_TUTOR_MESSAGE
-    this.entity = DataHubEntities.PRODUCT_CONSUME
+    this.action = ActionNames.TRY_SEND_MESSAGE
+    this.entity = DataHubEntities.CONVERSATIONAL_AGENT
     this.questionType = questionType
-    this.questionId = questionId
+    this.messageId = messageId
+    this.conversationId = conversationId
+    this.agent = agent
   }
 
   getDataHubEventData(): Record<string, unknown> {
     return {
       ...this.prepare(),
       questionType: this.questionType,
-      questionId: this.questionId
+      messageId: this.messageId,
+      conversationId: this.conversationId,
+      agent: this.agent
     }
   }
 }
 
-export default TrySendTutorMessageSchema
+export default TrySendMessageSchema

package/src/config/datahub/schemas/tutor/{view-tutor-answer-message.ts → view-answer-message.ts}

@@ -1,27 +1,35 @@
 import { ActionNames } from '../../actions'
 import { ComponentNames, ComponentSource } from '../../constants'
-import type { ActionNamesType } from '../../types'
+import { DataHubEntities } from '../../entities'
+import type { ActionNamesType, AgentType, DataHubEntityTypes } from '../../types'
 import type { BaseViewSchemaConstructorArgs } from '../base-view-schema'
 import BaseViewSchema from '../base-view-schema'
 
-export type ViewTutorAnswerMessageConstructorArgs = Partial<BaseViewSchemaConstructorArgs> & {
+export type ViewAnswerMessageConstructorArgs = Partial<BaseViewSchemaConstructorArgs> & {
   messageType?: string
   messageId?: string
   correlationId?: string
+  conversationId?: string
+  agent?: AgentType
 }
 
-class ViewTutorAnswerMessageSchema extends BaseViewSchema {
+class ViewAnswerMessageSchema extends BaseViewSchema {
   private messageType?: string
   private messageId?: string
   private correlationId?: string
+  private conversationId?: string
+  private agent?: AgentType
 
   action: ActionNamesType
+  entity: DataHubEntityTypes
 
-  constructor(args?: ViewTutorAnswerMessageConstructorArgs) {
+  constructor(args?: ViewAnswerMessageConstructorArgs) {
     const {
       messageType = 'TEXT',
       messageId,
       correlationId,
+      conversationId,
+      agent,
       arrivedFrom,
       entity,
       isLogged,
@@ -39,10 +47,13 @@ class ViewTutorAnswerMessageSchema extends BaseViewSchema {
       componentSource
     })
 
-    this.action = ActionNames.VIEW_TUTOR_ANSWER_MESSAGE
+    this.action = ActionNames.VIEW_ANSWER_MESSAGE
+    this.entity = DataHubEntities.CONVERSATIONAL_AGENT
     this.messageType = messageType
     this.messageId = messageId
     this.correlationId = correlationId
+    this.conversationId = conversationId
+    this.agent = agent
   }
 
   getDataHubEventData(): Record<string, unknown> {
@@ -50,9 +61,11 @@ class ViewTutorAnswerMessageSchema extends BaseViewSchema {
       ...super.prepare(),
       messageType: this.messageType,
       messageId: this.messageId,
-      correlationId: this.correlationId
+      correlationId: this.correlationId,
+      conversationId: this.conversationId,
+      agent: this.agent
     }
   }
 }
 
-export default ViewTutorAnswerMessageSchema
+export default ViewAnswerMessageSchema

package/src/config/datahub/schemas/tutor/view-chat.ts

@@ -0,0 +1,56 @@
+import { ActionNames } from '../../actions'
+import { ComponentNames, ComponentSource } from '../../constants'
+import { DataHubEntities } from '../../entities'
+import type { ActionNamesType, AgentType, DataHubEntityTypes } from '../../types'
+import type { BaseViewSchemaConstructorArgs } from '../base-view-schema'
+import BaseViewSchema from '../base-view-schema'
+
+export type ViewChatConstructorArgs = Partial<BaseViewSchemaConstructorArgs> & {
+  conversationId?: string
+  agent?: AgentType
+}
+
+class ViewChatSchema extends BaseViewSchema {
+  private conversationId?: string
+  private agent?: AgentType
+
+  action: ActionNamesType
+  entity: DataHubEntityTypes
+
+  constructor(args?: ViewChatConstructorArgs) {
+    const {
+      conversationId,
+      agent,
+      arrivedFrom,
+      entity,
+      isLogged,
+      productType,
+      componentName = ComponentNames.CHAT,
+      componentSource = ComponentSource.HOTMART_TUTOR
+    } = args ?? {}
+
+    super({
+      arrivedFrom,
+      entity,
+      isLogged,
+      productType,
+      componentName,
+      componentSource
+    })
+
+    this.action = ActionNames.VIEW_CHAT
+    this.entity = DataHubEntities.CONVERSATIONAL_AGENT
+    this.conversationId = conversationId
+    this.agent = agent
+  }
+
+  getDataHubEventData(): Record<string, unknown> {
+    return {
+      ...super.prepare(),
+      conversationId: this.conversationId,
+      agent: this.agent
+    }
+  }
+}
+
+export default ViewChatSchema

package/src/config/datahub/types.ts

@@ -18,6 +18,11 @@ export type ComponentSourceType = (typeof ComponentSource)[keyof typeof Componen
 export type ScreenNamesType = (typeof ScreenNames)[keyof typeof ScreenNames]
 export type ResultType = (typeof Result)[keyof typeof Result]
 
+export enum AgentType {
+  HOTMART_TUTOR = 'HOTMART_TUTOR',
+  PRODUCT_AGENT = 'PRODUCT_AGENT'
+}
+
 export type SchemaType = {
   action: ActionNamesType
   entity: DataHubEntityTypes

package/src/config/styles/global.css

@@ -88,6 +88,9 @@
   --hc-size-spacing-1: 0.25rem;
   --hc-size-spacing-2: 0.5rem;
   --hc-size-border-medium: 0.5rem;
+
+  /* Tooltip */
+  --tooltip-bg-color: #191c1f;
 }
 
 #hotmart-app-tutor-ai-consumer-root {

package/src/config/tests/handlers.ts

@@ -1,8 +1,8 @@
 import { http, HttpResponse } from 'msw'
 
 import { MessagesEndpoints, MSG_MAX_COUNT } from '@/src/modules/messages'
+import SignedFilesUrlsResponseBuilder from '@/src/modules/messages/__tests__/files-signed-urls.builder'
 import IMessageWithSenderDataMock from '@/src/modules/messages/__tests__/imessage-with-sender-data.mock'
-import SignedUrlsResponseBuilder from '@/src/modules/messages/__tests__/signed-urls.builder'
 import { ProfileEndpoints } from '@/src/modules/profile'
 import ProfileAPIPropsBuilder from '@/src/modules/profile/__tests__/profile-api-props.builder'
 
@@ -19,8 +19,8 @@ export const handlers = [
   http.all(ProfileEndpoints.getProfile(), () => {
     return HttpResponse.json(new ProfileAPIPropsBuilder())
   }),
-  http.all(MessagesEndpoints.getSignedUrls(), () => {
-    return HttpResponse.json(new SignedUrlsResponseBuilder())
+  http.all(MessagesEndpoints.getFilesSignedUrls(), () => {
+    return HttpResponse.json(new SignedFilesUrlsResponseBuilder())
   }),
   http.all(MessagesEndpoints.getAll(':conversationId'), ({ request }) => {
     const limit = Number(new URL(request.url)?.searchParams?.get?.('limit'))

package/src/modules/messages/__tests__/{signed-urls.builder.ts → files-signed-urls.builder.ts}

@@ -1,7 +1,7 @@
 import { chance } from '@/src/config/tests'
-import type { IGetSignedUrlsResponse } from '../types'
+import type { IGetFilesSignedUrlsResponse } from '../types'
 
-class SignedUrlsResponseBuilder implements IGetSignedUrlsResponse {
+class FilesSignedUrlsResponseBuilder implements IGetFilesSignedUrlsResponse {
   uploadUrl: string
   futureDownloadUrl: string
   imagePreviewUrl: string
@@ -39,4 +39,4 @@ class SignedUrlsResponseBuilder implements IGetSignedUrlsResponse {
   }
 }
 
-export default SignedUrlsResponseBuilder
+export default FilesSignedUrlsResponseBuilder

package/src/modules/messages/components/chat-file-preview/chat-file-preview.tsx

@@ -34,7 +34,6 @@ function ChatFilePreview({
     <DocumentPreview
       name={name}
       size={size}
-      type={type}
       isLoading={isLoading}
       showCloseButton={showCloseButton}
       onClose={onClose}

package/src/modules/messages/components/chat-file-preview/components/document-preview/document-preview.tsx

@@ -5,7 +5,7 @@ import { Icon, Spinner } from '@/src/lib/components'
 import { useMediaQuery } from '@/src/lib/hooks'
 import { useWidgetSettingsAtom } from '@/src/modules/widget/store'
 import { CHAT_FILE_PREVIEW_CONFIG } from '../../constants'
-import { formatFileSize } from '../../utils'
+import { formatFileSize, getFileTypeFromFileName } from '../../utils'
 import { CloseButton } from '../close-button'
 
 import type { DocumentPreviewProps } from './types'
@@ -13,7 +13,6 @@ import type { DocumentPreviewProps } from './types'
 export default function DocumentPreview({
   name,
   size,
-  type,
   isLoading,
   showCloseButton,
   onClose
@@ -23,7 +22,9 @@ export default function DocumentPreview({
   const isMobile = useMediaQuery({ maxSize: 'md' })
   const formattedSize = formatFileSize(size)
   const isDarkMode = settings?.config?.theme === 'dark'
-  const config = CHAT_FILE_PREVIEW_CONFIG[type]
+
+  const fileType = getFileTypeFromFileName(name)
+  const config = CHAT_FILE_PREVIEW_CONFIG[fileType]
 
   return (
     <div

package/src/modules/messages/components/chat-file-preview/components/document-preview/types.ts

@@ -1,9 +1,6 @@
-import type { FilePreviewProps } from '../../types'
-
 export type DocumentPreviewProps = {
   name: string
   size: number
-  type: Exclude<FilePreviewProps['type'], 'image'>
   isLoading: boolean
   showCloseButton: boolean
   onClose?: () => void

package/src/modules/messages/components/chat-file-preview/utils.ts

@@ -1,4 +1,7 @@
+import { FILE_TYPES } from '../../hooks/use-chat-file-upload/constants'
+
 import { FILE_SIZE_UNITS } from './constants'
+import type { FilePreviewProps } from './types'
 
 export function formatFileSize(size: number): string {
   if (size < FILE_SIZE_UNITS.KB) {
@@ -11,3 +14,17 @@ export function formatFileSize(size: number): string {
 
   return `${Math.round((size / FILE_SIZE_UNITS.MB) * 10) / 10}MB`
 }
+
+export function getFileTypeFromFileName(
+  fileName: string
+): Exclude<FilePreviewProps['type'], 'image'> {
+  const extension = `.${fileName.split('.').pop()?.toLowerCase() || ''}`
+
+  for (const [category, extensions] of Object.entries(FILE_TYPES)) {
+    if (category !== 'image' && (extensions as readonly string[]).includes(extension)) {
+      return category as Exclude<FilePreviewProps['type'], 'image'>
+    }
+  }
+
+  return 'document'
+}

package/src/modules/messages/components/chat-file-uploader/chat-file-uploader.builder.ts

@@ -1,18 +1,15 @@
-import type { ChatFileUploaderProps } from './types'
+import type { ChatFileUploaderProps } from './chat-file-uploader'
 
 export class ChatFileUploaderBuilder {
-  private props: ChatFileUploaderProps = {}
+  private props: ChatFileUploaderProps = {
+    onUploadFile: () => {}
+  }
 
   withDisabled(disabled: boolean): ChatFileUploaderBuilder {
     this.props.disabled = disabled
     return this
   }
 
-  withLoading(loading: boolean): ChatFileUploaderBuilder {
-    this.props.loading = loading
-    return this
-  }
-
   build(): ChatFileUploaderProps {
     return this.props
   }

package/src/modules/messages/components/chat-file-uploader/chat-file-uploader.spec.tsx

@@ -24,26 +24,6 @@ describe('ChatFileUploader', () => {
     expect(button).toBeDisabled()
   })
 
-  it('should be disabled when loading prop is true', () => {
-    const props = new ChatFileUploaderBuilder().withLoading(true).build()
-    renderComponent(props)
-
-    const button = screen.getByRole('button', {
-      name: /general.buttons.open_options/i
-    })
-    expect(button).toBeDisabled()
-  })
-
-  it('should be enabled when both disabled and loading are false', () => {
-    const props = new ChatFileUploaderBuilder().withDisabled(false).withLoading(false).build()
-    renderComponent(props)
-
-    const button = screen.getByRole('button', {
-      name: /general.buttons.open_options/i
-    })
-    expect(button).toBeEnabled()
-  })
-
   it('should trigger file input when clicking file option', async () => {
     const { user } = renderComponent()