@droppii-org/chat-mobile 0.2.0

package/lib/module/hooks/useConversationList.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import OpenIMSDK from '@droppii/openim-rn-client-sdk';
+import { ChatAPI } from "../services/index.js";
+import { conversationQueryKeys } from "./query-keys.js";
+import { useConversationStore } from "../store/index.js";
+import { mergeOpenIMIntoConversation } from "../utils/conversation.js";
+export function useConversationList({
+  applicationType,
+  page = 1,
+  enabled = true
+}) {
+  const newConversationSignal = useConversationStore(s => s.newConversationSignal);
+  const query = useQuery({
+    queryKey: [...conversationQueryKeys.list(applicationType), page],
+    enabled: enabled !== false,
+    queryFn: async () => {
+      const offset = (page - 1) * 20;
+      const [{
+        data: droppiiList
+      }, openimList] = await Promise.all([ChatAPI.queryConversations({
+        applicationType,
+        page,
+        pageSize: 20
+      }), OpenIMSDK.getConversationListSplit({
+        offset,
+        count: 20
+      })]);
+      const openimMap = new Map(openimList.map(c => [c.conversationID, c]));
+      const merged = droppiiList.map(conv => {
+        const openimConv = openimMap.get(conv.conversationId);
+        return openimConv ? mergeOpenIMIntoConversation(conv, openimConv) : conv;
+      });
+      useConversationStore.getState().updateConversations(merged);
+      return merged;
+    }
+  });
+
+  // Refetch when a new conversation arrives from a realtime event that wasn't
+  // already in the store (signal is incremented by mergeOpenIMConversations).
+  useEffect(() => {
+    if (newConversationSignal > 0) {
+      query.refetch();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [newConversationSignal]);
+  return query;
+}
+//# sourceMappingURL=useConversationList.js.map

package/lib/module/hooks/useConversationList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useQuery","OpenIMSDK","ChatAPI","conversationQueryKeys","useConversationStore","mergeOpenIMIntoConversation","useConversationList","applicationType","page","enabled","newConversationSignal","s","query","queryKey","list","queryFn","offset","data","droppiiList","openimList","Promise","all","queryConversations","pageSize","getConversationListSplit","count","openimMap","Map","map","c","conversationID","merged","conv","openimConv","get","conversationId","getState","updateConversations","refetch"],"sourceRoot":"../../../src","sources":["hooks/useConversationList.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,SAAS,MAAM,+BAA+B;AACrD,SAASC,OAAO,QAAQ,sBAAa;AACrC,SAASC,qBAAqB,QAAQ,iBAAc;AACpD,SAASC,oBAAoB,QAAQ,mBAAU;AAC/C,SAASC,2BAA2B,QAAQ,0BAAuB;AAQnE,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,eAAe;EACfC,IAAI,GAAG,CAAC;EACRC,OAAO,GAAG;AACJ,CAAC,EAAE;EACT,MAAMC,qBAAqB,GAAGN,oBAAoB,CAC/CO,CAAC,IAAKA,CAAC,CAACD,qBACX,CAAC;EAED,MAAME,KAAK,GAAGZ,QAAQ,CAAC;IACrBa,QAAQ,EAAE,CAAC,GAAGV,qBAAqB,CAACW,IAAI,CAACP,eAAe,CAAC,EAAEC,IAAI,CAAC;IAChEC,OAAO,EAAEA,OAAO,KAAK,KAAK;IAC1BM,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMC,MAAM,GAAG,CAACR,IAAI,GAAG,CAAC,IAAI,EAAE;MAC9B,MAAM,CAAC;QAAES,IAAI,EAAEC;MAAY,CAAC,EAAEC,UAAU,CAAC,GAAG,MAAMC,OAAO,CAACC,GAAG,CAAC,CAC5DnB,OAAO,CAACoB,kBAAkB,CAAC;QAAEf,eAAe;QAAEC,IAAI;QAAEe,QAAQ,EAAE;MAAG,CAAC,CAAC,EACnEtB,SAAS,CAACuB,wBAAwB,CAAC;QAAER,MAAM;QAAES,KAAK,EAAE;MAAG,CAAC,CAAC,CAC1D,CAAC;MACF,MAAMC,SAAS,GAAG,IAAIC,GAAG,CAACR,UAAU,CAACS,GAAG,CAAEC,CAAC,IAAK,CAACA,CAAC,CAACC,cAAc,EAAED,CAAC,CAAC,CAAC,CAAC;MAEvE,MAAME,MAAM,GAAGb,WAAW,CAACU,GAAG,CAAEI,IAAI,IAAK;QACvC,MAAMC,UAAU,GAAGP,SAAS,CAACQ,GAAG,CAACF,IAAI,CAACG,cAAc,CAAC;QACrD,OAAOF,UAAU,GACb5B,2BAA2B,CAAC2B,IAAI,EAAEC,UAAU,CAAC,GAC7CD,IAAI;MACV,CAAC,CAAC;MAEF5B,oBAAoB,CAACgC,QAAQ,CAAC,CAAC,CAACC,mBAAmB,CAACN,MAAM,CAAC;MAC3D,OAAOA,MAAM;IACf;EACF,CAAC,CAAC;;EAEF;EACA;EACAhC,SAAS,CAAC,MAAM;IACd,IAAIW,qBAAqB,GAAG,CAAC,EAAE;MAC7BE,KAAK,CAAC0B,OAAO,CAAC,CAAC;IACjB;IACA;EACF,CAAC,EAAE,CAAC5B,qBAAqB,CAAC,CAAC;EAE3B,OAAOE,KAAK;AACd","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+export { ChatAPI } from "./services/index.js";
+export * from "./core/index.js";
+export * from "./store/index.js";
+export * from "./hooks/useConversationList.js";
+export * from "./hooks/useChatMessages.js";
+export * from "./types/chat.js";
+export { Avatar } from "./components/Avatar/index.js";
+export { ThreadCard } from "./components/ThreadCard/index.js";
+export { Inbox } from "./screens/inbox/index.js";
+export { ChatDetail, ChatDetailHeader, ChatList, ChatComposer, ChatQuickActions, ChatAttachmentPanel, DEFAULT_Chat_QUICK_ACTIONS, DEFAULT_ATTACHMENT_ACTIONS } from "./screens/chat-detail/index.js";
+export { mapOpenIMMessageToGiftedChat, mapOpenIMMessagesToGiftedChat } from "./utils/giftedChatMessage.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChatAPI","Avatar","ThreadCard","Inbox","ChatDetail","ChatDetailHeader","ChatList","ChatComposer","ChatQuickActions","ChatAttachmentPanel","DEFAULT_Chat_QUICK_ACTIONS","DEFAULT_ATTACHMENT_ACTIONS","mapOpenIMMessageToGiftedChat","mapOpenIMMessagesToGiftedChat"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,qBAAY;AACpC,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,gCAA6B;AAC3C,cAAc,4BAAyB;AACvC,cAAc,iBAAc;AAC5B,SAASC,MAAM,QAAQ,8BAAqB;AAC5C,SAASC,UAAU,QAAQ,kCAAyB;AACpD,SAASC,KAAK,QAAQ,0BAAiB;AACvC,SACEC,UAAU,EACVC,gBAAgB,EAChBC,QAAQ,EACRC,YAAY,EACZC,gBAAgB,EAChBC,mBAAmB,EACnBC,0BAA0B,EAC1BC,0BAA0B,QACrB,gCAAuB;AAc9B,SACEC,4BAA4B,EAC5BC,6BAA6B,QACxB,8BAA2B","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/screens/chat-detail/ChatAttachmentPanel.js

@@ -0,0 +1,106 @@
+"use strict";
+
+import { memo, useCallback, useMemo } from 'react';
+import { FlatList, StyleSheet } from 'react-native';
+import { KContainer, KImage, KLabel, KColors, KSpacingValue } from '@droppii/libs';
+import { ATTACHMENT_PANEL_COLUMNS } from "./constants.js";
+import { useChatActionPress } from "./useChatActionPress.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const AttachmentActionItem = /*#__PURE__*/memo(({
+  action,
+  itemWidth,
+  onPress
+}) => {
+  const handlePress = useCallback(() => {
+    onPress(action);
+  }, [action, onPress]);
+  return /*#__PURE__*/_jsxs(KContainer.Touchable, {
+    style: [styles.item, {
+      width: itemWidth
+    }],
+    onPress: handlePress,
+    disabled: action.disabled,
+    activeOpacity: 0.7,
+    children: [/*#__PURE__*/_jsx(KContainer.View, {
+      style: styles.iconCircle,
+      center: true,
+      children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: action.iconName,
+        provider: action.iconProvider ?? 'MaterialCommunityIcons',
+        size: 24,
+        color: action.disabled ? KColors.palette.gray.w300 : KColors.gray.dark
+      })
+    }), /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextXsMedium",
+      color: action.disabled ? KColors.palette.gray.w300 : KColors.gray.dark,
+      textAlign: "center",
+      numberOfLines: 2,
+      marginT: "0.25rem",
+      children: action.label
+    })]
+  });
+});
+AttachmentActionItem.displayName = 'AttachmentActionItem';
+export const ChatAttachmentPanel = /*#__PURE__*/memo(({
+  actions,
+  columns = ATTACHMENT_PANEL_COLUMNS,
+  onActionPress,
+  renderAction
+}) => {
+  const handleActionPress = useChatActionPress(onActionPress);
+  const itemWidth = useMemo(() => `${100 / columns}%`, [columns]);
+  const renderItem = useCallback(({
+    item
+  }) => {
+    const onPress = () => handleActionPress(item);
+    if (renderAction) {
+      return /*#__PURE__*/_jsx(_Fragment, {
+        children: renderAction(item, onPress)
+      });
+    }
+    return /*#__PURE__*/_jsx(AttachmentActionItem, {
+      action: item,
+      itemWidth: itemWidth,
+      onPress: handleActionPress
+    });
+  }, [handleActionPress, itemWidth, renderAction]);
+  const keyExtractor = useCallback(item => item.id, []);
+  if (!actions?.length) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    background: KColors.white,
+    flex: true,
+    children: /*#__PURE__*/_jsx(FlatList, {
+      data: actions,
+      renderItem: renderItem,
+      keyExtractor: keyExtractor,
+      numColumns: columns,
+      scrollEnabled: false,
+      contentContainerStyle: styles.grid,
+      columnWrapperStyle: columns > 1 ? styles.row : undefined
+    })
+  });
+});
+ChatAttachmentPanel.displayName = 'ChatAttachmentPanel';
+const styles = StyleSheet.create({
+  grid: {
+    paddingHorizontal: KSpacingValue['0.5rem'],
+    paddingTop: KSpacingValue['1.5rem'],
+    paddingBottom: KSpacingValue['0.5rem']
+  },
+  row: {
+    justifyContent: 'flex-start'
+  },
+  item: {
+    alignItems: 'center',
+    marginBottom: KSpacingValue['1.5rem']
+  },
+  iconCircle: {
+    width: 44,
+    height: 44,
+    borderRadius: 22,
+    backgroundColor: KColors.hexToRgba(KColors.gray.light, 0.1)
+  }
+});
+//# sourceMappingURL=ChatAttachmentPanel.js.map

