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

package/lib/module/chat/features/group/setting/GroupSetting.js

@@ -0,0 +1,91 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+// GroupSetting — group chat settings screen, ported from AmityUiKitWeb
+// v4/chat/features/group/setting/GroupSetting. A header + group avatar over one
+// or two sections of tappable SettingMenu rows, then a destructive "Leave group".
+//
+// RN adaptations from web:
+//   - `<div>` → View; the page scrolls via ScrollView (web relied on document flow).
+//   - Web resolved the avatar from the SDK File; RN's Avatar.GroupChat takes a
+//     resolved `avatarUrl` + `isPublic` (the hook resolves the url via useFile).
+//   - Section titles use Typography `titleBold`; the inter-section divider only
+//     renders when both sections have visible rows. The "Your preferences" section
+//     holds the per-user "Notifications" row (visible to all members); the group
+//     section's moderator-only "Group notifications" mode row shows for moderators.
+
+// 1. React / RN imports
+import { ScrollView, View } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Typography } from '../../../../core/design/components/Typography';
+import { Avatar } from '../../../elements/Avatar';
+import { SettingMenu } from '../../../elements/SettingMenu';
+import { Header } from './components/Header/Header';
+import { useGroupSetting } from './hooks/useGroupSetting';
+import { useStyles } from './styles';
+
+// 3. Named function component
+export function GroupSetting({
+  channelId
+}) {
+  const {
+    styles
+  } = useStyles();
+  const {
+    title,
+    avatarUrl,
+    groupSettingsSection,
+    yourPreferencesSection,
+    leaveGroupLabel,
+    handleClose,
+    handleLeaveGroup,
+    visibleGroupItems,
+    visiblePreferenceItems
+  } = useGroupSetting({
+    channelId
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Header, {
+    title: title,
+    onBack: handleClose
+  }), /*#__PURE__*/React.createElement(ScrollView, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.avatarWrapper
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.avatar
+  }, /*#__PURE__*/React.createElement(Avatar.GroupChat, {
+    avatarUrl: avatarUrl,
+    size: "lg"
+  }))), visibleGroupItems.length > 0 && /*#__PURE__*/React.createElement(View, {
+    style: styles.section
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "titleBold",
+    style: styles.sectionTitle
+  }, groupSettingsSection), visibleGroupItems.map(({
+    key,
+    visible: _visible,
+    ...itemProps
+  }) => /*#__PURE__*/React.createElement(SettingMenu, _extends({
+    key: key
+  }, itemProps)))), visibleGroupItems.length > 0 && visiblePreferenceItems.length > 0 && /*#__PURE__*/React.createElement(View, {
+    style: styles.divider
+  }), visiblePreferenceItems.length > 0 && /*#__PURE__*/React.createElement(View, {
+    style: styles.section
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "titleBold",
+    style: styles.sectionTitle
+  }, yourPreferencesSection), visiblePreferenceItems.map(({
+    key,
+    visible: _visible,
+    ...itemProps
+  }) => /*#__PURE__*/React.createElement(SettingMenu, _extends({
+    key: key
+  }, itemProps)))), /*#__PURE__*/React.createElement(View, {
+    style: styles.section
+  }, /*#__PURE__*/React.createElement(SettingMenu, {
+    destructive: true,
+    label: leaveGroupLabel,
+    onPress: handleLeaveGroup,
+    accessibilityLabel: leaveGroupLabel
+  }))));
+}
+//# sourceMappingURL=GroupSetting.js.map

