@droppii-org/chat-mobile 0.2.0

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

@@ -0,0 +1,104 @@
+"use strict";
+
+import { memo, useState, useCallback } from 'react';
+import { StyleSheet } from 'react-native';
+import { KeyboardAvoidingView } from 'react-native-keyboard-controller';
+import { KContainer } from '@droppii/libs';
+import ChatDetailHeader from "./ChatDetailHeader.js";
+import { ChatList } from "./ChatList.js";
+import { ChatComposer } from "./ChatComposer.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ChatDetail = /*#__PURE__*/memo(({
+  title,
+  subtitle,
+  avatarUri,
+  avatarFullName,
+  chatType,
+  showAddMember,
+  onBack,
+  onPressSearch,
+  onPressAddMember,
+  onPressMenu,
+  onPressAvatar,
+  messages = [],
+  currentUserId,
+  renderChat,
+  onLoadEarlier,
+  isLoading,
+  isLoadingEarlier,
+  hasMoreEarlier,
+  quickActions,
+  inputValue,
+  inputPlaceholder,
+  onChangeInput,
+  onSend,
+  onPressAttach,
+  onPressEmoji,
+  attachmentActions,
+  onQuickActionPress,
+  onAttachmentAction,
+  renderQuickAction,
+  renderAttachmentAction,
+  attachmentColumns
+}) => {
+  const [internalInput, setInternalInput] = useState('');
+  const handleChangeInput = useCallback(text => {
+    if (onChangeInput) {
+      onChangeInput(text);
+      return;
+    }
+    setInternalInput(text);
+  }, [onChangeInput]);
+  const currentInput = inputValue ?? internalInput;
+  return /*#__PURE__*/_jsxs(KContainer.Page, {
+    flex: true,
+    edges: ['bottom'],
+    children: [/*#__PURE__*/_jsx(ChatDetailHeader, {
+      title: title,
+      subtitle: subtitle,
+      avatarUri: avatarUri,
+      avatarFullName: avatarFullName,
+      chatType: chatType,
+      showAddMember: showAddMember,
+      onBack: onBack,
+      onPressSearch: onPressSearch,
+      onPressAddMember: onPressAddMember,
+      onPressMenu: onPressMenu,
+      onPressAvatar: onPressAvatar
+    }), /*#__PURE__*/_jsxs(KeyboardAvoidingView, {
+      style: styles.keyboardAvoiding,
+      behavior: "padding",
+      children: [/*#__PURE__*/_jsx(ChatList, {
+        messages: messages,
+        currentUserId: currentUserId,
+        renderChat: renderChat,
+        onLoadEarlier: onLoadEarlier,
+        isLoading: isLoading,
+        isLoadingEarlier: isLoadingEarlier,
+        hasMoreEarlier: hasMoreEarlier
+      }), /*#__PURE__*/_jsx(ChatComposer, {
+        value: currentInput,
+        placeholder: inputPlaceholder,
+        onChangeText: handleChangeInput,
+        onSend: onSend,
+        onPressAttach: onPressAttach,
+        onPressEmoji: onPressEmoji,
+        quickActions: quickActions,
+        attachmentActions: attachmentActions,
+        onQuickActionPress: onQuickActionPress,
+        onAttachmentAction: onAttachmentAction,
+        renderQuickAction: renderQuickAction,
+        renderAttachmentAction: renderAttachmentAction,
+        attachmentColumns: attachmentColumns
+      })]
+    })]
+  });
+});
+ChatDetail.displayName = 'ChatDetail';
+const styles = StyleSheet.create({
+  keyboardAvoiding: {
+    flex: 1
+  }
+});
+export default ChatDetail;
+//# sourceMappingURL=ChatDetail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useState","useCallback","StyleSheet","KeyboardAvoidingView","KContainer","ChatDetailHeader","ChatList","ChatComposer","jsx","_jsx","jsxs","_jsxs","ChatDetail","title","subtitle","avatarUri","avatarFullName","chatType","showAddMember","onBack","onPressSearch","onPressAddMember","onPressMenu","onPressAvatar","messages","currentUserId","renderChat","onLoadEarlier","isLoading","isLoadingEarlier","hasMoreEarlier","quickActions","inputValue","inputPlaceholder","onChangeInput","onSend","onPressAttach","onPressEmoji","attachmentActions","onQuickActionPress","onAttachmentAction","renderQuickAction","renderAttachmentAction","attachmentColumns","internalInput","setInternalInput","handleChangeInput","text","currentInput","Page","flex","edges","children","style","styles","keyboardAvoiding","behavior","value","placeholder","onChangeText","displayName","create"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatDetail.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+import { memo, useMemo } from 'react';
+import { KNavigation, KContainer, KImage, KLabel, KColors } from '@droppii/libs';
+import { Avatar } from "../../components/Avatar/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ChatDetailHeader = /*#__PURE__*/memo(({
+  title,
+  subtitle,
+  avatarUri,
+  avatarFullName,
+  showAddMember = false,
+  onBack,
+  onPressSearch,
+  onPressAddMember,
+  onPressMenu,
+  onPressAvatar
+}) => {
+  const rightButtons = useMemo(() => {
+    const buttons = [{
+      id: 'search',
+      index: 2,
+      icon: {
+        vectorName: 'search-o'
+      },
+      onPress: onPressSearch
+    }, {
+      id: 'menu',
+      index: 0,
+      icon: {
+        vectorName: 'align-justify-o'
+      },
+      onPress: onPressMenu
+    }];
+    if (showAddMember) {
+      buttons.splice(1, 0, {
+        id: 'add-member',
+        index: 1,
+        icon: {
+          vectorName: 'user-add-o'
+        },
+        onPress: onPressAddMember
+      });
+    }
+    return buttons;
+  }, [onPressSearch, onPressAddMember, onPressMenu, showAddMember]);
+  const leftNode = useMemo(() => /*#__PURE__*/_jsxs(KContainer.View, {
+    row: true,
+    alignItems: true,
+    marginR: "0.25rem",
+    children: [/*#__PURE__*/_jsx(KContainer.Touchable, {
+      onPress: onBack,
+      height: 40,
+      width: 40,
+      center: true,
+      children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "arrow-left-o",
+        size: 24,
+        color: KColors.primary.normal
+      })
+    }), /*#__PURE__*/_jsx(Avatar, {
+      source: avatarUri,
+      fullName: avatarFullName ?? title,
+      size: "md",
+      onPress: onPressAvatar
+    })]
+  }), [avatarFullName, avatarUri, onBack, onPressAvatar, title]);
+  const subTitleNode = useMemo(() => {
+    if (!subtitle) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextSmNormal",
+      color: KColors.palette.gray.w500,
+      numberOfLines: 1,
+      children: subtitle
+    });
+  }, [subtitle]);
+  return /*#__PURE__*/_jsx(KNavigation.Header, {
+    theme: "light",
+    alignment: "left",
+    size: "small",
+    leftNode: leftNode,
+    title: title,
+    subTitle: subTitleNode,
+    initRightButtons: rightButtons,
+    shadow: true
+  });
+});
+ChatDetailHeader.displayName = 'ChatDetailHeader';
+export default ChatDetailHeader;
+//# sourceMappingURL=ChatDetailHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useMemo","KNavigation","KContainer","KImage","KLabel","KColors","Avatar","jsx","_jsx","jsxs","_jsxs","ChatDetailHeader","title","subtitle","avatarUri","avatarFullName","showAddMember","onBack","onPressSearch","onPressAddMember","onPressMenu","onPressAvatar","rightButtons","buttons","id","index","icon","vectorName","onPress","splice","leftNode","View","row","alignItems","marginR","children","Touchable","height","width","center","VectorIcons","name","size","color","primary","normal","source","fullName","subTitleNode","Text","typo","palette","gray","w500","numberOfLines","Header","theme","alignment","subTitle","initRightButtons","shadow","displayName"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatDetailHeader.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,145 @@
+"use strict";
+
+import { memo, useCallback, useMemo, useRef } from 'react';
+import { ActivityIndicator, StyleSheet } from 'react-native';
+import { GiftedChat } from 'react-native-gifted-chat';
+import { KContainer, KColors, KSpacingValue } from '@droppii/libs';
+import { mapOpenIMMessagesToGiftedChat } from "../../utils/giftedChatMessage.js";
+import { ChatDay } from "./ChatDay.js";
+import { ChatLoadEarlier } from "./ChatLoadEarlier.js";
+import { ChatScrollToBottom } from "./ChatScrollToBottom.js";
+import { ChatMessageBubble } from "./messages/ChatMessageBubble.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChatList = /*#__PURE__*/memo(({
+  messages = [],
+  currentUserId = '',
+  renderChat,
+  onLoadEarlier,
+  isLoading,
+  isLoadingEarlier,
+  hasMoreEarlier
+}) => {
+  const giftedMessages = useMemo(() => mapOpenIMMessagesToGiftedChat(messages), [messages]);
+  const user = useMemo(() => ({
+    _id: String(currentUserId)
+  }), [currentUserId]);
+  const renderMessage = useCallback(props => {
+    const currentMessage = props.currentMessage;
+    if (!currentMessage) {
+      return /*#__PURE__*/_jsx(KContainer.View, {});
+    }
+    const isOutgoing = props.position === 'right';
+    return /*#__PURE__*/_jsx(KContainer.View, {
+      style: [styles.messageRow, isOutgoing ? styles.messageRowRight : styles.messageRowLeft],
+      children: renderChat ? renderChat(currentMessage.openIMMessage) : /*#__PURE__*/_jsx(ChatMessageBubble, {
+        message: currentMessage,
+        position: props.position
+      })
+    });
+  }, [renderChat]);
+  const renderDay = useCallback(props => /*#__PURE__*/_jsx(ChatDay, {
+    ...props
+  }), []);
+  const renderLoadEarlier = useCallback(props => /*#__PURE__*/_jsx(ChatLoadEarlier, {
+    ...props
+  }), []);
+  const onLoadEarlierRef = useRef(onLoadEarlier);
+  onLoadEarlierRef.current = onLoadEarlier;
+  const handleLoadEarlier = useCallback(() => {
+    onLoadEarlierRef.current?.();
+  }, []);
+  const loadEarlierMessagesProps = useMemo(() => onLoadEarlier ? {
+    isAvailable: !!hasMoreEarlier,
+    isInfiniteScrollEnabled: true,
+    onPress: handleLoadEarlier,
+    isLoading: isLoadingEarlier ?? false
+  } : undefined, [hasMoreEarlier, isLoadingEarlier, onLoadEarlier, handleLoadEarlier]);
+  const renderScrollToBottom = useCallback(() => /*#__PURE__*/_jsx(ChatScrollToBottom, {}), []);
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    flex: true,
+    background: KColors.white,
+    children: isLoading ? /*#__PURE__*/_jsx(KContainer.View, {
+      flex: true,
+      center: true,
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: KColors.palette.primary.w400,
+        size: "small"
+      })
+    }) : /*#__PURE__*/_jsx(GiftedChat, {
+      messages: giftedMessages,
+      user: user,
+      renderInputToolbar: () => null,
+      renderAvatar: () => null,
+      renderMessage: renderMessage,
+      renderDay: renderDay,
+      renderLoadEarlier: onLoadEarlier ? renderLoadEarlier : undefined,
+      isDayAnimationEnabled: false,
+      keyboardAvoidingViewProps: {
+        enabled: false
+      },
+      messagesContainerStyle: styles.messagesContainer,
+      minInputToolbarHeight: 0,
+      loadEarlierMessagesProps: loadEarlierMessagesProps,
+      listProps: {
+        showsVerticalScrollIndicator: false,
+        keyboardShouldPersistTaps: 'handled',
+        contentContainerStyle: styles.content,
+        onEndReachedThreshold: 0.5
+      },
+      reply: {
+        swipe: {
+          isEnabled: true,
+          direction: 'left'
+        }
+      },
+      isScrollToBottomEnabled: true,
+      scrollToBottomComponent: renderScrollToBottom,
+      scrollToBottomStyle: styles.scrollToBottom,
+      scrollToBottomContentStyle: styles.scrollToBottomContent
+    })
+  });
+});
+ChatList.displayName = 'ChatList';
+const styles = StyleSheet.create({
+  messagesContainer: {
+    backgroundColor: KColors.white
+  },
+  content: {
+    paddingVertical: KSpacingValue['0.75rem'],
+    flexGrow: 1
+  },
+  messageRow: {
+    width: '100%',
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    marginBottom: KSpacingValue['0.25rem']
+  },
+  messageRowLeft: {
+    alignItems: 'flex-start'
+  },
+  messageRowRight: {
+    alignItems: 'flex-end'
+  },
+  scrollToBottom: {
+    position: 'absolute',
+    bottom: 20,
+    right: 16,
+    zIndex: 999
+  },
+  scrollToBottomContent: {
+    backgroundColor: KColors.white,
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    shadowColor: KColors.black,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.16,
+    shadowRadius: 8,
+    elevation: 8,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=ChatList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useMemo","useRef","ActivityIndicator","StyleSheet","GiftedChat","KContainer","KColors","KSpacingValue","mapOpenIMMessagesToGiftedChat","ChatDay","ChatLoadEarlier","ChatScrollToBottom","ChatMessageBubble","jsx","_jsx","ChatList","messages","currentUserId","renderChat","onLoadEarlier","isLoading","isLoadingEarlier","hasMoreEarlier","giftedMessages","user","_id","String","renderMessage","props","currentMessage","View","isOutgoing","position","style","styles","messageRow","messageRowRight","messageRowLeft","children","openIMMessage","message","renderDay","renderLoadEarlier","onLoadEarlierRef","current","handleLoadEarlier","loadEarlierMessagesProps","isAvailable","isInfiniteScrollEnabled","onPress","undefined","renderScrollToBottom","flex","background","white","center","color","palette","primary","w400","size","renderInputToolbar","renderAvatar","isDayAnimationEnabled","keyboardAvoidingViewProps","enabled","messagesContainerStyle","messagesContainer","minInputToolbarHeight","listProps","showsVerticalScrollIndicator","keyboardShouldPersistTaps","contentContainerStyle","content","onEndReachedThreshold","reply","swipe","isEnabled","direction","isScrollToBottomEnabled","scrollToBottomComponent","scrollToBottomStyle","scrollToBottom","scrollToBottomContentStyle","scrollToBottomContent","displayName","create","backgroundColor","paddingVertical","flexGrow","width","paddingHorizontal","marginBottom","alignItems","bottom","right","zIndex","height","borderRadius","shadowColor","black","shadowOffset","shadowOpacity","shadowRadius","elevation","justifyContent"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatList.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+import { memo } from 'react';
+import { ActivityIndicator } from 'react-native';
+import { KContainer, KColors } from '@droppii/libs';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChatLoadEarlier = /*#__PURE__*/memo(({
+  isLoading = false
+}) => {
+  if (!isLoading) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    center: true,
+    marginV: "0.75rem",
+    children: /*#__PURE__*/_jsx(ActivityIndicator, {
+      color: KColors.palette.primary.w400,
+      size: "small"
+    })
+  });
+});
+ChatLoadEarlier.displayName = 'ChatLoadEarlier';
+//# sourceMappingURL=ChatLoadEarlier.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","ActivityIndicator","KContainer","KColors","jsx","_jsx","ChatLoadEarlier","isLoading","View","center","marginV","children","color","palette","primary","w400","size","displayName"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatLoadEarlier.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,iBAAiB,QAAQ,cAAc;AAChD,SAASC,UAAU,EAAEC,OAAO,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpD,OAAO,MAAMC,eAAe,gBAAGN,IAAI,CACjC,CAAC;EAAEO,SAAS,GAAG;AAAgC,CAAC,KAAK;EACnD,IAAI,CAACA,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,oBACEF,IAAA,CAACH,UAAU,CAACM,IAAI;IAACC,MAAM;IAACC,OAAO,EAAC,SAAS;IAAAC,QAAA,eACvCN,IAAA,CAACJ,iBAAiB;MAACW,KAAK,EAAET,OAAO,CAACU,OAAO,CAACC,OAAO,CAACC,IAAK;MAACC,IAAI,EAAC;IAAO,CAAE;EAAC,CACxD,CAAC;AAEtB,CACF,CAAC;AAEDV,eAAe,CAACW,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,85 @@
+"use strict";
+
+import { memo, useCallback } from 'react';
+import { FlatList, StyleSheet } from 'react-native';
+import { KContainer, KImage, KLabel, KColors, KSpacingValue } from '@droppii/libs';
+import { useChatActionPress } from "./useChatActionPress.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const QuickActionItem = /*#__PURE__*/memo(({
+  action,
+  onPress
+}) => {
+  const handlePress = useCallback(() => {
+    onPress(action);
+  }, [action, onPress]);
+  return /*#__PURE__*/_jsxs(KContainer.Touchable, {
+    row: true,
+    alignItems: true,
+    onPress: handlePress,
+    disabled: action.disabled,
+    paddingH: "0.75rem",
+    paddingV: "0.375rem",
+    marginR: "0.5rem",
+    background: KColors.palette.gray.w25,
+    br: "3x",
+    activeOpacity: 0.7,
+    children: [/*#__PURE__*/_jsx(KImage.VectorIcons, {
+      name: action.iconName,
+      provider: action.iconProvider ?? 'MaterialCommunityIcons',
+      size: 14,
+      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,
+      marginL: "0.25rem",
+      numberOfLines: 1,
+      children: action.label
+    })]
+  });
+});
+QuickActionItem.displayName = 'QuickActionItem';
+export const ChatQuickActions = /*#__PURE__*/memo(({
+  actions,
+  onActionPress,
+  renderAction
+}) => {
+  const handleActionPress = useChatActionPress(onActionPress);
+  const renderItem = useCallback(({
+    item
+  }) => {
+    const onPress = () => handleActionPress(item);
+    if (renderAction) {
+      return /*#__PURE__*/_jsx(_Fragment, {
+        children: renderAction(item, onPress)
+      });
+    }
+    return /*#__PURE__*/_jsx(QuickActionItem, {
+      action: item,
+      onPress: handleActionPress
+    });
+  }, [handleActionPress, renderAction]);
+  const keyExtractor = useCallback(item => item.id, []);
+  if (!actions?.length) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    paddingT: "0.75rem",
+    paddingB: "0.25rem",
+    children: /*#__PURE__*/_jsx(FlatList, {
+      data: actions,
+      horizontal: true,
+      renderItem: renderItem,
+      keyExtractor: keyExtractor,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.content,
+      keyboardShouldPersistTaps: "handled"
+    })
+  });
+});
+ChatQuickActions.displayName = 'ChatQuickActions';
+const styles = StyleSheet.create({
+  content: {
+    paddingHorizontal: KSpacingValue['0.75rem']
+  }
+});
+//# sourceMappingURL=ChatQuickActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","FlatList","StyleSheet","KContainer","KImage","KLabel","KColors","KSpacingValue","useChatActionPress","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","QuickActionItem","action","onPress","handlePress","Touchable","row","alignItems","disabled","paddingH","paddingV","marginR","background","palette","gray","w25","br","activeOpacity","children","VectorIcons","name","iconName","provider","iconProvider","size","color","w300","dark","Text","typo","marginL","numberOfLines","label","displayName","ChatQuickActions","actions","onActionPress","renderAction","handleActionPress","renderItem","item","keyExtractor","id","length","View","paddingT","paddingB","data","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","styles","content","keyboardShouldPersistTaps","create","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatQuickActions.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+import { memo } from 'react';
+import { KImage, KColors } from '@droppii/libs';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChatScrollToBottom = /*#__PURE__*/memo(() => /*#__PURE__*/_jsx(KImage.VectorIcons, {
+  name: "arrow-down-o",
+  size: 16,
+  color: KColors.black
+}));
+ChatScrollToBottom.displayName = 'ChatScrollToBottom';
+//# sourceMappingURL=ChatScrollToBottom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","KImage","KColors","jsx","_jsx","ChatScrollToBottom","VectorIcons","name","size","color","black","displayName"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatScrollToBottom.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,MAAM,EAAEC,OAAO,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,OAAO,MAAMC,kBAAkB,gBAAGL,IAAI,CAAC,mBACrCI,IAAA,CAACH,MAAM,CAACK,WAAW;EAACC,IAAI,EAAC,cAAc;EAACC,IAAI,EAAE,EAAG;EAACC,KAAK,EAAEP,OAAO,CAACQ;AAAM,CAAE,CAC1E,CAAC;AAEFL,kBAAkB,CAACM,WAAW,GAAG,oBAAoB","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KLabel, KSpacingValue } from '@droppii/libs';
+import { CHAT_BUBBLE_COLORS } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const formatMessageTime = createdAt => {
+  const date = new Date(createdAt);
+  if (Number.isNaN(date.getTime())) {
+    return '';
+  }
+  return date.toLocaleTimeString('vi-VN', {
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false
+  });
+};
+export const ChatTextBubble = /*#__PURE__*/memo(({
+  message,
+  position
+}) => {
+  const isOutgoing = position === 'right';
+  const timeLabel = formatMessageTime(message.createdAt);
+  if (!message.text?.trim()) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    style: styles.wrapper,
+    children: [/*#__PURE__*/_jsx(KContainer.View, {
+      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
+      children: /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextMdNormal",
+        color: CHAT_BUBBLE_COLORS.text,
+        children: message.text
+      })
+    }), !isOutgoing && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextXsNormal",
+      color: CHAT_BUBBLE_COLORS.timestamp,
+      marginL: '0.25rem',
+      children: timeLabel
+    }) : null]
+  });
+});
+ChatTextBubble.displayName = 'ChatTextBubble';
+const styles = StyleSheet.create({
+  wrapper: {
+    maxWidth: '80%'
+  },
+  bubble: {
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: KSpacingValue['0.5rem'],
+    borderRadius: KSpacingValue['1.25rem']
+  },
+  bubbleReceived: {
+    backgroundColor: CHAT_BUBBLE_COLORS.received
+  },
+  bubbleSent: {
+    backgroundColor: CHAT_BUBBLE_COLORS.sent
+  }
+});
+//# sourceMappingURL=ChatTextBubble.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","KContainer","KLabel","KSpacingValue","CHAT_BUBBLE_COLORS","jsx","_jsx","jsxs","_jsxs","formatMessageTime","createdAt","date","Date","Number","isNaN","getTime","toLocaleTimeString","hour","minute","hour12","ChatTextBubble","message","position","isOutgoing","timeLabel","text","trim","View","style","styles","wrapper","children","bubble","bubbleSent","bubbleReceived","Text","typo","color","timestamp","marginL","displayName","create","maxWidth","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","received","sent"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatTextBubble.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,MAAM,EAAEC,aAAa,QAAQ,eAAe;AAEjE,SAASC,kBAAkB,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjD,MAAMC,iBAAiB,GAAIC,SAAwB,IAAK;EACtD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,SAAS,CAAC;EAChC,IAAIG,MAAM,CAACC,KAAK,CAACH,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE;IAChC,OAAO,EAAE;EACX;EAEA,OAAOJ,IAAI,CAACK,kBAAkB,CAAC,OAAO,EAAE;IACtCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,MAAMC,cAAc,gBAAGrB,IAAI,CAChC,CAAC;EAAEsB,OAAO;EAAEC;AAAiC,CAAC,KAAK;EACjD,MAAMC,UAAU,GAAGD,QAAQ,KAAK,OAAO;EACvC,MAAME,SAAS,GAAGf,iBAAiB,CAACY,OAAO,CAACX,SAAS,CAAC;EAEtD,IAAI,CAACW,OAAO,CAACI,IAAI,EAAEC,IAAI,CAAC,CAAC,EAAE;IACzB,OAAO,IAAI;EACb;EAEA,oBACElB,KAAA,CAACP,UAAU,CAAC0B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,gBACrCzB,IAAA,CAACL,UAAU,CAAC0B,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACG,MAAM,EACbT,UAAU,GAAGM,MAAM,CAACI,UAAU,GAAGJ,MAAM,CAACK,cAAc,CACtD;MAAAH,QAAA,eAEFzB,IAAA,CAACJ,MAAM,CAACiC,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,KAAK,EAAEjC,kBAAkB,CAACqB,IAAK;QAAAM,QAAA,EAC7DV,OAAO,CAACI;MAAI,CACF;IAAC,CACC,CAAC,EAEjB,CAACF,UAAU,IAAIC,SAAS,gBACvBlB,IAAA,CAACJ,MAAM,CAACiC,IAAI;MACVC,IAAI,EAAC,cAAc;MACnBC,KAAK,EAAEjC,kBAAkB,CAACkC,SAAU;MACpCC,OAAO,EAAE,SAAU;MAAAR,QAAA,EAElBP;IAAS,CACC,CAAC,GACZ,IAAI;EAAA,CACO,CAAC;AAEtB,CACF,CAAC;AAEDJ,cAAc,CAACoB,WAAW,GAAG,gBAAgB;AAE7C,MAAMX,MAAM,GAAG7B,UAAU,CAACyC,MAAM,CAAC;EAC/BX,OAAO,EAAE;IACPY,QAAQ,EAAE;EACZ,CAAC;EACDV,MAAM,EAAE;IACNW,iBAAiB,EAAExC,aAAa,CAAC,SAAS,CAAC;IAC3CyC,eAAe,EAAEzC,aAAa,CAAC,QAAQ,CAAC;IACxC0C,YAAY,EAAE1C,aAAa,CAAC,SAAS;EACvC,CAAC;EACD+B,cAAc,EAAE;IACdY,eAAe,EAAE1C,kBAAkB,CAAC2C;EACtC,CAAC;EACDd,UAAU,EAAE;IACVa,eAAe,EAAE1C,kBAAkB,CAAC4C;EACtC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+import { KColors } from '@droppii/libs';
+export const CHAT_BUBBLE_COLORS = {
+  received: 'rgba(131, 137, 157, 0.1)',
+  sent: 'rgba(0, 81, 255, 0.1)',
+  text: KColors.gray.dark,
+  timestamp: KColors.gray.light,
+  dayLabel: KColors.gray.light
+};
+export const DEFAULT_Chat_QUICK_ACTIONS = [{
+  id: 'restart',
+  label: 'Bắt đầu lại',
+  iconName: 'refresh'
+}, {
+  id: 'send-order',
+  label: 'Gửi đơn hàng',
+  iconName: 'file-document-outline'
+}, {
+  id: 'scam-warning',
+  label: 'Cảnh báo lừa đảo/g...',
+  iconName: 'alert-outline'
+}];
+export const ATTACHMENT_PANEL_COLUMNS = 4;
+export const ATTACHMENT_ITEM_HEIGHT = 100;
+export const ATTACHMENT_PANEL_VERTICAL_PADDING = 16;
+export const getAttachmentPanelHeight = (actionCount, columns = ATTACHMENT_PANEL_COLUMNS) => {
+  const rows = Math.ceil(actionCount / columns);
+  return rows * ATTACHMENT_ITEM_HEIGHT + ATTACHMENT_PANEL_VERTICAL_PADDING;
+};
+
+/** @deprecated use getAttachmentPanelHeight */
+export const DEFAULT_ATTACHMENT_PANEL_HEIGHT = getAttachmentPanelHeight(6);
+export const DEFAULT_ATTACHMENT_ACTIONS = [{
+  id: 'gallery',
+  label: 'Ảnh/Video',
+  iconName: 'image-multiple-outline'
+}, {
+  id: 'camera',
+  label: 'Chụp ảnh',
+  iconName: 'camera-outline'
+}, {
+  id: 'file',
+  label: 'Đính kèm file',
+  iconName: 'paperclip'
+}, {
+  id: 'order',
+  label: 'Gửi đơn hàng',
+  iconName: 'receipt'
+}, {
+  id: 'product',
+  label: 'Gửi sản phẩm',
+  iconName: 'basket-outline'
+}, {
+  id: 'poll',
+  label: 'Tạo bình chọn',
+  iconName: 'poll'
+}];
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["KColors","CHAT_BUBBLE_COLORS","received","sent","text","gray","dark","timestamp","light","dayLabel","DEFAULT_Chat_QUICK_ACTIONS","id","label","iconName","ATTACHMENT_PANEL_COLUMNS","ATTACHMENT_ITEM_HEIGHT","ATTACHMENT_PANEL_VERTICAL_PADDING","getAttachmentPanelHeight","actionCount","columns","rows","Math","ceil","DEFAULT_ATTACHMENT_PANEL_HEIGHT","DEFAULT_ATTACHMENT_ACTIONS"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/constants.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,eAAe;AAGvC,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,QAAQ,EAAE,0BAA0B;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAEJ,OAAO,CAACK,IAAI,CAACC,IAAI;EACvBC,SAAS,EAAEP,OAAO,CAACK,IAAI,CAACG,KAAK;EAC7BC,QAAQ,EAAET,OAAO,CAACK,IAAI,CAACG;AACzB,CAAU;AAEV,OAAO,MAAME,0BAA8C,GAAG,CAC5D;EACEC,EAAE,EAAE,SAAS;EACbC,KAAK,EAAE,aAAa;EACpBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,EAAE,EAAE,YAAY;EAChBC,KAAK,EAAE,cAAc;EACrBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,EAAE,EAAE,cAAc;EAClBC,KAAK,EAAE,uBAAuB;EAC9BC,QAAQ,EAAE;AACZ,CAAC,CACF;AAED,OAAO,MAAMC,wBAAwB,GAAG,CAAC;AACzC,OAAO,MAAMC,sBAAsB,GAAG,GAAG;AACzC,OAAO,MAAMC,iCAAiC,GAAG,EAAE;AAEnD,OAAO,MAAMC,wBAAwB,GAAGA,CACtCC,WAAmB,EACnBC,OAAO,GAAGL,wBAAwB,KACvB;EACX,MAAMM,IAAI,GAAGC,IAAI,CAACC,IAAI,CAACJ,WAAW,GAAGC,OAAO,CAAC;EAC7C,OAAOC,IAAI,GAAGL,sBAAsB,GAAGC,iCAAiC;AAC1E,CAAC;;AAED;AACA,OAAO,MAAMO,+BAA+B,GAAGN,wBAAwB,CAAC,CAAC,CAAC;AAE1E,OAAO,MAAMO,0BAAmD,GAAG,CACjE;EACEb,EAAE,EAAE,SAAS;EACbC,KAAK,EAAE,WAAW;EAClBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,EAAE,EAAE,QAAQ;EACZC,KAAK,EAAE,UAAU;EACjBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,EAAE,EAAE,MAAM;EACVC,KAAK,EAAE,eAAe;EACtBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,EAAE,EAAE,OAAO;EACXC,KAAK,EAAE,cAAc;EACrBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,EAAE,EAAE,SAAS;EACbC,KAAK,EAAE,cAAc;EACrBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,EAAE,EAAE,MAAM;EACVC,KAAK,EAAE,eAAe;EACtBC,QAAQ,EAAE;AACZ,CAAC,CACF","ignoreList":[]}