app-tutor-ai-consumer 1.42.0 → 1.43.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+# [1.43.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.42.0...v1.43.0) (2025-12-02)
+
+### Features
+
+- add tutor avatar ([f287d28](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/f287d282f8693faeb36af7a097ef80ee6073464d))
+
 # [1.42.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.41.0...v1.42.0) (2025-12-02)
 
 ### Features

package/package.json

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

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

@@ -11,6 +11,24 @@ function AIAvatar({
 }: AIAvatarProps) {
   const settings = useWidgetSettingsAtomValue()
   const isDarkTheme = settings?.config?.theme === 'dark'
+  const customAvatarImg = settings?.avatar
+
+  if (customAvatarImg) {
+    return (
+      <picture>
+        <source srcSet={customAvatarImg.webp} type='image/webp' />
+        <img
+          src={customAvatarImg.original}
+          alt='Avatar'
+          className={clsx('rounded-full object-cover', {
+            'h-9 w-9': size === 'sm',
+            'h-14 w-14': size === 'lg'
+          })}
+        />
+      </picture>
+    )
+  }
+
   return (
     <figure
       className={clsx(

package/src/types.ts

@@ -46,6 +46,10 @@ export type WidgetSettingProps = {
   membershipSlug?: string
   userId?: string
   tutorName?: string
+  avatar?: {
+    original: string
+    webp: string
+  }
   user?: User
   classHashId?: string
   owner_id?: string