@droppii-org/chat-mobile 0.2.0

package/lib/typescript/src/types/chat.d.ts

@@ -0,0 +1,99 @@
+import { type MessageItem, type SessionType, type MessageReceiveOptType, type GroupAtType } from '@droppii/openim-rn-client-sdk';
+export interface ChatProviderProps {
+    children: React.ReactNode;
+}
+export declare enum DChatApplicationType {
+    BIZ = "BIZ",
+    MALL = "MALL"
+}
+export declare enum DChatCategory {
+    BIZ_BIZ = "BIZ_BIZ",
+    BIZ_MALL = "BIZ_MALL",
+    GROUP = "GROUP",
+    BIZ_BOT_PDP = "BIZ_BOT_PDP",
+    BIZ_BOT_CRM = "BIZ_BOT_CRM"
+}
+export declare enum DChatType {
+    SINGLE = "SINGLE",
+    GROUP = "GROUP"
+}
+export declare enum DMemberRole {
+    AGENT = "AGENT",
+    MEMBER = "MEMBER"
+}
+export interface DConversationPeerUser {
+    id: string;
+    username?: string;
+    fullName?: string;
+    avatar?: string;
+    type: string;
+    botName?: string;
+}
+export interface DConversationPeer {
+    type: 'USER' | 'GROUP';
+    user: DConversationPeerUser | null;
+    group: null;
+}
+export interface DConversationItem {
+    conversationId: string;
+    chatCategory: DChatCategory;
+    chatType: DChatType;
+    applicationType: string;
+    memberRole: DMemberRole;
+    pinnedAt: string | null;
+    isMuted: boolean;
+    peer: DConversationPeerUser;
+    lastMessage?: DMessageItem;
+    unreadCount?: number;
+    conversationType?: SessionType;
+    userID?: string;
+    groupID?: string;
+    showName?: string;
+    faceURL?: string;
+    recvMsgOpt?: MessageReceiveOptType;
+    groupAtType?: GroupAtType;
+    latestMsgSendTime?: number;
+    draftText?: string;
+    draftTextTime?: number;
+    isPinned?: boolean;
+    isNotInGroup?: boolean;
+    isPrivateChat?: boolean;
+    isMsgDestruct?: boolean;
+    attachedInfo?: string;
+    ex?: string;
+}
+export interface DConversationQueryParams {
+    applicationType: string;
+    page: number;
+    pageSize: number;
+}
+export interface DMessageItem extends MessageItem {
+    isInternal?: boolean;
+    atUserIDList?: unknown;
+    attachedInfo?: 'null';
+    options?: DMessageOption;
+}
+export interface DMessageOption {
+    conversationUpdate: boolean;
+    offlinePush: boolean;
+    senderConversationUpdate: boolean;
+    unreadCount: boolean;
+}
+export interface DMessagePushInfo {
+    title: string;
+    desc: string;
+    /**
+     * @instance DMessagePushInfoEx
+     */
+    ex: string;
+    signalInfo: string;
+    iospushSound: 'default';
+    iosbadgeCount: boolean;
+}
+export interface DMessagePushInfoEx {
+    icon: string;
+    conversationId: string;
+    title: string;
+    desc: string;
+}
+//# sourceMappingURL=chat.d.ts.map

package/lib/typescript/src/types/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/types/chat.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/types/message.d.ts

@@ -0,0 +1,15 @@
+export declare const DChatMessageType: {
+    readonly Text: "TEXT";
+    readonly Link: "LINK";
+    readonly Image: "IMAGE";
+    readonly Video: "VIDEO";
+    readonly File: "FILE";
+    readonly Order: "ORDER";
+    readonly Unsupported: "UNSUPPORTED";
+};
+export type DChatMessageType = (typeof DChatMessageType)[keyof typeof DChatMessageType];
+export declare const CUSTOM_MESSAGE_DATA_TYPE: {
+    readonly LINK: "LINK";
+    readonly ORDER: "ORDER";
+};
+//# sourceMappingURL=message.d.ts.map

package/lib/typescript/src/types/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/types/message.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;CAQnB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAE3D,eAAO,MAAM,wBAAwB;;;CAG3B,CAAC"}

package/lib/typescript/src/utils/conversation.d.ts

