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

package/lib/module/chat/features/shared/components/MessageLinkPreview/useLinkPreview.js

@@ -0,0 +1,70 @@
+// useLinkPreview — RN replacement for the web `usePreviewLink` hook.
+// Web resolves OpenGraph metadata via a react-query hook; RN uses the SDK's
+// `Client.getLinkPreviewMetadata(url)`. Web's debounce/refetch flags collapse to
+// a single `isLoading`.
+//
+// Both SDKs return the `/api/v1/link-preview` payload
+// VERBATIM — neither maps its fields. Web therefore normalises the raw payload in
+// v4/utils/previewLink.ts#getLinkPreviewMetadata:
+//   `{ ...data, title: data.title || '', imageUrl: data.image || '', domain: ... }`
+// i.e. the API delivers the thumbnail under `image`, and web renames it to
+// `imageUrl`. The RN port skipped that normalisation and read `data.imageUrl`
+// straight off the raw payload — always `undefined` — so `hasUsableImage` was
+// false for every link and the card always fell back to the broken-image glyph.
+// (The RN SDK's hand-written `Amity.LinkPreviewMetadata` d.ts declares `imageUrl`,
+// which is why the mismatch type-checked; the runtime object never carries it.)
+// We normalise here, exactly as web does, reading `image` and keeping `imageUrl`
+// as a forward-compatible fallback should the SDK ever align with its own types.
+
+import { useEffect, useState } from 'react';
+import { Client } from '@amityco/ts-sdk-react-native';
+
+/** Normalised shape the component consumes (mirrors web's PreviewMetadataCacheType). */
+
+/** The raw `/api/v1/link-preview` payload, as both SDKs hand it back untouched. */
+
+// Web: getLinkPreviewMetadata() in v4/utils/previewLink.ts.
+function normalizeLinkPreview(raw) {
+  return {
+    title: raw.title || '',
+    description: raw.description || '',
+    domain: raw.domain || '',
+    imageUrl: raw.image || raw.imageUrl || ''
+  };
+}
+export function useLinkPreview(url) {
+  const [data, setData] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isError, setIsError] = useState(false);
+  useEffect(() => {
+    let active = true;
+    if (url) {
+      setIsLoading(true);
+      setIsError(false);
+      Client.getLinkPreviewMetadata(url).then(result => {
+        if (active) setData(normalizeLinkPreview(result));
+      }).catch(() => {
+        if (active) setIsError(true);
+      }).finally(() => {
+        if (active) setIsLoading(false);
+      });
+    } else {
+      setData(null);
+    }
+    return () => {
+      active = false;
+    };
+  }, [url]);
+  return {
+    data,
+    isLoading,
+    isError
+  };
+}
+
+// Fallback host extractor (web used chat/utils/previewLink#getHostName). Avoids
+// the URL/whatwg polyfill, which RN lacks.
+export function getHostName(url) {
+  return url.replace(/^https?:\/\//i, '').replace(/^www\./i, '').split(/[/?#]/)[0] ?? '';
+}
+//# sourceMappingURL=useLinkPreview.js.map

package/lib/module/chat/features/shared/components/MessageLinkPreview/useLinkPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Client","normalizeLinkPreview","raw","title","description","domain","imageUrl","image","useLinkPreview","url","data","setData","isLoading","setIsLoading","isError","setIsError","active","getLinkPreviewMetadata","then","result","catch","finally","getHostName","replace","split"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageLinkPreview/useLinkPreview.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,MAAM,QAAQ,8BAA8B;;AAErD;;AAQA;;AAWA;AACA,SAASC,oBAAoBA,CAACC,GAA2B,EAAqB;EAC5E,OAAO;IACLC,KAAK,EAAED,GAAG,CAACC,KAAK,IAAI,EAAE;IACtBC,WAAW,EAAEF,GAAG,CAACE,WAAW,IAAI,EAAE;IAClCC,MAAM,EAAEH,GAAG,CAACG,MAAM,IAAI,EAAE;IACxBC,QAAQ,EAAEJ,GAAG,CAACK,KAAK,IAAIL,GAAG,CAACI,QAAQ,IAAI;EACzC,CAAC;AACH;AAEA,OAAO,SAASE,cAAcA,CAACC,GAAW,EAAE;EAC1C,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGZ,QAAQ,CAA2B,IAAI,CAAC;EAChE,MAAM,CAACa,SAAS,EAAEC,YAAY,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACe,OAAO,EAAEC,UAAU,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAE7CD,SAAS,CAAC,MAAM;IACd,IAAIkB,MAAM,GAAG,IAAI;IACjB,IAAIP,GAAG,EAAE;MACPI,YAAY,CAAC,IAAI,CAAC;MAClBE,UAAU,CAAC,KAAK,CAAC;MAEff,MAAM,CAACiB,sBAAsB,CAC3BR,GACF,CAAC,CAEAS,IAAI,CAAEC,MAAM,IAAK;QAChB,IAAIH,MAAM,EAAEL,OAAO,CAACV,oBAAoB,CAACkB,MAAM,CAAC,CAAC;MACnD,CAAC,CAAC,CACDC,KAAK,CAAC,MAAM;QACX,IAAIJ,MAAM,EAAED,UAAU,CAAC,IAAI,CAAC;MAC9B,CAAC,CAAC,CACDM,OAAO,CAAC,MAAM;QACb,IAAIL,MAAM,EAAEH,YAAY,CAAC,KAAK,CAAC;MACjC,CAAC,CAAC;IACN,CAAC,MAAM;MACLF,OAAO,CAAC,IAAI,CAAC;IACf;IACA,OAAO,MAAM;MACXK,MAAM,GAAG,KAAK;IAChB,CAAC;EACH,CAAC,EAAE,CAACP,GAAG,CAAC,CAAC;EAET,OAAO;IAAEC,IAAI;IAAEE,SAAS;IAAEE;EAAQ,CAAC;AACrC;;AAEA;AACA;AACA,OAAO,SAASQ,WAAWA,CAACb,GAAW,EAAU;EAC/C,OACEA,GAAG,CACAc,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAC5BA,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CACtBC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;AAE9B","ignoreList":[]}

