@droppii-org/chat-mobile 0.2.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 droppii
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,101 @@
+# @droppii/chat-mobile
+
+Droppii chat mobile
+
+## Installation
+
+
+```sh
+npm install @droppii/chat-mobile
+```
+
+
+## Usage
+
+### Installation dependencies
+
+`@droppii/chat-mobile` requires the following peer dependencies:
+
+```sh
+npm install react-native-fs
+```
+
+> `react-native-fs` is used to resolve the local path for `dataDir` and `logFilePath`.
+
+---
+
+### `initChatSdk(options)`
+
+Khởi tạo Chat SDK. Gọi hàm này **một lần duy nhất** khi ứng dụng khởi động, **trước khi** render bất kỳ component nào sử dụng tính năng chat.
+
+```ts
+import { initChatSdk } from '@droppii/chat-mobile';
+import RNFS from 'react-native-fs';
+
+initChatSdk({
+  apiAddr: 'https://your-api-server.com',   // REST API endpoint
+  wsAddr: 'wss://your-ws-server.com',       // WebSocket endpoint
+  dataDir: RNFS.DocumentDirectoryPath + '/chat',      // Thư mục lưu trữ dữ liệu SDK
+  logFilePath: RNFS.DocumentDirectoryPath + '/chat',  // Thư mục lưu file log
+  logLevel: 5,              // LogLevel.Debug (xem bảng bên dưới)
+  isLogStandardOutput: true, // In log ra console (nên bật khi develop)
+});
+```
+
+#### Tham số `InitOptions`
+
+| Tham số               | Kiểu       | Bắt buộc | Mô tả                                                     |
+| --------------------- | ---------- | :------: | --------------------------------------------------------- |
+| `apiAddr`             | `string`   | ✅       | URL của REST API server                                   |
+| `wsAddr`              | `string`   | ✅       | URL của WebSocket server                                  |
+| `dataDir`             | `string`   | ✅       | Đường dẫn thư mục lưu dữ liệu cục bộ (SQLite, cache...) |
+| `logFilePath`         | `string`   | ✅       | Đường dẫn thư mục lưu file log                           |
+| `logLevel`            | `LogLevel` | ✅       | Mức độ log (xem bảng `LogLevel` bên dưới)                |
+| `isLogStandardOutput` | `boolean`  | ✅       | `true` để in log ra stdout (hữu ích khi debug)           |
+
+#### `LogLevel`
+
+| Giá trị | Hằng số        | Mô tả                          |
+| :-----: | -------------- | ------------------------------ |
+| `5`     | `Debug`        | Tất cả log (verbose)           |
+| `4`     | `Info`         | Thông tin chung                |
+| `3`     | `Warn`         | Cảnh báo                       |
+| `2`     | `Error`        | Chỉ lỗi                        |
+| `1`     | `Fatal`        | Lỗi nghiêm trọng               |
+| `0`     | `Panic`        | Lỗi làm crash ứng dụng         |
+
+#### Ví dụ thực tế (trong `App.tsx`)
+
+```tsx
+import { initChatSdk } from '@droppii/chat-mobile';
+import RNFS from 'react-native-fs';
+
+// Gọi ở top-level module, trước khi App render
+initChatSdk({
+  apiAddr: process.env.CHAT_API_URL!,
+  wsAddr: process.env.CHAT_WS_URL!,
+  dataDir: RNFS.DocumentDirectoryPath + '/chat',
+  logFilePath: RNFS.DocumentDirectoryPath + '/chat',
+  logLevel: __DEV__ ? 5 : 2, // Debug khi dev, Error khi production
+  isLogStandardOutput: __DEV__,
+});
+
+export default function App() {
+  // ...
+}
+```
+
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/module/assets/images/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+const Images = {
+  ICON_BOT: require('./icon_bot.png'),
+  TAG_BOT: require('./tag_bot.png'),
+  TAG_MALL: require('./tag_mall.png')
+};
+export default Images;
+//# sourceMappingURL=index.js.map

