app-tutor-ai-consumer 1.33.0 → 1.34.0

package/CHANGELOG.md

@@ -1,3 +1,40 @@
+# [1.34.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.33.1...v1.34.0) (2025-11-04)
+
+### Bug Fixes
+
+- fix aria label ([5aa714d](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/5aa714da552e93349c1c030c026ecb4a14c132ba))
+- fix base branch ([96db93a](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/96db93a53c4a93d6e0800af9547ea81d118a6bb5))
+- fix chat input ([d686bc5](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/d686bc530cecb84fc80cbf2a8b9ff029a3572e53))
+- fix file types ([ee12680](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/ee12680db8c36307c4b067cb6460009c0509018e))
+- fix file uploader ([1110f11](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/1110f116a0276f3d34ebec6eea81aaa59e50e993))
+- fix pr request ([6ad4870](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/6ad4870cd2bd03f788eb10f00a65616d48c1087f))
+- fix pr request ([1556154](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/155615476be3fb61994a790dd4464b9f53968f78))
+- fix pr request ([17cd695](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/17cd69506c21b793ea05f634a07f987a125e3102))
+- fix svg ([c9165f7](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/c9165f74d2f592e0fccf27176768e2ae6a782fd0))
+- pr issues ([3f5b8ad](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/3f5b8ad54a657a4d95c66728c12559cd321b088d))
+- refactor code ([1b7b5cf](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/1b7b5cfafe6c8f902bf3514fd4e36996f2e705c8))
+- refactor component name ([a6c2a16](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/a6c2a16ab29733dd831bc88e3a6452c9e225af70))
+- remove console.log ([66645dc](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/66645dc72dac1bd667c5440cf59e45aecc9b321a))
+- update file uploader ([c12f347](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/c12f3472450a4afa214ebf87234e7eb3464c3f7d))
+
+### Features
+
+- add chat loading if is user message without response ([8ffe2a7](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/8ffe2a7bbf1d814f341855ec1efebd6e00f5cb65))
+- add default store ([75a07c4](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/75a07c451c99b526aea896b6f94b7deb1f0f1888))
+- change sparkie call to messages history page ([f5f3e73](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/f5f3e73d7ec147b7f5a4a5e76293cf29b2d0dd93))
+- create chat file preview ([885b744](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/885b744d76b62a7e387d2e820e8e8030f6e17f9a))
+- implement signed URLs functionality with hooks and service integration ([ff845fa](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/ff845fa34be2c28f55ec04b9a70522f3100a7bec))
+- refactor dropdown ([88bba02](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/88bba02ec9021f5294450eecfd6d6c92097d6690))
+- release branch for changing widget to support product agent ([ab39962](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/ab39962a5e2a35ee29056c329fe8a4038291ceaa))
+- update feature flag file upload ([bd3313b](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/bd3313b634b53ac5dfda2737155e718d570fb099))
+- update icon size ([2d77927](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/2d7792724ed1a1166b012da118b5ce3c44d9ad74))
+
+## [1.33.1](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.33.0...v1.33.1) (2025-10-22)
+
+### Bug Fixes
+
+- markdownrenderer ([ae8c08a](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/ae8c08a0620cd95a54a787ac00ddab78640d3f45))
+
 # [1.33.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.32.3...v1.33.0) (2025-10-16)
 
 ### Features

package/config/vitest/__mocks__/sparkie.tsx

@@ -6,7 +6,7 @@ import {
 } from '@/src/modules/sparkie/__tests__/sparkie.mock'
 import MessageService from '@hotmart-org-ca/sparkie/dist/MessageService'
 