package/lib/module/chat/features/shared/components/MessageReactionBadge/MessageReactionBadge.js

@@ -0,0 +1,59 @@
+// MessageReactionBadge — RN port of AmityUiKitWeb
+// v4/chat/features/shared/components/MessageReactionBadge/MessageReactionBadge.tsx.
+// The small reaction-count pill shown on a message bubble: up to 3 overlapping
+// reaction glyphs (highest count first) + the abbreviated total. Tapping it
+// opens the reactor list. Hidden when there are no reactions or the message is
+// deleted. `data-contains-my-reaction` (web) → the `containsMyReaction` styling.
+
+// 1. React / RN imports
+import { useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+
+// 2. Internal imports
+import { Typography } from '../../../../../core/design/components/Typography';
+import { abbreviateCount } from '../../../../../core/utils/abbreviateCount';
+import { ReactionGlyph } from '../../utils/reactionIcons';
+import { useStyles } from './styles';
+
+// Web imports this from v4/chat/constants (MAX_REACTION_BADGE_ICONS = 3).
+const MAX_REACTION_BADGE_ICONS = 3;
+
+// 3. Types
+
+// 4. Named function component
+export function MessageReactionBadge({
+  message,
+  onTap
+}) {
+  var _message$myReactions;
+  const reactionMap = message.reactions ?? {};
+  const totalCount = message.reactionsCount ?? 0;
+  const containsMyReaction = (((_message$myReactions = message.myReactions) === null || _message$myReactions === void 0 ? void 0 : _message$myReactions.length) ?? 0) > 0;
+  const {
+    styles
+  } = useStyles(containsMyReaction);
+  const sortedNames = useMemo(() => {
+    return Object.entries(reactionMap).filter(([, count]) => count > 0).sort((a, b) => a[1] === b[1] ? a[0].localeCompare(b[0]) : b[1] - a[1]).slice(0, MAX_REACTION_BADGE_ICONS).map(([name]) => name);
+  }, [message.reactions]);
+  if (totalCount === 0 || message.isDeleted) return null;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.container,
+    onPress: onTap,
+    accessibilityRole: "button",
+    accessibilityLabel: `View ${totalCount} reactions`
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.stack
+  }, sortedNames.map((name, index) => /*#__PURE__*/React.createElement(View, {
+    key: `${name}-${index}`,
+    style: [styles.icon, {
+      zIndex: MAX_REACTION_BADGE_ICONS - index
+    }]
+  }, /*#__PURE__*/React.createElement(ReactionGlyph, {
+    name: name,
+    size: 18
+  })))), /*#__PURE__*/React.createElement(Typography, {
+    variant: "captionBold",
+    style: styles.count
+  }, abbreviateCount(totalCount)));
+}
+//# sourceMappingURL=MessageReactionBadge.js.map