@@ -0,0 +1,10 @@
+import { SessionType, type ConversationItem } from '@droppii/openim-rn-client-sdk';
+import { type DConversationItem, DChatCategory } from '../types/chat';
+export declare const conversationCompare: (a: ConversationItem, b: ConversationItem) => number;
+export declare const dConversationCompare: (a: DConversationItem, b: DConversationItem) => number;
+export declare const mergeOpenIMIntoConversation: (droppii: DConversationItem, openim: ConversationItem) => DConversationItem;
+export declare const getConversationID: (sessionType: SessionType, senderID?: string, receiverID?: string) => string;
+export declare const isBotCrmChat: (chatCategory: DChatCategory) => chatCategory is DChatCategory.BIZ_BOT_PDP | DChatCategory.BIZ_BOT_CRM;
+export declare const resolveDisplayName: (item: DConversationItem, t: (key: string) => string) => string;
+export declare const resolveAvatarUrl: (item: DConversationItem) => string;
+//# sourceMappingURL=conversation.d.ts.map

package/lib/typescript/src/utils/conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../src/utils/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,KAAK,iBAAiB,EAEtB,aAAa,EACd,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,mBAAmB,GAC9B,GAAG,gBAAgB,EACnB,GAAG,gBAAgB,WAcpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,GAAG,iBAAiB,EACpB,GAAG,iBAAiB,WAWrB,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,SAAS,iBAAiB,EAC1B,QAAQ,gBAAgB,KACvB,iBAkBF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,aAAa,WAAW,EACxB,WAAW,MAAM,EACjB,aAAa,MAAM,WAUpB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,cAAc,aAAa,0EAEZ,CAAC;AAE7C,eAAO,MAAM,kBAAkB,GAC7B,MAAM,iBAAiB,EACvB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,WAa3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,iBAAiB,WAGvD,CAAC"}

package/lib/typescript/src/utils/giftedChatMessage.d.ts

@@ -0,0 +1,10 @@
+import type { IMessage } from 'react-native-gifted-chat';
+import type { DChatMessageType } from '../types/message';
+import type { DMessageItem } from '../types/chat';
+export type DGiftedChatMessage = IMessage & {
+    openIMMessage: DMessageItem;
+    messageType: DChatMessageType;
+};
+export declare const mapOpenIMMessageToGiftedChat: (message: DMessageItem) => DGiftedChatMessage;
+export declare const mapOpenIMMessagesToGiftedChat: (messages: DMessageItem[]) => DGiftedChatMessage[];
+//# sourceMappingURL=giftedChatMessage.d.ts.map

package/lib/typescript/src/utils/giftedChatMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"giftedChatMessage.d.ts","sourceRoot":"","sources":["../../../../src/utils/giftedChatMessage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG;IAC1C,aAAa,EAAE,YAAY,CAAC;IAC5B,WAAW,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAqEF,eAAO,MAAM,4BAA4B,GACvC,SAAS,YAAY,KACpB,kBA6CF,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACxC,UAAU,YAAY,EAAE,KACvB,kBAAkB,EAOpB,CAAC"}

package/lib/typescript/src/utils/message.d.ts

@@ -0,0 +1,15 @@
+import { type MessageItem } from '@droppii/openim-rn-client-sdk';
+import type { DMessageItem } from '../types/chat';
+export declare const mergeMessages: (current: DMessageItem[], incoming: DMessageItem[]) => DMessageItem[];
+export declare const normalizeCreatedMessage: (message: MessageItem | string) => MessageItem;
+export type HistoryPaginationAnchor = {
+    clientMsgID: string;
+    lastMinSeq?: number;
+};
+export declare const resolveHistoryLastMinSeq: (history: {
+    lastMinSeq?: number;
+}, fallbackMessage?: DMessageItem) => number;
+export declare const getHistoryPaginationAnchor: (messages: DMessageItem[]) => HistoryPaginationAnchor | null;
+export declare const hasNewHistoryMessages: (current: DMessageItem[], incoming: DMessageItem[]) => boolean;
+export declare const belongsToConversation: (message: MessageItem, conversationId: string, groupID?: string) => boolean;
+//# sourceMappingURL=message.d.ts.map