package/lib/module/chat/features/group/setting/GroupSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","View","Typography","Avatar","SettingMenu","Header","useGroupSetting","useStyles","GroupSetting","channelId","styles","title","avatarUrl","groupSettingsSection","yourPreferencesSection","leaveGroupLabel","handleClose","handleLeaveGroup","visibleGroupItems","visiblePreferenceItems","React","createElement","style","container","onBack","avatarWrapper","avatar","GroupChat","size","length","section","variant","sectionTitle","map","key","visible","_visible","itemProps","_extends","divider","destructive","label","onPress","accessibilityLabel"],"sourceRoot":"../../../../../../src","sources":["chat/features/group/setting/GroupSetting.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+// Header — group-setting header. Thin wrapper over the shared TopBar (back
+// variant) showing the group title, closed by the full-bleed hairline the
+// design draws between the header and the page content. TopBar itself carries
+// no rule, so the separator is composed here rather than inside the element —
+// other TopBar screens are specified without one.
+
+// 1. Internal imports (relative)
+import { Divider } from '../../../../../../core/design/atoms/Divider';
+import { TopBar } from '../../../../../elements/TopBar';
+
+// 2. Types
+
+// 3. Named function component
+export function Header({
+  title,
+  onBack
+}) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TopBar, {
+    title: title,
+    leadingType: "back",
+    onLeading: onBack
+  }), /*#__PURE__*/React.createElement(Divider, null));
+}
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Divider","TopBar","Header","title","onBack","React","createElement","Fragment","leadingType","onLeading"],"sourceRoot":"../../../../../../../../src","sources":["chat/features/group/setting/components/Header/Header.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,OAAO,QAAQ,6CAA6C;AACrE,SAASC,MAAM,QAAQ,gCAAgC;;AAEvD;;AAMA;AACA,OAAO,SAASC,MAAMA,CAAC;EAAEC,KAAK;EAAEC;AAAoB,CAAC,EAAE;EACrD,oBACEC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,qBACEF,KAAA,CAAAC,aAAA,CAACL,MAAM;IAACE,KAAK,EAAEA,KAAM;IAACK,WAAW,EAAC,MAAM;IAACC,SAAS,EAAEL;EAAO,CAAE,CAAC,eAC9DC,KAAA,CAAAC,aAAA,CAACN,OAAO,MAAE,CACV,CAAC;AAEP","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './useGroupSetting';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/setting/hooks/index.ts"],"mappings":"AAAA,cAAc,mBAAmB","ignoreList":[]}

package/lib/module/chat/features/group/setting/hooks/useGroupSetting.js

