@droppii-org/chat-mobile 0.2.6 → 0.2.8

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

@@ -1,147 +0,0 @@
-"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
-  // Note: onLoadNewer, isLoadingNewer, hasMoreNewer are not used in GiftedChat
-  // as it has its own pagination mechanism. They're kept for API compatibility.
-}) => {
-  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

@@ -1 +0,0 @@
-{"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/ChatTextBubble.js

@@ -1,62 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/legend/message-types.js

@@ -1,122 +0,0 @@
-"use strict";
-
-import { memo } from 'react';
-import { StyleSheet } from 'react-native';
-import { KContainer, KLabel, KSpacingValue } from '@droppii/libs';
-import { getMessageText } from "../../../utils/legendListMessage.js";
-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
-  });
-};
-
-// Text Message Component
-export const LegendTextMessage = /*#__PURE__*/memo(({
-  message,
-  isOutgoing,
-  createdAtTime
-}) => {
-  const messageText = getMessageText(message);
-  const timeLabel = formatMessageTime(createdAtTime);
-  if (!messageText?.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: messageText
-      })
-    }), !isOutgoing && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
-      typo: "TextXsNormal",
-      color: CHAT_BUBBLE_COLORS.timestamp,
-      marginL: '0.25rem',
-      children: timeLabel
-    }) : null]
-  });
-});
-LegendTextMessage.displayName = 'LegendTextMessage';
-
-// Image Message Component (placeholder)
-export const LegendImageMessage = /*#__PURE__*/memo(({
-  isOutgoing
-}) => {
-  return /*#__PURE__*/_jsx(KContainer.View, {
-    style: styles.wrapper,
-    children: /*#__PURE__*/_jsx(KContainer.View, {
-      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
-      children: /*#__PURE__*/_jsx(KLabel.Text, {
-        typo: "TextSmNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: "[Image]"
-      })
-    })
-  });
-});
-LegendImageMessage.displayName = 'LegendImageMessage';
-
-// Video Message Component (placeholder)
-export const LegendVideoMessage = /*#__PURE__*/memo(({
-  isOutgoing
-}) => {
-  return /*#__PURE__*/_jsx(KContainer.View, {
-    style: styles.wrapper,
-    children: /*#__PURE__*/_jsx(KContainer.View, {
-      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
-      children: /*#__PURE__*/_jsx(KLabel.Text, {
-        typo: "TextSmNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: "[Video]"
-      })
-    })
-  });
-});
-LegendVideoMessage.displayName = 'LegendVideoMessage';
-
-// File Message Component
-export const LegendFileMessage = /*#__PURE__*/memo(({
-  message,
-  isOutgoing
-}) => {
-  const fileName = message.fileElem?.fileName || message.content || '[File]';
-  return /*#__PURE__*/_jsx(KContainer.View, {
-    style: styles.wrapper,
-    children: /*#__PURE__*/_jsx(KContainer.View, {
-      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
-      children: /*#__PURE__*/_jsxs(KLabel.Text, {
-        typo: "TextSmNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: ["\uD83D\uDCCE ", fileName]
-      })
-    })
-  });
-});
-LegendFileMessage.displayName = 'LegendFileMessage';
-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=message-types.js.map

package/lib/module/screens/chat-detail/legend/message-types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["memo","StyleSheet","KContainer","KLabel","KSpacingValue","getMessageText","CHAT_BUBBLE_COLORS","jsx","_jsx","jsxs","_jsxs","formatMessageTime","createdAt","date","Date","Number","isNaN","getTime","toLocaleTimeString","hour","minute","hour12","LegendTextMessage","message","isOutgoing","createdAtTime","messageText","timeLabel","trim","View","style","styles","wrapper","children","bubble","bubbleSent","bubbleReceived","Text","typo","color","text","timestamp","marginL","displayName","LegendImageMessage","LegendVideoMessage","LegendFileMessage","fileName","fileElem","content","create","maxWidth","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","received","sent"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/legend/message-types.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/messages/ChatMessageBubble.js

@@ -1,24 +0,0 @@
-"use strict";
-
-import { memo } from 'react';
-import { DChatMessageType } from "../../../types/message.js";
-import { ChatTextBubble } from "../ChatTextBubble.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getMessageRenderers = () => ({
-  [DChatMessageType.Text]: ChatTextBubble
-});
-export const ChatMessageBubble = /*#__PURE__*/memo(({
-  message,
-  position
-}) => {
-  const Renderer = getMessageRenderers()[message.messageType];
-  if (!Renderer) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(Renderer, {
-    message: message,
-    position: position
-  });
-});
-ChatMessageBubble.displayName = 'ChatMessageBubble';
-//# sourceMappingURL=ChatMessageBubble.js.map

