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

package/lib/module/social/features/chat/features/group/chat/GroupChat.js

@@ -0,0 +1,126 @@
+// GroupChat — the group conversation container, ported from AmityUiKitWeb
+// group/chat/GroupChat. Same shared thread infra as the 1-1 Chat (MessageList,
+// composer, viewers, action menu, see-more), driven by useGroupChat. Adds a group
+// Header (→ settings) and a banned empty-state branch.
+
+import { Dimensions, KeyboardAvoidingView, Platform, View } from 'react-native';
+import { useBottomSheet } from '../../../../../../core/stores/slices/bottomSheetSlice';
+import { AmityMessageComposer } from '../../../components/AmityMessageComposer';
+import { ImageViewer } from '../../shared/components/ImageViewer';
+import { VideoPlayer } from '../../shared/components/VideoPlayer';
+import { MessageFullTextScreen } from '../../shared/components/MessageFullTextScreen';
+import { ContentReportReason } from '../../shared/components/ContentReportReason';
+import { MessageReactorListSheet } from '../../shared/components/MessageReactorListSheet';
+import { MutedBanner } from '../../shared/components/MutedBanner';
+import { MessageList } from '../../conversation/components/MessageList';
+import { Header } from './components/Header';
+import { BannedEmptyState } from './components/BannedEmptyState';
+import { useGroupChat } from './hooks/useGroupChat';
+import { useStyles } from './styles';
+export function GroupChat({
+  channelId,
+  isJustCreated,
+  onBack
+}) {
+  const {
+    styles
+  } = useStyles();
+  const c = useGroupChat({
+    channelId,
+    isJustCreated
+  });
+  // Reactor-list sheet — RN MOBILE ADAPTATION: push the reactor list into the
+  // repo's global @devvie bottom sheet so it slides up as a sheet with a backdrop
+  // + drag/tap-to-close (BUG #15).
+  const {
+    openBottomSheet,
+    closeBottomSheet
+  } = useBottomSheet();
+  function openReactorList(message) {
+    // Tall drawer — web presents this list in a ~90vh drawer. The sheet content
+    // needs an explicit height (see MessageReactorListSheet: @devvie's inner
+    // wrapper is auto-height, so a flex child collapses), so pass it down too.
+    const reactorSheetHeight = Math.round(Dimensions.get('window').height * 0.7);
+    openBottomSheet({
+      height: reactorSheetHeight,
+      content: /*#__PURE__*/React.createElement(MessageReactorListSheet, {
+        messageId: message.messageId,
+        initialMessage: message,
+        onClose: closeBottomSheet,
+        sheetHeight: reactorSheetHeight
+      })
+    });
+  }
+  if (c.isBanned) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Header, {
+      variant: "banned",
+      channel: c.channel,
+      channelDisplayName: c.channelDisplayName,
+      onBack: onBack,
+      onOpenSettings: c.handleOpenSettings
+    }), /*#__PURE__*/React.createElement(BannedEmptyState, null));
+  }
+  return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    style: styles.container,
+    behavior: Platform.OS === 'ios' ? 'padding' : undefined
+  }, /*#__PURE__*/React.createElement(Header, {
+    channel: c.channel,
+    channelDisplayName: c.channelDisplayName,
+    onBack: onBack,
+    onOpenSettings: c.handleOpenSettings
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(MessageList, {
+    items: c.items,
+    currentUserId: c.currentUserId,
+    isGroupChat: true,
+    hasMore: c.hasMore,
+    onLoadMore: c.loadMore,
+    atBottom: c.atBottom,
+    onAtBottomChange: c.setAtBottom,
+    newMessage: c.newMessage,
+    onClearNewMessage: c.clearNewMessage,
+    onOpenImage: c.openImageViewer,
+    onOpenVideo: c.openVideoPlayer,
+    onOpenFailedSheet: c.openFailedSheet,
+    onOpenBubbleMenu: c.openBubbleMenu,
+    onOpenReactorList: m => openReactorList(m),
+    isLoading: c.isLoading,
+    isLoadingFirstPage: c.isLoadingFirstPage,
+    onSeeMore: c.openSeeMore,
+    pendingUploads: c.composer.pendingUploads
+    // PDT-4155 (web PR 1818): only group channels have moderators, so web
+    // threads isModerator from useGroupChat and the 1:1 Chat does not.
+    ,
+    viewerIsModerator: c.isModerator,
+    bubbleHandlers: {
+      onEdit: c.handleBubbleEdit,
+      onReply: c.handleBubbleReply,
+      onDelete: c.handleBubbleDelete,
+      onCopy: c.handleBubbleCopy,
+      onSave: c.handleBubbleSave,
+      onReport: c.handleBubbleReport
+    }
+  })), c.showMutedBanner ? /*#__PURE__*/React.createElement(MutedBanner, {
+    variant: c.mutedVariant
+  }) : /*#__PURE__*/React.createElement(AmityMessageComposer, {
+    composer: c.composer,
+    onOpenSeeMore: c.openSeeMore,
+    onOpenImage: c.openImageViewer,
+    onOpenVideo: c.openVideoPlayer
+  }), c.imageViewerProps ? /*#__PURE__*/React.createElement(ImageViewer, c.imageViewerProps) : null, c.videoPlayerProps ? /*#__PURE__*/React.createElement(VideoPlayer, c.videoPlayerProps) : null, c.seeMore ? /*#__PURE__*/React.createElement(MessageFullTextScreen, {
+    visible: true,
+    text: c.seeMore.text,
+    title: c.seeMore.title,
+    onClose: c.closeSeeMore
+  }) : null, c.reportMessage ? /*#__PURE__*/React.createElement(ContentReportReason, {
+    visible: true,
+    message: c.reportMessage,
+    onClose: c.closeReport
+  }) : null);
+}
+//# sourceMappingURL=GroupChat.js.map