-vi.mock('@hotmart/sparkie', () => ({ default: SparkieMock }))
+vi.mock('@hotmart-org-ca/sparkie', () => ({ default: SparkieMock }))
 
 beforeEach(() => {
   vi.spyOn(SparkieService, 'getMessageService').mockResolvedValue(

package/package.json

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

package/src/bootstrap.ts

@@ -0,0 +1,40 @@
+import type { QueryClient } from '@tanstack/react-query'
+
+import { initTheme } from '@/src/config/theme'
+
+import { DataHubStore } from './config/datahub'
+import { initDayjs } from './config/dayjs'
+import { initLanguage } from './config/i18n'
+import { initAxios } from './config/request/api'
+import { getProfileQuery } from './modules/profile'
+import type { Theme, WidgetSettingProps } from './types'
+
+type BootstrapProps = {
+  settings: WidgetSettingProps
+  queryClient: QueryClient
+}
+
+export async function bootstrap({ queryClient, settings }: BootstrapProps) {
+  initAxios(settings.hotmartToken)
+  initTheme(settings.config?.theme as Theme)
+
+  const promises = [
+    initLanguage(settings.locale),
+    queryClient.prefetchQuery(getProfileQuery()),
+    initDayjs(settings.locale)
+  ] as const
+
+  await Promise.all(promises)
+
+  DataHubStore.initData({
+    ucode: settings.user?.ucode ?? '',
+    membershipId: settings.membershipId ?? '',
+    membershipSlug: settings.membershipSlug ?? '',
+    sessionId: settings.sessionId,
+    userId: Number(settings.userId),
+    product: {
+      id: Number(settings.productId) || 0,
+      category: settings.productType ?? ''
+    }
+  })
+}

package/src/config/tests/handlers.ts

@@ -1,8 +1,8 @@
 import { http, HttpResponse } from 'msw'
 
-import type { IMessageWithSenderData } from '@/src/modules/messages'
 import { MessagesEndpoints, MSG_MAX_COUNT } from '@/src/modules/messages'
 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,13 +19,14 @@ export const handlers = [
   http.all(ProfileEndpoints.getProfile(), () => {
     return HttpResponse.json(new ProfileAPIPropsBuilder())
   }),
+  http.all(MessagesEndpoints.getSignedUrls(), () => {
+    return HttpResponse.json(new SignedUrlsResponseBuilder())
+  }),
   http.all(MessagesEndpoints.getAll(':conversationId'), ({ request }) => {
     const limit = Number(new URL(request.url)?.searchParams?.get?.('limit'))
 
     return HttpResponse.json(
-      new IMessageWithSenderDataMock().getMany(
-        isNaN(limit) ? MSG_MAX_COUNT : limit
-      ) as IMessageWithSenderData[]
+      new IMessageWithSenderDataMock().getMany(isNaN(limit) ? MSG_MAX_COUNT : limit)
     )
   })
 ]

package/src/config/theme/init-theme.ts

@@ -1,3 +1,4 @@
+import { getTheme } from '@/src/lib/utils'
 import type { Theme } from '@/src/types'
 
 export function initTheme(theme: Theme) {
@@ -5,11 +6,16 @@ export function initTheme(theme: Theme) {
 
   if (!rootElement) return
 
-  if (theme === 'dark') {
-    rootElement.classList.remove('bg-neutral-100')
-    return rootElement.classList.add(theme, 'bg-ai-dark')
+  const currentTheme = getTheme(theme)
+
+  const darkClasses = ['dark', 'bg-ai-dark']
+  const lightClasses = ['bg-neutral-100']
+
+  rootElement.classList.remove(...darkClasses, ...lightClasses)
+
+  if (currentTheme === 'dark') {
+    return rootElement.classList.add(...darkClasses)
   }
 
-  rootElement.classList.remove('dark', 'bg-ai-dark')
-  return rootElement.classList.add('bg-neutral-100')
+  return rootElement.classList.add(...lightClasses)
 }

package/src/index.tsx

@@ -1,16 +1,16 @@
 import './config/styles/global.css'
 import './config/styles/index.css'
 
-import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 
-import { queryClient, QueryProvider } from '@/src/config/tanstack'
-import { initTheme } from '@/src/config/theme'
+import { queryClient } from '@/src/config/tanstack'
 import { version } from '../package.json'
 
-import { initLanguage } from './config/i18n'
+import { bootstrap } from './bootstrap'
+import { initTheme } from './config/theme'
 import { devMode, productionMode } from './lib/utils'
 import { SparkieService } from './modules/sparkie'
+import { createStore } from './modules/widget/store'
 import type { Theme, WidgetSettingProps } from './types'
 import Wrapper from './wrapper'
 
@@ -48,22 +48,32 @@ window.startChatWidget = async (
 
   container.setAttribute('id', 'hotmart-app-tutor-ai-consumer-root')
   const theme = (container.getAttribute('data-theme') ?? 'dark') as Theme
+  initTheme(theme)
 
   const root = createRoot(container)
+  const widgetSettings = { ...settings, config: { ...settings.config, theme } }
+  const store = createStore()
 
-  if (root) {
-    initTheme(theme)
-    await initLanguage(settings.locale)
+  root.render(
+    <Wrapper settings={widgetSettings} store={store} queryClient={queryClient} state={'LOADING'} />
+  )
+
+  try {
+    await bootstrap({ queryClient, settings })
 
     root.render(
-      <StrictMode>
-        <QueryProvider queryClient={queryClient} showDevTools={false}>
-          <Wrapper settings={{ ...settings, config: { ...settings.config, theme } }} />
-        </QueryProvider>
-      </StrictMode>
+      <Wrapper settings={widgetSettings} store={store} queryClient={queryClient} state={'READY'} />
     )
 
     window.__CHAT_WIDGET_INSTANCE__ = { root, container, queryClient }
+  } catch (error) {
+    root.render(
+      <Wrapper settings={widgetSettings} store={store} queryClient={queryClient} state={'ERROR'} />
+    )
+
+    console.error('ERROR:Initializing Chat Widget', error)
+
+    window.__CHAT_WIDGET_INSTANCE__ = undefined
   }
 }
 

package/src/lib/components/dropdown-actions/dropdown-actions.tsx

@@ -0,0 +1,87 @@
+import { useRef, useState } from 'react'
+import clsx from 'clsx'
+import { useTranslation } from 'react-i18next'
+
+import { Button, Icon } from '@/src/lib/components'
+import ButtonDefault from '@/src/lib/components/button/button-default'
+import type { ValidIconNames } from '@/src/lib/components/icons/icon-names'
+import { useClickOutside } from '@/src/lib/hooks'
+
+import type { DropdownActionsProps } from './types'
+
+function DropdownActions({
+  triggerIcon,
+  items,
+  disabled = false,
+  triggerClassName,
+  triggerIconClassName
+}: DropdownActionsProps) {
+  const { t } = useTranslation()
+  const [visible, setVisibile] = useState(false)
+  const dropdownRef = useRef<HTMLDivElement>(null)
+  useClickOutside(dropdownRef, handleCloseDropdown)
+
+  function handleCloseDropdown() {
+    setVisibile(false)
+  }
+
+  function handleToggleVisibility() {
+    setVisibile((prevState) => !prevState)
+  }
+
+  function handleClick(event: React.MouseEvent<HTMLButtonElement>) {
+    event.preventDefault()
+    event.stopPropagation()
+    handleToggleVisibility()
+  }
+
+  function handleDropdownItemClick(
+    event: React.MouseEvent<HTMLButtonElement>,
+    callback: () => void
+  ) {
+    event.preventDefault()
+    event.stopPropagation()
+    handleCloseDropdown()
+    callback()
+  }
+
+  return (
+    <div ref={dropdownRef} className='relative'>
+      <Button
+        onClick={handleClick}
+        disabled={disabled}
+        aria-label={t('general.buttons.open_options')}
+        className={clsx(
+          triggerClassName,
+          'bg-neutral-100 p-0 hover:bg-neutral-200 focus:bg-neutral-200'
+        )}>
+        <Icon
+          name={triggerIcon as ValidIconNames}
+          className={clsx(triggerIconClassName, 'text-neutral-900')}
+        />
+      </Button>
+
+      {visible && (
+        <div className='absolute bottom-full mb-2 flex flex-col rounded-md border border-neutral-300 bg-neutral-100 shadow-lg'>
+          {items.map((item) => {
+            if (!item.visible) return null
+
+            return (
+              <ButtonDefault
+                key={item.label}
+                onClick={(event) => handleDropdownItemClick(event, item.callback)}
+                className='flex flex-row items-center justify-start rounded-md px-4 py-3 text-sm font-normal transition-colors duration-150 hover:bg-neutral-200'>
+                {item.icon && <Icon name={item.icon} className='mr-4 h-4 w-4 text-neutral-500' />}
+                <span className='line-clamp-1 min-w-[5rem] max-w-[10rem] break-words text-left text-neutral-700'>
+                  {t(item.label)}
+                </span>
+              </ButtonDefault>
+            )
+          })}
+        </div>
+      )}
+    </div>
+  )
+}
+
+export default DropdownActions

package/src/lib/components/dropdown-actions/dropdownActions.builder.ts

@@ -0,0 +1,58 @@
+import { chance } from '@/src/config/tests'
+
+import type { DropdownActionsProps } from './types'
+
+export class DropdownActionsBuilder implements DropdownActionsProps {
+  items: DropdownActionsProps['items']
+  triggerIcon?: DropdownActionsProps['triggerIcon']
+  disabled?: boolean
+  className?: string
+  triggerClassName?: string
+  dropdownClassName?: string
+
+  constructor() {
+    this.items = [
+      {
+        label: chance.word(),
+        visible: true,
+        callback: vi.fn() as () => void
+      }
+    ]
+    this.triggerIcon = 'plus'
+    this.disabled = false
+  }
+
+  withTriggerIcon(triggerIcon: DropdownActionsProps['triggerIcon']) {
+    this.triggerIcon = triggerIcon
+    return this
+  }
+
+  withItems(items: DropdownActionsProps['items']) {
+    this.items = items
+    return this
+  }
+
+  withDisabled(disabled: boolean) {
+    this.disabled = disabled
+    return this
+  }
+
+  withClassName(className: string) {
+    this.className = className
+    return this
+  }
+
+  withTriggerClassName(triggerClassName: string) {
+    this.triggerClassName = triggerClassName
+    return this
+  }
+
+  withDropdownClassName(dropdownClassName: string) {
+    this.dropdownClassName = dropdownClassName
+    return this
+  }
+
+  build() {
+    return this
+  }
+}

package/src/lib/components/dropdown-actions/dropdownActions.spec.tsx

@@ -0,0 +1,76 @@
+import { chance, render, screen } from '@/src/config/tests'
+import { DropdownActions } from '../dropdown-actions'
+
+import { DropdownActionsBuilder } from './dropdownActions.builder'
+import type { DropdownActionsProps } from './types'
+
+const defaultProps = new DropdownActionsBuilder().build()
+
+const renderComponent = (props: DropdownActionsProps = defaultProps) => {
+  return render(<DropdownActions {...props} />)
+}
+
+describe('DropdownActions', () => {
+  it('should render with success', async () => {
+    const { items } = defaultProps
+
+    const { user } = renderComponent()
+
+    const dropdown = screen.getByRole('button', { name: /general.buttons.open_options/i })
+
+    await user.click(dropdown)
+
+    expect(screen.getByText(items[0].label)).toBeInTheDocument()
+  })
+
+  describe('when `visible` is `false`', () => {
+    it('should not render dropdown item', async () => {
+      const label = chance.word()
+      const items = [
+        {
+          label,
+          visible: false,
+          callback: vi.fn() as () => void
+        }
+      ]
+
+      const props = new DropdownActionsBuilder().withItems(items).build()
+
+      const { user } = renderComponent(props)
+
+      const dropdown = screen.getByRole('button', { name: /general.buttons.open_options/i })
+
+      await user.click(dropdown)
+
+      expect(screen.queryByText(label)).not.toBeInTheDocument()
+    })
+  })
+
+  describe('when item has icon', () => {
+    it('should render label with icon', async () => {
+      const label = chance.word()
+      const items = [
+        {
+          label,
+          visible: true,
+          icon: 'file' as const,
+          callback: vi.fn() as () => void
+        }
+      ]
+
+      const props = new DropdownActionsBuilder().withItems(items).build()
+
+      const { user } = renderComponent(props)
+
+      const dropdown = screen.getByRole('button', { name: /general.buttons.open_options/i })
+
+      await user.click(dropdown)
+
+      expect(screen.getByText(label)).toBeInTheDocument()
+
+      await user.click(screen.getByText(label))
+
+      expect(props.items[0].callback).toHaveBeenCalledTimes(1)
+    })
+  })
+})

package/src/lib/components/dropdown-actions/index.ts

@@ -0,0 +1 @@
+export { default as DropdownActions } from './dropdown-actions'

package/src/lib/components/dropdown-actions/types.ts

@@ -0,0 +1,16 @@
+import type { ValidIconNames } from '@/src/lib/components/icons/icon-names'
+
+export type DropdownItem = {
+  label: string
+  callback: () => void
+  icon?: ValidIconNames
+  visible?: boolean
+}
+
+export type DropdownActionsProps = {
+  items: DropdownItem[]
+  disabled?: boolean
+  triggerClassName?: string
+  triggerIcon?: ValidIconNames
+  triggerIconClassName?: string
+}

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

@@ -3,11 +3,12 @@ import { useTranslation } from 'react-i18next'
 import ErrorDarkSVG from '@/public/assets/svg/error-dark.svg?url'
 import ErrorLightSVG from '@/public/assets/svg/error-light.svg?url'
 import { Button } from '@/src/lib/components'
-import { PageLayout, TutorWidgetEvents } from '@/src/modules/widget'
+import { PageLayout, TutorWidgetEvents, useIsAgentParentAtomValue } from '@/src/modules/widget'
 import { WidgetHeader } from '@/src/modules/widget/components/header'
 
 function GenericError({ isDarkMode = false }: { isDarkMode?: boolean }) {
   const { t } = useTranslation()
+  const isAgentMode = useIsAgentParentAtomValue()
 
   return (
     <PageLayout className='p-5'>
@@ -36,13 +37,15 @@ function GenericError({ isDarkMode = false }: { isDarkMode?: boolean }) {
             {t('general.buttons.try_again')}
           </Button>
 
-          <Button
-            variant='secondary'
-            className='mx-auto w-full max-w-max rounded-lg !px-9 py-2 !font-light'
-            onClick={() => TutorWidgetEvents['c3po-app-widget-hide'].dispatch()}
-            aria-label='Close Button'>
-            {t('general.buttons.close')}
-          </Button>
+          {!isAgentMode && (
+            <Button
+              variant='secondary'
+              className='mx-auto w-full max-w-max rounded-lg !px-9 py-2 !font-light'
+              onClick={() => TutorWidgetEvents['c3po-app-widget-hide'].dispatch()}
+              aria-label='Close Button'>
+              {t('general.buttons.close')}
+            </Button>
+          )}
         </div>
       </div>
     </PageLayout>

package/src/lib/components/icons/document.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 16C13.5312 16 14 15.5625 14 15V7H10.5C9.65625 7 9 6.34375 9 5.5V2H5C4.4375 2 4 2.46875 4 3V15C4 15.5625 4.4375 16 5 16H13ZM10.5 6H13.9688C13.9375 5.9375 13.9062 5.84375 13.8438 5.78125L10.2188 2.15625C10.1562 2.09375 10.0625 2.0625 10 2.03125V5.5C10 5.78125 10.2188 6 10.5 6ZM5 1H9.875C10.25 1 10.6562 1.1875 10.9375 1.46875L14.5312 5.0625C14.8125 5.34375 15 5.75 15 6.125V15C15 16.125 14.0938 17 13 17H5C3.875 17 3 16.125 3 15V3C3 1.90625 3.875 1 5 1ZM6.5 9H11.5C11.75 9 12 9.25 12 9.5C12 9.78125 11.75 10 11.5 10H6.5C6.21875 10 6 9.78125 6 9.5C6 9.25 6.21875 9 6.5 9ZM6.5 11H11.5C11.75 11 12 11.25 12 11.5C12 11.7812 11.75 12 11.5 12H6.5C6.21875 12 6 11.7812 6 11.5C6 11.25 6.21875 11 6.5 11ZM6.5 13H11.5C11.75 13 12 13.25 12 13.5C12 13.7812 11.75 14 11.5 14H6.5C6.21875 14 6 13.7812 6 13.5C6 13.25 6.21875 13 6.5 13Z" fill="#F5F3EF"/>
+</svg>

package/src/lib/components/icons/file.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 14.5V6.5H9.5C8.65625 6.5 8 5.84375 8 5V1.5H4C3.4375 1.5 3 1.96875 3 2.5V14.5C3 15.0625 3.4375 15.5 4 15.5H12C12.5312 15.5 13 15.0625 13 14.5ZM12.9688 5.5C12.9375 5.4375 12.9062 5.34375 12.8438 5.28125L9.21875 1.65625C9.15625 1.59375 9.0625 1.5625 9 1.53125V5C9 5.28125 9.21875 5.5 9.5 5.5H12.9688ZM2 2.5C2 1.40625 2.875 0.5 4 0.5H8.875C9.25 0.5 9.65625 0.6875 9.9375 0.96875L13.5312 4.5625C13.8125 4.84375 14 5.25 14 5.625V14.5C14 15.625 13.0938 16.5 12 16.5H4C2.875 16.5 2 15.625 2 14.5V2.5Z" fill="currentColor"/>
+</svg>

package/src/lib/components/icons/icon-names.d.ts

@@ -6,22 +6,30 @@ export type ValidIconNames =
   | 'arrow-left'
   | 'arrow-up'
   | 'book'
+  | 'retry'
   | 'chevron-down'
   | 'clone'
   | 'close'
   | 'copy-solid'
   | 'copy'
+  | 'document'
   | 'double-check'
   | 'expand'
+  | 'file'
   | 'gallery'
+  | 'image'
   | 'info'
   | 'interrogation'
   | 'like-solid'
   | 'like'
   | 'paste'
+  | 'pdf'
+  | 'plus'
   | 'send'
   | 'sparkle-tutor-light'
   | 'sparkle-tutor'
+  | 'spreadsheet'
   | 'stop'
+  | 'tutor-logo'
   | 'warning'
   | 'waveforms'

package/src/lib/components/icons/image.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 2.5C1.4375 2.5 1 2.96875 1 3.5V10.8125L3.09375 8.6875C3.59375 8.21875 4.375 8.21875 4.875 8.6875L7 10.8125L11.0938 6.6875C11.5938 6.21875 12.375 6.21875 12.875 6.6875L15 8.8125V3.5C15 2.96875 14.5312 2.5 14 2.5H2ZM1 12.2188V13.5C1 14.0625 1.4375 14.5 2 14.5H3.28125L6.28125 11.5L4.15625 9.40625C4.0625 9.3125 3.90625 9.3125 3.8125 9.40625L1 12.2188ZM12.1562 7.40625C12.0625 7.3125 11.9062 7.3125 11.8125 7.40625L4.6875 14.5H14C14.5312 14.5 15 14.0625 15 13.5V10.2188L12.1562 7.40625ZM0 3.5C0 2.40625 0.875 1.5 2 1.5H14C15.0938 1.5 16 2.40625 16 3.5V13.5C16 14.625 15.0938 15.5 14 15.5H2C0.875 15.5 0 14.625 0 13.5V3.5ZM5 5C5 4.75 4.75 4.5 4.5 4.5C4.21875 4.5 4 4.75 4 5C4 5.28125 4.21875 5.5 4.5 5.5C4.75 5.5 5 5.28125 5 5ZM3 5C3 4.46875 3.28125 4 3.75 3.71875C4.1875 3.4375 4.78125 3.4375 5.25 3.71875C5.6875 4 6 4.46875 6 5C6 5.5625 5.6875 6.03125 5.25 6.3125C4.78125 6.59375 4.1875 6.59375 3.75 6.3125C3.28125 6.03125 3 5.5625 3 5Z" fill="currentColor"/>
+</svg>

package/src/lib/components/icons/pdf.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 15V7H10.5C9.65625 7 9 6.34375 9 5.5V2H5C4.4375 2 4 2.46875 4 3V15C4 15.5625 4.4375 16 5 16H13C13.5312 16 14 15.5625 14 15ZM13.9688 6C13.9375 5.9375 13.9062 5.84375 13.8438 5.78125L10.2188 2.15625C10.1562 2.09375 10.0625 2.0625 10 2.03125V5.5C10 5.78125 10.2188 6 10.5 6H13.9688ZM3 3C3 1.90625 3.875 1 5 1H9.875C10.25 1 10.6562 1.1875 10.9375 1.46875L14.5312 5.0625C14.8125 5.34375 15 5.75 15 6.125V15C15 16.125 14.0938 17 13 17H5C3.875 17 3 16.125 3 15V3Z" fill="#F5F3EF"/>
+</svg>

package/src/lib/components/icons/plus.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 1.17993V6.67993H13C13.25 6.67993 13.5 6.92993 13.5 7.17993C13.5 7.46118 13.25 7.67993 13 7.67993H7.5V13.1799C7.5 13.4612 7.25 13.6799 7 13.6799C6.71875 13.6799 6.5 13.4612 6.5 13.1799V7.67993H1C0.71875 7.67993 0.5 7.46118 0.5 7.17993C0.5 6.92993 0.71875 6.67993 1 6.67993H6.5V1.17993C6.5 0.929932 6.71875 0.679932 7 0.679932C7.25 0.679932 7.5 0.929932 7.5 1.17993Z" fill="currentColor"/>
+</svg>

package/src/lib/components/icons/retry.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5312 4.1875C12.6719 4.1875 12.8125 4.32812 12.8125 4.46875V8.21875C12.8125 8.38281 12.6719 8.5 12.5312 8.5H8.78125C8.61719 8.5 8.5 8.38281 8.5 8.21875V7.98438C8.5 7.84375 8.61719 7.70312 8.78125 7.70312H11.4531C10.6094 6.10938 8.92188 4.98438 7 4.98438C4.21094 4.98438 1.98438 7.25781 1.98438 10C1.98438 12.7891 4.23438 15.0156 7 15.0156C8.28906 15.0156 9.46094 14.5469 10.3516 13.75C10.4453 13.6328 10.6328 13.6562 10.7266 13.75L10.8906 13.9141C11.0078 14.0312 11.0078 14.2188 10.8906 14.3359C9.85938 15.25 8.47656 15.8125 7 15.8125C3.78906 15.8125 1.1875 13.2344 1.1875 10.0234C1.16406 6.83594 3.76562 4.21094 6.97656 4.21094C9.10938 4.1875 10.9844 5.35938 12.0156 7.07031V4.46875C12.0156 4.32812 12.1328 4.1875 12.2969 4.1875H12.5312Z" fill="currentColor"/>
+</svg>

package/src/lib/components/icons/spreadsheet.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 3C2.4375 3 2 3.46875 2 4V6H16V4C16 3.46875 15.5312 3 15 3H3ZM2 7V10.5H8.5V7H2ZM9.5 7V10.5H16V7H9.5ZM8.5 11.5H2V14C2 14.5625 2.4375 15 3 15H8.5V11.5ZM9.5 15H15C15.5312 15 16 14.5625 16 14V11.5H9.5V15ZM1 4C1 2.90625 1.875 2 3 2H15C16.0938 2 17 2.90625 17 4V14C17 15.125 16.0938 16 15 16H3C1.875 16 1 15.125 1 14V4Z" fill="#F5F3EF"/>
+</svg>

package/src/lib/components/icons/tutor-logo.svg

@@ -0,0 +1,9 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.896914 6.12971C0.779441 6.10837 0.779442 5.89161 0.896914 5.87028C5.07103 5.11209 5.67461 2.64887 5.90592 0.812118C5.92066 0.695019 6.07934 0.695018 6.09408 0.812117C6.32539 2.64887 6.92897 5.11209 11.1031 5.87028C11.2206 5.89161 11.2206 6.10837 11.1031 6.12971C6.92897 6.8879 6.32539 9.35112 6.09408 11.1879C6.07934 11.305 5.92066 11.305 5.90592 11.1879C5.67461 9.35112 5.07103 6.8879 0.896914 6.12971Z" fill="url(#paint0_linear_7672_1716)"/>
+<defs>
+<linearGradient id="paint0_linear_7672_1716" x1="1.125" y1="-0.0649467" x2="10.634" y2="12.0859" gradientUnits="userSpaceOnUse">
+<stop stop-color="#44D0FF"/>
+<stop offset="1" stop-color="#B48EFF"/>
+</linearGradient>
+</defs>
+</svg>

package/src/lib/components/index.ts

@@ -1,4 +1,5 @@
 export * from './button'
+export * from './dropdown-actions'
 export * from './errors'
 export * from './horizontal-draggable-scroll'
 export * from './icons'

package/src/lib/components/markdownrenderer/markdownrenderer.tsx

@@ -71,9 +71,7 @@ const mdComponents: Partial<Components> = {
   },
   blockquote({ children, ...props }) {
     return (
-      <blockquote
-        className='my-2 border-l-4 border-primary-500 pl-4 italic text-neutral-100'
-        {...props}>
+      <blockquote className='my-2 border-l-4 border-primary-500 pl-4 italic' {...props}>
         {children}
       </blockquote>
     )

package/src/lib/hooks/index.ts

@@ -1,3 +1,4 @@
+export * from './use-click-outside'
 export * from './use-intersection-observer-reverse-scroll'
 export * from './use-media-query'
 export * from './use-ref-client-height'

package/src/lib/hooks/use-chat-file-upload/constants.ts

@@ -0,0 +1,11 @@
+export const FILE_TYPES = {
+  document: ['.doc', '.docx', '.txt'],
+  spreadsheet: ['.xls', '.xlsx', '.csv'],
+  pdf: ['.pdf'],
+  image: ['.jpg', '.jpeg', '.png']
+} as const
+
+export const FILE_TYPES_KEYS = {
+  DOCUMENT: 'document',
+  IMAGE: 'image'
+} as const

package/src/lib/hooks/use-chat-file-upload/index.ts

@@ -0,0 +1 @@
+export { useChatFileUpload } from './use-chat-file-upload'

package/src/lib/hooks/use-chat-file-upload/types.ts

@@ -0,0 +1,14 @@
+export type FileType = 'document' | 'image'
+
+export type SelectedFile = {
+  file: File
+  type: FileType
+  name: string
+  size: number
+  previewUrl?: string
+}
+
+export type UseFileUploadReturn = {
+  selectedFile: SelectedFile | null
+  handleSelectFile: (file: File, type: FileType) => void
+}