package/lib/module/chat/features/shared/components/MessageReactionBadge/MessageReactionBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Pressable","View","Typography","abbreviateCount","ReactionGlyph","useStyles","MAX_REACTION_BADGE_ICONS","MessageReactionBadge","message","onTap","_message$myReactions","reactionMap","reactions","totalCount","reactionsCount","containsMyReaction","myReactions","length","styles","sortedNames","Object","entries","filter","count","sort","a","b","localeCompare","slice","map","name","isDeleted","React","createElement","style","container","onPress","accessibilityRole","accessibilityLabel","stack","index","key","icon","zIndex","size","variant"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReactionBadge/MessageReactionBadge.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;;AAE9C;AACA,SAASC,UAAU,QAAQ,kDAAkD;AAC7E,SAASC,eAAe,QAAQ,2CAA2C;AAC3E,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,SAAS,QAAQ,UAAU;;AAEpC;AACA,MAAMC,wBAAwB,GAAG,CAAC;;AAElC;;AAMA;AACA,OAAO,SAASC,oBAAoBA,CAAC;EACnCC,OAAO;EACPC;AACyB,CAAC,EAAE;EAAA,IAAAC,oBAAA;EAC5B,MAAMC,WAAW,GACdH,OAAO,CAACI,SAAS,IAA2C,CAAC,CAAC;EACjE,MAAMC,UAAU,GAAGL,OAAO,CAACM,cAAc,IAAI,CAAC;EAC9C,MAAMC,kBAAkB,GAAG,CAAC,EAAAL,oBAAA,GAAAF,OAAO,CAACQ,WAAW,cAAAN,oBAAA,uBAAnBA,oBAAA,CAAqBO,MAAM,KAAI,CAAC,IAAI,CAAC;EAEjE,MAAM;IAAEC;EAAO,CAAC,GAAGb,SAAS,CAACU,kBAAkB,CAAC;EAEhD,MAAMI,WAAW,GAAGpB,OAAO,CAAC,MAAM;IAChC,OAAOqB,MAAM,CAACC,OAAO,CAACV,WAAW,CAAC,CAC/BW,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,KAAK,CAAC,CAAC,EAAEtB,wBAAwB,CAAC,CAClCuB,GAAG,CAAC,CAAC,CAACC,IAAI,CAAC,KAAKA,IAAI,CAAC;EAC1B,CAAC,EAAE,CAACtB,OAAO,CAACI,SAAS,CAAC,CAAC;EAEvB,IAAIC,UAAU,KAAK,CAAC,IAAIL,OAAO,CAACuB,SAAS,EAAE,OAAO,IAAI;EAEtD,oBACEC,KAAA,CAAAC,aAAA,CAACjC,SAAS;IACRkC,KAAK,EAAEhB,MAAM,CAACiB,SAAU;IACxBC,OAAO,EAAE3B,KAAM;IACf4B,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,QAAQzB,UAAU;EAAa,gBAEnDmB,KAAA,CAAAC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEhB,MAAM,CAACqB;EAAM,GACvBpB,WAAW,CAACU,GAAG,CAAC,CAACC,IAAI,EAAEU,KAAK,kBAC3BR,KAAA,CAAAC,aAAA,CAAChC,IAAI;IACHwC,GAAG,EAAE,GAAGX,IAAI,IAAIU,KAAK,EAAG;IACxBN,KAAK,EAAE,CAAChB,MAAM,CAACwB,IAAI,EAAE;MAAEC,MAAM,EAAErC,wBAAwB,GAAGkC;IAAM,CAAC;EAAE,gBAGnER,KAAA,CAAAC,aAAA,CAAC7B,aAAa;IAAC0B,IAAI,EAAEA,IAAK;IAACc,IAAI,EAAE;EAAG,CAAE,CAClC,CACP,CACG,CAAC,eACPZ,KAAA,CAAAC,aAAA,CAAC/B,UAAU;IAAC2C,OAAO,EAAC,aAAa;IAACX,KAAK,EAAEhB,MAAM,CAACK;EAAM,GACnDpB,eAAe,CAACU,UAAU,CACjB,CACH,CAAC;AAEhB","ignoreList":[]}