package/lib/module/social/features/chat/features/group/chat/GroupChat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","KeyboardAvoidingView","Platform","View","useBottomSheet","AmityMessageComposer","ImageViewer","VideoPlayer","MessageFullTextScreen","ContentReportReason","MessageReactorListSheet","MutedBanner","MessageList","Header","BannedEmptyState","useGroupChat","useStyles","GroupChat","channelId","isJustCreated","onBack","styles","c","openBottomSheet","closeBottomSheet","openReactorList","message","reactorSheetHeight","Math","round","get","height","content","React","createElement","messageId","initialMessage","onClose","sheetHeight","isBanned","style","container","variant","channel","channelDisplayName","onOpenSettings","handleOpenSettings","behavior","OS","undefined","flex","items","currentUserId","isGroupChat","hasMore","onLoadMore","loadMore","atBottom","onAtBottomChange","setAtBottom","newMessage","onClearNewMessage","clearNewMessage","onOpenImage","openImageViewer","onOpenVideo","openVideoPlayer","onOpenFailedSheet","openFailedSheet","onOpenBubbleMenu","openBubbleMenu","onOpenReactorList","m","isLoading","isLoadingFirstPage","onSeeMore","openSeeMore","pendingUploads","composer","viewerIsModerator","isModerator","bubbleHandlers","onEdit","handleBubbleEdit","onReply","handleBubbleReply","onDelete","handleBubbleDelete","onCopy","handleBubbleCopy","onSave","handleBubbleSave","onReport","handleBubbleReport","showMutedBanner","mutedVariant","onOpenSeeMore","imageViewerProps","videoPlayerProps","seeMore","visible","text","title","closeSeeMore","reportMessage","closeReport"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/chat/GroupChat.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/components/BannedEmptyState/BannedEmptyState.js

@@ -0,0 +1,33 @@
+// BannedEmptyState — ported from AmityUiKitWeb group/chat/components/BannedEmptyState.
+// Shown in place of the thread when the viewer is banned from the group.
+
+import { View } from 'react-native';
+import { Typography } from '../../../../../../../../core/design/components/Typography';
+import { AmityIcon } from '../../../../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../../../../core/design/tokens/amity-color-tokens';
+import { useString } from '../../../../../../../../core/localization';
+import { useStyles } from './styles';
+export function BannedEmptyState() {
+  const {
+    styles,
+    token
+  } = useStyles();
+  const title = useString('amity_chat_error_banned_chat_title');
+  const subtitle = useString('amity_chat_error_banned_chat_sub_title');
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "comment-exclamation-l",
+    size: 64,
+    color: token(AmityColorToken.IconEmptyStateIconDefault)
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.text
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "titleBold",
+    style: styles.title
+  }, title), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.subtitle
+  }, subtitle)));
+}
+//# sourceMappingURL=BannedEmptyState.js.map