package/lib/typescript/src/utils/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/utils/message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AASlD,eAAO,MAAM,aAAa,GACxB,SAAS,YAAY,EAAE,EACvB,UAAU,YAAY,EAAE,KACvB,YAAY,EAad,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,SAAS,WAAW,GAAG,MAAM,KAC5B,WAYF,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,kBAAkB,YAAY,KAC7B,MAMF,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,UAAU,YAAY,EAAE,KACvB,uBAAuB,GAAG,IAkB5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,YAAY,EAAE,EACvB,UAAU,YAAY,EAAE,KACvB,OASF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,WAAW,EACpB,gBAAgB,MAAM,EACtB,UAAU,MAAM,KACf,OAmCF,CAAC"}

package/lib/typescript/src/utils/resolveMessageType.d.ts

@@ -0,0 +1,4 @@
+import type { DMessageItem } from '../types/chat';
+import { DChatMessageType } from '../types/message';
+export declare const resolveChatMessageType: (message: DMessageItem) => DChatMessageType;
+//# sourceMappingURL=resolveMessageType.d.ts.map

package/lib/typescript/src/utils/resolveMessageType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveMessageType.d.ts","sourceRoot":"","sources":["../../../../src/utils/resolveMessageType.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAA4B,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAgB9E,eAAO,MAAM,sBAAsB,GACjC,SAAS,YAAY,KACpB,gBA4BF,CAAC"}

package/package.json