package/lib/module/assets/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Images","ICON_BOT","require","TAG_BOT","TAG_MALL"],"sourceRoot":"../../../../src","sources":["assets/images/index.ts"],"mappings":";;AAAA,MAAMA,MAAM,GAAG;EACbC,QAAQ,EAAEC,OAAO,CAAC,gBAAgB,CAAC;EACnCC,OAAO,EAAED,OAAO,CAAC,eAAe,CAAC;EACjCE,QAAQ,EAAEF,OAAO,CAAC,gBAAgB;AACpC,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}

package/lib/module/build-ignore.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=build-ignore.d.js.map

package/lib/module/build-ignore.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["build-ignore.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Avatar/Avatar.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { memo, useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KColors } from '@droppii/libs';
+import { SingleAvatar } from "./SingleAvatar.js";
+import { DoubleAvatar } from "./DoubleAvatar.js";
+import { AvatarBadge } from "./AvatarBadge.js";
+import { SIZE_MAP } from "./Avatar.utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Avatar = /*#__PURE__*/memo(({
+  source,
+  size = 'md',
+  type = 'single',
+  secondarySource,
+  badge,
+  fullName,
+  borderColor = KColors.white,
+  borderWidth = 1,
+  placeholderColor = KColors.palette.gray.w400,
+  onPress
+}) => {
+  const sizeValue = useMemo(() => SIZE_MAP[size], [size]);
+  const content = useMemo(() => {
+    if (type === 'double') {
+      return /*#__PURE__*/_jsx(DoubleAvatar, {
+        primarySource: source,
+        secondarySource: secondarySource,
+        size: sizeValue,
+        borderColor: borderColor,
+        borderWidth: borderWidth,
+        placeholderColor: placeholderColor
+      });
+    }
+    return /*#__PURE__*/_jsx(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 /*#__PURE__*/_jsxs(KContainer.Touchable, {
+      style: [styles.container, containerStyle],
+      onPress: onPress,
+      activeOpacity: 0.7,
+      children: [content, badge && /*#__PURE__*/_jsx(AvatarBadge, {
+        variant: badge.variant,
+        size: sizeValue
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    style: [styles.container, containerStyle],
+    children: [content, badge && /*#__PURE__*/_jsx(AvatarBadge, {
+      variant: badge.variant,
+      size: sizeValue
+    })]
+  });
+});
+Avatar.displayName = 'Avatar';
+export default Avatar;
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  badge: {
+    position: 'absolute',
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=Avatar.js.map

package/lib/module/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useMemo","StyleSheet","KContainer","KColors","SingleAvatar","DoubleAvatar","AvatarBadge","SIZE_MAP","jsx","_jsx","jsxs","_jsxs","Avatar","source","size","type","secondarySource","badge","fullName","borderColor","white","borderWidth","placeholderColor","palette","gray","w400","onPress","sizeValue","content","primarySource","backgroundColor","w300","containerStyle","width","height","Touchable","style","styles","container","activeOpacity","children","variant","View","displayName","create","position","justifyContent","alignItems","overflow"],"sourceRoot":"../../../../src","sources":["components/Avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Avatar/Avatar.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Avatar.types.js.map

package/lib/module/components/Avatar/Avatar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Avatar/Avatar.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Avatar/Avatar.utils.js

@@ -0,0 +1,44 @@
+"use strict";
+
+const SIZE_MAP = {
+  sm: 24,
+  md: 48,
+  lg: 64
+};
+const TYPO_MAP = {
+  24: 'TextXsBold',
+  48: 'TextNmBold',
+  64: 'TextLgBold'
+};
+export const getInitials = fullName => {
+  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 => {
+  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 };
+//# sourceMappingURL=Avatar.utils.js.map

package/lib/module/components/Avatar/Avatar.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SIZE_MAP","sm","md","lg","TYPO_MAP","getInitials","fullName","cleaned","replace","trim","parts","split","filter","Boolean","length","toUpperCase","firstInitial","lastInitial","getBadgeImage","variant","Images","require","default","TAG_MALL","TAG_BOT"],"sourceRoot":"../../../../src","sources":["components/Avatar/Avatar.utils.ts"],"mappings":";;AAAA,MAAMA,QAAQ,GAAG;EACfC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAU;AAEV,MAAMC,QAAQ,GAAG;EACf,EAAE,EAAE,YAAY;EAChB,EAAE,EAAE,YAAY;EAChB,EAAE,EAAE;AACN,CAAU;AAEV,OAAO,MAAMC,WAAW,GAAIC,QAAiB,IAAa;EACxD,IAAI,CAACA,QAAQ,EAAE,OAAO,GAAG;;EAEzB;EACA,MAAMC,OAAO,GAAGD,QAAQ,CACrBE,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;EAAA,CAC5BC,IAAI,CAAC,CAAC;EAET,IAAI,CAACF,OAAO,EAAE,OAAO,GAAG;EAExB,MAAMG,KAAK,GAAGH,OAAO,CAACI,KAAK,CAAC,KAAK,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;EAElD,IAAIH,KAAK,CAACI,MAAM,KAAK,CAAC,EAAE;IACtB;IACA,OAAOJ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEK,WAAW,CAAC,CAAC,IAAI,GAAG;EAC1C;;EAEA;EACA,MAAMC,YAAY,GAAGN,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEK,WAAW,CAAC,CAAC,IAAI,EAAE;EACrD,MAAME,WAAW,GAAGP,KAAK,CAACA,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEC,WAAW,CAAC,CAAC,IAAI,EAAE;EACnE,OAAOC,YAAY,GAAGC,WAAW,IAAI,GAAG;AAC1C,CAAC;AAED,OAAO,MAAMC,aAAa,GAAIC,OAAgB,IAAK;EACjD,MAAMC,MAAM,GAAGC,OAAO,CAAC,qBAAqB,CAAC,CAACC,OAAO;EACrD,QAAQH,OAAO;IACb,KAAK,MAAM;MACT,OAAOC,MAAM,CAACG,QAAQ;IACxB,KAAK,KAAK;IACV,KAAK,SAAS;MACZ,OAAOH,MAAM,CAACI,OAAO;IACvB;MACE,OAAOJ,MAAM,CAACI,OAAO;EACzB;AACF,CAAC;AAED,SAASxB,QAAQ,EAAEI,QAAQ","ignoreList":[]}

package/lib/module/components/Avatar/AvatarBadge.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { memo } from 'react';
+import { Image as RNImage, StyleSheet } from 'react-native';
+import { getBadgeImage } from "./Avatar.utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AvatarBadge = /*#__PURE__*/memo(({
+  variant,
+  size: _size
+}) => {
+  const badgeImage = getBadgeImage(variant);
+  return /*#__PURE__*/_jsx(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'
+  }
+});
+//# sourceMappingURL=AvatarBadge.js.map

package/lib/module/components/Avatar/AvatarBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","Image","RNImage","StyleSheet","getBadgeImage","jsx","_jsx","AvatarBadge","variant","size","_size","badgeImage","source","style","styles","displayName","create","position","bottom","right","width","height","resizeMode"],"sourceRoot":"../../../../src","sources":["components/Avatar/AvatarBadge.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,KAAK,IAAIC,OAAO,EAAEC,UAAU,QAAQ,cAAc;AAC3D,SAASC,aAAa,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO/C,OAAO,MAAMC,WAAW,gBAAGP,IAAI,CAC7B,CAAC;EAAEQ,OAAO;EAAEC,IAAI,EAAEC;AAAwB,CAAC,KAAK;EAC9C,MAAMC,UAAU,GAAGP,aAAa,CAACI,OAAO,CAAC;EAEzC,oBAAOF,IAAA,CAACJ,OAAO;IAACU,MAAM,EAAED,UAAW;IAACE,KAAK,EAAEC,MAAM,CAACH;EAAW,CAAE,CAAC;AAClE,CACF,CAAC;AAEDJ,WAAW,CAACQ,WAAW,GAAG,aAAa;AAEvC,MAAMD,MAAM,GAAGX,UAAU,CAACa,MAAM,CAAC;EAC/BL,UAAU,EAAE;IACVM,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Avatar/DoubleAvatar.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KColors } from '@droppii/libs';
+import { SingleAvatar } from "./SingleAvatar.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DoubleAvatar = /*#__PURE__*/memo(({
+  primarySource,
+  secondarySource,
+  size,
+  borderColor,
+  borderWidth,
+  placeholderColor,
+  primaryFullName,
+  secondaryFullName
+}) => {
+  const innerSize = Math.round(size * 0.6875); // 33/48 ratio
+  const offset = Math.round(size * 0.3125); // 15/48 ratio
+
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    style: [styles.doubleAvatarContainer, {
+      width: size,
+      height: size
+    }],
+    children: [/*#__PURE__*/_jsx(KContainer.View, {
+      style: [styles.doubleAvatarChild, styles.doubleAvatarTop, {
+        width: innerSize,
+        height: innerSize,
+        right: offset
+      }],
+      children: /*#__PURE__*/_jsx(SingleAvatar, {
+        source: primarySource,
+        size: innerSize,
+        borderColor: borderColor,
+        borderWidth: borderWidth,
+        placeholderColor: placeholderColor,
+        backgroundColor: KColors.palette.gray.w300,
+        fullName: primaryFullName
+      })
+    }), /*#__PURE__*/_jsx(KContainer.View, {
+      style: [styles.doubleAvatarChild, styles.doubleAvatarBottom, {
+        width: innerSize,
+        height: innerSize,
+        left: offset
+      }],
+      children: /*#__PURE__*/_jsx(SingleAvatar, {
+        source: secondarySource,
+        size: innerSize,
+        borderColor: borderColor,
+        borderWidth: borderWidth,
+        placeholderColor: placeholderColor,
+        backgroundColor: KColors.palette.gray.w300,
+        fullName: secondaryFullName
+      })
+    })]
+  });
+});
+DoubleAvatar.displayName = 'DoubleAvatar';
+const styles = StyleSheet.create({
+  doubleAvatarContainer: {
+    position: 'relative'
+  },
+  doubleAvatarChild: {
+    position: 'absolute'
+  },
+  doubleAvatarTop: {
+    top: 0
+  },
+  doubleAvatarBottom: {
+    bottom: 0
+  }
+});
+//# sourceMappingURL=DoubleAvatar.js.map

