@amityco/react-native-social-uikit 4.2.1-f052efd.0 → 4.3.0

package/lib/commonjs/chat/features/conversation/components/MessageList/MessageList.js

@@ -0,0 +1,415 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageList = MessageList;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _MessageRow = require("../MessageRow");
+var _DateSeparator = require("../../../shared/components/DateSeparator");
+var _ScrollToLatestButton = require("../../../shared/components/ScrollToLatestButton");
+var _NewMessageNotification = require("../../../shared/components/NewMessageNotification");
+var _Loader = require("../../../../../core/design/atoms/Loader");
+var _useMessageComposer = require("../../../shared/hooks/useMessageComposer");
+var _styles = require("./styles");
+// MessageList — the conversation thread's scroll view, ported from AmityUiKitWeb
+// features/shared/components/MessageList. Renders the pre-grouped `items` (date
+// separators + messages, newest-first) in an inverted FlatList, tracks whether the
+// view is at the bottom (for scroll UX), and shows the ScrollToLatestButton /
+// NewMessageNotification affordances. Older pages load on onEndReached.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+const AT_BOTTOM_THRESHOLD = 48;
+
+/** How long the jumped-to row shakes. */
+const BOUNCE_MS = 1000;
+
+/** Delay before re-attempting a scrollToIndex that missed (see onScrollToIndexFailed). */
+const JUMP_RETRY_MS = 250;
+
+/** How many times that re-attempt is allowed before the jump gives up. */
+const JUMP_MAX_RETRIES = 4;
+
+// The jumped-to row is marked with a 1s horizontal shake (translateX 0 → -10 at
+// 40% → 0 at 50% → -5 at 60% → 0), played as an Animated sequence. Transform
+// only, so it runs on the native driver and cannot stutter the list.
+//
+// Wraps EVERY message row, not just the one bouncing. Mounting the wrapper only
+// around the target changes that row's element type when the bounce ends, which
+// remounts the whole subtree and resets the bubble's measuring state — the row
+// drops back to its loading skeleton for a frame.
+function BouncingRow({
+  bouncing,
+  children
+}) {
+  const shift = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    if (!bouncing) return undefined;
+    const step = (toValue, duration) => _reactNative.Animated.timing(shift, {
+      toValue,
+      duration,
+      useNativeDriver: true
+    });
+    const animation = _reactNative.Animated.sequence([_reactNative.Animated.delay(200), step(-10, 200), step(0, 100), step(-5, 100), step(0, 200)]);
+    animation.start();
+    return () => {
+      animation.stop();
+      shift.setValue(0);
+    };
+  }, [bouncing, shift]);
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: {
+      transform: [{
+        translateX: shift
+      }]
+    }
+  }, children);
+}
+
+/** Web MessageList: pendingPreviewByClientId + pendingPreviewByFileId. A synthetic
+ *  message is matched by its client id; once the upload has a fileId the real
+ *  message takes over and is matched by that instead. */
+function buildPreviewMaps(pendingUploads) {
+  const byClientId = new Map();
+  const byFileId = new Map();
+  for (const p of pendingUploads ?? []) {
+    if (!p.previewUrl) continue;
+    byClientId.set(p.clientId, p.previewUrl);
+    if (p.fileId) byFileId.set(p.fileId, p.previewUrl);
+  }
+  return {
+    byClientId,
+    byFileId
+  };
+}
+
+// 4. Named function component
+function MessageList({
+  items,
+  currentUserId,
+  isGroupChat,
+  hasMore,
+  onLoadMore,
+  isLoading = false,
+  isLoadingFirstPage = false,
+  atBottom = true,
+  onAtBottomChange,
+  newMessage,
+  onClearNewMessage,
+  onOpenImage,
+  onOpenVideo,
+  onOpenFailedSheet,
+  onOpenBubbleMenu,
+  onOpenReactorList,
+  onSeeMore,
+  bubbleHandlers,
+  viewerIsModerator = false,
+  moderatorIds,
+  viewerIsMutedInChannel = false,
+  onCancelUpload,
+  pendingUploads,
+  onMediaLoaded,
+  jumpToMessageId,
+  onJumpHandled,
+  hasPrev,
+  onLoadPrev
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const previews = (0, _react.useMemo)(() => buildPreviewMaps(pendingUploads), [pendingUploads]);
+  const listRef = (0, _react.useRef)(null);
+
+  // Final guard: never hand the FlatList two items with the same key (React throws
+  // "same key" otherwise). Upstream already dedupes messages, but keep the list robust.
+  const data = (0, _react.useMemo)(() => {
+    const seen = new Set();
+    return items.filter(it => {
+      if (seen.has(it.id)) return false;
+      seen.add(it.id);
+      return true;
+    });
+  }, [items]);
+
+  // Jump to a searched message. The collection is already anchored on it
+  // (useChatMessage passes `aroundMessageId`), so the row is in the loaded
+  // window and this only has to scroll to it and flag the bounce. If it is not
+  // there once loading has finished and there is no more history, the message is
+  // unreachable — drop the anchor so the collection falls back to the newest
+  // page. Each id is honoured once.
+  const jumpedToRef = (0, _react.useRef)(null);
+  const [bouncingMessageId, setBouncingMessageId] = (0, _react.useState)(null);
+  // Prev-paging stays off until the jump has settled. The anchored list opens at
+  // offset 0 — which in an inverted list is the NEWEST end — so onStartReached
+  // would fire immediately, prepend a page of newer messages and shift every
+  // index out from under the scroll that is still in flight.
+  const [jumpSettled, setJumpSettled] = (0, _react.useState)(!jumpToMessageId);
+
+  // scrollToIndex is retried against freshly-found indices, never a captured
+  // one: a page can land between the miss and the retry.
+  const dataRef = (0, _react.useRef)(data);
+  dataRef.current = data;
+  const jumpPendingRef = (0, _react.useRef)(null);
+  const jumpRetryRef = (0, _react.useRef)(0);
+
+  // Set when a newer page is asked for, cleared when the collection stops
+  // loading.
+  // FlatList fires onStartReached more than once for a single approach (measured:
+  // twice, 60ms apart), and the state has not flushed by the second call — so the
+  // guard has to be a ref or the newer page is requested twice.
+  const [isLoadingPrev, setIsLoadingPrev] = (0, _react.useState)(false);
+  const loadingPrevRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (!isLoading) {
+      loadingPrevRef.current = false;
+      setIsLoadingPrev(false);
+    }
+  }, [isLoading]);
+  const settleJump = (0, _react.useCallback)(() => {
+    jumpPendingRef.current = null;
+    jumpRetryRef.current = 0;
+    setJumpSettled(true);
+  }, []);
+  const scrollToJumpTarget = (0, _react.useCallback)(messageId => {
+    var _listRef$current;
+    const index = dataRef.current.findIndex(it => it.kind === 'message' && it.message.messageId === messageId);
+    if (index < 0) return false;
+    jumpPendingRef.current = messageId;
+    // viewPosition 0.5 centres the row. Not animated: an instant jump is what
+    // the design asks for, and animating it travels the whole way through the
+    // thread instead, which reads as the page flickering.
+    (_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.scrollToIndex({
+      index,
+      viewPosition: 0.5,
+      animated: false
+    });
+    return true;
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!jumpToMessageId || jumpedToRef.current === jumpToMessageId) return;
+    if (data.length === 0) return;
+    if (scrollToJumpTarget(jumpToMessageId)) {
+      jumpedToRef.current = jumpToMessageId;
+      setBouncingMessageId(jumpToMessageId);
+      return;
+    }
+    if (!isLoading && !isLoadingFirstPage && !hasMore) {
+      jumpedToRef.current = jumpToMessageId;
+      settleJump();
+      onJumpHandled === null || onJumpHandled === void 0 || onJumpHandled();
+    }
+  }, [jumpToMessageId, data, isLoading, isLoadingFirstPage, hasMore, onJumpHandled, scrollToJumpTarget, settleJump]);
+
+  // The bounce also marks the end of the jump: by the time it has played, the
+  // scroll has either landed or run out of retries, so prev-paging can start.
+  (0, _react.useEffect)(() => {
+    if (!bouncingMessageId) return undefined;
+    const timer = setTimeout(() => {
+      setBouncingMessageId(null);
+      settleJump();
+    }, BOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [bouncingMessageId, settleJump]);
+  const scrollToLatest = (0, _react.useCallback)(() => {
+    var _listRef$current2;
+    (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || _listRef$current2.scrollToOffset({
+      offset: 0,
+      animated: true
+    });
+    onClearNewMessage === null || onClearNewMessage === void 0 || onClearNewMessage();
+  }, [onClearNewMessage]);
+
+  // Force-scroll to the newest row whenever the latest message is the viewer's
+  // OWN, independently of `atBottom`; other people's messages only pull the view
+  // down when it is already at the bottom.
+  //
+  // An inverted FlatList keeps offset 0 pinned when rows are prepended, and that
+  // alone used to be relied on. It does not survive a VIEWPORT resize: opening
+  // the keyboard or growing the composer leaves the list parked away from
+  // offset 0, and the message you just sent then lands below the fold with its
+  // last line cut off by the composer.
+  const latestMessage = (0, _react.useMemo)(() => {
+    var _data$find;
+    return (_data$find = data.find(it => it.kind === 'message')) === null || _data$find === void 0 ? void 0 : _data$find.message;
+  }, [data]);
+  const latestMessageId = latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.messageId;
+  const latestCreatorId = latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.creatorId;
+  const prevLatestIdRef = (0, _react.useRef)(undefined);
+  (0, _react.useEffect)(() => {
+    var _listRef$current3;
+    const prevId = prevLatestIdRef.current;
+    prevLatestIdRef.current = latestMessageId;
+    // Skip the first render: the initial page just starts at the bottom, it
+    // does not animate there.
+    if (!latestMessageId || !prevId || latestMessageId === prevId) return;
+    const isOwnMessage = !!currentUserId && latestCreatorId === currentUserId;
+    if (!isOwnMessage && !atBottom) return;
+    (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 || _listRef$current3.scrollToOffset({
+      offset: 0,
+      animated: !isOwnMessage
+    });
+  }, [latestMessageId, latestCreatorId, currentUserId, atBottom]);
+  const handleScroll = (0, _react.useCallback)(e => {
+    // Inverted list: offset near 0 == pinned to the newest (bottom) message.
+    const next = e.nativeEvent.contentOffset.y < AT_BOTTOM_THRESHOLD;
+    if (next !== atBottom) onAtBottomChange === null || onAtBottomChange === void 0 || onAtBottomChange(next);
+  }, [atBottom, onAtBottomChange]);
+
+  // Web MessageList shows a top loader (`.messageList__topLoader` + Loader.Spinner)
+  // while paginating older messages, suppressed during the first-page load (which the
+  // parent covers with a skeleton). In an inverted FlatList the visual top — the
+  // older-messages / onEndReached side — is the ListFooterComponent, so the spinner
+  // lives there. The second loader — the newer-messages side, reached only from
+  // a jump — is the ListHeaderComponent for the same reason, gated on
+  // `isLoadingPrev && !isLoadingFirstPage`.
+  const showTopLoader = !!isLoading && !isLoadingFirstPage;
+  const showBottomLoader = isLoadingPrev && !isLoadingFirstPage;
+
+  // The two affordances are mutually exclusive: the new-message banner shows only
+  // when a genuinely new message arrived while scrolled away (`newMessage` is gated
+  // upstream in useChatMessage); the scroll-to-latest button shows otherwise. This
+  // keeps the banner from co-appearing with the button (web: showScrollButton =
+  // !atBottom && !newMessage && isScrollable — the isScrollable guard is dropped as a
+  // documented deviation: an inverted list not at bottom is by definition scrollable).
+  const showNotification = !atBottom && !!newMessage;
+  const showScrollButton = !atBottom && !newMessage;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.list
+  }, /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    ref: listRef,
+    style: styles.list,
+    contentContainerStyle: styles.content,
+    data: data,
+    inverted: true
+    // Only ever set for a list opened on a jump target, because only an
+    // anchored collection pages NEWER messages in — and those land at index
+    // 0, which in an inverted list is the end the viewer is looking at. Left
+    // to itself the list keeps its offset, so the content jumps by a page's
+    // height and lands back near the start, which fires onStartReached again
+    // and walks the whole way to the newest message. Not enabled for normal
+    // threads: there it would stop an incoming message from pushing itself
+    // into view at the bottom.
+    ,
+    maintainVisibleContentPosition: jumpToMessageId ? {
+      minIndexForVisible: 1
+    } : undefined,
+    ListFooterComponent: showTopLoader ? /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.topLoader
+    }, /*#__PURE__*/React.createElement(_Loader.Loader.Spinner, {
+      size: "sm"
+    })) : null,
+    ListHeaderComponent: showBottomLoader ?
+    /*#__PURE__*/
+    // Same geometry as the top one.
+    React.createElement(_reactNative.View, {
+      style: styles.topLoader
+    }, /*#__PURE__*/React.createElement(_Loader.Loader.Spinner, {
+      size: "sm"
+    })) : null,
+    keyExtractor: item => item.id,
+    renderItem: ({
+      item
+    }) => {
+      var _message$data;
+      if (item.kind === 'date') return /*#__PURE__*/React.createElement(_DateSeparator.DateSeparator, {
+        label: item.label
+      });
+      const {
+        message
+      } = item;
+      const isUser = !!currentUserId && message.creatorId === currentUserId;
+      // Inbound rows in a group channel only: `!isUserMsg && isGroupChat
+      // && moderatorIds?.has(creatorId)`.
+      const isSenderModerator = !isUser && !!isGroupChat && !!(moderatorIds !== null && moderatorIds !== void 0 && moderatorIds.has(message.creatorId));
+      const messageFileId = ((_message$data = message.data) === null || _message$data === void 0 ? void 0 : _message$data.fileId) ?? message.fileId;
+      const localPreviewUrl = (0, _useMessageComposer.isSyntheticPendingMessage)(message) ? previews.byClientId.get(message.__syntheticClientId) : messageFileId ? previews.byFileId.get(messageFileId) : undefined;
+      // Web MessageBubble: `isSynthetic && onCancelUpload ? () =>
+      // onCancelUpload(clientId) : undefined`. Only a synthetic (still local,
+      // in-flight) message can be cancelled — once the real message exists the
+      // upload is already done.
+      const cancelUpload = onCancelUpload && (0, _useMessageComposer.isSyntheticPendingMessage)(message) ? () => onCancelUpload(message.__syntheticClientId) : undefined;
+      const row = /*#__PURE__*/React.createElement(_MessageRow.MessageRow, {
+        message: message,
+        localPreviewUrl: localPreviewUrl,
+        onMediaLoaded: onMediaLoaded,
+        isUser: isUser,
+        isGroupChat: isGroupChat,
+        currentUserId: currentUserId,
+        onOpenImage: onOpenImage,
+        onOpenVideo: onOpenVideo,
+        onOpenFailedSheet: onOpenFailedSheet,
+        onOpenBubbleMenu: onOpenBubbleMenu,
+        onOpenReactorList: onOpenReactorList,
+        onSeeMore: onSeeMore,
+        bubbleHandlers: bubbleHandlers,
+        viewerIsModerator: viewerIsModerator,
+        isSenderModerator: isSenderModerator,
+        viewerIsMutedInChannel: viewerIsMutedInChannel,
+        onCancelUpload: cancelUpload
+      });
+      return /*#__PURE__*/React.createElement(BouncingRow, {
+        bouncing: message.messageId === bouncingMessageId
+      }, row);
+    },
+    onScroll: handleScroll,
+    scrollEventThrottle: 16
+    // Rows are variable height, so scrollToIndex can miss on the first try
+    // (an off-screen row has no measured layout yet). Nudge the list to the
+    // estimated offset, then retry once the rows around it have laid out —
+    // the effect above will not fire again on its own, since nothing in its
+    // deps changed.
+    // Rows are variable height, so scrollToIndex can miss on the first try
+    // (an off-screen row has no measured layout yet). Nudge the list to the
+    // estimated offset, then retry — re-finding the index rather than
+    // reusing the one that missed, since a page may have landed meanwhile.
+    ,
+    onScrollToIndexFailed: ({
+      averageItemLength,
+      index
+    }) => {
+      var _listRef$current4;
+      (_listRef$current4 = listRef.current) === null || _listRef$current4 === void 0 || _listRef$current4.scrollToOffset({
+        offset: averageItemLength * index,
+        animated: false
+      });
+      const messageId = jumpPendingRef.current;
+      if (!messageId || jumpRetryRef.current >= JUMP_MAX_RETRIES) {
+        settleJump();
+        return;
+      }
+      jumpRetryRef.current += 1;
+      setTimeout(() => {
+        if (jumpPendingRef.current !== messageId) return;
+        if (!scrollToJumpTarget(messageId)) settleJump();
+      }, JUMP_RETRY_MS);
+    },
+    onEndReached: hasMore ? onLoadMore : undefined,
+    onEndReachedThreshold: 0.5
+    // Inverted, so the list's START is the newest end. Only ever fires for a
+    // collection anchored on a jump target.
+    ,
+    onStartReached: jumpSettled && hasPrev ? () => {
+      if (loadingPrevRef.current) return;
+      loadingPrevRef.current = true;
+      setIsLoadingPrev(true);
+      onLoadPrev === null || onLoadPrev === void 0 || onLoadPrev();
+    } : undefined,
+    onStartReachedThreshold: 0.1
+  }), showNotification && newMessage ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.newMessageSlot
+  }, /*#__PURE__*/React.createElement(_NewMessageNotification.NewMessageNotification, {
+    message: newMessage,
+    onPress: scrollToLatest
+  })) : null, showScrollButton ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.scrollButtonSlot
+  }, /*#__PURE__*/React.createElement(_ScrollToLatestButton.ScrollToLatestButton, {
+    onPress: scrollToLatest
+  })) : null);
+}
+//# sourceMappingURL=MessageList.js.map