package/lib/module/chat/features/shared/components/MessageReactionBadge/index.js

@@ -0,0 +1,2 @@
+export { MessageReactionBadge } from './MessageReactionBadge';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MessageReactionBadge"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReactionBadge/index.tsx"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/chat/features/shared/components/MessageReactionBadge/styles.js

@@ -0,0 +1,60 @@
+// Styles for MessageReactionBadge — ported from AmityUiKitWeb
+// v4/chat/features/shared/components/MessageReactionBadge/MessageReactionBadge.module.css.
+// rem→px ×16. Colours resolve through AmityColorToken.
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+export const useStyles = containsMyReaction => {
+  const token = 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(AmityColorToken.SurfaceReactionsReactionCountActive) : token(AmityColorToken.SurfaceReactionsReactionCountDefault);
+  const border = containsMyReaction ? token(AmityColorToken.BorderReactionReactionCountActive) : token(AmityColorToken.BorderReactionReactionCountDefault);
+  const countColor = containsMyReaction ? token(AmityColorToken.TextReactionsChatReactionCountActive) : token(AmityColorToken.TextReactionsChatReactionCountDefault);
+  const styles = 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(AmityColorToken.BorderReactionReactionAtomDefault)
+    },
+    // .messageReactionBadge__count
+    count: {
+      fontSize: 13,
+      lineHeight: 18,
+      color: countColor
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","containsMyReaction","token","surface","SurfaceReactionsReactionCountActive","SurfaceReactionsReactionCountDefault","border","BorderReactionReactionCountActive","BorderReactionReactionCountDefault","countColor","TextReactionsChatReactionCountActive","TextReactionsChatReactionCountDefault","styles","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"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReactionBadge/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;AACpE,SAASC,eAAe,QAAQ,sDAAsD;AAEtF,OAAO,MAAMC,SAAS,GAAIC,kBAA2B,IAAK;EACxD,MAAMC,KAAK,GAAGJ,QAAQ,CAAC,CAAC;;EAExB;EACA;EACA;EACA,MAAMK,OAAO,GAAGF,kBAAkB,GAC9BC,KAAK,CAACH,eAAe,CAACK,mCAAmC,CAAC,GAC1DF,KAAK,CAACH,eAAe,CAACM,oCAAoC,CAAC;EAC/D,MAAMC,MAAM,GAAGL,kBAAkB,GAC7BC,KAAK,CAACH,eAAe,CAACQ,iCAAiC,CAAC,GACxDL,KAAK,CAACH,eAAe,CAACS,kCAAkC,CAAC;EAC7D,MAAMC,UAAU,GAAGR,kBAAkB,GACjCC,KAAK,CAACH,eAAe,CAACW,oCAAoC,CAAC,GAC3DR,KAAK,CAACH,eAAe,CAACY,qCAAqC,CAAC;EAEhE,MAAMC,MAAM,GAAGf,UAAU,CAACgB,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,EAAElB,MAAM;MACnBmB,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEvB;IACnB,CAAC;IACD;IACAwB,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,EAAExB,KAAK,CAACH,eAAe,CAACkC,iCAAiC;IAC1E,CAAC;IACD;IACAC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAE5B;IACT;EACF,CAAC,CAAC;EAEF,OAAO;IAAEG;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/chat/features/shared/components/MessageReactorListSheet/MessageReactorListSheet.js

@@ -0,0 +1,317 @@
+// 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
+import { useEffect, useMemo, useState } from 'react';
+import { FlatList, Pressable, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { FileRepository, MessageRepository } from '@amityco/ts-sdk-react-native';
+
+// 2. Internal imports
+import { Typography } from '../../../../../core/design/components/Typography';
+import { Skeleton } from '../../../../../core/design/components/Skeleton';
+import { Avatar } from '../../../../../core/design/atoms/Avatar';
+import { BrandBadge } from '../../../../../core/design/elements/BrandBadge';
+import { useString } from '../../../../../core/localization';
+import { LIST_SKELETON_ROW_COUNT } from '../../../../constants';
+import { abbreviateCount } from '../../../../../core/utils/abbreviateCount';
+import { useCurrentUserId } from '../../../../hooks/useCurrentUserId';
+import { useMessageReactions } from '../../hooks/useMessageReactions';
+import { useReactorsCollection } from '../../hooks/useReactorsCollection';
+import { FaceEyesXmarks, ReactionGlyph, SmilePlus } from '../../utils/reactionIcons';
+import { useStyles } from './styles';
+
+// 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
+export function MessageReactorListSheet({
+  messageId,
+  onClose,
+  initialMessage = null,
+  sheetHeight
+}) {
+  const {
+    styles
+  } = useStyles();
+  const insets = useSafeAreaInsets();
+  // The content area the @devvie sheet actually gives our children.
+  const contentHeight = sheetHeight ? sheetHeight - DRAG_HANDLE_HEIGHT - insets.bottom : undefined;
+  const currentUserId = useCurrentUserId();
+  const {
+    removeReaction
+  } = useMessageReactions();
+  const allTabLabel = useString('amity_chat_tab_all');
+
+  // Live message (web useMessageObject), seeded from the tapped message.
+  const [currentMessage, setCurrentMessage] = useState(initialMessage);
+  useEffect(() => {
+    const unsubscribe = 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 = 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] = useState(distinctNames.length > 1 ? ALL_TAB : distinctNames[0] ?? ALL_TAB);
+  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
+  } = useReactorsCollection({
+    referenceType: 'message',
+    referenceId: messageId,
+    limit: 25,
+    ...(activeTab !== ALL_TAB ? {
+      reactionName: activeTab
+    } : {})
+  });
+  const myReactor = useMemo(() => {
+    if (!currentUserId) return null;
+    return reactors.find(r => r.userId === currentUserId) ?? null;
+  }, [reactors, currentUserId]);
+  const others = 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 = 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()`).
+  //
+  // The "All" tab only earns its place when there is more than one reaction to
+  // filter between. With a single distinct reaction its tab and the All tab
+  // would list the same people; with none there is nothing to filter at all, and
+  // an "All 0" tab above the empty state just labels the emptiness twice. The
+  // per-reaction loop below already renders nothing in that case, so an empty
+  // list here means the bar is dropped entirely rather than reserving its row.
+  const tabItems = [];
+  const showAllTab = distinctNames.length > 1;
+  if (showAllTab) {
+    tabItems.push({
+      value: ALL_TAB,
+      text: `${allTabLabel} ${abbreviateCount(totalCount)}`
+    });
+  }
+  for (const name of distinctNames) {
+    tabItems.push({
+      value: name,
+      icon: /*#__PURE__*/React.createElement(ReactionGlyph, {
+        name: name,
+        size: 20
+      }),
+      text: `${abbreviateCount(reactionMap[name] ?? 0)}`
+    });
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, contentHeight ? {
+      height: contentHeight
+    } : styles.containerFill]
+  }, tabItems.length > 0 ? /*#__PURE__*/React.createElement(View, {
+    style: styles.tabList
+  }, tabItems.map(t => {
+    const active = activeTab === t.value;
+    return /*#__PURE__*/React.createElement(Pressable, {
+      key: t.value,
+      style: styles.tab,
+      onPress: () => setActiveTab(t.value),
+      accessibilityRole: "tab",
+      accessibilityState: {
+        selected: active
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.tabLabel
+    }, t.icon, /*#__PURE__*/React.createElement(Typography, {
+      style: [styles.tabLabelText, active ? styles.tabLabelTextActive : styles.tabLabelTextDefault]
+    }, t.text)), /*#__PURE__*/React.createElement(View, {
+      style: [styles.tabIndicator, active && styles.tabIndicatorActive]
+    }));
+  })) : null, isMessageDeleted ? /*#__PURE__*/React.createElement(MessageUnavailableState, null) : totalCount === 0 ? /*#__PURE__*/React.createElement(EmptyState, null) : /*#__PURE__*/React.createElement(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:
+    // Web renders LIST_SKELETON_ROW_COUNT (9) rows here, which
+    // is what fills the sheet's visible area. The port hardcoded 3, so
+    // the first page showed three rows and left the rest of the sheet
+    // blank. RN already carries the same constant — use it.
+    isLoadingFirstPage || isLoading ? /*#__PURE__*/React.createElement(SkeletonRows, {
+      count: LIST_SKELETON_ROW_COUNT
+    }) : null,
+    contentContainerStyle: styles.list
+  }));
+}
+
+// --- Reactor row -------------------------------------------------------------
+
+function ReactorRow({
+  reactor,
+  isOwn = false,
+  onPress
+}) {
+  var _reactor$user, _reactor$user2, _reactor$user3, _reactor$user4, _reactor$user5;
+  const {
+    styles
+  } = useStyles();
+  const tapToRemoveLabel = 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 ? FileRepository.fileUrlWithSize(avatarFileUrl, 'small') : undefined;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.row,
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: isOwn ? tapToRemoveLabel : displayName
+  }, reactor.user && /*#__PURE__*/React.createElement(Avatar, {
+    variant: imageUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: 32,
+    imageUrl: imageUrl,
+    initials: displayName.trim().charAt(0).toUpperCase() || '?'
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.rowText
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.rowTitleRow
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "bodyBold",
+    style: styles.rowTitle,
+    numberOfLines: 1
+  }, ((_reactor$user4 = reactor.user) === null || _reactor$user4 === void 0 ? void 0 : _reactor$user4.displayName) ?? ''), (_reactor$user5 = reactor.user) !== null && _reactor$user5 !== void 0 && _reactor$user5.isBrand ? /*#__PURE__*/React.createElement(BrandBadge, {
+    accessibilityLabel: "Brand"
+  }) : null), isOwn ? /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.rowCaption
+  }, tapToRemoveLabel) : null), /*#__PURE__*/React.createElement(ReactionGlyph, {
+    name: reactor.reactionName,
+    size: 24
+  }));
+}
+
+// --- Empty state -------------------------------------------------------------
+function EmptyState() {
+  const {
+    styles,
+    emptyStateIconColor
+  } = useStyles();
+  const title = useString('amity_common_button_no_reactions_yet');
+  const description = useString('amity_common_label_be_first_to_react', 'message');
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.emptyState
+  }, /*#__PURE__*/React.createElement(SmilePlus, {
+    size: 48,
+    color: emptyStateIconColor
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.emptyStateText
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "titleBold",
+    style: styles.emptyStateTitle
+  }, title), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.emptyStateDescription
+  }, description)));
+}
+
+// Deleted-message state (web MessageUnavailableState).
+function MessageUnavailableState() {
+  const {
+    styles,
+    emptyStateIconColor
+  } = useStyles();
+  const title = useString('amity_common_button_unable_to_load_reactions');
+  const description = useString('amity_common_button_reactions_not_available', 'message');
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.emptyState
+  }, /*#__PURE__*/React.createElement(FaceEyesXmarks, {
+    size: 64,
+    color: emptyStateIconColor
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.emptyStateText
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "titleBold",
+    style: styles.emptyStateTitle
+  }, title), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.emptyStateDescription
+  }, description)));
+}
+
+// --- Skeleton rows -----------------------------------------------------------
+function SkeletonRows({
+  count
+}) {
+  const {
+    styles
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, Array.from({
+    length: count
+  }).map((_, i) => /*#__PURE__*/React.createElement(View, {
+    key: i,
+    style: styles.skeletonRow
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    circle: true,
+    width: 40,
+    height: 40
+  }), /*#__PURE__*/React.createElement(Skeleton, {
+    width: 140,
+    height: 10,
+    borderRadius: 12
+  }))));
+}
+//# sourceMappingURL=MessageReactorListSheet.js.map

package/lib/module/chat/features/shared/components/MessageReactorListSheet/MessageReactorListSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useState","FlatList","Pressable","View","useSafeAreaInsets","FileRepository","MessageRepository","Typography","Skeleton","Avatar","BrandBadge","useString","LIST_SKELETON_ROW_COUNT","abbreviateCount","useCurrentUserId","useMessageReactions","useReactorsCollection","FaceEyesXmarks","ReactionGlyph","SmilePlus","useStyles","ALL_TAB","DRAG_HANDLE_HEIGHT","MessageReactorListSheet","messageId","onClose","initialMessage","sheetHeight","styles","insets","contentHeight","bottom","undefined","currentUserId","removeReaction","allTabLabel","currentMessage","setCurrentMessage","unsubscribe","getMessage","result","data","isMessageDeleted","isDeleted","reactionMap","reactions","totalCount","reactionsCount","distinctNames","Object","entries","filter","count","sort","a","b","localeCompare","map","name","activeTab","setActiveTab","length","includes","reactors","isLoading","isLoadingFirstPage","hasMore","loadMore","referenceType","referenceId","limit","reactionName","myReactor","find","r","userId","others","handleOwnRowPress","message","rows","list","push","reactor","isOwn","tabItems","showAllTab","value","text","icon","React","createElement","size","style","container","height","containerFill","tabList","t","active","key","tab","onPress","accessibilityRole","accessibilityState","selected","tabLabel","tabLabelText","tabLabelTextActive","tabLabelTextDefault","tabIndicator","tabIndicatorActive","MessageUnavailableState","EmptyState","flatList","keyExtractor","item","index","renderItem","ReactorRow","onEndReachedThreshold","onEndReached","ListFooterComponent","SkeletonRows","contentContainerStyle","_reactor$user","_reactor$user2","_reactor$user3","_reactor$user4","_reactor$user5","tapToRemoveLabel","displayName","user","avatarFileUrl","avatar","fileUrl","imageUrl","fileUrlWithSize","row","accessibilityLabel","variant","shape","initials","trim","charAt","toUpperCase","rowText","rowTitleRow","rowTitle","numberOfLines","isBrand","rowCaption","emptyStateIconColor","title","description","emptyState","color","emptyStateText","emptyStateTitle","emptyStateDescription","Fragment","Array","from","_","i","skeletonRow","circle","width","borderRadius"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReactorListSheet/MessageReactorListSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/features/shared/components/MessageReactorListSheet/index.js

@@ -0,0 +1,2 @@
+export { MessageReactorListSheet } from './MessageReactorListSheet';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MessageReactorListSheet"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReactorListSheet/index.tsx"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,2BAA2B","ignoreList":[]}