package/lib/module/social/features/chat/features/group/chat/components/BannedEmptyState/BannedEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Typography","AmityIcon","AmityColorToken","useString","useStyles","BannedEmptyState","styles","token","title","subtitle","React","createElement","style","container","name","size","color","IconEmptyStateIconDefault","text","variant"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/chat/components/BannedEmptyState/BannedEmptyState.tsx"],"mappings":"AAAA;AACA;;AAEA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,2DAA2D;AACtF,SAASC,SAAS,QAAQ,2CAA2C;AACrE,SAASC,eAAe,QAAQ,+DAA+D;AAC/F,SAASC,SAAS,QAAQ,2CAA2C;AACrE,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EACjC,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,SAAS,CAAC,CAAC;EACrC,MAAMI,KAAK,GAAGL,SAAS,CAAC,oCAAoC,CAAC;EAC7D,MAAMM,QAAQ,GAAGN,SAAS,CAAC,wCAAwC,CAAC;EAEpE,oBACEO,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEN,MAAM,CAACO;EAAU,gBAC5BH,KAAA,CAAAC,aAAA,CAACV,SAAS;IACRa,IAAI,EAAC,uBAAuB;IAC5BC,IAAI,EAAE,EAAG;IACTC,KAAK,EAAET,KAAK,CAACL,eAAe,CAACe,yBAAyB;EAAE,CACzD,CAAC,eACFP,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEN,MAAM,CAACY;EAAK,gBACvBR,KAAA,CAAAC,aAAA,CAACX,UAAU;IAACmB,OAAO,EAAC,WAAW;IAACP,KAAK,EAAEN,MAAM,CAACE;EAAM,GACjDA,KACS,CAAC,eACbE,KAAA,CAAAC,aAAA,CAACX,UAAU;IAACmB,OAAO,EAAC,SAAS;IAACP,KAAK,EAAEN,MAAM,CAACG;EAAS,GAClDA,QACS,CACR,CACF,CAAC;AAEX","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/components/BannedEmptyState/index.js

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

package/lib/module/social/features/chat/features/group/chat/components/BannedEmptyState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BannedEmptyState"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/chat/components/BannedEmptyState/index.ts"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/components/BannedEmptyState/styles.js

@@ -0,0 +1,33 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 16,
+      padding: 24,
+      backgroundColor: token(AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    text: {
+      alignItems: 'center',
+      maxWidth: 252
+    },
+    title: {
+      color: token(AmityColorToken.TextEmptyStateTitleDefault),
+      textAlign: 'center'
+    },
+    subtitle: {
+      color: token(AmityColorToken.TextEmptyStateDescriptionDefault),
+      textAlign: 'center'
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/group/chat/components/BannedEmptyState/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","container","flex","alignItems","justifyContent","gap","padding","backgroundColor","SurfacePageBackgroundDefault","text","maxWidth","title","color","TextEmptyStateTitleDefault","textAlign","subtitle","TextEmptyStateDescriptionDefault"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/chat/components/BannedEmptyState/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oDAAoD;AAC7E,SAASC,eAAe,QAAQ,+DAA+D;AAE/F,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EACxB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,EAAE;MACPC,OAAO,EAAE,EAAE;MACXC,eAAe,EAAET,KAAK,CAACF,eAAe,CAACY,4BAA4B;IACrE,CAAC;IACDC,IAAI,EAAE;MAAEN,UAAU,EAAE,QAAQ;MAAEO,QAAQ,EAAE;IAAI,CAAC;IAC7CC,KAAK,EAAE;MACLC,KAAK,EAAEd,KAAK,CAACF,eAAe,CAACiB,0BAA0B,CAAC;MACxDC,SAAS,EAAE;IACb,CAAC;IACDC,QAAQ,EAAE;MACRH,KAAK,EAAEd,KAAK,CAACF,eAAe,CAACoB,gCAAgC,CAAC;MAC9DF,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF,OAAO;IAAEf,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/components/Header/Header.js

@@ -0,0 +1,73 @@
+// Header — group conversation top bar, ported from AmityUiKitWeb
+// group/chat/components/Header. Back button + a tappable identity (group avatar +
+// name) that opens group settings. Banned variant shows the banned label and is not
+// tappable. While the device is offline, the default (non-banned) identity shows a
+// "waiting for network" subtitle (spinner + caption) under the name.
+
+import { Pressable, View } from 'react-native';
+import useFile from '../../../../../../../../core/hooks/useFile';
+import { Button } from '../../../../../../../../core/design/atoms/Button';
+import { Typography } from '../../../../../../../../core/design/components/Typography';
+import { Loader } from '../../../../../../../../core/design/atoms/Loader';
+import { useString } from '../../../../../../../../core/localization';
+import { Avatar } from '../../../../../elements/Avatar';
+import { useNetworkOnline } from '../../../../../hooks';
+import { useStyles } from './styles';
+export function Header({
+  channel,
+  channelDisplayName,
+  variant = 'default',
+  onBack,
+  onOpenSettings
+}) {
+  const {
+    styles
+  } = useStyles();
+  const {
+    online
+  } = useNetworkOnline();
+  const avatarUrl = useFile({
+    fileId: (channel === null || channel === void 0 ? void 0 : channel.avatarFileId) ?? ''
+  });
+  const bannedTitle = useString('amity_chat_error_banned_chat_navbar_title');
+  const waitingForNetwork = useString('amity_chat_waiting_for_network');
+  const isBanned = variant === 'banned';
+  const title = isBanned ? bannedTitle : channelDisplayName ?? '';
+  const identity = /*#__PURE__*/React.createElement(View, {
+    style: styles.identity
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.avatar
+  }, /*#__PURE__*/React.createElement(Avatar.GroupChat, {
+    avatarUrl: avatarUrl,
+    variant: isBanned ? 'banned' : 'default'
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.title
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "titleBold",
+    style: styles.name,
+    numberOfLines: 1
+  }, title), !isBanned && !online ? /*#__PURE__*/React.createElement(View, {
+    style: styles.subtitle
+  }, /*#__PURE__*/React.createElement(Loader.Spinner, {
+    size: "sm"
+  }), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.subtitleText
+  }, waitingForNetwork)) : null));
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "chevron-left",
+    styleType: "ghost",
+    hierarchy: "secondary",
+    size: 32,
+    onPress: onBack,
+    accessibilityLabel: "Back"
+  }), isBanned ? identity : /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.identityButton,
+    onPress: onOpenSettings,
+    accessibilityRole: "button",
+    accessibilityLabel: "Open group settings"
+  }, identity));
+}
+//# sourceMappingURL=Header.js.map