package/lib/module/screens/chat-detail/ChatAttachmentPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useMemo","FlatList","StyleSheet","KContainer","KImage","KLabel","KColors","KSpacingValue","ATTACHMENT_PANEL_COLUMNS","useChatActionPress","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AttachmentActionItem","action","itemWidth","onPress","handlePress","Touchable","style","styles","item","width","disabled","activeOpacity","children","View","iconCircle","center","VectorIcons","name","iconName","provider","iconProvider","size","color","palette","gray","w300","dark","Text","typo","textAlign","numberOfLines","marginT","label","displayName","ChatAttachmentPanel","actions","columns","onActionPress","renderAction","handleActionPress","renderItem","keyExtractor","id","length","background","white","flex","data","numColumns","scrollEnabled","contentContainerStyle","grid","columnWrapperStyle","row","undefined","create","paddingHorizontal","paddingTop","paddingBottom","justifyContent","alignItems","marginBottom","height","borderRadius","backgroundColor","hexToRgba","light"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatAttachmentPanel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/ChatComposer.js

@@ -0,0 +1,288 @@
+"use strict";
+
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Keyboard, Platform, StyleSheet, TextInput } from 'react-native';
+import Reanimated, { runOnJS, useAnimatedReaction, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useKeyboardState, useReanimatedKeyboardAnimation } from 'react-native-keyboard-controller';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { KContainer, KImage, KColors, KSpacingValue } from '@droppii/libs';
+import { ChatQuickActions } from "./ChatQuickActions.js";
+import { ChatAttachmentPanel } from "./ChatAttachmentPanel.js";
+import { getAttachmentPanelHeight } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ACCESSORY_ANIMATION_MS = 250;
+const ACCESSORY_SETTLE_MS = 150;
+const IS_IOS = Platform.OS === 'ios';
+const INPUT_FONT_SIZE = 16;
+const INPUT_LINE_HEIGHT = 22.4;
+const INPUT_MAX_HEIGHT = INPUT_LINE_HEIGHT * 5;
+export const ChatComposer = /*#__PURE__*/memo(({
+  value,
+  placeholder = 'Nhập tin nhắn...',
+  onChangeText,
+  onSend,
+  onPressAttach,
+  onPressEmoji,
+  quickActions,
+  attachmentActions,
+  onQuickActionPress,
+  onAttachmentAction,
+  renderQuickAction,
+  renderAttachmentAction,
+  attachmentColumns
+}) => {
+  const hasAttachmentActions = !!attachmentActions?.length;
+  const inputRef = useRef(null);
+  const isSwitchingToAttachmentRef = useRef(false);
+  const [isAttachmentOpen, setIsAttachmentOpen] = useState(false);
+  const [isInputFocused, setIsInputFocused] = useState(false);
+  const [isInputWrapped, setIsInputWrapped] = useState(false);
+  const insets = useSafeAreaInsets();
+  const isKeyboardVisible = useKeyboardState(state => state.isVisible);
+  const keyboardHeight = useKeyboardState(state => state.height);
+  const {
+    progress: keyboardProgress
+  } = useReanimatedKeyboardAnimation();
+  const panelHeight = useMemo(() => hasAttachmentActions ? getAttachmentPanelHeight(attachmentActions.length, attachmentColumns) : 0, [attachmentActions, attachmentColumns, hasAttachmentActions]);
+  const attachmentHeightSV = useSharedValue(0);
+  const panelHeightSV = useSharedValue(panelHeight);
+  const switchKeyboardHeightSV = useSharedValue(0);
+  const isKeyboardToAttachmentSwitchSV = useSharedValue(false);
+  useEffect(() => {
+    panelHeightSV.value = panelHeight;
+  }, [panelHeight, panelHeightSV]);
+  const openAttachment = useCallback(() => {
+    attachmentHeightSV.value = withTiming(panelHeight, {
+      duration: ACCESSORY_ANIMATION_MS
+    });
+    setIsAttachmentOpen(true);
+  }, [attachmentHeightSV, panelHeight]);
+  const closeAttachment = useCallback(() => {
+    attachmentHeightSV.value = withTiming(0, {
+      duration: ACCESSORY_ANIMATION_MS
+    });
+    setIsAttachmentOpen(false);
+  }, [attachmentHeightSV]);
+  const finishKeyboardToAttachmentSwitch = useCallback(() => {
+    if (!isSwitchingToAttachmentRef.current) {
+      return;
+    }
+    isSwitchingToAttachmentRef.current = false;
+    isKeyboardToAttachmentSwitchSV.value = false;
+    const targetHeight = panelHeightSV.value;
+    const startHeight = switchKeyboardHeightSV.value;
+    if (Math.abs(startHeight - targetHeight) < 1) {
+      attachmentHeightSV.value = targetHeight;
+      return;
+    }
+    attachmentHeightSV.value = withTiming(targetHeight, {
+      duration: ACCESSORY_SETTLE_MS
+    });
+  }, [attachmentHeightSV, isKeyboardToAttachmentSwitchSV, panelHeightSV, switchKeyboardHeightSV]);
+  useEffect(() => {
+    if (!isKeyboardVisible && isSwitchingToAttachmentRef.current) {
+      finishKeyboardToAttachmentSwitch();
+    }
+  }, [finishKeyboardToAttachmentSwitch, isKeyboardVisible]);
+  useAnimatedReaction(() => ({
+    switching: isKeyboardToAttachmentSwitchSV.value,
+    progress: keyboardProgress.value
+  }), (current, previous) => {
+    if (current.switching && current.progress === 0 && (previous?.progress ?? 1) > 0) {
+      runOnJS(finishKeyboardToAttachmentSwitch)();
+    }
+  }, [finishKeyboardToAttachmentSwitch]);
+  useEffect(() => {
+    if (isSwitchingToAttachmentRef.current) {
+      return;
+    }
+    if (isKeyboardVisible && isAttachmentOpen) {
+      closeAttachment();
+    }
+  }, [closeAttachment, isAttachmentOpen, isKeyboardVisible]);
+  const accessorySlotStyle = useAnimatedStyle(() => {
+    if (isKeyboardToAttachmentSwitchSV.value) {
+      return {
+        height: switchKeyboardHeightSV.value * (1 - keyboardProgress.value)
+      };
+    }
+    return {
+      height: attachmentHeightSV.value
+    };
+  });
+  const handleSend = useCallback(() => {
+    onSend?.();
+  }, [onSend]);
+  const handleToggleAttachment = useCallback(() => {
+    if (!hasAttachmentActions) {
+      return;
+    }
+    if (isAttachmentOpen) {
+      closeAttachment();
+      return;
+    }
+    onPressAttach?.();
+    inputRef.current?.blur();
+    if (isKeyboardVisible && keyboardHeight > 0) {
+      isSwitchingToAttachmentRef.current = true;
+      switchKeyboardHeightSV.value = keyboardHeight;
+      isKeyboardToAttachmentSwitchSV.value = true;
+      setIsAttachmentOpen(true);
+      Keyboard.dismiss();
+      return;
+    }
+    openAttachment();
+  }, [closeAttachment, isAttachmentOpen, isKeyboardVisible, keyboardHeight, isKeyboardToAttachmentSwitchSV, onPressAttach, hasAttachmentActions, openAttachment, switchKeyboardHeightSV]);
+  const handleInputFocus = useCallback(() => {
+    setIsInputFocused(true);
+    if (!isAttachmentOpen) {
+      return;
+    }
+    closeAttachment();
+  }, [closeAttachment, isAttachmentOpen]);
+  const handleInputBlur = useCallback(() => {
+    setIsInputFocused(false);
+  }, []);
+  const handleInputContentSizeChange = useCallback(event => {
+    const {
+      height
+    } = event.nativeEvent.contentSize;
+    setIsInputWrapped(height > INPUT_LINE_HEIGHT + 4);
+  }, []);
+  const isMultilineInput = useMemo(() => {
+    if (!value) {
+      return false;
+    }
+    return value.includes('\n') || isInputWrapped;
+  }, [isInputWrapped, value]);
+  useEffect(() => {
+    if (!value) {
+      setIsInputWrapped(false);
+    }
+  }, [value]);
+  const renderEmojiNode = useCallback(() => /*#__PURE__*/_jsx(KContainer.Touchable, {
+    marginR: "0.5rem",
+    onPress: onPressEmoji,
+    activeOpacity: 0.7,
+    children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+      name: "sticker-o",
+      size: 22,
+      color: KColors.gray.normal
+    })
+  }), [onPressEmoji]);
+  const inputRowStyle = useMemo(() => ({
+    paddingBottom: isAttachmentOpen || isKeyboardVisible ? 8 : insets.bottom + 12
+  }), [insets.bottom, isAttachmentOpen, isKeyboardVisible]);
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    background: 'rgba(131, 137, 157, 0.05)',
+    children: [/*#__PURE__*/_jsx(ChatQuickActions, {
+      actions: quickActions,
+      onActionPress: onQuickActionPress,
+      renderAction: renderQuickAction
+    }), /*#__PURE__*/_jsxs(KContainer.View, {
+      row: true,
+      alignItems: true,
+      paddingH: "0.75rem",
+      paddingT: "0.75rem",
+      paddingB: "0.75rem",
+      style: inputRowStyle,
+      children: [hasAttachmentActions ? /*#__PURE__*/_jsx(KContainer.Touchable, {
+        onPress: handleToggleAttachment,
+        center: true,
+        br: "round",
+        children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: isAttachmentOpen ? 'close-circle-o' : 'plus-circle-o',
+          size: 24,
+          color: isAttachmentOpen ? KColors.palette.primary.w400 : KColors.palette.gray.w600
+        })
+      }) : null, /*#__PURE__*/_jsx(KContainer.View, {
+        flex: true,
+        marginL: hasAttachmentActions ? '0.75rem' : undefined,
+        style: styles.inputWrapper,
+        children: /*#__PURE__*/_jsxs(KContainer.View, {
+          row: true,
+          alignItems: isMultilineInput ? 'flex-end' : 'center',
+          brW: 1,
+          brC: isInputFocused ? KColors.palette.primary.w400 : KColors.palette.gray.w100,
+          background: KColors.white,
+          paddingL: "0.75rem",
+          style: styles.inputContainer,
+          children: [/*#__PURE__*/_jsx(KContainer.View, {
+            marginR: "0.75rem",
+            children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+              name: "chat-suggest-o",
+              size: 24,
+              color: KColors.gray.normal
+            })
+          }), /*#__PURE__*/_jsx(TextInput, {
+            ref: inputRef,
+            placeholder: placeholder,
+            placeholderTextColor: KColors.palette.gray.w200,
+            value: value,
+            onChangeText: onChangeText,
+            onFocus: handleInputFocus,
+            onBlur: handleInputBlur,
+            onContentSizeChange: handleInputContentSizeChange,
+            multiline: true,
+            blurOnSubmit: false,
+            scrollEnabled: true,
+            allowFontScaling: false,
+            underlineColorAndroid: KColors.transparent,
+            selectionColor: KColors.selector,
+            textAlignVertical: isMultilineInput ? 'top' : 'center',
+            style: [styles.textInput]
+          }), renderEmojiNode()]
+        })
+      }), /*#__PURE__*/_jsx(KContainer.Touchable, {
+        onPress: handleSend,
+        width: 40,
+        height: 40,
+        center: true,
+        br: "round",
+        background: KColors.palette.primary.w400,
+        marginL: "0.75rem",
+        children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "send",
+          provider: "MaterialCommunityIcons",
+          size: 20,
+          color: KColors.white
+        })
+      })]
+    }), hasAttachmentActions ? /*#__PURE__*/_jsx(Reanimated.View, {
+      style: [styles.accessorySlot, accessorySlotStyle],
+      pointerEvents: isAttachmentOpen ? 'auto' : 'none',
+      children: /*#__PURE__*/_jsx(ChatAttachmentPanel, {
+        actions: attachmentActions,
+        columns: attachmentColumns,
+        onActionPress: onAttachmentAction,
+        renderAction: renderAttachmentAction
+      })
+    }) : null]
+  });
+});
+ChatComposer.displayName = 'ChatComposer';
+const styles = StyleSheet.create({
+  accessorySlot: {
+    overflow: 'hidden',
+    backgroundColor: KColors.palette.gray.w25
+  },
+  inputWrapper: {
+    overflow: 'hidden'
+  },
+  inputContainer: {
+    borderRadius: KSpacingValue['1.25rem'],
+    minHeight: 48,
+    paddingVertical: IS_IOS ? 4 : 0
+  },
+  textInput: {
+    flex: 1,
+    maxHeight: INPUT_MAX_HEIGHT,
+    fontSize: INPUT_FONT_SIZE,
+    lineHeight: INPUT_LINE_HEIGHT,
+    color: KColors.palette.gray.w900,
+    paddingVertical: IS_IOS ? 0 : 4,
+    paddingHorizontal: IS_IOS ? 2 : 0,
+    marginVertical: IS_IOS ? 0 : -8
+  }
+});
+//# sourceMappingURL=ChatComposer.js.map

