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

package/lib/commonjs/social/features/chat/components/AmityChatListItem/styles.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+// Styles for AmityChatListItem — ported from AmityUiKitWeb ChannelItem.module.css.
+// Layout geometry comes from the SoT design tokens (geometry.json → lists.listItem:
+// minHeight 58, padding [8,16,8,16], gap 8, leadingElement.size 40, title 15/20,
+// description 13/18); the remaining gaps mirror the web CSS (rem → px ×16).
+// Every colour resolves through a design token (no hardcoded hex).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    // SoT lists.listItem: minHeight 58, padding [8,16,8,16], gap 8, align top.
+    container: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      gap: 8,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      minHeight: 58,
+      backgroundColor: 'transparent'
+    },
+    containerPressed: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListDefaultHover)
+    },
+    // SoT leadingElement.size 40.
+    avatarWrapper: {
+      width: 40,
+      height: 40
+    },
+    body: {
+      flex: 1,
+      minWidth: 0,
+      gap: 2 // web body gap 0.125rem
+    },
+    nameRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8 // web nameRow gap 0.5rem
+    },
+    nameGroup: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'baseline',
+      gap: 4,
+      // web nameGroup gap 0.25rem
+      minWidth: 0
+    },
+    // SoT title: size 15, lineHeight 20, weight 590 (≈'600').
+    name: {
+      flexShrink: 1,
+      fontSize: 15,
+      lineHeight: 20,
+      fontWeight: '600',
+      color: token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    nameDeleted: {
+      fontSize: 15,
+      lineHeight: 20,
+      fontWeight: '600',
+      color: token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    // SoT description: size 13, lineHeight 18.
+    memberCount: {
+      flexShrink: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(_amityColorTokens.AmityColorToken.TextListSubheadDefaultDefault)
+    },
+    timestamp: {
+      flexShrink: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(_amityColorTokens.AmityColorToken.TextListTrailingSubtextDefault)
+    },
+    previewRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8 // web previewRow gap 0.5rem
+    },
+    preview: {
+      flex: 1,
+      minWidth: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(_amityColorTokens.AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    previewMention: {
+      fontWeight: '600',
+      color: token(_amityColorTokens.AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    previewWithIcon: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      // web previewWithIcon gap 0.25rem
+      minWidth: 0
+    },
+    notifications: {
+      flexShrink: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4 // web notifications gap 0.25rem
+    },
+    // Web skeleton row: height 3.5rem (SoT skeletonHeight 56), padding 8/16,
+    // gap 0.75rem, skeleton surface background.
+    skeletonRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      height: 56,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListSkeletonSkeleton)
+    },
+    // Two stacked skeleton lines (name + preview) beside the avatar circle.
+    skeletonLines: {
+      flexDirection: 'column',
+      gap: 6
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","container","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","minHeight","backgroundColor","containerPressed","AmityColorToken","SurfaceListDefaultHover","avatarWrapper","width","height","body","flex","minWidth","nameRow","nameGroup","name","flexShrink","fontSize","lineHeight","fontWeight","color","TextListHeaderDefaultDefault","nameDeleted","memberCount","TextListSubheadDefaultDefault","timestamp","TextListTrailingSubtextDefault","previewRow","preview","TextListTextDescriptionDefaultDefault","previewMention","previewWithIcon","notifications","skeletonRow","SurfaceListSkeletonSkeleton","skeletonLines","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityChatListItem/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/components/AmityConversationChatUserActionComponent/AmityConversationChatUserActionComponent.js

@@ -0,0 +1,238 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AmityConversationChatUserActionComponent = AmityConversationChatUserActionComponent;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _Menu = require("../../../../../core/design/components/Menu");
+var _icons = require("../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../../../core/localization");
+var _useAuth = _interopRequireDefault(require("../../../../../core/hooks/useAuth"));
+var _bottomSheetSlice = require("../../../../../core/stores/slices/bottomSheetSlice");
+var _useChatNotifications = require("../../hooks/useChatNotifications");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// AmityConversationChatUserActionComponent — RN port of the 1-1 conversation
+// user action menu that AmityUiKitWeb builds in
+// `conversation/chat/hooks/useConversationActions` (block / report / notification).
+//
+// RN MOBILE ADAPTATION: web mounts this menu in a desktop Popover triggered from
+// the conversation Header's trailing button. On RN it is a native BOTTOM SHEET —
+// the component now owns the trailing "⋮" trigger and, on press, pushes the same
+// action list into the repo's global @devvie bottom sheet
+// (`useBottomSheet` → BottomSheetComponent). The menu body reuses the SoT `Menu`
+// in its `drawer` container (mirrors the web mobile drawer). Only the CONTAINER
+// changed Popover → bottom sheet: the items, handlers, labels, tokens and
+// destructive confirmations are unchanged.
+//
+// This mirrors web `useConversationActions` (and iOS
+// `AmityConversationChatUserActionComponent`): three actions — notification
+// (mute/unmute), report, block. The notification row toggles the channel push
+// setting via `Client.notifications().channel(id)` (enable → unmuted, disable →
+// muted), the exact surface the group notification-preference port uses; its
+// state is read once from `getSettings().isEnabled`. Icon/label are action-facing:
+// enabled → `bell-slash-r` + "Turn off notification"; disabled → `bell-s` +
+// "Turn on notification" (iOS `bellSlashR`/`bellS`). `isBlockedByMe` is read live
+// from `UserRepository.Relationship.getFollowInfo` (`status === 'blocked'`) so the
+// block/unblock label is always correct; report toggles flag/unflag off its own
+// live `UserRepository.isUserFlaggedByMe` state (label flips Report ↔ Unreport
+// user), mirroring the block/unblock row. Web's
+// `ConfirmProvider` maps to the native `Alert.alert`. SDK calls are gated on
+// `useAuth().isConnected`.
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports
+
+// 4. Types
+
+// 5. Named function component
+function AmityConversationChatUserActionComponent({
+  user,
+  channelId
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    isConnected
+  } = (0, _useAuth.default)();
+  const {
+    success,
+    error
+  } = (0, _useChatNotifications.useChatNotifications)();
+  const {
+    openBottomSheet,
+    closeBottomSheet,
+    bottomSheetHeight
+  } = (0, _bottomSheetSlice.useBottomSheet)();
+  const userId = user.userId;
+  const displayName = user.displayName ?? user.userId;
+  const [isBlockedByMe, setIsBlockedByMe] = (0, _react.useState)(false);
+  // Report state: read once from `UserRepository.isUserFlaggedByMe`; the report
+  // row toggles flag/unflag live so the label flips Report ↔ Unreport user.
+  const [isFlaggedByMe, setIsFlaggedByMe] = (0, _react.useState)(false);
+  // Channel push-notification state (web `useChannelPushNotificationQuery`):
+  // read once from `getSettings().isEnabled`; the row toggles it live.
+  const [isNotificationEnabled, setIsNotificationEnabled] = (0, _react.useState)(true);
+  (0, _react.useEffect)(() => {
+    if (!isConnected || !userId) return undefined;
+    const unsub = _tsSdkReactNative.UserRepository.Relationship.getFollowInfo(userId, ({
+      data
+    }) => {
+      setIsBlockedByMe((data === null || data === void 0 ? void 0 : data.status) === 'blocked');
+    });
+    return () => {
+      unsub();
+    };
+  }, [isConnected, userId]);
+  (0, _react.useEffect)(() => {
+    if (!isConnected || !userId) return undefined;
+    let active = true;
+    _tsSdkReactNative.UserRepository.isUserFlaggedByMe(userId).then(flagged => {
+      if (active) setIsFlaggedByMe(flagged);
+    }).catch(() => {});
+    return () => {
+      active = false;
+    };
+  }, [isConnected, userId]);
+  (0, _react.useEffect)(() => {
+    if (!isConnected || !channelId) return undefined;
+    let active = true;
+    _tsSdkReactNative.Client.notifications().channel(channelId).getSettings().then(settings => {
+      if (active) setIsNotificationEnabled(settings.isEnabled);
+    }).catch(() => {});
+    return () => {
+      active = false;
+    };
+  }, [isConnected, channelId]);
+  async function handleToggleNotification() {
+    if (!isConnected || !channelId) return;
+    const next = !isNotificationEnabled;
+    try {
+      const manager = _tsSdkReactNative.Client.notifications().channel(channelId);
+      if (next) {
+        await manager.enable();
+      } else {
+        await manager.disable();
+      }
+      setIsNotificationEnabled(next);
+      success({
+        content: (0, _localization.resolveString)(next ? 'amity_chat_action_unmute' : 'amity_chat_action_mute')
+      });
+    } catch {
+      error({
+        content: (0, _localization.resolveString)(next ? 'amity_chat_action_unmute_failed' : 'amity_chat_action_mute_failed')
+      });
+    }
+  }
+  async function handleReport() {
+    if (!isConnected) return;
+    const next = !isFlaggedByMe;
+    try {
+      if (next) {
+        await _tsSdkReactNative.UserRepository.flagUser(userId);
+      } else {
+        await _tsSdkReactNative.UserRepository.unflagUser(userId);
+      }
+      setIsFlaggedByMe(next);
+      success({
+        content: (0, _localization.resolveString)(next ? 'amity_chat_action_report_user_success' : 'amity_chat_action_unreport_user_success')
+      });
+    } catch {
+      error({
+        content: (0, _localization.resolveString)(next ? 'amity_chat_action_report_user_failed' : 'amity_chat_action_unreport_user_failed')
+      });
+    }
+  }
+  function handleToggleBlock() {
+    if (!isConnected) return;
+    if (isBlockedByMe) {
+      _reactNative.Alert.alert((0, _localization.resolveString)('amity_chat_unblock_confirm_title'), (0, _localization.resolveString)('amity_chat_unblock_confirm_message', displayName), [{
+        text: (0, _localization.resolveString)('amity_chat_cancel'),
+        style: 'cancel'
+      }, {
+        text: (0, _localization.resolveString)('amity_chat_unblock_confirm_label'),
+        onPress: async () => {
+          await _tsSdkReactNative.UserRepository.Relationship.unBlockUser(userId);
+          success({
+            content: (0, _localization.resolveString)('amity_chat_unblock_success')
+          });
+        }
+      }]);
+    } else {
+      _reactNative.Alert.alert((0, _localization.resolveString)('amity_chat_block_confirm_title'), (0, _localization.resolveString)('amity_chat_block_confirm_message', displayName), [{
+        text: (0, _localization.resolveString)('amity_chat_cancel'),
+        style: 'cancel'
+      }, {
+        text: (0, _localization.resolveString)('amity_chat_block_confirm_label'),
+        style: 'destructive',
+        onPress: async () => {
+          await _tsSdkReactNative.UserRepository.Relationship.blockUser(userId);
+          success({
+            content: (0, _localization.resolveString)('amity_chat_block_success')
+          });
+        }
+      }]);
+    }
+  }
+  const items = [{
+    key: 'notification',
+    // Both states use the REGULAR (outline) bell: web's useConversationActions
+    // resolves `isNotificationEnabled ? BellSlash : Bell`, and its bare `Bell` /
+    // `BellSlash` exports are the Regular variant (Solid is opt-in via
+    // `Bell.Solid`). The group-setting rows are the ones that legitimately use
+    // the solid bell — web asks for `Bell.Solid` there.
+    icon: isNotificationEnabled ? 'bell-slash-r' : 'bell-r',
+    label: (0, _localization.resolveString)(isNotificationEnabled ? 'amity_chat_action_turn_off_notification' : 'amity_chat_action_turn_on_notification'),
+    onPress: handleToggleNotification
+  }, {
+    key: 'report',
+    // PDT-4143 (web PR 1822): the icon flips with the state, not just the
+    // label — `isReported ? FlagSlash : Flag`.
+    icon: isFlaggedByMe ? 'flag-slash-r' : 'flag-r',
+    label: (0, _localization.resolveString)(isFlaggedByMe ? 'amity_chat_action_unreport_user' : 'amity_chat_action_report_user'),
+    onPress: handleReport
+  }, {
+    key: 'block',
+    icon: 'ban-r',
+    label: (0, _localization.resolveString)(isBlockedByMe ? 'amity_chat_action_unblock_user' : 'amity_chat_action_block_user'),
+    onPress: handleToggleBlock
+  }];
+  function openActionSheet() {
+    openBottomSheet({
+      height: bottomSheetHeight[items.length],
+      content: /*#__PURE__*/React.createElement(_reactNative.View, {
+        style: styles.sheetContainer
+      }, /*#__PURE__*/React.createElement(_Menu.Menu, {
+        variant: "chat",
+        container: "drawer"
+      }, items.map(item => /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+        key: item.key,
+        icon: item.icon,
+        label: item.label,
+        typography: "body",
+        onPress: () => {
+          closeBottomSheet();
+          item.onPress();
+        }
+      }))))
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    onPress: openActionSheet,
+    accessibilityRole: "button",
+    accessibilityLabel: "Conversation actions"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "ellipsis-v-r",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonGhostSecondaryDefault
+  }));
+}
+//# sourceMappingURL=AmityConversationChatUserActionComponent.js.map

package/lib/commonjs/social/features/chat/components/AmityConversationChatUserActionComponent/AmityConversationChatUserActionComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_tsSdkReactNative","_Menu","_icons","_amityColorTokens","_localization","_useAuth","_interopRequireDefault","_bottomSheetSlice","_useChatNotifications","_styles","e","__esModule","default","AmityConversationChatUserActionComponent","user","channelId","styles","useStyles","isConnected","useAuth","success","error","useChatNotifications","openBottomSheet","closeBottomSheet","bottomSheetHeight","useBottomSheet","userId","displayName","isBlockedByMe","setIsBlockedByMe","useState","isFlaggedByMe","setIsFlaggedByMe","isNotificationEnabled","setIsNotificationEnabled","useEffect","undefined","unsub","UserRepository","Relationship","getFollowInfo","data","status","active","isUserFlaggedByMe","then","flagged","catch","Client","notifications","channel","getSettings","settings","isEnabled","handleToggleNotification","next","manager","enable","disable","content","resolveString","handleReport","flagUser","unflagUser","handleToggleBlock","Alert","alert","text","style","onPress","unBlockUser","blockUser","items","key","icon","label","openActionSheet","height","length","React","createElement","View","sheetContainer","Menu","variant","container","map","item","Item","typography","Pressable","accessibilityRole","accessibilityLabel","AmityIcon","name","size","tokenColor","AmityColorToken","IconIconButtonGhostSecondaryDefault"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityConversationChatUserActionComponent/AmityConversationChatUserActionComponent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/components/AmityConversationChatUserActionComponent/index.js

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

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

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

package/lib/commonjs/social/features/chat/components/AmityConversationChatUserActionComponent/styles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../core/design/theme/useToken");
+// Styles for AmityConversationChatUserActionComponent.
+// RN mobile adaptation: web presents the 1-1 user-action menu in a desktop
+// Popover; RN presents it in a native bottom sheet (the repo's global @devvie
+// BottomSheetComponent). The sheet body reuses the SoT `Menu` in its `drawer`
+// container, which renders rows with paddingHorizontal 0 — so this wrapper adds
+// the drawer's page side-padding (1rem → 16) plus a bottom inset.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    // Bottom-sheet body wrapper around the drawer-variant Menu.
+    sheetContainer: {
+      paddingHorizontal: 16,
+      paddingBottom: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","useStyles","token","useToken","styles","StyleSheet","create","sheetContainer","paddingHorizontal","paddingBottom","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityConversationChatUserActionComponent/styles.ts"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AARA;AACA;AACA;AACA;AACA;AACA;;AAKO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/B;IACAC,cAAc,EAAE;MACdC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEL,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACQ,OAAA,CAAAT,SAAA,GAAAA,SAAA","ignoreList":[]}