@@ -0,0 +1,209 @@
+{
+  "name": "@droppii-org/chat-mobile",
+  "version": "0.2.0",
+  "description": "Droppii chat mobile",
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "homepage": "https://github.com/droppii/chat-mobile#readme",
+  "bugs": {
+    "url": "https://github.com/droppii/chat-mobile/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/droppii/chat-mobile.gitt"
+  },
+  "license": "MIT",
+  "author": "droppii <hoang.phan@droppii.com> (https://github.com/hoangphandroppii)",
+  "type": "commonjs",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "directories": {
+    "doc": "docs",
+    "example": "example",
+    "lib": "lib"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "workspaces": [
+    "example"
+  ],
+  "scripts": {
+    "example": "yarn workspace @droppii/chat-mobile-example",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "typecheck": "tsc -p tsconfig.build.json 2>&1 | grep -E 'src/.*error' || echo 'Typecheck passed (external dependency warnings ignored)'",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "release": "release-it --no-git --ci --no-increment",
+    "web": "vite",
+    "build:web": "vite build"
+  },
+  "dependencies": {
+    "@droppii/openim-rn-client-sdk": "git+ssh://git@github.com/droppii/open-im-sdk-reactnative.git#v1.0.0-rc5",
+    "axios": "^1.16.1",
+    "lodash": "^4.18.1",
+    "react-native-fs": "^2.20.0",
+    "react-native-gifted-chat": "^3.3.3",
+    "react-native-tab-view": "^4.3.1"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^20.5.0",
+    "@droppii/libs": "git+ssh://git@github.com:droppii/mobile-components.git#v1.1.13",
+    "@eslint/compat": "^2.0.3",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^10.0.1",
+    "@growthbook/growthbook-react": "*",
+    "@jest/globals": "^30.0.0",
+    "@react-native/babel-preset": "0.85.0",
+    "@react-native/eslint-config": "0.85.0",
+    "@react-native/jest-preset": "0.85.0",
+    "@react-navigation/native": "*",
+    "@release-it/conventional-changelog": "^10.0.6",
+    "@tanstack/react-query": "^5.101.0",
+    "@types/lodash": "^4",
+    "@types/react": "^19.2.0",
+    "@types/react-native": "^0.73.0",
+    "@types/react-query": "^1.2.9",
+    "commitlint": "^20.5.0",
+    "del-cli": "^7.0.0",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-ft-flow": "^3.0.11",
+    "eslint-plugin-prettier": "^5.5.5",
+    "jest": "^30.3.0",
+    "lefthook": "^2.1.4",
+    "prettier": "^3.8.1",
+    "react-native": "^0.86.0",
+    "react-native-builder-bob": "^0.41.0",
+    "react-native-device-info": "*",
+    "react-native-gesture-handler": "^3.0.0",
+    "react-native-keyboard-controller": "1.19.0",
+    "react-native-linear-gradient": "^2.8.3",
+    "react-native-mmkv": "4.0.0",
+    "react-native-reanimated": "3.19.1",
+    "react-native-safe-area-context": "^5.8.0",
+    "react-native-svg": "^15.15.5",
+    "react-native-vector-icons": "*",
+    "react-native-web": "~0.21.1",
+    "release-it": "^19.2.4",
+    "turbo": "^2.8.21",
+    "typescript": "^6.0.2",
+    "zustand": "^5.0.14"
+  },
+  "peerDependencies": {
+    "@droppii/libs": "*",
+    "@tanstack/react-query": "*",
+    "react": "*",
+    "react-native": "*",
+    "react-native-gesture-handler": "*",
+    "react-native-gifted-chat": "*",
+    "react-native-keyboard-controller": "*",
+    "react-native-linear-gradient": "*",
+    "react-native-mmkv": "*",
+    "react-native-reanimated": "*",
+    "react-native-safe-area-context": "*",
+    "react-native-svg": "*",
+    "zustand": "*"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "packageManager": "yarn@4.17.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "@react-native/jest-preset",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "create-react-native-library": {
+    "type": "library",
+    "languages": "js",
+    "tools": [
+      "eslint",
+      "jest",
+      "lefthook",
+      "release-it",
+      "vite"
+    ],
+    "version": "0.62.0"
+  }
+}

package/src/assets/images/index.ts

@@ -0,0 +1,7 @@
+const Images = {
+  ICON_BOT: require('./icon_bot.png'),
+  TAG_BOT: require('./tag_bot.png'),
+  TAG_MALL: require('./tag_mall.png'),
+};
+
+export default Images;

package/src/build-ignore.d.ts

@@ -0,0 +1,24 @@
+declare module '@droppii/libs/*';
+declare module '@droppii/libs' {
+  export type KBottomSheetProps = any;
+  export type KPopupProps = any;
+  export type KToastBarProps = any;
+
+  export const KColors: any;
+  export const KSpacingValue: any;
+  export const KContainer: any;
+  export const KLabel: any;
+  export const KImage: any;
+  export const KButton: any;
+  export const KInput: any;
+  export const KRadiusValue: any;
+  export const KDivider: any;
+  export const KListItem: any;
+  export const KDims: any;
+  export const KBars: any;
+  export const KRating: any;
+  export const KProduct: any;
+  export const KFonts: any;
+  export const KBadge: any;
+  export const KNavigation: any;
+}

package/src/components/Avatar/Avatar.tsx

@@ -0,0 +1,105 @@
+import { memo, useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KColors } from '@droppii/libs';
+import { SingleAvatar } from './SingleAvatar';
+import { DoubleAvatar } from './DoubleAvatar';
+import { AvatarBadge } from './AvatarBadge';
+import { SIZE_MAP } from './Avatar.utils';
+import type { AvatarProps } from './Avatar.types';
+
+const Avatar = memo(
+  ({
+    source,
+    size = 'md',
+    type = 'single',
+    secondarySource,
+    badge,
+    fullName,
+    borderColor = KColors.white,
+    borderWidth = 1,
+    placeholderColor = KColors.palette.gray.w400,
+    onPress,
+  }: AvatarProps) => {
+    const sizeValue = useMemo(() => SIZE_MAP[size], [size]);
+
+    const content = useMemo(() => {
+      if (type === 'double') {
+        return (
+          <DoubleAvatar
+            primarySource={source}
+            secondarySource={secondarySource}
+            size={sizeValue}
+            borderColor={borderColor}
+            borderWidth={borderWidth}
+            placeholderColor={placeholderColor}
+          />
+        );
+      }
+
+      return (
+        <SingleAvatar
+          source={source}
+          size={sizeValue}
+          borderColor={borderColor}
+          borderWidth={borderWidth}
+          placeholderColor={placeholderColor}
+          backgroundColor={KColors.palette.gray.w300}
+          fullName={fullName}
+        />
+      );
+    }, [
+      type,
+      source,
+      secondarySource,
+      sizeValue,
+      borderColor,
+      borderWidth,
+      placeholderColor,
+      fullName,
+    ]);
+
+    const containerStyle = useMemo(
+      () => ({
+        width: sizeValue,
+        height: sizeValue,
+      }),
+      [sizeValue]
+    );
+
+    if (onPress) {
+      return (
+        <KContainer.Touchable
+          style={[styles.container, containerStyle]}
+          onPress={onPress}
+          activeOpacity={0.7}
+        >
+          {content}
+          {badge && <AvatarBadge variant={badge.variant} size={sizeValue} />}
+        </KContainer.Touchable>
+      );
+    }
+
+    return (
+      <KContainer.View style={[styles.container, containerStyle]}>
+        {content}
+        {badge && <AvatarBadge variant={badge.variant} size={sizeValue} />}
+      </KContainer.View>
+    );
+  }
+);
+
+Avatar.displayName = 'Avatar';
+
+export default Avatar;
+
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  badge: {
+    position: 'absolute',
+    overflow: 'hidden',
+  },
+});