@@ -0,0 +1,278 @@
+// useGroupSetting — RN port of AmityUiKitWeb v4/chat/features/group/setting/hooks/useGroupSetting.
+// Owns the group-settings screen state: the live channel object, the viewer's
+// moderator role, the visible setting rows and the leave-group flow.
+//
+// RN adaptations from web:
+//   - Web `useChannelObject` → an inline `ChannelRepository.getChannel` live-object
+//     subscription (gated on `useAuth().isConnected`, mirroring `useConversation`).
+//   - Web `useChannelMyMembership(channel)` → the channel's own `myMembership`
+//     live subscription, whose callback delivers `{ data: membership }`.
+//   - Web `useChatNavigation` (in-memory page stack push/pop) → React Navigation.
+//     The group sub-pages register in a later wave, so navigation is done through
+//     an `any`-typed `useNavigation` (same pattern as `AmityChatHomePage`) so the
+//     not-yet-registered route names typecheck.
+//   - Web `useConfirmContext().confirm` (in-app dialog) → RN `Alert.alert`.
+//   - Web `useNotifications('chat').success/error` → the redux toast (`useToast`).
+//   - The two notification rows are now live (iOS-aligned): the "Group notifications"
+//     row (moderator-only) opens the mode page and shows the current mode label
+//     (Default/Silent/Subscribe) from `channel.notificationMode`; the "Notifications"
+//     preference row (all members) opens the per-user toggle page and shows On/Off
+//     from `Client.notifications().channel(id).getSettings().isEnabled` — the exact
+//     surface the notification-preference port already uses.
+//   - `SettingMenu` takes `iconName` (SoT icon name) rather than web's `icon`
+//     element, and `accessibilityLabel` rather than web's `ariaLabel`.
+
+// 1. React / RN imports
+import { useCallback, useEffect, useState } from 'react';
+import { Alert } from 'react-native';
+
+// 2. Third-party imports
+import { AmityChannelNotificationModeEnum, ChannelRepository, Client } from '@amityco/ts-sdk-react-native';
+import { useFocusEffect, useNavigation } from '@react-navigation/native';
+// 3. Internal imports (relative)
+import useAuth from '../../../../../core/hooks/useAuth';
+import useFile from '../../../../../core/hooks/useFile';
+import { useString } from '../../../../../core/localization';
+import { useToast } from '../../../../../core/stores/slices/toastSlice';
+
+// 4. Types
+
+// Web reads MODERATOR_ROLES from chat/constants/memberRoles; inlined here to match
+// the sibling RN port (AmityChatListItem) and keep the feature self-contained.
+const MODERATOR_ROLES = ['moderator', 'community-moderator', 'channel-moderator'];
+function hasModeratorRole(roles) {
+  if (!roles || roles.length === 0) return false;
+  return roles.some(role => MODERATOR_ROLES.includes(role));
+}
+
+// 5. Hook
+export function useGroupSetting({
+  channelId
+}) {
+  const {
+    isConnected
+  } = useAuth();
+  const {
+    showToast
+  } = useToast();
+  const navigation = useNavigation();
+  const [channel, setChannel] = useState(undefined);
+  const [roles, setRoles] = useState(undefined);
+  // Per-user channel push setting — drives the "Notifications" row's On/Off label.
+  const [isNotificationsEnabled, setIsNotificationsEnabled] = useState(true);
+
+  // Live channel object (web `useChannelObject`).
+  useEffect(() => {
+    if (!isConnected || !channelId) return undefined;
+    const unsub = ChannelRepository.getChannel(channelId, ({
+      data
+    }) => {
+      if (data) setChannel(data);
+    });
+    return () => {
+      unsub();
+    };
+  }, [isConnected, channelId]);
+
+  // Viewer's channel membership (web `useChannelMyMembership`).
+  useEffect(() => {
+    if (!channel) return undefined;
+    const unsub = channel.myMembership(({
+      data
+    }) => {
+      setRoles(data === null || data === void 0 ? void 0 : data.roles);
+    });
+    return () => {
+      unsub();
+    };
+  }, [channel]);
+
+  // Channel push setting (web `useChannelPushNotificationQuery`) — drives the
+  // trailing On/Off label. Reloaded on every screen focus (iOS
+  // `loadNotificationStatus` on appear) so the label refreshes after the user
+  // returns from AmityGroupNotificationPreferencePage having toggled it.
+  useFocusEffect(useCallback(() => {
+    if (!isConnected || !channelId) return undefined;
+    let active = true;
+    Client.notifications().channel(channelId).getSettings().then(settings => {
+      if (active) setIsNotificationsEnabled(settings.isEnabled);
+    }).catch(() => {});
+    return () => {
+      active = false;
+    };
+  }, [isConnected, channelId]));
+  const isModerator = hasModeratorRole(roles);
+  const avatarUrl = useFile({
+    fileId: (channel === null || channel === void 0 ? void 0 : channel.avatarFileId) ?? ''
+  });
+  const groupSettingsSection = useString('amity_chat_group_settings_section');
+  const yourPreferencesSection = useString('amity_chat_your_preferences_section');
+  const leaveGroupLabel = useString('amity_chat_group_leave');
+  const lastModTitle = useString('amity_chat_group_leave_last_mod_title');
+  const lastModMessage = useString('amity_chat_group_leave_last_mod_message');
+  const promoteMemberLabel = useString('amity_chat_group_promote_member');
+  const cancelLabel = useString('amity_chat_cancel');
+  const leaveTitle = useString('amity_chat_group_leave_confirm_title');
+  const leaveMessage = useString('amity_chat_group_leave_confirm_message');
+  const leaveConfirm = useString('amity_chat_group_leave_confirm_label');
+  const leaveSuccessToast = useString('amity_chat_toast_group_chat_left');
+  const leaveFailedToast = useString('amity_chat_action_leave_group_failed');
+  const groupProfileLabel = useString('amity_chat_group_profile');
+  const groupNotificationsLabel = useString('amity_chat_group_notifications');
+  const memberPermissionsLabel = useString('amity_chat_group_member_permissions');
+  const allMembersLabel = useString('amity_chat_group_members_label');
+  const bannedUsersLabel = useString('amity_chat_group_banned_members');
+  const notificationsLabel = useString('amity_chat_notifications_title');
+
+  // Trailing labels (iOS `notificationModeLabel()` + On/Off).
+  const modeDefaultLabel = useString('amity_chat_group_notification_default_label');
+  const modeSilentLabel = useString('amity_chat_group_notification_silent_label');
+  const modeSubscribeLabel = useString('amity_chat_group_notification_subscribe_label');
+  const notificationsOnLabel = useString('amity_chat_notifications_on');
+  const notificationsOffLabel = useString('amity_chat_notifications_off');
+  const notificationModeLabel = (channel === null || channel === void 0 ? void 0 : channel.notificationMode) === AmityChannelNotificationModeEnum.Silent ? modeSilentLabel : (channel === null || channel === void 0 ? void 0 : channel.notificationMode) === AmityChannelNotificationModeEnum.Subscribe ? modeSubscribeLabel : modeDefaultLabel;
+  const notificationsTrailing = isNotificationsEnabled ? notificationsOnLabel : notificationsOffLabel;
+  function handleClose() {
+    navigation.goBack();
+  }
+  function handleOpenGroupProfile() {
+    navigation.navigate('AmityEditGroupProfilePage', {
+      channelId
+    });
+  }
+  function handleOpenGroupNotification() {
+    navigation.navigate('AmityEditGroupNotificationPage', {
+      channelId
+    });
+  }
+  function handleOpenGroupMemberPermissions() {
+    navigation.navigate('AmityEditGroupMemberPermissionsPage', {
+      channelId
+    });
+  }
+  function handleOpenGroupNotificationPreference() {
+    navigation.navigate('AmityGroupNotificationPreferencePage', {
+      channelId
+    });
+  }
+  function handleOpenAllMembers() {
+    navigation.navigate('AmityGroupMemberListPage', {
+      channelId
+    });
+  }
+  function handleOpenBannedMembers() {
+    navigation.navigate('AmityBannedGroupMemberListPage', {
+      channelId
+    });
+  }
+
+  // Web `pop(); pop();` returns to the channel list past the group chat; on native
+  // stack `pop(2)` does the same in a single, batching-safe call.
+  function popToList() {
+    if (typeof navigation.pop === 'function') {
+      navigation.pop(2);
+    } else {
+      navigation.goBack();
+      navigation.goBack();
+    }
+  }
+  function handleLeaveGroup() {
+    if (!isConnected || !channelId) return;
+    const moderatorCount = (channel === null || channel === void 0 ? void 0 : channel.moderatorMemberCount) ?? 0;
+    const isLastModerator = isModerator && moderatorCount <= 1;
+    if (isLastModerator) {
+      Alert.alert(lastModTitle, lastModMessage, [{
+        text: cancelLabel,
+        style: 'cancel'
+      }, {
+        text: promoteMemberLabel,
+        onPress: () => handleOpenAllMembers()
+      }]);
+      return;
+    }
+    Alert.alert(leaveTitle, leaveMessage, [{
+      text: cancelLabel,
+      style: 'cancel'
+    }, {
+      text: leaveConfirm,
+      style: 'destructive',
+      onPress: async () => {
+        try {
+          await ChannelRepository.leaveChannel(channelId);
+          popToList();
+          showToast({
+            message: leaveSuccessToast,
+            type: 'success',
+            variant: 'custom'
+          });
+        } catch {
+          showToast({
+            message: leaveFailedToast,
+            type: 'failed',
+            variant: 'custom'
+          });
+        }
+      }
+    }]);
+  }
+  const groupItems = [{
+    key: 'group-profile',
+    iconName: 'pen-s',
+    label: groupProfileLabel,
+    onPress: handleOpenGroupProfile,
+    accessibilityLabel: groupProfileLabel,
+    visible: isModerator
+  }, {
+    key: 'group-notifications',
+    iconName: 'bell-s',
+    label: groupNotificationsLabel,
+    trailingText: notificationModeLabel,
+    onPress: handleOpenGroupNotification,
+    accessibilityLabel: groupNotificationsLabel,
+    visible: isModerator
+  }, {
+    key: 'member-permissions',
+    iconName: 'user-lock-s',
+    label: memberPermissionsLabel,
+    onPress: handleOpenGroupMemberPermissions,
+    accessibilityLabel: memberPermissionsLabel,
+    visible: isModerator
+  }, {
+    key: 'all-members',
+    iconName: 'user-group-s',
+    label: allMembersLabel,
+    onPress: handleOpenAllMembers,
+    accessibilityLabel: allMembersLabel,
+    visible: true
+  }, {
+    key: 'banned-users',
+    iconName: 'ban-s',
+    label: bannedUsersLabel,
+    onPress: handleOpenBannedMembers,
+    accessibilityLabel: bannedUsersLabel,
+    visible: isModerator
+  }];
+  const preferenceItems = [{
+    key: 'notifications',
+    iconName: 'bell-s',
+    label: notificationsLabel,
+    trailingText: notificationsTrailing,
+    onPress: handleOpenGroupNotificationPreference,
+    accessibilityLabel: notificationsLabel,
+    visible: true
+  }];
+  const visibleGroupItems = groupItems.filter(item => item.visible);
+  const visiblePreferenceItems = preferenceItems.filter(item => item.visible);
+  return {
+    title: (channel === null || channel === void 0 ? void 0 : channel.displayName) ?? '',
+    avatarUrl,
+    groupSettingsSection,
+    yourPreferencesSection,
+    leaveGroupLabel,
+    handleClose,
+    handleLeaveGroup,
+    visibleGroupItems,
+    visiblePreferenceItems
+  };
+}
+//# sourceMappingURL=useGroupSetting.js.map