package/lib/module/components/Avatar/DoubleAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","KContainer","KColors","SingleAvatar","jsx","_jsx","jsxs","_jsxs","DoubleAvatar","primarySource","secondarySource","size","borderColor","borderWidth","placeholderColor","primaryFullName","secondaryFullName","innerSize","Math","round","offset","View","style","styles","doubleAvatarContainer","width","height","children","doubleAvatarChild","doubleAvatarTop","right","source","backgroundColor","palette","gray","w300","fullName","doubleAvatarBottom","left","displayName","create","position","top","bottom"],"sourceRoot":"../../../../src","sources":["components/Avatar/DoubleAvatar.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,OAAO,QAAQ,eAAe;AACnD,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa9C,OAAO,MAAMC,YAAY,gBAAGT,IAAI,CAC9B,CAAC;EACCU,aAAa;EACbC,eAAe;EACfC,IAAI;EACJC,WAAW;EACXC,WAAW;EACXC,gBAAgB;EAChBC,eAAe;EACfC;AACiB,CAAC,KAAK;EACvB,MAAMC,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACR,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;EAC7C,MAAMS,MAAM,GAAGF,IAAI,CAACC,KAAK,CAACR,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;;EAE1C,oBACEJ,KAAA,CAACN,UAAU,CAACoB,IAAI;IACdC,KAAK,EAAE,CAACC,MAAM,CAACC,qBAAqB,EAAE;MAAEC,KAAK,EAAEd,IAAI;MAAEe,MAAM,EAAEf;IAAK,CAAC,CAAE;IAAAgB,QAAA,gBAErEtB,IAAA,CAACJ,UAAU,CAACoB,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACK,iBAAiB,EACxBL,MAAM,CAACM,eAAe,EACtB;QAAEJ,KAAK,EAAER,SAAS;QAAES,MAAM,EAAET,SAAS;QAAEa,KAAK,EAAEV;MAAO,CAAC,CACtD;MAAAO,QAAA,eAEFtB,IAAA,CAACF,YAAY;QACX4B,MAAM,EAAEtB,aAAc;QACtBE,IAAI,EAAEM,SAAU;QAChBL,WAAW,EAAEA,WAAY;QACzBC,WAAW,EAAEA,WAAY;QACzBC,gBAAgB,EAAEA,gBAAiB;QACnCkB,eAAe,EAAE9B,OAAO,CAAC+B,OAAO,CAACC,IAAI,CAACC,IAAK;QAC3CC,QAAQ,EAAErB;MAAgB,CAC3B;IAAC,CACa,CAAC,eAClBV,IAAA,CAACJ,UAAU,CAACoB,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACK,iBAAiB,EACxBL,MAAM,CAACc,kBAAkB,EACzB;QAAEZ,KAAK,EAAER,SAAS;QAAES,MAAM,EAAET,SAAS;QAAEqB,IAAI,EAAElB;MAAO,CAAC,CACrD;MAAAO,QAAA,eAEFtB,IAAA,CAACF,YAAY;QACX4B,MAAM,EAAErB,eAAgB;QACxBC,IAAI,EAAEM,SAAU;QAChBL,WAAW,EAAEA,WAAY;QACzBC,WAAW,EAAEA,WAAY;QACzBC,gBAAgB,EAAEA,gBAAiB;QACnCkB,eAAe,EAAE9B,OAAO,CAAC+B,OAAO,CAACC,IAAI,CAACC,IAAK;QAC3CC,QAAQ,EAAEpB;MAAkB,CAC7B;IAAC,CACa,CAAC;EAAA,CACH,CAAC;AAEtB,CACF,CAAC;AAEDR,YAAY,CAAC+B,WAAW,GAAG,cAAc;AAEzC,MAAMhB,MAAM,GAAGvB,UAAU,CAACwC,MAAM,CAAC;EAC/BhB,qBAAqB,EAAE;IACrBiB,QAAQ,EAAE;EACZ,CAAC;EACDb,iBAAiB,EAAE;IACjBa,QAAQ,EAAE;EACZ,CAAC;EACDZ,eAAe,EAAE;IACfa,GAAG,EAAE;EACP,CAAC;EACDL,kBAAkB,EAAE;IAClBM,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Avatar/SingleAvatar.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KImage, KLabel, KColors } from '@droppii/libs';
+import { getInitials, TYPO_MAP } from "./Avatar.utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SingleAvatar = /*#__PURE__*/memo(({
+  source,
+  size,
+  borderColor,
+  borderWidth,
+  placeholderColor,
+  backgroundColor,
+  fullName
+}) => {
+  if (source) {
+    return /*#__PURE__*/_jsx(KImage.Avatar, {
+      uri: source,
+      size: size === 24 ? 'sm' : size === 48 ? 'md' : 'lg',
+      style: {
+        borderWidth,
+        borderColor,
+        width: size,
+        height: size
+      }
+    });
+  }
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    center: true,
+    style: [styles.placeholderAvatar, {
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      borderWidth,
+      borderColor,
+      backgroundColor: backgroundColor || placeholderColor
+    }],
+    children: /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: TYPO_MAP[size] || 'TextNmBold',
+      color: KColors.palette.primary.w400,
+      children: getInitials(fullName)
+    })
+  });
+});
+SingleAvatar.displayName = 'SingleAvatar';
+const styles = StyleSheet.create({
+  placeholderAvatar: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=SingleAvatar.js.map

package/lib/module/components/Avatar/SingleAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","KContainer","KImage","KLabel","KColors","getInitials","TYPO_MAP","jsx","_jsx","SingleAvatar","source","size","borderColor","borderWidth","placeholderColor","backgroundColor","fullName","Avatar","uri","style","width","height","View","center","styles","placeholderAvatar","borderRadius","children","Text","typo","color","palette","primary","w400","displayName","create","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["components/Avatar/SingleAvatar.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,eAAe;AACnE,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYvD,OAAO,MAAMC,YAAY,gBAAGV,IAAI,CAC9B,CAAC;EACCW,MAAM;EACNC,IAAI;EACJC,WAAW;EACXC,WAAW;EACXC,gBAAgB;EAChBC,eAAe;EACfC;AACiB,CAAC,KAAK;EACvB,IAAIN,MAAM,EAAE;IACV,oBACEF,IAAA,CAACN,MAAM,CAACe,MAAM;MACZC,GAAG,EAAER,MAAO;MACZC,IAAI,EAAEA,IAAI,KAAK,EAAE,GAAG,IAAI,GAAGA,IAAI,KAAK,EAAE,GAAG,IAAI,GAAG,IAAK;MACrDQ,KAAK,EAAE;QACLN,WAAW;QACXD,WAAW;QACXQ,KAAK,EAAET,IAAI;QACXU,MAAM,EAAEV;MACV;IAAE,CACH,CAAC;EAEN;EAEA,oBACEH,IAAA,CAACP,UAAU,CAACqB,IAAI;IACdC,MAAM;IACNJ,KAAK,EAAE,CACLK,MAAM,CAACC,iBAAiB,EACxB;MACEL,KAAK,EAAET,IAAI;MACXU,MAAM,EAAEV,IAAI;MACZe,YAAY,EAAEf,IAAI,GAAG,CAAC;MACtBE,WAAW;MACXD,WAAW;MACXG,eAAe,EAAEA,eAAe,IAAID;IACtC,CAAC,CACD;IAAAa,QAAA,eAEFnB,IAAA,CAACL,MAAM,CAACyB,IAAI;MACVC,IAAI,EAAEvB,QAAQ,CAACK,IAAI,CAA0B,IAAI,YAAa;MAC9DmB,KAAK,EAAE1B,OAAO,CAAC2B,OAAO,CAACC,OAAO,CAACC,IAAK;MAAAN,QAAA,EAEnCtB,WAAW,CAACW,QAAQ;IAAC,CACX;EAAC,CACC,CAAC;AAEtB,CACF,CAAC;AAEDP,YAAY,CAACyB,WAAW,GAAG,cAAc;AAEzC,MAAMV,MAAM,GAAGxB,UAAU,CAACmC,MAAM,CAAC;EAC/BV,iBAAiB,EAAE;IACjBW,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Avatar/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { default as Avatar } from "./Avatar.js";
+export { SingleAvatar } from "./SingleAvatar.js";
+export { DoubleAvatar } from "./DoubleAvatar.js";
+export { AvatarBadge } from "./AvatarBadge.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Avatar","SingleAvatar","DoubleAvatar","AvatarBadge"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,aAAU;AAC5C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,WAAW,QAAQ,kBAAe","ignoreList":[]}

package/lib/module/components/ThreadCard/AvatarSection.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { memo } from 'react';
+import { Avatar } from "../Avatar/index.js";
+import { DChatCategory } from "../../types/chat.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AvatarSection = /*#__PURE__*/memo(({
+  avatar,
+  fullName,
+  chatCategory,
+  applicationType
+}) => {
+  if (chatCategory === DChatCategory.BIZ_BOT_CRM || chatCategory === DChatCategory.BIZ_BOT_PDP) {
+    return /*#__PURE__*/_jsx(Avatar, {
+      source: avatar,
+      fullName: fullName,
+      badge: {
+        variant: 'bot'
+      }
+    });
+  }
+  if (applicationType === 'MALL') {
+    return /*#__PURE__*/_jsx(Avatar, {
+      source: avatar,
+      fullName: fullName,
+      badge: {
+        variant: 'mall'
+      }
+    });
+  }
+  return /*#__PURE__*/_jsx(Avatar, {
+    source: avatar,
+    fullName: fullName
+  });
+});
+AvatarSection.displayName = 'AvatarSection';
+//# sourceMappingURL=AvatarSection.js.map