package/src/components/Avatar/Avatar.types.ts

@@ -0,0 +1,17 @@
+export interface AvatarProps {
+  userId?: string;
+  source?: string | null;
+  size?: 'sm' | 'md' | 'lg';
+  type?: 'single' | 'double';
+  secondarySource?: string | null;
+  badge?: {
+    label?: string;
+    variant?: 'bot' | 'support' | 'mall' | 'custom';
+  };
+  fullName?: string;
+  borderColor?: string;
+  borderWidth?: number;
+  placeholderColor?: string;
+  backgroundColor?: string;
+  onPress?: () => void;
+}

package/src/components/Avatar/Avatar.utils.ts

@@ -0,0 +1,49 @@
+const SIZE_MAP = {
+  sm: 24,
+  md: 48,
+  lg: 64,
+} as const;
+
+const TYPO_MAP = {
+  24: 'TextXsBold',
+  48: 'TextNmBold',
+  64: 'TextLgBold',
+} as const;
+
+export const getInitials = (fullName?: string): string => {
+  if (!fullName) return '?';
+
+  // Remove emoji, numbers, and special characters, keep only letters and spaces
+  const cleaned = fullName
+    .replace(/[^\p{L}\s]/gu, '') // Remove non-letter, non-space chars (Unicode-safe)
+    .trim();
+
+  if (!cleaned) return '?';
+
+  const parts = cleaned.split(/\s+/).filter(Boolean);
+
+  if (parts.length === 1) {
+    // Single name: use first character
+    return parts[0][0]?.toUpperCase() ?? '?';
+  }
+
+  // Multiple names: use first letter of first and last name
+  const firstInitial = parts[0][0]?.toUpperCase() ?? '';
+  const lastInitial = parts[parts.length - 1][0]?.toUpperCase() ?? '';
+  return firstInitial + lastInitial || '?';
+};
+
+export const getBadgeImage = (variant?: string) => {
+  const Images = require('../../assets/images').default;
+  switch (variant) {
+    case 'mall':
+      return Images.TAG_MALL;
+    case 'bot':
+    case 'support':
+      return Images.TAG_BOT;
+    default:
+      return Images.TAG_BOT;
+  }
+};
+
+export { SIZE_MAP, TYPO_MAP };

package/src/components/Avatar/AvatarBadge.tsx

@@ -0,0 +1,29 @@
+import { memo } from 'react';
+import { Image as RNImage, StyleSheet } from 'react-native';
+import { getBadgeImage } from './Avatar.utils';
+
+interface AvatarBadgeProps {
+  variant?: 'bot' | 'support' | 'mall' | 'custom';
+  size: number;
+}
+
+export const AvatarBadge = memo(
+  ({ variant, size: _size }: AvatarBadgeProps) => {
+    const badgeImage = getBadgeImage(variant);
+
+    return <RNImage source={badgeImage} style={styles.badgeImage} />;
+  }
+);
+
+AvatarBadge.displayName = 'AvatarBadge';
+
+const styles = StyleSheet.create({
+  badgeImage: {
+    position: 'absolute',
+    bottom: 0,
+    right: 0,
+    width: 28,
+    height: 17,
+    resizeMode: 'contain',
+  },
+});