package/lib/commonjs/chat/features/conversation/components/MessageList/MessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_MessageRow","_DateSeparator","_ScrollToLatestButton","_NewMessageNotification","_Loader","_useMessageComposer","_styles","AT_BOTTOM_THRESHOLD","BOUNCE_MS","JUMP_RETRY_MS","JUMP_MAX_RETRIES","BouncingRow","bouncing","children","shift","useRef","Animated","Value","current","useEffect","undefined","step","toValue","duration","timing","useNativeDriver","animation","sequence","delay","start","stop","setValue","React","createElement","View","style","transform","translateX","buildPreviewMaps","pendingUploads","byClientId","Map","byFileId","p","previewUrl","set","clientId","fileId","MessageList","items","currentUserId","isGroupChat","hasMore","onLoadMore","isLoading","isLoadingFirstPage","atBottom","onAtBottomChange","newMessage","onClearNewMessage","onOpenImage","onOpenVideo","onOpenFailedSheet","onOpenBubbleMenu","onOpenReactorList","onSeeMore","bubbleHandlers","viewerIsModerator","moderatorIds","viewerIsMutedInChannel","onCancelUpload","onMediaLoaded","jumpToMessageId","onJumpHandled","hasPrev","onLoadPrev","styles","useStyles","previews","useMemo","listRef","data","seen","Set","filter","it","has","id","add","jumpedToRef","bouncingMessageId","setBouncingMessageId","useState","jumpSettled","setJumpSettled","dataRef","jumpPendingRef","jumpRetryRef","isLoadingPrev","setIsLoadingPrev","loadingPrevRef","settleJump","useCallback","scrollToJumpTarget","messageId","_listRef$current","index","findIndex","kind","message","scrollToIndex","viewPosition","animated","length","timer","setTimeout","clearTimeout","scrollToLatest","_listRef$current2","scrollToOffset","offset","latestMessage","_data$find","find","latestMessageId","latestCreatorId","creatorId","prevLatestIdRef","_listRef$current3","prevId","isOwnMessage","handleScroll","e","next","nativeEvent","contentOffset","y","showTopLoader","showBottomLoader","showNotification","showScrollButton","list","FlatList","ref","contentContainerStyle","content","inverted","maintainVisibleContentPosition","minIndexForVisible","ListFooterComponent","topLoader","Loader","Spinner","size","ListHeaderComponent","keyExtractor","item","renderItem","_message$data","DateSeparator","label","isUser","isSenderModerator","messageFileId","localPreviewUrl","isSyntheticPendingMessage","get","__syntheticClientId","cancelUpload","row","MessageRow","onScroll","scrollEventThrottle","onScrollToIndexFailed","averageItemLength","_listRef$current4","onEndReached","onEndReachedThreshold","onStartReached","onStartReachedThreshold","newMessageSlot","NewMessageNotification","onPress","scrollButtonSlot","ScrollToLatestButton"],"sourceRoot":"../../../../../../../src","sources":["chat/features/conversation/components/MessageList/MessageList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat/features/conversation/components/MessageList/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MessageList", {
+  enumerable: true,
+  get: function () {
+    return _MessageList.MessageList;
+  }
+});
+var _MessageList = require("./MessageList");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/chat/features/conversation/components/MessageList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MessageList","require"],"sourceRoot":"../../../../../../../src","sources":["chat/features/conversation/components/MessageList/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/chat/features/conversation/components/MessageList/styles.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+// Styles for the conversation MessageList. Rows align outbound (own) to the
+// trailing edge and inbound (other) to the leading edge; list padding mirrors the
+// web thread (horizontal 16, vertical gaps ~2). Colours via design tokens.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    list: {
+      flex: 1,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    content: {
+      // Horizontal spacing comes from the MessageRow side margins (16); adding it
+      // here too would double it to 32. Keep only vertical padding.
+      paddingVertical: 8
+    },
+    // Pagination loader — ported from web .messageList__topLoader (height 3rem→48,
+    // centered, full width, page-background surface). Rendered as the inverted list's
+    // ListFooterComponent so it sits at the visual top (older-messages side).
+    topLoader: {
+      width: '100%',
+      height: 48,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    // Scroll affordances float above the composer at the bottom of the list.
+    scrollButtonSlot: {
+      position: 'absolute',
+      right: 12,
+      bottom: 12
+    },
+    newMessageSlot: {
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      bottom: 12,
+      alignItems: 'center'
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/chat/features/conversation/components/MessageList/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","list","flex","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","content","paddingVertical","topLoader","width","height","alignItems","justifyContent","scrollButtonSlot","position","right","bottom","newMessageSlot","left","exports"],"sourceRoot":"../../../../../../../src","sources":["chat/features/conversation/components/MessageList/styles.ts"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AANA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B;IACrE,CAAC;IACDC,OAAO,EAAE;MACP;MACA;MACAC,eAAe,EAAE;IACnB,CAAC;IACD;IACA;IACA;IACAC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBT,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B;IACrE,CAAC;IACD;IACAQ,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,cAAc,EAAE;MACdH,QAAQ,EAAE,UAAU;MACpBI,IAAI,EAAE,CAAC;MACPH,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,EAAE;MACVL,UAAU,EAAE;IACd;EACF,CAAC,CAAC;EAEF,OAAO;IAAEb,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACuB,OAAA,CAAAxB,SAAA,GAAAA,SAAA","ignoreList":[]}