package/lib/module/components/ThreadCard/AvatarSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","Avatar","DChatCategory","jsx","_jsx","AvatarSection","avatar","fullName","chatCategory","applicationType","BIZ_BOT_CRM","BIZ_BOT_PDP","source","badge","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/AvatarSection.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,MAAM,QAAQ,oBAAW;AAClC,SAASC,aAAa,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUjD,OAAO,MAAMC,aAAa,gBAAGL,IAAI,CAC/B,CAAC;EAAEM,MAAM;EAAEC,QAAQ;EAAEC,YAAY;EAAEC;AAAoC,CAAC,KAAK;EAC3E,IACED,YAAY,KAAKN,aAAa,CAACQ,WAAW,IAC1CF,YAAY,KAAKN,aAAa,CAACS,WAAW,EAC1C;IACA,oBACEP,IAAA,CAACH,MAAM;MACLW,MAAM,EAAEN,MAAO;MACfC,QAAQ,EAAEA,QAAS;MACnBM,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAM;IAAE,CAC3B,CAAC;EAEN;EAEA,IAAIL,eAAe,KAAK,MAAM,EAAE;IAC9B,oBACEL,IAAA,CAACH,MAAM;MACLW,MAAM,EAAEN,MAAO;MACfC,QAAQ,EAAEA,QAAS;MACnBM,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAO;IAAE,CAC5B,CAAC;EAEN;EAEA,oBAAOV,IAAA,CAACH,MAAM;IAACW,MAAM,EAAEN,MAAO;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAAC;AACvD,CACF,CAAC;AAEDF,aAAa,CAACU,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/components/ThreadCard/NamePrefixIcon.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { memo } from 'react';
+import { KContainer, KImage, KColors } from '@droppii/libs';
+import { DChatCategory, DChatType } from "../../types/chat.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const NamePrefixIcon = /*#__PURE__*/memo(({
+  chatCategory,
+  chatType
+}) => {
+  if (chatCategory === DChatCategory.BIZ_BOT_CRM || chatCategory === DChatCategory.BIZ_BOT_PDP) {
+    return /*#__PURE__*/_jsx(KContainer.View, {
+      marginR: "0.25rem",
+      children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "robot-outline",
+        provider: "MaterialCommunityIcons",
+        size: 14,
+        color: KColors.palette.primary.w400
+      })
+    });
+  }
+  if (chatType === DChatType.GROUP) {
+    return /*#__PURE__*/_jsx(KContainer.View, {
+      marginR: "0.25rem",
+      children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "account-multiple-outline",
+        provider: "MaterialCommunityIcons",
+        size: 14,
+        color: KColors.palette.gray.w500
+      })
+    });
+  }
+  return null;
+});
+NamePrefixIcon.displayName = 'NamePrefixIcon';
+//# sourceMappingURL=NamePrefixIcon.js.map

