@amityco/react-native-social-uikit 4.1.0 → 4.1.1-d7da0c5c.0

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactionBadge/index.js

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

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactionBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MessageReactionBadge","require"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageReactionBadge/index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactionBadge/styles.js

@@ -0,0 +1,67 @@
+"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 MessageReactionBadge — ported from AmityUiKitWeb
+// v4/chat/features/shared/components/MessageReactionBadge/MessageReactionBadge.module.css.
+// rem→px ×16. Colours resolve through AmityColorToken.
+
+const useStyles = containsMyReaction => {
+  const token = (0, _useToken.useToken)();
+
+  // Web `.messageReactionBadge[data-contains-my-reaction='true']` swaps the
+  // surface + border; both token refs are kept in source so either state is
+  // reachable (and the fidelity gate sees both).
+  const surface = containsMyReaction ? token(_amityColorTokens.AmityColorToken.SurfaceReactionsReactionCountActive) : token(_amityColorTokens.AmityColorToken.SurfaceReactionsReactionCountDefault);
+  const border = containsMyReaction ? token(_amityColorTokens.AmityColorToken.BorderReactionReactionCountActive) : token(_amityColorTokens.AmityColorToken.BorderReactionReactionCountDefault);
+  const countColor = containsMyReaction ? token(_amityColorTokens.AmityColorToken.TextReactionsChatReactionCountActive) : token(_amityColorTokens.AmityColorToken.TextReactionsChatReactionCountDefault);
+  const styles = _reactNative.StyleSheet.create({
+    // .messageReactionBadge
+    container: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      alignSelf: 'flex-start',
+      gap: 2,
+      height: 28,
+      marginTop: -6,
+      paddingVertical: 4,
+      paddingHorizontal: 6,
+      borderWidth: 1,
+      borderColor: border,
+      borderRadius: 24,
+      backgroundColor: surface
+    },
+    // .messageReactionBadge__stack
+    stack: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingRight: 8
+    },
+    // .messageReactionBadge__icon — 20×20 atom circle behind each glyph.
+    icon: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 20,
+      height: 20,
+      marginRight: -8,
+      borderRadius: 9999,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.BorderReactionReactionAtomDefault)
+    },
+    // .messageReactionBadge__count
+    count: {
+      fontSize: 13,
+      lineHeight: 18,
+      color: countColor
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactionBadge/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","containsMyReaction","token","useToken","surface","AmityColorToken","SurfaceReactionsReactionCountActive","SurfaceReactionsReactionCountDefault","border","BorderReactionReactionCountActive","BorderReactionReactionCountDefault","countColor","TextReactionsChatReactionCountActive","TextReactionsChatReactionCountDefault","styles","StyleSheet","create","container","flexDirection","alignItems","alignSelf","gap","height","marginTop","paddingVertical","paddingHorizontal","borderWidth","borderColor","borderRadius","backgroundColor","stack","paddingRight","icon","justifyContent","width","marginRight","BorderReactionReactionAtomDefault","count","fontSize","lineHeight","color","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageReactionBadge/styles.ts"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AANA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAIC,kBAA2B,IAAK;EACxD,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;;EAExB;EACA;EACA;EACA,MAAMC,OAAO,GAAGH,kBAAkB,GAC9BC,KAAK,CAACG,iCAAe,CAACC,mCAAmC,CAAC,GAC1DJ,KAAK,CAACG,iCAAe,CAACE,oCAAoC,CAAC;EAC/D,MAAMC,MAAM,GAAGP,kBAAkB,GAC7BC,KAAK,CAACG,iCAAe,CAACI,iCAAiC,CAAC,GACxDP,KAAK,CAACG,iCAAe,CAACK,kCAAkC,CAAC;EAC7D,MAAMC,UAAU,GAAGV,kBAAkB,GACjCC,KAAK,CAACG,iCAAe,CAACO,oCAAoC,CAAC,GAC3DV,KAAK,CAACG,iCAAe,CAACQ,qCAAqC,CAAC;EAEhE,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/B;IACAC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,YAAY;MACvBC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,CAAC,CAAC;MACbC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEnB,MAAM;MACnBoB,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEzB;IACnB,CAAC;IACD;IACA0B,KAAK,EAAE;MACLZ,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBY,YAAY,EAAE;IAChB,CAAC;IACD;IACAC,IAAI,EAAE;MACJb,UAAU,EAAE,QAAQ;MACpBc,cAAc,EAAE,QAAQ;MACxBC,KAAK,EAAE,EAAE;MACTZ,MAAM,EAAE,EAAE;MACVa,WAAW,EAAE,CAAC,CAAC;MACfP,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAE3B,KAAK,CAACG,iCAAe,CAAC+B,iCAAiC;IAC1E,CAAC;IACD;IACAC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAE7B;IACT;EACF,CAAC,CAAC;EAEF,OAAO;IAAEG;EAAO,CAAC;AACnB,CAAC;AAAC2B,OAAA,CAAAzC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactorListSheet/MessageReactorListSheet.js

@@ -0,0 +1,280 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageReactorListSheet = MessageReactorListSheet;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _Skeleton = require("../../../../../../../core/design/components/Skeleton");
+var _Avatar = require("../../../../../../../core/design/atoms/Avatar");
+var _localization = require("../../../../../../../core/localization");
+var _abbreviateCount = require("../../../../../../../core/utils/abbreviateCount");
+var _useCurrentUserId = require("../../../../hooks/useCurrentUserId");
+var _useMessageReactions = require("../../hooks/useMessageReactions");
+var _useReactorsCollection = require("../../hooks/useReactorsCollection");
+var _reactionIcons = require("../../utils/reactionIcons");
+var _styles = require("./styles");
+// MessageReactorListSheet — RN port of AmityUiKitWeb
+// v4/chat/features/shared/components/MessageReactorListSheet/MessageReactorListSheet.tsx.
+// The reactor list shown in a bottom sheet: an underlined tab per distinct
+// reaction (plus an "All" tab), each listing who reacted. This renders the sheet
+// CONTENT only — the orchestrator mounts it inside the repo's @devvie bottom
+// sheet with the same `messageId` + `onClose` contract web's useBubbleMenu uses.
+//
+// RN adaptations from web:
+//   - Live message via MessageRepository.getMessage (web useMessageObject).
+//   - Reactor pagination via useReactorsCollection (web useReactionsCollection);
+//     IntersectionObserver → FlatList onEndReached.
+//   - The RN Tab atom's underlined variant renders a string label only and can't
+//     host web's icon+count node label, so the tab bar is rendered inline reusing
+//     the SoT underlined-tab tokens/geometry.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+const ALL_TAB = 'all';
+
+// @devvie reserves this above the content for its drag handle
+// (DEFAULT_HANDLE_BAR_DEFAULT_HEIGHT: paddingTop 10 + height 5 + paddingBottom 10).
+const DRAG_HANDLE_HEIGHT = 25;
+
+// 4. Named function component
+function MessageReactorListSheet({
+  messageId,
+  onClose,
+  initialMessage = null,
+  sheetHeight
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  // The content area the @devvie sheet actually gives our children.
+  const contentHeight = sheetHeight ? sheetHeight - DRAG_HANDLE_HEIGHT - insets.bottom : undefined;
+  const currentUserId = (0, _useCurrentUserId.useCurrentUserId)();
+  const {
+    removeReaction
+  } = (0, _useMessageReactions.useMessageReactions)();
+  const allTabLabel = (0, _localization.useString)('amity_chat_tab_all');
+
+  // Live message (web useMessageObject), seeded from the tapped message.
+  const [currentMessage, setCurrentMessage] = (0, _react.useState)(initialMessage);
+  (0, _react.useEffect)(() => {
+    const unsubscribe = _tsSdkReactNative.MessageRepository.getMessage(messageId, result => {
+      // Only overwrite once real data arrives — a loading callback with no data
+      // must not wipe the seeded initialMessage (which keeps totalCount correct).
+      if (result.data) setCurrentMessage(result.data);
+    });
+    return () => unsubscribe();
+  }, [messageId]);
+  const isMessageDeleted = !!(currentMessage !== null && currentMessage !== void 0 && currentMessage.isDeleted);
+  const reactionMap = (currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.reactions) ?? {};
+  const totalCount = isMessageDeleted ? 0 : (currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.reactionsCount) ?? 0;
+  const distinctNames = (0, _react.useMemo)(() => {
+    if (isMessageDeleted) return [];
+    return Object.entries(reactionMap).filter(([, count]) => count > 0).sort((a, b) => a[1] === b[1] ? a[0].localeCompare(b[0]) : b[1] - a[1]).map(([name]) => name);
+  }, [currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.reactions, isMessageDeleted]);
+  const [activeTab, setActiveTab] = (0, _react.useState)(distinctNames.length > 1 ? ALL_TAB : distinctNames[0] ?? ALL_TAB);
+  (0, _react.useEffect)(() => {
+    if (activeTab === ALL_TAB) return;
+    if (distinctNames.includes(activeTab)) return;
+    setActiveTab(distinctNames.length > 1 ? ALL_TAB : distinctNames[0] ?? ALL_TAB);
+  }, [activeTab, distinctNames]);
+  const {
+    reactors,
+    isLoading,
+    isLoadingFirstPage,
+    hasMore,
+    loadMore
+  } = (0, _useReactorsCollection.useReactorsCollection)({
+    referenceType: 'message',
+    referenceId: messageId,
+    limit: 25,
+    ...(activeTab !== ALL_TAB ? {
+      reactionName: activeTab
+    } : {})
+  });
+  const myReactor = (0, _react.useMemo)(() => {
+    if (!currentUserId) return null;
+    return reactors.find(r => r.userId === currentUserId) ?? null;
+  }, [reactors, currentUserId]);
+  const others = (0, _react.useMemo)(() => myReactor ? reactors.filter(r => r !== myReactor) : reactors, [reactors, myReactor]);
+  async function handleOwnRowPress() {
+    if (!myReactor || !currentMessage) return;
+    onClose();
+    await removeReaction({
+      message: currentMessage,
+      reactionName: myReactor.reactionName
+    });
+  }
+  const rows = (0, _react.useMemo)(() => {
+    const list = [];
+    if (myReactor) list.push({
+      reactor: myReactor,
+      isOwn: true
+    });
+    for (const r of others) list.push({
+      reactor: r,
+      isOwn: false
+    });
+    return list;
+  }, [myReactor, others]);
+
+  // Tab items (web `tabs()`).
+  const tabItems = [];
+  const showAllTab = distinctNames.length === 0 || distinctNames.length > 1;
+  if (showAllTab) {
+    tabItems.push({
+      value: ALL_TAB,
+      text: `${allTabLabel} ${(0, _abbreviateCount.abbreviateCount)(totalCount)}`
+    });
+  }
+  for (const name of distinctNames) {
+    tabItems.push({
+      value: name,
+      icon: /*#__PURE__*/React.createElement(_reactionIcons.ReactionGlyph, {
+        name: name,
+        size: 20
+      }),
+      text: `${(0, _abbreviateCount.abbreviateCount)(reactionMap[name] ?? 0)}`
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, contentHeight ? {
+      height: contentHeight
+    } : styles.containerFill]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.tabList
+  }, tabItems.map(t => {
+    const active = activeTab === t.value;
+    return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+      key: t.value,
+      style: styles.tab,
+      onPress: () => setActiveTab(t.value),
+      accessibilityRole: "tab",
+      accessibilityState: {
+        selected: active
+      }
+    }, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.tabLabel
+    }, t.icon, /*#__PURE__*/React.createElement(_Typography.Typography, {
+      style: [styles.tabLabelText, active ? styles.tabLabelTextActive : styles.tabLabelTextDefault]
+    }, t.text)), /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.tabIndicator, active && styles.tabIndicatorActive]
+    }));
+  })), totalCount === 0 ? /*#__PURE__*/React.createElement(EmptyState, null) : /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    style: styles.flatList,
+    data: rows,
+    keyExtractor: (item, index) => `${item.reactor.userId ?? 'unknown'}-${index}`,
+    renderItem: ({
+      item
+    }) => /*#__PURE__*/React.createElement(ReactorRow, {
+      reactor: item.reactor,
+      isOwn: item.isOwn,
+      onPress: item.isOwn ? handleOwnRowPress : undefined
+    }),
+    onEndReachedThreshold: 0.4,
+    onEndReached: () => {
+      if (hasMore && !isLoading && !isLoadingFirstPage) loadMore();
+    },
+    ListFooterComponent: isLoadingFirstPage || isLoading ? /*#__PURE__*/React.createElement(SkeletonRows, {
+      count: 3
+    }) : null,
+    contentContainerStyle: styles.list
+  }));
+}
+
+// --- Reactor row -------------------------------------------------------------
+
+function ReactorRow({
+  reactor,
+  isOwn = false,
+  onPress
+}) {
+  var _reactor$user, _reactor$user2, _reactor$user3, _reactor$user4;
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const tapToRemoveLabel = (0, _localization.useString)('amity_common_button_tap_to_remove_reaction');
+  const displayName = ((_reactor$user = reactor.user) === null || _reactor$user === void 0 ? void 0 : _reactor$user.displayName) ?? ((_reactor$user2 = reactor.user) === null || _reactor$user2 === void 0 ? void 0 : _reactor$user2.userId) ?? '';
+  const avatarFileUrl = (_reactor$user3 = reactor.user) === null || _reactor$user3 === void 0 || (_reactor$user3 = _reactor$user3.avatar) === null || _reactor$user3 === void 0 ? void 0 : _reactor$user3.fileUrl;
+  const imageUrl = avatarFileUrl ? _tsSdkReactNative.FileRepository.fileUrlWithSize(avatarFileUrl, 'small') : undefined;
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.row,
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: isOwn ? tapToRemoveLabel : displayName
+  }, reactor.user && /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    variant: imageUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: 32,
+    imageUrl: imageUrl,
+    initials: displayName.trim().charAt(0).toUpperCase() || '?'
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.rowText
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "bodyBold",
+    style: styles.rowTitle
+  }, ((_reactor$user4 = reactor.user) === null || _reactor$user4 === void 0 ? void 0 : _reactor$user4.displayName) ?? ''), isOwn ? /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.rowCaption
+  }, tapToRemoveLabel) : null), /*#__PURE__*/React.createElement(_reactionIcons.ReactionGlyph, {
+    name: reactor.reactionName,
+    size: 24
+  }));
+}
+
+// --- Empty state -------------------------------------------------------------
+function EmptyState() {
+  const {
+    styles,
+    emptyStateIconColor
+  } = (0, _styles.useStyles)();
+  const title = (0, _localization.useString)('amity_common_button_no_reactions_yet');
+  const description = (0, _localization.useString)('amity_common_label_be_first_to_react', 'message');
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.emptyState
+  }, /*#__PURE__*/React.createElement(_reactionIcons.SmilePlus, {
+    size: 48,
+    color: emptyStateIconColor
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.emptyStateText
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "titleBold",
+    style: styles.emptyStateTitle
+  }, title), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.emptyStateDescription
+  }, description)));
+}
+
+// --- Skeleton rows -----------------------------------------------------------
+function SkeletonRows({
+  count
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, Array.from({
+    length: count
+  }).map((_, i) => /*#__PURE__*/React.createElement(_reactNative.View, {
+    key: i,
+    style: styles.skeletonRow
+  }, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
+    circle: true,
+    width: 40,
+    height: 40
+  }), /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
+    width: 140,
+    height: 10,
+    borderRadius: 12
+  }))));
+}
+//# sourceMappingURL=MessageReactorListSheet.js.map

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactorListSheet/MessageReactorListSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSafeAreaContext","_tsSdkReactNative","_Typography","_Skeleton","_Avatar","_localization","_abbreviateCount","_useCurrentUserId","_useMessageReactions","_useReactorsCollection","_reactionIcons","_styles","ALL_TAB","DRAG_HANDLE_HEIGHT","MessageReactorListSheet","messageId","onClose","initialMessage","sheetHeight","styles","useStyles","insets","useSafeAreaInsets","contentHeight","bottom","undefined","currentUserId","useCurrentUserId","removeReaction","useMessageReactions","allTabLabel","useString","currentMessage","setCurrentMessage","useState","useEffect","unsubscribe","MessageRepository","getMessage","result","data","isMessageDeleted","isDeleted","reactionMap","reactions","totalCount","reactionsCount","distinctNames","useMemo","Object","entries","filter","count","sort","a","b","localeCompare","map","name","activeTab","setActiveTab","length","includes","reactors","isLoading","isLoadingFirstPage","hasMore","loadMore","useReactorsCollection","referenceType","referenceId","limit","reactionName","myReactor","find","r","userId","others","handleOwnRowPress","message","rows","list","push","reactor","isOwn","tabItems","showAllTab","value","text","abbreviateCount","icon","React","createElement","ReactionGlyph","size","View","style","container","height","containerFill","tabList","t","active","Pressable","key","tab","onPress","accessibilityRole","accessibilityState","selected","tabLabel","Typography","tabLabelText","tabLabelTextActive","tabLabelTextDefault","tabIndicator","tabIndicatorActive","EmptyState","FlatList","flatList","keyExtractor","item","index","renderItem","ReactorRow","onEndReachedThreshold","onEndReached","ListFooterComponent","SkeletonRows","contentContainerStyle","_reactor$user","_reactor$user2","_reactor$user3","_reactor$user4","tapToRemoveLabel","displayName","user","avatarFileUrl","avatar","fileUrl","imageUrl","FileRepository","fileUrlWithSize","row","accessibilityLabel","Avatar","variant","shape","initials","trim","charAt","toUpperCase","rowText","rowTitle","rowCaption","emptyStateIconColor","title","description","emptyState","SmilePlus","color","emptyStateText","emptyStateTitle","emptyStateDescription","Fragment","Array","from","_","i","skeletonRow","Skeleton","circle","width","borderRadius"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageReactorListSheet/MessageReactorListSheet.tsx"],"mappings":";;;;;;AAgBA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAMA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,oBAAA,GAAAV,OAAA;AACA,IAAAW,sBAAA,GAAAX,OAAA;AACA,IAAAY,cAAA,GAAAZ,OAAA;AACA,IAAAa,OAAA,GAAAb,OAAA;AAlCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AASA;;AAYA;;AAsBA,MAAMc,OAAO,GAAG,KAAc;;AAE9B;AACA;AACA,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACO,SAASC,uBAAuBA,CAAC;EACtCC,SAAS;EACTC,OAAO;EACPC,cAAc,GAAG,IAAI;EACrBC;AAC4B,CAAC,EAAE;EAC/B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAClC;EACA,MAAMC,aAAa,GAAGL,WAAW,GAC7BA,WAAW,GAAGL,kBAAkB,GAAGQ,MAAM,CAACG,MAAM,GAChDC,SAAS;EACb,MAAMC,aAAa,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAChD,MAAMC,WAAW,GAAG,IAAAC,uBAAS,EAAC,oBAAoB,CAAC;;EAEnD;EACA,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAClDjB,cACF,CAAC;EACD,IAAAkB,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAGC,mCAAiB,CAACC,UAAU,CAACvB,SAAS,EAAGwB,MAAM,IAAK;MACtE;MACA;MACA,IAAIA,MAAM,CAACC,IAAI,EAAEP,iBAAiB,CAACM,MAAM,CAACC,IAAI,CAAC;IACjD,CAAC,CAAC;IACF,OAAO,MAAMJ,WAAW,CAAC,CAAC;EAC5B,CAAC,EAAE,CAACrB,SAAS,CAAC,CAAC;EAEf,MAAM0B,gBAAgB,GAAG,CAAC,EAACT,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEU,SAAS;EACpD,MAAMC,WAAW,GACf,CAACX,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEY,SAAS,KAA2C,CAAC,CAAC;EACzE,MAAMC,UAAU,GAAGJ,gBAAgB,GAAG,CAAC,GAAG,CAAAT,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEc,cAAc,KAAI,CAAC;EAE7E,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClC,IAAIP,gBAAgB,EAAE,OAAO,EAAE;IAC/B,OAAOQ,MAAM,CAACC,OAAO,CAACP,WAAW,CAAC,CAC/BQ,MAAM,CAAC,CAAC,GAAGC,KAAK,CAAC,KAAKA,KAAK,GAAG,CAAC,CAAC,CAChCC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAAC,CAAC,CAAC,KAAKC,CAAC,CAAC,CAAC,CAAC,GAAGD,CAAC,CAAC,CAAC,CAAC,CAACE,aAAa,CAACD,CAAC,CAAC,CAAC,CAAC,CAAC,GAAGA,CAAC,CAAC,CAAC,CAAC,GAAGD,CAAC,CAAC,CAAC,CAAE,CAAC,CACxEG,GAAG,CAAC,CAAC,CAACC,IAAI,CAAC,KAAKA,IAAI,CAAC;EAC1B,CAAC,EAAE,CAAC1B,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEY,SAAS,EAAEH,gBAAgB,CAAC,CAAC;EAEjD,MAAM,CAACkB,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAA1B,eAAQ,EACxCa,aAAa,CAACc,MAAM,GAAG,CAAC,GAAGjD,OAAO,GAAGmC,aAAa,CAAC,CAAC,CAAC,IAAInC,OAC3D,CAAC;EAED,IAAAuB,gBAAS,EAAC,MAAM;IACd,IAAIwB,SAAS,KAAK/C,OAAO,EAAE;IAC3B,IAAImC,aAAa,CAACe,QAAQ,CAACH,SAAS,CAAC,EAAE;IACvCC,YAAY,CACVb,aAAa,CAACc,MAAM,GAAG,CAAC,GAAGjD,OAAO,GAAGmC,aAAa,CAAC,CAAC,CAAC,IAAInC,OAC3D,CAAC;EACH,CAAC,EAAE,CAAC+C,SAAS,EAAEZ,aAAa,CAAC,CAAC;EAE9B,MAAM;IAAEgB,QAAQ;IAAEC,SAAS;IAAEC,kBAAkB;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAClE,IAAAC,4CAAqB,EAAC;IACpBC,aAAa,EAAE,SAAS;IACxBC,WAAW,EAAEvD,SAAS;IACtBwD,KAAK,EAAE,EAAE;IACT,IAAIZ,SAAS,KAAK/C,OAAO,GAAG;MAAE4D,YAAY,EAAEb;IAAU,CAAC,GAAG,CAAC,CAAC;EAC9D,CAAC,CAAC;EAEJ,MAAMc,SAAS,GAAG,IAAAzB,cAAO,EAAC,MAAM;IAC9B,IAAI,CAACtB,aAAa,EAAE,OAAO,IAAI;IAC/B,OAAOqC,QAAQ,CAACW,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,KAAKlD,aAAa,CAAC,IAAI,IAAI;EACjE,CAAC,EAAE,CAACqC,QAAQ,EAAErC,aAAa,CAAC,CAAC;EAE7B,MAAMmD,MAAM,GAAG,IAAA7B,cAAO,EACpB,MAAOyB,SAAS,GAAGV,QAAQ,CAACZ,MAAM,CAAEwB,CAAC,IAAKA,CAAC,KAAKF,SAAS,CAAC,GAAGV,QAAS,EACtE,CAACA,QAAQ,EAAEU,SAAS,CACtB,CAAC;EAED,eAAeK,iBAAiBA,CAAA,EAAG;IACjC,IAAI,CAACL,SAAS,IAAI,CAACzC,cAAc,EAAE;IACnChB,OAAO,CAAC,CAAC;IACT,MAAMY,cAAc,CAAC;MACnBmD,OAAO,EAAE/C,cAAc;MACvBwC,YAAY,EAAEC,SAAS,CAACD;IAC1B,CAAC,CAAC;EACJ;EAEA,MAAMQ,IAAI,GAAG,IAAAhC,cAAO,EAAC,MAAM;IACzB,MAAMiC,IAAkD,GAAG,EAAE;IAC7D,IAAIR,SAAS,EAAEQ,IAAI,CAACC,IAAI,CAAC;MAAEC,OAAO,EAAEV,SAAS;MAAEW,KAAK,EAAE;IAAK,CAAC,CAAC;IAC7D,KAAK,MAAMT,CAAC,IAAIE,MAAM,EAAEI,IAAI,CAACC,IAAI,CAAC;MAAEC,OAAO,EAAER,CAAC;MAAES,KAAK,EAAE;IAAM,CAAC,CAAC;IAC/D,OAAOH,IAAI;EACb,CAAC,EAAE,CAACR,SAAS,EAAEI,MAAM,CAAC,CAAC;;EAEvB;EACA,MAAMQ,QAA6D,GAAG,EAAE;EACxE,MAAMC,UAAU,GAAGvC,aAAa,CAACc,MAAM,KAAK,CAAC,IAAId,aAAa,CAACc,MAAM,GAAG,CAAC;EACzE,IAAIyB,UAAU,EAAE;IACdD,QAAQ,CAACH,IAAI,CAAC;MACZK,KAAK,EAAE3E,OAAO;MACd4E,IAAI,EAAE,GAAG1D,WAAW,IAAI,IAAA2D,gCAAe,EAAC5C,UAAU,CAAC;IACrD,CAAC,CAAC;EACJ;EACA,KAAK,MAAMa,IAAI,IAAIX,aAAa,EAAE;IAChCsC,QAAQ,CAACH,IAAI,CAAC;MACZK,KAAK,EAAE7B,IAAI;MACXgC,IAAI,eAAEC,KAAA,CAAAC,aAAA,CAAClF,cAAA,CAAAmF,aAAa;QAACnC,IAAI,EAAEA,IAAK;QAACoC,IAAI,EAAE;MAAG,CAAE,CAAC;MAC7CN,IAAI,EAAE,GAAG,IAAAC,gCAAe,EAAC9C,WAAW,CAACe,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,CAAC;EACJ;EAEA,oBACEiC,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAgG,IAAI;IACHC,KAAK,EAAE,CACL7E,MAAM,CAAC8E,SAAS,EAChB1E,aAAa,GAAG;MAAE2E,MAAM,EAAE3E;IAAc,CAAC,GAAGJ,MAAM,CAACgF,aAAa;EAChE,gBAEFR,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAgG,IAAI;IAACC,KAAK,EAAE7E,MAAM,CAACiF;EAAQ,GACzBf,QAAQ,CAAC5B,GAAG,CAAE4C,CAAC,IAAK;IACnB,MAAMC,MAAM,GAAG3C,SAAS,KAAK0C,CAAC,CAACd,KAAK;IACpC,oBACEI,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAwG,SAAS;MACRC,GAAG,EAAEH,CAAC,CAACd,KAAM;MACbS,KAAK,EAAE7E,MAAM,CAACsF,GAAI;MAClBC,OAAO,EAAEA,CAAA,KAAM9C,YAAY,CAACyC,CAAC,CAACd,KAAK,CAAE;MACrCoB,iBAAiB,EAAC,KAAK;MACvBC,kBAAkB,EAAE;QAAEC,QAAQ,EAAEP;MAAO;IAAE,gBAEzCX,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAgG,IAAI;MAACC,KAAK,EAAE7E,MAAM,CAAC2F;IAAS,GAC1BT,CAAC,CAACX,IAAI,eACPC,KAAA,CAAAC,aAAA,CAAC1F,WAAA,CAAA6G,UAAU;MACTf,KAAK,EAAE,CACL7E,MAAM,CAAC6F,YAAY,EACnBV,MAAM,GACFnF,MAAM,CAAC8F,kBAAkB,GACzB9F,MAAM,CAAC+F,mBAAmB;IAC9B,GAEDb,CAAC,CAACb,IACO,CACR,CAAC,eACPG,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAgG,IAAI;MACHC,KAAK,EAAE,CACL7E,MAAM,CAACgG,YAAY,EACnBb,MAAM,IAAInF,MAAM,CAACiG,kBAAkB;IACnC,CACH,CACQ,CAAC;EAEhB,CAAC,CACG,CAAC,EAENvE,UAAU,KAAK,CAAC,gBACf8C,KAAA,CAAAC,aAAA,CAACyB,UAAU,MAAE,CAAC,gBAEd1B,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAuH,QAAQ;IACPtB,KAAK,EAAE7E,MAAM,CAACoG,QAAS;IACvB/E,IAAI,EAAEwC,IAAK;IACXwC,YAAY,EAAEA,CAACC,IAAI,EAAEC,KAAK,KACxB,GAAGD,IAAI,CAACtC,OAAO,CAACP,MAAM,IAAI,SAAS,IAAI8C,KAAK,EAC7C;IACDC,UAAU,EAAEA,CAAC;MAAEF;IAAK,CAAC,kBACnB9B,KAAA,CAAAC,aAAA,CAACgC,UAAU;MACTzC,OAAO,EAAEsC,IAAI,CAACtC,OAAQ;MACtBC,KAAK,EAAEqC,IAAI,CAACrC,KAAM;MAClBsB,OAAO,EAAEe,IAAI,CAACrC,KAAK,GAAGN,iBAAiB,GAAGrD;IAAU,CACrD,CACD;IACFoG,qBAAqB,EAAE,GAAI;IAC3BC,YAAY,EAAEA,CAAA,KAAM;MAClB,IAAI5D,OAAO,IAAI,CAACF,SAAS,IAAI,CAACC,kBAAkB,EAAEE,QAAQ,CAAC,CAAC;IAC9D,CAAE;IACF4D,mBAAmB,EACjB9D,kBAAkB,IAAID,SAAS,gBAAG2B,KAAA,CAAAC,aAAA,CAACoC,YAAY;MAAC5E,KAAK,EAAE;IAAE,CAAE,CAAC,GAAG,IAChE;IACD6E,qBAAqB,EAAE9G,MAAM,CAAC8D;EAAK,CACpC,CAEC,CAAC;AAEX;;AAEA;;AAOA,SAAS2C,UAAUA,CAAC;EAAEzC,OAAO;EAAEC,KAAK,GAAG,KAAK;EAAEsB;AAAyB,CAAC,EAAE;EAAA,IAAAwB,aAAA,EAAAC,cAAA,EAAAC,cAAA,EAAAC,cAAA;EACxE,MAAM;IAAElH;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMkH,gBAAgB,GAAG,IAAAvG,uBAAS,EAChC,4CACF,CAAC;EACD,MAAMwG,WAAW,GAAG,EAAAL,aAAA,GAAA/C,OAAO,CAACqD,IAAI,cAAAN,aAAA,uBAAZA,aAAA,CAAcK,WAAW,OAAAJ,cAAA,GAAIhD,OAAO,CAACqD,IAAI,cAAAL,cAAA,uBAAZA,cAAA,CAAcvD,MAAM,KAAI,EAAE;EAC3E,MAAM6D,aAAa,IAAAL,cAAA,GACjBjD,OAAO,CAACqD,IAAI,cAAAJ,cAAA,gBAAAA,cAAA,GAAZA,cAAA,CAAcM,MAAM,cAAAN,cAAA,uBADAA,cAAA,CAEnBO,OAAO;EACV,MAAMC,QAAQ,GAAGH,aAAa,GAC1BI,gCAAc,CAACC,eAAe,CAACL,aAAa,EAAE,OAAO,CAAC,GACtDhH,SAAS;EAEb,oBACEkE,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAwG,SAAS;IACRP,KAAK,EAAE7E,MAAM,CAAC4H,GAAI;IAClBrC,OAAO,EAAEA,OAAQ;IACjBC,iBAAiB,EAAC,QAAQ;IAC1BqC,kBAAkB,EAAE5D,KAAK,GAAGkD,gBAAgB,GAAGC;EAAY,GAE1DpD,OAAO,CAACqD,IAAI,iBACX7C,KAAA,CAAAC,aAAA,CAACxF,OAAA,CAAA6I,MAAM;IACLC,OAAO,EAAEN,QAAQ,GAAG,OAAO,GAAG,MAAO;IACrCO,KAAK,EAAC,SAAS;IACfrD,IAAI,EAAE,EAAG;IACT8C,QAAQ,EAAEA,QAAS;IACnBQ,QAAQ,EAAEb,WAAW,CAACc,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI;EAAI,CAC7D,CACF,eACD5D,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAgG,IAAI;IAACC,KAAK,EAAE7E,MAAM,CAACqI;EAAQ,gBAC1B7D,KAAA,CAAAC,aAAA,CAAC1F,WAAA,CAAA6G,UAAU;IAACmC,OAAO,EAAC,UAAU;IAAClD,KAAK,EAAE7E,MAAM,CAACsI;EAAS,GACnD,EAAApB,cAAA,GAAAlD,OAAO,CAACqD,IAAI,cAAAH,cAAA,uBAAZA,cAAA,CAAcE,WAAW,KAAI,EACpB,CAAC,EACZnD,KAAK,gBACJO,KAAA,CAAAC,aAAA,CAAC1F,WAAA,CAAA6G,UAAU;IAACmC,OAAO,EAAC,SAAS;IAAClD,KAAK,EAAE7E,MAAM,CAACuI;EAAW,GACpDpB,gBACS,CAAC,GACX,IACA,CAAC,eACP3C,KAAA,CAAAC,aAAA,CAAClF,cAAA,CAAAmF,aAAa;IAACnC,IAAI,EAAEyB,OAAO,CAACX,YAAa;IAACsB,IAAI,EAAE;EAAG,CAAE,CAC7C,CAAC;AAEhB;;AAEA;AACA,SAASuB,UAAUA,CAAA,EAAG;EACpB,MAAM;IAAElG,MAAM;IAAEwI;EAAoB,CAAC,GAAG,IAAAvI,iBAAS,EAAC,CAAC;EACnD,MAAMwI,KAAK,GAAG,IAAA7H,uBAAS,EAAC,sCAAsC,CAAC;EAC/D,MAAM8H,WAAW,GAAG,IAAA9H,uBAAS,EAC3B,sCAAsC,EACtC,SACF,CAAC;EACD,oBACE4D,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAgG,IAAI;IAACC,KAAK,EAAE7E,MAAM,CAAC2I;EAAW,gBAC7BnE,KAAA,CAAAC,aAAA,CAAClF,cAAA,CAAAqJ,SAAS;IAACjE,IAAI,EAAE,EAAG;IAACkE,KAAK,EAAEL;EAAoB,CAAE,CAAC,eACnDhE,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAgG,IAAI;IAACC,KAAK,EAAE7E,MAAM,CAAC8I;EAAe,gBACjCtE,KAAA,CAAAC,aAAA,CAAC1F,WAAA,CAAA6G,UAAU;IAACmC,OAAO,EAAC,WAAW;IAAClD,KAAK,EAAE7E,MAAM,CAAC+I;EAAgB,GAC3DN,KACS,CAAC,eACbjE,KAAA,CAAAC,aAAA,CAAC1F,WAAA,CAAA6G,UAAU;IAACmC,OAAO,EAAC,SAAS;IAAClD,KAAK,EAAE7E,MAAM,CAACgJ;EAAsB,GAC/DN,WACS,CACR,CACF,CAAC;AAEX;;AAEA;AACA,SAAS7B,YAAYA,CAAC;EAAE5E;AAAyB,CAAC,EAAE;EAClD,MAAM;IAAEjC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,oBACEuE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAyE,QAAA,QACGC,KAAK,CAACC,IAAI,CAAC;IAAEzG,MAAM,EAAET;EAAM,CAAC,CAAC,CAACK,GAAG,CAAC,CAAC8G,CAAC,EAAEC,CAAC,kBACtC7E,KAAA,CAAAC,aAAA,CAAC7F,YAAA,CAAAgG,IAAI;IAACS,GAAG,EAAEgE,CAAE;IAACxE,KAAK,EAAE7E,MAAM,CAACsJ;EAAY,gBACtC9E,KAAA,CAAAC,aAAA,CAACzF,SAAA,CAAAuK,QAAQ;IAACC,MAAM;IAACC,KAAK,EAAE,EAAG;IAAC1E,MAAM,EAAE;EAAG,CAAE,CAAC,eAC1CP,KAAA,CAAAC,aAAA,CAACzF,SAAA,CAAAuK,QAAQ;IAACE,KAAK,EAAE,GAAI;IAAC1E,MAAM,EAAE,EAAG;IAAC2E,YAAY,EAAE;EAAG,CAAE,CACjD,CACP,CACD,CAAC;AAEP","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactorListSheet/index.js

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

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactorListSheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MessageReactorListSheet","require"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageReactorListSheet/index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactorListSheet/styles.js