package/lib/module/chat/features/group/setting/hooks/useGroupSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useState","Alert","AmityChannelNotificationModeEnum","ChannelRepository","Client","useFocusEffect","useNavigation","useAuth","useFile","useString","useToast","MODERATOR_ROLES","hasModeratorRole","roles","length","some","role","includes","useGroupSetting","channelId","isConnected","showToast","navigation","channel","setChannel","undefined","setRoles","isNotificationsEnabled","setIsNotificationsEnabled","unsub","getChannel","data","myMembership","active","notifications","getSettings","then","settings","isEnabled","catch","isModerator","avatarUrl","fileId","avatarFileId","groupSettingsSection","yourPreferencesSection","leaveGroupLabel","lastModTitle","lastModMessage","promoteMemberLabel","cancelLabel","leaveTitle","leaveMessage","leaveConfirm","leaveSuccessToast","leaveFailedToast","groupProfileLabel","groupNotificationsLabel","memberPermissionsLabel","allMembersLabel","bannedUsersLabel","notificationsLabel","modeDefaultLabel","modeSilentLabel","modeSubscribeLabel","notificationsOnLabel","notificationsOffLabel","notificationModeLabel","notificationMode","Silent","Subscribe","notificationsTrailing","handleClose","goBack","handleOpenGroupProfile","navigate","handleOpenGroupNotification","handleOpenGroupMemberPermissions","handleOpenGroupNotificationPreference","handleOpenAllMembers","handleOpenBannedMembers","popToList","pop","handleLeaveGroup","moderatorCount","moderatorMemberCount","isLastModerator","alert","text","style","onPress","leaveChannel","message","type","variant","groupItems","key","iconName","label","accessibilityLabel","visible","trailingText","preferenceItems","visibleGroupItems","filter","item","visiblePreferenceItems","title","displayName"],"sourceRoot":"../../../../../../../src","sources":["chat/features/group/setting/hooks/useGroupSetting.ts"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,51 @@
+// Styles for GroupSetting — ported from AmityUiKitWeb
+// v4/chat/features/group/setting/GroupSetting.module.css.
+// rem → px×16; colours via design tokens (no hardcoded hex).
+
+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)
+    },
+    // .groupSetting__avatarWrapper — center, 1rem vertical padding.
+    avatarWrapper: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingVertical: 16
+    },
+    // .groupSetting__avatar — 7.5rem square, 1.5rem radius, clipped.
+    avatar: {
+      width: 120,
+      height: 120,
+      borderRadius: 24,
+      overflow: 'hidden'
+    },
+    section: {
+      width: '100%',
+      flexDirection: 'column'
+    },
+    // .groupSetting__sectionTitle — padding 1.5rem/1rem/0.25rem.
+    sectionTitle: {
+      paddingTop: 24,
+      paddingHorizontal: 16,
+      paddingBottom: 4,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    // .groupSetting__divider — hairline, inset 1rem, post-divider tint.
+    divider: {
+      height: 1,
+      marginHorizontal: 16,
+      backgroundColor: token(AmityColorToken.LineDividerPostDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","container","flex","backgroundColor","SurfacePageBackgroundDefault","avatarWrapper","alignItems","justifyContent","paddingVertical","avatar","width","height","borderRadius","overflow","section","flexDirection","sectionTitle","paddingTop","paddingHorizontal","paddingBottom","color","TextListHeaderDefaultDefault","divider","marginHorizontal","LineDividerPostDefault"],"sourceRoot":"../../../../../../src","sources":["chat/features/group/setting/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,wCAAwC;AACjE,SAASC,eAAe,QAAQ,mDAAmD;AAEnF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEL,KAAK,CAACF,eAAe,CAACQ,4BAA4B;IACrE,CAAC;IACD;IACAC,aAAa,EAAE;MACbC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAE;IACnB,CAAC;IACD;IACAC,MAAM,EAAE;MACNC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPJ,KAAK,EAAE,MAAM;MACbK,aAAa,EAAE;IACjB,CAAC;IACD;IACAC,YAAY,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE,CAAC;MAChBC,KAAK,EAAEtB,KAAK,CAACF,eAAe,CAACyB,4BAA4B;IAC3D,CAAC;IACD;IACAC,OAAO,EAAE;MACPX,MAAM,EAAE,CAAC;MACTY,gBAAgB,EAAE,EAAE;MACpBpB,eAAe,EAAEL,KAAK,CAACF,eAAe,CAAC4B,sBAAsB;IAC/D;EACF,CAAC,CAAC;EAEF,OAAO;IAAEzB,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/features/home/ChatHome.js

@@ -0,0 +1,74 @@
+// ChatHome — ported from AmityUiKitWeb v4/chat/features/home/ChatHome.
+// Composes the Header, the tab bar (All / Direct / Groups) and the active
+// ChannelList for the selected tab's channel types.
+//
+// RN adaptations from web:
+//   - `useChatFeatureFlags` gating is dropped for M1: a static three-tab config
+//     is used (All + Direct + Groups).
+//   - Web has no notification features, so the "Push notifications have been
+//     disabled by admin" banner is ported from AmityUIKitIOS (release/4.25.0):
+//     usePushNotificationEnabled fetches the network/chat-module push setting and
+//     ChannelList renders the banner above the list when it's disabled.
+
+// 1. React / RN imports
+import { useMemo, useState } from 'react';
+import { View } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Tabs } from '../../../core/design/molecules/Tabs';
+import { useString } from '../../../core/localization';
+import { Header } from './components/Header';
+import { ChannelList } from './components/ChannelList';
+import { usePushNotificationEnabled } from './hooks';
+import { useStyles } from './styles';
+
+// 3. Types
+
+const TAB_TYPES = {
+  all: ['conversation', 'community'],
+  direct: ['conversation'],
+  group: ['community']
+};
+
+// 4. Named function component
+export function ChatHome({
+  onChannelPress,
+  onCreatePress
+}) {
+  const {
+    styles
+  } = useStyles();
+  const isPushNotificationEnabled = usePushNotificationEnabled();
+  const allLabel = useString('amity_chat_tab_all');
+  const directLabel = useString('amity_chat_tab_direct');
+  const groupsLabel = useString('amity_chat_tab_groups');
+  const [activeTab, setActiveTab] = useState('all');
+  const tabs = useMemo(() => [{
+    value: 'all',
+    label: allLabel
+  }, {
+    value: 'direct',
+    label: directLabel
+  }, {
+    value: 'group',
+    label: groupsLabel
+  }], [allLabel, directLabel, groupsLabel]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(View, {
+    style: styles.tabsWrapper
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    variant: "pill",
+    value: activeTab,
+    onChange: setActiveTab,
+    tabs: tabs
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.listWrapper
+  }, /*#__PURE__*/React.createElement(ChannelList, {
+    types: TAB_TYPES[activeTab],
+    isPushNotificationEnabled: isPushNotificationEnabled,
+    onChannelPress: onChannelPress,
+    onCreatePress: onCreatePress
+  })));
+}
+//# sourceMappingURL=ChatHome.js.map

package/lib/module/chat/features/home/ChatHome.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","View","Tabs","useString","Header","ChannelList","usePushNotificationEnabled","useStyles","TAB_TYPES","all","direct","group","ChatHome","onChannelPress","onCreatePress","styles","isPushNotificationEnabled","allLabel","directLabel","groupsLabel","activeTab","setActiveTab","tabs","value","label","React","createElement","style","container","tabsWrapper","variant","onChange","listWrapper","types"],"sourceRoot":"../../../../../src","sources":["chat/features/home/ChatHome.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,IAAI,QAAQ,qCAAqC;AAC1D,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,0BAA0B,QAAQ,SAAS;AACpD,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAYA,MAAMC,SAA8C,GAAG;EACrDC,GAAG,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC;EAClCC,MAAM,EAAE,CAAC,cAAc,CAAC;EACxBC,KAAK,EAAE,CAAC,WAAW;AACrB,CAAC;;AAED;AACA,OAAO,SAASC,QAAQA,CAAC;EAAEC,cAAc;EAAEC;AAA6B,CAAC,EAAE;EACzE,MAAM;IAAEC;EAAO,CAAC,GAAGR,SAAS,CAAC,CAAC;EAC9B,MAAMS,yBAAyB,GAAGV,0BAA0B,CAAC,CAAC;EAE9D,MAAMW,QAAQ,GAAGd,SAAS,CAAC,oBAAoB,CAAC;EAChD,MAAMe,WAAW,GAAGf,SAAS,CAAC,uBAAuB,CAAC;EACtD,MAAMgB,WAAW,GAAGhB,SAAS,CAAC,uBAAuB,CAAC;EAEtD,MAAM,CAACiB,SAAS,EAAEC,YAAY,CAAC,GAAGrB,QAAQ,CAAS,KAAK,CAAC;EAEzD,MAAMsB,IAAI,GAAGvB,OAAO,CAClB,MAAM,CACJ;IAAEwB,KAAK,EAAE,KAAK;IAAEC,KAAK,EAAEP;EAAS,CAAC,EACjC;IAAEM,KAAK,EAAE,QAAQ;IAAEC,KAAK,EAAEN;EAAY,CAAC,EACvC;IAAEK,KAAK,EAAE,OAAO;IAAEC,KAAK,EAAEL;EAAY,CAAC,CACvC,EACD,CAACF,QAAQ,EAAEC,WAAW,EAAEC,WAAW,CACrC,CAAC;EAED,oBACEM,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEZ,MAAM,CAACa;EAAU,gBAC5BH,KAAA,CAAAC,aAAA,CAACtB,MAAM,MAAE,CAAC,eACVqB,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEZ,MAAM,CAACc;EAAY,gBAC9BJ,KAAA,CAAAC,aAAA,CAACxB,IAAI;IACH4B,OAAO,EAAC,MAAM;IACdP,KAAK,EAAEH,SAAU;IACjBW,QAAQ,EAAEV,YAAa;IACvBC,IAAI,EAAEA;EAAK,CACZ,CACG,CAAC,eACPG,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEZ,MAAM,CAACiB;EAAY,gBAC9BP,KAAA,CAAAC,aAAA,CAACrB,WAAW;IACV4B,KAAK,EAAEzB,SAAS,CAACY,SAAS,CAAE;IAC5BJ,yBAAyB,EAAEA,yBAA0B;IACrDH,cAAc,EAAEA,cAAe;IAC/BC,aAAa,EAAEA;EAAc,CAC9B,CACG,CACF,CAAC;AAEX","ignoreList":[]}