package/lib/module/components/ThreadCard/NamePrefixIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","KContainer","KImage","KColors","DChatCategory","DChatType","jsx","_jsx","NamePrefixIcon","chatCategory","chatType","BIZ_BOT_CRM","BIZ_BOT_PDP","View","marginR","children","VectorIcons","name","provider","size","color","palette","primary","w400","GROUP","gray","w500","displayName"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/NamePrefixIcon.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,MAAM,EAAEC,OAAO,QAAQ,eAAe;AAC3D,SAASC,aAAa,EAAEC,SAAS,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO5D,OAAO,MAAMC,cAAc,gBAAGR,IAAI,CAChC,CAAC;EAAES,YAAY;EAAEC;AAA8B,CAAC,KAAK;EACnD,IACED,YAAY,KAAKL,aAAa,CAACO,WAAW,IAC1CF,YAAY,KAAKL,aAAa,CAACQ,WAAW,EAC1C;IACA,oBACEL,IAAA,CAACN,UAAU,CAACY,IAAI;MAACC,OAAO,EAAC,SAAS;MAAAC,QAAA,eAChCR,IAAA,CAACL,MAAM,CAACc,WAAW;QACjBC,IAAI,EAAC,eAAe;QACpBC,QAAQ,EAAC,wBAAwB;QACjCC,IAAI,EAAE,EAAG;QACTC,KAAK,EAAEjB,OAAO,CAACkB,OAAO,CAACC,OAAO,CAACC;MAAK,CACrC;IAAC,CACa,CAAC;EAEtB;EAEA,IAAIb,QAAQ,KAAKL,SAAS,CAACmB,KAAK,EAAE;IAChC,oBACEjB,IAAA,CAACN,UAAU,CAACY,IAAI;MAACC,OAAO,EAAC,SAAS;MAAAC,QAAA,eAChCR,IAAA,CAACL,MAAM,CAACc,WAAW;QACjBC,IAAI,EAAC,0BAA0B;QAC/BC,QAAQ,EAAC,wBAAwB;QACjCC,IAAI,EAAE,EAAG;QACTC,KAAK,EAAEjB,OAAO,CAACkB,OAAO,CAACI,IAAI,CAACC;MAAK,CAClC;IAAC,CACa,CAAC;EAEtB;EAEA,OAAO,IAAI;AACb,CACF,CAAC;AAEDlB,cAAc,CAACmB,WAAW,GAAG,gBAAgB","ignoreList":[]}