app-tutor-ai-consumer 1.24.1 → 1.24.3

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.24.3](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.24.2...v1.24.3) (2025-08-12)
+
+### Bug Fixes
+
+- qa issues ([32bf6f9](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/32bf6f951b4b769a2ee2a90a566ebbcc0aded6c6))
+
+## [1.24.2](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.24.1...v1.24.2) (2025-08-11)
+
 ## [1.24.1](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.24.0...v1.24.1) (2025-08-11)
 
 ### Bug Fixes

package/package.json

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

package/src/index.tsx

@@ -5,6 +5,7 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 
 import { initTheme } from '@/src/config/theme'
+import { version } from '../package.json'
 
 import { initLanguage } from './config/i18n'
 import { devMode, productionMode } from './lib/utils'
@@ -18,7 +19,7 @@ const loadMainStyles = () => {
     ? `${process.env.BUNDLE_PATH}/`
     : `${process.env.BUNDLE_PATH}/${process.env.APP_NAME}/_current/`
 
-  const cssPath = `${bundlePath}app-tutor-ai-consumer.css`
+  const cssPath = `${bundlePath}app-tutor-ai-consumer.css?v=${version}`
 
   if (!document.querySelector(`link[href="${cssPath}"]`)) {
     const linkElement = document.createElement('link')

package/src/lib/hooks/use-media-query/use-media-query.tsx

@@ -9,6 +9,7 @@ function useMediaQuery({ maxSize }: { maxSize: keyof typeof SCREEN_SIZES }) {
     const mediaquery = window.matchMedia(`(max-width: ${SCREEN_SIZES[maxSize]}px)`)
     const listener = () => setMatches(mediaquery.matches)
 
+    listener()
     mediaquery.addEventListener('change', listener)
 
     return () => mediaquery.removeEventListener('change', listener)

package/src/lib/utils/index.ts

@@ -4,4 +4,6 @@ export * from './extract-text-from-react-nodes'
 export { default as HttpCodes } from './http-codes'
 export * from './languages'
 export * from './message-types'
+export * from './toast'
+export { default as ToastUtils } from './toast'
 export { default as URLutils } from './urls'

package/src/lib/utils/toast.ts

@@ -0,0 +1,37 @@
+export const ToastPosition = {
+  TOP_RIGHT: 'top right',
+  TOP_LEFT: 'top left',
+  BOTTOM_LEFT: 'bottom left',
+  BOTTOM_RIGHT: 'bottom right'
+} as const
+
+export const Toast = {
+  SUCCESS: 'success',
+  DANGER: 'danger',
+  WARNING: 'warning',
+  INFO: 'info'
+} as const
+
+export type DispatchToastParams = {
+  message: string
+  type?: (typeof Toast)[keyof typeof Toast]
+  position?: (typeof ToastPosition)[keyof typeof ToastPosition]
+}
+
+export const TOAST_EVENT_NAME = 'toasted'
+
+class ToastUtils {
+  dispatch({
+    message,
+    type = Toast.SUCCESS,
+    position = ToastPosition.TOP_RIGHT
+  }: DispatchToastParams) {
+    window.dispatchEvent(
+      new CustomEvent(TOAST_EVENT_NAME, {
+        detail: { message, type, position }
+      })
+    )
+  }
+}
+
+export default new ToastUtils()

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

@@ -7,6 +7,7 @@ import { DataHubService } from '@/src/config/datahub'
 import type { ButtonReactionsType } from '@/src/config/datahub/schemas/tutor'
 import { ButtonReactions, ClickHotmartTutor } from '@/src/config/datahub/schemas/tutor'
 import { Button, Icon } from '@/src/lib/components'
+import { ToastUtils } from '@/src/lib/utils'
 import type { ParsedMessage } from '../../types'
 
 export type MessageActionsProps = {
@@ -28,9 +29,14 @@ function MessageActions({ message, className, showActions = false }: MessageActi
 
     navigator.clipboard
       .writeText(message.text)
-      .then(() => setCopied(true))
+      .then(() => {
+        setCopied(true)
+        ToastUtils.dispatch({ message: t('general.buttons.copied') })
+      })
       .catch((err) => {
-        console.error('Failed to copy text: ', err)
+        const errorMessage = t('generic_error.title')
+        console.error(`${errorMessage}: `, err)
+        ToastUtils.dispatch({ message: errorMessage })
       })
       .finally(() => {
         setTimeout(() => setCopying(false), 1000)

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

@@ -25,7 +25,7 @@ function ChatPage() {
   const sendTextMessageMutation = useSendTextMessage()
   const limit = useMessagesMaxCount()
   const [value, setValue] = useChatInputValueAtom()
-  const [, setWidgetLoading] = useWidgetLoadingAtom()
+  const [widgetLoading, setWidgetLoading] = useWidgetLoadingAtom()
   const isMobile = useMediaQuery({ maxSize: 'md' })
 
   const conversationId = useMemo(() => settings?.conversationId, [settings?.conversationId])
@@ -70,7 +70,7 @@ function ChatPage() {
           onSend={widgetTabs.currentTab === 'chat' ? handleSendMessage : undefined}
           loading={sendTextMessageMutation.isPending}
           inputDisabled={messagesQuery?.isLoading}
-          buttonDisabled={messagesQuery?.isLoading || !value.trim()}
+          buttonDisabled={widgetLoading || messagesQuery?.isLoading || !value.trim()}
         />
       }>
       <div className='max-md:px-[1.125rem] max-md:pt-[1.125rem] md:px-5 md:pt-5'>

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

@@ -8,7 +8,7 @@ import { getAllMessagesQuery, useSendTextMessage } from '@/src/modules/messages/
 import { useMessagesMaxCount } from '@/src/modules/messages/store'
 import { useGetProfile } from '@/src/modules/profile'
 import { useInitSparkie } from '@/src/modules/sparkie/hooks/use-init-sparkie'
-import { useWidgetSettingsAtom, useWidgetTabsAtom } from '../../store'
+import { useWidgetLoadingAtomValue, useWidgetSettingsAtom, useWidgetTabsAtom } from '../../store'
 import { GreetingsCard } from '../greetings-card'
 import { WidgetHeader } from '../header'
 import { PageLayout } from '../page-layout'
@@ -28,6 +28,7 @@ function WidgetStarterPage() {
   const isDarkTheme = settings?.config?.theme === 'dark'
   const isSparkieReady = useInitSparkie()
   const isMobile = useMediaQuery({ maxSize: 'md' })
+  const widgetLoading = useWidgetLoadingAtomValue()
 
   useRefEventListener<HTMLTextAreaElement>({
     config: {
@@ -83,7 +84,7 @@ function WidgetStarterPage() {
           name='new-chat-msg-input'
           ref={chatInputRef}
           onSend={handleSend}
-          buttonDisabled={!chatInputValue.trim() || !isSparkieReady}
+          buttonDisabled={widgetLoading || !chatInputValue.trim() || !isSparkieReady}
         />
       }>
       <div className='grid-areas-[a_b] grid h-full grid-cols-1 grid-rows-[1fr_auto]'>