package/lib/module/social/features/chat/features/group/chat/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","useFile","Button","Typography","Loader","useString","Avatar","useNetworkOnline","useStyles","Header","channel","channelDisplayName","variant","onBack","onOpenSettings","styles","online","avatarUrl","fileId","avatarFileId","bannedTitle","waitingForNetwork","isBanned","title","identity","React","createElement","style","avatar","GroupChat","name","numberOfLines","subtitle","Spinner","size","subtitleText","header","Icon","icon","styleType","hierarchy","onPress","accessibilityLabel","identityButton","accessibilityRole"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/chat/components/Header/Header.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/components/Header/index.js

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

package/lib/module/social/features/chat/features/group/chat/components/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Header"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/chat/components/Header/index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/components/Header/styles.js

@@ -0,0 +1,63 @@
+// Geometry from web group/chat Header.module.css: gap 0.5rem→8, padding
+// 0.625rem 1rem→10/16, avatar 2.5rem→40, name 1.0625rem/1.5rem→17/24 weight 600
+// letterSpacing -0.0256rem→-0.4. Colours via design tokens.
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      paddingVertical: 10,
+      paddingHorizontal: 16,
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultDefault),
+      borderBottomWidth: 1,
+      borderBottomColor: token(AmityColorToken.LineDividerPostDefault)
+    },
+    identityButton: {
+      flex: 1,
+      minWidth: 0
+    },
+    identity: {
+      flex: 1,
+      minWidth: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12
+    },
+    avatar: {
+      width: 40,
+      height: 40,
+      flexShrink: 0
+    },
+    title: {
+      flex: 1,
+      minWidth: 0,
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    },
+    name: {
+      fontSize: 17,
+      lineHeight: 24,
+      fontWeight: '600',
+      letterSpacing: -0.4,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    subtitle: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    subtitleText: {
+      color: token(AmityColorToken.TextListTextDescriptionDefaultDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/group/chat/components/Header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","header","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","backgroundColor","SurfaceListDefaultDefault","borderBottomWidth","borderBottomColor","LineDividerPostDefault","identityButton","flex","minWidth","identity","avatar","width","height","flexShrink","title","name","fontSize","lineHeight","fontWeight","letterSpacing","color","TextListHeaderDefaultDefault","subtitle","subtitleText","TextListTextDescriptionDefaultDefault"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/group/chat/components/Header/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oDAAoD;AAC7E,SAASC,eAAe,QAAQ,+DAA+D;AAE/F,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EACxB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAET,KAAK,CAACF,eAAe,CAACY,yBAAyB,CAAC;MACjEC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEZ,KAAK,CAACF,eAAe,CAACe,sBAAsB;IACjE,CAAC;IACDC,cAAc,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,QAAQ,EAAE;IAAE,CAAC;IACxCC,QAAQ,EAAE;MACRF,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXZ,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDY,MAAM,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAE,CAAC;IAChDC,KAAK,EAAE;MACLP,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXZ,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE;IACd,CAAC;IACDkB,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAE,KAAK;MACjBC,aAAa,EAAE,CAAC,GAAG;MACnBC,KAAK,EAAE5B,KAAK,CAACF,eAAe,CAAC+B,4BAA4B;IAC3D,CAAC;IACDC,QAAQ,EAAE;MACR1B,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDyB,YAAY,EAAE;MACZH,KAAK,EAAE5B,KAAK,CAACF,eAAe,CAACkC,qCAAqC;IACpE;EACF,CAAC,CAAC;EACF,OAAO;IAAE/B,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/components/index.js

@@ -0,0 +1,3 @@
+export * from './Header';
+export * from './BannedEmptyState';
+//# sourceMappingURL=index.js.map

package/lib/module/social/features/chat/features/group/chat/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/chat/components/index.ts"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,oBAAoB","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/hooks/index.js

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

package/lib/module/social/features/chat/features/group/chat/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useGroupChat"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/chat/hooks/index.ts"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/hooks/useGroupChat.js

@@ -0,0 +1,78 @@
+// useGroupChat — ported from AmityUiKitWeb v4/chat/features/group/chat/hooks/useGroupChat.
+// The group-thread orchestrator: same shared useChatMessage engine as a 1-1
+// conversation, plus group specifics — live channel object, the viewer's membership
+// (banned / muted / moderator), the moderator id set, the muted-banner rule, and the
+// open-settings navigation. Mirrors useConversation but for community channels.
+
+import { useEffect, useMemo, useState } from 'react';
+import { ChannelRepository } from '@amityco/ts-sdk-react-native';
+import useAuth from '../../../../../../../core/hooks/useAuth';
+import { useChannelMembersCollection } from '../../../../hooks/collections/useChannelMembersCollection';
+import { useChannelMyMembership } from '../../../../hooks/useChannelMyMembership';
+import { useChatNavigation } from '../../../../hooks/useChatNavigation';
+import { useChatMessage } from '../../../shared/hooks/useChatMessage';
+const CHANNEL_MODERATOR = 'channel-moderator';
+export function useGroupChat({
+  channelId,
+  isJustCreated
+}) {
+  const {
+    isConnected
+  } = useAuth();
+  const {
+    push
+  } = useChatNavigation();
+  const [channel, setChannel] = useState(undefined);
+  useEffect(() => {
+    if (!isConnected || !channelId) return undefined;
+    const unsub = ChannelRepository.getChannel(channelId, ({
+      data
+    }) => {
+      if (data) setChannel(data);
+    });
+    return () => {
+      unsub();
+    };
+  }, [isConnected, channelId]);
+  const {
+    membership,
+    isViewerModerator
+  } = useChannelMyMembership(channelId);
+  const isBanned = (membership === null || membership === void 0 ? void 0 : membership.membership) === 'banned';
+  const isUserMuted = !!(membership !== null && membership !== void 0 && membership.isMuted);
+  const isChannelMuted = !!(channel !== null && channel !== void 0 && channel.isMuted);
+  const {
+    members: moderators
+  } = useChannelMembersCollection({
+    channelId: channelId ?? '',
+    roles: [CHANNEL_MODERATOR]
+  });
+  const moderatorIds = useMemo(() => new Set(moderators.map(m => m.userId).filter(id => typeof id === 'string')), [moderators]);
+  const showMutedBanner = isUserMuted || isChannelMuted && !isViewerModerator;
+  const mutedVariant = isUserMuted ? 'user' : 'channel';
+  const chatMessage = useChatMessage({
+    channelId,
+    isJustCreated,
+    enableMention: true,
+    viewerIsMutedInChannel: isUserMuted
+  });
+  function handleOpenSettings() {
+    if (channelId) push('AmityGroupSettingPage', {
+      channelId
+    });
+  }
+  return {
+    ...chatMessage,
+    channel,
+    channelDisplayName: channel === null || channel === void 0 ? void 0 : channel.displayName,
+    isBanned,
+    isUserMuted,
+    isChannelMuted,
+    isModerator: isViewerModerator,
+    moderatorIds,
+    showMutedBanner,
+    mutedVariant,
+    handleOpenSettings
+  };
+}
+//# sourceMappingURL=useGroupChat.js.map

package/lib/module/social/features/chat/features/group/chat/hooks/useGroupChat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useState","ChannelRepository","useAuth","useChannelMembersCollection","useChannelMyMembership","useChatNavigation","useChatMessage","CHANNEL_MODERATOR","useGroupChat","channelId","isJustCreated","isConnected","push","channel","setChannel","undefined","unsub","getChannel","data","membership","isViewerModerator","isBanned","isUserMuted","isMuted","isChannelMuted","members","moderators","roles","moderatorIds","Set","map","m","userId","filter","id","showMutedBanner","mutedVariant","chatMessage","enableMention","viewerIsMutedInChannel","handleOpenSettings","channelDisplayName","displayName","isModerator"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/group/chat/hooks/useGroupChat.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,iBAAiB,QAAQ,8BAA8B;AAEhE,OAAOC,OAAO,MAAM,yCAAyC;AAC7D,SAASC,2BAA2B,QAAQ,2DAA2D;AACvG,SAASC,sBAAsB,QAAQ,0CAA0C;AACjF,SAASC,iBAAiB,QAAQ,qCAAqC;AACvE,SAASC,cAAc,QAAQ,sCAAsC;AAErE,MAAMC,iBAAiB,GAAG,mBAAmB;AAO7C,OAAO,SAASC,YAAYA,CAAC;EAAEC,SAAS;EAAEC;AAAkC,CAAC,EAAE;EAC7E,MAAM;IAAEC;EAAY,CAAC,GAAGT,OAAO,CAAC,CAAC;EACjC,MAAM;IAAEU;EAAK,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EAEpC,MAAM,CAACQ,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAA4Be,SAAS,CAAC;EAC5EjB,SAAS,CAAC,MAAM;IACd,IAAI,CAACa,WAAW,IAAI,CAACF,SAAS,EAAE,OAAOM,SAAS;IAChD,MAAMC,KAAK,GAAGf,iBAAiB,CAACgB,UAAU,CAACR,SAAS,EAAE,CAAC;MAAES;IAAK,CAAC,KAAK;MAClE,IAAIA,IAAI,EAAEJ,UAAU,CAACI,IAAI,CAAC;IAC5B,CAAC,CAAC;IACF,OAAO,MAAM;MACXF,KAAK,CAAC,CAAC;IACT,CAAC;EACH,CAAC,EAAE,CAACL,WAAW,EAAEF,SAAS,CAAC,CAAC;EAE5B,MAAM;IAAEU,UAAU;IAAEC;EAAkB,CAAC,GAAGhB,sBAAsB,CAACK,SAAS,CAAC;EAC3E,MAAMY,QAAQ,GAAG,CAAAF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEA,UAAU,MAAK,QAAQ;EACpD,MAAMG,WAAW,GAAG,CAAC,EAACH,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEI,OAAO;EACzC,MAAMC,cAAc,GAAG,CAAC,EAAEX,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAC7BU,OAAO;EAEX,MAAM;IAAEE,OAAO,EAAEC;EAAW,CAAC,GAAGvB,2BAA2B,CAAC;IAC1DM,SAAS,EAAEA,SAAS,IAAI,EAAE;IAC1BkB,KAAK,EAAE,CAACpB,iBAAiB;EAC3B,CAAC,CAAC;EACF,MAAMqB,YAAY,GAAG7B,OAAO,CAC1B,MACE,IAAI8B,GAAG,CACLH,UAAU,CACPI,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,CAAC,CACpBC,MAAM,CAAEC,EAAE,IAAmB,OAAOA,EAAE,KAAK,QAAQ,CACxD,CAAC,EACH,CAACR,UAAU,CACb,CAAC;EAED,MAAMS,eAAe,GAAGb,WAAW,IAAKE,cAAc,IAAI,CAACJ,iBAAkB;EAC7E,MAAMgB,YAAgC,GAAGd,WAAW,GAAG,MAAM,GAAG,SAAS;EAEzE,MAAMe,WAAW,GAAG/B,cAAc,CAAC;IACjCG,SAAS;IACTC,aAAa;IACb4B,aAAa,EAAE,IAAI;IACnBC,sBAAsB,EAAEjB;EAC1B,CAAC,CAAC;EAEF,SAASkB,kBAAkBA,CAAA,EAAG;IAC5B,IAAI/B,SAAS,EAAEG,IAAI,CAAC,uBAAuB,EAAE;MAAEH;IAAU,CAAC,CAAC;EAC7D;EAEA,OAAO;IACL,GAAG4B,WAAW;IACdxB,OAAO;IACP4B,kBAAkB,EAAE5B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE6B,WAAW;IACxCrB,QAAQ;IACRC,WAAW;IACXE,cAAc;IACdmB,WAAW,EAAEvB,iBAAiB;IAC9BQ,YAAY;IACZO,eAAe;IACfC,YAAY;IACZI;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/index.js

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

package/lib/module/social/features/chat/features/group/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupChat"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/chat/index.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,aAAa","ignoreList":[]}

package/lib/module/social/features/chat/features/group/chat/styles.js

@@ -0,0 +1,17 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: token(AmityColorToken.SurfacePageBackgroundDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/group/chat/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","container","flex","backgroundColor","SurfacePageBackgroundDefault"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/chat/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,8CAA8C;AACvE,SAASC,eAAe,QAAQ,yDAAyD;AAEzF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EACxB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEL,KAAK,CAACF,eAAe,CAACQ,4BAA4B;IACrE;EACF,CAAC,CAAC;EACF,OAAO;IAAEL,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/group/create/CreateGroupChat.js

@@ -0,0 +1,98 @@
+// CreateGroupChat — entry component for the create-group step. Ported from
+// AmityUiKitWeb v4/chat/features/group/create/CreateGroupChat. Composes the
+// Header (title + Create) over the avatar picker, group-name field, privacy
+// chooser, and member grid.
+//
+// RN adaptations from web:
+//   - Web wraps everything in a scrolling `<form onSubmit>`; RN uses a fixed
+//     Header over a ScrollView, with `handleCreate` wired to the Header's Create
+//     button.
+//   - The RN AvatarPicker is presentational (`imageUrl`/`onPick`/`isUploading`),
+//     so it is driven by the hook's avatar state rather than a <Controller>.
+
+// 1. React / RN imports
+import { ScrollView, View } from 'react-native';
+
+// 2. Third-party imports
+import { Controller } from 'react-hook-form';
+
+// 3. Internal imports (relative)
+import { AvatarPicker } from '../../../elements/AvatarPicker';
+import { GroupNameField } from '../../../elements/GroupNameField';
+import { Header } from './components/Header/Header';
+import { MemberGrid } from './components/MemberGrid/MemberGrid';
+import { PrivacySection } from './components/PrivacySection/PrivacySection';
+import { useCreateGroupChat } from './hooks/useCreateGroupChat';
+import { useStyles } from './styles';
+
+// 4. Named function component
+export function CreateGroupChat({
+  selectedUsers
+}) {
+  const {
+    styles
+  } = useStyles();
+  const {
+    form,
+    currentUser,
+    avatarImageUrl,
+    isUploadingAvatar,
+    handlePickAvatar,
+    handleClose,
+    handleAddMember,
+    handleCreate,
+    isFormValid
+  } = useCreateGroupChat({
+    selectedUsers
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.createGroupChat
+  }, /*#__PURE__*/React.createElement(Header, {
+    isFormValid: isFormValid,
+    onClose: handleClose,
+    onCreate: handleCreate
+  }), /*#__PURE__*/React.createElement(ScrollView, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.avatarWrapper
+  }, /*#__PURE__*/React.createElement(AvatarPicker, {
+    imageUrl: avatarImageUrl,
+    onPick: handlePickAvatar,
+    isUploading: isUploadingAvatar
+  })), /*#__PURE__*/React.createElement(Controller, {
+    control: form.control,
+    name: "name",
+    render: ({
+      field: {
+        onChange,
+        value
+      }
+    }) => /*#__PURE__*/React.createElement(GroupNameField, {
+      value: value,
+      onChange: onChange,
+      optional: true
+    })
+  }), /*#__PURE__*/React.createElement(Controller, {
+    control: form.control,
+    name: "isPublic",
+    render: ({
+      field: {
+        onChange,
+        value
+      }
+    }) => /*#__PURE__*/React.createElement(PrivacySection, {
+      isPublic: value,
+      onChange: onChange
+    })
+  }), /*#__PURE__*/React.createElement(Controller, {
+    control: form.control,
+    name: "members",
+    render: ({
+      field
+    }) => /*#__PURE__*/React.createElement(MemberGrid, {
+      currentUser: currentUser,
+      members: field.value,
+      onAddMember: handleAddMember,
+      onRemoveMember: userId => field.onChange(field.value.filter(user => user.userId !== userId))
+    })
+  })));
+}
+//# sourceMappingURL=CreateGroupChat.js.map

package/lib/module/social/features/chat/features/group/create/CreateGroupChat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","View","Controller","AvatarPicker","GroupNameField","Header","MemberGrid","PrivacySection","useCreateGroupChat","useStyles","CreateGroupChat","selectedUsers","styles","form","currentUser","avatarImageUrl","isUploadingAvatar","handlePickAvatar","handleClose","handleAddMember","handleCreate","isFormValid","React","createElement","style","createGroupChat","onClose","onCreate","avatarWrapper","imageUrl","onPick","isUploading","control","name","render","field","onChange","value","optional","isPublic","members","onAddMember","onRemoveMember","userId","filter","user"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/create/CreateGroupChat.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;;AAE/C;AACA,SAASC,UAAU,QAAQ,iBAAiB;;AAE5C;AACA,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,cAAc,QAAQ,4CAA4C;AAC3E,SACEC,kBAAkB,QAEb,4BAA4B;AACnC,SAASC,SAAS,QAAQ,UAAU;;AAEpC;AACA,OAAO,SAASC,eAAeA,CAAC;EAAEC;AAAwC,CAAC,EAAE;EAC3E,MAAM;IAAEC;EAAO,CAAC,GAAGH,SAAS,CAAC,CAAC;EAC9B,MAAM;IACJI,IAAI;IACJC,WAAW;IACXC,cAAc;IACdC,iBAAiB;IACjBC,gBAAgB;IAChBC,WAAW;IACXC,eAAe;IACfC,YAAY;IACZC;EACF,CAAC,GAAGb,kBAAkB,CAAC;IAAEG;EAAc,CAAC,CAAC;EAEzC,oBACEW,KAAA,CAAAC,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEZ,MAAM,CAACa;EAAgB,gBAClCH,KAAA,CAAAC,aAAA,CAAClB,MAAM;IACLgB,WAAW,EAAEA,WAAY;IACzBK,OAAO,EAAER,WAAY;IACrBS,QAAQ,EAAEP;EAAa,CACxB,CAAC,eACFE,KAAA,CAAAC,aAAA,CAACvB,UAAU,qBACTsB,KAAA,CAAAC,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEZ,MAAM,CAACgB;EAAc,gBAChCN,KAAA,CAAAC,aAAA,CAACpB,YAAY;IACX0B,QAAQ,EAAEd,cAAe;IACzBe,MAAM,EAAEb,gBAAiB;IACzBc,WAAW,EAAEf;EAAkB,CAChC,CACG,CAAC,eACPM,KAAA,CAAAC,aAAA,CAACrB,UAAU;IACT8B,OAAO,EAAEnB,IAAI,CAACmB,OAAQ;IACtBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAEA,CAAC;MAAEC,KAAK,EAAE;QAAEC,QAAQ;QAAEC;MAAM;IAAE,CAAC,kBACrCf,KAAA,CAAAC,aAAA,CAACnB,cAAc;MAACiC,KAAK,EAAEA,KAAM;MAACD,QAAQ,EAAEA,QAAS;MAACE,QAAQ;IAAA,CAAE;EAC5D,CACH,CAAC,eACFhB,KAAA,CAAAC,aAAA,CAACrB,UAAU;IACT8B,OAAO,EAAEnB,IAAI,CAACmB,OAAQ;IACtBC,IAAI,EAAC,UAAU;IACfC,MAAM,EAAEA,CAAC;MAAEC,KAAK,EAAE;QAAEC,QAAQ;QAAEC;MAAM;IAAE,CAAC,kBACrCf,KAAA,CAAAC,aAAA,CAAChB,cAAc;MAACgC,QAAQ,EAAEF,KAAM;MAACD,QAAQ,EAAEA;IAAS,CAAE;EACtD,CACH,CAAC,eACFd,KAAA,CAAAC,aAAA,CAACrB,UAAU;IACT8B,OAAO,EAAEnB,IAAI,CAACmB,OAAQ;IACtBC,IAAI,EAAC,SAAS;IACdC,MAAM,EAAEA,CAAC;MAAEC;IAAM,CAAC,kBAChBb,KAAA,CAAAC,aAAA,CAACjB,UAAU;MACTQ,WAAW,EAAEA,WAAY;MACzB0B,OAAO,EAAEL,KAAK,CAACE,KAAM;MACrBI,WAAW,EAAEtB,eAAgB;MAC7BuB,cAAc,EAAGC,MAAM,IACrBR,KAAK,CAACC,QAAQ,CACZD,KAAK,CAACE,KAAK,CAACO,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACF,MAAM,KAAKA,MAAM,CACrD;IACD,CACF;EACD,CACH,CACS,CACR,CAAC;AAEX","ignoreList":[]}