package/lib/module/screens/chat-detail/messages/ChatMessageBubble.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["memo","DChatMessageType","ChatTextBubble","jsx","_jsx","getMessageRenderers","Text","ChatMessageBubble","message","position","Renderer","messageType","displayName"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/messages/ChatMessageBubble.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,gBAAgB,QAAQ,2BAAwB;AACzD,SAASC,cAAc,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnD,MAAMC,mBAAmB,GAAGA,CAAA,MAEtB;EACJ,CAACJ,gBAAgB,CAACK,IAAI,GAAGJ;AAC3B,CAAC,CAAC;AAEF,OAAO,MAAMK,iBAAiB,gBAAGP,IAAI,CACnC,CAAC;EAAEQ,OAAO;EAAEC;AAAiC,CAAC,KAAK;EACjD,MAAMC,QAAQ,GAAGL,mBAAmB,CAAC,CAAC,CAACG,OAAO,CAACG,WAAW,CAAC;EAC3D,IAAI,CAACD,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBAAON,IAAA,CAACM,QAAQ;IAACF,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAAC;AAC3D,CACF,CAAC;AAEDF,iBAAiB,CAACK,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/lib/module/screens/chat-detail/messages/types.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export {};
-//# sourceMappingURL=types.js.map

package/lib/module/screens/chat-detail/messages/types.js.map

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

package/lib/typescript/src/screens/chat-detail/ChatList.d.ts

@@ -1,3 +0,0 @@
-import type { ChatListProps } from './types';
-export declare const ChatList: import("react").MemoExoticComponent<({ messages, currentUserId, renderChat, onLoadEarlier, isLoading, isLoadingEarlier, hasMoreEarlier, }: ChatListProps) => import("react").JSX.Element>;
-//# sourceMappingURL=ChatList.d.ts.map

package/lib/typescript/src/screens/chat-detail/ChatList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatList.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatList.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAM7C,eAAO,MAAM,QAAQ,6IAWhB,aAAa,iCAsHjB,CAAC"}

package/lib/typescript/src/screens/chat-detail/ChatTextBubble.d.ts

@@ -1,3 +0,0 @@
-import type { ChatMessageBubbleProps } from './messages/types';
-export declare const ChatTextBubble: import("react").MemoExoticComponent<({ message, position }: ChatMessageBubbleProps) => import("react").JSX.Element>;
-//# sourceMappingURL=ChatTextBubble.d.ts.map

package/lib/typescript/src/screens/chat-detail/ChatTextBubble.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatTextBubble.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/ChatTextBubble.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAgB/D,eAAO,MAAM,cAAc,8DACD,sBAAsB,iCAiC/C,CAAC"}

package/lib/typescript/src/screens/chat-detail/legend/message-types.d.ts

@@ -1,12 +0,0 @@
-import type { DMessageItem } from '../../../types/chat';
-interface BaseLegendMessageProps {
-    message: DMessageItem;
-    isOutgoing: boolean;
-    createdAtTime: number;
-}
-export declare const LegendTextMessage: import("react").MemoExoticComponent<({ message, isOutgoing, createdAtTime }: BaseLegendMessageProps) => import("react").JSX.Element>;
-export declare const LegendImageMessage: import("react").MemoExoticComponent<({ isOutgoing }: BaseLegendMessageProps) => import("react").JSX.Element>;
-export declare const LegendVideoMessage: import("react").MemoExoticComponent<({ isOutgoing }: BaseLegendMessageProps) => import("react").JSX.Element>;
-export declare const LegendFileMessage: import("react").MemoExoticComponent<({ message, isOutgoing }: BaseLegendMessageProps) => import("react").JSX.Element>;
-export {};
-//# sourceMappingURL=message-types.d.ts.map

package/lib/typescript/src/screens/chat-detail/legend/message-types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-types.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/legend/message-types.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAIxD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB;AAgBD,eAAO,MAAM,iBAAiB,+EACa,sBAAsB,iCAiChE,CAAC;AAKF,eAAO,MAAM,kBAAkB,uDACZ,sBAAsB,iCAgBxC,CAAC;AAKF,eAAO,MAAM,kBAAkB,uDACZ,sBAAsB,iCAgBxC,CAAC;AAKF,eAAO,MAAM,iBAAiB,gEACF,sBAAsB,iCAkBjD,CAAC"}

package/lib/typescript/src/screens/chat-detail/messages/ChatMessageBubble.d.ts

@@ -1,3 +0,0 @@
-import type { ChatMessageBubbleProps } from './types';
-export declare const ChatMessageBubble: import("react").MemoExoticComponent<({ message, position }: ChatMessageBubbleProps) => import("react").JSX.Element>;
-//# sourceMappingURL=ChatMessageBubble.d.ts.map

package/lib/typescript/src/screens/chat-detail/messages/ChatMessageBubble.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatMessageBubble.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messages/ChatMessageBubble.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAuB,MAAM,SAAS,CAAC;AAQ3E,eAAO,MAAM,iBAAiB,8DACJ,sBAAsB,iCAQ/C,CAAC"}

package/lib/typescript/src/screens/chat-detail/messages/types.d.ts

@@ -1,13 +0,0 @@
-import type { ComponentType } from 'react';
-import type { IMessage } from 'react-native-gifted-chat';
-import type { DMessageItem } from '../../../types/chat';
-import type { DChatMessageType } from '../../../types/message';
-export type ChatMessageBubbleProps = {
-    message: IMessage & {
-        openIMMessage: DMessageItem;
-        messageType: DChatMessageType;
-    };
-    position: 'left' | 'right';
-};
-export type ChatMessageRenderer = ComponentType<ChatMessageBubbleProps>;
-//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/screens/chat-detail/messages/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messages/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,QAAQ,GAAG;QAClB,aAAa,EAAE,YAAY,CAAC;QAC5B,WAAW,EAAE,gBAAgB,CAAC;KAC/B,CAAC;IACF,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,sBAAsB,CAAC,CAAC"}

package/src/screens/chat-detail/ChatList.tsx

@@ -1,190 +0,0 @@
-import { memo, useCallback, useMemo, useRef } from 'react';
-import { ActivityIndicator, StyleSheet } from 'react-native';
-import {
-  GiftedChat,
-  type DayProps,
-  type LoadEarlierMessagesProps,
-  type MessageProps,
-} from 'react-native-gifted-chat';
-import { KContainer, KColors, KSpacingValue } from '@droppii/libs';
-import { mapOpenIMMessagesToGiftedChat } from '../../utils/giftedChatMessage';
-import type { DGiftedChatMessage } from '../../utils/giftedChatMessage';
-
-import type { ChatListProps } from './types';
-import { ChatDay } from './ChatDay';
-import { ChatLoadEarlier } from './ChatLoadEarlier';
-import { ChatScrollToBottom } from './ChatScrollToBottom';
-import { ChatMessageBubble } from './messages/ChatMessageBubble';
-
-export const ChatList = memo(
-  ({
-    messages = [],
-    currentUserId = '',
-    renderChat,
-    onLoadEarlier,
-    isLoading,
-    isLoadingEarlier,
-    hasMoreEarlier,
-    // Note: onLoadNewer, isLoadingNewer, hasMoreNewer are not used in GiftedChat
-    // as it has its own pagination mechanism. They're kept for API compatibility.
-  }: ChatListProps) => {
-    const giftedMessages = useMemo(
-      () => mapOpenIMMessagesToGiftedChat(messages),
-      [messages]
-    );
-
-    const user = useMemo(
-      () => ({ _id: String(currentUserId) }),
-      [currentUserId]
-    );
-
-    const renderMessage = useCallback(
-      (props: MessageProps<DGiftedChatMessage>) => {
-        const currentMessage = props.currentMessage;
-
-        if (!currentMessage) {
-          return <KContainer.View />;
-        }
-
-        const isOutgoing = props.position === 'right';
-
-        return (
-          <KContainer.View
-            style={[
-              styles.messageRow,
-              isOutgoing ? styles.messageRowRight : styles.messageRowLeft,
-            ]}
-          >
-            {renderChat ? (
-              renderChat(currentMessage.openIMMessage)
-            ) : (
-              <ChatMessageBubble
-                message={currentMessage}
-                position={props.position}
-              />
-            )}
-          </KContainer.View>
-        );
-      },
-      [renderChat]
-    );
-
-    const renderDay = useCallback(
-      (props: DayProps) => <ChatDay {...props} />,
-      []
-    );
-
-    const renderLoadEarlier = useCallback(
-      (props: LoadEarlierMessagesProps) => <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(() => <ChatScrollToBottom />, []);
-
-    return (
-      <KContainer.View flex background={KColors.white}>
-        {isLoading ? (
-          <KContainer.View flex center>
-            <ActivityIndicator
-              color={KColors.palette.primary.w400}
-              size="small"
-            />
-          </KContainer.View>
-        ) : (
-          <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
-            scrollToBottomComponent={renderScrollToBottom}
-            scrollToBottomStyle={styles.scrollToBottom}
-            scrollToBottomContentStyle={styles.scrollToBottomContent}
-          />
-        )}
-      </KContainer.View>
-    );
-  }
-);
-
-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',
-  },
-});