package/lib/module/screens/chat-detail/ChatComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useEffect","useMemo","useRef","useState","Keyboard","Platform","StyleSheet","TextInput","Reanimated","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","withTiming","useKeyboardState","useReanimatedKeyboardAnimation","useSafeAreaInsets","KContainer","KImage","KColors","KSpacingValue","ChatQuickActions","ChatAttachmentPanel","getAttachmentPanelHeight","jsx","_jsx","jsxs","_jsxs","ACCESSORY_ANIMATION_MS","ACCESSORY_SETTLE_MS","IS_IOS","OS","INPUT_FONT_SIZE","INPUT_LINE_HEIGHT","INPUT_MAX_HEIGHT","ChatComposer","value","placeholder","onChangeText","onSend","onPressAttach","onPressEmoji","quickActions","attachmentActions","onQuickActionPress","onAttachmentAction","renderQuickAction","renderAttachmentAction","attachmentColumns","hasAttachmentActions","length","inputRef","isSwitchingToAttachmentRef","isAttachmentOpen","setIsAttachmentOpen","isInputFocused","setIsInputFocused","isInputWrapped","setIsInputWrapped","insets","isKeyboardVisible","state","isVisible","keyboardHeight","height","progress","keyboardProgress","panelHeight","attachmentHeightSV","panelHeightSV","switchKeyboardHeightSV","isKeyboardToAttachmentSwitchSV","openAttachment","duration","closeAttachment","finishKeyboardToAttachmentSwitch","current","targetHeight","startHeight","Math","abs","switching","previous","accessorySlotStyle","handleSend","handleToggleAttachment","blur","dismiss","handleInputFocus","handleInputBlur","handleInputContentSizeChange","event","nativeEvent","contentSize","isMultilineInput","includes","renderEmojiNode","Touchable","marginR","onPress","activeOpacity","children","VectorIcons","name","size","color","gray","normal","inputRowStyle","paddingBottom","bottom","View","background","actions","onActionPress","renderAction","row","alignItems","paddingH","paddingT","paddingB","style","center","br","palette","primary","w400","w600","flex","marginL","undefined","styles","inputWrapper","brW","brC","w100","white","paddingL","inputContainer","ref","placeholderTextColor","w200","onFocus","onBlur","onContentSizeChange","multiline","blurOnSubmit","scrollEnabled","allowFontScaling","underlineColorAndroid","transparent","selectionColor","selector","textAlignVertical","textInput","width","provider","accessorySlot","pointerEvents","columns","displayName","create","overflow","backgroundColor","w25","borderRadius","minHeight","paddingVertical","maxHeight","fontSize","lineHeight","w900","paddingHorizontal","marginVertical"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatComposer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/ChatDay.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { memo, useMemo } from 'react';
+import { KContainer, KLabel } from '@droppii/libs';
+import { CHAT_BUBBLE_COLORS } from "./constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const formatTime = date => date.toLocaleTimeString('vi-VN', {
+  hour: '2-digit',
+  minute: '2-digit',
+  hour12: false
+});
+const formatDayLabel = createdAt => {
+  const date = new Date(createdAt);
+  if (Number.isNaN(date.getTime())) {
+    return null;
+  }
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+  const messageDay = new Date(date);
+  messageDay.setHours(0, 0, 0, 0);
+  if (messageDay.getTime() === today.getTime()) {
+    return `${formatTime(date)} Hôm nay`;
+  }
+  const yesterday = new Date(today);
+  yesterday.setDate(yesterday.getDate() - 1);
+  if (messageDay.getTime() === yesterday.getTime()) {
+    return `${formatTime(date)} Hôm qua`;
+  }
+  if (messageDay.getFullYear() === today.getFullYear()) {
+    return `${formatTime(date)} ${date.toLocaleDateString('vi-VN', {
+      day: 'numeric',
+      month: 'long'
+    })}`;
+  }
+  return `${formatTime(date)} ${date.toLocaleDateString('vi-VN', {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric'
+  })}`;
+};
+export const ChatDay = /*#__PURE__*/memo(({
+  createdAt,
+  containerStyle,
+  wrapperStyle
+}) => {
+  const dateStr = useMemo(() => createdAt == null ? null : formatDayLabel(createdAt), [createdAt]);
+  if (!dateStr) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    center: true,
+    marginV: "0.5rem",
+    style: containerStyle,
+    children: /*#__PURE__*/_jsx(KContainer.View, {
+      style: wrapperStyle,
+      children: /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextXsNormal",
+        color: CHAT_BUBBLE_COLORS.dayLabel,
+        children: dateStr
+      })
+    })
+  });
+});
+ChatDay.displayName = 'ChatDay';
+//# sourceMappingURL=ChatDay.js.map

package/lib/module/screens/chat-detail/ChatDay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useMemo","KContainer","KLabel","CHAT_BUBBLE_COLORS","jsx","_jsx","formatTime","date","toLocaleTimeString","hour","minute","hour12","formatDayLabel","createdAt","Date","Number","isNaN","getTime","today","setHours","messageDay","yesterday","setDate","getDate","getFullYear","toLocaleDateString","day","month","year","ChatDay","containerStyle","wrapperStyle","dateStr","View","center","marginV","style","children","Text","typo","color","dayLabel","displayName"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatDay.tsx"],"mappings":"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","ignoreList":[]}