@@ -0,0 +1,158 @@
+"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 MessageReactorListSheet — ported from AmityUiKitWeb
+// v4/chat/features/shared/components/MessageReactorListSheet/MessageReactorListSheet.module.css.
+// The web drawer-specific bits (margin 0 -1rem, 90vh min/max-height, desktop
+// 30rem width, vaul drag) are omitted: in RN the @devvie/bottom-sheet host owns
+// height/width/drag, so this renders as flex content inside it. Tab-bar visuals
+// reuse the SoT underlined-tab tokens/geometry (the RN Tab atom can't host an
+// icon+count node label, so the bar is rendered inline — see component note).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    // .messageReactorListSheet
+    // NOTE: no `flex: 1` here. The @devvie sheet wraps our content in an
+    // AUTO-height inner View, so there is no free space for a flex child to grow
+    // into — and in RN `flex: 1` means `flexBasis: 0`, which would then collapse
+    // the container to height 0 (tabs overflow-paint, list vanishes). The
+    // component instead sets an EXPLICIT `height` (contentHeight) from the sheet
+    // height; `containerFill` is only a fallback when that height is unknown.
+    container: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    containerFill: {
+      flex: 1
+    },
+    // Once the container has a definite height, the FlatList CAN flex to fill the
+    // space below the fixed-height tab bar (there is now free space to grow into).
+    flatList: {
+      flex: 1
+    },
+    // .messageReactorListSheet__tabList (underlined: row, gap 20, padding 0 per web sheet)
+    tabList: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 20,
+      paddingHorizontal: 16
+    },
+    // one underlined tab (SoT geometry: height 56, paddingTop 16, gap 14, indicator 2)
+    tab: {
+      flexDirection: 'column',
+      alignItems: 'center',
+      gap: 14,
+      height: 56,
+      paddingTop: 16,
+      backgroundColor: 'transparent'
+    },
+    // .messageReactorListSheet__tabLabel
+    tabLabel: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 8
+    },
+    tabLabelText: {
+      fontSize: 17,
+      lineHeight: 24
+    },
+    // underlined-tab label colours/weights (SoT Text/Tab/Underlined tokens)
+    tabLabelTextActive: {
+      fontWeight: '600',
+      color: token(_amityColorTokens.AmityColorToken.TextTabUnderlinedActive)
+    },
+    tabLabelTextDefault: {
+      fontWeight: '400',
+      color: token(_amityColorTokens.AmityColorToken.TextTabUnderlinedDefault)
+    },
+    tabIndicator: {
+      width: '100%',
+      height: 2,
+      backgroundColor: 'transparent'
+    },
+    tabIndicatorActive: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.LineTabUnderlinedActive)
+    },
+    // .messageReactorListSheet__list
+    list: {
+      flex: 1,
+      paddingTop: 8,
+      paddingBottom: 48
+    },
+    // .messageReactorListSheet__row
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      width: '100%',
+      height: 56,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      backgroundColor: 'transparent'
+    },
+    // .messageReactorListSheet__rowText
+    rowText: {
+      flex: 1,
+      flexDirection: 'column',
+      alignItems: 'flex-start',
+      minWidth: 0
+    },
+    // .messageReactorListSheet__rowTitle
+    rowTitle: {
+      color: token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    // .messageReactorListSheet__rowCaption
+    rowCaption: {
+      color: token(_amityColorTokens.AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    // .messageReactorListSheet__emptyState
+    emptyState: {
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 16,
+      paddingTop: 48,
+      paddingHorizontal: 24,
+      paddingBottom: 24,
+      width: '100%'
+    },
+    // .messageReactorListSheet__emptyStateText
+    emptyStateText: {
+      flexDirection: 'column',
+      alignItems: 'center'
+    },
+    // .messageReactorListSheet__emptyStateTitle
+    emptyStateTitle: {
+      color: token(_amityColorTokens.AmityColorToken.TextEmptyStateTitleDefault)
+    },
+    // .messageReactorListSheet__emptyStateDescription
+    emptyStateDescription: {
+      color: token(_amityColorTokens.AmityColorToken.TextEmptyStateDescriptionDefault)
+    },
+    // skeleton row line (web Skeleton.Line 8.75rem × 0.625rem, radius 0.75rem)
+    skeletonRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      height: 56,
+      paddingVertical: 8,
+      paddingHorizontal: 16
+    }
+  });
+
+  // Empty-state SmilePlus glyph colour — web `--asc-color-icon-emptystate-icon-default`.
+  const emptyStateIconColor = token(_amityColorTokens.AmityColorToken.IconEmptyStateIconDefault);
+  return {
+    styles,
+    emptyStateIconColor
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactorListSheet/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","container","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","containerFill","flex","flatList","tabList","flexDirection","alignItems","gap","paddingHorizontal","tab","height","paddingTop","tabLabel","justifyContent","tabLabelText","fontSize","lineHeight","tabLabelTextActive","fontWeight","color","TextTabUnderlinedActive","tabLabelTextDefault","TextTabUnderlinedDefault","tabIndicator","width","tabIndicatorActive","LineTabUnderlinedActive","list","paddingBottom","row","paddingVertical","rowText","minWidth","rowTitle","TextListHeaderDefaultDefault","rowCaption","TextListTextDescriptionDefaultDefault","emptyState","emptyStateText","emptyStateTitle","TextEmptyStateTitleDefault","emptyStateDescription","TextEmptyStateDescriptionDefault","skeletonRow","emptyStateIconColor","IconEmptyStateIconDefault","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageReactorListSheet/styles.ts"],"mappings":"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","ignoreList":[]}