app-tutor-ai-consumer 1.54.0 → 1.55.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+# [1.55.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.54.0...v1.55.0) (2026-01-30)
+
+### Features
+
+- add concierge labels ([f845eb5](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/f845eb5a3016d582ae9687f569764b14bca00d15))
+
 # [1.54.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.53.0...v1.54.0) (2026-01-28)
 
 ### Bug Fixes

package/package.json

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

package/src/main/hooks/use-initial-store/use-initial-store.tsx

@@ -11,6 +11,7 @@ import type { WidgetTabsProps } from '@/src/modules/widget'
 import {
   widgetSettingsAtom,
   widgetSettingsConfigAgentParentAtom,
+  widgetSettingsConfigConciergeParentAtom,
   widgetTabsAtom
 } from '@/src/modules/widget'
 import type { WidgetSettingProps } from '@/src/types'
@@ -50,12 +51,18 @@ const useInitialStore = ({ settings }: UseInitialStoreProps) => {
     [settings?.config?.metadata?.parent]
   )
 
+  const isConciergeMode = useMemo(
+    () => settings?.config?.metadata?.parent === 'CONCIERGE',
+    [settings?.config?.metadata?.parent]
+  )
+
   useHydrateAtoms(
     [
       [widgetSettingsAtom, getDefaultSettings(settings)],
       [messagesMaxCountAtom, MSG_MAX_COUNT],
       [widgetTabsAtom, initialTab],
-      [widgetSettingsConfigAgentParentAtom, isAgentMode]
+      [widgetSettingsConfigAgentParentAtom, isAgentMode],
+      [widgetSettingsConfigConciergeParentAtom, isConciergeMode]
     ],
     { store }
   )

package/src/modules/widget/components/greetings-card/greetings-card.tsx

@@ -3,7 +3,9 @@ import { useTranslation } from 'react-i18next'
 
 import { AiIconCircle } from '@/src/lib/components'
 import { useMembershipColor } from '../../hooks'
-import { useIsAgentParentAtomValue } from '../../store'
+import { useIsAgentParentAtomValue, useIsConciergeParentAtomValue } from '../../store'
+
+import { getGreetingsLabels } from './utils'
 
 export type GreetingsCardProps = {
   tutorName: string
@@ -13,8 +15,12 @@ export type GreetingsCardProps = {
 
 function GreetingsCard({ author, tutorName, isDarkTheme = false }: GreetingsCardProps) {
   const { t } = useTranslation()
-  const isAgentMode = useIsAgentParentAtomValue()
   const membershipColor = useMembershipColor()
+  const isAgentMode = useIsAgentParentAtomValue()
+  const isConciergeMode = useIsConciergeParentAtomValue()
+
+  const chatMode = isConciergeMode ? 'CONCIERGE' : isAgentMode ? 'AGENT' : 'TUTOR'
+  const labels = getGreetingsLabels(chatMode)
 
   return (
     <div className='flex flex-col items-center justify-center'>
@@ -28,19 +34,14 @@ function GreetingsCard({ author, tutorName, isDarkTheme = false }: GreetingsCard
               'text-white': isDarkTheme,
               'text-gray-900': !isDarkTheme
             })}>
-            {t('general.greetings.hello', { name: author })}
+            {t(labels.hello, { name: author })}
           </span>
           <h3
             className={clsx('text-xl font-bold', {
               'text-white': isDarkTheme,
               'text-gray-900': !isDarkTheme
             })}>
-            {t(
-              isAgentMode
-                ? 'general.greetings.agentFirstMessage'
-                : 'general.greetings.firstMessage',
-              { tutorName }
-            )}
+            {t(labels.firstMessage, { tutorName })}
           </h3>
         </div>
         <p
@@ -48,7 +49,7 @@ function GreetingsCard({ author, tutorName, isDarkTheme = false }: GreetingsCard
             'text-gray-400': isDarkTheme,
             'text-neutral-600': !isDarkTheme
           })}>
-          {t(isAgentMode ? 'general.greetings.agentDescription' : 'general.greetings.description')}
+          {t(labels.description)}
         </p>
       </div>
     </div>

package/src/modules/widget/components/greetings-card/types.ts

@@ -0,0 +1,7 @@
+export type WidgetMode = 'TUTOR' | 'AGENT' | 'CONCIERGE'
+
+export type GreetingsLabels = {
+  hello: string
+  firstMessage: string
+  description: string
+}

package/src/modules/widget/components/greetings-card/utils.ts

@@ -0,0 +1,25 @@
+import type { GreetingsLabels, WidgetMode } from './types'
+
+export const getGreetingsLabels = (mode: WidgetMode, isFirstTime = false): GreetingsLabels => {
+  const interaction = isFirstTime ? 'first_interaction' : 'other_interactions'
+
+  const greetingsMap = {
+    AGENT: {
+      hello: 'general.greetings.hello',
+      firstMessage: 'general.greetings.agentFirstMessage',
+      description: 'general.greetings.agentDescription'
+    },
+    CONCIERGE: {
+      hello: `concierge.welcome.${interaction}.hello`,
+      firstMessage: `concierge.welcome.${interaction}.title`,
+      description: 'concierge.welcome.description'
+    },
+    TUTOR: {
+      hello: 'general.greetings.hello',
+      firstMessage: 'general.greetings.firstMessage',
+      description: 'general.greetings.description'
+    }
+  }
+
+  return greetingsMap[mode]
+}

package/src/modules/widget/store/widget-settings-config.atom.ts

@@ -3,3 +3,8 @@ import { atom, useAtomValue } from 'jotai'
 export const widgetSettingsConfigAgentParentAtom = atom(false)
 
 export const useIsAgentParentAtomValue = () => useAtomValue(widgetSettingsConfigAgentParentAtom)
+
+export const widgetSettingsConfigConciergeParentAtom = atom(false)
+
+export const useIsConciergeParentAtomValue = () =>
+  useAtomValue(widgetSettingsConfigConciergeParentAtom)

package/src/types.ts

@@ -65,7 +65,7 @@ export type WidgetSettingProps = {
   config?: {
     theme?: Theme
     metadata?: {
-      parent?: 'AGENT' | 'TUTOR'
+      parent?: 'AGENT' | 'TUTOR' | 'CONCIERGE'
       agentProductId?: number
       agentName?: string
       courseName?: string